.style1 {
	font-size: 36px;
	color: #FFFFFF;
}
.style3 {
	font-size: 14px;
	color: #FFFFFF;
}
.style5 {
	font-size: 15px;
	color: #FFFFFF;
}
.style6 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.style7 {
	color: #17304eC;
	font-size: 1px;
}
.style8 {
	color: #FFFFFF;
	font-size: 20px;
}
.style9 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 45px;
	text-shadow: 0 0 8px #252525;
}
.style11 {
	color: #FFFFFF;
	font-size: 18px;
}
.style29 {
	color: #a00821;
	font-size: 18px;
}
.style12 {
	font-size: 12px;
	color: #ffffff;
}


    body {
	    font-family: 'arial'!important;
	    font-size: 16px!important;
	    color: #000000!important;
	    overflow-x: auto!important;
    }
	img {
		pointer-events: none;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
	}
	
/*---Navigation Bar---*/
	.navbar {
		font-size: 18px;
		background: rgba(24,24,174,0.80)!important;
	}
	.navbar-nav li {
		padding-right: 5px;
		padding-left: 5px;
	}
	.nav-link {
		color: #CCCCCC!important;
		transition: all 0.15s;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
	}
	.nav-link:hover {
		color: #ffffff!important;	
		transition: all 0.15s;
	}
    .icon-bar {
	    width: 28px; 
	    height: 3px;
	    background-color: #CCCCCC;
	    display: block;
	    transition: all 0.3s;
	    margin-top: 4.5px;
	    margin-bottom: 4.5px;
    }
    .navbar-toggler {
		border: none!important;
		outline: none!important;
        position: absolute !important;
        right: 11px !important;
        top: 15px !important;
    }
    .navbar-toggler .top-bar {
        transform: translate(4.5px) rotate(45deg);
        transform-origin: 10% 10%;
    }
    .navbar-toggler .middle-bar {
        opacity: 0;
    }
    .navbar-toggler .bottom-bar {
        transform: translate(4.5px) rotate(-45deg);
        transform-origin: 10% 90%;
    }
    .navbar-toggler.collapsed .top-bar {
        transform: rotate(0);
    }
    .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
    }
    .navbar-toggler.collapsed .bottom-bar {
        transform: rotate(0);
    }
	
/*---Contact Us Top Banner---*/
	#ContactUs-Banner {
		background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0,0,0,0.7)), url("../images/globe.jpg") no-repeat center center fixed;
		display: table;
		height: 30vh;
		min-height: 360px;
		position: relative;
		width: 100%;
		background-size: cover;
	}
	#JobApplication-Banner {
		background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0,0,0,0.7)), url("../images/globe.jpg") no-repeat center center fixed;
		display: table;
		height: 30vh;
		min-height: 360px;
		position: relative;
		width: 100%;
		background-size: cover;
	}
	.landing-text {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		color: #ffffff;
		padding-left: 75px;
		padding-right: 75px;
		padding-top: 110px;
		padding-bottom: 48px;
	}
	#JobApplication-Banner .style11 {	
		padding-top: 24px;
		max-width: 1100px;
		margin: auto;
	}
	
/*---Contact Us Form---*/	
	#contact-form {
		padding-top: 100px;
		padding-bottom: 100px;
		padding-left: 30px;
		padding-right: 30px;
		line-height: 19px;
		min-height: 55vh;
        background-image: url("../images/bg.png");
	}
	.close-button {
		margin-top: 20px;
		margin-right: 20px;
        opacity: 0.6;
		pointer-events: visible;
        transition: opacity 0.15s ease-in-out;
    }
    .close-button:hover {
        opacity: 0.9;
        transition: opacity 0.15s ease-in-out;
    }
    input[type=text], select, textarea {
        width: 100%;
        padding: 2px;
		margin: 0;
        border: 1px solid #CCCCCC;
		transition: border ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }
	input[type=text]:focus, select:focus, textarea:focus {
        border: 1px solid rgba(24,24,174,0.20);
		box-shadow: 0px 0px 4px 1px rgba(24,24,174,0.40);
		transition: border ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	}
	:focus {
        outline: none;
	} 
    input[type=text] {
        padding: 2px;
    }
	input[type=file] {
		width: 100%!important;
        padding-top: 2px;
		padding-bottom: 2px;
		color: #5E5E5E;
		overflow: hidden;
	}
    select {
        background: #ffffff;
    }
	label {
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 10px;
	}  
    .your-name {
		margin-bottom: 6px!important;
	}	
    .company-name {
		margin-bottom: 6px!important;
	}	
    .email-address {
		margin-bottom: 6px!important;
	}	
	.country-code {
		margin-bottom: 18px;
		width: 25%!important;
	}
	.phone-number {
		width: 73.45%!important;
		margin-bottom: 18px!important;
        transition: width none;
	}
    .select-enquiry {
		margin-bottom: 18px;
	}		
    .select-office {
		margin-bottom: 20px;	
    }
    .text-box {
		transition: height none;
		min-height: 196px;
		max-height: 800px;
		margin-bottom: 20px;	
    }
	.btn {
		color: #1818ae!important;
		font-size: 14px!important;
	}
	.btn-primary {
		color: #ffffff!important;
		border: 0px!important;
		border-radius: 0px!important;
		background-color: rgba(24,24,174,0.70)!important;
	}
	.btn-primary:hover {
		background-color: rgba(24,24,174,0.80)!important;
	}
    .btn:focus, .btn:active {
        box-shadow: none !important;
    }
	
/*---Footer---*/
	#footer {
		background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0,0,0,0.4)), url("../images/globe.jpg") no-repeat center center fixed;
		display: table;
		height: 15vh;
		position: relative;
		width: 100%;
		background-size: cover;
	}
	.footer-text img{
		padding-top: 35px;
		padding-bottom: 15px;
	}
	.footer-text {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		padding-bottom: 40px;
	}
	
/*---Media Queries---*/
	@media(max-width:991px) {
	.navbar-brand img {
		width: 150px;
		height: 40.125px;
	}
	#ContactUs-Banner {
		min-height: 265px!important;
	}
	#JobApplication-Banner {
		min-height: 265px!important;
	}
	.landing-text {
		padding-left: 30px;
		padding-right: 30px;
	}
	#ContactUs-Banner .style9 {
		font-size: 35px;
		line-height: 45px;
		padding-bottom: 14px;
	}
	#JobApplication-Banner .style9 {
		font-size: 35px;
		line-height: 45px;
	}
	#JobApplication-Banner .style11 {
		font-size: 16px; 
		padding-top: 28px;
		padding-bottom: 12px;
	}	
	#contact-form {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.close-button {
		width: 30px;
    }
	.footer-text img {
		width: 100%;
        height: auto;
		max-width: 400px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 14px;
	}
	}
	
	@media(max-width:582px) {
	.country-code {
		width: 72px!important;
		margin-bottom: 6px;
	}
	.phone-number {
		width: 100%!important;
        transition: width none!important;
	}
	
/*---BOOTSTRAP BREAK POINTS---/

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }