/* 
    Document   : .pronite
    Created on : Jan 14, 2015, 4:47:21 PM
    Author     : imsparsh
    Description: styling for the pronites
        
*/

@font-face
{
    font-family: 'Josin';
    src: url(../boot/font/JosefinSlab.ttf);
}
@font-face
{
    font-family: 'LCD';
    src: url(../boot/font/LCD.ttf);
}
@font-face
{
    font-family: 'HACKED';
    src: url(../boot/fonts/HACKED.ttf);
}
@font-face
{
    font-family: 'BankGothic';
    src: url(../boot/fonts/BankGothic.ttf);
}
@font-face
{
    font-family: 'CabinSketch-Bold';
    src: url(../boot/fonts/CabinSketch-Bold.ttf);
}
@font-face
{
    font-family: 'TWO_AM';
    src: url(../boot/fonts/TWO_AM.ttf);
}

#blinkback
{
  -moz-animation: blink 0.05s steps(2, start) infinite, skip 4s linear infinite;
  -webkit-animation: blink 0.05s steps(2, start) infinite, skip 4s linear infinite;
  animation: blink 0.05s steps(2, start) infinite, skip 4s linear infinite;
}

/*
    background: url(../images/team/blurred.gif) top left repeat;
*/

body
{
    z-index: 2;
    background: url(../images/team/bg.jpg) center center fixed;
    background-size: cover;
    position: relative;
    transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -webkit-transition:  all 2s ease-out;
    -o-transition:  all 2s ease-out;
  -moz-animation: blinkmain 0.05s steps(2, start) infinite, skipmain 6s linear infinite;
  -webkit-animation: blinkmain 0.05s steps(2, start) infinite, skipmain 6s linear infinite;
  animation: blinkmain 0.05s steps(2, start) infinite, skipmain 6s linear infinite;
}
#contentent
{
    z-index: 2;
    position: relative;
    margin: 0 0;
    padding: 0 0;
}

.cc_menu{
	width:53%; /*140px * 5*/
	height:90%;
	position:absolute;
	font-size:14px;
	text-transform:none;
	color:#fff;
}
.cc_item{
	text-align:center;
	width:25%;
	height:600px;
	float:left;
	border-bottom:1px solid #000;
	position:relative;
	-moz-box-shadow:3px -3px 10px #000;
	-webkit-box-shadow:3px -3px 10px #000;
	box-shadow:3px -3px 10px #000;
}
span.cc_title{
	color:#fff;
	font-size:16px;
	top:200px;
	left:5px;
	position:absolute;
	padding:3px 0px;
	background:#111;
	width:130px;
	display:block;
	z-index:11;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}
