/* ==========================================================================
  	Home
   ========================================================================== */
 .cd-header .cd-logo {
  	float: none;
	width:144px;
  	margin: 8px auto 10px auto;}
	 
.cd-main-nav {
	font-family: "Fjalla One",sans-serif;
	float:none;
    width:900px;
	margin:0 auto;
    height: auto;
    background:none;
    cursor: auto;
	/*border:1px solid red;*/
	position:absolute;
	z-index:-1;
	top:0;
	left:4%;
	right:4%;}
	
.cd-main-nav ul {
 	position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
	margin-top:60px;
   	}
  
.cd-main-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
	
.cd-main-nav li {
    display: inline-block;    
	/*background-color:gold;*/
	/*width:120px;*/
	text-align:center;}
	
.cd-main-nav a {
    display: inline-block;
    height: auto;
    line-height: normal;
    background: transparent;
    padding: .5em 0.9em;
    border-top: none;
    color: #000;
    text-transform: uppercase;
    /* font-weight: bold; */
    font-size: 24px;}
	
.no-touch .cd-main-nav a:hover,
.cd-main-nav a.active {
    color: #e74c3c !important;}
 
 
 .cd-main-nav ul li.home { float:left; margin-left:52px;}
 .cd-main-nav ul li.about { float:left;}
 .cd-main-nav ul li.projects { float:left; padding-left:23.3%;}
 .cd-main-nav ul li.contact { float:left;}


/* ==========================================================================
   ABOUT PAGE
   ========================================================================== */	
.about-left	{
	float:left;
	display:block;
	width:97%;
	margin-right:3%;}
	
.about-right {
	float:left;
	display:block;
	width:35%;}
	
/* ==========================================================================
   Contact PAGE
   ========================================================================== */	
.contact-left	{
	float:left;
	display:block;
	width:30%;
	margin-right:3%;}
	
.contact-right {
	float:left;
	display:block;
	width:67%;}	
	
/*==========================
	FOOTER
=========================*/

.ft-nav {	
   width:28.333333333%;
   margin-left:5%;}
   
.ft-nav ul li a:hover{
	border-bottom:1px solid #fff;}   

/*---	SOCIAL	---*/ 
  
.ft-social {
	width:33.333333333%;}    

.ft-social ul li a:hover.vimeo{
	background-position:-80px -50px;}	

.ft-social ul li a:hover.fb{
	background-position:0 -50px;}	
		
.ft-social ul li a:hover.twit{
	background-position:-120px -50px;}	
	
.ft-social ul li a:hover.yt{
	background-position:-40px -50px;}	

/*---	COPYRIGHT	---*/ 
	
.ft-copy { 
	width:28.333333333%;
	margin-right:5%;}	
	
/*------------==========project strat===============-----------------------*/

.container { width:100%; height:auto; margin-top:120px;}

/*----------------1 page-----------------------*/
.ctr_g1{ 
	width:100%; 
   	min-height:800px; 	
 	/*---background-image:url(../img/project1.jpg);-----*/ 
	background-attachment:fixed; 
	overflow:hidden; 
	position:relative;
	-webkit-background-size: 100%;
  -moz-background-size:100%;
  -o-background-size: 100%;
  background-size:100%;}


.ctr_pr_g2{ 
	width:100%; 
   	min-height:800px; 	 
 	background-image:url(../img/project2.jpg); 
	background-position:center top; 
	background-attachment:fixed; 
	overflow:hidden; 
	position:relative;
	-webkit-background-size:50%;
    -moz-background-size:50%;
   -o-background-size: 50%;
   background-size:100%;}
	
.ctr_pr_g3{ 
	width:100%; 
   	height:100%; 
	min-height:800px; 	
 	background-image:url(../img/project3.jpg); 
	background-position:center center; 
	background-attachment:fixed; 
	overflow:hidden; 
	position:relative;}
		 
.ctr_l_area{ 
	width:43%; 
   	float:right; 
	margin:3% 5% 3% 2%; 
	height:auto; 
	color:#FFF; 	
	/*position:absolute;*/}
	

.ctr_t2_l_area{ 
	width:38%; 
   	float:left; 
	margin:3% 2% 3% 5%; 
	height:auto; 
	color:#FFF; 
	text-shadow:1px 1px 1px #000; 
	/*position:absolute;*/}	
	
			 
.ctr_r_area{ 
	width:43%; 
	float:right; 
	margin:3% 5% 3% 2%;  
	height:auto; 
	color:#FFF;  /*text-align:justify; font-size:22px; line-height:27px; text-shadow:1px 1px 3px #000;*/}

.slider_home{ 
	width:43%; 
   	float:left; 
	margin:10% 5% 3% 10%; 
	text-align:
	color:#FFF; }

.ctr_g2{ width:100%; height:auto;}
.ctr2_l_area{ width:73%; float:left; margin:3% 2% 3% 5%;  height:auto; color:#000; line-height:30px;  text-align:justify; font-size:19px;}
.ctr2_r_area{ width:15%; float:left; margin:3% 0% 3% 0%; padding:1%;  height:auto; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.70);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.70);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.70);}
.ctr2_r_area img{ width:100%; height:auto;}

.mar15{ margin-top:15.500000000000004%;}


/*----------------2 page-----------------------*/
.slipage_g2{ width:100%; height:100%; float:left;}
.box1{ width:24%; margin:10px 0.4%; height:683px; float:left; }
.box1_img{ width:95%; height:auto; margin:8px auto;}
.box1_img img{ max-width:100%; display:block;}
.box1_title{ width:95%; height:auto; text-align:center; font-weight:400; font-size:20px; margin:0 auto; padding:8px 0 10px 0;}
.box1_text{ width:95%; height:auto; font-size:15px; padding:0 10px;}

/*----------------3 page-----------------------*/

.scp_bg_g3{ width:100%; height:50%; float:left; margin-top:30px; background-position:center bottom; background-attachment:fixed; background-size:100%;  background-image:url(../img/slider3.jpg); }

.scp_bg_g2{ width:100%; height:50%; float:left; margin-top:30px; background-position:center bottom; background-attachment:fixed; background-size:100%;  background-image:url(../img/slider4.jpg); }



.scp_g1{ width:100%; height:50%; float:left; margin-top:30px; background-image:url(../img/slider2.jpg); background-position:center bottom; background-attachment:fixed}
.scp_l_area{ /* width:66%; */width:90%; float:left; margin:3% 2% 3% 5%; height:auto; color:#FFF; text-align:justify; font-size:19px; line-height:27px; text-shadow:1px 1px 1px #000;}
.scp_r_area{ width:20%; float:left; margin:3% 5% 3% 2%;
               padding:.5%;  height:auto; color:#FFF;  
			   text-align:justify; font-size:22px; 
			   line-height:27px; 
			    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.70);
               -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.70);
               box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.70); }
			   
			   
