	/*bootstrap*/
/*TNT SLIDER - CAROUSEL*/
#tnt .carousel-caption h2 {
	text-align: left;
	margin-top: 0;
	margin-bottom: 5px;
	/*font-weight: 800;*/
	color: #2f3b6b;
}

#tnt .carousel-caption h3 {
	margin-top: 0;
	margin-bottom: 20px;
	border-bottom: 0;
	color: #2f3b6b;
}

/*#tnt .carousel-caption p {
	font-size: 18px;
}*/

#tnt .cap_blog {
	right: 0;
	left: 0;
	padding-bottom: 0;
	color: #2f3b6b;
	text-align: left;
	padding-top: 0;
	bottom: 0;
	text-shadow: none; 
}

#tnt .carousel-caption {
	float: left;
	width: 53%;
	height: 100%;
	background: #fff;
	padding: 40px;
}

#tnt .carousel-inner .item img {
	float: right;
}

#tnt #carousel-example-generic {
	padding-right: 15px;
	padding-left: 15px;
	max-width: 974px;
	margin: 0 auto;
}

#tnt .carousel-indicators {
	padding-left: 0;
	list-style-type: decimal;
	margin-bottom: -86px ;
}

#tnt .carousel-indicators li {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 6px solid #ffffff;
    border-radius: 25px;
	margin: 0 16px;
}

#tnt .carousel-indicators .active {
    width: 25px;
    height: 25px;
	margin: 0 16px;
    background-color: #8691be;
}
/*end - TNT SLIDER - CAROUSEL*/


/*** Corporate ***/
#corporate_main_banner {
	height: 590px;
	padding-right: 0 !important;
	padding-left: 0 !important; 
}

#corporate_main_banner .tropa-thing {
	max-width: 700px;
	padding: 14px 24px;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 6px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 6px 0px;
	box-shadow: rgba(0, 0, 0, 0.2) 0 6px 0px;
	-ms-box-shadow: rgba(0, 0, 0, 0.2) 0 6px 0px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	text-align: center;
	top: -150px;
	color: #c75223;
	position: relative; 
	z-index: 2;
}

#corporate_main_banner  h2 {
	margin: 0 0 6px 0;
	color: #c75223;
	text-align: center;
}

#corporate_main_banner p {
	/*font-weight: 600;
	font-size: 16px;*/
	margin-bottom: 6px;
}

#corporate_main_banner a {
	position: relative;
	padding: 82px 46% 13px;
}

#grid_main_content {
	padding: 0;
}

#grid_main_content h2, #grid_main_content h3 {
	color: #fff;
	text-align: center;
}

#grid_main_content h2 {
	margin-top: 0 !important;
}

#grid_main_content img {
	width: 50%;
}

#grid_main_content h3 {
	margin-top: 60px;
	/*font-size: 18px;*/
}

.colBlue {
	background: #2f3b6b;
	color: #fff;
}

#tnt .colBlue  p, #tnt .colOrange p, #tnt .colYelOra p, #tnt .colDrkOra p {
	color: #fff;
}

.colYelOra, .colOrange, .colDrkOra, .colCream, .colYellow, .colBlue {
	padding: 20px;
	height: 452px;
	text-align: center;
	width: 25%;
}

.colYelOra {
	background: #ecb530;
	color: #fff;
}

.colOrange {
	background: #e28c39;
	color: #fff;
}

.colDrkOra {
	background: #cc602a;
	color: #fff;
}

.colCream {
	background: #f7f3e8;
	color: #343434;
}

.colYellow {
	background: #ead127;
	color: #343434;
}

.colLeft {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

#grid_main_content .h_grid0 {
	padding-right: 0;
	padding-left: 0;
	width: 75%;
}

#grid_main_content .h_grid2 {
	/*width: 25%;*/
	width: 25.0435%;
	margin-left: -1px;
}

@media all and (-ms-high-contrast:none)      {
     .colBlue { margin-left: -1px } /* IE10 */
     *::-ms-backdrop, .colBlue { margin-left: -1px } /* IE11 */
}

#shop_online {
	padding: 0 30px 30px;
}

#shop_online h2 {
	text-align: center;
}

#shop_online .shop_prod {
	padding: 15px;
	margin-left: 20px;
	/*width: 23.685%;*/
	width: 30.985%;
	background: #f8f8f8;
	font-weight: bold;
	text-align: center;
	color: ##2f3b6b;
}

.noMR {
	margin-right: 0 !important;
}

.noML {
	margin-left: 0 !important;
}

#shop_online h3 {
	margin-top: 0;
	/*font-size: 18px;*/
}

.prod-desc span {
	font-size: 18px;
}

.prod-desc {
	height: 97px;
}

#tnt_account_app {
	padding: 0;
}

#tnt_account_app .row {
	margin: 0;
}

.tnt_mm_account {
	background: #d46549 url(//assets.tntph.com/Assets/images/main/manage-monitor.jpg) no-repeat center bottom;
	background-size: 65%;
	text-align: center;
	height: 500px;
}

#tnt_account_app  .tnt_mm_account h2 {
	text-align: center;
	color: #fff;
}

.tnt_download_app {
	background: #fff2e0 url(//assets.tntph.com/Assets/images/main/TNT-App.jpg) no-repeat left bottom;
	background-size: 47%;
	height: 500px;
}

#tnt_account_app  .tnt_download_app h2 {
	text-align: center;
}

.app-features {
	width: 230px;
	float: right;
	margin: 20px 26% 0 0;
	text-align: center;
}

.app-features  li {
	color: #2f3b6b;
	list-style-type: disc;
	text-align: left;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 14px;
}

.app-features span {
	color: #343434;
}

#grid_main_content .long-card {
	margin-top: 32px;
}

/*#sub_footer .sf_contentl p, #sub_footer .sf_contentr p {
	font-size: 14px;
}*/

#tnt #grid_main_content .combo30 {
	padding-top: 20px;
}

#grid_main_content .comboh3 {
    margin-top: 205px;
    margin-bottom: 10px;
}

#grid_main_content .twtter-logo {
	margin-top: 26px;
}

#grid_main_content .vibr-img {
	margin-top: 26px;
}

#grid_main_content .h_grid p.promos-titles {
	min-height: 130px;
}

#grid_main_content .h_grid a {
	position: absolute;
	bottom: 50px;
	right: 0;
	left: 0;
	width: 126px;
	margin: 0 auto;
	padding: 0px 0px;
	display: block;
	line-height: 38px;
}


/*** TNT Homepage Grid and Carousel Banner ***/

#corporate_main_banner .owl-carousel .item {
	height: 590px;
	background-size: cover;    
	background-color: #afdafa;
	background-position: center bottom;
	background-repeat:  no-repeat;
}

#corporate_main_banner .owl-nav {
	position: absolute;
	width: 100%;
	bottom: 55%;
}

