@charset "UTF-8";
/* CSS Document */

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
	opacity:.9;
}


/*************************/

button.close {
	margin-right:25px;
	font-size:50px;
	outline:none;
}

.portfolio-modal .modal-content {
	padding:20px 0;
}

.portfolio-modal .modal-content h2 {
	margin-top:0px;
}

section h2.section-heading {
	font-size:55px;
	margin-bottom:0px !important;
}

h3 {
	font-size:20px !important;
}

.navbar-custom .navbar-brand {
	color:#000;
}

.navbar-brand img {
	margin-top:-28px;
	max-height:70px;
	-webkit-transition: max-height .3s;
    -moz-transition: max-height .3s;
    transition: max-height .3s;
	max-width:200px;
}

.navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover {
	color:#000;
}

.btn {
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 0;
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 100%!important;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}


.btn-circle:focus, .btn-circle:hover {
    outline: 0;
    color: #fff !important;
    background: rgba(255,255,255,.2);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
	animation-duration:1s;
	transition-property:all;
	font-size:40px;
}

.btn-circle:hover i.animated {
	animation-name:pulse;
	animation-duration:1s;
	animation-iteration-count:infinite;
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
	color:#FFF !important;
	font-size:45px;
}

section#about p {
	text-indent:30px;
	text-align:justify;
}

section#contact {
    background-image: url(../img/peoplework.png);
    background-position: center;
    background-repeat: no-repeat;
	background-size:cover;
	padding-top:120px;
	padding-bottom:100px;
}

.form-control {
	font-size:16px;
}

section#contact .form-group input, section#contact .form-group textarea {
	padding:8px;
	resize:none;
}

section#contact .form-group textarea.form-control {
	height:125px;
}

#video {
	margin-top:30px;
	text-align:center;
}

#mapa {
	margin:0px 0px 15px;
}

#contact h4 {
	font-size:21px;
}

#tel-end {
	margin-bottom: 15px;
    border-radius: 4px;
    padding: 0px 15px 15px;
}

#mapa iframe {
	width:100%;
	height:200px;
}

section#contact .text-danger ul {
	padding-left:10px;
}

section#contact .text-danger li {
	list-style:none;
}

section {
	padding:100px 0;
}

header .intro-text .intro-lead-in p {
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: italic;
    font-size: 22px;
    line-height: 22px !important;
    margin-bottom: 25px !important;
}

header .intro-text .intro-heading p {
    font-size: 1.02em;
}

.hr {
	width: 50px;
    border: 1px solid #eee;
    margin-top: 15px;
	margin-bottom:50px;
}

@media (min-width: 768px) {
	.hr {
		width: 80px;
	}

	header .intro-text .intro-lead-in p {
		font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
		font-style: italic;
		font-size: 40px;
		line-height: 40px !important;
	}

	header .intro-text .intro-heading p {
		font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 75px;
		line-height: 75px !important;
		margin-bottom: 50px;
	}

	.affix .navbar-brand img {
		max-height:50px;
		margin-top:-17px;
	}
	
	footer .col-md-4:first-child {
		text-align:left;
	}
	
	footer .col-md-4:last-child {
		text-align:right;
	}
	
	footer .col-md-4:last-child img {
		margin-top:-8px;
		height:50px;
	}
	
	#about img {
		float: left;
		margin-right: 30px;
		margin-left:30px;
		margin-bottom:15px;
	}
}

@media (max-width: 767px) {
	.navbar-brand img {
		height:50px;
		margin-top:-13px;
	}
	
	header .intro-text .intro-heading {
		font-size:2.5em;
	}
	
	footer .col-md-4:last-child img {
		margin-top:15px;
		height:50px;
	}
	
	#video iframe {
		width:100%;
		height:250px;	
	}
	
	#about img {
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 15px;
	}
	
	button.close {
		margin-right:5px;
		margin-top:-25px;
		font-size:40px;
		outline:none;
	}
	
	.portfolio-modal .container {
		margin-top:6px;
	}
	
	section h2.section-heading {
		font-size:2.5em;
	}
	
	#contact h4 {
		font-size:1.3em;
	}
	
	
}

@media (max-width: 400px) {
	.portfolio-link img {
		width:100% !important;
		max-width:100% !important;
	}
	
	.portfolio-link {
		height:auto !important;
	}
}

#success {
	display:none;
}