article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1; font-family: 'Lato', sans-serif !important;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;}

body
{
margin:0px 0px 0px;
}

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

ol
{
list-style: roman;
}



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

a
{
text-decoration: none;
font-family: 'Lato', sans-serif;
color:#000;
}

#pageEditorContent a,
#moduleComponentnewsLinkedin a {
text-decoration: underline;
transition: 0.2s all;
}

#pageEditorContent a:hover,
#moduleComponentnewsLinkedin a:hover {
color: #7da800;
text-decoration: none;
}


h1
{
font-size:50px;
font-weight:900;
line-height:1.2;
font-family: 'Lato', sans-serif;
color:#000;
margin:0px 0px 30px;
}

h2
{
font-size:26px;
font-weight:600;
color:#000;
font-family: 'Lato', sans-serif;
}

h3
{
font-size:22px;
font-weight:600;
font-family: 'Lato', sans-serif;
color:#000;
}

h4
{
font-weight:600;
font-size:20px;
color:#000;
font-family: 'Lato', sans-serif;
}

p
{
margin:12px 0px;
line-height:1.4;
font-size:16px;
color:#000;
font-family: 'Lato', sans-serif;
}

p.leadInContent
{
font-size:18px;
}

li
{
list-style: circle;
margin:12px 0px;
font-weight:400;
line-height:1.4;
font-size:15px;
font-family: 'Lato', sans-serif;
}

strong
{
font-weight:700;
}

blockquote
{
float:left;
position:relative;
width:100%;
padding:15px 40px;
background:#f8f8f8;
margin:20px 0px 0px;
box-sizing:border-box;
}

blockquote p
{
font-style:italic;
}

blockquote:before
{
content:'\201C';
position:absolute;
top:10px;
left:10px;
font-size:46px;
font-family: 'Lato', sans-serif;
color:#ccc;
font-weight:600;
}

blockquote:after
{
content:'\201D';
position:absolute;
bottom:10px;
right:10px;
font-size:46px;
font-family: 'Lato', sans-serif;
color:#ccc;
font-weight:600;
}

/*-------------------------------*/

.centerContainer {
width: 100%;
margin: 0 auto;
}
.centerContainerInner {
width: 94%;
margin: 0px 3% 0;
padding: 0;
}


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

	.centerContainer
	{
	width: 980px;
	max-width:100%;
	}

	.centerContainerInner
	{
	width: 980px;
	max-width:100%;
	margin: 0 0px;
	padding: 0px 0px;
	}

}

/****************** Header Elements ****************/

#header
{
float:left;
position:relative;
width:100%;
height:auto;
margin:0px;
padding:0px;
-webkit-box-shadow: 0px 15px 30px 0px rgba(153, 153, 153, 0.2);
-moz-box-shadow:    0px 15px 30px 0px rgba(153, 153, 153, 0.2);
box-shadow:         0px 15px 30px 0px rgba(153, 153, 153, 0.2);
}

#logo
{
float:left;
position:relative;
margin:5px 0px 15px 0px;
}

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

    #logo
    {
    margin:5px 40px 0px 0px;
    }

}

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

    #logo
    {
    margin:5px 0px 0px 0px;
    }

}


.phoneLinkHeader
{
float:left;
position:relative;
    width: 100%;
    box-sizing: content-box;
padding:0px 0px;
background:#fff;
    margin :0;
}
.phoneLinkHeader a.phoneNumber
{
    position:relative;
    float: none;
box-sizing: content-box;
display: block;
margin : 10px 0px 10px;
padding:8px 16px 12px;
border: 2px solid #557189;
background:#557189;
color: #ffff;
text-transform: uppercase;
    transition: 0.5s all;
}
.phoneLinkHeader a.phoneNumber:after
{
position:relative;
    float: right;
    display: block;
content: " ";
    margin : -1px 0px 0px 10px;
    width: 18px;
    height: 17px;
    background:url(https://roadscience.co.nz/images/style/phone_icon.png) 0px 0px no-repeat;
}

a.requestAQuoteCallout
{
    position:relative;
    float: none;
box-sizing: content-box;
display: block;
margin :0;
padding:8px 16px 12px;
border: 2px solid #8ccf17;
background:#fff;
color: #8ccf17;
text-transform: uppercase;
        transition: 0.5s all;
}
a.requestAQuoteCallout:after
{
position:relative;
    float: right;
    display: inline-block;
content: " ";
    margin : 1px 0px -2px 10px;
    width: 18px;
    height: 17px;
    background:url(https://roadscience.co.nz/images/style/request_a_quote_icon_green.png) 0px 0px no-repeat;
}


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

.phoneLinkHeader a.phoneNumber:hover
{

border: 2px solid #557189;
background: rgba(85,113,137,0.7);
color: #fff;
text-transform: uppercase;
}

a.requestAQuoteCallout:hover
{
border: 2px solid #557189;
background: rgba(147,213,0,0.7);
color: #fff;
text-transform: uppercase;
}

a.requestAQuoteCallout:hover:after
{

background:url(https://roadscience.co.nz/images/style/request_a_quote_icon_white.png) 0px 0px no-repeat;
}

.phoneLinkHeader
{
float:right;
    width: 486px !important;

    }
.phoneLinkHeader a.phoneNumber
{
    float: left;
display : inline-block;margin : 0px;
}

    .phoneLinkHeader a.requestAQuoteCallout
{
      float: right;
display : inline-block;
}

}

.phoneLinkHeader p
{
color:#FFF;
line-height:1;
margin:0px 0px 12px;
font-weight:600;
}

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

    .phoneLinkHeader p
    {
    margin:0px 0px 9px;
    }

}

.siteSearchContainer
{
float:right;
position:relative;
margin:0px 0px 0px 0px;
}

.siteSearchContainer .searchLabel
{
display:none;
}

.siteSearchContainer #searchBtn
{
position:absolute;
top:12px;
right:11px;
width:21px;
height:20px;
background:#000;
z-index:5000;
cursor:pointer;
background: url(https://roadscience.co.nz/images/style/siteSearchIcon.png) center center no-repeat;
}

.siteSearchSubmit
{
position:absolute;
top:12px;
right:11px;
width:21px;
height:20px;
background:#000;
z-index:5000;
cursor:pointer;
border:0px;
background: url(https://roadscience.co.nz/images/style/siteSearchIcon.png) center center no-repeat;
}

.siteSearchInput
{
float:left;
position:relative;
border:none;
border-bottom:1px solid #d9d9d9;
padding:8px 10px 8px 2px;
margin:8px 8px 0px 0px;
font-family: 'Lato', sans-serif;
color:#c4c4c4;
width:180px;
}

/*********** Header Elements ************/

.headerNavigation
{
float:left;
position:relative;
width:100%;
margin:12px 0px 0px;
}

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

    .headerNavigation
    {
    float:right;
    width:70%;
    margin:12px 0px 0px;
    }

}

.headerNavigation ul
{
display:block;
width:100%;
margin:0px;
padding:0px;
text-align:left;
}

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

    .headerNavigation ul
    {
    display:block;
    width:100%;
    margin:0px;
    padding:0px;
    text-align:right;
    }

}

.headerNavigation ul li
{
display:inline-block;
float:none;
margin:0px 8px;
padding:0px 0px 12px 0px;
border:0px;
width:auto;
}

.headerNavigation ul li:hover:after
{
content:"";
position:absolute;
bottom:5px;
left:0px;
height:5px;
width:100%;
background:#557189;
}

.headerNavigation ul li:last-child
{
margin-right:0px;
}

.headerNavigation ul li a
{
display:block;
margin:0px;
padding:0px;
width:auto;
color:#55c1e9;
font-weight:700;
font-size:14px;
}

.headerNavigation ul li.news-anchor a,
.headerNavigation ul li.about-us-anchor a,
.headerNavigation ul li.contact-us-anchor a
{
color:#000;
}

.headerNavigation ul li a:hover
{
color:#000;
background:transparent;
}

.headerNavigation ul li.news-anchor a:hover,
.headerNavigation ul li.about-us-anchor a:hover,
.headerNavigation ul li.contact-us-anchor a:hover
{
color:#55c1e9;
}

.headerNavigation ul li ul
{
position:absolute;
display:block;
top:31px;
left:-20px;
width:400px;
text-align:left;
margin:0px 0px;
padding:10px 10px 10px!important;
background:#dde3e7;
}

.headerNavigation ul li.events-anchor.has-submenu ul
{
left:-20px;
width:200px;
}

.headerNavigation ul li.events-anchor.has-submenu ul li
{
width:100%!important;
}

.sustainabilityProjectsMenu.virtualModuleMenu,
.roadScienceProjectsMenu.virtualModuleMenu,
.sustainabilityReportsMenu.virtualModuleMenu
{
display:none!important;
}

.headerNavigation ul li.services-anchor ul
{
top:31px;
left:-20px;
width:500px;

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
    .headerNavigation ul li.services-anchor ul
    {
    height:0px!important;
    transition:all 0.5s;
    }

    .headerNavigation ul li.services-anchor:hover ul
    {
    height:150px!important;
    transition:all 0.5s!important;
    }
}

.headerNavigation ul li.about-us-anchor ul,
.headerNavigation ul li.contact-us-anchor ul
{
display:none!important;
}

.headerNavigation ul li.news-anchor ul
{
width:200px;
}

.headerNavigation ul li ul li
{
background:#dde3e7;
padding:5px 10px;
margin:0px 0px;
display:inline-block;
float:left;
position:relative;
width:49%;
box-sizing:border-box;
}

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

    .headerNavigation ul li.solution-services-anchor{
    float:left;
    position:absolute;
    left:10px;
    top:10px;
    }

    .headerNavigation ul li.solution-services-anchor a{
    text-decoration:;
    font-weight:800;
    }

    .headerNavigation ul li.solution-services-anchor:hover{
    background:transparent;
    color:#000;
    }

    .headerNavigation ul li.solution-services-anchor:hover a{
    color:#000!important;
    }

    .headerNavigation ul li.manufacturing-services-anchor{
    float:left;
    position:absolute;
    left:10px;
    top:40px;
    }

    .headerNavigation ul li.research-and-development-anchor{
    float:left;
    position:absolute;
    left:10px;
    top:70px;
    }

    .headerNavigation ul li.ask-an-expert-services-anchor{
    float:left;
    position:absolute;
    left:10px;
    top:100px;
    }


    .headerNavigation ul li.technical-services-anchor
    {
    float:right;
    position:absolute;
    right:0;
    top:10px;
    }

    .headerNavigation ul li.technical-services-anchor a{
    text-decoration:;
    font-weight:800;
    }

    .headerNavigation ul li.technical-services-anchor:hover{
    background:transparent;
    color:#000;
    }

    .headerNavigation ul li.technical-services-anchor:hover a{
    color:#000!important;
    }

    .headerNavigation ul li.Mobile_Mapper-anchor
    {
    float:right;
    position:absolute;
    right:0;
    top:40px;
    }

    .headerNavigation ul li.pavement-design-anchor
    {
    float:right;
    position:absolute;
    right:0;
    top:70px;
    }

    .headerNavigation ul li.laboratory-services-anchor
    {
    float:right;
    position:absolute;
    right:0;
    top:100px;
    }

    .headerNavigation ul li.hawkeye-surveying-vehicles-anchor
    {
    float:right;
    position:absolute;
    right:0;
    top:130px;
    }

}

.headerNavigation ul li.news-anchor ul li
{
width:100%;
}

.headerNavigation ul li ul li a
{
display:inline-block;
float:left;
position:relative;
width:100%;
color:#000;
padding:0px 0px;
box-sizing:border-box;
}

.headerNavigation ul li ul li:hover
{
color:#FFF;
background:#69c9ec;
}

.headerNavigation ul li ul li:hover a
{
color:#FFF!important;
}

.headerNavigation ul li ul li:hover:after
{
content:"";
position:absolute;
bottom:0px;
left:0px;
height:0px;
width:100%;
background:transparent;
}

.headerNavigation ul li ul li ul.solutionMatrixMenu
{
display:none!important;
}

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

	.headerNavigation > ul li .sub-toggle
	{
	display:none;
	}

}

/************ Mobile Menu *****************/
.menu-collapser
{
font-family: 'Lato', sans-serif;
background-color:#54c1e9;
font-weight:600;
margin-bottom:10px;
font-size:18px;
}

.headerNavigation ul.collapsed
{
margin:0px 0px 20px;
padding:0px 0px;
}

.headerNavigation ul.collapsed li
{
float:left;
position:relative;
width:100%;
margin:0px 0px;
padding:0px 0px;
}

.headerNavigation ul.collapsed li a
{
margin:0px 0px;
padding:7px 6px;
font-size:18px;
}

.headerNavigation ul.collapsed li a
{

}

.headerNavigation ul.collapsed li:hover:after
{
content:"";
position:absolute;
bottom:0px;
left:0px;
height:0px;
width:100%;
background:transparent;
}

.headerNavigation ul.collapsed li ul
{
background:transparent;
display:block;
width:98%;
margin:0px;
padding:0px;
top:0;
left:0px;
}

.headerNavigation ul.collapsed li ul li
{
float:left;
position:relative;
width:100%;
background:transparent;
}

.headerNavigation ul.collapsed li ul li a:hover
{
color:#000!important;
}

.headerNavigation ul.collapsed li ul li ul
{
display:none!important;
}

.headerNavigation ul li .sub-toggle
{
 background:transparent;
 font-style:normal;
}


