/* 
* Theme Author: @heyallanmoreno 
* Theme Name: Venture Portfolio Theme
* Version: 1.0
*/
   
/********************************************************
      Page Styles
********************************************************/

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
   
body {  
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
  padding-bottom: 0;
  font-weight: 400;
  background: #fff;
  font-family: 'Ubuntu', sans-serif;
}
h1, h2, h3, h4, h5, em, strong, .call-to-action, .dropcap {
    font-family: 'Lato', sans-serif;
}
.headline .description {
  font-size: 16px;
}
h2 {
  margin-bottom: 45px;
  background: url("../assets/lines.png") center 57% repeat-x; /* h2 dividers */
}
h4 {
  font-size: 26px;
  font-weight:bold;
  padding-bottom:15px;
  text-align:center;
  line-height: 35px;

 }
h2 em {
  padding-right: 10px;
  background: #fff;
  
}
a { /* page hyperlinks */
  color: #D22929;
  text-decoration: none;
}
a:hover {
  color: #9E2020;
  text-decoration: none;
}
section {
  padding-top: 80px;
}
.cv{
	 margin-left: 5px;
}

.well {
  background-color: #FFF;
  border: 1px solid #DDD;
  border: 1px solid rgba(221, 221, 221, 1);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;   
  -webkit-box-shadow: 0 0 2px #CCC;
     -moz-box-shadow: 0 0 2px #CCC;
          box-shadow: 0 0 2px #CCC;
}

.specialImage{
  position:fixed;
  bottom:0;
  right:0;
  z-index:100; /* or higher/lower depending on other elements */
}


span.dropcap {
  display: inline-block;
  float: left;
  width: 30px;
  height: 32px;
  margin-right: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #f99100;
}
hr {
  border-bottom: 0;
  border-color: #CCC;
}
.up {
  float: right;
  padding-left: 10px;
  color: #333;
  background: #F2F2F2;
  -webkit-transition: -webkit-transform 0.2s ease;
     -moz-transition: -moz-transform 0.2s ease;
          transition: transform 0.2s ease;
}
.up:hover {
  color: #CC000;
  -webkit-transform: scale(1.25);
     -moz-transform: scale(1.25);
       -o-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-transform-origin: center center;
     -moz-transform-origin: center center;
       -o-transform-origin: center center;
          transform-origin: center center;
}
img.framed {
  margin-bottom: 10px;
  border: 10px solid #FFF;
  -moz-box-shadow:    0 0 7px #CCC;
  -webkit-box-shadow: 0 0 7px #CCC;
  box-shadow:         0 0 7px #CCC;
}

/********************************************************
      NavBar Styles
********************************************************/

.navbar-inner {
  border-bottom: 1px solid #222;
  background: #000;
}
.nav .active > a,
.nav .active > a:hover {
  background-color: #000 !important;
  color: #FFF !important;
}
.btn-navbar { /* collapsible button */
  color: #FFF;
  text-shadow: none;
}
.btn-navbar:hover {
  color: #FFF;
}
.navbar a.brand, .navbar {
  font-weight: 400;
  -webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}

/********************************************************
      Header & Carousel
********************************************************/
.aligncenter {
display: block;
margin: 5px auto;
}

header {  
  width: auto;
  margin-top: -20px;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #000 url("../assets/header-bg.png") center top no-repeat;
}
header, header h1, header h2, header p {
  color: #F2F2F2;
  text-shadow:  0px 1px 1px rgba(0, 0, 0, 0.6);
  text-rendering: auto;
}
header h2 {
  background: none;
}
.headline {
  text-align: center;
}
.headline h1 {
  padding: 10px;
  font-size: 50px;
}
header div.container div.row.animated {
  -webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}
.carousel {
  margin-top: 40px;
}
.carousel {
  line-height: 1.2;
}
.carousel-control {
  font-weight: 400;
}

/********************************************************
      Strip & Call To Action)
********************************************************/

.strip {
  padding: 30px 0;
  margin-bottom: -80px;
	color: #000;
  text-align: center;
}
.strip a.btn {
	margin: 5px;
}
.call-to-action {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
}

