/* Stylesheet v1 07-11-24
Catalogue, Homepage, Landing Pages */

/* --- General Desktop --- */
#CAT { width:100%; margin:0px auto 0px; background-color:#ffffff; } 
#CAT .inner {margin: 0 auto;position: relative;width: 100%;}
#CAT a {display: block;text-decoration: none;}
#CAT img,#CAT video {width: 100%;max-width: 100%;height: auto;display: block;margin: 0 auto;}
#CAT .show-mobile {display: none!important;}

/* --- General Mobile --- */
@media all and (max-width: 767px) {
#CAT .inner {padding: 0 auto;}
#CAT .row {margin: 0 auto;}
#CAT .sec2 .col {width: 100%;}
#CAT .sec3 .col {width: 100%;}
#CAT .sec4 .col {width: 50%;}
#CAT img {margin: 0 auto;}
#CAT .show-mobile {display: block!important; /* can be inline-block */}
#CAT .hide-mobile {display: none!important;}
}

/*Flex styles*/
#CAT .row {display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;position: relative;align-items: center;}
#CAT .row .row {margin: 0 auto;}
#CAT .col {display: inline-block;flex-grow: 1;text-align: center;width: 100%;}
#CAT .sec2 .col {width: 50%;}
#CAT .sec3 .col {width: 33.333333%;}
#CAT .sec4 .col {width: 25%;}

#CAT .flex-align-items-center {align-items: center;}
#CAT .flex-align-items-top {align-items: flex-start;}
#CAT .flex-align-items-bottom {align-items: flex-end;}

#CAT .flex-reverse {flex-direction: column-reverse;}
#CAT .cta-flex {display: flex;justify-content: space-evenly;}

@media all and ( max-width: 767px ) {
#CAT .flex-reverse-m {flex-direction: column-reverse;}
#CAT .cta-flex {flex-direction:column}
}

/* 36 Grid Row - 36 columns for desktop and 20 columns for mobile */
#CAT .row-grid {display: grid;position: relative;}

@media all and ( min-width: 768px ) {
#CAT .row-grid {grid-template-columns: repeat(36, 1fr);}
#CAT .row-grid .col-36-d{grid-column:span 36}#CAT .row-grid .col-35-d{grid-column:span 35}#CAT .row-grid .col-34-d{grid-column:span 34}#CAT .row-grid .col-33-d{grid-column:span 33}
#CAT .row-grid .col-32-d{grid-column:span 32}#CAT .row-grid .col-31-d{grid-column:span 31}#CAT .row-grid .col-30-d{grid-column:span 30}#CAT .row-grid .col-29-d{grid-column:span 29}
#CAT .row-grid .col-28-d{grid-column:span 28}#CAT .row-grid .col-27-d{grid-column:span 27}#CAT .row-grid .col-26-d{grid-column:span 26}#CAT .row-grid .col-25-d{grid-column:span 25}
#CAT .row-grid .col-24-d{grid-column:span 24}#CAT .row-grid .col-23-d{grid-column:span 23}#CAT .row-grid .col-22-d{grid-column:span 22}#CAT .row-grid .col-21-d{grid-column:span 21}
#CAT .row-grid .col-20-d{grid-column:span 20}#CAT .row-grid .col-19-d{grid-column:span 19}#CAT .row-grid .col-18-d{grid-column:span 18}#CAT .row-grid .col-17-d{grid-column:span 17}
#CAT .row-grid .col-16-d{grid-column:span 16}#CAT .row-grid .col-15-d{grid-column:span 15}#CAT .row-grid .col-14-d{grid-column:span 14}#CAT .row-grid .col-13-d{grid-column:span 13}
#CAT .row-grid .col-12-d{grid-column:span 12}#CAT .row-grid .col-11-d{grid-column:span 11}#CAT .row-grid .col-10-d{grid-column:span 10}#CAT .row-grid .col-9-d{grid-column:span 9}
#CAT .row-grid .col-8-d{grid-column:span 8}#CAT .row-grid .col-7-d{grid-column:span 7}#CAT .row-grid .col-6-d{grid-column:span 6}#CAT .row-grid .col-5-d{grid-column:span 5}
#CAT .row-grid .col-4-d{grid-column:span 4}#CAT .row-grid .col-3-d{grid-column:span 3}#CAT .row-grid .col-2-d{grid-column:span 2}#CAT .row-grid .col-1-d{grid-column:span 1}
#CAT .row-grid .col-0-d{grid-column:none}
#CAT .row-grid .col-last-d{width:50%;margin:auto}
}