.headerNavigation ul li.about-us-anchor .sub-toggle,
.headerNavigation ul li.contact-us-anchor .sub-toggle,
.headerNavigation ul li ul .sub-toggle
{
display:none;
}

/***********  Home Banner  *************/

.sy-list,
.sy-list li,
.sy-slide
{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

.sy-pager
{
position:absolute;
bottom:55px;
z-index:400;
}

.sy-pager li
{
margin:0 5px;
}

.sy-pager li a
{
background-color:#FFF!important;
opacity:0.6!important;
}

.sy-pager li.sy-active a
{
background-color:#FFF;
opacity:1!important;
}

.sy-slides-wrap:hover ul.sy-controls,
ul.sy-controls
{
display:none;
}

.sy-controls
{
display:block;
}

#homeBanners
{
float: left;
position: relative;
width: 100%;
}


.moduleComponentContainersmallHeaderBanners,
.moduleComponentContainerheaderBanners,
.moduleComponentContainerhomeBanners
{
float: left;
position: relative;
width: 100% !important;
height: 520px !important;
}

.moduleComponentsmallHeaderBanners,
.moduleComponentheaderBanners,
.moduleComponenthomeBanners
{
width: 100% !important;
height: 520px !important;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {

    .moduleComponentContainerheaderBanners,
    .moduleComponentheaderBanners,
    .moduleComponentContainersmallHeaderBanners {
        height: 400px !important;
        overflow:hidden;
    }
    #moduleComponent292 {
        height: 400px !important;
        background-position: center right;
    }
}

@media screen and (max-width: 650px) {

    .moduleComponentContainerheaderBanners,
    .moduleComponentheaderBanners {
        height: 267px !important;
    }
}

/***********Banner One****************/


#homeBanners #moduleComponent7 .bannerHtmlContent
{
float:left;
position:relative;
margin:78px 0px 0px 2%;
width:284px;
height:394px;
background: url(https://roadscience.co.nz/images/style/bannerOneBg.png) center center no-repeat;
}

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

    #homeBanners #moduleComponent7 .bannerHtmlContent
    {
    margin:78px 0px 0px 72px;
    width:284px;
    height:394px;
    }

}



#homeBanners #moduleComponent7 .bannerHtmlContent .circleTwo
{
position:absolute;
width:262px;
height:262px;
top:49px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:52px 0px 0px;
}

#homeBanners #moduleComponent7 .bannerHtmlContent .circleTwo p
{
font-size:20px;
color:#FFF;
line-height:1.3;
font-weight:600;
}

/***************Home Dev******************/

/***************Home Dev Banner One******************/

.home #homeBanners #moduleComponent7 .bannerHtmlContent
{
float:left;
position:relative;
margin:78px 0px 0px 2%;
width:284px;
height:394px;
background: url(https://roadscience.co.nz/images/style/bannerOneBg.png) center center no-repeat;
background:transparent!important;
}

.home #homeBanners #moduleComponent7 .bannerHtmlContent .circleOne
{
position:absolute;
width:152px;
height:152px;
top:0px;
left:132px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:52px 0px 0px;
border-radius:100%;
background:#55c1e9;
background: rgba(85,193,233,0.5);
border:20px solid #55c1e9;
opacity:0.8;
}

.home #homeBanners #moduleComponent7 .bannerHtmlContent .circleTwo
{
position:absolute;
width:264px;
height:264px;
top:47px;
left:0px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:52px 0px 0px;
background: url(https://roadscience.co.nz/images/style/bannerOneBgGreen.png) center center no-repeat;
}

.home #homeBanners #moduleComponent7 .bannerHtmlContent .circleThree
{
position:absolute;
width:152px;
height:152px;
top:242px;
left:15px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:0px 0px 0px;
border-radius:100%;
background:#000;
background: rgba(0,0,0,0.7);
border:20px solid #000;
opacity:0.4;
z-index:1;
}

/********************Banner Two New****************************/

.home #homeBanners #moduleComponent8 .bannerHtmlContent
{
background:none;
}


.home #homeBanners #moduleComponent8 .bannerHtmlContent .circleOne
{
position:absolute;
width:152px;
height:152px;
top:0px;
left:132px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:52px 0px 0px;
border-radius:100%;
background:#94d600;
background: rgba(148,214,0,0.5);
border:20px solid #94d600;
opacity:0.8;
}

.home #homeBanners #moduleComponent8 .bannerHtmlContent .circleTwo
{
position:absolute;
width:264px;
height:264px;
top:47px;
left:0px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:52px 0px 0px;
background: url(https://roadscience.co.nz/images/style/bannerOneBgBlue.png) center center no-repeat;
}

.home #homeBanners #moduleComponent8 .bannerHtmlContent .circleThree
{
position:absolute;
width:152px;
height:152px;
top:242px;
left:15px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:0px 0px 0px;
border-radius:100%;
background:#000;
background: rgba(0,0,0,0.7);
border:20px solid #000;
opacity:0.8;
z-index:1;
}

/********************Banner Three New****************************/

.home #homeBanners #moduleComponent200 .bannerHtmlContent
{
background:none;
}


.home #homeBanners #moduleComponent200 .bannerHtmlContent .circleOne
{
position:absolute;
width:142px;
height:142px;
top:-30px;
left:172px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:52px 0px 0px;
border-radius:100%;
background:#94d600;
background: rgba(148,214,0,0.5);
border:20px solid #94d600;
opacity:0.8;
z-index:2;
}

.home #homeBanners #moduleComponent200 .bannerHtmlContent .circleTwo
{
position:absolute;
width:322px;
height:322px;
top:47px;
left:0px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:52px 0px 0px;
background: url(https://roadscience.co.nz/images/style/bannerOneBgBlack.png) center center no-repeat;
z-index:1;
}

.home #homeBanners #moduleComponent200 .bannerHtmlContent .circleThree
{
position:absolute;
width:142px;
height:142px;
top:300px;
left:0px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:0px 0px 0px;
border-radius:100%;
background:#55c1e9;
background: rgba(85,193,233,0.5);
border:20px solid #55c1e9;
opacity:0.8;
z-index:2;
}

/********************Banner Four New****************************/

.home #homeBanners #moduleComponent201 .bannerHtmlContent
{
background:none;
}


.home #homeBanners #moduleComponent201 .bannerHtmlContent .circleOne
{
position:absolute;
width:152px;
height:152px;
top:0px;
left:0px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:52px 0px 0px;
border-radius:100%;
background:#94d600;
background: rgba(148,214,0,0.5);
border:20px solid #94d600;
opacity:0.8;
}

.home #homeBanners #moduleComponent201 .bannerHtmlContent .circleTwo
{
position:absolute;
width:264px;
height:264px;
top:47px;
left:0px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:52px 0px 0px;
background: url(https://roadscience.co.nz/images/style/bannerOneBgBlue.png) center center no-repeat;
}

.home #homeBanners #moduleComponent201 .bannerHtmlContent .circleThree
{
position:absolute;
width:152px;
height:152px;
top:242px;
left:120px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:0px 0px 0px;
border-radius:100%;
background:#000;
background: rgba(0,0,0,0.7);
border:20px solid #000;
opacity:0.8;
z-index:1;
}

/****************animation********************/

.home #homeBanners .moduleComponent .bannerHtmlContent .circleOne {
width:152px;
height:152px;
animation: animate 3s alternate infinite ;
opacity:1;
padding:0px 0px 0px;
animation-iteration-count: 1;
}


@keyframes animate {
  0% {
    width:0px;
    height:0px;
    opacity:0;
  }

  100% {
    width:152px;
    height:152px;
    opacity:0.8;
    padding:0px 0px 0px;
  }
}

.home #homeBanners .moduleComponent .bannerHtmlContent .circleThree
{
width:152px;
height:152px;
animation: animateTwo 5s alternate infinite ;
opacity:1;
padding:0px 0px 0px;
animation-iteration-count: 1;
}

@keyframes animateTwo {
  0% {
    width:0px;
    height:0px;
    opacity:0;
  }

  100% {
    width:152px;
    height:152px;
    opacity:0.8;
    padding:0px 0px 0px;
  }
}

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


/***********Banner Two****************/

#homeBanners #moduleComponent8 .bannerHtmlContent
{
float:left;
position:relative;
margin:78px 0px 0px 2%;
width:284px;
height:393px;
background: url(https://roadscience.co.nz/images/style/bannerTwoBg.png) center center no-repeat;
}


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

    #homeBanners #moduleComponent8 .bannerHtmlContent
    {
    margin:78px 0px 0px 72px;
    width:284px;
    height:393px;
    }

}

#homeBanners #moduleComponent8 .bannerHtmlContent .circleTwo
{
position:absolute;
width:262px;
height:262px;
top:49px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:50px 0px 0px;
}

#homeBanners #moduleComponent8 .bannerHtmlContent .circleTwo p
{
font-size:22px;
color:#FFF;
line-height:1.3;
font-weight:600;
}

/***********Banner Three****************/

#homeBanners #moduleComponent200 .bannerHtmlContent
{
float:left;
position:relative;
margin:35px 0px 0px 0;
width:100%;
height:453px;
background: url(https://roadscience.co.nz/images/style/bannerThreeBg.png) center center no-repeat;
}

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

    #homeBanners #moduleComponent200 .bannerHtmlContent
    {
    margin:35px 0px 0px 42px;
    width:324px;
    height:453px;
    }

}


#homeBanners #moduleComponent200 .bannerHtmlContent .circleTwo
{
position:absolute;
width:322px;
height:322px;
top:49px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:60px 0px 0px;

}

#homeBanners #moduleComponent200 .bannerHtmlContent .circleTwo p
{
font-size:20px;
color:#FFF;
line-height:1.3;
font-weight:600;
}

/***********Banner Four****************/

#homeBanners #moduleComponent201 .bannerHtmlContent
{
float:left;
position:relative;
margin:50px 0px 0px 2%;
width:284px;
height:394px;
background: url(https://roadscience.co.nz/images/style/bannerFourBg.png) center center no-repeat;
}


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

    #homeBanners #moduleComponent201 .bannerHtmlContent
    {
    float:right;
    margin:78px 16px 0px 0px;
    width:284px;
    height:394px;
    }

}

#homeBanners #moduleComponent201 .bannerHtmlContent .circleTwo
{
position:absolute;
width:262px;
height:262px;
top:49px;
right:0px;
z-index:200;
text-align:center;
box-sizing:border-box;
padding:44px 0px 0px;
}

#homeBanners #moduleComponent201 .bannerHtmlContent .circleTwo p
{
font-size:22px;
color:#FFF;
line-height:1.3;
font-weight:600;
}

/*****************/
#homeBanners #anchorWrap
{
position:absolute;
bottom:0px;
width:100%;
height:50px;
z-index:5000;
text-align:center;
}

#homeBanners #anchorWrap #anchorPointArrow
{
display:block;
width:50px;
height:50px;
z-index:5000;
text-align:center;
margin:0px auto;
background: url(https://roadscience.co.nz/images/style/BannerDownArrow.png) center center no-repeat;
}

/**************Home Content***************/

#homeContent
{
float:left;
position:relative;
width:100%;
margin:0px 0px;
padding:0px 0px;
}

#homeContent #pageEditorContent
{
float:left;
position:relative;
width:100%;
text-align:center;
padding:0px 10%;
box-sizing:border-box;
margin:30px 0px;
}

/************Home Callouts***************/

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

.moduleComponentContainerhomeCallouts .bannerTitle
{
display:none;
}

.moduleComponentContainerhomeCallouts .moduleComponent
{
float:left;
position:relative;
width:48%;
background-repeat:no-repeat;
background-position:right center;
margin:15px 1% ;
background:#55c1e9;
border-radius: 20px;
}

.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1),
.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(3)
{
width:100%;
margin:15px 0 15px 0px;
}

.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(2),
.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(4)
{
width:100%;
margin:15px 0 15px 0px;
}


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

    .moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1),
    .moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(3)
    {
    width:48.5%;
    margin:15px 1.5% 15px 0px;
    }

    .moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(2),
    .moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(4)
    {
    width:48.5%;
    margin:15px 0% 15px 1.5%;
    }

}


.moduleComponentContainerhomeCallouts .moduleComponent .bannerLinkMask
{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:100;
}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContent
{
float:left;
position:relative;
width:46%;
min-height:160px;
}

@media screen and (max-width: 350px) {

    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContent {
        min-height: 141px;
    }

}

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

    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContent
    {
    width:46%;
    }

}*/

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner
{
position:absolute;
top:60px;
left:22px;
z-index:1;
}

.moduleComponentContainerhomeCallouts .moduleComponent#moduleComponent208 .bannerHtmlContentInner
{
position:absolute;
top:30px;
left:22px;
}

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


    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner
    {
    top:160px;
    left:22px;
    }

    .moduleComponentContainerhomeCallouts .moduleComponent#moduleComponent208 .bannerHtmlContentInner
    {
    top:125px;
    left:22px;
    }

}

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


    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner
    {
    top:110px;
    left:10px;
    }

    .moduleComponentContainerhomeCallouts .moduleComponent#moduleComponent208 .bannerHtmlContentInner
    {
    top:80px;
    left:10px;
    }

}

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


    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner
    {
    top:160px;
    left:22px;
    }

    .moduleComponentContainerhomeCallouts .moduleComponent#moduleComponent208 .bannerHtmlContentInner
    {
    top:125px;
    left:22px;
    }

}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner h2
{
color:#FFF;
font-size:36px;
line-height:1;
}

@media screen and (max-width: 350px) {

    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner h2
    {
    font-size:30px;
    }

}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner h3
{
color:#FFF;
font-weight:400;
font-size:24px;
}


