/*------------ General Page Rules ----------------------------------------------------------*/
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body.iframe {
    width: auto;
    height: auto;
}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr {
    margin: 0;
    padding: 0;
}

BODY, TABLE {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #8a8989;
}

/* ----------- Colours -------------------------*/
/*
Light Grey: #cccccc
Dark Grey: #818285
Light Blue: #9bd1e5
Medium Blue: #65a8c1
Light Green: #c0cfa5
Medium Green: #7b8b38
Light Brown #d2c4a5
Medium Brown #D2C5A5
*/
/* ----------- General Page Rules -------------------------*/
#home h1 {
    margin: 15px 0px;
    color: #cccccc;
    font-size: 30px;
    padding: 0px;
    background: none;
    text-align: left;
}

h1 {
    margin: 8px 0px 0px 0px;
    color: #23408e;
    font-size: 32px;
    text-align: left;
    text-transform: none;
    background: none;
    padding: 0px 0px;
}

#pageHeading ul li ul {
    display: none;
}

#pageHeading ul {
    margin: 0px 0px 0px 0px;
    list-style: none;
    padding: 20px 0px;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    background: #f2fbfe;
}

#pageHeading ul li {
    text-align: center;
    list-style: none;
}

#pageHeading ul li a {
    margin: 0px 0px 0px 0px;
    color: #23408e;
    font-size: 38px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

h2 {
    margin: 15px 0px;
    color: #23408E;
    font-size: 22px;
    text-transform: none;
}

h3 {
    margin: 10px 0px;
    color: #8ec740;
    font-size: 16px;
}

h4 {
    margin: 8px 0px;
    color: #7b8b38;
    font-size: 14px;
    text-transform: uppercase
}

h5 {
    margin: 8px 0px;
    color: #65a8c1;
    font-size: 14px;
    text-transform: uppercase
}

p,div#pageSource {
    line-height: 19px;
    margin: 12px 0px;
}

div#pageSource {
    text-align: left;
}

ul {
    margin: 10px 0px;
    padding: 0px 0px 0px 20px;
}

ol {
    margin: 10px 0px;
    padding: 0px 0px 0px 20px;
}

li {
    margin: 3px 0px;
}

li p {
    margin: 0;
    line-height: 19px;
}

hr {
    margin: 15px 0px;
    border: none;
    background: none;
    border-bottom: 1px solid #ccc;
}

a {
    color: #8a8989;
    text-decoration: underline;
}

a:hover {
    color: #818285;
}

td {
    vertical-align: top;
}

a img {
    border: none;
}

/* ----------- Site Wide Rules -------------------------*/
/*------------ Main Containers ---------------------------------------*/
body {
    /*background: 100% width tile here */
}

.container {
    margin: 0 auto;
    text-align: left;
    width: 1022px;
}

.bgContainer {
    float: left;
    height: auto;
    position: relative;
    width: 1022px;
}

#defaultFullWidth.history .bgContainer {
    background: url(https://www.humepack.co.nz/images/style/vine.png) 335px 183px no-repeat;
}

#header {
    float: left;
    position: relative;
    z-index: 50;
    width: 100%;
    height: 112px;
    border-bottom: 1px solid #f5f5f5;
}

#home #header {
    border-bottom: none;
}

#header.stuck {
    position: fixed;
    float: none;
    margin-top: 0px;
    background: #FFF;
    border-bottom: 1px solid #f5f5f5;
}

#content {
    float: left;
    position: relative;
    z-index: 40;
    width: 1022px;
    min-height: 400px;
}

#centerCol {
    float: left;
    position: relative;
    width: 1022px;
    min-height: 400px;
}

#default #centerCol {
    float: left;
    position: relative;
    width: 1022px;
    min-height: 400px;
    margin: 0px 0px 0px 0px;
}

#leftCol {
    float: left;
    position: relative;
    width: 207px;
    border-right: none;
    min-height: 400px;
    margin: 35px 0px 0px 0px;
}

#rightCol {
    float: right;
    position: relative;
    width: auto;
    min-height: 400px;
}

#footer {
    position: relative;
    width: 100%;
    clear: both;
    z-index: 60;
    margin: 0px 0px 30px 0px;
    height: 90px;
    background: #00ADEF;
    margin: 0px;
    margin-bottom: 20px;
    border-bottom: none;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

#footer .container {
    margin: 0 auto;
    width: 1022px;
    text-align: left;
}

#footer .bgContainer {
    float: left;
    position: relative;
    width: 1022px;
    /* height: 333px; */
    background: none!important;
    margin: 0px 0px 20px 0px;
}

/*------------ Module/Element Specific Rules ---------------------------------------*/
/******* Header Elements ***********/
#header a.logo {
    float: left;
    position: relative;
    margin: -13px 0px 0px 0px;
}

#header a.logo img {
}

@media screen and (max-width: 1100px) {
    #header a.logo img {
        width: 230px;
        height: auto;
    }
}

#header #topHeaderLinks {
    float: right;
    position: relative;
    width: 750px;
    margin: 0px;
    padding: 0px;
    z-index: 1000;
}

#header #topHeaderLinks p#mediaLinks {
    float: left;
    position: relative;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    width: auto;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px 5px 0px 0px;
    padding: 7px 15px;
    font-weight: 400;
    color: #23408e;
    height: 20px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}
#header #topHeaderLinks p#mediaLinks span {
    margin-right: 10px;
}
#header #topHeaderLinks p#mediaLinks a {
    float: right;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0px 0px 0px 5px;
}

#header #topHeaderLinks p#mediaLinks a {
    color: #23408e;
    transition: 0.3s all;
    font-size: 21px;
}
#header #topHeaderLinks p#mediaLinks a:hover {
    color: #00adef;
}

#header #topHeaderLinks p#mediaLinks a.facebookLink {
    background: url(https://www.humepack.co.nz/images/style/facebookIcon.png) 0px 0px no-repeat;
}

#header #topHeaderLinks p#mediaLinks a.facebookLink:hover {
    background: url(https://www.humepack.co.nz/images/style/facebookIcon.png) 0px -26px no-repeat;
}

#header #topHeaderLinks p#mediaLinks a.instagramLink {
    background: url(https://www.humepack.co.nz/images/style/instagramIcon.png) 0px 0px no-repeat;
}

#header #topHeaderLinks p#mediaLinks a.instagramLink:hover {
    background: url(https://www.humepack.co.nz/images/style/instagramIcon.png) 0px -26px no-repeat;
}

#header #topHeaderLinks p#workWithLink {
    float: left;
    position: relative;
    border: 1px solid #8ec740;
    background: #8ec740;
    width: 129px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px 0px 0px 5px;
    padding: 7px 10px 7px 10px;
    font-weight: 400;
    color: #FFF;
    height: 20px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    transition: all 0.5s ease-in;
}

#header #topHeaderLinks p#workWithLink a {
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    transition: all 0.5s ease-in;
}

#header #topHeaderLinks p#workWithLink:hover {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    transition: all 0.5s ease-in;
}

#header #topHeaderLinks p#workWithLink:hover a {
    color: #23408e;
    transition: all 0.5s ease-in;
}

a.weatherLink {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 57px;
    height: 44px;
    -webkit-box-shadow: 3px 3px 4px 0px #d6d6d6;
    -moz-box-shadow: 3px 3px 4px 0px #d6d6d6;
    box-shadow: 3px 3px 4px 0px #d6d6d6;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    background: url(https://www.humepack.co.nz/images/style/weatherIcon.png) 13px 5px no-repeat;
    z-index: 800;
}

a.weatherLink:hover {
    background: url(https://www.humepack.co.nz/images/style/weatherIcon.png) 13px -41px no-repeat;
}

#header #topHeaderLinks p#growerLogin {
    float: left;
    position: relative;
    border: 1px solid #00adef;
    background: #00adef;
    width: 110px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px 0px 0px 5px;
    padding: 7px 10px 7px 10px;
    font-weight: 400;
    color: #FFF;
    height: 20px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    transition: all 0.5s ease-in;
}

#header #topHeaderLinks p#growerLogin a {
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    transition: all 0.5s ease-in;
}

#header #topHeaderLinks p#growerLogin:hover {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    transition: all 0.5s ease-in;
}

#header #topHeaderLinks p#growerLogin:hover a {
    color: #23408e;
    transition: all 0.5s ease-in;
}

a.growerLogin {
    position: absolute;
    top: 34px;
    right: 0px;
    width: 57px;
    height: 44px;
    -webkit-box-shadow: 3px 3px 4px 0px #d6d6d6;
    -moz-box-shadow: 3px 3px 4px 0px #d6d6d6;
    box-shadow: 3px 3px 4px 0px #d6d6d6;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    background: url(https://www.humepack.co.nz/images/style/weatherIcon.png) 13px 5px no-repeat;
    z-index: 800;
}

a.growerLogin:hover {
    background: url(https://www.humepack.co.nz/images/style/weatherIcon.png) 13px -41px no-repeat;
}

/*------------ Site Search-------------*/
.siteSearchContainer {
    position: relative;
    float: left;
    top: -1px;
    right: 0px;
}

.searchLabel {
    display: none;
}

.siteSearchInput {
    width: 191px;
    height: 11px;
    font-size: 14px;
    padding: 12px 0px 12px 10px;
    border: 1px solid #e9e9e9;
    color: #7f7f7f;
    text-align: left;
    background: none;
    color: #dddddd;
    border-radius: 0px 0px 4px 4px;
    box-shadow: inset 0px -1px 3px #F5F5F5;
}

.siteSearchSubmit {
    position: absolute;
    top: 5px;
    right: 12px;
    width: 20px;
    height: 21px;
    cursor: pointer;
    border: none;
    background: url("https://www.humepack.co.nz/images/style/search_icon.png") 0px 0px no-repeat;
}

.siteSearchSubmit:hover {
    top: 4px;
}

/* Header Navigation */
#header #navigation ul li.home, #header #navigation ul li.stay-connected, #header #navigation ul li.work-with-hume, #header #navigation ul li ul.virtualModuleMenu {
    display: none!important;
}

#header #navigation {
    position: absolute;
    top: 82px;
    right: 10px;
    width: 700px;
    height: 60px;
    margin: 0px;
}

#header #navigation ul {
    margin: 0 auto;
    padding: 0px 0px 0px 5px;
    list-style: none;
    float: none;
    position: relative;
}

#header #navigation ul li {
    float: left;
    position: relative;
    padding: 0px 0px 0px 3px;
    height: 33px;
    line-height: 33px;
    margin: 0px 0px 0px 0px;
}

#header #navigation ul li:first-child {
    background: none;
}

#header #navigation a.homeLink {
    position: absolute;
    top: 6px;
    left: -40px;
    width: 18px;
    height: 16px;
    background: url("https://www.humepack.co.nz/images/style/homeIcon.png") 0px 0px no-repeat;
}

#header #navigation a.homeLink:hover {
    background: url("https://www.humepack.co.nz/images/style/homeIcon.png") 0px -16px no-repeat;
}

#header #navigation ul li a {
    display: block;
    width: auto;
    text-align: center;
    height: 60px;
    line-height: 33px;
    padding: 0px 14px;
    border-top: 0px solid #6d6c6c;
    margin: 0px;
    list-style: none;
    float: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
    position: relative;
    color: #23408e;
    text-decoration: none ;
}

#header #navigation ul li a:hover {
    color: #00ADF1;
}

#header #navigation ul li a:hover span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 12px 12px 0px 0px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    background: #00AEED;
    width: 100%;
    height: 13px;
}

#header #navigation ul li ul {
    display: none;
}

#header #navigation ul li:hover ul {
    display: block;
}

#header #navigation ul li ul span {
    position: absolute;
    top: -13px;
    left: 0px;
    border-radius: 12px 12px 0px 0px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    background: #00AEED;
    width: 42%;
    height: 13px;
}

#header #navigation ul li ul {
    margin: 0px 0px 0px -2px;
    padding: 20px 3px 20px 0px;
    list-style: none;
    float: none;
    position: absolute;
    top: 60px;
    left: 3px;
    width: 240px;
    border: none;
    -webkit-box-shadow: #eeeeee 0px 2px 4px;
    -moz-box-shadow: #eeeeee 0px 2px 4px;
    box-shadow: #eeeeee 0px 2px 4px;
    background: #FFF;
}

#header #navigation ul li ul li {
    float: left;
    position: relative;
    padding: 0px 0px 0px 3px;
    height: auto;
    min-height: 20px;
    width: 220px;
    line-height: 19px;
    margin: 0px 0px 0px 0px;
    background: #FFF;
}

#header #navigation ul li ul li:first-child {
    background: #FFF;
}

