@charset "utf-8";
/* CSS Document */
/* Curious OnePage HTML Parallax Portfolio Template for agency, studio, personal use and for everyone*/

/* Curious OnePage HTML Parallax Portfolio Template*/
/* Stylesheet codes included for pages */
/* index_image.html */
/* index_video.html */
/* All codes rights reserved by Curious OnePage Portfolio Template */ 

/************************************************************************************** Body *************************************************************************************/
body{
	margin:0px;
	overflow-x:hidden;
}
/************************************************************************************** Body *************************************************************************************/

/************************************************************************************ Loader *************************************************************************************/
#loader{
  width:100vw;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  z-index:15;
  background:rgba(255,255,255,1);
  overflow: hidden;
}
#loader > .loading{
  width:100px;
  height:100px;
  position:relative;
  border-radius:50%;
  overflow:hidden;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
#loader > .loading:before{
  content:'';
  width:100px;
  height:100px;
  background:black;
  position:absolute;
  border-radius:50%;
  animation:sc 2s linear infinite;
}
#loader > .loading:after{
  content:'';
  width:100px;
  height:100px;
  background:orange;
  position:absolute;
  border-radius:50%;
  animation:sc 2s linear infinite 0.5s;
  opacity:0;
}
@keyframes sc{
  from{
    transform:scale(0);
    opacity:1;
  }
  to{
    transform:scale(1);
    opacity:0;
  }
}
/************************************************************************************ Loader *************************************************************************************/
/************************************************************************************ Header *************************************************************************************/
#header{
  width:100vw;
  height:90px;
  overflow:hidden;
  position:fixed;
  top:0;
  left:0;
  z-index:9;
  background:transparent;
}
#header > .wrapper{
	width:90%;
	height:100%;
	margin:auto;
}
#header > .wrapper > .logo{
	width:16%;
	overflow:hidden;
	float:left;
}
#header > .wrapper > .logo > a{
	text-decoration:none;
}
#header > .wrapper > .logo > a > img{
	width:100%;
	min-height:100%;
	position:relative;
	top:8px;
	left:-30px;
}
#header > .wrapper > .menu{
	width:60%;
	height:100%;
	float:right;
	overflow:hidden;
}
#header > .wrapper > .menu > ul{
	width:100%;
	height:100%;
	padding:25px 0px;
}
#header > .wrapper > .menu > ul > li{
	list-style-type:none;
	padding:0px 19px;
	display:inline-block;
}
#header > .wrapper > .menu > ul > li > a{
	font-family:"Raleway",sans-serif;
	font-size:15px;
	color:rgba(255,255,255,1);
	text-decoration:none;
	font-weight:600;
	letter-spacing:1px;
	text-transform: capitalize;
}
#header > .wrapper > .menu > ul > li > a > i{
	color:rgba(255,255,25,1);
}
#header > .wrapper > .menu > ul > li > a.actv{
	color:rgba(255,255,25,1);
}
/************************************************************************************ Header *************************************************************************************/

/******************************************************************************** Mobile Header **********************************************************************************/

#mobilemenu{
	width:100vw;
	height:80px;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	background:transparent;
	z-index:9;
	display:none;
}
#mobilemenu > .mlogo{
	width:15%;
	height:100%;
	display:inline-block;
	overflow:hidden;
}
#mobilemenu > .mlogo > img{
	width:100%;
	min-height:100%;
}
#mobilemenu > .burgermenu{
	width:auto;
	height:100%;
	padding:10px;
	position:absolute;
	overflow:hidden;
	right:30px;
	top:10px;
}
#mobilemenu > .burgermenu > span{
	width:35px;
	height:2px;
	display:block;
	margin:10px 0px;
	background:rgba(250,250,250,0.95);
}
#mobilemenu > .menu_links{
	width:100vw;
	height:100vh;
	position:fixed;
	top:-100vh;
	left:0;
	background:rgba(250,250,250,0.99);	
	text-align:center;
	transition:0.4s linear;
	overflow:hidden;
	z-index:10;
}
#mobilemenu > .menu_links > span{
	position:absolute;
	right:30px;
	top:20px;
	font-family:"Lato",sans-serif;
	color:rgba(16,16,16,1);
}
#mobilemenu > .menu_links > ul{
	margin:0px;
	width:100%;
	height:100%;
	padding:calc(100vh - 90vh) 0px;
}
#mobilemenu > .menu_links > ul > li{
	list-style-type:none;
	display:block;
	padding-top:calc(100vh - 95vh);
	font-family:"Raleway",sans-serif;
	font-size:18px;
	color:rgba(16,16,16,1);
	opacity:0;
	transition:opacity 2s ease;
}
/******************************************************************************** Mobile Header **********************************************************************************/

/************************************************************************************ Home ***************************************************************************************/
#home{
	width:100vw;
	height:100vh;
	overflow:hidden;
	position:relative;
	background:rgba(16,16,16,1);
}
#home > img{
	width:100%;
	min-height:100%;
	opacity:0.4;
}
#home > .intro{
	width:60%;
	height:auto;
	position:absolute;
	top:calc(100vh - 70%); /* Top 30% */
	left:calc(100% - 90%); /* Left 10% */
	z-index:6;
}
#home > .intro > h1{
	margin:0px;
	font-family:"Lato",sans-serif;
	font-size:72px;
	color:rgba(245,245,245,1);
	line-height:88px;
}
#home > .intro > h1:nth-child(2){
	margin-bottom:30px;
}
#home > .intro > a{
	text-decoration:none;
	display:inline-block;
}
#home > .intro > a > .readmore{
	display:inline-block;
	width:145px;
	height:53px;
	vertical-align:top;
	margin-left:5px;
	background:rgba(17,138,178,0.6);
	transition:0.5s ease;
}
#home > .intro > a > .readmore:hover{
	background:rgba(17,138,178,0.8);
}
#home > .intro > a > .readmore > span{
	display:block;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	color:rgba(245,245,245,1);
	text-align:center;
	line-height:55px;
}
#home > .intro > a > .buynow{
	display:inline-block;
	width:145px;
	height:53px;
	margin-left:30px;
	background:rgba(255,22,84,0.6);
	vertical-align:top;
	transition:0.5s ease;
}
#home > .intro > a > .buynow:hover{
	background:rgba(255,22,84,0.8);
}
#home > .intro > a > .buynow > span{
	display:block;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	color:rgba(245,245,245,1);
	text-align:center;
	line-height:55px;
}
/************************************************************************************ Home ***************************************************************************************/

/**************************************************************************** Home - Video Background ****************************************************************************/
#homevideo{
	width:100vw;
	height:100vh;
	overflow:hidden;
	position:relative;
	background:rgba(16,16,16,1);
}
#homevideo > video{
	width:100%;
	min-height:100%;
	opacity:0.25;
}
#homevideo > .videointro{
	width:60%;
	height:auto;
	position:absolute;
	top:calc(100vh - 70%); /* Top 30% */
	left:calc(100% - 90%); /* Left 10% */
	z-index:6;
}
#homevideo > .videointro > h1{
	margin:0px;
	font-family:"Lato",sans-serif;
	font-size:72px;
	color:rgba(245,245,245,1);
	line-height:88px;
}
#homevideo > .videointro > h1:nth-child(2){
	margin-bottom:30px;
}
#homevideo > .videointro > a{
	text-decoration:none;
	display:inline-block;
}
#homevideo > .videointro > a > .readmore{
	display:inline-block;
	width:145px;
	height:53px;
	vertical-align:top;
	margin-left:5px;
	background:rgba(17,138,178,0.6);
	transition:0.5s ease;
}
#homevideo > .videointro > a > .readmore:hover{
	background:rgba(17,138,178,0.8);
}
#homevideo > .videointro > a > .readmore > span{
	display:block;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	color:rgba(245,245,245,1);
	text-align:center;
	line-height:55px;
}