@media screen and (max-width: 350px) {

    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner h3
    {
    font-size:19px;
    }

}

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


    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner h2
    {
    font-size:30px;
    }

    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner h3
    {
    font-size:18px;
    }

}

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


    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner h2
    {
    font-size:36px;
    }

    .moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContentInner h3
    {
    font-size:24px;
    }

}


.moduleComponentContainerhomeCallouts .moduleComponent .imageContainer
{
float:right;
position:relative;
border-radius: 0px 20px 20px 0px;
width:53%;
/*display:none;*/
}

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

    .moduleComponentContainerhomeCallouts .moduleComponent .imageContainer
    {
    border-radius: 0px 20px 20px 0px;
    width:53%;
    display:block;
    }

}

.moduleComponentContainerhomeCallouts .moduleComponent .imageContainer img
{
float:right;
width:100%;
border-radius: 0px 20px 20px 0px;
}

.moduleComponentContainerhomeCallouts .moduleComponent .imageContainer:before
{
content:"";
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
background: url(https://roadscience.co.nz/images/style/bannerOverlay.png) center left no-repeat;
background-size:auto 100%;
z-index: 9;
}

/****************News Feed****************/

#moduleComponentnews.moduleComponent,
#moduleComponentnewsLinkedin.moduleComponent
{
float:left;
position:relative;
margin:85px 0px 0px 3%;
width:94%;
background:#94d600;
box-sizing:border-box;
padding:120px 0px 25px 0px;
border-radius: 20px;
}

#moduleComponentnewsLinkedin.moduleComponent {
overflow: visible;
padding: 50px !important;
}
#moduleComponentnewsLinkedin.moduleComponent .componentItem {
background: #fff;
}

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

    #moduleComponentnews.moduleComponent,
    #moduleComponentnewsLinkedin.moduleComponent
    {
    margin:85px 0px 0px 3%;
    width:94%;
    padding:120px 0px 25px 0px;
    }


}

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

    #moduleComponentnews.moduleComponent,
    #moduleComponentnewsLinkedin.moduleComponent
    {
    margin:85px 0px 0px 3%;
    width:97%;
    padding:40px 50px 25px 115px;
    }

}


#moduleComponentnews.moduleComponent:before,
#moduleComponentnewsLinkedin.moduleComponent:before
{
content:"News Feed";
background:#000;
width:152px;
height:152px;
position:absolute;
top:-46px;
left:-3%;
color:#FFF;
font-family: 'Lato', sans-serif;
font-weight:900;
font-size:30px;
text-align:center;
text-transform:uppercase;
line-height:1.2;
border-radius: 100%;
padding:40px 0px 0px;
box-sizing:border-box;
z-index: 9;
}

.moduleComponentContainerrequestAQuote .beforeLink,
#moduleComponentnewsLinkedin .beforeLink{
width:152px;
height:152px;
position:absolute;
top:-46px;
left:-3%;
z-index: 10;
}


#moduleComponentnews.moduleComponent .componentItem
{
float:left;
position:relative;
width:99%;
box-sizing:border-box;
padding:0px 40px;
}

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

    #moduleComponentnews.moduleComponent .componentItem
    {
    width:50%;
    padding:0px 40px;
    }

}


#moduleComponentnews.moduleComponent .componentItem:nth-of-type(1),
#moduleComponentnews.moduleComponent .componentItem:nth-of-type(3)
{
border-right:0px solid #FFF;
}

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

    #moduleComponentnews.moduleComponent .componentItem:nth-of-type(1),
    #moduleComponentnews.moduleComponent .componentItem:nth-of-type(3)
    {
    border-right:2px solid #FFF;
    }

}

#moduleComponentnews.moduleComponent .componentItem .content
{
color:#FFF;
font-family: 'Lato', sans-serif;
font-size:17px;
font-weight:600;
}

#moduleComponentnews.moduleComponent .componentItem .title a
{
font-size:13px;
}

/************* Footer **************/

#footer
{
float:left;
position:relative;
width:100%;
margin:0px;
padding:0;
}

#footer .blueFooter
{
float:left;
position:relative;
width:100%;
margin:40px 0px 0px ;
padding:0;
background:#54c1e9;
}

#footer .blueFooter ul
{
float:left;
margin:12px 0px 0px;
padding:0px 0px 0px;
}

#footer .blueFooter ul li
{
list-style:none;
margin:0px 2px 0px;
padding:0px 0px 0px;
display:inline-block;
}

#footer .blueFooter ul li:after
{
content:"|";
color:#94d600;
}

#footer .blueFooter ul li:last-child:after
{
content:"";
}

#footer .blueFooter ul li a
{
color:#FFF;
font-size:14px;
font-weight:600;
}

#footer .blueFooter ul li ul
{
display:none;
}

.phoneLink
{
float:left;
}

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

    .phoneLink
    {
    float:right;
    }

}

.phoneLink p
{
color:#FFF;

font-weight:600;
}

#footer .blackFooter
{
float:left;
position:relative;
width:100%;
margin:0px;
padding:0;
background:#000;
}

#footer .blackFooter #copyright
{
float:left;
margin:20px 0px 0px;
}

#footer .blackFooter #copyright p
{
color:#FFF;
font-size:14px;
}

#footer .blackFooter #copyright p a
{
color:#FFF;
}

#footer .blackFooter .socialContainer
{
float:right;
}

#footer .blackFooter .socialContainer ul
{
margin:0px 0px 0px;
padding:0px 0px 0px;
}

#footer .blackFooter .socialContainer ul li
{
display:inline-block;
margin:20px 0px 0px 9px;
padding:0px 0px 0px;
}


#footer .blackFooter .socialContainer ul li a
{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px;
}

#footer .blackFooter .socialContainer ul li a.linkedInIcon
{
margin:0px 0px 0px;
padding:0px 0px 0px;
width: 102px;
height: 55px;
background: url(https://roadscience.co.nz/images/style/LinkedInWhite.png) center center no-repeat;
background-size:contain;
}

#footer .blackFooter .socialContainer ul li a.googleIcon
{
margin:0px 0px 10px;
padding:0px 0px 0px;
width:36px;
height:38px;
background: url(https://roadscience.co.nz/images/style/googlePlusIcon.png) center center no-repeat;
background-size:contain;
}

#footer .blackFooter .socialContainer ul li a.youtubeIcon
{
margin:0px 0px 0px;
padding:0px 0px 0px;
width:65px;
height:48px;
background: url(https://roadscience.co.nz/images/style/youTubeIcon.png) center center no-repeat;
}

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

#defaultContent #pageEditorContent
{
float:left;
position:relative;
margin:40px 0px 70px;
padding:0px 3%;
width:100%;
box-sizing:border-box;
}

/**************Sub Navigation********************/

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

.subNavigation .solution-services-anchor,
.subNavigation .technical-services-anchor{
   display:none; 
}

.subNavigation ul
{
float:left;
position:relative;
margin:0px;
padding:0px 3%;
width:100%;
box-sizing:border-box;
}

.subNavigation ul li
{
float:left;
position:relative;
margin:0px 0% 10px;
padding:0px 0px 0px;
list-style:none;
display:inline-block;
width:100%;
background:#557189;
transition: all 0.3s ease-in;
}

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

    .subNavigation ul li
    {
    margin:0px 0.1% 10px;
    width:16.4%;
    min-height:60px;
    }

}


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

    .subNavigation ul li
    {
    margin:0px 1px 10px;
    width:16.4%;
    min-height:60px;
    }

}


.subNavigation ul li.ask-an-expert-services-anchor
{
display:none;
}

.subNavigation ul li:hover
{
margin:0px 0% 10px;
padding:0px 0px 10px;
transition: all 0.3s ease-in;

}

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

    .subNavigation ul li:hover
    {
    margin:0px 0.1% 0px;
    padding:0px 0px 10px;

    }

}

.subNavigation ul li a
{
margin:0px;
padding:9px 0px;
list-style:none;
display:inline-block;
width:100%;
text-align:center;
font-size:18px;
font-weight:600;
color:#FFf;
line-height:1.2;
box-sizing:border-box;

}

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

    .subNavigation ul li a
    {
    margin:0px;
    padding:9px 0px;
    width:100%;
    font-size:16px;
    line-height:1.2;
    }

}

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

    .subNavigation ul li a
    {
    min-height:56px;
    }

}

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

    .subNavigation ul li a
    {
    margin:0px;
    padding:9px 5px;
    width:100%;
    font-size:16px;
    line-height:1.2;
    }

}


.subNavigation ul li.engineering-services-anchor a
{
margin:0px;
padding:9px 10px;
}

.subNavigation ul li.laboratory-services-anchor a
{
margin:0px;
padding:9px 13px;
}


.subNavigation ul li.pavement-design-anchor a
{
margin:0px;
padding:9px 24px;
}

/***************** Where Are We Callout********************/

.moduleComponentContainerwhereAreWe
{
float:left;
position:relative;
margin:0px 0px 0px;
padding:20px 0px;
width:100%;
background:#ceebf6;
box-sizing:border-box;
}

.moduleComponentContainerwhereAreWe h2.bannerTitle
{
display:none;
}

.moduleComponentContainerwhereAreWe .moduleComponent
{
float:left;
position:relative;
margin:0px;
padding:0px 3%;
width:100%;
box-sizing:border-box;
}


.moduleComponentContainerwhereAreWe .moduleComponent table
{
background:transparent!important;
}

.laboratory-services .moduleComponentContainerwhereAreWe .moduleComponent table:nth-of-type(1) td:nth-of-type(1)
{
background:transparent!important;
}

.moduleComponentContainerwhereAreWe .moduleComponent .bannerHtmlContent
{
float:left;
position:relative;
margin:0px;
padding:0px 0%;
width:55%;
box-sizing:border-box;
}

.moduleComponentContainerwhereAreWe .moduleComponent .imageContainer
{
float:left;
position:relative;
margin:0px;
padding:0px 0%;
width:45%;
box-sizing:border-box;
}

.moduleComponentContainerwhereAreWe .moduleComponent .imageContainer img
{
margin:0px;
padding:0px 0%;
max-width:100%;
height:auto;
}

.moduleComponentContainerwhereAreWe .moduleComponent .bannerHtmlContent h2
{
font-size:50px;
font-weight:900;
margin:20px 0px 40px;
}

.moduleComponentContainerwhereAreWe .moduleComponent .bannerHtmlContent p
{
font-size:18px;
}

.moduleComponentContainerwhereAreWe .moduleComponent .bannerHtmlContent table p strong
{
font-size:20px;
}

/************** Our People ******************/

#moduleComponentourPeople
{float:left;position:relative;width:100%;margin:0px 0px 0px;padding: 0px 0px 15px 0px;text-align: center;box-sizing:border-box;}

#moduleComponentourPeople .centerContainerInner
{

width:100%;
padding:0px 0px 0px 0px;
margin:0px;
box-sizing:border-box;
}

#moduleComponentourPeople .componentItem
{
float:none;
position:relative;
display:inline-block;
width:33%;
text-align: center;
}

#moduleComponentourPeople .componentItem:first-child:before
{
content:"Ask an expert";
position:absolute;
top:-30px;
left:30px;
width:78px;
height:78px;
background:#f67b35;
border-radius:100%;
text-align:center;
padding:18px 0px 0px;
box-sizing:border-box;
font-size:16px;
color:#FFF;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
font-weight:900;

}

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

    #moduleComponentourPeople .componentItem:first-child:before
    {
    top:-25px;
    left:-25px;
    width:100px;
    height:100px;
    font-size:18px;
    padding:25px 0px 0px;
    }

}

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

    #moduleComponentourPeople .componentItem:first-child:before
    {
    display:block;
    top:-25px;
    left:-25px;
    width:120px;
    height:120px;
    font-size:22px;
    padding:29px 0px 0px;
    }

}

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

    #moduleComponentourPeople .componentItem:first-child:before
    {
    display:block;
    top:-60px;
    left:-0px;
    width:128px;
    height:128px;
    font-size:22px;
    padding:36px 0px 0px;
    }

}

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

    #moduleComponentourPeople .componentItem:first-child:before
    {
    display:block;
    top:-60px;
    left:-60px;
    width:148px;
    height:148px;
    font-size:28px;
    padding:36px 0px 0px;
    }

}

#moduleComponentourPeople .componentItem
{
display:inline-block;
position:relative;
width:100%;
}

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

    #moduleComponentourPeople .componentItem
    {
    width:45%;
    }

}

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

    #moduleComponentourPeople .componentItem
    {
    width:33%;
    }

}


#moduleComponentourPeople .componentItem .moduleItemImage
{
display:block;
}

#moduleComponentourPeople .componentItem .moduleItemImage img
{
border-radius:100%;
}

#moduleComponentourPeople .componentItem .title a
{
font-size:22px;
}

#moduleComponentourPeople .componentItem .content
{
display:none;
}

#moduleComponentourPeople .componentItem .extraFields
{
float:left;
position:relative;
width:100%;
}

#moduleComponentourPeople .componentItem .extraFields .extraField
{
margin:0px 0px 4px;
font-style:italic;
}

#moduleComponentourPeople .componentItem .extraFields .extraField span
{
display:none;
}

#moduleComponentourPeople .componentItem .extraFields .extraField#extraField3 span
{
display:inline-block;
}

/************* Services Content Circles *****************/

.moduleComponentContainerservicesContentCircles
{
float:left;
position:relative;
width:100%;
padding:0px 0px 0px 42px;
box-sizing:border-box;
}

