/************************
/************************
Designed by : http://responsivewebinc.com
************************/

/* Duru Sans */

@import url(http://fonts.googleapis.com/css?family=Duru+Sans);

/* Open Sans */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);


/* Basic CSS starts */

body{
padding-top:20px;
font-family: 'Duru Sans', sans-serif;
font-size:16px;
line-height:28px;
color:#fff;
background-color:#FFF;
}

h1,h2,h3,h4,h5,h6{
font-family: 'Duru Sans', sans-serif;
text-shadow:0px 1px 1px #222;
}


.padd{
padding:10px;
}

a:active, a:focus { 
border:none;
outline:none;
}

a:-moz-any-link:focus { 
outline:none; 
}

a, a:visited{
color:#9D9D9D;
text-decoration:none;
}

a:hover{
color:#7D7D7D;
text-decoration:none;
}

.tag{
font-size:13px;
line-height:20px;
}

.pw-content{
border-left:2px solid #9F3;  /*D7D7D7*/
padding-left:15px;
}

.form{
margin:10px 0px;
}

.form-horizontal .control-label {
 font-weight:normal;
 font-size:14px;
}



address{
padding-left:
font-size:14px;
line-height:25px;
}

.container{
width:100%;
max-width:1000px;
}

/* Header */

header .container{
background:#FFF;
border:1px solid #DDD;
font-family: 'Duru Sans', sans-serif;
font-size:13px;
color:#9D9D9D;
}

header .logo{
background-image:url('../img/logo.png');
background-repeat:no-repeat;	
height:145px;
text-align:center;
margin:30px 0px 10px 0px;
background-position:center;
}

header .logo p.lmain{
color:#fff;
font-size:40px;
line-height:45px;
text-shadow:0px 2px 1px #222;
}

header .logo p.lsub{
color:#ddd;
font-size:20px;
text-shadow:0px 2px 1px #222;
}

header .info{
/*font-family: 'Duru Sans', sans-serif;
font-size:13px;
color:#9D9D9D;*/
padding:10px 0px;
}

header .info .address{
/*display:inline-block;
width:33%;*/
text-align:left;
}

header .info .city-state{
/*display:inline-block;
width:33%;*/
text-align:center;
}

header .info .phone{
/*display:inline-block;
width:33%; */
text-align:right;
}

/* Header Image */


header a, header a:visited{
color:#ddd;
text-decoration:none;
-webkit-transition:color 1s ease;
-moz-transition:color 1s ease;
-o-transition:color 1s ease;
transition:color 1s ease;
}

header a:hover{
color:#aaa;
-webkit-transition:color 1s ease;
-moz-transition:color 1s ease;
-o-transition:color 1s ease;
transition:color 1s ease;
text-decoration:none;
}

header .header-img{
background-image:url('../img/hero.jpg');
background-repeat:no-repeat;
height:550px;
padding-top:375px;
margin-bottom:15px;
}

#img-text{
background-color:rgba(0,0,10,.5);
height:140px;
padding-top:25px;
margin:0px;
font-family:'Open Sans', sans-serif;
font-size:28px;
text-align:center;
font-variant:small-caps;
letter-spacing:8px;
color:#EEE;
text-shadow:0px 0px 0px #EEE;
}

#img-upr-text{
margin-left:15px;
padding-left:40px;
text-align:left;
}

#img-lwr-text{
padding:30px 40px 0px 0px;
text-align:right;
}

header .header-img strong{
color:#9F3;
font-family:'Duru Sans', sans-serif;
letter-spacing:5px;
text-shadow: 0px 0px 0px #ADFF5C;
}

/* Navigation */


.navigation .container{
padding-left:0px;
padding-right:0px;
}

.navs{
margin:20px 0px;
}

.box{
width:25%;
float:left;
text-align:center;
background:#FFF;
}

.box .top{
font-size:25px;
line-height:30px;
}

.box a, .box a:visited{
color:#5C5C5C;
text-decoration:none;
}

.box a:hover{
color:#7D7D7D;
text-decoration:none;
}

/* About Us */

.box .box-r{
border:1px solid #DDD;
padding:20px 0px 10px 0px;
margin:0px 16px 0px 0px;
}

