@charset 'utf-8';
/* CSS DOCUMENT */
html, body { height:100%; min-height:100%; }
.hide { position:relative;}
.ease,a,input[type="submit"],button { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.loader { position:relative; overflow:hidden; background:#fff url('../images/page_template/loading.gif') no-repeat center; }
.auto { width:1024px; margin: 0 auto; }

/********* Page Template *********/
#main-container { height:100%; height: auto !important; min-height:100%; }
input[type="text"],input[type="password"] { }
input[type="submit"] { }
textarea { outline:none; resize:none; }

header {}

#main-wrapper { position:relative; overflow:hidden; background:url('../images/page_template/bg_banner.jpg') no-repeat center; background-size:cover; 
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/page_template/right_cover.png', sizingMethod='scale')";
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/page_template/bg_banner.jpg', sizingMethod='scale');
}
.fl { float:left; }
.fr { float:right; }
.clr { float:none; clear:both; }
.bp-set { display:inline-block; *display:inline; }
.bp-set.vm { vertical-align:middle; }
.bp-set.vt { vertical-align:top; }
.bp-set.vb { vertical-align:bottom; }
.bp-rel { position:relative; }
.bp-ab { position:absolute; }
.bp-center { text-align:center; }
.bp-left { text-align:left; }
.bp-right { text-align:right; }
.bp-justify { text-align:justify; }
.bp-tt { text-transform:uppercase; }
.par p { padding:10px 0px; }
.par2 p { padding:5px 0px; }
.par-med { font-size:14px; }

footer { position:relative; z-index:10; padding-top:5px; background:url('../images/page_template/footer_border.jpg') repeat-x top; color:#fff; }
.footer-content { padding:5px 20px; background:#000 url('../images/page_template/bg_footer.jpg') repeat-x top; }
.footer-content p  a { display:inline-block; *display:inline; margin:5px 5px; text-decoration:underline; color:#fff; } 

.preloader { position:fixed; width:100%; height:100%; overflow:hidden; }
.spinner { position: absolute; width:80px; height:80px; top: 50%; left: 50%; margin-left:-40px; margin-top:-40px; animation: rotatee 2.0s infinite linear; -webkit-animation: rotatee 2.0s infinite linear; -moz-animation: rotatee 2.0s infinite linear; -ms-animation: rotatee 2.0s infinite linear; -o-animation: rotatee 2.0s infinite linear; }
.s-dot { display: inline-block; position: absolute; width:60%; height:60%;  top: 0; background-color:#000; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;  animation: bouncee 2.0s infinite ease-in-out; -webkit-animation: bouncee 2.0s infinite ease-in-out; -moz-animation: bouncee 2.0s infinite ease-in-out; -ms-animation: bouncee 2.0s infinite ease-in-out; -o-animation: bouncee 2.0s infinite ease-in-out;  }
.s-dot2 { top: auto; bottom: 0px; animation-delay: -1.0s; -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -ms-animation-delay: -1.0s; -o-animation-delay: -1.0s; }
@-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotatee { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } }
@-webkit-keyframes bouncee { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } }
@keyframes bouncee { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
.lt-ie9 .preloader { background:#fff url('../images/page_template/loading.gif') no-repeat center; }
.lt-ie9 .preloader .spinner { display:none; }
/********* END Page Template *********/

.magna-light { z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('../images/page_template/bg_shine.png'); background-repeat:no-repeat; background-size:cover; background-position:center; }
.magna-content { z-index:3; padding:0px 20px;  }
.magna-co-main { }
.magna-co-top { z-index:3; }
.magna-co-redirect { z-index:2; margin-left:12px; margin-top:-16px; }
.magna-co-redirect img { z-index:1; position:relative; }
.magna-co-redirect a { z-index:2; display:block; position:absolute; bottom:13%; left:10%; width:27%; height:26%; }
.mag-co-card { z-index:2; margin-left:12px; }
.mag-co-card img { z-index:1; position:relative; }
.mag-co-card a { z-index:2; display:block; position:absolute; bottom:8%; right:7%; width:24%; height:29%; }
.magna-co-btn { z-index:2; margin-left:12px; padding:10px 0px; }
.magna-co-btn > .bp-set { margin:0px 12px; }
.magna-character { z-index:1; top:60px; right:-250px; }

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media only screen and (max-width: 1080px) {
	.magna-light { -webkit-transform: scale(2); }
	.magna-character { width:50%; right:-10%; }
	.magna-character img { width:100%; height:auto; }
}
@media only screen and (max-width: 1024px) {
	/** MAIN CONTENT **/
	.magna-co-main { padding-right:20%; }
	.magna-co-btn { margin-left:0; }
	.magna-co-btn > .bp-set { width:45%; margin:0px 1.7%; }
	.magna-co-btn > .bp-set img { width:100%; height:auto; }
	.magna-co-btn > .bp-set:first-child { margin-left:0; }
	.magna-co-btn > .bp-set:last-child { margin-right:0; }
	.mag-co-card { margin-left:0; }
	.magna-co-redirect { margin-left:0; }
}
@media only screen and (max-width: 910px) {
	/** MAIN CONTENT **/
	.magna-co-main { padding-right:0; }
	.magna-co-top img { width:90%; height:auto; }
	.magna-co-redirect img { width:100%; height:auto; }
	.mag-co-card img { width:100%; height:auto; }
	.magna-character { top:0; right:-20%; }
}
@media only screen and (max-width: 810px) {
	/** MAIN CONTENT **/
	.magna-co-btn > .bp-set { width:47.6%; }
}
@media only screen and (max-width: 790px) {
	/** FOOTER **/
	.footer-content p br { display:none; }
}
@media only screen and (max-width: 760px) {
	/** MAIN CONTENT **/
	.magna-co-redirect { margin-top:-10px; }
}
/* BIG MOBILE LANDSCAPE */
@media only screen and (max-width: 640px) {
	/** FOOTER **/
	.footer-content { font-size:11px; }
}
/* MOBILE LANDSCAPE */
@media only screen and (max-width: 480px) {
	/** FOOTER **/
	.footer-content p a { margin:4px; }
	/** MAIN CONTENT **/
	.magna-content { padding:0px 5px; }
	.magna-co-btn { padding:10px 0px; }
}
/* MOBILE PORTRAIT */
@media only screen and (max-width: 320px) { }