#corporate_main_banner .owl-prev {
	position: absolute;
	left: 0;
	opacity: .6;
	transition: all .2s ease-in-out;
}

#corporate_main_banner .owl-next {
	position: absolute;
	right: 0;
	opacity: .6;
	transition: all .2s ease-in-out;
}

/*** END TNT Homepage Grid and Carousel Banner ***/


@media screen and (max-width: 1647px) {

	#grid_main_content .comboh3 {
		    margin-top: 147px;
	}
		
}



/************* Media Queries *************/

@media screen and (max-width: 1680px) {

	#grid_main_content .long-card {
		margin-top: 94px;
	}

}

@media screen and (max-width: 1600px) {

	#grid_main_content .long-card {
		margin-top: 87px;
	}

}

@media screen and (max-width: 1440px) {

	#grid_main_content .long-card {
		margin-top: 126px;
	}
	
	.tnt_download_app, .tnt_mm_account {
		height: 400px;
	}

}


@media screen and (max-width: 1400px) {

	#grid_main_content .long-card {
		margin-top: 136px;
	}

}

@media screen and (max-width: 1366px) {

	#grid_main_content .comboh3 {
		margin-top: 139px;
	}
	
		#grid_main_content .long-card {
		margin-top: 145px;
	}

	
}

@media screen and (max-width: 1280px) {

	#grid_main_content .long-card {
		margin-top: 136px;
	}
	
	#grid_main_content .h_grid2 {
		width: 25.3%;
		margin-left: -3px;
	}
	
	#grid_main_content .comboh3 {
		margin-top: 158px;
	}
	
	#grid_main_content .twtter-logo {
		margin-top: 52px;
	}
	
	#grid_main_content .vibr-img {
		margin-top: 52px;
	}
	
	#grid_main_content .long-card {
		margin-top: 188px;
	}
	
	#grid_main_content .h_grid2 {
		width: 25.1%;
		margin-left: -2px;
	}
	
	#grid_main_content .fbh2 {
		margin-bottom: 26px;
	}
	
	#grid_main_content .fbh3 {
		margin-top: 37px;
	}

}

@media screen and (max-width: 1199px) {

	#corporate_main_banner {
		height: 490px;
	}
	
	#corporate_main_banner .tropa-thing {
		top: -136px;
	}
	
	.colYelOra, .colOrange, .colDrkOra, .colCream, .colYellow, .colBlue  {
		height: 452px;
	}
	
	#shop_online .shop_prod {
		margin-left: 16px;
	}
	
	#grid_main_content .fbh2 {
		margin-bottom: 62px;
	}
	
	#grid_main_content .fbh3 {
		margin-top: 25px;
	}
	
	#grid_main_content .coc-img {
		margin-top: 0;
	}
	
	#grid_main_content  .twtter-logo {
		margin-top: 26px;
	}
	
	#grid_main_content  .twtterh3 {
		margin-bottom: 0;
	}
	
	#grid_main_content .long-card {
		margin-top: 212px;
	}
	
	#grid_main_content .comboh3 {
		margin-bottom: 39px;
	}
	
	#grid_main_content .comboh3 {
		margin-top: 153px;
	}
	
	#corporate_main_banner .owl-carousel .item {
		height: 490px;
	}		

}

@media screen and (max-width: 1024px) {

		#grid_main_content .h_grid0 {
			width: 75%;
		}

		#grid_main_content .comboh3 {
			margin-top: 78px;
		}
		
		#grid_main_content .vibr-img {
			margin-top: 26px;
		}
		
		#grid_main_content .coch3 {
			margin-bottom: 38px;
		}
		
		#grid_main_content .twtterh3 {
			margin-bottom: 10px;
		}
		
		#grid_main_content .long-card {
			margin-top: 253px;
		}
		
		#grid_main_content .vibrh3 {
			margin-bottom: 38px;
		}

}

@media screen and (max-width: 1024px) and (min-width: 600px){

		#grid_main_content .h_grid0 {
			width: 75%;
		}
		
		#grid_main_content .colYellow h2 {
			font-size: 28px;
		}

}

@media screen and (max-width: 992px) {

	
	#grid_main_content .h_grid2 {
		width: 100%;
	}
	
	.colYelOra, .colOrange, .colDrkOra, .colCream, .colYellow, .colBlue  {
		padding: 20px 10px;
	}
	
	#grid_main_content .h_grid0 {
		width: 100%;
	}
	
	#shop_online .shop_prod {
		width: 48.885%;
		margin-bottom: 16px;
	}
	
	.noML2 {
		margin-left: 0 !important;
	}
	
	.tnt_mm_account {
		padding: 1px 0;
		background-size: 80%;
	}
	
	.tnt_download_app {
		padding: 1px 0;
		background-size: 50%;
	}
	
	.app-features {
		margin: 20px 12% 0 0;
	}
	
	#grid_main_content .long-card {
		margin-top: 0;
		display: none;
	}
	
	#grid_main_content .vibrh3, #grid_main_content .coch3 {
		margin-bottom: 10px;
	}
	
	#grid_main_content .comboh3 {
		margin-top: 142px;
		margin-bottom: 10px;
	}
	
	#grid_main_content .twtterh3 {
		margin-bottom: 10px;
	}
	
}


@media screen and (max-width: 992px) {
	
	.tnt_mm_account {
		background-size: 50%;
	}
	
	.tnt_download_app {
		background-size: 38%;
	}
	
	.app-features {
		margin: 20px 18% 0 0;
	}
	
	#shop_online .shop_prod {
		width: 29.685%;
		margin-left: 20px !important;
	}
	
}

@media screen and (max-width: 773px) {

	#grid_main_content .fbh2 {
		margin-bottom: 26px;
	}
	
	#grid_main_content .comboh2 {
		margin-bottom: 26px;
	}
	
	#grid_main_content .fbh3 {
		margin-top: 52px;
	}
	
	#grid_main_content .comboh3 {
		margin-top: 112px;
		margin-bottom: 42px;
	}
	
	#grid_main_content .vibrh3 {
		margin-top: 60px;
	}
	
	#grid_main_content .vibr-img {
		margin-top: 52px;
	}
	
	#grid_main_content .vibrh3, #grid_main_content .coch3 {
		margin-bottom: 38px;
	}
	
	#grid_main_content h2 {
		height: auto;
	}

}	

@media screen and (max-width: 736px) { 

	#grid_main_content .vibr-img {
		margin-top: 26px;
	}

}

@media screen and (max-width: 732px) { 

	#grid_main_content .comboh3 {
		margin-top: 38px;
	}
	
	#grid_main_content .vibrh3 {
		margin-bottom: 37px;
	}
	
	#grid_main_content .comboh2 {
		margin-bottom: 26px;
	}
	
	#grid_main_content .comboh3 {
		margin-top: 77px;
	}
	
	.colYelOra, .colOrange, .colDrkOra, .colCream, .colYellow, .colBlue {
		    width: 50%;
	}

	#grid_main_content .h_grid p.promos-titles {
		min-height: 0;
	}

}