#homevideo > .videointro > a > .buynow{
	display:inline-block;
	width:145px;
	height:53px;
	margin-left:30px;
	background:rgba(255,22,84,0.6);
	vertical-align:top;
	transition:0.5s ease;
}
#homevideo > .videointro > a > .buynow:hover{
	background:rgba(255,22,84,0.8);
}
#homevideo > .videointro > a > .buynow > span{
	display:block;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	color:rgba(245,245,245,1);
	text-align:center;
	line-height:55px;
}
/**************************************************************************** Home - Video Background ****************************************************************************/

/************************************************************************************ About **************************************************************************************/
#about{
	width:100vw;
	height:auto;
	overflow:hidden;
	background:rgba(250,250,250,1);
	padding:100px 0px 100px 0px;
}
#about > .about_heading{
	width:90%;
	height:auto;
	margin:auto;
	overflow:hidden;
	margin-bottom:40px;
}
#about > .about_heading > h1{
	font-family:"Lato",sans-serif;
	color:rgba(23,23,23,1);
	margin:0px;
	font-size:46px;
	padding-right:80px;
}
#about > .about_heading > h1:nth-of-type(1){
	margin-bottom:16px;
}
#about > .about_heading > h2{
	font-family: "Lato",sans-serif;
	color: rgba(51,51,51,1);
	margin: 0px;
	font-size: 24px;
	padding-right: 80px;
	line-height: 56px;
}
#about > .about_heading > h1 > span{
	width:10px;
	height:10px;
	background:rgba(247,23,53,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
#about > .whatwedo{
	width:90%;
	height:auto;
	margin:auto;
	overflow:hidden;
	font-size:0;
}
#about > .whatwedo > .w1{
	width:31%;
	height:auto;
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	opacity:0;
	transition:opacity 0.6s ease;
}
#about > .whatwedo > .w1 > h1{
	margin:16px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	font-size:32px;
	color:rgba(23,23,23,1);
}
#about > .whatwedo > .w1 > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	color:rgba(51,51,51,0.8);
	line-height:24px;
}
#about > .whatwedo > .w2{
	width:31%;
	height:auto;
	display:inline-block;
	overflow:hidden;
	margin-left:3.5%;
	vertical-align:top;
	opacity:0;
	transition:opacity 0.6s ease 0.6s;
}
#about > .whatwedo > .w2 > h1{
	margin:16px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	font-size:32px;
	color:rgba(23,23,23,1);
}
#about > .whatwedo > .w2 > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	color:rgba(51,51,51,0.8);
	line-height:24px;
}
#about > .whatwedo > .w3{
	width:31%;
	height:auto;
	display:inline-block;
	overflow:hidden;
	margin-left:3.5%;
	vertical-align:top;
	opacity:0;
	transition:opacity 0.6s ease 1.2s;
}
#about > .whatwedo > .w3 > h1{
	margin:16px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	font-size:32px;
	color:rgba(23,23,23,1);
}
#about > .whatwedo > .w3 > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	color:rgba(51,51,51,0.8);
	line-height:24px;
}
/************************************************************************************ About **************************************************************************************/

/************************************************************************************* Founded ***********************************************************************************/
#founded{
	width:100vw;
	height:480px;
	background:rgba(16,16,16,1);
	overflow:hidden;
	font-size:0px;
}
#founded > .founded_image{
	width:40%;
	height:100%;
	background: url(../images/home_background/2.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}
