/* 
Heading Font Family
font-family: 'Open Sans', sans-serif;

Body Font Family
font-family: Arial,sans-serif

Theme color (Header, Button, Link)
#333  *Orange*
#333  *Dark Grey*
 */


/*  TABLE OF CONTENTS
------------------------------

1. Global Styles
2. Header Styles
3. Footer Styles
4. Home Page Styles
5. Dynamic Page Styles
5. System Page Styles
6. Forms Styles
7. Add-on Styling 
8. Responsive Media Queries 

  */


/* Home banner - saperate style ../strapslide.css - Please edit there */


/* 1. Global */

body {
    font-family: 'Oswald', sans-serif;
	color: #000;
    font-weight: 400;
	line-height: 1.2;
	overflow-x: hidden;
}

a {
	color: inherit;	
    text-decoration: underline;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    margin-top: 0;
    
}

h1 {
    font-size: 40px;
    margin-bottom: 20px;
}

*:focus,
a:focus,
input:focus,
.btn:focus {
    outline: none;
    text-decoration: none;
}

ul,
ol {
    padding-left: 23px;
}
img {
    max-width: 100%;
}
body {    
    padding-top: 102px;
}
iframe {
    width: 100%;
    border: none;
    background: transparent;
    overflow: hidden;
}
.dynamic-breadcrumb{
    display: none;
}
#dynamic-container,
#content-container,
#job-dynamic-container {
    padding-top: 3em;
    padding-bottom: 2em;
}

#dynamic-side-left-container,
#side-left {
    margin-top: 8px;
}
.jxt-mini-campaign {
    padding-top: 2em;
}
/* 2. Header */
.navbar-brand img{width: 100%;}
.navbar-brand {
    height: auto;
    max-width: 180px;
    width: 100%;
	padding: 0;
}

/* 2.1 Top nav */

.navbar .navbar-collapse > ul:not(.navbar-nav) {
    display: none;
}
#site-topnav .navbar {
    margin-bottom: 10px;
}
#site-topnav .nav>li>a:hover,
#site-topnav .nav>li>a:focus {
    color: #A2B53B;background: transparent;
}
#site-topnav ul,
#site-topnav li {
    list-style: none;
}
#site-topnav ul ul ul {
    padding-left: 0;
}
.navbar-wrapper {
    z-index: 20;
	padding: 15px 35px;
}
.navbar .nav > li > a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0;
    margin: 0 14px;
    text-shadow: none;
    text-decoration: none;
    letter-spacing: 0.7px;
}
.navbar .nav > li > a:hover {
 	color: #A2B53B;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
}
.navbar-nav>li>.dropdown-menu {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: none;
    margin-top: -1px;
}
.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #112C56;
}
.navbar .nav li.dropdown li a {
    color: #fff;
    padding: 5px 20px;
    text-decoration: none;
}
.navbar .nav li.dropdown ul li ul li>a {
    padding-left: 35px;
}
.navbar .nav li.dropdown li a:hover,
.navbar .nav li.dropdown li.active>a {
    background-color: #242424;
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: transparent;
}
#Top-nav-sticky {
    background: #000;
}
.dropdown-menu li li a {
    display: block;
}
/* 2.2 Social media links */
/* Home Banner */

#prefix_banner-container>div {
    overflow: hidden;
}
/* Search Widget */
#widget-search {
    position: relative;
    margin-top: -70px;
    z-index: 1000;
}
#widget-search .form-group {
    margin-bottom: 10px;
}
#widget-search .form-group label {
    display: none
}
#btn-widget-search {
    color: #fff;
    border-radius: 3px;
    background-
    border: none;
    padding: 10px 0;
}
#widget-search input[type="text"] {
    border: 1px solid #ECECEC;
    box-shadow: none;
    padding: 0 15px;
    line-height: 46px;
    height: 46px;
}
#widget-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: transparent;
    background-color: none;
    border: none;
    box-shadow: none;
    color: #666;
    line-height: 1;
    outline: 0;
    overflow: hidden;
    position: relative;
    text-indent: 1px;
    text-overflow: '';
    height: 46px;
    padding: 9px 15px;
    width: 120%;
    cursor: pointer;
        line-height: 1.2;
}
#widget-search .custom-select .search-widget {
    background-color: #fff;
    display: block;
    border-radius: 3px;
    border: 1px solid #ECECEC;
    overflow: hidden;
}
#widget-search .custom-select:before {
    display: inline-block;
    content: "\f078";    
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    position: absolute;
    right: 1.7em;
    top: .65em;
    text-decoration: inherit;
}
/* Home Content */
.styled-desc {
    font-size: 17px;
}
.styled-border {
    padding: 0 2em 2em 2em;
}
.styled-border:after {
    border-bottom: 1px solid #333;
    bottom: 0;
    content: '';
    left: 38%;
    right: 38%;
    position: absolute;
    width: 24%;
}
.h-section {
    padding: 2em 0;
}
.h-section .row {
    padding: 2em 0;
}
.h-section h2 {
    font-size: 45px;
    margin-bottom: 20px;
}
.h-section .row.h-qlinks {
    padding: 1.2em 0;
}
.h-qlinks a {
    display: block;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 300;
    font-size: 25px;
    padding: 1.4em 0;
    line-height: 1.8em;
    margin: 0.6em 0;
}
.h-qlinks a em {
    font-size: 50px;
}
.h-qlinks a:hover {
    color: #fff;
}
.outline-outward {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.outline-outward:hover:before,
.outline-outward:focus:before,
.outline-outward:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}
.outline-outward:before {
    content: '';
    position: absolute;
    border: #ECECEC solid 1px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}
.section-service {
    background: url(../images/bg-h-service.jpg) 50% 50% no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.h-section .row.h-services {
    padding: 0 0 1em 0;
}
/* Home services */
.crsl-item a {
    text-decoration: none;
    
}
.crsl-item a img {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.crsl-item a:hover img,
.crsl-item a:focus img,
.crsl-item a:active img {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}
.crsl-item a span {
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    padding: 14px 0;
    height: 50px;
    display: block;
}
.crsl-item a span:after {
    border-bottom: 4px solid #D3D1D1;
    bottom: 46px;
    content: '';
    left: 25%;
    right: 25%;
    position: absolute;
    width: 50%;
}
.crsl-item a:hover span:before {
    border-bottom: 4px solid #D3D1D1;
    bottom: 0;
    content: '';
    left: 25%;
    right: 25%;
    position: absolute;
    width: 50%;
}
.crsl-nav a {
    position: absolute;
    bottom: 50%;
    color: #666;
    border: 1px solid #666;
    border-radius: 2em;
    width: 35px;
    height: 34px;
    line-height: 32px;
    text-align: center;
}
.crsl-nav a:hover {    
    border: 1px solid #333;
}
.crsl-nav a.previous {
    left: -35px;
}
.crsl-nav a.next {
    right: -35px;
}
.section-about h2 {
    position: absolute;
    margin-top: 2.2em;
    z-index: 1;
}
.section-about h3 {
    color: #f8f8f8;
    font-size: 90px;
    position: relative;
    bottom: 100%;
    line-height: 0.8em;
}
.h-about h4 {
    font-size: 18px;
    padding-left: 60px;
}
.h-about h4 span {
    font-size: 45px;    
}
.h-about h4 i {
    position: absolute;
    font-size: 45px;    
    margin-left: -60px;
    margin-top: 2px;
}
.double-border {
    border: 1px solid #e6e6e6;
    border-left: none;
    border-right: none;
}
.single-border {
    border-bottom: 1px solid #e6e6e6;
}
.h-section .row.double-border {
    padding: 32px 0 25px 0;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
}
.h-section .row.single-border {
    padding: 32px 0 25px 0;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
}
/* Home consultant tabs */
#h-consult-tab-con .list-inline>li {
    padding: 0;
    margin-right: -16px;
    margin-left: 12px;
}
#h-consult-tab-con .list-inline li a {
    display: block;
    background: #333;
    position: relative;
}
#h-consult-tab-con .list-inline li a i {
    position: absolute;
    top: 36%;
    left: 37%;
    font-size: 20px;
    border: 1px solid;
    width: 40px;
    line-height: 39px;
    text-align: center;
    border-radius: 2em;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#h-consult-tab-con .list-inline li a:hover img {
    opacity: 0.2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#h-consult-tab-con .list-inline li a:hover i {
    opacity: 1;
}

.h-section .tab-pane .row {
    padding: 0;
}

.h-section .row.section-cons-tabs {
    padding: 0 0 29px 0;
}

.h-section .row.section-cons-tabs .tab-pane img {
    max-width: 135px;
}

#h-consult-tab.nav-tabs>li>a {
    border: none;
}

#h-consult-tab.nav-tabs {
    border: none;
}

