/*@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);*/

@import url(../fonts/Aldo.ttf);
@import url(../fonts/Lato/Lato-Black.ttf);
@import url(../fonts/Lato/Lato-BlackItalic.ttf);
@import url(../fonts/Lato/Lato-Bold.ttf);
@import url(../fonts/Lato/Lato-BoldItalic.ttf);
@import url(../fonts/Lato/Lato-Hairline.ttf);
@import url(../fonts/Lato/Lato-HairlineItalic.ttf);
@import url(../fonts/Lato/Lato-Italic.ttf);
@import url(../fonts/Lato/Lato-LightItalic.ttf);
@import url(../fonts/Lato/Lato-Regular.ttf);

@font-face{
	font-family: 'Aldo';
	src: url(../fonts/Aldo.ttf);
}

@font-face{
	font-family: 'Lato';
	src: url(../fonts/Lato/Lato-Regular.ttf);
}

@font-face{
	font-family: 'Lato';
	src: url(../fonts/Lato/Lato-Light.ttf);
	font-weight: 300;
}

@font-face{
	font-family: 'Lato';
	src: url(../fonts/Lato/Lato-Bold.ttf);
	font-weight: bold;
}

body {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #efeeee;
  font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
}

body.home{
	/*background-image: url(../img/pages/Bonfire.png);
	background-size: cover;*/
	background-color: #000;
	text-align: center
}

.bonfire{
	/*margin: 0;
	padding: 0;
*/
}

.bonfire img{
	
	width: 100%;
	padding: 50px 0px;
	/*margin-top: 0px;
	top:0px;
	position: relative;
	z-index: -555;*/
}

.homefoot{
	/*position: absolute;
	bottom: 0;
	z-index: 99999;*/
	color: #e56c59;
	font-size: 21px;
	font-weight: 300;
	text-transform: uppercase;
}



.navbar, .navbar-default {
	background-color: transparent;
	border: none;
	margin-bottom: 20px;
}

.navbar-brand, .navbar-brand {
	display: inline-table;
	background-color: #000;
	margin-right: 100px;
}



.navbar-default .navbar-nav>li>a{
	display: inline-block;
	color: #000;
	padding: 50px 15px 0 15px;
}

body.home .navbar-default .navbar-nav>li>a{
	color:#d6d6d6;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
  color: #c40f14;
  background-color: transparent;
}

body.home .navbar-default .navbar-nav>.active>a, 
body.home .navbar-default .navbar-nav>.active>a:hover, 
body.home .navbar-default .navbar-nav>.active>a:focus {
  color: #c40f14;
  background-color: transparent;
}

.close{
	opacity: 1
}

.close a,
.close a:hover,
.close a:focus{
	text-decoration: none;
	color:#c40f14;
}


.pageTitle, .pageTitleRed{
	font-size: 2.1em;
	font-weight: 300;
	padding: 30px 0px 30px 60px;
	border-bottom: 3px solid #616c6f;
	margin-bottom:40px;
}

.pageTitleRed{
	margin-bottom: 20px;
	border-bottom: 3px solid #dc8d75;
}

.jobTitle{
	color: #c40f14;
	font-size: 1.5em;
	margin-bottom: 40px;
	padding: 0;
}


.teamMember .caption{
	display: none;
	position: absolute;
	top: 0;
	background-color: #000;
	width:100%;
	height:100%;
	text-align: left;
	padding:15%;
	font-weight: bold;
}

.teamMember .caption span{
	display: block;
	font-size: .8em;
	color:#fff;
}

.teamMember .caption a{
	position: absolute;
	bottom: 10%;
	right: 10%;
	color: #c40f14;
	font-size: 0.8em;
}

.teamMember .caption a:hover{
	text-decoration: none
}


.services{
	position: absolute;
	height: 90%;
	z-index: 1;
	background: #efeeee;
	font-weight: bold;
	display: none;
}


.services li ul{
	color: #616c6f
}

.services .close{
	opacity: 1;
	
}

.service , .service:hover, .service:focus{
	color:#333;
	
}


.pageSlogan{
	text-align: justify;
	padding: 0px 0px 20px 0px;
	margin-bottom: 10px;
	color: #c40f14;
	font-weight: 300;
	font-size: 1.75em;	
	word-spacing:0.05em;
}

.pageSloganSmall{
	text-align: justify;
	padding: 0px 0px 20px 0px;
	margin: 20px 0px;
	color: #000;
	font-weight: 300;
	font-size: 1.00em;	
	word-spacing:0.05em;
}

.kelele_desc{
	font-weight: 300;
	word-spacing: 0.05em;
	line-height: 1.85em;
	text-align: justify;
}

