.nopadsocial {
display:none;
}
#PageSysCtrl
{
  width: 32px;
  height: 60px;
  position: absolute;
  top: 20px;
  left: 10px;
  z-index: 1000;
}

#PageSysCtrl img
{
  margin: 0 0 0 1px;
}

div.tabs a span
{
  color: #000;
  font-family: Verdana, Helvetica, Arial;
  font-size: 10px;
  font-weight: normal;
}
#PageSysCtrl table {
border:1px solid black;
}

table.CMS_LoginTB
{
  width: 250px;
  margin: 0px;
  padding: 0px;
}

/************************/

body.Design
{
  margin: 0px;
  padding: 0px;
  color: #000;
  font-size: 9pt;
  background-color : #ffffff;
  overflow: auto;
}

body
{
  margin: 0px;
  padding: 0px;
  color: #000;
  font-size: 9pt;
  background-color : #ffffff;
}






h1, h2, h3, h4, h5, h6
{
  margin: 0px;
  padding: 0px;
}

h1 {font-size: 17pt;}
h2 {  font-size: 15pt;}
h3 {  font-size: 13pt;}
h4 {  font-size: 11pt;}
h5 {  font-size: 9pt;}
h6 {  font-size: 7pt;}

img
{
  border-width: 0;
}

table.design_main
{
  width: 900px;
  height: 500px;
  background-color: #ffffff;
}

td.design_content
{
  padding: 0px;
  vertical-align: top;
}

.top_img_text a.toplink {
margin:0 5px;
}

@media screen and (max-width:767px){
.top_img_text{
display:flex !important;
flex-direction:column;
align-items:center;
}
.top_img_text a.toplink {
display:block;
}
}

.cm-repop-element .repop-consent-button{
    width: 30px !important;
    height: 30px !important;
}

.cm-repop-element .repop-consent-button__icon {
    width: 16px !important;
    height: 16px !important;
}

  .hero {
    position: relative;
    width: 100%;
    height: 75vh; /* full viewport height */
    overflow: hidden;
  }

  .hero iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw; /* 16:9 ratio */
    min-height: 100vh;
    min-width: 177.78vh; /* 16:9 ratio math */
    transform: translate(-50%, -50%);
    pointer-events: none; /* prevents clicking video */
  }

  .hero .content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    top: 50%;
    transform: translateY(-50%);
  }

  .hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4); /* dark overlay so text is readable */
    z-index: 1;
  }
/* Begin Page Specific CSS */

/* End Page Specific CSS */