@media screen and (max-width: 963px) {
    div.styles1023 div#cf7_controls{
        clear:both;
    }
    div.styles1023 div#cf7{
display:none;   
}
}

div.styles1023 div#cf7_controls{
clear:none;
}

div.styles1023 .selected span{
font-weight:700;
}
div.styles1023 #cf7_controls p {
    padding-right:2em;
    cursor:pointer;
}
div.styles1023 #cf7 {
    position:relative;
    height:508px;
    width:300px;
    margin:0 auto 10px;
    float:right;
}
div.styles1023 #cf7 img {
    position:absolute;
    float: right;
   /*-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; */
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
}
div.styles1023 #cf7 img.opaque {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=1);
    visibility: visible;
}
div.styles1024 h2:first-child {

padding: 0.999999999rem 0.5rem;
background-color: #2885c0;
color: #ffffff;
border-style:none;

}
div.styles1025 {

border-radius: 5px;
box-shadow: 0 1px 10px rgba(0, 38, 57, 0.2);
padding: 0.75rem;

}

div.styles1025 h2:first-child {

padding: 0.999999999rem;
background-color: #2885c0;
border-style: none;
color: #ffffff;

}
div.styles1055 .AppContent {

    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0,38,57,0.2);
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    position: relative;


}

div.styles1055 .AppContent h2 {

    background: #2877c0;
    color: #fff;
    font-size: 24px;
    margin-top: 0;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
    padding: 15.999999984px 24px;
    padding: 0.999999999rem 1.5rem;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    z-index: 2;
    border-style: none;


}

div.styles1055 .AppContent p, div.styles1055 .AppContent ul li {

padding: 0 15px;color:#000;

}
div.styles1053 .approvedInspector {

border-radius: 5px; 
box-shadow: 0 1px 10px rgba(0,38,57,0.2); 
box-sizing: border-box; 
overflow: hidden; 
padding: 0; 
position: relative;

}


div.styles1053 div div.inspectorImage, div.styles1053 div div.inspectorListing {
width:270px;
margin: 0px auto 0px auto;
max-height: 300px;
max-width: 300px;
border-left: transparent solid 5px;
}

@media screen and (min-width: 581px) {
div.styles1053 div div.inspectorListing {

float:right;

}
} 

@media screen and (min-width: 581px) {
div.styles1053 div div.inspectorImage {

float:left;

}
} 

@media screen and (min-width: 750px) {
    div.styles1053 div div.inspectorImage, div.styles1053 div div.inspectorListing {
     max-height: 300px;
     max-width: 300px; 
     width: 300px;
     margin: 20px 20px;
     float: left;
     border:none;
    }
}

@media screen and (min-width: 970px) {
div.styles1053 div div.inspectorListing {

width: 500px;
max-width: 500px;

}
} 

div.styles1053 div div ul {

list-style-type:none;
margin-top: 0.625rem;

}

div.styles1053 div div.inspectorImage p a img  { 

max-height: 180px; 

}

div.styles1053 div div p {

text-align:center;

}
div.styles1054 .nav--a-z li {
    width: 33%;
}

@media screen and (min-width: 450px) { 
div.styles1054 .nav--a-z li {
    width: 33%;
}
}

@media screen and (min-width: 600px) { 
div.styles1054 .nav--a-z li {
    width: 20%;
}
}

@media screen and (min-width: 1200px) { div.styles1054 .nav--a-z li {
    width: 10%;
}
}

 div.styles1054 .nav--a-z li .button {
    padding: 20px 10px;
    width: 100%;
    height: 100px;
}
div.styles1049 {

border-radius: 5px;
box-shadow: 0 1px 10px rgba(0, 38, 57, 0.2);
padding: 0.75rem;
background-color:#FFB909;

}
div.styles1026 {

border-radius: 5px;
box-shadow: 0 1px 10px rgba(0, 38, 57, 0.2);
padding: 0.75rem;

}
div.styles1057 #bcmap {
min-height:450px;
border: 4px solid #d6dcdf;
box-shadow: 5px 5px 3px #e8ebec;
width:90%;
}
@media screen and (min-width: 650px) {
    div.styles1057  #bcmap {
        min-height: 750px;
        width:100%;
    }
}
@media screen and (min-width: 1000px) {
    div.styles1057 #bcmap {
        width:60%;
        float:left;
    }
}