@media screen and (max-width: 768px) {

	#corporate_main_banner {
		height: 314px;
	}
	
	#corporate_main_banner .tropa-thing {
		top: -106px;
		padding: 6px 16px;
	}

	
	#corporate_main_banner  h2 { 
		font-size: 24px;
		margin: 0;
	}
	
	#corporate_main_banner p {
		margin-bottom: 0px;
		/*font-size: 14px;*/
	}

	#grid_main_content {
		padding: 0 ;
	}
	
	.row { margin: 0 !important; }
	
	#shop_online .shop_prod {
		/*width: 48.485%;*/
		width: 100%;
		margin-left: 0 !important;
	}
	
	#grid_main_content .comboh2 {
		margin-bottom: 26px;
	}
	
	#grid_main_content .fbh2 {
		margin-bottom: 26px;
	}
	
	#grid_main_content .comboh3 {
		margin-top: 84px;
		margin-bottom: 40px;
	}
	
	#grid_main_content .vibr-img {
		margin-top: 54px;
	}
	
	#grid_main_content .vibrh3, #grid_main_content .coch3 {
		margin-bottom: 38px;
	}
	
	#corporate_main_banner .owl-carousel .item {
		height: 314px;
	}
	
	#grid_main_content h2 {
		height: 72px;
	}

}

@media screen and (max-width: 667px) {

	#grid_main_content .comboh3 {
		margin-top: 36px;
	}
	
	#grid_main_content .vibrh3 {
		margin-bottom: 10px;
	}
	

}

@media screen and (max-width: 640px) {

	#corporate_main_banner .tropa-thing {
		top: -133px;
	}
	
	#grid_main_content .comboh3 {
		margin-top: 72px;
	}
	
	#grid_main_content .coch3 {
		margin-bottom: 38px;
	}

}

@media screen and (max-width: 600px) {

	/*#shop_online .shop_prod {
		width: 47.885%;
	}*/
	
	.tnt_download_app {
		background-size: 56%;
	}
	
	.app-features {
		margin: 32px 6% 0 0;
	}
	
	.colYelOra, .colOrange, .colDrkOra, .colCream, .colYellow, .colBlue  {
		height: 483px;
	}
	
	#grid_main_content .vibr-img {
		margin-top: 77px;
	}
	
	#grid_main_content .twtter-logo {
		margin-top: 74px;
	}
	
	.tnt_mm_account {
		background-size: 80%;
	}
	
}

@media screen and (max-width: 568px) {

	/*#grid_main_content h2 {
		font-size: 22px;
	}*/
	
	#corporate_main_banner p {
		font-size: 16px;
		line-height: 20px;
	}
	
	#grid_main_content .comboh2 {
		margin-bottom: 26px;
	}
	
	#grid_main_content .comboh3 {
		margin-top: 65px;
	}
	
	.colYelOra, .colOrange, .colDrkOra, .colCream, .colYellow, .colBlue  {
		height: 478px;
	}
	
	#grid_main_content .coc-img {
		margin-top: 49px;
	}
	
	#grid_main_content .coch3 {
		margin-bottom: 9px;
	}
	
	#grid_main_content .twtter-logo {
		margin-top: 100px;
	}
	
	#grid_main_content .vibr-img {
		margin-top: 101px;
	}
	
	#grid_main_content .fbh2 {
		margin-bottom: 62px;
	}
	
	#grid_main_content .vibrh3 {
		margin-bottom: 9px;
	}
	
}

@media screen and (max-width: 480px) {

	#corporate_main_banner {
		height: 250px;
		/*background-image: url(//assets.tntph.com/Assets/images/main/main-banner02.jpg);*/
	}
	
	#corporate_main_banner .tropa-thing {
		top: 0;
		margin: 0 30px;
		line-height: 20px;
	}
	
	.colYelOra, .colOrange, .colDrkOra, .colCream, .colYellow, .colBlue  {
		width: 100% !important;
		height: auto;
	}
	
	#grid_main_content .bb  {
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	#shop_online .shop_prod {
		width: 100%;
		margin: 0 0 16px 0;
	}
	
	#tnt_account_app .tnt_download_app h2, #tnt_account_app .tnt_mm_account h2 {
		font-size: 24px;
		font-weight: 700;
		line-height: 26px;
	}
	
	.app-features {
		margin: -10px 6% 0 0;
	}
	
	.app-features span {
		font-size: 16px;
	}
	
	.app-features li {
		line-height: 20px;
	}
	
	.tnt_download_app {
		background-size: 48%;
	}
	
	.tnt_mm_account, .tnt_download_app {
		height: 310px;
		padding-bottom: 20px;
		padding-right: 20px;
		padding-left: 20px;
	}
	
	#grid_main_content .long-card {
		margin-top: 0;
		height: 0;
	}
	
	#tnt_account_app {
		padding: 0;
	}
	
	.prod-desc {
		height: auto;
	}
	
	#corporate_main_banner .owl-carousel .item {
		height: 250px;
	}
	
	#grid_main_content .h_grid a {
		position: relative;
		bottom: 0;
	}
	
}

@media screen and (max-width: 414px) {

	#corporate_main_banner p {
		font-size: 16px;
		line-height: 20px;
	}
	
	#grid_main_content .colYelOra {
		padding-top: 30px;
	}
	
	#grid_main_content .comboh2 {
		margin-bottom: 26px;
	}
	
	#grid_main_content .comboh3 {
		margin-top: 40px;
		margin-bottom: 10px;
	}
	
	#grid_main_content .fbh2 {
		margin-bottom: 26px;
	}
	
	#grid_main_content .twtter-logo, #grid_main_content .coc-img, #grid_main_content .vibr-img {
		margin-top: 0;
	}
	
	#grid_main_content .vibrh3, #grid_main_content .coch3 {
		margin-bottom: 38px;
	}

}

@media screen and (max-width: 370px) {
	
	#corporate_main_banner p {
		font-weight: 500;
	}
	
	#corporate_main_banner .tropa-thing {
		top: 126px;
		margin: 0 15px;
	}
	
	.tnt_mm_account, .tnt_download_app {
		background-image: none;
		height: auto;
	}
	
	.app-features {
		margin: 0 auto;
		float: none;
	}
	
}

@media screen and (max-width: 320px) {

	#corporate_main_banner .tropa-thing {
		padding: 6px 12px;
	}

}


/*** End Corporate ***/



/*** KaTropa ***/