.scp_r_area img{ max-width:100%; height:auto; display:block;}

.scp_g2{ width:100%; height:50%; float:left; margin-top:0px; background-image:url(../img/5bg.jpg); background-position:center bottom; background-attachment:fixed }
.scp2_l_area{ width:64%; float:left; margin:3% 5% 3% 2%;  height:auto; color:#FFF;  text-align:justify; font-size:19px; line-height:27px; text-shadow:1px 1px 1px #000;}

.scp2_r_area{ width:20%; float:left; margin:3% 2% 3% 5%; 
               padding:.5%;  height:auto; color:#FFF;  
			   text-align:justify; font-size:22px; 
			   line-height:27px; 
			    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.70);
               -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.70);
               box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.70); }

.scp2_r_area img{ max-width:100%; height:auto; display:block;}


.home_twit{  width:100%; height:50%; float:left; margin-top:30px; padding-top:10px; background:#f3f3f3; border-top:1px solid #000; }
.twit_l_area{ width:64%; float:left; margin:3% 5% 3% 2%;  height:auto; color:#FFF; font-size:19px; line-height:27px; text-shadow:1px 1px 1px #000;}

.conta_height{ height:550px;}


/*-----------slider  4 page-------------------*/
.slider4_clr{ width:100%; height:auto;}
.thubwrap{ width:92%; height:auto;float:none; margin:0 auto; }
.text_content{ width:100%; height:auto; padding:5% 5% 0 5%; }
.txt_title{ width:23%; padding:3% 2%; background:#fff; height:auto; border:1px solid #000; font-weight:normal; text-transform:uppercase; font-size:100%; margin:0 1%; text-align:center; float:left}
/*.txt_title:hover{background:#000; color:#fff; text-shadow:none;}*/

.Production-Phase{text-transform:uppercase; padding:2% 0 0 5%; margin-bottom:-75px;}

.ficonmar{ margin-top:-5px;}


/*----------------5 pages-----------------------*/
.scp_g5{ width:100%; height:50%; float:left; }
.scp5_r_clr{ width:100%; height:auto; margin:10px 0;}
.scp5_r_area{ width:13%; float:left; margin:5px 2% 5px 5%;  padding:0.5%; border:1px solid #dedede;}
.scp5_r_area img{ width:100%; height:auto; display:block;}
.scp5_l_area{ width:75%; float:left; margin:5px 0 0 0%; height:auto; color:#333; line-height:30px; text-align:justify; font-size:16px;}
.scp5_l_title{ text-align:left; line-height:22px; color:#333;   font-size:20px;}

/*------------==========project end===============-----------------------*/
.nxtflm{  margin:25px 0; padding:10px 30px;  text-transform:uppercase; border:1px  solid #000; color:#000; border-radius:30px;} 
 .nxtflm:hover{ background:#000; color:#fff;} 
 
 
 /*================press page=========================*/	   
.pres-grid1{ width:22%;margin-left:1.5%;
			 margin-right:1.5%;}
  
  
/*==========================
	FOOTER
=========================*/
  
.ft-nav {
  	width:30.333333333%;
}
   
.ft-social {

	width:30.333333333%;
} 
   
.ft-copy { 
  	width:29.333333333%;
}