div.styles1057  .bclist {
    width: 100%;
    float: none;
   }

@media screen and (min-width: 1000px) {
div.styles1057  .bclist {
    width: 37%;
    float: right;
    margin-left: 15px;
    margin-right: 10px;
   }
}


div.styles1057 .bcKey {
    width: 100%;
    float: none;
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0,38,57,0.2);
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    position: relative;
}

@media screen and (min-width: 1000px) {
div.styles1057 .bcKey {
    width: 20%;
    float: left;
    margin-left: 27px;
    margin-right: 10px;
 }
}

div.styles1057 .bcKey h2 {
    background: #2877c0;
    color: #fff;
    font-size: 24px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
    padding: 15.999999984px 24px;
    padding: .999999999rem 1.5rem;
    border:none;
    margin:0;
}

div.styles1057 .bcKey p {
padding: 15.999999984px 24px;
padding: .999999999rem 1.5rem;
margin:0;
}
div.styles1058 {

margin: 0 auto;
    display: block;

}
div.styles1027 {
    text-align: center;
}
div.styles1047 {clear: both; }
div.styles1052 .featuredInspector {

border-radius: 5px; 
box-shadow: 0 1px 10px rgba(0,38,57,0.2); 
box-sizing: border-box; 
overflow: hidden; 
padding: 0; 
position: relative;

}

div.styles1052 div.featuredInspector a:first-of-type {

display:block; 
text-decoration:none;

}

div.styles1052 div.featuredInspector h2 {

padding: 15.999999984px 24px; 
padding: .999999999rem 1.5rem; 
margin-bottom: 0; 
margin-top: 0; 
position: relative; 
z-index: 2; 
background: #2877c0; 
color: #fff; 
font-size: 24px; 
margin-top: 0; 
text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
border:none;

}



div.styles1052 div div.inspectorImage, div.styles1052 div div.inspectorListing {
width:270px;
margin: 0px auto 0px auto;
max-height: 300px;
max-width: 300px;
border-left: transparent solid 5px;
}

@media screen and (min-width: 581px) {
div.styles1052 div div.inspectorListing {

float:right;

}
} 

@media screen and (min-width: 581px) {
div.styles1052 div div.inspectorImage {

float:left;

}
} 

@media screen and (min-width: 750px) {
    div.styles1052 div div.inspectorImage, div.styles1052 div div.inspectorListing {
     max-height: 300px;
     max-width: 300px; 
     width: 300px;
     margin: 20px 20px;
     float: left;
     border:none;
    }
}

@media screen and (min-width: 970px) {
div.styles1052 div div.inspectorListing {

width: 500px;
max-width: 500px;

}
}

div.styles1052 div div ul {

list-style-type:none;
margin-top: 0.625rem;

}

div.styles1052 div div.inspectorImage p a img  { 

max-height: 180px; 

}

div.styles1052 div div p {

text-align:center;

}
div.styles1056 {
    display: none;
}

@media screen and (min-width: 768px) {
    div.styles1056 {
        display: block;
    }
}

.lt-ie9 div.styles1056 {
    display: block;
}
div.styles1028 {
    display: none;
}

@media screen and (min-width: 650px) {
    div.styles1028 {
        display: block;
    }
}

.lt-ie9 div.styles1028 {
    display: block;
}
div.styles1029 #helpframe {
    padding-bottom: 0%;
}
@media screen and (min-width: 650px) {
div.styles1029 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
} 
div.styles1029 #helpframe {
    position: relative;
    padding-bottom: 65%;
    height: 0;
    overflow: hidden;
}
 }
div.styles1050  a img {
    box-shadow: 5px 5px 3px #e8ebec;
}
.jobscurrent {
position:relative!important;
visibility: visible!important;
  opacity: 1!important;
  transition: opacity 0.5s linear!important;
max-height: inherit!important;
}


div.styles1022  {
position:absolute;
visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s linear;
max-height: 1px;
overflow:hidden;
}

div.styles1022 .c-wrapper {
background: #e9eef2;

}

div.styles1022 .o-wrapper{

width:100%;

}


div.styles1022 .o-item, div.styles1022 .item{

float: none;
width: 100%;
text-align: left;
padding: 1em 1.5em 1em 1.5em;
border-bottom: 2px dotted white;
}

