@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(http://fonts.googleapis.com/css?family=roboto:400,400italic,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Passion+One);

body{ margin:0;

font-family: "arial";

}

a:visited {
	color: #000;
}
a:hover {
	color: #FFFFFF;
}

a:link{
	text-decoration:none;	
	
}

h2{ font-size:30px; }


h1, h2, h3, h4, h5, h6 {
	font-size:30px;
	padding: 0;
	margin: 0;
	font-family:"arial";
	
}


p{
	font-size:17px;	
font-family: "arial";

}

.header {
	width:100%;
	height:auto;
	position:fixed;
    border-top:7px rgba(255,0,4,1.00) solid;
	background-color:hsla(0,0%,100%,1.00);
	-webkit-box-shadow: 0 5px 6px -6px #777;
    -moz-box-shadow: 0 5px 6px -6px #777;
    box-shadow: 0 5px 6px -6px #777;
	padding-top:20px;
	font-family: "arial";
	font-size:14px;
	z-index:200;
}



 /* shadow effects */
 
.effect1{
    -webkit-box-shadow:                                                                                               
}

.effect2
{
  position:relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

 /* shadow effects ends */

.logo{
width:300px;
height:auto;
float:left;
position:relative;
	
}

.menubar{
width:850px;
height:100px;
float:left;
 


}
.social-box{
width:100px;
height:100px;

float:right;
position:relative;
	
}

.slider-main
{
	width:100%;
	height:auto;
	top:130px;

	background-color:rgba(207,207,207,1.00);

	
		
}
.strip-color{
	width:100%;
	height:10px;
	 background-color:grey;
	 
   

	position:relative;

	
	
}

#parallelogram {
	width: 20px;
	height: 10px;
	-webkit-transform: skew(60deg);
	   -moz-transform: skew(60deg);
	     -o-transform: skew(60deg);
	background:rgba(46,46,46,1.00);
	margin:0 auto;
}


 
 .section-main{
	
	 width:100%;
	 height:auto;
     overflow:hidden;
	 
	 
	                      
 }
 
  .collage-main{
	
	 width:100%;
	 height:auto;
     overflow:hidden;
	 
	                      
 }
 
 
 
 .slider-static{
	 
	 width:100%;
	 height:auto;
	 padding-bottom:20px;
	top:130px;
	margin-bottom:110px;
	color:rgba(255,255,255,1.00);	
	
 position:relative;	  
	                      
 }
 
 .inner-section
 
 {
	width:1250px;
	height:auto;  
	margin:0 auto;
	border-bottom:1px solid rgba(204,204,204,1.00); 
	padding-bottom:40px;
	position:relative;
	overflow:hidden;
	padding-top:80px;
	padding-bottom:80px;
 
 }
 
  .contact-content
 
 {
	width:1250px;
	height:auto;  
	margin:0 auto;
	border-bottom:1px solid rgba(204,204,204,1.00); 
	padding-bottom:40px;
	position:relative;
	overflow:hidden;
	padding-top:80px;
	padding-bottom:80px;
 
 }
 
 
 
  .callus
 
 {
	width:1250px;
	height:auto;  
	margin:0 auto;
	border-bottom:1px solid rgba(204,204,204,1.00); 
	padding-bottom:40px;
	position:relative;
	overflow:hidden;
	
	padding-top:80px;
	padding-bottom:80px;
 
 }
 
 
  .right-section{
	  
	width:600px;
 
	float:right;

	position:relative;

		
  }
		
	.right-section li{
           color:#000;
	   height: 30px;
           line-height: 30px;
           font-family: "arial";
           font-size: 16px;
         } 

  .left-section{
	
	width:600px;
position:relative; 
	float:left; 
	
  }
  
  
  
 
 .right-section-list H1{
	
font-family: "arial";

background-color:hsla(0,0%,0%,0.40);

padding:5PX;

	 
 }
		
	.right-section-list li{
	color:hsla(0,0%,100%,1.00);
	height:50px;
	line-height:50px;
	border: 1px hsla(0,0%,100%,1.00) dashed;
	font-family: "arial";
	font-size:20px;
	list-style:url(../images/star.png);
    WIDTH:550PX;
	transition:0.6S ease-in-out;
	
}

  .right-section-list{
	
	width:600px;
	float:right;
	position:relative;

		
  }

.RIGHT-section-list li:HOVER{
	
	border: 1px hsla(0,0%,50%,1.00) dashed;
	
	border-RADIUS:5PX;
	WIDTH:470PX;
	transition:0.6S ease-in-out;
	
}

.left-section-list li{
	color:hsla(0,0%,100%,1.00);
	height:50 auto;

	border-bottom: 1px hsla(0,0%,100%,1.00) dashed;
	border-left: 5px  hsla(359,100%,43%,1.00) solid;
	font-family: "arial";
	padding:10px;
	font-size:20px;
	
	list-style:none;
	
	WIDTH:530PX;
	transition:0.3S ease-in-out;
	
}



.left-section-list li:HOVER{
	
	
		border-left: 5px  hsla(213,91%,47%,1.00) solid;
	
	border-RADIUS:5PX;
	WIDTH:470PX;
	transition:0.3S ease-in-out;
	
}
  
  
  

   .left-section-list {
	
font-family:"arial";
font-size:40px;

background-color:hsla(0,0%,0%,0.40);
COLOR:WHITE;

padding:5PX;

	 
 }

  .left-section-list{
	
	width:600px;

	position:relative; 
	float:left; 
	
	  
	
  }
  
  .heading-bx{
	  /*height:60px;
	  width:500PX;*/
	  line-height:30px;
	  

	 
	  
	  
	  
  }
  
  .comp-logos-box{

width:100%;
height:230PX;
background-color:hsla(0,0%,100%,0.71);
position:relative;
margin-TOP:600PX;
PADDING:20PX;
margin:0 auto;
float:left;

	
}


.comp-logos{
	

width:auto;

height:150px;
MARGIN:10PX;
background-color:hsla(0,0%,100%,0.71);
padding:10px;
margin-right:1%;
margin-left:5%;
float:left;



position:relative;
transition:0.4s ease-in;
padding-top:100px;


}

.comp-logos:hover{


	margin-top:20px;
	border-radius:300px;
	

	transition:0.4s ease-out;
	
	
}


 /* GALLERY  */
 
 .gallery-thumbnails {
 WIDTH:396PX;
 HEIGHT:260PX;
 BORDER-TOP:8PX SOLID  rgba(255,0,4,1.00);

 position:relative;
 background-color:rgba(134,134,134,1.00);
 
 }
 
  .gallery-container {
 WIDTH:30%;
 HEIGHT:auto;
 margin:20px;

 float:left;

 position:relative;

 
 }
 
  .gallery-container:hover {
 

 
 }
   #gallery-heading{
	width:396px;
	height:50px;
	font-family: "arial";
	text-align:center;
	line-height:50px;
	color:white;
	float:left;
	background-color:rgba(0,0,0,0.50);
	
	font-size:16px;
	
	margin-bottom:10px;
	transition:0.4s ease-in;
	 	 
 }
 
 
 .gallery-img:hover img {
    transform: scale(1.1) rotateZ(-5deg);
    -moz-transform: scale(1.1) rotateZ(-5deg);
    -webkit-transform: scale(1.1) rotateZ(-5deg);
    -o-transform: scale(1.1) rotateZ(-5deg);
	
}
.gallery-img img{ 
 transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
 
 #button{
	width:200px;
	height:50px;
	border-radius:100px;
	text-align:center;
	line-height:50px;
	color:white;
	float:right;
	background-color:rgba(0,0,0,0.90);
	border:1px solid  rgba(255,255,255,1.00);
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	transition:0.4s ease-in;
	 	 
 }
 
 #button:hover{
	 
	 background-color:rgba(255,0,4,0.30);
	 transition:0.4s ease-in;
	 
	 
	 
 }
 
 .send-button{
	width:200px;
	height:50px;
	
	text-align:center;
	line-height:40px;
	color:red;
	
	margin:0 auto;
	
	border:4px solid  rgba(255,0,4,1.00);
	font-size:20px;
	
	 
	 
 }
 
 .clients-marquee{
	 
	width:100%;
	height:120px;
	
 
 }
 

 


