/* HTML5 Boilerplate v4.3.0  */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html * {
 	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;}

*, *:after, *:before {
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;}

@font-face {
    font-family: 'gotham_boldregular';
    src: url('../font/gotham-bold-webfont.eot');
    src: url('../font/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/gotham-bold-webfont.woff2') format('woff2'),
         url('../font/gotham-bold-webfont.woff') format('woff'),
         url('../font/gotham-bold-webfont.ttf') format('truetype'),
         url('../font/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
	background:url(../font/gotham-bold-webfont.woff)

}


body {
  	font-size: 100%;
  	font-family: "Roboto", sans-serif ;
  	color: #000;
  	background-color: #000;}

body, html {
  	/* important */
  	height: 100%;}


/* ==========================================================================
   Thhis is for old IE Browser
   ========================================================================== */

.browsehappy {
		margin: 0;
		background:#E3E909;
		color: #000;
		padding: 0.2em 0;
		text-align:center;}
		
/* ==========================================================================
   GRID
   ========================================================================== */


/* ==========================================================================
   MAIN STYLE
   ========================================================================== */
	
h1{	font-size:35px;
	font-weight:300;
	font-family: "Fjalla One",sans-serif;}
		
h2{font-size:40px;
   font-family: "Fjalla One",sans-serif;
	font-weight:100;}
	
h3{font-size:20px;
   font-family: "Fjalla One",sans-serif;
	font-weight:400;}
h4{}
h5{}
h6{}
	
p { /* font-family: "Roboto"; */
	font-size:20px;
	color:#272727;
	font-weight:100;}

.cd-container {
  	width: 90%;
  	/*max-width: 768px;*/
  	margin: 0 auto;}

.cd-container::after {
  	/* clearfix */
  	content: '';
  	display: table;
  	clear: both; }

/* ==========================================================================
  		HOME PAGE
   ========================================================================== */
   
/*===================
	HEADER
===================*/

.cd-header {
	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 120px;
  	background: rgba(255, 255, 255, 0.98);
  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  	z-index: 2;
	border-bottom:solid 2px #000;
	}
	
.cd-header:after {
  	content: "";
  	display: table;
  	clear: both;}
	
.cd-header .cd-logo {
  	float: left;
  	margin: 8px 0 10px 5%;}
	
.cd-header .cd-logo img {
	display: block;}

.cd-main-nav {
	font-family: "Fjalla One",sans-serif;
  	float: right;  	
  	width: 44px;
  	height: 100%;
  	background: url("../img/menu-icon.png") no-repeat center center;
/*  	background-size: 44px 44px;*/
  	cursor: pointer;
	position:relative;
	right:5%;}

.cd-main-nav ul {
  	position: absolute;
  	top: 0;  	
	right:0;	
	z-index:5;
  	width:300px;
  	-webkit-transform: translateY(-100%);
  	-moz-transform: translateY(-100%);
  	-ms-transform: translateY(-100%);
  	-o-transform: translateY(-100%);
  	transform: translateY(-100%);}
	
.cd-main-nav ul.is-visible {
  	-webkit-transform: translateY(120px);
  	-moz-transform: translateY(120px);
  	-ms-transform: translateY(120px);
  	-o-transform: translateY(120px);
  	transform: translateY(120px);}
	
.cd-main-nav a {
  	display: block;
  	height: 50px;
  	line-height: 50px;
  	padding-left: 5%;
  	background: #000;
  	border-top: 1px solid #333;
  	color: #fff;
	}


/*==============
	FOOTER
================*/

.footer {
	background-color:#000;
	padding:20px 0;
	position:relative;
	text-transform:uppercase;
	font-family: "Fjalla One",sans-serif;
	}

/*---	Footer Nav	---*/
	
.ft-nav {
	
	float:left;
   width:100%;
   text-align:center;
   padding-bottom:20px;
   margin-bottom:10px;
   
   }
  
.ft-nav ul{ 
  /* width:235px; */
  width:296px;
  margin: 0 auto;} 
	
.ft-nav ul li{ 
	float:left;
	margin-right:15px;}
	
.ft-nav ul li a{
	font-size:14px;
	font-weight:normal;
	color:#fff;}	
  
/*---	SOCIAL	---*/  
 
.ft-social {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:10px;
	padding-bottom:20px;}
	 
.ft-social ul{	  
	width:85px; 	 
	margin: 0 auto;}
	 
.ft-social ul li{ 
	float:left;
	margin-right:10px;}
	
.ft-social ul li a{
	display:block;
	width:32px;
	height:32px;
	background-image:url(../img/social-ap.png);
	background-repeat:no-repeat;}	

.ft-social ul li a.fb{
	background-position:0 0;}
	
.ft-social ul li a.vimeo{
	background-position:-80px 0;}	
		
.ft-social ul li a.twit{
	background-position:-120px 0;}	
	
.ft-social ul li a.yt{
	background-position:-40px 0;}
 
/*---	COPYRIGHT	---*/ 
	
.ft-copy { 
 text-align:center;
  width:100%;
  margin:0;
  font-size:14px;
  margin-bottom:10px;
  color:#fff;}	
 .ft-copy a {
	color:#de5e60;
 }
  
 /* ==========================================================================
   PROJECT PAGE
   ========================================================================== */	 
  
#wrapper {
				width: 100%;
				height: 520px;
				/*margin: -200px 0 0 0;*/
				overflow: hidden;
				position: relative;
				left: 0;
				/*top: 50%;*/
			}
			#carousel div {
				width: 700px;
				height: 450px;
				margin: 20px 30px;
				float: left;
				position: relative;
			}
			#carousel div.selected {
				box-shadow: 0 0 10px rgba(0,0,0,0.5);
			}
			
			#carousel div img {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
				width:100%;
			}
			#carousel div span {
				background-color: #fff;
				color: #000;
				font-family: "Fjalla One",sans-serif;
				font-size: 18px;
				font-weight: 300;
				line-height: 50px;
				text-align: center;
				display: block;
				width: 100%;
				height: 50px;
				overflow: hidden;
				position: absolute;
				bottom: 0;
				z-index: 8;
			}

			#prev, #next {
				background: center center no-repeat transparent;
				display: block;
				/*width: 30px;
				height: 30px;*/
				margin-top: -30px;
				position: absolute;
				/*top: 50%;*/
				z-index: 1;
				width:22%;
				height:100%;
				/* background-color: rgba(255,255,255,0.1); */
				top: 5%;
			}
			#prev:hover, #next:hover {
				/* background-color: rgba(255,255,255,0.1); */
				border-radius: 5px;
			}
			#prev.disabled, #next.disabled {
				opacity: 0.2;
				cursor: default;
			}
			#prev.disabled:hover, #next.disabled:hover {
				background-color: transparent;
			}
			#prev {
				background-image: url( ../img/prev.png );
				/*background-position:70% 50%;*/
				/*left: 50%;*/
				margin-left: -290px;
				left: 20%;
			}
			#next {
				background-image: url( ../img/next.png );
				/*background-position:30% 50%;*/
				right: 20%;
				margin-right: -290px;
				
			}
			
			
			
			
	/*------------==========project strat===============-----------------------*/
