/*Custom CSS*/

body { background-color: #512d6d; background-size: contain; background-attachment: fixed; background-repeat: no-repeat; }

/*section.hero-img { background-image: url(../images/BrandHeader.jpg); background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 14em !important; padding-top: 0; }*/

.sponsor-info { margin-top: 2em; margin-bottom: 2em; }

.hero-img .btn.d-lg-inline-block { position: relative; top: 90PX; }


/*Phones*/




/*Top Info*/

/* .top-info { padding: 2em 0 0; } */

.top-info p.circle { height: 200px; width: 200px; font-weight: bold; line-height: 38px; border-radius: 50%; background: rgba(232,119,34,0.9); color: #fff; position: relative; left: 32%; font-size: 30px; text-align: center; padding-top: 41px; top: 20px; }

@media (max-width: 767px) {
	.top-info p.circle { left: -5%; }
}

/* .top-info .mobi.download-image { margin: 50px auto; } */

/*.top-info.row { background-image: url(../images/DownloadApp_Phones_LP.png); background-size: cover; background-repeat: no-repeat; background-position: right top; }*/




/* Tab Styling */

.tab-container	{ padding: 50px; border-bottom: 1px solid #ccc; color: #333; }

.tab-container .tab-list { border-bottom: 1px solid #ccc; padding: 0; margin-bottom: 50px; }

.tab-container .tab-list li { display: inline-block; list-style: none; padding: 5px 25px; line-height: 25px; color: #bbb; position: relative; top: 1px; border-width: 2px 1px 1px 1px; border-color: transparent; border-style: solid; }

@media (min-width: 1024px) {
	.download-links { display: none; }
}

@media (max-width: 767px) {
	.tab-container .tab-list li { padding: 5px 12px; }
	.container.content { margin-top: 350px; }
}

@media (max-width: 606px) {
	.tab-container .tab-list li { padding: 5px 4px; }
}

@media (max-width: 590px) {
	.tab-container { padding: 50px 0; }
	.tab-container .tab-list li { font-size: 0; padding: 5px 6%; text-align: center; position: relative; left: 1px; }
	.tab-container .tab-list li span[class*="icon-"] { margin-right: 0 !important; }
}

.tab-container .tab-list li:hover { cursor: pointer; color: #888; }

.tab-container .tab-list li.active { color: #333; border-color: #ccc; border-top-color: #e87722; border-bottom-color: #fff; }

	.tab-container .tab-list li span.haha { position: relative; left: -1px; }

.tab-container .tab-list li span[class*="icon-"] { display: block; height: 20px; width: 20px; float: left; margin-right: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.3; }

	.tab-container .tab-list li:hover span[class*="icon-"] { opacity: 0.6; }
	.tab-container .tab-list li.active span[class*="icon-"] { opacity: 1; }

	.tab-container .tab-list li span.icon-download { background-image: url(../images/thumb_activex2.png); }
	.tab-container .tab-list li span.icon-iphone { background-image: url(../images/ios_activex2.png); }
	.tab-container .tab-list li span.icon-android { background-image: url(../images/android_activex2.png); }
	.tab-container .tab-list li span.icon-other { background-image: url(../images/other_activex2.png); }

.tab-container .tab-content { min-height: 300px; color: #333; }

	.tab-container .tab-content h3 { font-style: italic; margin-bottom: 30px; font-size: 22px; }

	.tab-container .tab-content ul { margin: 20px 0; }

		.tab-container .tab-content ul li { margin-bottom: 12px; }



#content-download, #content-iphone, #content-other, #content-android, .tab-list { display: none; }

.android-detected #content-android {display: block;}

.ios-detected #content-iphone {display: block;}

.other-detected #content-other, .other-detected .tab-list {display: block;}

.phones { margin-bottom: 0em; margin-top: -2em; position: relative; z-index: -1; }

.full.download-image { margin: auto; width: 80%; }

/*@media (max-width: 991px) and (min-width: 768px ) {
	.phones { margin-bottom: -20em; }
}*/

/*	.container.phones:before {
	    content: '';
	    position: absolute;
	    background-image: url(../images/Phones.png);
	    height: 230px;
	    width: 490px;
	    display: block;
	    top: -180px;
	    right: 60px;
	    background-repeat: no-repeat;
	    z-index: -1;
	}
*/

/* Footer */

footer { background: #fff; }

footer p, footer span { color: #333; }

footer #disclaimer { text-transform: uppercase; font-weight: bold;; }