/*!
 * 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; font-weight: 100;}


 .text-muted
 {
 	color:#000; 
 	text-align:left;
 	font-weight: 300;
 }
 
 .text-primary,a
 {
 	color:#1da4dd; 
 	font-weight: 400;
 }
 

 p {
 	font-size: 14px;
    text-transform: none;
    font-weight: 300;
    text-align: left;
    line-height: 24px;
    color: #000;
    letter-spacing: 0.5px;
}


.bold {
 	font-weight: 400;
}
 
 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:#1da4dd;}



 .img-centered
 {margin:0 auto}


 .bg-light-gray
 {background-color:#eee}


 .bg-darkest-gray
 {background-color:#222}


 .btn-primary
 {
 	color:#fff;
 	background-color:#1b2831;
 	border-color:#1b2831;
 }

 .btn-primary.active,
 .btn-primary:active,
 .btn-primary:focus,
 .btn-primary:hover,
 .open .dropdown-toggle.btn-primary
 {
 	color:#fff;
 	background-color:#1da4dd;
 	border-color:#1da4dd;
 }



 .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:#1da4dd;
 	border-color:#1da4dd;
 }


 .btn-primary .badge
{
	color:#fed136;
	background-color:#fff
}


 .btn-xl
 {
 	color:#fff;
 	background-color:#1da4dd;
 	border-color:#1da4dd;
 	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:#39bef6;
 	border-color:#39bef6;
 }




.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
 }



 .btn-arrow, 
 .btn-arrow:hover {
 	display:block;
 	cursor:pointer;
    background-image: url(../img/arrow.png);
    background-size:60px 60px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 60px;
    width: 60px;
    margin:0 auto;
    text-indent: -9000px;
    margin-top:50px;
}


 .navbar-custom{
 	background-color:#1da4dd;
 	border-color:transparent
 	/*background-color: transparent;*/
 }

 .navbar-default {
    border-color:transparent
 	    background-color: transparent;
}


 .navbar-custom .navbar-brand{
 	color:#ffffff; 
 	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; 
 	font-weight: 100;
 	margin-top:-20px;
 }

  .navbar-custom .navbar-brand span{
 	font-size:15px;
 }


 .navbar-custom .navbar-brand.active,
 .navbar-custom .navbar-brand:active,
 .navbar-custom .navbar-brand:focus,
 .navbar-custom .navbar-brand:hover{
 	color:#fff
 }


 .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:#1da4dd;
 	border-color:#1da4dd;
 	font-size:12px
 }


 .navbar-custom .navbar-toggle:focus,
 .navbar-custom .navbar-toggle:hover{
 	background-color:#1da4dd;
 }


 .navbar-custom .nav li a{
 	font-weight:400;
 	letter-spacing:1px;
 	text-align: right;
 }


 .navbar-custom .nav li a:focus,
 .navbar-custom .nav li a:hover{
 	color:#fff;
 	outline:0;
 	text-align: right;
 }


 .navbar-custom .navbar-nav>.active>a {
 	border-radius:0;
 	color:#fff;
 	background-color:#1b2831;
 	text-align: right;

 }


 .navbar-custom .navbar-nav>.active>a:focus,
 .navbar-custom .navbar-nav>.active>a:hover{
 	color:#fff;
 	background-color:#333
 }






 @media (min-width:768px) {

 	.navbar-custom
 	{
 		background-color:transparent;
 		padding:10px 0;
 		-webkit-transition:padding .3s;
 		-moz-transition:padding .3s;
 		transition:padding .3s;
 		border:none
 	}


 	.navbar-custom .navbar-brand
 	{
 		font-size:2.3em;
 		-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:#1da4dd; /*padding:10px 0*/}


 	.navbar-custom.affix .navbar-brand
	{font-size:2.3em}

	}



	header
	{
		background-image:url(../img/header-bg2.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}


	header .intro-text
	{
		font-weight:100;
		padding-top:100px;
		padding-bottom:50px
	}


	header .intro-text .intro-lead-in
	{
		font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size:30px;
		margin-bottom:25px
		font-weight:100;
		padding-top:50px;
}


	header .intro-text .intro-heading
	{
	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;f
	font-weight:100;
	font-size:60px;
	line-height:50px;
	margin-bottom:25px
}









	@media (min-width:768px){

		header .intro-text
		{
			padding-top:150px;
			padding-bottom:100px
		}


		header .intro-text .intro-lead-in
		{
			font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; 
			font-weight: 100;
			font-size:35px;
			line-height:40px;
			margin-bottom:25px;
			text-align: center;
	}


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


		}



		#portfolio .portfolio-item .portfolio-caption p,section h3.section-subheading
		{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; }


		section
		{padding-top:80px;}


		section h2.section-heading
		{
			font-size:40px;
			margin-top:0;
			margin-bottom:15px;
		}


		section h2.section-headingleft
		{
			font-size:40px;
			margin-top:0;
			margin-bottom:15px;
			text-align: left;
		}


		section h3.section-subheading
		{
			font-size:20px;
			text-transform:none;
			font-weight:300;
			margin-bottom:75px;
			text-align: center;
			line-height: 22px;
		}




		section h3.section-subheadingp
		{
			font-size:14px;
			text-transform:none;
			font-weight:300;
			margin-bottom:75px;
			text-align: left;
			line-height: 24px;
			color:#000;
		}










		@media (min-width:768px){

			section
			{padding-bottom:50px;}

		}


			.service-heading
			{
				margin:15px 0;
				text-transform:none}


			#portfolio .portfolio-item
			{
				margin:0 0 15px;
				right:0
			}


			#portfolio .portfolio-item .portfolio-link
			{
				display:block;
				position:relative;
				max-width:400px;
				margin:0 auto
			}


			#portfolio .portfolio-item .portfolio-link .portfolio-hover
			{
				background:rgba(51,51,51,.9);
				position:absolute;width:100%;
				height:100%;
				opacity:0;
				transition:all ease .5s;
				-webkit-transition:all ease .5s;
				-moz-transition:all ease .5s
			}


			#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}


			#portfolio .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}


			#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i
			{margin-top:-12px}


			#portfolio .portfolio-item 
			.portfolio-link .portfolio-hover .portfolio-hover-content h3,
			#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4
			{margin:0}


			#portfolio .portfolio-item .portfolio-caption
			{max-width:400px;margin:0 auto;background-color:#fff;text-align:center;padding:25px}


			#portfolio .portfolio-item .portfolio-caption h4
			{text-transform:none;margin:0}


			#portfolio .portfolio-item .portfolio-caption p
			{font-size:16px;margin:0; text-align: center;}


			footer span.copyright,footer ul.quicklinks
			{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif}


			#portfolio *
			{z-index:2}







			@media (min-width:767px) {

				#portfolio .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:50px;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:15px;
					text-transform:none;
					text-align: left;
				}


				.team-member p{
				margin-top:0}


				aside.clients img
				{margin:50px auto}



				section#contact
				{
					background-color:#1b2831;
					/*ackground-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:#39bef6}


				.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; text-align:left;}



				.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; font-weight:400; }



				.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}