.moduleComponentContainerservicesContentCircles .moduleComponent
{
float:left;
position:relative;
width:325px;
background-position:center center;
background-repeat:no-repeat;
height:325px;
margin:0px -7px 100px;
}

.moduleComponentContainerservicesContentCircles .moduleComponent:nth-of-type(2)
{
z-index:100;
}

.moduleComponentContainerservicesContentCircles .moduleComponent h2.bannerTitle
{
display:none;
}

.moduleComponentContainerservicesContentCircles .moduleComponent .bannerHtmlContent
{
position:absolute;
top: 50%;
left: 0%;
transform: translate(0%, -50%);
text-align:center;
padding:0px 50px;
vertical-align: middle;
text-align: center;
}

.moduleComponentContainerservicesContentCircles .moduleComponent .bannerHtmlContent p
{
font-size:20px;
font-weight:600;
line-height:1.3;
}

.moduleComponentContainerservicesContentCircles .moduleComponent:nth-of-type(3) .bannerHtmlContent p
{
color:#FFF;
}

/************* Meet the Team Listing*****************/

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

.moduleListingWrapperOurPeople .moduleItemsListing
{
float:left;
position:relative;
width:100%;
text-align:center;
}

.moduleListingWrapperOurPeople .moduleItemsListing .listingItem
{
float:none;
position:relative;
display:inline-block;
width:32%;
margin:0px 0px 40px;
}


.moduleListingWrapperOurPeople .moduleItemsListing .moduleItemImage
{
display:block;
margin:0px auto 15px;
width:80%;
background: #ccd5dc;
border-radius:  100%;
}

.moduleListingWrapperOurPeople .moduleItemsListing .moduleItemImage img
{
border-radius:100%;
}

.moduleListingWrapperOurPeople .moduleItemsListing .moduleItemContent
{
display:none;
}

.moduleListingWrapperOurPeople .moduleItemsListing .listingContent
{
float:left;
position:relative;
width:100%;
}

.moduleListingWrapperOurPeople .moduleItemsListing .listingContent .title
{
margin:0px 0px 15px 0px;
font-size:22px;
}

.moduleListingWrapperOurPeople .moduleItemsListing .listingContent .extraField
{
margin:0px 0px 4px;

}

.moduleListingWrapperOurPeople .moduleItemsListing .listingContent .extraField span
{
display:none;
}

.moduleListingWrapperOurPeople .moduleItemsListing .listingContent .extraField#extraField3 span
{
display:inline-block;
}

.moduleListingWrapperOurPeople .moduleItemsListing .readMore a
{
color:#55c1e9;
font-weight:600;
}

.moduleListingWrapperOurPeople .moduleItemsListing .readMore a:hover
{
color:#557189;
font-weight:600;
}

/************* Meet the Team Details *****************/

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

.moduleDetailWrapperOurPeople #moduleItemContent
{
float:left;
position:relative;
width:100%;
}

.moduleDetailWrapperOurPeople #moduleItemContent #multipleImageContainer
{
float:left;
position:relative;
margin:0px 30px 10px 0px;
}

.moduleDetailWrapperOurPeople #moduleItemContent .title
{
margin:0px 0px 15px;
}


.moduleDetailWrapperOurPeople #moduleItemContent .extraField
{
margin:0px 0px 4px;
font-weight:600;
}

.moduleDetailWrapperOurPeople #moduleItemContent .extraField span
{
display:none;
}

.moduleDetailWrapperOurPeople #moduleItemContent .extraField#extraField3 span
{
display:inline-block;
}

.moduleDetailWrapperOurPeople #moduleItemContent #moduleItemBack a
{
color:#55c1e9;
font-weight:600;
}

.moduleDetailWrapperOurPeople #moduleItemContent #moduleItemBack a:hover
{
color:#557189;
font-weight:600;
}
@media screen and (max-width:1000px)
{
    .moduleListingWrapperOurPeople .moduleItemsListing .listingItem
    {
    float:none;
    position:relative;
    display:inline-block;
    width:100%;
    margin:0px 0px 40px;
    }
    .moduleListingWrapperOurPeople .moduleItemsListing .moduleItemImage
    {
    width:231px;
    height:231px;
    overflow:  hidden;
    }
    .moduleListingWrapperOurPeople .moduleItemsListing .moduleItemImage img
    {
    width:231px;
    height:231px;
    }
}
/**************Products Sub Navigation********************/

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

.subProductsNavigation ul
{
float:left;
position:relative;
margin:0px;
padding:0px 3%;
width:100%;
box-sizing:border-box;
}

.subProductsNavigation ul li
{
float:left;
position:relative;
margin:0px 0% 10px;
padding:7px 0%;
list-style:none;
display:inline-block;
width:auto;
background:#557189;
transition: all 0.3s ease-in;
box-sizing:border-box;
}

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

    .subProductsNavigation ul li
    {
    margin:0px 0% 0px;
    }

}

.subProductsNavigation ul li.standard-bitumen-anchor
{
background:#FFF;
width:100%;
padding:7px 0px;
}

.subProductsNavigation ul li.asphalt-anchor
{
background:#000;
width:100%;
padding:7px 0px;
}

.subProductsNavigation ul li.sealing-anchor
{
background:#94d600;
width:100%;
padding:7px 0px;
}

.subProductsNavigation ul li.pavement-preservation-anchor
{
background:#55c1e9;
width:100%;
padding:7px 0px;
}

.subProductsNavigation ul li.product-selector-products-anchor
{
background:#557189;
width:100%;
padding:7px 0px;
}

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

    .subProductsNavigation ul li.standard-bitumen-anchor
    {
    width:23%;
    padding:7px 0px;
    }

    .subProductsNavigation ul li.asphalt-anchor
    {
    width:14%;
    padding:7px 0px;
    }

    .subProductsNavigation ul li.sealing-anchor
    {
    width:13.5%;
    padding:7px 0px;
    }

    .subProductsNavigation ul li.pavement-preservation-anchor
    {
    width:27.5%;
    padding:7px 0px;
    }

    .subProductsNavigation ul li.product-selector-products-anchor
    {
    width:22%;
    padding:7px 0px;
    }

}

.subProductsNavigation ul li.standard-bitumen-anchor a
{
color:#000;
}

.subProductsNavigation ul li.ask-an-expert-anchor
{
display:none;
}

.subProductsNavigation ul li a
{
margin:0px 0px 0px;
padding:9px 0px;
list-style:none;
display:inline-block;
width:100%;
text-align:center;
font-size:18px;
font-weight:600;
color:#FFf;
line-height:1.2;
box-sizing:border-box;
transition: all 0.5s ease-in;
}


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

    .subProductsNavigation ul li a
    {
    padding:9px 0px;
    font-size:15px;
    }

}

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

    .subProductsNavigation ul li a
    {
    padding:9px 0px;
    font-size:18px;
    }

}

.subProductsNavigation ul li:hover a,
.subProductsNavigation ul li a.menuSelected
{
margin:0px 0px 0px;
padding:9px 0px 18px!important;
transition: all 0.5s ease-in;
}

.subProductsNavigation ul li ul
{
display:none;
}

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

#default.standard-bitumen #pageEditorContent table
{
margin:60px 0px;
font-family: 'Lato', sans-serif;

}

#default.standard-bitumen #pageEditorContent table td
{
width:100%;
display:block;
min-height:120px;
}

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

    #default.standard-bitumen #pageEditorContent table td
    {
    width:33%;
    display:inline-block;
    }

}

#default.standard-bitumen #pageEditorContent table td p
{
font-style:italic;
color:#2f292b;
line-height:1.2;
font-size:15px;
margin:30px 0px 0px 0px;
}

#default.standard-bitumen #pageEditorContent table td p strong
{
font-style:normal;
font-size:24px;
text-transform:uppercase;
font-weight:900;
}

#default.standard-bitumen #pageEditorContent table td p img
{
margin:-30px 10px 0px 0px;
}

/***************Solution Matrix Listing*************************/

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

.moduleListingWrapperSolutionMatrix .listingItem .moduleItemContent { display: block;}

.moduleDetailWrapperSolutionMatrix h1.contentPageTitle,
.moduleListingWrapperSolutionMatrix h1.contentPageTitle
{display:none;}

.moduleListingWrapperSolutionMatrix #pageSource
{
margin:0px 0px 70px;
}

.moduleListingWrapperSolutionMatrix .listingItem
{
float:left;
position:relative;
width:100%;
border-top:1px solid #b3c2cd;
padding:0px 0px 0px;
}

.moduleListingWrapperSolutionMatrix .listingItem:last-child
{
border-bottom:1px solid #b3c2cd;
}

.moduleListingWrapperSolutionMatrix .listingItem .headingLink
{
float:left;
position:relative;
margin:0px 0px 30px;
font-size:30px;
font-weight:900;
color:#232020;
padding:0px 0px 0px;
width:100%;
}

 .moduleListingWrapperSolutionMatrix .listingItem .moduleItemContent
    {
        float: left;
    margin:33px 0px 30px;
    padding:0px 0px 0px;
    width:100%;
    }

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

    .moduleListingWrapperSolutionMatrix .listingItem .headingLink
    {
    margin:0px 0px 30px;
    font-size:42px;
    }

     .moduleListingWrapperSolutionMatrix .listingItem .moduleItemContent
    {
        float: left;
    margin:33px 0px 30px;
    padding:0px 0px 0px;
    width:100%;
    }

}

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

    .moduleListingWrapperSolutionMatrix .listingItem .headingLink
    {
    margin:0px 0px 30px;
    font-size:32px;
    padding:0px 0px 0px;
    width:100%;
    }

     .moduleListingWrapperSolutionMatrix .listingItem .moduleItemContent
    {
        float: left;
    margin:33px 0px 30px;
    padding:0px 0px 0px;
    width:40%;
    }

}

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

    .moduleListingWrapperSolutionMatrix .listingItem .headingLink
    {
    margin:0px 0px 30px;
    font-size:42px;
    padding:0px 0px 0px;
    width:100%;
    }

    .moduleListingWrapperSolutionMatrix .listingItem .moduleItemContent
    {
        float: left;
    margin:33px 0px 30px;
    padding:0px 0px 0px;
    width:40%;
    }

}

.moduleListingWrapperSolutionMatrix .listingItem .headingLink:after
{
content:"";
position:absolute;
width:41px;
height:41px;
margin:-20px 0px 0px 0px;
background: url(https://roadscience.co.nz/images/style/greyLogoIcon.png) center center no-repeat;
}

.moduleListingWrapperSolutionMatrix .category34 .listingItem .headingLink
{
color:#a3da00;
}

.moduleListingWrapperSolutionMatrix .category34 .listingItem .headingLink:after
{
background: url(https://roadscience.co.nz/images/style/greenLogoIcon.png) center center no-repeat;
}

.moduleListingWrapperSolutionMatrix .category35 .listingItem .headingLink
{
color:#64cdee;
}

.moduleListingWrapperSolutionMatrix .category35 .listingItem .headingLink:after
{
background: url(https://roadscience.co.nz/images/style/blueLogoIcon.png) center center no-repeat;
}

.moduleListingWrapperSolutionMatrix .listingItem .linkedItemsHolder
{
float:right;
position:relative;
border-left:0px solid #b3c2cd;
text-align:center;
width:100%;
margin:0px 0px 20px;
box-sizing:border-box;
padding:0px 0px 0px 0px;
}


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

    .moduleListingWrapperSolutionMatrix .listingItem .linkedItemsHolder
    {
    border-left:1px solid #b3c2cd;
    width:52%;
    margin:20px 0px;
    padding:0px 0px 0px 25px;
    }

}

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

    .moduleListingWrapperSolutionMatrix .listingItem .linkedItemsHolder
    {
    border-left:1px solid #b3c2cd;
    width:52%;
    margin:20px 0px;
    padding:0px 0px 0px 25px;
    }

}

.moduleListingWrapperSolutionMatrix .listingItem:first-child .linkedItemsHolder:before
{
content:"Helps to resolve these problems.";
text-align:left;
position:absolute;
left:0px;
top:-50px;
font-family: 'Lato', sans-serif;
color:#67849b;
font-size:17px;
display:none;
}

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

    .moduleListingWrapperSolutionMatrix .listingItem:first-child .linkedItemsHolder:before
    {
    display:block;
    }

}

.moduleListingWrapperSolutionMatrix .linkedItemsOneContainer,
.moduleListingWrapperSolutionMatrix .linkedItemsThreeContainer
{
display:none;
}

.moduleListingWrapperSolutionMatrix .listingItem .linkedItemsHolder .linkedItem
{
float:left;
position:relative;
width:68px;
margin:0px 12px;
}

.moduleListingWrapperSolutionMatrix .listingItem .linkedItemsHolder .linkedItem:last-child
{
margin-right:0px;
}


.moduleListingWrapperSolutionMatrix .listingItem .linkedItemsHolder .linkedItem .moduleItemImage
{
margin:0px 0px 5px;
}

.moduleListingWrapperSolutionMatrix .listingItem .linkedItemsHolder .linkedItem .title
{
font-size:10px;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
font-weight:600;
}


/***************Solution Matrix Details*************************/

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

.moduleDetailWrapperSolutionMatrix .moduleItemSolutionMatrix
{
float:left;
position:relative;
width:100%;
margin:0px 0px 0px;
}

.moduleDetailWrapperSolutionMatrix .moduleItemSolutionMatrix #moduleItemContentInner
{
float:left;
position:relative;
width:100%;
margin:0px 0px 40px;
}


