/*** Base structure ***/
body {
  padding-top: 0;
  background: #313133; /* need to add this to stop white bar at the bottom of the page in the footer */
}
.btn{
  background:transparent url(../images/btn.png);
  height: auto;
  border-radius: 0;
  color:#352c66;
  border:none;
  padding:6px 12px 6px 20px;
}
  .btn:hover{
    color:#150c46;
    background:transparent url(../images/btn-hover.png);
  }

  .btn_submit{
	-moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #fff;
    border-color: #ccc;
    color: #333;
  }

  .btn_submit:hover{
	  background-image: none;
	  background-color: #eee;
  }

/*** Sidebar ***/
/* Hide for mobile, show later */
.sidebar {
/*
  display: none;
  background-color: #848488;
*/
}
.sidebar .navbar{
	height: 100%;
}
#logo{
	width:100%;
	background:#fff;
	padding:40px 15px;
	text-align: center;
	height:120px;
}
h1, h2, h3{
  font-family: "gotham", helvetica, sans-serif;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.blogPostContent h6{
  color:#888888;
  font-size: xx-small;
}

p{
  letter-spacing: 0.5px;
}
a, a:hover, a:active, a:focus{
  outline: 0;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 0;
    box-shadow: 2px 0 9px rgba(0,0,0,0.35);
    background-color: #848488;
  }
}

/* Sidebar navigation */
/*
@media (max-width: 420px) {
	div.sidebar{
		padding-left: 0px;
		padding-right: 0px;
	}
}
*/
div.sidebar{
		padding-left: 0px;
		padding-right: 0px;
		display: block;
	}

ul.nav-pos  {
	/*
position: relative;
	z-index: 10;
*/
}
.navbar-default{
  border:none;
}
.nav-sidebar {
  margin-bottom: 20px;
  background-color: #848488;
  clear:both;

}
.nav-sidebar > ul{
	display: block;
	z-index: 10;
}
.nav-sidebar > li{
	position: inherit;
	display: block;
	z-index: 10;
}
.nav-sidebar > li > a {
  padding:12px 22px;
  color:#fff;
  border-bottom: 1px solid #aaaaaf;
  font-size: 15px;
  letter-spacing: 1px;
  text-align: right;
  text-transform: uppercase;
}
.nav-sidebar > .here > a, .nav-sidebar a:hover{
  background-color: #302a53 !important;
}
  .nav-sidebar li ul{
    padding: 120px 0 0;
    background: transparent url(../images/trans-purple.png);
    position: absolute;
    left: 100%;
    top: -120px;
    bottom: 0;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    width: 0;
    z-index: 9999;
    visibility:hidden;
    overflow: hidden;
    list-style: none;
  }
  .nav-sidebar li:hover ul{
    visibility:visible;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    width:200px;
    transition-delay:0s;
  }
    .nav-sidebar li ul li{
      width:200px;
    }
      .nav-sidebar li ul li a{
        padding:10px 20px;
        color:#fff;
        display: block;
      }

   @media (max-width: 480px) {
	     .nav-sidebar li:hover ul{
		     visibility: hidden;
	     }
     }

#bottom-left{
	display: none;
}
@media (max-width: 768px) {
  .navbar-header{
    margin-right: 0 !important;
  }
  .navbar-toggle {
    margin-right: 0;
  }
  .navbar-default{
    margin-bottom: 0;
    padding-right:10px;
  }
  .nav-sidebar li ul{
    left: 0;
    right:0;
    top: auto;
    bottom: auto;
    display: block;
    width:100%;
    padding: 0;
  }
    .nav-sidebar li:hover ul{
      width:100%;
    }
    .nav-sidebar li ul li{
      width:100%;
      text-align: right;
    }
}
@media (min-width: 768px) {
	#bottom-left{
		display: block;
		position: absolute;
		bottom:0;
		right:0;
		border-top:1px solid #9e9ea2;
		width:100%;
		text-align: right;
		z-index: 0;
	}
}
@media (max-height: 650px) {
	#bottom-left{
		display: none;
	}
}
#bottom-left img{
	z-index: 0;
}