.content-r{
margin:10px 0px;
background:#727272;
box-shadow:inset 0px 0px 1px #000;
padding:10px;
border:1px solid #5C5C5C;
}

.content-r h2{
color:#9F3;
}

.content-r h4{
padding-top:20px;
text-align:center;
font-size:22px;
font-variant:small-caps;
text-shadow:0px 1px 1px #222;
}

.content-r p, ul{
text-align:justify;
text-shadow:none;
}

.content-r .intro{
font-size:18px;
}

.content-r hr{
max-width:40%;
border: 1px solid #9F3;
}


/* Team */

.box .box-g{
border:1px solid #DDD;
padding:20px 0px 10px 0px;
margin:0px 16px 0px 0px;
}

.content-g{
margin:10px 0px;
background:#5B5B5B;
box-shadow:inset 0px 0px 1px #000;
padding:10px;
border:1px solid #5C5C5C;
}

.content-g h2{
color:#9F3;
}

.content-g p{
padding-top:20px;
color:#D7D7D7;
text-align:justify;
text-shadow:none;
}

.content-g p strong{
color:#F9F9F9;
}


/* Prior Work */

.box .box-b{
border:1px solid #DDD;
padding:20px 0px 10px 0px;
margin:0px 16px 0px 0px;
}

.content-b{
margin:10px 0px;
background:#494949;
box-shadow:inset 0px 0px 1px #000;
padding:10px;
border:1px solid #5C5C5C;
}

.content-b ul{
list-style-type:square;
line-height:32px;
color:#D7D7D7;
text-shadow:none;
}

.content-b h2{
color:#9F3;
}

.content-b h3{
line-height:32px;
}


/* Contact Us */

.box .box-y{
border:1px solid #DDD;
padding:20px 0px 10px 0px;
}

.content-y{
margin:10px 0px;
background:#3A3A3A;
box-shadow:inset 0px 0px 1px #000;
padding:10px;
border:1px solid #ffc354;
}

.content-y h2{
color:#9F3;
}


/* Content */

.content-d{
text-shadow:0px 0px 1px #222;
}

.content-d .border{
height:10px;
margin:5px 0px;

}

.content-d a,.content-d a:visited{
color:#fff;
text-decoration:none;
border-bottom:1px dashed #fff;
}

.content-d a:hover{
border-bottom:none;
text-decoration:none;
}

.profile{
padding:1px;
background:#fff;
border:1px solid #555;
float:left;
margin-top:25px;
margin-right:10px;
width:200px;
}

.social-icons a, .social-icons a:visited, .social-icons a:hover{
border-bottom:none;
}

.social-icons{
margin-top:8px;
margin-bottom:10px;
}

.social-icons i{
display:inline-block;
background:#b32800;
border:1px solid #8f2000;
margin-right:5px;
width:30px;
height:30px;
text-align:center;
line-height:30px;
font-size:18px;
}

/* Resume */

.skills{
	margin-bottom: 10px;
}

.skill{
background:#6e8d00;
color:#fff;
border-radius:5px;
font-size:13px;
line-height:18px;
text-shadow:none;
padding:3px 5px;
border:1px solid #688600;
cursor:pointer;
}

.skill:hover{
background:#587100;
}

/* Portfolio */

.img-portfolio ul{
   margin:0;
   padding:0;
}

.portfolio li{
   display:inline !important;
   border:none !important;
}

.portfolio li a, .portfolio li a:visited{
   color:#777;
   padding:5px 10px;
   margin:0px 5px;
}

.portfolio li a:hover{
   color:#555;
}

#portfolio{
   text-align:center;
   display:inline-block;
}

#portfolio .element{
   margin:10px;
   padding: 0px;
    display:inline-block;
}

#portfolio .pcap{
   padding:3px 0px;
   background:#f9f9f9;
}

#portfolio h4{
   margin:4px 0px;
   padding:0px;
   margin-top: 10px;
   color: #666;
	font-size: 15px;
}

#portfolio a, #portfolio a:visited, #portfolio a:hover{
   color:#666;
   text-decoration:none;
   border:none;
}