@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
} 
 
 
  /* Footer */
 
 
 footer{
	
	width:100%;
	height:500px;
	background-color:rgba(66,4,5,1.00);
	background-image:url(../images/gallery-bg2.jpg);
	padding-top:0px;
	background-color:rgba(7,24,58,0.92);
		 
 }
 
 
 .ft-col{
width:250px;
height:auto;
padding:10px;
margin:10px;
float:left;

text-align:left
}

.ft-col li{
	color:rgba(255,255,255,1.00);
	height:35px;
	line-height:20px;
	font-family: "arial";
	list-style:url(../images/star.png);
	
	
}

.ft-col li:hover{
	border-LEFT:3px SOLID  hsla(0,0%,0%,0.62);
	
    
}

.ft-col h2{
	
	font-family: "arial";
	color:white;
	font-size:16px;
	
}

#social-icon{
	
width:30px;
height:30px;
float:left;

margin:2px;
	
	
}


.vedio-box{
	
	width:350px;
	height:210px;
	padding:5px;

	position:relative;
	float:right;
	margin-top:-10px;
	text-align:center;
	
}



#trns-button

{
	
width:210px;
height:40px;
line-height:30px;
color:rgba(255,255,255,1.00);
border:1px solid rgba(255,255,255,1.00);
border-radius:2px;
text-align:center;
padding:4px;
position:relative;
float:left; 
margin:10px;
margin:0 auto;

align-content:center;	

}


