.callout-tile.component{position:relative;margin-bottom:30px;color:#28282f}
.callout-tile.component a:hover,.callout-tile.component a:focus{text-decoration:none;}
.callout-tile.component a:hover h3,.callout-tile.component a:focus h3{color:#0858a8 !important}
.callout-tile.component a:hover h3 span,.callout-tile.component a:focus h3 span{border-color:transparent !important}
.callout-tile.component .icon{display:inline-block;vertical-align:middle;margin-right:.5em}
.callout-tile.component .icon svg{height:1em;width:1em}
.callout-tile.component .callout-img{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.5);float:right;height:270px;position:relative;margin-top:-1px;margin-right:-1px;overflow:hidden}
.callout-tile.component .callout-img:hover{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
transition: all .5s ease-in-out;	
}
.callout-tile.component .callout-img:after{content:'';display:block;position:absolute;z-index:2;left:0;top:50%;margin-top:-20px;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #FFF}
.callout-tile.component .callout-img>div{display:none}
/*.callout-tile.component .callout-content{padding:12px 24px 0 24px;width:50%}*/
.callout-tile.component .callout-content{padding:10px 10px 0 10px;width:50%}
.callout-tile.component .callout-content h4{font-size:.938em;margin:0;text-transform:uppercase;font-weight:600;color:#227bbc;/*#28282f;*/line-height:1.75em;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.callout-tile.component .callout-content h4 .icon{font-size:1.5em;vertical-align:middle;margin-right:12px}
.callout-tile.component .callout-content h3{margin:0;line-height:1em;font-size:1.875em;font-size:2vw;color:#227bbc;/*#28282f;*/display:box;display:-moz-box;display:-webkit-box;margin:0px 0;-webkit-box-orient:vertical;position:relative;line-height:1.10em}
.callout-tile.component .callout-content h3 span{display:inline-block;border-bottom:dotted 1px #000}
.callout-tile.component .callout-content .callout-text{font-size:1em;color:#28282f}
.callout-tile.component .callout-content .callout-text p{font-size:1em;margin-bottom:1em;color:#227bbc;/*#28282f;*/position:relative;line-height:1.5em}
.callout-tile.component .callout-content .callout-text p:after{display:inline-block;white-space:nowrap;position:relative;bottom:0;margin-left:.25em;line-height:20px}
.callout-tile.component .callout-tile-wrap{display:block;border:1px solid #cecece;height:270px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.callout-tile.component .callout-tile-wrap.img-left .callout-img{float:left;position:relative;z-index:1;margin-right:0;margin-left:-1px;width:50%;width:calc(50% - 12px)}
.callout-tile.component .callout-tile-wrap.img-left .callout-img:after{left:auto;right:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:0;border-right:20px solid #FFF}
.callout-tile.component .callout-tile-wrap.img-left .callout-img img{position:relative;height:auto;width:100%}
.callout-tile.component .callout-tile-wrap.img-left .callout-content{max-width:50%;float:right;padding-left:12px}
.callout-tile.component .callout-tile-wrap.img-right .callout-img{width:50%;width:calc(50% - 12px)}
.callout-tile.component .callout-tile-wrap.img-right .callout-content{max-width:50%;padding-right:12px}
.callout-tile.component .callout-tile-wrap.img-top{height:570px}
.callout-tile.component .callout-tile-wrap.img-top .callout-img{float:none;margin:-1px -1px 0 -1px;height:270px}
.callout-tile.component .callout-tile-wrap.img-top .callout-img:after{left:50%;margin-top:0;margin-left:-20px;right:auto;bottom:-1px;top:auto;border-top:0;border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}
.callout-tile.component .callout-tile-wrap.img-top .callout-img img{min-width:100%;height:270px}
.callout-tile.component .callout-tile-wrap.img-top .callout-content{width:100%;padding-top:24px}
.callout-tile.component .callout-tile-wrap.img-over{position:relative}
.callout-tile.component .callout-tile-wrap.img-over .callout-img{position:relative;z-index:1;float:none;margin:-1px -1px 0 -1px;height:120px}
.callout-tile.component .callout-tile-wrap.img-over .callout-img:after{display:none}
.callout-tile.component .callout-tile-wrap.img-over .callout-img img{width:100%}
.callout-tile.component .callout-tile-wrap.img-over .callout-content{position:relative;top:auto;left:auto;z-index:2;width:100%}
.callout-tile.component .callout-tile-wrap.img-over .callout-content h3{margin-top:5px}
.callout-content img {
	margin-left: -5px;
	margin-right: 10px;
	width: 115px;
}
@media screen and (min-width:1200px){.callout-tile.component .callout-content h3{font-size:1.3em}
.callout-content img {
	margin-left: -5px;
	margin-right: 10px;
	width: 100px; /*120px have to fix for NJTF1 Logo*/
}
.callout-img76w img {
	margin-left: -5px;
	margin-right: 10px;
	width: 76px;
}
}
@media screen and (min-width:992px) and (max-width:1024px){
	.callout-content img {
	margin-left: -5px;
	margin-right: 10px;
	width: 105px;
}	
}
@media screen and (min-width:768px) and (max-width:991px){.callout-tile.component .callout-img,.callout-tile.component .callout-tile-wrap.img-top .callout-img{height:225px}
.callout-tile.component .callout-content{padding:12px 18px 0 18px}
.callout-tile.component .callout-content h4{font-size:.75em;line-height:1.75em}
.callout-tile.component .callout-content h4 .icon{font-size:1.5em;margin-right:12px}
.callout-tile.component .callout-content h3{margin:0 0 7px;font-size:1.25em;font-size:2vw}
.callout-tile.component .callout-content h3:before{height:80px}
.callout-tile.component .callout-content .callout-text{font-size:.75em}
.callout-tile.component .callout-content .callout-text p{font-size:1em;margin-bottom:1em;line-height:1.5em}
.callout-tile.component .callout-content .callout-text p:after{white-space:normal;position:relative}
.callout-tile.component .callout-tile-wrap{height:225px}
.callout-tile.component .callout-tile-wrap.img-top{height:480px}
.callout-tile.component .callout-tile-wrap.img-top .callout-img img{height:195px}
.callout-tile.component .callout-tile-wrap.img-over .callout-img{height:90px}
.callout-content img {
	margin-left: -15px;
	margin-right: 5px;
	width: 110px;
}
}
@media screen and (max-width:767px){.callout-tile.component .callout-img{float:none;height:125px;vertical-align:top;max-width:none}
.callout-tile.component .callout-img:after{display:none !important}
.callout-tile.component .callout-img img{height:auto;width:100%}
.callout-tile.component .callout-content{max-width:none;padding:10px;width:100%}
.callout-tile.component .callout-content h4{font-size:.825em;line-height:1.75em}
.callout-tile.component .callout-content h4 .icon{font-size:1.25em;margin-right:12px}
.callout-tile.component .callout-content h3{line-height:1em;font-size:1em;margin:10px 0 20px}
.callout-tile.component .callout-content h3:before{display:none}
.callout-tile.component .callout-content .callout-text{font-size:.875em}
.callout-tile.component .callout-content .callout-text p{font-size:1em;margin-bottom:1em}
.callout-tile.component .callout-content .callout-text p:after{white-space:normal;position:relative;line-height:1em}
.callout-tile.component .callout-tile-wrap{height:auto}
.callout-tile.component .callout-tile-wrap.img-left .callout-img{float:none;max-width:none;width:100%}
.callout-tile.component .callout-tile-wrap.img-left .callout-img:after{display:none !important}
.callout-tile.component .callout-tile-wrap.img-left .callout-img img{height:auto;width:100%}
.callout-tile.component .callout-tile-wrap.img-left .callout-content{max-width:none;float:none}
.callout-tile.component .callout-tile-wrap.img-right .callout-img{max-width:none;width:100%}
.callout-tile.component .callout-tile-wrap.img-right .callout-content{max-width:none}
.callout-tile.component .callout-tile-wrap.img-top{height:auto}
.callout-tile.component .callout-tile-wrap.img-top .callout-img{height:125px}
.callout-tile.component .callout-tile-wrap.img-top .callout-img:after{display:none !important}
.callout-tile.component .callout-tile-wrap.img-top .callout-img img{min-width:0;height:auto}
.callout-tile.component .callout-tile-wrap.img-top .callout-content{width:auto}
.callout-tile.component .callout-tile-wrap.img-over .callout-content{position:relative;top:auto;left:auto;z-index:2;width:100%}
.callout-tile.component .callout-tile-wrap.img-over .callout-content h4,.callout-tile.component .callout-tile-wrap.img-over .callout-content h3,.callout-tile.component .callout-tile-wrap.img-over .callout-content .callout-text,.callout-tile.component .callout-tile-wrap.img-over .callout-content .callout-text p{color:#28282f}
}
@media screen and (max-width:500px) and (min-width:350px){.callout-tile.component .callout-img{height:250px !important}


}
@media screen and (max-width:767px) and (min-width:501px){.callout-tile.component .callout-img{height:350px !important}
}