#header #navigation ul li ul li a {
    display: inline-block;
    width: 190px;
    text-align: left;
    height: auto;
    line-height: 22px;
    padding: 4px 10px 4px 17px;
    border-top: none;
    margin: 0px;
    list-style: none;
    float: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    position: relative;
    color: #8a8989;
    text-decoration: none;
}

#header #navigation ul li ul li ul {
    display: none!important;
}

#header #navigation a.grandchildSelected, #header #navigation a.childSelected, #header #navigation a.menuSelected {
    color: #00B4E4;
}

/******* Home Slides ***********/
#homeSlides {
    float: left;
    position: relative;
    width: 100%;
    height: 450px;
    margin: 0px 0px 0px 0px;
    background: #00adef;
    border: none;
    overflow: hidden;
}

.moduleComponentContainerhomeSlides {
    float: left;
    position: relative;
    max-width: 1920px;
    height: 386px;
    margin-left: 150px;
}

.moduleComponentContainerhomeSlides h2 {
    display: none;
}

.moduleComponentContainerhomeSlides .bannerImageContainer {
    width: 100%;
    height: 386px;
}

.moduleComponentContainerhomeSlides .bannerImageContainer span {
    position: absolute;
    top: 0px;
    right: -78px;
    width: 1920px;
    height: 450px;
    background: url(https://www.humepack.co.nz/images/style/bannerOverlay.png) 0px 0px no-repeat;
}

.moduleComponentContainerhomeSlides .bannerImageContainer img {
    margin-top: 29px;
}

.moduleComponentContainerhomeSlides .bannerHtmlContent {
    position: absolute;
    top: 100px;
    left: -80%;
    width: 100%;
    height: 245px;
    background: #FFF;
    background: rgba(255,255,255,0.9);
    -ms-transform: skewX(-23deg);
    /* IE 9 */
    -webkit-transform: skewX(-23deg);
    /* Safari */
    transform: skewX(-23deg);
}

.moduleComponentContainerhomeSlides .bannerHtmlContent span {
    float: right;
    -ms-transform: skewX(23deg);
    /* IE 9 */
    -webkit-transform: skewX(23deg);
    /* Safari */
    transform: skewX(23deg);
    margin: 25px 57px 0px 0px;
}

#home .moduleComponentContainerhomeSlides .bannerHtmlContent span h1 {
    font-size: 46px;
    color: #23408e;
    line-height: 42px;
    text-align: left;
    text-transform: none;
}

/****************Fixed Right Green Tab Callout****************************/
.moduleComponentContaineradviceCallout a.bannerLinkMask, .moduleComponentContaineradviceCallout .bannerTitle {
    display: none;
}

.moduleComponentContaineradviceCallout .bannerHtmlContent a {
    position: fixed;
    top: 232px;
    right: 0px;
    background: #8ec740;
    padding: 32px 20px 32px 20px;
    color: #FFF;
    z-index: 4000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 18px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 20px 0px 0px 20px;
    transition: all 0.5s ease-in;
    -webkit-box-shadow: #404040 0px 2px 8px;
    -moz-box-shadow: #404040 0px 2px 8px;
    box-shadow: #404040 0px 2px 8px;
}

.moduleComponentContaineradviceCallout .bannerHtmlContent a span {
    display: block;
    padding-top: 8px;
    font-size: 16px;
    text-transform: none;
    line-height: 18px;
}

.moduleComponentContaineradviceCallout .bannerHtmlContent a:hover {
    right: -10px;
    background: #23408E;
    transition: all 0.5s ease-in;
}

/******* Home Callouts Container ***********/
#homeCallouts {
    float: left;
    position: relative;
    width: 100%;
    margin: 30px 0px 40px 0px;
}

#homeCallouts .moduleComponenthomeCallouts .bannerTitle {
    display: none;
}

#homeCallouts .moduleComponenthomeCallouts {
    float: left;
    position: relative;
    width: 24.2%;
    margin: 0px 10px 0px 0px;
    background: #00adef;
    -webkit-border-radius: 0px 8px 0px 8px;
    -moz-border-radius: 0px 8px 0px 8px;
    border-radius: 0px 8px 0px 8px;
    transition: all 0.5s ease-in;
}

#homeCallouts .moduleComponenthomeCallouts:hover {
    transition: all 0.5s ease-in;
    background: #23408E;
}

#homeCallouts .moduleComponenthomeCallouts:last-child {
    margin: 0px 0px 0px 0px;
}

#homeCallouts .moduleComponenthomeCallouts .bannerHtmlContent {
    margin: 0px 0px 0px 0px;
    padding: 10px 20px;
}

#homeCallouts .moduleComponenthomeCallouts .bannerHtmlContent p {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    color: #FFF;
    line-height: 24px;
}

#homeCallouts .moduleComponenthomeCallouts .bannerHtmlContent p strong {
    font-size: 17px;
    font-weight: 400;
}

#homeCallouts .moduleComponenthomeCallouts .bannerHtmlContent a.bannerLinkMask {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/******************Home Feeds*********************/
#homeFeeds {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    margin: 30px 0px 12px 0px;
    border: none;
}

#homeFeeds h3 {
    color: #23408e;
    font-size: ;
    font-weight: ;
    margin: 0px 0px 0px 0px;
}

#homeFeeds #blogContainer h3 {
    text-transform: uppercase;
}

/*************Blog******************/
#blogContainer {
    float: left;
    position: relative;
    width: 27.9%;
    margin: 0px 9px 0px 0px;
    padding: 10px 25px;
    background: #f7f7f7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.moduleComponentblog .componentItem {
    font-size: 14px;
    margin: 10px 0px 10px 0px;
    color: ;
}

.moduleComponentblog .componentItem a#readMore {
    text-decoration: none;
    color: #23408e;
}

.moduleComponentblog .title {
    display: none;
}

/*************Quick Links******************/
#quickLinksContainer {
    float: left;
    position: relative;
    width: 27.6%;
    margin: 0px 0px 0px 0px;
    padding: 10px 26px 12px 25px;
    background: #f7f7f7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.moduleComponentContainerquickLinks .bannerHtmlContent p {
    font-size: 14px;
    line-height: 10px;
}

.moduleComponentContainerquickLinks .bannerHtmlContent p a {
    font-size: 14px;
    text-decoration: none;
}

.moduleComponentContainerquickLinks .bannerTitle {
    display: none;
}

/******************quote Feed*********************/
#quoteFeed {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px 0px 60px 0px;
    background: #e5f7fd;
    -webkit-border-radius: 0px 60px 0px 60px;
    -moz-border-radius: 0px 60px 0px 60px;
    border-radius: 0px 60px 0px 60px;
}

.moduleComponentContainermessageCallout {
    float: left;
    position: relative;
    padding: 40px 80px;
}

.moduleComponentContainermessageCallout .bannerHtmlContent {
    float: left;
    position: relative;
}

.moduleComponentContainermessageCallout .bannerTitle {
    display: none;
}

.moduleComponentContainermessageCallout .bannerHtmlContent {
    float: left;
    position: relative;
    font-size: 14px;
}

.moduleComponentContainermessageCallout .bannerHtmlContent h2 {
    text-transform: none;
    font-size: 20px;
    color: #00adef;
}

.moduleComponentContainermessageCallout .bannerHtmlContent h2 strong {
    text-transform: none;
    font-size: 14px;
    color: #8a8989;
}

.moduleComponentContainermessageCallout .bannerHtmlContent .bannerImageContainer {
    float: right;
    position: relative;
    margin: 0px 0px 0px 50px;
}

.moduleComponentContainermessageCallout .bannerHtmlContent .bannerImageContainer img {
    border-radius: 100%;
}

/******************************************/
.moduleComponenttestimonials {
    float: left;
    position: relative;
    width: 100%;
    background: #f3f9ec;
    border-radius: 0px 64px 0px 64px;
}

.moduleComponenttestimonials .componentItem {
    float: left;
    position: relative;
    padding: 30px 80px;
    margin-bottom: 20px;
}

.moduleComponenttestimonials .componentItem span {
    position: absolute;
    top: 30px;
    left: 0px;
    margin: 0px 0px 0px 0px;
    width: 53px;
    height: 37px;
    background: url(https://www.humepack.co.nz/images/style/qouteBefore.png) 0px 0px no-repeat;
    display: none;
}

.moduleComponenttestimonials .componentItem .content h2 {
    text-transform: none;
    font-size: 20px;
    color: #8ec740;
    padding: 0px 0px 0px 0px;
}

.moduleComponenttestimonials .componentItem .content {
    float: left;
    position: relative;
    width: 460px;
    padding: 0px 0px 0px 60px;
    background: url(https://www.humepack.co.nz/images/style/qouteBefore.png) 0px 0px no-repeat;
}

.moduleComponenttestimonials .componentItem .title {
    display: none;
}

.moduleComponenttestimonials .componentItem .moduleItemImage {
    float: left;
    position: relative;
}

.moduleComponenttestimonials .componentItem .moduleItemImage img {
    border-radius: 100%;
    margin: 0px 0px 20px -20px;
}

/*------- Calendar Listing Callout Styles -----------------------------*/
#calendarListingContainer {
    float: left;
    position: relative;
    width: 27.9%;
    margin: 0px 9px 0px 0px;
    padding: 10px 25px;
    background: #f7f7f7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-height: 123px;
}

.moduleComponentCalendarListing {
    float: left;
    position: relative;
    margin: 10px 0px 0px 0px ;
    padding: 0px 0px 0px 0px;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.moduleComponentCalendarListing .componentItem {
    float: left;
    position: relative;
    width: 100%;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: none;
}

.moduleComponentCalendarListing .componentItem .title {
    float: left;
    position: relative;
    width: 100%;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    text-decoration: none;
}

.moduleComponentCalendarListing .componentItem .title span {
    float: left;
    position: relative;
    margin-right: 0px;
    width: 80px;
    color: #8a8989;
}

.moduleComponentCalendarListing .componentItem a {
    float: left;
    position: relative;
    text-decoration: none;
    color: #8a8989;
}

/******* Page Editor Container ***********/
#pageEditorContent {
    float: left;
    position: relative;
    width: 100%;
    padding: 12px 0px;
    margin: 0px 0px 0px 0px;
    border: none;
}

#default #pageEditorContent {
    float: left;
    position: relative;
    width: 813px;
    padding: 20px 0px;
    margin: 11px 0px 0px 0px;
}

#defaultFullWidth #pageEditorContent {
    float: left;
    position: relative;
    width: 982px;
    padding: 20px;
    margin: 0px 0px 0px 0px;
}

#instagramContainer {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 20px;
}

#instagramContainer .feedContainer {
    float: left;
    position: relative;
    width: 30%;
    margin-bottom: 20px;
    margin-right: 25px;
}

#instagramContainer .feedContainer img {
    width: 100%;
}

/***********Home Page Content*********************/
#home #pageEditorContent #leftContent {
    float: left;
    position: relative;
    width: 29%;
    margin-left: 83px;
}

#home #pageEditorContent #leftContent h1 {
    font-family: 'Mate SC', serif;
    text-transform: uppercase;
    font-size: 44px;
    color: #23408e;
    margin-top: 5px;
}

#home #pageEditorContent #leftContent h2 {
    text-transform: none;
    font-size: 19px;
    color: #23408e;
    line-height: 28px;
}

#home #pageEditorContent #rightContent {
    float: right;
    position: relative;
    width: 58%;
}

/******************Services****************/
.moduleComponentContainerservices h2.bannerTitle {
    display: none;
}

.moduleComponentContainerservices {
    float: left;
    position: relative;
    width: 105%;
    margin: 35px 0px 0px 0px;
}

.moduleComponentContainerservices .moduleComponent {
    float: left;
    position: relative;
    width: 245px;
    height: 217px;
    margin: 0px 12px 12px 0px;
    overflow: hidden;
    -webkit-border-radius: 0px 16px 0px 16px;
    -moz-border-radius: 0px 16px 0px 16px;
    border-radius: 0px 16px 0px 16px;
}

.moduleComponentContainerservices .moduleComponentservices .bannerHtmlContent {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 245px;
    height: 217px;
    z-index: 500;
}

.moduleComponentContainerservices .moduleComponentservices .bannerHtmlContent .bannerImageContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 245px;
    height: 217px;
    z-index: 500;
}

.moduleComponentContainerservices .moduleComponentservices .bannerHtmlContent #bannerHtmlContentInner p {
    position: absolute;
    top: -12px;
    left: 0px;
    width: 225px;
    height: 67px;
    font-size: 26px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    z-index: 1000;
    background: #00adef;
    background: rgba(0,173,239,0.5);
    padding: 150px 0px 0px 20px;
}

