@font-face {

    font-family: 'arial-black';
    src: local('Arial Black');

}

body{
	margin:0;
	padding:0;
	font-family:"Arial Black",arial-black,Arial Bold,arial,sans-serif !important;}

#fullscreen-mode {
     background-image:url('/wordpress/wp-content/themes/Consortium/img/landing-bg.jpg');
     width:100%;
     height:100%;
	 background-size: cover; 
	 -webkit-transition: all 1s ease-in-out;  
	 -moz-transition: all 1s ease-in-out;  
	 -o-transition: all 1s ease-in-out;  
	 -ms-transition: all 1s ease-in-out;  
	 transition: all 1s ease-in-out;  
}
.loading-js {
	background-image:none !important;
	background: #dcdcdc;
    width: 100%;
    height: 100%;
	background-size: cover;
}
.bImage {
  background-image: url('/wordpress/wp-content/themes/Consortium/img/landing-bg.jpg') !important;
  background-size: cover;
}
#intro-logo {
     position: absolute;
     top:10%;
     left:15%;
     
}
#intro-production-design {
     
     font-size:5.5vw;
     color:#000 !important;
     text-decoration:none !important;
     position: absolute;
     top:28%;
     left:17%;
     text-transform:uppercase;
	 font-weight:900;
}
#intro-studio-design {
     
     font-size:5vw;
     color:#848484 !important;
     text-decoration:none;
     position: absolute;
     top:60%;
     left:40%;
     text-transform:uppercase;
	 font-weight:900;
}
#intro-award-show {
    
     font-size:4vw;
     color:#848484 !important;
     text-decoration:none;
     position: absolute;
     top:45%;
     left:55%;
     text-transform:uppercase;
	 font-weight:900;
}
#intro-talk-show {
    
     font-size:5vw;
     color:#848484 !important;
     text-decoration:none;
     position: absolute;
     top:82%;
     left:60%;
     text-transform:uppercase;
	 font-weight:900;
}
#intro-china {
    
     font-size:5vw;
     -moz-transform: rotate(270.0deg);  /* FF3.5+ */
     -o-transform: rotate(270.0deg);  /* Opera 10.5 */
     -webkit-transform: rotate(270.0deg);  /* Saf3.1+, Chrome */           
     filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=270 deg);  /* IE6,IE7 */          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=270)"; /* IE8 */
     color:#848484 !important;
     text-decoration:none;
     position: absolute;
     top:40%;
     left:0%;
     text-transform:uppercase;
	 font-weight:900;
}
#intro-corporate {
     
     font-size:5vw;
     -moz-transform: rotate(270.0deg);  /* FF3.5+ */
     -o-transform: rotate(270.0deg);  /* Opera 10.5 */
     -webkit-transform: rotate(270.0deg);  /* Saf3.1+, Chrome */           
     filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=270 deg);  /* IE6,IE7 */          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=270)"; /* IE8 */
     color:#848484 !important;
     text-decoration:none;
     position: absolute;
     top:40%;
     left:75%;
     text-transform:uppercase;
	 font-weight:900;
}
#intro-variety-show {
    
     font-size:5vw;
     color:#848484 !important;
     text-decoration:none;
     position: absolute;
     top:82%;
     left:5%;
     text-transform:uppercase;
	 font-weight:900;
}

#intro-game {
    
     font-size:5vw;
     color:#848484 !important;
     text-decoration:none;
     position: absolute;
     top: 10%;
     left: 52%;
     text-transform:uppercase;
	 font-weight:900;
}

.hidden {display:none;}
.hidden2 {display:none;}
.hidden3 {display:none;}
.hidden4 {display:none;}
.hidden5 {display:none;}
.hidden6 {display:none;}
.hidden7 {display:none;}

#fullscreen-mode a:hover {color:#000 !important;}






///NEW INTRO CSS ANIMATION INTRO STYLES ///



@-webkit-keyframes fadeslam {
 0%   {opacity: 0;}
 25%  {opacity: .1;}
 50%  {opacity: .25;}
 75%  {opacity: .5;}
 100% {opacity: 1;}
}
@-moz-keyframes fadeslam {
 0%   {opacity: 0;}
 25%  {opacity: .1;}
 50%  {opacity: .25;}
 75%  {opacity: .5;}
 100% {opacity: 1;}	
}
@-o-keyframes fadeslam {
 0%   {opacity: 0;}
 25%  {opacity: .1;}
 50%  {opacity: .25;}
 75%  {opacity: .5;}
 100% {opacity: 1;}	
}
@keyframes fadeslam {
 0%   {opacity: 0;}
 25%  {opacity: .1;}
 50%  {opacity: .25;}
 75%  {opacity: .5;}
 100% {opacity: 1;}
}

