/* All Pages COMMON STYLES - Pages will work with only this CSS, i.e. default,. Targeted style via style-page.css */
/* TESTING - remove for live 
    .cRulerV{display:none;position:fixed;top:0px;left:0px;width:12px;height:100%;border-right:1px solid #000;background:#fff url('https://n8.imgix.net/testing/rulerV_12x2502.png') no-repeat top left;z-index:2000;}
    .cRulerH{display:none;position:fixed;top:0px;left:0px;width:100%;height:16px;border-bottom:1px solid #000;background:#fff url('https://n8.imgix.net/testing/rulerH_1990x16.png') no-repeat top left;z-index:2001;}
*/
/*-------------------------------------------------------*/
/*! START DEFAULT CSS SETTINGS */
/*! OUT  acronym,applet,basefont,big,bgsound,blink,center,dir,embed,font,frame,frameset,hgroup,isindex,listing,marquee,menu,multicolnobr,nextid,noframes,plaintext,rb,s,sound,spacer,strike,tt,u,wbr,xmp,  https://www.tutorialspoint.com/html/html_deprecated_tags.htm */
/*! DONT USE or absolute minimal use: content:"whatever", float (for layout), !important, tables (for layout), \9(n), calc, <no script>, */
/*! NOTE: Default CSS settings don't declare colors and only uses black, white and light, mid and dark greys. However sizes and attributes may be altered to set up your basic tag default */
/*! Colors WHITE hsla(0,0%,100%,1.0)=#fff; BLACK hsla(0,0%,0%,1.0)=#000; GREY LIGHT hsla(0,0%,95%,1.00)=#f2f2f2; GREY MID hsla(0,0%,50%,1.00)=#7f7f7f; GREY DARK hsla(0,0%,25%,1.00)=#3f3f3f; */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4uaVIGxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


