.btn, .slick-slider {
    -moz-user-select: none
}

.form-control-feedback, .input span, .slick-slide.dragging img, a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .form-control, .inline-edit input, .open > .dropdown-toggle.btn-danger, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-info, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-success, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.slick-slider, html {
    -webkit-tap-highlight-color: transparent
}

.btn, .checkbox-inline, .radio-inline, img {
    vertical-align: middle
}

.clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .row:after, .sep {
    clear: both
}

#listfilter, .clearfix:after, .invisible {
    visibility: hidden
}

#listfilter, #mobile-menu {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot);
    src: url(//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff) format('woff'), url(//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before, .glyphicon-btc:before, .glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-jpy:before, .glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-rub:before, .glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a:focus, a:hover {
    opacity: .7
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

figure {
    margin: 0
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

[role=button] {
    cursor: pointer
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

.form-control, output {
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    display: block
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control {
    width: 100%;
    height: 47px;
    padding: 6px 12px;
    background-color: #fff;
    border-radius: 10.5px;
    border: solid 1px #707070;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #3c763d
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

.blog-enquiry textarea.form-control, .contact textarea.form-control {
    height: auto !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.btn, .checkbox-inline, .radio-inline {
    display: inline-block;
    font-weight: 400
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -5px
}

.checkbox-inline, .radio-inline {
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
    cursor: pointer
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.btn-block + .btn-block, .help-block {
    margin-top: 5px
}

.checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.form-group-sm .form-control, .input-sm {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px
}

.input-sm {
    height: 30px;
    line-height: 1.5
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    line-height: 1.5
}

.form-group-lg .form-control, .input-lg {
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 18px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    line-height: 1.3333333
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    line-height: 1.3333333
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-control-static, .form-inline .form-group {
        display: inline-block
    }

    .form-inline .control-label, .form-inline .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label, .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.btn-block, input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

#myform-landscaper-job #c-land-submit {
    width: 177px;
    height: 48px;
    border-radius: 24px;
    background-color: #0079bb;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    text-align: center;
    color: #fff;
    border: none
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

#topnav form label input:focus, .list-tools input#list-search:focus {
    outline: 0
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active, .btn:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

.instruction a:hover, .normallabel:hover, a {
    cursor: pointer;
    transition: .3s
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #0079bb;
    border-color: #0079bb
}

.btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary:active, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #0079bb;
    border-color: #0079bb
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #0079bb;
    border-color: #0079bb
}

.btn-primary .badge {
    color: #0079bb;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success.active, .btn-success:active, .btn-success:hover, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info.active, .btn-info:active, .btn-info:hover, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #0079bb;
    font-weight: 400;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #004220
    text-decoration: underline;
    background-color: transparent
}

a, a:active, a:focus, a:hover {
    text-decoration: none
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm, .btn-xs {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-sm {
    padding: 5px 10px
}

.btn-xs {
    padding: 1px 5px
}

.btn-block {
    display: block;
    font-weight: 700
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .row:after, .row:before {
    content: " ";
    display: table
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

#form-call-centre {
    margin-top: 30px
}

#form-call-centre input.form-control {
    color: #333;
    height: 40px;
    font-size: 1em
}

#form-call-centre input.form-control:focus {
    color: #333
}

@media (min-width: 978px) {
    .city-wrapper-responsive {
        width: calc(66.6666666% - 355.75px)
    }
}

@media (max-width: 768px) {
    .province-wrapper {
        float: left;
        width: calc(75% - 210px)
    }
}

.instruction-google-wrapper, .select-wrapper {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: auto
}

@media (max-width: 478px) {
    .instruction-google-wrapper {
        text-align: left
    }
}

#area-icons li a, #site-main li a, .container .row .center {
    text-align: center
}

.lead-capture-message {
    margin-bottom: 30px
}

-webkit-input-placeholder {
    color: #333
}

-ms-input-placeholder {
    color: #333
}

::-moz-placeholder {
    color: #333;
    opacity: 1
}

:-moz-placeholder {
    color: #333;
    opacity: 1
}

.dealinfo-wrapper textarea.form-control {
    border: 1px solid #c1c1c1 !important;
    font-size: 1em
}

.container .row .block {
    font-weight: 700
}

.instruction, .labelname, .normallabel {
    font-weight: 400
}

.container .row .big {
    font-size: 1.4em
}

.container .row .ico, .container .row .intro {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.container .row .intro {
    font-size: 1.1em
}

@media (max-width: 978px) {
    .container .row .ico {
        margin: 0 auto
    }

    .container .row .intro {
        margin-top: 0
    }
}

.input-label-wrapper {
    margin-bottom: 15px
}

@media (max-width: 478px) {
    .container .row .ico, .container .row .intro {
        display: block
    }

    .container .row .ico {
        width: 130px
    }

    .container .row .intro {
        width: 100%;
        display: block;
        margin-top: 20px
    }

    .input-label-wrapper {
        width: 100%
    }
}

.labelname {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    display: block;
    line-height: 26px
}

.normal {
    font-size: 100%;
    color: #111
}

@media (min-width: 768px) and (max-width: 920px) {
    .normal {
        margin-top: 20px;
        font-size: 84%
    }
}

@media (max-width: 768px) {
    .normal {
        margin-top: 20px
    }
}

.checkbox {
    margin-bottom: 10px;
    margin-left: -10px;
    margin-top: -5px
}

.checkbox label {
    padding-left: 25px
}

.checkbox-referral {
    margin-bottom: 4px
}

.instruction {
    color: #999
}

.btn-cancel, .btn-cancel:hover {
    color: #0079bb
}

@media (min-width: 768px) {
    .instruction {
        line-height: 60px
    }
}

.btn-cancel {
    border: none
}

@media (min-width: 768px) and (max-width: 920px) {
    .instruction-google {
        margin: 30px 0 0
    }

    .project-type-list, .referral-source {
        padding: 0;
        margin-left: 15px
    }
}

.othervalue {
    margin-top: 8px;
    max-width: 250px
}

.ng2-dropdown-button {
    height: 34px;
    line-height: 34px
}

.textarea-wrapper {
    margin-top: 20px
}

.franchisee-message, .master-franchisee-message {
    margin-bottom: 15px
}

.assign-franchisee-wrapper {
    margin-bottom: 30px
}

.project-type-list .project-item span, .project-type-list label, .referral-source .project-item span, .referral-source label {
    display: inherit;
    max-width: 100%;
    margin-bottom: 10px;
    font-weight: 400
}

.project-type-list .project-item span {
    height: 18px;
    line-height: 18px
}

#googleaddress, .form-website, .inline-edit, span.times {
    display: none
}

@media (max-width: 768px) {
    .project-type-list .project-item span, .project-type-list label {
        height: 30px
    }
}

.project-type-list-wrapper, .referral-source-wrapper {
    margin-bottom: 25px;
    margin-top: 25px
}

.project-type-list-inside, .referral-source-inside {
    padding: 0;
    width: 100%
}

.project-type-list-inside am2-select, .referral-source-inside am2-select {
    width: 100%
}

[type=checkbox]:checked, [type=checkbox]:not(:checked), [type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

#topnav h1, #topnav p, sub, sup {
    position: relative
}

[type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=radio]:checked + label, [type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 1.3em
}

@media (max-width: 478px) {
    [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=radio]:checked + label, [type=radio]:not(:checked) + label {
        padding-top: 2px;
        padding-left: 30px
    }
}

[type=checkbox]:checked + label:before, [type=checkbox]:not(:checked) + label:before, [type=radio]:checked + label:before, [type=radio]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    border-radius: 5px
}

[type=checkbox]:checked + label:after, [type=checkbox]:not(:checked) + label:after, [type=radio]:checked + label:after, [type=radio]:not(:checked) + label:after {
    content: '\e013';
    position: absolute;
    transition: all .2s;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: #666;
    top: 3px;
    left: 3px
}

body, dl, h1, h2, h3, img, input, legend, li, ol, p, table, textarea, ul {
    font-family: Montserrat, sans-serif;
    font-style: normal
}

@media (min-width: 478px) {
    [type=checkbox]:checked + label:before, [type=checkbox]:not(:checked) + label:before, [type=radio]:checked + label:before, [type=radio]:not(:checked) + label:before {
        width: 20px;
        height: 20px
    }

    [type=checkbox]:checked + label:after, [type=checkbox]:not(:checked) + label:after, [type=radio]:checked + label:after, [type=radio]:not(:checked) + label:after {
        font-size: 14px
    }
}

[type=checkbox]:not(:checked) + label:after, [type=radio]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0)
}

[type=checkbox]:checked + label:after, [type=radio]:checked + label:after {
    opacity: 1;
    transform: scale(1)
}

[type=checkbox]:disabled:checked + label:before, [type=checkbox]:disabled:not(:checked) + label:before, [type=radio]:disabled:checked + label:before, [type=radio]:disabled:not(:checked) + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

[type=checkbox]:disabled:checked + label:after, [type=radio]:disabled:checked + label:after {
    color: #999
}

[type=checkbox]:disabled + label, [type=radio]:disabled + label {
    color: #aaa
}

.upto {
    float: left;
    padding: 0 5px 0 0;
    line-height: 40px;
    height: 40px;
    font-size: 1.3em
}

@media (max-width: 992px) {
    .upto {
        display: none
    }
}

.budget-select {
    width: 100%;
    padding: 0
}

.title-description {
    padding: 0
}

.title-description h3 {
    font-size: 1.25em
}

.day {
    padding-left: 0
}

.year {
    padding-right: 0
}

.inline-button-link {
    display: none;
    border-width: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1em;
    float: right;
    padding: 2px 0 0 12px;
    height: auto
}

@media (max-width: 478px) {
    .inline-button-link {
        padding: 0
    }
}

.inline-edit {
    float: right;
    margin-top: -3px
}

.inline-edit input {
    padding: 0 0 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    background-color: #fff;
    width: 40px;
    height: 22px;
    float: left;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.inline-edit .custom-label {
    width: 80px;
    border-radius: 4px
}

@media (max-width: 478px) {
    .inline-edit .custom-label {
        width: 85px;
        margin-bottom: 10px
    }

    .inline-edit-other {
        margin-top: 0
    }

    .project-type-list .inline-edit-other {
        margin-top: 5px;
        margin-right: 0
    }
}

.inline-edit .custom-label-r {
    width: 100px
}

.other.inline-edit {
    float: left
}

.inline-edit-other {
    float: right
}

.project-type-list .inline-edit-other {
    width: 100%;
    margin-top: 5px
}

.inline-button-primary {
    background-color: #0079bb;
    border: 1px solid #0079bb;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #fff;
    float: right;
    line-height: 1;
    font-size: 14px;
    height: 22px;
    padding: 1px 3px
}

.fleft, .other.inline-button-primary {
    float: left
}

.countrycode-select, .day-select, .mobile-input, .phone-section {
    padding-left: 0
}

.pac-container {
    z-index: 10000 !important
}

@media only all and (min-width: 48em) {
    .country-select {
        width: 180px
    }
}

.year-select {
    padding-right: 0
}

@media only all and (max-width: 47.937em) {
    #wrapper {
        margin-top: 65px
    }

    #wrapper.landscape {
        margin-top: 90px
    }

    .breadcrumbspacer {
        display: none
    }

    #topnav #sitebanner #menu-mobile #mobile-menu-close span {
        position: relative;
        top: 31%;
        left: 88%
    }

    #sitebanner {
        width: 100% !important;
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .07);
        z-index: 990;
        height: 65px
    }

    #topnav #sitebanner #menu-mobile .dropdown-btn {
        background: url(/design/drop-down.svg) no-repeat;
        width: 10px;
        height: 5px;
        position: relative;
        bottom: 11px;
        left: 171px
    }

    #topnav #sitebanner #menu-mobile .dropdown-btn.workwedone {
        left: 213px
    }

    #sitebanner #menu-mobile #menu-main li h2 {
        width: auto;
        float: left
    }

    #sitebanner #menu-mobile #menu-main li img.dropdown-img {
        display: inline-block;
        float: left;
        margin-top: 10px;
        margin-left: 5px
    }

    #sitebanner #menu-mobile #menu-main li h2 a {
        font-size: 1.142856rem;
        padding: 10px 0 10px 40px;
        font-weight: 500
    }

    #sitebanner #menu-mobile #menu-main li h2 a.current {
        font-weight: 600
    }

    #sitebanner #menu-mobile #menu-main li h2 a[type=tel] {
        color: #016330;
        font-weight: 600
    }

    #sitebanner #menu-mobile #menu-main #search-top {
        background: url(/design/sprites2.svg) 3px -473px no-repeat;
        height: 20px;
        background-size: 700px 550px;
        width: 24px;
        cursor: pointer
    }

    #sitebanner #menu-mobile #menu-main ul li a {
        font-size: 1rem;
        width: 80%;
        padding: 10px 0 10px 20%;
        font-weight: 500
    }

    #sitebanner #menu-mobile #menu-main ul li a.current {
        font-weight: 600
    }

    .month-select, .year-select {
        padding-left: 0
    }

    .day-select, .month-select {
        padding-right: 0;
        margin-bottom: 10px
    }

    #enquiry-part2 [type=button] {
        margin-bottom: 20px
    }

    .countrycode-select {
        padding-right: 15px
    }

    .mobile-input {
        padding-right: 0
    }

    .phone-section {
        padding-left: 15px
    }

    #topnav #menu-mobile form label input {
        border: 0;
        background: 0 0;
        width: 129px;
        padding-top: 9px;
        padding-right: 8px;
        color: #333;
        -webkit-appearance: none
    }

    .services-image-block.landscaper .content-box {
        padding: 20px
    }
}

.country-code-stage1 {
    padding-right: 0
}

@media only all and (max-width: 47.937em) {
    .country-code-stage1 {
        padding-right: 15px;
        margin-bottom: 0
    }

    .justipad {
        display: none
    }
}

.countrycode-sidey, .getintouch-left {
    padding-right: 5px
}

.getintouch-right {
    padding-left: 5px
}

@media only all and (max-width: 47.937em) {
    .countrycode-sidey, .getintouch-left {
        padding-right: 15px
    }

    .getintouch-right {
        padding-left: 15px
    }

    #topnav #menu-mobile form button {
        margin: 1px;
        float: left;
        width: 35px;
        height: 33px;
        background-color: #fff;
        border: none
    }

    #topnav #menu-mobile form fieldset {
        background-color: #fff;
        margin: 4px 50px 10px 40px
    }

    #topnav #menu-mobile form fieldset.border {
        border: 1px solid #949494;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
}

.firstname-sidey {
    padding-right: 10px
}

.lastname-sidey {
    padding-left: 10px
}

@media only all and (max-width: 47.937em) {
    .firstname-sidey {
        padding-right: 15px
    }

    .lastname-sidey {
        padding-left: 15px
    }
}

.countrycode-sidey-landingpage {
    padding-right: 0
}

@media only all and (max-width: 47.937em) {
    .countrycode-sidey-landingpage {
        padding-right: 15px
    }
}

@media only all and (min-width: 48em) and (max-width: 64em) {
    .country-code-stage1 {
        width: 18%
    }

    .phone-number-stage1 {
        width: 32%
    }

    .countrycode-sidey-landingpage {
        padding-right: 15px
    }
}

*, fieldset {
    padding: 0;
    margin: 0
}

html {
    font-size: .875em
}

@media only all and (min-width: 48em) {
    html {
        font-size: .6875em
    }
}

@media only all and (min-width: 64em) {
    html {
        font-size: .875em
    }

    #content.panorama.contact #content-body {
        border-bottom-left-radius: 25px;
        padding: 35px 15px 0 15px;
    }

    #content.panorama.contact #content-right {
        padding: 71px 6px 0 27px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px
    }

    #content.panorama.contact #content-right .formholder {
        padding: 8px 20px 30px 20px
    }

    #content.panorama.contact #content-right .formholder #myform-builder-job .row .input-label-wrapper.col-md-12, #content.panorama.contact #content-right .formholder #myform-builder-job .row .input-label-wrapper.col-sm-12 {
        width: 88%
    }

    #content.contact #content-body .contact-us-desktop p {
        margin: 18px 0 30px 0
    }
}

#content.panorama.contact #content-right {
    background-color: #f5f5f5
}

#content-right .enquiry-title {
    color: #333;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    padding-left: 2px;
    margin-bottom: 25px;
    margin-top: 10px
}

#content.panorama.contact #content-body, #content.panorama.contact #content-right {
    width: 50%;
    margin-left: 0
}

body, dl, img, input, legend, li, ol, p, table, textarea, ul {
    font-weight: 400;
    font-size: 1rem;
    color: #333
}

* {
    vertical-align: baseline;
    -webkit-text-size-adjust: none
}

*, :after, :before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    line-height: 1;
    background-color: #fff
}

@media only all and (max-width: 47.937em) {
    .input input, .input textarea, input, option, select, textarea {
        font-size: 1.143rem !important
    }
}

img {
    border: 0;
    display: block
}

strong {
    font-weight: 600
}

address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    font-style: normal
}

fieldset {
    min-width: 0;
    border: 0
}

a {
    color: #0079bb
}

h1, h2, h3 {
    font-weight: 400;
    line-height: 1.2;
    color: #333
}

h1, h2 {
    font-size: 1.57rem
}

@media only all and (max-width: 47.937em) {
    h1, h2 {
        font-size: 1.36rem
    }

    #content-right .form p.justmobile, #footer-tools .selecter, .click-to-show, .f-by, .f-copyright, a.button, a.subscribe, button.button, h1, h2, h3, input.submitbutton, input[type=submit], p.homelink, ul.buttons a {
        font-family: Montserrat, sans-serif;
        font-weight: 400
    }

    button.button, input.submitbutton, input[type=submit] {
        padding: .214rem 0;
        vertical-align: middle
    }

    .m-center {
        text-align: center
    }
}

h3 {
    font-size: 1.14rem;
    color: #0079bb
}

ul {
    list-style-type: none
}

input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

sub, sup {
    font-size: .8rem;
    line-height: 0;
    vertical-align: baseline
}

body {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #333;
    font-size: 1rem;
    line-height: 1;
    font-style: normal;
    background-color: #fff
}

sup {
    top: -.5rem
}

sub {
    bottom: -.25rem
}

table {
    margin-bottom: 1.42rem
}

table * {
    vertical-align: top
}

.clearfix {
    min-height: 1%
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both
}

.current a.button:hover, a.button, ul.buttons a:hover {
    color: #fff;
    background-image: -ms-linear-gradient(top, #453e3e 0, #453e3e 50%, #333 50%, #333 100%);
    background-image: -moz-linear-gradient(top, #453e3e 0, #453e3e 50%, #333 50%, #333 100%);
    background-image: -webkit-gradient(linear, top, color-stop(0, #453e3e), color-stop(.5, #453e3e), color-stop(.5, #333), color-stop(1, #333));
    background-image: -webkit-linear-gradient(top, #453e3e 0, #453e3e 50%, #333 50%, #333 100%)
}

.current a.button, a.button:focus, a.button:hover, ul.buttons a {
    color: #fff;
    background-color: #0079bb;
    background-image: -ms-linear-gradient(top, #0079bb 0, #0079bb 50%, #006532 50%, #006532 100%);
    background-image: -moz-linear-gradient(top, #0079bb 0, #0079bb 50%, #006532 50%, #006532 100%);
    background-image: -webkit-gradient(linear, top, color-stop(0, #0079bb), color-stop(.5, #0079bb), color-stop(.5, #006532), color-stop(1, #006532));
    background-image: -webkit-linear-gradient(top, #0079bb 0, #0079bb 50%, #006532 50%, #006532 100%)
}

#wrapper {
    background-color: #fff
}

@media only all and (min-width: 48em) {
    .justmobile {
        display: none !important
    }

    #wrapper {
        margin-top: 85px;
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }
}

@media only all and (min-width: 64em) {
    #wrapper {
        margin-top: 90px;
        min-width: 992px;
        width: 100%
    }
}

@media only all and (min-width: 78em) {
    #wrapper {
        width: 100%
    }
}

#wrapper .inner {
    margin: 0 4px
}

@media only all and (min-width: 48em) {
    #wrapper .inner {
        width: 768px;
        margin: 0 auto
    }
}

@media only all and (min-width: 64em) {
    #wrapper .inner {
        width: 992px
    }
}

@media only all and (min-width: 78em) {
    #wrapper .inner {
        width: 1200px
    }
}

#topnav {
    position: static;
    background: #fff;
    font-weight: 400;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .07)
}

#content {
    padding: 35px 4px 0
}

@media only all and (max-width: 47.937em) {
    #wrapper .inner {
        margin: 0 !important
    }

    .m-clear {
        clear: both
    }

    #section-detail, #section-sub, .notmobile {
        display: none !important
    }

    #content {
        padding: 20px
    }

    #topnav h1 img, #topnav p img {
        width: 120px;
        margin: 0 auto 0 8px;
        background-position: -153px -472px
    }

    #sitebanner {
        padding: 8px 0
    }

    .cta-block .block-title, .cta-block p {
        padding: 0 20px
    }
}

@media only all and (min-width: 48em) {
    #topnav {
        position: fixed;
        font-weight: 300;
        top: 0;
        width: 100%;
        z-index: 110;
        padding: 4px 4px 0;
        height: 90px
    }

    #content {
        padding: 24px 8px 0
    }
}

@media only all and (min-width: 64em) {
    #topnav {
        padding: 0
    }

    #content {
        padding: 35px 4px 0
    }
}

@media only all and (min-width: 78em) {
    #content {
        width: 1200px;
        margin: 0 auto;
        padding: 35px 0 0
    }
}

#sitebanner {
    margin: 0 auto;
    width: 100%
}

#topnav h1 img, #topnav p img {
    background-size: 700px 630px
}

@media only all and (min-width: 48em) {
    #sitebanner {
        width: 760px
    }

    #topnav h1, #topnav p {
        margin: 8px 8px 6px 0
    }

    #topnav #sitebanner.landscaper p {
        width: 20%;
        margin: 0 auto
    }

    #topnav h1 img, #topnav p img {
        width: 179px;
        height: 69.44px;
        background-size: 536.2px 482.58px;
        background-position: -265.04px -66.64px
    }
}

@media only screen and (min-width: 1025px) {
    #sitebanner {
        width: 992px
    }

    #sitebanner ul.links-top {
        margin-top: 35px;
        transition: .3s;
        margin-right: -1px
    }
}

@media only all and (min-width: 78em) {
    #sitebanner {
        width: 1200px
    }
}

@media only all and (min-width: 64em) {
    #topnav h1, #topnav p {
        margin: 11px 11px 16px 2px
    }

    #topnav h1 img, #topnav p img {
        width: 232px;
        height: 90px;
        background-size: 700px 630px;
        background-position: -346px -87px
    }
}

.svg #topnav h1 img, .svg #topnav p img {
    background: url(sprites.svg) no-repeat;
    background-size: 792px 612px
}

@media only all and (max-width: 47.937em) {
    .svg #topnav h1 img, .svg #topnav p img {
        background-position: -11px -181px
    }

    #topnav.homepage .sep {
        display: block
    }
}

@media only all and (min-width: 48em) {
    .svg #topnav h1 img, .svg #topnav p img {
        width: 176.18px;
        height: 65.88px;
        background-size: 606.67px 468.79px;
        background-position: -131.75px -60.51px
    }
}

@media only all and (min-width: 64em) {
    .svg #topnav h1 img, .svg #topnav p img {
        width: 230px;
        height: 86px;
        background-size: 792px 612px;
        background-position: -172px -79px
    }
}

@media only all and (min-width: 48em) {
    #topnav .sep {
        width: 760px;
        margin-right: auto;
        margin-left: auto
    }
}

@media only all and (min-width: 64em) {
    #topnav .sep {
        width: 992px
    }

    #site-main {
        margin-bottom: 0
    }
}

@media only all and (min-width: 78em) {
    #topnav .sep {
        width: 1084px
    }
}

#site-main li {
    font-weight: 400;
    font-style: normal
}

@media only all and (max-width: 47.937em) {
    #topnav #link-share {
        display: block;
        width: 36px;
        height: 51px;
        position: absolute;
        top: 0;
        right: 0
    }

    #topnav #link-share img {
        display: block;
        width: 36px;
        height: 51px;
        background: url(sprites.png) -404px -472px no-repeat;
        background-size: 700px 630px
    }

    .svg #topnav #link-share img {
        background: url(sprites.svg) -261px -181px;
        background-size: 792px 612px
    }

    #site-main, #topnav form.notmobile {
        display: none
    }

    #site-main li {
        font-size: 1rem
    }

    #breadcrumb-wrapper {
        display: none !important
    }
}

@media only all and (min-width: 48em) {
    #site-main li {
        width: 138px;
        margin: 51px 6px 0 0;
        float: left;
        font-size: 1.14286rem
    }

    #site-main li a {
        display: block;
        height: 26px
    }
}

#topnav form.notmobile label input, #topnav form.notmobile label span {
    font-weight: 400;
    font-size: 1.14rem
}

#topnav form.notmobile {
    width: 202px;
    height: 46px;
    background: #fff
}

#topnav form label {
    display: block;
    width: 145px;
    background: 0 0;
    float: left;
    margin: 0
}

#topnav form label span {
    color: #fff
}

#topnav form label input {
    border: 0;
    background: 0 0;
    width: 129px;
    padding-top: 5px;
    padding-right: 8px;
    padding-left: 8px;
    color: #333;
    -webkit-appearance: none
}

#topnav form button {
    border: 0;
    float: left;
    width: 35px;
    height: 33px;
    margin: 5px 0 0 22px;
    padding: 0;
    outline: 0;
    background: #fff
}

#topnav form button img {
    display: block
}

#breadcrumb-wrapper {
    background: #fff
}

#breadcrumb-wrapper #breadcrumbline {
    margin: 0 auto;
    width: 100%;
    height: 39px;
    background: #fff;
    background: -moz-linear-gradient(left, #fff 0, #fcfcfc 10%, #f2f2f2 50%, #fcfcfc 90%, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(10%, #fcfcfc), color-stop(50%, #f2f2f2), color-stop(90%, #fcfcfc), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, #fff 0, #fcfcfc 10%, #f2f2f2 50%, #fcfcfc 90%, #fff 100%);
    background: -o-linear-gradient(left, #fff 0, #fcfcfc 10%, #f2f2f2 50%, #fcfcfc 90%, #fff 100%);
    background: -ms-linear-gradient(left, #fff 0, #fcfcfc 10%, #f2f2f2 50%, #fcfcfc 90%, #fff 100%);
    background: linear-gradient(to right, #fff 0, #fcfcfc 10%, #f2f2f2 50%, #fcfcfc 90%, #fff 100%)
}

@media only all and (min-width: 48em) {
    #topnav form {
        width: 140px;
        height: 26px;
        margin-top: 51px
    }

    #topnav form label {
        width: 113px
    }

    #topnav form label span {
        padding: 14px 11px 4px !important
    }

    #topnav form label input {
        width: 113px;
        padding: 0 8px 2px !important
    }

    #topnav form button {
        width: 27px;
        height: auto;
        padding-top: 2px
    }

    #topnav form button img {
        width: 23px;
        height: auto
    }

    #breadcrumb-wrapper {
        position: fixed;
        width: 100%;
        z-index: 100;
        top: 85px
    }

    #breadcrumb-wrapper #breadcrumbline {
        width: 760px;
        height: 30px;
        margin-left: 4px
    }
}

#breadcrumb-wrapper #breadcrumbline ul {
    width: 100%;
    margin: 0
}

@media only all and (min-width: 64em) {
    #site-main li {
        width: auto;
        margin-left: 40px
    }

    #site-main li a.dropbtn {
        padding-top: 3px;
        padding-bottom: 3px
    }

    #topnav form {
        width: 180px;
        height: 33px;
        margin-top: 66px
    }

    #topnav form label {
        width: 145px
    }

    #topnav form label input {
        width: 129px;
        padding: 12px 8px 2px !important
    }

    #topnav form button {
        width: 33px;
        height: 31px;
        padding-top: 0;
        max-height: 33px
    }

    #topnav form button img {
        width: 30px;
        height: 28px;
        max-width: 30px;
        max-height: 28px;
        margin-top: 0
    }

    #breadcrumb-wrapper {
        top: 70px
    }

    #breadcrumb-wrapper #breadcrumbline {
        width: 992px;
        height: 39px;
        margin-left: 0
    }

    #breadcrumb-wrapper #breadcrumbline ul {
        width: 992px
    }

    #footer.ver-us section {
        width: 345px
    }

    #footer.ver-us ul li {
        float: left
    }

    #footer.ver-us #desktop-share ul li {
        padding-left: 10px
    }

    #footer.ver-us #desktop-share ul li:first-of-type {
        padding-left: 0
    }

    #footer.ver-us section .nav-top {
        height: auto
    }
}

@media only all and (min-width: 78em) {
    #breadcrumb-wrapper #breadcrumbline {
        width: 1200px;
        margin-left: auto
    }

    #breadcrumb-wrapper #breadcrumbline ul {
        width: 1000px;
        margin: 0 100px
    }
}

#breadcrumb-wrapper #breadcrumbline ul li {
    float: left;
    padding: 0 22px 0 26px;
    height: 38px;
    background-image: url(bread-arrow.png);
    background-repeat: no-repeat
}

@media only all and (min-width: 48em) {
    #breadcrumb-wrapper #breadcrumbline ul li {
        padding: 0 17px 0 20px;
        height: 29px;
        background-size: 19.84px 29px
    }
}

@media only all and (min-width: 64em) {
    #breadcrumb-wrapper #breadcrumbline ul li {
        padding: 0 22px 0 26px;
        height: 38px;
        background-size: 26px 38px
    }
}

#breadcrumb-wrapper #breadcrumbline ul li.home {
    float: left;
    padding: 0;
    background-image: none
}

#breadcrumb-wrapper #breadcrumbline ul li.home a {
    display: inline;
    padding-top: 0;
    color: #0079bb;
    font-weight: 700
}

#breadcrumb-wrapper #breadcrumbline ul li.parent a {
    color: #0079bb;
    font-weight: 700
}

.flexnav-outerwrap .flexnav-innerwrap .textnav li.current, .flexnav-outerwrap .flexnav-innerwrap .textnav li.parent-current, .textnav li.current, .textnav li.parent-current {
    font-weight: 600
}

#breadcrumb-wrapper #breadcrumbline ul li a, #breadcrumb-wrapper #breadcrumbline ul li span {
    color: #333;
    display: inline-block;
    padding-top: 12px
}

@media only all and (min-width: 48em) {
    #breadcrumb-wrapper #breadcrumbline ul li.home a img.sprite-bread-home {
        width: 35.87px;
        height: 29px
    }

    #breadcrumb-wrapper #breadcrumbline ul li a, #breadcrumb-wrapper #breadcrumbline ul li span {
        padding-top: 10px
    }
}

@media only all and (min-width: 64em) {
    #breadcrumb-wrapper #breadcrumbline ul li.home a img.sprite-bread-home {
        width: 47px;
        height: 38px
    }

    #breadcrumb-wrapper #breadcrumbline ul li a, #breadcrumb-wrapper #breadcrumbline ul li span {
        padding-top: 12px
    }
}

.flexnav-outerwrap {
    width: 100%;
    position: relative;
    overflow: hidden
}

div#wideslideshow.overlay.poa-handbook {
    height: 781px
}

@media only all and (max-width: 47.937em) {
    body {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0
    }

    #topnav #sitebanner #mobile-menu-link {
        left: -6px
    }

    .flexnav-outerwrap {
        display: none
    }
}

.flexnav-outerwrap .flexnav-innerwrap {
    position: relative;
    float: left;
    left: 50%
}

.flexnav-outerwrap .flexnav-innerwrap .textnav {
    margin: 0 auto;
    position: relative;
    float: left;
    left: -50%
}

.flexnav-outerwrap .flexnav-innerwrap .textnav li {
    float: left;
    padding: 1.285rem
}

@media only all and (min-width: 64em) {
    .flexnav-outerwrap .flexnav-innerwrap .textnav li {
        padding: 1.285rem 1.714rem
    }
}

@media only all and (min-width: 78em) {
    .flexnav-outerwrap .flexnav-innerwrap .textnav li {
        padding: 1.285rem 2.285rem
    }
}

.flexnav-outerwrap .flexnav-innerwrap .textnav li a {
    color: #333
}

.flexnav-outerwrap .flexnav-innerwrap .textnav li a:focus, .flexnav-outerwrap .flexnav-innerwrap .textnav li a:hover, .flexnav-outerwrap .flexnav-innerwrap .textnav li.current a, .flexnav-outerwrap .flexnav-innerwrap .textnav li.parent-current a {
    color: #0079bb
}

.textnav {
    margin: 0 auto
}

.textnav li {
    float: left;
    padding: 13px 24px 13px
}

.textnav li a {
    color: #333
}

#area-icons li a:hover, .textnav li a:focus, .textnav li a:hover, .textnav li.current a, .textnav li.parent-current a {
    color: #0079bb
}

#area-icons {
    margin: 0 auto;
    width: 984px
}

#area-icons li {
    float: left;
    width: 65px;
    padding-top: 23px;
    margin-right: 5px
}

#area-icons li:last-child {
    margin-right: 0
}

#area-icons li a {
    display: block;
    padding-bottom: 14px;
    color: #333;
    font-size: 11px;
    line-height: 13px
}

.new-area-icons {
    width: 1227px !important
}

.new-area-icons li {
    font-family: Arial;
    width: 83px !important
}

.new-area-icons li a {
    line-height: 17px !important;
    font-size: 1rem !important
}

.new-area-icons li a:hover {
    color: #0079bb !important;
    text-decoration: none !important;
    cursor: pointer !important
}

#area-icons li img {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto 7px
}

@media only all and (max-width: 47.937em) {
    #area-icons {
        display: none
    }

    .justmobile #area-icons {
        width: 1500px;
        display: inline-block
    }

    .justmobile #area-icons li a {
        color: #fff
    }

    #area-icons + .sep, .flexnav-outerwrap + .sep, .sep.footersep {
        display: none
    }
}

@media only all and (max-width: 1023px) {
    #area-icons {
        width: 750.68px
    }

    #area-icons li {
        padding-top: 17px;
        margin-right: 40px
    }

    #top #wrapper #wideslideshow .text-content .heading-content, .landscape .content-box .heading-content {
        font-size: 28px
    }

    #top #wrapper #wideslideshow .text-content .intro-bottom {
        font-size: 18px
    }

    #content.panorama.contact .clearfix .contact-us-mobile h3 {
        font-family: Montserrat, sans-serif;
        font-size: 20px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #333
    }

    #content.panorama.contact .clearfix .contact-us-mobile p span a {
        font-weight: 600
    }

    #content.panorama.contact .clearfix .contact-us-mobile div, #content.panorama.contact .clearfix .contact-us-mobile p {
        padding-top: 15px
    }

    #content.panorama.contact .clearfix .contact-us-mobile li, #content.panorama.contact .clearfix .contact-us-mobile p {
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #333
    }

    #content.panorama.contact .clearfix .contact-us-mobile ul {
        margin-bottom: 20px
    }

    #content.panorama.contact .clearfix .contact-us-mobile div strong {
        font-size: 20px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #333
    }

    #content.contact #content-body.form .pagecopy, #content.contact #content-right .formholder, #content.contact .contact-us-mobile {
        padding: 15px 15px 0 15px
    }

    #content.contact #content-body.form .pagecopy p {
        font-size: 16px
    }

    #content.contact #content-body.form .pagecopy p strong {
        font-size: 20px;
        font-weight: 600
    }

    #content.panorama.contact #content-body, #content.panorama.contact #content-right {
        width: 100%
    }
}

@media only all and (min-width: 48em) {
    #area-icons.testimonials {
        width: 180px
    }

    #area-icons li a {
        padding-bottom: 11px
    }

    #area-icons li a img {
        width: 48px;
        height: 48px;
        margin: 0 auto 8px
    }

    #area-icons.testimonials li a img {
        width: 61px;
        height: 61px
    }

    .sep {
        width: 760px
    }
}

.sep {
    height: 1px;
    margin: 0 auto;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk1OTY5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ececed), color-stop(50%, #959698), color-stop(100%, #ececed));
    background: -webkit-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
    background: -o-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
    background: -ms-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
    background: linear-gradient(to right, #ececed 0, #959698 50%, #ececed 100%)
}

@media only all and (min-width: 64em) {
    .sep {
        width: 992px
    }
}

@media only all and (min-width: 78em) {
    .sep {
        width: 1084px
    }
}

.sep.footersep {
    margin-top: 45px
}

@media only all and (max-width: 47.937em) {
    body.sitepage #topnav {
        position: relative
    }

    body.sitepage #topnav:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(to right, #ececed 0, #959698 25%, #959698 75%, #ececed 100%)
    }

    body.sitepage h1 {
        padding-top: .714rem
    }

    div.contextnav-wrapper {
        height: 3.1rem;
        background: #333;
        overflow-y: hidden
    }

    div.contextnav-wrapper.icons {
        height: 130px;
        border-top: 1px dashed #e6e6e6
    }

    div.contextnav-wrapper.linetwo {
        height: 2.743rem;
        border-top: 1px dashed #e6e6e6
    }

    div.contextnav-wrapper.linetwo nav.contextnav ul li {
        font-size: .857rem
    }

    div.contextnav-wrapper nav.contextnav {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        white-space: nowrap
    }

    div.contextnav-wrapper nav.contextnav ul {
        display: inline-block;
        width: auto;
        transition: transform 2s ease;
        -webkit-transition: -webkit-transform 2s ease
    }

    div.contextnav-wrapper nav.contextnav ul li {
        display: inline-block;
        font-size: 1.2rem
    }

    div.contextnav-wrapper nav.contextnav ul li a {
        color: #e5e5e5;
        display: block;
        padding: .928rem .928rem 1.285rem;
        text-align: center
    }

    div.contextnav-wrapper nav.contextnav ul li.current a {
        font-weight: 600
    }

    div.contextnav-wrapper nav.contextnav ul li:first-child a {
        padding-left: 8px;
        text-align: left
    }

    div.contextnav-wrapper nav.contextnav.icons li a {
        margin: 12px 4px 16px;
        width: 61px;
        height: 79px;
        font-size: .857rem;
        text-align: center !important;
        padding: 0
    }

    div.contextnav-wrapper nav.contextnav.icons li a img {
        width: 61px;
        height: 61px;
        margin-bottom: 5px;
        background-color: #e6e6e6;
        background-repeat: no-repeat;
        background-size: 700px 630px
    }

    div.contextnav-wrapper nav.contextnav.icons li:first-child a {
        padding-left: 0;
        margin: 12px 4px 16px 8px
    }

    div.contextnav-wrapper nav.contextnav.icons li:last-child a {
        margin: 12px 8px 16px 4px
    }
}

.svg div.contextnav-wrapper nav.contextnav.icons li a img {
    background-image: url(sprites.svg);
    background-position: -2px -243px;
    background-size: 792px 612px;
    background-color: #e6e6e6
}

.svg div.contextnav-wrapper nav.contextnav.icons li a img.sprite-icon-kitchen {
    background-position: -74px -243px
}

.svg div.contextnav-wrapper nav.contextnav.icons li a img.sprite-icon-bathroom {
    background-position: -144px -243px
}

.svg div.contextnav-wrapper nav.contextnav.icons li a img.sprite-icon-extend {
    background-position: -209px -243px
}

.svg div.contextnav-wrapper nav.contextnav.icons li a img.sprite-icon-openplan {
    background-position: -279px -243px
}

.svg div.contextnav-wrapper nav.contextnav.icons li a img.sprite-icon-flow {
    background-position: -344px -243px
}

.svg div.contextnav-wrapper nav.contextnav.icons li a img.sprite-icon-loft {
    background-position: -414px -243px
}

.svg div.contextnav-wrapper nav.contextnav.icons li a img.sprite-icon-reclad {
    background-position: -479px -243px
}

.svg div.contextnav-wrapper nav.contextnav.icons li a img.sprite-icon-warmup {
    background-position: -549px -243px
}

.svg div.contextnav-wrapper nav.contextnav.icons li a img.sprite-icon-outdoor {
    background-position: -621px -243px
}

.svg div.contextnav-wrapper nav.contextnav.icons li.current a img {
    background-color: #0079bb;
    background-position: -4px -387px
}

.svg div.contextnav-wrapper nav.contextnav.icons li.current a img.sprite-icon-kitchen {
    background-position: -76px -387px
}

.svg div.contextnav-wrapper nav.contextnav.icons li.current a img.sprite-icon-bathroom {
    background-position: -146px -387px
}

.svg div.contextnav-wrapper nav.contextnav.icons li.current a img.sprite-icon-extend {
    background-position: -211px -387px
}

.svg div.contextnav-wrapper nav.contextnav.icons li.current a img.sprite-icon-openplan {
    background-position: -281px -387px
}

.svg div.contextnav-wrapper nav.contextnav.icons li.current a img.sprite-icon-flow {
    background-position: -346px -387px
}

.svg div.contextnav-wrapper nav.contextnav.icons li.current a img.sprite-icon-loft {
    background-position: -416px -387px
}

.svg div.contextnav-wrapper nav.contextnav.icons li.current a img.sprite-icon-reclad {
    background-position: -481px -387px
}

.svg div.contextnav-wrapper nav.contextnav.icons li.current a img.sprite-icon-warmup {
    background-position: -551px -387px
}

.svg div.contextnav-wrapper nav.contextnav.icons li.current a img.sprite-icon-outdoor {
    background-position: -623px -387px
}

@media only all and (max-width: 47.937em) {
    div.contextnav-wrapper.icons nav.contextnav.icons ul.testimonials {
        display: block;
        width: 150px;
        margin-left: auto;
        margin-right: auto
    }

    div.contextnav-wrapper.icons nav.contextnav.icons ul.testimonials li a img {
        background-position: -10px -466px
    }

    div.contextnav-wrapper.icons nav.contextnav.icons ul.testimonials li a img.sprite-icon-written {
        background-position: -82px -466px
    }

    .svg div.contextnav-wrapper.icons nav.contextnav.icons ul.testimonials li a img {
        background-position: -2px -308px
    }

    .svg div.contextnav-wrapper.icons nav.contextnav.icons ul.testimonials li a img.sprite-icon-written {
        background-position: -74px -308px
    }

    .svg div.contextnav-wrapper.icons nav.contextnav.icons ul.testimonials li.current a img {
        background-position: -4px -452px
    }

    .svg div.contextnav-wrapper.icons nav.contextnav.icons ul.testimonials li.current a img.sprite-icon-written {
        background-position: -76px -452px
    }

    div.contextnav-toggle {
        font-size: .857rem
    }

    div.contextnav-toggle a {
        color: #e5e5e5
    }

    div.contextnav-toggle a span {
        background: #333;
        border-top: 1px dashed #e6e6e6;
        display: none;
        padding: .571rem;
        text-align: center
    }

    div.contextnav-toggle a span.showlink {
        display: block;
        border-top: none
    }
}

div.contextnav-toggle.open a span.showlink {
    display: none
}

div.contextnav-toggle.open a span.hidelink {
    display: block
}

div.contextnav-breadcrumb ul {
    margin-left: 8px;
    margin-top: 35px
}

div.contextnav-breadcrumb ul li {
    position: relative;
    float: left;
    font-size: 14px;
    padding-right: 10px;
    margin-right: 10px
}

div.contextnav-breadcrumb ul li a {
    color: #333;
    font-weight: 500;
    display: block;
    text-decoration: underline
}

div.contextnav-breadcrumb ul li span {
    color: #333;
    font-weight: 600;
    display: block
}

div.contextnav-breadcrumb ul li a:after {
    content: "/";
    display: inline;
    color: #666;
    font-weight: 300;
    padding: 0 .1rem;
    position: absolute;
    right: -5px;
    pointer-events: none
}

div.contextnav-breadcrumb ul li :last-child a:after {
    content: "";
    padding: 0
}

div.contextnav-breadcrumb ul li:first-child {
    padding-left: 0
}

@media only all and (max-width: 47.937em) {
    div.contextnav-breadcrumb ul {
        margin: 20px
    }

    div.contextnav-breadcrumb ul li {
        padding: 0;
        margin-right: 10px
    }

    div.contextnav-breadcrumb ul li a:after {
        right: -10px
    }
}

#gallery, #gallery .jaf-container {
    position: relative
}

#gallery .jaf-row .folder {
    float: left;
    clear: none;
    margin-right: 2%;
    margin-bottom: 14px;
    font-weight: 400;
    font-size: 1.14rem;
    width: 48%
}

#gallery .jaf-row .folder.endrow, #gallery .jaf-row .folder.second {
    margin-right: 0
}

@media only all and (min-width: 48em) {
    #gallery .jaf-row .folder {
        margin-right: 1.3%;
        width: 24%
    }

    #gallery .jaf-row .folder.second {
        margin-right: 1.3%
    }

    #gallery .jaf-row .folder.endrow {
        margin-right: 0 !important
    }
}

@media only all and (min-width: 64em) {
    #gallery .jaf-row .folder {
        margin-right: 8px;
        width: 239px
    }

    #gallery .jaf-row .folder.second {
        margin-right: 8px
    }
}

#gallery .jaf-row .folder a {
    color: #333;
    line-height: 1.1
}

#gallery .jaf-row .folder a span {
    line-height: 1
}

#gallery .jaf-row .folder a span img {
    width: 100%;
    height: auto
}

@media only all and (min-width: 64em) {
    #gallery .jaf-row .folder a span img {
        width: 237px;
        height: 175px
    }
}

#gallery .folderContent {
    border: 1px solid #ccc;
    padding: 7px 0;
    width: 100%;
    margin: 0 auto 10px;
    position: relative;
    clear: left;
    z-index: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #e7e7e7 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e7e7), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e7e7e7 0, #fff 100%);
    background: -o-linear-gradient(top, #e7e7e7 0, #fff 100%);
    background: -ms-linear-gradient(top, #e7e7e7 0, #fff 100%);
    background: linear-gradient(to bottom, #e7e7e7 0, #fff 100%)
}

#gallery .folderContent p.closebottom, #gallery .folderContent p.closetop {
    display: none
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        padding: 0 4px;
        margin: 0;
        border: none
    }

    #gallery .folderContent p.closebottom, #gallery .folderContent p.closetop {
        display: block;
        width: 100%;
        float: left;
        clear: both;
        text-align: center;
        text-transform: uppercase;
        font-size: 1.14rem;
        font-weight: 400;
        color: #0079bb
    }

    #gallery .folderContent p.closebottom a, #gallery .folderContent p.closetop a {
        display: block;
        padding: 1.5rem 0 2rem
    }

    #gallery .folderContent p.closebottom a {
        padding: 2rem 0 3rem
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent {
        width: 980px;
        margin: 0 0 10px
    }
}

#gallery .folderContent div.summarypic {
    position: relative;
    width: 300px;
    height: 169px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    float: none;
    clear: left
}

#gallery .folderContent div.summarypic iframe.resize, #gallery .folderContent div.summarypic img {
    width: 300px;
    height: 169px
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic {
        width: 357px;
        height: 201px;
        float: left;
        margin: 0 0 0 5px
    }

    #gallery .folderContent div.summarypic iframe.resize, #gallery .folderContent div.summarypic img {
        width: 357px;
        height: 201px
    }

    #gallery .folderContent div.summarypic li {
        position: relative
    }

    #gallery .folderContent div.summarypic img.overlay {
        display: block;
        position: absolute;
        top: 45px;
        left: 109px;
        width: 139.5px;
        height: 108.75px
    }

    #gallery .folderContent div.summarypic img.overlay.watch {
        width: 136.5px;
        height: 90px;
        top: 52.5px;
        left: 110.25px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic, #gallery .folderContent div.summarypic iframe.resize, #gallery .folderContent div.summarypic img {
        width: 476px;
        height: 268px
    }

    #gallery .folderContent div.summarypic img.overlay {
        top: 60px;
        left: 145px;
        width: 186px;
        height: 145px
    }

    #gallery .folderContent div.summarypic img.overlay.watch {
        width: 182px;
        height: 120px;
        top: 70px;
        left: 147px
    }
}

#gallery .folderContent div.summarypic .slidespagination {
    position: absolute;
    bottom: 8px;
    z-index: 9;
    left: 12.6%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination {
        left: 36px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination {
        left: 64px;
        bottom: 6px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination {
        left: 124px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number1 {
    left: 23.7%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number1 {
        left: 144px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number1 {
        left: 172px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number1 {
        left: 232px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number2 {
    left: 23.1%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number2 {
        left: 138px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number2 {
        left: 166px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number2 {
        left: 226px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number3 {
    left: 22.5%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number3 {
        left: 132px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number3 {
        left: 160px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number3 {
        left: 220px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number4 {
    left: 21.9%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number4 {
        left: 126px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number4 {
        left: 154px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number4 {
        left: 214px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number5 {
    left: 21.2%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number5 {
        left: 120px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number5 {
        left: 148px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number5 {
        left: 208px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number6 {
    left: 20.7%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number6 {
        left: 114px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number6 {
        left: 142px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number6 {
        left: 202px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number7 {
    left: 20%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number7 {
        left: 108px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number7 {
        left: 136px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number7 {
        left: 196px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number8 {
    left: 19.4%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number8 {
        left: 102px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number8 {
        left: 130px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number8 {
        left: 190px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number9 {
    left: 32%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number9 {
        left: 96px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number9 {
        left: 124px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number9 {
        left: 184px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number10 {
    left: 18.2px
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number10 {
        left: 90px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number10 {
        left: 118px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number10 {
        left: 178px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number11 {
    left: 17%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number11 {
        left: 84px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number11 {
        left: 112px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number11 {
        left: 172px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number12 {
    left: 15.7%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number12 {
        left: 78px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number12 {
        left: 106px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number12 {
        left: 166px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number13 {
    left: 14.5%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number13 {
        left: 72px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number13 {
        left: 100px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number13 {
        left: 160px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number14 {
    left: 13.3%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number14 {
        left: 66px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number14 {
        left: 94px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number14 {
        left: 154px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number15 {
    left: 12.1%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number15 {
        left: 60px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number15 {
        left: 88px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number15 {
        left: 148px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number16 {
    left: 10.9%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number16 {
        left: 54px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number16 {
        left: 82px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number16 {
        left: 142px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number17 {
    left: 10.9%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number17 {
        left: 48px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number17 {
        left: 76px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number17 {
        left: 136px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number18 {
    left: 10.9%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number18 {
        left: 42px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number18 {
        left: 70px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number18 {
        left: 130px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number19 {
    left: 10.9%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number19 {
        left: 36px
    }
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number19 {
        left: 64px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number19 {
        left: 124px
    }
}

#gallery .folderContent div.summarypic .slidespagination.number20 {
    left: 10.9%
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent div.summarypic .slidespagination.number20 {
        left: 30px
    }
}

#gallery .folderContent div.summarypic .slidespagination a {
    display: block;
    width: 12px;
    height: 0;
    padding-top: 11px;
    background-image: url(pagination-blue.png);
    background-position: 0 0;
    float: left;
    overflow: hidden
}

#gallery .folderContent div.summarypic .slidespagination a.selected {
    background-position: 0 -11px
}

#gallery .folderContent div.summarytext {
    clear: left;
    margin-left: 2%;
    width: 85%
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarypic .slidespagination.number20 {
        left: 58px
    }

    #gallery .folderContent div.summarytext {
        clear: none;
        width: 340px
    }
}

@media only all and (min-width: 64em) {
    #gallery .folderContent div.summarypic .slidespagination.number20 {
        left: 118px
    }

    #gallery .folderContent div.summarytext {
        margin-right: 30px;
        margin-left: 20px;
        width: 438px
    }
}

#gallery .folderContent div.summarytext a {
    font-size: 1rem;
    color: #0079bb
}

#gallery .folderContent div.summarytext h2 {
    margin-top: 20px
}

@media only all and (min-width: 48em) {
    #gallery .folderContent div.summarytext h2 {
        margin-top: 8px
    }
}

#gallery .folderContent div.summarytext p, #gallery .folderContent div.summarytext ul {
    margin-top: 1em;
    line-height: 1.2
}

#gallery .folderContent div.summarytext p span, #gallery .folderContent div.summarytext ul span {
    color: #0079bb
}

#gallery .folderContent div.summarytext p li, #gallery .folderContent div.summarytext ul li {
    float: left;
    line-height: .9;
    margin-left: 0;
    margin-right: 0;
    padding-right: 6px;
    padding-left: 6px;
    border-right: 1px solid #0079bb
}

#gallery .folderContent div.summarytext p li:first-child, #gallery .folderContent div.summarytext ul li:first-child {
    padding-left: 0
}

#gallery .folderContent div.summarytext p li:last-child, #gallery .folderContent div.summarytext ul li:last-child {
    border-right: none;
    padding-right: 0
}

#gallery .folderContent img.summary-pointer {
    display: block;
    position: absolute;
    top: -16px
}

@media only all and (max-width: 47.937em) {
    #gallery .folderContent img.summary-pointer {
        display: none
    }
}

#gallery .col1 img.summary-pointer {
    left: 11.2%
}

@media only all and (min-width: 64em) {
    #gallery .col1 img.summary-pointer {
        left: 110px
    }
}

#gallery .col2 img.summary-pointer {
    left: 36%
}

@media only all and (min-width: 64em) {
    #gallery .col2 img.summary-pointer {
        left: 355px
    }
}

#gallery .col3 img.summary-pointer {
    left: 11.2%
}

@media only all and (min-width: 48em) {
    #gallery .col3 img.summary-pointer {
        left: 61.2%
    }
}

@media only all and (min-width: 64em) {
    #gallery .col3 img.summary-pointer {
        left: 602px
    }
}

#gallery .col4 img.summary-pointer {
    left: 36%
}

#content .comp-pic, #list .item a.fleft, .jaf-row .folder span, div.person-upper span.picture, ul.serviceslist li a.thumblink {
    display: block;
    margin-bottom: 10px;
    padding: 1px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #d4d4d4 0, #e4e4e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d4d4d4), color-stop(100%, #e4e4e4));
    background: -webkit-linear-gradient(top, #d4d4d4 0, #e4e4e4 100%);
    background: -o-linear-gradient(top, #d4d4d4 0, #e4e4e4 100%);
    background: -ms-linear-gradient(top, #d4d4d4 0, #e4e4e4 100%);
    background: linear-gradient(to bottom, #d4d4d4 0, #e4e4e4 100%)
}

#content .comp-pic img, #list .item a.fleft img, .jaf-row .folder img, div.person-upper span.picture img, ul.serviceslist li a.thumblink img {
    padding: 4px;
    margin-bottom: 0 !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #e7e7e7 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e7e7), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e7e7e7 0, #fff 100%);
    background: -o-linear-gradient(top, #e7e7e7 0, #fff 100%);
    background: -ms-linear-gradient(top, #e7e7e7 0, #fff 100%);
    background: linear-gradient(to bottom, #e7e7e7 0, #fff 100%)
}

.pagination {
    margin: 12px 0 0
}

@media only all and (max-width: 47.937em) {
    .pagination {
        margin: 12px 0
    }
}

.pagination li, .pagination span, .pagination ul {
    float: left;
    clear: none;
    margin-right: 6px;
    font-size: 1rem;
    font-weight: 600;
    color: #333
}

#gallery nav.pagination {
    clear: both
}

#wideslideshow {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    margin-top: 22px;
    background: url(ajax-loader.gif) 50% 50% no-repeat #e7e7e7
}

@media only all and (max-width: 47.937em) {
    .pagination li, .pagination span, .pagination ul {
        font-weight: 400
    }

    #wideslideshow {
        margin-top: 0
    }

    div#wideslideshow.overlay.poa-handbook {
        height: 600px
    }

    #footer.mobile-footer #desktop-share ul {
        padding-bottom: 0
    }


    #footer #desktop-share ul li a {
        display: block;
        width: 35px;
        height: 35px;
        border-radius: 46%;
        transition: .3s;
        text-align: center;
        padding: 0
    }
}

@media only all and (min-width: 48em) {
    #gallery .col4 img.summary-pointer {
        left: 86.3%
    }

    #wideslideshow {
        margin-top: 16px
    }

    #wideslideshow .cycle-next, #wideslideshow .cycle-prev {
        display: none
    }
}

#wideslideshow img {
    width: 100%;
    height: auto
}

@media only all and (min-width: 64em) {
    #wideslideshow, #wideslideshow img {
        width: 992px;
        height: 334px
    }

    #gallery .col4 img.summary-pointer {
        left: 849px
    }

    #wideslideshow {
        margin-top: 22px
    }
}

#wideslideshow div.slidetext {
    position: absolute;
    z-index: 5;
    top: 35px;
    left: 46px;
    display: block
}

@media only all and (max-width: 47.937em) {
    #wideslideshow div.slidetext {
        top: 18px;
        left: 20px
    }
}

@media only all and (min-width: 48em) {
    #wideslideshow div.slidetext {
        top: 24px;
        left: 22px
    }
}

@media only all and (min-width: 64em) {
    #wideslideshow div.slidetext {
        top: 35px;
        left: 46px
    }
}

@media only all and (min-width: 78em) {
    #wideslideshow, #wideslideshow img {
        width: 1200px;
        height: 390px
    }

    #wideslideshow div.slidetext {
        left: 150px
    }
}

#wideslideshow div.slidetext span {
    font-size: 3.57rem;
    font-weight: 400;
    line-height: 1.2;
    color: #06c;
    background: rgba(255, 255, 255, .5);
    display: inline-block;
    padding: 0 12px
}

@media only all and (max-width: 47.937em) {
    #wideslideshow div.slidetext span {
        font-size: 1.29rem;
        padding: 0 6px;
        background: rgba(255, 255, 255, .6)
    }

    #homeslideshow {
        display: none
    }
}

@media only all and (min-width: 48em) {
    #wideslideshow div.slidetext span {
        font-size: 3.5rem;
        padding: 0 8px
    }
}

@media only all and (min-width: 64em) {
    #wideslideshow div.slidetext span {
        font-size: 3.57rem;
        padding: 0 12px
    }
}

#homeslideshow {
    padding-top: 28px
}

#homeslideshow #wideslideshow {
    margin-top: 0
}

.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 5;
    overflow: hidden;
    position: relative;
    height: 32px;
    margin-top: -32px
}

@media only all and (min-width: 48em) {
    #homeslideshow {
        padding-top: 16px
    }

    .cycle-pager {
        height: 26px;
        margin-top: -26px
    }
}

@media only all and (min-width: 64em) {
    #homeslideshow {
        padding-top: 28px
    }

    .cycle-pager {
        height: 32px;
        margin-top: -32px
    }
}

.cycle-pager span {
    font-family: arial;
    font-size: 3rem;
    width: 14px;
    height: 14px;
    display: inline-block;
    color: #e2e2e2;
    cursor: pointer;
    position: relative;
    z-index: 600
}

@media only all and (min-width: 48em) {
    .cycle-pager span {
        width: 12px;
        height: 12px
    }
}

@media only all and (min-width: 64em) {
    .cycle-pager span {
        width: 14px;
        height: 14px
    }
}

.cycle-pager span.cycle-pager-active {
    color: #35a2d5
}

.cycle-pager > * {
    cursor: pointer
}

@media only all and (max-width: 47.937em) {
    .cycle-pager span.cycle-pager-active {
        color: #666
    }

    #homeslideshow + .cycle-pager, #popslideshow.mobile-pop {
        display: none
    }

    #popslideshow.mobile-pop.mobile-pop-show {
        display: block;
        position: fixed;
        -webkit-backface-visibility: hidden;
        overflow: auto;
        -webkit-overflow-scrolling: auto;
        z-index: 1000;
        left: 0;
        background: #fff;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    #popslideshow.mobile-pop.mobile-pop-show .cycle-next, #popslideshow.mobile-pop.mobile-pop-show .cycle-prev {
        display: block;
        width: 2.1rem;
        height: 3.986rem;
        position: absolute;
        top: 35%;
        z-index: 1007
    }

    #popslideshow.mobile-pop.mobile-pop-show .cycle-prev {
        left: 3%;
        background: url(grey-popup-arrow-left.png) top left no-repeat;
        background-size: 2.1rem 3.986rem
    }

    #popslideshow.mobile-pop.mobile-pop-show .cycle-next {
        right: 3%;
        background: url(grey-popup-arrow-right.png) top left no-repeat;
        background-size: 2.1rem 3.986rem
    }

    .svg #popslideshow.mobile-pop.mobile-pop-show .cycle-prev {
        background: url(grey-popup-arrow-left.svg) top left no-repeat;
        background-size: 2.1rem 3.986rem
    }

    .svg #popslideshow.mobile-pop.mobile-pop-show .cycle-next {
        background: url(grey-popup-arrow-right.svg) top left no-repeat;
        background-size: 2.1rem 3.986rem
    }

    a.view-images {
        display: block;
        font-size: .857rem;
        background: url(view-images-bg.png) left center no-repeat;
        background-size: 1.392rem 1.257rem;
        padding-top: .25rem;
        padding-left: 1.7rem;
        margin: .5rem 0 .2rem 2px;
        min-height: 1.392rem;
        color: #333
    }
}

@media only all and (max-width: 47.937em) and (orientation: landscape) {
    #popslideshow.mobile-pop.mobile-pop-show {
        top: 0 !important;
        transform: none;
        -webkit-transform: none
    }
}

img.hero {
    width: 100%;
    height: auto
}

@media only all and (max-width: 47.937em) {
    .svg a.view-images {
        background: url(view-images-bg.svg) left center no-repeat;
        background-size: 1.392rem 1.257rem
    }

    a.logo-close {
        display: block;
        background: url(logo-refresh.png) 4px 4px no-repeat;
        width: 100%;
        height: 50px;
        background-size: 107.52px 42px;
        position: relative
    }

    a.logo-close:after {
        display: block;
        content: "CLOSE";
        position: absolute;
        top: 16px;
        right: 8px;
        font-size: 1.14rem;
        font-weight: 400
    }

    .svg a.logo-close {
        background: url(refresh-logo.svg) 4px 4px no-repeat;
        background-size: 107.52px 42px
    }
}

#listfilter a.close:before, #mobile-links li a:before, #mobile-menu a.close:before, #mobile-menu h2:after, #open-filter:before {
    content: ""
}

@media only all and (min-width: 48em) {
    #landingcontent {
        margin: 0
    }
}

@media only all and (min-width: 64em) {
    #landingcontent {
        margin: 0
    }
}

div.landingblock {
    width: 100%;
    padding: 0 8px;
    margin: 0 auto
}

@media only all and (min-width: 48em) {
    div.landingblock {
        width: 768px;
        padding: 0
    }
}

@media only all and (min-width: 64em) {
    div.landingblock {
        width: 992px
    }
}

@media only all and (min-width: 78em) {
    div.landingblock {
        width: 1200px
    }
}

div.landingblock div.image {
    width: 100%;
    overflow: hidden
}

@media only all and (min-width: 48em) {
    div.landingblock div.image {
        width: 46%
    }
}

div.landingblock div.image img {
    float: none;
    width: 100%;
    height: auto
}

@media only all and (min-width: 64em) {
    div.landingblock div.image img {
        width: auto
    }
}

div.landingblock.imageleft div.image {
    float: left
}

@media only all and (max-width: 47.937em) {
    div.landingblock div.image {
        margin-top: 12px !important
    }

    div.landingblock.imageleft div.image {
        float: none
    }
}

@media only all and (min-width: 48em) {
    div.landingblock.imageleft div.image {
        width: 418px
    }
}

@media only all and (min-width: 64em) {
    div.landingblock.imageleft div.image {
        width: 541px
    }
}

@media only all and (min-width: 78em) {
    div.landingblock.imageleft div.image {
        width: 645px
    }
}

@media only all and (min-width: 48em) {
    div.landingblock.imageleft div.image img {
        float: right;
        width: auto;
        max-width: 430px
    }
}

@media only all and (min-width: 64em) {
    div.landingblock.imageleft div.image img {
        width: auto;
        max-width: none
    }
}

div.landingblock.imageright div.image {
    float: right
}

@media only all and (max-width: 47.937em) {
    div.landingblock.imageright div.image {
        float: none
    }
}

@media only all and (min-width: 48em) {
    div.landingblock.imageright div.image {
        width: 430px
    }
}

@media only all and (min-width: 64em) {
    div.landingblock.imageright div.image {
        width: 556px
    }
}

@media only all and (min-width: 78em) {
    div.landingblock.imageright div.image {
        width: 660px
    }
}

@media only all and (min-width: 48em) {
    div.landingblock.imageright div.image img {
        float: left;
        width: auto;
        max-width: 508px
    }
}

@media only all and (min-width: 64em) {
    div.landingblock.imageright div.image img {
        width: auto;
        max-width: none
    }
}

div.landingblock div.text {
    float: none;
    padding: 0 4px 16px
}

div.landingblock div.text h1, div.landingblock div.text h2 {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 1.29rem
}

@media only all and (min-width: 48em) {
    div.landingblock div.text {
        width: 332px
    }

    div.landingblock div.text h1, div.landingblock div.text h2 {
        font-size: 1.49rem;
        margin-top: 0;
        margin-bottom: 12px
    }

    div.landingblock div.text p {
        display: inline
    }
}

@media only all and (min-width: 64em) {
    div.landingblock div.text {
        width: 420px
    }

    div.landingblock div.text h1, div.landingblock div.text h2 {
        font-size: 1.57rem;
        margin-top: 0;
        margin-bottom: 16px
    }
}

div.landingblock div.text p {
    margin-bottom: 12px;
    line-height: 1.3
}

@media only all and (max-width: 47.937em) {
    div.landingblock div.text {
        padding: 0 0 16px !important
    }

    div.landingblock div.text h1, div.landingblock div.text h2 {
        font-weight: 400;
        color: #0079bb;
        text-align: center
    }

    div.landingblock div.text p {
        text-align: center;
        max-width: 20rem;
        margin-right: auto;
        margin-left: auto
    }

    div.landingblock.imageleft div.text {
        padding: 0;
        float: none
    }
}

@media only all and (min-width: 48em) {
    div.landingblock.imageleft div.text {
        padding: 0 31px 16px 0;
        float: left
    }
}

@media only all and (min-width: 64em) {
    div.landingblock.imageleft div.text {
        padding: 0 31px 24px 0;
        float: left
    }
}

@media only all and (min-width: 78em) {
    div.landingblock.imageleft div.text {
        padding: 0 135px 24px 0;
        width: 555px
    }
}

@media only all and (max-width: 47.937em) {
    div.landingblock.imageright div.text {
        padding: 0;
        float: none
    }
}

@media only all and (min-width: 48em) {
    div.landingblock.imageright div.text {
        padding: 0 0 16px 12px;
        float: left
    }

    div.landingblock ul.buttons {
        margin-top: 12px
    }
}

@media only all and (min-width: 64em) {
    div.landingblock.imageright div.text {
        padding: 0 0 24px 16px;
        float: left
    }
}

@media only all and (min-width: 78em) {
    div.landingblock.imageright div.text {
        padding: 0 0 24px 120px;
        width: 540px
    }
}

div.landingblock ul.buttons {
    width: 100%
}

@media only all and (max-width: 47.937em) {
    div.landingblock ul.buttons {
        width: 14.5rem;
        margin-right: auto;
        margin-left: auto
    }

    div.landingblock ul.buttons li a {
        padding: 5px 1rem
    }
}

div.landingblock ul.buttons li {
    margin: 0 .575rem 0 0;
    float: left;
    font-size: .93rem;
    font-weight: 400;
    font-style: normal
}

div.landingblock ul.buttons li:last-child {
    margin: 0
}

div.landingblock ul.buttons li a {
    display: block;
    text-align: center
}

@media only all and (min-width: 48em) {
    div.landingblock ul.buttons li a {
        text-align: center;
        padding: 6px 26px 5px
    }
}

@media only all and (min-width: 64em) {
    div.landingblock ul.buttons {
        width: 400px
    }

    div.landingblock ul.buttons li {
        width: 140px
    }

    div.landingblock ul.buttons li a {
        height: 24px;
        padding: 6px 0 0
    }
}

@media only all and (max-width: 47.937em) {
    #partial-home div.landingblock div.text.fleft[style="padding-top: 105px;"] ul {
        width: 17rem
    }

    #landingcontent .landingblock.services div.intro h1, #landingcontent .landingblock.services div.intro h2 {
        margin-right: auto;
        margin-left: auto
    }
}

@media only all and (min-width: 48em) {
    #landingcontent .landingblock.services {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media only all and (min-width: 64em) {
    #landingcontent .landingblock.services {
        width: 992px;
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto
    }
}

@media only all and (min-width: 78em) {
    #landingcontent .landingblock.services {
        width: 1000px
    }
}

#landingcontent .landingblock.services div.intro h1, #landingcontent .landingblock.services div.intro h2 {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 1.29rem
}

@media only all and (min-width: 48em) {
    #landingcontent .landingblock.services div.intro {
        padding: 16px 0 10px
    }

    #landingcontent .landingblock.services div.intro h1, #landingcontent .landingblock.services div.intro h2 {
        float: left;
        margin-right: 8px;
        font-size: 1.57rem;
        margin-top: 0;
        margin-bottom: 0
    }

    #landingcontent .landingblock.services div.intro span.view {
        float: left;
        font-style: italic;
        font-weight: 400;
        margin-top: 6px
    }
}

@media only all and (min-width: 64em) {
    #landingcontent .landingblock.services div.intro {
        padding: 40px 0 14px
    }

    #landingcontent .landingblock.services div.intro span.view {
        margin-top: 9px
    }

    #landingcontent .landingblock.services ul.serviceslist {
        margin-bottom: 35px
    }
}

ul.serviceslist li {
    float: left;
    clear: none;
    width: 134px;
    height: 152px;
    margin-right: 7px;
    margin-bottom: 12px
}

#content .intro .intro-paras, #content .intro p {
    clear: left;
    padding-top: 1em
}

ul.serviceslist li img {
    width: 134px;
    height: 104px
}

ul.serviceslist li a.thumblink {
    margin-bottom: 4px
}

ul.serviceslist li a.textlink {
    color: #333;
    font-size: 16px;
    font-weight: 400
}

#content .intro {
    margin-bottom: 12px
}

@media only all and (max-width: 47.937em) {
    #landingcontent .landingblock.services div.intro span.view {
        display: none
    }

    ul.serviceslist li {
        width: 48%;
        margin-right: 2%;
        height: 100%
    }

    ul.serviceslist li img {
        width: 100%;
        height: auto
    }

    #content .intro {
        margin-bottom: 8px
    }
}

@media only all and (min-width: 48em) {
    #content .intro {
        margin-bottom: 8px
    }
}

@media only all and (min-width: 64em) {
    ul.serviceslist li:nth-child(14), ul.serviceslist li:nth-child(7) {
        margin-right: 0
    }

    #content .intro {
        margin-bottom: 12px
    }
}

#content .intro img.enquire {
    float: right;
    margin: 4px 10px 6px 20px;
    background-image: url(sprites.png)
}

@media only all and (max-width: 47.937em) {
    #content .intro img.enquire {
        width: 40%;
        margin: 0 0 6px 2%
    }
}

#content .intro h1 {
    float: left;
    margin-right: 8px;
    max-width: 70%
}

@media only all and (max-width: 47.937em) {
    #content .intro h1 {
        float: none;
        max-width: 100%;
        margin-right: 0
    }

    #content .intro a.view, #content .intro span.view {
        display: none
    }
}

#content .intro a.view, #content .intro span.view {
    float: left;
    margin-top: 9px;
    font-style: italic;
    font-weight: 400
}

#content .intro span.view {
    font-weight: 300
}

#content .intro h4, #content .intro h5, #content .intro h6, #content .intro p {
    line-height: 1.5
}

#content .intro .intro-paras p {
    clear: none;
    display: inline;
    line-height: 1.2;
    padding-top: 0
}

#content .intro .intro-paras div.notmobile {
    display: inline
}

#content .intro.borderbottom, #content .intro.cwi {
    border-bottom: 1px dashed #666
}

@media only all and (max-width: 47.937em) {
    #content .intro .intro-paras div.notmobile {
        display: none
    }

    #content .intro.borderbottom, #content .intro.cwi {
        padding-bottom: 1rem
    }
}

@media only all and (min-width: 48em) {
    #content .intro img.enquire {
        width: 181.54px;
        height: 76.6px;
        background-position: 4.536% 12.453%;
        background-size: 536.2px 482.58px
    }

    #content .intro h1 {
        max-width: 100%
    }

    #content .intro a.view, #content .intro span.view {
        margin-top: 6px
    }

    #content.panorama {
        padding: 24px 4px 0
    }
}

@media only all and (min-width: 64em) {
    #content .intro img.enquire {
        width: 237px;
        height: 100px;
        background-position: 4.536% 12.453%;
        background-size: 700px 630px
    }

    #content .intro h1 {
        max-width: 700px
    }

    #content .intro a.view, #content .intro span.view {
        margin-top: 9px
    }

    #content.panorama {
        width: 992px;
        padding: 35px 4px 0
    }

    #content.contact #content-body .pagecopy p strong {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: .5px
    }

    #content.contact #content-body .pagecopy p {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0
    }

    #content.contact #content-body h3 {
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: normal;
        color: #333
    }

    #content.contact #content-body strong {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: normal;
        color: #333
    }

    #content.contact #content-body p span a span {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.63;
        color: #016330
    }

    #content.contact #content-body p {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.63;
        color: #333
    }

    #content.contact #content-body li a {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.63;
        color: #016330
    }

    #content.contact #content-body .content-left {
        margin: -12px 42px 0 -45px;
        max-width: 505px
    }

    #content.contact #content-body .notmobile.contact-us-desktop {
        margin-top: 6px;
        letter-spacing: .5px
    }

    #content.contact #content-body .content-left .pagecopy p:nth-of-type(2) {
        padding-top: 6px
    }
}

@media only all and (min-width: 78em) {
    #content.panorama {
        width: 1200px;
        padding: 80px 0 0
    }

    .justipad {
        display: none
    }
}

#content.panorama #content-body {
    padding-bottom: .857rem
}

@media only all and (min-width: 48em) {
    #content.panorama #content-body {
        float: left;
        width: 63%;
        margin-left: 6px
    }
}

@media only all and (min-width: 64em) {
    #content.panorama #content-body {
        padding-left: 6px;
        margin-left: 0
    }
}

@media only all and (min-width: 78em) {
    #content.panorama #content-body {
        padding-left: 9px
    }
}

@media only all and (min-width: 48em) {
    #content.panorama #content-right {
        float: left;
        width: 33%;
        margin-left: 3%
    }

    #content.panorama #content-right.form {
        padding-left: 1rem
    }
}

@media only all and (min-width: 64em) {
    #content.panorama #content-right.form {
        width: 334px;
        padding-left: 1.285rem
    }
}

#content.panorama #content-right .sidebar {
    padding-top: .714rem
}

#content.panorama #content-right #personalisation-banner {
    z-index: 5;
    width: 324px;
    background: url(ajax-loader.gif) 50% 50% no-repeat;
    margin: 0 0 30px 19px
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right .sidebar {
        padding-top: 0
    }

    #content.panorama #content-right #personalisation-banner {
        width: 100%;
        margin: 0 0 1rem
    }

    #content.panorama #content-right #personalisation-banner a, #content.panorama #content-right #personalisation-banner img {
        max-width: 100%;
        height: auto
    }
}

@media only all and (min-width: 48em) {
    #content.panorama #content-right #personalisation-banner {
        width: 256px;
        margin: 0 0 2.142rem 1rem
    }

    #content.panorama #content-right #personalisation-banner a, #content.panorama #content-right #personalisation-banner img {
        max-width: 100%;
        height: auto
    }
}

@media only all and (min-width: 64em) {
    #content.panorama #content-right #personalisation-banner {
        width: 324px;
        margin: 0 0 30px 19px
    }
}

#content.panorama #content-right #page-banner {
    z-index: 5;
    width: 324px;
    margin: 0 0 30px 19px
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right #page-banner {
        width: 100%;
        margin: 0 0 1rem
    }

    #content.panorama #content-right #page-banner a, #content.panorama #content-right #page-banner img {
        max-width: 100%;
        height: auto
    }
}

@media only all and (min-width: 48em) {
    #content.panorama #content-right #page-banner {
        width: 256px;
        margin: 0 0 2.142rem 1rem
    }

    #content.panorama #content-right #page-banner a, #content.panorama #content-right #page-banner img {
        max-width: 100%;
        height: auto
    }
}

@media only all and (min-width: 64em) {
    #content.panorama #content-right #page-banner {
        width: 324px;
        margin: 0 0 30px 19px
    }
}

#content.panorama #content-right #rotate-banner {
    z-index: 5;
    width: 324px;
    height: 324px;
    background: url(ajax-loader.gif) 50% 50% no-repeat;
    margin: 0 0 30px 19px
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right #rotate-banner {
        width: 100%;
        margin: 0 0 1rem
    }

    #content.panorama #content-right #rotate-banner a, #content.panorama #content-right #rotate-banner img {
        max-width: 100%;
        height: auto
    }
}

@media only all and (min-width: 48em) {
    #content.panorama #content-right #rotate-banner {
        width: 256px;
        height: 256px;
        margin: 0 0 2.142rem 1rem
    }

    #content.panorama #content-right #rotate-banner a, #content.panorama #content-right #rotate-banner img {
        max-width: 100%;
        height: auto
    }
}

@media only all and (min-width: 64em) {
    #content.panorama #content-right #rotate-banner {
        width: 324px;
        height: 324px;
        margin: 0 0 30px 19px
    }
}

#content.panorama #content-right #rotate-banner img {
    border: 5px solid #ccc
}

#content.panorama #content-right .sidebarvid {
    margin-left: 1rem;
    border: 5px solid #ccc;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.308%;
    position: relative
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right .sidebarvid {
        margin-left: 0
    }
}

@media only all and (min-width: 48em) {
    #content.panorama #content-right .sidebarvid {
        width: 256px
    }
}

@media only all and (min-width: 64em) {
    #content.panorama #content-right .sidebarvid {
        width: 324px;
        margin-left: 19px
    }
}

#content.panorama #content-right .sidebarvid iframe {
    vertical-align: bottom
}

#content.panorama #content-right .sidebarvid embed, #content.panorama #content-right .sidebarvid iframe, #content.panorama #content-right .sidebarvid object, #content.panorama #content-right .sidebarvid video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#content.panorama #content-right .sidebarvidlink {
    color: #333;
    font-size: 1.07rem;
    line-height: 1.2;
    margin: .428rem 0 1rem 1.357rem
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right .sidebarvidlink {
        margin: 0 0 1rem
    }
}

#content.panorama #content-right .sidebarvidlink a {
    color: #333
}

#content.panorama #content-right .sidebarvidlink a:hover {
    color: #0079bb
}

#content.panorama #content-right.form #page-banner, #content.panorama #content-right.form #personalisation-banner, #content.panorama #content-right.form #rotate-banner {
    margin: 0 0 2.142rem
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right.form #page-banner, #content.panorama #content-right.form #personalisation-banner, #content.panorama #content-right.form #rotate-banner {
        margin: 0 auto 1rem
    }
}

#content.panorama #content-right.form .sidebarvid {
    margin-left: 0
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right.form .sidebarvid {
        margin: 0 auto
    }
}

#content.panorama #content-right.form .sidebarvidlink {
    margin: .428rem 0 1rem
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right.form .sidebarvidlink {
        margin: .4rem auto 1rem
    }
}

#content.panorama #beforeslideshow {
    position: relative;
    z-index: 5;
    width: 339px;
    height: 354px;
    margin-top: -55px;
    margin-left: 18px;
    background: url(ajax-loader.gif) 50% 50% no-repeat
}

@media only all and (max-width: 47.937em) {
    #content.panorama #beforeslideshow {
        max-width: 100%;
        margin-top: 0;
        margin-left: 0
    }

    #content h1 {
        color: #0079bb;
        font-weight: 400
    }
}

@media only all and (min-width: 48em) {
    #content.panorama #beforeslideshow {
        width: 259.67px;
        height: 271.16px;
        margin-top: -42.13px;
        margin-left: 13.79px
    }
}

@media only all and (min-width: 64em) {
    #content.panorama #beforeslideshow {
        width: 339px;
        height: 354px;
        margin-top: -55px;
        margin-left: 18px
    }
}

#content.panorama #beforeslideshow img {
    background: 0 0;
    max-width: 100%;
    height: auto
}

#content-body p {
    margin: 1.428rem 0;
    line-height: 1.5
}

#content-body .blog-image-block .content-box p {
    margin: 6px 0
}

#content-body p:first-child {
    margin-top: 0
}

#content-body h3 + p {
    margin-top: .285rem
}

#content-body .pagecopy ul {
    list-style-type: disc
}

#content-body .pagecopy ol li, #content-body .pagecopy ul li {
    margin: .285rem 0 .285rem 1.5rem;
    line-height: 1.5
}

#content-body h3 {
    color: #0079bb;
    font-size: 1.285rem;
    font-weight: 300
}

#content-body ul + h3 {
    margin-top: 1.714rem
}

#content-body h3, #content-body h4, #content-body h5, #content-body h6 {
    line-height: 1.5
}

#content-body h6 {
    color: #666;
    font-size: .857rem;
    font-weight: 300;
    margin-bottom: 0
}

@media only all and (max-width: 47.937em) {
    #content-body img {
        max-width: 100%;
        height: auto !important;
        margin-bottom: .5rem
    }
}

div.person-upper h1, div.person-upper span.picture {
    margin-bottom: 1rem
}

#content-body img.fullwidth, #wrapper #pagecontent .fullwidth {
    width: 100% !important;
    height: auto !important
}

@media only all and (max-width: 47.937em) {
    #content-body img.fleft {
        max-width: 100%;
        height: auto
    }
}

#content-body div.flex-video {
    width: 100%;
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-bottom: 56.308%;
    position: relative
}

#mobile-contact-chooser, #mobile-menu, #mobile-search, #mobile-share-instantly, #mobile-welcome {
    -webkit-overflow-scrolling: auto
}

@media only all and (min-width: 64em) {
    #content-body div.flex-video {
        width: 620px;
        padding-bottom: 349px
    }
}

@media only all and (min-width: 78em) {
    #content-body div.flex-video {
        width: 650px;
        padding-bottom: 366px
    }
}

#content-body div.flex-video embed, #content-body div.flex-video iframe, #content-body div.flex-video object, #content-body div.flex-video video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only all and (min-width: 48em) {
    div.person-upper h1 {
        float: right;
        width: 276px
    }
}

@media only all and (min-width: 64em) {
    div.person-upper h1 {
        width: 358px
    }
}

@media only all and (min-width: 78em) {
    div.person-upper h1 {
        width: 392px
    }
}

@media only all and (min-width: 48em) {
    div.person-upper span.picture {
        margin-bottom: 0;
        float: left;
        width: 184px;
        margin-right: 15px
    }
}

@media only all and (min-width: 64em) {
    div.person-upper span.picture {
        width: 239px;
        margin-right: 20px
    }
}

div.person-upper span.picture img {
    width: 100%;
    height: auto
}

@media only all and (min-width: 48em) {
    div.person-upper div {
        float: right;
        width: 276px
    }
}

@media only all and (min-width: 64em) {
    div.person-upper div {
        width: 358px
    }
}

@media only all and (min-width: 78em) {
    div.person-upper div {
        width: 392px
    }
}

div.person-upper div p {
    margin: 0 !important
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right div.form {
        margin: 0 0 1rem;
        padding: 1rem .9rem;
        background-color: #f1f1f1;
        border-radius: 18px
    }

    #content.panorama #content-right div.form .input input {
        width: 100%
    }
}

@media only all and (min-width: 769px) {
    #content.panorama #content-right div.form {
        margin: 0 0 2.142rem 0;
        padding: .913rem .77rem 1.142rem .77rem;
        background-color: #f1f1f1;
        border-radius: 18px
    }

    #content.panorama #content-right div.form .input input {
        width: 100%
    }
}

@media only all and (min-width: 1025px) {
    #content.panorama #content-right div.form {
        margin: 0 0 2.142rem 0;
        padding: 26px 34px 35px 34px;
        background-color: #f1f1f1;
        border-radius: 18px
    }
}

#content.panorama #content-right div.form label, #content.panorama #content-right div.form legend, #content.panorama #content-right div.form p {
    font-size: 1.07rem;
    color: #333
}

#content.panorama #content-right div.form p {
    margin: .714rem 0;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    color: #333
}

#content.panorama #content-right div.form h2 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #333
}

#content.panorama #content-right div.form label.error {
    color: #b00321
}

#content.panorama #content-right div.form .input input {
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: .57rem
}

@media only all and (min-width: 48em) {
    #content.panorama #content-right div.form .input.halfwidth {
        width: 48.5%;
        margin-right: 3%;
        float: left
    }
}

#content.panorama #content-right div.form .input.halfwidth.lastname {
    margin-right: 0
}

#content.panorama #content-right div.form .input.halfwidth input {
    width: 100%
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right div.form .input.halfwidth input {
        width: 100%
    }
}

#content.panorama #content-right div.form fieldset fieldset p {
    margin: .428rem 0 .285rem
}

#content.panorama #content-right div.form fieldset fieldset p.subscribe {
    margin: 1.285rem 0 .285rem
}

#content.panorama #content-right div.form .checklets div.checker {
    float: left
}

#content.panorama #content-right div.form .checklets span.fleft {
    width: 230px
}

@media only all and (min-width: 48em) {
    #content.panorama #content-right div.form .checklets span.fleft {
        width: 200px
    }
}

@media only all and (min-width: 64em) {
    #content.panorama #content-right div.form .checklets span.fleft {
        width: 260px
    }
}

#content.panorama #content-right div.form .fleft.country div.fancy-select {
    width: 250px
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right div.form .fleft.country {
        float: none
    }

    #content.panorama #content-right div.form .fleft.country div.fancy-select {
        width: 100%
    }
}

@media only all and (min-width: 48em) {
    #content.panorama #content-right div.form .fleft.country div.fancy-select {
        width: 233px
    }
}

@media only all and (min-width: 64em) {
    #content.panorama #content-right div.form .fleft.country div.fancy-select {
        width: 287px
    }
}

#content.panorama #content-right div.form .fleft.country div.fancy-select div.trigger {
    width: 250px
}

@media only all and (min-width: 48em) {
    #content.panorama #content-right div.form .fleft.country div.fancy-select div.trigger {
        width: 100%
    }
}

#content.panorama #content-right div.form input#intouch-submit {
    text-align: center;
    font-size: 1.5rem;
    padding: 5px 0;
    color: #fff;
    background: #0079bb;
    border: 0;
    width: 100%;
    margin-top: .571rem
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right div.form .fleft.country div.fancy-select div.trigger, #content.panorama #content-right div.form input#intouch-submit {
        width: 100%
    }
}

#content.panorama #content-right div.form .progress {
    width: 101% !important;
    height: 102% !important;
    left: -1px !important
}

#content.panorama #content-right div.form .progress#prog2 {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important
}

#right-getintouch div.selector {
    width: 223px
}

#right-getintouch div.selector select {
    min-width: 221px
}

#right-getintouch div.selector span {
    padding: 0 40px 0 2px;
    width: 178px
}

.adwordstracking iframe {
    border: none
}

.theformarea-rh {
    position: relative
}

#theformarea-rh-extended {
    position: absolute;
    z-index: 105;
    background: #fff
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended {
        left: -8px;
        top: 0;
        width: 300px;
        height: 82rem;
        border: 5px solid #ccc
    }
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended {
        right: -8px;
        top: -11.49px;
        width: 766.77px;
        padding-left: 22.98px;
        height: 380px;
        border: 3.83px solid #ccc;
        border-left: 36.77px solid #ccc
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended {
        right: -22px;
        top: -15px;
        width: 1001px;
        padding-left: 30px;
        height: 447px;
        border: 5px solid #ccc;
        border-left: 48px solid #ccc
    }
}

@media only all and (min-width: 78em) {
    #theformarea-rh-extended {
        right: -5px
    }
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended .col1, #theformarea-rh-extended .col2 {
        float: none;
        width: 100%
    }

    #theformarea-rh-extended h2 {
        margin: 1rem .571rem .571rem
    }
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended .col1, #theformarea-rh-extended .col2 {
        width: 233.63px
    }

    #theformarea-rh-extended h2 {
        margin: 15.32px 12.26px 7.66px 0
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended .col1, #theformarea-rh-extended .col2 {
        width: 305px
    }

    #theformarea-rh-extended h2 {
        margin: 20px 16px 10px 0
    }
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended form.fleft {
        float: none;
        margin: 0 0 1rem 90px
    }
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended form.fleft {
        margin-top: 18.38px
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended form.fleft {
        margin-top: 24px
    }
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended p.instructions {
        margin: 0 .571rem 1rem !important
    }
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended p.instructions {
        margin: 0 0 12.26px !important;
        width: 455.77px
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended p.instructions {
        margin: 0 0 16px !important;
        width: 595px
    }
}

#theformarea-rh-extended .input input, #theformarea-rh-extended .input textarea {
    background: #fff !important
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended .input {
        margin: 0 .571rem 1rem !important
    }

    #theformarea-rh-extended .input input, #theformarea-rh-extended .input textarea {
        width: 100% !important;
        border: 1px solid #ccc !important;
        margin: 0 !important
    }
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended .input input, #theformarea-rh-extended .input textarea {
        width: 219.08px !important;
        border: 1px solid #ccc !important;
        margin-right: 13.79px;
        margin-bottom: 12.26px !important
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended .input input, #theformarea-rh-extended .input textarea {
        width: 286px !important;
        border: 1px solid #ccc !important;
        margin-right: 18px;
        margin-bottom: 16px !important
    }
}

#theformarea-rh-extended .input.halfwidth {
    float: left
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended .input.halfwidth {
        width: 104.18px !important;
        margin-right: 9.19px !important
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended .input.halfwidth {
        width: 136px !important;
        margin-right: 12px !important
    }
}

#theformarea-rh-extended .input.halfwidth.lastname {
    margin-right: 0
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended .input.halfwidth {
        float: none
    }

    #theformarea-rh-extended .input.halfwidth input {
        width: 100% !important
    }

    #theformarea-rh-extended .input textarea {
        padding: .285rem .428rem;
        height: 4rem
    }

    #theformarea-rh-extended .country {
        margin-bottom: 1rem
    }
}

#theformarea-rh-extended .country {
    display: block
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended .input.halfwidth input {
        width: 104.18px !important
    }

    #theformarea-rh-extended .input textarea {
        padding: 3.06px 4.6px 4.6px;
        height: 92.69px
    }

    #theformarea-rh-extended .country {
        margin-bottom: 12.26px
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended .input.halfwidth input {
        width: 136px !important
    }

    #theformarea-rh-extended .input textarea {
        padding: 4px 6px 6px;
        height: 121px
    }

    #theformarea-rh-extended .country {
        margin-bottom: 16px
    }
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended div.fancy-select {
        margin: 0 .571rem 1rem !important
    }

    #theformarea-rh-extended div.fancy-select div.trigger {
        width: 100% !important
    }
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended div.fancy-select div.trigger {
        width: 219.08px !important
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended div.fancy-select div.trigger {
        width: 286px !important
    }
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended div.fancy-select ul.options {
        width: 100% !important
    }

    #theformarea-rh-extended a#closelinkleft {
        display: none
    }
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended .multi .fancy-select ul.options {
        width: 264.27px !important
    }

    #theformarea-rh-extended a#closelinkleft {
        left: -36px;
        top: 125.62px
    }
}

#theformarea-rh-extended a#closelinkleft {
    position: absolute
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended .multi .fancy-select ul.options {
        width: 345px !important
    }

    #theformarea-rh-extended a#closelinkleft {
        left: -47px;
        top: 164px
    }
}

#theformarea-rh-extended a#closelinkright {
    position: absolute;
    color: #333
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended a#closelinkright {
        position: static;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.285rem;
        display: block;
        text-align: center;
        padding: .8rem 0
    }

    #theformarea-rh-extended .col3 {
        float: none
    }

    #theformarea-rh-extended .col3 label.radiostyle {
        margin-bottom: 1rem;
        padding-left: 1rem
    }
}

#theformarea-rh-extended .col3 label {
    display: block
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended a#closelinkright {
        right: 3.83px;
        top: 3.06px
    }

    #theformarea-rh-extended .col3 {
        width: 206.82px;
        margin-left: 26.81px
    }

    #theformarea-rh-extended .col3 label {
        margin-bottom: 5.36px
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended a#closelinkright {
        right: 5px;
        top: 4px
    }

    #theformarea-rh-extended .col3 {
        width: 270px;
        margin-left: 35px
    }

    #theformarea-rh-extended .col3 label {
        margin-bottom: 7px
    }
}

#theformarea-rh-extended input.submitbutton {
    background: #0079bb;
    border: none;
    color: #fff;
    font-size: 1.143rem;
    font-weight: 400;
    text-align: center
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended input.submitbutton {
        padding: .214rem;
        width: 95%;
        display: block;
        margin-right: auto;
        margin-left: auto
    }
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended input.submitbutton {
        padding: 2.3px 0;
        margin-top: 3.06px;
        width: 697.06px
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended input.submitbutton {
        padding: 3px 0;
        margin-top: 4px;
        width: 910px
    }
}

#theformarea-rh-extended label.error {
    font-size: .786rem !important
}

#theformarea-rh-extended .progress {
    background: url(ajax-loader.gif) 50% 50% no-repeat #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

.radiostyle div.checker span, .radiostyle div.radio span, .svg .radiostyle div.checker span, .svg .radiostyle div.radio span {
    background-image: url(black-radio.png)
}

@media only all and (max-width: 47.937em) {
    #theformarea-rh-extended label.error {
        margin-top: 3px !important
    }

    h3.thanks {
        background-color: #0079bb;
        color: #fff !important;
        font-weight: 400 !important;
        padding: .8rem 1rem !important
    }

    .m-checklets p {
        clear: left
    }

    .m-checklets .checker {
        float: left
    }

    .m-checklets span.note {
        float: left;
        width: 270px
    }

    .enquiry .m-checklets span.note {
        width: 240px
    }
}

#content-body.form.enquiry {
    border: 6px solid #ccc;
    width: 692px;
    padding-top: 20px;
    padding-left: 11px;
    padding-right: 11px
}

@media only all and (max-width: 47.937em) {
    #content-body.form.enquiry {
        width: 100%;
        padding: 24px 8px
    }

    #content-body.form.enquiry .formholder .progress {
        background-position: 50% 50%
    }

    #content-body.form.enquiry .confirmation h1 {
        text-align: center;
        padding: 1rem 0
    }
}

@media only all and (min-width: 48em) {
    #theformarea-rh-extended label.error {
        margin-top: -9.19px !important;
        margin-bottom: 4.6px !important
    }

    #content-body.form.enquiry {
        width: 532px
    }
}

@media only all and (min-width: 64em) {
    #theformarea-rh-extended label.error {
        margin-top: -12px !important;
        margin-bottom: 6px !important
    }

    #content-body.form.enquiry {
        width: 692px
    }
}

#content-body.form.enquiry p.instructions {
    margin: 10px 0 16px
}

#content-body.form.enquiry form {
    margin: 16px 0
}

#content-body.form.enquiry fieldset.clearfix p:nth-of-type(1) {
    margin: 10px 0 5px
}

#content-body.form.enquiry fieldset.clearfix p:nth-of-type(2) {
    margin: 5px 0 10px
}

@media only all and (max-width: 47.937em) {
    #content-body.form.enquiry.subscribe label#c-sub-tel input {
        margin-bottom: 0
    }
}

@media only all and (min-width: 48em) {
    #content-body.form.enquiry.subscribe label#c-sub-email input, #content-body.form.enquiry.subscribe label#c-sub-tel input {
        margin-bottom: 0
    }
}

#content-body.form.enquiry.subscribe .confirmation h1 {
    margin-bottom: 8px
}

#content-body.form.popup {
    border: 6px solid #ccc;
    width: 342px
}

@media only all and (max-width: 47.937em) {
    #content-body.form.enquiry.subscribe .confirmation h1 {
        margin-bottom: 0
    }

    #content-body.form.popup {
        width: 100%;
        padding: 0 8px 24px
    }

    #content-body.form.popup .theformarea .progress {
        height: 102% !important
    }

    #content-body.form.popup .confirmation h1 {
        text-align: center;
        padding: 1rem 0
    }
}

#content-body.form.popup img.popuplogo {
    margin: 1.142rem auto;
    width: 152px;
    height: 57px !important;
    background-image: url(sprites.png);
    background-size: 700px 630px;
    background-position: -538px -466px
}

#content-body.form.popup h1, #content-body.form.popup p {
    text-align: center;
    margin-right: 1.426rem;
    margin-left: 1.426rem
}

#content-body.form.popup p {
    margin-top: .714rem
}

#content-body.form.popup p.singleline {
    margin-top: .357rem
}

#content-body.form.popup form {
    margin-top: 1rem;
    margin-bottom: 1rem
}

#content-body.form.popup fieldset p {
    text-align: left;
    margin-right: 1.426rem;
    margin-left: 1rem
}

#content-body.form.popup p div.selector span {
    text-align: left
}

#content-body.form.popup .input {
    margin-left: 1rem
}

#content-body.form.popup .input input {
    width: 300px
}

@media only all and (max-width: 47.937em) {
    #content-body.form.popup .input {
        margin-left: 0
    }

    #content-body.form.popup .input input {
        width: 100%
    }
}

#content-body.form.popup .input textarea {
    width: 300px;
    height: 210px;
    padding: 4px 6px;
    border: 1px solid #ccc;
    margin-bottom: 8px
}

@media only all and (max-width: 47.937em) {
    #content-body.form.popup .input textarea {
        width: 100%
    }
}

#content-body.form.popup .input.halfwidth {
    width: 144px;
    margin-right: 12px;
    float: left
}

@media only all and (max-width: 47.937em) {
    #content-body.form.popup .input.halfwidth {
        width: 100%;
        margin-right: 0;
        float: none
    }
}

#content-body.form.popup .input.halfwidth input {
    width: 144px !important
}

@media only all and (max-width: 47.937em) {
    #content-body.form.popup .input.halfwidth input {
        width: 100% !important
    }
}

#content-body.form.popup .input.halfwidth.lastname {
    margin-right: 0;
    margin-left: 0
}

#content-body.form.popup div.fancy-select div.trigger {
    width: 298px !important;
    margin-left: 1rem
}

@media only all and (max-width: 47.937em) {
    #content-body.form.popup div.fancy-select div.trigger {
        width: 100% !important;
        margin-left: 0
    }
}

#content-body.form.popup div.fancy-select ul.options {
    margin-left: 1rem
}

#content-body.form.popup .checklets div.checker {
    float: left
}

#content-body.form.popup .checklets span.fleft {
    width: 200px
}

@media only all and (max-width: 47.937em) {
    #content-body.form.popup .checklets p, #content-body.form.popup div.fancy-select ul.options {
        margin-left: 0
    }

    #content-body.form.popup .checklets p:nth-of-type(1) {
        margin-top: 0
    }
}

#content-body.form.popup input.submitbutton {
    width: 300px;
    margin-left: 1rem
}

@media only all and (max-width: 47.937em) {
    #content-body.form.popup input.submitbutton {
        width: 100% !important;
        margin-left: 0
    }

    .svg #content-body.form.popup img.popuplogo {
        background-image: url(sprites.svg);
        background-size: 522.72px 403.92px;
        background-position: -113.52px -52.11px
    }
}

#content-body.form.popup .formdetails {
    border-top: 1px dashed #666;
    margin-right: 15px;
    margin-left: 15px
}

#content-body.form.popup .formdetails p {
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    width: 300px
}

#content-body.form.popup .formdetails p:first-child {
    width: 315px
}

#content-body.form.popup .theformarea .progress {
    height: 102% !important
}

.textbox {
    border: 6px solid #ccc;
    padding: 2.285rem 1.786rem
}

.textbox p {
    line-height: 1.2
}

.textbox .scroll {
    height: 400px;
    overflow-y: scroll;
    padding-right: 16px
}

.textbox .scroll h2 {
    margin-bottom: 12px
}

#content-body.form.popup.testimonial {
    width: 392px
}

#content-body.form.popup.testimonial-video {
    width: 852px
}

#content-body.form.popup.testimonial-video div.clearfix {
    padding: 20px
}

@media only all and (min-width: 48em) {
    #content-body.form.popup.testimonial-video {
        width: 532px
    }

    #content-body.form.popup.testimonial-video div.clearfix {
        padding: 15px
    }
}

@media only all and (min-width: 64em) {
    #content-body.form.popup.testimonial-video {
        width: 852px
    }

    #content-body.form.popup.testimonial-video div.clearfix {
        padding: 20px
    }
}

#content-body.form.popup.testimonial-video div.clearfix div.fleft.video {
    width: 476px
}

@media only all and (min-width: 48em) {
    #content-body.form.popup.testimonial-video div.clearfix div.fleft.video {
        width: 265px
    }
}

@media only all and (min-width: 64em) {
    #content-body.form.popup.testimonial-video div.clearfix div.fleft.video {
        width: 476px
    }
}

#content-body.form.popup.testimonial-video div.clearfix div.fleft.video div.flex-video {
    width: 100%;
    padding-bottom: 56.308%
}

#content-body.form.popup.testimonial-video div.clearfix div.fleft.copy {
    width: 324px
}

@media only all and (min-width: 48em) {
    #content-body.form.popup.testimonial-video div.clearfix div.fleft.copy {
        width: 225px
    }
}

@media only all and (min-width: 64em) {
    #content-body.form.popup.testimonial-video div.clearfix div.fleft.copy {
        width: 324px
    }
}

#content-body.form.popup.testimonial-video div.clearfix div.fleft.copy h1, #content-body.form.popup.testimonial-video div.clearfix div.fleft.copy p {
    text-align: left
}

#content-body.form.popup.wide {
    width: 645px
}

#content-body.form.popup.wide h1, #content-body.form.popup.wide p {
    text-align: left;
    margin-left: 15px;
    margin-right: 0;
    width: 294px
}

#content-body.form.popup.wide h1 {
    margin-top: 24px
}

#content-body.form.popup.wide .confirmation h1 {
    text-align: center;
    margin-top: 40px;
    margin-right: 20px;
    margin-left: 20px;
    width: auto
}

#content-body.form.popup.welcome {
    width: 672px
}

@media only all and (max-width: 47.937em) {
    #content-body.form.popup.welcome, #content-body.form.popup.welcome .input input {
        width: 100%
    }

    #content-body.form.popup.welcome fieldset.fleft {
        float: none
    }
}

#content-body.form.popup.welcome p.instructions {
    width: 590px
}

#content-body.form.popup.welcome input.submitbutton {
    width: 616px
}

#content-body.form.popup.welcome .formdetails p {
    width: 600px
}

@media only all and (max-width: 47.937em) {
    #content-body.form.popup.welcome .formdetails p {
        width: 100%
    }
}

#content-body.form.popup.welcome #progvis2 {
    height: 102%
}

.flabel {
    margin-right: 24px
}

#content-body #welcome-panel-1, #content-body #welcome-panel-2, #content-body #welcome-panel-3 {
    width: 660px
}

@media only all and (max-width: 47.937em) {
    #content-body #welcome-panel-1, #content-body #welcome-panel-2, #content-body #welcome-panel-3 {
        width: 100%
    }
}

@media only all and (min-width: 48em) {
    #content-body #welcome-panel-1 div.clearfix img.fleft {
        margin: 1.428rem 1.142rem 0 120px;
        width: 140px;
        height: auto
    }
}

@media only all and (min-width: 64em) {
    #content-body #welcome-panel-1 div.clearfix img.fleft {
        margin: 1.428rem 1.142rem 0 50px;
        width: auto
    }
}

#content-body #welcome-panel-3 div.clearfix img.fleft {
    margin: 1.428rem 1.142rem 0 100px
}

@media only all and (max-width: 47.937em) {
    #content-body #welcome-panel-1 div.clearfix div.fleft {
        float: none
    }

    #content-body #welcome-panel-1 div.clearfix div.fleft img.fleft {
        width: 120px;
        height: auto;
        margin: .714rem 10px 0 0
    }

    #content-body #welcome-panel-1 div.clearfix div.fleft p {
        margin-right: 10px
    }
}

@media only all and (min-width: 48em) {
    #content-body #welcome-panel-1 div.clearfix div.fleft {
        width: 265px;
        margin-top: 1.571rem
    }
}

@media only all and (min-width: 64em) {
    #content-body #welcome-panel-1 div.clearfix div.fleft {
        width: 412px
    }
}

@media only all and (min-width: 48em) {
    #content-body #welcome-panel-3 div.clearfix div.fleft {
        width: 366px;
        margin-top: 1.571rem
    }
}

#content-body #welcome-panel-1 h1, #content-body #welcome-panel-1 p, #content-body #welcome-panel-3 h1, #content-body #welcome-panel-3 p {
    margin-right: 0;
    margin-left: 0;
    text-align: left;
    font-size: 2rem
}

@media only all and (max-width: 47.937em) {
    #content-body #welcome-panel-1 h1, #content-body #welcome-panel-3 h1 {
        text-align: center;
        font-size: 1.57rem
    }
}

#content-body #welcome-panel-3 .confirmation h1 {
    margin: 0 1rem 1rem;
    text-align: center
}

#content-body #welcome-panel-1 p, #content-body #welcome-panel-3 p {
    font-size: 1.285rem
}

@media only all and (max-width: 47.937em) {
    #content-body #welcome-panel-1 p, #content-body #welcome-panel-3 p {
        font-size: 1rem
    }
}

@media only all and (min-width: 64em) {
    #content-body #welcome-panel-1 h1 {
        font-size: 1.65rem
    }
}

@media only all and (min-width: 48em) {
    #content-body #welcome-panel-3 p.invitation {
        text-align: center;
        margin-right: 60px;
        margin-left: 60px
    }
}

#content-body #welcome-panel-1 ul.bigbuttons {
    clear: both;
    width: 410px;
    margin: 1.571rem 0 3.428rem 132px
}

@media only all and (max-width: 47.937em) {
    #content-body #welcome-panel-1 ul.bigbuttons {
        width: auto;
        margin: 0 0 1rem
    }
}

#content-body #welcome-panel-3 ul.bigbuttons {
    clear: both;
    width: 225px;
    margin: 1.571rem 0 2.142rem 222px
}

#news-body, #news-nav, #sitemaplinks section {
    clear: none;
    float: left
}

@media only all and (max-width: 47.937em) {
    #content-body #welcome-panel-3 ul.bigbuttons {
        margin: 1.571rem auto 1rem
    }
}

#content-body #welcome-panel-1 ul.bigbuttons li, #content-body #welcome-panel-3 ul.bigbuttons li {
    float: left;
    font-size: 1.285rem;
    font-style: normal;
    font-weight: 400;
    margin: 0 .571rem 0 0
}

@media only all and (max-width: 47.937em) {
    #content-body #welcome-panel-1 ul.bigbuttons li {
        float: none;
        margin: 1rem auto;
        width: 90% !important
    }
}

#content-body #welcome-panel-1 ul.bigbuttons li a, #content-body #welcome-panel-3 ul.bigbuttons li a {
    display: block;
    height: 2.285rem;
    padding-top: .571rem;
    text-align: center
}

#content-body #welcome-panel-3 ul.bigbuttons li form {
    margin-top: 0;
    margin-bottom: 0
}

#content-body #welcome-panel-3 ul.bigbuttons li input.submitbutton {
    display: block;
    height: 2.285rem;
    text-align: center;
    font-size: 1.285rem;
    font-style: normal;
    font-weight: 400;
    margin-top: 0;
    margin-left: 0;
    float: none;
    width: 100px
}

#content-body #welcome-panel-2 h1, #content-body #welcome-panel-2 p {
    text-align: left;
    margin-left: 1.714rem;
    margin-right: 0;
    width: 294px
}

#content-body #welcome-panel-2 h1, #content-body #welcome-panel-2 p.instructions {
    width: 590px
}

@media only all and (max-width: 47.937em) {
    #content-body #welcome-panel-2 h1, #content-body #welcome-panel-2 p, #content-body #welcome-panel-2 p.instructions {
        width: 100%;
        margin-left: 0
    }
}

#content-body #welcome-panel-2 h1 {
    margin-top: 1.714rem
}

#content-body #welcome-panel-2 .leftcol .input, #content-body #welcome-panel-2 input.submitbutton {
    font-size: 1.5rem;
    padding: 5px 0
}

#content-body #welcome-panel-2 .formdetails {
    margin-right: 1.714rem;
    margin-left: 1.714rem
}

#content-body #welcome-panel-2 .m-checklets div.checker {
    float: left
}

#content-body #welcome-panel-2 .m-checklets span.note {
    float: left;
    width: 200px
}

#content-body #welcome-panel-2 input.submitbutton {
    width: 616px
}

#content-body #welcome-panel-2 .formdetails p {
    margin-right: auto;
    margin-left: auto;
    width: 600px
}

@media only all and (max-width: 47.937em) {
    #content-body #welcome-panel-2 .formdetails {
        margin: 0 4px
    }

    #content-body #welcome-panel-2 .formdetails p {
        width: 100%
    }
}

#content-body #welcome-panel-2 input.submitbutton:hover, #content-body #welcome-panel-3 input.submitbutton:hover, div.facebook .pp_hoverContainer .pp_close.bigbutton-ext:hover, div.facebook .pp_hoverContainer .pp_close.bigbutton:hover {
    color: #fff;
    background-color: #453e3e;
    background-image: none;
    background-image: -ms-linear-gradient(top, #453e3e 0, #453e3e 50%, #333 50%, #333 100%);
    background-image: -moz-linear-gradient(top, #453e3e 0, #453e3e 50%, #333 50%, #333 100%);
    background-image: -webkit-gradient(linear, top, color-stop(0, #453e3e), color-stop(.5, #453e3e), color-stop(.5, #333), color-stop(1, #333));
    background-image: -webkit-linear-gradient(top, #453e3e 0, #453e3e 50%, #333 50%, #333 100%)
}

#content-body #welcome-panel-2 input.submitbutton, #content-body #welcome-panel-3 input.submitbutton, div.facebook .pp_hoverContainer .pp_close.bigbutton, div.facebook .pp_hoverContainer .pp_close.bigbutton-ext {
    color: #fff;
    background-color: #0079bb;
    background-image: none;
    background-image: -ms-linear-gradient(top, #0079bb 0, #0079bb 50%, #006532 50%, #006532 100%);
    background-image: -moz-linear-gradient(top, #0079bb 0, #0079bb 50%, #006532 50%, #006532 100%);
    background-image: -webkit-gradient(linear, top, color-stop(0, #0079bb), color-stop(.5, #0079bb), color-stop(.5, #006532), color-stop(1, #006532));
    background-image: -webkit-linear-gradient(top, #0079bb 0, #0079bb 50%, #006532 50%, #006532 100%)
}

div.facebook .pp_hoverContainer .pp_close.bigbutton, div.facebook .pp_hoverContainer .pp_close.bigbutton-ext {
    text-align: center;
    font-size: 1.714rem;
    line-height: 1.857rem;
    color: #fff;
    background: #0079bb;
    border: 0;
    width: 300px;
    height: auto;
    padding: 2px 0;
    display: block;
    vertical-align: middle;
    text-indent: 0;
    top: 180px;
    left: 1.428rem
}

@media only all and (max-width: 47.937em) {
    div.facebook .pp_hoverContainer .pp_close.bigbutton, div.facebook .pp_hoverContainer .pp_close.bigbutton-ext {
        width: 90%;
        left: 5%;
        top: 200px
    }
}

div.facebook .pp_hoverContainer .pp_close.bigbutton-ext {
    top: 110px;
    left: 192px
}

@media only all and (max-width: 47.937em) {
    div.facebook .pp_hoverContainer .pp_close.bigbutton-ext {
        top: 120px;
        left: 5%
    }

    div.facebook .pp_hoverContainer .pp_close.bigbutton-ext.subscribed, div.facebook .pp_hoverContainer .pp_close.bigbutton-ext.welcomed {
        top: 168px
    }

    .list-tools {
        display: none
    }
}

#content-body .theformarea.confirmation {
    min-height: 140px
}

#content-body .theformarea.confirmation h1, #content-body .theformarea.confirmation p {
    text-align: center
}

#content-body .theformarea3.confirmation {
    min-height: 170px
}

.list-tools {
    border-top: 1px dashed #666
}

.list-tools.top {
    margin-top: 9px
}

@media only all and (min-width: 48em) {
    div.facebook .pp_hoverContainer .pp_close.bigbutton-ext {
        left: 116px
    }

    div.facebook .pp_hoverContainer .pp_close.bigbutton-ext.welcomed {
        left: 192px
    }

    .list-tools.top {
        margin-top: 6.9px
    }
}

@media only all and (min-width: 64em) {
    div.facebook .pp_hoverContainer .pp_close.bigbutton-ext {
        left: 192px
    }

    .list-tools.top {
        margin-top: 9px
    }
}

.list-tools.bottom {
    border-bottom: 1px dashed #666
}

.list-tools span.fleft {
    width: 120px;
    margin: 12px 0 10px
}

@media only all and (min-width: 48em) {
    .list-tools span.fleft {
        width: 91.92px;
        margin: 9.19px 0 7.66px
    }
}

@media only all and (min-width: 64em) {
    .list-tools span.fleft {
        width: 120px;
        margin: 12px 0 10px
    }
}

.list-tools span.fleft img, .list-tools span.fleft span {
    display: block;
    float: left;
    margin-right: 2px
}

.list-tools span.fleft span {
    margin-top: 2px;
    margin-right: 5px;
    padding-left: 6px
}

@media only all and (min-width: 48em) {
    .list-tools span.fleft span {
        margin-top: 1.53px;
        margin-right: 3.83px;
        padding-left: 4.6px
    }
}

@media only all and (min-width: 64em) {
    .list-tools span.fleft span {
        margin-top: 2px;
        margin-right: 5px;
        padding-left: 6px
    }
}

.list-tools p {
    padding: 14px 6px
}

.list-tools p.catlist span:last-child span.seperator {
    display: none
}

.list-tools form {
    width: 273px;
    border: 1px solid #999;
    margin: 6px 5px 6px 0
}

@media only all and (min-width: 48em) {
    .list-tools p {
        padding: 10.72px 4.6px
    }

    .list-tools form {
        width: 209.88px;
        margin: 4.6px 3.83px 4.6px 0
    }
}

@media only all and (min-width: 64em) {
    .list-tools p {
        padding: 14px 6px
    }

    .list-tools form {
        width: 273px;
        margin: 6px 5px 6px 0
    }
}

.list-tools form.selectmenu {
    float: left;
    clear: none;
    border: none;
    width: auto
}

.list-tools input#list-search {
    width: 186px;
    height: 28px;
    border: 0;
    padding: 4px 6px;
    background: #f0f0f0;
    border-right: 1px solid #ccc;
    float: left
}

@media only all and (min-width: 48em) {
    .list-tools input#list-search {
        width: 142.48px;
        height: 21.45px;
        padding: 3.06px 4.6px;
        border-right: .77px solid #ccc
    }
}

@media only all and (min-width: 64em) {
    .list-tools input#list-search {
        width: 186px;
        height: 28px;
        padding: 4px 6px;
        border-right: 1px solid #ccc
    }
}

.list-tools button#list-search-submit {
    width: 85px;
    height: 28px;
    border: 0;
    margin: 0;
    padding: 0;
    background: #006532;
    outline: 0;
    float: left
}

#list .item, #list.topborder {
    border-top: 1px dashed #666
}

@media only all and (min-width: 48em) {
    .list-tools button#list-search-submit {
        width: 65.11px;
        height: 21.45px
    }
}

@media only all and (min-width: 64em) {
    .list-tools button#list-search-submit {
        width: 85px;
        height: 28px
    }
}

.list-tools button#list-search-submit img {
    display: block
}

#list .item {
    padding: 20px 0
}

@media only all and (max-width: 47.937em) {
    #list {
        margin-bottom: 20px
    }

    #list .item {
        display: none
    }

    #list.topborder {
        border-top: none
    }
}

#list .item:last-of-type {
    border-bottom: 1px dashed #666
}

#list .item a.fleft {
    margin-right: 20px;
    margin-bottom: 0
}

@media only all and (min-width: 48em) {
    .list-tools button#list-search-submit img {
        width: 59.75px;
        height: 17.62px
    }

    #list .item {
        padding: 15.32px 0
    }

    #list .item a.fleft {
        margin-right: 15.32px
    }
}

@media only all and (min-width: 64em) {
    .list-tools button#list-search-submit img {
        width: 78px;
        height: 23px
    }

    #list .item {
        padding: 20px 0
    }

    #list .item a.fleft {
        margin-right: 20px
    }
}

#list .item div.fleft {
    width: 445px
}

#list .item div.fleft h2 {
    line-height: 1
}

#list .item div.fleft p {
    margin-top: 20px;
    line-height: 1.2
}

@media only all and (min-width: 48em) {
    #list .item div.fleft {
        width: 340.87px
    }

    #list .item div.fleft p {
        margin-top: 15.32px
    }
}

@media only all and (min-width: 64em) {
    #list .item div.fleft {
        width: 445px
    }

    #list .item div.fleft p {
        margin-top: 20px
    }
}

#list .item div.fleft p.more {
    margin-top: 27px
}

#list .item div.fullwidth {
    margin-right: 100px
}

@media only all and (min-width: 48em) {
    #list .item div.fleft p.more {
        margin-top: 20.68px
    }

    #list .item div.fullwidth {
        margin-right: 76.6px
    }
}

@media only all and (min-width: 64em) {
    #list .item div.fleft p.more {
        margin-top: 27px
    }

    #list .item div.fullwidth {
        margin-right: 100px
    }
}

#list .item div.fullwidth h2 {
    line-height: 1
}

#list .item div.fullwidth p {
    margin-top: 20px;
    line-height: 1.2
}

@media only all and (min-width: 48em) {
    #list .item div.fullwidth p {
        margin-top: 15.32px
    }
}

@media only all and (min-width: 64em) {
    #list .item div.fullwidth p {
        margin-top: 20px
    }
}

#list div.paginate-bottom .pagination, #list nav.paginate-bottom .pagination {
    margin-top: 0
}

#list.topborder .item:first-child {
    border-top: none
}

#list.listview .item img {
    width: 237px;
    height: 175px
}

#list div.paginate-bottom {
    padding-top: 20px
}

@media only all and (min-width: 48em) {
    #list.listview .item img {
        width: 181.54px;
        height: 134.05px
    }

    #list div.paginate-bottom {
        border-top: 1px dashed #666;
        padding-top: 15.32px
    }
}

@media only all and (min-width: 64em) {
    #list.listview .item img {
        width: 237px;
        height: 175px
    }

    #list div.paginate-bottom {
        padding-top: 20px
    }
}

#list nav.paginate-bottom {
    padding-top: 20px
}

@media only all and (min-width: 48em) {
    #list nav.paginate-bottom {
        padding-top: 15.32px
    }
}

@media only all and (min-width: 64em) {
    #list nav.paginate-bottom {
        padding-top: 20px
    }
}

#list nav.paginate-bottom:first-child {
    border-top: none;
    padding: 14px 6px
}

@media only all and (min-width: 48em) {
    #list nav.paginate-bottom:first-child {
        padding: 10.72px 4.6px
    }
}

@media only all and (min-width: 64em) {
    #list nav.paginate-bottom:first-child {
        padding: 14px 6px
    }
}

@media only all and (max-width: 47.937em) {
    #list nav.paginate-bottom .pagination {
        margin-bottom: 0
    }

    #list a.item-m {
        position: relative;
        height: 101px;
        padding-left: 108px;
        background: url(black-right-arrow.svg) 100% 50% no-repeat;
        background-size: 1.2rem 1.371rem;
        padding-right: 1.4rem;
        padding-top: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #list a.item-m span.bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        background-position: -18px 0;
        background-size: 137.13px 100px;
        background-repeat: no-repeat
    }

    #list a.item-m:after, #list:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px
    }

    #list a.item-m span.link {
        font-size: 1.214rem;
        line-height: 1.2;
        color: #333
    }

    #list a.item-m:after {
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk1OTY5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0, #ececed), color-stop(50%, #959698), color-stop(100%, #ececed));
        background: -webkit-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
        background: -o-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
        background: -ms-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
        background: linear-gradient(to right, #ececed 0, #959698 50%, #ececed 100%)
    }

    #list:before {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk1OTY5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0, #ececed), color-stop(50%, #959698), color-stop(100%, #ececed));
        background: -webkit-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
        background: -o-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
        background: -ms-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
        background: linear-gradient(to right, #ececed 0, #959698 50%, #ececed 100%)
    }

    #list nav.paginate-bottom p.fright {
        float: none;
        margin-bottom: 1rem
    }
}

#listfilter a, #mobile-links li a, #mobile-menu a {
    color: #1a1a1a
}

.flexbox #list a.item-m, .flexboxlegacy #list a.item-m {
    padding-top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only all and (min-width: 48em) {
    .flexbox #list a.item-m, .flexboxlegacy #list a.item-m {
        display: none
    }
}

@media only all and (max-width: 47.937em) {
    #list nav.paginate-bottom:first-child {
        display: none
    }
}

#open-filter:before {
    display: block;
    width: 100%;
    height: 1px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk1OTY5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ececed), color-stop(50%, #959698), color-stop(100%, #ececed));
    background: -webkit-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
    background: -o-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
    background: -ms-linear-gradient(left, #ececed 0, #959698 50%, #ececed 100%);
    background: linear-gradient(to right, #ececed 0, #959698 50%, #ececed 100%)
}

#open-filter a {
    display: block;
    color: #333;
    font-size: 1rem;
    padding: 1rem 0;
    text-align: center
}

#open-filter a span {
    background: url(black-down-arrow.svg) 100% 50% no-repeat;
    background-size: .857rem .8928rem;
    line-height: .9rem;
    padding-right: 1.2rem
}

#listfilter {
    position: fixed;
    width: 50%;
    overflow: auto;
    z-index: -12;
    top: 0;
    background: #e6e6e6
}

#listfilter h2 {
    text-align: center;
    font-size: 1.857rem;
    font-weight: 400;
    padding: .8rem 0;
    margin-bottom: 0;
    position: relative
}

#listfilter a.close {
    display: block;
    width: 8.6rem;
    height: 3.6rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 15
}

#listfilter a.close:before {
    display: block;
    width: 2.036rem;
    height: 1.929rem;
    position: absolute;
    top: 1rem;
    right: .8rem;
    background-image: url(close-menu-arrow-right.png);
    background-size: cover
}

#listfilter ul {
    margin: 0 .5rem 2rem .7rem;
    border-top: 1px solid #d6d6d6
}

#listfilter ul li a {
    display: block;
    padding: .8rem 0;
    border-bottom: 1px solid #d6d6d6
}

#listfilter ul li.current a {
    background: url(black-tick.png) 97% center no-repeat;
    background-size: 1.714rem 1.381rem
}

.svg #listfilter a.close:before {
    background-image: url(close-menu-arrow-right.svg);
    background-size: cover
}

.svg #listfilter ul li.current a {
    background: url(black-tick.svg) 97% center no-repeat;
    background-size: 1.714rem 1.381rem
}

body.menuf #listfilter {
    z-index: 12;
    right: 0;
    height: 100%;
    visibility: visible
}

body.animatingf #listfilter {
    z-index: 12;
    visibility: visible;
    transition: transform .25s ease-in-out;
    -webkit-transition: -webkit-transform .25s ease-in-out
}

body.animating-onf #listfilter {
    right: -50%;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0)
}

body.animating-offf #listfilter {
    right: 0;
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0)
}

#content .pastintro {
    padding-top: 1.714rem;
    margin-bottom: 1.285rem
}

#content .pastintro p {
    line-height: 1.2;
    padding-top: 1rem
}

@media only all and (min-width: 48em) {
    #content .pastintro p {
        margin-right: 235.93px
    }
}

@media only all and (min-width: 64em) {
    #content .pastintro p {
        margin-right: 308px
    }
}

#content .comp-details .comp-pic {
    margin-right: 16px
}

@media only all and (max-width: 47.937em) {
    #content .comp-details .comp-pic {
        margin-right: 0
    }

    #content .comp-details .comp-pic img {
        width: 100%;
        height: auto
    }

    #content .comp-details p.prev {
        padding: 1rem 0 2rem
    }
}

#content-body.cwi .comp-pic {
    margin-top: 1.428rem;
    margin-right: 1.785rem
}

@media only all and (max-width: 47.937em) {
    #content-body.cwi .comp-pic {
        margin-top: 0;
        margin-right: 0
    }

    #content-body.cwi .comp-pic img {
        width: 100%;
        height: auto;
        margin-bottom: 0
    }
}

@media only all and (min-width: 48em) {
    #content-body.cwi .comp-pic img {
        width: 220px;
        height: auto
    }
}

@media only all and (min-width: 64em) {
    #content-body.cwi .comp-pic img {
        width: auto;
        height: auto
    }
}

#content.panorama #content-right.cwi .sidebar {
    padding-top: 20px
}

#sitemaplinks section {
    width: 245px;
    margin-top: 2.14rem
}

@media only all and (max-width: 47.937em) {
    #content.panorama #content-right.cwi .sidebar {
        padding-top: 0
    }

    #sitemaplinks section {
        display: none
    }
}

#sitemaplinks section h2.nosub {
    margin-bottom: 1rem
}

#news-body h2, ul#news-nav li ul li {
    margin-bottom: 8px
}

#sitemaplinks section h2.nosub:nth-of-type(2) {
    margin-top: 1rem
}

#international h1, #international p {
    margin: 0;
    text-align: center;
    color: #fff
}

#sitemaplinks section h3 {
    color: #333;
    margin-top: 1.142rem;
    font-size: 1rem;
    font-weight: 400
}

#sitemaplinks section li {
    line-height: 1.2
}

#sitemaplinks section a {
    color: #333
}

#international {
    background: url(bg-international.png) 50% 0 no-repeat;
    width: 100%;
    height: 636px;
    padding-top: 186px
}

@media only all and (max-width: 47.937em) {
    #international {
        background-size: 100% auto;
        height: auto;
        padding-top: 40px;
        margin-bottom: 1rem
    }
}

@media only all and (min-width: 48em) {
    #sitemaplinks section {
        width: 187.67px
    }

    #international {
        background-size: 768px auto;
        height: 550px;
        padding-top: 100px
    }
}

@media only all and (min-width: 64em) {
    #sitemaplinks section {
        width: 245px
    }

    #international {
        background-size: 1025px 632px
    }
}

#international div {
    background: rgba(87, 87, 87, .9);
    padding-bottom: 2.857rem
}

#international h1 {
    padding-top: 1.642rem;
    padding-bottom: .285rem;
    font-size: 1.714rem
}

@media only all and (max-width: 47.937em) {
    #international div {
        padding-bottom: 1.642rem
    }

    #international h1 {
        font-size: 1.29rem;
        padding-right: 4px;
        padding-left: 4px
    }
}

#international p {
    padding-bottom: 2.142rem;
    font-size: 1.714rem
}

#international ul {
    width: 970px;
    margin: 0 0 0 30px
}

#international li {
    float: left;
    width: 430px;
    margin-right: 30px
}

@media only all and (max-width: 47.937em) {
    #international p {
        font-size: 1.29rem;
        padding-right: 4px;
        padding-left: 4px
    }

    #international ul {
        width: 100%;
        padding-left: 8px;
        padding-right: 4px;
        margin: 0
    }

    #international li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem
    }
}

@media only all and (min-width: 48em) {
    #international ul {
        width: 712.38px;
        margin-left: 30.64px
    }

    #international li {
        width: 344.7px;
        margin-right: 22.98px
    }
}

@media only all and (min-width: 78em) {
    #international {
        width: 1200px
    }

    #international h1 {
        margin: 0 0 0 190px;
        text-align: left;
        width: 850px
    }

    #international p {
        margin: 0 0 0 160px;
        width: 880px
    }

    #international ul {
        width: 766px;
        margin: 0 0 0 190px
    }

    #international li {
        width: 367.68px
    }
}

#international li.enquire {
    width: 430px;
    margin-right: 0
}

#international li:nth-child(2) {
    margin-right: 0
}

#international a {
    display: block;
    background: url(bg-intbullet.png) no-repeat;
    padding: .571rem 0 0 65px;
    min-height: 52px;
    color: #fff;
    font-size: 1.285rem;
    line-height: 1.2
}

@media only all and (max-width: 47.937em) {
    #international li.enquire {
        width: 100%
    }

    #international a {
        padding-top: 0
    }
}

@media only all and (min-width: 48em) {
    #international li.enquire {
        width: 329.38px
    }

    #content .news-display {
        border-top: 1px dashed #666;
        padding-top: 20px
    }
}

#news-nav {
    width: 232px
}

ul#news-nav li ul {
    display: none;
    line-height: 1.2;
    margin: 0 0 16px 17px
}

ul#news-nav li.open ul {
    display: block;
    list-style-type: none
}

ul#news-nav li h2 {
    color: #333;
    cursor: pointer;
    margin-bottom: 16px
}

ul#news-nav li h2:before {
    content: "+ "
}

ul#news-nav li.open h2:before {
    content: "– "
}

#news-body {
    width: 752px;
    border: 1px solid #999
}

@media only all and (min-width: 48em) {
    #news-nav {
        width: 178px
    }

    #news-body {
        width: 580px
    }

    #news-body table {
        max-width: 560px !important
    }
}

#news-body * {
    vertical-align: top
}

#news-body table {
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto
}

#news-body h2 {
    font-size: 16px;
    font-weight: 400
}

#news-body .footer p, #news-body p {
    margin-bottom: 10px
}

#news-body p {
    line-height: 1.2
}

@media only all and (min-width: 64em) {
    #news-nav {
        width: 232px
    }

    #news-body {
        width: 752px
    }

    #news-body table {
        max-width: 100% !important
    }
}

@media only all and (min-width: 48em) {
    #news-body table.footer, #news-body > table {
        width: 560px !important
    }
}

#news-body td[colspan="5"] img {
    max-width: 560px !important
}

@media only all and (min-width: 64em) {
    #news-body table.footer, #news-body > table {
        width: 750px !important
    }

    #news-body td[colspan="5"] img {
        max-width: auto !important
    }
}

@media only all and (min-width: 48em) {
    #news-body img[width="650"] {
        width: 560px !important;
        height: auto !important
    }

    .intro.cwi {
        margin-right: 4px;
        margin-left: 4px;
        padding-bottom: 8px
    }
}

@media only all and (min-width: 64em) {
    #news-body img[width="650"] {
        width: 650px !important
    }

    .intro.cwi {
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 4px
    }
}

@media only all and (min-width: 48em) {
    .intro.newsletters {
        padding-right: 4px;
        padding-left: 4px
    }

    .news-display.responsive {
        margin-right: 4px;
        margin-left: 4px
    }
}

@media only all and (min-width: 64em) {
    .intro.newsletters {
        padding-right: 0;
        padding-left: 0
    }

    .news-display.responsive {
        margin-right: 0;
        margin-left: 0
    }
}

@media only all and (max-width: 47.937em) {
    #news-nav.responsive {
        display: none
    }
}

@media only all and (min-width: 48em) {
    #news-nav.responsive {
        display: block;
        width: 160px;
        margin-left: 4px
    }
}

@media only all and (min-width: 64em) {
    #news-nav.responsive {
        width: 232px;
        margin-left: 0
    }
}

.news-display p#open-filter:before {
    width: auto;
    margin-right: 6px;
    margin-left: 6px
}

.news-display p#open-filter span em {
    font-style: normal
}

.news-display #listfilter h2 {
    font-size: 18px;
    text-align: left;
    padding-left: 8px
}

#news-body-responsive {
    width: 100%;
    padding: 0 6px
}

@media only all and (min-width: 48em) {
    #news-body-responsive {
        width: 580px;
        float: left;
        clear: none;
        border: 1px solid #999;
        padding: 14px
    }
}

@media only all and (min-width: 64em) {
    #news-body-responsive {
        width: 750px;
        padding: 20px 50px
    }
}

#news-body-responsive div.fullwidth, #news-body-responsive div.halfwidth {
    padding-top: 1rem
}

#news-body-responsive img.banner {
    margin: 0 auto 1.42rem;
    background: url(sprites.png) no-repeat;
    background-size: 700px 630px;
    display: none
}

@media only all and (min-width: 48em) {
    #news-body-responsive img.banner {
        display: block;
        width: 179px;
        height: 69.44px;
        background-size: 536.2px 482.58px;
        background-position: -265.04px -66.64px
    }

    #news-body-responsive div.sep {
        display: none
    }
}

@media only all and (min-width: 64em) {
    #news-body-responsive img.banner {
        width: 232px;
        height: 90px;
        background-size: 700px 630px;
        background-position: -346px -87px
    }
}

#news-body-responsive div.sep {
    width: 100%
}

@media only all and (min-width: 64em) {
    #news-body-responsive div.sep {
        width: 80%;
        display: block
    }
}

#news-body-responsive h3 {
    font-weight: 400;
    color: #333;
    margin-bottom: 1rem
}

#news-body-responsive h3.issue {
    font-size: .929rem;
    text-transform: uppercase;
    font-weight: 600;
    margin: 14px 0 8px !important
}

#news-body-responsive p {
    line-height: 1.2;
    margin-bottom: 1rem
}

@media only all and (min-width: 48em) {
    #news-body-responsive h3.issue {
        display: none
    }

    #news-body-responsive p.readmore {
        margin-bottom: 0
    }
}

#news-body-responsive img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 1rem
}

@media only all and (max-width: 47.937em) {
    #news-body-responsive div.fullwidth, #news-body-responsive div.halfwidth {
        border-bottom: 1px dashed #666;
        margin-bottom: .57rem;
        padding-top: 0
    }

    #news-body-responsive h3 {
        margin-bottom: .71rem
    }
}

#news-body-responsive div.fullwidth:last-child, #news-body-responsive div.halfwidth:last-child {
    border-bottom: none;
    margin-bottom: 0
}

@media only all and (min-width: 48em) {
    #news-body-responsive div.halfwidth img {
        float: left;
        width: 49%;
        margin-right: 5%
    }

    #news-body-responsive div.halfwidth h3, #news-body-responsive div.halfwidth p {
        float: right;
        width: 46%
    }

    .svg #news-body-responsive img.banner {
        background: url(sprites.svg) -131.75px -60.51px no-repeat;
        width: 176.18px;
        height: 65.88px;
        background-size: 606.67px 468.79px
    }
}

@media only all and (min-width: 64em) {
    .svg #news-body-responsive img.banner {
        width: 230px;
        height: 86px;
        background-size: 792px 612px;
        background-position: -172px -79px
    }
}

#content .intro.noright h1 {
    float: none
}

#content .intro.noright p {
    margin-right: 2.857rem;
    padding-top: 0
}

ul#testimonials-list {
    width: 615px
}

@media only all and (max-width: 47.937em) {
    #content .intro.noright p {
        margin-right: 0
    }

    ul#testimonials-list {
        width: 100%
    }

    ul#testimonials-list li h2 {
        font-size: 1.14rem
    }
}

@media only all and (min-width: 48em) {
    ul#testimonials-list {
        width: 470px
    }
}

@media only all and (min-width: 64em) {
    ul#testimonials-list {
        width: 615px
    }
}

ul#testimonials-list li div {
    display: none
}

ul#testimonials-list li.open div {
    display: block
}

ul#testimonials-list li h2 {
    color: #0079bb;
    cursor: pointer;
    margin-bottom: 1.142rem;
    position: relative;
    padding-left: 1.2rem
}

ul#testimonials-list li p {
    line-height: 1.2;
    margin: 0 0 1.142rem 1.071rem
}

ul#testimonials-list li ul {
    list-style-type: disc;
    margin-left: 1.071rem
}

ul#testimonials-list li li {
    margin: .285rem 0 .285rem 1.5rem;
    line-height: 1.3
}

ul#testimonials-list li h2:before {
    content: "+ ";
    position: absolute;
    top: 0;
    left: 0
}

ul#testimonials-list li.open h2:before {
    content: "– ";
    position: absolute;
    top: 0;
    left: 0
}

@media only all and (max-width: 47.937em) {
    body.searchresults .list-tools.top {
        display: block
    }

    body.searchresults .list-tools.top.noresults {
        margin-bottom: 2rem
    }

    body.searchresults #list:before {
        display: none
    }

    body.searchresults #list .item {
        display: block
    }

    body.searchresults #list .item div.fullwidth {
        margin-right: 0
    }

    body.searchresults #list div.paginate-bottom {
        border-top: 1px dashed #666
    }

    body.searchresults div.search-results form {
        margin: 1rem 40px;
        border: none;
        float: none;
        width: auto
    }

    body.searchresults div.search-results form input#list-search {
        float: none;
        border: 1px solid #ccc;
        background: #fff;
        display: block;
        padding: .285rem 32px .285rem .428rem;
        width: 100%;
        height: auto
    }

    body.searchresults div.search-results form button#list-search-submit {
        background: #0079bb;
        text-align: center;
        width: 100%;
        float: none;
        font-size: 1.143rem;
        color: #fff;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        margin-top: .8rem;
        padding: .214rem
    }

    body.searchresults div.search-results form button#list-search-submit img {
        display: none
    }
}

#mobile-contact-chooser div a, #mobile-welcome ul li a {
    font-family: Roboto, sans-serif
}

.search-results form {
    border: 1px solid #999;
    margin: 18px 5px 6px 0;
    width: 522px;
    float: left;
    clear: left
}

@media only all and (min-width: 48em) {
    .search-results form {
        margin: 13.79px 3.83px 4.6px 0;
        width: 398px
    }
}

@media only all and (min-width: 64em) {
    .search-results form {
        margin: 18px 5px 6px 0;
        width: 522px
    }
}

.search-results input#list-search {
    height: 28px;
    border: 0;
    padding: 4px 6px;
    background: #f0f0f0;
    border-right: 1px solid #ccc;
    float: left;
    width: 435px
}

@media only all and (min-width: 48em) {
    .search-results input#list-search {
        height: 22px;
        padding: 3px 4px;
        width: 331px
    }
}

@media only all and (min-width: 64em) {
    .search-results input#list-search {
        height: 28px;
        padding: 4px 6px;
        width: 435px
    }
}

.search-results input#list-search:focus {
    outline: 0
}

.search-results button#list-search-submit {
    width: 85px;
    height: 28px;
    border: 0;
    margin: 0;
    padding: 0;
    background: #006532;
    outline: 0;
    float: left
}

#sidey form label input:focus, #sidey form label textarea:focus, .checker input:focus, .input input:focus, .radio input:focus, .selector select:focus, div.pp_pic_holder a:focus {
    outline: 0
}

@media only all and (min-width: 48em) {
    .search-results button#list-search-submit {
        width: 65px;
        height: 22px
    }

    .search-results button#list-search-submit span {
        display: none
    }
}

@media only all and (min-width: 64em) {
    .search-results button#list-search-submit {
        width: 85px;
        height: 28px
    }
}

.search-results button#list-search-submit img {
    display: block
}

#list.searchresults .item strong, strong.highlight {
    color: #0079bb
}

#footer, #footer a {
    color: #fff
}

#associations {
    margin: 8px 0;
    border-left: 1px solid #919191
}

@media only all and (min-width: 48em) {
    .search-results button#list-search-submit img {
        width: 62px;
        height: auto
    }

    #associations {
        margin: 16px 8px
    }
}

@media only all and (min-width: 64em) {
    .search-results button#list-search-submit img {
        width: 78px;
        height: 23px
    }

    #associations {
        width: 985px;
        margin: 44px auto
    }
}

#associations ul {
    float: left;
    clear: left;
    height: auto !important
}

#associations ul li {
    float: left;
    border-right: 1px solid #919191
}

#associations ul li img {
    width: 100%;
    height: auto
}

#footer {
    background-color: #333
}

@media only all and (max-width: 47.937em) {
    #associations {
        display: none
    }

    #footer {
        width: 100%;
        padding-top: 1rem
    }

    #subscribe-email input, #subscribe-name input, #subscribe-submit, #subscribe-tel input {
        border: 1px solid #919191;
        background: #f0f0f0;
        margin-bottom: 14px
    }
}

#subscribe-submit {
    width: 56px;
    height: 29px;
    text-align: center;
    background: #006532;
    color: #fff;
    float: left
}

@media only all and (min-width: 48em) {
    #footer a, #footer h2, #footer h3 {
        color: #fff
    }

    #footer section, #footer-share h2, #footer-share li, #footer-share ul, #subscribe-tel {
        float: left
    }

    #footer {
        min-width: 760px
    }

    #footer section {
        width: 22%;
        margin-top: 10px
    }

    @media only all and (max-width: 63.937em) {
        #footer section#firstchild#footer h2#location-heading {
            margin-left: 10px
        }
    }#footer section.form {
         width: 250px
     }

    #footer h2 {
        font-weight: 600;
        font-size: 1rem;
        color: #fff;
        margin-bottom: .6em
    }

    #footer h3 {
        font-weight: 600;
        font-size: 13px;
        margin-top: .6em
    }

    #footer ul {
        margin-bottom: 1em
    }

    #footer li, #footer p {
        font-weight: 300;
        line-height: 1.2;
        color: #fff
    }

    #footer p {
        margin-top: .8em
    }

    #footer form + h2 {
        margin-top: 6px
    }

    #footer form {
        margin-top: 18px;
        width: 90%
    }

    #subscribe-email input, #subscribe-name input, #subscribe-submit, #subscribe-tel input {
        border: 1px solid #919191;
        background: #f0f0f0;
        margin-bottom: 14px
    }

    #subscribe-submit {
        border: 1px solid #006532;
        background: #006532
    }

    #subscribe-tel input {
        margin-right: 7px
    }

    #footer section#footer-share {
        clear: both;
        background: #f0f0f0;
        float: none;
        width: 100%
    }

    #footer-share div.clearfix {
        padding: 0
    }

    #footer-share h2 {
        margin-top: 14px;
        margin-right: 16px
    }

    @media only all and (min-width: 64em) {
        #footer-share h2 {
            margin-left: 25%
        }
    }@media only all and (min-width: 48em) {
    #footer-share h2 {
        margin-left: 20%
    }
}#footer-share li {
     float: left;
     margin: 8px 6px 8px 0;
     line-height: 1
 }
}

@media (min-width: 768px) and (max-width: 1000px) {
    #footer a.subscribe {
        background-position: 138px 7px;
        padding: 4.6px 17px 4.6px 6.9px;
        width: 240px;
        margin-bottom: 15px;
        height: 39px
    }

    #footer div.clearfix {
        padding: 28px 12px 12px
    }

    #desktop-share ul li a i {
        font-family: fontawesome;
        font-size: 1.6rem;
        line-height: 1.65;
        text-align: center;
        margin: -2px 9px 0 9px !important;
        color: #1a1a1a
    }

    #desktop-share ul li a i.fa-google-plus {
        font-family: fontawesome;
        font-size: 1.6rem;
        line-height: 1.65;
        text-align: center;
        margin: 3px 10px 0 9px !important;
        color: #1a1a1a
    }

    #footer #firstchild {
        margin-right: 2px
    }

    #footer a.subscribe {
        height: 39px !important;
        font-weight: 600 !important;
    }
}

@media only all and (min-width: 64em) {
    #footer {
        min-width: 992px
    }

    #footer div.clearfix {
        width: 992px;
        margin: 0 auto;
        padding: 28px 8px
    }

    #footer #footer-tools section, #footer div.sitemap section {
        width: 242px
    }
}

@media only all and (min-width: 78em) {
    #footer {
        width: 100%
    }
}

@media only all and (min-width: 48em) {
    #footer div.sitemap {
        width: 760px;
        padding: 21px 6px 9px;
    }
    #footer ul#country-box-footer {
        left: 13px;
        top: 75px;
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
    }
    #footer ul#country-box-footer li.current {
        background-color: #EDEDED;
    }
    #sitebanner ul#country-box li, #footer ul#country-box-footer li {
        width: 200px;
        height: 40px;
        padding: 5px 10px;
        transition: 0.3s;
    }
    #footer ul#country-box-footer li a {
        color: #000;
        line-height: 2.3;
        display: block;
        width: 100%;
        height: 100%;
        font-size: 0.95em;
        font-weight: 500;
    }
    #footer ul#country-box-footer li div {
        margin-right: 5px;
    }
    #footer ul#country-box-footer li.current .country-arrow {
        float: right;
        width: 20px;
        height: 20px;
        background: url(sprites.svg);
        background-position: -230px -472px;
        margin-top: 7px;
        background-repeat: no-repeat;
        background-size: 700px 550px;
    }
}
#footer ul#country-box-footer li .ver-us, div.fancy-select ul.options li .icon-us {
    float: left;
    width: 30px;
    height: 35px;
    background: url(sprites.svg);
    background-position: -96px -500px;
    background-repeat: no-repeat;
    background-size: 700px 550px;
}
#footer ul#country-box-footer li .ver-nz, div.fancy-select ul.options li .icon-nz {
    float: left;
    width: 30px;
    height: 35px;
    background: url(sprites.svg);
    background-position: -3px -500px;
    background-repeat: no-repeat;
    background-size: 700px 550px;
}
#footer ul li {
    float: left;
    transition: 0.3s;
    font-weight: 400;
    font-size: 0.93rem;
    line-height: 1.7;
    color: #fff;
    margin-right: 20px;
}
#footer a.subscribe {
    font-weight: 600;
    font-size: 1.14rem;
    color: #fff;
    background-color: #0079bb;
    display: block;
    height: 45px;
    line-height: 30px;
    border-radius: 20px;
    transition: .3s;
    text-align: center;
    margin-top: 30px;
}

@media only all and (min-width: 48em) {
    #footer a.subscribe {
        background-position: 138px 7px;
        padding: 4.6px 17px 4.6px 6.9px;
        width: 153px;
        margin-bottom: 15px
    }
}

@media only all and (min-width: 64em) {
    #footer a.subscribe {
        background-position: 215px 12px;
        padding: 9px 22px 6px 30px;
        width: 265px;
        margin-bottom: 20px;
        font-weight: 600
    }
}

#footer h2, #footer p.homelink {
    font-weight: 600;
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: .6em
}

@media only all and (max-width: 47.937em) {
    #footer h2, #footer p.homelink {
        font-size: 1.214rem;
        font-weight: 400;
        margin: 0 12px
    }

    #footer h2 {
        padding: .714rem 0
    }

    #footer h2 a, #footer p.homelink a {
        display: block
    }

    #footer section.form {
        margin: 0 12px 1rem;
        padding-bottom: 1rem
    }

    #footer section.form h2 {
        margin: 0;
        padding-top: 1.285rem;
        border-bottom: none
    }

    #footer h3 {
        display: none
    }
}

#footer h3, #footer ul li {
    font-size: .93rem
}

#footer h3 {
    font-weight: 600;
    color: #fff;
    margin-top: .6em
}

#footer p, #footer ul li {
    transition: .3s;
    font-weight: 400;
    line-height: 1.7;
    color: #fff
}

#footer ul {
    margin-bottom: 1em
}
#footer ul li:last-child {
    margin-right: 0 !important;
}

@media only all and (max-width: 47.937em) {
    #footer ul {
        margin: 0 16px;
        padding-bottom: .8rem
    }

    #footer ul li {
        font-size: .93rem;
        font-weight: 400
    }

    #footer ul li a {
        display: block;
    }

    #footer section#footer-share {
        clear: both;
        background: #f0f0f0;
        float: none;
        width: 100%
    }

    #footer-share div.clearfix {
        padding: 0
    }

    #footer-share li, #footer-share ul {
        float: left
    }

    #footer-share ul {
        width: 80%;
        margin-left: 10%
    }

    #footer-share li {
        width: 15%;
        margin-right: 5%
    }

    #footer-share h2 {
        float: none;
        margin: 0 auto
    }

    #footer a.subscribe {
        background-size: 1.2rem 1.371rem;
        padding: .57rem .71rem;
        position: relative
    }

}

#footer ul li a {
    font-size: 1.01rem;
    font-family: Montserrat, sans-serif !important;
    color: #cacaca
}

#footer p {
    margin-top: .8em
}

@media only all and (max-width: 47.937em) {
    #footer p {
        font-size: 1rem;
        margin-bottom: 10px
    }
}

#footer div.sitemap {
    margin: 0 auto
}

@media only all and (min-width: 48em) {
    #footer div.sitemap {
        width: 760px;
        padding: 21px 6px 9px
    }
}

@media only all and (min-width: 64em) {
    #footer div.sitemap {
        width: 992px;
        padding: 28px 8px 12px
    }
}

#footer div.sitemap section {
    float: left
}

@media only all and (max-width: 47.937em) {
    #footer div.sitemap section {
        float: none
    }
}

@media only all and (min-width: 48em) {
    #footer div.sitemap section {
        width: 148px
    }
}

@media only all and (min-width: 64em) {
    #footer div.sitemap section {
        width: 194px
    }
}

@media only all and (min-width: 78em) {
    #footer div.sitemap section {
        width: 200px
    }
}

@media only all and (min-width: 48em) {
    #footer div.sitemap section.form {
        width: 153px
    }
}

@media only all and (min-width: 64em) {
    #footer div.sitemap section.form {
        width: 200px
    }
}

#footer div.sitemap section.form p {
    margin-bottom: 10px
}

#footer div.sitemap section.form li {
    float: left;
    line-height: 1
}

@media only all and (min-width: 48em) {
    #footer div.sitemap section.form li {
        margin: 0 8px 6px 0
    }

    #footer div.sitemap section.form li img {
        width: 23.75px;
        height: 22.98px
    }
}

@media only all and (min-width: 64em) {
    #footer div.sitemap section.form li {
        margin: 0 11px 8px 0
    }

    #footer div.sitemap section.form li img {
        width: 31px;
        height: 30px
    }
}

#footer div.sitemap section.form li:last-child {
    margin-right: 0
}

@media only all and (min-width: 78em) {
    #footer div.sitemap {
        width: 1200px;
        margin: 0 auto;
        padding: 80px 0 60px;
    }
}

#footer #footer-tools {
    clear: both;
    background: #333;
    width: 100%
}

#footer #footer-tools div.wrapper {
    margin: 0 auto;
    border-top: solid 1px #e5e5e5
}

@media only all and (min-width: 48em) {
    #footer #footer-tools div#location-info, #footer #footer-tools div.wrapper {
        width: 100%
    }
    #footer #footer-tools div.wrapper p {
        width: 50%;
    }


    #footer #footer-tools div.wrapper p.fright {
        text-align: right;

    }
}

@media only all and (min-width: 64em) {
    #footer #footer-tools div.wrapper {
        width: 992px
    }
}

@media only all and (min-width: 78em) {
    #footer #footer-tools div.wrapper {
        width: 1200px;
        margin: 0 auto
    }
}

#footer #footer-tools div.wrapper p {
    margin: 1.14rem 0;
    font-size: .93rem
}

@media only all and (max-width: 47.937em) {
    #footer #footer-tools {
        background: 0 0
    }

    #footer #footer-tools div.wrapper p {
        margin: 1.14rem 12px;
        float: none
    }

    #footer #footer-tools div.wrapper p span.f-copyright {
        font-family: Montserrat, sans-serif !important;
        font-size: 1rem;
        display: block
    }

    #footer #footer-tools div.wrapper p span.f-links {
        font-size: 1rem;
        display: block
    }

    #footer #footer-tools div.wrapper p span.f-by {
        font-size: 1rem;
        display: block
    }
}

#footer #footer-tools div.wrapper #choose-country label, #footer.mobile-footer ul {
    display: none
}

#footer #footer-tools div.wrapper #choose-country {
    float: right;
    clear: none
}

@media only all and (max-width: 47.937em) {
    #footer #footer-tools div.wrapper #choose-country {
        float: none;
        margin-right: 12px;
        margin-left: 12px;
        padding-bottom: 1rem;
        border-bottom: 1px solid #eee
    }
}

#footer.mobile-footer #footer-share ul {
    display: block
}

#footer.mobile-footer h2.open a:before {
    content: "-";
    display: inline-block;
    padding: 0 5px
}

#footer.mobile-footer ul.open {
    display: block
}

body.home p.homelink {
    display: none !important
}

#area-icons img.sprite-icon-all, #area-icons img.sprite-icon-bathroom, #area-icons img.sprite-icon-extend, #area-icons img.sprite-icon-flow, #area-icons img.sprite-icon-kitchen, #area-icons img.sprite-icon-loft, #area-icons img.sprite-icon-openplan, #area-icons img.sprite-icon-outdoor, #area-icons img.sprite-icon-reclad, #area-icons img.sprite-icon-video, #area-icons img.sprite-icon-warmup, #area-icons img.sprite-icon-written, .icons img.sprite-icon-all, .icons img.sprite-icon-bathroom, .icons img.sprite-icon-extend, .icons img.sprite-icon-flow, .icons img.sprite-icon-kitchen, .icons img.sprite-icon-loft, .icons img.sprite-icon-openplan, .icons img.sprite-icon-outdoor, .icons img.sprite-icon-reclad, .icons img.sprite-icon-video, .icons img.sprite-icon-warmup, .icons img.sprite-icon-written, .sprite-bread-home, .sprite-share-facebook, .sprite-share-google, .sprite-share-linkedin, .sprite-share-pin, .sprite-share-twitter {
    background: url(sprites.png) no-repeat
}

@media only all and (min-width: 48em) {
    #footer #footer-tools div.wrapper #choose-country {
        width: 153px
    }

    #area-icons img.sprite-icon-all, #area-icons img.sprite-icon-bathroom, #area-icons img.sprite-icon-extend, #area-icons img.sprite-icon-flow, #area-icons img.sprite-icon-kitchen, #area-icons img.sprite-icon-loft, #area-icons img.sprite-icon-openplan, #area-icons img.sprite-icon-outdoor, #area-icons img.sprite-icon-reclad, #area-icons img.sprite-icon-video, #area-icons img.sprite-icon-warmup, #area-icons img.sprite-icon-written, .icons img.sprite-icon-all, .icons img.sprite-icon-bathroom, .icons img.sprite-icon-extend, .icons img.sprite-icon-flow, .icons img.sprite-icon-kitchen, .icons img.sprite-icon-loft, .icons img.sprite-icon-openplan, .icons img.sprite-icon-outdoor, .icons img.sprite-icon-reclad, .icons img.sprite-icon-video, .icons img.sprite-icon-warmup, .icons img.sprite-icon-written, .sprite-bread-home, .sprite-share-facebook, .sprite-share-google, .sprite-share-linkedin, .sprite-share-pin, .sprite-share-twitter {
        background-size: 536.2px 482.58px
    }

    .sprite-share-facebook {
        background-position: -234.4px -7.66px
    }
}

@media only all and (min-width: 64em) {
    #footer #footer-tools div.wrapper #choose-country {
        width: 200px
    }

    #area-icons img.sprite-icon-all, #area-icons img.sprite-icon-bathroom, #area-icons img.sprite-icon-extend, #area-icons img.sprite-icon-flow, #area-icons img.sprite-icon-kitchen, #area-icons img.sprite-icon-loft, #area-icons img.sprite-icon-openplan, #area-icons img.sprite-icon-outdoor, #area-icons img.sprite-icon-reclad, #area-icons img.sprite-icon-video, #area-icons img.sprite-icon-warmup, #area-icons img.sprite-icon-written, .icons img.sprite-icon-all, .icons img.sprite-icon-bathroom, .icons img.sprite-icon-extend, .icons img.sprite-icon-flow, .icons img.sprite-icon-kitchen, .icons img.sprite-icon-loft, .icons img.sprite-icon-openplan, .icons img.sprite-icon-outdoor, .icons img.sprite-icon-reclad, .icons img.sprite-icon-video, .icons img.sprite-icon-warmup, .icons img.sprite-icon-written, .sprite-bread-home, .sprite-share-facebook, .sprite-share-google, .sprite-share-linkedin, .sprite-share-pin, .sprite-share-twitter {
        background-size: 700px 630px
    }

    .sprite-share-facebook {
        background-position: -306px -10px
    }
}

@media only all and (min-width: 48em) {
    .sprite-share-twitter {
        background-position: -333.21px -7.66px
    }
}

@media only all and (min-width: 64em) {
    .sprite-share-twitter {
        background-position: -435px -10px
    }
}

@media only all and (min-width: 48em) {
    .sprite-share-google {
        background-position: -267.33px -7.66px
    }
}

@media only all and (min-width: 64em) {
    .sprite-share-google {
        background-position: -349px -10px
    }
}

@media only all and (min-width: 48em) {
    .sprite-share-pin {
        background-position: -300.27px -7.66px
    }
}

@media only all and (min-width: 64em) {
    .sprite-share-pin {
        background-position: -392px -10px
    }
}

@media only all and (min-width: 48em) {
    .sprite-share-linkedin {
        background-position: -366.15px -7.66px
    }
}

@media only all and (min-width: 64em) {
    .sprite-share-linkedin {
        background-position: -478px -10px
    }
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-all {
        background-position: -65.11px -143.24px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-all {
        background-position: -85px -187px
    }
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-all:focus, #area-icons img.sprite-icon-all:hover, #area-icons li.current img.sprite-icon-all {
        background-position: -14.55px -142.48px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-all:focus, #area-icons img.sprite-icon-all:hover, #area-icons li.current img.sprite-icon-all {
        background-position: -19px -186px
    }
}

#area-icons img.sprite-icon-kitchen {
    background-position: -84px -258px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-kitchen {
        background-position: -64.34px -197.63px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-kitchen {
        background-position: -84px -258px
    }
}

#area-icons img.sprite-icon-kitchen:focus, #area-icons img.sprite-icon-kitchen:hover, #area-icons li.current img.sprite-icon-kitchen {
    background-position: -15px -262px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-kitchen:focus, #area-icons img.sprite-icon-kitchen:hover, #area-icons li.current img.sprite-icon-kitchen {
        background-position: -11.49px -200.69px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-kitchen:focus, #area-icons img.sprite-icon-kitchen:hover, #area-icons li.current img.sprite-icon-kitchen {
        background-position: -15px -262px
    }
}

#area-icons img.sprite-icon-bathroom {
    background-position: -221px -184px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-bathroom {
        background-position: -169.29px -140.94px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-bathroom {
        background-position: -221px -184px
    }
}

#area-icons img.sprite-icon-bathroom:focus, #area-icons img.sprite-icon-bathroom:hover, #area-icons li.current img.sprite-icon-bathroom {
    background-position: -153px -185px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-bathroom:focus, #area-icons img.sprite-icon-bathroom:hover, #area-icons li.current img.sprite-icon-bathroom {
        background-position: -117.2px -141.71px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-bathroom:focus, #area-icons img.sprite-icon-bathroom:hover, #area-icons li.current img.sprite-icon-bathroom {
        background-position: -153px -185px
    }
}

#area-icons img.sprite-icon-extend {
    background-position: -358px -185px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-extend {
        background-position: -274.23px -141.71px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-extend {
        background-position: -358px -185px
    }
}

#area-icons img.sprite-icon-extend:focus, #area-icons img.sprite-icon-extend:hover, #area-icons li.current img.sprite-icon-extend {
    background-position: -291px -185px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-extend:focus, #area-icons img.sprite-icon-extend:hover, #area-icons li.current img.sprite-icon-extend {
        background-position: -222.91px -141.71px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-extend:focus, #area-icons img.sprite-icon-extend:hover, #area-icons li.current img.sprite-icon-extend {
        background-position: -291px -185px
    }
}

#area-icons img.sprite-icon-openplan {
    background-position: -354px -251px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-openplan {
        background-position: -271.16px -192.27px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-openplan {
        background-position: -354px -251px
    }
}

#area-icons img.sprite-icon-openplan:focus, #area-icons img.sprite-icon-openplan:hover, #area-icons li.current img.sprite-icon-openplan {
    background-position: -286px -254px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-openplan:focus, #area-icons img.sprite-icon-openplan:hover, #area-icons li.current img.sprite-icon-openplan {
        background-position: -219.08px -194.56px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-openplan:focus, #area-icons img.sprite-icon-openplan:hover, #area-icons li.current img.sprite-icon-openplan {
        background-position: -286px -254px
    }
}

#area-icons img.sprite-icon-flow {
    background-position: -494px -184px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-flow {
        background-position: -378.4px -140.94px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-flow {
        background-position: -494px -184px
    }
}

#area-icons img.sprite-icon-flow:focus, #area-icons img.sprite-icon-flow:hover, #area-icons li.current img.sprite-icon-flow {
    background-position: -428px -185px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-flow:focus, #area-icons img.sprite-icon-flow:hover, #area-icons li.current img.sprite-icon-flow {
        background-position: -327.85px -141.71px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-flow:focus, #area-icons img.sprite-icon-flow:hover, #area-icons li.current img.sprite-icon-flow {
        background-position: -428px -185px
    }
}

#area-icons img.sprite-icon-loft {
    background-position: -217px -257px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-loft {
        background-position: -166.22px -196.86px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-loft {
        background-position: -217px -257px
    }
}

#area-icons img.sprite-icon-loft:focus, #area-icons img.sprite-icon-loft:hover, #area-icons li.current img.sprite-icon-loft {
    background-position: -151px -258px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-loft:focus, #area-icons img.sprite-icon-loft:hover, #area-icons li.current img.sprite-icon-loft {
        background-position: -115.67px -197.63px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-loft:focus, #area-icons img.sprite-icon-loft:hover, #area-icons li.current img.sprite-icon-loft {
        background-position: -151px -258px
    }
}

#area-icons img.sprite-icon-reclad {
    background-position: -79px -328px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-reclad {
        background-position: -60.51px -251.25px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-reclad {
        background-position: -79px -328px
    }
}

#area-icons img.sprite-icon-reclad:focus, #area-icons img.sprite-icon-reclad:hover, #area-icons li.current img.sprite-icon-reclad {
    background-position: -12px -328px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-reclad:focus, #area-icons img.sprite-icon-reclad:hover, #area-icons li.current img.sprite-icon-reclad {
        background-position: -9.19px -251.25px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-reclad:focus, #area-icons img.sprite-icon-reclad:hover, #area-icons li.current img.sprite-icon-reclad {
        background-position: -12px -328px
    }
}

#area-icons img.sprite-icon-warmup {
    background-position: -215px -329px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-warmup {
        background-position: -164.69px -252.01px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-warmup {
        background-position: -215px -329px
    }
}

#area-icons img.sprite-icon-warmup:focus, #area-icons img.sprite-icon-warmup:hover, #area-icons li.current img.sprite-icon-warmup {
    background-position: -147px -328px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-warmup:focus, #area-icons img.sprite-icon-warmup:hover, #area-icons li.current img.sprite-icon-warmup {
        background-position: -112.6px -251.25px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-warmup:focus, #area-icons img.sprite-icon-warmup:hover, #area-icons li.current img.sprite-icon-warmup {
        background-position: -147px -328px
    }
}

#area-icons img.sprite-icon-outdoor {
    background-position: -499px -254px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-outdoor {
        background-position: -382.23px -194.56px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-outdoor {
        background-position: -499px -254px
    }
}

#area-icons img.sprite-icon-outdoor:focus, #area-icons img.sprite-icon-outdoor:hover, #area-icons li.current img.sprite-icon-outdoor {
    background-position: -428px -255px
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-outdoor:focus, #area-icons img.sprite-icon-outdoor:hover, #area-icons li.current img.sprite-icon-outdoor {
        background-position: -327.85px -194.56px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-outdoor:focus, #area-icons img.sprite-icon-outdoor:hover, #area-icons li.current img.sprite-icon-outdoor {
        background-position: -428px -255px
    }
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-video {
        background-position: -271.16px -252.01px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-video {
        background-position: -354px -329px
    }
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-video:focus, #area-icons img.sprite-icon-video:hover, #area-icons li.current img.sprite-icon-video {
        background-position: -217.54px -252.78px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-video:focus, #area-icons img.sprite-icon-video:hover, #area-icons li.current img.sprite-icon-video {
        background-position: -284px -330px
    }
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-written {
        background-position: -376.87px -252.78px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-written {
        background-position: -492px -330px
    }
}

@media only all and (min-width: 48em) {
    #area-icons img.sprite-icon-written:focus, #area-icons img.sprite-icon-written:hover, #area-icons li.current img.sprite-icon-written {
        background-position: -324.02px -252.78px
    }
}

@media only all and (min-width: 64em) {
    #area-icons img.sprite-icon-written:focus, #area-icons img.sprite-icon-written:hover, #area-icons li.current img.sprite-icon-written {
        background-position: -423px -330px
    }
}

.testimonials {
    margin: 0 auto;
    width: 176px
}

.testimonials li {
    float: left;
    padding-top: 23px;
    margin-right: 38px
}

.testimonials li:first-child {
    margin-left: 10px
}

.testimonials li:last-child {
    margin-right: 0
}

.testimonials li a {
    display: block;
    padding-bottom: 14px;
    text-align: center;
    color: #333
}

.testimonials li img {
    display: block;
    width: 61px;
    height: 61px;
    margin: 0 auto 10px
}

.testimonials a#test-video span {
    background-image: url(icon-test-video-blue.png)
}

.testimonials a#test-written span {
    background-image: url(icon-test-written-blue.png)
}

@media only all and (min-width: 48em) {
    .sprite-bread-home {
        background-position: -42.9px -6.13px
    }
}

@media only all and (min-width: 64em) {
    .sprite-bread-home {
        background-position: -56px -8px
    }
}

.icons img.sprite-icon-all {
    background-position: -10px -401px
}

.icons img.sprite-icon-kitchen {
    background-position: -82px -401px
}

.icons img.sprite-icon-bathroom {
    background-position: -152px -401px
}

.icons img.sprite-icon-extend {
    background-position: -217px -401px
}

.icons img.sprite-icon-openplan {
    background-position: -287px -401px
}

.icons img.sprite-icon-flow {
    background-position: -352px -401px
}

.icons img.sprite-icon-loft {
    background-position: -422px -401px
}

.icons img.sprite-icon-reclad {
    background-position: -487px -401px
}

.icons img.sprite-icon-warmup {
    background-position: -557px -401px
}

.icons img.sprite-icon-outdoor {
    background-position: -629px -401px
}

.icons img.sprite-icon-video {
    background-position: -10px -466px
}

.icons img.sprite-icon-written {
    background-position: -82px -466px
}

.svg #area-icons img.sprite-icon-all, .svg #area-icons img.sprite-icon-bathroom, .svg #area-icons img.sprite-icon-extend, .svg #area-icons img.sprite-icon-flow, .svg #area-icons img.sprite-icon-kitchen, .svg #area-icons img.sprite-icon-loft, .svg #area-icons img.sprite-icon-openplan, .svg #area-icons img.sprite-icon-outdoor, .svg #area-icons img.sprite-icon-reclad, .svg #area-icons img.sprite-icon-video, .svg #area-icons img.sprite-icon-warmup, .svg #area-icons img.sprite-icon-written {
    background: url(sprites.svg) no-repeat
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-all, .svg #area-icons img.sprite-icon-bathroom, .svg #area-icons img.sprite-icon-extend, .svg #area-icons img.sprite-icon-flow, .svg #area-icons img.sprite-icon-kitchen, .svg #area-icons img.sprite-icon-loft, .svg #area-icons img.sprite-icon-openplan, .svg #area-icons img.sprite-icon-outdoor, .svg #area-icons img.sprite-icon-reclad, .svg #area-icons img.sprite-icon-video, .svg #area-icons img.sprite-icon-warmup, .svg #area-icons img.sprite-icon-written {
        background: url(sprites-ipad.svg) no-repeat;
        background-size: 792px 612px
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-all, .svg #area-icons img.sprite-icon-bathroom, .svg #area-icons img.sprite-icon-extend, .svg #area-icons img.sprite-icon-flow, .svg #area-icons img.sprite-icon-kitchen, .svg #area-icons img.sprite-icon-loft, .svg #area-icons img.sprite-icon-openplan, .svg #area-icons img.sprite-icon-outdoor, .svg #area-icons img.sprite-icon-reclad, .svg #area-icons img.sprite-icon-video, .svg #area-icons img.sprite-icon-warmup, .svg #area-icons img.sprite-icon-written {
        background: url(sprites.svg) no-repeat;
        background-size: 792px 612px
    }
}

.svg #area-icons img.sprite-icon-all {
    background-position: -6px -4px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-all {
        background-position: -6px -4px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-all {
        background-position: -5px -5px !important
    }
}

.svg #area-icons img.sprite-icon-kitchen {
    background-position: -75px -5px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-kitchen {
        background-position: -60px -4px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-kitchen {
        background-position: -75px -5px !important
    }
}

.svg #area-icons img.sprite-icon-bathroom {
    background-position: -145px -5px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-bathroom {
        background-position: -113px -4px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-bathroom {
        background-position: -145px -5px !important
    }
}

.svg #area-icons img.sprite-icon-extend {
    background-position: -213px -5px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-extend {
        background-position: -165px -4px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-extend {
        background-position: -213px -5px !important
    }
}

.svg #area-icons img.sprite-icon-openplan {
    background-position: -283px -5px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-openplan {
        background-position: -219px -4px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-openplan {
        background-position: -283px -5px !important
    }
}

.svg #area-icons img.sprite-icon-flow {
    background-position: -353px -5px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-flow {
        background-position: -273px -4px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-flow {
        background-position: -353px -5px !important
    }
}

.svg #area-icons img.sprite-icon-loft {
    background-position: -423px -5px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-loft {
        background-position: -326px -4px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-loft {
        background-position: -423px -5px !important
    }
}

.svg #area-icons img.sprite-icon-reclad {
    background-position: -493px -5px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-reclad {
        background-position: -380px -4px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-reclad {
        background-position: -493px -5px !important
    }
}

.svg #area-icons img.sprite-icon-warmup {
    background-position: -563px -5px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-warmup {
        background-position: -433px -4px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-warmup {
        background-position: -563px -5px !important
    }
}

.svg #area-icons img.sprite-icon-outdoor {
    background-position: -633px -5px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-outdoor {
        background-position: -487px -4px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-outdoor {
        background-position: -633px -5px !important
    }
}

.svg #area-icons img.sprite-icon-video {
    background-position: -5px -73px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-video {
        background-position: -6px -57px !important
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-video {
        background-position: -5px -73px !important
    }
}

.svg #area-icons img.sprite-icon-written {
    background-position: -75px -73px !important
}

@media only all and (min-width: 48em) {
    .svg #area-icons img.sprite-icon-written {
        background-position: -60px -57px !important
    }

    #mobile-links {
        display: none
    }
}

@media only all and (min-width: 64em) {
    .svg #area-icons img.sprite-icon-written {
        background-position: -75px -73px !important
    }
}

.svg #area-icons img {
    background-color: #ccc !important
}

.svg #area-icons img:focus, .svg #area-icons img:hover, .svg #area-icons li.current img {
    background-color: #0079bb !important
}

#mobile-links {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
    visibility: visible;
    width: 100%;
    height: 3.5rem;
    background: #e6e6e6;
    list-style-type: none
}

#mobile-links li {
    float: left;
    width: 33.33%;
    height: 100%;
    font-size: 1.14rem
}

#mobile-links li a {
    display: block;
    text-align: center;
    height: 100%;
    padding-top: .573rem
}

#mobile-links li a:before {
    display: block;
    width: 1.14rem;
    height: 1.14rem;
    margin: 0 auto .286rem;
    background-size: cover;
    background-repeat: no-repeat
}

#mobile-links li#link-menu a {
    padding-top: .732rem
}

#mobile-links li#link-menu a:before {
    background-image: url(hamburger.png);
    width: 1.429rem;
    height: .821rem;
    margin: 0 auto .446rem
}

#mobile-links li#link-search a:before {
    background-image: url(search-icon.png)
}

#mobile-links li#link-phone a:before {
    background-image: url(phone-icon.png)
}

.svg #mobile-links li#link-menu a:before {
    background-image: url(hamburger.svg)
}

.svg #mobile-links li#link-search a:before {
    background-image: url(search-icon.svg)
}

.svg #mobile-links li#link-phone a:before {
    background-image: url(phone-icon.svg)
}

body.footer-links-off {
    padding-bottom: 0
}

body.footer-links-off #mobile-links {
    display: none
}

#mobile-menu {
    width: 100%;
    position: fixed;
    overflow: auto;
    z-index: -12;
    visibility: hidden;
    top: 0;
    background: #fff
}

#mobile-menu h2 {
    text-align: center;
    font-size: 1.857rem;
    font-weight: 400;
    padding: .8rem 0;
    margin-bottom: 2rem;
    position: relative
}

#mobile-menu h2:after {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #ececed 0, #959698 25%, #959698 75%, #ececed 100%)
}

#mobile-menu a.close {
    display: block;
    width: 8.6rem;
    height: 5rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15
}

#mobile-menu a.close:before {
    display: block;
    width: 2.036rem;
    height: 1.929rem;
    position: absolute;
    top: 1rem;
    left: .8rem;
    background-image: url(close-menu-arrow.png);
    background-size: cover
}

#mobile-menu #mobile-menu-links h2, #mobile-menu #mobile-menu-links p.homelink {
    font-size: 1.286rem;
    font-weight: 400;
    padding: 0;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    display: block
}

#mobile-menu #mobile-menu-links h2 a, #mobile-menu #mobile-menu-links p.homelink a {
    display: block;
    padding: .717rem 0
}

#mobile-menu #mobile-menu-links h2 a:before, #mobile-menu #mobile-menu-links p.homelink a:before {
    display: inline-block;
    color: #1a1a1a;
    content: "+";
    padding: 0 3px 0 10px
}

#mobile-menu #mobile-menu-links h2.open a:before, #mobile-menu #mobile-menu-links p.homelink.open a:before {
    content: "-";
    padding: 0 5px 0 12px
}

#mobile-menu #mobile-menu-links h2:after, #mobile-menu #mobile-menu-links p.homelink:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #ececed 0, #959698 25%, #959698 75%, #ececed 100%)
}

#mobile-menu #mobile-menu-links ul {
    display: none;
    margin-bottom: .4rem
}

#mobile-menu #mobile-menu-links ul.open {
    display: block
}

#mobile-menu #mobile-menu-links ul li a {
    display: block;
    padding: .8rem 0 .8rem 1.7rem
}

.svg #mobile-menu a.close:before {
    background-image: url(close-menu-arrow.svg);
    background-size: cover
}

body.menu #mobile-menu {
    z-index: 12;
    right: 0;
    height: 100%;
    visibility: visible
}

body.animating #mobile-menu {
    z-index: 12;
    visibility: visible;
    transition: transform .25s ease-in-out;
    -webkit-transition: -webkit-transform .25s ease-in-out
}

body.animating-on #mobile-menu {
    right: -100%;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0)
}

body.animating-off #mobile-menu {
    right: 0;
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0)
}

body.menu {
    padding-bottom: 0
}

#mobile-contact-chooser {
    width: 100%;
    position: fixed;
    overflow: auto;
    z-index: -12;
    visibility: hidden;
    top: 0;
    left: 0;
    background: url(bg-mobile-contact-chooser.jpg) center center no-repeat;
    background-size: 100% 100%
}

#mobile-contact-chooser h2 {
    background: #fff;
    padding: 8px 0;
    position: relative
}

#mobile-contact-chooser h2 img {
    display: block;
    width: 120px;
    margin: 0 auto 0 8px
}

#mobile-contact-chooser h2:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #ececed 0, #959698 25%, #959698 75%, #ececed 100%)
}

#mobile-contact-chooser div {
    margin: 22px 16px;
    background: #ccc
}

#mobile-contact-chooser div.renovation {
    margin-top: 32px
}

#mobile-contact-chooser div.renovation li {
    float: left;
    width: 50%
}

#mobile-contact-chooser div.renovation li a {
    margin: 6px 8px 6px 3px;
    background: #0079bb
}

#mobile-contact-chooser div.renovation li:first-child a {
    margin: 6px 3px 6px 8px
}

#mobile-contact-chooser div.renovation li:first-child a.number {
    display: none;
    background: #fff;
    color: #333
}

#mobile-contact-chooser div h3 {
    color: #4d4d4d;
    text-align: center;
    padding: 8px 0 0
}

#mobile-contact-chooser div a {
    font-weight: 400;
    display: block;
    background: gray;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    margin: 6px 8px
}

body.mobile-contact #mobile-contact-chooser {
    z-index: 2;
    height: 100%;
    visibility: visible
}

body.mobile-contact #mobile-contact-chooser div {
    position: relative;
    z-index: 5
}

body.mobile-contact #mobile-contact-chooser a.close {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: 0 0
}

body.mobile-contact #mobile-contact-chooser a.close.closetext {
    top: 11px;
    left: auto;
    right: 8px;
    width: 5rem;
    height: auto;
    text-align: right;
    font-size: 1.143rem;
    color: #333;
    background-color: transparent
}

#mobile-search {
    width: 100%;
    position: fixed;
    overflow: auto;
    z-index: -12;
    visibility: hidden;
    top: 0;
    left: 0;
    background: url(bg-mobile-contact-chooser.jpg) center center no-repeat;
    background-size: 100% 100%
}

#mobile-search h2 {
    background: #fff;
    padding: 8px 0;
    position: relative
}

#mobile-search h2 img {
    display: block;
    width: 120px;
    margin: 0 auto 0 8px
}

#mobile-search h2:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #ececed 0, #959698 25%, #959698 75%, #ececed 100%)
}

#mobile-search form.search {
    margin: 110px 40px 0
}

#mobile-search form.search input {
    display: block;
    border: 1px solid #ccc;
    width: 100%;
    padding: .285rem 32px .285rem .428rem;
    background: url(magnifier-icon.png) right center no-repeat #fff
}

#mobile-search form.search button.button {
    display: block;
    width: 100%;
    background: #0079bb;
    border: none;
    color: #fff;
    font-size: 1.143rem;
    text-align: center;
    padding: .214rem;
    margin-top: .8rem
}

body.mobile-search #mobile-search {
    z-index: 1000;
    height: 100%;
    visibility: visible
}

body.mobile-search #mobile-search form {
    position: relative;
    z-index: 5
}

body.mobile-search #mobile-search a.close {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: 0 0
}

body.mobile-search #mobile-search a.close.closetext {
    top: 11px;
    left: auto;
    right: 8px;
    width: 5rem;
    height: auto;
    text-align: right;
    font-size: 1.143rem;
    color: #333;
    background-color: transparent
}

.svg #mobile-search form.search input {
    background: url(magnifier-icon.svg) right center no-repeat #fff
}

#mobile-welcome {
    width: 100%;
    position: fixed;
    overflow: auto;
    z-index: -12;
    visibility: hidden;
    top: 0;
    left: 0;
    background: url(bg-mobile-welcome.jpg) center center no-repeat;
    background-size: cover
}

#mobile-welcome h2 {
    padding: 24px 0;
    position: relative
}

#mobile-welcome h2 img {
    display: block;
    width: 230px;
    height: 88px;
    margin: 0 auto;
    background: url(sprites.svg) -172px -78px
}

#mobile-welcome h3 {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 auto 20px;
    max-width: 15.7rem
}

#mobile-welcome ul {
    position: relative;
    z-index: 5;
    margin: 0 37px
}

#mobile-welcome ul li {
    margin-bottom: 1rem
}

#mobile-welcome ul li a {
    display: block;
    text-align: center;
    font-size: 1.29rem;
    color: #fff;
    background: #0079bb;
    padding: .714rem 0
}

body.mobile-welcome #mobile-welcome {
    z-index: 2;
    height: 100%;
    visibility: visible
}

body.mobile-welcome #mobile-welcome a.close {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: 0 0
}

body.mobile-welcome #mobile-welcome a.close.closetext {
    top: 11px;
    left: auto;
    right: 8px;
    width: 5rem;
    height: auto;
    text-align: right;
    font-size: 1.143rem;
    color: #333;
    background-color: transparent
}

#mobile-share-instantly {
    width: 100%;
    position: fixed;
    overflow: auto;
    z-index: -12;
    visibility: hidden;
    top: 0;
    left: 0;
    background: 0 0
}

#mobile-share-instantly div {
    width: 275px;
    margin: 40px auto 0;
    padding: 0 0 6px;
    background: #fff
}

#mobile-share-instantly div div {
    width: 275px;
    padding: 14px 17px 10px
}

#mobile-share-instantly div img.popuplogo {
    display: block;
    margin: 0 0 10px;
    width: 108px;
    height: 41px;
    background: url(sprites.png) -9px -536px no-repeat;
    background-size: 700px 630px
}

#mobile-share-instantly div h2 {
    font-size: 1.29rem;
    width: 240px;
    margin: 0 auto
}

#mobile-share-instantly div ul {
    margin: 0 auto;
    width: 240px
}

#mobile-share-instantly div ul li {
    display: block;
    margin: 0 0 15px
}

#mobile-share-instantly div ul li a {
    display: block;
    color: #fff
}

#mobile-share-instantly div ul li a img {
    display: block;
    float: left;
    clear: none;
    width: 26px;
    height: 26px;
    margin: 10px 14px 10px 10px;
    background: url(sprites.png);
    background-size: 700px 630px
}

#mobile-share-instantly div ul li a span {
    display: block;
    float: left;
    clear: none;
    width: 190px;
    height: 29px;
    border-left: 1px solid #fff;
    margin: 8px 0;
    text-align: center;
    padding-top: 7px
}

#mobile-share-instantly div ul li.google a {
    background: #333
}

#mobile-share-instantly div ul li.google a img {
    background-position: -120px -536px
}

#mobile-share-instantly div ul li.facebook a {
    background: #20599a
}

#mobile-share-instantly div ul li.facebook a img {
    background-position: -153px -536px
}

#mobile-share-instantly div ul li.twitter a {
    background: #23b8d8
}

#mobile-share-instantly div ul li.twitter a img {
    background-position: -190px -536px
}

#mobile-share-instantly div ul li.linkedin a {
    background: #005a89
}

#mobile-share-instantly div ul li.linkedin a img {
    background-position: -222px -536px
}

#mobile-share-instantly div ul li.pinterest a {
    background: red
}

#mobile-share-instantly div ul li.pinterest a img {
    background-position: -254px -536px
}

.svg #mobile-share-instantly img.popuplogo {
    background: url(sprites.svg) -406px -74px;
    background-size: 792px 612px
}

.svg #mobile-share-instantly div ul li a img {
    background: url(sprites.svg);
    background-size: 792px 612px
}

.svg #mobile-share-instantly div ul li.google a img {
    background-position: -156px -472px
}

.svg #mobile-share-instantly div ul li.facebook a img {
    background-position: -190px -472px
}

.svg #mobile-share-instantly div ul li.twitter a img {
    background-position: -227px -472px
}

.svg #mobile-share-instantly div ul li.linkedin a img {
    background-position: -260px -472px
}

.svg #mobile-share-instantly div ul li.pinterest a img {
    background-position: -292px -472px
}

body.mobile-share #mobile-share-instantly {
    z-index: 2;
    height: 100%;
    visibility: visible
}

body.mobile-share #mobile-share-instantly div {
    position: relative;
    z-index: 5
}

body.mobile-share #mobile-share-instantly a.close {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 17, 17, .7)
}

body.mobile-share #mobile-share-instantly a.close.closetext {
    top: 11px;
    left: auto;
    right: 16px;
    width: 5rem;
    height: auto;
    text-align: right;
    font-size: 1.143rem;
    color: #333;
    background-color: transparent
}

#content-body.form form label, #content-body.form p {
    font-size: 1.07rem;
    color: #333
}

#content-body.form p {
    margin: .714rem 0;
    line-height: 1.63
}

#content-body.form form {
    margin-top: 25px
}

@media only all and (max-width: 47.937em) {
    #content-body.form form {
        margin-top: 1rem;
        padding-bottom: 2px
    }
}

@media only all and (min-width: 48em) {
    #content-body.form form {
        margin-top: 18px;
        margin-bottom: 25px
    }

    #content-body.form form .input.left {
        float: left;
        clear: left
    }
}

@media only all and (min-width: 64em) {
    #content-body.form form {
        margin-top: 25px
    }
}

#content-body.form form label.error {
    color: red;
    font-size: .929rem;
    margin-top: -.214rem;
    margin-left: 8px;
    margin-bottom: 1.142rem;
    display: block
}

#content-body.form form .input.fullwidth label.error, #content-body.form form .input.left label.error, #content-body.form form .input.right label.error {
    margin-top: -1.071rem
}

#content-body.form form .input input {
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: .571rem
}

#content-body.form form .input textarea {
    border: 1px solid #ccc
}

#content-body.form form .input.left input {
    margin-bottom: 1.142rem;
    width: 100%
}

@media only all and (min-width: 48em) {
    #content-body.form form .input.left input {
        width: 231px;
        margin-right: 10px
    }

    #content-body.form form .input.left#c-enq-city input {
        margin-bottom: 0
    }
}

@media only all and (min-width: 64em) {
    #content-body.form form .input.left input {
        width: 297px;
        margin-right: 20px
    }
}

@media only all and (min-width: 78em) {
    #content-body.form form .input.left input {
        width: 312px
    }
}

#content-body.form form .input.right input {
    margin-bottom: 1.142rem;
    width: 100%
}

@media only all and (min-width: 48em) {
    #content-body.form form .input.right {
        float: left;
        clear: none
    }

    #content-body.form form .input.right input {
        width: 231px
    }

    #content-body.form form .input.fullwidth {
        float: left;
        clear: left
    }
}

@media only all and (min-width: 64em) {
    #content-body.form form .input.right input {
        width: 297px
    }
}

@media only all and (min-width: 78em) {
    #content-body.form form .input.right input {
        width: 312px
    }
}

#content-body.form form .input.fullwidth input {
    margin-bottom: 1.142rem;
    width: 100%
}

@media only all and (min-width: 48em) {
    #content-body.form form .input.fullwidth input {
        width: 472px
    }
}

@media only all and (min-width: 64em) {
    #content-body.form form .input.fullwidth input {
        width: 614px
    }
}

@media only all and (min-width: 78em) {
    #content-body.form form .input.fullwidth input {
        width: 644px
    }
}

#content-body.form form .input.fullwidth textarea {
    padding: .285rem .428rem;
    width: 100%
}

@media only all and (min-width: 48em) {
    #content-body.form form .input.fullwidth textarea {
        width: 472px
    }
}

@media only all and (min-width: 64em) {
    #content-body.form form .input.fullwidth textarea {
        width: 614px
    }
}

@media only all and (min-width: 78em) {
    #content-body.form form .input.fullwidth textarea {
        width: 644px
    }
}

#content-body.form form input.submitbutton {
    text-align: center;
    font-size: 1.07rem;
    font-weight: 400;
    color: #fff;
    background: #0079bb;
    border: 0;
    padding: .214rem 0;
    width: 100%
}

@media only all and (min-width: 48em) {
    #content-body.form form input.submitbutton {
        width: 231px;
        float: left;
        clear: none
    }
}

@media only all and (min-width: 64em) {
    #content-body.form form input.submitbutton {
        width: 297px
    }
}

@media only all and (min-width: 78em) {
    #content-body.form form input.submitbutton {
        width: 310px
    }
}

@media only all and (min-width: 48em) {
    #content-body.form form input.submitbutton.fullwidth {
        width: 472px
    }
}

@media only all and (min-width: 64em) {
    #content-body.form form input.submitbutton.fullwidth {
        width: 614px
    }
}

@media only all and (min-width: 78em) {
    #content-body.form form input.submitbutton.fullwidth {
        width: 644px
    }

    #content-body.form form div.fancy-select div.trigger {
        width: 100%
    }
}

#content-body.form form .fleft.country {
    margin-right: 20px
}

@media only all and (min-width: 48em) {
    #content-body.form form div.fancy-select div.trigger {
        width: 100%
    }

    #content-body.form form .fleft.country {
        margin-right: 10px
    }
}

@media only all and (min-width: 64em) {
    #content-body.form form div.fancy-select div.trigger {
        width: 100%
    }

    #content-body.form form .fleft.country {
        margin-right: 20px
    }
}

@media only all and (max-width: 47.937em) {
    #content-body.form form .fleft.country {
        float: none;
        margin-right: 0
    }

    #content-body.form .pagecopy.below-form {
        margin-top: 10px
    }

    #content-right.form h2 {
        color: #0079bb;
        text-align: center;
        margin-top: 1.5rem
    }

    #content-right.form p {
        text-align: center
    }

    #content-right.form p strong {
        font-weight: 300
    }
}

#content-body.form form fieldset.left {
    float: left;
    clear: left;
    width: 317px
}

@media only all and (min-width: 78em) {
    #content-body.form form fieldset.left {
        width: 332px
    }
}

@media only all and (min-width: 48em) {
    #content-body.form form .checks p.left {
        float: left;
        clear: left;
        width: 231px;
        margin-right: 10px
    }
}

@media only all and (min-width: 64em) {
    #content-body.form form .checks p.left {
        width: 297px;
        margin-right: 20px
    }
}

@media only all and (min-width: 78em) {
    #content-body.form form .checks p.left {
        width: 312px
    }
}

@media only all and (min-width: 48em) {
    #content-body.form form .checks p.right {
        float: left;
        clear: none;
        width: 231px
    }
}

@media only all and (min-width: 64em) {
    #content-body.form form .checks p.right {
        width: 297px
    }
}

@media only all and (min-width: 78em) {
    #content-body.form form .checks p.right {
        width: 312px
    }
}

#content-body.form form .checks p.right div.checker {
    float: left
}

#content-body.form form .checks p.right span.note {
    float: left;
    width: 200px
}

#content-body.form.getintouch .progress {
    width: 101% !important;
    height: 102% !important;
    left: -1px !important
}

.formholder, .theformarea {
    position: relative
}

.formholder .progress, .theformarea .progress {
    background: url(ajax-loader.gif) 50% 50% no-repeat #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

.formholder .pp_inline .progress, .theformarea .pp_inline .progress {
    z-index: 10004
}

#content-right.form p {
    line-height: 1.2;
    margin: 10px 0;
    color: #333;
    font-size: 1.07rem
}

#content-right.form p.justmobile a {
    background: #ccc;
    color: #fff;
    display: block;
    font-size: 1.07rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 3px 0
}

#content-right.form p a {
    color: #333
}

#content-right.form p a:hover {
    color: #0079bb
}

#content-right.form ul li.hide {
    display: none
}

#content-right.form ul li {
    line-height: 1.5
}

#content-right.form ul li a {
    color: #333;
    font-weight: 400
}

#content-right.form ul li a:hover {
    color: #0079bb
}

#content-right.form div.sidebarvid {
    border: 5px solid #ccc;
    margin-top: 12px;
    width: 326px
}

#content-right.form img {
    margin: 12px 0 30px
}

#content-right.form span.click-to-show span.call-icon {
    color: #333;
    cursor: pointer;
    line-height: 18px;
    vertical-align: bottom
}

@media only all and (max-width: 47.937em) {
    #content-right.form span.click-to-show span.call-icon {
        background: #ccc;
        color: #fff;
        display: block;
        font-size: 1.07rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 3px 0;
        margin-top: 10px
    }
}

@media only all and (min-width: 48em) {
    #content-right.form span.click-to-show span.call-icon:before {
        content: "";
        width: 16px;
        height: 16px;
        margin-top: -2px;
        margin-right: 4px;
        vertical-align: middle;
        display: inline-block;
        background: url(sprites.png) -621px -111px no-repeat
    }
}

#content-right.form span.click-to-show a {
    display: none;
    color: #333
}

@media only all and (max-width: 47.937em) {
    #content-right.form span.click-to-show a {
        background: #ccc;
        color: #fff;
        font-size: 1.07rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 3px 0;
        margin-top: 10px
    }
}

#content-right.form span.click-to-show a:active, #content-right.form span.click-to-show a:focus, #content-right.form span.click-to-show a:hover {
    color: #333 !important
}

@media only all and (max-width: 47.937em) {
    #content-right.form span.click-to-show a:active, #content-right.form span.click-to-show a:focus, #content-right.form span.click-to-show a:hover {
        background: #ccc;
        color: #fff;
        font-size: 1.07rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 3px 0;
        margin-top: 10px
    }
}

#content-right.form span.click-to-show:focus span.call-icon, #content-right.form span.click-to-show:hover span.call-icon {
    color: #0079bb
}

#content-right.form span.click-to-show:focus span.call-icon:before, #content-right.form span.click-to-show:hover span.call-icon:before {
    background-position: -651px -111px
}

@media only all and (min-width: 48em) {
    .svg #content-right.form span.click-to-show span.call-icon:before {
        width: 12px;
        height: 12px;
        margin-top: -4px;
        margin-right: 3.06px;
        background: url(sprites-ipad.svg) -98px -122px no-repeat
    }
}

@media only all and (min-width: 64em) {
    .svg #content-right.form span.click-to-show span.call-icon:before {
        width: 16px;
        height: 16px;
        margin-top: -2px;
        margin-right: 4px;
        background: url(sprites.png) -621px -111px no-repeat
    }

    .svg #content-right.form span.click-to-show:focus span.call-icon:before, .svg #content-right.form span.click-to-show:hover span.call-icon:before {
        background-position: -651px -111px
    }
}

@media only all and (min-width: 48em) {
    .svg #content-right.form span.click-to-show:focus span.call-icon:before, .svg #content-right.form span.click-to-show:hover span.call-icon:before {
        background-position: -651px -111px
    }

    .svg.touch #content-right.form span.click-to-show span.call-icon:before {
        width: 12px;
        height: 12px;
        margin-top: -4px;
        margin-right: 3.06px;
        background: url(sprites-ipad.svg) -98px -122px no-repeat
    }
}

@media only all and (min-width: 64em) {
    .svg.touch #content-right.form span.click-to-show span.call-icon:before {
        width: 16px;
        height: 16px;
        margin-top: -2px;
        margin-right: 4px;
        background: url(sprites.svg) -125px -143px no-repeat
    }

    .svg.touch #content-right.form span.click-to-show:focus span.call-icon:before, .svg.touch #content-right.form span.click-to-show:hover span.call-icon:before {
        background-position: -651px -111px
    }
}

@media only all and (min-width: 48em) {
    .svg.touch #content-right.form span.click-to-show:focus span.call-icon:before, .svg.touch #content-right.form span.click-to-show:hover span.call-icon:before {
        background-position: -651px -111px
    }
}

.input {
    display: block
}

.input span {
    position: absolute;
    padding: .671rem .428rem .285rem;
    margin-left: .214rem;
    color: #333;
    z-index: 1;
    cursor: text
}

.input input {
    z-index: 0;
    padding: .285rem .428rem;
    margin: 0;
    font: inherit
}

div.checker span, div.radio span, div.selector, div.selector span {
    background-image: url(../images/blue-tickbox.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased
}

.svg div.checker span, .svg div.radio span, .svg div.selector, .svg div.selector span {
    background-image: url(../images/blue-tickbox.svg)
}

.checker, .radio, .selector, .selector * {
    margin: 0;
    padding: 0
}

div.checker, div.radio {
    width: 22px;
    height: 22px;
    margin-right: 3px;
    position: relative
}

div.checker span, div.radio span {
    background-position: 0 -20px;
    height: 20px;
    width: 20px
}

div.checker.active span, div.checker.active:hover span, div.checker.focus span, div.checker.focus.active span, div.checker.focus:active span, div.checker:active span, div.checker:active:hover span, div.checker:hover span, div.radio.active span, div.radio.active:hover span, div.radio.focus span, div.radio.focus.active span, div.radio.focus:active span, div.radio:active span, div.radio:active:hover span, div.radio:hover span {
    background-position: 0 -20px
}

div.checker span.checked, div.checker.active span.checked, div.checker.active.focus span.checked, div.checker.active:hover span.checked, div.checker.focus span.checked, div.checker.focus:active span.checked, div.checker:active span.checked, div.checker:hover span.checked, div.checker:hover:active span.checked, div.radio span.checked, div.radio.active span.checked, div.radio.active.focus span.checked, div.radio.active:hover span.checked, div.radio.focus span.checked, div.radio.focus:active span.checked, div.radio:active span.checked, div.radio:hover span.checked, div.radio:hover:active span.checked {
    background-position: 0 0
}

.checker, .radio, .selector {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1
}

div.selector {
    position: relative;
    padding-left: 10px;
    overflow: hidden
}

.selecter-element, div.selector select {
    position: absolute;
    opacity: 0
}

div.checker span, div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center
}

div.checker input, div.radio input {
    width: 20px;
    height: 20px;
    opacity: 0;
    display: inline-block;
    background: 0 0
}

.svg div.selector, div.selector {
    background-image: url(bg-select-left.png);
    line-height: 30px;
    height: 30px
}

.svg div.selector span, div.selector span {
    background-image: url(bg-select-right.png);
    background-position: right 0;
    height: 30px;
    line-height: 30px
}

div.selector select {
    top: 0;
    left: 0;
    height: 29px;
    background: 0 0;
    min-width: 175px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    border: 1px solid #fff
}

div.selector {
    width: 175px;
    font-size: 14px
}

div.selector span {
    padding: 0 40px 0 2px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    width: 127px
}

.regionright div.selector span {
    width: 165px
}

form.regionright {
    float: right;
    clear: none;
    border: none;
    width: auto;
    margin-right: 10px
}

.notfoundmsg {
    padding: 15px 5px
}

.selecter {
    display: block;
    margin: 1.14rem 0 10px;
    position: relative;
    width: 100%;
    z-index: 1
}

.selecter .selecter-selected {
    background: url(fs-selecter-arrow.png) right center no-repeat #f9f9f9;
    color: #333;
    cursor: pointer;
    display: block;
    font-size: .928rem;
    margin: 0;
    overflow: hidden;
    padding: .57rem .71rem;
    position: relative;
    text-overflow: clip;
    z-index: 49
}

.selecter .selecter-options {
    background-color: #fefefe;
    display: none;
    left: 0;
    margin: 0;
    max-height: 260px;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 50
}

.selecter .selecter-group {
    background: #f9f9f9;
    color: #999;
    display: block;
    font-size: .785rem;
    padding: .36rem .714rem .285rem
}

.selecter .selecter-item {
    background: #fff;
    color: #333;
    cursor: pointer;
    display: block;
    font-size: .928rem;
    margin: 0;
    overflow: hidden;
    padding: .57rem .71rem;
    text-overflow: ellipsis;
    width: 100%
}

.selecter .selecter-item.selected {
    background: #f9f9f9
}

.selecter .selecter-item.disabled {
    color: #999;
    cursor: default
}

@media screen and (min-width: 980px) {
    .selecter .selecter-item.selected:hover, .selecter .selecter-item:hover {
        background-color: #f3f3f3
    }

    .selecter .selecter-item.disabled:hover, .selecter:hover .selecter-selected {
        background-color: #fff
    }

    .selecter.disabled .selecter-item:hover {
        background: #fff
    }
}

.selecter.open {
    z-index: 3
}

.selecter.open .selecter-selected {
    z-index: 51
}

.selecter.focus .selecter-selected, .selecter.open .selecter-selected {
    background-color: #fff
}

.selecter.cover .selecter-options {
    top: 0
}

.selecter.cover.open .selecter-selected {
    z-index: 49
}

.selecter.bottom .selecter-options {
    bottom: 100%;
    top: auto
}

.selecter.bottom.cover .selecter-options {
    bottom: 0;
    top: auto
}

.selecter.multiple .selecter-options {
    display: block;
    position: static;
    width: 100%
}

.selecter.disabled .selecter-selected {
    background: #fff;
    color: #ccc;
    cursor: default
}

.selecter.disabled .selecter-options {
    background: #fff
}

.selecter.disabled .selecter-group, .selecter.disabled .selecter-item {
    color: #ccc;
    cursor: default
}

.selecter.disabled .selecter-item.selected {
    background: #fafafa
}

.selecter .selecter-options.scroller {
    overflow: hidden
}

.selecter .selecter-options.scroller .scroller-content {
    max-height: 260px;
    padding: 0
}

#footer .selecter a, #footer .selecter span {
    color: #6f7072;
    font-weight: 600
}

#footer .selecter-item, #footer .selecter-selected {
    min-height: 1rem;
    padding: .714rem 0 .785rem 2.85rem
}

@media only all and (min-width: 48em) {
    #footer .selecter-item, #footer .selecter-selected {
        width: 153px
    }
}

@media only all and (min-width: 64em) {
    #footer .selecter-item, #footer .selecter-selected {
        width: 200px
    }
}

@media only all and (max-width: 47.937em) {
    .selecter {
        margin: 0
    }

    #footer .selecter a, #footer .selecter span {
        color: #fff;
        text-transform: none;
        font-weight: 300;
        font-size: 1.214rem
    }

    #footer .selecter-selected {
        padding-left: .714rem
    }
}

div.fancy-select {
    position: relative;
    font-size: 1.07rem;
    color: #333
}

div.fancy-select.disabled {
    opacity: .5
}

div.fancy-select div.trigger {
    cursor: pointer;
    line-height: 1.428rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: #fff;
    color: #333;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out
}

div.fancy-select div.trigger:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: .357rem solid transparent;
    border-top-color: #333;
    top: .7rem;
    right: .571rem
}

div.fancy-select div.trigger.open {
    color: #333;
    box-shadow: none
}

div.fancy-select div.trigger.open:after {
    border-top-color: #333
}

.contact div.fancy-select ul.options {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 1.285rem;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    margin-top: .8rem;
    padding-bottom: .428rem;
    width: 100%;
    margin-left: -1px;
    transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out;
    -webkit-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out;
    -moz-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out;
    -ms-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out;
    -o-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out;
    border: 1px solid #707070;
    overflow-y: scroll;
    max-height: 267px;
    background: 0 0;
    padding-top: 0
}

div.fancy-select ul.options {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 1.285rem;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    max-height: 224px;
    overflow: auto;
    background: url(dropcorner.png) top left no-repeat, url(select-bottom.png) bottom left no-repeat;
    padding-top: 1.285rem;
    padding-bottom: .428rem;
    width: 130px;
    transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out;
    -webkit-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out;
    -moz-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out;
    -ms-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out;
    -o-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out
}

div.fancy-select ul.options.open {
    visibility: visible;
    top: 2rem;
    opacity: 1;
    transition: opacity .3s ease-out, top .3s ease-out;
    -webkit-transition: opacity .3s ease-out, top .3s ease-out;
    -moz-transition: opacity .3s ease-out, top .3s ease-out;
    -ms-transition: opacity .3s ease-out, top .3s ease-out;
    -o-transition: opacity .3s ease-out, top .3s ease-out
}

div.fancy-select ul.options.overflowing {
    top: auto;
    bottom: 1.214rem;
    background: url(dropcorner-overflowing.png) bottom left no-repeat, url(select-top.png) top left no-repeat;
    padding-bottom: 1.285rem;
    padding-top: .428rem;
    transition: opacity .3s ease-out, bottom .3s ease-out, visibility .3s ease-out;
    -webkit-transition: opacity .3s ease-out, bottom .3s ease-out, visibility .3s ease-out;
    -moz-transition: opacity .3s ease-out, bottom .3s ease-out, visibility .3s ease-out;
    -ms-transition: opacity .3s ease-out, bottom .3s ease-out, visibility .3s ease-out;
    -o-transition: opacity .3s ease-out, bottom .3s ease-out, visibility .3s ease-out
}

div.fancy-select ul.options.overflowing.open {
    top: auto;
    bottom: 1.928rem;
    transition: opacity .3s ease-out, bottom .3s ease-out;
    -webkit-transition: opacity .3s ease-out, bottom .3s ease-out;
    -moz-transition: opacity .3s ease-out, bottom .3s ease-out;
    -ms-transition: opacity .3s ease-out, bottom .3s ease-out;
    -o-transition: opacity .3s ease-out, bottom .3s ease-out
}

#theformarea-rh-extended label.multi div.fancy-select ul.options, #theformarea-rh-extended label.multi div.fancy-select ul.options.overflowing {
    background-image: none;
    background-color: #e7e7e7;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 202px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

div.fancy-select ul.options li {
    padding: .571rem .857rem;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    color: #333;
    background: #fff;
    cursor: pointer;
    white-space: nowrap;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out
}

div.fancy-select ul.options li.selected {
    background: #fff;
    color: #333
}

div.light_square #pp_full_res .pp_inline, div.light_square .pp_content .ppt {
    color: #333
}

div.fancy-select ul.options li.hover {
    background: #e7e7e7
}

div.pp_overlay {
    width: 100% !important
}

div.light_square .pp_content, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right {
    background: #fff
}

div.light_square .pp_expand {
    background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_expand:hover {
    background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract {
    background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract:hover {
    background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_square .pp_details {
    position: relative
}

div.light_square .pp_description {
    margin-right: 85px
}

div.light_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous {
    margin-top: 12px !important
}

div.light_square .pp_nav .pp_play {
    background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_square .pp_arrow_next {
    background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_square .pp_hoverContainer .pp_close {
    background: url(close.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_hoverContainer .pp_next {
    background: url(btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_hoverContainer .pp_previous {
    background: url(btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_loaderIcon {
    background: url(loading.gif) center center no-repeat
}

div.facebook .pp_hoverContainer .pp_close {
    background: url(close-small.png) center right no-repeat;
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 6px
}

div.pp_overlay {
    background: #c6d7ec;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9500
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000
}

@media only all and (max-width: 47.937em) {
    div.pp_pic_holder.facebook {
        position: fixed;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }

    div.pp_pic_holder.facebook .ppt {
        display: none !important
    }

    div.pp_pic_holder.facebook .pp_inline {
        -webkit-transform: translateZ(0)
    }
}

.pp_gallery div, .pp_gallery ul a, .pp_social .facebook {
    overflow: hidden;
    float: left
}

.pp_top {
    position: relative
}

* html .pp_top {
    padding: 0
}

.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_fade {
    display: none
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px
}

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

.pp_social .facebook {
    margin-left: 5px;
    width: 55px
}

.pp_social .twitter {
    float: left
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

.map-clear, .social-buttons .clear {
    clear: both
}

.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap
}

.pp_nav .pp_pause, .pp_nav .pp_play {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
}

a.pp_arrow_next, a.pp_arrow_previous {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%
}

.pp_close {
    position: relative;
    z-index: 2003;
    width: 52px;
    height: 23px;
    right: 0;
    top: 0
}

.pp_next, .pp_previous {
    width: 90px;
    height: 89px;
    top: 42%;
    position: relative
}

.pp_next {
    z-index: 2002;
    right: 0
}

.pp_previous {
    z-index: 2001;
    left: 0
}

#pp_full_res {
    position: relative;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

.pp_gallery div, .pp_gallery ul {
    position: relative
}

.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    white-space: nowrap
}

a.pp_close, a.pp_contract, a.pp_expand {
    position: absolute;
    text-indent: -10000px
}

.pp_gallery ul a {
    border: 1px solid #333;
    border: 1px solid rgba(0, 0, 0, .5);
    display: block;
    height: 33px
}

.pp_gallery li.selected a, .pp_gallery ul a:hover {
    border-color: #fff
}

.pp_gallery ul a img {
    border: 0
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0
}

.pp_gallery li.default a {
    background: url(images/prettyPhoto/facebook/default_thumbnail.gif) no-repeat;
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery li.default a img {
    display: none
}

a.pp_next, a.pp_previous {
    background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    text-indent: -10000px
}

.pp_gallery .pp_arrow_next, .pp_gallery .pp_arrow_previous {
    margin-top: 7px !important
}

a.pp_next {
    float: right
}

a.pp_previous {
    float: left
}

a.pp_contract, a.pp_expand {
    cursor: pointer;
    display: none;
    height: 20px;
    right: 30px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

a.pp_close {
    right: 0;
    top: 0;
    display: block;
    line-height: 22px
}

.pp_bottom {
    position: relative
}

* html .pp_bottom {
    padding: 0 20px
}

.pp_bottom .pp_left {
    left: 0;
    position: absolute;
    width: 20px
}

.pp_bottom .pp_middle {
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_bottom .pp_right {
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

#pp_full_res {
    line-height: 1 !important;
    border: 5px solid #fff !important
}

#pp_full_res .pp_inline {
    text-align: left
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999
}

.pp_content_container .pp_details {
    display: none !important
}

.pp_bottom, .pp_bottom .pp_left, .pp_bottom .pp_middle, .pp_bottom .pp_right, .pp_top {
    height: 0 !important
}

.pp_content_container .pp_left {
    padding-left: 0 !important
}

.pp_content_container .pp_right {
    padding-right: 0 !important
}

.pp_content .pp_hoverContainer {
    width: 100% !important
}

@media only all and (max-width: 47.937em) {
    .pp_content, .pp_hoverContainer {
        width: 100% !important
    }

    div.facebook .pp_hoverContainer a.pp_close {
        background-image: none;
        text-indent: 0;
        top: 0;
        font-size: 1.143rem;
        text-transform: uppercase;
        text-align: right;
        width: 80px;
        height: 32px;
        padding: 8px 12px;
        color: #333
    }
}

div.facebook #pp_full_res {
    border: 0 !important;
    background: #fff
}

div.facebook .pp_next, div.facebook .pp_previous {
    display: none
}

span.click-to-show a {
    display: none;
    color: #333
}

span.click-to-show a:active, span.click-to-show a:focus, span.click-to-show a:hover {
    color: #333 !important
}

span.click-to-show span.call-icon {
    color: #333;
    cursor: pointer;
    line-height: 18px;
    vertical-align: bottom
}

#sidey p.call, #sidey p.orcall {
    line-height: 1.2;
    font-weight: 400
}

span.click-to-show:focus span.call-icon, span.click-to-show:hover span.call-icon {
    color: #0079bb
}

span.click-to-show span.call-icon:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 4px;
    vertical-align: middle;
    display: inline-block;
    background: url(sprites.png) -621px -111px no-repeat
}

span.click-to-show:focus span.call-icon:before, span.click-to-show:hover span.call-icon:before {
    background-position: -651px -111px
}

#sidey #forms1 {
    width: 330px;
    padding: 24px 28px;
    background: rgba(69, 62, 62, .95)
}

#sidey #forms2 {
    background: #453e3e
}

@media only all and (min-width: 64em) {
    #sidey #forms2 {
        width: 945px;
        padding: 24px 28px
    }
}

@media only all and (max-width: 47.937em) {
    #sidey {
        width: 100%;
        right: -320px
    }

    #sidey #forms2 .col1, #sidey #forms2 .col2 {
        padding-right: 8px;
        padding-left: 8px
    }

    #sidey #forms2 .col3 {
        padding-left: 16px
    }

    #sidey #forms2 h2 {
        padding-top: 42px
    }

    #sidey #forms2 form.fleft {
        float: none;
        margin: 0 0 1rem 90px
    }
}

@media only all and (min-width: 48em) {
    #sidey #forms2 .col1, #sidey #forms2 .col2 {
        width: 240px;
        padding-right: 12px
    }
}

@media only all and (min-width: 64em) {
    #sidey #forms2 .col1, #sidey #forms2 .col2 {
        width: 320px;
        padding-right: 20px
    }
}

@media only all and (min-width: 48em) {
    #sidey #forms2 .col3 {
        width: 190px
    }

    #sidey #forms2 form.fleft {
        margin-top: 6px;
        margin-left: 16px;
        margin-bottom: 4px
    }
}

@media only all and (min-width: 64em) {
    #sidey #forms2 .col3 {
        width: 245px
    }
}

#sidey p.call a, #sidey p.orcall a {
    font-size: 1.142rem;
    color: #fff
}

#sidey #forms2 p.instructions {
    width: 100%;
    margin-bottom: 1.2rem;
    margin-left: 0;
    text-align: left
}

@media only all and (max-width: 47.937em) {
    #sidey #forms2 p.instructions {
        text-align: center;
        width: auto;
        margin-right: 8px;
        margin-left: 8px
    }
}

@media only all and (min-width: 48em) {
    #sidey #forms2 p.instructions {
        width: 500px
    }
}

@media only all and (min-width: 64em) {
    #sidey #forms2 p.instructions {
        width: 600px
    }
}

#sidey p.call, #sidey p.orcall {
    color: #fff;
    text-align: center
}

#sidey span.click-to-show span.call-icon {
    color: #fff;
    cursor: pointer;
    line-height: 1.285rem;
    vertical-align: bottom
}

@media only all and (max-width: 47.937em) {
    #sidey span.click-to-show span.call-icon {
        background: #ccc;
        color: #333;
        display: block;
        text-align: center;
        font-size: 1.07rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 3px 0;
        margin-top: 10px
    }
}

@media only all and (min-width: 48em) {
    #sidey span.click-to-show span.call-icon:before {
        content: "";
        width: 16px;
        height: 16px;
        margin-top: -2px;
        margin-right: 4px;
        vertical-align: middle;
        display: inline-block;
        background: url(sprites.png) -651px -111px no-repeat
    }
}

#sidey span.click-to-show a {
    display: none;
    color: #fff;
    line-height: 1rem
}

@media only all and (max-width: 47.937em) {
    #sidey span.click-to-show a {
        background: #ccc;
        color: #333;
        width: 100%;
        text-align: center;
        font-size: 1.07rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 3px 0
    }

    #sidey span.click-to-show a:active, #sidey span.click-to-show a:focus, #sidey span.click-to-show a:hover {
        background: #ccc;
        color: #fff;
        font-size: 1.07rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 3px 0
    }
}

#sidey span.click-to-show:focus span.call-icon, #sidey span.click-to-show:hover span.call-icon {
    color: #0079bb
}

#sidey form {
    margin-bottom: 1rem
}

#sidey form label {
    font-size: 1.071rem;
    font-weight: 400;
    color: #1d1d1b
}

#sidey form label.error {
    color: #b00321
}

#sidey form label.radiostyle {
    color: #fff
}

#sidey form label input, #sidey form label textarea {
    background: #d2d2d2;
    border: none;
    font-size: 1.071rem;
    font-weight: 400;
    color: #1d1d1b;
    width: 100%;
    margin-bottom: .714rem;
    text-align: center;
    padding: .7rem 8px
}

#sidey form label textarea {
    text-align: left;
    height: 10.14rem
}

#sidey form label div.fancy-select div.trigger {
    background: #d2d2d2;
    text-align: center;
    border: none;
    padding-top: .7rem;
    padding-bottom: .7rem;
    margin-bottom: .714rem
}

#sidey form label div.fancy-select div.trigger:after {
    top: 1.25rem
}

#sidey form label :input-placeholder {
    color: #1d1d1b;
    font-weight: 400;
    text-align: center;
    opacity: 1
}

#sidey form label ::-moz-placeholder {
    color: #1d1d1b;
    font-weight: 400;
    text-align: center;
    opacity: 1
}

#sidey form label ::-webkit-input-placeholder {
    color: #1d1d1b;
    font-weight: 400;
    text-align: center;
    opacity: 1
}

#sidey form label :-ms-input-placeholder {
    color: #1d1d1b;
    font-weight: 400;
    text-align: center;
    opacity: 1
}

#sidey form p.duo label {
    float: left;
    width: 48%
}

#sidey form p.duo label:first-child {
    margin-right: 4%
}

#sidey form p.duo label .error {
    width: 100%
}

@media only all and (min-width: 48em) {
    #sidey form label.halfwidth {
        width: 110px;
        float: left
    }

    #sidey form label.halfwidth.firstname {
        margin-right: 6px
    }
}

@media only all and (min-width: 64em) {
    #sidey form label.halfwidth {
        width: 145px
    }

    #sidey form label.halfwidth.firstname {
        margin-right: 10px
    }
}

#sidey form .checklets p {
    margin-bottom: .714rem
}

#sidey form .checklets div.checker {
    float: left;
    margin-right: 3px
}

#sidey form .checklets span.note {
    color: #fff;
    display: block;
    float: left;
    width: 230px
}

#sidey form .checklets a {
    color: #fff;
    text-decoration: underline
}

#sidey form input.submitbutton {
    background: #0079bb;
    border: none;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.143rem;
    font-weight: 600;
    padding: .643rem .429rem
}

#sidey #forms2 form .col3 label.radiostyle {
    display: block;
    margin-bottom: .7rem
}

#sidey #popout-extended {
    position: relative
}

#sidey #popout-extended #closelinkright {
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.071rem
}

@media only all and (max-width: 47.937em) {
    #sidey #forms2 form .col3 {
        margin-top: 1rem;
        margin-bottom: .7rem
    }

    #sidey #forms2 form .col3 label.radiostyle {
        margin-bottom: 1.2rem
    }

    #sidey #forms2 form input.submitbutton {
        width: 304px;
        margin-left: 8px
    }

    #sidey #forms2 {
        padding-bottom: 30px
    }

    #sidey #popout-extended #closelinkright {
        padding: 10px 12px;
        font-size: 1.5rem;
        font-weight: 400;
        background: #0079bb
    }
}

#sidey a.close1, #sidey a.close2, #sidey a.open {
    background: #0079bb;
    font-size: 20px;
    display: none;
    font-weight: 400;
    color: #fff;
    position: absolute;
    text-align: center
}

#sidey #popout-extended #sidey-part2 {
    margin-bottom: 0
}

#sidey.show {
    right: 0
}

#sidey.animating {
    z-index: 2000;
    visibility: visible;
    transition: transform .5s ease-in-out;
    -webkit-transition: -webkit-transform .5s ease-in-out
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

#sidey.animating-on {
    right: -330px;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0)
}

@media only all and (max-width: 47.937em) {
    #sidey.animating-on {
        right: -320px
    }
}

#sidey.animating-off {
    right: 0;
    transform: translate3d(330px, 0, 0);
    -webkit-transform: translate3d(330px, 0, 0)
}

#sidey a.close1, #sidey a.close2 {
    top: 0;
    left: -22px;
    width: 22px;
    height: 22px;
    line-height: 15px
}

@media only all and (max-width: 47.937em) {
    #sidey.animating-off {
        transform: translate3d(320px, 0, 0);
        -webkit-transform: translate3d(320px, 0, 0)
    }

    #sidey a.close1, #sidey a.close2 {
        top: -32px;
        left: 0;
        width: auto;
        height: 32px;
        padding: 6px 10px;
        line-height: 1;
        vertical-align: top
    }
}

@media only all and (min-width: 48em) {
    #sidey a.close1, #sidey a.close2 {
        width: 80px;
        height: 30px;
        padding-top: 6px;
        top: -30px;
        left: -80px;
        transform: rotate(-90deg);
        transform-origin: right bottom 0;
        -ms-transform: rotate(-90deg);
        -ms-transform-origin: right bottom 0;
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom 0
    }
}

#sidey a.open {
    top: 0;
    left: -67px;
    width: 22px;
    height: 22px
}

@media only all and (max-width: 47.937em) {
    #sidey a.open {
        width: 42px;
        height: 42px;
        font-size: 34px;
        left: -42px;
        padding-top: 4px
    }
}

#sidey p.sideways {
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right bottom 0;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right bottom 0;
    position: absolute;
    top: -45px;
    left: -260px;
    width: 260px;
    height: 45px;
    padding-top: 12px;
    padding-left: 20px;
    background-color: #453e3e;
    color: #fff;
    text-transform: lowercase;
    font-weight: 400;
    font-size: 1.2rem;
    cursor: pointer;
    cursor: hand;
    display: none
}

@media only all and (max-width: 47.937em) {
    #sidey p.sideways {
        display: none !important
    }

    #sidey.stage2 {
        top: 0;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
}

@media only all and (min-width: 48em) {
    .svg #sidey span.click-to-show span.call-icon:before {
        width: 12px;
        height: 12px;
        background-image: url(sprites-ipad.svg);
        background-position: -130px -120px
    }
}

@media only all and (min-width: 64em) {
    .svg #sidey span.click-to-show span.call-icon:before {
        width: 16px;
        height: 16px;
        background-image: url(sprites.svg);
        background-position: -165px -145px
    }

    .svg #sidey span.click-to-show:focus span.call-icon:before, .svg #sidey span.click-to-show:hover span.call-icon:before {
        width: 16px;
        height: 16px;
        background-image: url(sprites.svg);
        background-position: -651px -111px
    }
}

@media only all and (min-width: 48em) {
    .svg #sidey span.click-to-show:focus span.call-icon:before, .svg #sidey span.click-to-show:hover span.call-icon:before {
        background-position: -651px -111px
    }

    #cookiebar {
        position: fixed;
        height: 60px;
        z-index: 111;
        top: 0
    }
}

body.menu #sidey a.open, body.menuf #sidey a.open, body.mobile-contact #sidey a.open, body.mobile-gallery #sidey a.open, body.mobile-search #sidey a.open, body.mobile-share #sidey a.open, body.mobile-slideshow #sidey a.open {
    display: none !important
}

.adwordstrackingpopout iframe {
    border: none
}

#cookiebar {
    display: none;
    width: 100%;
    background: rgba(69, 62, 62, .95)
}

#cookiebar div.clearfix {
    max-width: 1000px;
    margin: 0 auto
}

#cookiebar a.closecookie {
    float: right;
    line-height: 1.3;
    font-weight: 400;
    font-size: 2rem;
    white-space: nowrap;
    padding: .8rem 1.2rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #f4af49;
    background: linear-gradient(#f4af49 0, #f4af49 50%, #f19813 50%, #f19813 100%)
}

@media only all and (max-width: 47.937em) {
    #cookiebar a.closecookie {
        font-size: 1rem;
        margin-bottom: 10px
    }
}

@media only all and (min-width: 48em) {
    #cookiebar a.closecookie {
        font-size: 1rem
    }

    #cookiebar p {
        margin-left: 8px
    }

    body.showcookie #topnav {
        margin-top: 60px
    }
}

@media only all and (min-width: 64em) {
    #cookiebar {
        height: 65px
    }

    #cookiebar a.closecookie {
        font-size: 1.2rem;
        padding: .6rem .9rem;
        margin-right: 8px
    }

    body.showcookie #topnav {
        margin-top: 65px
    }
}

#cookiebar a.closecookie:active, #cookiebar a.closecookie:focus, #cookiebar a.closecookie:hover {
    background-color: #f7c06e;
    background: linear-gradient(#f4af49 50%, #f4af49 80%, #f19813 50%, #f4af49 100%)
}

#cookiebar p {
    color: #ececec;
    padding: 1rem 0;
    max-width: 800px;
    line-height: 2.5;
    width: 80%;
    text-align: center
}

#cookiebar p a {
    color: #f4af49
}

#cookiebar p a:active, #cookiebar p a:focus, #cookiebar p a:hover {
    color: #fff
}

@media only all and (max-width: 45em) {
    #cookiebar a.closecookie {
        float: none
    }
}

body.showcookie #cookiebar {
    display: block
}

@media only all and (min-width: 48em) {
    body.showcookie #wrapper {
        margin-top: 145px
    }

    body.showcookie #breadcrumb-wrapper {
        top: 145px
    }
}

@media only all and (min-width: 64em) {
    body.showcookie #wrapper {
        margin-top: 179px
    }

    body.showcookie #breadcrumb-wrapper {
        top: 179px
    }
}

#login {
    cursor: pointer;
    float: right;
    margin-top: -75px;
    margin-right: 5px
}

@media only all and (max-width: 47.937em) {
    #cookiebar p {
        margin-left: 3rem
    }

    body.showcookie #link-share, body.showcookie #sidey {
        display: none !important
    }

    #login {
        display: none
    }
}

#buildertrend-login {
    position: fixed;
    display: none;
    z-index: 3999;
    width: 400px;
    height: 300px;
    margin-top: 10%;
    background: #fff;
    padding: 20px
}

@media only all and (min-width: 48em) and (max-width: 64em) {
    #login {
        margin-top: -60px
    }

    #buildertrend-login {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll
    }

    div#wideslideshow.overlay.poa-handbook {
        height: 700px
    }

    #footer.ver-us section {
        width: 33%
    }

    #footer.ver-us section .nav-top {
        height: auto
    }

    #footer.ver-us ul li {
        float: left
    }

    #footer.ver-us #desktop-share ul li {
        padding-left: 10px
    }

    #footer.ver-us #desktop-share ul li:first-of-type {
        padding-left: 0
    }
    #footer #footer-tools div.wrapper p {
        width: 49%
    }
    #footer #footer-tools div.wrapper {
        padding: 0 20px;
    }
}

@media only all and (max-width: 47.937em) {
    #buildertrend-login {
        width: 100%;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll
    }
}

#buildertrend-login #top-left {
    position: relative;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px
}

#buildertrend-login #login-intro {
    font-size: 24px;
    margin-left: 5px
}

#buildertrend-login #forgetPass-link {
    position: relative;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    text-decoration: none;
    color: #188fba;
    font-size: 15px;
    cursor: pointer
}

#buildertrend-login #back {
    margin-top: -18px;
    width: 60px;
    height: 20px;
    text-align: right;
    font-size: 13px;
    color: #188fba;
    cursor: pointer;
    background: url(back.png) no-repeat;
    display: none
}

@media only all and (min-width: 48em) {
    #buildertrend-login {
        left: 50%;
        margin-left: -200px
    }

    #buildertrend-login #back {
        margin-top: -21px
    }
}

#buildertrend-login #close-login {
    position: relative;
    float: right;
    cursor: pointer
}

#buildertrend-login #login-iframe {
    border: 0;
    height: 130px;
    width: 100%;
    overflow: hidden
}

#mask {
    background-color: #111;
    position: fixed;
    z-index: 2999;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: .7;
    -moz-opacity: .7
}

#area-icons img.sprite-icon-all, #area-icons img.sprite-icon-concrete-asphalt-paving-stones-driveways, #area-icons img.sprite-icon-fencing, #area-icons img.sprite-icon-garden-plants, #area-icons img.sprite-icon-gardening-and-gardening-maintenance, #area-icons img.sprite-icon-grass-lawns-and-lawn-mowing-services, #area-icons img.sprite-icon-landscape-design, #area-icons img.sprite-icon-outdoor-kitchen, #area-icons img.sprite-icon-outdoor-lighting-and-power, #area-icons img.sprite-icon-outdoor-rooms, #area-icons img.sprite-icon-pergola-decks-patios, #area-icons img.sprite-icon-rain-water-tanks, #area-icons img.sprite-icon-retaining-wall, #area-icons img.sprite-icon-swimming-pools, #area-icons img.sprite-icon-video, #area-icons img.sprite-icon-written, .sprite-bread-home, .sprite-share-email, .sprite-share-facebook, .sprite-share-google, .sprite-share-linkedin, .sprite-share-pin, .sprite-share-twitter, .sprite-tell-your-friends {
    background: url(sprites.png) no-repeat
}

#area-icons img.sprite-icon-all {
    background-position: -4px -227px;
    width: 49px
}

#area-icons img.sprite-icon-all:focus, #area-icons img.sprite-icon-all:hover, #area-icons li.current img.sprite-icon-all {
    background-position: -4px -174px
}

#area-icons img.sprite-icon-landscape-design {
    background-position: -77px -227px
}

#area-icons img.sprite-icon-landscape-design:focus, #area-icons img.sprite-icon-landscape-design:hover, #area-icons li.current img.sprite-icon-landscape-design {
    background-position: -77px -174px
}

#area-icons img.sprite-icon-outdoor-rooms {
    background-position: -150px -227px
}

#area-icons img.sprite-icon-outdoor-rooms:focus, #area-icons img.sprite-icon-outdoor-rooms:hover, #area-icons li.current img.sprite-icon-outdoor-rooms {
    background-position: -150px -174px
}

#area-icons img.sprite-icon-outdoor-kitchen {
    background-position: -222px -227px
}

#area-icons img.sprite-icon-outdoor-kitchen:focus, #area-icons img.sprite-icon-outdoor-kitchen:hover, #area-icons li.current img.sprite-icon-outdoor-kitchen {
    background-position: -222px -174px
}

#area-icons img.sprite-icon-garden-plants {
    background-position: -295px -227px
}

#area-icons img.sprite-icon-garden-plants:focus, #area-icons img.sprite-icon-garden-plants:hover, #area-icons li.current img.sprite-icon-garden-plants {
    background-position: -295px -174px
}

#area-icons img.sprite-icon-grass-lawns-and-lawn-mowing-services {
    background-position: -367px -227px
}

#area-icons img.sprite-icon-grass-lawns-and-lawn-mowing-services:focus, #area-icons img.sprite-icon-grass-lawns-and-lawn-mowing-services:hover, #area-icons li.current img.sprite-icon-grass-lawns-and-lawn-mowing-services {
    background-position: -367px -174px
}

#area-icons img.sprite-icon-swimming-pools {
    background-position: -440px -227px
}

#area-icons img.sprite-icon-swimming-pools:focus, #area-icons img.sprite-icon-swimming-pools:hover, #area-icons li.current img.sprite-icon-swimming-pools {
    background-position: -440px -174px
}

#area-icons img.sprite-icon-pergola-decks-patios {
    background-position: -512px -227px
}

#area-icons img.sprite-icon-pergola-decks-patios:focus, #area-icons img.sprite-icon-pergola-decks-patios:hover, #area-icons li.current img.sprite-icon-pergola-decks-patios {
    background-position: -512px -174px
}

#area-icons img.sprite-icon-outdoor-lighting-and-power {
    background-position: -585px -227px
}

#area-icons img.sprite-icon-outdoor-lighting-and-power:focus, #area-icons img.sprite-icon-outdoor-lighting-and-power:hover, #area-icons li.current img.sprite-icon-outdoor-lighting-and-power {
    background-position: -585px -174px
}

#area-icons img.sprite-icon-concrete-asphalt-paving-stones-driveways {
    background-position: -658px -227px
}

#area-icons img.sprite-icon-concrete-asphalt-paving-stones-driveways:focus, #area-icons img.sprite-icon-concrete-asphalt-paving-stones-driveways:hover, #area-icons li.current img.sprite-icon-concrete-asphalt-paving-stones-driveways {
    background-position: -658px -174px
}

#area-icons img.sprite-icon-rain-water-tanks {
    background-position: -730px -227px
}

#area-icons img.sprite-icon-rain-water-tanks:focus, #area-icons img.sprite-icon-rain-water-tanks:hover, #area-icons li.current img.sprite-icon-rain-water-tanks {
    background-position: -730px -174px
}

#area-icons img.sprite-icon-retaining-wall {
    background-position: -803px -227px
}

#area-icons img.sprite-icon-retaining-wall:focus, #area-icons img.sprite-icon-retaining-wall:hover, #area-icons li.current img.sprite-icon-retaining-wall {
    background-position: -803px -174px
}

#area-icons img.sprite-icon-fencing {
    background-position: -875px -227px
}

#area-icons img.sprite-icon-fencing:focus, #area-icons img.sprite-icon-fencing:hover, #area-icons li.current img.sprite-icon-fencing {
    background-position: -875px -174px
}

#area-icons img.sprite-icon-gardening-and-gardening-maintenance {
    background-position: -948px -227px
}

#area-icons img.sprite-icon-gardening-and-gardening-maintenance:focus, #area-icons img.sprite-icon-gardening-and-gardening-maintenance:hover, #area-icons li.current img.sprite-icon-gardening-and-gardening-maintenance {
    background-position: -948px -174px
}

#area-icons img.sprite-icon-video {
    background-position: -685px -13px
}

#area-icons img.sprite-icon-video:focus, #area-icons img.sprite-icon-video:hover, #area-icons li.current img.sprite-icon-video {
    background-position: -615px -14px
}

#area-icons img.sprite-icon-written {
    background-position: -823px -14px
}

#area-icons img.sprite-icon-written:focus, #area-icons img.sprite-icon-written:hover, #area-icons li.current img.sprite-icon-written {
    background-position: -754px -14px
}

.sprite-bread-home {
    background-position: -56px -8px
}

.sprite-tell-your-friends {
    background-position: -312px -16px
}

@media only all and (max-width: 47.937em) {
    .sprite-tell-your-friends {
        margin: 15px auto 0
    }
}

.sprite-share-email {
    background-position: -306px -57px
}

.sprite-share-email:focus, .sprite-share-email:hover {
    background-position: -354px -57px
}

.sprite-share-facebook {
    background-position: -406px -59px
}

.sprite-share-facebook:focus, .sprite-share-facebook:hover {
    background-position: -461px -59px
}

.sprite-share-twitter {
    background-position: -504px -109px
}

.sprite-share-twitter:focus, .sprite-share-twitter:hover {
    background-position: -558px -107px
}

.sprite-share-google {
    background-position: -505px -59px
}

.sprite-share-google:focus, .sprite-share-google:hover {
    background-position: -555px -58px
}

.sprite-share-pin {
    background-position: -407px -109px
}

.sprite-share-pin:focus, .sprite-share-pin:hover {
    background-position: -457px -110px
}

.sprite-share-linkedin {
    background-position: -307px -109px
}

.sprite-share-linkedin:focus, .sprite-share-linkedin:hover {
    background-position: -355px -109px
}

.gallery-icon {
    background-image: url(gallery-view.png)
}

.list-icon {
    background-image: url(list-view.png)
}

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


    #footer-share div.clearfix {
        padding: 0
    }

    #footer section {
        width: 300px
    }
}

.social-buttons {
    margin-bottom: 10px;
    margin-right: 5px
}

.social-buttons a.sm-btn {
    width: 40px;
    display: none
}

.social-buttons a {
    float: left;
    color: #fff;
    font-size: .9rem;
    margin-right: 5px;
    margin-bottom: 5px;
    display: block;
    height: 40px;
    border-radius: 2px
}

.social-buttons a.facebook {
    width: 180px;
    background-color: #3b5998
}

.social-buttons a.facebook:hover {
    background-color: #3f69bd
}

.social-buttons a.twitter {
    width: 165px;
    background-color: #00aced
}

.social-buttons a.twitter:hover {
    background-color: #1dcaff
}

.social-buttons a.google-plus {
    background-color: #d34836
}

.social-buttons a.google-plus:hover {
    background-color: #f15342
}

.social-buttons a.linkedin {
    background-color: #007bb6
}

.social-buttons a.linkedin:hover {
    background-color: #079ee4
}

.social-buttons a.pinterest {
    background-color: #bd081c
}

.social-buttons a.pinterest:hover {
    background-color: #da2035
}

.social-buttons a.trigger {
    display: block !important;
    background-color: #dbdfe0
}

.social-buttons a.trigger:hover {
    background-color: #d3d4d4
}

.social-buttons a i {
    font-family: fontawesome;
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: center;
    margin: 0 10px 0 12px;
    color: #fff
}

.social-buttons a i.fa-minus {
    display: none
}

.social-buttons a.google-plus i {
    font-size: 1.5rem;
    line-height: 2;
    margin-left: 7px
}

.social-sharing {
    height: 45px !important
}

.social-sharing .social-buttons {
    width: 400px;
    margin: 5px auto 0
}

#shared-count {
    color: #d1cfcf !important;
    height: 30px
}

@media only all and (min-width: 48em) and (max-width: 64em) {
    .social-buttons a i {
        font-size: 2rem;
        line-height: 1.9
    }

    .social-buttons a.google-plus i {
        font-size: 1.9rem
    }

    .social-buttons a {
        font-size: 1.3rem
    }
}

@media only all and (min-width: 64em) {
    .service-area-list .item div.fleft {
        width: 700px !important
    }

    .padding-left {
        padding-left: 5px
    }
}

@media only all and (min-width: 48em) {
    #shared-count {
        line-height: 55px !important
    }
}

.map-double {
    float: left;
    width: 49%
}

.map-double:nth-child(even) {
    margin-right: 10px
}

.map-single {
    width: 100%
}

.map-address {
    width: 100%;
    height: 30px;
    margin-top: 10px
}

.map-address i {
    color: #0079bb;
    margin-right: 5px
}

.map-container {
    width: 100%;
    height: 300px;
    margin-bottom: 10px
}

@media only all and (min-width: 48em) and (max-width: 64em) {
    .map-double {
        float: left;
        width: 100%
    }

    .map-double:nth-child(even) {
        margin-right: 0;
        margin-bottom: 20px
    }

    .padding-left {
        padding-left: 3px
    }
}

@media only all and (max-width: 47.937em) {
    .map-double {
        float: left;
        width: 100%
    }

    .map-double:nth-child(even) {
        margin-right: 0;
        margin-bottom: 20px
    }

    #shared-count {
        width: 100% !important;
        text-align: center !important
    }
}

#sidey span.note {
    color: #fff
}

@media (min-width: 768px) {
    .footer-submit {
        padding-left: 0
    }
}

#footer form label.error {
    color: red;
    font-size: .929rem;
    margin-top: -.214rem;
    margin-left: 8px;
    margin-bottom: 1.142rem;
    display: block
}

.scrollingtext ul li {
    width: auto;
    padding: 0 40px 0 35px;
    border-right: 0 !important;
    height: 40px;
    line-height: 40px;
    background-color: #0079bb;
    background-image: url(dot-white.png);
    background-repeat: no-repeat;
    background-position: center right;
    text-align: center
}

.scrollingtext ul li a {
    color: #fff;
    font-weight: 700
}

.scrollingtext {
    border-left: 0 !important;
    margin: 10px 0 !important;
    overflow: hidden;
    width: 100% !important
}

.invalid-tooltip {
    z-index: 5;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: 1rem;
    font-style: italic;
    line-height: 1;
    color: #b00220;
    padding-bottom: 0
}

.error-msg {
    border: solid 1.5px #b00321 !important;
    border-radius: 10px
}

#featuredintro {
    position: absolute;
    bottom: 0;
    width: 98%;
    left: 1%;
    padding: 10px 10px 20px;
    background-color: #fff
}

.featuredmobile {
    position: relative
}

#featuredintro h1 {
    margin-bottom: 10px
}

#featuredintro p {
    margin-top: 10px
}

.regional-advice .list-tools {
    border-top: none !important
}

.regional-advice {
    padding-top: 5px !important
}

@media only all and (min-width: 78em) {
    .featuredarticle, .featuredarticle img {
        width: 100% !important;
        height: 334px !important
    }

    .featuredarticle {
        border-bottom: 1px dashed #666
    }
}

#desktop-share ul li a {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%
}

#desktop-share ul li a.facebook {
    background-color: #e6e6e6
}

#desktop-share ul li a.facebook:hover {
    background-color: #3b5998
}

#desktop-share ul li a.twitter {
    background-color: #e6e6e6
}

#desktop-share ul li a.twitter:hover {
    background-color: #00aced
}

#desktop-share ul li a.google-plus {
    background-color: #e6e6e6
}

#desktop-share ul li a.google-plus:hover {
    background-color: #d34836
}

#desktop-share ul li a.linkedin {
    background-color: #e6e6e6
}

#desktop-share ul li a.linkedin:hover {
    background-color: #007bb6
}

#desktop-share ul li a.pinterest {
    background-color: #e6e6e6
}

#desktop-share ul li a.pinterest:hover {
    background-color: #bd081c
}

#desktop-share ul li a i {
    font-family: fontawesome;
    font-size: 1.6rem;
    line-height: 1.65;
    text-align: center;
    margin: 0 10px 0 9px;
    color: #1a1a1a
}

#desktop-share ul li a i:hover {
    color: #fff
}

#desktop-share ul li a.google-plus i {
    font-size: 1.3rem;
    line-height: 2;
    margin-left: 7px
}

@media only all and (min-width: 48em) and (max-width: 64em) {
    #desktop-share ul li a i {
        font-size: 20px;
        line-height: 1.9
    }

    #desktop-share ul li a.google-plus i {
        font-size: 1.4rem
    }

    #desktop-share ul li a {
        font-size: 1.3rem
    }
    #footer ul li {
        margin-right: 11px;
    }
}

#footer #footer-tools div.wrapper .select-country {
    float: right;
    clear: none
}

@media only all and (max-width: 47.937em) {
    #footer #footer-tools div.wrapper .select-country {
        float: none;
        margin-right: 12px;
        margin-left: 12px;
        padding-bottom: 1rem;
        border-bottom: 1px solid #eee
    }

    #footer .selecter-selected {
        background: url(white-down-arrow.svg) 100% 52% no-repeat #0085c4;
        background-size: 2.069rem 1rem
    }
}

#footer-tools section ul li, .breadcrumbspacer li, .fleft, .slick-slide {
    float: left
}

@media only all and (min-width: 48em) {
    #footer #footer-tools div.wrapper .select-country {
        width: 153px
    }

    #footer .selecter-selected {
        background-color: #4d4d4d !important;
        color: #fff !important
    }
}

@media only all and (min-width: 64em) {
    #footer #footer-tools div.wrapper .select-country {
        width: 200px
    }
}

#footer #footer-tools div.wrapper .select-country label {
    display: none
}

#footer.mobile-footer h2 a:before, #footer.mobile-footer p.homelink a:before {
    content: "+";
    display: inline-block;
    padding: 0 3px
}

#footer #footer-tools div.wrapper .select-country .select_arrow {
    position: absolute;
    top: 20px;
    right: 19px;
    width: 6px;
    height: 6px;
    border: solid #7b7b7b;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#footer .selecter-selected {
    border-radius: 5px;
    height: 35px
}

.lazy-load {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #0079bb;
    border-radius: 50%;
    width: 50px !important;
    height: 50px !important;
    animation: spin 2s linear infinite;
    text-indent: -9999px;
    margin: 0 auto;
    padding: 5px !important;
    overflow: hidden
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

img.lazy-load[alt]:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    font-family: Helvetica;
    font-weight: 300;
    line-height: 2;
    text-align: center;
    content: attr(alt)
}

.full-width-text, div#wideslideshow.overlay, div#wideslideshow.overlay .overlay-container h2, div#wideslideshow.overlay .overlay-container h2 p {
    font-family: Montserrat, sans-serif
}

#footer h4 {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: #ccc;
    margin: 0.8em 0;
    max-width: 265px;
}
#footer h2, #footer p.homelink, #footer .links a {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    line-height: 1.63;
    margin-bottom: 0.6em;
}
#footer .links a {
    display: inline-block;
    width: 100%;
    margin-bottom: 24px;
}
#footer h2#follow {
    clear: both;
    margin-top: 30px;
}
#footer #choose-country {
    max-width: 180px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
}
#footer #choose-country .ver-nz, #footer #choose-country .ver-au, #footer #choose-country .ver-uk, #footer #choose-country .ver-us, #footer #choose-country .ver-global {
    margin-top: 0 !important;
    margin-right: 20px;
}
#footer ul.follow-links li a {
    font-size: 27px;
    color: #ffffff;
}
#footer .share-icon {
    display: inline-block;
    transition: 0.3s;
    width: 25px;
    margin-left: 15px;
    margin-right: 10px;
    cursor: pointer;
}
#footer .share-links {
    display: none;
}
#footer section.form li {
    float: left;
    line-height: 1
}

@media only all and (min-width: 48em) {
    #footer section.form li {
        margin: 0 8px 6px 0
    }

    #footer section.form li img {
        width: 23.75px;
        height: 22.98px
    }
}

@media only all and (min-width: 64em) {
    #footer section.form li {
        margin: 0 15px 8px 0
    }

    #footer section.form li img {
        width: 31px;
        height: 30px
    }
}

#footer section.form li:last-child {
    margin-right: 0
}

#footer-tools .row {
    margin-left: 0;
    margin-right: 0
}

#footer-tools .col-sm-3, #footer-tools .col-sm-9 {
    padding-left: 0;
    padding-right: 0
}

@media only all and (min-width: 48em) and (max-width: 78em) {
    #footer-tools section#location-contact {
        width: 100% !important
    }

    #footer-tools section.address {
        width: 33.3% !important
    }

    #footer-tools .col-sm-9 {
        width: 66%
    }

    #footer-tools .col-sm-3 {
        width: 34%
    }
}

#footer-tools section {
    font-weight: 400;
    line-height: 1.3
}

#footer-tools section ul li.label {
    width: 130px;
    clear: both
}

@media only all and (max-width: 47.937em) {
    #footer-tools .row {
        margin: 0 15px
    }

    #footer-tools section ul {
        display: block !important;
        margin: 0;
        border-bottom: none
    }

    #footer-tools section {
        margin-top: 15px
    }
    #footer h2, #footer .links a, #footer-tools p {
        text-align: center;
    }
    #footer h4, #footer #choose-country {
        margin: 0 auto;
    }
    #footer a.subscribe {
        background-size: 1.2rem 1.371rem;
        padding: 0.57rem 0.71rem;
        position: relative;
        font-size: 1.214rem;
        display: block;
        text-align: center;
        margin: 20px 0 30px 0;
    }
    #footer h2 {
        margin-top: 30px;
    }
    #footer ul.follow-links {
        width: 110px;
        margin: 0 auto;
        display: block;
    }
    #desktop-share {
        margin-bottom: 20px;
    }
    #footer #desktop-share ul {
        width: 260px;
        margin: 20px auto 0 auto;
    }
}

div#wideslideshow.overlay {
    width: 100% !important;
    margin-top: 0;
    position: relative
}

div#wideslideshow.overlay.poa-handbook {
    background-image: url(/design/poa-leadmagnet/zones-hero.jpg);
    background-size: cover
}

div#wideslideshow.overlay img {
    width: 100% !important;
    height: auto !important;
    -webkit-filter: blur(.4rem);
    -moz-filter: blur(.4rem);
    -o-filter: blur(.4rem);
    -ms-filter: blur(.4rem);
    filter: blur(.4rem)
}

div#wideslideshow.overlay .overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all .8s;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
    text-align: center
}

div#wideslideshow.overlay.poa-handbook .overlay-container {
    background-image: linear-gradient(to bottom, #ffffffcc, rgba(255, 255, 255, 0));
    background-color: transparent
}

div#wideslideshow.overlay .overlay-container .heading, div#wideslideshow.overlay .overlay-container h1 {
    margin-top: 2vh;
    margin-bottom: 2vh;
    font-size: 4em;
    font-weight: 600;
    color: #fff;
    font-family: Montserrat, sans-serif
}

div#wideslideshow.overlay .overlay-container h2 {
    font-size: 1.7em;
    color: #fff
}

div#wideslideshow.overlay .overlay-container h2 p {
    font-size: 1em;
    color: #fff
}

div#wideslideshow.overlay .overlay-container h2#top {
    margin-top: 3%
}

div#wideslideshow.overlay .overlay-container h2#bottom {
    width: 70%;
    margin: 0 auto
}

div#wideslideshow.overlay .overlay-container h2#arrow {
    margin-top: 3vh
}

@media only all and (min-width: 48em) and (max-width: 77em) {
    div#wideslideshow.overlay .overlay-container h2 {
        font-size: 1.4em;
        font-family: Montserrat, sans-serif
    }

    div#wideslideshow.overlay .overlay-container h2 p {
        font-size: 1.3em;
        font-family: Montserrat, sans-serif
    }

    div#wideslideshow.overlay .overlay-container .heading, div#wideslideshow.overlay .overlay-container h1 {
        font-size: 2.8em;
        font-family: Montserrat, sans-serif
    }

    div#wideslideshow.overlay .overlay-container h2#bottom {
        width: 75%
    }
}

div#wideslideshow.overlay .overlay-container h2#arrow .arrow-down {
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(services-icons.svg);
    background-position: -1px 37px;
    cursor: pointer
}

div#wrapper.full-width {
    width: 100%
}

.breadcrumbspacer {
    padding: 10px 0 10px;
    background-color: #f2f2f2
}

@media only all and (min-width: 64em) {
    div#wideslideshow.overlay .overlay-container .heading {
        margin-top: 15vh !important
    }
}

@media only all and (max-width: 47.937em) {
    div#wideslideshow.overlay .overlay-container .heading, div#wideslideshow.overlay .overlay-container h1 {
        font-size: 2.5em
    }

    div#wideslideshow.overlay .overlay-container .heading {
        font-size: 2.5em !important;
        margin-top: 11vh !important
    }

    div#wideslideshow.overlay .overlay-container h2#bottom {
        font-size: 1.2em !important;
        width: 90% !important
    }

    div#wideslideshow.overlay img {
        width: 250% !important
    }
}

.full-width-text {
    width: 85%;
    margin: 40px auto;
    text-align: center
}

.full-width-text .title {
    font-size: 2.8em
}

.full-width-text p {
    margin-top: 25px;
    font-size: 1.4em;
    line-height: 1.5;
    font-family: Montserrat, sans-serif !important
}

.fright {
    float: right
}

div.services-image-block div.fleft {
    width: 100%;
    text-align: left
}

@media only all and (min-width: 48em) {
    div.services-image-block img.fleft, div.services-image-block img.fright {
        width: 50%;
        height: auto
    }

    div.services-image-block div.fleft {
        width: 50%;
        position: relative
    }

    #enquiry-form .desktop-right {
        float: right
    }
}

#enquiry-form .checker, #enquiry-form .note {
    float: left !important
}

.services-image-block .content-box {
    width: 80%;
    margin: 0 auto 30px;
    padding: 20px;
    font-family: Montserrat, sans-serif
}

.services-image-block .content-box .title {
    font-size: 2em
}

.services-image-block.landscaper .content-box .title {
    font-size: 35px;
    font-weight: 800;
    line-height: 1.29;
    color: #333;
    width: 465px;
    height: 102px
}

.services-image-block.landscaper.hire-landscaper .content-box .title {
    width: 100%;
    height: 100%
}

.services-image-block.landscaper img {
    height: auto;
    width: 50%
}

.services-image-block.landscaper .content-box .title span {
    font-size: 96px;
    width: 230px;
    float: left
}

.services-image-block.landscaper .content-box .title div {
    padding-top: 16px
}

.services-image-block.landscaper .content-box .content {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    color: #333
}

.services-image-block .content-box .description {
    margin: 10px 0;
    font-size: 1.2em
}

@media only all and (min-width: 48em) and (max-width: 63.99em) {
    .testimonial-box {
        min-height: 240px;
        height: auto
    }

    .services-image-block .content-box .content {
        margin-top: 10px !important;
        margin-bottom: 15px !important
    }
}

@media only all and (min-width: 70.99em) {
    .services-image-block div.content-box#enquiry-form {
        margin-top: 15%
    }

    #enquiry-form #submit {
        margin-top: 30px
    }
}

.services-image-block .content-box .content {
    margin-top: 25px;
    font-size: 1.4em;
    line-height: 1.2;
    margin-bottom: 30px
}

.services-image-block.landscaper .content-box .content {
    margin-top: 22px
}

.services-image-block.landscaper.hire-landscaper .content-box .content {
    margin-top: 6px
}

.services-image-block .content-box .content p {
    font-size: 1em !important;
    font-family: Montserrat, sans-serif !important;
    margin-bottom: 10px
}

.services-image-block {
    background-color: #f1f1f1
}

.services-image-block.landscaper {
    background-color: #fff
}

.services-image-block .content-box a.btn-blue {
    padding: 10px 15px;
    border-radius: 15px;
    background-color: #0079bb;
    color: #fff;
    cursor: pointer;
    transition: .3s
}

.services-image-block.landscaper .content-box a.btn-blue {
    width: 177px;
    height: 48px;
    border-radius: 24px;
    background-color: #0079bb;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    text-align: center;
    color: #fff
}

#wideslideshow.poa-handbook .cta-button {
    width: 322px;
    margin: 0 auto
}

#wideslideshow.poa-handbook a.btn-blue {
    width: 280px;
    height: 48px;
    border-radius: 24px;
    background-color: #0079bb;
    font-size: 16px;
    line-height: 1.63;
    text-align: center;
    color: #fff;
    margin: 0 5px;
    margin-top: 20px;
    display: inline-block;
    padding: 11px 20px !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    font-weight: 700
}

#wideslideshow.poa-handbook a.btn-blue.white {
    background-color: #fff;
    color: #0079bb
}

@media only all and (max-width: 768px) {
    div#wideslideshow.overlay .overlay-container .text-content {
        padding: 0 20px
    }

    #wideslideshow.poa-handbook a.btn-blue {
        width: 100%;
        padding: 11px 20px !important
    }
}

.services-image-block.landscaper .content-box a.learn-more {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    color: #0079bb
}

.services-image-block.landscaper .content-box p {
    font-size: 12px;
    line-height: 1.42;
    color: #797979;
    padding-top: 40px
}

#sitebanner.landscaper ul.links-top li div.enquiry-button {
    padding: 8px 0;
    margin-top: -10px;
    cursor: pointer;
    transition: .3s;
    width: 177px;
    height: 44px;
    border-radius: 24px;
    background-color: #0079bb;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    text-align: center;
    color: #fff;
    font-weight: 600
}

#topnav #sitebanner.landscaper {
    height: 90px
}

#topnav #sitebanner.landscaper p img {
    margin: 20px auto;
    width: auto;
    height: 48px
}

#sitebanner.landscaper ul.links-top {
    margin-top: -60px;
    transition: .3s
}

#c-land-submit:hover, #sitebanner.landscaper ul.links-top li div.enquiry-button:hover, .landscaper-include a.btn-blue:hover, .services-image-block .content-box a.btn-blue:hover {
    background-color: #0079bb !important
}

#wrapper .inner.three-cols.landscaper {
    height: 180px;
    margin: 70px auto;
    text-align: center
}

.three-cols.landscaper img {
    margin: 0 auto;
    height: 86px;
    width: auto;
    margin-bottom: 20px
}

.three-cols.landscaper span {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center
}

.three-cols.landscaper p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    text-align: center;
    margin-top: 5px;
    color: #333
}

.landscaper-include {
    display: block;
    background-image: url(/design/landscaper/background.svg);
    background-size: cover;
    height: 600px
}

.landscaper-include .inner .col-md-4.col-sm-4 {
    margin-top: 150px
}

.landscaper-include h2 {
    font-size: 35px;
    margin-top: 150px;
    font-weight: 600;
    line-height: 1.29;
    color: #333
}

.landscaper-include p.content {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    color: #333;
    margin-top: 6px
}

.landscaper-include p.disclaimer {
    font-size: 14px;
    line-height: 1.57;
    color: #7f756f;
    margin-top: 50px
}

.landscaper-include a.btn-blue {
    width: 177px;
    height: 48px;
    border-radius: 24px;
    background-color: #0079bb;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    text-align: center;
    color: #fff;
    padding: 15px 35px
}

.landscaper-include span {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #333
}

.landscaper-include li {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.9;
    color: #1d1d1b;
    background: url(/design/landscaper/green-tick.svg) no-repeat;
    background-size: 18px auto;
    background-position-y: 11px;
    padding-left: 25px;
    padding-top: 0
}

.complete-project {
    font-size: 20px;
    line-height: 1.68;
    text-align: center;
    color: #fff;
    padding: 31px
}

.complete-project strong {
    font-weight: 700
}

.landscaper-testimonials {
    height: 316px;
    text-align: center;
    position: relative
}

.landscaper-testimonials span {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.29;
    text-align: center;
    color: #004220
}

.landscaper-testimonials p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    color: #333;
    margin-top: 5px
}

.landscaper-testimonials img {
    height: 100%;
    width: auto
}

.landscaper-testimonials div {
    position: absolute;
    top: 27%;
    width: 52%;
    left: 23%
}

.harmoney {
    height: 338px;
    background-color: rgba(179, 169, 163, .15);
    text-align: center
}

.harmoney span {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #333
}

.harmoney .harmoney-col {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    color: #333
}

.harmoney img.logo {
    margin: 0 auto;
    padding-top: 3%;
    padding-bottom: 18px
}

.harmoney a.disclaimer-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57;
    color: #f16503
}

.harmoney .row.inner {
    padding: 37px 20px
}

.harmoney .row p {
    display: inline-flex;
    text-align: center;
    font-size: 16px;
    height: 24px;
    font-weight: 500;
    line-height: 1.63;
    color: #333
}

.harmoney .row img {
    width: 20px;
    margin-right: 5px;
    float: left
}

@media only all and (min-width: 88em) {
    .services-image-block .content-box {
        width: 70%;
        margin-top: 5%
    }

    .services-image-block.location-block .content-box {
        width: 90%
    }

    .services-image-block.landscaper .content-box {
        margin-top: 12%
    }

    .services-image-block .content-box .content {
        margin-bottom: 50px !important
    }

    .services-image-block.landscaper .content-box .content {
        margin-bottom: 30px !important
    }

    .services-image-block .content-box .title {
        font-size: 2.4em !important
    }

    .services-image-block .content-box .description {
        margin: 25px 0 !important;
        font-size: 1.5em !important
    }

    a.btn-blue {
        font-size: 1.4em;
        padding: 15px 35px !important;
        border-radius: 25px !important
    }
}

@media only all and (min-width: 48em) and (max-width: 70em) {
    .services-image-block .content-box .title {
        font-size: 1.5em !important
    }

    .services-image-block.landscaper .content-box .title {
        font-size: 35px !important
    }

    .services-image-block .content-box .description {
        margin: 5px 0 !important;
        font-size: 1em !important
    }

    .services-image-block .content-box .content {
        font-size: 1.2em !important
    }

    .services-image-block .content-box {
        margin-top: 10%
    }

    .project-poa-handbook .services-image-block .content-box {
        margin-top: 0
    }

    .landscaper-testimonials div {
        top: 20%;
        width: 78%;
        left: 12%
    }
}

@media only all and (min-width: 48em) and (max-width: 63.99em) {
    div#wideslideshow.overlay .overlay-container .heading {
        margin-top: 9vh !important
    }

    .landscaper-include {
        height: 750px;
        width: 100%
    }

    .harmoney .row p {
        font-size: 14px
    }
}

@media only all and (min-width: 64em) {
    .testimonial-box {
        min-height: 250px;
        height: auto
    }

    div#wideslideshow.overlay .overlay-container .heading {
        margin-top: 15vh !important
    }
}

@media only all and (max-width: 48em) {
    .services-image-block.landscaper .content-box {
        width: 100%;
        margin: 0 auto;
        margin-top: 0
    }

    .services-image-block.landscaper .content-box .title span {
        float: none
    }

    .services-image-block.landscaper .content-box .title div {
        margin-top: -15px;
        padding-top: 0
    }

    .services-image-block.landscaper .content-box .content {
        font-size: 18px !important
    }

    .services-image-block.landscaper .content-box p {
        padding-top: 20px
    }

    .services-image-block.landscaper .content-box .content {
        margin-top: 5px !important;
        margin-bottom: 30px !important
    }
}

@media only all and (width: 768px) {
    .services-image-block.landscaper .content-box .content {
        margin-bottom: 15px !important
    }

    #topnav #sitebanner.landscaper .phone-top {
        margin-left: 20px;
        margin-top: 35px
    }

    #sitebanner.landscaper ul.links-top li div.enquiry-button {
        margin-right: 20px
    }
}

@media only all and (max-width: 47.937em) {
    div#wideslideshow.overlay .overlay-container .heading {
        font-size: 2.5em !important;
        margin-top: 11vh !important
    }

    div#wideslideshow.overlay .overlay-container h2#bottom {
        font-size: 1.2em !important;
        width: 90% !important
    }

    div#wideslideshow.overlay img {
        width: 250% !important
    }

    #enquiry-form {
        margin-top: 30px;
        margin-bottom: 40px
    }

    #enquiry-form #submit {
        margin-top: 20px
    }

    #topnav #sitebanner.landscaper .call-baseline {
        padding: 29px
    }

    #sitebanner.landscaper ul.links-top li div.enquiry-button {
        background-color: transparent;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.63;
        color: #0079bb;
        width: 120px
    }

    #sitebanner.landscaper ul.links-top {
        margin-top: -54px
    }

    .services-image-block.landscaper img {
        width: 100%
    }

    .services-image-block.landscaper .content-box .title span {
        font-size: 81px;
        width: 100%
    }

    .services-image-block.landscaper .content-box .title {
        font-size: 28px;
        width: 90%;
        height: 100%
    }

    .services-image-block.landscaper .content-box .content {
        font-size: 18px
    }

    #wrapper .inner.three-cols.landscaper {
        height: 100%;
        margin-bottom: 0
    }

    .services-image-block.landscaper {
        background-color: #fff
    }

    .landscaper-include {
        height: 100%
    }

    .landscaper-include h2 {
        padding-top: 150px;
        margin-top: 0
    }

    .landscaper-include .inner .col-md-4.col-sm-4 {
        margin-top: 20px;
        margin-bottom: 28px
    }

    .landscaper-include h2 {
        font-size: 28px
    }

    .landscaper-include p.content {
        font-size: 18px
    }

    .landscaper-include li {
        font-size: 16px
    }

    .landscaper-testimonials span {
        text-align: left;
        font-size: 24px
    }

    .landscaper-testimonials {
        text-align: left
    }

    .landscaper-testimonials div {
        position: absolute;
        left: 0;
        width: auto;
        margin: 0 20px
    }

    .harmoney {
        height: 100%
    }

    .harmoney .row p {
        width: 100%;
        padding-left: 0;
        background: 0 0;
        font-size: 14px
    }

    .harmoney img.logo {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .harmoney span {
        font-size: 16px;
        padding: 20px
    }

    .harmoney .row.inner {
        padding: 20px
    }

    .harmoney .more {
        padding-bottom: 40px
    }

    .harmoney .row p {
        display: inline-block
    }
}

.testimonial-box {
    width: 29%;
    padding: 50px 25px 25px;
    border: 1px solid #999;
    margin: 2%;
    background-color: #fff
}

.testimonial-box .box-icon {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    position: absolute;
    left: -15px;
    top: -15px;
    background-color: #fff;
    background-repeat: no-repeat
}

.testimonial-box div#testimonial {
    border: 2px solid #53ab42;
    background-image: url(services-icons.svg);
    background-position: -146px 10px
}

.testimonial-box .video-hide, .testimonial-box .video-play, .video-hide-mobile, .video-play-mobile {
    margin-top: 10px
}

.testimonial-box .video-hide, .video-hide-mobile {
    display: none
}

.testimonial-list {
    margin-top: 20px
}

#pagecontent #video, #video-box-mobile, .testimonial-box .video {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    display: none;
    margin-bottom: 20px
}

#pagecontent #video iframe, #video-box-mobile iframe, .testimonial-box .video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#enquiry-form .note {
    width: 85%
}

#enquiry-form .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #f1f1f1;
    box-shadow: none;
    border-radius: 0
}

#enquiry-form .g-recaptcha {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

@media only all and (min-width: 64em) and (max-width: 70em) {
    #enquiry-form .g-recaptcha {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #enquiry-form .input-label-wrapper {
        margin-bottom: 5px
    }
}

#builders {
    margin-top: 20px !important;
    font-family: Montserrat, sans-serif
}

#builders .region-filter {
    padding: 15px 0;
    border-top: 2px solid #f1f1f1;
    border-bottom: 2px solid #f1f1f1
}

#builders #region-select, #testimonial-select .region-select, #tool-bar #region-select {
    font-family: Montserrat, sans-serif;
    font-size: 1.2em;
    line-height: 1.3;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: 0 0;
    width: 100%;
    cursor: pointer;
    outline: 0;
    padding-right: 35px;
    padding-left: 15px;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 25px;
    color: #4e4e4e
}

#builders .select, #testimonial-select .select, #tool-bar .select {
    padding: 0
}

#builders .select:after, #testimonial-select .select:after, #tool-bar .select:after {
    content: ' ';
    background: url(filter-arrow.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 7px;
    right: 25px;
    margin-top: 10px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    top: 0
}

#builders ul li.region-item .link {
    display: inline-block;
    margin-top: 25px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    color: #0079bb
}

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#builders .current-region, #builders .region-name, #builders ul li.region-item .main, #builders ul li.region-item .sub a {
    font-family: Montserrat, sans-serif
}

#builders .current-region {
    font-size: 1.2em;
    line-height: 1.5;
    color: #4e4e4e
}

#builders .region-name {
    margin: 50px 0 20px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    color: #868686
}

#builders ul {
    margin-bottom: 30px
}

#builders ul li.region-item {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 3% 3% 0;
    padding: 35px;
    background-color: #f3f3f3
}

#builders ul li.region-item .main {
    color: #0079bb;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
    font-weight: 700
}

#builders ul li.region-item .sub, #builders ul li.region-item .sub a {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    transition: .3s
}

#pagecontent p, #pagecontent ul li {
    font-family: Montserrat, sans-serif !important
}

#builders ul li.region-item .sub a:hover {
    color: #999
}

#pagecontent {
    padding: 30px 15px
}

#pagecontent p {
    margin: 1.428rem 0;
    font-size: 1.3em;
    line-height: 1.5
}

.link-builders {
    cursor: pointer
}

#pagecontent #video {
    display: block !important
}

#pagecontent ul {
    list-style-type: disc !important;
    margin-left: 20px
}

#pagecontent ul li {
    font-size: 1.2em;
    margin: 10px 0
}

.five-cols, .services-three-cols .three-cols, .services-types .container-box .content {
    font-family: Montserrat, sans-serif
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    padding-top: 45px;
    padding-bottom: 15px
}

.slick-list {
    position: elative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    width: 100%
}

.slick-slide.slick-loading img {
    display: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    padding: 0;
    margin-left: -15px;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #333
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #333
}

#three-boxes .box-mobile {
    min-height: 270px;
    height: auto;
    position: relative
}

.mobile-boxes {
    border: 2px solid #efefef;
    width: 95%;
    margin: 0 auto;
    padding: 15px
}

.mobile-boxes .box-mobile .box-title {
    font-weight: 700;
    height: 30px;
    border-left: 4px solid #0079bb;
    display: table-cell;
    vertical-align: bottom;
    padding-left: 15px
}

.mobile-boxes .box-mobile p {
    margin: 1.428rem 0;
    line-height: 1.5
}

#image-boxes .box-mobile img {
    width: 100%;
    margin-bottom: 20px
}

div.full-width-text#pagecontent-heading {
    margin-bottom: 0 !important
}

a.btn-blue.justmobile {
    display: block;
    width: 180px;
    margin: 0 auto 40px;
    padding: 10px 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 1.4em;
    text-align: center
}

#testimonial-boxes .box-mobile {
    min-height: 250px;
    height: auto
}

#testimonial-boxes {
    margin-top: 20px
}

.sep-new {
    border-top: 1px solid #efefef
}

.services-types .container-box {
    padding: 0 20px;
    margin-bottom: 20px;
    height: 280px
}

.services-types .container-box .content {
    width: 50%;
    height: 100%;
    float: left;
    padding: 20px;
    border: 1px solid #999
}

.services-types .container-box .image {
    width: 50%;
    height: 100%;
    float: right;
    background-position: center;
    background-size: cover
}

.services-types .services-col {
    padding: 0 !important
}

.services-types .container-box .content .title {
    font-size: 1.3em;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600
}

.services-types .container-box .content .text {
    margin-bottom: 15px;
    line-height: 1.3
}

.services-types .container-box .content a.btn-more-blue {
    display: block;
    text-align: center;
    width: 100px;
    font-weight: 700;
    padding: 6px 0;
    border-radius: 25px;
    background-color: #0079bb;
    color: #fff;
    cursor: pointer;
    transition: .3s
}

.services-types .container-box .content a.btn-more-blue:hover {
    background-color: #0079bb
}

@media only all and (max-width: 47.937em) {
    .services-types .container-box .content .title {
        margin-bottom: 10px !important;
        font-size: 1em !important
    }

    .services-types .container-box {
        height: 300px !important
    }

    .services-types .container-box .content .text {
        margin-bottom: 10px !important;
        line-height: 1.1 !important
    }

    #menu-mobile, #sitebanner ul#country-box {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-color: #ffffff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
    }

    #menu-mobile #menu-footer h2, #menu-mobile #menu-footer p {
        font-family: Montserrat, sans-serif;
        color: #fff
    }

    #sitebanner ul#country-box {
        right: 0;
        background-color: rgba(51, 51, 51, .9)
    }

    #sitebanner ul#country-box li {
        width: 100%;
        height: 50px;
        padding: 10px 15%
    }

    #sitebanner ul#country-box li a {
        color: #fff;
        line-height: 2.3;
        display: block;
        width: 100%;
        height: 100%;
        font-weight: 700
    }

    #sitebanner ul#country-box li.current {
        background-color: #00305b
    }

    #menu-mobile #mobile-menu-close, #sitebanner ul#country-box li #country-box-close {
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -211px -525px no-repeat
    }

    #sitebanner ul#country-box li div {
        margin-right: 15px
    }

    #sitebanner ul#country-box li.close-box {
        padding: 10px
    }

    #sitebanner ul#country-box li #country-box-close {
        float: right;
        background-size: 792px 612px
    }

    #menu-mobile {
        left: 0;
        z-index: 999;
        background: rgba(51, 51, 51, .9);
        overflow: auto
    }

    #menu-mobile #mobile-menu-title {
        width: 70% !important;
        border-bottom: 1px solid #fff;
        font-style: italic;
        font-size: .92em
    }

    #menu-mobile ul#menu-main {
        background-color: rgba(0, 48, 91, .7)
    }

    #menu-mobile ul#menu-main li#mobile-menu-title {
        height: auto;
        margin-bottom: 20px
    }

    #menu-mobile ul#menu-main li {
        width: 100%;
        margin-bottom: 5px;
        padding: 10px 0
    }

    #menu-mobile ul#menu-additional li {
        width: 95%;
        margin-bottom: 15px;
        padding: 10px 0
    }

    #menu-mobile ul#menu-additional li a, #menu-mobile ul#menu-additional li span, #menu-mobile ul#menu-main li a, #menu-mobile ul#menu-main li span {
        color: #fff;
        width: 100%;
        height: 100%;
        font-family: Montserrat, sans-serif;
        font-size: 1.2em
    }

    #menu-mobile ul#menu-main li span#mark {
        font-size: .96em;
        border: 1px solid #fff;
        width: 120px;
        padding: 5px;
        line-height: 1.8
    }

    #menu-mobile #menu-footer h2 {
        font-size: 1em;
        font-style: italic
    }

    #menu-mobile #menu-footer ul#menu-footer-share {
        width: 85%;
        clear: both;
        border-bottom: 1px solid #fff;
        padding: 15px 0;
        margin-bottom: 10px
    }

    #menu-mobile #menu-footer ul#menu-footer-share li {
        color: #fff;
        float: left;
        margin-right: 7.1%
    }

    #menu-mobile #menu-footer ul#menu-footer-share li a {
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        color: #333;
        background-color: #ccc
    }

    #menu-mobile #menu-footer ul#menu-footer-share li a i {
        margin-top: 22%;
        margin-left: 24%
    }

    #menu-mobile #menu-footer p {
        width: 100%;
        margin: 0;
        padding: 5px 0;
        font-style: italic
    }

    #menu-mobile #menu-footer p a {
        color: #fff;
        font-style: italic
    }

    #menu-mobile ul#menu-additional li .back-icon {
        float: left;
        width: 25px;
        height: 30px;
        margin-top: -8px;
        margin-right: 5px;
        background: url(sprites2.svg) -193px -525px no-repeat;
        background-size: 792px 612px
    }

    #menu-mobile #menu-footer {
        position: absolute;
        width: 100%;
        bottom: 15px
    }

    #menu-mobile .hideitem {
        display: none
    }
}

.box-icon, .learn-more {
    background-repeat: no-repeat
}

div#wideslideshow.overlay.sm .overlay-container .text-content {
    width: 80%;
    height: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

div#wideslideshow.overlay.sm .overlay-container .text-content .intro-bottom {
    font-size: 1.4em;
    margin-top: 30px
}

div#wideslideshow.overlay.sm .overlay-container .text-content .heading-content {
    font-size: 4.2em;
    font-weight: 700
}

#wideslideshow.sm {
    height: 18em
}

@media only all and (max-width: 47.937em) {
    div#wideslideshow.overlay.sm .overlay-container .text-content .heading-content {
        font-size: 2.5em
    }
}

.morecontent span {
    display: none
}

.morelink {
    display: block
}

div#wideslideshow.overlay .overlay-container ul.top-buttons {
    display: inline
}

div#wideslideshow.overlay .overlay-container ul.top-buttons li {
    display: inline-block;
    padding: 10px 40px;
    border: 1px solid #0085c4;
    cursor: pointer;
    color: #0085c4;
    border-radius: 3px;
    transition: .3s;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 700;
    margin-top: 3vh
}

div#wideslideshow.overlay .overlay-container ul.top-buttons li:first-child {
    margin-right: 20px
}

div#wideslideshow.overlay .overlay-container ul.top-buttons li:hover {
    background-color: rgba(0, 133, 196, .3)
}

ul li.enquiry-button {
    background-color: #53ab42 !important;
    border: 1px solid #fff !important;
    color: #fff !important
}

ul li.enquiry-button:hover {
    background-color: #3a8929 !important
}

#video, #video-box-mobile, #video-box-mobile-fr {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    display: none;
    margin-bottom: 20px
}

#video-box-mobile iframe, #video-box-mobile-fr iframe, .testimonial-box .video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#video {
    display: none;
    margin: 20px 0
}

.video-button {
    cursor: pointer
}

.video-hide-right {
    display: none;
    float: right;
    color: #999;
    cursor: pointer
}

#video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0
}

#video-hide {
    float: right
}

#video-hide, .testimonial-box .video-hide, .testimonial-box .video-play, .video-hide-mobile, .video-play-mobile {
    color: #0079bb;
    font-size: 1.2em;
    padding: 6px 0 6px 40px;
    font-weight: 700;
    cursor: pointer;
    background-image: url(services-icons-us.svg);
    background-repeat: no-repeat;
    background-position: -543px 0
}

.full-width-img {
    width: 100%
}

.inner ul.two-cols-content li.form {
    width: 70%;
    float: left
}

.inner ul.two-cols-content li.right-bar {
    width: 30%;
    float: left;
    padding: 0 6%;
    font-size: 1.5em;
    line-height: 1.3
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    z-index: 1000;
    cursor: pointer;
    transition: opacity .2s ease-out;
    opacity: 0
}

#back-to-top.show {
    opacity: .8
}

#back-to-top i {
    font-size: 50px;
    color: #dddada;
    transition: .3s
}

#back-to-top i:hover {
    color: #969696
}

@media only all and (max-width: 47.937em) {
    div#wideslideshow.overlay .overlay-container .heading, div#wideslideshow.overlay .overlay-container h1 {
        font-size: 2em
    }

    div#wideslideshow.overlay .overlay-container ul.top-buttons li {
        width: 80%;
        margin-top: 2vh
    }

    div#wideslideshow.overlay .overlay-container ul.top-buttons li:first-child {
        margin-right: 0
    }

    .inner ul.two-cols-content li {
        width: 100% !important
    }

    .inner ul.two-cols-content li.right-bar {
        text-align: center;
        padding-bottom: 20px
    }

    #builders ul li.region-item {
        width: 90%;
        margin-left: 5%
    }

    #builders .select {
        margin-top: 20px
    }

    .full-width-mobile {
        width: 100%
    }

    .testimonial-box {
        width: 90%;
        margin: 5% 5% 8%
    }

    #sitebanner .mobile-nav div a img {
        width: 25px !important
    }
}

@media only all and (min-width: 78em) {
    div#wideslideshow.overlay .overlay-container h1 {
        width: 65%;
        margin-left: auto;
        margin-right: auto
    }
}

.services-image-block.blue {
    background-color: #7ab7d9
}

.services-image-block.blue .content-box .description, .services-image-block.blue .content-box .title {
    color: #fff
}

.col-lg-5ths, .col-md-5ths, .col-sm-5ths, .col-xs-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-5ths {
    width: 20%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left
    }
}

.five-cols {
    padding: 40px 15px 15px;
    border: 1px solid #999;
    position: relative
}

.five-cols .box-icon, .five-cols-mobile .box-icon {
    padding-left: 15px;
    padding-top: 10px;
    font-size: 2em
}

.five-cols-mobile .box-icon {
    left: 0 !important;
    top: 0 !important
}

.five-cols img {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%
}

.five-cols .box-title {
    height: 30px;
    font-weight: 700
}

.learn-more {
    color: #0079ba;
    font-size: .8em;
    padding: 6px 0 6px 25px;
    font-weight: 700;
    cursor: pointer;
    background-image: url(learnmore.svg);
    background-position: 0 0
}

.services-image-block.landscaper .learn-more {
    background: 0 0
}

.five-cols-mobile img {
    display: block;
    width: 70%;
    margin: 10px auto
}

.five-cols-mobile .box-title {
    display: block !important;
    border: none !important;
    margin-left: 45px;
    margin-top: 15px
}

@media only all and (min-width: 64em) {
    div#wrapper.full-width .flexnav-outerwrap .flexnav-innerwrap .textnav li {
        padding: 1.285rem !important
    }

    .services-three-cols .three-cols {
        width: 85%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only all and (min-width: 48em) and (max-width: 63.99em) {
    .services-three-cols .three-cols {
        height: 450px
    }
}

@media only all and (min-width: 64em) and (max-width: 77.99em) {
    .services-three-cols .three-cols {
        height: 430px
    }
}

@media only all and (min-width: 78em) {
    .services-three-cols .three-cols {
        height: 350px
    }
}

.services-three-cols {
    margin: 40px 0
}

.services-three-cols .three-cols {
    padding: 50px 25px 25px;
    border: 1px solid #999;
    position: relative
}

.box-icon {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    position: absolute;
    left: -15px;
    top: -15px;
    background-color: #fff
}

.box-icon#orange {
    border: 2px solid #f08f00;
    color: #f08f00
}

.box-icon#blue {
    border: 2px solid #2388c0;
    color: #2388c0
}

.box-icon#green {
    border: 2px solid #54ab42;
    color: #54ab42
}

.services-three-cols .three-cols div#design {
    border: 2px solid #f08f00;
    background-image: url(services-icons.svg);
    background-position: -33px 10px
}

.services-three-cols .three-cols div#build {
    border: 2px solid #2388c0;
    background-image: url(services-icons.svg);
    background-position: -70px 10px
}

.services-three-cols .three-cols div#pm {
    border: 2px solid #54ab42;
    background-image: url(services-icons.svg);
    background-position: -108px 10px
}

.services-three-cols .three-cols .box-title, .testimonial-box .box-title {
    font-size: 1.2em;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.services-three-cols .three-cols p, .testimonial-box p {
    line-height: 1.5;
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif !important
}

#testimonial-select {
    width: 200px;
    margin: 0 auto;
    position: relative
}

#testimonial-selectsection {
    width: 100%;
    padding: 15px 0;
    border-top: 2px solid #f1f1f1;
    border-bottom: 2px solid #f1f1f1;
    margin-top: 25px
}

#topnav form.notmobile {
    display: none
}

@media only all and (min-width: 64em) {
    #topnav p {
        width: 20%;
        margin: 0 auto
    }

    #topnav p img {
        margin: 19px 103px;
        background-position: -132px -65px !important;
        width: 131px !important;
        height: 50px !important;
        background-size: 606.67px 468.79px
    }

    ul#site-main li {
        margin-bottom: 10px;
        margin-top: 10px
    }

    #sitebanner, ul#site-main li {
        font-family: Montserrat, sans-serif !important;
        transition: .3s;
        height: 65px
    }

    #sitebanner .sep {
        display: block;
        margin-left: -45px !important
    }

    #sitebanner .phone-top {
        display: block;
        font-family: Montserrat, sans-serif;
        font-weight: 700;
        margin-top: -3px
    }

    #sitebanner ul.links-top li#login-link {
        color: #54ab42
    }

    #sitebanner .phone-top a span, #sitebanner ul.links-top li#login-link {
        color: #016330
    }

    #sitebanner .phone-top a span {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #016330
    }

    #sitebanner ul.links-top li {
        float: left;
        font-family: Montserrat, sans-serif !important;
        font-weight: 700;
        padding: 0 11px;
        height: 20px;
        line-height: 1.5
    }

    #sitebanner ul.links-top li:last-child {
        border-right: none;
        padding-right: 0
    }

    #sitebanner ul.links-top li#login-link {
        display: block;
        cursor: pointer
    }

    #sitebanner ul.links-top li#search-top {
        background: url(sprites2.svg) 3px -473px no-repeat;
        background-size: 700px 550px;
        width: 20px;
        cursor: pointer
    }

    #sitebanner ul.links-top li#country-top {
        height: 30px;
        cursor: pointer
    }

    #sitebanner ul.links-top li#country-top .ver-nz {
        float: left;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -3px -500px no-repeat;
        background-size: 700px 550px;
        margin-top: -7px
    }

    #sitebanner ul.links-top li#country-top .ver-us {
        float: left;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -96px -500px no-repeat;
        background-size: 700px 550px;
        margin-top: -7px
    }

    #sitebanner ul.links-top li#country-top .ver-au {
        float: left;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -33px -500px no-repeat;
        background-size: 700px 550px;
        margin-top: -7px
    }

    #sitebanner ul.links-top li#country-top .ver-uk {
        float: left;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -64px -500px no-repeat;
        background-size: 700px 550px;
        margin-top: -7px
    }

    #sitebanner ul.links-top li#country-top .ver-global {
        float: left;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -127px -500px no-repeat;
        background-size: 700px 550px;
        margin-top: -7px
    }

    #sitebanner ul.links-top li#country-top .country-arrow {
        float: right;
        width: 20px;
        height: 20px;
        background: url(sprites2.svg) -150px -472px no-repeat;
        background-size: 700px 550px
    }

    div#breadcrumb-wrapper.scroll {
        top: 59px
    }

    body.showcookie div#breadcrumb-wrapper.scroll {
        top: 124px
    }
}

@media only all and (max-width: 47.937em) {
    #sitebanner .phone-top, #sitebanner ul.links-top li#login-link, #sitebanner ul.links-top li#search-top, li#country-top {
        display: none
    }

    #sitebanner ul.links-top li#country-top {
        height: 30px;
        cursor: pointer;
        margin-top: -7px
    }

    #sitebanner ul.links-top li#country-top .ver-nz {
        float: left;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -3px -500px no-repeat;
        background-size: 700px 550px
    }

    #sitebanner ul.links-top li#country-top .ver-us {
        float: left;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -96px -500px no-repeat;
        background-size: 700px 550px
    }

    #sitebanner ul.links-top li#country-top .ver-au {
        float: left;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -33px -500px no-repeat;
        background-size: 700px 550px
    }

    #sitebanner ul.links-top li#country-top .ver-uk {
        float: left;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -64px -500px no-repeat;
        background-size: 700px 550px
    }

    #sitebanner ul.links-top li#country-top .ver-global {
        float: left;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -127px -500px no-repeat;
        background-size: 700px 550px
    }

    #sitebanner ul.links-top li#country-top .country-arrow {
        float: right;
        width: 20px;
        height: 20px;
        background: url(sprites2.svg) -150px -472px no-repeat;
        background-size: 700px 550px;
        margin-top: 7px
    }

    #sitebanner ul.links-top {
        margin-top: -33px;
        transition: .3s
    }

    #topnav p {
        width: 180px;
        margin: 0 auto
    }

    #topnav p img {
        margin: 4px auto 2px;
        background-position: -403px -58px !important;
        width: 104px !important;
        height: 40px !important;
        background-size: 792px 612px
    }

    #sitebanner #mobile-menu-link {
        float: right;
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -125px -525px no-repeat;
        background-size: 792px 612px
    }

    .row.mobile-nav {
        display: flex;
        justify-content: center;
        align-items: center
    }

    #sitebanner .mobile-nav .col-xs-2 {
        padding-left: 5px
    }
}

#sitebanner {
    position: relative
}

#topnav form.notmobile {
    position: absolute;
    right: 14px;
    top: 21px;
    z-index: 900;
    margin-top: 0 !important;
    border: 1px solid #949494;
    border-radius: 4px
}

#sitebanner ul#country-box {
    display: none;
    position: absolute;
    z-index: 199
}

#sitebanner ul#country-box li a {
    font-family: Montserrat, sans-serif !important
}

#sitebanner ul#country-box li .ver-nz {
    float: left;
    width: 30px;
    height: 30px;
    background: url(sprites2.svg) -3px -500px no-repeat;
    background-size: 700px 550px
}

#sitebanner ul#country-box li .ver-us {
    float: left;
    width: 30px;
    height: 30px;
    background: url(sprites2.svg) -96px -500px no-repeat;
    background-size: 700px 550px
}

#sitebanner ul#country-box li .ver-au {
    float: left;
    width: 30px;
    height: 30px;
    background: url(sprites2.svg) -33px -500px no-repeat;
    background-size: 700px 550px
}

#sitebanner ul#country-box li .ver-uk {
    float: left;
    width: 30px;
    height: 30px;
    background: url(sprites2.svg) -64px -500px no-repeat;
    background-size: 700px 550px
}

#sitebanner ul#country-box li .ver-global {
    float: left;
    width: 30px;
    height: 30px;
    background: url(sprites2.svg) -127px -500px no-repeat;
    background-size: 700px 550px
}

#menu-mobile {
    display: none
}

@media only all and (min-width: 48em) {
    #sitebanner ul#country-box {
        top: 61px;
        right: -34px;
        background-color: #fff;
        border: 1px solid #ccc
    }

    #sitebanner ul#country-box li {
        width: 200px;
        height: 40px;
        padding: 5px 10px;
        transition: .3s
    }

    #sitebanner ul#country-box li:hover {
        background-color: #ccc
    }

    #sitebanner ul#country-box li a {
        color: #333;
        line-height: 2.3;
        display: block;
        width: 100%;
        height: 100%;
        font-size: .95em;
        font-weight: 700
    }

    #sitebanner ul#country-box li div {
        margin-right: 5px
    }

    #sitebanner ul#country-box li.current {
        background-color: #ededed
    }

    #sitebanner ul#country-box li.current .country-arrow {
        float: right;
        width: 20px;
        height: 20px;
        background: url(sprites2.svg) -132px -472px no-repeat;
        margin-top: 7px;
        background-size: 700px 550px
    }
}

@media only all and (max-width: 47.937em) {
    #menu-mobile, #sitebanner ul#country-box {
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%
    }

    #menu-mobile #menu-footer h2, #menu-mobile #menu-footer p {
        font-family: Montserrat, sans-serif;
        color: #fff
    }



    #sitebanner ul#country-box li {
        width: 100%;
        height: 50px;
        padding: 10px 15%
    }

    #sitebanner ul#country-box li a {
        color: #fff;
        line-height: 2.3;
        display: block;
        width: 100%;
        height: 100%;
        font-weight: 700
    }

    #sitebanner ul#country-box li.current {
        background-color: #00305b
    }

    #menu-mobile #mobile-menu-close, #sitebanner ul#country-box li #country-box-close {
        width: 30px;
        height: 30px;
        background: url(sprites2.svg) -211px -525px no-repeat
    }

    #sitebanner ul#country-box li div {
        margin-right: 15px
    }

    #sitebanner ul#country-box li.close-box {
        padding: 10px
    }

    #sitebanner ul#country-box li #country-box-close {
        float: right;
        background-size: 792px 612px
    }

    #menu-mobile {
        left: 0;
        z-index: 999;
        background: #fff;
        overflow: auto;
        opacity: 1
    }


    #menu-mobile #mobile-menu-close {
        width: 100%;
        height: 50px;
        font-size: 29px
    }

    #sitebanner #country-top {
        height: 30px;
        cursor: pointer;
        width: 40px
    }

    #sitebanner #country-top .ver-nz {
        float: left;
        width: 30px;
        height: 35px;
        margin-top: -2px;
        background: url(nz-bw.svg) no-repeat
    }

    #footer #choose-country .ver-nz {
        float: left;
        width: 30px;
        height: 35px;
        background: url(sprites.svg);
        background-position: -3px -500px;
        background-repeat: no-repeat;
        background-size: 700px 550px
    }

    #sitebanner #country-top .ver-us {
        float: left;
        width: 30px;
        height: 35px;
        margin-top: -2px;
        background: url(us-bw.svg) no-repeat
    }

    #footer #choose-country .ver-us {
        float: left;
        width: 30px;
        height: 35px;
        background: url(sprites.svg);
        background-position: -96px -500px;
        background-repeat: no-repeat;
        background-size: 700px 550px
    }

    #sitebanner #country-top .country-arrow {
        float: right;
        width: 10px;
        height: 10px;
        margin-top: 10px;
        background: url(drop-down.svg) no-repeat
    }

    #menu-mobile ul#menu-main {
        background-color: #fff
    }

    #menu-mobile ul#menu-main li#mobile-menu-title {
        height: auto;
        margin-bottom: 20px
    }

    #menu-mobile ul#menu-main li:last-of-type {
        padding-bottom: 11px
    }

    #menu-mobile ul#menu-main li {
        width: 100%;
        padding: 21px 0 11px 0;
        height: auto;
        overflow: auto
    }

    #menu-mobile ul#menu-main .phone-mobile {
        padding-top: 30px
    }

    #menu-mobile ul#menu-additional li {
        width: 95%;
        margin-bottom: 15px;
        padding: 10px 0
    }

    #menu-mobile ul#menu-additional li a, #menu-mobile ul#menu-additional li span, #menu-mobile ul#menu-main li a, #menu-mobile ul#menu-main li span {
        color: #333;
        width: 100%;
        height: 100%;
        font-family: Montserrat, sans-serif;
        font-size: 1.2em
    }

    #menu-mobile ul#menu-main li span#mark {
        font-size: .96em;
        border: 1px solid #fff;
        width: 120px;
        padding: 5px;
        line-height: 1.8
    }

    #menu-mobile #menu-footer h2 {
        font-size: 1em;
        font-style: italic
    }

    #menu-mobile #menu-footer ul#menu-footer-share {
        width: 85%;
        clear: both;
        border-bottom: 1px solid #fff;
        padding: 15px 0;
        margin-bottom: 10px
    }

    #menu-mobile #menu-footer ul#menu-footer-share li {
        color: #fff;
        float: left;
        margin-right: 7.1%
    }

    #menu-mobile #menu-footer ul#menu-footer-share li a {
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        color: #333;
        background-color: #ccc
    }

    #menu-mobile #menu-footer ul#menu-footer-share li a i {
        margin-top: 22%;
        margin-left: 24%
    }

    #menu-mobile #menu-footer p {
        width: 100%;
        margin: 0;
        padding: 5px 0;
        font-style: italic
    }

    #menu-mobile #menu-footer p a {
        color: #fff;
        font-style: italic
    }

    #menu-mobile ul#menu-additional li .back-icon {
        float: left;
        width: 25px;
        height: 30px;
        margin-top: -8px;
        margin-right: 5px;
        background: url(sprites2.svg) -193px -525px no-repeat;
        background-size: 792px 612px
    }

    #menu-mobile #menu-footer {
        position: absolute;
        width: 100%;
        bottom: 15px
    }

    #menu-mobile .hideitem {
        display: none
    }
}

.page-font, .page-font p {
    font-size: 1.3rem
}

.page-font {
    font-family: Montserrat, sans-serif
}

#project-top, #project-top .row p, #project-top .row ul.items li, #project-top h1 {
    font-family: Montserrat, sans-serif !important
}

#project-top {
    padding: 40px 0;
    width: 100%;
    background-color: #f7fffb;
    text-align: center
}

#project-top #top-line {
    width: 2px;
    height: 45px;
    background-color: #32a3e1;
    margin: 0 auto 25px;
    display: none
}

#project-top .page-font {
    font-weight: 700
}

#project-top h1 {
    font-size: 2.5rem;
    margin: 15px 0 55px;
    font-weight: 700
}

#project-top .row {
    text-align: left
}

#project-top .row ul.items li {
    margin-bottom: 13px;
    font-size: 1.3rem !important
}

#project-top .row ul.items li ul.sns {
    width: 220px
}

#project-top .row ul.items li ul.sns li {
    float: left;
    margin-right: 10px;
    margin-top: 10px
}

#project-top .row ul.items li ul.sns li:last-child {
    margin-right: 0
}

#project-top .row ul.items li ul.sns li a {
    float: left;
    color: #fff;
    font-size: 1.05rem;
    margin-right: 5px;
    margin-bottom: 5px;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background-color: #0079bb;
    text-align: center
}

#project-top .row ul.items li ul.sns li a.facebook:hover {
    background-color: #3f69bd
}

#project-top .row ul.items li ul.sns li a.twitter:hover {
    background-color: #1dcaff
}

#project-top .row ul.items li ul.sns li a.google-plus:hover {
    background-color: #f15342
}

#project-top .row ul.items li ul.sns li a.linkedin:hover {
    background-color: #079ee4
}

#project-top .row ul.items li ul.sns li a.pinterest:hover {
    background-color: #da2035
}

#project-top .row ul.items li ul.sns li a i {
    font-family: fontawesome;
    font-size: 1.2rem;
    line-height: 2;
    color: #fff
}

#pagecontent img.fullwidth {
    width: 100% !important;
    height: auto !important
}

.quote {
    font-family: Montserrat, sans-serif !important;
    font-size: 35px !important;
    line-height: 1.29 !important;
    font-weight: 600;
    float: left;
    text-align: left;
    margin-right: .5em;
    max-width: 50%;
    padding: .5em;
    color: #0079bb
}

.image-right {
    margin-left: .5em;
    float: right
}

.quote::before {
    content: "\201C"
}

.quote::after {
    content: "\201D"
}

@media only all and (max-width: 70em) {
    .quote {
        margin-left: 0
    }
}

@media only all and (min-width: 48em) and (max-width: 64em) {
    #project-top .row ul.items li ul.sns li a i {
        font-size: 1.5rem;
        line-height: 1.9
    }

    #project-top .row ul.items li ul.sns li a.google-plus i {
        font-size: 1.4rem
    }

    #project-top .row ul.items li ul.sns li a {
        font-size: 1.3rem
    }

    .project-poa-handbook {
        width: 100% !important;
        padding-bottom: 50px
    }

    .project-poa-handbook .services-image-block .content-box {
        width: 100%;
        margin: 0
    }

    .project-poa-handbook .services-image-block {
        position: static
    }

    .project-poa-handbook .services-image-block .content-box .quote-caption {
        font-size: 28px;
        font-weight: 800;
        line-height: 1.29
    }
}

@media only all and (max-width: 47.937em) {
    #builders .region-filter.row, #tool-bar .region-filter.row {
        margin: 0 !important
    }

    .quote {
        margin-left: 0;
        max-width: 100% !important
    }

    .services-image-block img, .slick-slide img {
        width: 100%
    }

    #pagecontent img {
        max-width: 100%;
        height: auto !important;
        margin-bottom: .5rem
    }

    #pagecontent img.fleft {
        max-width: 100%;
        height: auto
    }

    #project-top .row {
        text-align: center
    }

    #project-top .row ul.items li ul.sns {
        margin-left: auto;
        margin-right: auto
    }

    #project-top .row div {
        margin-bottom: 20px
    }
}

.nav-bottom {
    width: 100%;
    background-color: #ccc
}

.nav-bottom #prev {
    float: left;
    text-align: left
}

.nav-bottom #top {
    float: left;
    text-align: center
}

.nav-bottom #next {
    float: right;
    text-align: right
}

.nav-bottom #next, .nav-bottom #prev, .nav-bottom #top {
    width: 33.3333%;
    padding: 50px
}

.nav-bottom a span {
    font-size: 3em
}

.nav-bottom a p {
    font-size: 1.5em;
    margin-top: 20px
}

.nav-bottom a p, .nav-bottom a span {
    color: #333;
    font-weight: 600;
    font-family: Montserrat, sans-serif !important
}

#project-gallery {
    padding: 30px 15px
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    display: block;
    width: 50px;
    height: 100%;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: 0;
    opacity: .7;
    color: #333;
    background-color: #fff;
    z-index: 9
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slick-prev {
    left: 0
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-next:before, .slick-prev:before, [dir=rtl] .slick-next:before, [dir=rtl] .slick-prev:before {
    position: absolute;
    content: ' ';
    width: 16px;
    height: 25px;
    background: url(grey-arrow.svg) no-repeat;
    margin-left: -8px
}

.slick-next {
    right: 0
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

p.project-credit {
    font-size: .8rem !important;
    color: gray
}

#footer #footer-tools section, #footer a.subscribe, #footer div.sitemap section, #footer h2, #footer h4, #footer span a, #footer span.f-by, #footer ul li a, #footer-tools p, #footer-tools section ul li {
    font-family: Montserrat, sans-serif !important;
    transition: .3s
}

#footer h2:hover, #footer span a:hover, #footer ul li:hover {
    opacity: .7
}

#footer a.subscribe:hover {
    background-color: #0079bb
}

#footer-tools section.address {
    font-size: .9rem
}

#footer span.f-by {
    line-height: 30px
}

@media only all and (min-width: 48em) and (max-width: 63.99em) {
    #footer section .nav-top {
        height: 170px
    }

    .services-image-block.landscaper .content-box .title {
        font-size: 28px !important;
        width: 400px;
        height: 100%
    }

    .services-image-block.landscaper .content-box .title span {
        font-size: 81px;
        width: 100%;
        height: 92px
    }
}

@media only all and (min-width: 64em) {
    #footer section .nav-top {
        height: 230px
    }
    #footer #choose-country .ver-nz {
        float: left;
        width: 30px;
        height: 35px;
        background: url(sprites.svg);
        background-position: -1px -500px;
        background-repeat: no-repeat;
        background-size: 700px 550px;
        margin-top: -7px;
    }
    #footer #choose-country .ver-us {
        float: left;
        width: 30px;
        height: 35px;
        background: url(sprites.svg);
        background-position: -95px -500px;
        background-repeat: no-repeat;
        background-size: 700px 550px;
        margin-top: -7px;
    }
}

#footer #desktop-share ul li:hover {
    opacity: 1
}

#footer #choose-country .ver-au, #footer #choose-country .ver-global, #footer #choose-country .ver-nz, #footer #choose-country .ver-uk, #footer #choose-country .ver-us {
    margin-top: 0 !important
}

#footer #choose-country .country-arrow {
    float: right;
    width: 20px;
    height: 20px;
    background: url(sprites.svg);
    background-position: -230px -472px;
    background-repeat: no-repeat;
    background-size: 700px 550px;
    margin-top: 5px;
}
#footer ul#country-box-footer {
    height: auto;
    max-width: 200px;
}
#sitebanner ul#country-box, #footer ul#country-box-footer {
    display: none;
    position: absolute;
    z-index: 199;
}


@-moz-document url-prefix() {
    #footer ul#country-box-footer li .ver-au, #footer ul#country-box-footer li .ver-global, #footer ul#country-box-footer li .ver-nz, #footer ul#country-box-footer li .ver-uk, #footer ul#country-box-footer li .ver-us, #sitebanner ul#country-box li .ver-au, #sitebanner ul#country-box li .ver-global, #sitebanner ul#country-box li .ver-nz, #sitebanner ul#country-box li .ver-uk, #sitebanner ul#country-box li .ver-us {
        margin-top: -5px
    }
    #sitebanner ul.links-top li#search-top {
        background-position: 3px -476px
    }
    #footer ul#country-box-footer li.current .country-arrow, #sitebanner ul#country-box li.current .country-arrow {
        margin-top: 0
    }
}

@media only all and (max-width: 64em) and (min-width: 48em) {
    #desktop-share ul li a {
        display: block;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        transition: .3s;
        text-align: center
    }
}

#topnav #sitebanner #site-main {
    margin-top: 20px
}

#site-main .dropdown .dropbtn {
    color: #333;
    font-weight: 500;
    display: inline;
    float: left
}

#site-main .dropdown .dropdown-img {
    float: left;
    margin-top: 13px;
    margin-left: 7px
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .07);
    z-index: 200;
    text-align: left;
    white-space: nowrap;
    margin-top: 60px
}

.dropdown-content a {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

#topnav #sitebanner #site-main .dropdown .current, .dropdown-content a.current {
    font-weight: 600
}

.dropdown:hover .dropdown-content {
    display: block
}

.dropdown-content .dropdown-links {
    float: left;
    width: 100%;
    height: 44px !important;
    text-align: left !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63
}

#sitebanner #menu-mobile #menu-main ul {
    display: none
}

#sitebanner #menu-mobile #menu-main ul.open {
    display: block;
    background-color: #fafafa;
    padding: 15px 0 15px 0;
    margin-top: 20px
}

#sitebanner #menu-mobile form {
    display: block !important;
    width: 100%
}

#topnav #sitebanner .dropdown-btn {
    background: url(/design/drop-down.svg) no-repeat;
    width: 10px;
    height: 5px;
    position: relative;
    bottom: 13px;
    left: 150px
}

#topnav #sitebanner .dropdown .dropdown-btn.workwedone {
    left: 170px
}

#sitebanner form.notmobile fieldset #search-top {
    background: url(/design/sprites2.svg) 3px -473px no-repeat;
    height: 20px;
    background-size: 700px 550px;
    width: 24px;
    cursor: pointer
}

#topnav #sitebanner form label span {
    color: #333
}

#topnav #sitebanner .justipad #search-top {
    background: url(sprites2.svg) 3px -473px no-repeat;
    background-size: 700px 550px;
    width: 24px;
    cursor: pointer;
    height: 20px
}

#topnav #sitebanner .justipad #ipad-menu-link {
    width: 30px;
    height: 30px;
    background: url(sprites2.svg) -125px -525px no-repeat;
    background-size: 792px 612px;
    top: 21px
}

#topnav #sitebanner #site-main .dropdown a:hover, #topnav #sitebanner .phone-top a span:hover {
    opacity: .7
}

@media only screen and (min-width: 1025px) {
    .justipad {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #sitebanner #menu-mobile #menu-main li h2 a.current, #sitebanner #menu-mobile #menu-main ul li a.current {
        font-weight: 600
    }

    #sitebanner #menu-mobile form {
        width: 50%
    }

    #topnav p img {
        width: 129px !important;
        height: 50px !important;
        margin: 19px 19px
    }

    #topnav #sitebanner .dropdown-btn {
        background: url(/design/drop-down.svg) no-repeat;
        width: 10px;
        height: 5px;
        position: relative;
        top: -11.5px;
        left: 26%
    }

    #topnav #menu-mobile form fieldset.border {
        border: 1px solid #949494;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    #topnav #sitebanner .dropdown-btn.workwedone {
        left: 30%
    }

    #topnav form.notmobile {
        right: 33%
    }

    .notipad {
        display: none !important
    }

    #topnav form {
        margin-top: 0
    }

    #menu-mobile {
        left: 0;
        z-index: 999;
        background: #fff;
        overflow: auto;
        opacity: 1;
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%
    }

    #menu-mobile #mobile-menu-close {
        width: 100%;
        height: 50px
    }

    #topnav #sitebanner #menu-mobile #mobile-menu-close span {
        position: relative;
        top: 15%;
        left: 95%
    }

    #menu-mobile ul#menu-main {
        background-color: #fff
    }

    #menu-mobile ul#menu-main li {
        width: 100%;
        padding: 21px 0 11px 0;
        height: auto;
        overflow: auto
    }

    #sitebanner #menu-mobile #menu-main li h2 {
        width: auto;
        float: left
    }

    #sitebanner #menu-mobile #menu-main li img.dropdown-img {
        display: inline-block;
        float: left;
        margin-top: 12px;
        margin-left: 5px
    }

    #sitebanner #menu-mobile #menu-main li h2 a {
        font-size: 1.142856rem;
        padding: 10px 0 10px 40px;
        font-weight: 500;
        color: #333;
        width: 100%;
        height: 100%;
        font-family: Montserrat, sans-serif
    }

    #sitebanner #menu-mobile #menu-main li h2 a[type=tel] {
        color: #016330;
        font-weight: 600
    }

    #topnav #menu-mobile form fieldset {
        background-color: #fff;
        margin: 0 50px 10px 40px
    }

    #topnav #menu-mobile form button {
        margin: 1px;
        float: left;
        width: 35px;
        height: 33px;
        background-color: #fff;
        border: none
    }

    #topnav form label input {
        padding: 11px 8px 2px !important
    }

    #sitebanner #menu-mobile #menu-main #search-top {
        background: url(/design/sprites2.svg) 3px -473px no-repeat;
        height: 20px;
        background-size: 700px 550px;
        width: 24px;
        cursor: pointer
    }

    #topnav #menu-mobile form label input {
        border: 0;
        background: 0 0;
        width: 129px;
        padding-top: 9px;
        padding-right: 8px;
        color: #333;
        -webkit-appearance: none
    }

    #sitebanner #menu-mobile #menu-main ul.open {
        display: block;
        background-color: #fafafa;
        padding: 15px 0 15px 0;
        margin-top: 20px
    }

    #menu-mobile ul#menu-main li {
        width: 100%;
        margin-bottom: 17px;
        padding: 10px 0
    }

    #sitebanner #menu-mobile #menu-main ul li a {
        font-size: 1rem;
        width: 80%;
        padding: 10px 0 10px 40px;
        font-weight: 500;
        color: #333;
        font-family: Montserrat, sans-serif
    }

    #sitebanner .phone-top {
        left: 6.5%;
        bottom: -2px
    }

    #sitebanner #ipad-menu-link {
        left: -5.5%;
        top: 29px !important
    }

    #sitebanner .search-box-ipad {
        left: -1.3%;
        top: 34px
    }
}

@media only screen and (max-width: 1023px) {
    .contact-us-desktop {
        display: none
    }
}

@media only screen and (min-width: 1023px) {
    .contact-us-mobile {
        display: none
    }

    .cta-block p {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
    .notipad {
        display: none
    }

    #content.panorama.contact .clearfix .contact-us-mobile h3 {
        font-family: Montserrat, sans-serif;
        font-size: 20px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #333
    }

    #content.panorama.contact .clearfix .contact-us-mobile p span a {
        font-weight: 600
    }

    #content.panorama.contact .clearfix .contact-us-mobile div, #content.panorama.contact .clearfix .contact-us-mobile p {
        padding-top: 15px
    }

    #content.panorama.contact .clearfix .contact-us-mobile li, #content.panorama.contact .clearfix .contact-us-mobile p {
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #333
    }

    #content.panorama.contact .clearfix .contact-us-mobile div strong {
        font-size: 20px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #333
    }

    #content.contact #content-body.form .pagecopy, #content.contact #content-right .formholder, #content.contact .contact-us-mobile {
        padding: 15px 15px 0 15px
    }

    #content.contact #content-body.form .pagecopy p {
        font-size: 16px
    }

    #content.contact #content-body.form .pagecopy p strong {
        font-size: 20px;
        font-weight: 600
    }

    #content.panorama.contact #content-body, #content.panorama.contact #content-right {
        width: 100%
    }

    #topnav form.notmobile {
        right: 9%
    }

    #sitebanner #ipad-menu-link {
        left: 20%;
        top: 28px !important
    }

    #sitebanner .search-box-ipad {
        left: 21%;
        top: 30px
    }

    #sitebanner .phone-top a span {
        color: #016330;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 16px
    }

    #topnav form button {
        padding-top: 5px;
        float: right
    }

    #topnav {
        height: 90px
    }

    #topnav p img {
        margin: 7px 11px
    }

    #topnav #sitebanner .phone-top a span {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: normal;
        color: #016330
    }

    #topnav #sitebanner .phone-top {
        width: 169px;
        margin-left: 115px;
        margin-top: 35px
    }

    #topnav #sitebanner.landscaper .phone-top {
        margin-left: 0
    }

    #topnav form.notmobile {
        right: 23%
    }

    #sitebanner #ipad-menu-link {
        left: -2.5%
    }

    #sitebanner .search-box-ipad {
        left: 0;
        top: 35px
    }

    #sitebanner ul#country-box {
        right: 118px
    }
}

@media only screen and (width: 1024px) {
    #topnav #sitebanner .phone-top a span {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: normal;
        color: #016330
    }

    #topnav #sitebanner .phone-top {
        width: 178px;
        margin-left: 175px !important;
        margin-top: 30px
    }

    #topnav #sitebanner.landscaper .phone-top {
        margin-left: -20px !important
    }

    #topnav form.notmobile {
        right: 20% !important
    }

    #sitebanner #ipad-menu-link {
        left: -3.5%
    }

    #sitebanner ul#country-box {
        right: 106px
    }

    #sitebanner .search-box-ipad {
        left: -.3%;
        top: 35px
    }

    #topnav form button {
        border: 0;
        float: left;
        height: 33px;
        padding: 0;
        outline: 0;
        background: #fff
    }
}

@media only screen and (max-width: 1023px) and (min-width: 769px) {
    #topnav p img {
        margin: 10px 0
    }

    #topnav #sitebanner .phone-top a span {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: normal;
        color: #016330
    }

    #topnav #sitebanner .phone-top {
        width: 169px;
        margin-left: 115px;
        margin-top: 35px
    }

    #topnav #sitebanner.landscaper .phone-top {
        margin-left: 0
    }

    #topnav form.notmobile {
        right: 22%
    }

    #sitebanner #ipad-menu-link {
        left: -2.5%
    }

    #sitebanner .search-box-ipad {
        left: 0;
        top: 35px
    }

    #topnav form button {
        border: 0;
        float: left;
        width: 35px;
        height: 33px;
        margin: 5px 0 0 52px;
        padding: 0;
        outline: 0;
        background: #fff
    }

    #content.panorama.contact .clearfix .contact-us-mobile h3 {
        font-family: Montserrat, sans-serif;
        font-size: 20px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #333
    }

    #content.panorama.contact .clearfix .contact-us-mobile p span a {
        font-weight: 600
    }

    #content.panorama.contact .clearfix .contact-us-mobile div, #content.panorama.contact .clearfix .contact-us-mobile p {
        padding-top: 15px
    }

    #content.panorama.contact .clearfix .contact-us-mobile li, #content.panorama.contact .clearfix .contact-us-mobile p {
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #333
    }

    #content.panorama.contact .clearfix .contact-us-mobile div strong {
        font-size: 20px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #333
    }

    #content.contact #content-body.form .pagecopy, #content.contact #content-right .formholder, #content.contact .contact-us-mobile {
        padding: 15px 15px 0 15px
    }

    #content.contact #content-body.form .pagecopy p {
        font-size: 16px
    }

    #content.contact #content-body.form .pagecopy p strong {
        font-size: 20px;
        font-weight: 600
    }

    #content.panorama.contact #content-body, #content.panorama.contact #content-right {
        width: 100%
    }
}

#topnav #sitebanner form fieldset label span {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #949494
}

#mobile-menu-close {
    font-size: 29px
}

dl, img, input, legend, li, ol, p, table, textarea, ul {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.63
}

.landscaper-include .contact .form-control {
    background-color: transparent
}

.blog-enquiry .form .form-control, .contact .form-control{
    display: block;
    width: 100%;
    height: 47px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fafafa;
    background-image: none;
    border: 1px solid #707070;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
#content-right .form-control {
    background-color: #f5f5f5;
}
#content.contact #content-right div.fancy-select div.trigger {
    cursor: pointer;
    line-height: 2.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    color: #333;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    background-color: #fafafa
}

#content.contact #content-right div.fancy-select div.trigger:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: .357rem solid transparent;
    border-top-color: #333;
    top: 1rem;
    right: .571rem
}

div.fancy-select {
    position: relative;
    font-size: 1.07rem;
    color: #333;
    padding: 12px
}

form .tips {
    line-height: 26px;
    font-style: italic;
    color: #555
}

#content.panorama.contact {
    padding: 0
}

#content.panorama.contact #content-right form .fancy-select:focus, #content.panorama.contact #content-right form input:focus, #content.panorama.contact #content-right form textarea:focus {
    border: solid 1px #016330;
    background-color: #fff
}

.label-green {
    color: #016330
}

.label-red {
    color: #b00321;
    font-weight: 600
}

.options::-webkit-scrollbar-track {
    padding: 2px 0;
    background-color: #fff
}

.options::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    border: none !important
}

.options::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #c9c9c9
}

div#wideslideshow.overlay .overlay-container .text-content .heading-content {
    font-size: 2.4em;
    font-weight: 600
}

div#wideslideshow.overlay.poa-handbook .overlay-container .text-content .heading-content {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.19;
    text-align: center;
    color: #333
}

div#wideslideshow.overlay .overlay-container .text-content .intro-bottom {
    font-size: 1.5em;
    margin-top: 12px;
    line-height: 1.5;
    font-weight: 500
}

.landscape .content-box .intro-bottom, div#wideslideshow.overlay.poa-handbook .overlay-container .text-content .intro-bottom {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    color: #333
}

div#wideslideshow.overlay .overlay-container h2#arrow {
    margin-top: 3vh
}

div#wideslideshow.overlay .overlay-container .text-content {
    color: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    max-width: 730px;
    margin-top: 60px
}

div#wideslideshow.overlay img {
    filter: none
}

#content-right .phone-code {
    display: inline;
    float: left;
    width: 16%;
    border: 1px solid #707070;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: 0;
    background-color: #f5f5f5;
    text-align: center;
    height: 47px
}

#content-right .phone-code span {
    line-height: 47px
}

#content-right .phone-input {
    width: 37%
}

#content-right #mobile-s1:not(.ver-us) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

::-webkit-file-upload-button {
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid #707070;
    background-color: #fafafa;
    color: #016330;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    line-height: 1.5;
    height: 47px
}

#sitebanner .notipad.fleft.notmobile a img {
    background-position: -132px -65px !important;
    width: 131px !important;
    height: 50px !important;
    background-size: 606.67px 468.79px;
    margin: 19px 0
}

@media only all and (min-width: 64em) and (max-width: 78em) {
    #topnav form.notmobile {
        right: -15px
    }
}

#content #content-right #myform-builder-job input[type=file] {
    width: 100%
}

#content.contact #content-right #myform-builder-job #c-car-submit {
    font-weight: 600
}

.cta-block, .why-zones-block {
    background-color: #f1f1f1;
    padding: 90px 0
}

.cta-block .block-title {
    font-size: 35px;
    text-align: center;
    font-weight: 800;
    line-height: 1.29;
    margin-bottom: 20px
}

.cta-block p {
    text-align: center;
    color: #333;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 20px;
    padding: 0 20px
}

.cta-block a.btn {
    width: 200px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 16px
}

@media only screen and (min-width: 78em) {
    .cta-block p {
        width: 950px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only all and (min-width: 48em) and (max-width: 1025px) {
    #sitebanner ul.links-top {
        margin-top: 33px;
        transition: .3s
    }

    #sitebanner ul.links-top li {
        float: left;
        font-weight: 700;
        margin-right: 15px;
        height: 24px
    }

    #sitebanner ul.links-top li:last-child {
        border-right: none;
        padding-right: 0
    }

    #sitebanner ul.links-top li#country-top {
        height: 30px;
        cursor: pointer;
        width: 40px;
        margin-left: -25px
    }

    #sitebanner ul.links-top li#country-top.us {
        margin-left: 0
    }

    #sitebanner ul.links-top li#country-top .ver-nz {
        float: left;
        width: 30px;
        height: 35px;
        margin-top: -4px;
        background: url(nz-bw.svg) no-repeat
    }

    #footer #choose-country .ver-nz {
        float: left;
        width: 30px;
        height: 35px;
        background: url(sprites.svg);
        background-position: -3px -500px;
        background-repeat: no-repeat;
        background-size: 700px 550px
    }

    #sitebanner ul.links-top li#country-top .ver-us {
        float: left;
        width: 30px;
        height: 35px;
        margin-top: -2px;
        background: url(us-bw.svg) no-repeat
    }

    #footer #choose-country .ver-us {
        float: left;
        width: 30px;
        height: 35px;
        background: url(sprites.svg);
        background-position: -96px -500px;
        background-repeat: no-repeat;
        background-size: 700px 550px
    }


    #sitebanner ul.links-top li#country-top .country-arrow {
        float: right;
        width: 10px;
        height: 10px;
        margin-top: -23px;
        margin-left: 3px;
        background: url(drop-down.svg) no-repeat
    }

    #sitebanner ul#country-box {
        right: 15px
    }
}

@media only screen and (width: 1024px) {
    #sitebanner ul.links-top li#country-top {
        width: 50px;
        margin-left: -40px
    }
}

.content-header .fleft {
    width: 63%
}

.content-header .header {
    margin: 10px 0 0 8px;
    width: 85%;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.29
}

.content-header h2 {
    margin: 10px 0 0 8px;
    width: 85%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63
}

.content-header #map-section {
    float: left;
    width: 33%;
    margin-left: 3%;
    height: 320px;
    margin-top: 35px
}

.content-header a.view {
    display: inline-block;
    margin: 20px 0 20px 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.63
}

#section-submenu {
    margin-left: 8px;
    clear: both
}

#section-submenu.textnav li a {
    font-size: 16px;
    font-weight: 500;
    color: #0079bb
}

#section-submenu.textnav li.current {
    background-color: #f5f5f5
}

#section-submenu.textnav li.current a {
    color: #333;
    font-weight: 700
}

#content.panorama.content-container #content-body .list-header, #featured-projects .list-header {
    float: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4
}

#content.panorama.content-container #content-body a.more, #featured-projects a.more {
    float: right;
    color: #0079bb;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.63
}

#content.panorama.content-container #content-body ul.entry-list, #featured-projects ul.entry-list {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-top: 15px
}

#content.panorama.content-container #content-body ul.entry-list li {
    float: left;
    width: 32%;
    margin-right: 2%;
    display: block;
    height: 350px;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, .08);
    margin-bottom: 40px;
    transition: .3s
}

#content.panorama.content-container #content-body ul.entry-list li:nth-child(3n+0) {
    margin-right: 0
}

#content.panorama.content-container #content-body ul.entry-list li a img, #featured-projects ul.entry-list a img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    margin-bottom: 10px
}

#content.panorama.content-container #content-body ul.entry-list li a .article-title, #featured-projects ul.entry-list a .article-title {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 1.4;
    padding: 0 20px
}

#content.panorama.content-container #content-body ul.entry-list li a .region, #content.panorama.content-container #content-body ul.entry-list li a .renovate-date, #featured-projects ul.entry-list a .region, #featured-projects ul.entry-list a .renovate-date {
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    color: #333
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div .article-title {
    padding: 0 10px !important
}

#content.panorama.content-container #content-body ul.entry-list li a .region {
    margin-top: 20px
}

#link-tools ul li {
    float: left;
    clear: none;
    margin-top: 4px;
    margin-right: 6px;
    font-size: 1rem;
    font-weight: 600;
    color: #333
}

#content.panorama.content-container #content-body ul.entry-list li:hover {
    opacity: .8
}

#content.panorama.content-container #content-body ul.entry-list li a:hover {
    opacity: 1
}

#content.panorama.content-container #content-body ul.entry-list li.feature a:hover {
    opacity: 1
}

#content.panorama.content-container #content-body ul.entry-list#list-page {
    margin-top: 0
}

#content.panorama.content-container #content-body ul.entry-list#list-page li {
    height: 359px
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li {
    width: 48%
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li:nth-child(3n+0) {
    margin-right: 2%
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li:nth-child(2n+0) {
    margin-right: 0
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div {
    padding: 30px;
    text-align: center
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div img {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div .more {
    font-weight: 700
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#outdoor-room .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#outdoor-room .more {
    color: #eca031
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#outdoor-kitchen .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#outdoor-kitchen .more {
    color: #16b271
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#gardens .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#gardens .more {
    color: #ef4639
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#lawn .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#lawn .more {
    color: #bd1622
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#pool .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#pool .more {
    color: #063
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#pergola .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#pergola .more {
    color: #97412c
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#lighting .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#lighting .more {
    color: #93c01f
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#driveways .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#driveways .more {
    color: #0079bb
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#walls .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#walls .more {
    color: #f4c343
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#fencing .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#fencing .more {
    color: #5e6c3b
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#maintenance .article-title, #content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div#maintenance .more {
    color: #56ba62
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div .article-title {
    margin-bottom: 20px
}

#content.panorama.content-container #content-body ul.entry-list#what-we-do-list li a div span p {
    line-height: 1.63
}

#link-tools ul {
    margin-top: 10px
}

#link-tools .prev {
    padding-left: 0
}

#link-tools .next {
    padding-right: 0
}

#link-tools .center {
    display: inline-block;
    text-align: center
}

#link-tools .next a, #link-tools .prev a {
    width: 150px;
    height: 48px;
    padding: 0 20px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
    background-color: #f1f1f1
}

.row#link-tools {
    margin-left: 0;
    margin-right: 0
}

#content.panorama.content-container #content-body ul#services {
    display: inline-block;
    clear: both;
    margin: 20px 0 40px 30px
}

#content.panorama.content-container #content-body ul#services li {
    width: 32%;
    margin: 10px 0;
    float: left
}

#content.panorama.content-container #content-body ul#services li a {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.63
}

#content.panorama.content-container #content-body ul#services li::before {
    content: "\2022";
    color: #0079bb;
    font-weight: 700;
    display: inline-block;
    width: 1.5em
}

#content.panorama.content-container #content-right .banner, #content.panorama.content-container #content-right .regional-info {
    padding: 35px;
    background-color: #f5f5f5;
    margin-bottom: 20px
}

#content.panorama.content-container #content-right .banner .header{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    margin-top: 40px
}
#content.panorama.content-container #content-right .regional-info .header {
    margin-top: 0px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.63;
}


#content.panorama.content-container #content-right .banner .header:first-child, #content.panorama.content-container #content-right .regional-info .header:first-child {
    margin-top: 0
}

#content.panorama.content-container #content-right .regional-info .phone {
    font-size: 20px;
    font-weight: 700;
    color: #0079bb;
    line-height: 1.4
}

#content.panorama.content-container #content-right .regional-info .address-box {
    margin-bottom: 20px
}
.legal-text {
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.33;
    color: #959595;
}
#content.panorama.content-container #content-right .banner .bold, #content.panorama.content-container #content-right .bold p, #content.panorama.content-container #content-right .regional-info .address-box .address, #content.panorama.content-container #content-right .regional-info .bold {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 1.4;
    margin-bottom: 10px
}

#content.panorama.content-container #content-right .regional-info .btn {
    width: 100%;
    max-width: 200px;
    font-size: 16px;
    font-weight: 700
}

#content.panorama.content-container #content-right .regional-info .address-box a {
    font-size: 16px;
    font-weight: 500
}

#content.panorama.content-container #content-right .regional-info ul.sns-share li {
    float: left;
    margin-right: 18px
}

#content.panorama.content-container #content-right .regional-info ul.sns-share li a {
    color: #656565;
    font-size: 25px
}

#content.panorama.content-container #content-right img {
    width: 100%
}

#content.panorama.content-container #content-right .banner {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63
}

#content.panorama.content-container #content-right .banner a {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.63
}

#content.panorama.content-container #content-right .banner a h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px
}

.title-list {
    margin: 30px 0 30px 0
}

.title-list li i {
    font-size: 15px;
    color: #949494
}

.title-list li a {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.9
}

.title-list li a img {
    display: inline
}

.title-list li::before {
    font-size: 20px;
    content: "\2022";
    color: #0079bb;
    display: inline-block;
    width: 1em
}

.blog-image-block {
    margin: 40px 0;
    display: flex;
    align-items: center;
    padding: 20px 0
}

.blog-image-block img.fleft, .blog-image-block img.fright {
    width: 48%;
    height: auto;
    object-fit: cover
}

.blog-image-block img.fleft ~ .fleft .content-box {
    padding-left: 0;
    padding-right: 0
}

.blog-image-block img.fright {
    margin-left: auto;
    order: 2
}

.blog-image-block img.fleft {
    margin-right: 4%
}

.blog-image-block div.fleft {
    width: 48%;
    position: relative
}

.blog-image-block .content-box .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px
}

.blog-image-block .content-box .content {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63
}

.blog-image-block .content-box .content li {
    margin-left: 10px
}

.blog-image-block .content-box .content li::before {
    content: "\2022";
    color: #0079bb;
    font-weight: 700;
    display: inline-block;
    width: 1.5em
}

.blog-enquiry a.btn, .blog-enquiry button, .blog-image-block .content-box a.btn {
    width: 200px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    cursor: pointer
}

.blog-enquiry #privacy label, .blog-enquiry #subscribe label {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

#content-right .form .step2, #content.panorama.content-container #content-right .form .step2, .blog-enquiry .step2 {
    display: none
}

.why-zones-block .block-title {
    font-size: 35px;
    font-weight: 800;
    line-height: 1.29;
    text-align: center;
    margin-bottom: 15px
}

.why-zones-block .row {
    text-align: center;
    margin: 0
}

.why-zones-block .row img {
    margin: 20px auto
}

.why-zones-block .row .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px
}

.testimonial-section, .testimonial-slider .slick-next, .testimonial-slider .slick-prev {
    background-color: #f1f1f1 !important
}

.testimonial-slider .testimonial-box {
    padding: 0 !important;
    background-color: #f1f1f1 !important;
    border: none;
    text-align: center;
    margin: 0 100px 30px 100px
}

.testimonial-slider .testimonial-box .top {
    margin-top: 5px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 15px
}

.testimonial-slider .testimonial-box .content, .testimonial-slider .testimonial-box .content a, .testimonial-slider .testimonial-box .content p {
    font-size: 35px;
    font-weight: 800;
    line-height: 1.29;
    margin-bottom: 15px;
    color: #0079bb
}

.testimonial-section .content p {
    margin: 0 auto
}

.testimonial-slider .testimonial-box span.bottom {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.63
}

.area-section .row, .blog-enquiry .row {
    margin: 0
}

.area-section .row ul li {
    width: 33.333%;
    float: left;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    margin-top: 20px
}

.area-section .row ul li::before {
    content: "\2022";
    font-weight: 700;
    display: inline-block;
    width: 1.2em;
    font-size: 16px
}

.area-section {
    padding: 30px 0
}

.area-section .row img {
    width: 100%;
    margin-top: 40px
}

.area-section .row .title {
    margin-top: 60px;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.29
}

@media only screen and (max-width: 768px) {
    .cta-block .block-title, .why-zones-block .block-title {
        font-size: 28px
    }
    #sitebanner ul#country-box, #footer ul#country-box-footer {
        /*right: 0;*/
        /*background-color: rgba(51, 51, 51, .9)*/
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-color: #ffffff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07)
    }
    #sitebanner ul#country-box li.close-box {
        padding: 10px;
    }
    #sitebanner ul#country-box li #country-box-close {
        position: absolute;
        right: 15px;
        top: 2px;
        font-size: 29px;
    }
    #sitebanner ul#country-box li #country-box-close span {
        font-size: 1.5rem;
    }
    #sitebanner ul#country-box li.current {
        background-color: #fafafa;
    }
    #sitebanner ul#country-box li a {
        color: #333333;
        line-height: 2.3;
        display: block;
        width: 100%;
        height: 100%;
        font-weight: bold;
    }
}

.blog-enquiry {
    padding: 110px 0;
    background-image: url(/design/zones-wwd-enquiry-bg.jpg);
    background-size: cover
}

.blog-enquiry .form {
    border-radius: 18px;
    background-color: rgba(255, 255, 255, .95);
    padding: 30px;
    width: 470px
}

.blog-enquiry .form .enquiry-title {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.29
}

.blog-enquiry .form .instructions {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    margin: 15px 0
}

#featured-projects {
    padding: 50px 0
}

#featured-projects ul.entry-list li {
    float: left;
    width: 23%;
    margin-right: 2%;
    display: block;
    height: 330px;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, .08);
    margin-bottom: 40px;
    transition: .3s
}

#content-body h2 {
    line-height: 1.5
}

#content-body h2 p {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45
}

@media only all and (min-width: 78em) {
    .blog-image-block .content-box {
        padding-top: 20px
    }
}

@media only all and (max-width: 63.99em) and (min-width: 48em) {
    #content.panorama.content-container #content-right .banner, #content.panorama.content-container #content-right .regional-info {
        padding: 25px
    }
}

@media only all and (max-width: 1024px) and (min-width: 48em) {
    #wrapper .inner {
        padding-left: 20px;
        padding-right: 20px
    }

    #content.panorama.content-container #content-body ul.entry-list li a .article-title {
        font-size: 18px;
        font-weight: 600
    }

    .textnav li {
        padding: 13px 20px 13px
    }

    .title-list {
        margin: 30px 0 30px 5%
    }

    .blog-image-block .content-box {
        padding: 0 10px
    }

    #featured-projects ul.entry-list li {
        height: 380px
    }

    #featured-projects ul.entry-list li:first-child {
        margin-left: 1%
    }

    #featured-projects ul.entry-list li:last-child {
        margin-right: 1%
    }

    #featured-projects .list-header {
        margin-left: 10px
    }

    #featured-projects a.more {
        margin-right: 10px
    }

    .blog-enquiry .form {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .content-header .header {
        font-size: 28px
    }

    .content-header .header, .content-header h2 {
        width: 500px
    }

    #featured-projects ul.entry-list li.project {
        width: 31.33%;
        height: 330px
    }

    #featured-projects ul.entry-list li.project:last-child {
        margin-right: 0
    }

    #featured-projects ul.entry-list li.project:nth-child(3n+0) {
        margin-right: 1%
    }

    #featured-projects ul.entry-list li.project:nth-child(3n+1) {
        margin-left: 1%
    }
}

@media only all and (max-width: 77.99em) and (min-width: 48em) {
    #content.panorama.content-container #content-body ul.entry-list#list-page li {
        width: 48%
    }

    #content.panorama.content-container #content-body ul.entry-list li:nth-child(3n+0) {
        margin-right: 0
    }

    #content.panorama.content-container #content-body ul.entry-list li:nth-child(2n+0) {
        margin-right: 2%
    }

    #content.panorama.content-container #content-body ul.entry-list#list-page li:nth-child(3n+0) {
        margin-right: 2%
    }

    #content.panorama.content-container #content-body ul.entry-list#list-page li:nth-child(2n+0) {
        margin-right: 0
    }

    #content.panorama.content-container #content-body ul#services li {
        width: 45%
    }

    #content.panorama.content-container #content-body ul.entry-list li {
        height: auto;
        min-height: 400px
    }
}

@media only all and (max-width: 768px) {
    .content-header #map-section {
        display: none
    }
}

@media only all and (max-width: 47.937em) {
    iframe {
        width: 100% !important
    }

    .content-header div.header, .content-header h1 {
        width: 90%
    }

    .content-header .header {
        font-size: 28px
    }

    .content-header .header, .content-header a.view, .content-header h2 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    #section-submenu {
        margin-left: 0
    }

    #section-submenu.textnav li {
        width: 100%
    }

    #content.panorama.content-container #content-body ul.entry-list li, #featured-projects ul.entry-list li {
        width: 100% !important;
        margin-right: 0 !important;
        height: auto !important;
        padding-bottom: 10px
    }

    #content.panorama.content-container #content-body ul#services li {
        width: 100%
    }

    #content.panorama.content-container #content-right .banner, #content.panorama.content-container #content-right .regional-info {
        padding: 25px
    }

    #link-tools .col-xs-3 a, .content-header .fleft {
        width: 100%
    }

    #link-tools .prev a {
        text-align: center
    }

    #link-tools .next a .fright {
        float: none;
        text-align: center
    }

    .content-header .header {
        width: auto;
        margin: 0 20px
    }

    .title-list {
        margin: 30px 0
    }

    .blog-image-block {
        display: block
    }

    #featured-projects, .blog-image-block {
        margin: 40px 20px
    }

    .blog-image-block div.fleft, .blog-image-block img.fleft, .blog-image-block img.fright {
        width: 100%;
        margin-right: 0
    }

    .blog-image-block .content-box {
        padding-top: 15px
    }

    .why-zones-block .row .col-xs-12 {
        margin-bottom: 20px
    }

    .testimonial-slider .testimonial-box .content, .testimonial-slider .testimonial-box .content a, .testimonial-slider .testimonial-box .content p {
        font-size: 20px;
        font-weight: 700;
        padding: 0 15px
    }

    .testimonial-slider .testimonial-box .content a {
        padding: 0
    }

    .testimonial-slider .testimonial-box {
        width: 100%;
        margin: 0 20px 30px 20px
    }

    .area-section .row img {
        margin: 0 auto;
        width: 90%
    }

    .blog-enquiry .form {
        width: 100%
    }

    .area-section .row ul li {
        font-size: 16px
    }

    .area-section .row .title {
        margin-top: 0;
        font-size: 25px
    }

    #featured-projects {
        margin: 0 20px !important
    }

    #featured-projects a.more {
        float: left
    }

    .related-projects {
        padding: 50px 20px !important
    }
}

#wideslideshow .relative-inner {
    position: relative
}

#wideslideshow .relative-inner .container-box {
    width: 600px;
    height: 256px;
    opacity: .95;
    border-radius: 9px;
    background-color: #b82908;
    position: absolute;
    left: 0;
    top: 57px;
    text-align: left;
    padding: 30px 40px
}

#wideslideshow .relative-inner .container-box .heading-content {
    font-size: 35px;
    font-weight: 800;
    line-height: 1.29;
    color: #fff;
    margin: 12px 0
}

#wideslideshow .relative-inner .container-box .intro-bottom {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    color: #fff
}

#wideslideshow .relative-inner .container-box .breadcrumb, #wideslideshow .relative-inner .container-box .breadcrumb a {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

#wideslideshow .relative-inner .container-box .breadcrumb a {
    text-decoration: underline
}

div#wideslideshow.overlay .overlay-container {
    background-color: transparent
}

#wideslideshow, #wideslideshow img {
    height: 400px
}

@media only all and (max-width: 47.937em) {
    #wideslideshow .inner {
        margin: 0
    }

    #wideslideshow .relative-inner .container-box {
        width: 100%;
        opacity: 1;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: #fff;
        position: static;
        padding: 20px
    }

    #wideslideshow .relative-inner .container-box .breadcrumb, #wideslideshow .relative-inner .container-box .breadcrumb a, #wideslideshow .relative-inner .container-box .heading-content, #wideslideshow .relative-inner .container-box .intro-bottom {
        color: #2f3132;
    }
    #wideslideshow .relative-inner .container-box .heading-content, #content.panorama.content-container #content-body ul.entry-list li.feature .content-box .article-title {
        font-size: 28px;
    }
    #wideslideshow .relative-inner .container-box .intro-bottom, #content.panorama.content-container #content-body ul.entry-list li.feature .content-box span {
        font-size: 18px;
    }

    div#wideslideshow.overlay .overlay-container {
        position: static
    }

    div#wideslideshow.overlay img {
        height: auto !important;
        width: 100% !important
    }

    #wideslideshow, #wideslideshow .relative-inner .container-box {
        height: auto;
    }
    #wideslideshow .relative-inner .container-box {
        padding: 40px 20px !important;
    }
    .why-zones-block .inner {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only all and (max-width: 1024px) and (min-width: 768px) {

    .inner {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only all and (max-width: 1440px) and (min-width: 1024px) {
    div#wideslideshow.overlay {
        height: auto
    }
    #site-main li {
        margin-left: 20px;
    }
}

.new-video-section #video {
    display: block;
    width: 100%;
    margin-bottom: 0;
    height: 651px;
    padding-bottom: 0;
    position: relative;
    cursor: pointer
}

.new-video-section .video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.new-video-section .video-circle {
    width: 100px;
    height: 100px;
    float: left
}

.new-video-section .fresh-aprroach {
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.29;
    color: #fff;
    width: 250px;
    display: block;
    float: right;
    margin-left: 50px
}

.new-video-section #video-frame {
    min-height: 621px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .new-video-section .fresh-aprroach {
        margin-left: 27px
    }
}

@media only all and (max-width: 47.937em) {
    .new-video-section #video {
        height: 400px
    }

    .new-video-section .video-circle {
        float: none;
        margin: 0 auto
    }

    .new-video-section .fresh-aprroach {
        text-align: center;
        float: left;
        margin-left: 0;
        margin-top: 60px
    }

    .new-video-section #video-frame {
        min-height: 400px
    }
}

.new-video-section p.close {
    background: #333;
    color: #fff;
    cursor: pointer;
    font-size: 35px;
    height: 50px;
    line-height: 50px;
    opacity: .8;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all .3s;
    width: 50px;
    z-index: 2004;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px
}

.new-video-section p.close:hover {
    cursor: pointer;
    color: #333;
    background: #fff
}

.new-video-section .video-background {
    width: 100%;
    height: auto
}

@media only screen and (max-width: 1440px) {
    .new-video-section .video-background {
        width: auto;
        height: 100%
    }
}

@media only screen and (max-width: 768px) {
    .why-zones-block .col-sm-4 {
        width: 100%
    }
}

.paginate-bottom {
    width: 100%;
    overflow: auto;
    margin-bottom: 20px
}

.paginate-bottom .pagination a.next, .paginate-bottom .pagination a.prev {
    width: 150px;
    height: 48px;
    padding: 0 20px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 700;
    background-color: #f1f1f1;
    display: block
}

.paginate-bottom .pagination a .notmobile {
    width: fit-content
}

.paginate-bottom .pagination a.prev i {
    float: left;
    line-height: 48px
}

.paginate-bottom .pagination a.next i {
    float: right;
    line-height: 48px
}

.paginate-bottom .pagination a.prev .notmobile {
    float: right
}

.paginate-bottom .pagination a.next .notmobile {
    float: left
}

.paginate-bottom .pagination .pagination-list {
    display: inline-block;
    line-height: 48px
}

.paginate-bottom .pagination .pagination-list span {
    font-size: 16px;
    font-weight: 500
}

#content-body .list-tools .filter {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.63;
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 15px
}

#content-body .list-tools .filter select.form-control {
    display: inline;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border: none;
    -moz-border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: auto;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    color: #949494
}

#content.panorama.content-container #content-body ul.entry-list li.feature {
    width: 98%;
    overflow: hidden;
    height: 100%
}

#content.panorama.content-container #content-body ul.entry-list li.feature a {
    display: flex;
    align-items: center
}

#content.panorama.content-container #content-body ul.entry-list li.feature .content-box, #content.panorama.content-container #content-body ul.entry-list li.feature .image-holder {
    width: 50%;
    float: left;
    height: 100%;
    overflow: hidden
}

#content.panorama.content-container #content-body ul.entry-list li.feature .content-box {
    padding: 0 40px
}

#content.panorama.content-container #content-body ul.entry-list li.feature .content-box p {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    color: #333;
    margin-bottom: 5px
}

#content.panorama.content-container #content-body ul.entry-list li.feature .content-box .article-title {
    padding: 0;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.29;
    color: #333;
    margin-bottom: 10px
}

#content.panorama.content-container #content-body ul.entry-list li.feature .content-box span {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.45;
    color: #333
}

#content.panorama.content-container #content-body ul.entry-list li.feature .image-holder img {
    width: auto;
    height: 100%;
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .paginate-bottom .pagination a.next, .paginate-bottom .pagination a.prev {
        width: 100%
    }

    #content.panorama.content-container #content-body ul.entry-list li.feature .content-box, #content.panorama.content-container #content-body ul.entry-list li.feature .image-holder {
        width: 100%;
        float: left;
        height: 100%;
        overflow: hidden
    }

    #content.panorama.content-container #content-body ul.entry-list li.feature a {
        display: block
    }

    #content.panorama.content-container #content-body ul.entry-list li.feature .content-box {
        padding: 20px 20px
    }

    .list-tools {
        display: block
    }

    #content-body .list-tools .filter select.form-control {
        width: 100%;
        float: left
    }

    #content.panorama.content-container #content-body select {
        padding-left: 0
    }
}

#sidey {
    position: fixed;
    bottom: 160px;
    z-index: 2000;
    right: 30px;
    display: none;
    transition: .6s
}

.sidey-trigger {
    width: 115px;
    height: 115px;
    position: fixed;
    right: 10px;
    bottom: 55px;
    cursor: pointer;
    transition: .3s;
    z-index: 99
}

.sidey-trigger.open {
    background: url(pop-out-form.svg) 0 0 no-repeat;
    animation: shake-animation 4.72s ease infinite;
    transform-origin: 50% 50%
}

@keyframes shake-animation {
    0% {
        transform: translate(0, 0)
    }
    1.78571% {
        transform: translate(5px, 0)
    }
    3.57143% {
        transform: translate(0, 0)
    }
    5.35714% {
        transform: translate(5px, 0)
    }
    7.14286% {
        transform: translate(0, 0)
    }
    8.92857% {
        transform: translate(5px, 0)
    }
    10.71429% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(0, 0)
    }
}

.sidey-trigger.open:hover {
    animation: scale .5s ease-in-out infinite alternate;
    -webkit-animation: scale .5s ease-in-out infinite alternate
}

@keyframes scale {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }
}

.sidey-trigger.close {
    background: url(close-pop-out-form.svg) 0 0 no-repeat
}

.sidey-trigger.close:hover {
    transform: scale(1.05)
}

#sidey #forms1 {
    width: 370px;
    padding: 24px 28px;
    border-radius: 18px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .33);
    background-color: #fff
}

#sidey h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4
}

#sidey p.instructions-sidey {
    margin-top: .4rem;
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63
}

#sidey form .step2 {
    display: none
}

#content-right form label, #sidey form label {
    font-size: 16px;
    font-weight: 700
}

#sidey form label.radiostyle {
    color: #fff
}

#sidey form label input, #sidey form label textarea {
    background: #d2d2d2;
    border: none;
    font-size: 1.071rem;
    font-weight: 400;
    color: #1d1d1b;
    width: 100%;
    margin-bottom: .714rem;
    text-align: center;
    padding: .7rem 8px
}

#sidey form label textarea {
    text-align: left;
    height: 10.14rem
}

#sidey form label input:focus, #sidey form label textarea:focus {
    outline: 0
}

#sidey form label div.fancy-select div.trigger {
    background: #d2d2d2;
    text-align: center;
    border: none;
    padding-top: .7rem;
    padding-bottom: .7rem;
    margin-bottom: .714rem
}

#sidey form label div.fancy-select div.trigger:after {
    top: 1.25rem
}

#sidey form label :input-placeholder {
    color: #1d1d1b;
    font-weight: 400;
    text-align: center;
    opacity: 1
}

#sidey form label ::-moz-placeholder {
    color: #1d1d1b;
    font-weight: 400;
    text-align: center;
    opacity: 1
}

#sidey form label ::-webkit-input-placeholder {
    color: #1d1d1b;
    font-weight: 400;
    text-align: center;
    opacity: 1
}

#sidey form label :-ms-input-placeholder {
    color: #1d1d1b;
    font-weight: 400;
    text-align: center;
    opacity: 1
}

@media only all and (max-width: 1024px) {
    #sidey {
        width: 100% !important;
        height: 100% !important;
        transition: 3s;
        position: fixed;
        max-width: 100% !important;
        right: 0 !important;
        top: 0 !important
    }

    #sidey #forms1 {
        width: 100%;
        height: 100%;
        border-radius: 0;
        box-shadow: none;
        overflow-y: auto;
        position: absolute;
        right: 0 !important;
        top: 0 !important
    }

    #sidey .formholder {
        margin-top: 50px
    }

    .sidey-trigger.close {
        z-index: 2000;
        top: 20px;
        background: 0 0;
        width: 25px;
        height: 25px;
        right: 20px
    }

    .sidey-trigger.close:after {
        font-size: 30px;
        content: "✖"
    }

    #sidey textarea {
        margin: 10px 0
    }
}

@media only all and (max-width: 1024px) and (min-width: 560px) {
    #sidey .fright {
        float: none
    }
}

.grecaptcha-badge {
    bottom: 5px !important
}

@media only all and (width: 768px) {
    #wrapper {
        margin-top: 90px;
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }
}
@media only all and (max-width: 768px) {

    #wideslideshow .relative-inner .container-box .heading-content, #content.panorama.content-container #content-body ul.entry-list li.feature .content-box .article-title {
        font-size: 28px !important;
    }

    #wideslideshow .relative-inner .container-box .intro-bottom, #content.panorama.content-container #content-body ul.entry-list li.feature .content-box span {
        font-size: 18px !important;
    }
}
.fullwidth {
    width: 100% !important;
    height: auto !important;
}

.image-left, .image-right {
    font-family: 'Montserrat',sans-serif !important;
    font-size: 14px !important;
    max-width: 50%;
    padding: 0.5em;
}
img.image-left, img.image-right, .image-left img, .image-right img, img.image-fullwidth, .image-fullwidth img {
    width: 100% !important;
}