.katropa {
	padding: 30px 38px 30px;
	text-align: center;
	background: url(//assets.tntph.com/Assets/images/TropangTexters_update.jpg) no-repeat;
	background-size: cover;
	border-radius: 0 18px 18px 0;
	-webkit-border-radius: 0 18px 18px 0;
	width: 100%;
	color: #fff;
	height: 486px;
}

.katropa h3 {
	font-size: 38px !important;
	color: #fff !important;
	margin-bottom: 30px !important;
	font-weight: 800 !important;
	text-align: left;
	margin-top: 0 !important;
	padding-bottom:0 !important;
	border-bottom: 0 !important;
}

.katropa p {
	font-size: 18px;
	text-align: left;
	margin-bottom: 0 !important;
}

.j1 {
	padding-right:0 !important;
}

.j2 {
	padding-left: 0 !important;
}


.katropa img {
	margin-bottom: 20px;
}

#grid_main_content .row {
	margin: 0;
}

/* vertical slider */

#vslidernav ul {
    list-style: none;
    padding: 0;
	width: 25px;
	text-align: center;
}
#vslidernav ul a {
    padding: 0;
    cursor: pointer;
    height: 50px;
}
#vslidernav ul a:active {
    color: #9C9A99;
}
#vslidernav ul a li {
	text-indent: -9999px;
}

#vslidernav ul a {
	background: #ff9027;
	width: 11px;
	height: 11px;
	border-radius: 8px;
	border: 2px solid #e2e2e2;
	margin: 0 auto 14px auto;
	display: block;
}

#vslidernav ul .active li {
}

.#vslidernav ul a:active {
    background: transparent;
    color: #9C9A99;
}
#vslider {
    max-width: 1112px;
	padding: 0 15px;
}

#vslidernav {
	float: right;
	width: 12px;
	z-index: 1;
	height: 274px;
	position: relative;
	right: 18px;
	top: 206px;
}
#vsliderboxes {
    position : relative;
    overflow : hidden;
}

/*#vsliderboxes div {
    height: 589px;
}*/

.vsliderboxes4 {
    height: 589px;
}

#vsliderboxs-inner {
    position : relative;
	height: 589px;
    width: 101%;
}

.vscustom_content {
	width: 555px;
	height: 589px;
	border: 1px solid red;
	clear: both;
	float: right;
}

.masasa td {
	padding: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	text-align: center;
}

.masasa {
	border-right: 0 !important;
	border-bottom: 0 !important;
	width: 98% !important;
	}

.vstitle {
	font-size: 52px;
	color: #2f3b6b;
	font-weight: 800;
	margin-bottom: 26px;
	line-height: 42px;
	text-align: left;
}

.vstitle2 {
	font-size: 32px;
	color: #2f3b6b;
	font-weight: bold;
	margin-bottom: 26px;
	line-height: 38px;
	text-align: left;
}

.masasa p {
	color: #2f3b6b;
	text-align: left;
}

.mimg {
	width: 555px;
}

.masasa img {
	margin-bottom: 40px;
}

.activeSlide {
	width: 20px !important;
	height: 20px !important;
	border-radius: 25px !important;
}

/* end vertical slider */

/* TNT Score Board Slide */
#sidebar {
	background: #ececec;
	width: 320px;
	padding: 16px 0 16px 16px;
	height: 468px;
	display: block;
	position: fixed;
	left: -328px;
	top: 20%;
	transition: left 0.3s linear;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 0 0px 10px;
	color: #fff;
	z-index: 16;
	font-size: 16px;
}

#sidebar.visible {
	left: 0;
	transition: left 0.3s linear;
}

#sidebar-btn {
	display: inline-block;
	vertical-align: middle;
	width: 90px;
	height: 304px;
	cursor: pointer;
	margin: 20px;
	position: absolute;
	top: 0;
	right: -110px;
	background: url(//assets.tntph.com/Assets/images/scoreboard_toggle.png) no-repeat;
}

#sidebar-btn span {
	height: 1px;
	background: orange;
	margin-bottom: 5px;
	display: block;
}

#sidebar-btn span:nth-child(2) { width: 75%; }

#sidebar-btn span:nth-child(3) { width: 50%; }

#imgArrow {
	margin: 30px 0 0 18px;
}

.date_head {
	background: #2e3a6a;
	padding: 12px 22px 6px;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	text-align: center;
}

.date_head span {
	font-size: 26px;
	font-weight: bold;
	margin-left: 10px;
}

.team_fs {
	font-size: 16px;
}

.score_fs {
	font-size: 34px;
	font-weight: 600;
	line-height: 22px;
	color: #292929;
}

#tnt #sidebar table {
	border: 0;
}

#tnt #sidebar td {
	border: 0;
	padding: 5px;
	text-align: center;
}

#sidebar table, .tnt_score {
		background: #ff8e29;
}

.tnt_score hr {
	border-top: 2px solid #ec8129;
	border-bottom: 2px solid #ec8129;
	border-left: 0;
	border-right: 0;
	margin: 1px 0;
}

.tnt_score_details {
	background: #ec8129;
    width: 100%;
    border-radius: 0;
    border: 0;
    box-shadow: 0 0;
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 0 0;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
}

.tnt_score_details:focus {
	background: #ec8129;
}

.tnt_score_details:hover {
	background: #ec8f43;
}

.w_hack {
	margin-bottom: 0;
	background: #ff8e29;
	text-shadow: 0 0;
	border-radius: 0 ;
	-webkit-border-radius: 0 ;
	border: 0;
	box-shadow: 0 0;
	padding: 0;
}

.tnt_f13 {
	font-size: 13px;
	text-align: left !important;
}

.tnt_f14 {
	font-size: 13px;
}

.mt10 {
	margin-top: 16px
}

.sb_container {
	height: 436px;
    overflow-x: hidden;
	padding-right: 16px;
}

.no_cont {
	background: #ff8e29;
	border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	text-align: center;
	height: 8px;
}

#topnav {
	z-index: 99;
	position: relative;
}

/* End TNT Score Board Slide */

/* carouFredSel */
.list_carousel {
	margin: 0 0 0 60px;
	width: 360px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	padding-left: 0 !important;
}
.list_carousel li {
	padding: 0;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	overflow: hidden;
}
.prev_FredSel, .next_FredSel {
	width: 28px;
	height: 45px;
	margin-top: -14%;
	position: relative;
}
.prev_FredSel {
	float: left;
	background: url(//assets.tntph.com/Assets/images/roster/roster-arrow-prev.png) no-repeat;
	margin-left: 8.3%;
}
.next_FredSel {
	float: right;
	background: url(//assets.tntph.com/Assets/images/roster/roster-arrow-next.png) no-repeat;
	margin-right: 8.2%;
}
.pager {
	float: left;
	width: 300px;
	text-align: center;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
}
.pager a.selected {
	text-decoration: underline;
}
.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}
.caroufredsel_wrapper {
	margin-bottom: 0 !important;
}



#katropa_scoreboard {
	font-size: 13px;
}


 /* End carouFredSel */


 #katropa_header_image {
    height: 282px;
    background: url(//assets.tntph.com/Assets/images/ka-tropa-header.jpg) center center;
}

#katropa_header_image img {
	display: none;
}
 
