/* PAULS ALPs Styling */
.ALPDescription-desktop-brand {display: none;}
span[class*="css-image"] {display: block; font-size:0px}
[class*="gridALPs"] > div, [class*="grirow"] > div {display: grid;grid-gap: 1em;padding: 0 0 24px 0;}
[class*="gridALPs"] > div > a, [class*="grirow"] > div > a {position: relative;width: 100%;height: 100%;overflow: hidden;}
[class*="gridALPs"] > div > a:hover .bannerViewGrid, [class*="grirow"] > div > a:hover .bannerViewGrid {background: #df952b; border-color: #df952b;}

[class*="gridALPs"] .photo span {background-size: cover !important;position: relative;}
.LPTitle h3, [class*="gridALPs"] h3 {position: relative;z-index: 2;margin: 16px 0 32px 0;padding: 24px 0 0 0;border-top: 1px solid #999999;}
.LPTitle.LPTitle h3 {padding-top: 32px;}
.LPTitle h3::after,
[class*="gridALPs"] h3::after,
.gridALPtitle > .bannerTitle::after {content: "";display: block;width: 50px;height: 5px;background: #db2113;margin-top: 12px;}

.gridALPs1 > div {grid-template-columns: repeat(1, 1fr);-ms-grid-columns: 1fr;}
.gridALPs2 > div {grid-template-columns: repeat(2, 1fr);-ms-grid-columns: 1fr 1fr;}
.gridALPs3 > div {grid-template-columns: repeat(3, 1fr); -ms-grid-columns: 1fr 1fr 1fr;}
.gridALPs4 > div {grid-template-columns: repeat(4, 1fr);-ms-grid-columns: 1fr 1fr 1fr 1fr;padding: 24px 0 0 0;border-top: 1px solid #999;}
.gridALPs5 > div {grid-template-columns: repeat(5, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;}
.gridALPs6 > div {grid-template-columns: repeat(6, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.gridALPs7 > div {grid-template-columns: repeat(7, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}

div[class*="grid"] > div.gg-0 {grid-gap: 0vw;}
div[class*="grid"] > div.gg-1 {grid-gap: 1vw;}
div[class*="grid"] > div.gg-2 {grid-gap: 2vw;}
div[class*="grid"] > div.gg-3 {grid-gap: 3vw;}
div[class*="grid"] > div.gg-4 {grid-gap: 4vw;}
div[class*="grid"] > div.gg-5 {grid-gap: 5vw;}

div[class*="grid"] > div.gp-0 {padding: 0em;}
div[class*="grid"] > div.gp-1 {padding: 1em;}
div[class*="grid"] > div.gp-2 {padding: 2em;}
div[class*="grid"] > div.gp-3 {padding: 3em;}
div[class*="grid"] > div.gp-4 {padding: 4em;}
div[class*="grid"] > div.gp-5 {padding: 5em;}

div[class*="grid"] > div.grayscale > div {-webkit-filter: grayscale(100%);filter: grayscale(100%);background-color: transparent !important; opacity: .25;}
div[class*="grid"] > div.grayscale > div:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%); opacity: 1;}

[class*="gridALPs"] > div > a.gridALPtitle {height: auto;}
.gridALPtitle img {filter: brightness(0) invert(1);width: 100%;/* height: 40px; */}
.gridALPtitle > .bannerTitle {display: flex;flex-direction: column;z-index: 1;color: #333;line-height: 1.75em;margin: 32px 0;padding: 24px 0 0 0;border-top: 1px solid #999999;text-shadow: none;transform: skewX(
360deg
);text-transform: initial;}
.gridALPtitle > .bannerDesc {display: block;font-size: 14px;color: #262626;line-height: 2em;-webkit-columns: 2;-moz-columns: 2;-o-columns: 2;columns: 2;-webkit-column-gap: 32px;-moz-column-gap: 32px;-o-column-gap: 32px;column-gap: 32px;text-transform: initial !important;}
.gridALPtitle > .bannerDesc a {color: #db2113; text-decoration: underline;}
.noIvert  img {filter: unset;width: 50%;}


.photo {background-size: cover; background-position: center; height: 100%; display: block; background: #dae1ef;}
.photo span::after {padding-bottom: 100%;content: "";display: block;width: 100%; background: #00000000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 100%;}
.photo.h-15 span::after {padding-bottom: 15%;}
.photo.h-25 span::after {padding-bottom: 25%;}
.photo.h-33 span::after {padding-bottom: 33%;}
.photo.h-40 span::after {padding-bottom: 40%;}
.photo.h-50 span::after {padding-bottom: 50%;}
.photo.h-66 span::after {padding-bottom: 66%;}
.photo.h-75 span::after {padding-bottom: 75%;}
.photo.h-125 span::after {padding-bottom: 125%;}
.photo.h-150 span::after {padding-bottom: 150%;}
.photo.h-185 span::after {padding-bottom: 185%;}

[class*="gridALPs"]:not(.gridALPs1) > div > a .photo span::after {background: #00000022;}

.photo.scroller::after {content: url(/layout/alpimages/mouseScroll.svg); position: absolute;top: 32px;right:  32px;width: 34px; display: none !important;}

.ALPDescription-desktop-desc p:empty {display: none !important;}

span.bannerTxt {position: absolute;z-index: 3;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;justify-content: flex-end;flex-wrap: wrap;text-align: left;width: 100%;flex-direction: column;padding: 32px;}
span.bannerTxt > span.bannerTitle {color: #fff;font-size: 24px !important;filter: drop-shadow(0px 2px 1px #0002);text-align: left;}
span.bannerTxt > span.bannerTitle > span {display: block;font-size: 16px;color: #efefef;}
span.bannerTxt > span.bannerView {font-size: small;border: 1px solid #ffffff4a;border-radius: 5px;padding: 8px 16px;text-transform: uppercase;color: #fff; margin-top: 8px; background: transparent;}
a:hover span.bannerTxt > span.bannerView {background: #86c8bc;}
span.bannerTxt > span.bannerTitle:empty, span.bannerTxt > span.bannerView:empty {display: none;}
span.bannerTitle img {max-width: 100px;position: relative;transform: none;left: 0;top: 0;filter: brightness(0) invert(1);}

span.bannerTxt.flex-right {justify-content: flex-end;align-content: flex-end;text-align: right;}
span.bannerTxt.flex-right > span.bannerDesc {max-width: 440px;color: #ffffff;}

.gridALPs1:first-of-type > div {padding-top: 16px;border-top: 1px solid #999;}
.gridALPs1 a.gridALPtitle span.bannerTxt {max-width: 310px;height: 260px;background: #db2015eb;padding: 32px;font-size: 18px;top: 0;left: 0;margin: 16px;display: flex;justify-content: center;flex-direction: column;}
.gridALPs1 a.gridALPtitle span.bannerTxt > span.bannerTitle {text-transform: none;filter: none;text-align: left;font-size: 22px !important;padding: 0 0 16px 0;text-shadow: none;}
.gridALPs1 a.gridALPtitle span.bannerTxt > span.bannerTitle > span {display: block;font-size: 18px;margin-top: 16px;clear: both;float: left;width: 100%;}
.gridALPs1 a.gridALPtitle span.bannerTxt > span.bannerTitle > span::before {content: "";display: block;width: 50px;height: 4px;background: #f4c621;margin-bottom: 12px;}

.ALP-sizes, .ALP-colour {position: relative;}
.ALP-sizes > div {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.ALP-sizes > div a {border: 1px solid #999999;width: 64px;height: 64px;margin: 0 8px 8px 0;color: #313131;display: inline-block;border-radius: 100%;line-height: 64px;text-align: center;font-family: 'citrfontbold';background: #fbfbfb;}
.ALP-sizes > div a:hover {border-color: #313131; background: #efefef}

.gridALPs1 a.yulex > img {position: absolute;z-index: 1;max-width: 280px;top: 32px;right: 32px;}

[class*="gridALPs"] > div.pureText {padding: 32px 0;grid-gap: 32px;}
[class*="gridALPs"] > div.pureText > a {justify-content: flex-start;align-content: flex-start;color: #333;}
[class*="gridALPs"] > div.pureText > a > span.bannerTxt {position: static;padding: 0;justify-content: flex-start;align-items: flex-start;}
[class*="gridALPs"] > div.pureText > a > span.bannerTxt > span.bannerTitle {text-align: left;color: #333;filter: none;text-transform: none;font-size: 3em;}
[class*="gridALPs"] > div.pureText > a > span.bannerTxt > span.bannerDesc {text-align: left;}
[class*="gridALPs"] > div.pureText > a > span.bannerTxt.flex-end > span.bannerDesc {text-align: right;}

.gridALPs6 > div.display-text {grid-gap: 32px;}
.gridALPs6 > div.display-text > a {padding-bottom: 32px;}
.gridALPs6 > div.display-text > a > span.photo {background: transparent;}
.gridALPs6 > div.display-text > a > span.bannerTxt {text-align: left;position: relative;bottom: calc(100% - 32px);color: #333;padding: 0;}
.gridALPs6 > div.display-text > a > span.bannerTxt > span.bannerDesc {color: #333;}
.gridALPs6 > div.display-text > a > span.bannerTxt > span.bannerDesc > span {font-size: 0.8em; display: block;}
.gridALPs6 > div.display-text > a > span.bannerTxt > span.bannerDesc > span:first-child {margin-bottom: 1.8em;}

.ALP-colour > div {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;width: 100%;max-width: 540px;}
.ALP-colour > div > a::after {content: "";width: 62px;height: 62px;border-radius: 100%;z-index: 10;display: block;border: 11px solid #fff;top: 0px;left: 0px;position: absolute;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.ALP-colour > div > a {display: block;width: 64px;height: 64px;border-radius: 100%;text-indent: -9999px;background: transparent;overflow: inherit;border: 1px solid #999999;margin: 0 8px 8px 0;}

.ALP-colour > div > a:hover {border-color: #fff;}
.ALP-colour > div > a:hover::after {border: 0px solid #fff;}
.ALP-colour > div > a[href*="white"]:hover::after {border: 1px solid #efefef;}

.ALP-colour > div > a[href*="blue"] {background: #5083c1;}
.ALP-colour > div > a[href*="pink"] {background: #de9fd0;}
.ALP-colour > div > a[href*="red"] {background: #d04c4c;}
.ALP-colour > div > a[href*="yellow"] {background: #fef047;}
.ALP-colour > div > a[href*="green"] {background: #a9c76f;}
.ALP-colour > div > a[href*="gold"] {background: #dec052;}
.ALP-colour > div > a[href*="orange"] {background: #dea052;}
.ALP-colour > div > a[href*="purple"] {background: #a656c7;}
.ALP-colour > div > a[href*="black"] {background: #000;}
.ALP-colour > div > a[href*="brown"] {background: #b97b64;}
.ALP-colour > div > a[href*="white"] {background: #fff}
.ALP-colour > div > a[href*="grey"] {background: #a0a0a0;}

.FAFResults {position: relative;}
.alp-all-btn {overflow: hidden;margin: 0;display: inline-block;}
.alp-all-btn > a {padding: 16px;border: 2px solid #db2113;color: #db2113;text-transform: uppercase;font-family: 'citrfontbold';position: absolute;top: 0;right: 0;}
.alp-all-btn > a:hover {background: #db2113; color: #fff;}
.mobile .alp-all-btn > a {padding: 8px; font-size: 12px;}

.light .bannerTxt {background: #ffffffeb !important;}
.light img {filter: invert();}
.light .bannerTitle {color: #272727eb !important;}
.dark .bannerTxt {background: #272727eb !important;}

.ffBut {
    display: flex;
    margin: -8px;
    width: 100%;
    flex-wrap: wrap;
    grid-gap: 1em;
    margin: 0px !important;
}
.ffBut > a {
    border: 1px solid #333;
    padding: 8px 16px;
    font-family: 'citrfontbold';
    width: auto;
    flex-grow: 1;
    text-transform: uppercase;
    text-align: center;
}
.ffBut > a:hover { border: 1px solid #333;
    background: #333333;
    color: #fff;
}
.ffBut > a.true {border: 1px solid #d02b47; color: #d02b47}
.ffBut > a.true:hover { border: 1px solid #d02b47;
    background: #d02b47;
    color: #fff;
}
/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 768px) {

	#displayType > div.FAF.FAFLanding > div.mobile > div > div:nth-child(2) {height: 34px;}

	[class*="gridALPs"] h3 {font-size: 18px;}

    .photo span::after,
    .photo.h-25 span::after,
    .photo.h-33 span::after,
    .photo.h-40 span::after,
    .photo.h-50 span::after,
    .photo.h-66 span::after,
    .photo.h-75 span::after,
    .photo.h-125 span::after,
    .photo.h-150 span::after {padding-bottom: 100% !important;}
    .photo.h-15 span::after {padding-bottom: 50% !important;}

    .gridALPs2 > div,
    .gridALPs3 > div {grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr;}

    .gridALPs4 > div,
    .gridALPs5 > div,
    .gridALPs6 > div,
    .gridALPs7 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}

    [class*="gridALPs"] > div > a .bannerViewGrid, [class*="grirow"] > div > a .bannerViewGrid {background: #df952b; border-color: #df952b;}

    [class*="gridALPs"] > div > a.gridALPtitle .photo span::after {background: none;padding-bottom: 50% !important;}

    [class*="gridALPs"] .bannerViewGrid {display: none;}
    [class*="gridALPs"] .bannerTitleGrid {font-size: 0.9em;}
	.gridALPtitle > .bannerDesc {-webkit-columns: 1;-moz-columns: 1;-o-columns: 1;columns: 1;}

    .gridALPs1 a.gridALPtitle span.bannerTxt {position: static;max-width: 100%;padding: 16px;}
    .gridALPs1 a.gridALPtitle span.bannerTxt > span.bannerTitle {font-size: 18px;}
    .gridALPs1 a.gridALPtitle span.bannerTxt > span.bannerTitle > span {display: block;}
    .photo.scroller::after {display: none;}

    .photo.h-185 span::after {padding-bottom: 185% !important;background: none !important;}
    .gridALPtitle img {max-width: 240px;}
    [class*="gridALPs"] > div.pureText > a > span.bannerTxt, [class*="gridALPs"] > div.pureText > a, [class*="gridALPs"] > div.pureText > a > span.bannerTxt.flex-end > span.bannerDesc {align-items: center;text-align: center;}
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (max-width : 1024px) {

    form[action*="./cube?facet=cube"] .FAFFilters {order: 3 !important;}
	.mobile .ALPBannerImages-Brand  { display: none; }
	.mobile .metaControls h2 { margin:0}

    .photo span::after,
    .photo.h-25 span::after,
    .photo.h-33 span::after,
    .photo.h-40 span::after,
    .photo.h-50 span::after,
    .photo.h-66 span::after {padding-bottom: 75% !important;}
    .photo.h-15 span::after {padding-bottom: 33% !important;}

    .gridALPs2 > div,
    .gridALPs3 > div,
    .gridALPs4 > div,
    .gridALPs5 > div {grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr;}
    .gridALPs6 > div,
    .gridALPs7 > div {grid-template-columns: repeat(3, 1fr); -ms-grid-columns: 1fr 1fr 1fr;}

    [class*="gridALPs"]:not(.gridALPs1) > div > a .photo span::after , [class*="grirow"] > div > a .photo span::after {background: #00000088;}
    [class*="gridALPs"] > div > a .bannerViewGrid, [class*="grirow"] > div > a .bannerViewGrid {background: #df952b; border-color: #df952b;}
    [class*="gridALPs"] > div > a.gridALPtitle .photo span::after {background: none;padding-bottom: 50% !important;}
    [class*="gridALPs"] .bannerViewGrid {display: none;}
    .photo.h-185 span::after {padding-bottom: 185% !important;background: none !important;}
    [class*="gridALPs"] > div.pureText > a > span.bannerTxt, [class*="gridALPs"] > div.pureText > a, [class*="gridALPs"] > div.pureText > a > span.bannerTxt.flex-end > span.bannerDesc {align-items: center;text-align: center;}

}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px) {
    .gridALPs2 > div,
    .gridALPs4 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}
    [class*="gridALPs"] > div > a .photo span::after, [class*="grirow"] > div > a .photo span::after {background: #00000088;}
    [class*="gridALPs"] > div > a .bannerViewGrid, [class*="grirow"] > div > a .bannerViewGrid {background: #df952b; border-color: #df952b;}
    [class*="gridALPs"] > div > a.gridALPtitle .photo span::after {background: none;padding-bottom: 50% !important;}
    .photo.h-185 span::after {padding-bottom: 185% !important;background: none !important;}
}


#FafKnockoutResults #FAFDesc {order:-1;margin-bottom: 16px;}
#FafKnockoutResults #FAFDesc .gridALPs1:first-of-type > div {padding-top: 0px;border-top: none}


/* Custom PAUL HTML header  ------------------------------------------------------------------------------------- */
.gridALPtemplate {display: flex;background: #f3f3f3;align-content: center;}
.templateTxt {padding: 16px;text-align: center;align-items: center;display: flex;flex-direction: column;justify-content: center;grid-gap: 16px;}
.templateTitle {display: block;font-family: 'citrfontbold';font-size: 28px;text-transform: uppercase;}
.templateLinks {display: flex;grid-gap: 16px;width: 100%;}
.templateLinks > a {outline: 1px solid #333;padding: 8px 16px;font-family: 'citrfontbold';width: 100%;text-transform: uppercase;}
.templateLinks > a:hover {outline: 1px solid #333;background:#333333;color:#fff}
.gridALPtemplate .templatePhoto {position: relative;height: 100%;}
.gridALPtemplate img {object-fit: cover;max-width: 33.33%;}
@media screen and (max-width : 1024px) {
    .gridALPtemplate img { display:none}
    .templateLinks {flex-wrap:wrap}
    .templateLinks > a {width: auto;flex-grow: 1;}
}

.alp-link > div {margin: 1em 0 1em 0;}
.alp-code-view,
.alp-link-wrap {display: flex;flex-flow: row nowrap;grid-gap: 32px;}
.alp-link-wrap > div.alp-link {display: flex;flex-flow: column nowrap;padding: 32px;background: #f4f4f4; }
.alp-link-wrap .grow1 { flex-grow: 1;}
.alp-link-wrap > div.alp-link p {margin: 0 0 32px 0;font-size: 14px;}
.alp-link-wrap > div.alp-link label {font-family: 'citrfontbold';font-size: 18px;margin: 0;}
.alp-link-wrap > div.alp-link input,
.alp-link-wrap > div.alp-link select {border-radius: 0;background: #fff;border: 1px solid #d8d8d8;padding: 0 0 0 16px;}
.alp-link-wrap select { margin-bottom:8px}
.alp-code-view .alp-code-copy > pre {font-size: 12px; position: relative;  left: -100px;}
.alp-code-view .alp-code-copy,
.alp-code-view .alp-code-preview {padding: 32px; border: 1px solid #dfdfdf;}
.bannerInput, .addNew {display:flex;align-items: stretch;margin-bottom:8px;grid-gap: 8px;}
.bannerInput a  {background: #ffd6d6;display: flex;justify-content: space-around;align-content: center;align-items: center;padding: 0 16px;color: #6e1313;cursor: pointer;font-family: feather;}
.bannerInput a:before {content: "\e117";}
.add {background:#212121;color:#fff;padding:8px 16px;cursor: pointer;border-radius:4px;}
.alp-link-wrap [type="checkbox"]:before{
    position: relative;
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #808080;
    content: "";
    background: #FFF;
}
.move {
    padding: 16px 16px 0 0;
}


div[class*="alp-grid-"] > div {display: grid;grid-gap: 16px;margin: 0 0 32px 0;border-bottom: 1px solid #999;padding: 0 0 32px 0;}
div[class*="alp-grid-"]:last-of-type > div {border-bottom: none;margin: 0;padding: 0;}
div[class*="alp-grid-"] > div a.alp-grid-photo {background: #efefef; background-position: center; height: 100%; display: block; position: relative; background-size: cover !important;}
div[class*="alp-grid-"] > div a.alp-grid-photo::after {content: "";display: block;width: 100%;height: 100%;padding-bottom: 100%;background: #00000000;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
div[class*="alp-grid-"] > div a.alp-grid-photo:hover::after {background: #00000088;}

.alp-grid-1 > div {grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr;}
.alp-grid-2 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}
.alp-grid-3 > div {grid-template-columns: repeat(3, 1fr); -ms-grid-columns: 1fr 1fr 1fr;}
.alp-grid-4 > div {grid-template-columns: repeat(4, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr;}
.alp-grid-5 > div {grid-template-columns: repeat(5, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;}
.alp-grid-6 > div {grid-template-columns: repeat(6, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr}

div[class*="alp-grid-"].alp-grid-photo-20 > div a.alp-grid-photo::after {padding-bottom: 20%;}
div[class*="alp-grid-"].alp-grid-photo-25 > div a.alp-grid-photo::after {padding-bottom: 25%;}
div[class*="alp-grid-"].alp-grid-photo-33 > div a.alp-grid-photo::after {padding-bottom: calc(100% / 3);}
div[class*="alp-grid-"].alp-grid-photo-50 > div a.alp-grid-photo::after {padding-bottom: 50%;}
div[class*="alp-grid-"].alp-grid-photo-66 > div a.alp-grid-photo::after {padding-bottom: calc( (100% / 3) * 2 );}
div[class*="alp-grid-"].alp-grid-photo-75 > div a.alp-grid-photo::after {padding-bottom: 75%;}
div[class*="alp-grid-"].alp-grid-photo-125 > div a.alp-grid-photo::after {padding-bottom: 125%;}
div[class*="alp-grid-"].alp-grid-photo-150 > div a.alp-grid-photo::after {padding-bottom: 150%;}
div[class*="alp-grid-"].alp-grid-photo-200 > div a.alp-grid-photo::after {padding-bottom: 200%;}

div[class*="alp-grid-"].alp-grid-main > div {}
div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid {background: var(--co2);width: max(20%, 280px);padding: 32px;justify-content: flex-end;align-items: flex-start;text-align: left;height: calc(100% - 64px);left: 32px;top: 32px;opacity: .9;}
div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid .ALPtxtGridTitle {    text-transform: none;    font-size: 2em;line-height: 1.5em;}
div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid .ALPtxtGridTitle::after {content: "";margin: 32px 0;display: block;background: var(--co1);width: 40px;height: 4px;}
div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid img {width: min(120px, 100%);}
div[class*="alp-grid-"].alp-grid-main > div a.alp-grid-photo {}
div[class*="alp-grid-"].alp-grid-main > div a.alp-grid-photo::after {padding-bottom: 35%;background: none;}

div[class*="alp-grid-"].alp-grid-text > div {display: block;-webkit-columns: 2;-moz-columns: 2;-o-columns: 2;columns: 2;-webkit-column-gap: 32px;-moz-column-gap: 32px;-o-column-gap: 32px;column-gap: 32px;position: relative;}
div[class*="alp-grid-"].alp-grid-text > div::after {content: "";display: block;width: 40px;height: 4px;background: var(--co1);position: absolute;bottom: 32px;right: 0;}

div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridTitle {font-size: 3em;width: 100%;font-family: 'citrfontbold';line-height: 100%;}
div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridTitle::after {content: "";background: var(--co1);width: 40px;height: 4px;display: block;margin: 32px 0;}
div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc {position: relative;}
div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc p {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;font-weight: normal;font-size: 14px;line-height: 1.75em;}
div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc > p:first-of-type {font-size: 1.25em;}
div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc > p:last-child {margin: 0;}

div[class*="alp-grid-"].alp-grid-nobg > div a.alp-grid-photo::after {background: none;}

div.alp-grid-brand > div > a.alp-grid-photo {border: 1px solid #dfdfdf;font-size: 0;text-indent: -9999px;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}
div.alp-grid-brand > div > a.alp-grid-photo::after {background: transparent !important;}

.alp-grid-button > div a {padding: 20px 24px;display: flex;border: 2px solid #var(--co2); color: #var(--co2);font-size: 14px;font-family: 'citrfontbold';justify-content: space-between;text-transform: uppercase;letter-spacing: 2px;}
.alp-grid-button > div a:hover {background: var(--co1); border-color: var(--co1); color: #fff;}
.alp-grid-button > div a::after {content: "\e095";font-family: 'feather';}

div.alp-grid-sizes,
div.alp-grid-col {position: relative;}

div.alp-grid-sizes > div,
div.alp-grid-col > div {border: none;}

div.alp-grid-sizes > div {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;justify-content: flex-start;grid-gap: 16px;}
div.alp-grid-sizes > div > a {border: 1px solid;width: 54px;height: 54px;color: var(--co2);display: inline-block;border-radius: 100%;line-height: 54px;text-align: center;font-family: 'citrfontbold';background: transparent;}
div.alp-grid-sizes > div > a:hover {background: #000;color: #fff;}

div.alp-grid-col > div {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;width: 100%;justify-content: flex-start;grid-gap: 16px;}
div.alp-grid-col > div > a::after {content: "";width: 52px;height: 52px;border-radius: 100%;z-index: 10;display: block;border: 11px solid #fff;top: 0px;left: 0px;position: absolute;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
div.alp-grid-col > div > a {display: block;width: 54px;height: 54px;border-radius: 100%;text-indent: -9999px;background: transparent;overflow: inherit;border: 1px solid #999999;margin: 0;position: relative;}
div.alp-grid-col > div > a:hover {border-color: #fff;}
div.alp-grid-col > div > a:hover::after {border: 0px solid #fff;}
div.alp-grid-col > div > a[href*="white"]:hover::after {border: 1px solid #efefef;}
div.alp-grid-col > div > a[href*="blue"] {background: #5083c1;}
div.alp-grid-col > div > a[href*="pink"] {background: #de9fd0;}
div.alp-grid-col > div > a[href*="red"] {background: #d04c4c;}
div.alp-grid-col > div > a[href*="yellow"] {background: #fef047;}
div.alp-grid-col > div > a[href*="green"] {background: #a9c76f;}
div.alp-grid-col > div > a[href*="gold"] {background: #dec052;}
div.alp-grid-col > div > a[href*="orange"] {background: #dea052;}
div.alp-grid-col > div > a[href*="purple"] {background: #a656c7;}
div.alp-grid-col > div > a[href*="black"] {background: #000;}
div.alp-grid-col > div > a[href*="brown"] {background: #674232;}
div.alp-grid-col > div > a[href*="white"] {background: #fff}
div.alp-grid-col > div > a[href*="grey"] {background: #a0a0a0;}
div.alp-grid-col > div > a[href*="silver"] {background: #dbdbdb;}

.ALPDescription-desktop .ALPDescription-desktop-desc > h2 {border-bottom: 1px solid #999; padding: 0 0 32px 0; margin: 0;}
.ALPDescription-desktop-desc a {font-weight:bold}
.mobile a {font-weight:bold}


.ALPtxtGrid {position:absolute;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;justify-content: flex-end;flex-wrap: wrap;text-align: left;padding: 32px;z-index: 2;width: 100%;height: 100%;flex-direction: column;-ms-flex-direction: column;color: white;}
.ALPtxtGridDesc:empty, .ALPtxtGridTitle:empty, .ALPtxtGridView:empty{display:none;}
.ALPtxtGrid > span {padding: 1em 2em;}
.ALPtxtGrid .ALPtxtGridDesc {font-size: smaller; padding: 0 !important;}
.ALPtxtGrid .ALPtxtGridTitle {font-size: 20px;font-family: 'citrfontbold';font-weight: normal;letter-spacing: normal;font-size: 1.5em;filter: drop-shadow(0px 2px 1px #0002);z-index: 10;position: relative;}
.ALPtxtGrid .ALPtxtGridView {padding: 10px 24px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border: 2px solid;text-transform: uppercase;font-size: 12px;margin-top: 6px;z-index: 10;position: relative;}
.ALPtxtGrid img {position:absolute;top:0;width: 100%;height: 100%;z-index: 0;left: 0;object-fit: cover;}
.lazyload { 
    object-fit: cover;
}

div[class*="alp-grid-"] > div a:hover .ALPtxtGridView {background: var(--co1);border-color: var(--co1);}

[class*="alp-grid-filter"],
[class*="alp-grid-filter"] a {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.alp-grid-filter-grayscale a {filter: grayscale(1);}
.alp-grid-filter-grayscale a:hover {filter: grayscale(0);}

@media screen and (max-width : 1023px) {
	.alp-grid-3 > div {grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr;}
	.alp-grid-4 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}
	.alp-grid-6 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}
}

@media screen and (max-width : 768px) {
	.alp-link > div {margin: 0 0 1em 0;}
	.ALPtxtGrid { padding:8px;}
    
    .alp-grid-2 > div{grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr;}
	.alp-grid-3 > div,
	.alp-grid-4 > div,
	.alp-grid-5 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr;}

	div[class*="alp-grid-"].alp-grid-story > div > .alp-grid-photo > .ALPtxtGrid > .bannerLinksGrid {flex-flow: row wrap;}
	div[class*="alp-grid-"].alp-grid-story > div > .alp-grid-photo > .ALPtxtGrid > .bannerLinksGrid > a {flex-basis: 100%; width: 100%;}

	div[class*="alp-grid-"] > div {padding-bottom: 16px;margin-bottom: 16px;grid-gap: 16px;}

	div[class*="alp-grid-"] > div a.alp-grid-photo::after,
	div[class*="alp-grid-"] > div a.alp-grid-photo:hover::after {background: #0000003b;}
	div[class*="alp-grid-"] > div a .ALPtxtGridView {background: var(--co1);border-color: var(--co1);}

	div[class*="alp-grid-"].alp-grid-text > div {-webkit-columns: 1;-moz-columns: 1;-o-columns: 1;columns: 1;}

	div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid {left: 0;top: 0;width: 100%;height: 100%;justify-content: center;text-align: center;align-items: center;background: #1e1e28eb;opacity: 1;}
    div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid .ALPtxtGridTitle {font-size: 1.5em;display: none;}
    div[class*="alp-grid-"].alp-grid-main > div a.alp-grid-photo::after {padding-bottom: 50%;}

    div[class*="alp-grid-"]:last-of-type > div {margin-bottom: 32px;}
}

.more::after {
    content: "Read More";
    display: inline-block;
    margin: 0px 0 24px 0;
    cursor: pointer;
    color: cornflowerblue;
    font-size: 12px;
    border-bottom: 1px solid;
}
#longdesc {max-width: 675px;margin: auto;position: relative;margin-bottom: 65px;}
#longdesc p { margin:0}
#longdesc .more {position:absolute;background:#fff;bottom: -50px;width: 100%;}
#longdesc.open .more:after {margin: 0 0 12px 0;}
#longdesc  .extra {display: none;}
#longdesc.open .extra, .open .extra { display: inline !important;}
#linkText {text-align: center;margin-top: 35px;}
#linkText a {margin:0 8px;text-decoration: underline;}



.size-chart {width: 100%;}
.size-chart tr {border-top: 1px solid #d7d7d7;margin: 0;display: inline-flex;float: left;clear: both;width: 100%;align-content: center;align-items: center;justify-content: flex-start;}
.size-chart tr:last-of-type {border-bottom: 1px solid #d7d7d7;}
.size-chart td {padding: 8px 16px;}
.size-chart tr:nth-child(odd) {background: #f4f4f4;}
.size-chart tr td:first-of-type {/* width: 20%; */min-width: 40px;font-family: 'citrfontbold';}
.size-chart tr td:nth-child(2)  {flex-grow:1}
.size-chart .slideOption {display:inline-block;padding: 4px 16px;text-align: center;}