.spaHome
  {
    p adding-top:50px;
    clear:both;
  }

  .spaTopTitle
  {
    padding-top:20%;
    font-size:80px; 
    font-weight: 900; 
    color: #ffffff; 
    text-shadow: 2px 2px 12px #000000;
  }

  .spaTopSubTitle
  {
    font-size:50px; 
    font-weight: 900; 
    color: #ffffff; 
    text-shadow: 2px 2px 12px #000000;
  }

  #spaBox0
  {
    text-align:center;
    padding: 100px 40px 40px 40px;
    min-height:95vh;
  
    background-image: url(spaBkgrnd0.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment:fixed;
    /* for background parallax scrolling, set 
      PARALLAX_BGSCROLL = True '0 or False=off, True=on speed 2, N>1=speed (2=fast,3=slower..); add attribute to each item (CMCMenuItemIconURL) to control offset ( spaoffsety=100 ) or turn off parallax ( parallax=off )
      background-attachment:scroll;
    */
  }

  .spaMobTlb
  {
    display:none;
    position:fixed;
    font-size:16pt;
    top:0;
    right:0;
    z-index:1;
    height:60px;
    width:100% !important;
    background-color:#fff;
    opacity: 0.96;
    text-align:right;
    padding:15px;
    border:1px solid #f0f0f0;
  }

  .spaTlbLogo img
  {
    height: 32px;
  }

  .spaTlbLogo
  {
    display: none;
    position:fixed;
    top:10px;
    right:15px;
    font-size:16pt;
    z-index:1001;
  }

  .spaTlbLogo a, .spaTlbLogo a:link, .spaTlbLogo a:visited
  {
    text-decoration: none;
  }

  .spaTlbLogoShow
  {
    display: block;
  }

  .spaBoxAdmin
  {
    background-color:#03a9f4;
    color:#fff;
    padding:5px;
    text-align:right;
    border:1px solid #c0c0c0;
    m argin-top:5px;
  }

  .spaBoxAdmin .frmButtonLt
  {
    margin: 0 2px;
    border-radius: 2px;
    min-width: 40px;
    min-height: 30px;
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
  }

  .spaBoxStart
  {
    position: fixed;
    top: 40%;
    right: 0;
    z-index:1000;
    background-color:#c0c0c0;
  }

  .spaBoxStart #oCMenuItemAjaxPostInfo
  {
    display:inline-block;
    vertical-align: middle;
  }

  .spaBoxStart input { vertical-align: middle; }


  .spaBtnMenuItems { background-image: url(../images/mobilemenu.png); font-size: 0; }
  .spaBtnEdit { background-image: url(../images/Editpad.png); font-size: 0; }
  .spaBtnPreview { background-image: url(../images/View.png); font-size: 0; }
  .spaBtnZoomIn { background-image: url(../images/fullsize.png); font-size: 0; } 
  .spaBtnZoomOut { background-image: url(../images/collapse.png); font-size: 0; }
  .spaBtnViewEdited { background-image: url(../images/ViewDeleted.png); font-size: 0; }

  .spaBtnFixItems { background-image: url(../images/Magicwand.png); font-size: 0; }
  .spaBtnMoveUp { background-image: url(../images/ArrowUp.png); font-size: 0; }
  .spaBtnMoveDn { background-image: url(../images/ArrowDown.png); font-size: 0; }
  .spaBtnMoveIns { background-image: url(../images/plus.png); font-size: 0; }
  .spaBtnMoveDel { background-image: url(../images/CancelOnly.png); font-size: 0; }

  .spaEditInfo
  {
    background-color: #ffff99;
    border: 1px solid #c0c0c0;
    margin: 10px;
    text-align: left;
    font-size: 10pt;
    height: 20px;
    padding: 0 10px;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
  }

  .spaEditInfoView
  {
    padding: 20px 10px;
    height:auto;
    max-height: 200px;
    overflow:auto;
  }

  .spaFieldZoom
  {
    d isplay:block;
    w idth:100%;
    t ransition: all 1s ease-out;
    width:300px;
  }
  .spaBoxAdmin select, .spaBoxAdmin input[type=text]
  {
    height: 30px;
    vertical-align: bottom;
    font-size: 10pt;
  }

  .spaBoxAdminHide
  {
    background-color:#f0f0f0;
    color:#000;
  }

  .spaBoxAdminEdited
  {
    background-color:#fbb3b3;
    color:#000;
  }

  .spaBoxEnd
  {
    text-align:center;
    background-color:#c0c0c0;
    color:#000;
  }

  .spaBox
  {
    min-height:500px;
    padding:100px 80px;
    m ax-width: 1200px;
    margin:auto;
    overflow:auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    position:relative;
  }

  .spaBox iframe {  width:100%; }

  .spaCustomErr
  {
    font-size: 9pt;
    color:#df0000;
    text-decoration: none;
    background-color: #fff;
    padding: 10px;
    text-align:left;
  }

  .spaBox.spaBoxNoPadding { padding:0; min-height: 0;  }
  .spaBox.spaBoxFullWidth { flex-basis: 100%;  }
  .spaBox.spaBoxAutoHeight { height: auto;max-height: none;  }

  .spaBoxContent
  {
		position:sticky;
		z-index:1;
  }
  .spaBgFaded
  {
		position:absolute;
		background-color:rgba(0,0,0,0.4);
		z-index:0;
		left:0;top:0;right:0;bottom:0;
  }

  /*
  .spaBox .wsfCXEditItem:empty { min-height: 50px; padding:0 }
  */
    
  .spaThumbView .spaBox
  {
    min-width: 900px;
    width: 25%;
    margin: auto;
    zoom: 0.25;
  }

  .spaThumbView .spaMap
  {
    width: 50%;
    zoom: 0.50;
  }

  .spaEmpty
  {
    text-align: center;
    padding: 130px 40px 40px 40px;
    min-height: 95vh;
    background-image: url(spaBkgrnd1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .spaAdBox
  {
    margin:auto;
    overflow:auto;
  }

  .spaAdBoxContentBtn
  {
    display:none;
    float:right;
    margin:-5px 5px;
    cursor:hand;
    cursor:pointer;
    padding:5px;
  }

  .spaAdBoxContentBtn:hover
  {
    background-color:#c0c0c0;
  }

  .spaAdBoxContent
  {
    min-height:100px;
    padding:30px;
    text-align:center;
    background-color:#f1f12e;
    font-size:18pt;
  }

  .spaAdBoxContentHide
  {
    display:none;
  }

  .spaAdBoxContentText
  {
    padding-bottom: 40px;
  }

  .spaBoxImage
  {
  }

  .spaBoxImage IMG
  {
    float:right;
    margin: 0 20px 20px 20px;
    width:35%;
    max-width: 80%;
  }

  .spaLogo IMG
  {
    height: 50vh;
    margin:0;
    max-width: none;
  }

  .spaBoxTitle
  {
    text-align:left;
    text-transform:uppercase;
    font-size:40pt;
    padding: 10px 0 0 0;
  }

  .spaBoxSubTitle
  {
    text-align:left;
    text-transform:uppercase;
    font-size:28pt;
    padding: 0 0 20px 0;
    color: #3498db;
  }

  .spaBoxPar
  {
    font-weight:bolder;
    padding: 10px 0 10px 0;
    color: #3498db;
  }

  .spaFooter
  {
    width:100%;
  }

  .spaTextMultiCol:nth-child(1)
  {
    border-right:2px solid #f0f0f0;
  }

  .spaTextMultiCol
  {
    text-align:left;
    width:50%;
    min-height: 200px;
    font-size:20pt;
    display:inline-block;
    padding:30px;
    vertical-align: top;
  }

  .spaTextMultiColImg
  {
    width:80%;
  }

  .spaTextMultiCols
  {
    font-size:0;
  }

  /* SPA PAGE */

  .spaPageBox 
  {
    min-height: 500px;
    padding: 100px 80px;
    margin: auto;
    overflow: auto;
  }

  .spaPageSecTitle
  {
    padding: 20px 0 20px;
    font-weight: bolder;
    color:#003399;
  }

  .spaPageColBox
  {
    padding:0 0 0 10px;
    column-count: 2;
  }

  .spaPageIndBox
  {
    padding: 10px;
  }

  .spaPageIndBox P
  {
    margin:5px 0 0 0;
  }

  .spaPageLink
  {
    text-align:left;
    font-size:120%;
    border: 1px solid #c0c0c0;
    padding:5px 10px;
    border-radius: 4px;
    display:inline-block;
  }

  .spaPageLink:hover
  {
    background-color:rgb(52, 152, 219);
  }

  .spaPageLink:hover A
  {
    color:#fff;
  }

  .spaPageLink A, .spaPageLink A:link, .spaPageLink A:visited
  {
    text-decoration: none;
  }

  .spaPageLink A:hover
  {
    t ext-decoration: underline;
  }

  .spaPopupImg:hover
  {
    border:1px solid #fff;
  }

  .spaPopupImg
  {
    cursor:hand;cursor:pointer;
    width:25vw;
    min-width: 300px;
  }

  #spaImgPopUpPnl
  {
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    z-index: 1000;
    background-color:#ffffffe0;
    text-align:center;
    padding:20px;
    overflow:auto;
  }

  #spaImgPopUpImg
  {
    width:90%;
    height:auto;
  }

  .spaContacts
  {
    padding:0;
    min-height:0;
  }

  .spaMap 
  {
    padding:0;
    min-height:0;
  }

  .spaMap iframe
  {
    width:100%;
    height:150px;
    transition: all 0.2s ease-out;
  }

  .spaMap iframe:hover, .wsfMobileView .spaMap iframe
  {
    height: 300px;
    transition: all 0.2s ease-out;
  }

  @media only screen and (max-width: 1000px)
  {
    .spaTopTitle { font-size: 65px; }
    .spaTopSubTitle { font-size: 45px; }
  }

  @media only screen and (max-width: 800px)
  {
    .spaTopTitle { font-size: 50px; }
    .spaTopSubTitle { font-size: 40px; }
  }

  @media only screen and (max-width: 500px) , screen and (max-height: 400px) 
  {
    .spaBoxTitle { font-size: 32pt; line-height: 45px; }
    .spaBoxSubTitle { font-size: 22pt; line-height: 40px; }
    .spaBox, .spaPageBox { padding: 60px 40px; }

    .spaTopTitle { font-size: 40px; }
    .spaTopSubTitle { font-size: 30px; }

    .spaLogo IMG { height: 40vh; }
    .spaBoxImage IMG { width: 100% }

    #spa Top { height: auto; }
    #spaBox0 { min-height:100vh; }
  }

  @media only screen and (max-width: 700px), screen and (max-height: 500px)
  {  
    /* mobile menu appears */

    .spaMobTlb { display:block; }
  }