.moduleDetailWrapperSolutionMatrix .moduleItemSolutionMatrix h2.title
{
display:block;
font-size:42px;
font-weight:900;
color:#232020;
margin:20px 0px 30px;
}

.moduleDetailWrapperSolutionMatrix .moduleItemSolutionMatrix h2.title:after
{
content:"";
display:inline-block;
position:absolute;
width:41px;
height:41px;
margin:-20px 0px 0px 0px;
background: url(https://roadscience.co.nz/images/style/greyLogoIcon.png) center center no-repeat;
}

.moduleDetailWrapperSolutionMatrix .moduleItemSolutionMatrix.category34 h2.title
{
color:#a3da00;
}

.moduleDetailWrapperSolutionMatrix .moduleItemSolutionMatrix.category34 h2.title:after
{
background: url(https://roadscience.co.nz/images/style/greenLogoIcon.png) center center no-repeat;
}

.moduleDetailWrapperSolutionMatrix .moduleItemSolutionMatrix.category35 h2.title
{
color:#64cdee;
}

.moduleDetailWrapperSolutionMatrix .moduleItemSolutionMatrix.category35 h2.title:after
{
background: url(https://roadscience.co.nz/images/style/blueLogoIcon.png) center center no-repeat;
}


.moduleDetailWrapperSolutionMatrix .linkedItemsOneContainer,
.moduleDetailWrapperSolutionMatrix .linkedItemsTwoContainer,
.moduleDetailWrapperSolutionMatrix .linkedItemsThreeContainer
{
float:left;
position:relative;
width:100%;
border-top:1px solid #b3c2cd;
padding:30px 0px 20px;
}

.moduleDetailWrapperSolutionMatrix .linkedItemsOneContainer
{
border-bottom:1px solid #b3c2cd;
}

.moduleDetailWrapperSolutionMatrix #linkedItemsContainer
{
float:left;
position:relative;
width:100%;
text-align:center;
padding:0px 0px 0px 0px;
}

.moduleDetailWrapperSolutionMatrix .linkedItemsTwoContainer #linkedItemsContainer
{
width:70%;
}

.moduleDetailWrapperSolutionMatrix .exensionContainer
{
float:right;
position:relative;
width:22%;
}

.moduleDetailWrapperSolutionMatrix .exensionContainer img
{
float:right;
margin-top:0px;
}


.moduleDetailWrapperSolutionMatrix #linkedItemsContainer .linkedItem
{
float:left;
position:relative;
width:88px;
margin:0px 20px 0px 0px;
font-size:13px;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
font-weight:700;
min-height:125px;
}

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

    .moduleDetailWrapperSolutionMatrix #linkedItemsContainer .linkedItem
    {
    margin:0px 20px 0px 0px;
    }

}

.moduleDetailWrapperSolutionMatrix .linkedItemsThreeContainer #linkedItemsContainer .linkedItem
{
text-transform:none;
}

.moduleDetailWrapperSolutionMatrix #linkedItemsContainer .linkedItem .moduleItemImage
{
float:left;
position:relative;
width:100%;
margin:0px 0px 5px 0px;
}

.moduleDetailWrapperSolutionMatrix #linkedItemsContainer .linkedItem .moduleItemImage img
{
float:left;
position:relative;
width:100%;
margin:0px 0px 0px 0px;
}

.moduleDetailWrapperSolutionMatrix .linkedItemsOneContainer:before
{
float:left;
position:relative;
width:100%;
content:"Properties";
font-size:20px;
font-family: 'Lato', sans-serif;
font-weight:600;
margin:0px 0px 20px;
}

.moduleDetailWrapperSolutionMatrix .linkedItemsTwoContainer:before
{
float:left;
position:relative;
width:100%;
content:"Helps to resolve these problems:";
font-size:20px;
font-family: 'Lato', sans-serif;
font-weight:600;
margin:0px 0px 20px;
}

.moduleDetailWrapperSolutionMatrix .linkedItemsThreeContainer:before
{
float:left;
position:relative;
width:100%;
content:"Habitat";
font-size:20px;
font-family: 'Lato', sans-serif;
font-weight:600;
margin:0px 0px 20px;
}

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

.moduleDetailWrapperSolutionMatrix #documentContainer .extraField span
{
font-weight:700;
font-size:18px;
margin:0px;
}

.moduleDetailWrapperSolutionMatrix #documentContainer .extraField span:after
{
content:":";
}

.moduleDetailWrapperSolutionMatrix #documentContainer p a
{
text-decoration:underline;
font-weight:700;
}

.moduleDetailWrapperSolutionMatrix #documentContainer p a:after
{
content:">>";
}

.moduleDetailWrapperSolutionMatrix #documentContainer p a:hover
{
text-decoration:none;
}

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

.moduleDetailWrapperSolutionMatrix #moduleItemBack a
{
color:#55c1e9;
font-weight:600;
font-size:16px;
text-transform:uppercase;
}

.moduleDetailWrapperSolutionMatrix #moduleItemBack a:hover
{
color:#557189;
}

/**********************News Listing***********************/

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

.moduleListingWrapperNews .listingItem
{
float:left;
position:relative;
width:100%;
border-bottom:1px solid #b3c2cd;
margin:30px 0px 0px;
padding:0px 0px 30px;
}

.moduleListingWrapperNews .listingItem:first-child
{
margin:0px 0px 0px;
}

.moduleListingWrapperNews .listingItem .moduleItemImage
{
float:left;
position:relative;
margin:0px 30px 0px 0px;
padding:0px 0px 0px 0px;
}

.moduleListingWrapperNews .listingItem .moduleItemImage img
{
border-radius:100%;
}

.moduleListingWrapperNews .listingItem:nth-child(odd) .moduleItemImage
{
float:right;
position:relative;
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
}

.moduleListingWrapperNews .listingItem .headerContent
{
display:block;
margin:30px 0px 0px;
}

.moduleListingWrapperNews .listingItem .headerContent .date
{
font-size:14px;
font-weight:600;
opacity:0.5;
}

.moduleListingWrapperNews .listingItem .moduleItemContent
{
font-size:16px;
font-family: 'Lato', sans-serif;
line-height:1.4;
}

.moduleListingWrapperNews .listingItem .moduleItemContent .readMore a
{
color:#55c1e9;
font-weight:600;
font-size:16px;
text-transform:uppercase;
}

.moduleListingWrapperNews .listingItem .moduleItemContent .readMore a:hover
{
color:#557189;
}

/**********************News Details***********************/
.moduleDetailWrapperNews
{
float:left;
position:relative;
width:100%;
}

.moduleDetailWrapperNews .moduleItem #multipleImageContainer
{
float:right;
position:relative;
}

.moduleDetailWrapperNews .moduleItem #multipleImageContainer img
{
border-radius:100%;
}

.moduleDetailWrapperNews .moduleItem #moduleItemContent .date
{
font-weight:600;
opacity:0.7;
}

#moduleItemBack
{
float:left;
position:relative;
width:100%;
margin:10px 0px 0px;
padding:20px 0px 0px;
}

#moduleItemBack a
{
color:#55c1e9;
font-weight:600;
font-size:16px;
text-transform:uppercase;
}

#moduleItemBack a:hover
{
color:#557189;
}

#facebook
{
float:left;
position:relative;
margin:12px 10px 20px 0px;
padding:0px 0px 0px 0px;
}

#twitter
{
float:left;
position:relative;
margin:12px 10px 20px 0px;
padding:0px 0px 0px 0px;
}

.pinterest
{
float:left;
position:relative;
margin:12px 10px 20px 0px;
padding:0px 0px 0px 0px;
}

#plusone
{
float:left;
position:relative;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}

/**************Default Sub Navigation********************/

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

.subDefaultNavigation ul
{
float:left;
position:relative;
margin:0px;
padding:0px 3%;
width:100%;
box-sizing:border-box;
}

.subDefaultNavigation ul li
{
float:left;
position:relative;
margin:0px 0.1% 10px;
padding:8px 0px;
list-style:none;
display:inline-block;
width:33.1%;
background:#557189;
transition: all 0.3s ease-in;
}

.subDefaultNavigation ul li:hover
{
margin:0px 0.1% 0px;
padding:8px 0px 18px;
transition: all 0.3s ease-in;
}

.subDefaultNavigation ul li a
{
margin:0px;
padding:9px 0px;
list-style:none;
display:inline-block;
width:100%;
text-align:center;
font-size:18px;
font-weight:600;
color:#FFf;
line-height:1.2;
box-sizing:border-box;
}

.subDefaultNavigation ul li ul
{
display:none;
}

/***************Email Form***************/
#emailForm
{
float:left;
position:relative;
width:100%;
}

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

#emailForm .formRow
{
float:left;
position:relative;
width:100%;
font-size:16px;
font-family: 'Lato', sans-serif;
line-height:1.4;
}

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

#emailForm .formRow
{

width:50%;

}

}

#emailForm .formRow.field83Container
{
width:100%;
}

#emailForm .formRow .labelHorizontal
{
display:block;
margin:0px 0px 5px;
}

#emailForm .formRow .valueHorizontal
{
display:block;
margin:0px 0px 5px;
}

#emailForm .formRow .valueHorizontal input
{
width:94%;
padding:10px 15px;
box-sizing:border-box;
border-radius:5px;
border:1px solid #b3c2cd;
}

#emailForm .formRow .valueHorizontal select
{

padding:10px 15px;
box-sizing:border-box;
border-radius:5px;
    margin-right: 10px;
border:1px solid #b3c2cd;
}

#emailForm .formRow .valueHorizontal textarea
{
width:97%;
padding:10px 15px;
box-sizing:border-box;
border-radius:5px;
border:1px solid #b3c2cd;
min-height:150px;
}

#emailForm .buttonBar
{
float:left;
position:relative;
width:100%;
margin:20px 0px 0px;
}

#emailForm .buttonBar input
{
font-size:18px;
border:2px solid #557189;
padding:8px 30px;
border-radius:5px;
background:#557189;
color:#FFF;
cursor:pointer;
text-transform:uppercase;
font-weight:600;
font-family: 'Lato', sans-serif;
}

#emailForm .buttonBar input:hover
{
border:2px solid #557189;
background:#FFF;
color:#557189;
}

#emailForm .g-recaptcha {
    position: relative;
    float: left;
    margin-top: 24px;
}

/************Product Selector********************/


.moduleListingWrapperProductSelector #navBar
{
display:none;
}