/*** Main content ***/
.main {
  /* padding: 20px; */
  /* background:url(/img/14-05-07%20lloyd%20web%20home_full.jpg); */
}
  #homeCarousel{
    margin: 0 -15px -1px -20px;
    background: url(../images/top_bg_repeat.jpg) repeat-x;
  }
  #homeCarousel h1{
    font-size: 29px;
  }
  #homeCarousel div.slide-image {
    width:100%;
    height:700px;
    overflow:hidden;
    display:block;
    background: url(../images/slide_bg.png) no-repeat right top;
  }
  #homeCarousel .carousel-inner {
    background: url(../images/top_bg.jpg) no-repeat;
  }
  #homeCarousel .carousel-caption {
    top: 0;
    right: 130px;
    left:auto;
    color: #FFFFFF;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
    height:350px;
    width:520px;
    text-align: left;
  }
    #homeCarousel .carousel-caption p{
      margin:20px 0 30px 50px;
      font-size:16px;
      line-height: 26px;
    }
    #homeCarousel .carousel-caption a{
      margin-left:55px;
    }
  #homeCarousel .carousel-indicators {
    bottom: 390px;
    left: auto;
    padding-left: 0;
    right: 30px;
    width: 150px;
  }
  .col-sm-10 .carousel-control{
    width:30px;
  }
  .col-sm-10 .carousel-control, .col-sm-10 .carousel-control:hover{
    background-image: none;
  }
  .col-sm-10 .carousel-control.right{
    right: -60px;
  }
  .col-sm-10 .carousel-control.left{
    left: -40px;
  }

#corporate-statement{
  width:100%;
  height:210px;
  padding:40px 60px;
  position:absolute;
  top:490px;
  left: 0;
  font-size: 21px;
  font-weight: 325;
  text-align: center;
  font-family: "gotham", helvetica, sans-serif;
}
  #corporate-statement a{
    width:400px;
    height:75px;
    background:transparent url(../images/news-down-bg.png) repeat-x;
    position: absolute;
    bottom: 1px;
    left:50%;
    margin-left:-200px;
    padding:20px 30px 20px;
    line-height: 25px;
  }
  #corporate-statement .glyphicon{
    font-size: 23px;
  }

@media (max-width: 992px) {
	#homeCarousel .carousel-caption {
    width: 400px;
  }
  #homeCarousel .carousel-caption p {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 768px) {
  #homeCarousel {
    margin: 0 -15px;
  }
  #homeCarousel .carousel-caption {
    height: 300px;
    left: 10px;
    right: 10px;
    top: 0;
    width: auto;
  }
    #homeCarousel h1 {
      font-size: 24px;
    }
    #homeCarousel p{
      font-size: 13px;
      line-height: 19px;
      margin: 15px 0 15px 30px !important;
    }
  #homeCarousel div.slide-image {
    background: #312c4c;
    height: 530px;
  }
  #corporate-statement {
    font-size: 15px;
    padding: 30px 10px 0;
    background: #eee;
    top: 320px;
  }
    #corporate-statement a {
      height:80px;
      font-size: 17px;
      width:100%;
      left: 0;
      margin-left: 0;
    }
  #homeCarousel .carousel-indicators {
    bottom: 220px;
    right: 0;
  }
}


.main.sec {
  /* background:url(/img/14-05-07%20lloyd%20web%20sec.jpg); */
  /* height: 1530px; */

}
@media (min-width: 768px) {
  .main {
    /*
padding-right: 40px;
    padding-left: 40px;
*/
  }
}
.main .page-header {
  margin-top: 0;
}

section, footer{
  margin:0 -15px;
}
  section .row{
    margin-left:0;
    margin-right:0;
  }
#newsroom{
  background:#005380;
  color:#fff;
  padding-top:40px;
}
  #newsroom h1{
    margin-bottom: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #5a7b8e;
  }
  #newsroom h2{
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
    #newsroom h2 a{
      color:#fff;
    }

  #newsroom .col-md-5, #newsroom .col-md-4, #newsroom .col-md-3{
    padding:30px;
  }
    #newsroom .col-md-5{
      min-height:500px;
      background:#003856 url(../images/main-news-bg.jpg) no-repeat center top;
      background-size: cover;
      border-right: 1px solid #5A7B8E;
    }
    #newsroom .col-md-4{
      padding:30px 30px 10px;
    }
    #newsroom .col-md-4 h2{
      font-size: 18px;
    }
    #newsroom .col-md-4 p{
      font-size: 12px;
      margin:0 0 6px;
    }
    #newsroom .col-md-3{
      min-height:500px;
      background:#003856;
      border-left: 1px solid #5A7B8E;
    }
#newsroom-link{
  background:#404345;
  color:#fff;
  padding:32px 0;
}
  #newsroom-link a{
    color:#cef;
  }