html {overflow-x:hidden;height:100%;}
a,abbr,address,area,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,div,del,details,dfn,dl,dt,dd,em,fieldset, figcaption,form,figure,footer,h1,h2,h3,h4,h5,h6,header,i,iframe,img,ins,kbd,label,legend,li,mark,map,nav,object,ol,optgroup,output,p,pre,q,ruby,samp,section,small,span,strong,sub,summary,sup,table,template,tbody,td,tfoot,th,thead,time,tr,ul,var,video{vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
a,audio,canvas,img,progress,span,video{display: inline-block;}
body{box-sizing: border-box;margin: 0px; text-align: left;  direction: ltr; font-weight:300; font-family:'Roboto','Open Sans', sans-serif; font-size:1rem;  line-height: 1.5; word-wrap: break-word;overflow-wrap: break-word;hyphens: auto;}
#bBody{color:inherit;}
*,*::before,*::after {box-sizing: border-box;}
.cHasFloat:before,.cHasFloat:after {display: table;clear: both;content: "";}
 /* padding: 1.6em 1.5em 2em calc(26px + 1.5em);  leave space for status flag  - check this out for list alt   */
    a{text-decoration: none; color: #5f4100; font-weight: bold;}
    a:active,a:hover {text-decoration: underline;outline-width: 0px;color: #000;}
    abbr[title] {border-bottom: none;text-decoration: underline dotted;}
    audio:not([controls]) {display: none;height: 0px;}
    blockquote,q {quotes: none;}
    blockquote:before,blockquote:after{content: none;}
    q:before,q:after {content:none;}
    button{overflow: visible;font: inherit;margin: 0px;text-transform: none;}
    code, kbd, pre, samp {font-family: monospace;font-size: 100%;}
    details {color: initial;}
    dfn {font-style: italic;}
    div {position: relative;display: block;margin: 0px;border: 0px;padding: 0px;color: inherit;}
    figure {margin: 1em 40px;}
    form {background: transparent;}
        fieldset {border: #ddd solid 1px;margin: 0px 2px;padding: 0.35em 0.625em 0.75em;}
        input {overflow: visible;}
        input, select, textarea {font: inherit;margin: 0px;}
        select {text-transform: none;}
        textarea {overflow: auto;}
        [type="checkbox"],[type="radio"] {padding: 0px;}
        [type="search"] {outline-offset: -2px;}
    h1,h2,h3,h4,h5,h6,.ch1,.ch2,.ch3,.ch4,.ch5,.ch6{margin:0px;padding:0.2em 0em 0.2em 0em;font-weight:400;}
        h1,.ch1{font-size:200%;}
        h2,.ch2{font-size:170%;}
        h3,.ch3 {font-size:150%;}
        h4,.ch4{font-size:130%;}
        h5,.ch5 {font-size:110%;}
        h6,.ch6 {font-size:100%;}
    [hidden] {display: none;}
    hr {box-sizing: content-box;height: 0px;border-top: 1px solid #888;overflow: visible;}
    img {border: 0px solid transparent;vertical-align: baseline;}
    legend {color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
    optgroup {font-weight: bold;}
        ol,ul {margin: 0% 1% 0% 3%;padding: 1%;}
        ul {list-style-type: disc;}
        ol {list-style-type: decimal;}
        li {margin: 1%;padding: 0% 2% 0% 2%;}
        .cNoDot {list-style: none;padding-left: 0px;}
        .cTick {display: inline-block;position: absolute;color: #25BF49;left: -0.2rem;top: 0.2rem;font-size: 0.9rem;}
    p {margin: 1.0em 0em 1.0em 0em;}
    progress {vertical-align: baseline;}
    small {font-size: 80%;}
	strong{font-weight:400;}
    span {display:inline-block;color: inherit;}
    sub,sup {font-size: 70%;line-height: 0px;position: relative;vertical-align: baseline;}
        sub {bottom: -0.25em;}
        sup {top: -0.5em;}
    summary {outline: none;cursor: pointer;}
    svg:not(:root) {overflow: hidden;color: #9a5a04;}
    table {width: 100%; table-layout:fixed;margin: 1% auto 1% auto;border-collapse: collapse;border-radius:5px;}
        caption{color:inherit;}
        thead{color:inherit;}
        th,td {vertical-align: top;padding:1% 2%;}
        th{text-align: center;}
        tr{border:1px solid transparent;}
        tfoot{color:inherit;}
    :root {  /* CSS Variables */
        --top-spacer: 84px;
        --hashid-px: -84px;
        --tmp-var: 100%;
        --mq-wpx: 320px;
        --slab-wpx: 1280px;
        --slabfull-wpx: 1920px;
        --slabmax-wp: 100%;
        --mq-w: 320;
        --slab-w: 1280;
        --slabfull-w: 1920;
        --bot-spacer: 90px;
        --test-color:transparent;
    }

        /* END DEFAULT SETTINGS TAGS:Modified from Normalize */

    /*-------------------------------------------------------*/
    /* START ACCESSIBILITY */
    .cSkip {display: inline-block;position: absolute;margin-left: -999px;left: 0px;top: auto;width: 1px;height: 1px; overflow: hidden; z-index: -99;}
    .cSkip:focus,.cSkip:active {color: #000;background-color: hsl(60, 100%, 50%);width: auto;height: auto;overflow: auto;margin: 10px;padding: 2%;border-radius: 8px;border: 4px solid;font-size: 160%; z-index: 1100;}
    /* END ACCESSIBILITY */
    /*-------------------------------------------------------*/

    #dTestFixed {width: 100%;height: auto;max-width: 100%;top: 0px;left: 0px;z-index: 2000;border-bottom: 5px dashed #000;}



    /*-------------------------------------------------------*/
    /* START STRUCTURAL BOXES */
    /*-------------------------------------------------------*/
    /* START SLABS */
    .cSlab,.cSlabFull,.cSlabMax {width: 100%; height: auto;z-index: 10;}
    .cSlab>div, .cSlabFull>div, .cSlabMax>div {margin: 0px auto;}
    .cSlab>div {max-width: 1280px;}
    .cSlabFull>div {max-width:1920px;}
    .cSlabMax>div {max-width:100%;}
    .cFixed {display: block;position: fixed; margin: 0px 0px 0px 0px; z-index: 500;}
    /* END SLABS */

    /* START POP BOX */
    /* popBox is OFF in beginning and off if screen width < 640 or height < 550 */
    #dPopBoxFixed {display: none; position: fixed; top: 0px;left: 0px;width: 100%;     height: 100%; text-align: center; z-index: 500;}
    #dPopOpac {display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #000;color: #fff;opacity: 0.8;cursor: pointer;}
    #dPopBox {position: relative;display: inline-block;height: auto;max-width: 94%;overflow: hidden;margin: 2% auto 2% auto;border: 1px solid #000;padding: 8px 8px 8px 8px;background-color: #fff;}
    #dPopBox>div {display: block;position: relative;background-color: transparent;color: #000;border: 0px solid #919293;padding: 3px;}
    /* END POP BOX */

    #dTopSpacer {display: block;width: 100%;height: var(--top-spacer, 84px);border:1px solid transparent;color:#fff;background-color:#000;}
    /* height same as dTopFixed */ /* Names of spacer = dHashID-bBody, dHashID-dsSiteMap, dHashID-dsContent*/
    .cHashID { display: block; position: absolute; left: -5px;top: var(--hashid-px, -104px); width: 10px;height: 10px;background-color: var(--test-color, transparent);z-index: 200;}
    .cLastMod {margin-top:1rem; border-top: 1px solid #ddd; padding: 2%;text-align: right;color: #4C555B;font-size: 70%;}
 
    /*-------------------------------------------------------*/

    /*############################################################# START LAZY LOAD */
    /* DEPENDENCIES: */
    img[data-nll=""] {filter: opacity(20%) blur(5px) grayscale(50%);}
    img[data-nll="x"] {filter: opacity(100%) blur(0px) grayscale(0%);transition: all 0.5s ease-out;}
    img[data-nll] {display: block;width: 100%;max-width: 100%;height: auto;background: #fff url('https://n8.imgix.net/mbr/media/logo/logo-mbr-76x76.png') no-repeat center center;background-size: 76px 76px;}  /* used in-lieu of cImgScale */
    .cImgScale{display: inline-block;vertical-align: bottom;width: 100%;height: auto;max-width: 100%;}
    .cBGLogo{background: #ffffff url('https://n8.imgix.net/mbr/media/logo/logo-mbr-76x76.png') no-repeat center center;}
    /*############################################################# END LAZY LOAD */

        /*--*/
        #dsTopFixed {
            display: block;
            position: fixed;
            top: 0px;
            left: 0px;
            background-color: #fff;
            border-bottom: 1px solid #444;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        #dsTopFixed .cMW300 {
            max-width: 300px;
        }

        #dsTopFixed .cBtnList {
            width: 100%;
            background-color: #fff;
            text-align: left;
            padding-left: 40px;
        }

        #dsTopFixed .cBtnList a {
            text-decoration: none;
            font-weight: bold;
            border-bottom: 0px solid #000;
            color: #444054;
            padding: 5px 10px;
        }

        #dsTopFixed .cBtnList a:hover {
            border-bottom: 2px solid #000;
            color: #000;
        }

        #dsTopFixed .cHeroText {
            position: fixed;
            top: 0px;
            left: 0px;
            padding-left: 40px;
            color: white;
            z-index: 1000;
        }

        .cCenterUsingFlex{display:flex; justify-content: center; align-items:center;}



        .cFlexHeader {
            display: flex;
            align-items: stretch;
            justify-content: center;
            flex-wrap: wrap;
        }

        .cFlexHeader>div {
            flex: 1;
            min-width: 280px;
            text-align: center;
        }

        .cFlexHeader>div>div {
            color: inherit
        }

        .cFlexHeader img {
            width: auto;
            height: auto;
            max-width: 100%;
        }

        .cHeaderBtn {
            color: inherit;
            
        }

        .cHeaderBtn a {
            display: inline-block;
            padding-bottom: 2%;
            margin: 3px 4px;
            text-decoration: none;
            border-bottom: 1px solid #fff;
            color: #000;
            font-weight: bold;
        }

        .cHeaderBtn a:hover {
            border-bottom: 1px solid #000;
            color: hsl(195, 95%, 25%);
        }

        .cMW25p {
            max-width: 25%;
        }

        #dsHero {
            display: block;
            position: relative;
            /*background-color: hsl(180, 67%, 98%);*/
            background: #ffffff url('https://n8.imgix.net/mbr/media/logo/logo-mbr-76x76.png') no-repeat center center;
            border-bottom: 0px solid hsla(240, 5%, 16%, 1.00);
            margin: 0px auto 0px auto;
            z-index: 9;
        }

        /*hsla(210,14%,95%,1.00)*/  /*-110px;*/
        .cHeroBar {
            position: absolute;
            right: 1%;
            height: 30px;
            margin-top: -7%;
            background-color: transparent;
        }

        .cHeroBar img {
            cursor: pointer;
            margin-right: 10px;
            box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, 0.3), 0 6px 20px 0 hsla(0, 0%, 0%, 0.22);
        }

        .cHeroBar img:hover {
            margin-top: 0px;
        }

        #dFlashSale{
            z-index:50;
            position:absolute;
            padding:0.5% 0 0.5% 0;
            top:5%;
            
            background-color:hsla(237, 37%, 12%, 0.7);
            border-top: thin solid hsla(0, 0%, 100%, 0.8);
             border-bottom: thin solid hsla(0, 0%, 100%, 0.8);
        }
        #dFlashSale>div{padding:1%;font-weight:600;background-color:transparent;color:white;border-radius:5px;}
        #dFlashSale a:hover{text-decoration:none;color:#00ffff;}
        .cCol-flash{color:#00ffff;}
        .cBGC-flash{background-color:#1b1a34;}

        
        #dsDatePick {
            margin-top: -4%;
            z-index: 200;
        }

        #dsApartments {
            border-top: 8px solid #C1CCD1;
        }

        #dCacher {
            display: block;
        }

        /* move dCacher to fixed off screen  */
        #dCacher img {
            display: none;
        }

    /*-------------------------------------------------------*/
    /* START TABLE DEFAULT */
    /* NOTE: Images are best at beginning or end of information */
    .cTblDefault{background-color:#eee;margin:1%;border:1px solid #999;}


    /* END TABLE DEFAULT */
    /*-------------------------------------------------------*/

    /*-------------------------------------------------------*/
    /* START COLUMN-COUNT */
    /* NOTE: Images are best at beginning or end of information */
    .cCC1 {column-count: 1;}
    .cCC2 {column-count: 2;}
    .cCC3 {column-count: 3;}
    .cCC4 {column-count: 4;}
   .cCC5 {column-count: 5;}
    .cCC,.cCC2,.cCC3,.cCC4,.cCC5 {column-gap: 3%; padding: 0%;text-align: left;}
    .cCC1 img,.cCC2 img,.cCC3 img,.cCC4 img,.cCC5 img {max-width: 98%;margin: 2px auto;}
    .cCCR {column-rule: 1px dotted #ddd;}
    /* END COLUMN-COUNT */
    /*-------------------------------------------------------*/

    /*-------------------------------------------------------*/
    /* START FLEX  */
    .cFlex {display: flex;align-items: stretch;justify-content: center;flex-wrap: wrap;padding: 0px;margin: 0px auto;}
    .cFlex.cFlexNoWrap {flex-wrap: nowrap;}
    .cFlex.cFlexMiddle {align-items: center;}
    .cFlex>div {flex: 1; margin: 1%;border: 0px solid #ddd;}
    .cFlex>div a {display: inline-block;width: 100%;padding: 3px 4px;margin: 1px;text-decoration: none;background-color: #f9f5ec;color: #000;}
    .cFlex>div a:hover {background-color: #D0F0D7;color: #000;}

    /*flex min to max widths (no space between classes )*/
    .cFlex.cMMW200-320>div {min-width: 200px;max-width: 320px;}
    .cFlex.cMMW280-320>div {min-width: 280px;max-width: 320px;}
    .cFlex.cMMW280-480>div { min-width: 280px;max-width: 480px;}
    .cFlex.cMMW280-640>div {min-width: 280px;max-width: 640px;}
    /* END FLEX  */
    /*-------------------------------------------------------*/

        /* START CARDS  */
        .cFlex.cCardA>div {
            padding-bottom: 40px;
            text-align: center;
            background-color: #fff;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            border: 1px solid #ccc;
        }

        .cFlex.cCardA>div>img {
            width: 100%;
            height: auto;
            max-width: 100%;
        }

        .cFlex.cCardA img[data-link]:hover {
            cursor: pointer;
            filter: grayscale(1.0);
            opacity: 0.8;
        }

        .cFlex.cCardA>div:first-child {
            background-color: #fff;
        }

        .cFlex.cCardA>div>div {
            padding: 1%;
        }

        .cPutBot {
            min-width: 100%;
            position: absolute;
            bottom: 0px;
        }

        .cFlex.cPutBot a {
            display: inline-block;
            width: 100%;
            padding: 3px 4px;
            margin: 1px;
            text-decoration: none;
            background-color: #f9f5ec;
            color: #000;
            text-align: center;
        }

        .cFlex.cPutBot a:hover {
            background-color: #D0F0D7;
            color: #000;
        }

        /* END CARDS  */
        /*-------------------------------------------------------*/

        /*-------------------------------------------------------*/
        /* START GALLERY GRID */
        .cGallery-grid {
            margin: 0px auto;
            max-width: 100%;
            display: grid;
            grid-auto-flow: dense;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            grid-auto-rows: 200px;
            grid-gap: 5px;
            padding: 5px;
        }

        .cGallery-grid .cGGImg {
            grid-area: span 1/span 1;
        }

        .cGallery-grid .cGGImg--horizontal {
            grid-area: span 1/span 2;
        }

        .cGallery-grid .cGGImg--vertical {
            grid-area: span 2/span 1;
        }

        .cGallery-grid .cGGImg--big {
            grid-area: span 2/span 2;
        }

        @media (max-width: 310px) {

            .cGallery-grid .cGGImg--horizontal,
            .cGallery-grid .cGGImg--vertical,
            .cGallery-grid .cGGImg--big {
                grid-area: span 1/span 1;
            }
        }

        .cGallery-grid div img {
            width: 100%;
            /*width:100%*/
            height: 100%;
            /*height:100%*/
            object-fit: cover;
            border: 1px solid #aaa;
            border-radius: 7px;
            background-color: inherit;
        }

        /* END GALLERY GRID */
        /*-------------------------------------------------------*/
        /* END STRUCTURAL BOXES */
        /*++++++++++++++++++++++++++++++++++++++++++++*/
        /*-------------------------------------------------------*/

        /*-------------------------------------------------------*/
        /* START IMAGE SCALER */
        /* used for Hero, miniHero, all images withing the LLDalk, will work for none image boxes as well */

        /* END IMAGE SCALER */
        /*-------------------------------------------------------*/

        /*-------------------------------------------------------*/
        /* START TRANSITIONS (i.e lazy-load) */
        /*
img[data-ll="y"] {opacity:0.2;filter:blur(10px) grayscale(80%);}
img[data-ll="x"] {opacity:1; filter:blur(0px) grayscale(0%);transition: all 0.6s ease-out;}
*/
        [data-fadeIn] {
            opacity: 0.2;
            filter: blur(10px) grayscale(80%);
        }

        [data-fadeIn="x"] {
            opacity: 1;
            filter: blur(0px) grayscale(0%);
            transition: all 0.6s ease-out;
        }

        [data-slideIn] {
            opacity: 0.2;
        }

        [data-slideIn="x"] {
            opacity: 1;
            transition: all 0.6s ease-out;
        }

        /* END TRANSITIONS */
        /*-------------------------------------------------------*/

        /*-------------------------------------------------------*/
        /* START FONT AWESOME */
        [data-fa] {
            background-color: transparent;
            color: #9A5A04;
        }

        /* default color */
        /* font size width in em, can be used for any box, however REQUIRED for font-awesome */
        .cFSW80e {
            width: 0.80em;
        }

        .cFSW90e {
            width: 0.90em;
        }

        .cFSW100e {
            width: 1.00em;
        }

        .cFSW110e {
            width: 1.10em;
        }

        .cFSW120e {
            width: 1.20em;
        }

        .cFSW130e {
            width: 1.30em;
        }

        .cFSW140e {
            width: 1.40em;
        }

        .cFSW150e {
            width: 1.50em;
        }
        .cFSW160e {
            width: 1.60em;
        }
        .cFSW170e {
            width: 1.70em;
        }
        .cFSW180e {
            width: 1.80em;
        }
        .cFSW190e {
            width: 1.90em;
        }

        .cFSW200e {
            width: 2.00em;
        }
        .cFSW300e {
            width: 3.00em;
        }
        .cFSW400e {
            width: 4.00em;
        }
        .cFSWScale {
            width: 100%;
            height: auto;
            max-width: 100%;
        }

        /* scale must be in box */
        /* END FONT AWESOME */
        /*-------------------------------------------------------*/




        blockquote,
        .cDivQuote {
            margin: 2% 6% 2% 6%;
            border: 0px;
            padding: 2% 3%;
            border-left: 5px solid #444054;
            background-color: hsla(0, 0%, 98%, 1.00);
        }

        .cImgBG {
            background-color: hsla(206, 4%, 69%, 1.00);
        }

        .cBoxShadow {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

        .cTextShaddow {
            text-shadow: 4px 4px 4px hsla(0, 0%, 10%, 1.00);
        }

        a img {
            border: 0px;
        }

        .cOpac70 {
            opacity: 0.70;
        }

        /* NEW COLORS */
        .cSwatch {
            display: inline-block;
            width: 50px;
            height: 50px;
            margin: 5px;
        }

 

        .cCol-darkWall {
            color: #704D00;
        }

        .cCol-wall {
            color:#704D00;
        }

        /* based on wall color */
        .cCol-grey {
            color: #f4f4f4;
        }

        .cCol-blue {
            color: #02506C;
        }

        .cCol-dark {
            color: #444054;
        }

        .cCol-w {
            color: #fff;
        }

        .cCol-b {
            color: #000;
        }

       .cBGC-red{background-color:hsl(0, 90%, 40%);}

        .cBGC-darkWall {
            background-color: #704D00;
        }

        .cBGC-wall {
            background-color: #704D00;
        }

        /* based on wall color #F3A73D; */
        .cBGC-grey {
            background-color: #f4f4f4;
        }

        .cBGC-blue {
            background-color: #0666c5;
        }

        .cBGC-dark {
            background-color: #444054;
        }

        .cBGC-w {
            background-color: #fff;
        }

        .cBGC-b {
            background-color: #000;
        }

        /*
    .cFlex{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;margin:0.5% 0.5%;}
    .cFlex.cFlexNoWrap{flex-wrap:nowrap}
    .cFlex>div{flex:1;margin:0.5% 0.5%;padding:1% 1%;}
    .cFlex img{width:auto;height:auto;max-width:100%;}
*/      .cH140{height:140px;}
        .cW30 {
            display: inline-block;
            width: 30px;
        }

        .cW40 {
            display: inline-block;
            width: 40px;
        }

        .cW50 {
            display: inline-block;
            width: 50px;
        }

        .cW300 {
            display: inline-block;
            width: 300px;
            height: auto;
            padding: 0px;
            margin: 0px;
            background-color: #fff
        }

        .cW280 {
            display: inline-block;
            width: 280px;
            height: auto;
            padding: 0px;
            margin: 0px;
            background-color: #fff
        }

        .cW130 {
            display: inline-block;
            width: 130px;
            height: auto;
            padding: 0px;
            margin: 0px;
            background-color: #fff;
        }

        .cW60 {
            display: inline-block;
            width: 63px;
            height: auto;
            padding: 0px;
            margin: 0px;
            background-color: #fff;
        }

        .cMM300-300>div {
            min-width: 300px;
            max-width: 300px;
        }

        .cMM300-480>div {
            min-width: 300px;
            max-width: 480px;
        }

        /* default flex */
        .cMM300-640>div {
            min-width: 300px;
            max-width: 640px;
        }

        .cMM300-800>div {
            min-width: 300px;
            max-width: 800px;
        }

        .cMM300-960>div {
            min-width: 300px;
            max-width: 960px;
        }

        .cMM300-1120>div {
            min-width: 300px;
            max-width: 1120px;
        }

        .cMM300-1280>div {
            min-width: 300px;
            max-width: 1280px;
        }






        /*
.cFlex{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;}
.cFlex>div{flex:1;min-width:240px;max-width:640px;text-align:center;}
.cFlex>div>div{}
.cFlex img{width:auto;height:auto;max-width:100%;}
*/


        /* START NEW METHOD standard 280-640 flex */
        /* used for date picker */
        .cFleX {display: flex;align-items: stretch;justify-content: center;flex-wrap: wrap;}

        /* flex-wrap:wrap; */
        .cFleX>div {flex: 1;min-width: 280px;max-width: 640px;margin: 0%;}

        .cFleX-reverse {flex-direction: row-reverse;}

        .cFleX-280-280>div {min-width: 280px; max-width: 280px;}

        .cFleX-280-640>div {min-width: 280px;max-width: 640px;}

        .cFleX select,.cFleX select {font-size: 0.9em;}

        .cW300{display: inline-block;width: 300px;height: auto;padding: 0px;margin: 0px;background-color: #fff;}
        .cW280 {display:inline-block;width:280px;height: auto;padding: 0px;margin: 0px;background-color: #fff;}

        .cW130 {
            display: inline-block;
            width: 130px;
            height: auto;
            padding: 0px;
            margin: 0px;
            background-color: #fff;
        }

        .cW60 {
            display: inline-block;
            width: 63px;
            height: auto;
            padding: 0px;
            margin: 0px;
            background-color: #fff;
        }

        /* END NEW METHOD standard 280-640 flex */


        /* DUAL BOOKING BUTTON uses cFlex*/
        .cBookBtn {
            max-width: 180px;
            cursor: pointer;
        }

        .cBookBtn>div {
            color: #fff;
            text-align: center;
            font-size: 120%;
            font-weight: 500;
            padding: 2%;
        }

        .cBook1 {
            background-color: #003580;
            cursor: pointer;
        }

        .cBook2 {
            background-color: #CE8000;
            cursor: pointer;
        }



        .cMW100 {
            min-width: 100px;
        }

        .cMW80 {
            max-width: 80px;
        }

   .cMW120 {
            min-width: 120px;
        }

        .cMW240 {
            max-width: 240px;
        }
        .cMW280 {
            max-width: 280px;
        }
        .cMW320 {
            max-width: 320px;
        }
        .cW400 {
            width: 400px;
        }
        .cMW480 {
            min-width: 480px;
        }

        .cMW640 {
            max-width: 640px;
        }

        .cMW800 {
            width:100%;
            max-width: 800px;
        }

        .cMW960 {
            max-width: 960px;
        }

        .cMW1280 {
            max-width: 1280px;
        }

        .cMW1920 {
            max-width: 1920px;
        }

        .cNum1 {
            height: 0px;
            margin: 0px auto 0px auto;
            z-index: 210;
        }

        .cNum2 {
            height: 0px;
            z-index: 212;
        }

        .cNum3 {
            margin: 0px auto 0px auto;
        }

        .cNum4 {
            border-bottom: 1px solid #888;
            border-top: 1px solid #888;
        }

        .cNum5 {
            outline: none;
        }

        .cNum6 {
            border-bottom: 1px solid #888;
        }

        /*.cNum7{  }*/
        /*.cNum8{  }*/
        /*.cNum9{  }*/

        .cFlex100 {
            display: flex;
            align-items: stretch;
            justify-content: center;
        }

        .cFlex100>div {
            flex: 1;
            min-width: 80px;
            max-width: 100px;
            text-align: center;
        }

        .cFlex100 img {
            width: auto;
            height: auto;
            max-width: 100%;
        }

        .cFlex140 {
            display: flex;
            align-items: stretch;
            justify-content: center;
            flex-wrap: wrap;
        }

        .cFlex140>div {
            flex: 1;
            min-width: 130px;
            max-width: 200px;
            text-align: left;
            margin: 2px;
            padding: 3px;
        }

        .cFlex140 img {
            width: auto;
            height: auto;
            max-width: 100%;
        }


        .cP10 {
            padding: 10px;
        }

        #dLogoHolder {
            display: inline-block;
            background-color: #000;
            height: 120%;
            margin: 0px 20px 0px 20px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            border-bottom: 2px solid #F3A73D;
        }

        /* sitemap btn */
        .cSMBtn {
            color: inherit;
        }

        .cSMBtn a {
            text-decoration: none;
            display: block;
            padding: 1%;
            border-bottom: 1px solid #ddd;
        }

        /*color:#704D00;*/
        .cSMBtn a:hover {
            border-bottom: 1px solid #000;
        }

        .cBtn {
            display: inline-block;
            padding: 1px 6px;
            font-weight: 600;
            cursor: pointer;
            background-color: #704d00;
            color: #fff;
            border: 1px solid #999;
            border-radius: 5px;
        }

        .cBtn:hover {
            background-color: green;
            color: #fff;
        }


        .cCard320 {
            width: 100%;
            height: auto;
            max-width: 150px;
            min-width: 120px;
            margin: 1%;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            background-color: #fff;
        }

        .cCard640 {
            font-size: 1rem;
            width: 100%;
            height: auto;
            max-width: 640px;
            min-width: 320px;
            border: 0px solid #888;
            padding: 0% 0% 1% 0%;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            background-color: #fff;

        }

        .cCard640>div {
            color: inherit;
        }

        .cCard640 .cCardText {
            padding: 1% 4% 60px 4%;
        }

        .cDivBot {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            padding: 3%;
            text-align: right;
            background-color: #f9f9f9;
        }


        .cBtnBookDirect {
            background-color: #704D00;
            color: #fff;
            padding: 1px 6px;
            border-radius: 3px;
        }

        .cBtnBookOnline {
            background-color: #003580;
            color: #fff;
            padding: 1px 6px;
            border-radius: 3px;
        }



        .cDiscount {
            display: inline-block;
            border: 1px solid #555;
            font-size: 300%;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            padding: 5%;
        }

        .cW70 {
            width: 70px;
        }

        .cWF300 {
            display: inline-block;
            width: 300px;
            max-width: 300px;
            margin: 0px auto;
            background-color: transparent;
        }



        /* CARDS */





        .cPgBtn a {
            border: 1px solid #555;
            padding: 3px 6px;
            margin: 4px 2px;
            font-size: 100%;
            border-radius: 5px;
            background-color: hsla(129, 59%, 45%, 1.00);
            color: #fff;
            font-weight: 600;
            cursor: pointer;
        }

        .cPgBtn a:hover {
            border: 1px solid hsla(0, 0%, 0%, 1.00);
            background-color: hsla(129, 95%, 50%, 1.00);
            color: #000;
        }


        /* GENERL CLASSES */
        .cDI {
            display: inline;
        }

        .cDIB {
            display: inline-block;
        }

        .cDB {
            display: block;
        }

        .cFastCache {
            display: none;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }

        .cBold {
            font-weight: bold;
        }

        .cClear {
            clear: both;
        }

        .cCenter {
            margin: 0px auto 0px auto;
        }

        .cNone {
            display: none;
        }

        .cVASub {
            vertical-align: sub;
        }

        .cTAL {
            text-align: left;
        }

        .cTAC {
            text-align: center;
        }

        .cTAR {
            text-align: right;
        }

        .cP1p {
            padding: 1%;
        }

        .cP2p {
            padding: 2%;
        }

        .cP3p {
            padding: 3%;
        }

        .cP4p {
            padding: 4%;
        }

        .cNoDot.cULGreenTick li {
            position: relative;
            padding-left: 2em;
        }

        /* reserve a space */

        /*.cNoDot.cULGreenTick li:before{content:'\2714\0020';position:absolute;left:0px;width:1em;height:1em;}  removed for testing*/
        .cP0224p {
            padding: 0px 2px 2px 4px;
        }

        .cP3000p {
            padding: 4% 0% 0% 1.5%;
        }

        .cM1p {
            margin: 1%;
        }

        .cFS70p {
            font-size: 70%;
        }

        .cFS80p {
            font-size: 80%;
        }

        .cFS100p {
            font-size: 100%;
        }

        .cFS110p {
            font-size: 110%;
        }

        .cFS140p {
            font-size: 140%;
        }

        .cFS200p {
            font-size: 200%;
        }

        .cFS200p {
            font-size: 300%;
        }

        .cBRad3 {
            border-radius: 3px;
        }

        .cBRad7 {
            border-radius: 7px;
        }

        .cBRad11 {
            border-radius: 11px;
        }

        .cBRadCircle {
            border-radius: 50%;
        }

        .cB1w {
            border: 1px solid #fff;
        }

        .cB1g {
            border: 1px solid hsla(0, 0%, 80%, 1.00);
        }

        .cB1b {
            border: 1px solid #000;
        }

        .cB1g80 {
            border: 1px solid hsla(0, 0%, 80%, 1.00);
        }

        /* DEFAULT BOX SETTINGS */
        body {
            background-color: #fff;
            color: hsla(222, 67%, 12%, 1.00);
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .ch1,
        .ch3,
        .ch4,
        .ch5,
        .ch6 {
            color: hsla(189, 67%, 14%, 1.00);
        }





        /* START WHITE BOX - SAME AS DEFAULT */
        .cBox-white {
            /* Same as default */
            background-color: #fff;
            color: hsla(222, 67%, 12%, 1.00);
        }

        .cBox-white h1,
        .cBox-white h2,
        .cBox-white h3,
        .cBox-white h4,
        .cBox-white h5,
        .cBox-white h6,
        .cBox-white .ch1,
        .cBox-white .ch3,
        .cBox-white .ch4,
        .cBox-white .ch5,
        .cBox-white .ch6 {
            color: hsla(189, 67%, 14%, 1.00);
        }

        .cBox-white .cGalleryBtn-unit {
            display: inline-block;
            width: 60px;
            height: 60px;
            border: 1px solid #555;
            padding: 4px;
            background-color: hsla(88, 39%, 73%, 1.00);
            cursor: pointer;
            border-radius: 14px;
            text-align: center;
            font-weight: 600;
            line-height: 1.2;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

        .cBox-white .cGalleryBtn-unit:hover {
            background-color: hsla(129, 59%, 45%, 1.00);
            color: #fff;
            border: 1px solid #000;
        }

        .cBox-white .cOceanView {
            background-color: hsla(181, 68%, 74%, 1.00)
        }

        .cBox-white a {
            color: hsla(211, 91%, 44%, 1.00);
        }

        .cBox-white a:hover {
            color: hsla(121, 42%, 60%, 1.00);
        }

        .cBox-white .cGalleryBtn-unit {
            display: inline-block;
            width: 60px;
            height: 60px;
            border: 1px solid #555;
            padding: 4px;
            background-color: hsla(88, 39%, 73%, 1.00);
            cursor: pointer;
            border-radius: 14px;
            text-align: center;
            font-weight: 600;
            line-height: 1.2;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

        .cBox-white .cGalleryBtn-unit:hover {
            background-color: hsla(129, 59%, 45%, 1.00);
            color: #fff;
            border: 1px solid #000;
        }

        .cBox-white .cOceanView {
            background-color: hsla(181, 68%, 74%, 1.00);
        }

        .cBox-white .cBoxShadow {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        .cBox-white .cTextShaddow {
            text-shadow: 4px 4px 4px hsla(0, 0%, 10%, 1.00);
        }


        /* END DESIGN BOXES */




        /* START BLACK BOX */

        /* START TARGET SETTINGS  */

        /* Gallery .pop */
        .cPop .cPopMainImg {
            width: 100%;
            height: 100%;
            max-width: 1280px;
            border: 1px solid #fff;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            border-radius: 5px;
            opacity: 1;
            transition: opacity 0.3s linear;
        }

        .cPop .cPopMainImg[data-fade] {
            opacity: 0.9;
        }

        .cBotBar {
            text-align: center;
            margin-top: -30px;
            cursor: pointer;
        }

        .cBotBar img {
            margin: 0px 2px;
            border: 1px solid #fff;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.22);
        }

        .cBotBar img:hover {
            border: 1px solid #63DBB4;
        }



        /* Gallery buttons */
        .cGalleryBtn-unit {
            display: inline-block;
            font-size: 0.9rem;
            width: auto;
            height: 64px;
            margin: 1px;
            border: 1px solid #888;
            padding: 4px;
            background-color: hsla(90, 33%, 91%, 1.00);
            cursor: pointer;
            text-align: center;
            font-weight: 600;
            line-height: 1.2;
        }

        .cGalleryBtn-unit:hover {
            background-color: hsla(97, 95%, 85%, 1.00);
            color: #000;
            border: 1px solid #000;
        }

        .cOceanView {
            background-color: hsla(184, 27%, 89%, 1.00)
        }


        #dsUtility {
            color: #fff;
            background-color: #000;
        }

        #dsUtility a {
            color: #f3a73d;
            font-weight: bold;
        }

        #dsUtility a:hover {
            color: #fff;
        }

        /* END TARGET SETTINGS  */

        /* ################################################################################################## new */
        .cDivBot {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            text-align: right;
            background-color: #f9f9f9;
        }

        .cBoxBtn {
            display: inline-block;
            padding: 2% 3%;
            margin: 1px;
            border: 1px solid #888;
            cursor: pointer;
            background-color: #fff;
            color: #888;
        }


        .cP1p {
            padding: 1%;
        }

        .cP1010p {
            padding: 1% 0% 1% 0%;
        }

        .cP2p {
            padding: 2%;
        }

        .cP2020p {
            padding: 2% 0% 2% 0%;
        }

        .cM1p {
            margin: 1%;
        }

        .cM1010p {
            margin: 1% 0% 1% 0%;
        }

        .cM2p {
            margin: 2%;
        }

        .cM2020p {
            margin: 2% 0% 2% 0%;
        }

        .cMWSlab {
            max-width: 1280px;
            margin: 0px auto;
        }

        .cMWSlabFull {
            max-width: 1920px;
            margin: 0px auto;
        }

        .cMWSlabMax {
            max-width: 100%;
            margin: 0px auto;
        }





        .cFlex640 {
            display: flex;
            align-items: stretch;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 3%;
        }

        .cFlex640>div {
            flex: 1;
            min-width: 280px;
            max-width: 640px;
            margin: 2% 2% 2% 2%;
        }



        .cFlexCard640 {
            display: flex;
            align-items: stretch;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0%;
        }

        .cFlexCard640>div {
            flex: 1;
            min-width: 320px;
            max-width: 640px;
            margin: 2% 1% 2% 1%;
        }

        .cWrapRev {
            flex-wrap: wrap-reverse;
        }






        /*-------------------------------------------------------*/
        /*++++++++++++++++++++++++++++++++++++++++++++*/
        /* START DATE PICKER */
        #dPickerPlacement {
            max-width: 640px;
            height: auto;
            margin: 0px auto 0px auto;
            top: 0px;
            padding-top: 0px;
        }

        #aCD {
            display: block;
            padding: 5px;
            margin: 29px 0 8px 0;
            border: 1px solid #555;
            background-color: hsla(215, 100%, 25%, 1.00);
            color: #fff;
        }

        #aCD:hover {
            background-color: hsla(215, 100%, 14%, 1.00);
        }

        #dDatePicker {
            margin: 1%;
            max-width: 640px;
            border: 1px solid #888;
            background-color: #fff;
        }

        .cInpDate {
            width: 130px; /* !important; */
        }

        .cInpSel {
            width: 60px; /* !important; */
            font-size: 0.80rem;
            padding: 6px;
        }

        /*font-size:13px;*/

        .cInpStandard {
            font-size: 0.80rem;
            padding: 6px;
        }

        /*font-size:13px;*/
        .cW280 {
            width: 280px;
        }

        #dDatePicker label {
            font-weight: bold;
        }

        #dDatePicker input[type="text"],
        #dDatePicker select,
        #dDatePicker #btnAvailable {
            margin: 0.5em 0 0.5em 0;
            padding: 0.5em;
        }

        #dDatePicker label {
            display: inline-block;
            padding: 4px 0 0 0;
        }

        #dDatePicker #btnAvailable {
            display: block;
            background-color: hsla(183, 95%, 22%, 1.00);
            color: #fff;
            cursor: pointer;
            border: 1px solid #555;
            font-weight: bold
        }

        #dDatePicker #btnAvailable:hover {
            background-color: hsla(127, 96%, 22%, 1.00);
            color: #fff;
            border: 1px solid #07F831;
        }

        .pika-single {
            z-index: 9999;
            display: block;
            position: relative;
            color: #333;
            background: #fff;
            border: 1px solid #ccc;
            border-bottom-color: #bbb;
            font-family: sans-serif
        }

        .pika-single:after,
        .pika-single:before {
            content: "";
            display: table
        }

        /* content:" " */
        .pika-single:after {
            clear: both
        }

        .pika-single.is-hidden {
            display: none
        }

        .pika-single.is-bound {
            position: absolute;
            box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
        }

        .pika-lendar {
            float: left;
            width: 240px;
            margin: 8px
        }

        .pika-title {
            position: relative;
            text-align: center
        }

        .pika-label {
            display: inline-block;
            position: relative;
            z-index: 9999;
            overflow: hidden;
            margin: 0;
            padding: 5px 3px;
            font-size: 1.1rem;
            line-height: 22px;
            font-weight: 300;
            background-color: #fff
        }

        /* font-size:18px; */
        .pika-title select {
            cursor: pointer;
            position: absolute;
            z-index: 9998;
            margin: 0;
            left: 0;
            top: 5px;
            opacity: 0
        }

        .pika-next,
        .pika-prev {
            display: block;
            cursor: pointer;
            position: relative;
            outline: 0;
            border: 0;
            padding: 0;
            width: 20px;
            height: 30px;
            text-indent: 20px;
            white-space: nowrap;
            overflow: hidden;
            background-color: transparent;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            opacity: .5
        }

        .pika-next:hover,
        .pika-prev:hover {
            opacity: 1
        }

        .is-rtl .pika-next,
        .pika-prev {
            float: left;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)
        }

        .is-rtl .pika-prev,
        .pika-next {
            float: right;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)
        }

        .pika-next.is-disabled,
        .pika-prev.is-disabled {
            cursor: default;
            opacity: .2
        }

        .pika-select {
            display: inline-block
        }

        .pika-table {
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
            border: 0
        }

        .pika-table td,
        .pika-table th {
            width: 14.285714285714286%;
            padding: 0
        }

        .pika-table th {
            color: #999;
            font-size: 1.0rem;
            line-height: 25px;
            font-weight: 600;
            text-align: center
        }

        /* font-size:14px */

        .pika-button {
            cursor: pointer;
            display: block;
            box-sizing: border-box;
            outline: 0;
            border: 0;
            margin: 0;
            width: 100%;
            padding: 5px;
            color: #666;
            font-size: 1.1rem;
            line-height: 16px;
            text-align: right;
            background: #fafafa
        }

        /* font-size:16px */

        .pika-week {
            font-size: 0.7rem;
            color: #999
        }

        /* font-size:11px */
        .is-today .pika-button {
            color: #3af;
            font-weight: 700
        }

        .has-event .pika-button,
        .is-selected .pika-button {
            color: #fff;
            font-weight: 700;
            background: #3af;
            box-shadow: inset 0 1px 3px #178fe5;
            border-radius: 3px
        }

        .has-event .pika-button {
            background: #005da9;
            box-shadow: inset 0 1px 3px #0076c9
        }

        .is-disabled .pika-button,
        .is-inrange .pika-button {
            background: #d5e9f7
        }

        .is-startrange .pika-button {
            color: #fff;
            background: #6cb31d;
            box-shadow: none;
            border-radius: 3px
        }

        .is-endrange .pika-button {
            color: #fff;
            background: #3af;
            box-shadow: none;
            border-radius: 3px
        }

        .is-disabled .pika-button {
            pointer-events: none;
            cursor: default;
            color: #999;
            opacity: .3
        }

        .is-outside-current-month .pika-button {
            color: #999;
            opacity: .3
        }

        .is-selection-disabled {
            pointer-events: none;
            cursor: default
        }

        .pika-button:hover,
        .pika-row.pick-whole-week:hover .pika-button {
            color: #fff;
            background: #ff8000;
            box-shadow: none;
            border-radius: 3px
        }

        .pika-table abbr {
            border-bottom: none;
            cursor: help
        }

        /* END DATE PICKER */
        /*++++++++++++++++++++++++++++++++++++++++++++*/
        /*-------------------------------------------------------*/


        /*++++++++++++++++++++++++++++++++++++++++++++*/
        /*-------------------------------------------------------*/

        /* GOOGLE MAP */
        #imgGM {
            opacity: 1.0;
            border: 1px solid #fff;
        }

        #imgGM:hover {
            opacity: 0.8;
            border: 1px solid #d8aa0b;
        }

        /* START MEDIA QUERY */
        /*-------------------------------------------------------*/
        /* nested mq allowed */

        /* LATER: https://developer.mozilla.org/en-US/docs/Web/CSS/@supports*/

        @media all {}
        .cPrintOn,.cx320,.cx480,.cx640,.cx800,.cx960,.cx1120,.cx1280,.cx1440,.cx1600,.cx1920,.cx2880,.cx3840{display: none;}
        .cPrintOff{display:initial;}

        @media all and (min-width:0px) { /* major 1x */
             :root {--mq-w: 320;}
            .cx320{display:initial;}
            .CC1,.cCC2,.cCC3,.cCC4,.cCC5 {column-count: 1;}
            .cDFS{font-size:80%;}
        }

        @media all and (min-width:480px) { /* minor 1.5x */
            :root {--mq-w: 480;}
           .cx480{display:initial;}
           .cDFS{font-size:85%;}
        }

        @media all and (min-width:640px) {  /* major 2x */
            :root {--mq-w: 640;}
            .cx640{display:initial;}
            .cCC2,.cCC3,.cCC4,.cCC5 {column-count: 2;}
            .cDFS{font-size:90%;}
        }

        @media all and (min-width:800px) { /* minor 2.5x */
            :root {--mq-w: 800;}
            .cx800{display:initial;}
            .cDFS{font-size:95%;}
        }

        @media all and (min-width:960px) { /* major 3x */
            :root {--mq-w: 960;}
            .cx960{display:initial;}
            .cCC3,.cCC4,.cCC5 { column-count: 3;}
        }

        @media all and (min-width:1120px) { /* minor 3.5x */
            :root {--mq-w: 1120;}
            .cx1120{display:initial;}
        }

        @media all and (min-width:1280px) { /* major 4x */
            :root {--mq-w: 1280;}
            .cx1280{display:initial;}
            .cCC4,.cCC5 {column-count: 4;}
            .cDFS{font-size:100%;}
        }

        @media all and (min-width:1440px) {  /* minor 4.5x */
            :root {--mq-w:1440;}
            .cx1440{display:initial;}
        }

        @media all and (min-width:1600px) {  /* major 5x */
            :root {--mq-w: 1600;}
            .cx1600{display:initial;}
            .cCC5 {column-count: 5;}
        }

        @media all and (min-width:1920px) {  /* major 6x  ################# DEFAULT MAX */
            :root {--mq-w:1920;}
            .cx1920{display:initial;}
        }

        @media all and (min-width:2880px) {  /* major 9x */
            :root {--mq-w: 2880;}
            .cx2880{display:initial;}
        }

        @media all and (min-width:3840px) { /* major 12x */
            :root {--mq-w: 3840; }
            .cx3840{display:initial;}
        }

        /*used to set min WH for pop gallery */
        .cxPopGal,.cxH640{display:none;}
        @media all and (min-width:640px) and (min-height:640px){
            .cxH640{display:initial;}
            }

        @media print {
            body>header, body>nav, body>footer, body>article, body>section, body>div, body>a,body>aside,.cPrintOff{display: none;}
            .cPrintOn{display:initial;}
        }

        /* END MEDIA QUERY */
        /*-------------------------------------------------------*/