#founded > .founded_intro{
	width:60%;
	height:100%;
	overflow:hidden;
	padding:103px 0px;
	display:inline-block;
	vertical-align:top;
}
#founded > .founded_intro:hover > p{
	color:rgba(215,215,215,1);
}
#founded > .founded_intro > h1{
	margin:0px 0px 24px 0px;
	color:rgba(250,250,250,1);
	font-family:"Lato",sans-serif;
	font-size:32px;
	padding:0px 80px;
}
#founded > .founded_intro > p{
	margin:0px;
	color:rgba(165,165,165,1);
	font-family: 'Merriweather', serif;
	font-size:14px;
	padding:0px 80px 0px 80px;
	line-height:24px;
	transition:color 0.6s ease-out;
}
#founded > .founded_intro > p:nth-child(2){
	margin-bottom:16px;
}
#founded > .founded_intro > h1 > span{
	width:6px;
	height:6px;
	background:rgba(255,235,59,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
/************************************************************************************* Founded ***********************************************************************************/

/**************************************************************************************** Team ***********************************************************************************/
#team{
	width:100vw;
	height:auto;
	overflow:hidden;
	background:rgba(250,250,250,1);
	padding:80px 0px 80px 0px;
}
#team > .teamcnt{
	width:90%;
	height:auto;
	margin:auto;
	overflow:hidden;
	font-size:0;
}
#team > .teamcnt > .team_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:64px;
}
#team > .teamcnt > .team_heading > h1{
	margin:0px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	font-size:32px;
	color:rgba(23,23,23,1);
	padding-top:20px;
}
#team > .teamcnt > .team_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	color:rgba(51,51,51,0.8);
	line-height:32px;
	width:55%;
}
#team > .teamcnt > .team_heading > h1 > span{
	width:6px;
	height:6px;
	background:rgba(247,23,53,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
#team > .teamcnt > .m1{
	width:23%;
	height:300px;
	overflow:hidden;
	display:inline-block;
	margin-left:0;
	margin-bottom:40px;
	vertical-align:top;
	position:relative;
}
#team > .teamcnt > .m1 > img{
	width:100%;
	min-height:100%;
}
#team > .teamcnt > .m1 > .m1cnt{
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(16,16,16,0.6);
	opacity:0;
	transition:opacity 0.6s ease;
}
#team > .teamcnt > .m1:hover > .m1cnt{
	opacity:1;
}	
#team > .teamcnt > .m1 > .m1cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:120px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#team > .teamcnt > .m1:hover > .m1cnt > h1{
	opacity:1;
	padding-top:130px;
}	
#team > .teamcnt > .m1 > .m1cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#team > .teamcnt > .m1:hover > .m1cnt > p{
	opacity:1;
}	
#team > .teamcnt > .m2{
	width:23%;
	height:300px;
	overflow:hidden;
	display:inline-block;
	margin-left:2%;
	margin-bottom:40px;
	vertical-align:top;
	position:relative;
}
#team > .teamcnt > .m2 > img{
	width:100%;
	min-height:100%;
}
#team > .teamcnt > .m2 > .m2cnt{
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(16,16,16,0.6);
	opacity:0;
	transition:opacity 0.6s ease;
}
#team > .teamcnt > .m2:hover > .m2cnt{
	opacity:1;
}	
#team > .teamcnt > .m2 > .m2cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:120px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#team > .teamcnt > .m2:hover > .m2cnt > h1{
	opacity:1;
	padding-top:130px;
}	
#team > .teamcnt > .m2 > .m2cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#team > .teamcnt > .m2:hover > .m2cnt > p{
	opacity:1;
}	
#team > .teamcnt > .m3{
	width:23%;
	height:300px;
	overflow:hidden;
	display:inline-block;
	margin-left:2%;
	background:pink;
	vertical-align:top;
	position:relative;
}
#team > .teamcnt > .m3 > img{
	width:100%;
	min-height:100%;
}
#team > .teamcnt > .m3 > .m3cnt{
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(16,16,16,0.6);
	opacity:0;
	transition:opacity 0.6s ease;
}
#team > .teamcnt > .m3:hover > .m3cnt{
	opacity:1;
}	
#team > .teamcnt > .m3 > .m3cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:120px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#team > .teamcnt > .m3:hover > .m3cnt > h1{
	opacity:1;
	padding-top:130px;
}	
#team > .teamcnt > .m3 > .m3cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#team > .teamcnt > .m3:hover > .m3cnt > p{
	opacity:1;
}	
#team > .teamcnt > .m4{
	width:23%;

	height:300px;
	overflow:hidden;
	display:inline-block;
	margin-left:2%;
	vertical-align:top;
	position:relative;
}
#team > .teamcnt > .m4 > img{
	width:100%;
	min-height:100%;
}
#team > .teamcnt > .m4 > .m4cnt{
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(16,16,16,0.6);
	opacity:0;
	transition:opacity 0.6s ease;
}
#team > .teamcnt > .m4:hover > .m4cnt{
	opacity:1;
}	
#team > .teamcnt > .m4 > .m4cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:120px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#team > .teamcnt > .m4:hover > .m4cnt > h1{
	opacity:1;
	padding-top:130px;
}	
#team > .teamcnt > .m4 > .m4cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#team > .teamcnt > .m4:hover > .m4cnt > p{
	opacity:1;
}	
#team > .teamcnt > .m5{
	width:23%;
	height:300px;
	overflow:hidden;
	display:inline-block;
	margin-left:0;
	vertical-align:top;
	position:relative;
}
#team > .teamcnt > .m5 > img{
	width:100%;
	min-height:100%;
}
#team > .teamcnt > .m5 > .m5cnt{
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(16,16,16,0.6);
	opacity:0;
	transition:opacity 0.6s ease;
}
#team > .teamcnt > .m5:hover > .m5cnt{
	opacity:1;
}	
#team > .teamcnt > .m5 > .m5cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:120px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#team > .teamcnt > .m5:hover > .m5cnt > h1{
	opacity:1;
	padding-top:130px;
}	
#team > .teamcnt > .m5 > .m5cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#team > .teamcnt > .m5:hover > .m5cnt > p{
	opacity:1;
}	
#team > .teamcnt > .m6{
	width:23%;
	height:300px;
	overflow:hidden;
	display:inline-block;
	margin-left:2%;
	vertical-align:top;
	position:relative;
}
#team > .teamcnt > .m6 > img{
	width:100%;
	min-height:100%;
}
#team > .teamcnt > .m6 > .m6cnt{
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(16,16,16,0.6);
	opacity:0;
	transition:opacity 0.6s ease;
}
#team > .teamcnt > .m6:hover > .m6cnt{
	opacity:1;
}	
#team > .teamcnt > .m6 > .m6cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:120px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#team > .teamcnt > .m6:hover > .m6cnt > h1{
	opacity:1;
	padding-top:130px;
}	
#team > .teamcnt > .m6 > .m6cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#team > .teamcnt > .m6:hover > .m6cnt > p{
	opacity:1;
}	
#team > .teamcnt > .m7{
	width:23%;
	height:300px;
	overflow:hidden;
	display:inline-block;
	margin-left:2%;
	background:pink;
	vertical-align:top;
	position:relative;
}
#team > .teamcnt > .m7 > img{
	width:100%;
	min-height:100%;
}
#team > .teamcnt > .m7 > .m7cnt{
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(16,16,16,0.6);
	opacity:0;
	transition:opacity 0.6s ease;
}
#team > .teamcnt > .m7:hover > .m7cnt{
	opacity:1;
}	
#team > .teamcnt > .m7 > .m7cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:120px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#team > .teamcnt > .m7:hover > .m7cnt > h1{
	opacity:1;
	padding-top:130px;
}	
#team > .teamcnt > .m7 > .m7cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#team > .teamcnt > .m7:hover > .m7cnt > p{
	opacity:1;
}	
/**************************************************************************************** Team ***********************************************************************************/

/************************************************************************************* Service ***********************************************************************************/
#service{
	width:100vw;
	height:auto;
	overflow:hidden;
	background:rgba(245,245,245,1);
	padding:80px 0px 80px 0px;
}
#service > .servcnt{
	width:90%;
	height:auto;
	margin:auto;
	overflow:hidden;
	font-size:0;
}
#service > .servcnt > .service_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-bottom:64px;
}
#service > .servcnt > .service_heading > h1{
	margin:0px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	font-size:32px;
	color:rgba(23,23,23,1);
	padding-top:20px;
}
#service > .servcnt > .service_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	color:rgba(51,51,51,0.8);
	line-height:32px;
	width:55%;
}
#service > .servcnt > .service_heading > h1 > span{
	width:6px;
	height:6px;
	background:rgba(247,23,53,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
#service > .servcnt > .s1{
	width:31%;
	height:250px;
	display:inline-block;
	margin-bottom:40px;
	vertical-align:top;
	overflow:hidden;
	opacity:0;
	transition:0.6s ease-out;
}
#service > .servcnt > .s1 > i.fa{
	font-size:32px;
	color:rgba(23,23,23,1);
	padding:0px 10px;
}
#service > .servcnt > .s1 > h3{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(23,23,23,1);
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s1 > p{
	font-family: 'Merriweather', serif;
	font-size:15px;
	color:rgba(51,51,51,0.8);
	margin:0px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s2{
	width:31%;
	height:250px;
	display:inline-block;
	margin-left:3%;
	margin-bottom:40px;
	vertical-align:top;
	overflow:hidden;
	opacity:0;
	transition:0.6s ease-out 0.6s;
}
#service > .servcnt > .s2 > i.fa{
	font-size:32px;
	color:rgba(23,23,23,1);
	padding:0px 10px;
}
#service > .servcnt > .s2 > h3{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(23,23,23,1);
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s2 > p{
	font-family: 'Merriweather', serif;
	font-size:15px;
	color:rgba(51,51,51,0.8);
	margin:0px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s3{
	width:31%;
	height:250px;
	display:inline-block;
	margin-left:3%;
	margin-bottom:40px;
	vertical-align:top;
	overflow:hidden;
	opacity:0;
	transition:0.6s ease-out 1.2s;
}
#service > .servcnt > .s3 > i.fa{
	font-size:32px;
	color:rgba(23,23,23,1);
	padding:0px 10px;
}
#service > .servcnt > .s3 > h3{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(23,23,23,1);
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s3 > p{
	font-family: 'Merriweather', serif;
	font-size:15px;
	color:rgba(51,51,51,0.8);
	margin:0px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s4{
	width:31%;
	height:250px;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	opacity:0;
	transition:0.6s ease-out 1.8s;
}
#service > .servcnt > .s4 > i.fa{
	font-size:32px;
	color:rgba(23,23,23,1);
	padding:0px 10px;
}
#service > .servcnt > .s4 > h3{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(23,23,23,1);
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s4 > p{
	font-family: 'Merriweather', serif;
	font-size:15px;
	color:rgba(51,51,51,0.8);
	margin:0px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s5{
	width:31%;
	height:250px;
	display:inline-block;
	margin-left:3%;
	vertical-align:top;
	overflow:hidden;
	opacity:0;
	transition:0.6s ease-out 2.4s;
}
#service > .servcnt > .s5 > i.fa{
	font-size:32px;
	color:rgba(23,23,23,1);
	padding:0px 10px;
}
#service > .servcnt > .s5 > h3{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(23,23,23,1);
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s5 > p{
	font-family: 'Merriweather', serif;
	font-size:15px;
	color:rgba(51,51,51,0.8);
	margin:0px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
#service > .servcnt > .s6{
	width:31%;
	height:250px;
	display:inline-block;
	margin-left:3%;
	vertical-align:top;
	overflow:hidden;
	opacity:0;
	transition:0.6s ease-out 3s;
}
#service > .servcnt > .s6 > i.fa{
	font-size:32px;
	color:rgba(23,23,23,1);
	padding:0px 10px;
}
#service > .servcnt > .s6 > h3{
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(23,23,23,1);
	margin:16px 0px;
	padding:0px 10px;
}
#service > .servcnt > .s6 > p{
	font-family: 'Merriweather', serif;
	font-size:15px;
	color:rgba(51,51,51,0.8);
	margin:0px;
	padding:0px 10px 0px 10px;
	line-height:24px;
}
/************************************************************************************* Service ***********************************************************************************/