.cc_submenu ul{
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	height:0px; /*increase to 200px to slide up*/
	overflow:hidden;
	text-align:left;
	background:#000;
	position:absolute;
	left:0px;
	bottom:0px;
	opacity:0.9;
	z-index:13;
}
.cc_submenu ul li{
	color:#eee;
	padding:10px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .05em;
}
.cc_submenu ul li a:active,
.cc_submenu ul li a:hover,
.cc_submenu ul li a:focus,
.cc_submenu ul li a
{color:#33ffff !important;}
.cc_submenu img
{
	position:absolute;
	bottom:10px;
	right:10px;
	width:32px;
	height:32px;
}
.cc_item img{
	position:absolute;
	width:100%;
	height:100%;
	top:-100%;
	left:0px;
}
.cc_content{
	width:720px;
	height:600px;
	border-bottom:1px solid #000;
	position:absolute;
	left:-720px;
	background:#444 url(../images/team/bg.png) repeat top left;
	overflow:hidden;
	-moz-box-shadow:4px 0 7px #000;
	-webkit-box-shadow:4px 0 7px #000;
	box-shadow:4px 0 7px #000;
}
.cc_content div{
	display:block;
	margin:20px;
}
.cc_content p{
	background:#000;
	padding:20px;
	opacity:0.7;
}
span.cc_back{
	position:absolute;
	bottom:10px;
	right:10px;
	cursor:pointer;
	color:#ddd;
}
			span.reference{
				font-family:Arial;
				text-transform:uppercase;
				position:fixed;
				right:95px;
				bottom:10px;
				font-size:11px;
				text-shadow:1px 1px 1px #000;
			}
			span.reference a{
				color:#aaa;
				text-decoration:none;
				margin-right:20px;
			}
			span.reference a:hover{
				color:#ddd;
			}
			.title{
				position:fixed;
				right:20px;
                top:20px;
				width:40%;
				height:95%;
				z-index:999;
			}
			.title img
			{
				max-width:100%; 
				max-height:100%;
				display:inline-block;			
				vertical-align:middle;
				transform-origin: 50% 50%;
				animation: rotateY 18s ease-in-out infinite;
			}
			#thetext
			{
				position:absolute;
				top:10%;
				left:55%;
				width:30%;
				height:100%;
				overflow:visible;
				color:white;
				padding:20px;
				height:400px;
				font-family:'Sans Serif';
				font-size:22px;
			}
.thename
{
    font-family: 'CabinSketch-Bold';
    color: #33ffff !important;
    font-size: 23px !important;
}
.thedesig
{
    font-family: 'TWO_AM';
    color: red !important;
    font-size: 20px !important;
    letter-spacing: .2em !important;
    line-height: 25px;
	text-shadow: 1px 1px red !important;

}
.amorlogo
{
	position:fixed;
	top:20px;
	right:20px;
	width:50px;
	height:50px;
	z-index:9999;
	display:block;
	cursor:pointer;
	border-radius:100%;
}
.amorlogo:hover{
	box-shadow: -5px 0 10px white;
}
@media only screen and (min-width: 1500px) {
.cc_item
{
	height:720px;
}
}
@media only screen and (min-width: 1700px) {
.cc_item
{
	height:840px;
}
}
div.hacked
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background: #000;
    background-image: url('../images/team/evenBG.gif');
	opacity:0;
	font-family:'LCD' !important;	
	color:red;
    -webkit-box-shadow: inset 0px 0px 105px 25px rgba(0, 0, 0, 1);
    box-shadow: inset 0px 0px 105px 25px rgba(0, 0, 0, 1);
	z-index:99;
}
.myaudio
{
	volume:medium;
}
.hack
{
	color:#22DF06;
	font-family:'HACKED' !important;	
	background:transparent;
	display:block;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:700px;
	height:400px;
	text-align:center;
	font-size:30px;
	line-height:35px;
	padding:20px;
	z-index:102;
	speak-as:spell-out;
	volume: x-loud;
}
.weare
{font-size:20px;line-height:40px;}
.amor
{font-size:28px;line-height:60px;}
#blinkback
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
  background-image: url(../images/team/404-stripe.png);
  background-repeat: repeat-x;
  background-position: 0 0%;
  background-attachment: fixed;
  z-index:100;
}
@-moz-keyframes rotateY {
  0% {
				transform: rotateY(0deg);
  }
  50% {
				transform: rotateY(360deg);
  }
  100% {
				transform: rotateY(0deg);
  }
}
@-webkit-keyframes rotateY {
  0% {
				transform: rotateY(0deg);
  }
  50% {
				transform: rotateY(360deg);
  }
  100% {
				transform: rotateY(0deg);
  }
}
@keyframes rotateY {
  0% {
				transform: rotateY(0deg);
  }
  50% {
				transform: rotateY(360deg);
  }
  100% {
				transform: rotateY(0deg);
  }
}
@-moz-keyframes blink {
  to {
    background-color: #001700;
  }
}
@-webkit-keyframes blink {
  to {
    background-color: #001700;
  }
}
@keyframes blink {
  to {
    background-color: #001700;
  }
}
@-moz-keyframes skip {
  to {
    background-position: 0 100%;
  }
}
@-webkit-keyframes skip {
  to {
    background-position: 0 100%;
  }
}
@keyframes skip {
  to {
    background-position: 0 100%;
  }
}


@-moz-keyframes blinkmain {
  to {
    background-color: #364430;
  }
}
@-webkit-keyframes blinkmain {
  to {
    background-color: #364430;
  }
}
@keyframes blinkmain {
  to {
    background-color: #364430;
  }
}
@-moz-keyframes skipmain {
  to {
    background-position: 0 200%;
  }
}
@-webkit-keyframes skipmain {
  to {
    background-position: 0 200%;
  }
}
@keyframes skipmain {
  to {
    background-position: 0 200%;
  }
}

