/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 20px;
    background-color: white;
    color: #4F4846;
    font-family: 'quasimoda', Sans-serif;
    font-size: 19px;
    font-weight: 300;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}



.divBANNER {
    display: flex;
    justify-content: center;
    background-color: olive;
    font-size: 15px;
}

    .divBANNER a {
        padding: 5px;
        color: white;
        cursor: pointer;
        text-decoration: none;
    }

.divMENU {
    display: flex;
    justify-content: center;
    background-color: white;
    font-size: 17px;
}

    .divMENU a {
        padding: 5px;
        color: olive;
        cursor: pointer;
        text-decoration: none;
    }

.divMAX1200 {
    display: flex;
    flex-direction: row;
    width: 1200px;
    padding: 0px;
}

.divFLEX1200 {
    display: flex;
    flex-direction: row;
    width: 1200px;
    padding: 0px;
}

.divFLEXA4{
    display: flex;
    flex-direction: row;
    width: 700px;
    padding: 0px;
}

.divOPTION {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding: 5px;
    cursor: pointer;
    text-align: left;
    display: block;
}

.divLOGO {
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    float: left;
    display: block;
}

.divTOGGLE {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    padding: 10px;
}

.divOPTIONLLL {
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    padding: 5px;
}

.divOPTIONRRR {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    padding: 5px;
}

.divOPTIONCCC {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    padding: 5px;
}

.divBODY {
    align-content: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
}

.divHEADING {
    font-weight: bold;
    font-size: 22px;
}

.divOUT {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: olive;
    padding: 15px;
}

.divOUT1 {
    background-color: antiquewhite;
}

.divOUT2 {
    background-color: peachpuff;
}

.divOUTEND {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: olive;
}

.divOUTER {
    border-style: solid;
    border-width: 2px;
    border-color: olive;
    padding: 15px;
    border-radius: 8px;
}

.divHEADER {
    font-weight: bold;
    text-align: left;
    font-size: 19px;
}

.divITEM {
    text-align: left;
    color: #4F4846;
    font-size: 19px;
}

.divFOOTER {
    font-style: italic;
    text-align: left;
    color: #4F4846;
    font-size: 19px;
}

.divSHOWHIDE {
    text-align: left;
    color: olive;
    cursor: pointer;
    font-size: 16px;
}

.divHIDESHOW {
    text-align: left;
    cursor: pointer;
    font-size: 16px;
}

.divFloatRight {
    float: right;
}

.divFloatLeft {
    float: left;
}

.divBLOCK {
    white-space: nowrap;
}