#portfolio img{
	width:200px;
	margin:0px;
	padding:5px;
	background:#fff;
	border:1px solid #004659;
	box-shadow:0px 0px 3px #004659;
	border-radius:8px;
}

/* PrettyPhoto */

div.ppt {
   display:none !important;
}

/* Contact */

.gmap{
margin-top:10px;
}

.gmap iframe{
width:97%;
background:#ffc967;
border:1px solid #ffe6b7;
border-radius:8px;
box-shadow:0px 0px 5px #996300;
padding:5px;
}

/* Top */

.top-animation{
margin:10px 0px;
text-align:center;
}

.top-animation a{
color:#333;
}

/* Footer */

footer{
font-size:12px;
margin-top:10px;
margin-bottom:10px;
}

footer .container{
border-top:1px solid #DDD;
padding:10px 0px 0px 0px;
color:#9D9D9D;
text-align:right;
}

footer .social{
margin-top:5px;
}

footer .social a{
display:inline-block;
color:#fff;
font-size:16px;
text-align:center;
width:35px;
height:35px;
line-height:35px;
border-radius:60px;
margin:0px 2px;
text-shadow:0px 0px 1px #222;
}

footer .social a.facebook{
background:#1e78ae;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

footer .social a.twitter{
background:#1ba1e2;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

footer .social a.linkedin{
background:#2d93cf;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

footer .social a.google-plus{
background:#f22d0c;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

footer .social a:hover{
background:#222;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

/* Responsive */

@media (max-width: 810px){
   .container{
		width:100%;
	}
	
	header .container{
	   margin-left:5px;
	   margin-right:5px;
   }
	
	header .info .address{
		text-align:center;
	}

	header .info .phone{
		text-align:center;
	}
	
   header .logo{
   text-align:center;
   margin:30px 0px 0px 0px;
   }
   
   header .logo p.lmain{
   font-size:30px;
   line-height:35px;
   }
   
   header .logo p.lsub{
   font-size:15px;
   }
   
   header .header-img{
   background-image:url('../img/hero_tablet.jpg');
   background-repeat:no-repeat;
   height:443px;
   padding-top:300px;
   margin-bottom:15px;
   }
   
   #img-text{
	letter-spacing:5px;
   }
   
    .box{
	width:48%;
	margin:5px 0.7%;
	float:left;
	text-align:center;
	border:0px solid #DDD;
	}   	
	.box .top{
	font-size:22px;
	line-height:25px;
	}
		
	.box-r, .box-b{
		padding:15px 0px 5px 0px;
		margin:0px 8px 0px 20px;
	}
	
	.box-g{
		padding:15px 0px 5px 0px;
		margin:0px 0px 0px 10px;
	}
	
	.box-y{
		padding:15px 0px 5px 0px;
		margin:0px 16px 0px 0px;
	}
	

	footer{
		text-align:center;
	}
}


@media (max-width: 510px){
   
   footer span.pull-right{
   display:block;
   float:none;
   }
   
   header .logo{
   background-image:url('../img/logo_phone.png');
   background-repeat:no-repeat;	
   height:112px;
   }
   
   header .container{
	   margin:0px 5px 0px 10px;
   }
   
   header .header-img{
   background-image:url('../img/hero_phone.jpg');
   background-repeat:no-repeat;
   background-position:center;
   height:313px;
   padding-top:155px;
   margin-bottom:15px;
   }
   
    #img-text{
    height:80px;
	padding-top:5px;
	font-size:20px;
	letter-spacing:5px;
   }
   
   #img-lwr-text, #img-upr-text{
	   padding:0px 10px;
   }
   
   .box{
	width:100% !important;
	margin:5px 5px 5px 20px!important;
	float:none !important;
	display:block;
	text-align:center;
	border:0px solid #DDD;
	}
	.box .top{
	font-size:19px !important;
	line-height:23px;
	}
	.box-g, .box-b, .box-y, .box-r{
	padding:10px 0px 0px 0px;	
	}	
	
	.box-y{
		margin-left:0px;
		margin-right:16px;
	}
}

@media (max-width: 980px){
	

}

@media (max-width: 979px){

}