#h-consult-tab.nav>li>a:hover,
#h-consult-tab.nav>li>a:focus {
    background: none;
    
}

#h-consult-tab.nav>li>a {
    font-weight: 300;
    
    font-size: 16px;
}

#h-consult-tab.nav-tabs>li.active>a,
#h-consult-tab.nav-tabs>li.active>a:hover,
#h-consult-tab.nav-tabs>li.active>a:focus {
    
}


/* Home Job feed */

.section-jobfeed {
    background: url(../images/bg-h-service.jpg) 50% 50% no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#myJobsList,
#myJobsList ul,
#myJobsList .jcarousel-clip {
    overflow: hidden;
    margin: 0;
    list-style: none;
    font-size: 14px;
}

#myJobsList li {
    display: block;
    overflow: hidden;
    margin: 0 30px 0 0;
    width: 450px;
    float: left;
    position: relative;
    min-height: 90px;
}

#myJobsList .rss-item-pubDate {
    display: block;
    float: left;
    width: 89px;
    height: 89px;
    padding: 21px 20px 21px 23px;
    margin: 1px 0 0;
    border: solid 1px #D3D1D1;
    
    line-height: 1;
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
}

#myJobsList .rss-item-title {
    display: block;
    padding: 30px 0 0 110px;
}

#myJobsList .rss-item-title a {
    
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    padding-bottom: 10px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
}

#myJobsList .rss-item-description {
    display: block;
    padding: 0 0 0 110px;
    color: #6a6a6a;
    font-size: 14px;
}

.xmlLocation {
    position: absolute;
    top: 0;
    
    left: 110px;
}

.xmlBoldTitle {
    position: absolute;
    left: 15px;
}

.xmlLocation:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: "\f041";
    position: relative;
    text-decoration: inherit;
    margin-right: 6px;
    left: 2px;
}

.simply-scroll-container {
    position: relative;
}

.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}

.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Dynamic page styles */


/* Left */

#prefix_left-navigation {}

.left-hidden {
    display: none;
}



/* Meet the team */

.r17_team-member-page .staff-holder {
    margin: 20px 15px;
    overflow: hidden;
    border-top: 1px dotted #ccc;
    padding: 40px 0 0 0;
}

.r17_team-member-page .staff-holder #site-social {
    margin-top: 10px;
}

.r17_team-member-page .staff-holder img {
    border-radius: 20em;
    border: 10px solid #EEE;
    display: inline-block;
}

.r17_team-member-page .staff-holder h3 {
    font-size: 32px;
    margin: 35px 0;
}

.r17_team-member-page .staff-holder h3 span {
    font-size: 24px;
    color: #ccc;
}


/* Page Service */

.page-service .service-holder {
    background-color: #f2f2f2;
    margin-bottom: 20px;
    padding: 20px 20px 5px 20px;
}

.page-service .service-holder img {
    width: 100%;
}

.page-service .service-holder h4 {
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #E2E2E2;
}

.page-service .service-holder p {
    margin-bottom: 15px;
}

.page-service .service-holder i {
    font-size: 65px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 10em;
    background: #F9F9F9;
    padding: 18px 22px;
}


/* Contact */

#contact-map {
    position: relative;
    background-color: #f2f2f2;
}

.r27_map-overlay {
    background-color: rgba(51, 51, 51, 0.2);
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}


/* Addtional */

.in-section .h-about .col-sm-6 {
    padding-bottom: 1em;
    padding-top: 1em;
}

.navigation {
    border-radius: 6px;
    background: #333;
    border: none;
    color: #fff;
    width: 100%;
    padding: 10px;
    display: none;
}



/* Forms Styles */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="submit"] {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border: 1px solid #cccccc;
}

input[type="submit"] {}

input[type="text"],
input[type="password"],
input[type="email"] {}

input[type="image"] {}

.form-control:focus {
    border-color: #888;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#CV-content-holder .input-append {
    margin: 15px 0 0 0;
}


/* Extra - Buttons */

.btn {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: none;
}

.btn-primary {
    
    font-weight: 300;
    
    font-size: 20px;
    border-radius: 2em;
    background-color: transparent;
    border-width: 2px;
    padding: 8px 35px;
    border-color: #9D9D9D;
    text-decoration: none;
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: transparent;
    background-
}

.btn-default {
    border-color: #9D9D9D !important;
}

.btn-default:hover,
.btn-default:focus {
    color: #fff;
    background-
    border-
}

.btn-default:hover,
btn-default:focus {}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.5;
}

.nav .caret,
.nav a:hover .caret {
    border-top-
    border-bottom-
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-
}

#CV-content {
    margin-left: 15px;
    margin-right: 15px;
}

ul#memberProfileLinks ul.dropdown-menu {
    right: 0;
    left: auto;
}

ul.site-login {
    float: right;
    margin-top: 6px;
}

li#memberStatusDashLogin,
li#memberStatusDashRegister {
    display: inline-block;
}
/*
System Responsive
*/

/* 1. News page
-------------------------------------------------- */
/*default page css*/

/*For dashboard icon:*/

.member-status-home img {
    display: none;
}
.member-status-home::after {
    display: block;
    position: absolute;
    top: 3px;
    left: -22px;
    font-family: FontAwesome;
    content: "\f2bd";
    margin-right: 18px;
}
.member-status-home {
    position: relative;
}
.profile-completion-info .status-yes .fa, .profile-completion-info .jxt_dash-statusInfo .fa {
    background: #7bc109;
}

#box-table-saved th {
    height: 46px;
}
.profileMeterRing .progress-bar .right {
    background: #2c2b7c !important;
}
.profileMeterRing .progress-bar .rotate {
    background: #2c2b7c !important;
}
.uncomplete-sec-list .fa:hover, .uncomplete-sec-list .fa:focus {
    color: #2c2b7c;
}
#CV-content h1, #CV-content h2, #CV-content h3, #CV-content h4, #CV-content h5, #CV-content h6, .highlight{
    color: #2c2b7c;
}
#box-profile-details .db_section-header h2 {
    color: #fff;
    border-bottom: 1px solid #fff;
}
#divForm {
    padding-left: 37px;
}
.buttonHolder
{
    margin-top: 20px;
}
.boardy-apply-content .boardy-apply-register .form-group .input-group {
    padding-left: 15px;
    padding-right: 35px;
}
.boardy-apply-content .boardy-apply-register .form-group label
{
    padding-left: 30px;
}
.margin-left0{
    margin-left: 0px; /*add js  $('.checkbox ,input[type="submit"]').parent('.col-sm-offset-3').addClass('margin-left0');*/
}
.form-horizontal .control-label
{
    text-align: left;
}
#box-profile-details .db_section-header {
    background: #2c2b7c;
}
#memberProfileLinks li {
    background: #2c2b7c;
}
#memberProfileLinks a {
    color: #fff;
}
#memberProfileLinks a:hover, #memberProfileLinks a:focus {
    background-color: #44c8f5;
   
}
#memberProfileLinks .btn.btn-default {
    background-color: #2c2b7c;
        color: #fff;
}
.nav .caret, .nav a:hover .caret, .nav a:focus .caret {
    border-top-color: #fff;
    border-bottom-
}

.highlight {
    color: #03024e;
}
#CV-content .btn-primary {
    color: #fff;
    background-color: #03024e;
    border: 1px solid transparent!important;
}
#CV-content .btn-primary:hover {
    color: #03024e;
    background-color: #fff!important;
    border-color: #03024e;
}
.db_section-header{
  background-color: #03024e;
}

.missing {
    color: #777;
}

.newDash .table-bordered>thead>tr>th, .newDash .table-bordered>thead>tr>td
{
  color: #03024e;
}
/*Profile page*/
.section-footer a:hover, .section-footer a:focus {
    background-color: transparent;
}
/*Forget password*/
#member-fp-or-field {
    margin-bottom: 6px;
    text-align: center;
}
body [action*="forgetpassword"] #content {
    margin-left: 13.666667%;
}
#ctl00_ContentPlaceHolder1_lblMessage
{
    display: none;
}
input[type="text"]{
 -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
 appearance: none;
}

select::-ms-expand {
    display: none;
}



/* 2. Search Results / Job Board page
-------------------------------------------------- */
ul#side-drop-menu li#AdvancedSearchFilter_PnlCompany {display:none;}
#jobsearch-top .num-results {
    margin: 0 0 1em 0;
}
#jobsearch-top .searchresult-number {
    color:#333;
    font-weight: bold;
}
.job-navbtns .button {  
    -moz-boz-sizing: border-box;
    boz-sizing: border-box;
    float: left;
    margin: 0 0.5em 1em 0;
}