.moduleComponentContainerservices .moduleComponentservices:nth-child(even) .bannerHtmlContent #bannerHtmlContentInner p {
    background: #00adef;
}

.moduleComponentContainerservices .moduleComponentservices .bannerHtmlContent #bannerHtmlContentInner p strong {
    font-weight: 400;
    font-size: 14px;
}

.moduleComponentContainerservices .moduleComponentservices .bannerHtmlContent #bannerHtmlContentInner a.bannerLinkMask {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 245px;
    height: 217px;
    z-index: 1100;
}

.moduleComponentContainerservices .moduleComponent37 .bannerHtmlContent #bannerHtmlContentInner p, .moduleComponentContainerservices .moduleComponent35 .bannerHtmlContent #bannerHtmlContentInner p {
    background: #00adef!important;
}

.moduleComponentContainerservices .moduleComponent36 .bannerHtmlContent #bannerHtmlContentInner p {
    position: absolute;
    top: -12px;
    left: 0px;
    width: 225px;
    height: 67px;
    font-size: 26px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    z-index: 1000;
    background: #00adef;
    background: rgba(0,173,239,0.5)!important;
    padding: 150px 0px 0px 20px;
}

/******* Footer Elements ***********/
/* Footer Menu  */
#footerMenuOne {
    float: left;
    position: relative;
    width: 550px;
    margin-left: 90px;
    min-height: 150px;
    margin-top: 30px;
}

#footerMenuOne ul {
    float: left;
    position: relative width: 100%;
    color: #FFF;
    margin: 0px 0px 0px 0px;
    padding: 0;
    list-style: none;
}

#footerMenuOne ul li {
    float: left;
    position: relative list-style: none;
    margin: 0;
    padding: 10px 25px 10px 0px;
    width: 150px;
}

#footerMenuOne ul li a {
    text-decoration: none;
    margin: 15px 0px;
    color: #FFF;
    font-size: 16px;
    text-transform: none;
    font-weight: 400!important;
    font-family: 'Montserrat', sans-serif;
}

#footerMenuOne ul li.work-with-hume {
    width: 160px;
}

#footerMenuOne ul li.work-with-hume a {
    background: #8ec740;
    padding: 5px 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#footerMenuOne ul li a:hover {
}

#footerMenuOne ul li ul {
    display: none;
}

#footerMenuTwo {
    float: left;
    position: relative;
    width: 300px;
    margin-left: 45px;
    min-height: 150px;
    margin-top: 30px;
}

.moduleComponentContainerfooterCallout {
    float: left;
    position: relative;
}

.moduleComponentContainerfooterCallout h2.bannerTitle {
    display: none;
}

.moduleComponentContainerfooterCallout h2 {
    color: #FFF;
    maring: 0px 0px 0px 0px;
}

.moduleComponentContainerfooterCallout p {
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    maring: 0px 0px 0px 0px;
}

/* Copyright */
#copyright {
    float: left;
    position: relative;
    width: 85%;
    text-align: left;
    color: #FFF;
    margin: 15px 0px 0px 90px;
}

#copyright p {
    color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
}

#copyright p span {
    float: right;
}

#copyright p a {
    color: #FFF;
    text-decoration: none;
}

/* Left Column Navigation */
#leftNavigation ul.workWithHumeGalleryMenu {
    display: none;
}

#leftNavigation {
    float: left;
    position: relative;
}

#leftNavigation ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#leftNavigation ul li {
}

#leftNavigation ul li a {
    display: block;
    width: 175px;
    padding: 6px 0px;
    background: none;
    margin: 0px 0px 0px;
    color: #00adef;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}

#leftNavigation ul li ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#leftNavigation ul li ul li {
    background: none;
}

#leftNavigation ul li ul li a {
    display: block;
    width: 170px;
    padding: 6px 0px;
    background: none;
    margin: 0px 0px;
    color: #8a8989;
    font-size: 14px;
    text-transform: none;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}

#leftNavigation ul li ul li a:hover {
    background: none;
    color: #00adef;
}

#leftNavigation ul li ul li a.menuSelected {
    color: #00adef;
}

#leftNavigation ul li ul li ul {
    display: block;
}

#leftNavigation ul li ul li ul li{
    display: block;
    padding-left: 10px;
}

#leftNavigation ul li ul li ul li a{
    font-size: 13px;
}


/*---- Calendar Elements -----------------*/
.calendar .navCalendarViewLinks {
    position: absolute;
    top: 20px;
    right: -20px;
    width: 200px;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    z-index: 10;
}

.calendar .navCalendarViewLinks span {
    display: none;
}

.calendar .navCalendarViewLinks a {
    display: block;
    float: left;
    height: 37px;
    color: #8a8989;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.calendar .navCalendarViewLinks a.bimonthly, .calendar .navCalendarViewLinks a.monthly, .calendar .navCalendarViewLinks a.weekly {
    width: 60px;
    line-height: 37px;
    padding: 0px 0px 0px 30px;
    background: url(https://www.humepack.co.nz/images/icons/icon_list_view.jpg) 0px 6px no-repeat;
}

.calendar .navCalendarViewLinks a.calendar {
    width: 60px;
    line-height: 37px;
    padding: 0px 0px 0px 30px;
    background: url(https://www.humepack.co.nz/images/icons/icon_calendar_view.jpg) 0px 6px no-repeat;
}

.calendar .navCalendarViewLinks a:hover {
    color: #23408E;
}

.calendar .navCalendarViewLinks a.selected {
    color: #8a8989;
}

.calendar .navCategoryLinks {
    position: relative;
    float: right;
    width: 30%;
    height: 30px;
    text-align: right;
    font-size: 11px;
    line-height: 20px;
    background: none;
    color: #FFF;
    margin: 30px 0px 30px 0px;
}

.calendar .navCategoryLinks select {
    position: relative;
    float: right;
    top: 4px;
    right: 0px;
    margin: 0px 12px 0px 0px;
    padding: 2px;
    border: 1px solid #ccc;
    width: 160px;
    font-size: 11px;
    background: #fff;
}

.calendar #navDateLinks {
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    text-indent: 20px;
    color: #00ADEF;
    font-size: 18px;
    text-transform: uppercase;
    background: #F2FBFE;
    margin: 18px 0px 0px 0px;
    text-align: center;
    border-radius: 0 0 8px 8px;
}

.calendar #navDateLinks a {
    font-weight: bold;
    text-indent: 15px;
    color: #6FB3CC;
    font-size: 14px;
    text-decoration: none;
    color: #23408E;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.calendar #calendarTable {
    border: 1px solid #eee;
    margin: 10px 0px;
}

.calendar #calendarTable TD {
    height: 60px;
    border: 1px solid #eee;
    vertical-align: top;
    background-color: #fff;
}

.calendar #calendarTable TD.blank {
    background: #f7f7f7;
}

.calendar #calendarTable TD DIV.mday {
    text-align: right;
    color: #322F31;
    font-weight: bold;
    font-size: 8pt;
}

.calendar .calendarBullets {
    color: #AC9B8C;
}

.calendar #calendarTable TD.calendarHeader {
    width: 14%;
    background-color: #049CDD;
    font-size: 8pt;
    padding: 4px;
    text-align: center;
    height: auto;
    color: #FFFFFF;
}

.calendar #calendarTable TD.long {
    width: 15%;
}

.calendar #calendarTable TD {
    font-size: 7pt;
    overflow: visible;
}

.calendar #calendarItems {
    float: left;
    position: relative;
    width: 100%;
}

.calendar #calendarItems .calendarItem {
    float: left;
    position: relative;
    width: 100%;
    margin: 10px 0px 0px;
    border-bottom: 1px solid #9f9f9f;
}

.calendar #calendarItems .calendarItem .title {
    float: left;
    position: relative;
    width: 72%;
    padding: 13px 0px 0px;
    margin: 0;
    font-weight: bold;
}

.calendar #calendarItems .calendarItem .date {
    float: left;
    position: relative;
    text-align: right;
    width: 28%;
    padding: 13px 0px;
    font-weight: bold;
}

.calendar #calendarItems .calendarItem .content {
    float: left;
    position: relative;
    width: 73%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
}

.calendar #calendarItems .calendarItem .content p {
    margin: 0px 0px 10px;
    padding: 0;
}

/* Document Library Styles */
#documentLibraryItems {
    border: 1px solid #a7a7a7;
    float: left;
    width: 554px;
    position: relative;
    margin: 20px 0px 0px 0px;
}

.documentLibraryItem {
    float: left;
    position: relative;
    width: 554px;
    background: #efefef;
    padding: 0px 0px 5px 0px;
}

.documentLibraryItem .title {
    float: left;
    position: relative;
    width: 304px;
    display: inline-block;
    padding: 5px;
    color: #656565;
}

.documentLibraryItem .size {
    float: left;
    position: relative;
    width: 100px;
    padding: 5px;
    color: #656565;
}

.documentLibraryItem .icon {
    float: left;
    position: relative;
    width: 120px;
    padding: 5px;
}

.documentLibraryItem .icon img {
    margin: 0px 0px -3px 0px;
}

.documentLibraryItem.heading {
    background: #ddd;
    color: #FFF;
}

.documentLibraryItem.heading .title {
    padding-bottom: 0px;
}

.documentLibraryItem.heading .size {
    padding-bottom: 0px;
}

.documentLibraryItem.heading .icon {
    padding-bottom: 0px;
}

.documentLibraryItem .description {
    float: left;
    position: relative;
    width: 544px;
    padding: 0px 0px 0px 20px;
    color: #666;
}

.document_library #categoryNavigation select {
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 11px;
    min-width: 200px;
    margin: 10px 0px 0px 0px;
}

/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/
#emailForm, #subscribeForm, #surveyTable, #alertForm, #registrationForm {
    float: left;
    width: 97%;
    background: #none;
    border: none;
    padding: 10px;
    margin: 0px 0px 30px 0px;
}

#emailForm {
    width: 550px;
}

#emailForm td.labelHorizontal, #subscribeForm td.labelHorizontal, #surveyTable td.labelHorizontal, #alertForm td.labelHorizontal, #registrationForm td.labelHorizontal {
    width: 45%;
    vertical-align: top;
    color: #8a8989;
    padding: 0 5% 0 0 ;
}

#emailForm td.valueHorizontal, #subscribeForm td.valueHorizontal, #surveyTable td.valueHorizontal, #alertForm td.valueHorizontal, #registrationForm td.valueHorizontal {
    width: 50%;
    vertical-align: top;
    text-align: left;
}

#emailForm td.valueHorizontal .fgroup, #subscribeForm td.valueHorizontal .fgroup, #surveyTable td.valueHorizontal .fgroup, #alertForm td.valueHorizontal .fgroup, #registrationForm td.valueHorizontal .fgroup {
    font-size: 11px;
}

span.fieldNumber {
    font-weight: bold;
    margin: 0px 10px 0px 0px;
    color: #65a8c1;
}

span.required {
    font-weight: bold;
    color: #65a8c1;
}

table.ftable td {
    vertical-align: top;
    padding: 4px;
}

table.ftable td.flabel {
    text-align: right;
    padding-right: 10px;
}

table.ftable td.fvalue {
    text-align: left;
}

table.ftable td.fcolumn {
    text-align: center;
}

input.ftxt, input.fmtxt, input.fstxt, input.fdate, textarea.fmtxt {
    font-family: arial,helvetica,sans-serif;
    background: #FFF;
    border: 1px solid #9f9f9f;
    font-size: 11px;
    width: 350px;
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

textarea.fmtxt:hover, textarea.fmtxt:focus, input.ftxt:hover, input.ftxt:focus, input.fmtxt:hover, input.fmtxt:focus, input.fstxt:hover, input.fstxt:focus, input.fdate:hover, input.fdate:focus {
    border: 1px solid #03AAF1;
}

input.fdate {
    width: 150px;
}

input.fstxt {
    width: 50px;
}

select.fsel,select.fseldate {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 11px;
    padding: 4px;
    width: 300px;
    margin: 0px 3px 0px 0px;
}

select.fseldate {
    width: auto;
}

select.fseldate:hover, select.fseldate:focus, select.fseldate:hover, select.fseldate:focus {
    border: 1px solid #65a8c1;
}

.buttonBar, .buttonPanel {
    text-align: right;
    padding: 15px 0px 0px 0px;
}

.buttonBar input, input.fsub {
    background: #FFF;
    border: 1px solid #00AEED;
    font-size: 14px;
    padding: 4px;
    width: 100px;
    cursor: pointer;
    color: #8a8989;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.buttonBar input:hover, input.fsub:hover {
    background: #23408E;
    color: #FFF;
    border: 1px solid #00AEED;
}

.msg {
    color: #FF0000;
    margin: 10px 0px;
    font-style: italic;
}

.finlinehelp {
    display: none;
}

#emailForm .reset, #subscribeForm .reset, #surveyTable .reset, #alertForm .reset, #registrationForm .reset {
    display: none;
}

