@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);

body { font-family: "Roboto Condensed" , serif; overflow:hidden; margin: 0; padding:0; -webkit-font-smoothing: antialiased; }

h1.cTitle { font-size:50px; line-height:36px; color:#FFF; font-weight:700; text-align:center; margin:28px 0px 30px 0px; }
.cContent {}
.cContent > p { margin-top:-5px; padding:0; font-size:22px; line-height:30px; color:#FFF; text-align:center; font-weight:300; }

/*Loading Start*/
#loading { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:#170b0d; z-index:9999; }

.spinner { position: relative; width: 42px; height: 67px; top:50%; left:50%; margin: -34px 0px 0px -21px; background: url('img/loading.png') no-repeat center center; -webkit-animation: mask 1s infinite alternate; -moz-animation: mask 1s infinite alternate; -ms-animation: mask 1s infinite alternate; -o-animation: mask 1s infinite alternate; animation: mask 1s infinite alternate; }

@-webkit-keyframes mask {
    0%  { -webkit-transform: rotate(90deg); }
    100%  { -webkit-transform: rotate(-90deg); }
}

@-moz-keyframes mask {
    0%  { -moz-transform: rotate(90deg); }
    100%  { -moz-transform: rotate(-90deg); }
}

@-ms-keyframes mask {
    0%  { -ms-transform: rotate(90deg); }
    100%  { -ms-transform: rotate(-90deg); }
}

@-o-keyframes mask {
    0%  { -o-transform: rotate(90deg); }
    100%  { -o-transform: rotate(-90deg); }
}

@keyframes mask {
    0%  { transform: rotate(90deg); }
    100%  { transform: rotate(-90deg); }
}
/*Loading End*/

/*Content Area Start*/
.container { position:relative; z-index:999; }
.twContainer { position:absolute; margin-top:0px !important; bottom:20px; left:50%; z-index:999; }
.bgContainer { position: absolute; height: 100%; width: 100%; z-index:900; }
/*Content Area End*/

/*Logo Start*/
.logo { display:block; width:172px; height:172px; position:relative; margin:0 auto; }
.logo > canvas { position:relative; margin:-5px 0px 0px -5px; z-index:2; }
.logo > .logoWrap { width:156px; height:156px; text-align:center; position:absolute; top:0px; left:0px; background-color:rgba(0,0,0,0.35); border:7px solid rgba(255,255,255,255); border-radius:20px; z-index:-1; }
.logo > .logoWrap > img { display:block; margin-top: 2px; }
.logo > .logoWrap > .timer { display:none; width:140px; height:40px; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-70px; }
.logo > .logoWrap > .timer > p { font-size:14px; font-weight:300; color:#FFF; }
.logo > .logoWrap > .timer > p > span { font-size:16px; font-weight:700; color:#FFF; margin:0px 3px; }
/*Logo End*/

/*Background Start*/
.overlay { pointer-events: none; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index:950; }
.controls { -webkit-font-smoothing: subpixel-antialiased; position: absolute; right: 20px; top: 0; }
.vignette { background-image: -webkit-radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%); background-image: -webkit-radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%); }
.noise { background-image: url("img/noise.png"); opacity: 0.075; }
/*Background End*/

/*Subscriber Start*/
div.subscribe { height:52px; overflow:hidden; }
div.subscribe p { height:52px; width:70%; float:left; margin:0px !important; padding:0px !important; position:relative; background:#FFF; }
div.subscribe label { display:inline; height:48px; position:absolute; top:15px; left:20px; font-size:20px; line-height:18px; color:#595959; }
div.subscribe input[type=text] { height:48px; width:90%; line-height:20px; padding-left:13px; margin:0px !important; border:none; font-size:20px; line-height:18px; color:#595959; }
div.subscribe input[type=text].error { color:#ee2b46; }
div.subscribe input[type=button] { display: block; text-indent:-9999px; float:left; height: 52px; width:30%; cursor:pointer; border:2px solid #FFF; background:rgba(0,0,0,0.35) url('img/subscribe.png') no-repeat center center; -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -o-transition: .2s all linear; }
div.subscribe input[type=button]:hover { background-color:rgba(0,0,0,0.80); }
/*Subscriber End*/

/*Socail Media Icon Set Start*/
ul.social { width: 238px; margin: 0 auto; }
ul.social li { float:left; width:52px; height:52px; margin-left:10px; overflow:hidden; }
ul.social li:first-child { margin-left:0px; }
ul.social li a { display:block; width:52px; height:52px; background-color:#FFF; background-repeat:no-repeat; background-position:center center; text-indent:-9999px; }

ul.social li a.facebook { background-image:url('img/facebook.png'); }
ul.social li a.twitter { background-image:url('img/twitter.png'); }
ul.social li a.linkedin { background-image:url('img/linkedin.png'); }
ul.social li a.flickr { background-image:url('img/flickr.png'); }

ul.social li a.hover.facebook { background-image:url('img/facebook-hover.png'); }
ul.social li a.hover.twitter { background-image:url('img/twitter-hover.png'); }
ul.social li a.hover.linkedin { background-image:url('img/linkedin-hover.png'); }
ul.social li a.hover.flickr { background-image:url('img/flickr-hover.png'); }
/*Socail Media Icon Set End*/

/*Carousel Slider Start*/
.arrow { display:block; width:100px; height:100%; top:0px; position:absolute; z-index:999; text-indent:-9999px; }
.prev { left:0px; cursor:url(img/arrow-prev.cur), url(assets/styles/img/arrow-prev.cur), auto; }
.next { right:0px; cursor:url(img/arrow-next.cur), url(assets/styles/img/arrow-next.cur), auto; }
/*Carousel Slider End*/

/*Twitter Start*/
#tweetTicker { height: 45px; margin-top:7px; overflow: hidden; position: relative; }

.tweet_list { position: absolute; overflow:hidden; list-style: none; margin: 0; padding: 0; font-size:14px; }
.tweet_list li { height: 52px; overflow: hidden; list-style-type: none; }		
.tweet_list li a { color: #5392b2; }
.tweet_list li .tweet_text { color:#fff; }
.tweet_list li .tweet_text .at { color: #5392b2; }
.tweet_list li .tweet_time, .tweet_list li .tweet_time a { color:#000; font-weight:bold; }

.twitArea { height:52px; padding:0px 20px; position:relative; background: rgba(0, 0, 0, 0.35); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tickerImage { display:block; float:left; width:36px; height:29px; margin:12px 20px 0px 0px; }

.twitArea span.twitSep { display:block; width:15px; height:56px; position:absolute; top:-2px; }
.twitArea span.twitSep.left { left:-6px; background:url('img/sep-left.png') no-repeat top right; }
.twitArea span.twitSep.right { right:-6px; background:url('img/sep-right.png') no-repeat top left; }
/*Twitter End*/