/*************************************************************************************** Award ***********************************************************************************/
#awards{
	width:100vw;
	height:330px;
	background:url(../images/home_background/3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:relative;
	overflow:hidden;
}
#awards:before{
	content:"";
	width:100vw;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(16,16,16,0.55);
	z-index:1;
}
#awards > .awcnt{
	width:90%;
	height:100%;
	position:relative;
	margin:auto;
	z-index:4;
	font-size:0;
}
#awards > .awcnt > .a1{
	width:33%;
	height:100%;
	display:inline-block;
	vertical-align:top;
}
#awards > .awcnt > .a1 > .fa{
	font-size:64px;
	display:block;
	text-align:center;
	color:rgba(250,250,250,1);
	padding-top:80px;
}
#awards > .awcnt > .a1 > p{
	font-size:40px;
	display:block;
	text-align:center;
	color:rgba(245,245,245,1);
	font-family:"Lato",sans-serif;
	margin:24px 0px;
}
#awards > .awcnt > .a1 > h1{
	font-size:24px;
	display:block;
	text-align:center;
	color:rgba(245,245,245,1);
	font-family:"Lato",sans-serif;
	margin:0px;
}
#awards > .awcnt > .a2{
	width:33%;
	height:100%;
	display:inline-block;
	vertical-align:top;
}
#awards > .awcnt > .a2 > .fa{
	font-size:64px;
	display:block;
	text-align:center;
	color:rgba(250,250,250,1);
	padding-top:80px;
}
#awards > .awcnt > .a2 > p{
	font-size:40px;
	display:block;
	text-align:center;
	color:rgba(245,245,245,1);
	font-family:"Lato",sans-serif;
	margin:24px 0px;
}
#awards > .awcnt > .a2 > h1{
	font-size:24px;
	display:block;
	text-align:center;
	color:rgba(245,245,245,1);
	font-family:"Lato",sans-serif;
	margin:0px;
}
#awards > .awcnt > .a3{
	width:33%;
	height:100%;
	display:inline-block;
	vertical-align:top;
}
#awards > .awcnt > .a3 > .fa{
	font-size:64px;
	display:block;
	text-align:center;
	color:rgba(250,250,250,1);
	padding-top:80px;
}
#awards > .awcnt > .a3 > p{
	font-size:40px;
	display:block;
	text-align:center;
	color:rgba(245,245,245,1);
	font-family:"Lato",sans-serif;
	margin:24px 0px;
}
#awards > .awcnt > .a3 > h1{
	font-size:24px;
	display:block;
	text-align:center;
	color:rgba(245,245,245,1);
	font-family:"Lato",sans-serif;
	margin:0px;
}
/*************************************************************************************** Award ***********************************************************************************/

/************************************************************************************* Portfolio *********************************************************************************/
#portfolio{
	width:100vw;
	height:auto;
	overflow:hidden;
	background:rgba(250,250,250,1);
	padding:80px 0px 80px 0px;
}
#portfolio > .portcnt{
	width:90%;
	height:auto;
	margin:auto;
	overflow:hidden;
	font-size:0;
}
#portfolio > .portcnt > .portfolio_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	margin-bottom:64px;
}
#portfolio > .portcnt > .portfolio_heading > h1{
	margin:0px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	font-size:32px;
	color:rgba(23,23,23,1);
	padding-top:20px;
}
#portfolio > .portcnt > .portfolio_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	color:rgba(51,51,51,0.8);
	line-height:32px;
	width:55%;
}
#portfolio > .portcnt > .portfolio_heading > h1 > span{
	width:6px;
	height:6px;
	background:rgba(247,23,53,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
#portfolio > .portcnt > .portmenu{
	width:100%;
	height:auto;
	margin-bottom:32px;
}
#portfolio > .portcnt > .portmenu > ul{
	padding:0;
	width:auto;
	height:auto;
}
#portfolio > .portcnt > .portmenu > ul > li{
	list-style-type:none;
	display:inline-block;
	font-family:"Raleway",sans-serif;
	font-size:14px;
	color:rgba(23,23,23,0.9);
	padding:12px 18px 10px 18px;
	margin:0px 10px;
	border:1px solid rgba(160,160,160,1);
	cursor:pointer;
}
#portfolio > .portcnt > .portmenu > ul > li.activ{
	background:rgba(160,160,160,1);
	color:rgba(250,250,250,1);
}
#portfolio > .portcnt > .foliocnt{
	width:100%;
	height:auto;
	overflow:hidden;
}
#portfolio > .portcnt > .foliocnt > .f1{
	display:inline-block;
	width:calc(33% - 30px);
	height:260px;
	margin:15px;
	overflow:hidden;
	position:relative;
}
#portfolio > .portcnt > .foliocnt > .f1 > img{
	width:100%;
	min-height:100%;
}
#portfolio > .portcnt > .foliocnt > .f1  > a{
	text-decoration:none;
	display:block;
}
#portfolio > .portcnt > .foliocnt > .f1 > a > .f1cnt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(16,16,16,0.5);
	transition:opacity 0.5s ease;
}
#portfolio > .portcnt > .foliocnt > .f1:hover > a > .f1cnt{
	opacity:1;
}
#portfolio > .portcnt > .foliocnt > .f1 > a > .f1cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:28px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:100px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f1:hover > a > .f1cnt > h1{
	opacity:1;
	padding-top:110px;
}	
#portfolio > .portcnt > .foliocnt > .f1  > a > .f1cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f1:hover > a > .f1cnt > p{
	opacity:1;
}	

