@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
body{margin:0px;padding:0px;font-family:"Roboto";}
#wrapper{display:none;}
.loader-inner{width: 80px;
  margin: -20px auto auto auto;
}
.content2 a {
  color: orange;
  text-decoration: none;
}
.loader{position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-80px;}
.loader h2{font-weight:300;text-align:center;font-size:50px;color:#777;}
.ball-pulse > div{background:#e61d80!important;}
a{transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;border:none;outline:none;}
#banner-wrapper{width:100%;height:465px;background:url(../images/top-bg.jpg) repeat-x;border-bottom:solid 1px #73bccb;border-top:solid 3px #063c46;}
#banner{max-width:1170px;margin:auto;}
#banner #banner-left{float:left;width:503px;}
#banner #banner-right{width:100%;}
#banner #banner-right #nav{display:table;margin:50px auto 0px auto;}
#banner #banner-right #nav ul{margin:0px;padding:0px;list-style:none;}
#banner #banner-right #nav ul li{float:left;margin:0px 16px 0px 0px;}
#banner #banner-right #nav ul li a{display:block;height:40px;line-height:40px;font-size:18px;font-weight:300;color:#fff;text-decoration:none;border:solid 1px #fff;padding:0px 10px;}
#banner #banner-right #nav ul li a:hover{background:#fff;color:#333;}
.clr{clear:both;}
#banner #banner-right #myblock{font-size:40px;font-weight:800;color:#fff;text-shadow:0px 0px 0px #fff;text-align:center;width:100%;margin-top:50px;}
#banner #banner-right #myblock span{display:block;font-size:22px;font-weight:300;text-shadow:none;}
#banner #banner-right #social{margin-top:5px;}
.content{max-width:1170px;margin:-100px auto 0px auto;}
.content2{max-width:1170px;margin:30px auto 30px auto;}
.content h2{text-align:center;font-size:35px;font-weight:300;color:#333;}
.content2 h2{text-align:center;font-size:35px;font-weight:300;color:#333;}
p.center{text-align:center;font-size:22px;font-weight:300;}
.content-full{width:100%;padding:20px 0px;}
.yellow{background:#f2ef75;}
.grey{background:#eee;}
.white{color:#fff!important;}
.skillsbg{background:url(../images/skillsbg.jpg) center;}
#skills{display:table;margin:auto;}
#skills .skill{display:table-cell;width:200px;padding:0px 10px;}
#skills .skill img{border-radius:160px;width:160px;display:table;margin:auto;border:solid 1px #000;}
#skills .skill strong{display:block;text-align:center;margin:10px 0px;font-size:20px;color:#fff;font-weight:400;}
.aboutmebg{background:url(../images/aboutmebg.jpg) center;}
.mypic{border:solid 7px #fff;border-radius:180px;}
.work-box{width:250px;height:250px;margin:15px;background:#ccc;float:left;border:solid 3px #fff;outline:solid 1px #ccc;overflow:hidden;}
.work-box .viewmore{width:250px;height:250px;position:relative;z-index:999;background:rgba(0,0,0,.8);margin-top:250px;}
.work-box .viewmore strong{font-weight:400;color:#fff;position:relative;top:100px;}
.work-box .viewmore strong a{font-weight:300;text-decoration:none;color:#fff;display:inline-block;padding:5px;border:solid 1px #ccc;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;margin-top:10px;}
.work-box .viewmore strong a:hover{background:#fff;color:#000;}
#footer{width:100%;background:#3165ac;padding:30px 0px 60px 0px;margin-top:60px;}
#footer #footer-content{max-width:1170px;margin:auto;}
#footer #footer-content h2{color:#fff;font-weight:300;font-size:38px;text-align:center;}
#footer #footer-content .footer-left{width:45%;margin-right:5%;float:left;}
#footer #footer-content .footer-right{width:50%;float:left;}
#contact-num-wrapper{display:table;margin:auto;}
#contact-num-wrapper .contact-box{float:left;font-size:20px;color:#fff;font-weight:300;margin:10px;border:solid 1px #fff;padding:5px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#contact-num-wrapper .contact-box img{float:left;margin-right:10px;}
#pull{display:none;color:#fff;margin:auto;padding:10px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border:solid 1px #ccc;cursor:pointer;}
#pull img{float:left;margin-right:10px;}
@media (min-width:641px) and (max-width:1023px)
{
	#skills .skill{display:table-cell;width:90px;padding:0px 10px;}
	#skills .skill img{border-radius:100px;width:70px;display:table;margin:auto;border:solid 1px #000;}
}
@media (min-width:481px) and (max-width:640px)
{
	#skills .skill{display:table-cell;width:90px;padding:0px 10px;}
	#skills .skill img{border-radius:100px;width:70px;display:table;margin:auto;border:solid 1px #000;}
	#pull{display:table;}
	#nav ul{display:none;position:absolute;background:#fff;margin:auto auto auto -20px!important;z-index:9999999999!important;}
	#nav ul li{float:none!important;}
	#nav ul li a{color:#333!important;text-align:center;}
	.work-box{float:none;display:block;margin:10px 0px;}
	#contact-num-wrapper .contact-box{  display: table;
  float: none;
  margin: 10px auto;}
  #aboutme p{font-size:17px;}
}
@media (min-width:220px) and (max-width:480px)
{
	#skills .skill{display:table-cell;width:200px;padding:0px 10px;display:block;float:none;}
#skills .skill img{border-radius:160px;width:160px;display:table;margin:auto;border:solid 1px #000;}
.work-box{float:none;display:block;margin:10px 0px;}
#contact-num-wrapper .contact-box{  display: table;
  float: none;
  margin: 10px auto;}
  #pull{display:table;}
	#nav ul{display:none;position:absolute;background:#fff;margin:auto auto auto -20px!important;z-index:9999999999!important;}
	#nav ul li{float:none!important;}
	#nav ul li a{color:#333!important;text-align:center;}
	 #aboutme p{font-size:17px;}
}