/* Site Search ----------------------------------*/
.siteSearch span {
    font-size: 14px;
    font-weight: bold;
}

.siteSearch input.fsub {
    border: 1px solid #ccc;
    font-size: 11px;
    margin: 0px 3px 10px;
    padding: 2px 6px;
    cursor: pointer;
}

.siteSearch input.textInput {
    font-size: 11px;
    border: 1px solid #ccc;
    padding: 3px 6px;
}

#searchResultDescription {
    margin: 0px 0px 10px;
}

#searchResultItems .searchResultItem {
    margin: 10px 0px 0px 0px;
}

#searchResultItems .title {
    font-weight: bold;
    margin: 0px 0px 0px 10px;
}

#searchResultItems .description {
    margin: 8px 0px 0px 25px;
}

/****************************************************/
#defaultFullWidth.history #pageEditorContent h2 {
    position: absolute;
    top: 40px;
    left: 70px;
    font-size: 34px;
    color: #8ec740;
    line-height: ;
    font-weight: 600;
    line-height: 38px;
    text-align: right;
}

#defaultFullWidth.history #pageEditorContent h2 span {
    font-size: 38px;
}

.moduleListingWrapperHistory .contentPageTitle {
    display: none;
}

.moduleItemsListingHistory {
    float: left;
    position: relative;
    width: 100%;
    min-height: 5165px;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem {
    float: left;
    position: relative;
    width: 100%;
}

.moduleItemsListingHistory .moduleItemsListingItem .header {
    float: left;
    position: relative;
    background: #00adef;
    width: 99px;
    height: 99px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: none;
}

.moduleItemsListingHistory .moduleItemsListingItem .header span {
    display: block;
    color: #FFF;
    font-size: 22px;
    padding: 32px 0px 0px 24px;
}

.moduleItemsListingHistory .moduleItemsListingItem .moduleItemContent {
    width: 50%;
    color: #8a8989;
    display: none;
}

.moduleItemsListingHistory .moduleItemsListingItem .moduleItemImage {
    border: 10px solid #FFF;
    -webkit-box-shadow: #9d9c9c 0px 2px 3px;
    -moz-box-shadow: #9d9c9c 0px 2px 3px;
    box-shadow: #9d9c9c 0px 2px 10px;
    display: none;
}

/*****************************1983*******************************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline1 .header {
    display: block;
    position: absolute;
    top: 130px;
    left: 460px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline1 .moduleItemContent {
    display: block;
    position: absolute;
    top: 110px;
    left: 0px;
    text-align: right;
    width: 45%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline1 .moduleItemImage {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    -ms-transform: rotate(-3deg);
    /* IE 9 */
    -webkit-transform: rotate(-3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
}

/*****************************1984*******************************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline2 .header {
    display: block;
    position: absolute;
    top: 300px;
    left: 452px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline2 .moduleItemContent {
    display: block;
    position: absolute;
    top: 305px;
    left: 577px;
    text-align: left;
    width: 42%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline2 .moduleItemImage {
    position: absolute;
    top: 235px;
    left: 80px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(3deg);
    display: block;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline2 .moduleItemImage img {
    width: 320px;
}

/*****************************1986*******************************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline3 .header {
    display: block;
    position: absolute;
    top: 470px;
    left: 528px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline3 .moduleItemContent {
    display: block;
    position: absolute;
    top: 495px;
    left: 100px;
    text-align: right;
    width: 42%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline3 .moduleItemImage {
    position: absolute;
    top: 395px;
    left: 640px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
    display: block;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline3 .moduleItemImage img {
    width: 280px;
}

/*****************************1987*******************************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .header {
    display: block;
    position: absolute;
    top: 615px;
    left: 552px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemContent {
    display: block;
    position: absolute;
    top: 620px;
    left: 20px;
    text-align: right;
    width: 52%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemImage {
    display: block;
    position: absolute;
    top: 590px;
    left: 670px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(2deg);
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemImage img {
    width: 280px;
}

/******************************1988******************************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline5 .header {
    display: block;
    position: absolute;
    top: 793px;
    left: 450px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline5 .moduleItemContent {
    display: block;
    position: absolute;
    top: 800px;
    left: 570px;
    width: 30%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline5 .moduleItemImage {
    position: absolute;
    top: 700px;
    left: 0px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
    display: block;
}

/***************1990**************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline6 .header {
    display: block;
    position: absolute;
    top: 1033px;
    left: 360px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline6 .moduleItemContent {
    display: block;
    position: absolute;
    top: 1053px;
    left: 0px;
    width: 35%;
    text-align: right;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline6 .moduleItemImage {
    position: absolute;
    top: 943px;
    left: 500px;
    display: block;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(4deg);
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline6 .moduleItemImage img {
    width: 350px;
    height: auto;
}

/***************1991**************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline7 .header {
    display: block;
    position: absolute;
    top: 1203px;
    left: 400px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline7 .moduleItemContent {
    display: block;
    position: absolute;
    top: 1223px;
    left: 540px;
    text-align: left;
    width: 34%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline7 .moduleItemImage {
    position: absolute;
    top: 1200px;
    right: 590px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-4deg);
    display: block;
}

/***************1994**************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline8 .header {
    display: block;
    position: absolute;
    top: 1333px;
    left: 460px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline8 .moduleItemContent {
    display: block;
    position: absolute;
    top: 1330px;
    left: 572px;
    width: 34%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline8 .moduleItemImage {
    display: none;
}

/***********1996***********/
.moduleItemsListingHistory .moduleItemsListingItem.timeline9 .header {
    display: block;
    position: absolute;
    top: 1483px;
    left: 490px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline9 .moduleItemContent {
    display: block;
    position: absolute;
    top: 1480px;
    right: 520px;
    text-align: right;
    width: 42%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline9 .moduleItemImage {
    position: absolute;
    top: 1275px;
    left: 0px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(2deg);
    display: none;
}

/***********2002***********/
.moduleItemsListingHistory .moduleItemsListingItem.timeline10 .header {
    display: block;
    position: absolute;
    top: 1643px;
    left: 455px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline10 .moduleItemContent {
    display: block;
    position: absolute;
    top: 1610px;
    left: 40px;
    text-align: right;
    width: 40%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline10 .moduleItemImage {
    position: absolute;
    top: 1570px;
    left: 600px;
    display: block;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
}

/***********2003***********/
.moduleItemsListingHistory .moduleItemsListingItem.timeline11 .header {
    display: block;
    position: absolute;
    top: 1893px;
    left: 385px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline11 .moduleItemContent {
    display: block;
    position: absolute;
    top: 1893px;
    right: 70px;
    width: 40%;
    text-align: left;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline11 .moduleItemImage {
    display: block;
    position: absolute;
    top: 1790px;
    left: -30px;
    display: block;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(3deg);
}

/***********2004***********/
.moduleItemsListingHistory .moduleItemsListingItem.timeline12 .header {
    display: block;
    position: absolute;
    top: 2080px;
    left: 380px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline12 .moduleItemContent {
    display: block;
    position: absolute;
    top: 2100px;
    left: 30px;
    width: 30%;
    text-align: right;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline12 .moduleItemImage {
    position: absolute;
    top: 2000px;
    right: 60px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
    display: block;
}

/**************2005*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline13 .header {
    display: block;
    position: absolute;
    top: 2220px;
    left: 450px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline13 .moduleItemContent {
    display: block;
    position: absolute;
    top: 2230px;
    left: 60px;
    width: 37%;
    text-align: right;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline13 .moduleItemImage {
    display: none;
}

/**************2006*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline14 .header {
    display: block;
    position: absolute;
    top: 2360px;
    left: 470px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline14 .moduleItemContent {
    display: block;
    position: absolute;
    top: 2390px;
    left: 80px;
    width: 37%;
    text-align: right;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline14 .moduleItemImage {
    position: absolute;
    top: 2315px;
    right: -20px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(1deg);
    display: block;
}

/**************2007*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline15 .header {
    display: block;
    position: absolute;
    top: 2580px;
    left: 435px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline15 .moduleItemContent {
    display: block;
    position: absolute;
    top: 2595px;
    left: 560px;
    width: 47%;
    text-align: left;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline15 .moduleItemImage {
    display: none;
    position: absolute;
    top: 2515px;
    left: -20px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(4deg);
    display: block;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline15 .moduleItemImage img {
    width: 420px;
}

/**************2008*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline16 .header {
    display: block;
    position: absolute;
    top: 2720px;
    left: 380px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline16 .moduleItemContent {
    display: block;
    position: absolute;
    top: 2720px;
    left: 500px;
    width: 37%;
    text-align: left;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline16 .moduleItemImage {
    position: absolute;
    top: 2715px;
    left: -20px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(1deg);
    display: block;
}

/**************2009*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline17 .header {
    display: block;
    position: absolute;
    top: 3000px;
    left: 350px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline17 .moduleItemContent {
    display: block;
    position: absolute;
    top: 2950px;
    left: -30px;
    width: 37%;
    text-align: right;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline17 .moduleItemImage {
    display: block;
    position: absolute;
    top: 2845px;
    left: 480px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-4deg);
}

/**************2010*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline18 .header {
    display: block;
    position: absolute;
    top: 3190px;
    left: 410px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline18 .moduleItemContent {
    display: block;
    position: absolute;
    top: 3160px;
    left: 580px;
    width: 42%;
    text-align: left;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline18 .moduleItemImage {
    display: block;
    position: absolute;
    top: 3145px;
    left: -40px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(4deg);
}

/**************2011*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline19 .header {
    display: block;
    position: absolute;
    top: 3480px;
    left: 510px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline19 .moduleItemContent {
    display: block;
    position: absolute;
    top: 3480px;
    left: 80px;
    width: 40%;
    text-align: right;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline19 .moduleItemImage {
    display: block;
    position: absolute;
    top: 3405px;
    left: 620px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-5deg);
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline19 .moduleItemImage img {
    width: 380px;
}

/**************2012*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline20 .header {
    display: block;
    position: absolute;
    top: 3640px;
    left: 500px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline20 .moduleItemContent {
    display: block;
    position: absolute;
    top: 3650px;
    left: 620px;
    width: 40%;
    text-align: left;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline20 .moduleItemImage {
    display: none;
}

/**************2013*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline21 .header {
    display: block;
    position: absolute;
    top: 3770px;
    left: 450px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline21 .moduleItemContent {
    display: block;
    position: absolute;
    top: 3750px;
    left: 610px;
    width: 40%;
    text-align: left;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline21 .moduleItemImage {
    display: block;
    position: absolute;
    top: 3655px;
    left: -10px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-5deg);
}

/**************2014*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline22 .header {
    display: block;
    position: absolute;
    top: 4000px;
    left: 410px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline22 .moduleItemContent {
    display: block;
    position: absolute;
    top: 4020px;
    left: 0px;
    width: 40%;
    text-align: right;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline22 .moduleItemImage {
    display: block;
    position: absolute;
    top: 4000px;
    left: 530px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}

/**************2015*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline23 .header {
    display: block;
    position: absolute;
    top: 4260px;
    left: 480px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline23 .moduleItemContent {
    display: block;
    position: absolute;
    top: 4280px;
    left: 595px;
    width: 40%;
    text-align: left;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline23 .moduleItemImage {
    display: block;
    position: absolute;
    top: 4135px;
    left: 80px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(3deg);
}

/**************2016*****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline24 .header {
    display: block;
    position: absolute;
    top: 4460px;
    left: 480px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline24 .moduleItemContent {
    display: block;
    position: absolute;
    top: 4480px;
    left: 30px;
    width: 40%;
    text-align: left;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline24 .moduleItemImage {
    display: block;
    position: absolute;
    width: 350px;
    top: 4455px;
    left: 615px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(3deg);
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline24 .moduleItemImage img {
    width: 100%;
}

/**************Bottom Text****************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .header {
    display: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .moduleItemContent {
    display: block;
    position: absolute;
    top: 4705px;
    left: 30px;
    width: 30%;
    text-align: left;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .moduleItemImage {
    display: none;
}

/*********************Meet the Team**************************/
.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .header {
    display: block;
    position: absolute;
    top: 4776px;
    left: 417px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .moduleItemContent {
    display: block;
    position: absolute;
    top: 4790px;
    left: 565px;
    width: 40%;
    text-align: left;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .moduleItemImage {
    display: block;
    position: absolute;
    top: 4701px;
    left: 38px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
    width: 350px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .moduleItemImage img {
    width: 100%;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline27 .header {
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline27 .moduleItemContent {
    display: block;
    position: absolute;
    top: 5005px;
    left: 487px;
    width: 58%;
    text-align: left;
    border: none;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline27 .moduleItemImage {
    display: block;
    position: absolute;
    top: 4701px;
    left: 38px;
    -ms-transform: rotate(3deg);
    /* IE 9 */
    -webkit-transform: rotate(3deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
    width: 350px;
}

.moduleItemsListingHistory .moduleItemsListingItem.timeline27 .moduleItemImage img {
    width: 100%;
}

.moduleListingWrapperMeetTheTeam h1.contentPageTitle {
    display: none;
}

.moduleListingWrapperMeetTheTeam p#extraField5 span {
    display: none;
}

.moduleListingWrapperMeetTheTeam {
    float: left;
    position: relative;
    width: 100%;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingMeetTheTeam h1 {
    float: left;
    position: relative;
    width: 100%;
    padding: 15px 0px;
    text-align: center;
    text-transform: uppercase;
    background: #f4f5f9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingMeetTheTeam h1 span {
    position: absolute;
    top: 18px;
    right: 30px;
    cursor: pointer;
}

/**
.moduleListingWrapperMeetTheTeam .moduleItemsListingMeetTheTeam h1:first-child {
    display: none!important;
}

.moduleListingWrapperMeetTheTeam #cat_23.categoryContainer {
    display: block!important;
}
**/

.moduleListingWrapperMeetTheTeam .categoryContainer {
    float: left;
    position: relative;
    width: 100%;
}

/* .moduleListingWrapperMeetTheTeam #cat_27.categoryContainer .moduleItemsListingItem, .moduleListingWrapperMeetTheTeam #cat_29.categoryContainer .moduleItemsListingItem {
    float: left;
    position: relative;
    margin: 30px 0px 30px 290px!important;
    width: 40%;
    text-align: center;
} */

.moduleItemsListingMeetTheTeam .moduleItemsListingItem {
    float: left;
    position: relative;
    margin: 30px 0px 30px 65px!important;
    width: 40%;
    text-align: center;
}

#cat_26.categoryContainer .moduleItemsListingItem:nth-child(3) {
    clear: both;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem .title {
    display: none;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem .moduleItemImage {
    margin: 0 auto;
    width: 135px;
    height: 135px;
    border: 5px solid #8ec740;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 100%;
    overflow: hidden;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem .moduleItemContent {
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem .moduleItemContent h2 {
    text-transform: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    line-height: 20px;
    color: #254290;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem .moduleItemContent h3 {
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    color: #254290;
    font-size: 14px;
}

.moduleListingWrapperMeetTheTeam .moduleItemsListingItem .moduleItemContent a {
    text-decoration: underline;
}

/******************************/
.moduleDetailWrapperMeetTheTeam {
    float: left;
    position: relative;
    width: 100%;
}

.moduleDetailWrapperMeetTheTeam p#extraField5 span, .moduleDetailWrapperMeetTheTeam .title, .moduleDetailWrapperMeetTheTeam h1.contentPageTitle {
    display: none;
}

.moduleDetailWrapperMeetTheTeam .moduleItemImage {
    float: left;
    position: relative;
    margin: 0px 20px 10px 0px;
}

.moduleDetailWrapperMeetTheTeam .moduleItemImage img {
    border: 5px solid #8ec740;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 100%;
}

.moduleDetailWrapperMeetTheTeam h2 {
    text-transform: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    line-height: 20px;
    color: #254290;
}

.moduleDetailWrapperMeetTheTeam h3 {
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    color: #254290;
    font-size: 14px;
}

/**********************/
#contactsHeading {
    float: left;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #8ec740;
    margin-bottom: 20px;
}

#contactsHeading p {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #8ec740;
}

.moduleComponentmeetTheTeam {
    float: left;
    position: relative;
    width: 100%;
    margin: 0px 0px 30px 0px;
}

.moduleComponentmeetTheTeam a.overlayLink {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 67%;
    height: 22px;
}

.moduleComponentmeetTheTeam .componentItem .content p, .moduleComponentmeetTheTeam p.extraField span, .moduleComponentmeetTheTeam .title {
    display: none;
}

.moduleComponentmeetTheTeam .componentItem .content .extraFields p, .moduleComponentmeetTheTeam .componentItem .content .extraFields {
    display: block;
    float: left;
    position: relative;
}

.moduleComponentmeetTheTeam .componentItem {
    float: left;
    position: relative;
    width: 33.3%;
}

.moduleComponentmeetTheTeam .componentItem .moduleItemImage {
    float: left;
    position: relative;
}

.moduleComponentmeetTheTeam .componentItem .moduleItemImage img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 4px solid #8ec740;
    margin: 5px 10px 30px 0px;
}

.moduleComponentmeetTheTeam .componentItem .content .extraFields h2 {
    text-transform: none;
    margin: 0px 0px 1px 0px;
    font-size: 18px;
    color: #23408E;
}

.moduleComponentmeetTheTeam .componentItem .content .extraFields h3 {
    text-transform: uppercase;
    margin: 0px 0px 5px 0px;
    font-size: 13px;
    color: #23408E;
}

.moduleComponentmeetTheTeam .componentItem .content .extraFields p {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    line-height: 18px;
}

.moduleComponentmeetTheTeam .componentItem .content .extraFields a {
    text-decoration: none;
}

/********************************/
.moduleComponentContaineraboutUsSlides {
    float: left;
    position: relative;
    width: 100%;
    margin: 17px 0px 20px 0px;
}

.hume-pack-n-cool-annual-report .moduleComponentContaineraboutUsSlides {
    display: none;
}

.moduleComponentContaineraboutUsSlides img {
    -webkit-border-radius: 0px 16px;
    -moz-border-radius: 0px 16px;
    border-radius: 0px 16px;
}

.moduleComponentContaineraboutUsSlides h2.bannerTitle {
    display: none;
}

/**********************************/
.moduleComponentContainerheaderImages {
    float: left;
    position: relative;
    width: 100%;
    margin: 17px 0px 20px 0px;
}

.moduleComponentContainerheaderImages img {
    -webkit-border-radius: 0px 16px;
    -moz-border-radius: 0px 16px;
    border-radius: 0px 16px;
}

.moduleComponentContainerheaderImages h2.bannerTitle {
    display: none;
}

/*********************/
.conatctiFrame {
    margin-left: 20px;
}

/*------------------------------------------*/
.moduleListingWrapperBlog {
}

#moduleItemsListing.moduleItemsListingBlog {
    margin: -7px 0px 0px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #F5F5F5;
    padding: 20px 0px;
    margin: 0px 0px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem:nth-child(even) {
    margin: 0px 0px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemImage {
    float: left;
    margin: 0px 30px 30px 0px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemImage img {
    -webkit-border-radius: 0px 8px 0px 8px;
    -moz-border-radius: 0px 8px 0px 8px;
    border-radius: 0px 8px 0px 8px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem:nth-child(even) .moduleItemImage {
    float: right;
    margin: 0px 0px 30px 30px;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemImage a {
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemImage img {
}

#moduleItemsListing.moduleItemsListingBlog .header {
}

#moduleItemsListing.moduleItemsListingBlog .title {
    border-bottom: none;
    color: #23408E;
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
    padding: 0px 0 14px;
    text-align: left;
    text-transform: none;
}

#moduleItemsListing.moduleItemsListingBlog .date {
    display: none;
}

#moduleItemsListing.moduleItemsListingBlog .moduleItemContent {
}

#moduleItemsListing.moduleItemsListingBlog .readMore {
}

#moduleItemsListing.moduleItemsListingBlog .readMore a {
    text-transform: none;
    color: #23408E;
    text-decoration: none;
}

/*------------------------------------------*/
.moduleDetailWrapper.moduleDetailWrapperBlog {
}

.moduleDetailWrapper.moduleDetailWrapperBlog .moduleItemBlog {
}

.moduleDetailWrapper.moduleDetailWrapperBlog .moduleItemImage {
    float: right;
    margin: 6px 0px 30px 30px;
}

.moduleDetailWrapper.moduleDetailWrapperBlog .moduleItemImage img {
    -webkit-border-radius: 0px 8px 0px 8px;
    -moz-border-radius: 0px 8px 0px 8px;
    border-radius: 0px 8px 0px 8px;
}

.moduleDetailWrapper.moduleDetailWrapperBlog .title {
    border-bottom: none;
    color: #23408E;
    font-size: 26px;
    font-weight: 500;
    line-height: 22px;
    margin: 14px 0px 0px 0px;
    padding: 0px 0 14px;
    text-align: left;
    text-transform: none;
}

.moduleDetailWrapper.moduleDetailWrapperBlog .date {
    display: none;
}

.moduleDetailWrapper.moduleDetailWrapperBlog #moduleItemBack {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.moduleDetailWrapper.moduleDetailWrapperBlog #moduleItemBack a {
    text-transform: none;
    color: #23408E;
    text-decoration: none;
}

.moduleDetailWrapper.moduleDetailWrapperBlog #socialMediaIcons {
    float: left;
    position: relative;
    width: 100%;
    border-top: none;
}

.moduleDetailWrapper.moduleDetailWrapperBlog #facebook {
    float: left;
    width: 135px;
    margin: 10px 0;
}

.moduleDetailWrapper.moduleDetailWrapperBlog #twitter {
    float: left;
    width: 90px;
    margin: 10px 0;
}

.moduleDetailWrapper.moduleDetailWrapperBlog .pinterest {
    float: left;
    width: 50px;
    margin: 10px 0;
}

.moduleDetailWrapper.moduleDetailWrapperBlog #plusone {
    float: left;
    width: 50px;
    margin: 10px 0;
}

/*------------------------------------------*/
table.keyIndustryPlayers {
    margin-top: 30px;
}

table.keyIndustryPlayers img {
    display: block;
    padding: 10px;
    border: 1px solid #ccc!important;
    margin-bottom: 35px;
    -webkit-border-radius: 0px 8px 0px 8px;
    -moz-border-radius: 0px 8px 0px 8px;
    border-radius: 0px 8px 0px 8px;
}

table.keyIndustryPlayers img:hover {
    transition: all 0.5s ease-in;
    border: 1px solid #23408E!important;
}

/******************Work With Hume Gallery*********************/
.moduleItemWorkWithHumeGallery {
    float: left;
    position: relative;
    width: 100%;
}

.moduleItemWorkWithHumeGallery .title {
    display: none;
}

.moduleItemWorkWithHumeGallery .galleryModuleItem .image {
    margin: 0px 21px 20px 0px;
}

.moduleItemWorkWithHumeGallery .galleryModuleItem .image img {
    -webkit-border-radius: 0px 8px 0px 8px;
    -moz-border-radius: 0px 8px 0px 8px;
    border-radius: 0px 8px 0px 8px;
}

.moduleItemWorkWithHumeGallery #moduleItemBack {
    display: none;
}

/*********************************/
.key-contacts table strong {
    color: #23408E;
}

ul#siteMap li ul li#History.level2 {
    display: none;
}

ul#siteMap {
    width: 97%;
}

ul#siteMap li {
    width: 100%;
}

ul#siteMap li a {
    text-decoration: none;
}

ul#siteMap li:before {
    content: "- ";
    color: #03AAF1;
}

ul#siteMap li ul li a {
}

/****************************************/
/****************************************/
/****************************************/
/****************************************/
/****************************************/
/****************************************/
/****************************************/
/****************************************/
@media screen and (max-width: 1200px) {
    .moduleComponentContaineradviceCallout .bannerHtmlContent a {
        padding:16px 10px 16px 10px;
        font-size: 15px;
        line-height: 16px;
    }

    .moduleComponentContaineradviceCallout .bannerHtmlContent a span {
        display: block;
        padding-top: 8px;
        font-size: 14px;
        text-transform: none;
        line-height: 18px;
    }

    /**********************************************/
}

@media screen and (max-width: 1100px) {
    body {
        line-height: 1;
        min-width: 822px;
    }

    /*------------ Main Containers ---------------------------------------*/
    body {
        /*background: 100% width tile here */
    }

    .container {
        width: 1000px;
    }

    .bgContainer {
        width: 1000px;
    }

    #defaultFullWidth.history .bgContainer {
        background: url(https://www.humepack.co.nz/images/style/vine.png) 335px 183px no-repeat;
    }

    #header {
        width: 100%;
    }

    #content {
        width: 1000px;
    }

    #centerCol {
        width: 1000px;
    }

    #default #centerCol {
        width: 1000px;
    }

    #leftCol {
        width: 167px;
        margin: 35px 0px 0px 20px;
    }

    #footer {
        width: 100%;
        margin: 0px 0px 30px 0px;
        height: 333px;
        background: #00ADEF;
        margin: 0px;
    }

    #footer .container {
        width: 1000px;
    }

    #footer .bgContainer {
        width: 1000px;
        height: 333px;
        margin: 0px 0px 20px 0px;
    }

    /*------------ Module/Element Specific Rules ---------------------------------------*/
    /******* Header Elements ***********/
    #header a.logo {
        margin: 13px 0px 0px 20px;
    }

    #header #topHeaderLinks {
        width: 620px;
        margin: 0px 20px 0px 0px;
        padding: 0px;
    }

    a.weatherLink {
        top: 34px;
        right: 20px;
        width: 57px;
        height: 44px;
    }

    a.weatherLink:hover {
        background: url(https://www.humepack.co.nz/images/style/weatherIcon.png) 13px -41px no-repeat;
    }

    /* Header Navigation */
    #header #navigation ul li.contact ul {
        left: -150px;
    }

    #header #navigation ul li.contact ul span {
        top: ;
        left: 140px;
    }

    /******* Home Slides ***********/
    #homeSlides {
        float: left;
        position: relative;
        width: 1000px!important;
        height: 450px;
        overflow: visible;
    }

    .moduleComponentContainerhomeSlides {
        width: 1000px;
        max-width: 1920px;
        height: 386px;
        margin-left: -0px;
        overflow: hidden;
    }

    .moduleComponentContainerhomeSlides .bannerImageContainer {
        width: 100%;
        height: 386px;
        margin: 0px 0px 0px 0px;
    }

    .moduleComponentContainerhomeSlides .bannerImageContainer span {
        position: absolute;
        top: 0px;
        right: 620px;
        width: 1000px;
        height: 450px;
        background: url(https://www.humepack.co.nz/images/style/bannerOverlay.png) 0px 0px no-repeat;
    }

    .moduleComponentContainerhomeSlides .bannerImageContainer img {
        margin-top: 29px;
    }

    .moduleComponentContainerhomeSlides .bannerHtmlContent {
        position: absolute;
        top: 100px;
        left: -58%;
        width: 100%;
    }

    .moduleComponentContaineradviceCallout {
        display: none;
    }

    /******* Home Callouts Container ***********/
    #homeCallouts {
        width: 96%;
        margin: 30px 0px 40px 20px;
    }

    /******************Home Feeds*********************/
    #homeFeeds {
        width: 96%;
        height: auto;
        margin: 30px 0px 12px 20px;
    }

    /*************Blog******************/
    #blogContainer {
        margin-right: 15px;
        width: 27.9%;
        padding-bottom: 25px;
    }

    /*************Quick Links******************/
    #quickLinksContainer {
        width: 26.0%;
        padding: 10px 26px 10px 25px;
    }

    /******************quote Feed*********************/
    #quoteFeed {
        width: 96%;
        height: auto;
        margin: 0px 0px 60px 20px;
    }

    /******************************************/
    .moduleComponenttestimonials {
        float: left;
        position: relative;
    }

    .moduleComponenttestimonials .componentItem {
        float: left;
        position: relative;
        padding: 30px 80px;
        background: #f3f9ec;
        margin-bottom: 20px;
        border-radius: 0px 64px 0px 64px;
    }

    .moduleComponenttestimonials .componentItem span {
        position: absolute;
        top: 30px;
        margin: 0px 0px 0px -60px;
        width: 53px;
        height: 37px;
        background: url(https://www.humepack.co.nz/images/style/qouteBefore.png) 0px 0px no-repeat;
    }

    .moduleComponenttestimonials .componentItem .content h2 {
        text-transform: none;
        font-size: 20px;
        color: #8ec740;
        padding: 0px 0px 0px 0px;
    }

    .moduleComponenttestimonials .componentItem .content {
        padding: 0px 0px 0px 0px;
    }

    .moduleComponenttestimonials .componentItem .title {
        display: none;
    }

    .moduleComponenttestimonials .componentItem .moduleItemImage {
        float: left;
        position: relative;
    }

    .moduleComponenttestimonials .componentItem .moduleItemImage img {
        border-radius: 100%;
        margin: 0px 60px 20px -20px;
    }

    /*------- Calendar Listing Callout Styles -----------------------------*/
    #calendarListingContainer {
        width: 26.0%;
        margin: 0px 15px 0px 0px;
        padding: 10px 25px 5px;
    }

    /******* Page Editor Container ***********/
    #pageEditorContent {
        width: 96%;
        margin: 0px 0px 0px 20px;
    }

    #default #pageEditorContent {
        width: 773px;
        padding: 20px 20px 20px 0px;
        margin: 11px 0px 0px 0px;
    }

    #defaultFullWidth #pageEditorContent {
        width: 959px;
        padding: 20px;
        margin: 0px 0px 0px 0px;
    }

    .services p {
        padding: 0px 20px;
    }

    /**************/
    .moduleComponentContainerheaderImages img {
        width: 793px;
        height: auto;
    }

    /***********Home Page Content*********************/
    #home #pageEditorContent #leftContent {
        width: 29%;
        margin-left: 20px;
    }

    #home #pageEditorContent #rightContent {
        width: 62%;
        margin-right: 20px;
    }

    /**************************/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline1 .moduleItemImage {
        top: 0px;
        right: 40px;
        width: 300px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline1 .moduleItemImage img {
        width: 300px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemImage {
        right: 40px;
        width: 240px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemImage img {
        width: 240px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline7 .moduleItemImage {
        width: 400px;
        right: 20px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline7 .moduleItemImage img {
        width: 400px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline8 .moduleItemImage {
        left: 20px;
    }

    /*****************/
    .moduleComponentContainerservices {
        overflow: hidden;
        margin: 35px 0px 0px 20px;
        width: 96%;
    }

    .moduleComponentContainerservices .moduleComponent {
        width: 228px;
        height: 217px;
    }

    /******************************/
    .moduleComponentmeetTheTeam {
        width: 96%;
        margin-left: 20px;
    }

    .moduleComponentmeetTheTeam .moduleItemImage img {
    }

    .moduleComponentmeetTheTeam .componentItem {
        width: 45%;
    }

    /***************/
    #footerTopImage {
        width: 1000px;
    }
}

/****************************************/
/****************************************/
/****************************************/
/****************************************/
@media screen and (max-width: 500px) {
    body {
        line-height: 1;
        min-width: 320px;
    }

    /*------------ Main Containers ---------------------------------------*/
    body {
        /*background: 100% width tile here */
    }

    .container {
        width: 320px;
    }

    .bgContainer {
        width: 320px;
    }

    #defaultFullWidth.history .bgContainer {
        background: url(https://www.humepack.co.nz/images/style/vine.png) 335px 183px no-repeat;
    }

    #header {
        width: 100%;
    }

    #content {
        width: 320px!important;
        overflow: hidden!important;
    }

    #centerCol {
        width: 320px;
    }

    #default #centerCol {
        width: 320px;
    }

    #leftCol {
        width: 280px;
        margin: 35px 0px 0px 20px;
        min-height: 150px;
    }

    .seasonal-work-application #leftCol{
        display:none;
    }

    #footer {
        width: 320px;
        margin: 0px 0px 0px 0px;
        height: 583px;
        background: #00ADEF;
    }

    #footer .container {
        width: 320px;
    }

    #footer .bgContainer {
        width: 320px;
        height: 333px;
        margin: 0px 0px 0px 0px!important;
    }

    /*------------ Module/Element Specific Rules ---------------------------------------*/
    /******* Header Elements ***********/
    #header a.logo {
        margin: 13px 0px 0px 20px;
    }

    #header #topHeaderLinks {
        display: none;
    }

    a.weatherLink {
        display: none;
    }

    /* Header Navigation */
    #header #navigation {
        display: none;
    }

    /******* Home Slides ***********/
    #homeSlides {
        display: none;
    }

    /******* Home Callouts Container ***********/
    #homeCallouts {
        width: 96%;
        margin: 30px 0px 40px 20px;
    }

    #homeCallouts .moduleComponenthomeCallouts {
        width: 94%;
        margin-bottom: 20px;
    }

    /******************Home Feeds*********************/
    #homeFeeds {
        width: 92%;
        height: auto;
        margin: 30px 0px 12px 10px;
    }

    #calendarListingContainer {
        width: 83%;
        margin-bottom: 20px;
    }

    #blogContainer {
        margin-bottom: 20px;
        width: 83%;
    }

    #quickLinksContainer {
        width: 83%;
    }

    /******************quote Feed*********************/
    #quoteFeed {
        width: 100%;
        height: auto;
        margin: 0px 0px 60px 0px;
    }

    .moduleComponentContainermessageCallout {
        float: left;
        position: relative;
        padding: 40px 20px;
    }

    .moduleComponentContainermessageCallout .bannerHtmlContent .bannerImageContainer {
        float: left;
        position: relative;
        margin: 0px 0px 0px 0px;
        width: 100%;
    }

    .moduleComponentContainermessageCallout .bannerHtmlContent .bannerImageContainer img {
        margin: 0px 0px 20px 30px;
        border-radius: 100%;
    }

    /******* Page Editor Container ***********/
    #pageEditorContent {
        width: 86%;
        margin: 0px 0px 0px 0px;
        padding: 0px 20px;
    }

    #default #pageEditorContent {
        width: 86%;
        margin: 0px 0px 0px 0px;
        padding: 0px 20px;
    }

    #defaultFullWidth #pageEditorContent {
        width: 86%;
        margin: 0px 0px 0px 0px;
        padding: 0px 20px;
    }

    .services p {
        padding: 0px 20px;
    }

    /**************/
    .moduleComponentContainerheaderImages {
        display: none;
    }

    /***********Home Page Content*********************/
    #home #pageEditorContent #leftContent {
        width: 100%;
        margin-left: 0px;
    }

    #home #pageEditorContent #leftContent h1 {
        font-size: 40px;
    }

    #home #pageEditorContent #rightContent {
        float: left;
        width: 100%;
        margin-left: 0px;
    }

    #home #pageEditorContent #rightContent img {
        width: 50%!important;
        height: auto!important;
    }

    /**************************/
    #pageEditorContent table td {
        display: block;
    }

    /**************************/
    img#footerTopImage {
        width: 320px;
    }

    #footerMenuOne {
        width: 90%;
        margin: 0px 0px 0px 20px;
    }

    #footerMenuOne ul li {
        width: 80%;
    }

    #footerMenuTwo {
        width: 90%;
        margin: 10px 0px 0px 20px;
    }

    #copyright {
        margin: 0px 0px 0px 20px;
    }

    /****************************/
    .moduleComponentContainerservices .moduleComponent {
        margin-left: 20px;
    }

    /******************************************/
    .moduleComponenttestimonials {
        float: left;
        position: relative;
    }

    .moduleComponenttestimonials .componentItem {
        padding: 30px 20px;
        margin-bottom: 20px;
        border-radius: 0px 64px 0px 64px;
    }

    .moduleComponenttestimonials .componentItem span {
        display: none;
    }

    .moduleComponenttestimonials .componentItem .content h3, .moduleComponenttestimonials .componentItem .content h2 {
        padding: 0px 0px 0px 0px;
    }

    .moduleComponenttestimonials .componentItem .content {
        padding: 0px 0px 0px 0px;
    }

    .moduleComponenttestimonials .componentItem .title {
        display: none;
    }

    .moduleComponenttestimonials .componentItem .moduleItemImage img {
        border-radius: 100%;
        margin: 0px 60px 20px 50px;
    }

    #contactsHeading {
        width: 93%;
    }

    .moduleComponentmeetTheTeam {
        width: 290px;
        margin: 0px 0px 0px 30px;
    }

    .moduleComponentmeetTheTeam .componentItem {
        width: 100%;
        margin-bottom: 20px;
    }

    .moduleComponentmeetTheTeam .componentItem img {
        display: none;
    }

    /*********************Meet the Team**************************/
    .moduleListingWrapperMeetTheTeam {
        width: 100%;
        margin-bottom: 40px;
    }

    .moduleListingWrapperMeetTheTeam .moduleItemsListingMeetTheTeam h1 {
        font-size: 24px;
        width: 85%;
        padding: 15px 20px;
    }

    .moduleListingWrapperMeetTheTeam .moduleItemsListingMeetTheTeam h1 span {
        position: absolute;
        top: 18px;
        right: 10px;
    }

    .moduleListingWrapperMeetTheTeam #cat_27.categoryContainer .moduleItemsListingItem, .moduleListingWrapperMeetTheTeam #cat_29.categoryContainer .moduleItemsListingItem {
        float: left!important;
        position: relative!important;
        margin: 30px 0px 30px 0px!important;
        width: 100%!important;
        text-align: center!important;
    }

    .moduleListingWrapperMeetTheTeam .categoryContainer .moduleItemsListingItem, .moduleListingWrapperMeetTheTeam .categoryContainer .moduleItemsListingItem {
        float: left!important;
        position: relative!important;
        margin: 30px 0px 30px 0px!important;
        width: 100%!important;
        text-align: center!important;
    }

    .moduleItemsListingMeetTheTeam .moduleItemsListingItem {
        float: left;
        position: relative;
        margin: 30px 0px 30px 0px!important;
        width: 100%;
        text-align: center;
    }

    .moduleListingWrapperMeetTheTeam .moduleItemsListingItem .moduleItemContent a {
        text-decoration: underline;
    }

    /******************************/
    .calendar #pageEditorContent table#calendarTable {
        width: 100%;
        display: block;
    }

    .calendar #pageEditorContent table#calendarTable td.calendarHeader {
        display: none;
    }

    .calendar .navCalendarViewLinks {
        right: 5px;
    }

    .calendar #navDateLinks {
        display: none;
    }

    .calendar .navCategoryLinks {
        margin: 60px 0px 0px 0px!important;
    }

    .navCalendarViewLinks a.calendar {
        display: block;
    }

    .useful-links #pageEditorContent table td {
        width: 100%;
    }

    .contact #pageEditorContent table td {
    }

    .calendar #calendarTable TD {
        width: 273px!important;
        margin-left: -1px;
    }

    .contact #pageEditorContent iframe {
        display: none;
    }

    #emailForm {
        width: 250px;
    }

    input.ftxt, input.fmtxt, input.fstxt, input.fdate, textarea.fmtxt {
        width: 240px;
    }

    /****************************************/
    #defaultFullWidth.history .bgContainer {
        background: none;
    }

    .moduleItemsListingHistory {
        float: left;
        position: relative;
        width: 100%;
        height: 5991px!important;
    }

    #defaultFullWidth.history #pageEditorContent h2 {
        left: 30px!important;
        width: 80%;
    }

    .moduleItemsListingHistory .moduleItemsListingItem {
        float: left;
        position: relative;
        width: 100%;
    }

    .moduleItemsListingHistory .moduleItemsListingItem .header {
        float: left!important;
        position: relative!important;
        left: 0px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem .header span {
        float: left!important;
        position: relative!important;
        display: block;
        color: #FFF;
        font-size: 22px;
        padding: 32px 0px 0px 24px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem .moduleItemContent {
        display: block;
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 100%;
        left: 0px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem .moduleItemImage {
        display: none!important;
    }

    /************************************************************/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline1 .header {
        float: left!important;
        position: relative!important;
        top: 150px;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline1 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline2 .header {
        float: left!important;
        position: relative!important;
        top: 150px;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline2 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline3 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline3 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline4 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline4 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline5 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    /***************2005**************/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline5 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /***************2006**************/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline6 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline6 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /***************2007**************/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline7 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline7 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /***************2008**************/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline8 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline8 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /***********2009***********/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline9 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline9 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /***********2010 left Content***********/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline10 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline10 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /***********2010 right Content***********/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline11 .header {
        display: none;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline11 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /***********2013***********/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline12 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline12 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /***********2014***********/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline13 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline13 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /******************/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline14 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline14 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /********************/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline15 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline15 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /********************/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline16 .header, .moduleItemsListingHistory .moduleItemsListingItem.timeline17 .header, .moduleItemsListingHistory .moduleItemsListingItem.timeline18 .header, .moduleItemsListingHistory .moduleItemsListingItem.timeline19 .header, .moduleItemsListingHistory .moduleItemsListingItem.timeline21 .header, .moduleItemsListingHistory .moduleItemsListingItem.timeline22 .header, .moduleItemsListingHistory .moduleItemsListingItem.timeline23 .header, .moduleItemsListingHistory .moduleItemsListingItem.timeline24 .header,.moduleItemsListingHistory .moduleItemsListingItem.timeline25 .header {
        float: left!important;
        position: relative!important;
        top: 150px!important;
        left: 10px!important;
    }

    .moduleItemsListingHistory .moduleItemsListingItem.timeline16 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline17 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline18 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline19 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline20 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline21 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline22 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline23 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline24 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline25 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline26 .moduleItemContent,
    .moduleItemsListingHistory .moduleItemsListingItem.timeline27 .moduleItemContent
    {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /*******************/
    .moduleItemsListingHistory .moduleItemsListingItem.timeline13 .moduleItemContent {
        float: left!important;
        position: relative!important;
        text-align: left;
        width: 93%!important;
        top: 150px;
        left: 10px;
    }

    /* Header Navigation */
    a.homeLink {
        display: none;
    }

    #header #navigation {
        display: block!important;
        position: absolute;
        top: 50px;
        left: 270px;
        width: 45px;
    }

    #header #navigation a#pull {
        position: absolute;
        top: 0px;
        right: 15px;
        display: inline-block;
        width: 45px;
        height: 45px;
        background: none;
        border-radius: 100%;
        padding: 0;
    }

    #header #navigation a#pull:after {
        content: "";
        background: url(https://www.humepack.co.nz/images/style/nav-icon.png) center no-repeat;
        background-size: 47% auto;
        width: 45px;
        height: 45px;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    #header #navigation {
        border-bottom: 0;
    }

    #header #navigation ul {
        display: none;
        height: auto;
        padding: 0px 0px 20px 0px;
        margin: 0px 0px 0px 0px;
        width: 96%;
        position: absolute;
        z-index: 100;
    }

    #header #navigation ul {
        position: absolute;
        top: 53px;
        right: 5px;
        width: 290px;
        background: #23408e;
    }

    #header #navigation li {
        display: block;
        float: none;
        width: 100%;
        height: 30px;
        line-height: 30px;
        border: none!important;
        border-right: none!important;
    }

    #header #navigation li a {
        color: #FFF!important;
        display: block;
        font-size: 19px !important;
        line-height: 42px!important;
        text-decoration: none;
        text-indent: 0px;
        text-shadow: none;
        font-weight: normal !important;
        width: 65%!important;
        float: left;
        text-align: left!important;
        border: none!important;
        border-right: none!important;
    }

    #header #navigation li a:hover {
        background: none!important;
        color: #fff !important;
    }

    #header #navigation ul li ul {
        display: none!important;
    }

    #header #navigation ul li:hover ul {
        display: none!important;
    }

    /* Grower Portal */

    #header{
        height: 155px;
    }

    #header #topHeaderLinks {
        display: block;
    }

    #header #topHeaderLinks #mediaLinks,
    #header #topHeaderLinks  #site_search_form,
    #header #topHeaderLinks .searchLabel{
        display: none;
    }

    #header #topHeaderLinks {
        width: 300px;
        margin: 0px;
        padding: 0px;
        z-index: inherit;
        padding-right: 5px;
        padding-bottom: 20px;
        margin-top: -10px;
        margin-bottom: 20px;
    }

    table.ftable td.flabel {
        text-align: left;
        padding-right: 10px;
    }

    select.fsel, select.fseldate {
        width: 250px;
    }

    #pageHeading ul li a {
        font-size: 30px;
    }

    .dataTable thead{
        display: none;
    }

    #pageEditorContent table td.report-icon,
    #pageEditorContent table td.report-category
     {
        display: none;
    }

    .dataTables_info{
        padding-bottom: 10px;
    }

    table.dataTable{
        border-collapse: separate;
        border-spacing: 10px;
    }

    table.dataTable tbody tr.even {
        background-color: #ffffff;
        padding: 5px;
    }

    table.dataTable tbody tr.odd {
        background-color: #f9f9f9;
    }

    .file-update{
        font-size: 12px;
        color: #00ADEF;
    }

    .report-title{
        text-decoration: none;
    }

    .dataTables_paginate{
        font-size: 12px;
        padding-bottom: 30px;
    }

    #emailForm td.labelHorizontal {
        width: 100%;
    }

    #default #pageEditorContent {
        padding-bottom: 30px;
    }


}