.moduleListingWrapperProductSelector #pageSource h1:after
{
content:"";
position:absolute;
width:42px;
height:42px;
margin:-20px 0px 0px 0px;
background: url(https://roadscience.co.nz/images/style/colorLogoIcon.jpg) center center no-repeat;
}

.moduleListingWrapperProductSelector #pageSource
{
margin:0px 0px 30px 0px;
}

.moduleComponentContainersolutionsMatrixHabitat,
.moduleComponentContainersolutionsMatrixResolves
{
float:left;
position:relative;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 30px 0px;
}



.moduleComponentContainersolutionsMatrixHabitat .moduleWrap,
.moduleComponentContainersolutionsMatrixResolves .moduleWrap
{
float:left;
position:relative;
width:100%;
margin:0px 0px 0px 0px;
padding:20px 0px;
border-radius:12px;
text-align:center;
}

.moduleComponentContainersolutionsMatrixHabitat .moduleWrap
{
background:#b7ebf1;
border-radius:12px;
-moz-box-shadow:    inset 0 0 20px #add8dd;
-webkit-box-shadow: inset 0 0 20px #add8dd;
box-shadow:         inset 0 0 20px #add8dd;
}

.moduleComponentContainersolutionsMatrixResolves .moduleWrap
{
background:#f0f1bb;
border-radius:12px;
-moz-box-shadow:    inset 0 0 20px #d9dba9;
-webkit-box-shadow: inset 0 0 20px #d9dba9;
box-shadow:         inset 0 0 20px #d9dba9;
}

.moduleComponentContainersolutionsMatrixHabitat .moduleHeading,
.moduleComponentContainersolutionsMatrixResolves .moduleHeading
{
margin:0px 0px 20px 0px;
}

.moduleComponentContainersolutionsMatrixResolves #resultsLink
{
float:left;
position:relative;
font-size: 26px;
font-weight: 600;
color: #000;
font-family: 'Lato', sans-serif;
text-decoration:none;
margin:20px 0px -30px 0px;

}

.moduleComponentContainersolutionsMatrixResolves #resultsLink:after
{
float:right;
position:relative;
content:"";
width:25px;
height:25px;
margin:4px 0px 0px 10px;
background: url(https://roadscience.co.nz/images/style/down-arrow-small-circle.jpg) center center no-repeat;
background-size:100%;
}

.moduleComponentContainersolutionsMatrixHabitat .moduleComponent,
.moduleComponentContainersolutionsMatrixResolves .moduleComponent
{
display:inline-block;
width:94px;
margin:0px 15px ;
text-align:center;
cursor:pointer;
position:relative;
}

.moduleComponentContainersolutionsMatrixHabitat .moduleComponent .imageContainer,
.moduleComponentContainersolutionsMatrixResolves .moduleComponent .imageContainer
{
float:left;
position:relative;
width:100%;
margin:0px 0px 10px;
}

.moduleComponentContainersolutionsMatrixHabitat .moduleComponent .imageContainer img,
.moduleComponentContainersolutionsMatrixResolves .moduleComponent .imageContainer img
{
width:100%;
}

.moduleComponentContainersolutionsMatrixHabitat .moduleComponent .bannerTitle,
.moduleComponentContainersolutionsMatrixResolves .moduleComponent .bannerTitle
{
float:left;
position:relative;
width:88px;
margin:0px 20px 0px 0px;
font-size:13px;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
font-weight:700;
}

.moduleComponentContainersolutionsMatrixHabitat .moduleComponent .bannerTitle
{
text-transform:none;
}

#listingProductSelector
{
float:left;
position:relative;
width:100%;
}

#resolvesProblem{
    /*content: "Helps to resolve these problems.";*/
    text-align: left;
    position: relative;
    top: -40px;
    font-family: 'Lato', sans-serif;
    color: #67849b;
    font-size: 17px;
    display: block;
	float: right;
	right: 180px;
}

#listingProductSelector .moduleItemContent
{
font-size:16px;
font-family: 'Lato', sans-serif;

float: left;
position: relative;
width: 45%;
display: block;


}

#listingProductSelector  .linkedItemsHolder
{
/*display:none;*/
float: right;
position: relative;
width: 45%;
display: block;

border-left: 1px solid #b3c2cd;
margin-left: 10px;
padding-left: 10px;
margin-top: -30px;
}


#listingProductSelector  .linkedItemsHolder .linkedItem
{
/*display:none;*/
float: left;
position: relative;
width: 50px;
margin: 0px 12px;

}

#listingProductSelector  .linkedItemsHolder .linkedItem .title
{
	text-transform:uppercase;
	text-align: center;
	font-size: 10px;
}

#listingProductSelector h2
{
background:#000;
color:#FFF;
width:104%;
margin:0px 0px 20px -2%;
padding:10px 2%;
box-sizing:border-box;
text-transform:uppercase;
}

#listingProductSelector h2.category33
{
background:#000;
}

#listingProductSelector h2.category34
{
background:#94d600;
margin-top:40px;
}

#listingProductSelector h2.category35
{
background:#55c1e9;
margin-top:40px;
}

#listingProductSelector a.headingLink
{
display:block;
font-size:22px;
font-family: 'Lato', sans-serif;
font-weight:900;
margin:0px 0px 10px;
}

#listingProductSelector .listingItem
{
border-bottom:1px solid #b3c2cd;
margin:0px 0px 10px;
}



#listingProductSelector .moduleItemContent .readMore a
{
color:#55c1e9;
font-weight:600;
font-size:16px;
text-transform:uppercase;
}

#listingProductSelector .Asphalt .moduleItemContent .readMore a
{
color:#000;
}

#listingProductSelector .Sealing .moduleItemContent .readMore a
{
color:#94d600;
}

#listingProductSelector .Pavement .moduleItemContent .readMore a
{
color:#55c1e9;
}

.selectedOptionsWrapper
{
min-height: 162px;
width:100%;
float: left;
}

#selectedOptions
{
float:left;
position:relative;
width:100%;
margin:0px 0px 20px;
min-height:162px;
border-radius:12px;
}

#selectedOptions.stuck
{
float:none;
position:fixed;
width:100%;
top:0px;
max-width:920px;
margin:0px 0px 0px;
min-height:162px;
z-index:1000;
}


#selectedOptions #selectedProblems
{
float:left;
position:relative;
width:100%;
margin:0px 0px 0px;
padding:0px 0px 20px;
min-height:162px;
background:#f0f1bb;
border-radius:12px;
-moz-box-shadow:    inset 0 0 20px #d9dba9;
-webkit-box-shadow: inset 0 0 20px #d9dba9;
box-shadow:         inset 0 0 20px #d9dba9;
text-align:center;
}

#selectedOptions #selectedProblems .moduleComponent
{
display:inline-block;
width:94px;
margin:0px 15px;
text-align:center;
margin:5px 0px 0px;
padding:0px 50px;
border-right:0px solid #869999;
}

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

    #selectedOptions #selectedProblems .moduleComponent
    {
    margin:5px 0px 0px;
    padding:0px 20px;
    }

}

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

    #selectedOptions #selectedProblems
    {
    float:right;
    width:65%;
    margin:0px 0px 0px;
    padding:0px 0px 0px;
    min-height:162px;
    background:#f0f1bb;
    }

    #selectedOptions #selectedProblems .moduleComponent
    {
    width:94px;
    margin:5px 0px 0px;
    padding:0px 50px;
    border-right:1px solid #869999;
    }

}


#selectedOptions #selectedProblems .moduleComponent:last-child
{
border-right:0px solid #869999;
}


#selectedOptions #selectedProblems .moduleComponent:before
{

}

#selectedOptions #selectedProblems .moduleComponent .imageContainer
{
float:left;
position:relative;
width:100%;
margin:0px 0px 10px;
}

#selectedOptions #selectedProblems .moduleComponent:after .imageContainer
{

}

#selectedOptions #selectedProblems .moduleComponent .imageContainer img
{
width:100%;

}

#selectedOptions #selectedProblems .moduleComponent .bannerTitle
{
float:left;
position:relative;
width:88px;
margin:0px 20px 0px 0px;
font-size:13px;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
font-weight:700;
}

#selectedOptions #selectedProblems .moduleComponent .bannerTitle
{
text-transform:none;
}

#selectedOptions #selectedProblems .matrixClosebtn
{
float:right;
position:relative;
width:20px;
height:20px;
cursor:pointer;
margin:5px -10px -10px 0px;
border-radius:100%;
border:1px solid #869999;
background: url(https://roadscience.co.nz/images/style/close-icon.png) center center no-repeat;
background-size:50%;
}

#selectedOptions #selectedHabitat
{
float:left;
position:relative;
width:100%;
margin:0px 0px 0px;
padding:0px 0px 20px;
min-height:162px;
background:#b7ebf1;
border-radius:12px;
-moz-box-shadow:    inset 0 0 20px #add8dd;
-webkit-box-shadow: inset 0 0 20px #add8dd;
box-shadow:         inset 0 0 20px #add8dd;
text-align:center;
}

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

    #selectedOptions #selectedHabitat
    {
    width:20%;
    margin:0px 0px 0px;
    padding:0px 0px 0px;
    min-height:162px;
    }

}

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



}

#selectedOptions #selectedHabitat .matrixClosebtn
{
float:right;
position:relative;
width:20px;
height:20px;
cursor:pointer;
margin:5px -10px -10px 0px;
border-radius:100%;
border:1px solid #869999;
background: url(https://roadscience.co.nz/images/style/close-icon.png) center center no-repeat;
background-size:50%;
}

#selectedOptions #selectedHabitat .moduleComponent
{
display:inline-block;
width:94px;
margin:0px 15px ;
text-align:center;
margin-top:5px;
}

#selectedOptions #selectedHabitat .moduleComponent .imageContainer
{
float:left;
position:relative;
width:100%;
margin:0px 0px 10px;
}

#selectedOptions #selectedHabitat .moduleComponent .imageContainer img
{
width:100%;
}

#selectedOptions #selectedHabitat .moduleComponent .bannerTitle
{
float:left;
position:relative;
width:88px;
margin:0px 20px 0px 0px;
font-size:13px;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
font-weight:700;
}

#selectedOptions #selectedHabitat .moduleComponent .bannerTitle
{
text-transform:none;
}

#selectedOptions .plusIcon
{
position:relative;
float:left;
height:45px;
padding:16% 0% 0px 0px;
margin:15px 0px;
width:100%;
box-sizing:border-box;
background: url(https://roadscience.co.nz/images/style/plusIcon.png) center center no-repeat;
}


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

    #selectedOptions .plusIcon
    {
    padding:16% 0% 0px 0px;
    width:15%;
    margin:0px 0px;
    }

}

/**************** Documents *********************/

#categoryNavigation .categorySelectHeader
{
display: inline-block;
float: left;
line-height: 35px;
margin: 20px 0 0 0;
position: relative;
text-align: right;
font-family: 'Lato', sans-serif;
}

#categoryNavigation select
{
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
float: left;
font-size: 14px;
margin: 20px 0 15px 25px;
padding: 8px;
width: 250px;
font-family: 'Lato', sans-serif;
}

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

#pageNavigation
{
float:left;
position: relative;
width:100%;
}

#pageNavigation #categoryNavigation
{
float:left;
position: relative;
width:100%;
z-index:1000;
}

#pageNavigation #categoryNavigation .categoryLinkElement
{
float:left;
position: relative;
width:100%;
text-align:center;
}

#pageNavigation #categoryNavigation .categoryLinkElement a
{
float:left;
position: relative;
width:32.83%;
box-sizing:border-box;
padding:10px;
margin:0px 0.25%;
text-decoration:none;
background:#55c1e9;
color:#FFF;
font-size:18px;
font-weight:600;
}


#pageNavigation #categoryNavigation .categoryLinkElement a.activeLink
{
pointer-events:none;
background:#94d600;
}


#pageNavigation #categoryNavigation .categoryLinkElement a:hover
{
background:#94d600;
}

#pageNavigation #categoryNavigation .categoryLinkElement .sep
{
display:none;
}

#pageNavigation #categoryNavigation .categoryLinkHeader
{
display:none;
}



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

#documentLibraryItems
{
background: #fff;
border: 1px solid #efefef;
float: left;
margin: 20px 0 0;
padding: 0;
position: relative;
width: 100%;
}

.documentLibraryItem
{
background: #fff;
float: left;
padding: 0;
position: relative;
width: 100%;
}

.documentLibraryItem:nth-child(2n)
{
background: #fff;
}

.documentLibraryItem:nth-child(2n+1)
{
background: #f9f9f9;
}

.documentLibraryItem a
{
color: #252525;
text-decoration: none;
}

.documentLibraryItem a:hover
{
text-decoration: underline;
}

.documentLibraryItem .title
{
float: left;
padding: 10px 2% 0;
position: relative;
width: 55%;
}

.documentLibraryItem .size
{
color: #656565;
float: left;
padding: 10px 0 0;
position: relative;
text-align: center;
width: 15%;
}

.documentLibraryItem .icon
{
color: #34b233;
float: left;
font-size: 11px;
padding: 9px 2% 0;
position: relative;
text-align: center;
text-transform: uppercase;
width: 20%;
}

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

.documentLibraryItem.heading
{
background: #efefef none repeat scroll 0 0;
color: #666;
position: relative;
}

.documentLibraryItem.heading .title
{
color: #666;
display: inline-block;
font-weight: 600;
margin: 0;
padding: 14px 20px;
text-transform: uppercase;
}

.documentLibraryItem.heading .size
{
color: #666;
display: inline-block;
font-weight: 600;
margin: 0;
padding: 14px 0;
text-align: center;
text-indent: 10px;
text-transform: uppercase;
}

.documentLibraryItem.heading .icon
{
color: #666;
display: inline-block;
font-size: 12px;
font-weight: 600;
margin: 0;
padding: 9px 0;
text-transform: uppercase;
}

.documentLibraryItem .description
{
color: #666;
float: left;
padding: 0 0 10px 2%;
position: relative;
width: 60%;
line-height:1.3;
font-size:13px;
}

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

/*******************LinkedIn Feed *********************/

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

.linkedInFeed .feedItem
{
float:left;
position:relative;
width:100%;
border-bottom:1px solid #b3c2cd;
margin:0px 0px 20px;
padding:0px 0px 0px;
}

.linkedInFeed .feedItem .feedItemImage
{
float:left;
position:relative;
width:40%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px;
}

.linkedInFeed .feedItem:nth-child(even) .feedItemImage
{
float:right;
margin:0px 0px 20px 0px;
padding:0px 0px 0px;
}

.linkedInFeed .feedItem .feedItemImage img
{
width:100%;
}

.linkedInFeed .feedItem .feedItemComment
{
float:right;
position:relative;
width:60%;
margin:0px 0px 20px;
padding:0px 0px 0px 30px;
box-sizing:border-box;
font-family: 'Lato', sans-serif;
line-height:1.4;
margin-bottom:20px;
}

.linkedInFeed .feedItem:nth-child(even) .feedItemComment
{
float:left;
margin:0px 0px 20px;
padding:0px 30px 0px 0px;
}

.linkedInFeed .feedItem .feedItemDate
{
float:left;
position:relative;
width:100%;
font-family: 'Lato', sans-serif;
font-weight:700;
margin:0px 0px 20px;
text-align:left;
}

.linkedInFeed .feedItem:nth-child(even) .feedItemDate
{
float:right;
text-align:right;
}

/************** Site Search ***************/

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

.siteSearch #searchResultDescription
{
float:left;
position:relative;
width:100%;
margin:20px 0px 5px;
font-family: 'Lato', sans-serif;
}

.siteSearch form
{
float:left;
position:relative;
width:100%;
font-family: 'Lato', sans-serif;
line-height:2;
}

.siteSearch form input.textInput
{
padding:8px 10px;
margin:0px 5px 0px 5px;
border-radius:5px;
border:1px solid #b3c2cd;
}

.siteSearch form input.fsub
{
font-size:14px;
border:2px solid #557189;
padding:5px 30px 6px;
border-radius:5px;
background:#557189;
color:#FFF;
cursor:pointer;
text-transform:uppercase;
font-weight:600;
font-family: 'Lato', sans-serif;
}

.siteSearch form input.fsub:hover
{
border:2px solid #557189;
background:#FFF;
color:#557189;
}

#searchResultItems .searchResultItem
{
float:left;
position:relative;
width:100%;
border-bottom:1px solid #869999;
margin:20px 0px 1px 0px;
}

#searchResultItems .searchResultItem .img
{
float:left;
position:relative;
margin-right:20px;
}

#searchResultItems .searchResultItem .title a{
font-weight:600;
font-size:17px;
}