.divROW {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.divROWM {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.divCOL100M {
    flex: 100%;
    padding: 0px;
}

.divCOL100B {
    flex: 100%;
    padding: 10px;
}

.divCOL100 {
    flex: 100%;
    padding: 15px;
}

.divCOL50 {
    flex: 50%;
    padding: 15px;
}

.divCOL50L {
    flex: 50%;
    padding: 15px;
    text-align: left;
}

.divCOL33 {
    flex: 33%;
    padding: 5px;
    /*box-shadow: 5px 5px 15px olive;*/ /* #FCE5DD */
}

.divCOL25 {
    flex: 25%;
    padding: 3px;
}

.divCOL20 {
    flex: 20%;
    padding: 3px;
}

.divCOL15 {
    flex: 15%;
    padding: 10px;
}




.divHead1 {
    font-weight: bold;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: lightsalmon;
}

.divHead2 {
    font-size: 44px;
    /*padding-top: 20px;*/
    padding-bottom: 10px;
}

.divHead3 {
    font-weight: bold;
    font-size: 22px;
    color: olive;
    text-align: center;
}






.headerimage {
    background-color: white;
    background-position: center;
    padding-left: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 36px;
    color: white;
}

.topnav-mm {
    background-color: white;
    color: olive;
    padding: 25px;
    /*float: right;*/
    align-content: end;
}

    .topnav-mm a {
        color: red;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
        float: left;
        cursor: pointer;
        text-decoration: none;
        border-radius: 5px; /* bMenu 1 2 3 */
    }

        .topnav-mm a:hover {
            background-color: white;
            color: red; /* MENU #C23E27; #C23E27; */
            text-decoration: underline;
        }

    .topnav-mm .icon {
        background-color: transparent;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }








.dropdown-mm {
    float: left;
    margin: 10px;
}

    .dropdown-mm a {
        margin: 5px;
        padding: 5px;
    }

.dropdown-mm-content {
    background-color: DarkSlateGray; /* white MENU DarkSlateGray; white; */
    border: solid;
    border-color: #FCE5DD;
    border-width: 1px;
    display: none;
    min-width: 175px;
    position: absolute;
    top: 110px; /* 75px */
    z-index: 1;
}

    .dropdown-mm-content a {
        float: none;
        color: seashell; /* ivory   #FCE5DD */
        font-size: 14px;
    }

        .dropdown-mm-content a:hover {
            color: white;
        }



.nav-123 {
    width: 30px;
    display: none;
    margin: 1em 0 0 1em;
    padding: 10px 40px 10px 10px;
}

    .nav-123:hover div {
        background-color: #C33E27;
        width: 30px;
    }

    .nav-123 div {
        height: 4px;
        background-color: DarkSlateGray; /* MENU  #FCE5DD; DarkSlateGray */
        margin: 3px 0;
        border-radius: 5px; /* Menu 1 2 3 */
        transition: 0.3s;
    }

    .nav-123 a {
    }

.one {
    width: 30px;
}

.two {
    width: 26px;
}

.three {
    width: 28px;
}

.change .one {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px); /* (-9px, 6px) (-9px, 6px) */
    transform: rotate(-45deg) translate(-4px, 6px); /* (-4px, 6px) (-9px, 6px) */
}

.change .two {
    opacity: 0;
}

.change .three {
    -webkit-transform: rotate(45deg) translate(-3px, -8px); /* (-4px, -8px) (-8px, -8px) */
    transform: rotate(45deg) translate(-3px, -8px); /* (-4px, -8px) (-8px, -8px) */
}



.footerMM {
    background-color: olive; /* MENU DarkSlateGray; white; */
    padding: 0px;
}

.footerM {
}

.footer-mm {
    float: none;
    text-align: left;
}

.footerM a {
    color: white; /* MENU white; DarkSlateGray; */
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    border-radius: 5px; /* Menu 1 2 3 */
}

    .footerM a:hover {
        /*background-color: #FCE5DD;*/ /* MENU #FCE5DD; #FCE5DD; */
        color:white; /* #C23E27;    MENU #C23E27; #C23E27; */
        text-decoration:underline;
    }











.hdg2 {
    font-weight: bold;
}

.hdg3 {
    font-weight: bold;
    color: DarkSlateGray;
}

.hdg3N {
    font-weight: normal;
    color: DarkSlateGray;
}

.hdg4 {
    font-weight: bold;
    color: DarkSlateGray;
}

.fontB {
    font-weight: bold;
    font-size: 14px;
}

.fontBI {
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
}

.fontN {
    font-style: italic;
    font-size: 16px;
}

.fontNN {
    font-weight: bold;
    font-size: 14px;
}

.fontSS {
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
}











.pagediv { /* top right bottom left */
    display: block;
    clear: both;
    padding: 8px;
    margin: 0px 0px 15px 0px;
    min-height: 300px;
    /*box-shadow: 5px 5px 15px #FCE5DD;*/
    font-size: 18px;
    overflow: auto;
    background-color: #FCE5DD;
}

.pagedivFX {
    display: flex;
    flex-wrap: wrap;
    clear: both;
    padding: 5px;
    min-height: 300px;
    box-shadow: 5px 5px 15px #FCE5DD;
    font-size: 18px;
}

.pagedivR {
    display: flex;
    flex-wrap: wrap;
    clear: both;
    position: relative;
    padding: 5px;
    /*box-shadow: 5px 5px 15px #FCE5DD;*/
}

.pagedivv {
    display: block;
    clear: both;
    padding: 5px;
    margin: 0px 0px 15px 0px;
    max-width: 1200px;
    box-shadow: 5px 5px 15px #FCE5DD;
    font-size: 18px;
}

.pagedivvv {
    display: block;
    clear: both;
    padding: 25px;
    margin: 0px 0px 15px 0px;
    box-shadow: 5px 5px 15px rgba(30,49,96,0.25);   /* olive; #FCE5DD; DarkSlateGray; */
    /*border: solid 1px;*/ 
    font-size: 18px;
}

.pageB {
    display: block;
    clear: both;
    padding: 0px;
    margin: 0px;
    background-color: black;
    height: 25px;
}

.coldiv {
    display: inline-block;
    clear: both;
    padding: 5px;
    margin: 0px 0px 15px 0px;
    min-height: 300px;
    width: 550px;
    box-shadow: 5px 5px 15px #FCE5DD;
    font-size: 18px;
}

.pageimage {
    float: left;
    padding: 0px 15px 15px 0px;
    margin: -4px 0px 0px -4px;
}

.logoimage {
    padding: 5px 5px 5px 0px; /* top right bottom left */
    margin-left: 0px; /* -15px */
    max-width: 160px;
    max-height: 185px;
}

.mainpagemenu {
    list-style-type: none;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    display: block;
}

.mainpagemenu > li {
    padding: 15px;
}

.mainpagemenu > li > a:link {
  color: navy; /* #fce5dd */
  background-color: transparent;
  text-decoration: none; /* underline */
  text-decoration-color: silver; /* silver | #1D3160 */
}

.mainpagemenu > li > a:visited {
  color: navy; /* #fce5dd */
  background-color: transparent;
  text-decoration: underline;
  text-decoration-color: silver; /* silver | #1D3160 */
}

.mainpagemenu > li > a:hover {
  color: #C33E27;
  background-color: transparent;
  text-decoration: none;
  text-decoration-color: white; /* ivory | #C53D25 */ 
}

.mainpagemenu > li > a:active {
  color: #C33E27;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-color:  #C33E27; /* ivory | #C53D25 */ 
}

/* top right bottom left */

/* new #EEDDCC */
/* tan #DDAF94 */
/* blush #E8CEBF */
/* green #266150 */
/* highligt #4F4846 */
/* white #FDF8F5 */

/* moon #FCE5DD */
/* red  #C33E27 */
/* navy DarkSlateGray rgba(30,49,96,1) */
/* olive rgba(128,128,0,1) */ 


.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.backbtn {
    background-color: teal;
    color: white;
    border: 2px solid teal;
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 99;
}

.backbtn:hover {
    color: White;
    font-weight: bold;
}

.nextbtn {
    background-color: olive;
    color: white;
    border: 2px solid olive;
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.nextbtn:hover {
    color: White;
    font-weight: bold;
}

.prevbtn {
    background-color: olive;
    color: white;
    border: 2px solid olive;
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.prevbtn:hover {
    color: White;
    font-weight: bold;
}

.bookbtn {
    background-color: olive; /* steelblue #FCE5DD; rgba(221,175,148,0.9) */
    color: white; /* #FCE5DD */
    border: 2px solid olive; /* steelblue none; 2px solid DarkSlateGray; */
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 19px;
    /*font-weight: bold;*/
}

.bookbtn:hover {
  color: White;
  /*font-weight: bold;*/
  text-decoration: none;
}

.requestbtn {
    background-color: olive; /* steelblue #FCE5DD; rgba(221,175,148,0.9) */
    color: #FCE5DD;
    border: 2px solid olive; /* steelblue none; 2px solid DarkSlateGray; */
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
}

.requestbtn:hover {
    color: White;
    font-weight: bold;
}

.voucherbtn {
    color: olive; /* #FCE5DD */
    border: 2px solid olive; /* steelblue none; 2px solid DarkSlateGray; */
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
    /*font-weight: bold;*/
}

    .voucherbtn:hover {
        font-weight: bold;
    }

.emailbtn {
    background-color: olive;
    color: #FCE5DD;
    border: 2px solid olive;
    border-radius: 3px;
    font-weight: bold;
}

.emailbtn:hover {
    color: White;
}

.checkoutbtn {
    background-color: forestgreen;
    color: white;
    border: 2px solid forestgreen;
    border-radius: 25px;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.checkoutbtn:hover {
    color: White;
    font-weight: bold;
}

.checkoutbtnV {
    background-color: forestgreen;
    color: #FCE5DD;
    border: 2px solid forestgreen;
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    position: static;
    bottom: 10px;
    right: 10px;
}

    .checkoutbtnV:hover {
        color: White;
        font-weight: bold;
    }



.showbtn {
    background-color: transparent; /* #FCE5DD; rgba(221,175,148,0.9) */
    color: white; /* DarkSlateGray */
    border: 0px solid DarkSlateGray; /* none; 2px solid DarkSlateGray; */
    /*border-radius: 3px;*/
    /*font-weight: bold;*/
    /*width: 80px;*/
    /*height: 80px;*/
    white-space: normal;
    /*width: 100%*/
}

.showbtn:hover {
  /*background-color: DarkSlateGray;*/
  /*color: olive;*/
  /*border: 2px solid #FCE5DD;*/ 
  font-weight: bold;
}

.linkbtn {
    background-color: transparent; /* #FCE5DD; rgba(221,175,148,0.9) */
    color: blue; /* DarkSlateGray */
    border: 0px solid DarkSlateGray; /* none; 2px solid DarkSlateGray; */
    /*border-radius: 3px;*/
    /*font-weight: bold;*/
    /*width: 80px;*/
    /*height: 80px;*/
    white-space: normal;
    /*width: 100%*/
}

.linkbtn:hover {
    font-weight: bold;
}

.enhancebtn {
    background-color: transparent; /* #FCE5DD; rgba(221,175,148,0.9) */
    color: olive;
    border: 1px solid olive;
    border-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
    white-space: normal;
}

.enhancebtn:hover {
    /*background-color: DarkSlateGray;*/
    /*color: #C33E27;*/
    /*border: 2px solid #FCE5DD;*/
    font-weight: bold;
}

.timebtn {
  border: 1px solid #000000; /* none; 2px solid DarkSlateGray; */
  border-radius: 3px;
  background-color: #FFFFFF; 
  color: DarkSlateGray; 
  margin:15px; 
  font-size: 16px; 
  font-weight: bold; 
}


.button-list {
  background-color: #E8CEBF; /* #EEDDCC #FCE5DD #E8CEBF */
  color: DarkSlateGray;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #FCE5DD; /* none; 2px solid DarkSlateGray; */
  border-radius: 10px;
}


.divB {
    border-width: 1px;
    border-color: DarkSlateGray;
    border-style: solid;
    width: 100%;
    padding: 15px;
}

.divL {
   float: left;
}

.divR {
    float: right;
}

.divLL {
    float: left;
}

.divRR {
    float: right;
}



.divRM {
    display: flex;
}

.divCM2 {
    flex: 50%;
    padding: 5px;
    height: 500px;
    margin: 15px;
    width: 30%;
    box-shadow: 5px 5px 15px rgba(30,49,96,0.25);
    font-size: 18px;
}





.divRRR:after {
    content: "";
    display: table;
    clear: both;
}

.divCCC {
    float: left;
    width: 30%;
    height: 550px;
    padding: 5px;
    margin: 15px;
    /*overflow: hidden;*/
    box-shadow: 5px 5px 15px rgba(30,49,96,0.25);
    font-size: 18px;
    text-align: center;
}

.divIII {
    height: 450px; /* 385px */
    border: 0px;
    margin: 0px;
    overflow: hidden;
    cursor: pointer;
}

.divII {
    height: 150px;
    border: 0px;
    margin: 10px 0px 0px 0px; /* top right bottom left */
    overflow: hidden;
    cursor: pointer;
}

.divI {
    height: 50px;
    border: 0px;
    margin: 10px 0px 0px 0px; /* top right bottom left */
    overflow: hidden;
    cursor: pointer;
}

.divMMM {
    width: 100%;
    text-align: center;
}



.div1 {
  float: left;
  padding: 15px; 
}

.div2 {
  padding: 15px; 
  min-height: 150px;
}

.div3 {
  padding: 15px; 
}

.div4 {
    float: right;
    margin: -4px -4px -4px -4px;
    text-align: right;
}

.div5 {
    padding: 50px;
    min-width: 400px;
}

.div6 {
    margin: 0px 0px 0px 0px;
    padding: 5px;
    display: block;
}

.div66 {
    margin: 0px 0px 0px 0px;
    padding: 15px;
    width: 45%; 
}

.divQ {
    float: left;
    padding: 50px;
    min-width: 250px;
    max-width: 500px;
    font-size: 30px;
    color: navy; /*  DarkSlateGray;       rgba(30,49,96,1); */
}

.divQQ {
    font-size: 15px;
}

.divQQQ{
    color: #4F4846;
}

.ulBW {
    list-style-type: '◑  ';
}

.imgC {
    border-radius: 5px;
    max-height: 100%;
    max-width: 100%;
}


.imgCCC {
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
    max-height: 100%;
    max-width: 100%;
}

.imgCCCM {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-height: 100%;
    max-width: 100%;
}

.imgCCCC {
    border-radius: 100px;
    height: 200px;
    width: 200px;
    position: absolute;
    border-color: black;
    border-width: 1px;
    border-style: solid;
}

.imgLL {
    border-radius: 5px;
    max-height: 100%;
    max-width: 100%;
    /*margin-top: -5px;*/
    margin-right: 25px;
    padding-right: 25px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    /*margin-left: -5px;*/
}

.imgRR {
    border-radius: 5px;
    max-height: 100%;
    max-width: 100%;
    /*margin-top: -5px;*/
    /*margin-right: -5px;*/
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-left: 15px;
    padding-left: 10px;
}

.imgRRR {
    /*border-top-left-radius: 50%;*/
    /*border-top-right-radius: 50%;*/
    border-radius: 5px;
    max-height: 66%;
    max-width: 66%;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    margin: 30px;
}

.img100M {
    margin-left: -25%;
    border-radius: 5px;
    /*min-height: 50%;*/
    max-height: 100%;
    /*min-width: 100%;*/
    max-width: 150%;
    /*width: 100%;*/
}



.txtIN {
    width: 100%; /* 250px; */
    max-width: 333px; /* 250px; */
    border: 1px solid #000000;
    border-radius: 3px;
}

.cboIN {
    width: 100%; /* 250px; 420px; 333px; */
    max-width: 333px; /* 250px; 420px; 333px; */
    border: 1px solid #000000;
    border-radius: 3px;
    /*font-size: 15px;*/
    /*font-weight: bold;*/
}

.lblIN {
    display: inline-block;
    text-align: left;
    width: 100%; /* 250px; */
    max-width: 333px;
}

.cbxIN {
    display: inline-block;
    text-align: left;
    width: 100%; /* 250px; */
    max-width: 333px;
}

.lblBook {
    font-weight: bold;
}

.cvIN {
    color: red;
    font-weight: bold;
    font-size: 15px;
    /*display: inline-block;*/
}

.cvINH {
    color: darkmagenta    ;
    font-weight: bold;
    font-size: 15px;
    /*display: inline-block;*/
}

.rdoB label {
    margin-left: 5px;
    font-weight: normal;
}



.rtNode {
    font-size: 22px;
    font-weight: normal;
    color: black;
}

.lfNode {
    font-size: 16px;
    font-weight: normal;
    color: black;
}




.flat-card {
    border: solid 1px olive;
    background-color: #E8CEBF;
    padding: 5px;
}


/* FLIP-CARD */
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 580px; /* 570px 100% */
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0px 0px 10px 0 white;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
}

.flip-card .flip-card-inner.flip {
    transform: rotateY(180deg);
}

/*.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
    width: 100%;
    height: 100%;
}*/

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {
    border: solid 1px olive;
    background-color: #E8CEBF;
}

.flip-card-back {
    background-color: transparent;
    transform: rotateY(180deg);
}

.divFlipIII {
    width: 100%; /* 450px; 100%; */
    border: solid 1px olive; /* solid 10px black; 0px; */
    border-radius: 5px;
    margin: 0px;
    overflow: visible;
    cursor: pointer;
    background-color: #E8CEBF;
    padding: 5px;
    box-shadow: 5px 5px 25px 5px white;
}

.flipBTN {
    color: olive;
    font-weight: bold;
    font-size: 30px;
    position: relative;
    float: right;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
}

    .flipBTN:hover {
        color: White;
    }


/* DIV-POP*/
.divPOP {
    display: none;
    position: fixed;
    border: 3px solid silver;
    z-index: 111;
    padding: 0px;
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%;
    overflow: scroll;
    background-color: linen;
    box-shadow: -0px -0px 20px 20px rgba(255,255,255,1);
    /*box-shadow: -0px -0px 20px 20px rgba(250,240,230,1);*/
    /*box-shadow: -2px -2px 24px 24px rgba(250,240,230,1);*/
    /*box-shadow: -2px -2px 24px 24px rgba(0,0,0,0.75);*/
    /*box-shadow: 0px 0px 8px 8px rgba(0,0,0,0.5);*/
}

.divMiniPOP {
    display: none;
    position: fixed;
    border: 3px solid silver;
    z-index: 111;
    padding: 0px;
    top: 50%; /* 25% */
    left: 50%; /* 5 40% */
    transform: translate(-50%, -50%);
    width: 90%; /* 22% */
    /*height: 50%;*/ /* 40% */
    max-width: 300px;
    max-height: 400px;
    font-size: 75%;
    overflow: scroll;
    background-color: linen;
    box-shadow: -0px -0px 20px 20px rgba(255,255,255,1);
    /*box-shadow: -0px -0px 20px 20px rgba(250,240,230,1);*/
    /*box-shadow: -2px -2px 24px 24px rgba(250,240,230,1);*/
    /*box-shadow: -2px -2px 24px 24px rgba(0,0,0,0.75);*/
    /*box-shadow: 0px 0px 8px 8px rgba(0,0,0,0.5);*/
}

.divPOPheading {
    position: sticky;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 33px;
    background-color: lightgrey;
}

.divPOPlabel {
    float: left;
    padding: 5px;
}

.divPOPbutton {
    float: right;
    border-color: transparent; /* silver */
    height: 30px;
    color: black;
    margin-top: -8px;
    font-size: 30px;
    font-weight: bold;
    background-color: transparent; /* tomato */
}

    .divPOPbutton:hover {
        color: white; /* silver */
        /*background-color: red;*/
    }

.divPOPdetail {
    padding: 8px; /* 25px; */
}





/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    width: 100%;
    max-width: 333px;
}
input[type"label"] {
    font-weight: normal;
}




/* MOBILE */
@media screen and (max-width: 768px) {

    .container {
        padding-right: 1px;
        padding-left: 1px;
        margin-right: auto;
        margin-left: auto;
    }

    .divMAX1200 {
        display: flex;
        flex-direction: row;
        width: 100%;
    }

    .divFLEX1200 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .divOPTION {
        margin-left: 3px;
        margin-right : auto;
        margin-top: 1px;
        margin-bottom: 1px;
        padding: 3px;
        cursor: pointer;
        text-align: left;
        display: none;
    }

    .divLOGO {
        margin-left: 3px;
        margin-right: auto;
        cursor: pointer;
        float: left;
        display: block;
    }

    .divTOGGLE {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 0;
        padding: 10px;
    }

    .divMAX1200x {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 3px;
    }

    .divOPTIONx {
        margin-left: 3px;
        margin-right: auto;
        margin-top: 1px;
        margin-bottom: 1px;
        padding: 3px;
        cursor: pointer;
        text-align: left;
        display: block;
    }

    .divLOGOx {
        margin-left: 3px;
        margin-right: auto;
        cursor: pointer;
        float: left;
        display: none;
    }

    .divOPTIONLLL {
        margin-right: auto;
        text-align: center;
        vertical-align: middle;
    }

    .divOPTIONRRR {
        margin-left: auto;
        text-align: center;
        vertical-align: middle;
    }

    .divOPTIONCCC {
        text-align: center;
        vertical-align: middle;
    }

    .divBODY {
        align-content: center;
        width: 100%;
    }

  .topnav-mm a:first-child {display: block;}
  
  .topnav-mm a:not(:first-child), .dropdown-mm {display: none;}
  
  .topnav-mm a.icon {
    float: right;
    display: block;
  }
    .topnav-mm.responsive {
        position: absolute;
        left: 0px;
        min-width: 100%;
        /*background-color: linen;*/
        border: solid;
        border-width: 1px;
        border-color: navy;
    }
  
  .topnav-mm.responsive .icon {
        position: absolute;
        left: 0;
        top: 0;
  }
  
  .topnav-mm.responsive a {
        float: none;
        display: block;
        text-align: left;
   }
  
   /*.topnav-mm.responsive .dropdown-mm {float: none;}*/
   
   .topnav-mm.responsive .dropdown-mm {
        float: none;
        display: block;
        /*width: 100%;*/
        text-align: left;
    }
  
   .topnav-mm.responsive .dropdown-mm-content {
       position: relative; 
       top: 0px; 
       /*background-color: linen;*/
   }

    .dropdown-mm {
        /*min-width: 100%;*/ 
        /*background-color: aqua;*/
        /*max-width: 185px;*/
        /*padding: 10px;*/
    }

    .dropdown-mm:hover .dropdown-mm-content {
        
    }

    .footerM a {
        /*font-size: 10px;*/
        /*padding: 3px;*/
    }

  .pageimage {
    width: 140px;
    height: 210px;
  }
  .div66 {
    margin: 0px 0px 0px 0px;
    padding: 15px;
    width: 100%; 
  }
  .divQ {
    font-size: 22px;
  }
    .divROWM {
        flex-direction: column;
        text-align: center;
    }
  .divCOL50 {
    flex: 100%;
  }
  .divCOL50L {
    flex: 100%;
  }
  .divCOL33 {
    flex: 100%;
  }
  .divCOL25 {
    flex: 100%;
  }
  .hdg3 {
    font-size: 1em;
  }
  .timebtn {
    margin:10px; 
  }
  .rtNode {
    font-size: 18px;    
  }
  .lfNode {
    font-size: 14px;    
  }
  .divCCC {
    width: 100%;
  }
  .backbtn {
    bottom: 10px;
    right: 10px;
  }
  /*.pagediv {
    min-height: 200px;
  }*/

    .imgCCCC {
        height: 150px;
        width: 150px;
    }

    .imgC {
        object-fit: cover;
        width: 100%;
        height: 100%; /* 250px */
    }

    .imgLL {
        margin-right: 15px;
        padding-right: 15px;
    }

    .imgRR {
        margin-left: 0px;
        padding-left: 0px;
    }
    .divLL {
        float: none;
        text-align: center;
    }

    .divRR {
        float: none;
        text-align: center;
    }

    .divPOP {
        top: 5%;
        left: 5%;
        width: 90%;
        height: 90%;
    }

    .requestbtn {
        width: 60%;
        margin-top: 10px;
        margin-left: 15%;
        margin-right: 15%;
    }

    .bookbtn {
        /*width: 100%;*/
        margin-top: 40px;
    }

    .enhancebtn {
        /*width: 100%;*/
        margin-top: 30px;
    }

}





/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .dropdown-mm-content a {
        display: block;
    }
    .dropdown-mm:hover .dropdown-mm-content {
        display: block;
    }
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}