#forgotBlock{
    float: right;
    font-size: 12px;
    padding-right: 13px;
    padding-top: 3px;
}

.logInBox{
    float: left;
    font-size: 12px;
}

.loginMsg{
    padding-bottom: 5px;
}

#forgottenPassword{
    color: #00adef;
    text-decoration: none;
}

#statusMessage{
    color: #8ec740;
    margin: 0 auto;
    font-weight: 600;
}


/********************************************/

.key_contact {
    width: 100%;
    display: block;
    float: left;
    margin: 15px;
}

.key_contact .name,
.key_contact .position,
.key_contact .phone,
.key_contact .mobile,
.key_contact .email
{
    display: block;
    float: left;
    position: relative;
    width: 50%;
}

.key_contact .photo{
    display: block;
    float: left;
    width: 135px;
    height: 135px;
    border: 5px solid #8ec740;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
}


.key_contact .name{
    text-transform: none;
    line-height: 20px;
    color: #254290;
    font-size: 22px;
    margin-top: 10px;
}

.key_contact .position{
    color: rgb(142, 199, 64);
    text-transform: uppercase;
    padding-bottom: 10px;
}

.key_contact div label{
    font-weight: 300;
    margin-right: 10px;
    display: block;
    float: left;
    width: 60px;
}

.key_contact .email a{
    text-decoration: none;
}