.container { width:100%; height:auto; margin-top:120px;}
  
 .mobi_disp1{ display:block;} 
 .mobi_disp2{ display:none;} 
  
/*----------------1 slide-----------------------*/
.ctr_g1{ width:100%; margin:0; position:relative;/* min-height:400px; background-image:url(../img/project1.jpg); background-position:top; background-attachment:fixed; 
background-position:0 80px; */	
-webkit-background-size: cover;
  -moz-background-size:cover;
  -o-background-size: cover;
  background-size:cover;}
  
.dis-blk{ display: block;} 

.ctr_g1 img{ max-width:100%;}
  
.ctr_pr_g2{ width:100%; margin:0; position:relative;  /*min-height:400px; background-image:url(../img/project2.jpg);  background-position:left bottom; background-attachment:fixed; background-size:cover;*/}

.ctr_pr_g2 img{ max-width:100%;}

.ctr_pr_g3{ width:100%; margin:0; position:relative; /* min-height:400px; background-image:url(../img/project3.jpg);  background-position:center top; background-attachment:fixed; background-size:cover;*/}

.ctr_pr_g3 img{ max-width:100%;}

.ctr_pr_g4{ width:100%; margin:0; position:relative; /* min-height:400px; background-image:url(../img/project4.jpg);  background-position:center top; background-attachment:fixed; min-height:600px; background-size:cover;*/}