#portfolio > .portcnt > .foliocnt > .f2{
	display:inline-block;
	width:calc(33% - 30px);
	height:260px;
	margin:15px;
	overflow:hidden;
	position:relative;
}
#portfolio > .portcnt > .foliocnt > .f2 > img{
	width:100%;
	min-height:100%;
}
#portfolio > .portcnt > .foliocnt > .f2  > a{
	text-decoration:none;
	display:block;
}
#portfolio > .portcnt > .foliocnt > .f2  > a > .f2cnt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(16,16,16,0.5);
	transition:opacity 0.5s ease;
}
#portfolio > .portcnt > .foliocnt > .f2:hover > a > .f2cnt{
	opacity:1;
}
#portfolio > .portcnt > .foliocnt > .f2  > a > .f2cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:28px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:100px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f2:hover > a > .f2cnt > h1{
	opacity:1;
	padding-top:110px;
}	
#portfolio > .portcnt > .foliocnt > .f2  > a > .f2cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f2:hover > a > .f2cnt > p{
	opacity:1;
}	

#portfolio > .portcnt > .foliocnt > .f3{
	display:inline-block;
	width:calc(33% - 30px);
	height:260px;
	margin:15px;
	overflow:hidden;
	position:relative;
}
#portfolio > .portcnt > .foliocnt > .f3 > img{
	width:100%;
	min-height:100%;
}
#portfolio > .portcnt > .foliocnt > .f3 > a{
	text-align:none;
	display:block;
}
#portfolio > .portcnt > .foliocnt > .f3 > a > .f3cnt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(16,16,16,0.5);
	transition:opacity 0.5s ease;
}
#portfolio > .portcnt > .foliocnt > .f3:hover > a > .f3cnt{
	opacity:1;
}
#portfolio > .portcnt > .foliocnt > .f3 > a > .f3cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:28px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:100px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f3:hover > a > .f3cnt > h1{
	opacity:1;
	padding-top:110px;
}	
#portfolio > .portcnt > .foliocnt > .f3 > a > .f3cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f3:hover > a > .f3cnt > p{
	opacity:1;
}	

#portfolio > .portcnt > .foliocnt > .f4{
	display:inline-block;
	width:calc(33% - 30px);
	height:260px;
	margin:15px;
	overflow:hidden;
	position:relative;
}
#portfolio > .portcnt > .foliocnt > .f4 > img{
	width:100%;
	min-height:100%;
}
#portfolio > .portcnt > .foliocnt > .f4 > a{
	text-decoration:none;
	display:block;
}
#portfolio > .portcnt > .foliocnt > .f4 > a > .f4cnt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(16,16,16,0.5);
	transition:opacity 0.5s ease;
}
#portfolio > .portcnt > .foliocnt > .f4:hover > a > .f4cnt{
	opacity:1;
}
#portfolio > .portcnt > .foliocnt > .f4 > a > .f4cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:28px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:100px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f4:hover > a > .f4cnt > h1{
	opacity:1;
	padding-top:110px;
}	
#portfolio > .portcnt > .foliocnt > .f4 > a > .f4cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f4:hover > a > .f4cnt > p{
	opacity:1;
}	

#portfolio > .portcnt > .foliocnt > .f5{
	display:inline-block;
	width:calc(33% - 30px);
	height:260px;
	margin:15px;
	overflow:hidden;
	position:relative;
}
#portfolio > .portcnt > .foliocnt > .f5 > img{
	width:100%;
	min-height:100%;
}
#portfolio > .portcnt > .foliocnt > .f5 > a{
	text-decoration:none;
}
#portfolio > .portcnt > .foliocnt > .f5 > a > .f5cnt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(16,16,16,0.5);
	transition:opacity 0.5s ease;
}
#portfolio > .portcnt > .foliocnt > .f5:hover > a > .f5cnt{
	opacity:1;
}
#portfolio > .portcnt > .foliocnt > .f5 > a > .f5cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:28px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:100px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f5:hover > a > .f5cnt > h1{
	opacity:1;
	padding-top:110px;
}	
#portfolio > .portcnt > .foliocnt > .f5 > a > .f5cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f5:hover > a > .f5cnt > p{
	opacity:1;
}	

#portfolio > .portcnt > .foliocnt > .f6{
	display:inline-block;
	width:calc(33% - 30px);
	height:260px;
	margin:15px;
	overflow:hidden;
	position:relative;
}
#portfolio > .portcnt > .foliocnt > .f6 > img{
	width:100%;
	min-height:100%;
}
#portfolio > .portcnt > .foliocnt > .f6 > a{
	text-decoration:none;
	display:block;
}
#portfolio > .portcnt > .foliocnt > .f6 > a > .f6cnt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(16,16,16,0.5);
	transition:opacity 0.5s ease;
}
#portfolio > .portcnt > .foliocnt > .f6:hover > a > .f6cnt{
	opacity:1;
}
#portfolio > .portcnt > .foliocnt > .f6 > a > .f6cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:28px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:100px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f6:hover > a > .f6cnt > h1{
	opacity:1;
	padding-top:110px;
}	
#portfolio > .portcnt > .foliocnt > .f6 > a > .f6cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f6:hover > a > .f6cnt > p{
	opacity:1;
}	

#portfolio > .portcnt > .foliocnt > .f7{
	display:inline-block;
	width:calc(33% - 30px);
	height:260px;
	margin:15px;
	overflow:hidden;
	position:relative;
}
#portfolio > .portcnt > .foliocnt > .f7 > img{
	width:100%;
	min-height:100%;
}
#portfolio > .portcnt > .foliocnt > .f7 > a{
	text-decoration:none;
	display:block;
}
#portfolio > .portcnt > .foliocnt > .f7 > a > .f7cnt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(16,16,16,0.5);
	transition:opacity 0.5s ease;
}
#portfolio > .portcnt > .foliocnt > .f7:hover > a > .f7cnt{
	opacity:1;
}
#portfolio > .portcnt > .foliocnt > .f7 > a > .f7cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:28px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:100px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f7:hover > a > .f7cnt > h1{
	opacity:1;
	padding-top:110px;
}	
#portfolio > .portcnt > .foliocnt > .f7 > a > .f7cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f7:hover > a > .f7cnt > p{
	opacity:1;
}	

#portfolio > .portcnt > .foliocnt > .f8{
	display:inline-block;
	width:calc(33% - 30px);
	height:260px;
	margin:15px;
	overflow:hidden;
	position:relative;
}
#portfolio > .portcnt > .foliocnt > .f8 > img{
	width:100%;
	min-height:100%;
}
#portfolio > .portcnt > .foliocnt > .f8 > a{
	text-decoration:none;
	display:block;
}
#portfolio > .portcnt > .foliocnt > .f8 > a > .f8cnt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(16,16,16,0.5);
	transition:opacity 0.5s ease;
}
#portfolio > .portcnt > .foliocnt > .f8:hover > a > .f8cnt{
	opacity:1;
}
#portfolio > .portcnt > .foliocnt > .f8 > a > .f8cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:28px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:100px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f8:hover > a > .f8cnt > h1{
	opacity:1;
	padding-top:110px;
}	
#portfolio > .portcnt > .foliocnt > .f8 > a > .f8cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f8:hover > a > .f8cnt > p{
	opacity:1;
}	