@media screen and (max-width: 500px) {
    .key_contact {
        width: 100%;
        display: block;
        float: left;
        margin: 0 auto;
        padding:20px 0;
    }

    .key_contact .name,
    .key_contact .position,
    .key_contact .phone,
    .key_contact .mobile,
    .key_contact .email
    {
        display: block;
        float: left;
        position: relative;
        width: 100%;
        margin: auto 20%;
    }

    .key_contact .photo{
        display: block;
        float: left;
        width: 135px;
        height: 135px;
        border: 5px solid #8ec740;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 100%;
        overflow: hidden;
        margin: auto 20%;
    }


    .key_contact .name{
        text-transform: none;
        line-height: 20px;
        color: #254290;
        font-size: 22px;
        margin-top: 10px;
    }

    .key_contact .position{
        color: rgb(142, 199, 64);
        text-transform: uppercase;
        padding-bottom: 10px;
    }

    .key_contact div label{
        font-weight: 300;
        margin-right: 10px;
        display: block;
        float: left;
        width: 60px;
    }

    .key_contact .email a{
        text-decoration: none;
    }

}



/**************Email Forms********************/
#applicationForm
{
float: left;
position: relative;
width:100%;
margin-bottom:30px;
}

.formRow .labelHorizontal
{
display:block;
font-size: 16px;
color: #23408e;
letter-spacing: 0.03px;
font-weight: 600;
margin:0px 0px 5px;
}