#events{
  padding:60px 0;
  min-height:650px;
  background:#fff url(../images/events-bg.jpg) repeat-x;
  overflow: hidden;
}
  #events h1{
    color:#251d54;
  }
  #events h2{
    font-size: 43px;
    color:#bbb;
    margin-bottom: 5px;
  }
  #events h3{
    font-size: 17px;
    font-weight: bold;
    color:#5f5f5f;
  }
  #events p{
    font-size: 16px;
    line-height: 23px;
    color:#444444;
  }
  #events .col-md-10{
    height: 99px;
  }
  #events .col-md-4{
    color:#005a8b;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
  }

@media (max-width: 992px) {
  #events{
    background:#fff;
  }
  #events .col-md-10 {
    height: auto;
  }
}

#coming-events{
  background:#312c4c url(../images/upcoming-bg.png) no-repeat center center;
  background-size: cover;
  color:#fff;
  padding-top: 30px;
}
  #coming-events .col-sm-3{
    padding-left: 50px;
  }
    #coming-events .col-sm-3 a{
      font-size: 13px;
      color:#eee;
      width:100%;
      display: block;
    }
  #coming-events h1{
    font-size: 25px;
  }
  #coming-events h2{
    font-size: 18px;
  }
  #coming-events p{
    font-size: 15px;
    color:#ddd;
  }
  #coming-events-learn{
    background:#231f36;
    font-size: 19px;
    letter-spacing: 1px;
    padding:16px 0;
    margin-top: 25px;
  }
    #coming-events-learn a{
      color:#cef;
    }
#community{
  background:#025a89 url(../images/community_bg.jpg) no-repeat;
  height: 480px;
  padding-top:60px;
}
  #community h1{
    color:#fff;
    font-weight: normal;
  }
  #community p{
    color:#fff;
    font-size: 16px;
    letter-spacing: 1px;
  }
#our-people{
  background: #808084;
  height: auto;
  padding:60px 0;
  min-height: 677px;
  color:#fff;
  position:relative;
}
  #our-people h3{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 3px;
  }
  #our-people p{
    font-size: 13px;
    color:#ddd;
  }
  #our-people .col-xs-3{
    min-height: 230px;
  }
  #our-people .people-home-thumb{
      max-width:220px;
      height: 200px;
      background-position: center top;
      background-size: cover;
  }


/* ----------------------------------------------------
	Home Page jQuery Flip Images
---------------------------------------------------- */
.thumb {
		display:block;
		width:274px;
		height:162px;
		position:relative;
		margin:20px auto;
	}
		.thumb-wrapper {
			display:block;
			width:100%;
			height:100%;
		}
		.thumb img {
			width:100%;
			height:100%;
			position:absolute;
			display:block;

		}
		.thumb .thumb-detail {
			display:block;
			width:100%;
			height:100%;
			position:absolute;
			font-family:arial;
			font-weight:bold;
			font-size:16px;
		}
		.thumb .thumb-detail a {
			display:block;
			width:100%;
			height:100%;
			text-transform:uppercase;
			font-weight:bold;
			color:#333;
			text-decoration:none;
			font-family: 'Open Sans', sans-serif;
			letter-spacing:-1px;
			padding:0;
			font-size:18px;
		}

	/*
	* Without CSS3
	*/
	.thumb.scroll {
		overflow: hidden;
	}
		.thumb.scroll .thumb-detail {
			bottom:-280px;
		}

	/*
	* CSS3 Flip
	*/
	.thumb.flip {
		-webkit-perspective:800px;
		   -moz-perspective:800px;
		    -ms-perspective:800px;
		     -o-perspective:800px;
  		        perspective:800px;
	}
		.thumb.flip .thumb-wrapper {
			-webkit-transition: -webkit-transform 1s;
			   -moz-transition: -moz-transform 1s;
			    -ms-transition: -moz-transform 1s;
			     -o-transition: -moz-transform 1s;
			        transition: -moz-transform 1s;
			-webkit-transform-style: preserve-3d;
			   -moz-transform-style: preserve-3d;
			    -ms-transform-style: preserve-3d;
			     -o-transform-style: preserve-3d;
					  transform-style: preserve-3d;
		}
		.thumb.flip .thumb-detail {
			-webkit-transform: rotateY(-180deg);
			   -moz-transform: rotateY(-180deg);
			    -ms-transform: rotateY(-180deg);
			     -o-transform: rotateY(-180deg);
			        transform: rotateY(-180deg);
		}
		.thumb.flip img,
		.thumb.flip .thumb-detail {
			-webkit-backface-visibility: hidden;
			   -moz-backface-visibility: hidden;
			    -ms-backface-visibility: hidden;
			     -o-backface-visibility: hidden;
			        backface-visibility: hidden;
		}
		.thumb.flip .flipIt {
			-webkit-transform: rotateY(-180deg);
			   -moz-transform: rotateY(-180deg);
			    -ms-transform: rotateY(-180deg);
			     -o-transform: rotateY(-180deg);
			        transform: rotateY(-180deg);
		}