#portfolio > .portcnt > .foliocnt > .f9{
	display:inline-block;
	width:calc(33% - 30px);
	height:260px;
	margin:15px;
	overflow:hidden;
	position:relative;
}
#portfolio > .portcnt > .foliocnt > .f9 > img{
	width:100%;
	min-height:100%;
}
#portfolio > .portcnt > .foliocnt > .f9 > a{
	text-decoration:none;
	display:block;
}
#portfolio > .portcnt > .foliocnt > .f9 > a > .f9cnt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(16,16,16,0.5);
	transition:opacity 0.5s ease;
}
#portfolio > .portcnt > .foliocnt > .f9:hover > a > .f9cnt{
	opacity:1;
}
#portfolio > .portcnt > .foliocnt > .f9 > a > .f9cnt > h1{
	font-family:"Lato",sans-serif;
	font-size:28px;
	color:rgba(235,235,235,1);
	text-align:center;
	padding-top:100px;
	margin:0px 0px 8px 0px;
	opacity:0;
	transition:all 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f9:hover > a > .f9cnt > h1{
	opacity:1;
	padding-top:110px;
}	
#portfolio > .portcnt > .foliocnt > .f9 > a > .f9cnt > p{
	font-family:"Merriweather",serif;
	font-size:16px;
	color:rgba(225,225,225,1);
	text-align:center;
	margin:0px;
	opacity:0;
	transition:opacity 0.6s ease 0.2s;
}
#portfolio > .portcnt > .foliocnt > .f9:hover > a > .f9cnt > p{
	opacity:1;
}	

#portfolio > .portcnt > .ldmr{
	width:140px;
	height:55px;
	background:rgba(16,16,16,1);
	margin:64px auto auto auto;
}
#portfolio > .portcnt > .ldmr > a{
	display:block;
	text-decoration:none;
}
#portfolio > .portcnt > .ldmr > a > span{
	font-family:"Lato",sans-serif;
	color:rgba(250,250,250,1);
	font-size:16px;
	text-align:center;
	line-height:60px;
	display:block;
}

#portfolio_overlay{
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	background:rgba(1,1,1,0.9);
	z-index:15;
	overflow:hidden;
	opacity:0;
	display:none;
}
#portfolio_overlay > .close{	
	position:absolute;
	font-size:18px;
	color:rgba(245,245,245,1);
	z-index:9;
	cursor:pointer;
	font-family:"Lato",sans-serif;
	top:30px;
	right:30px;
	transition:0.5s ease;
}
#portfolio_overlay > .portfolio_img{
	width:calc(100vw - 60%);
	height:calc(100vh - 30%);
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#portfolio_overlay > .portfolio_img > img{
	width:100%;
	min-height:100%;
}
/************************************************************************************* Portfolio *********************************************************************************/

/******************************************************************************** Like what we do ********************************************************************************/
#like_what_vdo{
	width:100vw;
	height:100px;
	overflow:hidden;
	padding:60px 0px 0px 0px;
	background:rgba(34,34,34,1);
}
#like_what_vdo > .like_what_vdo_heading{
	width:90%;
	height:100%;
	margin:auto;
	position:relative; /*Added*/
	z-index:4;
}
#like_what_vdo > .like_what_vdo_heading > h3{
	margin:0px;
	font-family:"Lato",sans-serif;
	font-size:24px;
	color:rgba(245,245,245,1);
	text-align:center;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a{
	text-decoration:none;
	display:inline-block;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span{
	display:inline-block;
	background:rgba(220,23,53,1);
	padding:15px 15px 15px 15px;
	color:rgba(245,245,245,1);
	transition:0.5s ease;
}
#like_what_vdo > .like_what_vdo_heading > h3 > a > span:hover{	
	background:rgba(220,23,53,0.9);
}
/******************************************************************************** Like what we do ********************************************************************************/

