article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block}
audio,canvas,video {display: inline-block}
audio:not([controls]) {display: none;height: 0}
[hidden] {display: none}
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
body {margin: 0}
a:focus {outline: 0}
a:active,a:hover {outline: 0}
h1 {font-size: 2em}
abbr[title] {border-bottom: 1px dotted}
b,strong {font-weight: 600}
dfn { font-style: italic}
mark {background: #ff0; color: #000}
code,kbd,pre,samp {font-family: monospace,serif;font-size: 1em}
pre {white-space: pre;white-space: pre-wrap; word-wrap: break-word}
q { quotes: "\201C" "\201D" "\2018" "\2019"}
small {font-size: 80%}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup { top: -.5em}
sub {bottom: -.25em}
img {border: 0}
svg:not(:root) {overflow: hidden}
figure { margin: 0}
fieldset { border: 1px solid silver;margin: 0 2px; padding: .35em .625em .75em}
legend {border: 0; padding: 0}
button,input,select,textarea {font-family: inherit;font-size: 100%;margin: 0}
button,input {line-height: normal}
button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance: button;cursor: pointer}
button[disabled],html input[disabled] { cursor: default}
input[type=checkbox],input[type=radio] {box-sizing: border-box;padding: 0}
input[type=search] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
input:focus { outline: 0; border: 0}
table { border-collapse: collapse; border-spacing: 0}
img {display: block}
img.scale,img.scale-with-grid,img.responsive {max-width: 100%; height: auto}
img.scale-with-grid-height {max-height: 100%; width: auto}
.clearfix:before,.clearfix:after,.row:before,.row:after,.container:before,.container:after { content: '\0020'; display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}
.row:after,.clearfix:after,.container:after {clear: both}
.row,.clearfix {zoom: 1}
.clear { clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}
.clearfloat {clear: both;height: 0;line-height: 0;font-size: 0}
html {height: 100%}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