.ctr_pr_g4 img{ max-width:100%;}

.ctr_l_area{ width:100%; 
             height:auto;
			 color:#FFF; 
			 /*text-align:justify; */
			 /*font-size:20px; 
			 line-height:25px; 
			 text-shadow:1px 1px 3px #000;*/}

ctr_l_area img{ max-width:100%;}	

.ctr_t2_l_area{ 
	width:90%; 
	 margin:0% 5%;  
	 padding:10px 0;
	 height:auto;
	 color:#FFF; 
	}	
			 
.ctr_r_area{ width:90%;  
              margin:0% 5%;  
			  height:auto; 
			  color:#FFF; 
			  /*text-align:justify; 
			  font-size:19px; */
			  padding:10px 0;
			  /*line-height:27px; 
			  text-shadow:1px 1px 3px #000;*/}


.slider_home{ 
	width:90%; 
   	float:left; 
	margin:10% 5% 5% 5%; 
	height:auto; 
	color:#FFF; }

.ctr_g2{ width:100%; height:auto;}
.ctr2_l_area{ width:90%; float:left;  margin:3% 5%; line-height:30px;  height:auto; color:#000; font-size:19px; font-family: "Fjalla One",sans-serif;}
.ctr2_r_area{ width:90%;  margin:3%; float:left; padding:2%; border:1px solid #dedede; height:auto;}
.ctr2_r_area img{ width:100%; height:auto; display:block;}

/*----------------2 page-----------------------*/
.slipage_g2{ width:100%; height:100%; float:left;}
.box1{ width:93%; margin:10px 3%; height:auto; float:left; border:1px solid #7b7b7b; font-family: "Fjalla One",sans-serif; }
.box2{  border:1px solid #7b7b7b;  font-family: "Fjalla One",sans-serif;}
.box1_img{width:95%; height:auto; margin:8px auto; }
.box1_img img{ max-width:100%; height:auto; display:block;}
.box1_title{ width:95%; height:auto; text-align:center; font-weight:400; font-size:18px; margin:0 auto; padding:8px 0 0 0; }
.box1_text{ width:95%; height:auto; text-align:center;  margin:0 auto; font-weight:100; }



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

.scp_g1{ width:100%; height:50%; float:left; margin-top:30px; background-image:url(../img/slider2.jpg); background-position:center bottom; background-attachment:fixed ; background-size:100%}
.scp_l_area{ width:90%;  margin:10% 5%; height:auto; color:#FFF;  font-size:22px; line-height:27px; text-shadow:1px 1px 3px #000;}
.scp_l_area h2 { 
	font-family: "Fjalla One",sans-serif;
	font-size:40px;
	padding-bottom:30px;
}
.scp_l_area p { 
	font-family: "Fjalla One",sans-serif;
	font-size:20px;
	line-height:50px;
}
.scp_r_area{ width:86%;  margin:3% 5% ;
               padding:2%;  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:90%; margin:4% 5%;  height:auto; color:#FFF;  text-align:justify; font-size:22px; line-height:27px; text-shadow:1px 1px 3px #000;}
.scp2_r_area{ width:86%; margin:3% 5%;
               padding:2%;  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;}



/*---------slider 4 page------------------*/
.thubwrap{ width:90%; height:auto;float:left; margin:0 5%;}
.text_content{ width:100%; font-size:20px; height:auto; padding:5% 5% 0px 5%; font-weight:300; font-family: "Fjalla One",sans-serif;}
.txt_title{ width:92%; padding:3% 2%; background:#fff; border:1px solid #000; height:auto; font-weight:normal;  color:#333; text-transform:uppercase; font-size:100%; margin:10px 2%; text-align:center; float:left; font-family: "Fjalla One",sans-serif;}
/*.txt_title:hover{background:#000; color:#fff; text-shadow:none;}*/
.active .txt_title{background:#000; color:#fff; text-shadow:none;}

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

/*----------------5 page-----------------------*/
.scp_g5{width:100%; height:50%; float:left; }
.scp5_r_clr{ width:100%; height:auto;}
.scp5_r_area{ width:88%; margin:4% 5%;  height:auto; padding:1%; border:1px solid #dedede;}
.scp5_r_area img{ width:100%; height:auto; display:block;}
.scp5_l_area{ width:90%; margin:2% 5%; height:auto; color:#333; line-height:30px; font-size:16px; font-family: "Fjalla One",sans-serif; }
.scp5_l_title{ text-align:center; line-height:22px; color:#333;  font-size:20px;}
	
.mar-top{ margin-top:-2px;}
	
.fnt-txt{ font-size:20px;}	
	
	/*------------==========project end===============-----------------------*/		
 
 .nf_btn_mid{margin:0 auto; width:146px;} 
 .nxtflm{  margin:25px 0; padding:20px 30px;  text-transform:uppercase; border:1px  solid #000; color:#000; font-family: "Fjalla One",sans-serif;} 

  
   @media only screen 
and (min-width : 200px) and (max-width : 768px) { 
#prev {
				
				margin-left: 0px;
				left: 0;
			}
			#next {
				
				right: 0;
				margin-right: 0;
				
			}
 }
}
  
  
  
	
/* ==========================================================================
   ABOUT PAGE
   ========================================================================== */	
.about-left	{
	float:left;
	display:block;
	width:100%;
	margin-right:0%;
	margin-bottom:20px;
	}
.about-left p {
	
	line-height:35px;
	font-size:20px;
	}	
.about-right {
	float:left;
	display:block;
	width:100%;
	margin-bottom:50px;}
	

	
/* ==========================================================================
   Contact PAGE
   ========================================================================== */	
.contact-left	{
	font-family: "Fjalla One",sans-serif;
	float:left;
	display:block;
	width:100%;
	margin-right:0%;
	margin-bottom:20px;
	line-height:25px;
	}
.contact-left h1 {
	font-size:50px;
	padding-bottom:25px;
}
.contact-left h3 {
	font-size:25px;
	padding-bottom:8px;
}	
.contact-right {
	float:left;
	display:block;
	width:100%;
	margin-bottom:50px;
	}	
	
	
/* ==========================================================================
   Helper classes
   ========================================================================== */
	.clearfix:before,.clearfix:after {content:" "; display:table;}
	.clearfix:after {clear:both;}
	.clearfix {*zoom: 1;}		
	.clear{ clear:both; height:1px;}
	.relative{ position:relative;}
	
	.italic { font-style:italic;}
	
	.fant-caps{ text-transform:uppercase;}
	
	/* ALIGNMENT */
	.align_j{text-align:justify;}
	.align_l{text-align:left;}
	.align_r{text-align:right;}
	.align_c{text-align:center;}
	
	.float_l{ float:left;}
	.float_r{ float:right;}	
	
	
.blk_shadow{text-shadow:1px 1px 1px #000; }
.white_shadow{text-shadow:1px 1px 1px #fff; }
	
	
	/* Display */
	.display_block{ display:block;}
	.display_none{ display:none;}
	
	/* COLORS */	
	.black-text { color:#000;}
	.white-text { color:#fff;}
	.black-bg { background-color:#000;}
	.white-bg { background-color:#fff;}	
	
	.press-bg-option {width:100%; 
					background-image:url(../img/press-bg.jpg);  
					overflow:hidden; 
					position:relative;
					-webkit-background-size: 100%;
				  -moz-background-size:100%;
				  -o-background-size: 100%;
				  background-size:100%;
				  }	
	
	.white-bg_abt {width:100%; 
					min-height:556px; 	 	
					background-image:url(../img/about_img.jpg);  
					overflow:hidden; 
					position:relative;
					-webkit-background-size: 100%;
				  -moz-background-size:100%;
				  -o-background-size: 100%;
				  background-size:100%;
				  
				  font-family: "Fjalla One",sans-serif;
				  }	
	
	/* Font Size */
	.fs9{ font-size:9px}
	.fs10{ font-size:10px}
	.fs11{ font-size:11px}
	.fs12{ font-size:12px}
	.fs13{ font-size:13px}
	.fs14{ font-size:14px}
	.fs15{ font-size:15px;}		
	.fs16{ font-size:16px}
	.fs17{ font-size:17px}
	.fs18{ font-size:18px}
	.fs19{ font-size:19px}
	.fs20{ font-size:20px}
	
	/* MARGINS */	
	.mar_5   {margin:5px;}
	.mar_10  {margin:10px;}	
	.mar_t5  {margin-top:5px;}	
	.mar_t10 {margin-top:10px;}
	.mar_t15 {margin-top:15px;}
	.mar_t20 {margin-top:20px;}	
	.mar_t25 {margin-top:25px;}	
	.mar_t30 {margin-top:30px;}	
	.mar_t40 {margin-top:40px;}
	.mar_t120 {margin-top:120px;}
			
	.mar_r0  {margin-right:0 !important;}		
	.mar_r5	 {margin-right:5px;}
	.mar_r10 {margin-right:10px;}
	.mar_r15 {margin-right:15px;}
	.mar_r20 {margin-right:20px;}	
	.mar_r30 {margin-right:30px;}
		
	.mar_b0  {margin-bottom:0 !important;}
	.mar_b5  {margin-bottom:5px;}
	.mar_b10 {margin-bottom:10px;}	
	.mar_b15 {margin-bottom:15px;}
	.mar_b20 {margin-bottom:20px;}
	.mar_b25 {margin-bottom:25px;}
	.mar_b30 {margin-bottom:30px;}
	
	/* PADDING */	
	.pad_5{ padding:5px;}
	.pad_10{ padding:10px;}
	
	.pad_t120 { padding-top:120px;}	
	.pad_t10{ padding-top:10px;}	
	.pad_b10 { padding-bottom:10px;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
	background:transparent !important;
	color:#000 !important;
	box-shadow:none !important;
	text-shadow:none !important;}

	a,a:visited {text-decoration:underline;}
	
	a[href]:after {content:" (" attr(href) ")";}
	
	abbr[title]:after {content:" (" attr(title) ")";}
	
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	
	pre,blockquote { border:1px solid #999; page-break-inside:avoid;}
	
	thead {display:table-header-group;}
	
	tr,img {page-break-inside:avoid;}
	
	img {max-width:100% !important;}
	
	@page {margin:0.5cm;}
	
	p,h2,h3 {orphans:3; widows:3;}
	
	h2,h3 {page-break-after: avoid;}
}

.borderTop {	border-top:solid 1px #000;}
.borderBottom {	border-bottom:solid 2px #000;}

.btn {
	bottom:20px;
	position:absolute;
	left:38.99166666666666%;
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 35px;
    font-size: 40px;
	margin:0 auto;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	position:fixed;
	bottom:20px;
	z-index:1000;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}
.logline {
	/*background:url(../img/logline.jpg) center center;*/
	padding:10% 5%;
	color:#fff;
	font-family: "Fjalla One",sans-serif;
	font-size:20px;
	line-height:35px;
	position:relative;
}
.logline h2 {
	font-size:40px;
	padding-bottom:30px;
}
.alignC {
	text-align:center;
}

/* ====== Show Hide ====== */
.DP-pre-prodn, .DP-prodn {
	background:none;
    width: 100%;
}

/*---------------------------*/
.SH-no-select{
    font-size: 100%;
    font-weight: bold;
    height: 100px;
	line-height:100px;
    text-align: center;
    text-transform: uppercase;
    width: 48%;
	float: left;
	color:#fff; text-shadow:1px 1px 1px #000;
	margin:5px 1%;
	border: 1px solid #000;
	overflow:hidden;
}


.Sh-opticy{opacity:0.5;}

.hidden-text{ visibility:hidden;}

.SH-no-select1{
	background-image:url(../img/pro1.jpg);

}

.SH-no-select2 {
	background-image:url(../img/pro2.jpg);
}

.SH-no-select3 {
	background-image:url(../img/pro3.jpg);
}

.SH-no-select4 {
	background-image:url(../img/pro4.jpg);
}

/*--------------------------------------*/

.SH-normal{
    font-size: 100%;
    font-weight: bold;
    height: 100px;
	line-height:100px;
    text-align: center;
    text-transform: uppercase;
    width: 48%;
	float: left;
	margin:5px 1%;
	border: 1px solid #000;
	background-color: rgba(255, 255, 255, 0.5);
	overflow:hidden;
}



.SH-selected{
	background:rgba(255,255,255,0);
	color:#fff;
	font-size: 100%;
    font-weight: bold;
    height: 100px;
	line-height:100px;
    text-align: center;
	text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    width:48%;
	margin:5px 1%;
	float: left;
	border: 1px solid #000;
	overflow:hidden;
}
.SH-selected .DP-pre-prodn  {
	background-image:url(../img/pro1.jpg);
}

.SH-selected .DP-pre-prodn2 {
	background-image:url(../img/pro2.jpg);
}

.SH-selected .DP-pre-prodn3 {
	background-image:url(../img/pro3.jpg);
}

.SH-selected .DP-pre-prodn4 {
	background-image:url(../img/pro4.jpg);
}


.SH-normal .DP-pre-prodn {
	background-image:url(../img/pro1.jpg);
	opacity:0.5;
}

.SH-normal .DP-pre-prodn2 {
	background-image:url(../img/pro2.jpg);
	opacity:0.5;
}

.SH-normal .DP-pre-prodn3 {
	background-image:url(../img/pro3.jpg);
	opacity:0.5;
}

.SH-normal .DP-pre-prodn4 {
	background-image:url(../img/pro4.jpg);
	opacity:0.5;
}






/* ========================== */

/*====================gallery========================*/

.black-light-bg { background-color:#43423f;}

/*================press page=========================*/
.pres-cont-bg{ width:90%;
               margin:0 auto;
               padding-top:35px;
			   padding-bottom:25px;
               height:auto;}
			   
.pres-grid1{ width:97%;
             height:auto;
			 margin-bottom:15px;
			 margin-left:1.5%;
			 margin-right:1.5%;
			 float:left;
			 background:#f2f2f2;
			 border:1px solid #979797;}
			 
.pres-log-img{ width:95%;
              margin:2.5% auto;
			  display:block; 
			 }		
			  
.pres-log-img img{ max-width:100%;}
	
.pres-title-box{ width:92%;
              margin:15px auto;
			  font-size:20px;
			  color:#000;
			  text-align:center;
			  font-family: "Fjalla One",sans-serif;
              height:55px;	}
			  
			  
.pres-read-more{ width:115px;
                 background:#000;
				 color:#fff;
				 float:right;
				 margin-right:7px;
				 text-align:center;
				 margin-bottom:10px;
				 line-height:35px;
				 font-family: "Fjalla One",sans-serif;
                 height:35px;}	
				 
.pres-date-more{ width:95px;
				 color:#000;
				 float:left;
				 font-size:20px;
				 text-align:center;
				 margin-bottom:10px;
				 line-height:35px;
				 font-family: "Fjalla One",sans-serif;
                 height:35px;}				 
				 
.pres-read-more:hover{ background:#e74c3c;}