body {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-size: 14px !important;
	font-weight: 300 !important;
	
	
	
}

.wrapper {
	margin: 0 auto;
	padding: 0 10px;
}

header {
	background-color: #fff;
	position: relative;
	height: 140px;
}

@media (min-width: 320px) {
	header {
		margin-top: -10px;
	}

	#navbar {
		margin: 0 -10px;
		width: 100% !important;
	}

	#navbar > ul > li > a {
		font-weight: bold;
		background: #222;
	}

	.subnav {
		margin-left: 10px;
		padding: 10px 16px 10px;
		opacity: 1;
	}

	.subnav li ul {
		margin: 0 0 10px 10px;
	}

	.wrapper {
		width: 100%;
	}
	
}

@media (min-width: 768px) {
	header {
		height: 100px;
		margin-top: 0;
	}

	.navbar-collapse.collapse { display: none !important; }

	#navbar {
		margin: 0;
		width: auto !important;
	}

	.multiple-layer:hover .subnav {	
		visibility: visible; opacity: 1;

		-webkit-transition: opacity .5s ease, visibility .5s ease;
		-moz-transition: opacity .5s ease, visibility .5s ease;
		-o-transition: opacity .5s ease, visibility .5s ease;
		-ms-transition: opacity .5s ease, visibility .5s ease;
		transition: opacity .5s ease, visibility .5s ease;
	}

	.subnav {
		position: absolute;
		width: 980px;
		min-height: 80px;
		left: 0;
		z-index: 3;
		background: rgba(0,0,0,0.9);
		color: #fff;
		padding: 45px 16px 20px;
		opacity: 0;
		visibility: hidden;
	}

	.subnav h3 { margin: 0 0 20px; padding: 0 0 20px; text-transform: uppercase; }
	.subnav h3 span { border-bottom: 2px solid #fbb042; padding-bottom: 20px; }

	.subnav li a { text-decoration: none; font-weight: 700; }
	.subnav li a:hover, .subnav li a:active, .subnav li a:focus { color: #fff; }
	.subnav li { padding-bottom: 16px; }
	.subnav li:last-child { padding-bottom: 0; }
	.subnav li h4 { border: none; margin-bottom: 20px; }
	.subnav li h4 a { color: #fff; }

	.wrapper {
		width: 680px;
		margin: 0 auto;
	}
}

@media (min-width: 960px) {
	.wrapper {
		width: 768px;
		margin: 0 auto;
	}
	
}

@media (min-width: 992px) {
	.wrapper {
		width: 970px;
		margin: 0 auto;
	}
	
}

.logo {
	background: url(img/logo.jpg) top left no-repeat;
	display: block;
	width: 207px;
	height: 69px;
}

nav {
	background-color: #000;
}

.main-nav, .subnav * {
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

.main-nav > li, .subnav > li {
	float: left;
	padding: 20px 0 16px 0;	
}

.main-nav > li:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background-color: #fbb042;
	float: right;
	margin: 4px 38px;
	padding: 0;
	position: relative;
}

.main-nav > li:last-child:after { display: none; }

.main-nav > li > a, .subnav > li > a {
	color: #fff;
	text-decoration: none;
	position: relative;
}
.main-nav > li > a:hover,
.main-nav > li > a:active, .main-nav > li > a:focus,
.subnav > li > a:hover,
.subnav > li > a:active, .subnav > li > a:focus { color: #ddd; text-decoration: none; border-bottom: none; }

a { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; color: inherit; }


.main-nav > li > a:after {
	content: "";
	width: 10px;
	height: 5px;
	display: block;
	background: url(img/arrow-down-bw.jpg) center center no-repeat;
	position: absolute;
	margin: 2px 49.5% 0;
	z-index: 2;
	top: 20px;
}
.main-nav > li:nth-child(4) > a:after,
.main-nav > li:last-child > a:after { display: none; }

.input {
	border: none;
	padding: 0 10px;
	background: #cccccc;
	font-size: 12px;
	color: #000;
}

.contactform div, .careerform div { display: block; margin-bottom: 10px; }

.contactform input[type=text], .contactform input[type=email], .contactform select, .contactform textarea,
.careerform input[type=text], .careerform input[type=email], .careerform select, .careerform textarea {
	width: 500px;
	font-size: 14px;
	font-weight: 600;
	padding: 4px 8px;
}
.contactform input[type=text], .contactform input[type=email], .contactform select,
.careerform input[type=text], .careerform input[type=email], .careerform select { width: 350px; }

.contactform input[type=button], .contactform input[type=reset], .contactform input[type=submit],
.careerform input[type=button], .careerform input[type=reset], .careerform input[type=submit] {
	font-weight: 600;
	border-radius: 0;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 50px;
}

.contactform input[type=submit],
.careerform input[type=submit] {
	background: #999;
}

.contactform td, .careerform td {
	font-size: 14px;
	margin-bottom: 4px;
	padding-bottom: 4px;
}

#warninglabel {
	border: 1px solid #d65656;
	background:#fff0f0 url(../images/error_exclamation.jpg) no-repeat;
	background-position: 5px 10px;
	width: 350px;
	margin-bottom: 5px;
	padding: 10px 10px 10px 40px;
	font-size:11px;
	font-size: 14px;
}

#warninglabel h3 { margin-top: 0; padding-top: 0; }

#warninglabel ul, #warninglabel li {
	list-style: none;
	padding: 0;
	margin:  0;
}

.search {
	width: 120px;
	height: 34px;
	background: url(img/search.jpg) no-repeat #cccccc;
	background-position: 94px 9px;
}

.search:focus, .track-your-device:focus {
	background: #f5f5f5;
	width: 320px;
	-webkit-transition: width .5s ease, background .5s ease;
	-moz-transition: width .5s ease, background .5s ease;
	-o-transition: width .5s ease, background .5s ease;
	-ms-transition: width .5s ease, background .5s ease;
	transition: width .5s ease, background .5s ease;
}

.track-your-device {
	width: 200px;
	height: 34px;
	background: url(img/arrow-down.jpg) no-repeat #cccccc;
	background-position: 180px 13px;
}

.slider { list-style: none; margin: 0; padding: 0; }

.table.no-border td, .table.no-border tr { border: none; }

.bg-gray { background-color: #ddd }

/*.albumphoto { height: 150px; overflow: hidden; } 
.thumbnail { width: 150px; height: 150px; overflow: hidden; margin: 0 auto 10px; }
.thumbnail img { width: 100%; height: auto; }
.row.gallery { margin-bottom: 14px; }
.gallery-thumbnail { font-family: Lato, Arial; font-size: 14px; color: #000; display: block; text-align: center; padding: 20px 10px; }
.gallery-thumbnail .albumtext { font-weight: 700; }
.gallery-thumbnail:hover { background: #fff;
	border: 1px solid #f8f8f8;
	box-shadow: 0 0 10px #ccc;
	-webkit-transition: background .5s ease, box-shadow .5s ease;
	-moz-transition: background .5s ease, box-shadow .5s ease;
	-o-transition: background .5s ease, box-shadow .5s ease;
	-ms-transition: background .5s ease, box-shadow .5s ease;
	transition: background .5s ease, box-shadow .5s ease;
}
.gallery-thumbnail:hover .thumbnail { 
	width: 100%;
	margin-top: -20px;
	height: auto;
	border: none;
	background: none;
	padding: 0;
	-webkit-transition: background .5s ease, padding .5s ease, border .5s ease, width .5s ease, height .5s ease, margin-top .5s ease;
	-moz-transition: background .5s ease, padding .5s ease, border .5s ease, width .5s ease, height .5s ease, margin-top .5s ease;
	-o-transition: background .5s ease, padding .5s ease, border .5s ease, width .5s ease, height .5s ease, margin-top .5s ease;
	-ms-transition: background .5s ease, padding .5s ease, border .5s ease, width .5s ease, height .5s ease, margin-top .5s ease;
	transition: background .5s ease, padding .5s ease, border .5s ease, width .5s ease, height .5s ease, margin-top .5s ease;
}
*/

.gallery {
	position: relative;
	overflow: hidden;
	padding: 10px;
}

.gallery figure {
	width: 22%;
	height: auto;
	display: inline-block;
	/* float: left; */
	margin: 0 10px 10px;
	text-align: left;
	position: relative;
	overflow: hidden;
	background: #000;
}

.gallery a { width: 100%; height: 150px; color: #fff; display: block; position: relative; }
.gallery img { width: 100%; height: auto; vertical-align: middle; }
.gallery .thumbimage { overflow: hidden; position: relative; display: block; vertical-align: middle; width: 100%; height: 150px; z-index: 0; }
.gallery .thumbimage div { display: table-cell; vertical-align: middle; width: 100%; height: 150px; z-index: 0; }
.gallery figure .title { font-weight: 700; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gallery time { font-size: 12px; color: #999; }
.gallery figure .noofphotos { background: rgba(0,0,0,0.9); border-radius: 100px; color: #fff; font-weight: 700px; font-size: 11px; position: absolute; top: 5px; right: 5px; z-index: 1; padding: 4px 8px; }

.gallery figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.7);
	display: block;
	padding: 4px 10px;
}

.gallery figure:hover { box-shadow: 0 0 20px rgba(0,0,0,0.5); transition: box-shadow .5s ease; }
.gallery figure:hover figcaption { background: rgba(0,0,0,.9); transition: background .5s ease; }
.gallery figure:hover .title { 
	overflow: visible; 
	text-overflow: unset; 
	white-space: normal;
}

.gallery figure:hover img { 
	width: 120%;
	height: auto;
	transition: width 1.5s ease;
}

.gallery figure:hover .thumbimage:after { 
	content: ""; 
	display: block; 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	z-index: 1; 
	background: rgba(0,0,0,1);
}

.news-list { margin-bottom: 20px; }
.news-category { font-size: 16px; font-weight: 900; margin-bottom: 10px; }
.news-content { list-style: square; }
.news-content li { padding: 0; margin: 0 0 10px 20px; }
.news-content a { color: #333; display: block; }
.news-content a:hover { color: #000; }
.news-content .newstitle { font-weight: 700; margin: 0; }
.news-content time { font-size: 12px; }
.newsdate { font-size: 13px; font-weight: 400; }
h1 .newstitle { margin-bottom: 10px; }


.lazy { display: block; }

footer {
	background: #000;
	font-size: 14px;
	padding: 40px 10px;
}

footer h3 {
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 20px;
}

footer ul, footer li { padding: 0; margin: 0; }

footer input[type="text"], footer input[type="email"] {
	background: #333;
	border: none;
	padding: 7px 8px 8px;
	color: #fff;
	font-weight: 300;
}

.pull-left { float: left; }
.pull-right { float: right; }
.clearfix { clear: both; float: none; display: block; }

.main-content { font-size: 13px; font-weight: 400; min-height: 300px; }

.hidden { display: none; visibility: hidden; }

.text-white { color: #fff; }
.text-darkgray { color: #666; }
.text-gray { color: #999; }
.text-black { color: #000; }
.text-orange { color: orange; }

.no-radius { border-radius: 0; }

.capitalize { text-transform: capitalize; }

h1.page-title {
	font-size: 26px;
	font-weight:700;
	display: block;
	border-left: 5px solid #fbb042;
	padding-left: 3px;
	color: #000;
	margin-bottom: 20px;
}

h1.page-title span {
	display: block;
	border-left: 5px solid #fbb042;
	padding: 3px 5px 3px 12px;
}

#newscategory {
	font-size: 16px;
}

.TextContent {
	display: block;
	padding: 0 0 0 33px;
}

footer ul, footer li { list-style: none; margin: 0 0 10px; }
footer ul[type="square"] li { list-style: square; color: #fbb042; margin: 0 0 4px 20px; font-size: 20px; }
footer ul[type="square"] li span { font-size: 14px; }


p a { color: #fbb042; }

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

@media screen and (max-width: 420px )  {

	.wrapper { width: 100% !important; margin: 0 auto !important; padding: 0 10px !important; }

	nav#mainnav { display: none; }

	header .pull-left { padding-top: 20px !important; }
	header .pull-right { display: block; padding-top: 10px !important; }
	.track-your-device{ display: block !important; width: 100% !important; }

	.navbar-toggle { padding: 8px 10px !important; margin: 10px 0 !important; }
	.navbar-toggle { color: #fff; background-color: #000; }

	.track-your-device, .search { width: 146px !important; }
	.track-search { padding: 10px 0 !important; }

	.main-content img, body #MainContent img { width: 100% !important; height: auto; }

	#branches { right: 10px !important; width: 300px !important; }

	#navbar {
		z-index: 3;
		position: absolute;
		width: 100%;
		min-height: 100vh;
		background: #000;
		top: 65px;
		overflow: auto;
	}
}

#homepage .row {
	display: table !important;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
}

#homepage .row > [class*="col-"] > .row > [class*="col-"] {
	display: table-cell !important;
	vertical-align: middle;
	min-height: 120px;
}

#allowcookies {
	position: fixed;
	z-index: 999;
	background-color: white;
	color: black;
	bottom: -150px;
	left: 0;
	padding: 10px;
	width: 100%;
	font-weight: 400;
	font-size: .9em;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	display: block;
}

.btn.btn-black {
	background-color: #000;
	color: #fff;
	margin-right: 5px;
	margin-top: -2px;
	padding: 3px 10px;
}

#allowcookies a:hover {
	text-decoration: underline; 
}

@media (min-width: 320px) {
	#allowcookies div {
		display: block;
		margin: 5px 0;
	}
}

@media (min-width: 768px) {
	#allowcookies div {
		display: inline-block;
		margin: 0 5px;
	}
}