/* Menu starts */
#menu{ width:100%; z-index:9999999; background-color:rgba(0,0,0,0.9); background-repeat:repeat; background-position:left top; width:100%; height:50px; position:relative; }
.ie8 #menu { background-color:#000000;} /* for IE8 browser */
/* .logo{ float:left; width:30%; outline:0; border:0; color:#f2c431;}
.logo a:link{ color:#f2c431; text-decoration:none; }
.logo a:visited{ color:#f2c431; text-decoration:none; }
.logo a:hover{ color:#f2c431; text-decoration:none; }
.logo a:active{ color:#f2c431; text-decoration:none; }
.logo span{ padding-left:5px; } */
.menu_right {width:70%; float:right;}
.menu_nav{ width:100%;}
ul.arrowunderline { list-style-type:none; margin:0; padding:0; }
ul.arrowunderline li {
	float:left;
	display:inline;
	width:auto;
	padding:0px 14px 0px 14px;
	border-right:1px solid #131313;
	height:49px;
	font-size:16px;
	font-weight:600;
	color:#7f7f7f;
	line-height:45px;
	text-align:center;
	text-decoration:none;
}
ul.arrowunderline li:last-child {border-right:none;}
ul.arrowunderline li a:link{ color:#7f7f7f; text-decoration:none;}
ul.arrowunderline li a:visited{ color:#7f7f7f; text-decoration:none;}
ul.arrowunderline li a:hover{ color:#f2c431; text-decoration:none;}
ul.arrowunderline li a:active{ color:#7f7f7f; text-decoration:none;}

ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */
	color:#000000; /* style of arrow underline */
	cursor:pointer;
}
#menu_icon { display:none; } 
/* This CSS for Mobile and Tablet menu*/
#menu_icon{ display:none; color:#f2c431; }
#menu_icon:hover{ color:#000000; }
#menu_icon.active {  color:#000000; }
/* // Menu  */

/* Portfolio starts */
#portfolio{
	background:#ffffff;
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
	margin-top:0px;
	padding:40px 0px 70px 0px;
}
#portfolio h2 span{width:81.2%;}
.portfolio_top{ clear:both; padding:0px 0px 30px 0px; }
/* Filter menu starts */
#portfolio_filter ul{ margin:10px 0px 35px 75px; padding:0px; list-style-type:none; }
#portfolio_filter li{ display:inline; float:left; margin-top: 20px; }
#portfolio_filter li a{
	margin-right:10px;
	font-size: 14px;
	color:#fffefe;
	background-color:#c4c4c4;
	padding:5px 8px 5px 6px;
	margin-bottom:4px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(pie.htc);
	position:relative;		
	text-decoration:none;
}
#portfolio_filter li a:hover { 
	background-color:#f2c431; 
	color:#000000; 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
#portfolio_filter li a.current { background-color:#f2c431; color:#000000; }
/* Images list starts */
#portfolio_list{ width:100%; margin:0px 0px 0px 0px; clear:both; padding-bottom:60px; }
#portfolio_list li{
	text-align:center;
	width:225px;
	height:144px;
	list-style:none;
	margin:30px 5px 0px 5px;
	padding:2px 2px 0px 2px;
	float:left;
}
#portfolio_list li:hover{ text-align:center; cursor:pointer; width:225px; height:144px; }
#portfolio_list img{ height:144px; width:225px; }
/* Isotope filtering starts */
.isotope-item{ z-index:2; }
.isotope-hidden.isotope-item{ pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item{/* change duration value to whatever you like */
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	transition-duration:0.8s;
}
.isotope{
	-webkit-transition-property:height, width;
	-moz-transition-property:height, width;
	transition-property:height, width;
}
.isotope .isotope-item{
	-webkit-transition-property:-webkit-transform, opacity;
	-moz-transition-property:-moz-transform, opacity;
	transition-property:transform, opacity;
}
/* // Isotope filtering */

.img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8, .img9, .img10, .img11, .img12, .img13, .img14, .img15, .img16, .img17, .img18, .img19, .img20, .img21, .img22, .img23, .img24, .img25
{
	background-repeat:repeat;
	background-position: left top;
	height: 144px;
	width: 225px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.img1{ background-image: url(../images/assets/3d_work/thumbnails/work_horizon_01_thumb.jpg); }
.img2{ background-image: url(../images/assets/3d_work/thumbnails/work_bazpur_01_thumb.jpg); }
.img3{ background-image: url(../images/assets/3d_work/thumbnails/work_chai_03_thumb.jpg);}
.img4{ background-image: url(../images/assets/3d_work/thumbnails/work_fountain_01_thumb.jpg); }
.img5{ background-image: url(../images/assets/3d_work/thumbnails/work_ivy_03_thumb.jpg); }
.img6{ background-image: url(../images/assets/3d_work/thumbnails/work_manganti_01_thumb.jpg);}
.img7{ background-image: url(../images/assets/3d_work/thumbnails/work_sdyn_03_thumb.jpg); }
.img8{ background-image: url(../images/assets/3d_work/thumbnails/work_wave_01_thumb.jpg); }
.img9{ background-image: url(../images/assets/3d_work/thumbnails/work_bellset_01_thumb.jpg);}
.img10{ background-image: url(../images/assets/3d_work/thumbnails/work_kenya_01_thumb.jpg); }
.img11{ background-image: url(../images/assets/3d_work/thumbnails/work_neepco_01_thumb.jpg); }
.img12{ background-image: url(../images/assets/3d_work/thumbnails/work_chai_01_thumb.jpg); }
.img13{ background-image: url(../images/assets/3d_work/thumbnails/work_mis_01_thumb.jpg); }
.img14{ background-image: url(../images/assets/3d_work/thumbnails/work_mis_02_thumb.jpg); }
.img15{ background-image: url(../images/assets/3d_work/thumbnails/work_mis_03_thumb.jpg); }
.img16{ background-image: url(../images/assets/3d_work/thumbnails/work_mis_04_thumb.jpg); }
.img17{ background-image: url(../images/assets/3d_work/thumbnails/work_mis_05_thumb.jpg); }
.img18{ background-image: url(../images/assets/web_android/thumbnails/project1_thumb.jpg); }
.img19{ background-image: url(../images/assets/web_android/thumbnails/project2_thumb.jpg); }
.img20{ background-image: url(../images/assets/web_android/thumbnails/project3_thumb.jpg); }
.img21{ background-image: url(../images/assets/web_android/thumbnails/project4_thumb.jpg); }
.img22{ background-image: url(../images/assets/web_android/thumbnails/project5_thumb.jpg); }
.img23{ background-image: url(../images/assets/web_android/thumbnails/project6_thumb.jpg); }
.img24{ background-image: url(../images/assets/web_android/thumbnails/project7_thumb.jpg); }
.img25{ background-image: url(../images/assets/web_android/thumbnails/project8_thumb.jpg); }

/* // Portfolio */

/* Contact starts *//* 
#contact{
	background:url(../images/patterns/contact_bg.png) 50% 0 repeat fixed;
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
	margin-top:-20px;
	padding:40px 0px 70px 0px;
}
#contact h2 span{ width:84%;}
#contact iframe{ width:100%; height:250px;}
.contact_top{ clear:both; padding-top:30px;}
.contact_left{ width:55%; height:auto; float:left; }
.contact_right{ width:40%; height:auto; float:left; margin:0px 0px 0px 40px; }
.contact_right h3{ padding-left:10px; }
.contact_left p{ padding:5px 0px 55px 0px; color:#656565; } */

/* Portfolio styles starts */
.view{
	width:225px;
	height:144px;
	margin: 0px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-weight:100;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(pie.htc);
	position:relative;	
	filter: gray; /* IE */
	-webkit-filter: grayscale(0); /* Webkit Nightlies & Chrome Canary */
}
.view:hover{ 
	filter: none; /* IE */
	-webkit-filter: grayscale(0); /* Webkit Nightlies & Chrome Canary */ 
}
.view .mask,.view .content{
	width: 225px;
	height: 144px;
	font-weight:100;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(pie.htc);

}
.view img{ display: block;  position: relative; }
.view h2{
	text-transform:capitalize;
	color:#000000;
	text-align: center;
	position: relative;
	font-size: 16px;
	padding: 5px;
	font-weight:100;
	margin: 10px 0 0 0;
	border-bottom:1px dotted #414141;
	letter-spacing:0px;
}
.view .mask p {
	font-style:italic;
	font-size: 12px;
	font-weight:100;
	color:#000000;
	position: relative;
	text-align: center;
	padding:5px;
}
.view a.info {
	display: inline-block;
	text-decoration: none;
	background: #fff;
	color: #fff;
	font-weight:100;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 1px #000;
	-moz-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
}
.view a.info: hover {
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}

/* Portfolio Images starts */
.view-eighth .mask {
	background-color: rgba(242, 196, 49, 0.9);
	top: -200px;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out 0.2s;
	-moz-transition: all 0.5s ease-in-out 0.2s;
	-o-transition: all 0.5s ease-in-out 0.2s;
	-ms-transition: all 0.5s ease-in-out 0.2s;
	transition: all 0.5s ease-in-out 0.2s;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;   
	behavior: url(pie.htc);
	/* Webkit Nightlies & Chrome Canary */
}
.ie .view-eighth .mask{ background-color:#f2c431; }
.view-eighth h2 {
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all 0.2s ease-in-out 0.5s;
	-moz-transition: all 0.2s ease-in-out 0.5s;
	-o-transition: all 0.2s ease-in-out 0.5s;
	-ms-transition: all 0.2s ease-in-out 0.5s;
	transition: all 0.2s ease-in-out 0.5s;
}
.view-eighth p {
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all 0.3s ease-in-out 0.5s;
	-moz-transition: all 0.3s ease-in-out 0.5s;
	-o-transition: all 0.3s ease-in-out 0.5s;
	-ms-transition: all 0.3s ease-in-out 0.5s;
	transition: all 0.3s ease-in-out 0.5s;
}
.view-eighth a.info {
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all 0.2s ease-in-out 0.3s;
	-moz-transition: all 0.2s ease-in-out 0.3s;
	-o-transition: all 0.2s ease-in-out 0.3s;
	-ms-transition: all 0.2s ease-in-out 0.3s;
	transition: all 0.2s ease-in-out 0.3s;
}
.view-eighth:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0px;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-animation: bounceY 0.2s linear;
	-moz-animation: bounceY 0.2s linear;
	-ms-animation: bounceY 0.2s linear;
	animation: bounceY 0.2s linear;
}
.view-eighth:hover h2 {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.view-eighth:hover p {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.view-eighth:hover a.info {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
	0% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);
}
/* // Portfolio images */
/* // Portfolio styles */