/* ----------------------------------------------------
	Page Header
---------------------------------------------------- */


	/* Page Header Background */
	#header
		{
		/* width: 1070px; */
		/* height: 312px; */
		background: #99999d;
		}

	#header_image{
		display: block;
		/* width: 1070px; */
		height: 260px !important;
		padding: 190px 0px 0px 0px !important;
		background: url('../images/header_image.png');
		background-size: cover !important;
		color: #ffffff;
		text-align: center;
		overflow: hidden;
	}
	  #header_image h1{
  	  margin-top: 3px;
  	  font-weight: 200;
  	  letter-spacing: 2px;
  	  color:#ede;
  	  font-size: 34px;
	  }
		#header_image .col-md-12{
			padding: 0;
		}

	/* Company Logo */
	#companyLogo
		{

		}

	/* Company Logo Img Element Remove Link Border */
	.companyLogo
		{
		border: 0;
		}


/* ----------------------------------------------------
	Main Navigation
---------------------------------------------------- */

	/* Main Navigation Background */
	#nav-sub
		{
		display: block;
		position: relative;
		/* width: 1070px; */
		height: auto;
		margin: 0;
		/* padding: 18px 50px 28px; */
		background: #99999d;
		/* background: url('/img/nav.png'); */
		color: #ffffff;
		/* margin-top: 260px; */
		}
		@media (max-width: 760px) {
			#nav-sub {
				height: 100%;
			}
		}
	/* Main Navigation list */
	#nav-sub ul.nav {
    	display: block;
    	padding-top: 10px;
    	/* padding-left: 200px; */
	}

		@media (min-width: 770px) {
			#nav-sub ul.nav {
				padding-left: 180px;
			}
		}


	#nav-sub ul.nav li span {
		display: block;
		height: 60px;
		padding-top: 10px;
		margin-right: 20px;
	}

	.navbar, navbar-default {
		width: 100%;
	}


	/* Main Navigation Unordered list */
	#nav-sub ul.nav li
		{
		float: left;
		list-style: none;
		display: block;
		}


		#nav-sub a:link {
			display: block;
			color: #ffffff;
			text-decoration: none;
			background-color: transparent;
			height: 50px;
			padding-top: 10px;
			margin-right: 20px;
		}

		#nav-sub a:visited {
			color: #ffffff;
			text-decoration: none;
			background-color: transparent;
		}

		#nav-sub a:hover, #nav-sub li.here a {
			/* color: #ffffff; */
			text-decoration: none;
			background-color: transparent;
			color: #362C66;
			/* background: url('/img/nav_hover.png') center top no-repeat; */
		}

	@media (max-width: @screen-xs-max) {
		.navbar-nav{
			padding-left: 200px;
		}
	}



/* ----------------------------------------------------
	Middle
---------------------------------------------------- */

	/* Middle */
	#middle
		{
		/* width: 1070px; */
		padding: 0px;
		line-height: 2.0em;
		background: #ffffff;
		margin: 0px -15px;
		}

	#middle_left{
		float: left;
		/* width: 740px; */
		padding: 25px 50px;
		padding: 43px;
		line-height: 2.0em;
	}

	#middle_right{
		float: right;
		/* width: 224px; */
		padding: 25px 18px;
		padding: 43px;
		line-height: 2.0em;
		color: #332967;
	}

  #sector-specializations .btn{
    width:96%;
  }
    #sector-specializations .btn:hover{
      background-image: url(../images/btn-hover-dark.png);
    }

/* ----------------------------------------------------
	Footer
---------------------------------------------------- */


#footer { background-color:#3C4159; min-height:300px; color:#ffffff; padding:30px 0px; background-size: cover;
    background-repeat: no-repeat; }
