@charset "utf-8";

header.bg {
	background: #036d8a;
    color: #000;
	border-bottom: 2px solid #cdcdcd;

}

header.bg.default {
	background: #036d8a;
    color: #000;
	/*border-bottom: 2px solid #fff;*/
}


footer {
	background: #036d8a;
    color: #fff;
}

footer a:hover {
    color: #cdcdcd;
}

footer a:visited {
    color: #fff;
}

nav { 
	font-family: 'Open Sans', sans-serif;
	color: #fff; 
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
}

nav a { 
	color: #fff; 
	
}

nav a:hover { 
	color: #cdcdcd; 
	
}

.social-item a#facebook {
	width: 32px;
	height: 32px;
	background: url(../img/social-facebook.png) center center no-repeat;
}

.social-item a#facebook:hover {
	background: url(../img/social-facebook-hover.png);
}

.social-item a#twitter {
	width: 32px;
	height: 32px;
	background: url(../img/social-twitter.png) center center no-repeat;
}

.social-item a#twitter:hover {
	background: url(../img/social-twitter-hover.png);
}

.social-item a#youtube {
	width: 32px;
	height: 32px;
	background: url(../img/social-youtube.png) center center no-repeat;
}

.social-item a#youtube:hover {
	background: url(../img/social-youtube-hover.png);
}

.social-item a#google {
	width: 32px;
	height: 32px;
	background: url(../img/social-google.png) center center no-repeat;
}

.social-item a#google:hover {
	background: url(../img/social-google-hover.png);
}

.social-item a#pinterest {
	width: 32px;
	height: 32px;
	background: url(../img/social-pinterest.png) center center no-repeat;
}

.social-item a#pinterest:hover {
	background: url(../img/social-pinterest-hover.png);
}

.social-item a#tumblr {
	width: 32px;
	height: 32px;
	background: url(../img/social-tumblr.png) center center no-repeat;
}

.social-item a#tumblr:hover {
	background: url(../img/social-tumblr-hover.png);
}

.social-item a#instagram {
	width: 32px;
	height: 32px;
	background: url(../img/social-instagram.png) center center no-repeat;
}

.social-item a#instagram:hover {
	background: url(../img/social-instagram-hover.png);
}

article#twitter {
	background: #000;
}

article#twitter header { 
	border: none;
}

article#twitter header a#expand { 
	/*background-color: #fff;*/
}

article#twitter header a#expand:hover {
	/*background-color: #a7a9ac;*/
}

/** CUSTOMIZING CLOSE BTN FOR ALL PAGES **/

article a#close {
	/*background-color: #fff;*/
	background-image: url(../img/icon-close.png);
}

article a.direction {
	background-color: #000;
	color: #cdcdcd;
}

article a#close:hover {
	background-image: url(../img/icon-close-hover.png);
}

/** CUSTOMIZING TEXT BOX ELEMENT **/

article.content header {
	font-family: 'Open Sans', sans-serif;
	color: #030014; 
	text-transform: uppercase;
	font-size: 25px;
}

article#about div.wrapper header {
	background: none;
}

article.content div.wrapper {
	/*background-color: #000;*/
	/*background-color:rgba(0,0,0,0.7);
	background:rgba(0,0,0,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);*/
}

article.content div.wrapper.about {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
	border: 2px solid #cdcdcd;
}

article.content#about header {
	/*background-color: #000;*/
	padding: 0 10px;
	border: none;
}

article.content#about header h3{
	padding: 15px 0 10px 5px;
	font-size: 35px;
	letter-spacing: 1px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-style: italic;
}

article.content div.wrapper div.text {
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
}

/** CUSTOMNIZING ABOUT PAGE **/
article.content#about {
	padding: 20px 0;
	max-width: 600px;
	max-height: 500px;
}

article.content#about a#close {
	top: 22%;
}

/** CUSTOMNIZING PRODUCT PAGE **/
article.content#products {
	padding: 20px 0;
	max-width: 900px;
	text-align: center;
}

article.content#products header {
	
}

article.content#products div.wrapper {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
	border: 2px solid #cdcdcd;
}

article.content#products header {
	text-align: left;
}

article.content#products header h3{
	padding: 15px 0 10px 15px;
	font-size: 30px;
	letter-spacing: 1px;
	font-family: 'Open Sans', sans-serif;
	color: #cdcdcd;
	font-weight: 700;
	text-transform: uppercase;
	font-style: italic;
}

article.content#products a#close {
	top: 20px;
}

/** CUSTOMNIZING GAMES PAGE **/
article.content#games {
	padding: 20px 0;
	max-width: 900px;
	text-align: center;
}

article.content#games header {
	
}

article.content#games div.wrapper {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
	border: 2px solid #cdcdcd;
}

article.content#games header {
	text-align: left;
}

article.content#games header h3{
	padding: 15px 0 10px 15px;
	font-size: 35px;
	letter-spacing: 1px;
	font-family: 'Open Sans', sans-serif;
	color: #cdcdcd;
	font-weight: 700;
	text-transform: uppercase;
	font-style: italic;
}

article.content#games a#close {
	top: 20px;
}

div.w-25#billing {
	height: 100%;
	line-height: 75px;
	text-align: left;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	letter-spacing:1px;
	font-weight: 700;
	color: #fff; 
	text-transform: uppercase;
	font-style: italic;
}

div.w-25#billing a:hover {
	color: #cdcdcd; 
}

div.billing {
	background: #937475;
}

article#video.multiple div.video-select div.video-select-slide a.direction {
	color: #fff;
	background: #000000;
}

article#video.multiple div.video-select ul li span {
	font-family: 'Open Sans', sans-serif;
	color: #fff; 
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
	font-style: italic;
}

article#video.multiple div.video-select ul li span:hover {
	font-family: 'Open Sans', sans-serif;
	color: #cdcdcd; 
	text-transform: uppercase;
}

div#alert {
	display: none;
}

/** POSTER PAGE **/
a.btn-link#download { 
	background-image: url(../img/download.png); 
}

a.btn-link#download:hover { 
	background-image: url(../img/download-hover.png); 
}



/** MEDIA QUERIES **/

@media screen and (max-width: 999px) {
	div.w-25#billing {
		line-height: inherit;
	}
	
	div.w-25#billing a {
		display: none;
	}
}