/*!
 * www.rodrigotechera.com v1.0
 * Copyright 2015.
*/
body{
	font-family:'Source Sans Pro',arial;
	color:#3f3f3f;
	overflow-x:hidden; 
}
/*Global*/
::selection{
	background:rgba(0,180,255,0.6);
	color:#FFF;
}
::-moz-selection{
	background:rgba(0,180,255,0.6);
	color:#FFF;
}
a{
	color:#00b4ff;
}
a:hover{
	color:#00b4ff;
	text-decoration:none;
}
a:focus,
a:active{
	outline:none;
}
/*Mobile Menu*/
.toggle-menu{
	float:right;
	margin:18px 0 0 10px;
	padding:5px;
	color:#FFF;
	display:none;
}
.toggle-menu:hover,
.toggle-menu:focus,
.toggle-menu:active{
	color:#FFF;
}
/*Header*/
header{
	background-color:#2e2e2e;
}
header .container{
	position:relative;
}
header a.logo{
	display:inline-block;
	background:url(../img/logo.png) no-repeat center;
	width:40px;
	height:45px;
	margin:15px 0 10px;
}
header .nav{
	float:right;
}
header .nav a{
	border-radius:0;
	color:#fff;
	font-size:18px;
	margin:0 20px;
	padding:26px 0 23px;
	text-transform:uppercase
}
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover{
	color:#FFF;
	background:transparent;
}
.nav-pills > li.active > a,
.nav-pills > li:hover > a,
.nav > li > a:focus,
.nav > li > a:hover{
	background-color:transparent;
	color:#FFF;
}
.nav-pills > li.active > a{
	box-shadow:inset 0 -5px 0 0 #00b4ff;
}
/*Intro*/
.intro{
	background:url(../img/intro.jpg) no-repeat center top #6b858a;
	background-size:cover;
}
.intro h1{
	color:#FFF;
	font-size:50px;
	line-height:64px;
	margin:190px 0;
}
.intro h1 strong{
	font-size:60px;
	line-height:70px;
	font-weight:normal;
}
.intro h1 span{
	color:#00b4ff;
}
/*Tagline*/
.tagline{
	padding:40px 0;
	background-color:#fbfbfb;
	border-bottom:solid 1px #ebeaea;
}
.tagline .container{
	position:relative;
}
.tagline h3{
	font-size:22px;
	line-height:42px;
	margin-bottom:20px;
	margin-top:25px;
	padding:0 40px;
}
.tagline span{
	color:#00b4ff;
	font-size:150px;
	left:0;
	line-height:108px;
	position:absolute;
	top:0;
}
.tagline span:nth-child(2){
	left:auto;
	right:0;
}
/*Skills*/
.skills{
	padding:50px 0 20px;
}
.skills h2,
.work h2{
	font-size:32px;
	border-bottom:solid 1px #ebeaea;
	padding-bottom:15px;
	margin-bottom:40px;
}
.skills i,
.work i{
	float:right;
	margin-left:10px;
	color:#00b4ff;
}
.skills h4{
	margin:0;
}
.skills .row{
	margin-bottom:30px;
}
.progress{
	border-radius:0;
	box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;
	margin-bottom:0;
}
.progress-bar{
	background-color:#00b4ff;
	box-shadow:0 1px 0 rgba(255,255,255,0.4) inset
}
/*Work*/
.work{
	padding-bottom:60px;
}
.work .row{
	margin-bottom:25px;
}
.work h3{
	font-size:28px;
	border-bottom:solid 1px #ebeaea;
	padding-bottom:10px;
	margin-bottom:0;
}
.work .detail{
	border-bottom:solid 1px #ebeaea;
	background-color:#fbfbfb;
	padding:20px;
	text-align:right;
}
.work .detail p{
	font-size:16px;
	line-height:26px;
	text-align:left;
}
.work a.toggle-details{
	margin-top:15px;
	display:inline-block;
}
/*About*/
.about{
	background-color:#fbfbfb;
	border-top:solid 1px #ebeaea;
	padding:40px 0 20px;
}
.about p{
	font-size:16px;
	line-height:26px;
	margin-bottom:20px;
}
.about p:first-child{
	margin-top:10px;
}
.about .col-sm-3{
	text-align:right;
}
.about .col-sm-3 img{
	margin-bottom:20px;
	max-width:100%;
}
/*Footer*/
footer{
	background-color:#2e2e2e;
	padding:30px 0;
}
footer h2{
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
	color:#f9f9f9;
	font-size:22px;
	margin-bottom:25px;
	margin-top:0;
	padding-bottom:15px;
}
footer p{
	color:#bebebe;
	font-size:16px;
	line-height:26px;
	margin-bottom:20px;
}
footer h4{
	color:#bebebe;
}
footer a.icon{
	color:#bebebe;
	margin-right:15px;
	transition:all 0.3s ease;
}
footer a.icon:hover{
	color:#f9f9f9;
}
footer .form-control{
	border:none;
	resize:none;
	border-radius:0;
	background-color:#3a3a3a;
}
footer .form-control:focus{
	box-shadow:none;
}
footer .btn-default{
	background-color:#00b4ff;
	border:medium none;
	border-radius:0;
	box-shadow:0 0 0 1px rgba(0,0,0,0.3) inset, 0 2px 0 rgba(255,255,255,0.3) inset;
	color:#fff;
	float:right;
	font-size:16px;
	padding:8px 0;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	width:100%;
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover{
    background-color:#00b4ff;
    border:none;
    color:#FFF;
}
.alert{
	border-radius:0;
	margin-bottom:10px;
	padding:10px 15px;
}
/*Hide elements*/
.hide{
	display:none;
}
/*************************************/
/************MEDIA QUERIES************/
/*************************************/
/*992*/
@media screen and (max-width:992px){
	.work .row{
		margin-bottom:0;
	}
	.work .row > div{
		margin-bottom:40px;
	}
}
/*767*/
@media screen and (max-width:767px){
	.toggle-menu{
		display:block;
	}
	header .nav{
		background:#2e2e2e;
		position:absolute;
		right:-120%;
		top:85px;
		width:250px;
		z-index:20;
		padding:25px 0;
		transition:right 0.6s ease;
	}
	header .nav.active{
		right:10px;
	}
	.nav-pills >li{
		float:none;
	}
	header .nav a{
		padding:15px 0 17px;
	}
	.nav-pills > li.active > a{
		box-shadow:none;
		color:#00b4ff;
	}
	.tagline span{
		display:none;
	}
	.tagline h3{
		box-shadow:10px 0 0 #00b4ff inset, -10px 0 0 #00b4ff inset;
		padding:10px 40px;
	}
	.skills h4{
		margin:0 0 20px;
	}
	.about .col-sm-3{
		text-align:center;
	}
	.form-panel{
		margin-top:30px;
	}
}
/*600*/
@media screen and (max-width:600px){
}