#CAT .row-grid .order-1-d {order: 1;}#CAT .row-grid .order-2-d {order: 2;}#CAT .row-grid .order-3-d {order: 3;}#CAT .row-grid .order-4-d {order: 4;}#CAT .row-grid .order-5-d {order: 5;}#CAT .row-grid .order-6-d {order: 6;}#CAT .row-grid .order-7-d {order: 7;}#CAT .row-grid .order-8-d {order: 8;}

#CAT .row-gap-10 {row-gap: 10px;} #CAT .row-gap-20 {row-gap: 20px;} #CAT .row-gap-30 {row-gap: 30px;} #CAT .row-gap-40 {row-gap: 40px;} #CAT .row-gap-50 {row-gap: 50px;}
#CAT .col-gap-10 {column-gap: 10px;} #CAT .col-gap-20 {column-gap: 20px;} #CAT .col-gap-30 {column-gap: 30px;} #CAT .col-gap-40 {column-gap: 40px;} #CAT .col-gap-50 {column-gap: 50px;}

#CAT .grid-align-top {align-items: start;}
#CAT .grid-align-center {align-items: center;}
#CAT .grid-align-bottom {align-items: end;}

@media all and ( max-width: 767px ) {
#CAT .row-grid {grid-template-columns: repeat(20, 1fr);}

#CAT .row-grid .col-20-m{grid-column:span 20}#CAT .row-grid .col-19-m{grid-column:span 19}#CAT .row-grid .col-18-m{grid-column:span 18}#CAT .row-grid .col-17-m{grid-column:span 17}
#CAT .row-grid .col-16-m{grid-column:span 16}#CAT .row-grid .col-15-m{grid-column:span 15}#CAT .row-grid .col-14-m{grid-column:span 14}#CAT .row-grid .col-13-m{grid-column:span 13}
#CAT .row-grid .col-12-m{grid-column:span 12}#CAT .row-grid .col-11-m{grid-column:span 11}#CAT .row-grid .col-10-m{grid-column:span 10}#CAT .row-grid .col-9-m{grid-column:span 9}
#CAT .row-grid .col-8-m{grid-column:span 8}#CAT .row-grid .col-7-m{grid-column:span 7}#CAT .row-grid .col-6-m{grid-column:span 6}#CAT .row-grid .col-5-m{grid-column:span 5}
#CAT .row-grid .col-4-m{grid-column:span 4}#CAT .row-grid .col-3-m{grid-column:span 3}#CAT .row-grid .col-2-m{grid-column:span 2}#CAT .row-grid .col-1-m{grid-column:span 1}
#CAT .row-grid .col-0-m{display:none;}/*before it was grid-column: none;*/
#CAT .row-grid .col-last-m{width:50%;margin:auto}

#CAT .row-grid .order-1-m {order: 1;}#CAT .row-grid .order-2-m {order: 2;}#CAT .row-grid .order-3-m {order: 3;}#CAT .row-grid .order-4-m {order: 4;}#CAT .row-grid .order-5-m {order: 5;}#CAT .row-grid .order-6-m {order: 6;}#CAT .row-grid .order-7-m {order: 7;}#CAT .row-grid .order-8-m {order: 8;}

#CAT .row-gap-10-m {row-gap: 10px;} #CAT .row-gap-20-m {row-gap: 20px;} #CAT .row-gap-30-m {row-gap: 30px;} #CAT .row-gap-40-m {row-gap: 40px;} #CAT .row-gap-50-m {row-gap: 50px;}
#CAT .col-gap-10-m {column-gap: 10px;} #CAT .col-gap-20-m {column-gap: 20px;} #CAT .col-gap-30-m {column-gap: 20px;} #CAT .col-gap-40-m {column-gap: 40px;} #CAT .col-gap-50-m {column-gap: 50px;}
}

/* 12 Grid Row - 12 columns for desktop and mobile */
#CAT .row-grid-12 {display: grid;position: relative; grid-template-columns: repeat(12, 1fr);}

#CAT .row-grid-12 .col-12-d {grid-column: span 12;/*1 column */}
#CAT .row-grid-12 .col-6-d {grid-column: span 6;/*2 columns */}
#CAT .row-grid-12 .col-4-d {grid-column: span 4;/*3 columns */}
#CAT .row-grid-12 .col-3-d {grid-column: span 3;/*4 columns */}
#CAT .row-grid-12 .col-2-d {grid-column: span 2;/*6 columns */}
#CAT .row-grid-12 .col-last-d {width: 50%; margin: auto;}

