/*-------------------------------------------------- */
/* General */
/*-------------------------------------------------- */

body
{
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 0.5px;
    font-size: 10.5pt;
    line-height: 1.6;
}

hr
{
    border: none;
    height: 1px;
    line-height: 0;
    margin: 8px 0;
    page-break-after: always;
}

img
{
    max-width: 100%;
    height: auto;
}

h1
{
    font-weight: 300;
}

h2
{
    font-weight: 300;
}

.asterisk
{
    color: #FF0004;
}

.checkbox label::before
{
	top: 2px;
}

.checkbox label::after
{
	top: 1px;
}

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

.logo-main
{
    background: url('/Content/Template1/logo.png') no-repeat;
    background-size: contain;
    margin-top: 45px;
    margin-bottom: 4px;
    min-width: 240px;
    min-height: 80px;
    display: inline-block;
    border-bottom: none;
    position: fixed;
    top: 0;
    z-index: 1050;
}

.top-links
{
    padding-top: 6px;
    padding-bottom: 6px;
    margin-right: auto;
    margin-bottom: 0px;
    font-weight: bold;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
}

.top-links a
{
	margin-left: 15px;
}

.top-links ul
{
	margin-bottom: 0px;
}

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

.navbar
{
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
    min-height: 10px;
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
    box-shadow: 0 8px 6px -6px #999;
}

.navbar .navbar-nav > .active > a, 
.navbar .navbar-nav > .active > a:focus
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: larger;
}

.navbar span
{
    margin-left: 2px;		
}

.navbar span a,
.navbar span a:hover
{
    text-decoration: none;
}

@media screen and (max-width: 768px)
{
    .navbar-header
    {
        margin-top: 40px;
        height: 94px;
    }
}

@media screen and (min-width: 768px)
{
    .navbar-collapse
    {
        margin-top: 40px;
    }
}

.navbar-collapse ul
{
	margin-top: 22px;
    margin-bottom: 22px;
}

.navbar-toggle
{
    margin-top: 26px;
}

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

.btn
{
    font-weight: 600;
}

.btn-client
{
    border-radius: 3px;
}

.btn-client-secondary
{
    border-radius: 3px;
}

.btn-client-outline
{
    border-radius: 3px;
}

.btn-send-to-friend
{
    margin-bottom: 15px;
    margin-top: 4px;
    border-radius: 3px;
}

.btn-apply-now
{
    border-radius: 3px;
}

.btn-job-alerts
{
    border-radius: 3px;
}

.btn-contact-us
{
    border-radius: 3px;
}

/*-------------------------------------------------- */
/* Banner Image */
/*-------------------------------------------------- */