.job-navbtns .button a, .search-options .button a {
        padding: 5px 20px;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    -webkit-background: radial-gradient(ellipse at center, #d9f35f 0%,#b6cc47 90%);
    -moz-background: radial-gradient(ellipse at center, #d9f35f 0%,#b6cc47 90%);
    -ms-background: radial-gradient(ellipse at center, #d9f35f 0%,#b6cc47 90%);
    background: radial-gradient(ellipse at center, #d9f35f 0%,#b6cc47 90%);
}

.job-navbtns .actions-button, .job-navbtns .filters-button {display:none;}

/* Job Holder */
#job-holder, .job-holder{   
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    -webkit-transition: 0.2s linear;
    -moz-transition:0.2s linear;
    -o-transition:0.2s linear;
    transition:0.2s linear;
    clear: both;
    border:solid 1px #D5D5D5;
    background:#FAFAFA;
    margin: 0 0 1em 0;  
    padding:0.8em 1em;
    width: 100%;
    border-radius:5px;
}
#job-holder:hover, .job-holder:hover {
    box-shadow: 1px 1px 6px #C1BAC1;
    background:#fff;
}
#job-holder a {
    color:#666666; 
    font-weight:bold;
}
#job-holder a:hover {
    color:#333;
}
#job-holder .job-toplink a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color:#666666; 
    background: transparent;
    display:inline-block; 
    font-size:1.2em; 
    font-weight: 500; 
    line-height:1.3em; 
}
#job-holder:hover .job-toplink a { 
    color:#000;
}
.job-toplink {  
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 5% 0 0;
    width: 80%; width:400px\9;
}
.job-toplink a
{
    font-size: 24px;
    text-decoration: none;
}
.job-toplink .nameofcompany{
    display: none;  
    font-size: small;
}
.job-rightlinks {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;   
    font-size: small;
    text-align: right;
    width: 20%;
    width:150px\9;
}
.job-rightlinks a
{
    text-decoration: none;
}
.description-holder .locandsalary {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:13px;
    overflow: hidden;
}
.description-holder .locandsalary span {
    display: block;
    margin: 0;
}
.description-holder {
    clear: both;
    display:inline-block;
    margin:0.4em 0;
    overflow:hidden;
    width:100%;
}

.description-holder .description-logo {display:none;}
    
.description-holder ul, 
.description-holder p {
    margin-top: 0;
    margin-bottom: 0;
}
.job-breadcrumbs {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;    
    font-size: small;
}
.job-breadcrumbs a
{
    text-decoration: none;
}

.description-holder .job-checkbox {
    float: right;   
    text-align: right;
    width: 5%;
}
.description-holder .job-checkbox input[type-checkbox] {
    max-width: 100%;
}
.description-holder .locandsalary { 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 5% 0 0;
    width: 35%;
}
.description-holder .description-text {
    float: left;
    font-size:13px;
    width: 60%;
}

#tnt_pagination a {
    border: solid 1px #BEBEBE;
    cursor: pointer;
    display: inline-block;
    font-size: small;   margin: 0 0.5em 0 0;
    padding: 0.5em 0.5em;
    text-align: center;
}








/* 3. Job Detail / View Job page
-------------------------------------------------- */

/* job ad template/ breadcrumb */
.jobdetail-top .job-detailtop-title, 
#wrapper #job-ad-template { 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0 0 1em 0;
    width: 65%; 
}
.job-detailtop-title a
{
    text-decoration: none;
}

.jobdetail-top {
    margin: 0 0 1em 0;  
    overflow: hidden;
    width:100%;
}


#job-ad-template
{
    overflow: hidden;
    float: left;
    width: 458px;
    border: solid 1px #F2F2F2; /* border colour here */
    
    border-radius: 0;
    /* generic font styling here */
    font-size: 14px;
    line-height: 1.5;
    
}
#job-ad-template.job-ad-mickey
{
    width: 536px;
}
#job-ad-template a
{
    text-decoration: underline;
    
}
#job-ad-template a:hover, 
#job-ad-template a:focus, 
#job-ad-template a:active
{
    text-decoration: none;
    
}
#job-ad-template p
{
    margin: 0 0 1.5em 0;
}
#job-ad-template ul
{
    padding: 0 0 0 18px;
    margin: 0 0 1.5em 0;

    list-style: disc;
}
#job-ad-template ol
{
    padding: 0 0 0 24px;
    margin: 0 0 1.5em 0;
}
#job-ad-template ol li
{
    padding: 0;
    margin: 0;
}
#job-ad-template ul li
{
    display: list-item;
    padding: 0;
    margin: 0;
    
    list-style: disc;
}
#job-ad-template li:before
{
    display: none;
}
#job-ad-template #job-ad-content
{
    padding: 1em 1.5em; /* horizontal padding  here*/
}
#job-ad-template .job-ad-part
{
    margin: 1.5em 0; /* vertical margin here */
}
#job-ad-template #job-ad-header
{
    overflow: hidden;
    position: relative;
    padding: 1.5em;

    /*background: url("../images/.jpg") no-repeat 0 0;*/
    background-size: cover;
}
#job-ad-template #job-ad-header:after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;

    background-color: #F2F2F2;
}
#job-ad-template #job-advertiser-logo
{
    position: relative;
    z-index: 10;
    float: right;
    width: 200px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size: auto 100%;
    background-color: url(../images/logo.svg) !important;
}
#job-ad-template .job-ad-option
{
    display: table-row;
}
#job-ad-template .job-ad-optional-heading, 
#job-ad-template .job-ad-optional-text
{
    display: table-cell;
    vertical-align: top;
}
#job-ad-template .job-ad-optional-heading
{
    padding: 0 1em 0 0;
    font-weight: 700;
}
#job-ad-template .job-ad-optional-text div
{
    display: inline-block;
}
#job-ad-template #job-ad-footer a
{
    display: block;
    padding: 0.5em 0;
    
    text-align: center;
    text-decoration: none;
    background: #F2F2F2;
    
}
#job-ad-template #job-ad-footer a:hover, 
#job-ad-template #job-ad-footer a:focus, 
#job-ad-template #job-ad-footer a:active
{
    background: #333;
    color: #fff;
}


/* back to results / options list */
.jobdetail-top .backtoresults, 
.job-detail-centre, 
.jd-btm-description {
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    float: right;
    width: 35%; 
}
.jobdetail-top .backtoresults a {
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    text-align: center;
    width: 100%;
}
.job-detail-centre .jobdetail-padding, 
.jobdetail-top .backtoresults {
    padding-right: 0;
}
.job-detail-centre h2 {
    margin: 15px 0 0;
}



.job-detail-centre .jobdetail-options ul, 
.job-detail-centre .jobdetail-options li {
    background: none;
    list-style: none;
    padding: 0;
    margin: 0;  
}
.job-detail-centre .jobdetail-options li {
    display: block;
    padding: 0;
    margin: 0;
}
.job-detail-centre .jobdetail-options a {
    color:#666;
    display: block;
    background-repeat: no-repeat;
    background-size: auto cover;
    background-position: left center;
    font-size: small;
    line-height:26px;
    text-decoration: none;
    padding: 0.5em 0 0.5em 2.7em;
}

.job-detail-centre a { position:relative;}

.job-detail-centre a:before {
    color:#333333;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size:20px;
    left: -6px;
    position: absolute;
    text-decoration: inherit;
    text-indent: 0.5em;
    top: 7px;
}
.job-detail-centre .save-image a:before {content: "\f0c7"; left:-5px;}
.job-detail-centre .print-image a:before {content: "\f02f";}
.job-detail-centre .email-image a:before {content: "\f0e0";}
.job-detail-centre .facebook-image a:before {content: "\f09a"; color:#395692; left:4px;}
.job-detail-centre .twitter-image a:before {content: "\f099"; color:#3299D4;}
.job-detail-centre .linked-in-image a:before {content: "\f0e1"; color:#085C88;}

.jobdetail-options ul .googleplus-in-image, 
#jobdetail-social-media .googleplus-in-image
{
    background: transparent;
}
.job-detail-centre .googleplus-in-image a:before {content: ""; left: -8px; color:#D51B1C;}

.jobdetail-padding, 
.backtoresults {
    padding-left:40px;
}
.jd-btm-description {
    clear: both;
    float: none;
}
.jd-btm-description .jobdetail-padding {
    padding-left: 0;
}
/* Apply Now button */
.apply-now-link {margin-bottom:20px;}
.apply-now-link a {
background: #333;
color: #fff;
display: block;
font-size: 1.3em;
padding: 0.5em 0;
text-align: center;
border-
}
.apply-now-link a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



#ef-yourfriendname-field input,
#ef-yourfriendemail-field input,
#ef-messageforyourfriend-field textarea {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}




/* 4. Member pages
-------------------------------------------------- */

#box-table {
    clear: both;
    max-width: 100%;
    margin: 1em 0;  
    white-space: nowrap;
}
#box-table th {
    background: #252525;
    color: #FFFFFF; 
    font-weight: bold;
    padding: 0.5em;
}
#box-table tr td {
    background: #F6F6F6;
    padding: 0.5em;
    color:#333;
}
/* responsive tables */ 
.box-table-responsive {
    clear: both;
    margin: 1em 0;      
    overflow-x: scroll;
    position: relative;
    width: 100%;
}
.box-table-responsive #box-table tr td:first-child, 
.box-table-responsive #box-table tr th:first-child {
    
}