#CAT .row-grid-12 .order-1-d {order: 1;}#CAT .row-grid-12 .order-2-d {order: 2;}#CAT .row-grid-12 .order-3-d {order: 3;}#CAT .row-grid-12 .order-4-d {order: 4;}#CAT .row-grid-12 .order-5-d {order: 5;}#CAT .row-grid-12 .order-6-d {order: 6;}

@media all and ( max-width: 767px ) {
#CAT .row-grid-12 .col-12-m {grid-column: span 12;/*1 column */}
#CAT .row-grid-12 .col-6-m {grid-column: span 6;/*2 columns */}
#CAT .row-grid-12 .col-4-m {grid-column: span 4;/*3 columns */}
#CAT .row-grid-12 .col-3-m {grid-column: span 3;/*4 columns */}
#CAT .row-grid-12 .col-2-m {grid-column: span 2;/*6 columns */}
#CAT .row-grid-12 .col-last-m {width: 50%; margin: auto;}

#CAT .row-grid-12 .order-1-m {order: 1;}#CAT .row-grid-12 .order-2-m {order: 2;}#CAT .row-grid-12 .order-3-m {order: 3;}#CAT .row-grid-12 .order-4-m {order: 4;}#CAT .row-grid-12 .order-5-m {order: 5;}#CAT .row-grid-12 .order-6-m {order: 6;}
}

/*Float*/
#CAT .float-none-d {float:none}
#CAT .float-right-d {float: right;}
#CAT .float-left-d {float: left;}

@media all and ( max-width: 767px ) {
#CAT .float-none-m {float:none}
#CAT .float-right-m {float: right;}
#CAT .float-left-m {float: left;}
}

/*Paragraphs */
#CAT p {line-height: 1.4;margin: 0 0 1rem;}
#CAT p:last-child {margin-bottom: 0;}

/*Fonts*/
#CAT .font-inter {font-family:"Inter", sans-serif;}/* 100-900 */
#CAT .font-lato {font-family:"Lato", sans-serif;}/* Reg 400, Bold 700, Black 900 */
#CAT .font-playfair-display {font-family: "Playfair Display", serif;}/* Reg 400, Med 500, SemiBold 600, Bold 700, ExtraBold 800, Black 900 */

/*Text Properties*/
#CAT .txt-colour-black {color: #000;} 
#CAT .txt-colour-white {color: #fff;}  
#CAT .txt-colour-sample {color: red;}

#CAT .txt-100 {font-weight: 100;}#CAT .txt-300 {font-weight: 300;}#CAT .txt-400 {font-weight: 400;}#CAT .txt-500 {font-weight: 500;}#CAT .txt-600 {font-weight: 600;}#CAT .txt-700 {font-weight: 700;}#CAT .txt-900 {font-weight: 900;}

/*Font sizes - from 8rem to 20rem*/
#CAT .font-size-8 {font-size: .8rem;} #CAT .font-size-9 {font-size: .9rem;} #CAT .font-size-10 {font-size: 1rem;} #CAT .font-size-11 {font-size: 1.1rem;} #CAT .font-size-12 {font-size: 1.2rem;} #CAT .font-size-13 {font-size: 1.3rem;} #CAT .font-size-14 {font-size: 1.4rem;}
#CAT .font-size-15 {font-size: 1.5rem;} #CAT .font-size-16 {font-size: 1.6rem;} #CAT .font-size-17 {font-size: 1.7rem;} #CAT .font-size-18 {font-size: 1.8rem;} #CAT .font-size-19 {font-size: 1.9rem;} #CAT .font-size-20 {font-size: 2rem;}

#CAT .font-size-disclaimer {font-size: .7rem;}
#CAT .font-size-copyright {font-size: .6rem;}

