/* all pages */


 body{background-color:#ffffff; background-repeat: repeat-x; background-size: contain; background-attachment: fixed;  overflow-x: hidden; padding-top: 0; min-width: 720px; }
 .body::-webkit-scrollbar{display: none;}
 a {color: inherit; text-decoration: none;}
 footer{position: absolute; bottom: 0;   width: 100vw;  padding: 1em 1vh 1em;}
 .cookie-box{    z-index: 50;  position: fixed;  bottom: 0px;}
  /* Tooltip text */
  .tooltip {  display: inline-flex;  position: relative;  visibility: visible; color: inherit; opacity: 1; font: inherit; font-size: inherit; }
  .tooltip_ {  display: inline-flex;  position: relative;  visibility: visible; color: inherit; opacity: 1; font: inherit; border-bottom: 1px dotted black;}
  .tooltip:hover .tooltiptext{  visibility: visible; opacity: 1  !important;}
  .tooltip_:hover .tooltiptext{  visibility: visible; opacity: 1  !important;}
  .tooltip .tooltiptext{  visibility: hidden;       position: absolute;   min-width: 300px; font-family: inherit; background-color: white; opacity: 0  !important;  color: #000;  text-align: center;  padding: 5px 0;  border-radius: 6px; font-size: 1rem;}
  .tooltip_  .tooltiptext{  visibility: hidden;      position: absolute;   min-width: 300px;  font-family: inherit; background-color: white; opacity: 0  !important;  color: #000;  text-align: center;  padding: 5px 0;  border-radius: 6px; font-size: 1rem;}
  .tt-down{  position: absolute;  z-index: 4; opacity: 1; top: 100%;  left: 50%;  margin-left: -9vw; }
  .tt-left { position: absolute;  z-index: 4; opacity: 1; top: -5px;  right: 105%; }
  .tt-up {   position: absolute;  z-index: 4; opacity: 1; bottom: 100%;  left: 50%;  margin-left: -9vw; }
  .tt-right {position: absolute;  z-index: 4; opacity: 1; top: -5px;  left: 105%;}
  .tt-up-right {   position: absolute;  z-index: 4; opacity: 1; bottom: 100%;  left: 150%;  margin-left: -9vw; }
  .tt-down-right { position: absolute;  z-index: 4; opacity: 1; top: 100%;  left: 50%;}
  .tt-down-left {  position: absolute;  z-index: 4; opacity: 1; top: 100%;  Right: 105%;}
 

/* main page */
  body{max-width: 100vw; max-height: 100vh;}
  .body-container{max-width: 100vw; max-height: 100%; }
 
 /*main page header*/
  .h-container{width: 100%; padding:0 1vw; height: fit-content; z-index: 1;position: relative;}
  .h-container-s{ padding: 0 1vw 0 21vw; height: 20vh; z-index: 1;position: relative;     }
  .MP-h-container{ justify-content: space-between !important;}
  .header-container{float: left;position: absolute; padding-top: 2vh; height: 15vh; min-height: 5vh;display: inline-flex;}

  /*content*/
  .usercontentContainer{color: inherit;display: flex; width: 100%; height: 100vh;}
  .overlay3D{  position: absolute; transition: width 1s ease;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  display: inline-flex; overflow: hidden;}
  .overlay3D-M{ height: 95vh;}
  .overlay-close {  top: 5px; right: 10px; position: absolute; background-color: RGBA(200, 200, 200, 0.8); min-width: 40px; min-height: 40px; text-align: center; text-anchor: middle;border-style: solid; border-width: medium; border-radius: 5px;}
 /*    contact info*/
  .ContactInfoContainer, .ContactInfoContainer-s,.ContactInfoContainer-s-M{ color: inherit;  height: 70%; overflow: hidden; }
  
  .ContactInfoContainer{display: block;  transition: width 1s ease;  width: 33vw;  height: 100%;  left: 0;  position: relative;  z-index: 2; border-radius: 0;  border: #ffffff; color: inherit; border-width: 0 0 0 0;  border-style: solid;}
  .C-s-M{ width: 100vw; position: absolute;}
  .C-h{  width:0vw !important;}
  .ContactInfoContainer-s-old{display: block; width:50vw; left: 0vw; top: 0vh;position:  relative; z-index: 10;}
  .ContactInfoContainer-s-M-old {display: block; width:70vw; left: 15vw; top: 15vh;position:  fixed; z-index: 15; border-radius: 10px;  border: #ffffff; color: inherit; border-width: 5px 5px 5px 5px;  border-style: solid;}
  .ContactInfoContainer-s-M::-webkit-scrollbar,.ContactInfoContainer-s::-webkit-scrollbar {    display: none;  }
  .hover-content{ width: 100%; height: 100%;  background-color: rgba(10, 10, 10,1);     overflow-y: scroll;}
  .hover-content::-webkit-scrollbar {    display: none;  }
  .hover-container{padding: 1% 1% 1% 1%; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap;}
  .shoutOut{    padding: 2px;    position: absolute;    width: 400px;    top: 100%; font-size: larger; }
 /* CONTENT BLOCK TEXT */
  .TextContent{padding: 1em; width:100%; text-align:center;}
  .TextTitle{color: inherit;}
 
  /* header*/
    .header3D-toggels-con{ position: relative;  padding: 0 0 0 0; display: none;     justify-content: left;    align-items: center; left: 5vh;}
    .gallery3D-button-toggle{flex:0 0 auto; color: inherit; font-size: x-large; font-family: inherit; position: relative; top: 0; bottom: 0; z-index: 0; display: flex;   width: fit-content; min-width:2em; padding: 0 2% ;  text-align: center; background: none; border: 0; opacity: 1; transition: opacity 0.15s ease;}
    .top-buttons-container{position: fixed;display: inline-flex; padding: 10px 0 0 10px; z-index: 3;}
    .dropDownMenu-Container{position: relative; display: flex;}
    .DropDownMenu{width: 6em; position: absolute; top: 4em; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center;}
    .DropDownButton{height: 40px; width: 100%; justify-content: center;}
    .position-container{height: inherit;}
    .HorizontalMenu{justify-content: space-evenly !important;     border-radius: 0 0 0 0px;  border-style: solid;      border: inherit; padding-right: 0px;}

    /*logo */
    .logo-container{height:12vw; width:36vw; max-height:12vh; max-width:36vh;background-repeat: no-repeat; background-size: contain; justify-content: center; right: 0; position: fixed; margin: 2vh 2vw 0 0; background-color: rgba(200,200,200,0.0);}
    .logo-button{ height: 100%; width: 100%; background-color: transparent; border:none; }
    .logo-img{ height:7Vh; background-color: RGBA(100, 100, 100, 0.0);} 
    .logo-img-Sq{ height:10Vh; background-color: RGBA(100, 100, 100, 0.0);} 
    
    .MP-Logo{height:12vw; width:36vw; max-height:12vh; max-width:36vh;background-repeat: no-repeat; background-size: contain; right: 0; position: relative; margin: 2vh 2vw 0 0;}
    .MP-Logo-Sq{height:auto; width:auto; max-height:36vh; max-width:36vh;background-repeat: no-repeat; background-size: contain; right: 0; position: relative; margin: 2vh 2vw 0 0;}

    /* container 3D content */
    #container3D{    width: 100% !important;  height: 100% !important;  position: absolute;}
    /*indicators*/
      .gallery3D-indicator-container{    width: 70vw;        position: absolute; transition: all ease 1s;       display: inline-flex;        justify-content: space-between;        flex-wrap: nowrap;        flex-direction: row;        right: 8vw;}
      .gallery3D-indicator-container-M{width: 100vw; right: 0%; bottom: 65%;}
      .gallery3D-indicator-conl,.gallery3D-indicator-conr{    position: absolute;    width: 9vw; height: 30vh;  top: 30vh; background-color: rgba(155, 155, 155, 0.15); border-radius: 20px;  }
      .gallery3D-indicator-conl{left: 0}
      .gallery3D-indicator-conr{right: 0} 
      .g-in-c-s{right: 0vw; width: 75%;}
      .gallery3D-button-prev, .gallery3D-button-next {position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; color:inherit; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; flex-direction: row;}
      .gallery3D-button-prev{left: 0;}
      .gallery3D-button-next{right: 0;}
      .gallery3D-button-container{z-index: 0; width: -webkit-fill-available;  transition: width 1s ease; position: relative;height: 100%;  top: 0vh;}
      .gallery3D-button-container-s{z-index: 0;  width: 80%; height: 100vh;  position: relative;  display: block;  top: 0vh;}
      .gallery3D-button-container-s-M{z-index: 0; width: 100vw; height: 100%; position: fixed; top: 0vh;}

      .gallery3D-control-prev-icon, .gallery3D-control-next-icon, .thinkerIcon{display: inline-block; z-index: 5;  width: 5rem;    height: 5rem;    background-repeat: no-repeat;    background-position: 50%;    background-size: 100% 100%;}
      .gallery3D-control-prev-icon{    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;}
      .gallery3D-control-next-icon {    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;  }
      .thinkerIcon{color: inherit;fill: inherit;  background-image:url("data:image/svg+xml,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 240 240' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,160.000000) scale(0.100000,-0.100000)'  stroke='none'> <path d='M460 605 c-14 -8 -51 -17 -82 -21 -45 -5 -66 -14 -98 -41 -56 -48 -92 -113 -99 -181 -5 -48 -9 -57 -27 -60 -19 -3 -22 -11 -27 -85 -10 -146 -16 -167 -48 -167 -15 0 -20 -6 -17 -23 3 -22 5 -22 176 -25 l172 -2 0 25 c0 16 -6 25 -16 25 -12 0 -15 6 -10 24 4 16 1 26 -9 30 -30 11 -15 48 46 107 33 32 69 59 79 59 23 0 43 24 38 47 -2 9 -17 26 -33 38 l-31 20 24 35 c17 25 22 44 19 67 -4 23 0 40 15 59 20 24 20 29 7 53 -17 31 -44 36 -79 16z m24 -144 c3 -4 -3 -16 -14 -26 -19 -18 -20 -17 -20 8 0 26 22 38 34 18z m-104 -78 c0 -10-6 -13 -16 -9 -9 3 -21 6 -27 6 -6 0 -2 6 8 14 22 16 35 12 35 -11z'/></g></svg>");}
      
      
      
      /* img info conatainer */
       /*main container*/
      .image-info-container{width: fit-content; height: 60vh; top: 20vh; left: 5.0vw;transition: left 1s ease; position: relative; display: flex; position: absolute; flex-direction: column; align-items: flex-end; flex-wrap: nowrap; justify-content: center; z-index:1;}
      .image-info-s{left:-33%}
      .image-info-s-M{ display: flex !important;}
        /*main container mobile*/
      .image-info-container-M{width: 100vw; top: 20vh; left: 0vw; position: absolute;  z-index:0; }
      .im-i-c-M{width: 100vw; top: 10vh; left: 0vw; position: absolute;  z-index:0; display: none; }
       /* gallery container */
      .info-container-col{display: none; background-color: transparent; flex-direction: row-reverse;  transition: width 1s ease;   width: 100%;  height: 100%;}
      /*gallery container mobile*/
      .info-container-col-M{border-radius: 10px; width: 100%;  height: 100%; }
      .in-c-c-M{border-radius: 10px; transition: none; flex-direction: row;}
      /* gallery container active */
      .activeImgExp{display: flex;}
      .ac-in-c-c{display: flex;}

       /* title box */
      .info-title-container{height: 100%; min-width: 110px; width: 25vw; border-radius: 10px; max-width: 12em; border: #64646480;  border-width: 5px;  border-style: solid; display: none; overflow-y: hidden;overflow-x: hidden; flex-direction: column;  flex-wrap: nowrap;  align-items: center;}
      .in-t-c-M{background-color: rgba(10, 10, 10, 0.8) !important;}
      .info-title-subcontainer{height: 100%; width: 100%;  border-radius: 10px; background-color: rgba(50, 50, 50, 0); border: rgba(100,100,100,0.5);  border-width: 5px;  border-style: none; display: flex; overflow-y: scroll;overflow-x: hidden; flex-direction: column;  flex-wrap: nowrap;  align-items: center;}
      .info-title-subcontainer::-webkit-scrollbar {    display: none;  }
      .activeImg{display: flex;background-color: rgba(10, 10, 10, 0.8); border-radius: 10px;  border: rgba(100,100,100,0.5);  border-width: 5px;  border-style: solid;}
      .info-item-title{margin: 0;  padding: 3.5px 5% 3.5px 5%;  height: 30px;  max-height: 30px;  min-height: 30px; transition: all 0.5s ease; position: relative; width:100%; max-width:20em ; display: flex; justify-content: center;     align-items: center;}
      /* title box active */
      .activeTitle{display:flex;background-color: RGBA(100, 100, 100, 0.5); color: inherit; }
      .info-button-toggle{flex:0 0 auto; width: 100%; justify-content: center; color: inherit; font-size: x-large; position: relative; top: 0; bottom: 0; z-index: 1; display: flex;   min-width:2em; padding: 0 2% ;  text-align: center; background: none; border: 0; opacity: 1; transition: opacity 0.15s ease;}
      .activeImgT{display: flex; flex-direction: column;justify-content: flex-start; }

       /* info content */
       .info-info-subcontainer{height: 0; width: 0;transition: all 1s ease; overflow: hidden; display: flex;  flex-direction: column;  flex-wrap: nowrap;  align-items: center;}
       .info-info-container{height: 100vh; width: 0;transition: all 1s ease; overflow: hidden; display: flex;  flex-direction: column;  flex-wrap: nowrap;  align-items: center;}
       .info-container-row{display:none; width: 100%; height: 100%; min-width: 5vw; flex-direction: column; align-items: center;}
       .info-info-subcontainer{display:none; width: 100%; height: 100%; min-width: 5vw; flex-direction: column; align-items: center;}
       .info-info-subcontainer::-webkit-scrollbar {    display: none;  }
       .info-info-container::-webkit-scrollbar {    display: none;  }

      /* info content mobile*/
      .info-info-subcontainer-M{width: 80vw; height: 60vh; top: 0vh;  display: flex;  flex-direction: column; background-color: RGBA(10, 10, 10, 0.7); flex-wrap: nowrap;  align-items: center;border-radius: 10px;  border-color:inherit; border-style: solid;  border-width: 5px 5px 5px 5px;}
      .in-i-c-M{width: 75vw !important; height: 60vh !important; top: 0vh  !important;  display: flex; border-radius: 10px !important;  border-style: solid !important;  border-width: 5px 5px 5px 5px !important; background-color: rgba(10, 10, 10, 0.7) !important;}
      .info-info-subcontainer-G{width: 80vw; height: 70vh; top: 15vh; left: 10vw; z-index: 5; position: absolute; display: flex;  flex-direction: column; background-color: RGBA(10, 10, 10, 0.7); flex-wrap: nowrap;  align-items: center;border-radius: 10px;  border-color:inherit; border-style: solid;  border-width: 5px 5px 5px 5px;}
      .info-i-s{display: none;};

      /* info item container */
      .info-item-subcontainer{height: 85%; width: 100%;  display: flex;  flex-direction: column;  flex-wrap: nowrap;  align-items: center;}
      .info-info-subcontainer::-webkit-scrollbar {    display: none;  }
      .info-item-container{height: 85%; width: 100%;     padding: 5vh 0 0 0; display: flex;  flex-direction: column;  flex-wrap: nowrap;  align-items: center;}
      .info-info-container::-webkit-scrollbar {    display: none;  }

      /*active info */
      .activeInfo{display: flex; width: 25vw; height: 100vh; top: -20vh;position: relative;overflow-y: hidden; background-color: RGBA(10, 10, 10, 1); border-radius: 0px;  border: rgba(100,100,100,0.5);  border-width: 0 5px 0 0;  border-style: solid;}
      .activeSubInfo{display: flex};

      .info-item{padding: 1vh 5% 1vh 5%;overflow-x: hidden;min-height: 2em;}
      .info-item-text{padding: 1vh 5% 1vh 5%; overflow-y: scroll;overflow-x: hidden;min-height: 2em;}
      .info-item-text::-webkit-scrollbar {    display: none;  }
      .info-item-footer{bottom:0em; min-height: 1em; position: relative; cursor:help;}


      .infoBar{width: 0vw; height: 100vh; background-color: #000; transition: width 1s ease; position: relative;}
      .infoBar-s{width:33vw; }
      
      
      
      /* toggles container mobile */
      .gallery3D-toggels-con{ position: absolute; width: 100%; height: 10vh;   display: none;     justify-content: center;    align-items: end; bottom: 5vh;}
      .Mobile-Buttons{display: flex;z-index: 3;}
      .lower-buttons{padding-top: 3vw;}
     



/* AdminPage */
.adminpage{width: 100vw !important; height: 100vh !important; position: absolute; top: 0vh; left: 0vw; overflow: scroll; overflow-x: hidden; display: flex; flex-direction: column;}
.admin-content-container{width: fit-content; display: flex; flex-direction: column; flex-wrap: nowrap;}
.w3-container,.w3-panel{padding:1em 16px 2em}.w3-panel{margin-top:16px;margin-bottom:16px};
.admin-content-container{ border-top: 15px; border-style: solid; width: 100%; border-color: #000;}
.Force-VW-100{width: 100vw;}
.my-col-half{width: 49.999%;}
.my-col-55{width: 55%;}
.my-col-quarter{width: 24.999%;}
.my-container-Ypad{padding: 1em 0px 1em 0px; display: block;  width:100%;}
.alert{z-index: 5;}
#overlay {    position: fixed;    display: none;    scale: fit;    max-width: 95vw;      max-height: 95vh;    top: 1%;    left: 1%;    right: 1%;    bottom: 1%;
  border:5px solid rgba(100,100,100,0.5)!important;    background-color: rgba(255,255,255,1);    z-index: 22;    cursor: pointer;  }
.overlay-Image{width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain;}    
.backgroundimageshow {max-width: 250px;max-height: 250px;}
.Car-Button{min-width: 95px; height: 50px;  max-width: 99px;}
.car-B-R-BG{ background-color: RGBA(200, 0, 0, 0.9);  color: cornsilk;}
.car-B-U-BG{ background-color: RGBA(20, 100, 20, 0.9);  color: #00dcff}
.car-B-G-BG{ background-color: RGBA(120, 120, 120, 0.9);  color: #000000}
table{border-collapse: collapse; padding: 2px;}
.TableContentHeader{border-top: double;    border-top-width: thick;    width: 90vw; border-collapse: unset;}
.TableContentContent{border-top: dashed;    border-top-width: thick;    width: 90vw;border-collapse: unset;}
.TableContentSubContent{border-top: dotted;    border-top-width: thin;    width: 100%; border-collapse: unset; padding: 5px 0px;}
i .Display-button-s{content:" \f150"; max-width: 300px;     font-family: 'FontAwesome'; }
.T-Con{display: flex; width: 100%; flex-wrap: wrap;     flex-direction: column;}
.T-Row{display: inline-flex; width: 100%; flex-wrap: wrap; justify-content: flex-start;}
.T-Row-R{display: inline-flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; flex-direction: row-reverse;}

.T-Cel{display:flex; width: fit-content; height: auto;}
.T-Cel-V{display:flex; width: fit-content; height: auto; flex-direction: column; }
.t5{width: 5%;}.t10{width: 10%;}.t20{width: 20%;}.t25{width: 25%;}.t30{width: 30%;} .t33{width: 33%;}.t40{width: 40%;}.t50{width: 50%;}.t60{width: 60%;}.t66{width: 66%;}.t75{width: 75%;}.t80{width: 80%;}.t90{width: 90%;}.t100{width: 100%;}
.mnw150{min-width: 150px;}.mnw250{min-width: 250px;}
.tw20{width: 20vw;}
.CX{justify-content: center;} .CY{  align-items: center;}.CY100{  align-items: center; height: 100%;}
.CXT{text-align: center;}


.T-brdr{border-width: 3px; border-style: solid;}
.p100{padding-top: 100px;}.p150{padding-top: 150px;}.p50{padding-top: 50px;} .pd10{padding: 10px;} .pdb20{    padding-bottom: 20px;}
.T-NW{flex-wrap: nowrap;}
.tp100{width: 100%;}.thpx200{height: 200px;}.thpx100{height: 100px;}
.th5{height: 5vh;}.th10{height: 10vh;}.th20{height: 20vh;}.th80{height: 80vh;}.th100{height: 100vh;}
.tper100{height:100%;}
.T-SX{overflow-x: scroll;}.T-SX::-webkit-scrollbar{display: none;}
.mw400{min-width: 400px;}.mw500{min-width: 500px;}
.pdh10{padding: 0 10%;}.pdh20{padding: 0 20%;}


.offsetInput{display: flex;width: 300px;}
.offsetInputText{width:25%}
.offsetInputBox{ width:33%;}
.coordsInput{width: 80%;}
/* Text block */
.TextTitleEddit{padding: 2px;align-content: center;}
.TextContent{padding: 1em; width:100%; text-align: left;}
.TextfieldClass{    resize: both;}

/* all gallery */
.gallery-image-container{width: 100%;display: flex;     flex-direction: column;  flex-wrap: nowrap;}
.gallery-image-row{width: 100%;display: flex;flex-direction: row;  flex-wrap: wrap;}
.Gal-Prev-top{width: 220px; min-width: 200px; height: 50px; }
.Car-Form{min-width: 200px; max-width: 205px;  }
.car-img-row{display: flex; flex-direction: row; flex-wrap: wrap; max-width: 100vw;}
.img-text{z-index: 4; position: relative; }
.img-text-btn{ padding: 5px;}
.GalleryArray{display: flex;}
/* 3D gallery*/
.select{ width:fit-content; position: relative;  }
.select:before {    color: red;      content: "\f078"; max-width: 300px;     font-family: 'FontAwesome';      position: absolute;      z-index: 1;      right: 5px;      bottom: 0.3em;  }
.select-input{width: 100%; max-width: 300px;}
.Gal-Preview{min-width: 205px; max-width: fit-content; min-height: 300px; height: fit-content; flex-direction: column; border: 5px solid #fff;}
.Car-Image-cont{width: 200px; min-width: 200px; max-width: 200px; height: 200px; min-height:200px; max-height: 200px;}
  /* .Car-Form{} */
.Car-Image{ max-width: 200px;  max-height: 200px;}
.Car-Quote{min-width: 200px; max-width: 205px; height: 30px; max-height: 50px;}

/* gallery carousel */
.carousel{min-height: 200px; background-color: RGBA(0, 0, 0, 0.0); max-height: 650px;}
#carousel{max-height: 700px;}
.carousel-mod{ padding: 50px; background-color: RGBA(0, 0, 0, 1); display: none;    scale: fit; }
.carousel-img-top{height: 35px; width: inherit;}
.carousel-img-bottom{height: 35px; width: inherit;}
.carousel-img-left{width: 35px; height: inherit;} 
.carousel-img-right{width: 35px; height: inherit;}
.carousel-img-middle{width: 100%; height: 100%; max-width: 100%; max-height: 600px; object-fit: contain; background-image: url("img/sculptures backdrop.jpg"); background-size: contain;}
.carousel-item-box{width: fit-content; max-width: 100%; align-items: center; display: flex; flex-direction: column;  justify-content: center;  margin: auto;}
.carousel-indicators-mod{margin-left: 0px; margin-right: 0px; position: relative; background-color: RGBA(0, 0, 0, 0.0);  }
.carousel-indicators-mod::-webkit-scrollbar {    display: none;  }

.carousel-botton-menu{padding-top: 100px;    padding-bottom: 100px;     width: 100%; scroll-snap-type: y mandatory;    overflow-y: scroll;  margin-top:0px; max-height: 300px;}
.carousel-botton-menu::-webkit-scrollbar {    display: none;  }
#carousel-Button{text-indent: 0; height:auto; width: 100%; min-height: 40px; margin: 0px; padding-left: 0.01em; padding-right: 0.01em; scroll-margin: 20px; scroll-snap-align: center;}
.carousel-button-hidder-t{ min-height: 100px; background-color: #00000000; width: 100%; top: 50px; position: relative;  z-index: 2;background-image:url(img/gradient.png); background-repeat: repeat-x;}
.carousel-button-hidder-b{ min-height: 100px; background-color: rgba(0, 0, 0, 0.0); width: 100%; bottom: 50px; position: relative;  z-index: 2; background-image:url(img/gradient.png); background-repeat: repeat-x;}
.carousel-item.active{display: flex !important;}
.content-sculptures{display: flex; overflow-y: visible; width: 100%; overflow-x: hidden;}
.sculptures-container{max-height: fit-content;}
.scrollable-Content{overflow-y: visible;}


#header{    z-index: 22;    position: absolute; }
.Edited{box-shadow: 0px 0px 0px 3px rgb(255, 0, 0);}
.w3-border{border:1px solid #ccc!important;}
.w3-border-5px{border:5px solid #ccc!important;}
.w3-border-white,.w3-hover-border-white:hover{border-color:#ffffff71!important;}
.w3-container-nopad{padding: 0px; display: table-cell;  width:100%;}
.w3-container-toppad{padding: 1em 0px 0px 0px; display: block;  width:100%;}
.w3-container-nopad-tr{float: left; padding: 0px;   width:100%;}
#head_text{font-size: xx-large; }
.hidden{display: none !important;}




.MainPage{z-index: 20; position: relative; width: 100%;  overflow-x: hidden ; overflow-y: scroll; height: 100%; font-size: smaller;}
.overlayINFO{position: absolute;  top: 10vh;  left: 10vw;  height: 80vh;  width: 80vw;  background-color: inherit; background-color: RGBA(0, 0, 0, 0.7); display: none;  z-index: 30; border-width: 0px; border-style: solid; overflow-y: scroll; color: white; border-radius: 50px;}
.overlayINFO::-webkit-scrollbar{display: none;}
.overlayINFOcontent{padding: 5vw}
.overlay-Text{ flex-direction: column;  flex-wrap: nowrap;}
.overlay-text{padding: 10px;  text-align: center;}
.MP-Logo-B{background-color : transparent; border: none;}
.MPz21{z-index: 21;}
.bottom-links{margin-left:20px;}
.MPBtn{display: flex; background-color: transparent; color: inherit; border: none; padding: 15px 5px; font-size: larger;}
.ImageRow{min-height: 75vh; max-height: 75vh; height: auto;}
.MP-imageCell{  top: 10%;  position: relative;  width: fit-content;  display: flex;  max-height: 80vh;  min-height: 80vh;  z-index: 22;  flex-direction: column;  margin: 0 auto; justify-content: end;    align-items: center;}
.txtCell{max-height: 80vh;min-height: 80vh;}
.IconRow{ max-height: 130px; height: 130px; border-radius: 100px;   width: 80%;     margin: 0 auto;     padding: 0 8%;}
.IconCell{  top: 4%;  position: relative;  max-width: 19.99%;  align-items: center; max-height: 90%; height: 90%;  padding: 1% 0; z-index: 23;   display: flex;  flex-direction: column;  justify-content: center;}
.ImageBlock{ height:auto; }
.mcar-image{max-height: 100px; max-width: 100%; max-height: 100%;     top: 4%;  position: relative; z-index:23;}
.main-image{max-height: 100%; max-width: 100%; z-index: 22;}
.main-quote{position: relative;     padding-top: 15vh; font-size: larger;}
.shadowcell-mi{width: 110%;height: 8%;position: relative; z-index: 21;  top:-4%;   }

/* textarea buttons */
.wmd-button-bar{clear:both;background-color:transparent;margin:10px 0 0 0;padding:0;width:100%;border:1px solid var(--bc-darker);border-bottom:0;min-height:44px;overflow:hidden;z-index:2;position:relative}
textarea.wmd-input,textarea#wmd-input{padding:10px;margin:-1px 0 0;height:200px;line-height:1.3;width:100%;font-family:var(--ff-mono);font-size:var(--fs-body2);-moz-tab-size:4;-o-tab-size:4;tab-size:4}
.wmd-button-row{padding:0 var(--su4) 0 var(--su8);margin:0;display:flex;list-style:none;flex-wrap:wrap;justify-content:flex-end;height:44px;border-bottom:1px solid var(--bc-darker)}
.wmd-spacer{height:44px;flex:1 0 4px;max-width:27px;display:flex;flex-wrap:wrap;overflow:hidden;position:relative;left:4px}
.wmd-spacer:before,.wmd-spacer:after{flex:none;justify-content:center;content:'';position:relative;top:-44px;background:var(--green-500)}
.wmd-spacer:before{width:9px;height:44px}
.wmd-spacer:after{background:var(--black-300);width:1px;height:43px;margin-top:1px}
.wmd-spacer-max{max-width:none}

.wmd-button{max-width:40px;height:40px;flex:10 0 23px;padding:0;padding:2px 0 0 0;text-align:center;cursor:pointer}
.wmd-button>span{background-repeat:no-repeat;background-position:0 0;width:40px;height:40px;display:inline-block}
#wmd-button-bold>span{background-position:-0px -0px;}
#wmd-button-bold:hover>span{background-position:-0px -80px ;}
#wmd-button-bold:active>span{background-position:-0px -40px ;}
#wmd-button-italic>span{background-position:-40px -0px ;}
#wmd-button-italic:hover>span{background-position:-40px -80px ;}
#wmd-button-italic:active>span{background-position:-40px -40px ;}
#wmd-button-underline>span{background-position:-80px -0px ;}
#wmd-button-underline:hover>span{background-position:-80px -80px ;}
#wmd-button-underline:active>span{background-position:-80px -40px ;}
#wmd-button-strike>span{background-position:-120px -0px ;}
#wmd-button-strike:hover>span{background-position:-120px -80px ;}
#wmd-button-strike:active>span{background-position:-120px -40px ;}
#wmd-button-header>span{background-position:-160px -0px ;}
#wmd-button-header:hover>span{background-position:-160px -80px ;}
#wmd-button-header:active>span{background-position:-160px -40px ;}
#wmd-button-row>span{background-position:-200px -0px ;}
#wmd-button-row:hover>span{background-position:-200px -80px ;}
#wmd-button-row:active>span{background-position:-200px -40px ;}
#wmd-button-help>span{background-position:-240px -0px ;}
#wmd-button-help:hover>span{background-position:-240px -80px ;}
#wmd-button-help:active>span{background-position:-240px -40px ;}

.wmd-prompt-background{background-color:var(--black);z-index:var(--zi-modals-background)}
.wmd-prompt-dialog{padding:15px;box-shadow:var(--bs-sm);background-color:var(--white);border:solid 1px var(--black-350)}
.wmd-button>span{background-image:url("./img/buttons.png");background-size:initial !important}
.wmd-buttons>span{background-image:url("./img/buttons.png");background-size:initial !important}
.wmd-preview{border:2px dashed black;}


.fntXL{font-size: x-large;}.fntXXL{font-size: xx-large;}
.logoRow{padding-top:50px; z-index: 20; justify-content: space-between;}
.pageEnd{height: 10vh;     position: absolute;  bottom: 0; z-index: 10;}
.shadowcell{width: 110%;height: 8%;position: relative; z-index: 21; top:-7%;}
.shaddow-image{width: 100%; height: 100%; position: relative; z-index: 21;}
.imagecell{ top: 4%; width: fit-content; position: relative; justify-content: center;  position: relative;  display: flex;  flex-direction: column;  align-items: center; max-height: 98%; }
.imageRow-sub{display: flex;  flex-direction: column-reverse; justify-content: end;}
.poppins{font-family: Poppins-Bold;}
.mp-textbody{    text-align: center; justify-content: start; align-items: center; padding-top: 50px;}
.mp-textbody-T{justify-content: center; align-items: center;}
.mp-textbody-C{justify-content: center; align-items: center; padding-top: 50px;}
.MP-indicator{width: 80%; height: 50px;}
.MP-indicator-container{    width: 100%;  position: relative;  z-index: 22;  top: -90px;  transition: all ease 1s;  display: inline-flex;  justify-content: space-between;  flex-wrap: nowrap;  flex-direction: row;}
.MP-indicator-conl,.MP-indicator-conr{    position: relative;    width: 10%; height: 100%;   background-color: transparent;   }
.MP-indicator-conl{left: 0}
.MP-indicator-conr{    display: flex;  justify-content: flex-end;} 
.MP-control-prev-icon, .MP-control-next-icon{display: inline-block; z-index: 23;  width: 1rem;    height: 1rem;    background-repeat: no-repeat;    background-position: 50%;    background-size: 100% 100%;}
.MP-control-prev-icon{    background-image: url("img/extra/Arrow_L.png") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;}
.MP-control-next-icon {    background-image: url("img/extra/Arrow_R.png") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;  }
.MP-button-prev,.MP-button-next{    display: flex;  height: 100%;  align-items: center;  justify-content: center;     border: none;  background-color: transparent;}


@media screen and (max-width: 820px) {
  .t50 {    width: 100%;  }
  .main-image{max-height: 100%; max-width: 100%;  }
  .mw500{min-width: 100%;}
  .skew-container {  display: inline-block;  transform: scale(0.4, 0.5);  width: 50%; position: relative; left: -10%;}
  .txtCell{max-height: 40vh; min-height: 40vh;}
  .MP-imageCell{max-height: 40vh;min-height: 40vh; z-index: 22; margin-top: 3vh; top: 0;}
  .ImageRow{min-height: 80vh;max-height: 80vh; height: auto;}
  .imageRow-sub{background-color: inherit !important;}
  .IconRow{ max-height: 100px;  height: 100%; width: 90%;}
  .IconCell{max-height: 100px;}
  .logoRow{padding-top:0px; background-color: inherit !important;}
  #header{position: relative;}
  .HorizontalMenuA{width: 0%;}
  .HorizontalMenu{width: 100%;}
  .main-quote{position: relative;     padding-top: 2vh;}
  .txtCell{max-height: 50vh;min-height: 50vh; }
  .pageEnd{height: 0vh;     position: absolute;  bottom: 0; z-index: 10;}
  .mp-textbody{justify-content: flex-start; align-items: center; padding-top: 5px;}
  .mp-textbody-T{justify-content: center; align-items: center;}
 .mp-textbody-C{justify-content: center; align-items: center; padding-top: 5px;}
 .MP-indicator{width: 90%; height: 50px;}
 .MP-indicator-container{   top: -75px; }
 .mp-uparrow{display: none;}
 .overlayINFO{width: 90vw; height: 90vh; top: 5vh;  left: 5vw;}
}
@media screen and (max-width: 500px) {
  .MP-indicator{width: 100%; }
}
@media screen and (min-height: 1080px) {
  .IconRow{ max-height: 200px; margin-bottom: 10px; height: 100%;     padding: 0 5%;}
  .IconCell{max-height: 200px;}
  .mcar-image{max-height: 200px; max-width: 100px;}
}

.QR-Content{    border: black;  border-width: 20px;  border-style: solid;  border-radius: 20px;  padding: 20px;  width: fit-content; max-width: 580px;}
.QR-Title{    background-color: black;  color: white;  padding: 10px;  border-radius: 10px;  margin-top: 20px;  max-width: 500px;}


.skew-container {  display: inline-flex;  transform: scale(0.3, 0.5); width: 50%; justify-content: center;position: relative; }
.skew-imageA {  display: block;  transform: skew(0deg, -10deg); max-height: 500px;  }
.skew-imageB {  display: block;  transform: skew(0deg, 10deg); max-height: 500px;}
.Paintor{position: absolute;padding-top: 250px; z-index: 22;}


  
  @font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?wla4w5');
    src:  url('fonts/icomoon.eot?wla4w5#iefix') format('embedded-opentype'),
      url('fonts/icomoon.ttf?wla4w5') format('truetype'),
      url('fonts/icomoon.woff?wla4w5') format('woff'),
      url('fonts/icomoon.svg?wla4w5#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
    
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;
  }
  .fas{opacity:0.7; font-size: xx-large;}
  .icon-thinker:before {    content: "\e900";    opacity: 0.7;    font-size: xx-large;  }
  .icon-menu3:before {    content: "\e9bf";   opacity: 0.7;  font-size: xx-large;  }
  .icon-menu4:before {    content: "\e9c0";   opacity: 0.7; font-size: xx-large;  }
  h1, h2, h3, h4, h5, h6 {font-family: inherit;}


  .InfoCarousel {
    position: relative;
  }
  
  .InfoCarousel.pointer-event {
    touch-action: pan-y;
  }
  
  .InfoCarousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .InfoCarousel-inner::after {
    display: block;
    clear: both;
    content: "";
  }
  
  .InfoCarousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .InfoCarousel-item {
      transition: none;
    }
  }
  
  .InfoCarousel-item.active,
  .InfoCarousel-item-next,
  .InfoCarousel-item-prev {
    display: block;
  }
  
  .InfoCarousel-item-next:not(.InfoCarousel-item-start),
  .active.InfoCarousel-item-end {
    transform: translateX(100%);
  }
  
  .InfoCarousel-item-prev:not(.InfoCarousel-item-end),
  .active.InfoCarousel-item-start {
    transform: translateX(-100%);
  }
  
  .InfoCarousel-fade .InfoCarousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
  }
  .InfoCarousel-fade .InfoCarousel-item.active,
  .InfoCarousel-fade .InfoCarousel-item-next.InfoCarousel-item-start,
  .InfoCarousel-fade .InfoCarousel-item-prev.InfoCarousel-item-end {
    z-index: 1;
    opacity: 1;
  }
  .InfoCarousel-fade .active.InfoCarousel-item-start,
  .InfoCarousel-fade .active.InfoCarousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
  }
  @media (prefers-reduced-motion: reduce) {
    .InfoCarousel-fade .active.InfoCarousel-item-start,
    .InfoCarousel-fade .active.InfoCarousel-item-end {
      transition: none;
    }
  }
  
  .InfoCarousel-control-prev,
  .InfoCarousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .InfoCarousel-control-prev,
    .InfoCarousel-control-next {
      transition: none;
    }
  }
  .InfoCarousel-control-prev:hover, .InfoCarousel-control-prev:focus,
  .InfoCarousel-control-next:hover,
  .InfoCarousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
  }
  
  .InfoCarousel-control-prev {
    left: 0;
  }
  
  .InfoCarousel-control-next {
    right: 0;
  }
  
  .InfoCarousel-control-prev-icon,
  .InfoCarousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
  }
  
  .InfoCarousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
  }
  
  .InfoCarousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
  }
  
  .InfoCarousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
  }
  .InfoCarousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .InfoCarousel-indicators [data-bs-target] {
      transition: none;
    }
  }
  .InfoCarousel-indicators .active {
    opacity: 1;
  }
  
  .InfoCarousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
  }
  
  .InfoCarousel-dark .InfoCarousel-control-prev-icon,
  .InfoCarousel-dark .InfoCarousel-control-next-icon {
    filter: invert(1) grayscale(100);
  }
  .InfoCarousel-dark .InfoCarousel-indicators [data-bs-target] {
    background-color: #000;
  }
  .InfoCarousel-dark .InfoCarousel-caption {
    color: #000;
  }
  
  [data-bs-theme=dark] .InfoCarousel .InfoCarousel-control-prev-icon,
  [data-bs-theme=dark] .InfoCarousel .InfoCarousel-control-next-icon, [data-bs-theme=dark].InfoCarousel .InfoCarousel-control-prev-icon,
  [data-bs-theme=dark].InfoCarousel .InfoCarousel-control-next-icon {
    filter: invert(1) grayscale(100);
  }
  [data-bs-theme=dark] .InfoCarousel .InfoCarousel-indicators [data-bs-target], [data-bs-theme=dark].InfoCarousel .InfoCarousel-indicators [data-bs-target] {
    background-color: #000;
  }
  [data-bs-theme=dark] .InfoCarousel .InfoCarousel-caption, [data-bs-theme=dark].InfoCarousel .InfoCarousel-caption {
    color: #000;
  }