#footer div[class^="col"] { padding:0px 15px; }
#footer p { color:#ffffff; }
#footer small { letter-spacing: 2px;     font-size: 10px; font-weight: 100;  }
ul.footer-nav { list-style-type: none; margin: 0px; padding:0px; }
ul.footer-nav li { display: inline; font-family: 'Montserrat', sans-serif; letter-spacing: 2px; text-transform:uppercase; color:#605F73;  color:#ffffff; }
ul.footer-nav li a { color:#ffffff; font-size:13px;  }

.footer-bottom { line-height: 30px; }
.footer-bottom a { color:#ffffff; line-height: 30px; font-size:30px; }
.footer-bottom .fa {  font-size:30px; }
.footer-bottom span { }

.footer-bottom ul { list-style-type: none; margin: 0px; padding:0px; }
.footer-bottom ul li {   display:inline-block; line-height: 30px;  height: 30px;  text-align: center; vertical-align: bottom;}
.footer-bottom ul li a:hover { color:#FDC52F; }

	/* ----------------------------------------------------
	Buttons
---------------------------------------------------- */

	/*  */
	a.contact{
		float: left;
		display: block;
		width: 205px;
		height: 31px;
		background-image: url('../images/contact.png');
		background-repeat: no-repeat;
		text-indent: -999999px;
		cursor:pointer;
	}

	/*  */
	a.contact:hover{
		background-position: bottom left;
	}

	a.ask_an_expert{
		float: left;
		display: block;
		width: 240px;
		height: 61px;
		background-image: url('../images/ask_an_expert.png');
		background-repeat: no-repeat;
		text-indent: -999999px;
		cursor:pointer;
	}

	/*  */
	a.ask_an_expert:hover{
		background-position: bottom left;
	}

	/*  */
	a.newsletter{
		float: left;
		display: block;
		width: 240px;
		height: 61px;
		background-image: url('../img/newsletter.png');
		background-repeat: no-repeat;
		text-indent: -999999px;
		cursor:pointer;
	}

	/*  */
	a.newsletter:hover{
		background-position: bottom left;
	}


	a.construction-event-btn-ie {
		display: block;
		width: 274px;
		height: 162px;
		background-image: url('../img/construction-event-btn-ie.png');
		background-repeat: no-repeat;
		text-indent: -999999px;
		cursor:pointer;
	}
	a.construction-event-btn-ie:hover{
		background-position: bottom left;
	}

	a.corporate-event-btn-ie {
		display: block;
		width: 274px;
		height: 162px;
		background-image: url('../img/corporate-event-btn-ie.png');
		background-repeat: no-repeat;
		text-indent: -999999px;
		cursor:pointer;
	}
	a.corporate-event-btn-ie:hover{
		background-position: bottom left;
	}

	a.school-event-btn-ie {
		display: block;
		width: 274px;
		height: 162px;
		background-image: url('../img/school-event-btn-ie.png');
		background-repeat: no-repeat;
		text-indent: -999999px;
		cursor:pointer;
	}
	a.school-event-btn-ie:hover{
		background-position: bottom left;
	}


	span.glyphicon {
	    font-size: 2.4em;
	}





	/* !colors and classes */
/* ================================================== */

	.txt_white{
		color: #ffffff;
	}
	.txt_purple{
		/* color: #251d54; */
		color: #362C66;
	}

	.clear{
		clear: both;
	}

	#middle_left ul.pagination li{
		background-image: none;
	}
	#middle_left ul.pagination li.here a{
		/* background: #2a6496; */
		background: #ddd;
	}

	/* Youtube Responsive Classes */
	/* Lloyd Sadd doesn't want responsive, wants smaller sizes */
	/* ================================================== */
	.video-container {
	    /*
position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
*/
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
	    /* position: absolute;
	    top: 0;
	    left: 0;*/
	    /*
width: 100%;
	    height: 100%;
*/
		float: left;
		max-width: 220px;
		max-height: 160px;
	}

	/* !Bootstrap fixes */
	/* ================================================== */
	.navbar-default{
	    background-color: #888888 !important;
	}

	hr {
		border: 0;
		height: 1px;
		background: #888;
		background-image: -webkit-linear-gradient(left, #ccc, #888, #ccc);
		background-image: -moz-linear-gradient(left, #ccc, #888, #ccc);
		background-image: -ms-linear-gradient(left, #ccc, #888, #ccc);
		background-image: -o-linear-gradient(left, #ccc, #888, #ccc);
	}