@media all and ( max-width: 767px ) {
#CAT .font-size-8-m {font-size: .8rem;} #CAT .font-size-9-m {font-size: .9rem;} #CAT .font-size-10-m {font-size: 1rem;} #CAT .font-size-11-m {font-size: 1.1rem;} #CAT .font-size-12-m {font-size: 1.2rem;} #CAT .font-size-13-m {font-size: 1.3rem;} #CAT .font-size-14-m {font-size: 1.4rem;}
#CAT .font-size-15-m {font-size: 1.5rem;} #CAT .font-size-16-m {font-size: 1.6rem;} #CAT .font-size-17-m {font-size: 1.7rem;} #CAT .font-size-18-m {font-size: 1.8rem;} #CAT .font-size-19-m {font-size: 1.9rem;} #CAT .font-size-20-m {font-size: 2rem;}

#CAT .font-size-disclaimer {font-size: .6rem;}
#CAT .font-size-copyright {font-size: .35rem;}
}

/*Text Aligments */
#CAT .txt-center-d {text-align: center;} #CAT .txt-left-d {text-align: left;} #CAT .txt-right-d {text-align: right;}

@media all and ( max-width: 767px ) {
#CAT .txt-center-m {text-align: center;} #CAT .txt-left-m {text-align: left;} #CAT .txt-right-m {text-align: right;}
}

/*Disable text selection*/
#CAT .disable-select {-webkit-user-select: none; -ms-user-select: none; user-select: none; }

/*Disable pointer*/
#CAT .disable-pointer {pointer-events: none;}

/*CTA Buttons - Underline, Rounded Edges, Square Edges*/
#CAT .cta-und {
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    line-height: 1.2;}  

#CAT .cta-und:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -2px;
    /*transform-origin: bottom left; for transition from left*/
    border-radius: 5px;
    transform: scaleX(1);
    transition: .25s linear;
    left: 0;
}

#CAT .cta-und:hover:before,
#CAT .cta-und:focus:before {
    transform: scaleX(0);
}

#CAT .cta-und-colour-black {color: #000}
#CAT .cta-und-colour-black:before {background: #000}
#CAT .cta-und-colour-white {color: #fff;}
#CAT .cta-und-colour-white:before {background: #fff;}

#CAT .cta-rounded {
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    border-radius: 99px;
    line-height: 0;
    padding: 15px 30px;
    letter-spacing: .05rem;
    white-space: nowrap;
}

#CAT .cta-square {
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    line-height: 0;
    padding: 15px 30px;
    letter-spacing: .05rem;
    white-space: nowrap;
}

#CAT .cta-sample {
    color: #fff;
    border: 2px solid #f00032;
    background-color: #f00032;
}

#CAT .cta-sample:hover{ filter: brightness(1.3);}

@media all and ( max-width: 767px ) {
#CAT .cta-rounded,#CAT .cta-square {padding: 12px 25px;}
#CAT .cta-und-none:before {transform: scaleX(0);}
}

/*Widths pixels */
#CAT .width-unset{max-width:none;width:unset}#CAT .width-1440{max-width:1440px}#CAT .width-1320{max-width:1320px}#CAT .width-1280{max-width:1280px}#CAT .width-1240{max-width:1240px}#CAT .width-1180{max-width:1180px}
#CAT .width-1100{max-width:1100px}#CAT .width-1000{max-width:1000px}#CAT .width-900{max-width:900px}#CAT .width-850{max-width:850px}#CAT .width-800{max-width:800px}#CAT .width-700{max-width:700px}
#CAT .width-650{max-width:650px}#CAT .width-600{max-width:600px}#CAT .width-550{max-width:550px}#CAT .width-500{max-width:500px}#CAT .width-480{max-width:480px}#CAT .width-450{max-width:450px}
#CAT .width-400{max-width:400px}#CAT .width-380{max-width:380px}#CAT .width-350{max-width:350px}#CAT .width-300{max-width:300px}#CAT .width-250{max-width:250px}#CAT .width-230{max-width:230px}

/*Widths percentage - increments of 5% */
#CAT .width-100-d{width:100%!important;max-width:100%!important}#CAT .width-95-d{width:95%!important;max-width:95%!important}#CAT .width-90-d{width:90%!important;max-width:90%!important}
#CAT .width-85-d{width:85%!important;max-width:85%!important}#CAT .width-80-d{width:80%!important;max-width:80%!important}#CAT .width-75-d{width:75%!important;max-width:75%!important}
#CAT .width-70-d{width:70%!important;max-width:70%!important}#CAT .width-65-d{width:65%!important;max-width:65%!important}#CAT .width-60-d{width:60%!important;max-width:60%!important}
#CAT .width-55-d{width:55%!important;max-width:55%!important}#CAT .width-50-d{width:50%!important;max-width:50%!important}#CAT .width-45-d{width:45%!important;max-width:45%!important}
#CAT .width-40-d{width:40%!important;max-width:40%!important}#CAT .width-35-d{width:35%!important;max-width:35%!important}#CAT .width-30-d{width:30%!important;max-width:30%!important}
#CAT .width-25-d{width:25%!important;max-width:25%!important}#CAT .width-20-d{width:20%!important;max-width:20%!important}#CAT .width-15-d{width:15%!important;max-width:15%!important}