#katropa_header_image img {
	width: 100%;
}

#katropa_scoreboard {
	background: #e8ce4c;
	border-radius: 10px;
	padding: 30px 45px;
	margin: 40px 15px 0 15px;
	font-size: 15px;
}

#katropa_scoreboard h1 {
	font-family: 'Bangers';
	font-size: 32px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 2px;
	text-align: center;
}


#katropa_game_update {
	background: #eab43f url(//assets.tntph.com/Assets/images/katropa_game_update-bg.jpg) no-repeat;
	background-size: 100%;
	border-top: 12px #c9b270 solid;
	padding: 60px 0 40px 0;
}


#katropa_game_update .carousel-caption {
	width: 41.44%;
}

#katropa_game_update #carousel-example-generic {
	margin: 0 auto 60px;
}

#katropa_game_update .list_carousel li {
	width: 300px;
	border-radius: 10px;
	border: 7px #fff solid;
	margin-right: 12px;
	height: 158px !important;
}

#katropa_game_update .list_carousel table, #katropa_game_update .list_carousel td {
	border: 0;
}

#katropa_game_update .list_carousel h3 {
	margin: 8px 0 4px;
	border: 0;
}

.bg-white {
	background: #fff;
}

.scoreboardL {
	margin-left: -3.3%;
	background-size: 80%;
	margin-top: -9%;
	background-size: 80%;
}

.scoreboardR {
	margin-right: -3.3%;
	background-size: 80%;
	margin-top: -9%;
}

#katropa_game_update .list_carousel .tc-white {
	color: #fff;
	text-align: center;
}

.tr-title {
	text-align: center;
	background: #eab43f;
	padding: 40px 0;
}

#katropa_game_update .sports5 {
	width: 120px !important;
	height: 48px !important;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 10px;
}

@media screen and (max-width: 1024px) {

	#issues {
		padding-left: 286px !important;
	}
}

@media screen and (max-width: 992px) {

	.scoreboardR {
		margin-right: -5.3%;
		margin-top: -15% !important;
	}

	.scoreboardL {
		margin-left: -5.3%;
		margin-top: -15% !important;
	}
	
	#issues {
		padding-left: 174px !important;
	}
	
	#prev {
		left: 38% !important;
	}
	
	#next {
		right: 38% !important;
	}
	
}

@media screen and (max-width: 768px) { 

	#katropa_game_update .carousel-inner .item img {
		float: none;
		width: 100%;
	}
	
	#katropa_game_update .carousel-caption {
		width: 100%;
	}
	
	#katropa_game_update  .carousel-caption {
		position: relative;
	}
	
	#katropa_game_update .carousel-caption {
		padding: 30px !important;
	}
	
	#katropa_game_update .sports5 {
		bottom: auto;
	}


}



@media screen and (max-width: 736px) {

	

}

@media screen and (max-width: 667px) {

	#issues {
		padding-left: 132px !important;
	}

}

@media screen and (max-width: 640px) {

	#issues {
		padding-left: 142px !important;
	}

}

@media screen and (max-width: 640px) {

	#issues {
		padding-left: 118px !important;
	}

}

@media screen and (max-width: 600px) {

	.scoreboardL, .scoreboardR {
		margin-top: -21% !important;
	}
	
	.scoreboardR {
		margin-right: -7.3%;
	}
	
	.scoreboardL {
		margin-left: -7.3%;
	}
	
	#issues {
		padding-left: 98px !important;
	}

}

@media screen and (max-width: 568px) {

	#issues {
		padding-left: 84px !important;
	}

}

@media screen and (max-width: 480px) {

	.scoreboardL, .scoreboardR {
		margin-top: -30% !important;
	}
	
	.scoreboardR {
		margin-right: -12.3%;
	}
	
	.scoreboardL {
		margin-left: -11.3%;
	}
	
	#tnt_blog_banner .carousel-caption {
		width: 100% !important;
	}
	
	#tnt_blog_banner .carousel-caption {
		padding: 30px !important;
	}
	
	#timeline #next, #timeline #prev {
		display: block !important;
	}
	
	#issues li {
		height: auto !important;
	}
	
	#tnt #issues {
		padding-top: 0;
	}
	
	#tnt #timeline {
		padding-bottom: 20px;
	}
	
}


@media screen and (max-width: 412px) {

	#issues {
		padding-left: 10px !important;
	}

}

@media screen and (max-width: 375px) and (min-width: 371px) {

	#timeline{
		padding-left: 0 !important;
	}
}

@media screen and (max-width: 370px) {

	.scoreboardL, .scoreboardR {
		margin-top: -42% !important;
	}
	
	.scoreboardL {
		margin-left: -15.3%;
	}
	
	#issues {
		padding-left: 42px !important;
	}
	
	#katropa_scoreboard {
		padding: 30px 15px;
	}
		
}

@media screen and (max-width: 370px) {

	#issues {
		padding-left: 6px !important;
	}

}