.laboratory-services iframe{
    margin:0px 0px 10px 30px;
}

.laboratory-services table{
    border-collapse:collapse;
}

.laboratory-services #pageEditorContentInner table:nth-of-type(1){
background: #EAEBEB;
margin-bottom:50px;
}

.laboratory-services #pageEditorContentInner table:nth-of-type(1) td{
padding:0px;
border:none;
}

.laboratory-services #pageEditorContentInner table:nth-of-type(1) td:nth-of-type(1){
background:#EEEEEE;
background-size: contain;
padding:15px;
box-sizing:border-box;
border:none;
padding:20px!important;
}

.laboratory-services #pageEditorContentInner table:nth-of-type(1) td:nth-of-type(1) h3
{
color:#000;
font-weight:400;
margin-top:20px;
}

.laboratory-services #pageEditorContentInner table:nth-of-type(1) td p
{
color: rgb(110, 112, 113);
color:#000;
margin-bottom:20px;
}

.laboratory-services #pageEditorContentInner table:nth-of-type(1) td p a
{
font-weight:bold;
border:2px solid #95BC0F;
display:inline-block;
width:100%;
float:left;
text-align:center;
margin-right:20px;
margin-bottom:10px;
color:#95BC0F;
padding:7px;
font-size:17px;
box-sizing:border-box;
text-decoration:none!important;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
position:relative;
display:inline-block;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
    .laboratory-services #pageEditorContentInner table:nth-of-type(1) td p a
    {
    width:40%;
    }
}

.laboratory-services #pageEditorContentInner table:nth-of-type(2) td{
background: #557189;
border:5px solid #fff;
color:#fff;
padding:15px;
box-sizing:border-box;
}

.laboratory-services #pageEditorContentInner table:nth-of-type(2) tr:nth-of-type(4) td:nth-of-type(2){
background: #FFF;
}


.laboratory-services #pageEditorContentInner table:nth-of-type(2) td h3,
.laboratory-services #pageEditorContentInner table:nth-of-type(2) td a{
color:#95BC0F;
}

.laboratory-services #pageEditorContentInner table:nth-of-type(2) td ul,
.laboratory-services #pageEditorContentInner table:nth-of-type(2) td li
{
color:#fff;
}

@media screen and (max-width:700px)
{
    .laboratory-services #pageEditorContentInner table:nth-of-type(1) td{
       display:block;
       width:100% !important;
    }
}
@media screen and (max-width:500px)
{
    #pageEditorContent img
    {
        float: left !important;
        border-radius: 0 !important;
        width: 100% !important;
        margin:  15px 0;
    }
    #default.standard-bitumen #pageEditorContent table td p img {
        width: auto !important;
    }
}
.laboratory-services h2{
color:#95BC0F;
padding-bottom:15px
}
.laboratory-services hr
{
    margin-top:50px;
    margin-bottom:25px;
    display:  block;
    position:  relative;
    width: 100%;
    float:  left;
}

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


