@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
   /* background: #fff url('./ajax-loader.gif') center center no-repeat;*/
}

/* Icons */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}



.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
/*.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
/*.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}
*/
.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
/*.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}
*/
/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 10px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    /*font-size: 0;
    line-height: 0;*/

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
/*.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}*/


/*** Career Slider ***/
.career-slider{width: 100%;  margin-bottom: 50px;}
.career-slider .slick-slide { position:relative; max-height: 600px; overflow:hidden; }
.career-slider .slick-dots{background: #002964; bottom:-60px;}
.career-slider .slick-dots li { width: auto; height:50px;}
.career-slider .slick-dots li button { width: auto; height: auto;line-height:50px; padding:0px;}

.career-slider .slick-dots li button:before { color:#fff; font-size: 19px; font-family:'proxima-medium';}
.career-slider .slick-dots li.slick-active button:before,
.career-slider .slick-dots li:hover button:before { color:#38b381;}
.career-slider .slick-dots li:nth-child(1) button:before{content:"Engineering";}
.career-slider .slick-dots li:nth-child(2) button:before{content:"Project Managers";}
.career-slider .slick-dots li:nth-child(3) button:before{content:"Quantity Surveying";}
.career-slider .slick-dots li:nth-child(4) button:before{content:"Trades";}
.career-slider .slick-dots li:nth-child(5) button:before{content:"Three Waters";}
.career-slider .slick-dots li:nth-child(6) button:before{content:"Corporate";}
.career-slider .slick-dots li:nth-child(7) button:before{content:"Greenspace";}
.career-slider .slick-dots li:nth-child(8) button:before{content:"Plant Operators";}
.career-slider .slick-dots li:nth-child(9) button:before{content:"Labourers";}
.career-slider .slick-dots li:nth-child(10) button:before{content:"Traffic Management";}



.career-slider img { width:100%;  z-index: 0;}
.slide-content-wrapper { position:absolute; top:0px; left:0px; width: 100%;}
.slide-content-wrapper .container { margin:0px auto; padding:70px 0px 40px 0px;}
.career-slider-content { color:#fff;background:rgba(0,0,0,0.6); padding:40px 50px 120px 30px; position:relative;}
.career-slider-content h3 { font-size:40px; font-family: 'Verdana', Geneva, sans-serif; color:#fff; line-height:40px;}
.career-slider-content p{font-family: 'proxima-regular'; font-size:25px; color:#fff; margin-top:40px;line-height:30px;}
.career-slider-content a { position: absolute; bottom:40px; right:40px; color:#fff; background:url("../images/findout_more_btn.png") no-repeat center center; width:141px; height: 54px; display: block; line-height:54px; font-family:'proxima-medium'; font-size:12px; padding-left:15px;}
.career-slider-content a:hover { color:#fff; }
.career-slider .slick-prev,
.career-slider .slick-next { z-index: 100; width:34px; height:102px;}
.career-slider .slick-prev { background:url('../images/caret-left.png') no-repeat center center; left:30px;}
.career-slider .slick-next { background:url('../images/caret-right.png') no-repeat center center; right:30px;}