/*
	Note: To easier navigate through code
	when looking for specific section use $*
	in search for example $about;
*/

@font-face {
    font-family: First;
    src: url(BankGothic-Bold.ttf);
}
@font-face {
    font-family: Second;
    src: url(BankGothic-Bold.ttf);
}
/* Helper classes like centering verticaly */
/*horizontal*/
.center-hor {
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}
/*vertical*/
.center-ver {
	display: flex;
	flex-direction: column;
  	justify-content: center;
}
/*vertical and horizontal*/
.center-both {
	display: flex;
	justify-content: center;
	align-items: center;
}
.relativing {
	position: relative;
}

/* Bootstrap override */
body {
	overflow-x: hidden;
	font-family: 'Lato', sans-serif;
}
p {
	color: #858784 !important;
	font-size: 16px;
}
.navbar-brand {
	padding: 0 !important;
}
.link-removal {
	color: inherit;
	text-decoration: none;
}
.link-removal:hover {
	color: white;
}
/*Site styles*/

/*$Navbar*/
#landingNavbar {
	min-height: 150px;
	border: 0;
	background: linear-gradient(to bottom, #6fbf4b 0%,#33ccff 50%,#333366 100%); 
}
#landingNavbar .navbar-right {
	margin-top: 50px;
}
.target-code, .target-phone {
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*$main*/
/*left bar*/
main .main-heading {
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
}
main .fluid-width {
	padding: 0 !important;
}
main .img-fluid {
	width: 100%;
}
main .photo-caption {
	color: #282a36;
	font-weight: bold;
}
main .job-titles {
	margin-left: 15px;
	margin-bottom: 35px;
}
main .job-title {
	color: #858784;
}
/*right bar*/
main .enquire-box {
	background-color: rgb(40, 41, 54);
	color: #f0eaf6;
}
main .enquire, main section {
	padding: 15px;
}
main .enquire {
	background-color: #71bf48;
	padding-top: 25px;
	padding-bottom: 25px;
}
main .enquire-heading {
	margin: 0 ;
}
main .enquire-text {
	color: #f0eaf6 !important;
}
main .btn-download {
	background-color: #40baeb;
	color: white !important;
	padding: 20px 0px 20px 0px;
	margin-top: 20px;
	font-size: 15pt;
}
.btn-block + .btn-block {
	margin-top: 20px;
}
main .btn-download > a {
	color: white;
	text-decoration: none;
}
main .btn-download:hover {
	background-color: #3292b8;
}
/*$breakers*/
#breaker {
	background-color: #182547;
	color: #f5fff8;
	padding-top: 25px;
	padding-bottom: 25px;
}
#breaker > h2 {
	margin: 0;
}
#breakerTwo {
	background-color: #71bf48;
	color: #f5fff8;
	padding-top: 35px;
	padding-bottom: 35px;
}
#breakerTwo > h1 {
	margin: 0;
}
/*$stages*/
#stages {
	padding-top: 30px;
	padding-bottom: 30px;
}
#stages .stage-heading {
	font-weight: bold;
	color: #141d3a;
}
#stages .stage-box > img {
	width: 100%;
}
#siteFooter {
	background-color: #141d3a;
	padding: 20px 0px 20px 0px;
}
#siteFooter ul {
	margin: 0;
}
#siteFooter .footer-li  {
	color: #7d7d85;
	font-size: 12pt;
}
#siteFooter .footer-li > a {
	text-decoration: underline;
	color: #7d7d85;
}
#siteFooter .highlight {
	color: #bcb4cb;
	font-weight: bold;
	text-decoration: none !important;
}
#siteFooter .form-box label {
	color: white;
}
#siteFooter .form-box .form-control {
	background: transparent;
	border-radius: 0;
	border: 1px solid white;
	color: white;
}
#siteFooter .btn-send {
	background-color: #40baeb;
	color: white;
}

form {margin:30px 0px; }

@media (max-width: 767px) {
	/* Special task place */
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 18px;
	}
	.row {
		padding: 0px 10px 0px 10px;
	}
	#landingNavbar {
		min-height:20px;
	}
	.navbar-brand {
		width: 40%;
	}
	.navbar-brand > img {
		width: 100%;
		float:left;
	}
	#landingNavbar .navbar-right {
		margin-top: 20px;
		float:right;
	}
	.target-code {
		font-size: 13px;
	}
	.target-phone {
		font-size: 14px;
	}
	.btn-success {
		margin-bottom: 10px
	}
}
@media(max-width: 991px) {

}
@media(max-width: 1999px) {

}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#stages .stage-box {
		margin-left: 20px;
	}
	#stages .stages-ctrl {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}