#trns-box

{
	
width:300px;
height:300px;


color:rgba(255,255,255,1.00);
background-color:hsla(0,0%,0%,0.59);

border-radius:330px;
text-align:center;
padding-top:50px;
padding-left:20px;
padding-right:20px;
position:relative;
border:1px solid  white;float:left; 


margin:0 auto;

align-content:center;
transition:1s ease-in-out;	

}

#trns-box:hover{
	border:1px solid  hsla(207,100%,50%,1.00);
	
	background-color:hsla(205,100%,51%,0.99);
	
	
}

#toggleText{

color:hsla(0,0%,0%,1.00);
font-weight:400;
	
}

.box-section{
	
width:900px;
height:auto;
margin:0 auto;
	
}



#trns-button red{
border:1px solid red;	
}


.button-section{
	
width:700px;
height:auto;
margin:0 auto;
	
}

.gallery-heading {

width:AUTO;
padding:10px;
height:	50px;
background-color:hsla(0,0%,0%,0.82);
font-family:'arial';
line-height:20px;
text-align:center;
z-index:100;
margin-top:-74px;
position:relative;
font-size:113px;
color:hsla(0,0%,100%,1.00);
	
}
.gallery-heading  h1 { font-family: "arial";}
 
 .gallery-img{
	 
width:390x;
padding:10px;
height:	290px;
float:left;
position:relative;
background-color:rgba(255,255,255,0.53);
MARGIN:5PX;
 
	 
 }
 
 
   /* Career */
   
   .career-container{
	width:100%;
	height:859px;
	top:130px;

	padding-top:230px;
	margin-bottom:0px;
	background-image:url(../images/career.jpg);
	color:white;
	background-color:hsla(0,0%,27%,1.00);
	
	 position:relative;
	 
	   
   }


  .career-container h1{
	color:rgba(247,180,12,1.00);
	font-size:50px;
	font-family:"arial"
	   
   }
 
 
   /* job-applications */
  
.job-container{
width:100%;
height:auto;
overflow:hidden;
background-color:#FFFFFF;
margin-bottom:20px;


padding:5px;
position:relative;

border-top-width: 5px;
    border-top-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, black, rgba(0, 0, 0, 0)) 1 100%;   
   } 
   
   
   
   .effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(3deg);
}
   
   
   
   
   
  .job-content{

width:100%;
height:auto;
overflow:hidden;
position:relative;
padding:10px;
display:none;
background-color:#E7E9E9;
z-index:3000px;
 
float:left;

border-top:5px #308FF3 solid;
-webkit-box-shadow: -1px 10px 13px 0px rgba(224,224,224,0.61);
-moz-box-shadow: -1px 10px 13px 0px rgba(224,224,224,0.61);
box-shadow: -1px 10px 13px 0px rgba(224,224,224,0.61);



	      
   }
   
   .apply-button{
	width:150px;
	height:150px;
	text-align:center;
	line-height:150px;
	background-color:#E10509;
	color:#FFFFFF;
	float:right;
	position:absolute;
	z-index:100;
	right:300px;;
	overflow:hidden;
	   
   }
   button{
	width:auto;
	height:25px;
	background-color:#FFFFFF;



	border:none; 
	border-radius:10px; 
	border-bottom:2px #FF0004 solid;   
   }
   
     .wrong{
	  width:90%;
	  margin:5%;
	  background-color:#FF0004;
	  color:#FFFFFF;
	  font-size:15px;
	   padding:1%;
	   height:auto;
	   overflow:hidden;
	   font-family:"Arial";
 
	  
  }
    .right{
	  width:90%;
	  margin:5%;
	  padding:1%;
	   height:auto;
	   overflow:hidden;
	   z-index:300px;
	   
	  background-color:#1B8C16;
	  color:#FFFFFF;
	  font-size:15px;
	   font-family:"Arial";
 
	  
  }
  
  
  .copyright{
	width:100%;
	boder-top:1px white solid;
	margin:0 uato;
	height:30px;
	line-height:30px;
	text-align:center;
	color:hsla(0,0%,100%,1.00);

	    
  }
  
   .copyright .left-section{
	
	padding-left:50px;   
   }
   
   .copyright right-section{
	   text-align:right;
	
	  
   }