/* timeline*/
#tnt-timeline {
	background: #262626 url('../images/teamhistory_bg.jpg');
	padding: 40px 0;
}	
	
	#timeline {
		max-width: 1140px;
		  /*height: 350px;*/
		overflow: hidden;
		margin: 20px 15px;
		position: relative;
		background-image: url('../images/timeline-bg-line.jpg');
		background-position: left 22px;
		background-repeat: repeat-x;
		padding-left: 15px;
		padding-right: 15px;
		height: 426px;
		
		/*max-width: 1140px;
		overflow: hidden;
		margin: 20px 15px;
		position: relative;
		background-image: url('../images/timeline-bg-line.jpg'),url('../images/timeline-bg-circle.png'),url('../images/timeline-bg-circle.png');
		background-position: left 22px;
		background-repeat: repeat-x;
		padding-left: 15px;
		padding-right: 15px;
		height: 426px;
		background-repeat: repeat-x,no-repeat,no-repeat;
		background-position: 0 20px, 137px 3px, 938px 3px;
		background-size: 2px, 42px, 42px;*/
	}
		#dates {
			width: 800px;
			height: 60px;
			overflow: hidden;
			padding-left: 0 !important;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 50px;
				font-size: 24px;
				text-align: center;
				/*background: url('../images/timeline-bg-circle.png') 40px 6px no-repeat;*/
				background-size: 40%;
			}
				#dates a {
					line-height: 38px;
					padding-bottom: 10px;
					opacity: 0;
					
					text-indent: -9999px;
				}
				#dates .selected {
			        font-size: 38px;
					opacity: 1;
					background: url('../images/timeline-bg-circle.png') 40px 5px no-repeat;
					background-size: 40%;
					display: block;
					
				}
		
		#issues {
			width: 800px;
			padding-left: 386px;
			overflow: hidden;
			padding-top: 20px;
		}	
			#issues li {
				width: 402px;
				/*height: 350px;
				height: 238px;*/
				list-style: none;
				float: left;
				-webkit-filter: blur(5px);
			  -moz-filter: blur(5px);
			  -o-filter: blur(5px);
			  -ms-filter: blur(5px);
			  filter: blur(5px);
						}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li.selected {
					-webkit-filter: blur(0px);
					  -moz-filter: blur(0px);
					  -o-filter: blur(0px);
					  -ms-filter: blur(0px);
					  filter: blur(0px);
				}
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					/*font-size: 24px;*/
					font-weight: normal;
					line-height: 28px;
					padding: 25px;
					border-radius: 0 0 8px 8px; 
					-webkit-border-radius: 0 0 8px 8px;
					background: #fff;
					color: #2e3a6a;
					margin-right: 100px;
					/*max-height: 169px;*/
					overflow: hidden;
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
			display: none;
		}
			#grad_left {
		        left: 0;
			}
			#grad_right {
		        right: 0;
			}
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 29px;
			height: 32px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			
		}

			#next {
				top: 50%;
				right: 1%;
				background-image: url('../images/timeline-arrow-right.png');
			}
			#prev {
				top: 50%;
				left: 1%;
				background-image: url('../images/timeline-arrow-left.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}
				
.tl_year {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	padding: 0 20px;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	margin-right: 100px;
	color: #fff;
}			

	.year_blue {
		background: #2731c2;
	}
	
	.year_orange {
		background: #ff8e29;
	}
	
	.tl_blue {
		background: url(../images/tooltip-blue.png) no-repeat 135px 0px;
		padding-top: 28px;
	}
	
	.tl_orange {
		background: url(../images/tooltip-orange.png) no-repeat 135px 0px;
		padding-top: 28px;
	}
	
.tl_history {
	color: #f8cd00;
	font-size: 48px;
	font-weight: 800;
	margin-left: 15px;
	font-family: 'Bangers';
	text-align: center;
	margin-bottom: 40px;
}

.arrow-goto {
	width: 117px;
	height: 39px;
	background: url(../images/arrow-goto.png) no-repeat;
	float: right;
	font-size: 28px;
	font-weight: 600;
	padding: 0px 22px;
}

.arrow-goto:hover {
	color: #ff9027;
}
/* end timeline */

/*** End KaTropa ***/


/*** Blog ***/

#noload {
    display: none;
    background-color: #dadada;
    color: #fff !important;
    padding: 10px;
    cursor: none;
}

#tnt_blog_header {
	background: #2732c2 url(//assets.tntph.com/Assets/images/blog/TNT_Blog_header.jpg) no-repeat center center;
	height: 256px;
	background-size: auto;
	padding: 20px;
}

#tnt_blog_header h1 {
	color: #fff;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 40px;
	line-height: 46px;
	font-weight: 700;
	font-size: 46px;
}

#tnt_blog_banner h2 {
	text-align: center;
	color: #fff;
}

#tnt_blog_banner h3 {
	font-size: 18px;
}

#tnt #tnt_blog_header p {
    font-weight: normal;
	max-width: 500px;
	margin: 10px auto 0;
	color: #fff;
	text-align: center
}

#tnt_blog_banner {
	background: #ff8e28 url(//assets.tntph.com/Assets/images/blog/blog-pattern.jpg);
	padding: 0 0 100px;
}

#tnt_blog_content {
	/*padding: 0 15px;*/
	color: #343434;
	font-size: 18px;
	margin: 40px 0;
}

#tnt_blog_content h1 {
	/*padding-left: 70px;*/
	margin-bottom: 40px;
	margin-top: 20px;
}

#tnt_blog_content h2 {
	margin: 0;
}

#tnt_blog_content  h2  a {
	color: #2f3b6b;
}

#tnt_blog_content h3 {
	margin-top: 0;
}

.blog_post {
	padding-left: 70px;
	margin-bottom: 60px;
}

.blog-popular-post {
	background: url(//assets.tntph.com/Assets/images/blog/category-popular-post.png) no-repeat top left;
}

.blog-announcements {
	background: url(//assets.tntph.com/Assets/images/blog/category-announcements.png) no-repeat top left;
}

.blog-tips-tricks {
	background: url(//assets.tntph.com/Assets/images/blog/category-tropa-tips-tricks.png) no-repeat top left;
}

.blog-tropa-trip {
	background: url(//assets.tntph.com/Assets/images/blog/category-tropa-trip.png) no-repeat top left;
}

.blog-hstag {
	padding: 0 0 0 47px;
	background: url(//assets.tntph.com/Assets/images/blog/blog-tag.jpg) no-repeat top left;
}

.hashtag {
	color: #ff8e28;
	font-weight: 600;
	font-size: 18px;
	margin-right: 30px;
}

.hashtag:hover {
	color: #ff8e28;
	text-decoration: underline;
}

.more-item {
	display:none; 
}

.category-archives-tab {
	padding: 14px 20px 10px 20px;
	text-transform: uppercase;
	background: #2f3b6b;
	color: #fff;
	font-size: 18px;
	font-weight:  800;
	text-align: center;
}

.category-archives-content {
	background: #f7f3e8;
	padding: 30px;
	text-align: center;
}

.category-archives-content  img {
	margin-bottom: 16px;
}

.category-archives-content li {
	color: #2f3b6b;
	list-style-type: disc;
	margin-left: 2em;
	text-align: left;
}

.category-archives-content li a {
	color: #ff8e28;
	font-size: 18px;
}

.category-archives-content li a:hover {
	text-decoration: underline;
}

.category-girl {
	margin-left: 13%;
}

.sfCategoriesList {
	opacity: 0;
	height: 0;
}

.blog_date_author h3 {
	border-bottom: 0;
	margin-bottom: 10px;
	padding-bottom: 5px;
	float: left;
	font-size: 18px !important;
	margin-right: 6px;
}

.tnt_blog_content {
	padding-bottom: 90px !important;
}

#tnt_blog_content .sfmetainfo {
	font-weight: 600;
	color: #2f3b6b;
	padding-bottom: 5px;
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#tnt_blog_content p {
	color: #343434;
	margin-bottom: 18px;
	line-height: 1.5;
	font-style: normal;
}

.sfsummary img {
	margin-bottom: 18px;
}

.sfTagsList {
	color: #ff8e28;
	font-weight: 600;
	font-size: 18px;
	background: url(//assets.tntph.com/Assets/images/blog/blog-tag.jpg) no-repeat top left;
	padding: 0 0 0 47px;
}

.sfTagsList li {
	display: inline;
	margin-right: 30px;
}

.sffullstory { /* Button rounder navy color */
	color: #fff !important;
	font-size: 18px;
	font-weight: 700;
	background: #2f3b6b;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 6px 20px;
	line-height: 42px;
	position: relative;
	top: 30px;
}

.sffullstory:hover {
	background: #3c4b88;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease
}

#tnt_blog_content .RadSocialShare_Default {
	border: 0;
	float: right;
	margin-bottom: 10px;
}

#tnt_blog_content .sshIcon {
	width: 41px;
	height: 41px;
}

#tnt_blog_content .sshShareOnFacebook {
	background: url(//assets.tntph.com/Assets/images/blog/blog-fb.png) no-repeat;
}
#tnt_blog_content .sshShareOnTwitter {
	background: url(//assets.tntph.com/Assets/images/blog/blog-twt.png) no-repeat;
}
#tnt_blog_content .sshLinkedIn {
	background: url(//assets.tntph.com/Assets/images/blog/blog-in.png) no-repeat;
}

#tnt_blog_content .sftitle {
	color: #2f3b6b;
	margin-bottom: 0;
}

#tnt_blog_content .sfnewsDetails .sfnewsContent {
    padding: 0 0 20px 0;
}

#tnt_blog_content .sfnewsSummary .sfsummary, #tnt_blog_content .sfnewsDetails .sfnewsSummary {
	padding: 0;
}