/********************************************************
      Feature List
********************************************************/
#home{
	padding-top:20px;
}
.feature {
  margin-bottom: 15px;
}
.feature img.thumb {
  float: left;
  margin: 5px 15px 5px 0px;
  border: 5px solid #FFF;
  -webkit-box-shadow: 0 0 8px #AAA;
     -moz-box-shadow: 0 0 8px #AAA;
          box-shadow: 0 0 8px #AAA;
}

/********************************************************
      Custom Bootstrap Buttons
********************************************************/

.btn {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.btn-primary {
  background-color: #006dcc;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #005fbf, #003f7f);
  background-image: -ms-linear-gradient(top, #005fbf, #003f7f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005fbf), to(#003f7f));
  background-image: -webkit-linear-gradient(top, #005fbf, #003f7f);
  background-image: -o-linear-gradient(top, #005fbf, #003f7f);
  background-image: linear-gradient(top, #005fbf, #003f7f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'005fbf, endColorstr='#'003f7f, GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #003f7f;
}
.btn-primary:active, .btn-primary.active {
  background-color: #003399 \9;
}
.btn-warning {
  background-color: #faa732;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fbb450, endColorstr='#'f89406, GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
}
.btn-warning:active, .btn-warning.active {
  background-color: #c67605 \9;
}
.btn-red {
  background-color: #f18600;
	color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-image: -moz-linear-gradient(top, #f18600, #fea12d);
	background-image: -ms-linear-gradient(top, #f18600, #fea12d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f18600), to(#fea12d));
	background-image: -webkit-linear-gradient(top, #f18600, #fea12d);
	background-image: -o-linear-gradient(top, #f18600, #fea12d);
	background-image: linear-gradient(top, #f18600, #fea12d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'d12825, endColorstr='#'b20500, GradientType=0);
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-red:hover,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
	background-color: #fea12d;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-red:active, .btn-red.active {
	background-color: #942a25 \9;
}
.btn-danger {
  background-color: #da4f49;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #bf005f, #7f003f);
  background-image: -ms-linear-gradient(top, #bf005f, #7f003f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bf005f), to(#7f003f));
  background-image: -webkit-linear-gradient(top, #bf005f, #7f003f);
  background-image: -o-linear-gradient(top, #bf005f, #7f003f);
  background-image: linear-gradient(top, #bf005f, #7f003f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'bf005f, endColorstr='#'7f003f, GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #7f003f}
.btn-danger:active, .btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  background-color: #5bb75b;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #5fbf00, #3f7f00);
  background-image: -ms-linear-gradient(top, #5fbf00, #3f7f00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5fbf00), to(#3f7f00));
  background-image: -webkit-linear-gradient(top, #5fbf00, #3f7f00);
  background-image: -o-linear-gradient(top, #5fbf00, #3f7f00);
  background-image: linear-gradient(top, #5fbf00, #3f7f00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'5fbf00, endColorstr='#'3f7f00, GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #3f7f00;
}
.btn-success:active, .btn-success.active {
  background-color: #408140 \9;
}

#hire_me {
margin-top:-22px;
text-align: center;
clear: both;
}

.btn-info {
  background-color: #49afcd;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #25b3db, #118bad);
  background-image: -ms-linear-gradient(top, #25b3db, #118bad);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#25b3db), to(#118bad));
  background-image: -webkit-linear-gradient(top, #25b3db, #118bad);
  background-image: -o-linear-gradient(top, #25b3db, #118bad);
  background-image: linear-gradient(top, #25b3db, #118bad);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'25b3db, endColorstr='#'118bad, GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #118bad;
}
.btn-info:active, .btn-info.active {
  background-color: #24748c \9;
}

/********************************************************
      Portfolio (Custom Bootstrap Thumbnails)
********************************************************/

.thumbnail {
  position: relative;
  display: block;
  padding: 10px;
  border: 1px solid #CCC;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #333;
  background: #FFF;
  -webkit-transition: -webkit-transform 0.2s ease;
     -moz-transition: -moz-transform 0.2s ease;
          transition: transform 0.2s ease;
}
.thumbnail:hover {
  color: #333;
  text-decoration: none;  
 -moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
display: block;
	opacity: 9;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
}
	
}

.thumbnail .caption {
  padding: 0 0 0 0;
}
.thumbnail hr {
  margin: 6px 0;
}

.portfolio-item-four.first-child {
margin-left: 0;
}
.portfolio-item-four {
width: 24.9%;
margin-left: 1px;
margin-bottom: 1px;
}
.column:first-child, .columns:first-child, .first-child {
margin-left: 0px;
clear: left;
}
.column, .columns {
margin-left: 4.4%;
margin-bottom: 25px;
float: left;
min-height: 1px;
position: relative;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}




/********************************************************
     Custom Media Query Styles
********************************************************/

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  header, footer {
    margin-right: -20px;
    margin-left: -20px;
    }
  #myCarousel {
    padding: 20px;
    }
}
@media (max-width: 1200px) {
  img {
    max-width: 100%;
  }
  header {

  }
}

/********************************************************
      Responsive Videos
********************************************************/
.viewlarg{
	padding: 0.5em 0 0.5em 0;
	width:100%;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	background-color: #FAA732;
background-image: -moz-linear-gradient(top, #FBB450, #F89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBB450), to(#F89406));
background-image: -webkit-linear-gradient(top, #FBB450, #F89406);
background-image: -o-linear-gradient(top, #FBB450, #F89406);
background-image: linear-gradient(to bottom, #FBB450, #F89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
border-color: #F89406 #F89406 #AD6704;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}


.video-container {
  position: relative;
  padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

	border: solid 10px #FFF;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/********************************************************
      Footer
********************************************************/

footer {
  width: auto;
  margin-top: 40px;
  color: #F2F2F2;
  border-top: 10px solid #000;
  background: #1A1A1A;
}
footer > div.container {
  padding: 30px;
  border-bottom: 1px solid #000;
}
footer div.base {
  width: auto;
  padding-top: 15px;
  margin-top:30px;
  padding-bottom: 8px;
  border-top: 1px solid #292929;
  background: #000;
}
footer p {
  color: #999;
}
footer ul {
  list-style: none;
  margin: 5px 0 9px 0;
}
footer a {
  font-weight: normal;
  color: #999;
}
footer a:hover,
footer a:active {
  color: #FFF;
  text-decoration: none;
}
footer hr {
  border-top: 1px solid #222;
}




#networks {
	max-width:928px;
	min-height:80px;
	background: transparent url(../images/network/shadow.png) center bottom no-repeat;
	margin-bottom:16px;

}
#networks .link {
	float: left;
	height: 78px;
	border: none;
}

#networks #email {
	height: 75px;
	width: 56px;
	padding-top: 15px;
	margin-left: 10px;
	margin-right: 20px;
}

#networks #googleplus {
	height: 77px;
	width: 95px;
	padding-top: 15px;
	margin-left: 29px;
	margin-right: 20px;	
}
#networks #twitter {
	width: 81px;
	padding-top: 15px;
	margin-left: 25px;
	margin-right: 20px;	
}
#networks #dribble {
	width: 77px;
	padding-top: 15px;
	margin-left: 34px;
	margin-right: 20px;	
}

#networks #behance {
	width: 81px;
	padding-top: 15px;
	margin-left: 33px;
	margin-right: 20px;	
}
#networks #facebook {
	width: 96px;
	padding-top: 15px;
	margin-left: 22px;
	margin-right: 20px;	
}
#networks #linkedin {
	width: 87px;
	padding-top: 15px;
	margin-left: 22px;
	margin-right: 20px;	
}

#socialnetworks {
	min-height:80px;
	margin-top:0px;
}



/* General Styles */


/* Thumbnails */

.thumbnails li a.thumbnail {
	border: 1px solid #CCC;
	padding: 10px;
	margin-bottom: 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
	
}

.thumbnails li a.thumbnail img {
	margin: 0;
}

.thumbnails li a.thumbnail .caption {
	display: block;
	background: #222;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.thumbnails li a.thumbnail:hover .caption {
	opacity: 0.9;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
	
}

.thumbnails li a.thumbnail .caption i {
	display: block;
	font-size: 40px;
	color: #EEE;
	position: absolute;
	left: 45%;
	top: 45%;
	margin: -25px 0 0 -25px;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.thumbnails li a.thumbnail:hover .caption i {
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* Socials */