@media all and ( max-width: 767px ) {
#CAT .width-100-m{width:100%!important;max-width:100%!important}#CAT .width-95-m{width:95%!important;max-width:95%!important}#CAT .width-90-m{width:90%!important;max-width:90%!important}
#CAT .width-85-m{width:85%!important;max-width:85%!important}#CAT .width-80-m{width:80%!important;max-width:80%!important}#CAT .width-75-m{width:75%!important;max-width:75%!important}
#CAT .width-70-m{width:70%!important;max-width:70%!important}#CAT .width-65-m{width:65%!important;max-width:65%!important}#CAT .width-60-m{width:60%!important;max-width:60%!important}
#CAT .width-55-m{width:55%!important;max-width:55%!important}#CAT .width-50-m{width:50%!important;max-width:50%!important}#CAT .width-45-m{width:45%!important;max-width:45%!important}
#CAT .width-40-m{width:40%!important;max-width:40%!important}#CAT .width-35-m{width:35%!important;max-width:35%!important}#CAT .width-30-m{width:30%!important;max-width:30%!important}
#CAT .width-25-m{width:25%!important;max-width:25%!important}#CAT .width-20-m{width:20%!important;max-width:20%!important}#CAT .width-unset-m{width:unset;max-width:none}
}

/*Backgrounds - For gradients https://cssgradient.io/ */
#CAT .bg-white {background-color: #fff;}
#CAT .bg-black {background-color: #000;}
#CAT .bg-sample {background-color: red;}
#CAT .bg-gradient-sample {background: rgb(253,210,243);background: linear-gradient(180deg, rgba(253,210,243,1) 0%, rgba(218,235,255,1) 100%);}
#CAT .bg-image-sample {background-image:url("/PJ/aurora/images/espot/catalogue/PA2406P09_ComfyForEveryou/01-soft-desktop-home-bg@3x.jpg"); background-repeat: no-repeat;background-size: cover;}

/*Margins and Paddings in Pixels */
#CAT .mar-auto {margin-left: auto;margin-right: auto;}
#CAT .mar-top-300-d {margin-top: 300px;}
#CAT .mar-top-280-d {margin-top: 280px;}
#CAT .mar-top-260-d {margin-top: 260px;}
#CAT .mar-top-240-d {margin-top: 240px;}
#CAT .mar-top-220-d {margin-top: 220px;}
#CAT .mar-top-200-d {margin-top: 200px;}
#CAT .mar-top-180-d {margin-top: 180px;}
#CAT .mar-top-160-d {margin-top: 160px;}
#CAT .mar-top-140-d {margin-top: 140px;}
#CAT .mar-top-120-d {margin-top: 120px;}
#CAT .mar-top-100-d{margin-top: 100px;}
#CAT .mar-top-90-d {margin-top: 90px;}
#CAT .mar-top-80-d {margin-top: 80px;}
#CAT .mar-top-70-d {margin-top: 70px;}
#CAT .mar-top-60-d {margin-top: 60px;}
#CAT .mar-top-50-d {margin-top: 50px;}
#CAT .mar-top-40-d {margin-top: 40px;}
#CAT .mar-top-30-d {margin-top: 30px;}
#CAT .mar-top-20-d {margin-top: 20px;}
#CAT .mar-top-15-d {margin-top: 15px;}
#CAT .mar-top-10-d {margin-top: 10px;}
#CAT .mar-top-5-d {margin-top: 5px;}