.pageDescription{
	color: #616c6f;
	font-size: 1.2em;
	font-weight: 300;
	margin-bottom: 20px;
}

.pageMainPic img{
	width: inherit;
	margin-bottom: 20px;
	padding-bottom: 30px;
	border-bottom: 2px solid #c40f14
}

.footer{
	background-color: #c40f14;
	color: #fff;
	padding: 20px 0px;
	margin-top: 40px;
}

.footerTitle{
	text-transform: uppercase;
	color:#d6d6d6;
	font-weight: bold;
	margin-bottom: 5px;
}

.footer ul{
	list-style-type: none;
	padding: 0;

}

.footer li{
	padding: 3px 0px;
}

.footer ul li a{
	list-style-type: none;
	color:#fff;
	text-align: left;
}

hr.headers{
	margin-top: 10px;
	margin-bottom: 20px;
	border: 0;
	border-top: 3px solid #cd5543;
}

.copyright{
	background-color: #d6d6d6;
	color: #657073;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight:bolder;
}

h3{
	color:#616c6f;
	font-size: 1.75em;
	line-height: 1.5em;
	word-spacing: 0.2em;
	padding:0px;
	margin:0px;
}

.teamMember{
	overflow: hidden;
	text-align: center;
	padding-right: 0;
	
}

.teamMember img{
	width:100%;
	height:180px !important;
}

.teamSlogan{
	margin: 20px 0px;
}

.graybox{
	padding: 50px 0px;
	color: #fff;
	font-weight: 400;
	background-color: #616c6f;
	margin-bottom: 50px
}

.graybox .name{
	color: #d6d6d6;
	font-weight: 900;
	margin-bottom: 10px;
}

.graybox .title{
	padding-bottom: 20px;
	color: #fff;
}

.graybox .desc{
	color: #fff;
	text-align: justify;
	line-height: 1.8em;
}

.client{
	display: block;	
	height: 200px;
	/*border: 1px solid #000;*/
	padding: 3%;
}

.client img{
	width: 100%;
}


.client .caption{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 88%;
	padding: 5%;
	margin: 5%;
	background-color: black;
	opacity: 1;
}

.client .caption .clientName{
	font-weight: bold;
	color: #a3a6a8;
	font-size: 1.0em;
	padding: 5px 0px;
	margin-bottom:5px;
	bottom: 0;
	vertical-align:text-bottom;
}

.client .caption .workDesc{
	font-weight: 300;
	font-size: 0.80em;
	padding: 5px 0;
	color: #fff
}

.client .caption .readmore{
	color: #c40f14;
	font-weight: bold;
	position: absolute;
	bottom: 10%;
	right:10%;
}

#myModal .modal-content{
	border-radius: 0px;
	border:none;
}

#myModal .modal-body{
	padding: 0 30px 30px 30px;

}

#myModal button.close{
	color:#c40f14;
	font-size: 25px;
	opacity: 1;
	font-weight:lighter;
}

#myModal .clientdesc{
	background-color: #e8e7e7;
	display: block;
}

#myModal .clientdesc .content{
	height: 480px;
	overflow-y: auto;
}

#myModal .clientwork{
	text-align: center;
}

#myModal .clientwork img{
}
.testimonials .header{
	background-color: #fff;
	text-transform: uppercase;
	color: #616c6f;
	padding: 25px;
	font-weight: bold;
	text-align:center;
	font-size: 1.2em
}

.tests{
	background-color: #fff;
	margin-top: 15px;
	height: 850px
}

.sectionTitle{
	color:#616c6f;
	display: block;
	font-weight: bold;
	padding: 10px 0px;
	font-family: "Lato"
}

.brief, .story, .solution{
	color: #616c6f;
	;
}

.solution{
	margin-bottom: 30px
}

.keleleRed{
	color:#c40f14;
}

.keleleGray{
	color: #616c6f;
}


.floral-bg{
	background-image: url(../img/pages/floral-bg.png);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: right center;
}

.fullshot{
	width: 100%;
	margin: 0;
	border: 2px solid #98a0a3;
}

.navbar-brand img{
	width: 100%
}

.contact-form input, .contact-form textarea{
	border-radius: 0;
	height: 45px;
	border: 1px solid #616c6f;
}

.contact-form textarea{
	height: auto
}

button[type=submit]{
	margin: 0;
	border: 1px solid #616c6f;
	border-radius: 0;
	padding: 10px 40px;
	margin-top: 5px
}

.form-control::-moz-placeholder {
	font-weight: bold;
  color: #616c6f;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
	font-weight: bold;
  color: #616c6f;
}
.form-control::-webkit-input-placeholder {
	font-weight: bold;
  color: #616c6f;
}

.newsTitle{
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom:20px;
}

.newsBrief{
	font-size: 1.2em
}