@import url(https://fonts.googleapis.com/css?family=Arimo:700,400);

@media screen and (min-width: 999px) {
    .box { position: absolute;width: 100%;height: 300px; margin-left:0; }
    #container {margin: 0 auto 0 auto;padding: 0px;width: 100%;height: 300px;overflow: hidden;  }
    #ctl00_ContentPlaceHolder1_pnlTypes { margin-top:4px;}
    .upEventsWrap { width:300px;height:360px;overflow:hidden; margin-left:10px; }
    #upEvents { position:relative; }
    #upEvents li { height:100px;padding:5px 10px;margin-bottom:10px;box-shadow:inset 0 0 7px rgba(0,0,0,.6);background:#fff; }
    #upEvents li div strong {color:#000;}
    #upEvents .image_left {padding-top:0px;margin-top:-5px;}
    #upEvents a { position:relative; top:70px;float:right;}
    .clogo { width:130px;}
    .partners li a,.partners li a img{width:130px;height:98px}.mainbg,.partners,.pro_menu li,section{position:relative}.list-1 li a,.list-2 li a{color:#949494}
    .partners li a { display: block; text-align: center; width: 130px; height: 98px; }
    .partners li a img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: 130px; height: 98px; }
    .partners li { float: left; margin: 0 30px 0 30px; }
        .partners li a:hover img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
    }
@media screen and (max-width: 998px) {
    .box { }
    #container { margin: 0 auto 0 auto; padding: 0px; width: 100%; overflow: hidden; }
    div.camera_wrap { margin-top:10px;}
    .upEventsWrap { width:300px;height:360px;overflow:hidden; margin-left:10px; }
    #upEvents { position:relative; }
    #upEvents li { height:100px;padding:5px 10px;margin-bottom:10px;box-shadow:inset 0 0 7px rgba(0,0,0,.6);background:#fff; }
    #upEvents li div strong {color:#000;}
    #upEvents .image_left {padding-top:0px;margin-top:-5px;}
    #upEvents a { position:relative; top:70px;float:right;}
    .clogo { width:70%; margin:0 15%;}
    .partners li { width:50%; float:left; height:120px; text-align:center;margin-bottom:10px; }
    .partners li img { clear:both;}
    
}

.image_left { float: left; margin-right: 10px; }

.featuredAth { width:120px; }
/* Orange Bar */
div.ut-bar {width:100%;background-image:url(../../images/sitepro/gradient_bg.png); background-repeat:repeat-x; background-position:bottom; border-bottom:1px dotted #1f2025;}
.gradient {filter: none;}


#athleteBox ,#teamBox, #collegeBox, #sincBox, #rankBox { left: 2000px; }
.facebookOuter {background-color:#fff; width:310px; padding:0px 0 0px 0px;height:350px;}
.facebookInner {height:350px;overflow:hidden;}

.featuredAthlete { box-shadow:inset 0 0 7px rgba(0,0,0,.6); height:330px;padding:10px 10px; }
.featuredAthWrap h2 { padding-bottom:3px; }
.featuredAthWrap h4 { padding-bottom:10px; }
.featuredAthWrap { padding:10px;color:#333; }
.homethreecol h2 { padding-top:10px;padding-bottom:3px; }
.jcarousel-skin-tango .jcarousel-container {border:0;width: 300px;height: 360px;}
.jcarousel-skin-tango .jcarousel-container-vertical {width: 300px;height: 360px;padding:0;border:0;}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:  300px;height: 360px;border:0;}
.jcarousel-skin-tango .jcarousel-item {width:  300px;height: 110px;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom:10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}


#allfeatbtn {position:absolute;top:0;right:0;}

/* progbar */
.progbar {background:#000;width:100%;height:2px;position:absolute;bottom:0px;left:0px;z-index:999;}
.simple_gallery .pagination {display:none;}	

.services{ width:178px; height:130px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; margin:5px 9px 5px 5px; float:left;}
.services.first{margin:5px 9px 5px 0px;}
.services.last{margin:5px 0px 5px 8px;}
	.services a{ display:block; padding:10px 0 0 0; height:100%; position:relative;}
	.services a span{ display:block; font-family:'Arimo', sans-serif; font-weight:100;line-height:1.6em;color:#fff;font-size:18px; padding:7px 0 0 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; text-align:center;}
	.services a span strong{ display:block; margin-top:-11px; font-weight:normal;}
	.services a em{ margin-left:48px; display:inline-block; position:relative;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.services a img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.services a img.image-hover{ position:absolute; top:0; left:0; opacity:0;}
		.services a:hover,.services:hover a{ text-decoration:none;}
		.services:hover a span{color:#fff;}
	.services:hover a img{ opacity:0;}
	.services:hover a img.image-hover{ opacity:1;}