#tnt_blog_content .sfnewsTitle {
	padding: 0;
}

#tnt_blog_content  .col-md-8 {
	padding-right: 30px;
}

#tnt_blog_content .category-archives-content li {
	display: block;
	margin-bottom: 16px;
}

#tnt_blog_content .category-archives-content a {
	text-indent: -9999px;
	width: 204px;
	margin: 0 auto;
}
/*
#ContentArea_SideBar_C011_ctl00_ctl00_repeater_horizontallist_link_0, #ContentArea_SideBar_C006_ctl00_ctl00_repeater_horizontallist_link_0 { 
	display: block;
	height: 53px;
	background: url(//assets.tntph.com/Assets/images/blog/cat-a.png) no-repeat;
}
#ContentArea_SideBar_C011_ctl00_ctl00_repeater_horizontallist_link_1, #ContentArea_SideBar_C006_ctl00_ctl00_repeater_horizontallist_link_1 { 
	display: block;
	height: 53px;
	background: url(//assets.tntph.com/Assets/images/blog/cat-pp.png) no-repeat;
}
#ContentArea_SideBar_C011_ctl00_ctl00_repeater_horizontallist_link_2, #ContentArea_SideBar_C006_ctl00_ctl00_repeater_horizontallist_link_2 { 
	display: block;
	height: 53px;
	background: url(//assets.tntph.com/Assets/images/blog/cat-tt.png) no-repeat;
}
#ContentArea_SideBar_C011_ctl00_ctl00_repeater_horizontallist_link_3, #ContentArea_SideBar_C006_ctl00_ctl00_repeater_horizontallist_link_3 { 
	display: block;
	height: 53px;
	background: url(//assets.tntph.com/Assets/images/blog/cat-ttt.png) no-repeat;
}*/

/* Custom styles for News Categories */
#tnt_blog_content .announcements{
    display: block;
	height: 53px;
	background: url(//assets.tntph.com/Assets/images/blog/cat-a.png) no-repeat;
}

#tnt_blog_content .popular-post{
    display: block;
	height: 53px;
	background: url(//assets.tntph.com/Assets/images/blog/cat-pp.png) no-repeat;
}

#tnt_blog_content .tropa-trip{
    display: block;
	height: 53px;
	background: url(//assets.tntph.com/Assets/images/blog/cat-tt.png) no-repeat;
}

#tnt_blog_content .tropa-trips-and-treats{
    display: block;
	height: 53px;
	background: url(//assets.tntph.com/Assets/images/blog/cat-ttt.png) no-repeat;
}

#tnt_blog_content .catpost, #tnt_blog_content .cattreats, #tnt_blog_content .catannouncements, #tnt_blog_content .cattrip {
	width: 56px;
	height: 56px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 0 -70px;
}

#tnt_blog_content .catpost {
	background: url(//assets.tntph.com/Assets/images/blog/category-popular-post.png) no-repeat;
}

#tnt_blog_content .cattreats {
	background: url(//assets.tntph.com/Assets/images/blog/category-tropa-trips-treats.png) no-repeat;
}

#tnt_blog_content .catannouncements {
	background: url(//assets.tntph.com/Assets/images/blog/category-announcements.png) no-repeat;
}

#tnt_blog_content .cattrip {
	background: url(//assets.tntph.com/Assets/images/blog/category-tropa-trip.png) no-repeat;
}

#tnt_blog_content .sfnewsListTitleDateSummary {
	padding: 0 0 0 70px;
}

#tnt_blog_content .sfCategoriesList {
	opacity: 1;
}

#tnt_blog_content .monthly-archives li {
	display: list-item;
}

/* Breadcrumbs */
.tnt_breadcrumbs {
	color: #2f3b6b;
	font-size: 18px;
	font-weight: 700;
	padding: 20px 0px;
	border-bottom: 2px solid #2f3b6b;
	max-width: 1112px;
	margin: 0 auto;
}

#breadcrumbs .tnt_breadcrumbs a {
	color: #2f3b6b !important;
	text-decoration: none;
}

#breadcrumbs .tnt_breadcrumbs a:hover {
	text-decoration: underline;
	background: none;
}

.tnt_breadcrumbs span {
	background: url(//assets.tntph.com/Assets/images/blog/breadcrumbs-separator.png) no-repeat 2px 8px;
	text-indent: -999px;
	display: inline-block;
	width: 10px;
	margin: 0 4px;
}

#breadcrumbs .sfBreadcrumbWrp {
    margin: 0;
    font-size: inherit;
}


#breadcrumbs .sfBreadcrumbWrp .RadSiteMap, .sfBreadcrumbWrp .RadSiteMap .rsmLevel {
	vertical-align: middle;
}

#breadcrumbs .sfBreadcrumbWrp .RadSiteMap .rsmOneLevel .rsmItem {
    font-size: inherit;
}

/* End Breadcrumbs */
@media screen and (max-width: 992px)
{
	#tnt_blog_content .side_cat {
		margin-top: 60px;
	}
	.category-archives-content img {
			margin-bottom: 16px;
			margin-left: 10px;
			margin-right: 10px;
	}
}
@media screen and (max-width: 768px) {
	
	#tnt_blog_banner .carousel-caption {
		float: none;
		width: 446px;
		margin: 0 auto;
		position: relative;
	}
	
	#tnt_blog_banner .carousel-inner .item img {
		margin: 0 auto;
		float: none;
	}
	
	.category-girl {
		margin-left: 31%;
	}
	
	#tnt_blog_banner .prev, #tnt_blog_banner .next {
		margin-top: 0% ;
		background-size: 50% ;
	}
	
	#tnt_blog_banner .carousel-caption {
		padding: 30px ;
	}
	
	.tnt_breadcrumbs {
		margin: 0 30px;
		padding: 20px 0px;
	}
	
	#next {
		top: 50%;
		right: 16% !important;
	}
	
	#prev {
		top: 50%;
		left: 14% !important;
	}

}