div.styles1022 a, div.styles1022 h3 {

color:#002639;
text-align: left;
font-size: 1.3rem;
font-weight: 700;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
line-height: 1.2;

}

div.styles1022 h2 {

color:#002639;
text-align: left;
background-color: #ffffff;
padding: 0.5rem 0 1rem 0;
border-top: 3px double #d6dcdf;

}

div.styles1022 p {

margin: 0.5rem 0;

}
div.styles1046 {
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 38, 57, 0.2);
    padding: 0.75rem;
    float:left;
    width:100%;
}

div.styles1046 .nomargin, div.styles1046 .nomargin ul  {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

div.styles1046 #jobsmenu, div.styles1046 #jobsmenu1 {
width:100%;
}

div.styles1046 #jobsmenu li a, div.styles1046 #jobsmenu1 li a {
colour:#002639;
}

div.styles1046 #jobsmenu {
margin-bottom:4px;
}

div.styles1046 #jobsmenu1 {
margin-top:4px;
}

@media screen and (min-width: 1112px) {
    div.styles1046 #jobsmenu, div.styles1046 #jobsmenu1 {
       width:40%;
float:left;
margin-right:60px;
margin-top: 8px;
margin-top: 0.5rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
    }
}
div.styles1031 p:first-of-type {
    font-size: 18px;
    font-size: 1.125rem;
}

@media screen and (min-width: 650px) {
    div.styles1031 p:first-of-type {
        font-size: 20px;
        font-size: 1.25rem;
    }
}
div.styles1032 {
padding: 0.1rem 0.5rem 0.1rem 0.5rem;
background-color: #e9eef2;
}

div.styles1032 .widget--navigation .item-list a {
color:#000;
}

@media screen and (min-width: 650px) {
    div.styles1032 {
        padding: 0.1rem 0.5rem 0.1rem 0.5rem;
        background-color: #e9eef2;
        min-height: 680px;
    }
div.styles1032 .widget--navigation .item-list a {
color:#000;
}
}
div.styles1033 h2:first-child {

padding: 0.999999999rem 0.5rem;
background-color: #e9eef2;

}
div.styles1034 {

border-radius: 5px;
box-shadow: 0 1px 10px rgba(0, 38, 57, 0.2);
padding: 0.75rem;

}

div.styles1034 h2:first-child {

background: #2877c0;
    color: #fff;
    margin-top: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);

padding: 0.999999999rem;
border-style: none;

}
div.styles1035 {

margin: 0;

}
div.styles1036  #timeLine .item img{
        display: block;
        width: 100%;
        height: auto;
    }

div.styles1036 h2 {
      text-align:center;
}

div.styles1036 .owl-controls .owl-next {
    position: absolute;
    right: 10%;
}

div.styles1036 .owl-controls .owl-prev {
    position: absolute;
    left: 10%;
}

div.styles1036 div.owl-next::after {
    content: '\e048';
    font-family: 'typicons';
    font-weight: 400;
    margin-left: 10px;
}

div.styles1036 div.owl-prev::before {
    content: '\e046';
    font-family: 'typicons';
    font-weight: 400;
    margin-right: 10px;
}

div.styles1036 hr {
   border: 1px solid #CEEBF9;
   height: 5px;
   background-color: #CEEBF9;
   margin-top: 4px;
   width: 130%;
}

