/*!
 * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 .btn-primary.active,.btn-primary:active,.btn-xl.active,.btn-xl:active,.open .dropdown-toggle.btn-primary,.open .dropdown-toggle.btn-xl{background-image:none}
 body{
 	overflow-x:hidden;font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
 	webkit-tap-highlight-color:#fed136
 }
 .btn-primary,.btn-xl,h1,h2,h3,h4,h5,h6{
 	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 	text-transform:uppercase;font-weight:700
 	}
 .text-muted{
 	color:#777}
 .text-primary,a{
 	color:#fed136
 	}
 p{
 	font-size:14px;
 	line-height:1.75
 	}
 p.large{
 	font-size:16px
 	}
 a,a.active,a:active,a:focus,a:hover{
 	outline:0
 	}
 a.active,a:active,a:focus,a:hover{
 	color:#fec503
 	}
 .img-centered{
 	margin:0 auto
 	}
 .bg-light-gray{
 	background-color:#eee
 	}
 .bg-darkest-gray{
 	background-color:#222
 	}
 .btn-primary{
 	color:#fff;background-color:#fed136;border-color:#fed136
 	}
 .btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{
 	color:#fff;
 	background-color:#fec503;
 	border-color:#f6bf01
 	}
 .btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{
 	background-color:#fed136;
 	border-color:#fed136
 	}
 .btn-primary .badge{
 	color:#fed136;
 	background-color:#fff
 	}
 .btn-xl{
 	color:#fff;
 	background-color:#fed136;
 	border-color:#fed136;
 	border-radius:3px;
 	font-size:18px;
 	padding:20px 40px
 	}
 .btn-xl.active,.btn-xl:active,.btn-xl:focus,.btn-xl:hover,.open .dropdown-toggle.btn-xl{
 	color:#fff;
 	background-color:#fec503;
 	border-color:#f6bf01
 	}
 .btn-xl.disabled,.btn-xl.disabled.active,.btn-xl.disabled:active,.btn-xl.disabled:focus,.btn-xl.disabled:hover,.btn-xl[disabled],.btn-xl[disabled].active,.btn-xl[disabled]:active,.btn-xl[disabled]:focus,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl,fieldset[disabled] .btn-xl.active,fieldset[disabled] .btn-xl:active,fieldset[disabled] .btn-xl:focus,fieldset[disabled] .btn-xl:hover{
 	background-color:#fed136;
 	border-color:#fed136
  }
 .btn-xl .badge{
 	color:#fed136;
 	background-color:#fff
 	}
 .navbar-custom{
 	background-color:#222;
 	border-color:transparent
 	}
 .navbar-custom .navbar-brand{
 	color:#fed136;
 	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif
 	}
 .navbar-brand{
 	font-size: 12px
 }
 .navbar-custom .navbar-brand.active,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover{
 	color:#fec503;
 	}
 .navbar-custom .nav li a,.navbar-custom .navbar-toggle{
 	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;
 	text-transform:uppercase
 	}
 .navbar-custom .navbar-collapse{
 	border-color:rgba(255,255,255,.02)
 	}
 .navbar-custom .navbar-toggle{
 	background-color:#fed136;
 	border-color:#fed136;
 	font-size:12px}
 .navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover{
 	background-color:#fed136}
 .navbar-custom .nav li a{
 	font-weight:400;
 	letter-spacing:1px}
 .navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{
 	color:#fed136;outline:0}
 .navbar-custom .navbar-nav>.active>a{
 	border-radius:0;
 	color:#fff;
 	background-color:#fed136}
 .navbar-custom .navbar-nav>.active>a:focus,.navbar-custom .navbar-nav>.active>a:hover{
 	color:#fff;
 	background-color:#fec503}
 @media (min-width:768px){
 		.navbar-custom{
 			background-color: rgba(0,0,0,0.6); /*transparent;*/ /*  <<<-- menu transparent */
 			padding:25px 0;
 			-webkit-transition:padding .3s;
 			-moz-transition:padding .3s;
 			transition:padding .3s;
 			border:none;
 			border-bottom: solid 2px #2874A6}
 		.navbar-custom .navbar-brand{
 			font-size:1.4em;
 			-webkit-transition:all .3s;
 			-moz-transition:all .3s;
 			transition:all .3s}
 		.navbar-custom .navbar-nav>.active>a{
 			border-radius:3px}
 		.navbar-custom.affix{
 			background-color:#222;
 			padding:10px 0}
 		/*.navbar-custom.affix .navbar-brand{
 			font-size:1.5em}*/
 	}
 header{
 	background-image:url(../img/3.jpg);
 	background-repeat:no-repeat;
 	background-attachment:scroll;
 	background-position:center center;
 	-webkit-background-size:cover;
 	-moz-background-size:cover;
 	background-size:cover;
 	-o-background-size:cover;
 	text-align:center;
	color:#fff;
	overflow: hidden;
}
/*@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	    background-image: url(../images/1.jpg);
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	     background-image: url(../images/2.jpg);
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	     background-image: url(../images/3.jpg);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
		 background-image: url(../images/4.jpg);
	}
	25% {
	    opacity: 0;
	    -transform: scale(1.1) translateY(-100%);
	     background-image: url(../images/5.jpg);
	}
	100% { opacity: 0 }
}*/


 header .intro-text{
 	padding-top:100px;
 	padding-bottom:200px}
 header .intro-text .intro-lead-in{
 	font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 	font-style:italic;
 	font-size:32px;
 	line-height:22px;
 	margin-bottom:25px}
 header .intro-text .intro-heading{
 	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 	text-transform:uppercase;
 	font-weight:600;
 	font-size:20px;
 	line-height:50px;
 	margin-bottom:25px
 	}
 @media (min-width:768px){
 	header .intro-text{
 		padding-top:300px;
 		padding-bottom:600px}
 	header .intro-text .intro-lead-in{
 		font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 		font-style:italic;
 		font-size:40px;
 		line-height:40px;
 		margin-bottom:25px}
 		header .intro-text .intro-heading{
 			font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 			text-transform:uppercase;
 			font-weight:700;
 			font-size:75px;
 			line-height:75px;
 			margin-bottom:50px}
 	}
 #product .portfolio-item .portfolio-caption p,section h3.section-subheading{
 	font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 	font-style:italic}
 section{
 	padding:100px 0
 	}
 section h2.section-heading{
 	font-size:40px;
 	margin-top:0;
 	margin-bottom:15px}
 section h3.section-subheading{
 	font-size:16px;
 	text-transform:none;
 	font-weight:400;
 	margin-bottom:75px}
 @media (min-width:768px){
 	section{
 		padding:150px 0}
 	}
 .service-heading{
 	margin:15px 0;
 	text-transform:none}
 #product .portfolio-item{
 	margin:0 0 15px;right:0}
 #product .portfolio-item .portfolio-link{
 	display:block;
 	position:relative;
 	max-width:400px;
 	margin:0 auto}
 #product .portfolio-item .portfolio-link .portfolio-hover{
 	background:rgba(254,209,54,.9);
 	position:absolute;width:100%;
 	height:100%;
 	opacity:0;
 	transition:all ease .5s;
 	-webkit-transition:all ease .5s;
 	-moz-transition:all ease .5s}
 #product .portfolio-item .portfolio-link .portfolio-hover:hover{
 	opacity:1}
 #product .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{
 	position:absolute;
 	width:100%;
 	height:20px;
 	font-size:20px;
 	text-align:center;
 	top:50%;
 	margin-top:-12px;
 	color:#fff}
 #product .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{
 	margin-top:-12px}
 #product .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#product .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{
 	margin:0}
 #product .portfolio-item .portfolio-caption{
 	max-width:400px;
 	margin:0 auto;
 	background-color:#fff;
 	text-align:center;
 	padding:25px}
 #product .portfolio-item .portfolio-caption h4{
 	text-transform:none;
 	margin:0}
 #product .portfolio-item .portfolio-caption p{
 	font-size:16px;
 	margin:0}
 footer span.copyright,footer ul.quicklinks{
 	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif}
 #product *{
 	z-index:2}
 @media (min-width:767px){
 	#product .portfolio-item{
 		margin:0 0 30px}
 	}
 .timeline{
 	list-style:none;
 	padding:0;
 	position:relative}
 .timeline:before{
 	top:0;bottom:0;
 	position:absolute;
 	content:"";
 	width:2px;
 	background-color:#f1f1f1;
 	left:40px;
 	margin-left:-1.5px}
 .timeline>li{
 	margin-bottom:20px;
 	position:relative;
 	min-height:50px}
 .timeline>li:after,.timeline>li:before{
 	content:" ";
 	display:table}
 .timeline>li:after{
 	clear:both}
 .timeline>li .timeline-panel{
 	width:100%;
 	float:right;padding:0 20px 0 100px;
 	position:relative;text-align:left}
 .timeline>li .timeline-panel:before{
 	border-left-width:0;
 	border-right-width:15px;
 	left:-15px;right:auto}
 .timeline>li .timeline-panel:after{
 	border-left-width:0;
 	border-right-width:14px;
 	left:-14px;right:auto}
 .timeline>li .timeline-image{
 	left:0;
 	margin-left:0;
 	width:80px;
 	height:80px;
 	position:absolute;
 	z-index:100;
 	background-color:#fed136;
 	color:#fff;
 	border-radius:100%;
 	border:7px solid #f1f1f1;
 	text-align:center}
 .timeline>li .timeline-image h4{
 	font-size:10px;
 	margin-top:12px;
 	line-height:14px}
 .timeline>li.timeline-inverted>.timeline-panel{
 	float:right;
 	text-align:left;
 	padding:0 20px 0 100px}
 .timeline>li.timeline-inverted>.timeline-panel:before{
 	border-left-width:0;
 	border-right-width:15px;
 	left:-15px;right:auto}
 .timeline>li.timeline-inverted>.timeline-panel:after{
 	border-left-width:0;
 	border-right-width:14px;
 	left:-14px;right:auto}
 .timeline>li:last-child{
 	margin-bottom:0}
 .timeline .timeline-heading h4{
 	margin-top:0;color:inherit}
 .timeline .timeline-heading h4.subheading{
 	text-transform:none}
 .timeline .timeline-body>p,.timeline .timeline-body>ul{
 	margin-bottom:0}
 @media (min-width:768px){
 	.timeline:before{left:50%}
 	.timeline>li{
 		margin-bottom:100px;
 		min-height:100px}
 	.timeline>li .timeline-panel{
 		width:41%;
 		float:left;
 		padding:0 20px 20px 30px;
 		text-align:right}
 		.timeline>li .timeline-image{
 			width:100px;
 			height:100px;
 			left:50%;
 			margin-left:-50px}
 		.timeline>li .timeline-image h4{
 			font-size:13px;
 			margin-top:16px;
 			line-height:18px}
 		.timeline>li.timeline-inverted>.timeline-panel{
 			float:right;
 			text-align:left
 			;padding:0 30px 20px 20px}
 }
 @media (min-width:992px){
 	.timeline>li .timeline-panel,.timeline>li.timeline-inverted>.timeline-panel{
 		padding:0 20px 20px}
 	.timeline>li{
 		min-height:150px}
 		.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}
 		.timeline>li .timeline-image h4{font-size:18px;margin-top:30px;line-height:26px}
 }
 @media (min-width:1200px){
 	.timeline>li{min-height:170px}
 	.timeline>li .timeline-panel{padding:0 20px 20px 100px}
 	.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}
 	.timeline>li .timeline-image h4{margin-top:40px}
 	.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}
 }
 .team-member{text-align:center;margin-bottom:50px}
 .team-member img{margin:0 auto;border:7px solid #fff;}
 .team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}
 .team-member p{margin-top:0}
 aside.clients img{margin:50px auto}
 section#contact{
 	background-color:#222;background-image:url(../img/map-image.png);
 	background-position:center;background-repeat:no-repeat}
 section#contact .section-heading{color:#fff}
 section#contact .form-group{margin-bottom:25px}
 section#contact .form-group input,section#contact .form-group textarea{padding:20px}
 section#contact .form-group input.form-control{height:auto}
 section#contact .form-group textarea.form-control{height:236px}
 section#contact .form-control:focus{border-color:#fed136;box-shadow:none}
 section#contact ::-webkit-input-placeholder{
 	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 	text-transform:uppercase;font-weight:700;color:#eee}
 section#contact :-moz-placeholder{
 	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#eee}
 section#contact ::-moz-placeholder{
 	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 	text-transform:uppercase;
 	font-weight:700;color:#eee}
 section#contact :-ms-input-placeholder{
 	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 	text-transform:uppercase;font-weight:700;color:#eee}
 section#contact .text-danger{color:#e74c3c}
 footer{padding:25px 0;text-align:center}
 footer span.copyright{line-height:40px;text-transform:uppercase;text-transform:none}
 footer ul.quicklinks{margin-bottom:0;line-height:40px;text-transform:uppercase;text-transform:none}
 ul.social-buttons{margin-bottom:0}
 ul.social-buttons li a{
 	display:block;
 	background-color:#222;
 	height:40px;width:40px;
 	border-radius:100%;
 	font-size:20px;
 	line-height:40px;
 	color:#fff;
 	outline:0;
 	-webkit-transition:all .3s;
 	-moz-transition:all .3s;
 	transition:all .3s}
 ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#fed136}
 .btn.active,.btn:active,.btn:active:focus,.btn:focus{outline:0}
 .portfolio-modal .modal-dialog{margin:0;height:100%;width:auto}
 .portfolio-modal .modal-content{
 	border-radius:0;
 	background-clip:border-box;
 	-webkit-box-shadow:none;
 	box-shadow:none;
 	border:none;
 	min-height:100%;
 	padding:100px 0;
 	text-align:center}
 .portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em}
 .portfolio-modal .modal-content p{margin-bottom:30px}
 .portfolio-modal .modal-content p.item-intro{
 	margin:20px 0 30px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 	font-style:italic;font-size:16px}
 .portfolio-modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0}
 .portfolio-modal .modal-content img{margin-bottom:30px}
 .portfolio-modal .close-modal{
 	position:absolute;
 	width:75px;
 	height:75px;
 	background-color:transparent;
 	top:25px;
 	right:25px;
 	cursor:pointer}
 .portfolio-modal .close-modal:hover{opacity:.3}
 .portfolio-modal .close-modal .lr{
 	height:75px;
 	width:1px;
 	margin-left:35px;
 	background-color:#222;
 	transform:rotate(45deg);
 	-ms-transform:rotate(45deg);
 	-webkit-transform:rotate(45deg);
 	z-index:1051}
 .portfolio-modal .close-modal .lr .rl{
 	height:75px;width:1px;
 	background-color:#222;
 	transform:rotate(90deg);
 	-ms-transform:rotate(90deg);
 	-webkit-transform:rotate(90deg);
 	z-index:1052}
 .portfolio-modal .modal-backdrop{opacity:0;display:none}
 ::-moz-selection{text-shadow:none;background:#fed136}
 ::selection{text-shadow:none;background:#fed136}
 img::selection{background:0 0}
 img::-moz-selection{background:0 0}
a.navbar-brand>img{
	max-width: 50px;
	max-height: 20px;
}