.section-banner-image
{
	background-image: url('/Content/Template1/background.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	padding-bottom: 450px;
	margin-top: 134px;
	min-height: 80px;
}

.banner-image-text
{
    display: flex;
    flex-direction: column;
    justify-content: center; 
    position : absolute;
    top: 0;
    bottom: 0;
    left: 180px;
    right: 90px;
}

.banner-image-header
{
	font-size: 48px;
	font-weight: 600;
}

.banner-image-subtext
{
	font-size: 18px;
	font-weight: 600;
}

@media screen and (max-width: 768px)
{
    .banner-image-subtext
    {
        display: none;
    }
}

/*-------------------------------------------------- */
/* Sections and Containers */
/*-------------------------------------------------- */

.anchor
{
  display: block;
  height: 140px;
  margin-top: -140px;
  visibility: hidden;
}

.section-header
{
	text-transform: uppercase;
	margin-bottom: 20px;
}

.section-body
{
	text-align: center;
	margin-top: 28px;
	margin-bottom: 40px;
}

/*-------------------------------------------------- */
/* Company Section */
/*-------------------------------------------------- */

.company-header,
.company-body
{
    text-align: center;
}

/*-------------------------------------------------- */
/* Vacancy Section */
/*-------------------------------------------------- */

.vacancies-header,
.vacancies-body
{
    text-align: center;
}

.vacancy-list
{
	margin-bottom: 40px;
}

.panel
{
	border: 0px;
	margin-bottom: 0px;
}

.panel-default > .panel-heading
{
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 3px;
	padding-bottom: 3px;
    border-bottom: 1px solid;
}

.toggleable:hover,
.toggleable:active
{
	cursor: pointer;
}

.chevron-toggleable
{
	font-size: 18px;
	background-color: transparent;
	margin-top: 6px;
}

.category-header
{
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;	
	margin-top: 40px;
	padding-left: 10px;
	padding-right: 10px;	
}

.category-header h2
{
    font-size: 22px;
}

.vacancy-list-header-title
{
    text-transform: initial;
    font-weight: 600;
    font-size: 1.3em;
}

.vacancy-list-header-location
{
    text-transform: initial;
    text-align: right;
    font-weight: 100;
    font-size: 1.3em;
}

.vacancy-panel
{
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	margin-bottom: 5px;
}

.vacancy-details-left
{
    padding-left: 0px;
}

.vacancy-details-headers
{
	padding-top: 5px;
	margin-bottom: 5px;
}

.vacancy-details-social-share
{
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 26px;
	text-align: center;	
}


/*-------------------------------------------------- */
/* Job Alerts Section */
/*-------------------------------------------------- */

.job-alerts-header,
.job-alerts-body
{
    text-align: center;
}

/*-------------------------------------------------- */
/* Contact Us Section */
/*-------------------------------------------------- */

.contact-us-section
{
    padding-top: 25px;
    padding-bottom: 25px;
}

.contact-us-header,
.contact-us-body
{
    text-align: center;
}

.contact-us-social-link
{
    margin-left: 10px;
    margin-right: 10px;
}

.contact-us-address
{
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: bold;
}

.contact-us-phone,
.contact-us-email,
.contact-us-fax
{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 8px;
}

.contact-us-phone:before
{
    font-family: "FontAwesome";
    content: "\f095";
    margin-right: 8px;
    position: relative;
}

.contact-us-email:before
{
    font-family: "FontAwesome";
    content: "\f003";
    margin-right: 8px;
    position: relative;
}

.contact-us-fax:before
{
    font-family: "FontAwesome";
    content: "\f02f";
    margin-right: 8px;
    position: relative;
}

/*-------------------------------------------------- */
/* Map */
/*-------------------------------------------------- */

.map_canvas
{
    width: 100%;
    height: 400px;
    margin: 10px;
}

/*-------------------------------------------------- */
/* Base */
/*-------------------------------------------------- */

.base-section
{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    font-size: 12px;
    color: #fff;
}

.base-section a,
.base-section span
{
    color: #FFFFFF;
    vertical-align: middle;
    text-decoration: none;
}

.float-right {
    text-align: right;
}

/*-------------------------------------------------- */
/* Site Pages */
/*-------------------------------------------------- */

.page-wrap
{
    margin-top: 10px;
    margin-bottom: 40px
}

/*-------------------------------------------------- */
/* Side Menu */
/*-------------------------------------------------- */

.side-menu
{
    padding-right: 20px;
}
   
.side-menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-menu li
{
    border-bottom: 1px solid #ddd;
}

.side-menu li a
{
    padding: 10px;
    display: block;
    transition: all 0.25s;
}

.side-menu li a:hover
{
    text-decoration: none;
}

.side-menu-header
{
    text-align: left;
	text-transform: uppercase;
    font-size: 22px;
	font-weight: bold;
	margin-top: 32px;
	padding-left: 10px;
	padding-right: 10px;	
}

.side-menu-item
{
    text-transform: initial;
    font-size: 17px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px
}



/*-------------------------------------------------- */
/* Scroll To Top */
/*-------------------------------------------------- */

.scrollup
{
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 0;
    display: none;
}

a.scrollup:hover
{
    text-decoration: none;
}

a.scrollup:before
{
    font-family: "FontAwesome";
    content: "\f062";
    color: #fff;
    position: relative;
    font-size: 25px;
    margin-left: 10px;
    margin-top: 10px;
}

.border-0 {
    border: 0 solid;
}


.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}