#intro-logo-1 {	
 opacity: 0;
 -webkit-animation: fadeslam ease-in 1s 1 forwards;
 -moz-animation: fadeslam ease-in 1s 1 forwards;
 -o-animation: fadeslam ease-in 1s 1 forwards;
 animation: fadeslam ease-in 1s 1 forwards;
 animation-fill-mode: forwards !important;
}
.introLink{
  text-decoration: none !important;
  position: absolute;
  text-transform: uppercase;
  font-weight: 900; 
}
#intro-production-design-1{
  opacity: 0;
  color: #000 !important;
  font-size: 5.5vw;
  top: 28%;
  left: 17%;
  -webkit-animation: fadeslam ease-in 1s 1.5s 1 forwards;
  -moz-animation: fadeslam ease-in 1s 1.5s 1 forwards;
  -o-animation: fadeslam ease-in 1s 1.5s 1 forwards;
  animation: fadeslam ease-in 1s 1.5s 1 forwards;
}
#intro-studio-design-1{
  opacity: 0;
  font-size: 5vw;
  color: #848484 !important;
  top: 60%;
  left: 40%;
  -webkit-animation: fadeslam ease-in 1s 2.5s 1 forwards;
  -moz-animation: fadeslam ease-in 1s 2.5s 1 forwards;
  -o-animation: fadeslam ease-in 1s 2.5s 1 forwards;
  animation: fadeslam ease-in 1s 2.5s 1 forwards;
}
#intro-corporate-1{
  opacity: 0;
  font-size: 5vw;
  -moz-transform: rotate(270.0deg);
  -o-transform: rotate(270.0deg);
  -webkit-transform: rotate(270.0deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=270 deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=270)";
  color: #848484 !important;
  top: 40%;
  left: 75%;
  -webkit-animation: fadeslam ease-in .4s 2.5s 1 forwards;
  -moz-animation: fadeslam ease-in .4s 2.5s 1 forwards;
  -o-animation: fadeslam ease-in .4s 2.5s 1 forwards;
  animation: fadeslam ease-in .4s 2.5s 1 forwards;
}
#intro-award-show-1 {
	opacity: 0;
	font-size: 4vw;
    color: #848484 !important;
    top: 45%;
    left: 55%;
	-webkit-animation: fadeslam ease-in 3s 3.5s 1 forwards;
	-moz-animation: fadeslam ease-in 3s 3.5s 1 forwards;
	-o-animation: fadeslam ease-in 3s 3.5s 1 forwards;
    animation: fadeslam ease-in 3s 3.5s 1 forwards;
}

#intro-talk-show-1 {
	opacity: 0;
	font-size: 5vw;
    color: #848484 !important;
    top: 82%;
    left: 60%;
	-webkit-animation: fadeslam ease-in 2.5s 3.5s 1 forwards;
	-moz-animation: fadeslam ease-in 2.5s 3.5s 1 forwards;
	-o-animation: fadeslam ease-in 2.5s 3.5s 1 forwards;
    animation: fadeslam ease-in 2.5s 3.5s 1 forwards;
}

#intro-china-1 {
	opacity: 0;
	font-size: 5vw;
    -moz-transform: rotate(270.0deg);
    -o-transform: rotate(270.0deg);
    -webkit-transform: rotate(270.0deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=270 deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=270)";
    color: #848484 !important;
    top: 40%;
    left: 0%;
	-webkit-animation: fadeslam ease-in .4s 2.5s 1 forwards;
	-moz-animation: fadeslam ease-in .4s 2.5s 1 forwards;
	-o-animation: fadeslam ease-in .4s 2.5s 1 forwards;
    animation: fadeslam ease-in .4s 2.5s 1 forwards;
}

#intro-variety-show-1 {
	opacity: 0;
	font-size: 5vw;
    color: #848484 !important;
    top: 82%;
    left: 5%;
	-webkit-animation: fadeslam ease-in 3s .5s 1 forwards;
	-moz-animation: fadeslam ease-in 3s .5s 1 forwards;
	-o-animation: fadeslam ease-in 3s .5s 1 forwards;
    animation: fadeslam ease-in .5s 2s 1 forwards;	
	animation-fill-mode: forwards;
}

#intro-game-1 {
	opacity: 0;
	font-size: 5vw;
    color: #848484 !important;
    top: 10%;
    left: 52%;
	-webkit-animation: fadeslam ease-in 3s .5s 1 forwards;
	-moz-animation: fadeslam ease-in 3s .5s 1 forwards;
	-o-animation: fadeslam ease-in 3s .5s 1 forwards;
    animation: fadeslam ease-in 3s .5s 1 forwards;
}