@media screen and (max-width: 736px) {

	#issues {
		padding-left: 168px !important;
	}
	
	#prev {
		left: 2% !important;
	}
	
	#next {
		right: 2% !important;
	}
	


}

@media screen and (max-width: 731px) {
	
	#issues {
		padding-left: 140px !important;
	}
	
}

@media screen and (max-width: 667px) {

	#issues {
		padding-left: 132px !important;
	}

}

@media screen and (max-width: 640px) {

	#issues {
		padding-left: 120px !important;
	}
	
	#next {
		right: 14% !important;
	}
	
	#prev {
		left: 13% !important;
	}

}

@media screen and (max-width: 600px) {

	.category-girl {
		margin-left: 23%;
	}
	
	#timeline {
		height: auto;
	}
	
	#issues {
		padding-left: 98px !important;
	}

}

@media screen and (max-width: 568px) {

	#issues {
		padding-left: 86px !important;
	}
	
	#prev {
		left: 7% !important;
	}
	
	#next {
		right: 8% !important;
	}
	
	#katropa_game_update .list_carousel h3 {
		font-size: 20px;
	}
	
	#katropa_game_update .list_carousel li {
		height: 146px !important;
	}
	
	#tnt .carousel-indicators {
		margin-bottom: -60px;
	}

}

@media screen and (max-width: 480px) {
	
	#corporate_main_banner .tropa-thing {
		top: -120px;
	}
	
}

@media screen and (max-width: 435px) {
	
	#timeline {
		height: 320px !important;
	}
	
	#issues {
		padding-left: 23px !important;
	}
	
	#prev {
		left: 7% !important;
		top: 75%;
	}
	
	#next {
		right: 8% !important;
		top: 75%;
	}
	
	
}

@media screen and (max-width: 414px) {

	#issues {
		padding-left: 12px !important;
	}
	
	#timeline {
		height: 320px !important;
	}
	
	#next, #prev {
		top: inherit;
	}

}




@media screen and (max-width: 370px) {

	.category-girl {
		margin-left: 4%;
	}
	
	.tnt_breadcrumbs {
		padding: 20px 0 20px 0;
	}
	
	.category-archives-content {
		padding: 20px;
	}
	
	#tnt_blog_content .catpost, #tnt_blog_content .cattreats, #tnt_blog_content .catannouncements, #tnt_blog_content .cattrip {
		background-size: 100%;
		width: 25px;
		height: 50px;
		background-position: 0px 7px;
		margin: 0 0 0 -40px;
	}
	
	#tnt_blog_content .sfnewsListTitleDateSummary {
		padding: 0 0 0 40px;
	}
	
}

@media screen and (max-width: 360px) {
	
	#next, #prev {
		top: 88%;
	}
	
	#issues li p {
		padding: 25px 25px 10px 25px;
	}
	
}

@media screen and (max-width: 320px) {

	#tnt .carousel-caption h2 {
		font-size: 24px !important;
	}
	
	#next, #prev {
		top: 90%;
	}
	
	#issues {
		padding-left: 2px !important;
	}
	
	#issues li p {
		padding: 25px 20px 10px 20px !important;
	}
	
	#grid_main_content .h_grid2 {
		margin-left: 0px;
	}
	
	.list_carousel ul {
		left: 5px !important;
	}
	
	#corporate_main_banner .tropa-thing {
		top: -120px;
		padding: 2px 12px;
		line-height: 14px;
	}

}

/*** End Blog ***/



/*** Treats ***/
#sticky_header_treats a {
	padding: 23px 15px 24px;
	display: block;
	font-size: 18px;
	margin: 0 10px;
	color: #393939;
    line-height: 26px;
    font-weight: 700;
    transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
}

.dropdown-content-treats {
    z-index: 99 !important;
	top: 75px;
	left: 0;
	padding: 0;
	height: auto;
	width: 100%;
	/*position: fixed;*/
	text-align: left;
	background-color: #f2f0e5;
	display: block;
}

.dropdown-content-treats a {
    color: #83827e !important;
    text-decoration: none;
    float: left;
	font-weight: 500 !important;
}

.dropdown-content-treats a:hover {color: #f4b26f !important}

#sticky_header_treats .dropdown-inside-treats {
	max-width: 1170px;
	margin: 0 auto;
	padding-left: 104px;
}



/*Mechanics Page*/
#sf-tnt-docs
{
	margin:50px auto;
}
#sf-tnt-docs a:hover
{
	text-decoration:underline;
}
#sf-tnt-docs h4 {
    margin:0;
}
#sf-tnt-docs .tntdocs-panel-label a:first-child{
	
}
#sf-tnt-docs .tntdocs-panel-label a {
    color: #2f3b6b;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    display: block;
    padding: 10px;
    border: solid 2px #f5f5f5;
    border-width: 2px 0;
    margin-top: -4px;
}

#sf-tnt-docs .tntdocs-panel-label a:hover {
    border-color: #bfbfbf;
    border-width: 2px 0 4px 0;
}
#sf-tnt-docs .tntdocs-panel-label a.last:hover{
	border-width: 2px 0 2px 0;
}
#sf-tnt-docs .tntdocs-panel-label div {
    /*width:100%;*/
}
#sf-tnt-docs .tntdocs-panel-label .glyphicon{
    float: right;
    right: 10px;
    color: #ff8e28;
}
#sf-tnt-docs .mechanics-container .panel,
#sf-tnt-docs .terms-con-container .panel {
	margin:0;
}
#sf-tnt-docs .mechanics-container .collapse.in,
#sf-tnt-docs .terms-con-container .collapse.in 
{
    border-top: solid 3px #bfbfbf;
    margin-top: -2px;
}

/************* Media Queries *************/

@media screen and (max-width: 1199px) {

	#sticky_header_treats a {
		margin: 0 10px;
		font-size: 18px;
	}
	

	
	#sticky_header_treats a {
		padding: 23px 0 24px;
	}

}

@media screen and (max-width: 992px) {

	#sticky_header_treats .dropdown-inside-treats {
		padding-left: 74px;
	}
	
	#sticky_header_treats a {
		padding-left: 0px;
		padding-right: 17px;
		font-size: 15px;
		margin: 0;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	
	#sticky_header_treats .dropdown-inside, #sticky_header_treats .dropdown-inside-treats {
		padding-left: 104px;
	}

}
@media screen and (max-width: 1009px){

}


@media screen and (max-width: 600px) {

	#sticky_header_treats .dropdown-inside-treats {
		max-width: 1170px;
		margin: 0 auto;
		padding-left: 0;
	}
	
	#sticky_header_treats a {
		padding: 10px 5px;
		font-size: 13px;
		margin: 0;
	}
	
	.side_cat {
		margin-bottom: 30px;
	}
	
}
/*** End Treats ***/


/*** Other ***/

.policy-terms, .terms-condition {
	margin: 40px 0;
}

.terms-condition li {
	font-size: 20px;
}