.formRow .valueHorizontal
{
display:block;
margin:0px 0px 30px;
}

.formRow .valueHorizontal:last-child
{
margin:0px 0px 15px;
}

.formRow .valueHorizontal .fgroup .fradio
{
margin:0px 6px 0px 0px;
}

.formRow .valueHorizontal .fgroup label
{
margin:0px 10px 0px 0px;
}

.formRow .valueHorizontal select
{
width:100%;
padding:10px 20px 10px 10px;
border:2px solid #D8D8D8;
}

.formRow .fmtxt, .formRow .hasDatepicker
{
width:100%;
border:none;
border-bottom:2px solid #D8D8D8;
font-size: 18px;
color: #8a8989;
letter-spacing: 0.05px;
}

.formRow textarea.fmtxt
{
width:100%;
border:2px solid #D8D8D8;
box-sizing:border-box;
padding:10px 20px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 311px) {

.formRow .valueHorizontal select,
.formRow .fmtxt, .formRow .hasDatepicker
{
width:100%;
}

.formRow textarea.fmtxt
{
width:100%;
}

}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
.formRow .valueHorizontal select,
.formRow .fmtxt, .formRow .hasDatepicker
{
width:58%;
}

.formRow textarea.fmtxt
{
width:87%;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

.formRow .fmtxt, .formRow .hasDatepicker
{


width:85%;
}

.formRow textarea.fmtxt
{
width:87%;
}

}

.formRow .fmtxt:focus
{
border-bottom:2px solid #23408e;
font-size: 14px;
color: #4A4A4A;
letter-spacing: 0.03px;
}

.formRow textarea.fmtxt:focus
{
border:2px solid #23408e;
}

.fgroup {
    border-spacing: 10px;
    border-collapse: separate;
}

.alert.alert-success, .alert.alert-warning {
    text-align: center;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
    margin: 20px 0;
    font-size: 18px;
    color: #23408E;
}

.alert.alert-success{
    background: #e1fdb8;
}

.alert.alert-warning{
    background: #F5F5F5;
}