#CAT .mar-bottom-300-d {margin-bottom:300px;}
#CAT .mar-bottom-280-d {margin-bottom:280px;}
#CAT .mar-bottom-260-d {margin-bottom:260px;}
#CAT .mar-bottom-240-d {margin-bottom:240px;}
#CAT .mar-bottom-220-d {margin-bottom:220px;}
#CAT .mar-bottom-200-d {margin-bottom:200px;}
#CAT .mar-bottom-180-d {margin-bottom:180px;}
#CAT .mar-bottom-160-d {margin-bottom:160px;}
#CAT .mar-bottom-140-d {margin-bottom:140px;}
#CAT .mar-bottom-120-d {margin-bottom:120px;}
#CAT .mar-bottom-100-d {margin-bottom:100px;}
#CAT .mar-bottom-90-d {margin-bottom:90px;}
#CAT .mar-bottom-80-d {margin-bottom:80px;}
#CAT .mar-bottom-70-d {margin-bottom:70px;}
#CAT .mar-bottom-60-d {margin-bottom:60px;}
#CAT .mar-bottom-50-d {margin-bottom:50px;}
#CAT .mar-bottom-40-d {margin-bottom:40px;}
#CAT .mar-bottom-30-d {margin-bottom:30px;}
#CAT .mar-bottom-20-d {margin-bottom:20px;}
#CAT .mar-bottom-15-d {margin-bottom:15px;}
#CAT .mar-bottom-10-d {margin-bottom:10px;}
#CAT .mar-bottom-5-d {margin-bottom:5px;}

#CAT .pad-top-300-d {padding-top: 300px;}
#CAT .pad-top-280-d {padding-top: 280px;}
#CAT .pad-top-260-d {padding-top: 260px;}
#CAT .pad-top-240-d {padding-top: 240px;}
#CAT .pad-top-220-d {padding-top: 220px;}
#CAT .pad-top-200-d {padding-top: 200px;}
#CAT .pad-top-180-d {padding-top: 180px;}
#CAT .pad-top-160-d {padding-top: 160px;}
#CAT .pad-top-140-d {padding-top: 140px;}
#CAT .pad-top-120-d {padding-top: 120px;}
#CAT .pad-top-100-d {padding-top: 100px;}
#CAT .pad-top-90-d {padding-top: 90px;}
#CAT .pad-top-80-d {padding-top: 80px;}
#CAT .pad-top-70-d {padding-top: 70px;}
#CAT .pad-top-60-d {padding-top: 60px;}
#CAT .pad-top-50-d {padding-top: 50px;}
#CAT .pad-top-40-d {padding-top: 40px;}
#CAT .pad-top-30-d {padding-top: 30px;}
#CAT .pad-top-20-d {padding-top: 20px;}
#CAT .pad-top-15-d {padding-top: 15px;}
#CAT .pad-top-10-d {padding-top: 10px;}
#CAT .pad-top-5-d {padding-top: 5px;}

#CAT .pad-bottom-300-d {padding-bottom: 300px;}
#CAT .pad-bottom-280-d {padding-bottom: 280px;}
#CAT .pad-bottom-260-d {padding-bottom: 260px;}
#CAT .pad-bottom-240-d {padding-bottom: 240px;}
#CAT .pad-bottom-220-d {padding-bottom: 220px;}
#CAT .pad-bottom-200-d {padding-bottom: 200px;}
#CAT .pad-bottom-180-d {padding-bottom: 180px;}
#CAT .pad-bottom-160-d {padding-bottom: 160px;}
#CAT .pad-bottom-140-d {padding-bottom: 140px;}
#CAT .pad-bottom-120-d {padding-bottom: 120px;}
#CAT .pad-bottom-100-d {padding-bottom: 100px;}
#CAT .pad-bottom-90-d{padding-bottom: 90px;}
#CAT .pad-bottom-80-d{padding-bottom: 80px;}
#CAT .pad-bottom-70-d{padding-bottom: 70px;}
#CAT .pad-bottom-60-d {padding-bottom: 60px;}
#CAT .pad-bottom-50-d {padding-bottom: 50px;}
#CAT .pad-bottom-40-d {padding-bottom: 40px;}
#CAT .pad-bottom-30-d {padding-bottom: 30px;}
#CAT .pad-bottom-20-d {padding-bottom: 20px;}
#CAT .pad-bottom-15-d {padding-bottom: 15px;}
#CAT .pad-bottom-10-d {padding-bottom: 10px;}
#CAT .pad-bottom-5-d {padding-bottom: 5px;}

#CAT .mar-left-10-d {margin-left: 10%;}
#CAT .mar-right-10-d {margin-right: 10%;}
#CAT .mar-left-5-d {margin-left: 5%;}
#CAT .mar-right-5-d {margin-right: 5%;}
#CAT .mar-right-0-d {margin-right: 0}
#CAT .mar-left-0-d {margin-left: 0}