/* 5. Advertiser pages
-------------------------------------------------- */

#content ul.tabs {
    display: none;
}
#content ul.tabs li {
    background: transparent;
    border: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}








/* 6. Link and Button styles
-------------------------------------------------- */

#ContentPlaceHolder1_pnlFullRegistration {
    display: none;
}

.breadcrumbs, 
#jobBreadCrumb {
    margin: 0 0 1em 0;
}

.button a, 
.mini-new-buttons, 
.jobdetail-top .backtoresults a {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 0;
cursor: pointer;
display: inline-block;
box-shadow: none !important;
border: 2px solid #a15f26 !important;
text-decoration:none;
}
.button a:hover, 
.mini-new-buttons:hover, 
.jobdetail-top .backtoresults a:hover {
    -webkit-background: radial-gradient(ellipse at center, #dc8336 0%,#a15f26 90%);
    -moz-background: radial-gradient(ellipse at center, #dc8336 0%,#a15f26 90%);
    -o-background: radial-gradient(ellipse at center, #dc8336 0%,#a15f26 90%);
    background: radial-gradient(ellipse at center, #dc8336 0%,#a15f26 90%);
    color: #fff;
}
input.mini-new-buttons {-webkit-appearance:none;}









/* 7. Side bar styles
-------------------------------------------------- */

/* Left */
#prefix_left-navigation ul, #prefix_left-navigation li,#prefix_left-navigation-static ul, #prefix_left-navigation-static li {list-style:none;}
#prefix_left-navigation ul li a, #prefix_left-navigation-static ul li a {font-size:15px; text-decoration: none; display:block; padding:10px 0; color:#58595B; position:relative; border-top: 1px solid #E8E8E8; text-indent:5px;}
#prefix_left-navigation ul li ul li a:hover, #prefix_left-navigation-static ul li ul li a:hover {color:#000;}
#prefix_left-navigation ul, #prefix_left-navigation-static ul {padding:0; margin:0;}
#prefix_left-navigation ul li ul li a, #prefix_left-navigation-static ul li ul li a {color:#727272;}
#prefix_left-navigation ul li ul li ul li a {text-indent:15px}
#prefix_left-navigation ul li ul li.active>a, #prefix_left-navigation-static ul li ul li.active>a,
#prefix_left-navigation ul li ul li ul li.active a{
    color:#58595B;
}

.side-left-header {
    display: none;
}
.links-2 ul, 
#side-drop-menu,
#side-drop-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.links-2 {}
#side-drop-menu {
    margin-bottom: 2em;
    margin-top: 2em;
}
.links-2 li, 
#side-drop-menu li {
    display: block;
    margin: 0;
    padding: 0;
}
.search-query p,
.links-2 a, 
#side-drop-menu a {
    display: block;
    margin: 0;
    padding: 10px 5px;
    border-top: 1px solid #E8E8E8;
    text-decoration: none;
}

.links-2 ul li ul li a, 
#side-drop-menu ul li a  {
    color: #727272;
}

.links-2 a:hover, 
#side-drop-menu a:hover {
    text-decoration: none;
} 

#side-drop-menu ul li a {}
.search-query {
    /* search result filter box */
    margin: 0 0 0 0;
}
.search-query > h3 {
    display: none;
}
.red-remove {   
    color:#F60;
    float: right;
}
.red-remove a {
    color: #F60;
    display:inline-block;
}
.red-remove:hover, 
.red-remove:hover a {
    color: #F60;
}

.login-status {padding:0 5px;}









/* 7. Form styles
-------------------------------------------------- */

.form-all, 
.uniForm, 
#advanced_search-holder {
    clear: both;
    padding: 0;
}

.uniForm input, .form-all input, 
.uniForm select, .form-all select, 
.uniForm textarea, .form-all textarea, 
#advanced_search-holder input, 
#advanced_search-holder select  {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
}
label em, 
.form-required {
    color: #F60;
    padding: 0 0.5em;
}
.uniForm ul, 
.uniForm li, 
.form-section, 
.form-section li {
    background: transparent;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;  
}
.formHint {
    margin: 0;
}
.formHint span {
    margin: 0 0 1em 0;
}
.MemberFullRegisterHeader {
    cursor: pointer;
}

/* double column */
#search-salary ul li, 
#search-salary #divSalaryFrom {
    float: left;
    width: 45%;
}
#search-salary ul li:last-child, 
#search-salary #divSalaryTo {
    float: right;
    width: 45%;
}
#search-salary ul li:first-child {
    float: none;
    width: 100%;
    margin: 0;
}
#search-worktype {
    clear: both;
}
#search-salary {overflow:hidden;}
#divTo {
    float: left;
    width: 9%;  
    text-align: center;
    line-height: 33px;
}
#ctl00_ContentPlaceHolder1_ucMemberEdit1_upDateOfBirth {overflow:hidden;}

/* triple column */ 
#ucmemberedit-date-of-birth .form-sub-label-container {
    float: left;
    padding-right: 5%;      
    text-indent: -5000em;
    width: 35%;
}
.Member-nojob-alerts {margin-top:15px;}
.form-sub-label-container .span-dash{display:none;}
#ucmemberedit-date-of-birth .form-sub-label-container select {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-color: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-sub-label-container .form-sub-label {display:none;}
#ucmemberedit-date-of-birth .form-sub-label-container:last-child {
    float: right;
    padding-right: 0;
    width: 30%;
}   
#jobs-salaryfromto-field .form-input {
    text-align: center;
}
#jobs-salaryfromto-field select {
    float: left;
    width: 40%;
}
#jobs-salaryfromto-field select:last-child  {
    float: right;
    margin-right: 0;
}
#Li2 {
    clear: both;
}
.form-input table {
    width: 100%;
}
.form-input table tr td {       
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1em;
    width: 50%;
}
.form-input table tr td:last-child {
    padding-right: 0;
    padding-left: 1em;
}
.cke {
    max-width: 100%;
}

.form-buttons-wrapper, 
.member-submitbottom, 
.advertiser-searchbottom {
    margin: 1em 0;
}
#Li1 .form-input, 
#ucmembersearchcriteria-avail-date .form-sub-label-container {
    position: relative;
}
#Li1 input, 
#ucmembersearchcriteria-avail-date input:first-child {
    /*padding-right: 8em;*/
}
#Li1 a, 
#ucmembersearchcriteria-avail-date #ctl00_ContentPlaceHolder1_ucMemberSearchCriteria1_ibFirstApprovedDate {
    position: absolute;
    right: 0.5em;
    top: 0;
}
.form-error-message {   
    background: WhiteSmoke;
    color: #F60;
    padding: 1em;
    margin: 1em 0;
}
.form-radio2 label, 
.form-radio label  {
    margin-right: 1em;
}

.label {
background-color: #FFF;
color: #b3b3b3;
font-size: 0.95em;
padding: 0;
}

.section-heading {
font-size: 1.2em;
display: inline-block;
padding-top: 15px;
}

/* CV builder */
#content-container.newDash #content .content-holder {padding-top:20px;}
#memberProfileLinks .btn.btn-default {border-color: #DADADA;}
#content-container.newDash #content #memberProfileLinks {top:-1em;}
#memberProfileLinks li .divider {background-color: #e5e5e5;}
#memberProfileLinks {right:0; top:-1em;}
#CV-content-holder {padding-top:1em;}