div.styles1036 .tldate {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-color: #075BA1;
    border: 2px solid #E9EEF2;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

div.styles1036 .owl-buttons {
margin: 0px 1px;
}

@media screen and (min-width: 1260px) {

div.styles1036 .owl-buttons { 
   position: absolute;
    bottom: 50px;
    width: 100%;
}
}
div.styles1051 div.skyscraper {
        margin: 0px 10px;
        max-width: 240px;
}

@media screen and (min-width: 900px) {
    div.styles1051 div.skyscraper {
        margin: 20px 50px;
        max-width: 600px;
    }
}
div.styles1037 .form {
margin-top:0px;    
padding: 0px;
    background: #fff;
    border: 0px
}

div.styles1037 p {

margin-top:0px;

}
.portaltable { 
        width:100% !important;
        max-width:inherit !important;
}
div.styles1039 div.item {text-align: center; }

div.styles1039 .owl-controls .owl-next {
    position: absolute;
    right: 25%;
}

div.styles1039 .owl-controls .owl-prev {
    position: absolute;
    left: 25%;
}

div.styles1039 div.owl-next::after {
    content: '\e048';
    font-family: 'typicons';
    font-weight: 400;
    margin-left: 10px;
}

div.styles1039 div.owl-prev::before {
    content: '\e046';
    font-family: 'typicons';
    font-weight: 400;
    margin-right: 10px;
}

@media screen and (min-width: 1260px) {

div.styles1039 .owl-buttons { 
   position: absolute;
    bottom: 50px;
    width: 100%;
}
}
div.styles1040 {
    background-color: #CEEBF9;
   padding: 1rem;
}
div.styles1040 #vslidernav {
    width: 100%;
    display:block;
    text-align:center;
}
div.styles1040 #vsliderpagination {
    -webkit-user-select: none;
}
div.styles1040 #vsliderpagination div {
    bottom:0;
    display:inline-block;
    zoom:1;
}
div.styles1040 #vsliderpagination div span {
    background:#2877c0;
    border-radius: 20px;
    display: block;
    height: 20px;
    margin:5px 7px;
    opacity: .5;
    width: 20px;
}
div.styles1040 .highlight {
opacity: 1 !important;
}
div.styles1040 #vsliderpagination div span:hover {
    opacity: 1;
}
div.styles1040 #vsliderboxes {
    position : relative;
    overflow : hidden;
    height: 100px;
    margin: 1em 1em 1em 1em;
    clear: both;
}
div.styles1040 #vsliderboxes div {
    width: 100%;
    height: 100%; 
}
div.styles1040 #vsliderboxes-inner {
    position : relative;
    width    : 100%;
    height: 100%;
    text-align:center;
}
div.styles1041 .owl-controls {
    position: absolute;
    top: 0;
}
div.styles1048 .plannerjobslogo {
margin-top: 24px;
}


@media screen and (min-width: 768px) {
    div.styles1048 .plannerjobslogo {
/*margin-top:-98px; */
margin-top:0px;
    margin-bottom: 50px;
    }
}
div.styles1042 div:first-child  {

background: #075ba0;
color: #fff;
padding: 1.5rem;

}

div.styles1042 div:first-child a {

color: #fff;

}

div.styles1042 div {

margin: 1.1em 0em 2.2em 0em;

}

div.styles1042 h3 {

line-height: 1.3;

}

div.styles1042 p {

margin: 0.5rem 0em 1rem 0em;

}
div.styles1043 .volumecalc .form__field {
display:inline;
width:50%;
margin: 0px 13px 20px 0px;
margin: 0rem 0.813rem 1.250rem 0rem;
clear:both;
}

@media screen and (min-width: 410px) {
div.styles1043 .volumecalc .form__field  {
width:65%;
}
}

@media screen and (min-width: 780px) {
div.styles1043 .volumecalc .form__field  {
width:50%;
clear:none;
}
}

div.styles1043 .volumecalc .form__label {
clear:both;
}

@media screen and (min-width: 780px) {
div.styles1043 .volumecalc .form__label {
clear:none;
}
}

div.styles1043 .volumeimg img {
margin: 2px;
margin: 0.250rem 0.125rem;
}

@media screen and (min-width: 410px) {
div.styles1043 .volumeimg img {
margin: 24px;
margin: 1.5rem;
}
}

@media screen and (min-width: 780px) {
div.styles1043 .volumeimg img {
float:right;
margin: 24px 12px 24px 24px;
margin: 1.5rem 0.750rem 1.5rem 1.5rem;
}
}

div.styles1043 .calculate  {
margin-right: 50px;
margin-right: 3.125rem;
margin-bottom:16px;
margin-bottom:1rem;
}

div.styles1043 .reset {
margin-bottom:16px!important;
margin-bottom:1rem!important;
}
div.styles1044 {
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 38, 57, 0.2);
    padding: 0.75rem;
}

div.styles1044 .nomargin, div.styles1044 .nomargin ul  {
    margin-top: 0rem;
    margin-bottom: 0rem;
}
div.styles1045 {

border-radius: 5px;
box-shadow: 0 1px 10px rgba(0, 38, 57, 0.2);
padding: 0.75rem;

}

div.styles1045 h2:first-child {

padding: 0.999999999rem;
background-color: #ffb909;
border-style: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);

}