@keyframes lost
{
0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
1%{-webkit-transform:translate(-75%,-50%);transform:translate(-75%,-50%);}
2%{-webkit-transform:translate(-80%,-50%);transform:translate(-80%,-50%);}
3%{-webkit-transform:translate(-200%,-50%);transform:translate(-200%,-50%);}
4%{-webkit-transform:translate(-25%,-50%);transform:translate(-25%,-50%);}
5%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
15%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
16%{-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}
17%{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}
18%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
35%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
36%{-webkit-transform:translate(-60%,-50%);transform:translate(-60%,-50%);}
37%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
38%{-webkit-transform:translate(-25%,-50%);transform:translate(-25%,-50%);}
40%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
50%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
51%{-webkit-transform:translate(-40%,-50%);transform:translate(-40%,-50%)}
52%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
69%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
70%{-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
71%{-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}
72%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
73%{-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%)}
74%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
89%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
90%{-webkit-transform:translate(-50%,-300%);transform:translate(-50%,-300%)}
91%{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}
92%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
100%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
@-webkit-keyframes lost
{
0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
1%{-webkit-transform:translate(-75%,-50%);transform:translate(-75%,-50%);}
2%{-webkit-transform:translate(-80%,-50%);transform:translate(-80%,-50%);}
3%{-webkit-transform:translate(-200%,-50%);transform:translate(-200%,-50%);}
4%{-webkit-transform:translate(-25%,-50%);transform:translate(-25%,-50%);}
5%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
15%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
16%{-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}
17%{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}
18%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
35%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
36%{-webkit-transform:translate(-60%,-50%);transform:translate(-60%,-50%);}
37%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
38%{-webkit-transform:translate(-25%,-50%);transform:translate(-25%,-50%);}
40%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
50%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
51%{-webkit-transform:translate(-40%,-50%);transform:translate(-40%,-50%)}
52%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
69%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
70%{-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
71%{-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}
72%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
73%{-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%)}
74%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
89%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
90%{-webkit-transform:translate(-50%,-300%);transform:translate(-50%,-300%)}
91%{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}
92%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
100%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
@keyframes lostone
{
0%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
10%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
11%{-webkit-transform:translate(50%,0%);transform:translate(50%,0%);}
12%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
21%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
22%{-webkit-transform:translate(-100%,0%);transform:translate(-100%,0%);}
23%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
55%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
56%{-webkit-transform:translate(0%,200%);transform:translate(0%,200%);}
57%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
78%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
79%{-webkit-transform:translate(0%,-500%);transform:translate(0%,-500%);}
80%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
98%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
99%{-webkit-transform:translate(-1000%,-1000%);transform:translate(-1000%,-1000%);}
100%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
}
@keyframes losttwo
{
0%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
10%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
11%{-webkit-transform:translate(50%,0%);transform:translate(50%,0%);}
12%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
21%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
22%{-webkit-transform:translate(-100%,0%);transform:translate(-100%,0%);}
23%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
55%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
56%{-webkit-transform:translate(0%,200%);transform:translate(0%,200%);}
57%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
78%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
79%{-webkit-transform:translate(0%,-1000%);transform:translate(0%,-1000%);}
80%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
98%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
99%{-webkit-transform:translate(-1000%,-1000%);transform:translate(-1000%,-1000%);}
100%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
}
@keyframes lostthree
{
0%{-webkit-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(-2);transform:scale(-2);}
}
@-webkit-keyframes lostone
{
0%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
10%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
11%{-webkit-transform:translate(50%,0%);transform:translate(50%,0%);}
12%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
21%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
22%{-webkit-transform:translate(-100%,0%);transform:translate(-100%,0%);}
23%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
55%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
56%{-webkit-transform:translate(0%,200%);transform:translate(0%,200%);}
57%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
78%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
79%{-webkit-transform:translate(0%,-500%);transform:translate(0%,-500%);}
80%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
98%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
99%{-webkit-transform:translate(-1000%,-1000%);transform:translate(-1000%,-1000%);}
100%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
}
@-webkit-keyframes losttwo
{
0%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
10%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
11%{-webkit-transform:translate(50%,0%);transform:translate(50%,0%);}
12%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
21%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
22%{-webkit-transform:translate(-100%,0%);transform:translate(-100%,0%);}
23%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
55%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
56%{-webkit-transform:translate(0%,200%);transform:translate(0%,200%);}
57%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
78%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
79%{-webkit-transform:translate(0%,-1000%);transform:translate(0%,-1000%);}
80%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
98%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
99%{-webkit-transform:translate(-1000%,-1000%);transform:translate(-1000%,-1000%);}
100%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
}
@-webkit-keyframes lostthree
{
0%{-webkit-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(-2);transform:scale(-2);}
}
.lost
{-webkit-animation:lost 7s infinite;	animation:lost 7s infinite;}
.losthomeone
{-webkit-animation:lostone 4s linear;	animation:lostone 4s linear;}
.losthometwo
{-webkit-animation:losttwo 1s linear;	animation:losttwo 1s linear;}
.losthomethree
{transform-origin:50% 50%;
-webkit-animation:lostthree .5s linear;	animation:lostthree .5s linear;}

/****************************************************/

div#loadhome
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background: url(../images/backs/homeback.jpg);
	opacity:0;
	z-index:100;
}