/*----------CSS HERE----------*/
body{


	overflow-x:hidden;


	font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif
}
html{
	overflow-x: hidden;
}



.text-muted{


	color:#777
}




.text-primary{


	color:#fed136
}




p{


	font-size:14px;


	line-height:1.75
}




p.large{


	font-size:16px
}




a,a:hover,a:focus,a:active,a.active{


	outline:0
}




a{


	color:#fed136
}




a:hover,a:focus,a:active,a.active{


	color:#fec503
}




h1,h2,h3,h4,h5,h6{


	font-family:pangram;


	text-transform:uppercase;


	font-weight:700
}




.img-centered{


	margin:0 auto
}




.bg-light-gray{


	background-color:#f7f7f7
}




.bg-darkest-gray{


	background-color:#222
}




.btn-primary{


	color:#fff;


	background-color:#fed136;


	border-color:#fed136;


	font-family:pangram;


	text-transform:uppercase;


	font-weight:700
}




.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{


	color:#fff;


	background-color:#fec503;


	border-color:#f6bf01
}




.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{


	background-image:none
}




.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{


	background-color:#fed136;


	border-color:#fed136
}




.btn-primary .badge{


	color:#fed136;


	background-color:#fff
}




.btn-xl{


	color:#fff;


	background-color:#fed136;


	border-color:#fed136;


	font-family:pangram;


	text-transform:uppercase;


	font-weight:700;


	border-radius:3px;


	font-size:18px;


	padding:20px 40px
}




.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{


	color:#fff;


	background-color:#fec503;


	border-color:#f6bf01
}




.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{


	background-image:none
}




.btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl,.btn-xl.disabled:hover,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl:hover,.btn-xl.disabled:focus,.btn-xl[disabled]:focus,fieldset[disabled] .btn-xl:focus,.btn-xl.disabled:active,.btn-xl[disabled]:active,fieldset[disabled] .btn-xl:active,.btn-xl.disabled.active,.btn-xl[disabled].active,fieldset[disabled] .btn-xl.active{


	background-color:#fed136;


	border-color:#fed136
}




.btn-xl .badge{


	color:#fed136;


	background-color:#fff;
}




.navbar-default{


	background-color:#ffffff36;


	border-color:transparent
}




.navbar-default .navbar-brand{


	color:#fed136;


	font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive
}




.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{


	color:#fec503
}




.navbar-default .navbar-collapse{


	border-color:rgba(255,255,255,.02)
}




.navbar-default .navbar-toggle{


	background-color:#fed136;


	border-color:#fed136
}




.navbar-default .navbar-toggle .icon-bar{


	background-color:#fff
}




.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{


	background-color:#fed136
}




.navbar-default .nav li a{


	font-family:pangram;


	text-transform:uppercase;


	font-weight:400;


	letter-spacing:1px;


	color:#fff
}




.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{


	color:#fed136;


	outline:0
}




.navbar-default .navbar-nav>.active>a{


	border-radius:0;


	color:#fff;


	background-color:#fed136;


	text-shadow: 2px 2px #000000;
}




.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{


	color:#fff;


	background-color:#fec503
}




@media (min-width:768px){


	.navbar-default{


		<!-- background-color:transparent; -->


		margin:25px 0;


		-webkit-transition:padding .3s;


		-moz-transition:padding .3s;


		transition:padding .3s;


		border:0
	}




	.navbar-default .navbar-brand{


		font-size:2em;


		-webkit-transition:all .3s;


		-moz-transition:all .3s;


		transition:all .3s
	}




	.navbar-default .navbar-nav>.active>a{


		border-radius:3px
	}




	.navbar-default.navbar-shrink{


		background-color:#222;


		padding:10px 0
	}




	.navbar-default.navbar-shrink .navbar-brand{


		font-size:1.5em
	}





}




header{


	// background-image:url(../img/lettragesalain.jpg)!important;


	background-repeat:none;


	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{


	padding-top:100px;


	padding-bottom:50px;

	text-shadow: 0px 0px 1px #000000;
}




header .intro-text .intro-lead-in{


	font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;


	font-style:italic;


	font-size:22px;


	line-height:22px;


	margin-bottom:25px
}




header .intro-text .intro-heading{


	font-family:pangram;


	text-transform:uppercase;


	font-weight:700;


	font-size:50px;


	line-height:50px;


	margin-bottom:25px
}
.heading2{
	font-family:pangram;


	text-transform:none;


	font-weight:700;


	font-size:50px;


	line-height:50px;


	margin-bottom:25px
}



@media (min-width:768px){


	header .intro-text{


		padding-top:300px;


		padding-bottom:200px
	}




	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:pangram;


		text-transform:uppercase;


		font-weight:700;


		font-size:48px;


		line-height:48px;


		margin-bottom:50px
	}

	.heading2 {
    font-family: pangram;
    text-transform: none;
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 50px;
}





}




section{


	padding:100px 0
}




section h2.section-heading{


	font-size:40px;


	margin-top:0;


	margin-bottom:15px
}




section h3.section-subheading{


	font-size:16px;


	font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;


	text-transform:none;


	font-style:italic;


	font-weight:400;


	margin-bottom:75px
}




@media (min-width:768px){


	section{


		padding:150px 0
	}





}




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




#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-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;


	font-style:italic;


	font-size:16px;


	margin:0
}




#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:before,.timeline>li:after{


	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{


		min-height:150px
	}




	.timeline>li .timeline-panel{


		padding:0 20px 20px
	}




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




	.timeline>li.timeline-inverted>.timeline-panel{


		padding:0 20px 20px
	}





}




@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:transparent;


	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:pangram;


	text-transform:uppercase;


	font-weight:700;


	color:#bbb
}




section#Contact :-moz-placeholder{


	font-family:pangram;


	text-transform:uppercase;


	font-weight:700;


	color:#bbb
}




section#Contact ::-moz-placeholder{


	font-family:pangram;


	text-transform:uppercase;


	font-weight:700;


	color:#bbb
}




section#Contact :-ms-input-placeholder{


	font-family:pangram;


	text-transform:uppercase;


	font-weight:700;


	color:#bbb
}




section#Contact .text-danger{


	color:#e74c3c
}




footer{


	padding:25px 0;


}




footer span.copyright{


	line-height:40px;


	font-family:pangram;


	text-transform:uppercase;


	text-transform:none
}




footer ul.quicklinks{


	margin-bottom:0;


	line-height:40px;


	font-family:pangram;


	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:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{


	background-color:#fed136
}




.btn:focus,.btn:active,.btn.active,.btn:active:focus{


	outline:0
}




.portfolio-modal .modal-content{


	border-radius:0;


	background-clip:border-box;


	-webkit-box-shadow:none;


	box-shadow:none;


	border:0;


	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
}




body{


	webkit-tap-highlight-color:#fed136
}




a.facebook {
    position: fixed;
    bottom: 55px;
    right: -100px;
    z-index: 5000;
}
img.facebook{
	width:40%;
}
.label_promo{
	font-weight: 600;
}
.modal-title {
    letter-spacing: 3px;
}