/* ---------- Table of content --------------

1.		Common css
2.		Preloader
3.		Container  section
4.		Grid common section
5.		Grid  boxes 
6.		Header contact
7.		About Grid
8.		Portfolio Grid
9.		Resume Grid	
10.		Social Icons
11.		Services Grid
12.		Twitter
13.		Contact Grid
14.     Background  Slide show 
15.		Skills

---------- // Table of content -------------- */



/* Common css  starts */
html { height: 100%; font-size: 100%;}
body{
}
ul, li{ list-style-type:none;}
*,
*:after,
*:before {
	--box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clr{clear:both;}

a { color: #555; text-decoration: none; }
img { border:0; outline:0; }
.float_right{float:right;}
.float_left{float:left;}

.normal{margin-left:-11px; margin-top:-11px;}
.fullscreen_img{ float:right; width:45px; height:45px; margin-right:20px; }
h3 span{ background:#f5f5f5; width:auto; padding-left:5px; padding-right:5px; margin-left:10px; margin-right:10px;}

.pad_bottom{padding-bottom:37px;}
.pad_bottom25{ padding-bottom:25px;}
.pad_bottom1{padding-bottom:23px;}
.pad_top40{ padding-top:40px;}
.pad_top30{ padding-top:30px;}
.pad_top35{ padding-top:35px;}
.pad_top20{ padding-top:20px;}
.pad_top24{ padding-top:24px;}
.pad_top17{ padding-top:17px;}
.pad_top6{ padding-top:6px;}

.topmargin_50{ margin-top:50%;}
.null_bottom{ bottom:0;}
.container_bottom{ clear:both; height:220px;}
.slanting{ font-style:italic; }

/* //Common css */

/*-------------------------------------------------------*/
	/* Preloader	 */
/*-------------------------------------------------------*/
	body { overflow:hidden; }
	#preloader {
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  z-index:2;
	  background:#000000;
	 background-image:url(../images/patterns/pattern1.png); 
	}
	#spinner_container { width:500px; margin:140px auto; }
	#spinner { display:block; margin:20px auto; }
/**********************  // Preloader  ******************************/

/* Container  section starts */
.rb-week {
	width: 100%;
	height: 100%;
}
.rb-week > div {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	 background-image:url(../images/patterns/pattern1.png); 
	background-color:#000000;
}

#containerI { width:100%; margin:auto; padding:5px 15px 10px 7px;position:absolute;left:0;right:0;font-size:18px;font-weight:300;color:#ffffff; }
.main, .container > .top 
{
	width:74%;
	max-width:1216px;
	margin: 0 auto;
}
.main{padding-bottom:120px;}
.container { 
	width: 100%; 
	position: relative;
	overflow: auto;
	outline:0 none;
} 
/* // Container  section end */

/* Grid common section start */
.entypo i:before{ 
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
}
.entypo i:hover:before{ 
	padding-top:.74em;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.rb-grid { list-style: none; margin: 0 auto; }
.rb-grid li {
	width: 240px;
	height: 240px;
	margin: 4px;
	color: #fff;
	display: block;
	float: left;
	padding:11px;
	cursor: pointer;
	position: relative;
	
}
.rb-grid li a:link { color: #fff; text-decoration:none; }
.rb-grid li a:visited { color: #fff; text-decoration:none; }
.rb-grid li a:hover { color: #fff; text-decoration:none; }
.rb-grid li a:active { color: #fff; text-decoration:none; }

.rb-grid li.rb-span-1 { background-color:#000; }
.rb-grid li.rb-span-2 { width: 488px; height:240px; }
.rb-grid li.rb-span-12 { width: 240px; height:740px; }
.rb-grid li.rb-span-21 { width: 240px; height:488px; }
.rb-grid li.rb-span-22 { width: 488px; height:488px; }

.rb-grid li.rb-span-4 { width: 99%; }
.rb-grid li[class^="icon-"]:before,
.rb-grid li[class*=" icon-"]:before {
	font-size: 10em;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	line-height: 3;
	opacity: 0.4;
	text-align: right;
	pointer-events: none;
}
.rb-overlay {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: -1;
	pointer-events: none;
	cursor: default;
}
.rb-close{
	background-color:#5b5b5b;
	background-color:rgba(91,91,91,0.5);
	background-image:url(../images/close_icon.png);
	background-repeat:no-repeat;
	background-position: left top;
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	position:absolute;
	top:25px;
	right:80px;
	cursor: pointer;
	z-index: 9999;
}
.rb-close::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 3em;
	line-height: 0.6;
	text-align: center;
	text-indent: 0px;
}
.rb-close:hover{ background-color:#5b5b5b; background-color:rgba(91,91,91,0.8); cursor: pointer; }
/* // Grid common section end */

/* Grid  boxes */
.rb-grid li:nth-child(1) { 
	width:488px;
	height:240px;
	background: #2caeb5;
}

.rb-grid li:nth-child(2) { background: #2caeb5; }
.rb-grid li:nth-child(2):hover{
	background-image:url(../images/darkblue_bg.jpg);
	width:240px;
	height:240px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.rb-grid li:nth-child(3) {	background: #c53437;  }
.rb-grid li:nth-child(3):hover{
	background-image:url(../images/red_bg.jpg);
	width:240px;
	height:240px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.rb-grid li:nth-child(4) { background: #15ae92; }
.rb-grid li:nth-child(4):hover{
	background-image:url(../images/green_bg.jpg);
	width:240px;	
	height:240px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.rb-grid li:nth-child(5) { background: #9e45a3; }
.rb-grid li:nth-child(5):hover{
	background-image:url(../images/pink_bg.jpg);
	width:240px;
	height:240px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.rb-grid li:nth-child(6) { background: #de8e00; }
.rb-grid li:nth-child(6):hover{
	background-image:url(../images/yellow_bg.jpg);
	width:488px;
	height:240px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.rb-grid li:nth-child(7) { 
	background: #cd3355;
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);
}
.rb-grid li:nth-child(7):hover{
	background-image:url(../images/purple_bg.jpg);
	width:240px;
	height:240px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.rb-grid li:nth-child(8) { 
	background: #0082a9; 
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);
}
.rb-grid li:nth-child(8):hover{
	background-image:url(../images/blue_bg.jpg);
	width:488px;
	height:240px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.rb-grid li:nth-child(9) { 
	background: #99c342; 
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);
}
.rb-grid li:nth-child(9):hover{
	background-image:url(../images/lightgreen_bg.jpg);
	width:240px;
	height:240px;
	background-repeat:no-repeat;
	background-position:left bottom;
}

.caption {
	position:absolute;
	top:175px;
	left:0;
	height:65px;
	background:#000;
	background:rgba(0,0,0,0.8);
	width:488px;
	line-height:1.33;
	color:#fff;
}
.pad{padding:5px 20px 0px 10px;}
.caption p{ color:#5b5b5b; padding-left:3px; }
.image_box{
	background-image:url(../images/image_01.jpg);
	background-color:#999999;	
	background-position:left top;
	width:488px;
	height:240px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
.image_box:hover{
	background-image:url(../images/image_01_over.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:488px;
	height:240px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
/*  // Grid  boxes */

/* Header contact */
.logo_bg{width:980px;}
.logo_left{float:left; width:70%; padding-bottom:230px; padding-left:14px;}
.header_rightbg{ width:30%; float:left; padding-top:90px;  padding-left:104px;}
.rb-overlay .logo_left{ width:61%;}
.rb-overlay .header_rightbg{ padding-left:132px;}
/* // Header contact */

/* About Grid */
#about .box_heading,#about p{ color:#eafcfd;}
.entypo.vcard i:before{ color:#45d6de; }
.entypo.vcard i:hover:before{ color:#f2f2f2; }
#about .rb-grid li:nth-child(1){ 
	background: #2caeb5; 
	width:240px; height:736px; 
	background-image:url(../images/darkblue_bg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);	
}
#about .rb-grid li:nth-child(2){ background: #21a4ab; width:488px; height:240px; }
#about .rb-grid li:nth-child(3){ background:#2caeb5; background: rgba(44,174,181,0.5); width:240px; height:240px; }
#about .rb-grid li:nth-child(3):hover{ background:#2caeb5;}
#about .rb-grid li:nth-child(4){ 
	background: #21a1a8; width:240px; height:488px; 
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);
}
#about .rb-grid li:nth-child(5){ 
	background: #21a1a8; width:488px; height:488px;  margin-left:6px; 
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);
}
#about .entypo i:before{
	color:#fff;
	color:rgba(255,255,255,0.2);
	font-size:350px;
	position:absolute; 
	top:-50%; 
	left:6%;
}
#about h2 span{color:#79c8cc;letter-spacing:-3px; padding-right:5px;}
#about h3 span{ color:#1d989f; }
.personal_info{ clear:both; padding-top:5px;}
.personal_info span{float:right; width:66%; font-size:13px; font-style:normal;}
.personal_info span a { color:#fff; text-decoration:none; }
.personal_info  span a:hover { color:#878787; text-decoration:none; }
.input-box, .input-box1 {
	float:left;
	width:auto;
	height:25px;
	line-height:25px;
	background-color:#f5f5f5;
	background-repeat:repeat;
	background-position:left top;
	color:#25a3aa;
	padding:0px 10px 0px 10px;
	font-style:normal;
	font-weight:400;
	font-size:13px;
}
.input-box {margin-bottom:22px;}
.input-box1 {margin-bottom:32px;}

#SliderBackground{
	height:488px;
	width:488px;
}
#Slider{ height:100%; width:100%; }
#Slider img{ display:none; }
#Slider .default{ display:block; }


/* Blockquotes */
blockquote { padding: 0 8% 0 7%; }
blockquote:before, blockquote:after { 
    display: block; 
    font-size:82px; 
    color: rgba(255,255,255,0.4); 
}
blockquote:before { 
    content: open-quote; 
	margin-top: -25px; 
    margin-left: -8%; 
    height: 0; 
}
blockquote:after { 
    content: close-quote; 
    margin-left: 100%; 
    margin-top: -50px; 
    height: 33px; 
}
/* / Blockquotes */
/* // About */

/* Portfolio Grid */
.entypo.docs i:before{ color:#ff8184; }
.entypo.docs i:hover:before{ color:#f2f2f2; }

#portfolio .rb-grid li:nth-child(1){ 
	background: #c53437; 
	background-image:url(../images/red_bg.jpg);
	width:240px;
	height:740px;
	background-repeat:no-repeat;
	background-position:left bottom;
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);		
}
#portfolio .rb-grid li:nth-child(2){  background: #c53437; }
#portfolio .rb-grid li:nth-child(3){ background: #c53437; }
#portfolio .rb-grid li:nth-child(4){ background: #c53437; }
#portfolio .rb-grid li:nth-child(5){ background: #c53437; }
#portfolio .rb-grid li:nth-child(6){ background: #c53437; }
#portfolio .rb-grid li:nth-child(6):hover{ width:240px; height:240px; }
#portfolio .rb-grid li:nth-child(7){width:240px; height:240px; background: #c53437; }
#portfolio .rb-grid li:nth-child(7):hover{width:240px; height:240px; background: #c53437; }
#portfolio .rb-grid li:nth-child(8){  background: #c53437; margin-top:5px; }
#portfolio .rb-grid li:nth-child(8):hover{ width:240px; height:240px; background: #c53437; margin-top:5px; }
#portfolio .rb-grid li:nth-child(9){ width:240px; height:240px;background: #c53437; }
#portfolio .rb-grid li:nth-child(10){  background: #c53437; 
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);	
}
#portfolio .entypo i:before{
	color:#fff;
	color:rgba(255,255,255,0.2);
	font-size:350px;
	position:absolute; 
	top:-50%; 
	left:6%;
}
#portfolio h3 span{ color:#b22a2d; }

/* // Portfolio */

/* Resume Grid */
.entypo.doc i:before{ color:#15c2a2; }
.entypo.doc i:hover:before{ color:#f2f2f2; }

#resume .rb-grid li:nth-child(1){ 
	background: #15ae92; 
	background-image:url(../images/green_bg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:240px;
	height:736px;	
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);		
}
#resume .rb-grid li:nth-child(2){ background: #109079; width:240px; height:240px;  }
#resume h2{color:#d8f3f5;}
#resume h2 span{color:#a2dad0; letter-spacing:-3px; padding-right:5px;}
#resume p{color:#d8f3f5;}
.arrows, .arrows1{
	content:'';
	width:0;
	height:0;
	position:absolute;
	border-width:8px;
	border-style:outset;
	z-index:9999;
	top:10px;
	margin-left:229px;
}
.arrows{border-color:transparent transparent transparent #0f8a74; }
.arrows1{border-color:transparent transparent transparent #0ba488; }
#resume .rb-grid li:nth-child(2) .entypo i:before {
	font-size:130px;
	position:absolute; 
	top:-65%; 
	left:0%;
	color:#fff;
	color:rgba(255,255,255,0.15);
}
#resume .rb-grid li:nth-child(3){ background: #109079; width:240px; height:240px; }
#resume .rb-grid li:nth-child(3) .entypo i:before {
	font-size:130px;
	position:absolute; 
	top:-65%; 
	left:0%;
	color:#fff;
	color:rgba(255,255,255,0.15);
}
#resume .rb-grid li:nth-child(4){ background: #109079; width:240px; height:240px; }
#resume .rb-grid li:nth-child(4) .entypo i:before {
	font-size:130px;
	position:absolute; 
	top:-65%; 
	left:0%;
	color:#fff;
	color:rgba(255,255,255,0.15);
}
#resume .rb-grid li:nth-child(5){ background: #11b295; width:488px; height:240px; }
#resume .rb-grid li:nth-child(6){ background:#10b799; background: rgba(16,183,153,0.3); width:240px; height:240px; }
#resume .rb-grid li:nth-child(6):hover{ background:#15ae92; }
#resume .rb-grid li:nth-child(7){ background: #0ba488; width:240px; height:240px; }
#resume .rb-grid li:nth-child(8){ margin-top:5px; background: #0ba488; width:240px; height:240px; }
#resume .rb-grid li:nth-child(8) .entypo i:before {
	font-size:130px;
	position:absolute; 
	top:-65%; 
	left:0%;
	color:#fff;
	color:rgba(255,255,255,0.15);
}
#resume .rb-grid li:nth-child(9){ margin-top:5px; margin-left:5px; background: #0ba488; width:240px; height:240px; }
#resume .rb-grid li:nth-child(9) .entypo i:before {
	font-size:130px;
	position:absolute; 
	top:-65%; 
	left:0%;
	color:#fff;
	color:rgba(255,255,255,0.15);
}
#resume .entypo i:before{
	color:#fff;
	color:rgba(255,255,255,0.2);
	font-size:350px;
	position:absolute; 
	top:-50%; 
	left:-4%;
}
.width_90{ width:90%;}
.width_80{ width:80%;}
.width_60{ width:60%;}
.width_75{ width:75%;}
#resume h3 span{ color:#028d74; }

.lightgreen_bg{ background-color:#fff; background-color:#43c0a9; height:7px; width:90%; margin-top:1px; margin-bottom:12px; }
.darkgreen_bg{
	background-color:#04a386; 
	color:#ffffff; 
	padding-left:10px; 
	line-height:10px; 
	height:100%;
}

/* // Resume Grid */

/* Download */
.entypo.export i:before{ color:#ca70c6; }
.entypo.export i:hover:before{ color:#f2f2f2; }
/* //Download */

/* Social Icons */
#social_network { margin:50px 0px 0px 30px; padding:0; list-style-type:none;}
.social_icons {
	float:left;
	width:42px;
	height:40px;
	margin:30px 10px 20px 10px;
}
.facebook, .twitters, .linkedin, .skype, .google, .rss{
	width:42px;
	height:40px;
	background-repeat:no-repeat;
	background-position:left top;
	border:0;
	outline:0;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
.facebook{ background-image:url(../images/facebook_img.png); }
.facebook:hover{ background-image:url(../images/facebook_over.png);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-top:-10px;
 }
.twitters{ background-image:url(../images/twitter_img.png); }
.twitters:hover{ background-image:url(../images/twitter_over.png); 
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
		margin-top:-10px;
}
.linkedin{ background-image:url(../images/linkedin_img.png); }
.linkedin:hover{ background-image:url(../images/linkedin_over.png);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
		margin-top:-10px;
 }
.skype{ background-image:url(../images/skype_img.png); }
.skype:hover{ background-image:url(../images/skype_over.png);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
		margin-top:-10px;
 }
.google{ background-image:url(../images/google_img.png); }
.google:hover{ background-image:url(../images/google_over.png);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
		margin-top:-10px;
 }
.rss{ background-image:url(../images/rss_img.png); }
.rss:hover{ background-image:url(../images/rss_over.png);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
		margin-top:-10px;
 }
/* // Social Icons */

/* Services Grid */
.entypo.cog i:before{ color:#ea5971; }
.entypo.cog i:hover:before{ color:#f2f2f2; }
#services .normal_text, #services p{color:#efc6ce;}
#services .rb-grid li:nth-child(1){ 
	background: #cd3355; 
	background-image:url(../images/purple_bg.jpg);
	width:240px;
	height:736px;
	background-repeat:no-repeat;
	background-position:left bottom;
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);		
}
#services .rb-grid li:nth-child(2){ background: #cd3355; width:488px; height:240px; }
#services .rb-grid li:nth-child(3){ background: rgba(166,23,54,0.5); width:240px; height:240px; }
#services .rb-grid li:nth-child(3):hover{ background: #a61736; width:240px; height:240px; }
#services .rb-grid li:nth-child(4){ background: #cd3355; width:240px; height:240px; }
#services .rb-grid li:nth-child(4):hover{ background: #ea6077; }
#services .rb-grid li:nth-child(4) .entypo i:before {
	font-size:130px;
	position:absolute; 
	top:-65%; 
	left:0%;
}
#services .rb-grid li:nth-child(5){ background: #cd3355; width:240px; height:240px; }
#services .rb-grid li:nth-child(5) .entypo i:before {
	font-size:130px;
	position:absolute; 
	top:-65%; 
	left:0%;
}
#services .rb-grid li:nth-child(6){ background: #cd3355; width:240px; height:240px; }
#services .rb-grid li:nth-child(6) .entypo i:before {
	font-size:130px;
	position:absolute; 
	top:-65%; 
	left:0%;
}
#services .rb-grid li:nth-child(7){ background: #cd3355; width:240px; height:240px; }
#services .rb-grid li:nth-child(7) .entypo i:before {
	font-size:130px;
	position:absolute; 
	top:-65%; 
	left:0%;
}
#services .rb-grid li:nth-child(8){ margin-top:5px; background: #ea6077; width:240px; height:240px; }
#services .rb-grid li:nth-child(8):hover{  background: #cd3355;  }
#services .rb-grid li:nth-child(9){ margin-top:5px; margin-left:5px; background: #a61736; width:240px; height:240px; }
#services .rb-grid li:nth-child(9):hover{ background: #cd3354; }
#services .entypo i:before{
	color:#fff;
	color:rgba(255,255,255,0.2);
	font-size:350px;
	position:absolute; 
	top:-50%; 
	left:2%;
}
#services h3 span{ color:#cd3355; }
/* // Services */

/* Twitter */
/* Twitter feed starts */
.tweet { width:100%; z-index:3000; color:#999999; font-size:12px; }
.tweet_list{ width:100%;}
.tweet_list div{ margin:0px; padding:0px; list-style-type:none;}
.tweet_list p{width:100%;}
.tweet_time{ padding-left:10px;}
.tweet_text a:link,.tweet_time a:link{ color: #999999; text-decoration: none; cursor:pointer; }
.tweet_text a:visited,.tweet_time a:visited{ color: #999999; text-decoration: none; }
.tweet_text a:hover,.tweet_time a:hover{ color: #e05d4c; text-decoration: none; }
.tweet_text a:active,.tweet_time a:active{ color: #999999; text-decoration: none; }
/* //Twitter feed */

.twitter p{ 
	font-family: 'Open Sans', sans-serif;	
	font-size:14px;	
	font-style:italic;
	color:#fff; 
	margin-top:40px;
}
.rb-grid li:nth-child(8) p a:link{ color:#01d0f1; text-decoration:none; font-style:normal;}
.rb-grid li:nth-child(8) p a:visited{ color:#01d0f1; text-decoration:none; font-style:normal;}
.rb-grid li:nth-child(8) p a:hover{ color:#ffffff; text-decoration:none; font-style:normal;}
.rb-grid li:nth-child(8) p a:active{ color:#01d0f1; text-decoration:none; font-style:normal;}
.twitter_bird{  
	clear:both; position:absolute; left:0; bottom:0px; width:470px; height:240px; 
	background-image:url(../images/twitter_bird.png);
	background-repeat:no-repeat;
	background-position:right 175px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 	
}
.twitter_bird:hover{  
	background-image:url(../images/twitter_bird_over.png);
	background-repeat:no-repeat;
	background-position:right 170px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 	
}
/* // Twitter */

/* Contact Grid */
.entypo.mail i:before{ color:#d0fc71;}
.entypo.mail i:hover:before{ color:#f2f2f2; }

#contact .rb-grid li:nth-child(1){ 
	background: #99c342; 
	background-image:url(../images/lightgreen_bg.jpg);
	width:240px;
	height:736px;
	background-repeat:no-repeat;
	background-position:left bottom;
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);	
}
#contact .rb-grid li:nth-child(2){ background: #99c342; width:740px; height:240px;}
#contact .rb-grid li:nth-child(3){ background: #99c342; }
#contact .rb-grid li:nth-child(4){ background: #a3d046; }
#contact .rb-grid li:nth-child(5){ background:#a3d046; background: rgba(163,208,70,0.5); }
#contact .rb-grid li:nth-child(5):hover{ background:#99c342;}
#contact .rb-grid li:nth-child(6){ 
	background: #6f9521; width:740px; height:240px;
	-webkit-box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 20px 20px -5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 20px 20px -5px rgba(0, 0, 0, 0.2);	
}
#contact .entypo i:before{
	color:#fff;
	color:rgba(255,255,255,0.2);
	font-size:350px;
	position:absolute; 
	top:-50%; 
	left:3.5%;
}
#contact h2 span{color:#ceed8c; letter-spacing:-3px; padding-right:5px;}
#contact h3 span{ color:#6c911f; }
.green_color{ color:#709326;}
iframe{ width:740px; height:240px; border:0; outline:0; }
.post_message{ position:relative; color:#99c342; padding-bottom:10px;	}	
.desc{ display:block;}
#respond{ height:240px; width:100%; margin:-20px 0px 0px 0px; }
#respond label.error{
	clear:both;
	float:left;
	height:20px;
	position:relative;
	padding:0px 0px 0px 3px;
	margin:-10px 0px 5px 0px;
}
input[type="text"]{
	width:45.5%;
	height:30px;
	margin-right:18px;
	margin-bottom:12px;	
	padding-left:10px;
	float:left;
	background-color:#fff;
	border:0;
	outline:0;
}
textarea{
	width:79%;
	height:85px;
	margin-right:18px;
	padding-left:10px;
	float:left;
	background-color:#fff;
	border:0;
	outline:0;
}
input[type="submit"]{
	float:left;
	width:85px;
	height:85px;
	background:#99c342;
	border:0;
	outline:0;
	font-size:18px;
	text-align:center;
	color:#fff;
	cursor:pointer;
}
input[type="submit"]:hover{
	background:#92bb3e;
	color:#000;
	cursor:pointer;
}
#send .entypo i:before{
	font-size:80px;
	color:#fff;
	position:absolute;
	left:81%;
	top:42%;
}
.detail_color{color:#709326;}
::-webkit-input-placeholder { color: #99c342; }
:-moz-placeholder { /* Firefox 18- */ color: #99c342;   }
::-moz-placeholder {  /* Firefox 19+ */ color: #99c342;  }
:-ms-input-placeholder {  color: #99c342;  }
/* // Contact Grid */

/* Portfolio Hover */
.view {
   width: 240px;
   height: 240px;
   margin: 0px;
   float: left;
   overflow: hidden;
   position: absolute;
   cursor: pointer;
   left:0px;
   top: 0px;
}
.view .mask {
   width: 240px;
   height: 240px;
   position: absolute;
   overflow: hidden;
   top: 0px;
   left:0px;
	background-color:transparent;
}
.actions{ padding-left:20px; width:91.5%; padding-top:40px; color:#f8d6dd;}
.actions1{padding-left:10px;  padding-top:10px; padding-right:10px; background-color:#c42d4e; height:100%; }
.actions2{ padding-left:10px;  padding-top:20px; padding-right:10px; background-color:#129a81; height:100%;}
.actions_top{ padding-left:10px; width:80%; padding-top:40px;}
.actions_top1{ padding-left:10px; width:100%; padding-top:10px; padding-right:10px;}
.top_line{ border-top:10px solid rgba(255,255,255,0.2); width:100%; }
.top_line1{ clear:both; border-top:1px solid rgba(255,255,255,0.2); width:20%; padding-bottom:21px; }
.top_line2{ clear:both; border-top:1px solid rgba(255,255,255,0.2); width:20%; }
.bottom_line{ border-bottom:1px solid rgba(255,255,255,0.2); width:100%; }
.bottom_line1{ border-bottom:1px solid rgba(255,255,255,0.2); width:80%; }
.bottom_line2{ border-bottom:1px solid rgba(255,255,255,0.2); width:20%; padding-top:20px;  margin:0 auto; }
.bottom_line3{ border-bottom:1px solid rgba(255,255,255,0.2); width:20%; padding-top:2px;  margin:0 auto; }
.bottom_line4{ border-bottom:1px solid rgba(255,255,255,0.2); width:40%;  padding-top:35px;   margin:0 auto;}


.tags{font-size:13px; padding:5px 0px; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.name{	
	font-size:22px;
	font-weight:300;
	line-height:25px;
	text-align: left;
	text-decoration: none;
	z-index: 100;		
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.view-fifth img {
   -webkit-transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
   -o-transition: all 0.25s ease-in-out;
   -ms-transition: all 0.25s ease-in-out;
   transition: all 0.25s ease-in-out;
}
.view-fifth .mask {
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
   -o-transition: all 0.25s ease-in-out;
   -ms-transition: all 0.25s ease-in-out;
   transition: all 0.25s ease-in-out;
}
.view-fifth:hover .mask {
	background-color:rgba(197,52,55,0.1);
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}

/* // Portfolio Hover */

/*************** background  Slide show***************/
div.background-image {
	left:0px;
	top:0px;
	z-index:-1;	
	position:fixed;  
	width:100%; 
	height:100%;
	opacity: 1;
}
div.background-image img {
	list-style: none;
	left:0px;
	top:0px;
	position:absolute;  
	margin:auto; 
	width:100%; 
	height:100%;
}
div.background-image ul li.show {
	z-index:500;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
.mb_overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
background: transparent url(../images/pattern.png) repeat top left;
z-index: -1;
}
/*************** background  Slide show END***************/


/* Skills */
#skill { 
	list-style: none;
	width: 80%;
	margin: 10px auto 0;
	position: relative;
	line-height: 1em;
	padding: 20px 0px 30px 0px;
	float:left;
}

#skill div { 
	margin-bottom:35px; 
	background:#0f8a74;
	background:rgba(255,255,255,0.15);
	height:3px; 
	border-radius:5px; 
}

#skill div h6 { 
top:-22px;	
position:relative; 
font-size:14px;
font-weight:300;
font-style:italic;
}

.bar { 
	height:3px;
	margin:-0px 1px;  
	position:absolute;
	border-radius:5px;
	
}

.graphic-design {
	width:90%; 
	-moz-animation:graphic-design 5s ease-out;
	-webkit-animation:graphic-design 5s ease-out;
	background-color: #f674a4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f674a4), to(#e06995));
	background-image: -webkit-linear-gradient(top, #f674a4, #e06995);
	background-image: -moz-linear-gradient(top, #f674a4, #e06995);
	background-image: -ms-linear-gradient(top, #f674a4, #e06995);
	background-image: -o-linear-gradient(top, #f674a4, #e06995);
	background-image: linear-gradient(top, #f674a4, #e06995);
}

.html-css {
	width:80%;
	-moz-animation:html-css 5s ease-out;
	-webkit-animation:html-css 5s ease-out;
	background-color: #f0bb4b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0bb4b), to(#d9aa44));
	background-image: -webkit-linear-gradient(top, #f0bb4b, #d9aa44);
	background-image: -moz-linear-gradient(top, #f0bb4b, #d9aa44);
	background-image: -ms-linear-gradient(top, #f0bb4b, #d9aa44);
	background-image: -o-linear-gradient(top, #f0bb4b, #d9aa44);
	background-image: linear-gradient(top, #f0bb4b, #d9aa44);
}

.jquery {
	width:65%;
	-moz-animation:jquery 5s ease-out;
	-webkit-animation:jquery 5s ease-out;
	background-color: #a1ce5b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a1ce5b), to(#91ba52));
	background-image: -webkit-linear-gradient(top, #a1ce5b, #91ba52);
	background-image: -moz-linear-gradient(top, #a1ce5b, #91ba52);
	background-image: -ms-linear-gradient(top, #a1ce5b, #91ba52);
	background-image: -o-linear-gradient(top, #a1ce5b, #91ba52);
	background-image: linear-gradient(top, #a1ce5b, #91ba52);
}

.wordpress {
	width:80%;
	-moz-animation:wordpress 5s ease-out;
	-webkit-animation:wordpress 5s ease-out;
	background-color: #66b3cc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#66b3cc), to(#5da3ba));
	background-image: -webkit-linear-gradient(top, #66b3cc, #5da3ba);
	background-image: -moz-linear-gradient(top, #66b3cc, #5da3ba);
	background-image: -ms-linear-gradient(top, #66b3cc, #5da3ba);
	background-image: -o-linear-gradient(top, #66b3cc, #5da3ba);
	background-image: linear-gradient(top, #66b3cc, #5da3ba)	
}

@-moz-keyframes graphic-design {0%  { width:0px;} 100%{ width:90%;}  } 
@-moz-keyframes html-css        { 0%  { width:0px;} 100%{ width:80%;}  } 
@-moz-keyframes jquery      { 0%  { width:0px;} 100%{ width:65%;} } 
@-moz-keyframes wordpress   { 0%  { width:0px;} 100%{ width:80%;} } 

@-webkit-keyframes graphic-design       { 0%  { width:0px;} 100%{ width:90%;} } 
@-webkit-keyframes html-css        { 0%  { width:0px;} 100%{ width:80%;} } 
@-webkit-keyframes jquery      { 0%  { width:0px;} 100%{ width:65%;} } 
@-webkit-keyframes wordpress   { 0%  { width:0px;} 100%{ width:80%;} } 
/* / Skills */