body {font-family: Arial,sans-serif;font-size: 100%;line-height: 130%;font-weight: 400;margin: 0; padding: 0;background-color: #fff;color: #231f20;position: relative}
.container {position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0;box-sizing: border-box}
.column,.columns { width: 100%; float: left; box-sizing: border-box}
h1,h2,h3,h4 { font-family: "Arial Black",Arial,sans-serif; font-weight: 900; color: #231f20; line-height: 130%; margin: 0 0 20px 0; text-transform:uppercase;}
h1 {font-size: 1.5em}
h1.nomg,h4.nomg {margin-bottom: 0}
h2 { font-size: 1.275em}
h3 {font-size: 1.125em}
h4 {font-size: 1.068em}
p {font-size: 1em;font-weight: 400;line-height: 130%; margin: 0 0 20px 0}
p strong { font-weight: 700}
.uppercase { text-transform: uppercase}
.inline { display: inline-block; margin-right: 20px}
h4.titleblock { background-color: #47758c; color: #fff; font-family: Arial,sans-serif; font-weight: 400; text-align: center; padding: 8px 20px; font-size: 1em}
h2.bgmg { margin-top: 40px;margin-bottom: 30px}
header.main {padding: 30px 0}
a.logo {display: block;margin-bottom: 20px}
.menubutton {display: block;margin-bottom: 20px}
.menubutton { border: 0;cursor: pointer;background-color: transparent;float: right; font-size: 1.125em;color: #231f20;font-weight: 700; text-transform: uppercase}
.menubutton:focus { outline: 0}
.menubutton .fas {padding-left: 6px}
nav.main-navigation ul { display: none}
nav.side-nav {background-color: #231f20;width: 0; overflow: hidden; color: #fff; position: absolute;top: 0; left: 0; bottom: 0; height: 100%; z-index: 99999; padding: 40px 0;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear; transition: all .5s linear}
nav.side-nav.active { width: 260px; background-color: #231f20}
nav.side-nav button.menubutton { position: absolute; top: 10px;right: 10px;color: #fff;cursor: pointer;font-size: 1em; display: block}
nav.side-nav ul,nav.side-nav ul li {margin: 0;padding: 0;list-style: none}
nav.side-nav ul li a {display: block;padding: 8px 20px;font-size: .938em;font-weight: 700;color: #fff;text-decoration: none}
nav.side-nav ul li a:hover { text-decoration: underline}
nav.side-nav ul li ul { padding: 20px 25px 20px 20px}
nav.side-nav ul li ul li a { font-size: .938em}
nav.side-nav ul li ul li.outdent { display: none}
.breadcrumb {font-size: .875em; color: #b3b3b3; padding: 20px 0 0 0}
.breadcrumb ul { margin: 0; padding: 0}
.breadcrumb ul li {padding: 0 8px 0 0;float: left; list-style: none}
.breadcrumb ul li a { display: block; float: left; color: #b3b3b3; text-decoration: none}
.breadcrumb ul li a:hover {text-decoration: underline}
.breadcrumb-sep { padding-left: 8px}
.text-content { margin-top: 40px;  margin-bottom: 20px}
.text-content.first { margin-top: 20px}
.text-content a { color: #231f20; text-decoration: underline}
.text-content a:hover { text-decoration: none}
.text-content ul,.text-content ol { margin: 0 12px 20px 12px; padding-left: 20px}
.text-content ul li,.text-content ol li { font-size: 1em; line-height: 24px}
a.grey,.text-content a.grey { color: #818286;text-decoration: none}
a.grey:hover,.text-content a.grey:hover { color: #231f20; text-decoration: none}
.text-content img {display: block; max-width: 100%;height: auto}
.text-content table { width: 100%; margin: 0 0 20px 0; font-size: .938em; border-collapse: collapse}
.text-content table .center {text-align: center}
.text-content table .left { text-align: left}
.text-content table .right {text-align: right}
ul.pagination { margin: 20px 0 20px 0; padding: 0}
ul.pagination li { display: inline;font-size: .875em;list-style-type: none; font-weight: 400}
ul.pagination li.disabled a { cursor: default}
ul.pagination li a { display: inline-block; margin-right: 3px; padding: 6px 12px; color: #fff; text-decoration: none; margin-bottom: 36px}
ul.pagination li.selected a.page { background-color: #47758c; color: #fff}
ul.pagination li a.page { background-color: #2a2a29;color: #fff}
ul.pagination li a.page:hover {background-color: #47758c; color: #fff}
ul.pagination li a.pagination-previous { padding-left: 0}
.center { text-align: center}
.page-image { text-align: center; margin-bottom: 12px}
.page-image h4,h4.titlestyle { text-align: center; text-transform: uppercase;font-size: 1.888em;font-weight: 700;border-left: 2px solid #231f20; border-right: 2px solid #231f20; display: inline-block; padding: 0 12px; line-height: 100%; margin: 0 0 40px 0}
.pdf-group { padding-bottom: 20px}
.pdf-block { margin: 0 0 6px 0}
.pdf-icon i { display: inline-block; color: #231f20; font-size: 1.375em; padding-right: 10px}
.pdf-block a { text-decoration: none; color: #231f20}
.pdf-text { color: #231f20; font-size: 1em}
.pdf-block a:hover .pdf-icon i,.pdf-block a:hover .pdf-text { text-decoration: underline}
.back-link a { display: block; text-transform: lowercase; margin: 30px 0 0; font-weight: 400; color: #b3b3b3; text-decoration: none;font-size: .875em}
form.search .input { border: 1px solid #bcbec0; padding: 6px 12px; margin: 0; border-radius: 20px}
form.search .input input { border: 0;margin: 0 4% 0 0; padding: 0; width: 78%; font-family: Arial,sans-serif;font-size: 12px;font-weight: 700; color: #9e9397}
form.search button.searchbtn {float: right; border: 0;background: 0 0;margin: 0; padding: 2px 0}
form.search button:focus {outline: 0}
form.search .input .fas { color: #231f20}
figure.fw img { width: 100%}
footer { background-color: #2a2a29; color: #fff; padding: 20px 0 20px}
footer p {margin-bottom: 0; font-size: .875em}
footer p a {color: #fff; text-decoration: underline}
footer p a:hover { text-decoration: none}
footer nav.socialicons ul,footer nav.socialicons ul li {list-style: none; margin: 0;padding: 0}
footer nav.socialicons { margin-top: 20px}
footer nav.socialicons ul li { float: left; display: block}
footer nav.socialicons ul li a { display: block; color: #fff; font-size: 1.375em; padding-right: 12px}
.container.pad.homeswap { padding: 30px 0 30px}
.container.homeswap { display: flex; flex-direction: column}
.container.homeswap .left.small { order: 2}
.container.homeswap .right.large { order: 1}
.slider img { width: 100%}
.slider h3 { display: none}
h3.kct { display: inline-block; padding: 12px 60px 12px 0; color: #fff; min-width: 300px; position: relative}
h3.kct::before { content: ''; background-color: #231f20; position: absolute; height: 100%; z-index: -1; left: -9999px; right: 0; top: 0; bottom: 0}
h3.kct::before { background-color: var(--block-bg-colour)}
ul.km-list,ul.km-list li {list-style: none;margin: 0; padding: 0}
ul.km-list li { margin-bottom: 30px}
ul.km-list li figure {clear: left}
ul.km-list h5 { text-align: left; font-size: .813em; display: inline-block;background-color: #231f20; color: #fff; padding: 5px 20px 4px 20px; font-weight: 400; float: left; clear: both;border-radius: 15px; line-height: 100%}
ul.km-list li a { display: block}
ul.km-list li a:hover h5 {background-color: #bb171a}

ul.km-list li a figure.xtra{width:90.9%;}
ul.km-list li a figure.vortex{width:90.9%;}
ul.km-list li a figure.pace-action{width:87.5%;}
ul.km-list li a figure.xceed{width:98.6%;}
ul.km-list li a figure.pace-17-tour{width:94%;}
ul.km-list li a figure.pace-18{width:100%;}

.flex-wrap {display: flex; flex-direction: column}
.dealer-button { display: block; margin: 0 0 20px 0; order: 2}
.dealer-button a {display: block; font-family: "Arial Black",Arial,sans-serif; background-color: #d7df23;color: #231f20;text-transform: uppercase; padding: 8px;font-size: 1.188em;text-align: center;font-weight: 900;text-decoration: none; line-height: 100%}
.dealer-button a:hover {color: #d7df23;background-color: #231f20}
#kayakslider img { margin: 0 auto}
#kayakslider { margin-top: 40px; margin-bottom: 20px}
.tabs div.tabcontent { display: none;padding: 20px 0;clear: both}
.tabs input { display: none}
.tabs label { display: inline-block; float: left; font-weight: 700; color: #818286; padding: 12px 20px 20px 0;font-size: 1.125em}
.tabs label:hover {color: #231f20;cursor: pointer}
.tabs input:checked+label {color: #231f20}
.tabs #tab1:checked~#content1 { display: block}
.tabs #tab2:checked~#content2 {display: block}
.tabs #tab3:checked~#content3 {display: block}
table.dimensions { width: 100%;font-size: .875em; vertical-align: top}
table.dimensions.titles {display: none}
table.dimensions thead tr,table.dimensions tr.thead,table.dimensions tr.resphead { border: 0}
table.dimensions tr th {display: block; margin-bottom: 10px}
table.dimensions tr {display: block; border: 1px solid #dcdcdc}
table.dimensions td { display: block;text-align: right; border-bottom: 1px dotted #d4d4d4}
table.dimensions td:last-child { border-bottom: none}
table.dimensions td:before { content: attr(data-label);float: left;font-weight: 700}
table.dimensions th,table.dimensions td.head { background-color: #47758c; color: #fff; font-weight: 700}
table.dimensions tr.resphead td { text-align: center; margin-bottom: 10px; background-color: #719aae; color: #fff;font-weight: 700;margin-top: 10px}
table.dimensions th { padding: 8px 20px}
table.dimensions td { padding: 4px 20px}
table.dimensions td.small { font-size: 12px;text-transform: lowercase}
table.dimensions th.white { background-color: #fff}
table.dimensions .strong { font-weight: 700}
table.dimensions tr.resp { display: none}
.stab-curve-block { margin-bottom: 20px}
a.list-item {  display: block; color: #231f20; text-decoration: none; margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px solid #dcdcdc}
a.list-item.grid { border-bottom: none; padding-bottom: 0}
a.list-item:last-of-type {border-bottom: none}
a.list-item:hover p.more { text-decoration: underline}
a.list-item h4 { font-size: 1.068em}
a.list-item .list-left {  margin-bottom: 20px}
p.details { font-size: .875em; line-height: 170%}
p.details .far { margin-right: 4px}
a.list-item p.more { background-color: #47758c; color: #fff; text-align: center; padding: 8px 20px; display: inline-block}
.cpal-left,.cpal-right { margin-bottom: 20px}
.cpal-left { width: 20%}
.cpal-right {width: 78%; margin-left: 2%}

.paletteblock{margin-top:50px;}

ul.colour-palette,ul.colour-palette li { list-style: none; margin: 0; padding: 0}
ul.colour-palette { margin-bottom: 20px}
ul.colour-palette li { color: #808285; font-size: 1em; margin: 0 0 8px 8px}
ul.colour-palette li span { display: inline-block; width: 70px; height: 14px;  margin-right: 20px}

ul.colour-palette.updated{display:flex;flex-direction:row;flex-wrap:wrap;text-align:center;margin:20px 0px 20px 0px;}
ul.colour-palette.updated li{width:18.4%;float:left;margin:20px 0px 0px 2%;display:flex;flex-direction:column;flex-wrap:nowrap;}
ul.colour-palette.updated li:nth-of-type(5n+1){clear:left;margin-left:0;}
ul.colour-palette.updated .colourcode{display:block;font-weight:600;font-size:1.068em;margin-bottom:4px;color:#231f20;}
ul.colour-palette.updated .colourname{display:block;flex:1 0 auto;font-size:0.75em;color:#231f20;margin-bottom:8px;}
ul.colour-palette.updated span{height: auto;width:auto;margin-right:0;}
ul.colour-palette.updated .colour{display: block;width:100%;height:80px;margin-right:0px;margin-top:30px;position:relative;}
ul.colour-palette.updated .colour::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;transform:skewY(-30deg);transform-origin: top left; background-color:var(--colour-bg-colour); z-index:-1;}
ul.colour-palette.updated .colour.colourwithbd::before{border:1px solid var(--colour-bd-colour);left:-1px;}
ul.colour-palette.updated .colour.colourwithbd{border-top:none!important;}
ul.colour-palette.updated .star{display:block;}

ul.deck-designs,ul.deck-designs li { margin: 0; padding: 0; list-style: none}
ul.deck-designs { display: inline-block; margin-bottom: 30px;background-color: rgba(0,0,0,.1);padding: 20px}
ul.deck-designs.updated{display:block;background-color:transparent;padding:0px;margin-top:20px;}
ul.deck-designs li {display: block; margin-bottom: 2px}
ul.deck-designs li span.ref { float: right; display: inline-block; color: #fff; background-color: #231f20;border-radius: 50%;width: 30px;height: 30px; font-size: .875em;text-align: center;line-height: 30px}
ul.deck-designs li figure { clear: left}
ul.deck-designs.updated li span.ref{float:none;border-radius:0;height:auto;line-height:100%;font-size:0.6885em;padding:2px;border:2px solid #231f20;}
ul.deck-designs.updated li span.dd1, ul.deck-designs.updated li span.dd2{display:inline-block;font-size:0.688em;border:2px solid #e1e1e1;padding:2px;line-height:100%;}
ul.deck-designs.updated li span.dd1 img, ul.deck-designs.updated li span.dd2 img{display:inline-block;margin-top:-2px;margin-bottom:-2px;}

ul.deck-designs.updated li span.dd1{position:relative;margin-right:16px;border-right:none;background-color:#ffffff;}
ul.deck-designs.updated li span.dd1::before{content: ''; position: absolute; display: block; width: 100%; height: 100%;top: -2px; left: -2px; z-index: -1; background: var(--dd-bg-colour); transform-origin: top left; transform: skew(30deg, 0deg); border: 2px solid var(--dd-bd-colour);}

ul.deck-designs.updated li span.dd2{position:relative;border-left:none;background-color:#ffffff;}
ul.deck-designs.updated li span.dd2::before{content: ''; position: absolute; display: block; width: 100%; height: 100%;top: -2px; left: -2px; z-index: -1; background: var(--dd-bg-colour); transform-origin: bottom left; transform: skew(30deg, 0deg); border: 2px solid var(--dd-bd-colour);}

.cp-item header { width: 100%; text-align: right;padding: 8px 0}
.cp-item header.blue {background: #1871b9;background: radial-gradient(circle,#1871b9 40%,#173861 84%,#173861 100%)}
.cp-item header.yellow { background: #ffc907; background: radial-gradient(circle,#ffc907 40%,#faa31b 84%,#faa31b 100%)}
.cp-item header.black { background: #1d1e21; background: radial-gradient(circle,#1d1e21 40%,#151517 84%,#151517 100%)}
.cp-item header h4 { color: #fff; margin-bottom: 0;border-left: 2px solid #fff; border-right: 2px solid #fff; display: inline-block;padding: 0 12px; line-height: 100%}
.cp-item .cp-content { margin: 30px 0}
.cp-item figure.cp-logo img {margin: 0 auto 20px auto}
.ct-text header {display: none}
.ct-title-resp p { color: #fff;position: relative;padding: 8px 0}
.ct-title-resp p::before {content: '';  position: absolute; height: 100%; z-index: -1; left: -9999px; right: -9999px; top: 0; bottom: 0; background-color: #231f20}
form.contact-form { margin-bottom: 30px}
form.contact-form label {font-size: .875em; font-weight: 400; padding-bottom: 6px;display: inline-block}
form.contact-form .input { border: 1px solid #b3b3b3; padding: 6px; margin: 0 0 12px 0}
form.contact-form .input input,form.contact-form select,form.contact-form textarea {  border: 0; background-color: #fff; color: #231f20; font-size: 15px; font-weight: 400; font-family: Arial,sans-serif; padding: 0; margin: 0; width: 100%}
form.contact-form input:focus,form.contact-form select:focus,form.contact-form textarea:focus { outline: 0; border: 0}
form.contact-form .as-field {display: none}
form.contact-form .submit-button input { border: 0; background-color: #47758c; color: #fff; font-size: 16px; font-weight: 400; font-family: Arial,sans-serif; padding: 8px 20px 9px 20px; margin: 0;text-align: center;float: right}
ul.image-credits,ul.image-credits li { list-style: none;  margin: 0; padding: 0}
ul.image-credits li { clear: left}
ul.image-credits li figure { float: left; margin-right: 12px; margin-bottom: 20px}
ul.image-credits li p { font-size: .875em; line-height: 170%; margin-top: 4px}
ul.dcl,ul.dcl li { list-style: none; margin: 0; padding: 0}
ul.dcl {margin-bottom: 20px}
ul.dcl li { display: inline-block}
ul.dcl li a::after { content: '/';padding: 0 4px 0 8px;display: inline-block}
ul.dcl li a:hover::after { text-decoration: none}
ul.dcl li:last-of-type a::after { content: none; padding: 0}
ul.dcl li a { display: block; font-size: 1em; color: #231f20; text-decoration: none;  padding: 0 0 6px 0}
ul.dcl li a:hover {text-decoration: underline}
ul.dcl li a.selected { font-weight: 700}
.maps { margin-bottom: 30px; width: 100%; height: 500px}
.contentwindow { color: #231f20}
.contentwindow .contenttitle { margin-bottom: 6px; font-size: 14px; font-weight: 500}
.contentwindow .contenttext p { margin-bottom: 6px}
.contentwindow .contenttext a { color: #231f20;text-decoration: underline; font-weight: 500}
.contentwindow .contenttext a:hover { text-decoration: none}
.narrow.first { margin-top: 25px}
.dealer-item { padding-bottom: 30px; border-bottom: 1px solid #b3b3b3; margin-bottom: 30px}
.dealer-item:last-of-type { padding-bottom: 0;border-bottom: none}
.dealer-item a { color: #231f20; text-decoration: none}
.white { color: #fff}
.dl-details p { font-size: .938em; line-height: 160%}
.dl-details p label {min-width: 85px; display: inline-block}
.dl-details p a:hover {text-decoration: underline}
ul.socialicons,ul.socialicons li { list-style: none; margin: 0; padding: 0}
ul.socialicons { margin-bottom: 20px}
ul.socialicons li { display: inline-block; font-size: 1.5em}
ul.socialicons li a { color: #b3b3b3}
ul.socialicons li a:hover {color: #231f20}
.dealer-item .dl-more a { background-color: #47758c;color: #fff; text-align: center;padding: 8px 20px; display: inline-block}
.dealer-item .dl-more a:hover {text-decoration: underline}
.dl-details.full ul.socialicons { margin-left: 0}
.dl-details.full figure {margin-bottom: 20px}
.singlemaps,.singlemaps.short {width: 100%; height: 350px; margin-bottom: 30px}
.dl-details,.dl-details.full {display: flex;flex-direction: column}
.dl-details .dl-column-wrap,.dl-details.full .dl-contact-left { order: 2}
.dl-details .dl-column.right,.dl-details.full .dl-logo-right { order: 1}
.dl-details .dl-column.right figure { margin-bottom: 20px}
.dl-column.left .dl-more { display: none}
.dl-column.middle .dl-more {display: inline-block}
.dl-details-right.column { margin-left: 0}
.review-tabs section { display: none; border-top: 1px solid #c1c1c1;padding: 40px 0;clear: both}
.review-tabs input { display: none}
.review-tabs label { display: inline-block; margin: 0 0 -1px; padding: 8px 20px;text-align: center; border: 1px solid transparent;color: #c1c1c1; float: left}
.review-tabs label:hover {color: #b3b3b3;cursor: pointer}
.review-tabs input:checked+label {color: #231f20; border: 1px solid #c1c1c1; border-top: 2px solid #47758c; border-bottom: 1px solid #fff}
.review-tabs #tab1a:checked~#content1a {display: block}
.review-tabs #tab1b:checked~#content1b {display: block}
.review-tabs #tab2a:checked~#content2a { display: block}
.review-tabs #tab2b:checked~#content2b {display: block}
.review-tabs #tab3a:checked~#content3a {display: block}
.review-tabs #tab3b:checked~#content3b {display: block}
.review-tabs #tab4a:checked~#content4a {display: block}
.review-tabs #tab4b:checked~#content4b { display: block}
.review-tabs #tab5a:checked~#content5a { display: block}
.review-tabs #tab5b:checked~#content5b {display: block}
.review-tabs #tab6a:checked~#content6a {display: block}
.review-tabs #tab6b:checked~#content6b { display: block}
.review-tabs #tab7a:checked~#content7a { display: block}
.review-tabs #tab7b:checked~#content7b { display: block}
.review-tabs #tab8a:checked~#content8a { display: block}
.review-tabs #tab8b:checked~#content8b {display: block}
.review-tabs #tab9a:checked~#content9a { display: block}
.review-tabs #tab9b:checked~#content9b {display: block}
.review-tabs #tab10a:checked~#content10a { display: block}
.review-tabs #tab10b:checked~#content10b { display: block}
.review-tabs #tab11a:checked~#content11a { display: block}
.review-tabs #tab11b:checked~#content11b { display: block}
.review-tabs #tab12a:checked~#content12a {display: block}
.review-tabs #tab12b:checked~#content12b { display: block}
.review-tabs #tab13a:checked~#content13a {display: block}
.review-tabs #tab13b:checked~#content13b { display: block}
.review-tabs #tab14a:checked~#content14a {display: block}
.review-tabs #tab14b:checked~#content14b { display: block}
.review-tabs #tab15a:checked~#content15a { display: block}
.review-tabs #tab15b:checked~#content15b {display: block}
figure.mgbtm { margin-bottom: 30px}
#tipue_search_content { padding-top: 15px;margin: 0}
#tipue_search_warning {font-weight: 400; font-size: .938em;line-height: 120%;color: #231f20; margin: 7px 0}
#tipue_search_warning a {color: #d00000; text-decoration: none}
#tipue_search_warning a:hover { color: #231f20}
#tipue_search_results_count {font-weight: 400;font-size: .938em; line-height: 120%; color: #231f20}
.tipue_search_content_title { font-weight: 700; color: #231f20; line-height: 130%; padding-bottom: 12px;font-size: 1.125em; margin-top: 26px}
.tipue_search_content_title a { color: #231f20; text-decoration: none}
.tipue_search_content_title a:hover {color: #231f20; text-decoration: underline}
.tipue_search_content_url { display: inline-block;text-transform: capitalize;font-size: .875em; line-height: 130%; word-wrap: break-word; hyphens: auto;margin-bottom: 12px}
.tipue_search_content_url a { color: #231f20;text-decoration: underline}
.tipue_search_content_url a:hover {color: #231f20; text-decoration: none}
.tipue_search_content_text { font-size: .938em; line-height: 130%; padding-bottom: 12px; word-wrap: break-word; hyphens: auto}
.tipue_search_content_text a { color: #231f20; text-decoration: none}
.tipue_search_content_debug {font-weight: 300;font-size: .813em;line-height: 120%;color: #5b5b5b; margin: 5px 0}
.h01 { color: #231f20;font-weight: 400}
#tipue_search_foot {margin: 26px 0 26px 0}
#tipue_search_foot_boxes { padding: 0; margin: 0;font-size: .875em}
#tipue_search_foot_boxes li { list-style: none; margin: 0; padding: 0; display: inline}
#tipue_search_foot_boxes li a { cursor: pointer; padding: 6px 12px; margin-right: 3px; color: #fff;background-color: #2a2a29; text-decoration: none;text-align: center}
#tipue_search_foot_boxes li.current { cursor: pointer; padding: 6px 12px;margin-right: 3px; background-color: #47758c; color: #fff; text-decoration: none; text-align: center}
#tipue_search_foot_boxes li a:hover {background-color: #47758c}
.tipue_search_spinner {padding: 31px 0;width: 50px;height: 28px}
.tipue_search_spinner>div { background-color: #777; height: 100%; width: 3px;display: inline-block; margin-right: 2px; -webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out}
.tipue_search_spinner .tipue_search_rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s}
.tipue_search_spinner .tipue_search_rect3 {-webkit-animation-delay: -1s;animation-delay: -1s}

@-webkit-keyframes stretchdelay {
    0%,40%,to {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes stretchdelay {
    0%,40%,to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

h1.home-special{text-align:center;text-transform:uppercase;letter-spacing:9px;font-size:2.375em;margin-bottom:30px;}
h2.home-special{text-align:center;text-transform:uppercase;letter-spacing:4px;font-size:1.25em;margin-bottom:4px;}
h3.special{text-align:center;text-transform:uppercase;letter-spacing:9px;font-size:2.25em;margin-bottom:0px;}
h4.special{text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:1.125em;margin-bottom:30px;}
h3.specialmodel{text-align:center;text-transform:uppercase;letter-spacing:12px;font-size:1.875em;margin-bottom:30px;}
.hmodel{width:49%;float:left;margin-left:2%;}
.hmodel:nth-of-type(2n+1){margin-left:0;clear:both;}
.hmodel a{color:#231f20;text-decoration:none;}
.hmodel figure{position:relative;}
.hmodel figure figcaption{position:absolute;bottom:0px;left:12px;background-color:rgba(35,31,32,0.6);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.hmodel figure figcaption h5{color:#ffffff;text-transform:uppercase;padding:4px;margin:0px;font-weight:900;font-family:"Arial Black",Arial,sans-serif;font-size:0.75em;min-width:100px;}
.hmodel p.hmodel-more{display:inline-block;margin-left:12px;min-width:100px;background-color:#231f20;padding:6px 4px 3px 4px;font-size:0.75em;text-transform:uppercase;color:#ffe24c;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.hmodel a:hover figcaption{background-color:rgba(255,226,76,0.8);}
.hmodel a:hover figcaption h5{color:#231f20;}
.hmodel a:hover p.hmodel-more{background-color:#ffe24c;color:#231f20;}
.homewrap1{display:flex;flex-direction: column;}
h1.nocaps, h2.nocaps, h4.nocaps{text-transform:none;}
h1.centre, h2.centre{text-align:center;}
h1.nobold, h2.nobold, h4.nobold{font-family: Arial,sans-serif;}
h1.nobold{margin-bottom:6px;font-size:1.75em;}
h4.dd-title{font-family: Arial,sans-serif;font-size:1.188em;display:inline-block;}
p.dd-sub-title{display:inline-block;font-weight:600;margin-left:12px;}
.container.mgtop{margin-top:40px;}
.spanborder{border:2px solid #231f20;padding:4px;display:inline-block;}

@media only screen and (min-width:360px) {
    .container { width: 85%;padding: 0}
}

@media only screen and (min-width:530px) {
    .header-row { display: flex;flex-wrap: wrap}
    a.logo { order: 1;width: 40%; margin-bottom: 0}
    nav.main-navigation { order: 3; padding: 30px 0 0 0;  width: 100% }
    form.search { order: 2; margin-left: auto }
    .menubutton {  margin-bottom: 0}
    .dealer-button { width: 25%; float: right; margin: 0 0 20px 40px }
    .flex-wrap { display: block}
    .cpal-left,.cpal-right { width: auto}
    ul.colour-palette { margin-top: 12px }
}

@media only screen and (min-width:620px) {
    .slider .overlay { position: absolute; bottom: 20px; left: 0}
    .slider h3 { display: block;  color: #fff;font-size: 1.625em; width: 330px;border-left: 2px solid #fff; padding-left: 24px}
    .list-item.grid { width: 48%; float: left; margin-left: 4%}
    .list-item.grid:nth-of-type(2n+1) { clear: left;margin-left: 0}
    .hmodel{width:32%;}
    .hmodel:nth-of-type(2n+1){margin-left:2%;clear:none;}
    .hmodel:nth-of-type(3n+1){margin-left:0;clear:both;}
    
    ul.colour-palette.updated li{width:10.75%;}
    ul.colour-palette.updated li:nth-of-type(5n+1){clear:none;margin-left:2%;}
    ul.colour-palette.updated li:nth-of-type(8n+1){clear:left;margin-left:0;}
    
}

@media only screen and (min-width:720px) {
    .container { width: 80%}
    .column,.columns { margin-left: 2%}
    .column:first-child,.columns:first-child { margin-left: 0}
    .container.homeswap { display: block}
    .container.pad.homeswap { padding: 50px 0 30px}
    .left.small {width: 35%}
    .right.large {width: 61%; margin-left: 4%}
    footer .ten.columns { width: 80%}
    footer .two.columns { width: 18% }
    footer nav.socialicons { margin-top: 0}
    footer nav.socialicons ul li { float: right }
    footer nav.socialicons ul li a { padding-right: 0;padding-left: 12px}
    .half.column { width: 49%; float: left}
    .half.column:first-child {margin-left: 0}
    .page-image {margin-bottom: 0}
    .list-right.column {margin-left: 0}
    .main-page-right, .half-page-right { margin-left: 0}
    .ct-text-col-three { margin-left: 0}
    .ct-text-col-two { margin-left: 0 }
    .narrow.column {width: 20% }
    .wide.column { width: 78% }
    ul.dcl li { display: block }
    ul.dcl li a::after {  content: none; padding: 0 }
    figure.stickleft{margin-left:calc(((100vw * 0.8)/2) - 50vw);}
    .homewrap1{display:block;}
}

@media only screen and (min-width:820px) {
    a.logo {  width: 30%}
    .menubutton {display: none}
    nav.main-navigation ul { display: block}
    nav.main-navigation ul li:first-of-type a { padding-left: 0 }
    nav.main-navigation ul,nav.main-navigation ul li { list-style: none; margin: 0; padding: 0}
    nav.main-navigation ul li { display: block; float: left; position: relative }
    nav.main-navigation ul li a {display: block; color: #231f20; font-size: .875em; font-weight: 700; text-decoration: none; padding: 16px 4px }
    nav.main-navigation ul li a:hover { text-decoration: underline}
    nav.main-navigation ul li ul.sub-1 { display: none;position: absolute; top: 100%; margin-top: 0; z-index: 9999; width: 280px; left: 0; background-color: #2a2a29; padding: 14px 0}
    nav.main-navigation ul li ul.sub-1:after,nav.main-navigation ul li ul.sub-1:before { bottom: 100%;left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;pointer-events: none}
    nav.main-navigation ul li ul.sub-1:after { border-color: transparent; border-bottom-color: #2a2a29; border-width: 11px; margin-left: -11px}
    nav.main-navigation li:hover ul.sub-1 { display: block; left: 0; right: 0}
    nav.main-navigation ul li ul li {  padding: 0; float: none  }
    nav.main-navigation ul li ul li a { display: block; font-size: .875em; padding: 12px 30px; color: #fff;float: none}
    nav.main-navigation ul li ul.sub-1 li:first-of-type a { padding-left: 30px}
    nav.main-navigation ul li ul.sub-1 li.outdent a { padding-left: 16px}
    nav.main-navigation ul li ul li:last-child { padding: 0 }
    ul.km-list li { width: 47%; float: left; margin-left: 3% }
    ul.km-list li:nth-of-type(2n+1) { margin-left: 0;clear: left}
    .slider h3 { font-size: 1.75em; width: 370px}
    .stab-curve-block { width: 47%;float: left;margin-left: 3% }
    .stab-curve-block:nth-of-type(2n+1) { margin-left: 0;clear: left}
    a.list-item .list-left { width: 49%}
    a.list-item .list-right {  width: 49% }
    .list-right.column { margin-left: 2%}
    .dealer-button { width: 20%}
    .ct-text-col-three {width: 32%; margin-left: 2%}
    .ct-text-col-two { width: 49%; margin-left: 2% }
    .ct-title-resp {display: none}
    .ct-text header { display: block; width: 100%; padding: 8px 0; margin-bottom: 20px;background: #1d1e21;background: radial-gradient(circle,#1d1e21 40%,#151517 84%,#151517 100%)}
    .ct-text header p {color: #fff;margin-bottom: 0; font-size: 1.125em}
    ul.image-credits li {float: left; width: 48%; margin-left: 4%; clear: none }
    ul.image-credits li:nth-of-type(2n+1) { clear: left;margin-left: 0}
    .dl-column-wrap {width: 74%;float: left}
    .dl-column.right {width: 22%; float: left; margin-left: 4%}
    .dl-details { display: block}
    .list-item.grid { width: 30.66% }
    .list-item.grid:nth-of-type(2n+1) { clear: none; margin-left: 4%}
    .list-item.grid:nth-of-type(3n+1) {clear: left;margin-left: 0}
}

@media only screen and (min-width:980px) {
    nav.main-navigation ul li a { padding: 16px 7px}
    .slider h3 { font-size: 2em; width: 400px}
    .slider .overlay { bottom: 30px}
    a.list-item .list-left { width: 46%}
    a.list-item .list-right {width: 52%}
    .dealer-button { width: 17%}
    table.dimensions { display: inline-block; width: auto; margin-left: 0}
    table.dimensions.titles {display: inline-block;background-color: #719aae; color: #fff}
    table.dimensions tr.resp { display: table-row}
    table.dimensions:first-of-type { margin-left: 0}
    table.dimensions.kayak { background-color: #f4f4f4}
    table.dimensions.kayak tr>td:first-child { border-right: 1px solid #dcdcdc}
    table.dimensions.titles tbody { border-top: 12px solid #719aae; border-bottom: 12px solid #719aae}
    table.dimensions.kayak tbody { border-top: 12px solid #f4f4f4; border-bottom: 12px solid #f4f4f4}
    table.dimensions tr.resphead { display: none}
    table.dimensions td:before { content: '';float: none}
    table.dimensions tr { display: table-row;border: 0}
    table.dimensions tr th { display: table-cell}
    table.dimensions td { display: table-cell; border-bottom: none; text-align: left}
    table.dimensions td {  padding: 4px 9px}
    .cpal-left {  width: 20%}
    .cpal-right { width: 78%}
    ul.colour-palette { margin-top: 0 }
    .main-page-left { width: 45%}
    .main-page-right { width: 45%;margin-left: 10%}
    .half-page-left{width:47%;}
    .half-page-right{width:47%;margin-left:6%;}
    .cp-item .cp-left {width: 40%}
    .cp-item .cp-right { width: 58%}
    .cp-item header h4 {margin-right: 200px}
    .cp-item figure.cp-diagram {float: right; margin-top: -40px}
    .narrow.column { width: 16%}
    .wide.column { width: 82%}
    .dl-column-wrap { width: 64%}
    .dl-column.right {width: 32%}
    .dl-contact-left { width: 68%;float: left}
    .dl-logo-right { width: 30%; float: left; margin-left: 2%}
    .dl-details.full figure img {margin: 0 auto}
    .dl-details.full {display: block}
    .hmodel{width:15%;float:left;margin-left:2%;}
    .hmodel:nth-of-type(3n+1){margin-left:2%;clear:none;}
    .hmodel:nth-of-type(6n+1){margin-left:0;clear:both;}
    ul.colour-palette.updated{margin:20px 0px 0px 0px;}
   /* 
    ul.colour-palette.updated li{width:10.75%;}
    ul.colour-palette.updated li:nth-of-type(5n+1){clear:none;margin-left:2%;}
    ul.colour-palette.updated li:nth-of-type(8n+1){clear:left;margin-left:0;}
    */
}

@media only screen and (min-width:1230px) {
    .header-row { display: table; width: 100%}
    a.logo { display: table-cell;width: 12%; vertical-align: middle}
    nav.main-navigation { display: table-cell;vertical-align: middle; width: 70%;padding-left: 2%; padding-top: 0;padding-bottom: 0}
    form.search { display: table-cell; padding-left: 2%; width: 14%;vertical-align: middle}
    nav.main-navigation ul li:first-of-type a { padding-left: 8px}
    nav.main-navigation ul li ul.sub-1 li:first-of-type a { padding-left: 30px}
    nav.main-navigation ul li ul.sub-1 li.outdent a {  padding-left: 16px}
    .left.small {  width: 25%}
    .right.large { width: 71%;}
    ul.km-list li {width: 31.3%}
    ul.km-list li:nth-of-type(2n+1) {  margin-left: 3%; clear: none}
    ul.km-list li:nth-of-type(3n+1) { margin-left: 0; clear: left}
    .slider h3 { font-size: 2.625em; width: 530px }
    .slider .overlay { bottom: 40px}
    .stab-curve-block { width: 31.3%}
    .stab-curve-block:nth-of-type(2n+1) { margin-left: 3%;clear: none}
    .stab-curve-block:nth-of-type(3n+1) { margin-left: 0; clear: left}
    a.list-item .list-left {  width: 30%}
    a.list-item .list-right { width: 68%}
    .dealer-button { width: 20%}
    table.dimensions { margin-left: 0}
    table.dimensions td { padding: 4px 8px}
    .cpal-left { width: auto}
    .cpal-right { width: auto}
    ul.colour-palette { margin-top: 12px }
    .cp-item .cp-left {width: 30%}
    .cp-item .cp-right { width: 68%}
    ul.image-credits li { width: 30.66%}
    ul.image-credits li:nth-of-type(2n+1) { clear: none;  margin-left: 4%}
    ul.image-credits li:nth-of-type(3n+1) { clear: left; margin-left: 0}
    .dl-column {width: 25.66%;margin-left: 4%;float: left}
    .dl-column.middle { width: 45.66%}
    .dl-column.right {width: 20.66%}
    .dl-column-wrap {width: 100%; float: none }
    .dl-column:nth-of-type(3n+1) {clear: left;margin-left: 0}
    .dl-column.left .dl-more { display: inline-block}
    .dl-column.middle .dl-more { display: none}
    .dl-details-left.column { width: 68%}
    .dl-details-right.column {width: 28%;margin-left: 4%}
    .singlemaps {height: 700px}
    
    
}

@media only screen and (min-width:1400px) {
    nav.main-navigation ul li a {padding: 16px 12px}
    nav.main-navigation ul li:first-of-type a { padding-left: 16px}
    nav.main-navigation ul li ul.sub-1 li:first-of-type a {padding-left: 30px}
    nav.main-navigation ul li ul.sub-1 li.outdent a { padding-left: 16px}
    table.dimensions { margin-left: 10px}
    table.dimensions td { padding: 4px 14px}
    .dl-column,.dl-column.right {  width: 25.66%}
    .dl-column.middle {width: 40.66%}
    
    ul.colour-palette.updated li{width:8.2%;}
    ul.colour-palette.updated li:nth-of-type(8n+1){clear:none;margin-left:2%;}
    ul.colour-palette.updated li:nth-of-type(10n+1){clear:left;margin-left:0;}
    
}

@media only screen and (min-width:1750px){
    figure.stickleft{margin-left:calc(700px - 50vw);}
}