.moduleComponentContainerlaboratoryServicesTeam
{
float:left;
position:relative;
width:100%;
margin:0px 0px 40px 0px;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent
{
float:left;
position:relative;
width:100%;
border:1px solid #303030;
box-sizing:border-box;
margin:0% 0px 10px;
background:#303030;
padding:20px;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent:first-child
{
width:100%;
border:1px solid #303030;
}


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

    .moduleComponentContainerlaboratoryServicesTeam .moduleComponent
    {
    float:left;
    position:relative;
    width:49%;
    border:1px solid #303030;
    box-sizing:border-box;
    margin:0.5%;
    background:#303030;
    padding:20px;
    }

    .moduleComponentContainerlaboratoryServicesTeam .moduleComponent:first-child
    {
    width:99%;
    border:1px solid #303030;
    }

}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .headerContent
{
float:left;
position:relative;
width:100%;
margin:0px 0px;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .headerContent .title strong,
.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .headerContent .email,
.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .headerContent .phone
{
display:none;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .headerContent .title p,
.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .headerContent .bannerTitle
{
float:left;
position:relative;
margin:0px;
padding:0px;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .headerContent .bannerTitle
{
color:#95bc0f;
margin:0px 10px 20px 0px;
font-size:22px;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .headerContent .title
{
margin:0px 0px 5px 0px;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .headerContent .title p
{
color:#95bc0f;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .headerContent .title p:before
{
content:"-";
display:inline-block;
margin:0px 3px 0px 0px;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .imageContainer
{float:right;position:relative;margin:20px 0px 0px 0px;border-radius:100%;width:100%;text-align:center;}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent:first-child .imageContainer
{
width:100%;
}

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

    .moduleComponentContainerlaboratoryServicesTeam .moduleComponent .imageContainer
    {
    margin:0px 0px 0px 0px;
    width:40%;
    }

    .moduleComponentContainerlaboratoryServicesTeam .moduleComponent:first-child .imageContainer
    {
    width:auto;
    }

}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .imageContainer img
{
border-radius:100%;
background:#FFF;
border:1px solid #FFF;
margin:0 auto 0px;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .bannerHtmlContent p
{
color:#FFF;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .bannerHtmlContent p:last-child
{
margin-top:30px;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .bannerHtmlContent p a
{
color:#FFF;
background:#95bc0f;
text-transform:uppercase;
padding:8px 20px;
font-weight:600;
}


.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .imageContainer .title
{
display:none;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .imageContainer .phone a
{
color:#95bc0f;
font-weight:600;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .imageContainer .phone
{
float:left;
position:relative;
margin-bottom:0px;
width:100%;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .imageContainer .email
{
float:left;
position:relative;
margin-bottom:0px;
width:100%;
}

.moduleComponentContainerlaboratoryServicesTeam .moduleComponent .imageContainer .email a
{
color:#FFF;
background:#95bc0f;
text-transform:uppercase;
padding:8px 20px;
font-weight:600;
}

/*---- Request a Quote for the homepage - Ben 20181116 ------*/

.moduleComponentrequestAQuote.moduleComponent {margin: 100px 0px 0px 0px;}

.moduleComponentrequestAQuote.moduleComponent:before
{
content:"REQUEST A QUOTE";
background:#e3e3e3;
width:152px;
height:152px;
position:absolute;
top:-46px;
left:-3%;
color:#94d600;
font-family: 'Lato', sans-serif;
font-weight:900;
font-size:24px;
text-align:center;
text-transform:uppercase;
line-height:1.2;
border-radius: 100%;
padding:45px 20px 0px;
box-sizing:border-box;
}

.moduleComponentrequestAQuote.moduleComponent
{
float:left;
position:relative;
width:94%;
margin: 110px 3% 20px;
box-sizing:border-box;
padding:0px 40px 30px;
border-radius: 25px;
background: #646464;
}

.moduleComponentrequestAQuote.moduleComponent p
{
color: #fff;
}


.moduleComponentrequestAQuote.moduleComponent a.requestAQuoteCallout
{
border-color: #fff;
background:none;
color: #fff;
}
.moduleComponentrequestAQuote.moduleComponent a.requestAQuoteCallout:after
{
margin-top: 5px;
width : 14px;
background: url(https://roadscience.co.nz/images/style/request_a_quote_icon_white.png);
background-size: cover;
}


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

    .moduleComponentrequestAQuote.moduleComponent {padding-top : 100px;}

    .moduleComponentrequestAQuote.moduleComponent .bannerHtmlContent,
    .moduleComponentrequestAQuote.moduleComponent .bannerImageContainer
    {
    float: right;
    width:50%;
    padding:0px 0px;
    }
    .moduleComponentrequestAQuote.moduleComponent .bannerImageContainer img
    {
    border-radius: 0px 0px 100% 100%;
    }

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

.moduleComponentrequestAQuote.moduleComponent a.requestAQuoteCallout
{
width: auto;
    display: inline-block;
transition: 0.5s all;
    }

    .moduleComponentrequestAQuote.moduleComponent a.requestAQuoteCallout:hover
{
background: rgba(255,255,255,0.2);
    color: #fff;
    border-color: #94d600;
}



    .moduleComponentrequestAQuote.moduleComponent
    {
    float:left;
    position:relative;
    width:97%;
    margin: 80px 0% 20px 3%;
    box-sizing:border-box;
    padding:0px 40px 30px;
    border-radius: 25px;
    background: #646464 url(https://roadscience.co.nz/images/style/request_a_quote_background.jpg);
    }

    .moduleComponentrequestAQuote.moduleComponent {padding-top : 20px;}

    .moduleComponentrequestAQuote.moduleComponent .bannerHtmlContent
    {
        float: right;
    width:55%;
    padding:0px 0px 0px 14%;

    }
    .moduleComponentrequestAQuote.moduleComponent .bannerImageContainer
    {
        float: right;
    width:36%;
    padding:0px 0px;
    margin : -53px 0px -40px -5%;
    }
    .moduleComponentrequestAQuote.moduleComponent .bannerImageContainer img
    {
    float: right;
   border-radius: 0px 0px 100% 100%;
        width: 300px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {
    .moduleComponentContainerrequestAQuote {float: left;}
    .moduleComponentrequestAQuote.moduleComponent .bannerImageContainer img
    {
   border-radius: 0px ;
    }

}

/**********************************/
#listingRoadScienceProjects,
#listingSustainabilityReports
{
float:left;
position:relative;
width:100%;
}

#listingRoadScienceProjects .msrItem,
#listingSustainabilityReports .msrItem
{
width:100%;
box-sizing:border-box;
margin:10px 0%;
padding:0px;
border:1px solid #f4f4f4;
border-bottom:0px solid #FFF;
-webkit-box-shadow: 0px 5px 10px 0px rgba(85, 113, 137, 0.2);
-moz-box-shadow:    0px 5px 10px 0px rgba(85, 113, 137, 0.2);
box-shadow:         0px 5px 10px 0px rgba(85, 113, 137, 0.2);
}

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

    #listingRoadScienceProjects .msrItem,
    #listingSustainabilityReports .msrItem
    {
    width:48%;
    box-sizing:border-box;
    margin:10px 1%;
    }


}

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


    #listingSustainabilityReports .msrItem
    {
    width:31.33%;
    box-sizing:border-box;
    margin:10px 1%;
    }

}

#listingSustainabilityReports .msrItem:after
{
content:"";
float:left;
position:relative;
width:100%;
border-bottom:4px solid #55c1e9;
}

#listingRoadScienceProjects .msrItem:after
{
content:"";
float:left;
position:relative;
width:100%;
border-bottom:4px solid #94d600;
}

#listingRoadScienceProjects .msrItem .moduleItemImage,
#listingSustainabilityReports .msrItem .moduleItemImage
{
width:100%;
margin:0px 0%;
padding:0px;
}

#listingRoadScienceProjects .msrItem .moduleItemImage img,
#listingSustainabilityReports .msrItem .moduleItemImage img
{
width:100%;
margin:0px 0%;
padding:0px;
}

#listingRoadScienceProjects .msrItem .moduleItemContent,
#listingSustainabilityReports .msrItem .moduleItemContent
{
width:100%;
box-sizing:border-box;
padding:20px;
}

#listingSustainabilityReports .msrItem .moduleItemContent .date
{
color:#55c1e9;
font-weight:600;
font-size:14px;
}

#listingRoadScienceProjects .msrItem .moduleItemContent .date
{
color:#94d600;
font-weight:600;
font-size:14px;
}

#listingRoadScienceProjects .msrItem .moduleItemContent .readMore a,
#listingSustainabilityReports .msrItem .moduleItemContent .readMore a
{
text-decoration:none;
text-transform:uppercase;
font-weight:600;
}

#listingSustainabilityReports .msrItem .moduleItemContent .readMore a:hover
{
color:#55c1e9;
}

#listingRoadScienceProjects .msrItem .moduleItemContent .readMore a:hover
{
color:#94d600;
}

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

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

.moduleDetailWrapperRoadScienceProjects .moduleItemImage
{
float:right;
padding:0px 0px 20px 0px;
}

.moduleDetailWrapperRoadScienceProjects .date
{
color:#94d600;
font-weight:600;
}

.moduleDetailWrapperRoadScienceProjects #moduleItemBack
{
float:left;
position:relative;
width:100%;
}

.moduleDetailWrapperRoadScienceProjects #moduleItemBack a
{
color:#94d600;
text-decoration:none;
}

.moduleDetailWrapperRoadScienceProjects #moduleItemBack a:hover
{
color:#000;
text-decoration:none;
}

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

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

.moduleDetailWrapperSustainabilityReports .moduleItemImage
{
float:right;
padding:0px 0px 20px 0px;
}

.moduleDetailWrapperSustainabilityReports .date
{
color:#55c1e9;
font-weight:600;
}

.moduleDetailWrapperSustainabilityReports #moduleItemBack
{
float:left;
position:relative;
width:100%;
}

.moduleDetailWrapperSustainabilityReports #moduleItemBack a
{
color:#55c1e9;
text-decoration:none;
}

.moduleDetailWrapperSustainabilityReports #moduleItemBack a:hover
{
color:#000;
text-decoration:none;
}

.feedItemComment .morecontent span {
    display: none;
}

.feedItemComment .morelink {
    display: block;
    color: #7da800;
text-decoration: none!important;
}

.feedItemComment .morelink:hover {
color: #000!important;
text-decoration: none;
}


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

/**********************************/
#listingRoadScienceProjects,
#listingSustainabilityProjects,
#listingNewsLinkedin,
#moduleComponentnewsLinkedin
{
float:left;
position:relative;
width:100%;
}

#listingRoadScienceProjects .listingItem,
#listingSustainabilityProjects .listingItem,
#listingNewsLinkedin .listingItem,
#moduleComponentnewsLinkedin .componentItem
{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
margin:10px 0%;
padding:0px;
border:1px solid #f4f4f4;
border-bottom:0px solid #FFF;
-webkit-box-shadow: 0px 5px 10px 0px rgba(85, 113, 137, 0.2);
-moz-box-shadow:    0px 5px 10px 0px rgba(85, 113, 137, 0.2);
box-shadow:         0px 5px 10px 0px rgba(85, 113, 137, 0.2);
}
#moduleComponentnewsLinkedin .componentItem {
border: 0px;
}

#moduleComponentnewsLinkedin .moduleItemImage {
    max-height: 250px;
    overflow: hidden;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #listingRoadScienceProjects .listingItem,
    #listingSustainabilityProjects .listingItem,
    #listingNewsLinkedin .listingItem,
    #moduleComponentnewsLinkedin .componentItem
    {
    width:48%;
    box-sizing:border-box;
    margin:10px 1%;
    min-height:428px;
    }
    #listingNewsLinkedin .listingItem,
    #moduleComponentnewsLinkedin .componentItem {min-height: auto !important}

}

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

    #listingRoadScienceProjects .listingItem,
    #listingSustainabilityProjects .listingItem,
    #listingNewsLinkedin .listingItem,
    #moduleComponentnewsLinkedin .componentItem
    {
    width:48%;
    box-sizing:border-box;
    margin:10px 1%;
    }

}


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

    #listingRoadScienceProjects .listingItem
    {
    width:31.33%;
    box-sizing:border-box;
    margin:10px 1%;
    min-height:330px;
    }

    #listingSustainabilityProjects .listingItem,
    #listingNewsLinkedin .listingItem,
    #moduleComponentnewsLinkedin .componentItem
    {
    width:31.33%;
    box-sizing:border-box;
    margin:10px 1%;
    min-height:436px;
    }
    #listingNewsLinkedin .listingItem {
        min-height: auto !important;
        margin: 9px;
    }
    #moduleComponentnewsLinkedin .componentItem {
        min-height: auto !important;
    }
}


#listingSustainabilityProjects .listingItem:after,
#listingNewsLinkedin .listingItem:after,
#moduleComponentnewsLinkedin .componentItem:after
{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
border-bottom:4px solid #55c1e9;
}


#listingRoadScienceProjects .listingItem:after
{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
border-bottom:4px solid #94d600;
}


#listingSustainabilityProjects .listingItem .moduleItemContentHover .date,
#listingNewsLinkedin .listingItem .date,
#moduleComponentnewsLinkedin .componentItem .date
{
color:#55c1e9;
font-weight:600;
}

#listingRoadScienceProjects .listingItem .moduleItemContentHover .date
{
color:#94d600;
font-weight:600;
}

#listingRoadScienceProjects .listingItem .moduleItemContent,
#listingSustainabilityProjects .listingItem .moduleItemContent,
#listingNewsLinkedin .listingItem .moduleItemContent,
#moduleComponentnewsLinkedin .componentItem .moduleItemContent
{
float:left;
position:relative;
width:100%;
padding:20px 3%;
box-sizing:border-box;
}

#listingNewsLinkedin .listingItem .moduleItemContent,
#moduleComponentnewsLinkedin .componentItem .moduleItemContent
{
padding:0px 3% 20px 3%;
}
#moduleComponentnewsLinkedin .componentItem .moduleItemContent
{
padding:0px 10px;
}

.inIcon {
background: url('/images/linkedin.png') no-repeat 100% 100%;
width: 25px;
height: 25px;
position: absolute;
right: 0;
bottom: 0;
}

#moduleComponentnewsLinkedin .componentItem .moduleItemContent p.date,
#listingNewsLinkedin .listingItem .moduleItemContent p.date {
    margin: 0;
    color: black;
    font-size: 14px;
}
#moduleComponentnewsLinkedin .componentItem .moduleItemContent p.title,
#listingNewsLinkedin .listingItem .moduleItemContent p.title {
    text-transform: uppercase;
    color: #55c1e9;
    font-weight: 600;
}
#moduleComponentnewsLinkedin .componentItem .moduleItemContent p.readMore,
#listingNewsLinkedin .listingItem .moduleItemContent p.readMore {
    margin: 12px 0px;
}

#listingSustainabilityProjects .listingItem .readMore a,
#listingNewsLinkedin .listingItem .readMore a,
#moduleComponentnewsLinkedin .componentItem .readMore a
{
color:#55c1e9;
text-decoration:none;
font-weight:600;
}

#listingRoadScienceProjects .listingItem .readMore a
{
color:#94d600;
text-decoration:none;
font-weight:600;
}

#listingRoadScienceProjects .listingItem .moduleItemContentHover,
#listingSustainabilityProjects .listingItem .moduleItemContentHover,
#listingNewsLinkedin .listingItem .moduleItemContentHover,
#moduleComponentnewsLinkedin .componentItem .moduleItemContentHover
{
position:absolute;
top:0px;
bottom:0px;
width:0px;
overflow:hidden;
background:#FFF;
padding:0px 0%;
box-sizing:border-box;
transition: all 0.5s;
}


#listingRoadScienceProjects .listingItem:hover .moduleItemContentHover,
#listingSustainabilityProjects .listingItem:hover .moduleItemContentHover,
#listingNewsLinkedin .listingItem:hover .moduleItemContentHover,
#moduleComponentnewsLinkedin .componentItem:hover .moduleItemContentHover
{
position:absolute;
transition: all 0.5s;
width:100%;
background:#FFF;
padding:20px 3%;
}

.moduleDetailWrapperSustainabilityProjects .contentPageTitle,
.moduleListingWrapperSustainabilityProjects .contentPageTitle
{
display:none;
}

.moduleDetailWrapperSustainabilityProjects .moduleItemImage,
.moduleDetailWrapperSustainabilityProjects .moduleItemImage
{
float:right;
margin:0px 0px 0px 0px;
}

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


    .moduleDetailWrapperSustainabilityProjects .moduleItemImage,
    .moduleDetailWrapperSustainabilityProjects .moduleItemImage
    {
    float:right;
    margin:0px 0px 20px 20px;
    }

}

.moduleDetailWrapperSustainabilityProjects .date,
.moduleDetailWrapperSustainabilityProjects .date
{
font-weight:600;
}

.moduleDetailWrapperSustainabilityProjects h1,
.moduleListingWrapperSustainabilityProjects h1
{
font-size: 36px;
font-weight: 900;
line-height: 1.2;
font-family: 'Lato', sans-serif;
color: #000;
margin: 0px 0px 30px;
}

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


    .moduleDetailWrapperSustainabilityProjects h1,
    .moduleListingWrapperSustainabilityProjects h1
    {
    font-size: 50px;
    font-weight: 900;
    line-height: 1.2;
    font-family: 'Lato', sans-serif;
    color: #000;
    margin: 0px 0px 30px;
    }

}

@media screen and (max-width: 768px) {

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

}

/**************Zues Timer***********************/

#timerWrap{
    float:left;
    position:relative;
    width:100%;
    margin:0px 0px 40px;
    }
    
    #timerWrap h2{
    font-size:42px;
    color:#557189;
    width:100%;
    }
    
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 320px) {
    
        #timerWrap h2{
        width:80%;
        }
    
    }
    
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 544px) {
    
        #timerWrap h2{
        width:90%;
        }
    
    }
    
    
    #timerWrap .zeusLogo{
    position:absolute;
    top:-30px;
    right:0px;
    width:75px;
    height:97px;
    background: url(https://roadscience.co.nz/images/style/zeus-Icon.jpg);
    background-size:100%;
    }
    
    #timer{
    float:left;
    position:relative;
    width:100%;
    padding:20px 3% 30px;
    margin:20px 0px 0px;
    box-sizing:border-box;
    background: rgb(85,113,137);
    background: linear-gradient(90deg, rgba(85,113,137,1) 0%, rgba(85,113,137,1) 48%, rgba(84,193,233,1) 97%);
    }
    
    #timerWrap #timer .timerBox{
      padding: 0px 3%;
      font-size: 40px;
      float:left;
      position:relative;
      background:#000;
      font-family: 'Poppins', sans-serif;
      margin:40px 0% 0px 0px;
      text-align:center;
      width:100%;
      box-sizing:border-box;
    }
    
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 320px) {
    
        #timer{
        padding:20px 3% 30px;
        margin:20px 0px 0px;
        }
    
        #timerWrap #timer .timerBox{
        padding: 0px 0%;
        font-size: 40px;
        margin:40px 0.5% 0px 0px;
        width:49%;
        }
    
    }
    
    
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 544px) {
    
        #timer{
        padding:20px 3% 30px;
        margin:20px 0px 0px;
        }
    
        #timerWrap #timer .timerBox{
        padding: 0px 3%;
        font-size: 40px;
        margin:40px 4.5% 0px 0px;
        width:45.5%;
        }
    
    }
    
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 768px) {
    
        #timer{
        padding:20px 3% 30px;
        margin:20px 0px 0px;
        }
    
        #timerWrap #timer .timerBox{
        padding: 0px 1%;
        font-size: 40px;
        margin:40px 3% 0px 0px;
        width:22%;
        }
    
    }
    
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 992px) {
    
        #timer{
        padding:20px 3% 30px;
        margin:20px 0px 0px;
        }
    
        #timerWrap #timer .timerBox{
        padding: 0px 3%;
        font-size: 40px;
        margin:40px 4.5% 0px 0px;
        width:21.5%;
        }
    
    }
    
    
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 1200px) {
    
        #timer{
        padding:20px 3% 30px;
        margin:20px 0px 0px;
        }
    
        #timerWrap #timer .timerBox{
        padding: 0px 3%;
        font-size: 40px;
        margin:40px 4.5% 0px 0px;
        width:21.5%;
        }
    
    }
    
    
    #timerWrap #timer #seconds{
    margin:40px 0px 0px 0px; 
    }
    
    
    #timerWrap #timer div:after {
    content:":";
    position:absolute;
    right:-17%;
    top:10px;
    font-size:80px;
    display:none;
    }
    
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 768px) {
    
        #timerWrap #timer div:after {
        display:block;
        right:-15%;
        }
    
    }
    
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 992px) {
    
        #timerWrap #timer div:after {
        right:-17.5%;
        }
    
    }
    
    
    #timerWrap #timer div#seconds:after
    {
    content:"";  
    }
    
    #timerWrap #timer span {
      display: block;
      font-size: 20px;
       position:absolute;
       top:-40px;
       left:0;
       right:0;
       text-align:center;
       color:#FFF;
       font-weight:600;
    }
    
    
    
    
    #timerWrap #timer #days {
      font-size: 100px;
      color: #FFF;
    }
    
    #timerWrap #timer #hours {
      font-size: 100px;
      color: #FFF;
    }
    
    #timerWrap #timer #minutes {
      font-size: 100px;
      color: #FFF;
    }
    
    #timerWrap #timer #seconds {
      font-size: 100px;
      color: #FFF;
    }


    /*****************************/
.moduleComponentlaboratoryServicesContent#moduleComponent369 .bannerHtmlContentInner,
.moduleComponentlaboratoryServicesContent#moduleComponent368 .bannerHtmlContentInner{
display:block!important;
}

.moduleComponentlaboratoryServicesContent#moduleComponent369 .bannerTitle,
.moduleComponentlaboratoryServicesContent#moduleComponent368 .bannerTitle{
display:block!important;
padding:0;
margin:0px;
border:0px;
font-size:24px;
}

.moduleComponentlaboratoryServicesContent#moduleComponent369{
padding:0;
margin:40px 0px;
border:0px;
}

.moduleComponentlaboratoryServicesContent#moduleComponent369 .bannerTitle{
display:none!important;
}

.moduleComponentlaboratoryServicesContent#moduleComponent369 .expand,
.moduleComponentlaboratoryServicesContent#moduleComponent368 .expand{
display:none!important;
}

.moduleComponentlaboratoryServicesContent .bannerTitle{
color:#000;
font-weight:400;
line-height:1;
padding:10px 0px 13px 60px;
margin:0px 0px 10px;
border:3px solid #ceecf6;
font-size:20px;
}

.moduleComponentlaboratoryServicesContent .expand{
position:absolute;
width:100%;
height:46px;
cursor:pointer;

}


.moduleComponentlaboratoryServicesContent #plus.plusActive{
position:absolute;
top:0px;
left:0px;
bottom:0;
width:100%;
background: url(https://roadscience.co.nz/images/style/smallDownArrow.jpg) 21px 18px no-repeat;
}


.moduleComponentlaboratoryServicesContent #minus.minusActive{
position:absolute;
top:0px;
left:0px;
bottom:0;
width:100%;
background: url(https://roadscience.co.nz/images/style/smallUpArrow.jpg) 21px 18px no-repeat;
}

.moduleComponentlaboratoryServicesContent#moduleComponent369 .bannerHtmlContentInner a.color1.fsub{
color:#468aed;
font-weight:600;
text-decoration:none;
}


.moduleComponentlaboratoryServicesContent ul
{

   -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;   
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
  -moz-column-gap: 40px; /* Firefox */
  column-gap: 40px;
  margin:20px 30px 0px;
}


.moduleComponentlaboratoryServicesContent ul li
{
padding:0px;
margin:0px 0px 5px;
}


.linkPeople a{
color:#468aed;
font-weight:600;
text-decoration:none;
}