/*-----------------------------------------------------------------------------------*/
/*	Column Styles
/*-----------------------------------------------------------------------------------*/

/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2 & MIT License (http://en.wikipedia.org/wiki/MIT_License)
 *
 * September 24th, 2012
 */


/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after{clear:both}
.row,.clearfix{zoom:1}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
/*body{font-size:100%;line-height:1.6875}*/
.grid{margin:0 auto;max-width:1200px;width:100%;position: relative; }
img{max-width:100%;height:auto !important;display:inline-block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;}
.row .row{width:auto;margin:0 -15px}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:15px;padding-right:15px;position:relative; padding-bottom: 15px;padding-top: 15px;}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}
.lt-ie8 .end{float:left!important}
.row:last-child{margin-bottom:0 !important}

/*Media querys at end of file */

/*-----------------------------------------------------------------------------------*/
/*	Skill Rating Styles
/*-----------------------------------------------------------------------------------*/
.barwrapper{
	width: 100%;
	position: relative;
	height: 22px;
	padding: 1px;
	margin-bottom: 10px;
	border: 1px dotted rgba(23,23,23,0.5);
}
.lt-ie9 .barwrapper {
  border: 1px dotted #171717;
}
.bar {
	height: 20px;
	width: 0px;
	max-width: 100%;
	-webkit-transition: width 1500ms ease;
	-moz-transition: width 1500ms ease;
	-ms-transition: width 1500ms ease;
	-o-transition: width 1500ms ease;
	transition: width 1500ms ease;
}
.bar > div{
	background: #2a2a2a;
	height: 18px;
}
.skilllevel{
	float: right;
}
.enabled{
	width: 100%;
}
.skilltitle{
	text-align: left;
	margin: 0;
}
.no-js .bar{ width: 100%; }

/*-----------------------------------------------------------------------------------*/
/*	Scroll Animation Styles
/*-----------------------------------------------------------------------------------*/
.scrollanimation{
	position: absolute;
	width: 100%;
	height: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	button Styles
/*-----------------------------------------------------------------------------------*/
.button{
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid;
  border-color: #2e2e2e;
  background-color: #2e2e2e;
  padding: 15px 45px 14px 45px;
  max-width: 100%;
  -webkit-transition: background 200ms ease;
  -moz-transition: background 200ms ease;
  -ms-transition: background 200ms ease;
  -o-transition: background 200ms ease;
  transition: background 200ms ease;
}
.button:hover{
  background: transparent !important;
}
.transparent{
  color: #fff;
  border: 2px solid #fff !important;
  background: transparent !important;
}
.transparent:hover{
  color: #fff;
  background: rgba(255,255,255,0.2) !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Social Networks Styles
/*-----------------------------------------------------------------------------------*/
.social-networks{
  list-style: none;
  margin:0;
  padding:0;
  text-align: left;

}
.social-networks li{
  display: inline-block;
  margin:0 20px 20px 0;
  position:relative;
  height:60px;
  width:60px;
}
footer .social-networks li{
  display: inline-block;
  margin:5px;
  position:relative;
  height:20px;
  width:20px;
}
.lt-ie8 footer .social-networks li{
	display: inline-block;
	*display: inline;
	zoom: 1;
	float: none;
}
footer .social-networks{
  width: 100%;
  text-align: center;
  line-height:20px;
  padding-top: 30px;
}
footer .social-networks li a{
  display: inline-block;
  text-indent:-9999px;
  height:20px;
  width:20px; 
}
.social-networks li a{
    display: inline-block;
  text-indent:-9999px;
   height:60px;
  width:60px; 
}
.twitter,.facebook,.dribbble,.youtube,.instagram,.vimeo,.tumblr,.wordpress,.rss,.google,.flickr,.linkedin,.skype,.dropbox{
  -webkit-transition: background-position 80ms ease, opacity 300ms ease;
  -moz-transition: background-position 80ms ease, opacity 300ms ease;
  -ms-transition: background-position 80ms ease, opacity 300ms ease;
  -o-transition: background-position 80ms ease, opacity 300ms ease;
  transition: background-position 80ms ease, opacity 300ms ease;
}
.twitter{background-image:url(images/twitter.png);}
.facebook{background-image:url(images/facebook.png);}
.dribbble{background-image:url(images/dribbble.png);}
.youtube{background-image:url(images/youtube.png);}
.instagram{background-image:url(images/instagram.png);}
.vimeo{background-image:url(images/vimeo.png);}
.tumblr{background-image:url(images/tumblr.png);}
.wordpress{background-image:url(images/wordpress.png);}
.rss{background-image:url(images/rss.png);}
.google{background-image:url(images/googleplus.png);}
.flickr{background-image:url(images/flickr.png);}
.linkedin{background-image:url(images/linkedin.png);}
.skype{background-image:url(images/skype.png);}
.dropbox{background-image:url(images/dropbox.png);}
.twitter:hover,.facebook:hover,.dribbble:hover,.youtube:hover,.instagram:hover,.vimeo:hover,.tumblr:hover,.wordpress:hover,.rss:hover,.google:hover,.flickr:hover,.linkedin:hover,.skype:hover,.dropbox:hover{
	background-position: 0 -60px;
}
footer .social-networks .twitter, footer .social-networks .facebook, footer .social-networks .dribbble, footer .social-networks .youtube, footer .social-networks .instagram, footer .social-networks .vimeo, footer .social-networks .tumblr, footer .social-networks .wordpress, footer .social-networks .rss, footer .social-networks .google, footer .social-networks .flickr, footer .social-networks .linkedin, footer .social-networks .skype, footer .social-networks .dropbox{
	background-size: 20px 40px;
    opacity: 0.8;
}
 footer .social-networks .twitter:hover, footer .social-networks .facebook:hover, footer .social-networks .dribbble:hover, footer .social-networks .youtube:hover, footer .social-networks .instagram:hover, footer .social-networks .vimeo:hover, footer .social-networks .tumblr:hover, footer .social-networks .wordpress:hover, footer .social-networks