/************************************************************************************** Blog *************************************************************************************/
#blog{
	width:100vw;
	height:auto;
	background:rgba(250,250,250,1);
	padding:80px 0px 80px 0px;
	overflow:hidden;
}
#blog > .blogcnt{
	width:90%;
	height:auto;
	margin:auto;
	overflow:hidden;
	font-size:0;
}
#blog > .blogcnt > .blog_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	margin-bottom:64px;
}
#blog > .blogcnt > .blog_heading > h1{
	margin:0px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	font-size:32px;
	color:rgba(23,23,23,1);
	padding-top:20px;
}
#blog > .blogcnt > .blog_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	color:rgba(51,51,51,0.8);
	line-height:32px;
	width:55%;
}
#blog > .blogcnt > .blog_heading > h1 > span{
	width:6px;
	height:6px;
	background:rgba(247,23,53,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
#blog > .blogcnt > .b1{
	width:30%;
	height:480px;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
}
#blog > .blogcnt > .b1 > .b1img{
	width:100%;
	height:220px;
	overflow:hidden;
	margin-bottom:24px;
	position:relative;
}
#blog > .blogcnt > .b1 > .b1img > img{
	width:100%;
	min-height:100%;
}
#blog > .blogcnt > .b1 > .b1img > span{
	position:absolute;
	top:0;
	left:0;
	background:rgba(16,16,16,1);
	font-family:"Lato",sans-serif;
	color:rgba(245,245,24,1);
	font-size:12px;
	padding:10px 15px;
}
#blog > .blogcnt > .b1 > .b1cnt{
	width:100%;
	height:55%;
	overflow:hidden;
}
#blog > .blogcnt > .b1 > .b1cnt > h1{
	margin:0px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	color:rgba(23,23,23,1);
	font-size:24px;
}
#blog > .blogcnt > .b1 > .b1cnt > p{
	margin:0px 0px 16px 0px;
	font-family:"Merriweather",serif;
	color:rgba(51,51,51,0.8);
	font-size:14px;
	line-height:24px;
}
#blog > .blogcnt > .b1 > .b1cnt > a{
	text-decoration:none;
	display:inline-block;
}
#blog > .blogcnt > .b1 > .b1cnt > a > span{
	margin:0px;
	font-family:"Merriweather",serif;
	color:rgba(51,51,51,0.8);
	font-size:14px;
	transition:0.4s ease;
}
#blog > .blogcnt > .b1 > .b1cnt > a > span:hover{
	color:rgba(51,51,51,1);
}
#blog > .blogcnt > .b1 > .b1cnt > a > span > .fa{
	padding-left:0px;
	transition:0.4s ease;
}
#blog > .blogcnt > .b1 > .b1cnt > a > span:hover > .fa{
	padding-left:10px;
	color:rgba(51,51,51,1);
}
#blog > .blogcnt > .b2{
	width:30%;
	height:480px;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	margin-left:4%;
}
#blog > .blogcnt > .b2 > .b2img{
	width:100%;
	height:220px;
	overflow:hidden;
	margin-bottom:24px;
	position:relative;
}
#blog > .blogcnt > .b2 > .b2img > img{
	width:100%;
	min-height:100%;
}
#blog > .blogcnt > .b2 > .b2img > span{
	position:absolute;
	top:0;
	left:0;
	background:rgba(16,16,16,1);
	font-family:"Lato",sans-serif;
	color:rgba(245,245,24,1);
	font-size:12px;
	padding:10px 15px;
}
#blog > .blogcnt > .b2 > .b2img > span > .fa{
	color:rgba(245,245,245,1);
}
#blog > .blogcnt > .b2 > .b2cnt{
	width:100%;
	height:55%;
	overflow:hidden;
}
#blog > .blogcnt > .b2 > .b2cnt > h1{
	margin:0px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	color:rgba(23,23,23,1);
	font-size:24px;
}
#blog > .blogcnt > .b2 > .b2cnt > p{
	margin:0px 0px 16px 0px;
	font-family:"Merriweather",serif;
	color:rgba(51,51,51,0.8);
	font-size:14px;
	line-height:24px;
}
#blog > .blogcnt > .b2 > .b2cnt > a{
	text-decoration:none;
	display:inline-block;
}
#blog > .blogcnt > .b2 > .b2cnt > a > span{
	margin:0px;
	font-family:"Merriweather",serif;
	color:rgba(51,51,51,0.8);
	font-size:14px;
	transition:0.4s ease;
}
#blog > .blogcnt > .b2 > .b2cnt > a > span:hover{
	color:rgba(51,51,51,1);
}
#blog > .blogcnt > .b2 > .b2cnt > a > span > .fa{
	padding-left:0px;
	transition:0.4s ease;
}
#blog > .blogcnt > .b2 > .b2cnt > a > span:hover > .fa{
	padding-left:10px;
	color:rgba(51,51,51,1);
}
#blog > .blogcnt > .b3{
	width:30%;
	height:480px;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	margin-left:4%;
}
#blog > .blogcnt > .b3 > .b3img{
	width:100%;
	height:220px;
	overflow:hidden;
	margin-bottom:24px;
	position:relative;
}
#blog > .blogcnt > .b3 > .b3img > img{
	width:100%;
	min-height:100%;
}
#blog > .blogcnt > .b3 > .b3img > span{
	position:absolute;
	top:0;
	left:0;
	background:rgba(16,16,16,1);
	font-family:"Lato",sans-serif;
	color:rgba(245,245,24,1);
	font-size:12px;
	padding:10px 15px;
}
#blog > .blogcnt > .b3 > .b3cnt{
	width:100%;
	height:55%;
	overflow:hidden;
}
#blog > .blogcnt > .b3 > .b3cnt > h1{
	margin:0px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	color:rgba(23,23,23,1);
	font-size:24px;
}
#blog > .blogcnt > .b3 > .b3cnt > p{
	margin:0px 0px 16px 0px;
	font-family:"Merriweather",serif;
	color:rgba(51,51,51,0.8);
	font-size:14px;
	line-height:24px;
}
#blog > .blogcnt > .b3 > .b3cnt > a{
	text-decoration:none;
	display:inline-block;
}
#blog > .blogcnt > .b3 > .b3cnt > a > span{
	margin:0px;
	font-family:"Merriweather",serif;
	color:rgba(51,51,51,0.8);
	font-size:14px;
	transition:0.4s ease;
}
#blog > .blogcnt > .b3 > .b3cnt > a > span:hover{
	color:rgba(51,51,51,1);
}
#blog > .blogcnt > .b3 > .b3cnt > a > span > .fa{
	padding-left:0px;
	transition:0.4s ease;
}
#blog > .blogcnt > .b3 > .b3cnt > a > span:hover > .fa{
	padding-left:10px;
	transition:0.4s ease;
}
/************************************************************************************** Blog *************************************************************************************/

/******************************************************************************** Client Logo ************************************************************************************/
#client_logo{
	width:100vw;
	height:auto;
	overflow:hidden;
	font-size:0;
	background:url(../images/home_background/4.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#client_logo:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:4;
	background:rgba(16,16,16,0.55);
	width:100%;
	height:100%;
}
#client_logo > .cl1{
	width:calc(20% - 2px);
	height:190px;
	border:1px dashed rgba(215,215,215,0.2);
	display:inline-block;
	overflow:hidden;
	position:relative;/*Added*/
	z-index:4;/*Added*/
}
#client_logo > .cl1 > img{
	width:100%;
	min-height:100%;
}
/******************************************************************************** Client Logo ************************************************************************************/

/********************************************************************************* Contact ***************************************************************************************/
#contact{
	width:100vw;
	height:auto;
	background:rgba(250,250,250,1);
	padding:80px 0px 80px 0px;
	overflow:hidden;
}
#contact > .contactcnt{
	width:90%;
	height:auto;
	margin:auto;
	overflow:hidden;
	font-size:0;
}
#contact > .contactcnt > .contact_heading{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	margin-bottom:64px;
}
#contact > .contactcnt > .contact_heading > h1{
	margin:0px 0px 16px 0px;
	font-family:"Lato",sans-serif;
	font-size:32px;
	color:rgba(23,23,23,1);
	padding-top:20px;
}
#contact > .contactcnt > .contact_heading > p{
	margin:0px;
	font-family: 'Merriweather', serif;
	font-size:16px;
	color:rgba(51,51,51,0.8);
	line-height:32px;
	width:55%;
}
#contact > .contactcnt > .contact_heading> h1 > span{
	width:6px;
	height:6px;
	background:rgba(247,23,53,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
#contact > .contactcnt > .contact_form{
	display:inline-block;
	width:65%;
	height:auto;
	vertical-align:top;
	overflow:hidden;
}
#contact > .contactcnt > .contact_form > form{
	width:100%;
	height:100%;
}
#contact > .contactcnt > .contact_form > form > input{
	border:0;
	outline:none;
}
#contact > .contactcnt > .contact_form > form > textarea{
	border:0;
	outline:none;
}
::-webkit-input-placeholder{
	color:rgba(23,23,23,0.7);
}
#contact > .contactcnt > .contact_form > form > .name{
	width:48%;
	height:60px;
	font-family:"Merriweather",serif;
	font-size:13px;
	background:transparent;
	border-bottom:1px solid rgba(152,152,152,0.3);
	margin:0px 0px 32px 0;
	color:rgba(23,23,23,0.7);
	transition:0.5s ease;
}
#contact > .contactcnt > .contact_form > form > .name:hover{
	border-bottom:1px solid rgba(152,152,152,1);
}
#contact > .contactcnt > .contact_form > form > .email{
	width:48%;
	height:60px;
	font-family:"Merriweather",serif;
	font-size:13px;
	background:transparent;
	border-bottom:1px solid rgba(152,152,152,0.3);
	margin:0px 0px 32px 3%;
	color:rgba(23,23,23,0.7);
	transition:0.5s ease;
}
#contact > .contactcnt > .contact_form > form > .email:hover{
	border-bottom:1px solid rgba(152,152,152,1);
}
#contact > .contactcnt > .contact_form > form > .phone{
	width:48%;
	height:60px;
	font-family:"Merriweather",serif;
	font-size:13px;
	background:transparent;
	border-bottom:1px solid rgba(152,152,152,0.3);
	margin:0px 0px 48px 0;
	color:rgba(23,23,23,0.7);
	transition:0.5s ease;
}
#contact > .contactcnt > .contact_form > form > .phone:hover{
	border-bottom:1px solid rgba(152,152,152,1);
}
#contact > .contactcnt > .contact_form > form > .subject{
	width:48%;
	height:60px;
	font-family:"Merriweather",serif;
	font-size:13px;
	background:transparent;
	border-bottom:1px solid rgba(152,152,152,0.3);
	margin:0px 0px 48px 3%;
	color:rgba(23,23,23,0.7);
	transition:0.5s ease;
}
#contact > .contactcnt > .contact_form > form > .subject:hover{
	border-bottom:1px solid rgba(152,152,152,1);
}
#contact > .contactcnt > .contact_form > form > .message{
	width:98.5%;
	height:250px;
	font-family:"Merriweather",serif;
	font-size:13px;
	background:transparent;
	border-bottom:1px solid rgba(152,152,152,0.3);
	margin:0px 0px 48px 0;
	color:rgba(23,23,23,0.7);
	transition:0.5s ease;
}
#contact > .contactcnt > .contact_form > form > .message:hover{
	border-bottom:1px solid rgba(152,152,152,1);
}
#contact > .contactcnt > .contact_form > form > .submit{
	width:140px;
	height:45px;
	font-family:"Lato",serif;
	font-size:16px;
	background:rgba(16,16,16,0.9);
	color:rgba(250,250,250,1);
	opacity:0;
}
#contact > .contactcnt > .contact_form > .thanks{
	width:100%;
	height:auto;
	font-size:24px;
	color:rgba(32,32,32,1);
	font-family:"Lato",sans-serif;
	opacity:0;
	margin:0px;
}
#contact > .contactcnt > .contact_map{
	display:inline-block;
	width:30%;
	height:500px;
	vertical-align:top;
	overflow:hidden;
	margin-left:5%;
	background:#ccc;
}
#contact > .contactcnt > .contact_map > iframe{
	width:100%;
	height:100%;
}
/********************************************************************************* Contact ***************************************************************************************/