#CAT .pad-left-10-d {padding-left: 10%;}
#CAT .pad-right-10-d {padding-right: 10%;}
#CAT .pad-left-5-d {padding-left: 5%;}
#CAT .pad-right-5-d {padding-right: 5%;}
#CAT .pad-left-0-d {padding-left: 0;}
#CAT .pad-right-0-d {padding-right: 0;}

@media all and ( max-width: 767px ) {
#CAT .mar-top-200-m {margin-top: 200px;}
#CAT .mar-top-180-m {margin-top: 180px;}
#CAT .mar-top-160-m {margin-top: 160px;}
#CAT .mar-top-140-m {margin-top: 140px;}
#CAT .mar-top-120-m {margin-top: 120px;}
#CAT .mar-top-100-m {margin-top: 100px;}
#CAT .mar-top-90-m {margin-top: 90px;}
#CAT .mar-top-80-m {margin-top: 80px;}
#CAT .mar-top-70-m {margin-top: 70px;}
#CAT .mar-top-60-m {margin-top: 60px;}
#CAT .mar-top-50-m {margin-top: 50px;}
#CAT .mar-top-40-m {margin-top: 40px;}
#CAT .mar-top-30-m {margin-top: 30px;}
#CAT .mar-top-20-m {margin-top: 20px;}
#CAT .mar-top-15-m {margin-top: 15px;}
#CAT .mar-top-10-m {margin-top: 10px;}
#CAT .mar-top-5-m {margin-top: 5px;}
#CAT .mar-top-0-m {margin-top: 0;}

#CAT .mar-bottom-200-m {margin-bottom:200px;}
#CAT .mar-bottom-180-m {margin-bottom:180px;}
#CAT .mar-bottom-160-m {margin-bottom:160px;}
#CAT .mar-bottom-140-m {margin-bottom:140px;}
#CAT .mar-bottom-120-m {margin-bottom:120px;}
#CAT .mar-bottom-100-m {margin-bottom:100px;}
#CAT .mar-bottom-90-m {margin-bottom:90px;}
#CAT .mar-bottom-80-m {margin-bottom:80px;}
#CAT .mar-bottom-70-m {margin-bottom:70px;}
#CAT .mar-bottom-60-m {margin-bottom:60px;}
#CAT .mar-bottom-50-m {margin-bottom:50px;}
#CAT .mar-bottom-40-m {margin-bottom:40px;}
#CAT .mar-bottom-30-m {margin-bottom:30px;}
#CAT .mar-bottom-20-m {margin-bottom:20px;}
#CAT .mar-bottom-15-m {margin-bottom:15px;}
#CAT .mar-bottom-10-m {margin-bottom:10px;}
#CAT .mar-bottom-5-m {margin-bottom:5px;}
#CAT .mar-bottom-0-m {margin-bottom:0}

#CAT .pad-top-200-m {padding-top: 200px;}
#CAT .pad-top-180-m {padding-top: 180px;}
#CAT .pad-top-160-m {padding-top: 160px;}
#CAT .pad-top-140-m {padding-top: 140px;}
#CAT .pad-top-120-m {padding-top: 120px;}
#CAT .pad-top-100-m {padding-top: 100px;}
#CAT .pad-top-90-m {padding-top: 90px;}
#CAT .pad-top-80-m {padding-top: 80px;}
#CAT .pad-top-70-m {padding-top: 70px;}
#CAT .pad-top-60-m {padding-top: 60px;}
#CAT .pad-top-50-m {padding-top: 50px;}
#CAT .pad-top-40-m {padding-top: 40px;}
#CAT .pad-top-30-m {padding-top: 30px;}
#CAT .pad-top-20-m {padding-top: 20px;}
#CAT .pad-top-10-m {padding-top: 10px;}
#CAT .pad-top-5-m {padding-top: 5px;}
#CAT .pad-top-0-m {padding-top: 0;}

#CAT .pad-bottom-200-m {padding-bottom: 200px;}
#CAT .pad-bottom-180-m {padding-bottom: 180px;}
#CAT .pad-bottom-160-m {padding-bottom: 160px;}
#CAT .pad-bottom-140-m {padding-bottom: 140px;}
#CAT .pad-bottom-120-m {padding-bottom: 120px;}
#CAT .pad-bottom-100-m {padding-bottom: 100px;}
#CAT .pad-bottom-90-m {padding-bottom: 90px;}
#CAT .pad-bottom-80-m {padding-bottom: 80px;}
#CAT .pad-bottom-70-m {padding-bottom: 70px;}
#CAT .pad-bottom-60-m {padding-bottom: 60px;}
#CAT .pad-bottom-50-m {padding-bottom: 50px;}
#CAT .pad-bottom-40-m {padding-bottom: 40px;}
#CAT .pad-bottom-30-m {padding-bottom: 30px;}
#CAT .pad-bottom-20-m {padding-bottom: 20px;}
#CAT .pad-bottom-10-m {padding-bottom: 10px;}
#CAT .pad-bottom-5-m {padding-bottom: 5px;}
#CAT .pad-bottom-0-m {padding-bottom: 0;}

#CAT .mar-left-10-m {margin-left: 10%;}
#CAT .mar-right-10-m {margin-right: 10%;}
#CAT .mar-left-5-m {margin-left: 5%;}
#CAT .mar-right-5-m {margin-right: 5%;}
#CAT .mar-right-0-m {margin-right: 0!important;}
#CAT .mar-left-0-m {margin-left: 0!important;}

#CAT .pad-left-10-m {padding-left: 10%;}
#CAT .pad-right-10-m {padding-right: 10%;}
#CAT .pad-left-5-m {padding-left: 5%;}
#CAT .pad-right-5-m {padding-right: 5%;}
#CAT .pad-left-0-m {padding-left: 0;}
#CAT .pad-right-0-m {padding-right: 0;}

#CAT .mar-auto-m {margin-left: auto;margin-right: auto;}
#CAT .mar-right-auto-m {margin-right: auto!important;}
#CAT .mar-left-auto-m {margin-left: auto!important;}
}