#applicationForm h4{
    color: #8ec740;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#applicationForm .buttonBar input
{
    font-size: 14px;
    color: #23408e;
    letter-spacing: 0.04px;
    background:#FFF;
    text-transform:uppercase;
    border:2px solid #23408e;
    padding: 2px;
    cursor: pointer;
    height: 40px;
}

#applicationForm .buttonBar input:hover
{
    color: #FFF;
    background:#23408e;
    border:2px solid #23408e;
}

/*********************************/

/***********New home page Banner**********************/


#homeSlidesNew{
    float:left;
    position:relative;
    background: url("") center right no-repeat!important;
    min-height:386px;
    height:590px;
    width:100%;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 501px) {

    #homeSlidesNew{
        background: url("https://www.humepack.co.nz/images/style/SlideHero.jpg") center right no-repeat!important;
        background-size:100%!important;
        min-height:386px;
        width:auto;
       height:470px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #homeSlidesNew{
        background-size:90%!important;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    #homeSlidesNew{
        background-size:70%!important;
        width:100%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #homeSlidesNew{
        background-size:60%!important;
        width:100%;
    }

}
    #homeSlidesNew  .container,
    #homeSlidesNew .bgContainer{
       width:100%;
    }

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 501px) {
    #homeSlidesNew  .container,
    #homeSlidesNew  .bgContainer{
       width:1000px;
    }

}

#homeSlidesWrap{
    max-width:100%!important;
}

#homeSlidesNew .homeBannerNewContent{
    width:100%!important;
}

#homeSlidesNew .contentBg{
    position:absolute;
    left:0px;
    top:0px;
    bottom:0px;
    right:0%;
    width:100%;
    background: transparent radial-gradient(closest-side at 76% 50%, #25A7DF 0%, #234391 220%) 0% 0% no-repeat padding-box;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 501px) {

    #homeSlidesNew .contentBg{
    width:53%;
    background: transparent radial-gradient(closest-side at 76% 50%, transparent 0%, transparent 220%) 0% 0% no-repeat padding-box;
    }

}


#homeSlidesNew .contentBg:after{
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 501px) {

        #homeSlidesNew .contentBg:after{
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
       background: transparent radial-gradient(closest-side at 76% 50%, #25A7DF 0%, #234391 220%) 0% 0% no-repeat padding-box;
        transform-origin: bottom left;
        -ms-transform: skew(18deg, 0deg);
        -webkit-transform: skew(18deg, 0deg);
        transform: skew(18deg, 0deg);
    }

}



#homeSlidesNew .homeBannerNew{
    float:left;
    position:relative;
    min-width:100%!important;
    min-height:386px;
    background-color:transparent!important;
}



#homeSlidesNew .homeBannerNew .homeBannerNewContent{
background:transparent!important;
padding:20px 0px 0px 30px;
box-sizing:border-box;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 501px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent{
    padding:75px 0px 0px 30px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent{
    padding:75px 0px 0px 30px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent{
    padding:75px 0px 0px 30px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent{
    padding:75px 0px 0px 0px;
    }

}

#homeSlidesNew .homeBannerNew .homeBannerNewContent .greenLine{
    display:block;
    width:175px;
    height:6px;
    background:#8EC640;
}



#homeSlidesNew .homeBannerNew .homeBannerNewContent h2{

font-size:44px;
    color:#FFf;
        font-family: 'Montserrat', sans-serif;
    font-weight:700;
        line-height:1.4;
}


#homeSlidesNew .homeBannerNew .homeBannerNewContent p{

font-size:44px;
    color:#FFf;
            font-family: 'Montserrat', sans-serif;
    font-weight:400;
    line-height:1.4;
}



#homeSlidesNew .homeBannerNew .homeBannerNewContent #yearsBanner{
    width:96%;
    margin:20% 0px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 501px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent #yearsBanner{
        width:400px;
        margin:0px;
    }

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent #yearsBanner{
        width:400px;
        margin:0px;
    }

}


#homeSlidesNew .applyNowBtn{
  position: relative;
    float:left;
  top: 20px;
  left: 30px;
  transform: translate(0%, 0%);
z-index:2000;
    text-decoration:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 501px) {

    #homeSlidesNew .applyNowBtn{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    z-index:25;
        text-decoration:none;
    }


}




#homeSlidesNew .applyNowBtn a{
    text-decoration:none;
    color:#8EC640;
    font-size:28px;
    font-weight:600;
    background:#FFF;
    padding:15px 30px;
    border-radius:24px;
    opacity: 1;
    box-shadow: 0px 3px 6px (0,0,41,0.1);
    box-shadow: 0px 3px 5px 6px rgba(0,0,41,0.1);
-webkit-box-shadow: 0px 3px 5px 6px rgba(0,0,41,0.1);
-moz-box-shadow: 0px 3px 5px 6px rgba(0,0,41,0.1);
    transition:0.5s all;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 501px) {

    #homeSlidesNew .applyNowBtn a{
        opacity: 0.6;
        padding:25px 30px;

    }

}

#homeSlidesNew .applyNowBtn a:hover{
    text-decoration:none;
    opacity: 1;
        transition:0.5s all;
}



    #homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText{
    padding:10px 0px 0px 30px;
    }


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 501px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText{
    padding:10px 0px 0px 30px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText{
    padding:20px 0px 0px 30px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText{
    padding:20px 0px 0px 10px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText{
    padding:20px 0px 0px 10px;
    }

}

#homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText p{
font-size:32px;
}


#homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText p.smallText{
font-size:24px;
float:left;
position:relative;
padding:0px 0px 0px 8px;
}

#homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText .bodyText span{
font-size:16px;
line-height:1.2;
margin:0px 0px 0px 10px;
width:100%;
display:inline-block;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 501px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText p.smallText{
    font-size:24px;
     width:44%;
    }

    #homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText .bodyText span{
    margin:0px 0px 0px 10px;
    width:150px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText p.smallText{
    font-size:24px;
     width:100%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText p.smallText{
    font-size:24px;
     width:100%;
    }

}


#homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText p.smallText span{
position:absolute;
top:2px;
left:0px;
}

#homeSlidesNew .homeBannerNew .homeBannerNewContent.heapsOfText p.smallText span{
font-size:16px;
}




/****************************/

#headerBannerHome{
    float:left;
    position:relative;
    width:100%;
    background: transparent radial-gradient(closest-side at 50% 50%, #0083cb 0%, #0051b2 220%) 0% 0% no-repeat padding-box;
    padding:50px 0px 40px;
}


#headerBannerHome h2{
color:#FFF;
    font-weight:900!important;
    font-size:32px;
    line-height:1.4;
    text-align:center;
    margin-bottom:40px;
}

#headerBannerHome h2 span.greenText{
color:#7ab800;

}

#headerBannerHome h3{
color:#FFF;
    font-weight:700;
    font-size:26px;
    text-align:center;
    margin-bottom:40px;
    line-height:1.4;
}

#headerBannerHome h3 span.smallLogo{
    width:200px;
    display:block;
    height:50px;
    margin:20px auto 30px;
    background: url(https://www.humepack.co.nz/images/style/whiteLogo.png) 0px 0px no-repeat;
    background-size:contain;
}

#headerBannerHome h3 strong{
font-weight:900;
}


.containerContent{
    width:100%;
    padding:0px 3%;
    box-sizing:border-box;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 500px) {
    #headerBannerHome{
    
        width:120%;
    }

    #headerBannerHome h3 span.smallLogo{
    display:inline-block;
    height:50px;
    margin:20px -40px 0px 40px;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1100px) {


        #headerBannerHome{
        padding:50px 0px 40px;
            width:100%;
        }
        
        
        #headerBannerHome h2{
            font-size:52px;
            margin-bottom:40px;
        }
        
        #headerBannerHome h3{
            font-weight:700;
            font-size:32px;
            margin-bottom:40px;
        }
        
        #headerBannerHome h3 span.smallLogo{
            width:200px;
            height:50px;
            margin:0px -40px -10px 40px;
        }

    


}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1100px) {

    .containerContent{
        width:100%;
        padding:0px 0%;
        box-sizing:border-box;
    }


}




/**********************************/

/**************register-now Email Forms********************/
#defaultFullWidth.fullBanner.register-now #emailForm,
#default.register-now #emailForm
{
float: left;
position: relative;
width:100%;
margin-bottom:30px;
}

#defaultFullWidth.fullBanner.register-now .labelVertical,
#default.register-now .labelVertical
{
display:block;
font-size: 16px;
color: #23408e;
letter-spacing: 0.03px;
font-weight: 600;
margin:0px 0px 5px;
}

#defaultFullWidth.fullBanner.register-now .valueVertical,
#default.register-now .valueVertical{
display:block;
margin:0px 0px 30px;
}

#defaultFullWidth.fullBanner.register-now .valueVertical:last-child,
#default.register-now .valueVertical:last-child
{
margin:0px 0px 15px;
}

#defaultFullWidth.fullBanner.register-now .valueVertical .fgroup .fradio,
#default.register-now .valueVertical .fgroup .fradio
{
margin:0px 6px 0px 0px;
}

#defaultFullWidth.fullBanner.register-now .valueVertical .fgroup label,
#default.register-now .valueVertical .fgroup label
{
margin:0px 10px 0px 0px;
}

#defaultFullWidth.fullBanner.register-now .valueVertical select,
#default.register-now .valueVertical select
{
width:100%;
padding:10px 20px 10px 10px;
border:2px solid #D8D8D8;
}


#defaultFullWidth.fullBanner.register-now .fmtxt, 
#defaultFullWidth.fullBanner.register-now .hasDatepicker,
#default.register-now .fmtxt, 
#default.register-now .hasDatepicker
{
width:100%;
border:none;
border-bottom:2px solid #D8D8D8;
font-size: 18px;
color: #8a8989;
letter-spacing: 0.05px;
    border-radius:0;
}

#defaultFullWidth.fullBanner.register-now textarea.fmtxt,
#default.register-now textarea.fmtxt
{
width:100%;
border:2px solid #D8D8D8;
box-sizing:border-box;
padding:10px 20px;

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 311px) {

#defaultFullWidth.fullBanner.register-now .valueHorizontal select,
#defaultFullWidth.fullBanner.register-now .fmtxt, .formRow .hasDatepicker,
#default.register-now .valueHorizontal select,
#default.register-now .fmtxt, .formRow .hasDatepicker
{
width:100%;
}

#defaultFullWidth.fullBanner.register-now textarea.fmtxt,
#default.register-now textarea.fmtxt
{
width:100%;
}

}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

#defaultFullWidth.fullBanner.register-now .valueHorizontal select,
#defaultFullWidth.fullBanner.register-now .fmtxt, .formRow .hasDatepicker,    
#default.register-now .valueHorizontal select,
#default.register-now .fmtxt, .formRow .hasDatepicker
{
width:58%;
}

#defaultFullWidth.fullBannerregister-now textarea.fmtxt,
#default.register-now textarea.fmtxt
{
width:87%;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #defaultFullWidth.fullBanner.register-now .fmtxt, 
    #defaultFullWidth.fullBanner.register-now .hasDatepicker,
#default.register-now .fmtxt, 
#default.register-now .hasDatepicker{
width:85%;
}

#defaultFullWidth.fullBanner.register-now textarea.fmtxt,
#default.register-now textarea.fmtxt
{
width:87%;
}

}

#defaultFullWidth.fullBanner.register-now .fmtxt:focus,
#default.register-now .fmtxt:focus
{
border-bottom:2px solid #23408e;
font-size: 14px;
color: #4A4A4A;
letter-spacing: 0.03px;
}


#defaultFullWidth.fullBanner.register-now textarea.fmtxt:focus,
#default.register-now textarea.fmtxt:focus
{
border:2px solid #23408e;
}

.fgroup {
    border-spacing: 10px;
    border-collapse: separate;
}

#defaultFullWidth.fullBanner.register-now #emailForm h4,
#default.register-now #emailForm h4{
    color: #8ec740;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#defaultFullWidth.fullBanner.register-now #emailForm .buttonBar input,
#default.register-now #emailForm .buttonBar input
{
    font-size: 14px;
    color: #23408e;
    letter-spacing: 0.04px;
    background:#FFF;
    text-transform:uppercase;
    border:2px solid #23408e;
    padding: 2px;
    cursor: pointer;
    height: 40px;
}
#defaultFullWidth.fullBanner.register-now #emailForm .buttonBar input:hover,
#default.register-now #emailForm .buttonBar input:hover
{
    color: #FFF;
    background:#23408e;
    border:2px solid #23408e;
}

/*********************************/


/*********************************/

.moduleComponentContainerbannerFullWidth{
    float:left;
    position:relative;
    width:100%;
    max-width:100%;
}

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