/********************************************************************************* Footer ****************************************************************************************/
#footer{
	width:100vw;
	height:260px;
	background:rgba(32,32,32,1);
	overflow:hidden;
	position:relative;
	font-size:0;
	padding:100px 0px 100px 0px;
}
#footer > .footer_heading{
	width:40%;
	height:100%;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}
#footer > .footer_heading > h1{
	margin:0px 0px 24px 0px;
	color:rgba(245,245,245,1);
	font-size:24px;
	font-family:"Lato",sans-serif;
	padding-left:48px;
}
#footer > .footer_heading > h1 > span{
	width:6px;
	height:6px;
	background:rgba(255,235,59,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
#footer > .footer_heading > p{
	margin:0px;
	color:rgba(132,132,132,1);
	font-size:16px;
	font-family:"Lato",serif;
	line-height:24px;
	padding:0px 30px 0px 48px;
}
#footer > .footer_heading > p:nth-child(2){
	margin-bottom:10px;
}
#footer > .office{
	width:35%;
	height:100%;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}
#footer > .office > h1{
	margin:0px 0px 24px 0px;
	color:rgba(245,245,245,1);
	font-size:24px;
	font-family:"Lato",sans-serif;
	padding-left:30px;
}
#footer > .office > h1 > span{
	width:6px;
	height:6px;
	background:rgba(255,235,59,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
#footer > .office > .f1{
	width:50%;
	height:100%;
	display:inline-block;
	vertical-align:top;
}
#footer > .office > .f1 > h1{
	margin:0px 0px 16px 0px;
	color:rgba(245,245,245,1);
	font-size:20px;
	font-family:"Lato",sans-serif;
	padding-left:30px;
}
#footer > .office > .f1 > p{
	margin:0px;
	color:rgba(132,132,132,1);
	font-size:16px;
	font-family:"Lato",sans-serif;
	padding-left:30px;
	margin-bottom:8px;
}
#footer > .office > .f1 > p > a{
	text-decoration:none;
	display:block;
	color:rgba(132,132,132,1);
	transition:0.5s ease;
}
#footer > .office > .f1 > p > a:hover{
	color:rgba(185,185,185,1);
}
#footer > .office > .f2{
	width:50%;
	height:100%;
	display:inline-block;
	vertical-align:top;
}
#footer > .office > .f2 > h1{
	margin:0px 0px 16px 0px;
	color:rgba(245,245,245,1);
	font-size:20px;
	font-family:"Lato",sans-serif;
	padding-left:30px;
}
#footer > .office > .f2 > p{
	margin:0px;
	color:rgba(132,132,132,1);
	font-size:16px;
	font-family:"Lato",sans-serif;
	padding-left:30px;
	margin-bottom:8px;
}
#footer > .office > .f2 > p > a{
	text-decoration:none;
	display:block;
	color:rgba(132,132,132,1);
	transition:0.5s ease;
}
#footer > .office > .f2 > p > a:hover{
	color:rgba(185,185,185,1);
}
#footer > .social{
	width:20%;
	height:100%;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}
#footer > .social > h1{
	margin:0px 0px 24px 0px;
	color:rgba(245,245,245,1);
	font-size:24px;
	font-family:"Lato",sans-serif;
	padding-left:30px;
}
#footer > .social > h1 > span{
	width:6px;
	height:6px;
	background:rgba(255,235,59,1);
	border-radius:50%;
	display:inline-block;
	margin-bottom:-2px;
}
#footer > .social > p{
	margin:0px 0px 16px 0px;
	color:rgba(132,132,132,1);
	font-size:16px;
	font-family:"Lato",sans-serif;
	padding-left:30px;
}
#footer > .social > p > a{
	text-decoration:none;
	color:rgba(132,132,132,1);	
	transition:0.5s ease;
}
#footer > .social > p > a:hover{
	color:rgba(185,185,185,1);
}	
#footer > .social > ul{
	width:100%;
	height:auto;
	padding:0px 0px 0px 10px;
}
#footer > .social > ul > li{
	list-style-type:none;
	padding:10px 10px 20px 20px;
	font-size:18px;
	display:inline-block;
}
#footer > .social > ul > li > a{
	text-decoration:none;
	color:rgba(154,154,154,1);
	transition:0.5s ease;
}
#footer > .social > ul > li > a:hover{
	color:rgba(235,235,235,1);
}	
#footer > .copyright{
	width:100%;
	height:60px;
	overflow:hidden;
	background:rgba(38,38,38,1);
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}
#footer > .copyright > span{
	display:block;
	font-family:"Merriweather",serif;
	font-size:13px;
	color:rgba(122,122,122,1);
	padding-top:25px;
}
/********************************************************************************* Footer ****************************************************************************************/

/***************************************************************************** Footer Button *************************************************************************************/
#click_top{
	position:fixed;
	width:38px;
	height:38px;
	border-radius:50%;
	background:rgba(1,1,1,0.6);
	bottom:15px;
	right:15px;
	opacity:0;
	z-index:5;
	transition:0.4s ease;
	cursor:pointer;
}
#click_top > .fa{
	color:rgba(225,225,25,0.8);
	font-size:20px;
	text-align:center;
	display:block;
	line-height:38px;
	transition:0.5s ease;
}
#click_top > .fa:hover{
	color:rgba(225,225,25,1);
}
/***************************************************************************** Footer Button *************************************************************************************/