.navbar-toggle,.navbar-toggle em{border-color: #fff;color: #fff;}
	.navbar-toggle{
		border-radius: 8px;
		padding: 8px 12px;
		margin: 15px 0 0;
	}
.navbar{margin-bottom: 0;}
.footer-sec{
	background-color: #073758;
	color: #fff;
	padding: 13px 30px;
}
a.find-us-left img {
    margin-right: 12px;
}
a.site-lick-right img {
    margin-left: 12px;
}
.footer-sec a {
    display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;    
}
.connect_with_us,.new-sec{
	padding: 50px 0;
}
.sec-text{
	font-size: 27px;
	margin-top: 14px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.22px;
}
.digit-round{
	text-align: center;
}
.digit-round span{
	display: inline-block;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 50px;
}
.connect_with_us_grid > .row > .col-md-4:nth-child(1) .digit-round span{
	background: #134eac;
}
.connect_with_us_grid > .row > .col-md-4:nth-child(2) .digit-round span{
	background: #56a759;
}
.connect_with_us_grid > .row > .col-md-4:nth-child(3) .digit-round span{
	background: #d74e4f;
}
.sec-title{
    text-align: center;
    font-size: 44px;
    font-weight: 500;
    letter-spacing: -0.9px;
    text-transform: uppercase;
}
.connect_with_us_grid{
	margin: 50px 0 70px;
}
.site-logo-footer{
	max-width: 180px;
    width: 100%;
}
.site-logo-footer img{
    width: 100%;
}
.grid-title{
	margin: 17px 0;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
}
.grid-text{
	font-size: 20px;
	text-align: center;
    padding: 0 20px;
    font-weight: 300;
}
.scroll-down{text-align: center;background: #E7EDF6;}
.scroll-down a{
    display: inline-block;
    border-top: 15px solid #7d7e7f;
    border-left: 42px solid transparent;
    border-right: 42px solid transparent;
    margin: 17px 0 0px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.scroll-down a:hover{border-top: 15px solid #9e9e9e;}
.connect-cta-btn{
    background: #073758;
    color: #fff;
    min-width: 251px;
    border: 4px solid transparent;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    padding: 15px 5px;
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
	 margin-bottom: 12px;
	position: relative;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
a.connect-cta-btn:hover {
    background: #A2B53B;
    color: #fff;
}
/*.connect-cta-btn:after {
    content: "";
    background-image: url(../images/buttob-shadow.png);
    background-repeat: no-repeat;
    background-size: 104%;
    position: absolute;
    height: 200px;
    width: 500px;
    left: -6px;
    top: -4px;
    z-index: -1;	
}*/
.connect_with_us_cta-main {
    text-align: center;
}
.connect_with_us_cta {
    display: inline-block;
    margin: 0 22px 30px;   
}
.connect_with_us_cta span {
    display: block;
	font-size: 20px;
}
.hori-accordion, .home-banner, .connetics-life-day {
    background: #e7edf6;
}
.connetics-life-day-text{
	margin: 40px 0;
}
.connetics-life-day-text p{
    margin-bottom: 27px;
    font-size: 26px;
    letter-spacing: -0.7px;
    font-weight: 300;
}
/*--start pana accordian ---*/
.hori-accordion,.home-banner{position: relative;}
.hori-accordion ul ,.home-banner ul{
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
.home-banner ul{position: relative;padding-left: 11%;padding-right: 3%;background-color: #0e4faf;}
.home-banner ul:before{
    content: "";
    position: absolute;
    background-image: url(../images/banner-stripes.jpg);
    background-size: contain;
    background-repeat: repeat-y;
    background-position: center;
    left: 0;
    top: 0;
    bottom: 0;
    width: 11%;
}
.home-banner ul:after{
    content: "";
    position: absolute;
    background-image: url(../images/banner-stripes-right.jpg);
    background-size: contain;
    background-repeat: repeat-y;
    background-position: center;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 11%;
    width: 5.7%;
}
.hori-accordion ul li,.home-banner ul li {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 15%;
  background-repeat: no-repeat;
  background-position: center center;
    line-height: 0;
    cursor: pointer;
    background: #cacaca;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    left: 0;
    position: relative;
}
.hori-li.panel-expand{
    cursor: default;
}
.home-banner ul li {width: 4%;}
.connecting-acco{margin-top: 50px;}
/*.connecting-acco .hori-li {
    height: auto;
}*/
.connecting-acco ul li > div,.home-banner ul li > div {
  display: block;
  overflow: hidden;
  width: 100%;
min-height: 570px;
}
/*.hori-accordion ul li div{
    min-height: 570px;
}*/
.connecting-acco ul li div ,.home-banner ul li > div {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
    line-height: 1.2
}
.connecting-acco ul li.panel-shrink > div,.home-banner ul li.panel-shrink > div{display: none;}
.connecting-acco ul li > div,.home-banner ul li > div {
  opacity: 0;
	/*display: none;*/
  margin: 0;
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.connecting-acco ul li div a h2,.home-banner ul li div a h2 {
  text-overflow: clip;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}

.connecting-acco ul li div a p ,.home-banner ul li div a p {
  top: 160px;
  font-size: 13.5px;
}


.hori-accordion ul li:nth-child(1),.home-banner ul li:nth-child(1){ background-color: #134EAC}
.hori-accordion ul li:nth-child(1) .label-accordian-top {color:#134EAC;}
.hori-accordion ul li:nth-child(1) .label-accordian-top:after{border-right-color: #134EAC;}
.hori-accordion ul li.panel-expand:nth-child(1) .label-accordian-top:after{border-right-color: transparent;border-left-color: #134EAC;}
.hori-accordion ul li:nth-child(2),.home-banner ul li:nth-child(2) { background-color: #56A75A}
.hori-accordion ul li:nth-child(2) .label-accordian-top{ color: #56A75A}
.hori-accordion ul li:nth-child(2) .label-accordian-top:after{border-right-color: #56A75A;}
.hori-accordion ul li.panel-expand:nth-child(2) .label-accordian-top:after{border-right-color: transparent;border-left-color: #56A75A;}
.hori-accordion ul li:nth-child(3),.home-banner ul li:nth-child(3) { background-color: #D64E4E}
.hori-accordion ul li:nth-child(3) .label-accordian-top{ color: #D64E4E}
.hori-accordion ul li:nth-child(3) .label-accordian-top:after{border-right-color: #D64E4E;}
.hori-accordion ul li.panel-expand:nth-child(3) .label-accordian-top:after{border-right-color: transparent;border-left-color: #D64E4E;}
.hori-accordion ul li:nth-child(4),.home-banner ul li:nth-child(4) { background-color: #f5f45c}
.hori-accordion ul li:nth-child(4) .label-accordian-top{ color: #f5f45c}
.hori-accordion ul li:nth-child(4) .label-accordian-top:after{border-right-color: #f5f45c;}
.hori-accordion ul li.panel-expand:nth-child(4) .label-accordian-top:after{border-right-color: transparent;border-left-color: #f5f45c;}

li.conn-li.panel-shrink { width: 15%;cursor: pointer; }
li.home-li.panel-shrink { width: 4%;cursor: pointer;}
li.conn-li.panel-expand{ width: 85%; transition: all 1s ease; }
li.home-li.panel-expand{ width: 120%; transition: all 1s ease; }
/* NZ page ONLY */
.nz-home-page-content .hori-accordion ul li:nth-child(1),
.nz-home-page-content .home-banner ul li:nth-child(1) {
    background-color: #D64E4E
}

.nz-home-page-content .hori-accordion ul li:nth-child(1) .label-accordian-top {
    color: #D64E4E;
}

.nz-home-page-content .hori-accordion ul li:nth-child(1) .label-accordian-top:after {
    border-right-color: #D64E4E;
}

.nz-home-page-content .hori-accordion ul li.panel-expand:nth-child(1) .label-accordian-top:after {
    border-right-color: transparent;
    border-left-color: #D64E4E;
}

.nz-home-page-content .hori-accordion ul li:nth-child(2),
.nz-home-page-content .home-banner ul li:nth-child(2) {
    background-color: #56A75A
}

.nz-home-page-content .hori-accordion ul li:nth-child(2) .label-accordian-top {
    color: #56A75A
}

.nz-home-page-content .hori-accordion ul li:nth-child(2) .label-accordian-top:after {
    border-right-color: #56A75A;
}

.nz-home-page-content .hori-accordion ul li.panel-expand:nth-child(2) .label-accordian-top:after {
    border-right-color: transparent;
    border-left-color: #56A75A;
}

.nz-home-page-content .hori-accordion ul li:nth-child(3),
.nz-home-page-content .home-banner ul li:nth-child(3) {
    background-color: #D64E4E
}

.nz-home-page-content .hori-accordion ul li:nth-child(3) .label-accordian-top {
    color: #D64E4E
}

.nz-home-page-content .hori-accordion ul li:nth-child(3) .label-accordian-top:after {
    border-right-color: #D64E4E;
}

.nz-home-page-content .hori-accordion ul li.panel-expand:nth-child(3) .label-accordian-top:after {
    border-right-color: transparent;
    border-left-color: #D64E4E;
}

.nz-home-page-content .hori-accordion ul li:nth-child(4),
.nz-home-page-content .home-banner ul li:nth-child(4) {
    background-color: #f5f45c
}

.nz-home-page-content .hori-accordion ul li:nth-child(4) .label-accordian-top {
    color: #f5f45c
}

.nz-home-page-content .hori-accordion ul li:nth-child(4) .label-accordian-top:after {
    border-right-color: #f5f45c;
}

.nz-home-page-content .hori-accordion ul li.panel-expand:nth-child(4) .label-accordian-top:after {
    border-right-color: transparent;
    border-left-color: #f5f45c;
}

.nz-home-page-content li.conn-li.panel-shrink {
    width: 15%;
    cursor: pointer;
}

.nz-home-page-content li.home-li.panel-shrink {
    width: 4%;
    cursor: pointer;
}

.nz-home-page-content li.conn-li.panel-expand {
    width: 85%;
    transition: all 1s ease;
}

.nz-home-page-content li.home-li.panel-expand {
    width: 120%;
    transition: all 1s ease;
}
.nz-home-page-content .hori-accordion ul li.current-proj-panel {
    background-color: #EE815F;
}
.nz-home-page-content .hori-accordion ul li.current-proj-panel .label-accordian-top{
    color: #EE815F;
}
.nz-home-page-content .hori-accordion ul li.current-proj-panel .label-accordian-top:after {
    border-right-color: #EE815F;
}
.nz-home-page-content .hori-accordion ul li.panel-expand.current-proj-panel .label-accordian-top:after {
    border-left-color: #EE815F;
}
/* NZ page ONLY */
li.hori-li.home-li.panel-expand .b-content {
    opacity: 1;
    transition-delay: 1s;
}
li.hori-li.panel-expand > div {
    opacity: 1;
	-webkit-transform: translateX(0);
  transform: translateX(0);
	display: inline-block;
     transition-delay: 1s;
}
.bold{font-weight: 500;}


/* New 'Current Projects' */
.hori-accordion ul li.current-proj-panel {
    background-color: #EE815F;
}
.hori-accordion ul li.current-proj-panel .label-accordian-top {
    color: #EE815F;
}
.hori-accordion ul li.panel-expand.current-proj-panel .label-accordian-top:after {
    border-left-color: #EE815F;
}
.hori-accordion ul li.current-proj-panel .label-accordian-top:after {
    border-right-color: #EE815F;
}
.current-proj-container {
    display: block;
    padding: 60px 35px;
}
.current-proj-container > div > div {
    width: 25% !important;
    display: block !important;
    text-align: center;
}
.project-icon-box {
    max-width: 250px;
    height: 190px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
}
.project-icon-box img {
    -webkit-box-flex: 2;
        -ms-flex: 2 0 auto;
            flex: 2 0 auto;
}
.project-icon-box img.icon-01{    max-width: 160px;}
.project-icon-box img.icon-02{    max-width: 160px;}
.project-icon-box img.icon-03{    max-width: 160px;}
.project-icon-box img.icon-04{    max-width: 195px;}
.project-icon-box img.icon-05{    max-width: 160px;}
.project-icon-box img.icon-06{max-width: 135px;}
.project-icon-box img.icon-07{    max-width: 140px;}
.project-icon-box img.icon-08{max-width: 185px;}
.project-contents {
    max-width: 160px;
}
.project-contents h4 {
    font-size: 24px;
    min-height: 78px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.project-contents > p {
    text-align: left;
}

/*--end pana accordian ---*/
.label-accordian-top{
	padding: 5px 6px;
    background: transparent;
    position: absolute;
    left: 12px;
    z-index: 9;
    top: -36px;
    font-size: 23px;
    font-weight: 500;
    padding-left: 10px;
	cursor: pointer;
    line-height: 1.2;
    letter-spacing: -0.9px;
    margin-left: 5px;
}
.label-accordian-top:after{
    content: "";
    position: absolute;
    border-top: 11px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 19px solid #134EAC;
    left: -14px;
    top: 8px;
}
.hori-li.panel-expand .label-accordian-top:after{
	right: -28px;
    border-left: 16px solid #134EAC;
    border-right: 10px solid transparent;
    left: auto;
}
.accordian-dots {
	position: absolute;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 9;
    left: 50%;
}
.h-dots{
    bottom: 75px;
}
.accordian-dots .list {
    display: inline-block;
    margin: 0 3px;
	 border-radius: 50%;
    width: 12px;
    height: 12px;
    border: none;
    box-shadow: none;
	cursor: pointer;
    transition: all 0.3s ease;
    background-color: rgba(255,255,255,0.5);
}
.accordian-dots .list.active, .accordian-dots .list:hover{
    background-color: #fff;
    outline: none;
}
.banner-main{
	width: 100%;
	min-height: 589px;	
}
.home-li:first-child .vid-nav .left,.home-li:last-child .vid-nav .right {
    display: none;
}

.banner-videos{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 591px;
    position: relative;
    padding: 0 120px;
}
.banner-videos:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
}
.b-content{
    display: inline-block;
    width: 100%;
    max-width: 80%;
    position: absolute;
    bottom: 10%;
    text-transform: uppercase;
    opacity: 0;
    transition: all 2s ease;
    transition-delay: 1s;
    z-index: 2;
}
.b-title{
    font-size: 58px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1;
    width: 100%;
    max-width: 90%;
    display: block;
    letter-spacing: -2.4px;
}
.b-title span{display: block;} 
.clr-yellow{color: #ffc236;}
.hori-accordion .video-div {
    padding: 0;
    line-height: 1.2;
}
.home-banner{margin: 0 -15px;}
.home-banner .play-btn{
	display: inline-block;
    background: rgba(255, 194, 54, 0.6);
    width: 55px;
    height: 55px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    position: relative;
}
.home-banner .play-btn .fa-play{
    font-size: 30px;
    position: relative;
    top: 15%;
    left: 10%;
}
.home-banner .play-btn:hover{
     background: rgba(255, 194, 54, 0.8);
}
.vid-label{
    position: relative; 
    background: #E7EDF6;
   /* padding: 0 120px;*/
    width: 100%;
    float: left;
}
.vid-label .left,.vid-label .right{
     padding: 3px 10px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.vid-label .left{
    float: left;
    background: #134EAC;   
    margin-left: 100px;
}
.vid-label .right{
    float: right;    
    background: #c96045;
}
.vid-label .right:hover{background: #dc6a4d;}
.vid-label .left:hover{ background: #2469d8;}
.life-with-us-sec .life-with-us-cnt{
	color: #fff;
    line-height: 1.2;
    
	padding: 66px 35px 70px ;
}
.vid-label .fa{
    font-size: 21px;
    vertical-align: top;
}
.life-with-us-sec .life-with-us-cnt h3{
	margin-bottom: 38px;
	font-size: 45px;
	font-weight: 500;
    letter-spacing: -1.4px;
    text-transform: uppercase;
}
.vid-nav{
    position: absolute;
    bottom: 35%;
    width: 100%;
    left: 0;
    z-index: 9;
    margin: 0 -60px;
}
.vid-nav .left,.vid-nav .right{ 
     border-top: 45px solid transparent;
    border-bottom: 45px solid transparent;
    display: inline-block;
     cursor: pointer;
    transition: all 0.3s ease;
}
.vid-nav .left{
    float: left;   
      border-right: 13px solid rgba(255,255,255,0.8);  
}
.vid-nav .right{        
    float: right;
    border-left: 13px solid rgba(255,255,255,0.8);
}
.vid-nav .right:hover{
    border-left: 13px solid rgba(255,255,255,1);
} 
.vid-nav .left:hover{
    border-right: 13px solid rgba(255,255,255,1);
}
.vid-nav .left.disable{
    border-right-color: rgba(255,255,255,0.5);
}
.vid-nav .right.disable{
    border-left-color: rgba(255,255,255,0.5);
}
.life-with-us-sec .life-with-us-cnt p,.wrap-living-here-diagram p{
	margin-bottom: 25px;
	font-size: 20px;
    font-weight: 300;
        letter-spacing: 0.22px;
}
.wrap-living-here-diagram{
	    position: relative;
    bottom: -72px;
    padding: 0 35px;
}
.wrap-living-here-diagram p{
    position: relative;
    bottom: 110px;
}
.wrap-living-here-diagram h4{
    font-size: 28px;
    letter-spacing: 0.9px;
}
.padb0{padding-bottom: 0 !important;}
.life-with-us-sec .life-with-us-cnt h4{
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 20px;
}
.work-with-map{
	/*background-image: url(../images/map-static.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 60%;
    min-height: 900px !important;
    position: relative;*/    
    min-height: 800px;
}
.map-label{
    position: absolute;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
}
span.welling.map-label {
    top: 47%;
    right: 4%;
}
span.Christ.map-label {
    right: 12%;
    top: 62%;
}
span.otago.map-label{
    top: 75%;
    right: 16%;
}
.work-with-map{
    max-width: 60%;
    display: inline-block !important;
}
.map-static-outer{
    text-align: right;
    position: absolute !important;
    right: -60px;
    height: 100%;
    top: 0;
    z-index: -1 !important;
}
.hori-accordion ul li div.work-with-main{
     min-height: 750px !important;
    display: inline-block !important;
}
.map-static{height: 100%;}
.life-with-us-cnt.lw-uc{display: inline-block !important;}
.static-time {
    position: absolute;
    right: 30px;
    bottom: 20px;
    width: 150px;
    height: 50px;
    background-size: 140px;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}
.pc-links{
        text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mob-links{display: none;}
.txt-on-banner {
    display: inline-block;
    position: absolute;
    bottom: 120px;
    font-size: 16px;
    text-shadow: 1px 1px 8px #000;
    z-index: 9;
    color: #fff;
    left: 25px;
}
.mob-active-list .content-parent{
    opacity: 1;
}
button, html input[type="button"], input[type="reset"], input[type="submit"]{
    -webkit-background: radial-gradient(ellipse at center, #d9f35f 0%,#b6cc47 90%);
    -moz-background: radial-gradient(ellipse at center, #d9f35f 0%,#b6cc47 90%);
    -o-background: radial-gradient(ellipse at center, #d9f35f 0%,#b6cc47 90%);
    background: radial-gradient(ellipse at center, #d9f35f 0%,#b6cc47 90%);
    color: #000;
    font-weight: 500;
}
.left-col{margin-bottom: 5px;}
#divSalaryTo label,#divSalaryFrom label{display: none;}
#advanced_search-holder #search-salary #salaryupperband, #advanced_search-holder #search-salary #salarylowerband{width: 45.5%;}
span.icon_social {
    display: inline-block;
    width: 52px;
    height: 52px;
    line-height: 60px;
    background: #FFF;
    border-radius: 50%;
    margin-right: 10px;
}
span.icon_social em{
    color: #073758;
    font-size: 28px;
    position: relative;
    left: 3px;
    font-weight: 600;
}
.mini-title{
    font-size: 22px;
}
/*Media Queries Start*/
/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
    body {
        padding-top: 80px;
    }
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
    .navbar-nav {
        margin-top: 15px;
		float: right;
    }
	.navbar{
		margin-bottom: 0;
		min-height: auto;
	}
    a#child-menu {
        display: none;
    }
    .navbar .nav>li>.dropdown-menu:after {
        position: absolute;
        top: -6px;
        left: 18px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #333;
        border-left: 6px solid transparent;
        content: '';
    }
}
@media (max-width: 1500px) {
    .map-static {
        height: auto;
        width: 50%;
        bottom: 0;
        position: absolute;
        right: -60px;
    }
    .map-static-outer {
        right: 0;
        height: 100%;
        top: inherit;
        bottom: 0;
    }
    span.welling.map-label {
        top: 57%;
        right: 5%;
        font-size: 16px;
    }
    span.otago.map-label {
        top: 81%;
        right: 19%;
        font-size: 16px;
    }
    span.Christ.map-label {
        right: 13%;
        top: 71%;
        font-size: 16px;
    }
}
@media (max-width: 1400px) {
    .b-title{font-size: 50px;}
    .label-accordian-top{font-size: 15px;}
    .label-accordian-top:after{
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 14px solid #134EAC;
        left: -8px;
        top: 8px;
    }
}
@media (max-width: 1260px) {
    .crsl-nav a {
        bottom: 105%;
    }
    .crsl-nav a.previous {
        left: 20px;
    }
    .crsl-nav a.next {
        right: 20px;
    }
    ul#site-social {
        margin-right: 122px;
    }
}


@media (max-width: 1199px){
	.newDash .form-section{
    	min-height: 257px;
  	}
	li.hori-li.panel-expand{
		width: 100%;
	}
    .b-title{font-size: 44px;max-width: 80%;}
	.label-accordian-top{
		font-size: 14px;padding-left: 8px;
	}
	.label-accordian-top:after{
		border-top: 6px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #134EAC;
        left: -6px;
        top: 6px;
	}
    .hori-li.panel-expand .label-accordian-top:after{
        right: -22px;
        border-left: 12px solid #134EAC;
        border-right: 10px solid transparent;
        left: auto;
    }
    .wrap-living-here-diagram p{font-size: 14px;}
    .wrap-living-here-diagram{
        bottom: -40px;
        
    }
    .wrap-living-here-diagram p {
        position: relative;
        bottom: 86px;
    }
    .sec-title{font-size: 40px;}
    .connetics-life-day-text p{font-size: 24px;}
    .vid-nav{ padding: 0 30px;margin: 0 -80px;}
    .banner-videos{padding: 0 60px;}
    .b-content{bottom: 22%;max-width:100%;}
    .vid-label .left{margin-left: 60px;}
}
/*--end 1199--*/
/* Small devices (tablets, 768px and up) */
@media (max-width: 1060px) {
    .navbar-brand{
        max-width: 150px;
    }
    .wrap-living-here-diagram p {
        position: relative;
        bottom: 70px;
    }
    .map-static{display: none}
    .map-static{max-width: 100%;}
    .work-with-map {max-width: 100%;}
    .banner-videos{padding: 0 80px;}
    .b-title{max-width: 80%;}
    .navbar .nav > li > a{font-size: 13px;}
    body {
        padding-top: 72px;
    }
}
@media (max-width: 991px) {
    /*overwrite boostrap class for profile page*/
    .navbar-nav {
        float: none;
    }
    .navbar-nav>li {
        float: none;
    }
	     .connect_with_us_grid .row .col-md-4{ margin-bottom: 52px; }
    .member-dashboard-content div:nth-child(3) > .form-section{
    	min-height: 489px;
  	}
    .navbar-collapse.collapse {
        display: none !important;
    }
    .collapse.in {
        display: block !important;
    }
    .navbar-header {
        float: none;
    }
    
    .navbar-wrapper {
        border-top: none;
        padding: 15px 35px 5px;
    }
    .navbar-collapse {
        max-height: 700px;
        box-shadow: inset 0 1px 0 rgba(234, 234, 234, 0.8);
    }
    #site-topnav .nav a {
        
        border: none;
        text-align: left;
        outline: none !important;
    }
    .navbar-brand {
        padding: 5px 0 0 10px;
    }
    .navbar-toggle{margin: 10px 0 0;}
    .navbar-toggle em::before {
        position: relative;
        top: 0;
    }
    .navbar {
        margin-bottom: 0;
    }
    .navbar .nav li.dropdown li a:hover,
    .navbar .nav li.dropdown li.active a {
        background-color: transparent;
    }
    a#child-menu {
        display: inline;
        z-index: 5;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        padding-left: 40px;
        padding-right: 40px;
        background-color: transparent;
    }
    #widget-search {
        margin-top: 30px;
    }
     #site-social {
        margin-top: 20px;
    }
    ul#site-social {
        margin-right: 0px;
    }

    /*

    System Responsive

    */
    .breadcrumbs, 
    #tnt_pagination a, 
    .apply-now-image2 {
        display: none;
    }
    
    #tnt_pagination .search-previous-button {
        display: inline-block;
        float: left;
        margin: 0;
        width: 40%;
    }
    #tnt_pagination .search-next-button {
        display: inline-block;
        float: right;
        margin-right: 0;
        width: 40%;
    }
    
    .job-toplink, 
    .job-breadcrumbs {
        padding: 0;
        width: 100%;
    }
    .job-toplink a {
        display: block;
        margin: 0 0 0.5em 0;
    }
    .job-rightlinks {
        clear: both;
        float: none;        
        text-align: left;
        width: 100%;
    }
    .job-rightlinks .search-result-save-job-link, 
    .job-rightlinks .search-result-links-separator, 
    .job-rightlinks .search-result-send-email-link, 
    .job-rightlinks br {
        display: none;
    }
    .description-holder .job-checkbox {
        width: 10%;
    }
    .description-holder .locandsalary {     
        font-size: small;
        overflow: hidden;
        margin: 0 0 1em 0;
        width: 90%;
    }
    .description-holder .locandsalary span  {
        margin: 0 10px 0 0; float:left;
    }
    .description-holder .description-text {
        width: 100%;
    }
    .description-holder .job-checkbox {
        float: right;       
        text-align: right;
    }
    
    #wrapper #job-ad-template {
        width: 100%;
    }
    .job-detail-centre {
        clear: both;
        float: none;        
        padding: 1em 0;
        width: 100%;
    }
    .job-detail-centre .jobdetail-padding {
        padding: 0;
    }
    .job-detail-centre .jobdetail-options h2 {
        display: none;
    }
    .job-detail-centre .jobdetail-options ul {      
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin: 1em 0;
        width: 49%;
    }
    .jobdetail-top .job-detailtop-title, 
    .jobdetail-top .backtoresults {
        float: none;
        padding: 0;
        width: 100%;
    }
    .jobdetail-top .job-detailtop-title {
        margin-bottom: 1em;
    }
	#site-topnav li{padding: 8px 0;}
	.navbar-header{ padding-bottom: 10px;margin-bottom: 0;}
	.connecting-acco ul li,.connecting-acco li.hori-li,.connecting-acco li.hori-li.panel-shrink{display: block;width: 100%;}
	.connecting-acco li.hori-li.panel-expand{
		display: block;width: 100%;
		height: auto;
	}
	li.hori-li{height: 100px;}
	.connecting-acco ul li div{min-height: auto;}
	.cnt-dots{display: none;}
	
    .txt-on-banner {font-size: 14px;}
    .sec-title{font-size: 35px;}
    .connetics-life-day-text p,.sec-text{font-size: 20px;}
    .label-accordian-top{
        left: 35px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 29px;
        color: #fff !important;
        letter-spacing: -1px;
    }
    .conn-li.panel-expand .label-accordian-top,.mob-active-list .label-accordian-top,.map-static,.map-label,.map-static-outer{
        display: none;
    }
    .hori-accordion ul li div.work-with-main {
        /*min-height: 660px !important;*/
            min-height: auto !important;
    }
    .work-with-map {max-width: 100%;}
    figure.living-here-diagram img {
        max-width: 50%;
        margin-bottom: 70px;
    }
    .static-time{
        background-size: 100px;bottom: 30px;right: 0;
    }
    .home-banner .play-btn .fa-play{
        font-size: 24px;
        top: 8%;
        left: 12%;
    }
    .home-banner .play-btn{
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .b-title { font-size: 38px;}
    .mob-links{display: block;text-align: center;}
     .pc-links{display: none;}
    .find-us-left{float: left;}
    .pvivacy-link{float: right;}
    .footer-sec a{margin-bottom: 30px;}
    .mob-three-link a {
        margin-bottom: 0;
    }
    .pvivacy-link{margin-top: 16px;}
}

/* ---end 991 ---*/

/* 8. Responsive Media Queries-------------------------------------------------- */

@media (max-width: 767px) {
    .r17_team-member-page .staff-holder {
        padding: 20px;
    }
    
    .navigation {
        display: block;
    }

    .newDash .form-section{
    min-height: auto;
  }
    
    body {
        padding-top: 75px;
    }
  
    .h-section h2 {
        font-size: 30px;
        text-align: center;
    }
    .section-about h2 {
        position: static;
        margin-top: 0;
    }
    .btn-primary {
        font-size: 14px;
    }
    .meet-team .staff-holder {
        padding: 20px 10px;
    }
    #site-social {
        margin-top: 20px;
    }
    ul#site-social {
        margin-right: 0px;
    }

    /*

    System Responsive

    */
    .job-navbtns .button {display:none;}

    .job-navbtns .button.actions-button, 
    .job-navbtns .button.filters-button {
        display:block;
    }
    
    .job-breadcrumbs, 
    .job-detail-centre .jobdetail-options .print-image, 
    .jobdetail-top .job-detailtop-title {
        display: none;
    }
    .job-detail-centre .jobdetail-options ul {
        float: none;        
        overflow: hidden;
        width: 100%;
    }
    .job-detail-centre a::before{top: 13px;}
    .site-lick-right{float: right;}
    .footer-sec { padding: 22px 7px;}
    .site-logo-footer{margin-bottom: 20px;display: inline-block !important;}
    .find-us-left img{max-width: 45px;}
    .site-lick-right img{max-width: 25px;}
    .txt-on-banner {font-size: 12px;}
    .b-title {font-size: 35px;}
    .banner-videos { padding: 0 60px;min-height: 500px;}
    .home-banner ul li > div{min-height: 500px;}
    .label-accordian-top:after{display: none;}
    .connect-cta-btn:after{display: none;}
    .b-content {bottom: 20%;}
    .vid-nav .left, .vid-nav .right{
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
    }
    .vid-nav {padding: 0 20px;}
    .vid-nav{margin: 0 -60px;}
    .mob-three-link{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mob-three-link a{margin-bottom: 20px;}
    .mob-three-link a.pvivacy-link{margin-bottom: 0;}
    .current-proj-container > div > div {
        width: 100% !important;
    }
    .project-contents {
        max-width: 100%;
    }
    .project-contents > p {
        text-align: center;
    }
    .current-proj-container {
        padding: 0;
    }
    .current-proj-container>div>div {
        width: 100% !important;
        margin-left: 30px;
    }
}/*--end 767 ---*/
/*--end 767 ---*/
@media screen and (max-width: 599px) {
    
    #job-ad-template .job-ad-option
    {
        margin: 0.5em 0;
    }
    #job-ad-template .job-ad-option, 
    #job-ad-template .job-ad-optional-heading, 
    #job-ad-template .job-ad-optional-text, 
    #job-ad-template .job-ad-optional-text div{
        display: block;
    }
    .b-title{max-width: 60%;}
}
/* Mobile devices */
@media screen and (max-width: 480px) {
    #job-ad-template #job-ad-header h2{margin-bottom: 0.5em;}
    .b-title{font-size: 26px;max-width: 70%; }
    .home-banner ul li > div,.banner-videos{min-height: 300px;}
    .b-content{bottom: auto;top: 50%;transform: translateY(-40%);}
    .banner-videos{padding: 0 45px;}
    .navbar-wrapper{padding: 15px 12px 10px;}
    .navbar-brand {padding: 6px 0 0 0;max-width: 170px;}
    .home-banner ul li {width: 3%; }
    .vid-label .left, .vid-label .right{
            font-size: 13px;
        padding: 5px;
    }
    .vid-nav .left, .vid-nav .right {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
    }
    .vid-nav .left {border-right: 7px solid rgba(255,255,255,0.8);}
    .vid-nav .right{border-left: 7px solid rgba(255,255,255,0.8);}
    .vid-nav .right:hover{border-left: 7px solid rgba(255,255,255,1);}
    .vid-nav .left:hover {border-right: 7px solid rgba(255,255,255,1);}
    .txt-on-banner {font-size: 7px; }
    .h-dots{display: none;}
    .sec-title{font-size: 35px;}
    .connect_with_us, .new-sec {padding: 45px 0;}
    .connetics-life-day-text p{font-size: 23px;}
    .sec-text{font-size: 25px;}
    .life-with-us-sec .life-with-us-cnt h3{font-size: 29px;}
    .digit-round span{
        width: 90px;
        height: 90px;
        line-height: 90px;
    }
    .life-with-us-sec .life-with-us-cnt{padding: 46px 35px 70px;}
    .connect_with_us_grid {margin: 50px 0 15px;}
    .scroll-down a{
        border-top: 10px solid #7d7e7f;
        border-left: 24px solid transparent;
        border-right: 24px solid transparent;
    }
    .static-time{
        right: 12px;
        bottom: 15px;
        width: 50px;
        height: 30px;
        background-size: 50px;
    }
    .vid-label .left{margin-left: 0;}
    .connect_with_us{padding-bottom: 5px;}
    
    .home-banner .play-btn{background: transparent;}
    .home-banner .play-btn .fa-play{
        top: -10px;
        left: -9px;
    }
    .home-banner .play-btn .fa-play:before{color: rgba(255,255,255,0.8);}
    .home-banner .play-btn .fa-play:hover:before{color: rgba(255,255,255,1);}
    .home-banner .play-btn:hover{background: transparent;}
    #job-ad-template #job-ad-header h2, 
    #job-ad-template #job-advertiser-logo {
        float: none;
        width: auto;
    }
    .txt-on-banner{bottom:80px}
    .scroll-down a:hover {
        border-top: 10px solid #9e9e9e;
    }
}
/*--end 480 --*/
@media screen and (max-width: 450px) {
    .mob-links .col-xs-6{
        width: 100%;
        text-align: center;
        margin-top: 20px;
        
    }
    .footer-sec a{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .vid-nav{padding-right: 0;}
    .banner-videos{padding: 0 30px;}
    .sec-title {
        font-size: 28px;
    }
    .connetics-life-day-text p {
        font-size: 18px;
    }
    .sec-text {
        font-size: 20px;
    }
    .life-with-us-sec .life-with-us-cnt h3 {
        font-size: 26px;
    }
    .life-with-us-sec .life-with-us-cnt p, .wrap-living-here-diagram p{font-size: 15px;}
    .life-with-us-sec .life-with-us-cnt {
        padding: 35px 35px 20px;
    }
    .label-accordian-top{
            left: 28px;font-size: 22px;
    }
    .site-logo-footer {margin-bottom: 0;}
    .site-lick-right{float: none;}
    .home-banner ul li > div, .banner-videos { min-height: 360px;}
    .banner-videos {padding: 0 30px;}
    .vid-nav {padding: 0 10px;}
    .home-banner .play-btn {
        width: 45px;
        height: 30px;
        line-height: 45px;
    }
    .b-title{
        font-size: 22px;line-height: 1.2;
    }
    .vid-nav{margin: 0 -9%;}
    .home-banner ul{padding-left: 0;padding-right: 0;}
    .home-banner ul:after,.home-banner ul:before{display: none;}
}
/*--end 450--*/