/* Hotspot - Check Jet Setter 2024 Homepage A1 for example*/
#CAT .hotspot {bottom: 0;left: 0;right: 0;position: absolute;top: 0;}

#CAT .hotspot.sample-1 {right: 60%;bottom: 30%;}
#CAT .hotspot.sample-2 {left: 45%;top: 45%;}

@media all and ( max-width: 767px ) {
#CAT .hotspot.sample-1 {right: 0;bottom: 35%;}
#CAT .hotspot.sample-2 {left: 0;top: 65%;}
}


/*Mask Image - Check Easter 2024 Catalogue for example*/
#CAT .mask-1 {
    -webkit-mask-image: url(/PJ/aurora/images/espot/home/PA2402P04_Easter/easter-oval-mask-1.svg);
    mask-image: url(/PJ/aurora/images/espot/home/PA2402P04_Easter/easter-oval-mask-1.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;    
    }

/* Video Link - to use with Vimeo embedded videos */
#CAT .video-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    text-indent: -9999px; 
    overflow: hidden; 
    }

/* Placeholder images for videos - to use with Vimeo embedded videos  */
#CAT .video-placeholder-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#CAT .video-placeholder-image-sample {background-image: url("/PJ/aurora/images/espot/catalogue/PA2407P04_FathersDay/Downtime_Dad_4x5.jpg");}

@media all and ( max-width: 767px ) {
#CAT .video-placeholder-image-sample {background-image: url("/PJ/aurora/images/espot/catalogue/PA2407P04_FathersDay/Downtime_Dad_4x5_FA_frame1.jpg");}
}

/* Inner border or outline for video - to be added in the col div of video  */
#CAT .video-border-sample iframe {outline: 1px solid #ff5fb7;outline-offset: -1px;}

/*Absolute postion */
#CAT .item-absolute {z-index: 2;position: absolute;}

/*Slick Carousel Slider https://kenwheeler.github.io/slick/ */
#CAT .slick-slider { width:100%; margin:0px auto; overflow: unset; position: relative; }
#CAT .slick-slider .slick-slide { display: inline-block; padding:0px; position: relative; box-sizing: border-box; }

#CAT .slick-slider .slick-list {overflow: hidden;}
#CAT .slick-slider .slick-track {line-height: 0;} 
    
#CAT .slick-dots { position: absolute; bottom: -50px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
#CAT .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
#CAT .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 16px; height: 16px; opacity: 1; cursor: pointer; border-radius: 50%; border: 2px solid #ffffffe6; outline: none; background: transparent; } 
#CAT .slick-dots li.slick-active button { background:#ffffffe6; }
#CAT .slick-dots li button:before {content: ""; font-size: 0;}