:root {
  --font-one:'Outfit';
  --font-two:'Cabin';
  --font-three:'Asap Condensed';
  --color-accent:#6691a4;
  --color-dark:#333333;
  --color-light:#ffffff;
  --color-lightgray:#C0C0C0;
  --gradient-dark:linear-gradient(to bottom, #333333, #222222);
  --gradient-light:linear-gradient(to bottom, rgb(255,255,255), rgb(245,245,245));
  --gradient-green:linear-gradient(to bottom, rgb(102, 145, 164), rgb(80, 115, 124));
  --gradient-green-dark:linear-gradient(to bottom, rgb(102, 145, 164), #333333);
  --gradient-light-dark:linear-gradient(to bottom, rgb(255, 255,255), #333333);
  --gradient-green-light:linear-gradient(to bottom, rgb(102, 145, 164), rgb(255, 255,255));
  --gradient-light-gray:linear-gradient(to bottom, rgb(245,245,245), rgb(215,215,215));
}



.sidebar .site-main
 {
    margin: 0px !important;
}

.ismobile .case-studies-archives .tccolumn.case-study {
  width: 90%;
  flex: 1 1 100%;
  margin-bottom: 4em;
}


body {
  background-image: url(/wp-content/uploads/2024/03/logo-background.png);
  background-position: center center;
  background-size: cover;
}

.btn {
  padding-left: .75rem;
  padding-right: .75rem;
}

label.btn {
  margin-bottom: 0;
}

.d-flex > .btn {
  flex: 1;
}

.carbonads {
  border-radius: .25rem;
  border: 1px solid #ccc;
  font-size: .875rem;
  overflow: hidden;
  padding: 1rem;
}

.carbon-wrap {
  overflow: hidden;
}

.carbon-img {
  clear: left;
  display: block;
  float: left;
}

.carbon-text,
.carbon-poweredby {
  display: block;
  margin-left: 140px;
}

.carbon-text,
.carbon-text:hover,
.carbon-text:focus {
  color: #fff;
  text-decoration: none;
}

.carbon-poweredby,
.carbon-poweredby:hover,
.carbon-poweredby:focus {
  color: #ddd;
  text-decoration: none;
}

@media (min-width: 768px) {
  .carbonads {
    float: right;
    margin-bottom: -1rem;
    margin-top: -1rem;
    max-width: 360px;
  }
}



.footer {
  font-size: .875rem;
  overflow: hidden;
}



.heart {
  color: #ddd;
  display: block;
  height: 2rem;
  line-height: 2rem;
  margin-bottom: 0;
  margin-top: 1rem;
  position: relative;
  text-align: center;
  width: 100%;
}

.heart:hover {
  color: #ff4136;
}

.heart::before {
  border-top: 1px solid #eee;
  content: " ";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}

.heart::after {
  background-color: #fff;
  content: "♥";
  padding-left: .5rem;
  padding-right: .5rem;
  position: relative;
  z-index: 1;
}

.img-container,
.img-preview {
  background-color: #f7f7f7;
  text-align: center;
  width: 100%;
}

.img-container {
  margin-bottom: 1rem;
  max-height: 497px;
  min-height: 200px;
}

@media (min-width: 768px) {
  .img-container {
    min-height: 497px;
  }
}

.img-container > img {
  max-width: 100%;
}

.docs-preview {
  margin-right: -1rem;
}

.img-preview {
  float: left;
  margin-bottom: .5rem;
  margin-right: .5rem;
  overflow: hidden;
}

.img-preview > img {
  max-width: 100%;
}

.preview-lg {
  height: 9rem;
  width: 16rem;
}

.preview-md {
  height: 4.5rem;
  width: 8rem;
}

.preview-sm {
  height: 2.25rem;
  width: 4rem;
}

.preview-xs {
  height: 1.125rem;
  margin-right: 0;
  width: 2rem;
}

.docs-data > .input-group {
  margin-bottom: .5rem;
}

.docs-data .input-group-prepend .input-group-text {
  min-width: 4rem;
}

.docs-data .input-group-append .input-group-text {
  min-width: 3rem;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
  margin-bottom: .5rem;
  margin-right: .25rem;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
  margin-bottom: .5rem;
}

.docs-tooltip {
  display: block;
  margin: -.5rem -.75rem;
  padding: .5rem .75rem;
}

.docs-tooltip > .icon {
  margin: 0 -.25rem;
  vertical-align: top;
}

.tooltip-inner {
  white-space: normal;
}

.btn-upload .tooltip-inner,
.btn-toggle .tooltip-inner {
  white-space: nowrap;
}

.btn-toggle {
  padding: .5rem;
}

.btn-toggle > .docs-tooltip {
  margin: -.5rem;
  padding: .5rem;
}

@media (max-width: 400px) {
  .btn-group-crop {
    margin-right: -1rem!important;
  }

  .btn-group-crop > .btn {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .btn-group-crop .docs-tooltip {
    margin-left: -.5rem;
    margin-right: -.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

.docs-options .dropdown-menu {
  width: 100%;
}

.docs-options .dropdown-menu > li {
  font-size: .875rem;
  padding: .125rem 1rem;
}

.docs-options .dropdown-menu .form-check-label {
  display: block;
}

.docs-cropped .modal-body {
  text-align: center;
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
  max-width: 100%;
}

/* Nexa Black */
@font-face {
  font-family: 'Nexa Black';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-Black.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Nexa Black Italic */
@font-face {
  font-family: 'Nexa Black Italic';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-BlackItalic.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-BlackItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

/* Nexa Bold */
@font-face {
  font-family: 'Nexa Bold';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-Bold.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Nexa Bold Italic */
@font-face {
  font-family: 'Nexa Bold Italic';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-BoldItalic.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-BoldItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

/* Nexa Book */
@font-face {
  font-family: 'Nexa Book';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-Book.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-Book.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Nexa Book Italic */
@font-face {
  font-family: 'Nexa Book Italic';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-BookItalic.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-BookItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

/* Nexa Heavy */
@font-face {
  font-family: 'Nexa Heavy';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-Heavy.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-Heavy.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Nexa Heavy Italic */
@font-face {
  font-family: 'Nexa Heavy Italic';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-HeavyItalic.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-HeavyItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

/* Nexa Italic */
@font-face {
  font-family: 'Nexa Italic';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-Italic.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

/* Nexa Light */
@font-face {
  font-family: 'Nexa Light';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-Light.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Nexa Light Italic */
@font-face {
  font-family: 'Nexa Light Italic';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-LightItalic.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-LightItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

/* Nexa Regular */
@font-face {
  font-family: 'Nexa Regular';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-Regular.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Nexa Thin */
@font-face {
  font-family: 'Nexa Thin';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-Thin.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-Thin.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Nexa Thin Italic */
@font-face {
  font-family: 'Nexa Thin Italic';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-ThinItalic.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-ThinItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

/* Nexa XBolt */
@font-face {
  font-family: 'Nexa XBolt';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-XBold.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-XBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Nexa XBolt Italic */
@font-face {
  font-family: 'Nexa XBolt Italic';
  src: url('/wp-content/themes/liquid-child/fonts/Nexa-XBoldItalic.woff') format('woff'),
       url('/wp-content/themes/liquid-child/fonts/Nexa-XBoldItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

/* Apply the font families as needed in your styles */
body {
  font-family: 'Nexa Regular', sans-serif; /* Default font */
}
.tchero {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;

  min-height: 495px;
  background: transparent;
}
.tchero li {
  width: 50%;
  overflow: hidden;
  position: relative;
  transform-origin: 100% 0;
  height: inherit;
}

.soldjobs_cross .flexdiv {
  text-align: left;
  align-items: baseline;
}

.tcouter {
  position: relative;
  display: flex;
  font-size: 60px;
  font-family: var(--font-one);
  min-width: 70%;
  padding: 50px;
  justify-content: right;
  flex-direction: column;
  text-align: right;
  max-width: 40%;
  border-radius: 10px;
  left: -90px;
}


.site-header .site-branding img {
  display: inline-block;
  vertical-align: middle;
  width: 170px;
}



.tcdiagouter {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.tcdiagul {
  width: -webkit-fill-available;
  background: transparent;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  left: 1%;
  transform: scale(1.2);
  filter: drop-shadow(4px 4px 6px black);
  -webkit-filter:drop-shadow(4px 4px 6px black);
}

.tcdiaginner {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  transform: skew(5deg);
  transform-origin: 100% 0;
  left: -14%;
  background-size: cover;
}

.tcdiagul li {
  width: 33%;
  overflow: hidden;
  position: relative;
  transform: skew(-5deg);
  transform-origin: 100% 0;
  height: inherit;
  margin-left: -3px;
  border: solid 5px black;
  border-width: 0px 10px 0px 0px;
}

.site-footer {
  background: #363a43;
  margin-top: 80px;
  width: 100%;
}

.right-box.angleclip {
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0 100%);
}

.left-box.angleclip {
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0 100%);
}

.corp-container {
  margin: 0 auto !important;
  max-width: 100% !important;
  padding: 0 15px !important;
  position: relative !important;
  width: 100% !important;
  padding: 0px !important;
  margin: 0px !important;
}

.herotext {
  max-width: 40%;
  background: #333333;
  color: white;
  z-index: 999999;
  position: absolute;
  padding: 30px;
  bottom: 10%;
}

#resinous_coatings_section .flex-container {
  max-width: 100%;
}

#concrete_polishing_section .flex-container {
  max-width: 100%;
}


.tcboxes {
  display: flex;
  gap: 3em;
}

.primary-class {
  position: relative;
}

.outerbox i {
  position: absolute;
  top: 0px;
}

.outerbox {
  border: solid 1px #C0C0C0;
  padding: 30px;
  background: white;
  box-shadow: 5px 5px 0px #C31B1b;
  flex: 1;
}

.tc-column,.tccolumn {
  flex: 1;
}

.tc-two-column .flex-container {
  display: flex;
  flex-wrap: nowrap;

}



.tcheadline.centered,.tc-headline.centered {

  justify-content: center;
text-align:center;
}

.tc-headline h1, .tc-headline h2, .tc-headline h3 {
  padding: 0px;
  margin: 0px;
}

.tcheadline.left,.tc-headline.left {

  justify-content:left;
  text-align:left;

}

.tcheadline.right,.tc-headline.right {

  justify-content:right;
  text-align:right;

}

.review-pane {
  background: #c31b1b;
  padding-top: 40px;
}

#page {
  overflow-x:hidden;
  opacity:0;
}

footer#colophon {
  padding: 10px 60px;
  background: transparent;
  margin-top: -20px !important;
  padding-top: 20px;
  padding-bottom: 30px;
  margin-top: 40px !important;
}
.site-header-inner {
  padding-left: 10px;
  padding-right: 10px;
}
.hero-text-box {
  width: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;

}

.hero-text-box-outer-one {
  text-align: left;
  max-width: 1000px;
  width: 100%;
}

.hero-text-box-headline {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.hero-text-box-inner-one {
  font-size: 18px;
}

.hero-text-box-headline {
  font-weight: 800;
  font-family: var(--font-one);
  color: black;
  font-size: 2.4em;
}

.hero-text-box-wrapper {
  background-image: url(/wp-content/uploads/2024/03/logo-background.png);
  background-size: cover;
  background-position: 30%;
}

.panel-grid {
  margin-bottom: 0px !important;
  overflow-y: hidden;
  overflow-x: hidden;
}



section.contactus {
  margin-bottom: 90px;
}

.buttonarea {
  display: inline-flex;
  flex: 1 0 50%;
  flex-direction: row;
  justify-content: right;
  gap:.5em;
}

.bodybuttons {
  gap: 0.4em;
  display: flex;
}

.fromarea {
  flex: 1 0 50%;
  padding-bottom: 5px;
  gap: 0.4em;
  display: inline-flex;
  align-items: center;
}

span.fromtag {
  color: black;
  font-weight: 500;
  font-family: var(--font-one);
}

.messagebar {
  padding: 10px 0px;
  border-radius: 0px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  width: 100%;
  border: solid 1px var(--color-accent);
  border-width: 0px 0px 3px 0px;
  margin-top: 30px;
}

.messagebar span.sentto {
  border-radius: 30px;
  padding: 1px 10px;
  font-family: var(--font-one);
  color: black;
  background: #57c9e1;
}

 

.tcbutton {
  background-color: var(--color-accent);
  display: inline-flex;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border: none;
  color: white;
  gap: 0.5em;
  font-family: var(--font-three);
  cursor: pointer;
  text-transform: capitalize;
  align-items: center;
  padding-left: 2%;
  border-radius: 0px 4px 4px 0px;
  margin-left: 25px;
  box-shadow: 0px 1px 3px rgba(255, 255, 255, 0.6), /* Top light shadow */ 0px -1px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
  position: relative;
    padding-left: 35px;
    font-weight: initial;
    width: fit-content;

            }

/* Hover state */
.tcbutton:hover {
  background-color: var(--color-dark);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  color: white !important;
  text-shadow: 1px 1px 3px black;
}

/* Active state */
.tcbutton:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 1, 1) !important;
  background-color: #555555;
}

.slideblocks a {
  scale: 1;
  cursor:pointer;
}



.case-studies-slide h3 {
  font-size: 16px;
  text-align: center;
}





.tcbutton:not(.noicon,.icononly,.faicon) i {
  background-image: url(/wp-content/themes/liquid-child/images/liquid-floors-button-icon.png);
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 100%;
  position: absolute;
  left: -20px;
  scale: 1.3;
}

.case-studies-slide p {
  font-size: 10px;
  text-align: justify;
  color: #333333;
  font-size: 13px;
  font-family: var(--font-two);
  font-weight: 400 !important;
  max-height: 100px;
  overflow: auto;
  align-items: flex-start;
  padding: 0px;
  padding-right: 10px;
  position: relative;
  align-items: flex-start !important;
}

.tcbutton.buttonunder {
  margin-top: 30px;
  max-width: fit-content;
}

.tcbutton.buttonright {
justify-content:right;
}

.tcouter p {
  background-image: linear-gradient(to bottom, #C11A1A, #9E1414);
  position: absolute;
  bottom: 4%;
  left: 4%;
  color: white;
  padding: 0px 20px;
  text-align: left;
  padding-left: 50px;
  border-radius: 0px 4px 4px 0px;
}



.slideblocks p.buttons {
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
}

.tcright .tcheadline,.tcright .tc-headline {
  text-align: right;
  justify-content: right;
}

.tcleft .tcheadline,.tcleft .tc-headline  {
  text-align: left;
  justify-content: left;
}

.buttonright.tcbutton {
  margin-left: auto;
  display: block;
  float: right;
}

.tcsubheadline,.tc-subheadline {
  font-size: 1.22em;
}

.coverlayinner {
  height: auto;
  background: white;
  min-height: fit-content;
  min-width: 400px;
  box-shadow: 3px 3px 3px;
  position: relative;
  left: -1300px; /* Initial left position */
opacity:0;
}

.coverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  display: none;
  opacity: 0;
  z-index: 9999999;
  background-image: url(/wp-content/uploads/2024/03/logo-background.png);
  background-position: center center;
  background-size: cover;
}

h1.tcmain-headline {
  font-family: var(--font-one);
  font-size: 40px;
  color: black;
}



.close-window {
  background: #333333;
  padding: 20px;
  font-size: 30px;
  font-weight: 900;
  color: white;
  padding: 0px 14px;
  border-radius: 3px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  height: 40px;
  width: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.coverlay.open {
  display: flex;
  opacity: 1;
  transition: opacity 0.3s ease;
}
ul.dropdown-list {
  margin: 0px;
}

.ismobile span.dropdown-header {
  font-size: 30px;
}

.hydrated {
  font-family: var(--font-one);
}

.ismobile .itemblock.stack {
  width: 100%;
  max-width: 100%;
  flex: 1 1 100%;
}

.coverlaycover {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.94);
  display: flex;
  justify-content: center;
  align-items: center;
}

.coverlay.open .coverlayinner {
  transition: left 0.5s ease;
  left: 0; /* Slide in from the left */
  opacity:1;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  width:100%;
}

.tc-two-column .flex-container {
  display:flex;
  flex-wrap:nowrap;
}



.left-box {
  flex: 1;
  padding: 10px;
  flex-direction:column;
}

.right-box {
  flex: 1;
  display: flex;
  padding:10px;
  transition: opacity 0.3s ease;
  flex-direction:column;
}
.dropdown-list {
  list-style: none;
  padding: 0;
  width: 100%;
}

li {
  border-bottom: 1px solid #ddd;
  position: relative;
}

i.fa-icon {
  margin-right: 5px;
}

.dropdown-header {
  display: inline-block;
  cursor: pointer;
}

.dropdown-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.dropdown-content {
  display: none;
  padding: 10px;
}

.coverlay {
  opacity:0;
  transition: opacity 0.5s ease;
}

.tcloading {
opacity:0;

}

.loadingstyle * {
  opacity:0 !important;
}

.loadingstyle {
position:absolute;
background-color:white;
top:0px;
left:0px;
right:0px;
bottom:0px;
background-image: url(/wp-content/themes/liquid-child/images/liquid-floors-animated-logo.gif);
background-size: 20%;
background-repeat: no-repeat;
background-position: center center;
position: relative;
min-height:200px;


}

.primaryblock.active.saving {
  background-image: url(/wp-content/themes/liquid-child/images/liquid-floors-animated-logo.gif) !important;
  background-size: 20% !important;
  background-position: center center !important;
  background-color: white !important;
  background-repeat: no-repeat !important;
}

.primaryblock.active.saving * {
  opacity:0;
}


.tcloading.coverlay {
  display: flex;
  opacity: 1;
  transition: opacity 0.3s ease;
  background-image: url(/wp-content/themes/liquid-child/images/liquid-floors-animated-logo.gif);
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: center center;
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}


.photoinner {
  display: flex;
  opacity: 1;
  transition: opacity 0.3s ease;
  background-image: url(/wp-content/themes/liquid-child/images/liquid-floors-animated-logo.gif);

  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
    min-width: 130px;
    min-height: 100px;
    background-size: contain;

}

section.coach-section {
  padding-bottom: 0px !important;
}

#page.tcloading {

  opacity:0;
  transition: opacity 0.3s ease;
}

#page.tcloaded {

  opacity:1;
  transition: opacity 0.5s ease;
  position: absolute;
  left: 0px;
  right: 0px;
}

.tcloading.coverlay {
  display: flex;
  opacity: 1;
  transition: opacity 0.3s ease;
  background-image: url(/wp-content/themes/liquid-child/images/liquid-floors-animated-logo.gif);
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: center center;
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.tcloading .coverlaycover {
  background-color: transparent;
}

.coverlayinner iframe {
  height: 650px !important;
}

.coverlay.open iframe {
  opacity: 1 !important;
  width: 100%;
}



.tcright,.right  {
  justify-content: right;
  text-align: right;
}

.tcleft,.left  {
  justify-content: left;
  text-align: left;
}



.center {
  text-align: center;
  justify-content: center;
}

span.dropdown-header {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 400;
  color: white;
}

span.dropdown-header {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 400;
  color: white;
}

.dropdown-list i {
  width: 80px;
  height: 80px;

  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.dropdown-list i.jiu-jitsuicon {

  background-image: url(/wp-content/uploads/jiu-jitsu.svg);

}

.dropdown-list i.muythaicon {

  background-image: url(/wp-content/uploads/muythai.svg);

}

.dropdown-list i.wrestlingicon {

  background-image: url(/wp-content/uploads/wrestling.svg);

}

span.dropdown-header-outer {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.dropdown-list i.dropcaret {
  background-image: url(/wp-content/uploads/caretred.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(90deg);
  margin-left: auto;
  transition: transform 0.5s ease;
}

.dropdown-list li.active i.dropcaret {
  transform: rotate(0deg);
  transition: transform 0.5s ease;
}



ul.dropdown-list li:last-child {
  border-width: 0px !important;
}

.dropdown-list li {
  padding: 15px 0px;
}

p.dropdown-content {
  color: white;
}

.reviews {
  font-family: 'Poppins';
  font-weight: 800;
  color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 50px;
}

.coach-image {
  background-image: url(/wp-content/themes/liquid-child/images/will-campuzano-coach.png);
  height: 100%;
  min-width: 600px;
  min-height: 600px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.right-box {
  flex: 1;
}

.coach-section-main {
  display: flex;
}

section:not(#shadow-host-companion) .coach-section {
  margin-bottom: 0px !important;
  padding-bottom: 0px;
}

.tcsubheadline.centered {
  margin-bottom: 35px;
  text-align: center;
}

.outerbox {
  padding: 0px;
  background: white;
  box-shadow: 5px 5px 0px #C31B1b;
  flex: 1;
  position: relative;
  border: none;
  cursor:pointer;
}

.outerbox .innertext {
  padding: 20px 20px;
  text-align: left;
  font-family: 'Poppins';
  font-size: 13px;
  color: #000000;
}

.outerboxheadline {
  padding: 0px;
  margin: 0px;
  background: #333333;
  padding-left: 10px;
  padding-right: 0px;
  color: white;
  box-shadow: 2px 2px 0px #C11A1A;
  text-shadow: 2px 2px 0px #000000;
  left: -1%;
  width: 102%;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 0px;
}

.outerboximage {
  position: relative;
}

.outerbox h3 {
  padding: 0px;
  margin: 0px;
  background: #333333;
  position: absolute;
  bottom: 0px;
  padding-left: 30px;
  padding-right: 10px;
  color: white;
  box-shadow: 2px 2px 0px #C11A1A;
  text-shadow: 2px 2px 0px #000000;
  left: -2.5%;
  width: 105%;
  color: white;
  text-shadow: 2px 2px 0px #000000;
}

.viewmore {
  background-color: #C11A1A;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  cursor: pointer;
  font-family: 'Poppins';
  text-shadow: none;
  box-shadow: -2px 0px 1px #000000;
  position: absolute;
  right: -3%;
  color: white !important;
}
.tcboxes .outerbox:hover {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}

.tcboxes .outerbox {
  transform: scale(1.00);
  transition: transform 0.3s ease;
  
}

.tcsubheadline.right {
  color: white;
}

.main-navigation ul li {
  display: inline-block;
  font-family: Montserrat,sans-serif;
  font-size: .8rem;
  line-height: normal;
  margin: 0 39px -10px 0;
  padding: 0 0 10px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  border: none;
}

h1.entry-title {
  background-image: linear-gradient(to bottom, #C11A1A, #9E1414);
  padding: 10px 20px;
  color: white;
  text-shadow: 1px 1px 0px #000000;
}

.tchlfont {
font-family:Montserrat;

}

.tchlfontalt {
  font-family:Poppins;
  
  }

  .tcshlfont {
    font-family:Poppins;
    
    }

.tcshlfontalt {
  font-family:'Open Sans';
  
  }

  .tcpfont {
    font-family:'Open Sans';
    
    }

  .tcpfontalt {
      font-family:'Poppins';
      
      }

.tcred {
  color:#C11A1A !important;

}

.tcblack {
  color:#000000 !important;
  
}

.tcgray {
  color:#333333 !important;
  
}

.tcwhite {
  color:#ffffff !important;
  
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
  flex: 1;
  min-width: 300px;
}


img.quoteimage {
  width: 80px;
  position: absolute;
  display: block;
  margin-right: 10px;
  left: -20px;
}
.right-box.about-me-text {
  flex-direction: column;
  position: relative;
  display: block;
}

.about-me-text span {
  font-family: poppins;
  font-size: 19px;
  color: black;
  padding: 30px !important;
  display: block;
  background: white;
}



.gallery-item img {
  box-shadow: 5px 5px 0px #333333;
}

div#tcgallery {
  background: white;
  padding: 30px;
}

#about-us-second .left-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 5%;
}

.about-me-text span {
  font-family: poppins;
  font-size: 19px;
  color: black;
  padding: 30px !important;
  display: block;
  background: white;
  border: solid 0px #000000;
  border-width: 0px 0px 0px 30px;
}

table.calendar.week td div.item {
  position: absolute;
  left: 1px;
  right: 1px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 3px;
  font-family: 'Helvetica Nue','Helvetica','Lucida Sans Unicode','Lucida Grande','Tahoma','sans-serif';
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800 !important;
}

.calendarframe {
  padding: 0px;
  background: white;
  padding: 50px;
  padding-top: 20px;
  font-family: Poppins;
  margin-top: 40px;
}

.main-navigation a {
  cursor: pointer;
}


ul.small.dropdown-list {
  margin: 0px;
  width: 100%;
}

.dropdown-list.small li {
  padding: 0px;
}

.dropdown-list.small span.dropdown-header-outer {
  display: inline-flex;
  align-items: center;
  width: 100%;
  max-height: 50px;
}

.dropdown-list.small p.dropdown-content {
  padding: 0px 20px 20px 20px;
}

.dropdown-list.small span.dropdown-header {
  font-size: 20px;
  width: 100%;
  padding-left: 30px;
}

div#adults-benefits {
  background-image: url(/wp-content/themes/liquid-child/images/white-red-background.png);
  background-repeat: repeat-x;
  background-size: contain;
}

.tinyaccordion i:not(.dropcaret) {
  display: none;
}

.tinyaccordion span.dropdown-header {
  font-size: 20px;
}

.tinyaccordion li {
  padding: 5px 10px;
}

.tinyaccordion i.dropcaret {
  justify-content: flex-end;
  margin-left: auto;
  position: absolute;
  right: 0px;
  padding: 0px;
  margin: 0px;
  height: 40px;
  width: 30px;
}

.tinyaccordion ul.dropdown-list {
  background: black;
  margin: 0px;
}



.tinyaccordion .outerbox .innertext {
  padding: 20px 20px;
  text-align: left;
  font-family: 'Poppins';
  font-size: 13px;
  color: #000000;
  padding-top: 50px;
  height: 340px;
}

.tinyaccordion {
 
  display: block;
  bottom: 0px;
  width: 100%;
  min-height: 125px;
}

.tinya .outerbox .innertext {
  padding: 20px 20px;
  text-align: left;
  font-family: 'Poppins';
  font-size: 13px;
  color: #000000;
}

.tinyaccordion ul.dropdown-list {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.entry-header {
  margin-bottom: 0px !important;
}
/*
.tcbutton.white {
  background-image: linear-gradient(to bottom, #ffffff, #efefef);
  color: black;
}

.tcbutton:hover {
  background-image: linear-gradient(to bottom, #efefef,#ffffff);
  color: black;
}

.tcbutton.white i {
  background-image: url(/wp-content/themes/liquid-child/images/liquid-floors-button-icon.png);

} 

.tcbutton.white {
  color: black;
  text-shadow: 2px 2px 1px #efefef;
}
*/

.buttonbox.center {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#video-section {
  position: relative;
  width: 100%;
  height: 100vh; /* Adjust as needed */
  overflow: hidden;
}

#background-video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}


.contactus .left-box-inner {
  box-shadow: 5px 5px 0px;
}

.contactus .left-box {
  background: white;
}


.contactus .right-box-inner {
  width: 100%;
}

.our-location {
  padding: 30px;
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
  float: left;
  margin: 0px;
  text-align: center;
}




a.googlemap:hover {
  background-size: 160%;
  transition: background-size 0.3s ease;

}

.ismobile .contactus td {
  display: block;
}


 

.ismobile .tchero li {
  width: 33%;
  overflow: hidden;
  position: relative;
  transform: skew(-10deg);
  transform-origin: 100% 0;
  height: inherit;
}

.ismobile ul.tchero {
  min-height: 200px;
}

.ismobile li.heroone {
  display: none;
}

.tchero p {
  display: none;
}

.ismobile section { 
  padding: 0px;
}

.ismobile .tcboxes {
  flex-direction: column;
  padding: 5%;
}

.ismobile .outerboximage img {
  width: 100%;
}



.ismobile section.tc-two-column .flex-container {
  flex-direction: column;
}

.ismobile .reviews {
  font-size: 30px;
}

.ismobile .contactus table {
  box-sizing: border-box;
  width: inherit;
}

.ismobile .coach-section-main {
  flex-direction: column;
}

.ismobile .contactus table td p {
  width: 100%;
}

.ismobile .contactus input[type=text],.ismobile .contactus input[type=phone],.ismobile .contactus input[type=email] {
  width: 100%;
}

.ismobile section.contactus {
  padding: 0px;
}

.ismobile .contactus .left-box {
  padding: 0px;
}

.ismobile .contactus td {
  display: block;
  padding: 15px;
  background: #fafafa;
}

.contactus table p {
  font-family: Poppins;
  color: black;
  font-weight: 500;
}

.ismobile .our-location {
  position: relative;
  text-align: center;
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

.ismobile .contactus .right-box {
  display: flex;
  min-height: 600px;
}

.ismobile .contactus .left-box {
    padding: 0px;
    position: relative;
    display: flex;
    order: 1;
    margin-top: 30px;
}



.ismobile .tcheadline, .ismobile .tcsubheadline {
  justify-content: center;
  text-align: center;
}

.ismobile .tc-headline, .ismobile .tc-subheadline {
  justify-content: center;
  text-align: center;
}




.ismobile .flex-container {
  flex-direction: column;
}




.ismobile .right-box.about-me-text {
  top: -100px;
}

.ismobile .tcheadline.tccentered {
  font-size: 2.4em;
  color: black;
}

.ismobile #about-us-second section,.ismedium #about-us-second section {
  background-image: url(/wp-content/themes/liquid-child/images/white-purple-background.png);
  background-repeat: repeat-x;
  background-size: contain;
}

.ismobile .tcheadline.tcred.tcredshadow.tcright {
  font-size: 32px;
}

.ismobile .tc-headline.tcred.tcredshadow.tcright {
  font-size: 32px;
}

.video-box {
  width: 100%;
  max-width: 640px; /* Adjust the maximum width as needed */
  margin: 0 auto; /* Center the video box horizontally */
}

.video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Maintain aspect ratio and cover the entire container */
}


.ismobile .tinya .outerbox .innertext,.ismedium .tinya .outerbox .innertext {
  margin-bottom: 20px;
}





.panel-grid-cell .so-panel {

  margin-bottom: 0px !important;
}





footer#colophon {
  margin-top: 0px;
}





.ismobile .hero-text-box-outer-one {
  padding: 19px;
}

.ismobile .hero-text-box-headline {
  font-size: 35px;
  text-align: center;
}

.ismobile .hero-text-box-inner-one {
  font-size: 15px;
  text-align: justify;
}


.blog div#content {
  max-width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}



.hero-headline {
  background: rgba(0,0,0,.80);
  padding: 40px;
}

.hero-headline {
  background: rgba(0,0,0,.75);
  padding: 40px;
  width: 49%;
}

.primary-hero-headline {
    font-family: var(--font-one);
    color: white;
    font-size: 30px;
    font-weight: 900;
}

#hero-box .panel-grid-cell {
  background-color: rgba(255,255,255,.6);
}

.subheadline {
  color: white;
}

h1.entry-title {
  background-image: linear-gradient(to bottom, #C11A1A, #9E1414);
  padding: 10px 20px;
  color: white;
  text-shadow: 1px 1px 0px #000000;
  margin-bottom: 0px;
}

.primary-hero-headline {
  color: white;
  font-size: 30px;
  font-weight: 900;
}

#hero-box-outer .panel-grid-cell {
  background: rgba(255,255,255,.78);
}


.tcboxes {

  opacity:0;
  transform: translateY(30px);

}

.heroheadline {
  opacity:0;
  transform: translateX(-30px); 
}






.left-box,.hero-text-box-outer-one {
  opacity:0;
  transform: translateX(-20px);
}

.right-box {
  opacity:0;
  transform: translateX(20px);
}


/* styles.css */
.visible {
  opacity: 1 !important;
  transform: translateX(0px) translateY(0px);
  transition: all 0.5s ease;
  /* Add more styles as needed for different animations */
}

h1.pageheadline.centered {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  margin-top: -34px;
  margin-bottom: 20px;
  color: #666666;
}

.ismobile .hero-headline.visible {
  width: 100%;
}

.ismobile h1.pageheadline.centered {
  text-align: center;
  font-size: 15px;
  margin-bottom: 30px;
  margin-top: -30px;
}




p.contact-us-headline {
  font-size: 30px;
  font-family: var(--font-one);
  font-weight: 700;
  color: #333333;
}

.hero-text-box h1 {
  font-size: 20px;
  margin: 0px;
  margin-top: -15px;
  margin-bottom: 15px;
}

div#contact-form {
  margin-bottom: 80px;
}

.site-footer .widgets .widget:last-of-type {
  margin-right: 0;
  margin-bottom: 20px;
}

.bottom-bar {
  display: none;
}

.site-footer .widgets.widgets-1 {
  max-width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div#address-block-footer {
  text-align: right;
}

#menu-footer-menu li {
  border: none;
  font-family: var(--font-one);
  text-align: left;
}


b.footer-headline {
  font-family: 'Poppins';
  color: white;
  font-weight: 800;
}


.footerinfoone {
  display: inline-flex;
  width: 100%;
}

.contact-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.our-phone {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.footerinfotwo {
  margin-top: 20px;
}

span.visit-us {
  font-family: var(--font-one);
  font-size: 1.2em;
  font-weight: bold;
  color: #c31b1b;
}

.footerinfoone {
  display: inline-flex;
  width: 100%;
  padding: 10px;
}

#mobile-footer {
  display:none;
}


.ismobile #main-footer-menu{
  display:none;
}

.ismobile #mobile-footer {
  display:initial;
}

#mobile-footer .footerinfo {
  display: flex;
  margin: 0px !important;
  padding: 0px 20px;
  display: flex;
  border: none;
}

#mobile-footer .footerinfo {
  background: #666666;
  display: flex;
  margin: 0px !important;
  display: flex;
  border: none;
  color: black;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ismobile footer#colophon {
  padding:0px;
}



.copyrightbox {
  border: solid 1px #666666;
  border-width: 1px 0px 0px 0px;
  margin-top: 20px;
  padding-top: 10px;
}

.ismobile .hero-text-box h1 {
  text-align: center;
  justify-content: center;
  margin-top: 2px;
  color: #666666;
}





.bottom-bar {
  display: none !important;
}

#mobile-footer .our-phone, #mobile-footer .contact-box {
  text-align: center;
  justify-content: center;
  height: 40px;
}

#mobile-footer a img {
  width: 16px;
}

#mobile-footer a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2em;
  background: #333333;
  border-radius: 5px;
  width: 100%;
}

#mobile-footer .footerinfoone {
  width: 100%;
  height: 100%;
  padding: 0px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}



.ismobile .site-footer .widgets {
  padding: 0px;
}

i.dropcaret {
  cursor: pointer;


}

.copyright {
  color: white !important;
}




.heroone {
  width: 50%;
  position: relative;
}

.tcouter {
  position: relative;
  display: flex;
  font-size: 60px;
  font-family: var(--font-one);
  min-width: 70%;
  padding: 50px;

  justify-content: right;
  flex-direction: column;
  text-align: right;
  max-width: 40%;
  border-radius: 10px;
}

.hero-headline-one {
  font-weight: 600;
  color: #3C2417;
}

.hero-headline-two {
  color: #3c2417;
}

.tcouter p {
  color: black;
  font-size: 20px;
  display: flex;
  background: transparent;
  text-align: right;
  position: relative;
  justify-content: right;
  margin: 0px;
  padding-left: 0px;
}

.tc-three-column .tccolumn {
  flex: 1;
  border-radius: 10px;
  position: relative;
  overflow: clip;
}

.tc-three-column {
  display: flex;
}
.tc-three-column {
  display: flex;
  gap: 2em;
}
.tccolumn p {
  background: white;
  padding: 30px;
  height: min-content;
  display: flex;
  justify-content: center;
}
.tccolumn h2 {
  font-size: 25px;
  padding: 4px 20px;
  margin: 0px;
}
.contactus .left-box {
  background: white;
  padding: 40px;
  margin-top: 30px;
  margin-bottom: 30px;
}



.tcboxinner {
  height: min-content !important;
  max-width: 600px;
}

.heroone {
  width: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}



#page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#content {
  flex-grow: 1;
}

#colophon {
  flex-shrink: 0;
  /* Additional styles for your footer */
}




.tcboxinner {
  height: 100%;
  padding: 0px 80px;
}




.sitemessage.smalert i:before {
  content: '!';
}

.sitemessage.info i:before {
  content: 'i';

}

.sitemessage.success i:before {
  content: 'i';


}

.sitemessage i {
  position: relative;
  flex: 1;
  margin-right: 10px;
}

.sitemessage {
  font-weight: 300;
  font-size: 15px;
  border-radius: 30px;
  padding: 10px 20px 10px 10px;
  display: flex;
  align-items: center;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  color: black;
}

#colophon {
  filter: drop-shadow(2px 4px 16px black);
  -webkit-filter: drop-shadow(2px 4px 16px black);
}

.sitemessage i:before {

  font-family: var(--font-one);
  font-style: normal;
  font-weight: 500;
  background: white;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
}

.profilestatus select {
  padding: 6px;
  border-radius: 5px;
}

.sitemessage.smalert {
  background: #653336; 
  color:white;
}

.sitemessage.success {
  background: var(--color-accent); 
  color:black;
}



.ui-tooltip .arrow:after {
  background: #333333;

}
.ui-tooltip {
  background:transparent;
  border:none;
  padding:0px;
  min-width:100px;
  min-height:30px;
  box-shadow:none !important;
  border-color:transparent !important;
  outline:none;
}

.ui-tooltip-content {
  padding: 3px;
  color: white;
  border-radius: 3px !important;
  font: .7em var(--font-two), Sans-Serif !important;
  border:none;
  z-index:99999999999999999999;
  position: absolute;
  min-width:fit-content;
  max-width:300px;
  text-align:center;
  border: solid 0px #333333;
  border:none !important;
  width:auto;
  box-shadow:none !important;
  background-color:#333333 !important;
  min-width:100px;
  min-height:30px;
  display:flex;
  justify-content:center;
  align-content:center;
  flex-direction:column;
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow.top {
  top: -16px;
  bottom: auto;
}
.arrow.left {
  left: 20%;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.top:after {
  bottom: -20px;
  top: auto;
}

span.quotes.smmain
 {
    border-bottom: solid 1px #999999;
    margin-bottom: 0px;
}
.sitemessage.info {
  background: var(--color-accent);
  color:white;
}


label.clari {
  margin-top: 20px;
}

#scroll-to-top {
  background: var(--color-accent) !important;
  border-radius: 50% !important;
  bottom: 20px;
  cursor: pointer;
  height: 45px;
  line-height: 0;
  opacity: 0;
  padding-top: 15px;
  position: fixed;
  right: 20px;
  transform: scale(0);
  transition: .2s;
  text-align: center;
  width: 45px;
  z-index: 101;
}



h1.entry-title {
  background: var(--color-accent);
  padding: 10px 20px;
  color: white;
  margin-bottom: 0px;
  text-shadow: none;
  font-family: var(--font-two);
}


input[type=date] {
  width: auto;
}

input.submit-intake {
  width: auto;
}

input[type=file] {
  padding: 13px;
}

label.sublabel {
  margin-top: 15px;
}

h1.entry-title {
  text-align: right;
}

.ismobile .portal-tabs {
  display:none;
}


.dropdown-toggle {
  display:none;
}

.ismobile .dropdown-toggle {
  display:block;
}




li.dropdown-toggle {
  display:none;
}

.ismobile li.dropdown-toggle {
  display:inline-flex;
}



.sitemessage.smalert a {
  color: white;
  font-weight: 500;
  margin-left: 4px;
}

.sitemessage.smalert a {
  color: white;
  font-weight: 500;
  margin-left: 4px;
}




.complete {
  background-image: url(/wp-content/themes/liquid-child/images/checkmark.png);
  background-position: center center;
  background-size: contain;
}





.stacked li input {
  width: 20px;
}

ul.stacked {
  display: flex;
  justify-content: left;
  flex-direction: column;
}



.start-buttons {
  display: flex;
  gap: 1em;
  padding: 20px 0px;
}

#regform div {
  margin-top: 20px;
}



div#main-login-panel {
  max-width: 1200px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  background: white;
  border-radius: 40px;
  margin-top: 30px;
  min-height: 550px;
  overflow: clip;
  margin-bottom: 80px;
}

div#login-block {
  background: var(--color-accent);
  padding: 20px;
}

#login-block h3 {
  color: white;
  
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 0px;
}




td.profilestatus, td.profilerole, td.profilemilestone,td.profilemanage {
  text-align: center;
}

ul.manage-icons {
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2em;
  cursor:pointer;
}

.manage-icons i {
  padding: 6px;
  border-radius: 100px;
  color: white;
}


.rounded {
  border-radius: 20px;
}


  .back.white {
    background-color:white;
  }

  .back.black {
    background-color:black;
  }

  .textwhite {
    color: white !important;
}

  .textblack {
    color:#333333 !important;
  }

.manage-icons i {
  cursor:pointer;
}

.admin-notice {
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  margin-bottom: 50px;
  border-radius: 30px;
  vertical-align: middle;
  font-weight: 500;
}

.question-block.errmessage {
  border: solid 1px pink;
  padding: 20px;
  border-radius: 20px;
}

.errmessage.inner.active {
  background: pink;
  max-width: fit-content;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 13px;
  color: black;
  margin-bottom: 20px;
}

.shapebackground {
  background-image:url(/wp-content/themes/liquid-child/images/shape-background-two.png);
  background-repeat:repeat;

}

#colophon img {
  margin-left: 0px;
  margin-bottom: 20px;
}

.flex-container img.rounded {
  border-radius: 400px;
  overflow: clip;
}

.flex-container.founder-section-main {
  align-items: center;
  text-align: right;
  justify-content: right;
}

.footer-info {
  color: white;
  font-weight: 200;
  font-family: var(--font-one);
  max-width: 90%;
}


.founder-image {
  position: relative;

}



.tcthree-column {
  display: flex;
  gap: 2em;
  margin-top: 50px;
}



.lhnine {
  line-height:.9;
}

.lheight {
  line-height:.8;
}

.lhzero {
  line-height:1;
}

.lhone {
  line-height:1.1;
}

.lhtwo {
  line-height:1.2;
}

.lhthree {
  line-height:1.3;
}

.lhfour {
  line-height:1.4;
}

.lhfive {
  line-height:1.5;
}

.tc-font-one {
font-family:var(--font-one);
}

.tc-font-two {
font-family:var(--font-one);
}

.tc-font-three {
font-family:Lato;
}

.tc-font-body {
  font-family:var(--font-one);
}


.tcf-three {
  font-size:3em;
}

.tcf-two-five {
  font-size:2.5em;
}

.tcf-two {
  font-size:2em;
}

.tcf-one-three {
  font-size:1.3em;
}

.tcf-one-four {
  font-size:1.4em;
}

.tcf-one-six {
  font-size:1.6em;
}

.tcf-one-five {
  font-size:1.5em;
}

.tcf-one-two {
  font-size:1.2em;
}

.tcf-one-one {
  font-size:1.1em;
}

.tcf-one {
  font-size:1em;
}

.tcf-p-nine {
  font-size:.9em;
}

.tcf-p-eight {
  font-size:.8em;
}

.tcf-p-seven {
  font-size:.7em;
}

.tcf-p-six {
  font-size:.6em;
}

.tcf-p-three {
  font-size:.3em;
}

.tcf-p-four {
  font-size:.4em;
}

.tcf-p-two {
  font-size:.2em;
}



.tcw-three {
font-weight:300;
}

.tcw-two {
  font-weight:200;
  }

  .tcw-four {
    font-weight:400;
    }

    .tcw-five {
      font-weight:500;
      }

      .tcw-six {
        font-weight:600;
        }

        .tcw-seven {
          font-weight:700;
          }

          .tcw-eight {
            font-weight:800;
            }

            .tcw-nine {
              font-weight:900;
              }





.tcheadline,.tc-headline {
  width: 100%;
  margin-bottom: 15px;
  justify-content: center;
  display: flex;
  flex-direction:column;
}

.left-box, .right-box {
  display: flex;
  align-items: center;
  flex-direction: row;
  min-height: 600px;


}

.left-box-inner,.right-box-inner {
  flex:1;
  flex-direction:column;
  max-height:fit-content;
  display:flex;
  max-width: 600px;
}

body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(1) .case-study-text .case-study-text-inner .tcbutton {
  margin-left: 25px !important;
}

.tc-two-column .left-box {

  justify-content: right;
}

.slideblocksbody:not(.ismobile):not(.ismedium) .double {
  max-width: 100%;
  margin-bottom: 0px !important;
}

body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(2) .case-study-text .case-study-text-inner .tcbutton {
  margin-right: 0px !important;
  right: 0px !important;
  position: absolute;
}

.tc-two-column .right-box {

  justify-content: left;
}

.process-inner {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 12px;
  line-height: 1.3;
  font-family: var(--font-one);
  padding-right: 30px;
  padding-left: 30px;
  color: black;
  opacity: 1;
}


.outer-process {
  display: flex;
  gap: 0.9em;
  width: fit-content;
}

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

.outer-process {
  position: absolute;
  display: block;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-height: 600px;
  max-height: 600px !important;
  overflow: hidden;
  height: 600px;
  width: 600px;
}

div#process-block-inner {
  padding: 60px;
}
.empty.back.process_circle {
  background: #efefef;
}

.outer-process div {
  mix-blend-mode: multiply;
}

.tcboxinner {
  height:min-content !important;
}

.outer-process .inner-text {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.outer-process .info-text {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  color: black;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.outer-process .info-text {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  color: black;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  font-size: 90%;
}

.process_circle {
  transition: transform 0.3s ease; /* Transition effect for the transform property */
}

.process_circle:hover {
  transform: scale(1.3); /* Use transform to scale */
}



span.textonly {
  font-family: var(--font-two);
  font-size: 20px;
  font-weight: 800;
  color: white;
  width: 65px;
  background: var(--color-accent);
  border-radius: 100px;
  background-position: center;
  background-size: auto;
  border: solid 5px var(--color-accent);
  overflow: clip;
  height: 65px;
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}




section.fullwidth {
  width: 100% !important;
  max-width: 100% !important;
}



.ismobile div#surrogate_right_box_main {
  padding-top: 50px;
  min-height: 300px;
  padding-bottom: 50px;
}

.caret {
  display:none;
  width:100%;
  justify-content:center;
}

.ismobile .caret {
  display:flex;
    position: absolute;
    bottom: -30px;

}

.ismobile .hlcontainer .tcbutton {
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  max-width: 200px !important;
}
.ismobile div.caret i {
  width: 30px;
  height: 30px;
  color: white;
  background: #ad7bb3;
  border-radius: 100%;
  cursor: pointer;
}


.process_hero_inner .flex-container {
  width: 100%;
  max-width: 100%;
}



.flex-container {
  max-width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.flex-container.center {
  padding-top: 80px;
  padding-bottom: 80px;
}

.flex-container.full {
  width: 100% !important;
  max-width: 100% !important;
  justify-content: center;
}

.tcboxinner.full {
  min-width: 1200px;
  height: min-content;
}

 .tc-three-column {
  margin-top: 50px;
}

.tcboxinner.full {
  min-width: 1200px;
  height: min-content;

}

.tccolumn i:not(.tcbutton i) {
  top: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: inline-flex;
  margin-top: -60px;
}

.tccolumn p {
  padding: 30px;
  justify-content: center;
  text-align: center;
}

.tccolumn.rounded {
  background: #efefef;
  border-radius: 0px;
  padding: 20px;
  padding-bottom: 20px;
  position: relative;
  top: 20px;
  filter: drop-shadow(0.1px 0.1px 1px #666666);
  -webkit-filter:drop-shadow(0.1px 0.1px 1px #666666);
}

.tccolumn p {
  padding: 30px;
  height: min-content;
  
}

.tccolumn p.rounded {
  border-radius: 3px;
}

.tccolumn {
  display: flex;
  flex-direction: column;
}

.tccolumn p {
  align-content:center;
}

.tccolumn p {
  align-items: center;
}

p.plansummary {
  font-family: var(--font-two);
  font-size: 14px;
  max-width: 80%;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
}


.installtext {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: 500;
  color: black;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: var(--font-one);
}



.hlcontainer.dark div:nth-of-type(1) {
color:#444444;
}

.hlcontainer.dark div:nth-of-type(2) {
color:#555555;
}

.hlcontainer.light div:nth-of-type(1) {
color:white;
}

.hlcontainer.light div:nth-of-type(2) {
color:#fafafa;
}

.hlcontainer.light p {
color:black;
}

.hlcontainer.brown div:nth-of-type(1) {
color:#3c2417;
}

.hlcontainer.brown div:nth-of-type(2) {
color:#3c2417;
}

.hlcontainer.brown p {
color:#333333;
}

.hlcontainer.center .hlone, .hlcontainer.center .hltwo, .hlcontainer.center p {
  text-align: center;
  justify-content: center;
  max-width: 900px;
  width: 900px;
  flex-direction: column;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hlcontainer.left .hlone,.hlcontainer.left .hltwo,.hlcontainer.left p {

  text-align:left;
  justify-content:left;
  max-width:600px;

  }

  .hlcontainer.right .hlone,.hlcontainer.right .hltwo,.hlcontainer.right p {

    text-align:right;
    justify-content:right;
    max-width:600px;

    }


    .hlcontainer.styleone div:nth-of-type(1) {

      font-family: var(--font-two);
      font-size: 3em;
      font-weight: 700;
      line-height: 1.2;
  
      }

      .hlcontainer.styleone div:nth-of-type(2) {

      font-family: var(--font-one);
      font-size: 3em;
      font-weight: 700;
      line-height: 1.2;
    
        }
 
        .hlcontainer.styleone p {

          font-family: var(--font-three);
      
          }


          .hlcontainer.styletwo div:nth-of-type(1) {

            font-family: var(--font-one);
            font-size: 3em;
            font-weight: 700;
            line-height: 1.2;
        
            }
      
            .hlcontainer.styletwo div:nth-of-type(2) {
              font-family: var(--font-one);
              font-size: 3em;
              font-weight: 300;
              line-height: 1.2;
          }


          .hlcontainer.stylefive div:nth-of-type(1) {
            font-family: var(--font-one);
            font-size: 3em;
            font-weight: 300;
            line-height: 1.2;
        }

        .hlcontainer.stylefive p {
          font-size: 1.3em;
          font-family: var(--font-three);
      }
      
              .hlcontainer.stylethree p {
      
                font-family: var(--font-three);
            
                }

                .hlcontainer.stylethree div:nth-of-type(1) {

                  font-family: var(--font-one);
                  font-size: 3em;
                  font-weight: 700;
                  line-height: 1.2;
              
                  }
            
                  .hlcontainer.stylethree div:nth-of-type(2) {
            
                  font-family: var(--font-two);
                  font-size: 2.8em;
                  font-weight: 500;
                  line-height: 1.2;
                
                    }
            
                    .hlcontainer.stylethree p {
                      font-family: var(--font-two);
                  }


                      .hlcontainer.stylefour div:nth-of-type(1) {

                        font-family: var(--font-two);
                        font-size: 3em;
                        font-weight: 700;
                        line-height: 1.2;
                    
                        }
                  
                        .hlcontainer.stylefour div:nth-of-type(2) {
                  
                        font-family: var(--font-two);
                        font-size: 3em;
                        font-weight: 700;
                        line-height: 1.2;
                      
                          }
                  
                          .hlcontainer.stylefour p {
                  
                            font-family: var(--font-three);
                        
                            }


                            .hlcontainer p {
                              margin-top: 1em;
                              line-height: 2;
                          }

                          .video-container {
                            padding:80px;
                          }

                          .video-container {
                            max-width: 80% !important;
                        }

                       #fuller-video .wp-video {
                          border-radius: 20px;
                          overflow: clip;
                          filter: drop-shadow(2px 4px 16px black);
                          -webkit-filter:drop-shadow(2px 4px 16px black);
                          
                          
                      }

                      .tc-center-video .wp-video {
                        border-radius: 30px !important;
                        overflow: clip;
                        filter: drop-shadow(2px 4px 6px black);
                        -webkit-filter:drop-shadow(2px 4px 6px black);
                        max-width: 700px !important;
                        height: auto !important;
                        margin-left: auto;
                        margin-right: auto;
                    }

                    #about-us-top.shaped {
                      background-size: 100% 60% !important;
                      background-repeat: no-repeat !important;
                      background-position-y: bottom !important;
                  }

                  #about-us-top {
                    padding-top: 60px;
                }

            
                .tcthree-column {
                  display: flex;
                  gap: 2em;
                  margin-top: 50px;
                  max-width: 1200px;
                  margin-left: auto;
                  margin-right: auto;
                  justify-content: center;
                  flex-direction: row;
              }

              .profileflex {
                flex-wrap: wrap;
                display: flex;
                justify-content: left;
            }

            .profileheadline {
              width: 100%;
              display: block;
              font-family: var(--font-one);
              font-size: 24px;
              font-weight: 800;
              border: solid 1px #C0C0C0;
              border-width: 0px 0px 1px 0px;
              margin-bottom: 40px;
          }

      

        ul.profile-view {
          margin: 0px;
      }



    .profile-view span {
      justify-content: flex-end;
      flex-direction: row;
      flex: 1;
  }

  .profile-view label {
    background: #7ea446;
    min-width: 120px;
    text-align: center;
    border-radius: 20px;
    font-family: var(--font-one);
    color: white;
    margin-right: 30px;
    min-height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.profile-view li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  left: 0px;
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  border-color: #efefef;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.profile-view {
  margin: 0px;
  display: flex;
  flex-direction: column;
}


ul.adminfilter li {
  list-style-type: none;
  cursor: pointer;
}

ul.adminfilter li {
  list-style-type: none;
  cursor: pointer;
}

#clients .profilephoto img {
  max-width: 80px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  scale: 1.3;
  border-radius: 100%;
}

ul.adminfilter {
  margin: 0px;
  padding: 0px;
  display: inline-flex;
  margin-bottom: 30px;
  gap: .3em;
}

.profilename {
  font-size: 30px;
  font-family: var(--font-one);
  color: black;
  font-weight: 700;
}



.message-composer {
  border: solid 1px #C0C0C0;
  padding: 40px;
  margin-top: 30px;
  border-radius: 30px;
  background: #fafafa;
  font-family: var(--font-two);
}



.picblock .addphoto {
  width: 100px;
  height: 100px;
  border-radius: 3px;
  overflow: clip;
  display: flex;
  justify-content: center !important;
  align-items: center;
  border: solid 1px #C0C0C0;
  box-shadow: 1px 1px 1px inset #C0C0C0;
  background: white;
  font-size: 12px;
  color: #C0C0C0;
  cursor: pointer;
}


span.caretblock.photoblock.flexdiv {
  height: 100px;
  width: 100px;
}

.flexdiv .addphoto {
  width: 100%;
  max-width: 400px;
  height: 100%;
  border: solid 1px #efefef;
  display: flex !important
;
  justify-content: center !important;
  align-items: center !important;
  font-size: 10px;
  color: black;
  display: flex
;
  text-align: center !important;
}

.tcbutton.compact {
  font-size: 14px;
  padding: 5px 20px;
}

.tcbutton.simple {
  font-family: var(--font-two);
  font-weight: bold;
}

.buttonbox {
  display: inline-flex;
  gap: 0.4em;
  margin-top: 20px;
}

.tcbutton.micro {
  font-size: 12px;
  padding: 2px 8px !important;
}

.sendto {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

span.totext {
  background: #333333;
  color: white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 4px;
  margin-right: -1px;
}

.email-to-box {
  width: 100%;
  position: relative;
}

.message-composer .sendto input {
  width: 100%;
}

ul.email-suggestions {
  margin: 0px;
}

li.suggestion-item {
  cursor: pointer;
  list-style-type: none;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  border-bottom: 1px solid #efefef;
}

div#suggestions-container {
  position: absolute;
  background: white;
  padding: 10px 20px;
  z-index: 999999999;
  border: solid 1px #efefef;
  border-radius: 0px 0px 10px 10px;
  filter: drop-shadow(1px 1px 1px #efefef);
  filter: drop-shadow(1px 1px 1px #efefef);
  
  display:none;
}

div#suggestions-container.show {
  display:block;
}

div#clients .profilename {
  font-size: 18px;
  text-align: left;
}

.profiledata {
  margin-left: 40px;
}

div#clients .profilename {
  font-size: 18px;
  text-align: left;
}

section.full {
  max-width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}

section.full .flex-container {
  max-width: 100% !important;
}

section.full .left-box-inner {
  max-width:600px !important;
}

section.full .right-box-inner {
  max-width:600px !important;
}

section.full .left-box {
  justify-content:flex-end;
}

section.full .right-box {
justify-content:flex-start;
}


section.login-section {
  display: flex;
  align-items: center;
  margin-top: 30px !important;
}

img.missing-avatar {
  background:var(--color-accent);
  padding: 10px;
  border-radius: 100px;
  border-width: 0px !important;
  cursor: pointer;
}

td.deletequestion {
  text-align: center;
  cursor: pointer;
}

.adminfilter .qactive i:after {
font-family: "Font Awesome 5 Free" !important;
font-size: inherit;
content: "\f14a";
animation: buttoniconcspin 1s linear infinite;
margin-left: 6px;
font-style:normal  !important;
}


.page-template-template-projects .breadcrumbs {
  display: none;
}


.adminfilter {
  float:right;
}

.adminfilter .qinactive i:after {
  font-family: "Font Awesome 5 Free" !important;
  font-size: inherit;
  content: "\f0c8";
  margin-left: 6px;
  font-style:normal  !important;
  }

  .adminfilter li {
    display: inline-flex;
    gap: 0.5em;
    align-items: center;
    font-size: 14px;
    padding: 5px 10px;
}



.manage-icons i:hover,.addmatches i:hover, .addmatches img:hover {
  box-shadow: 1px 1px 3px  #333333;
}


.manage-icons i:active,.addmatches i:active,.addmatches img:active {
  box-shadow: 1px 1px 3px inset  #333333;
}


.padded {
  padding-top:60px;
  padding-bottom:60px;
}

.message-composer input#subject {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 20px;
}

.fullypadded {
 padding:60px;
}

section.center {
  max-width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

section.center .tcbutton {
  display: inline-flex;
  margin-left: auto;
  margin-right: auto;
}

.site-footer .widgets {

  padding-top: 15px !important;
  width: 100% !important;
}

p.contactp {
  margin-bottom: 40px !important;
}

.tchero .button-box {
  display: inline-flex;
  justify-content: right;
  gap: 0.2em;
}



div#clients .profilename {
  font-size: 25px;
  text-align: left;
  font-family: var(--font-one);
  font-weight: 500;
}



div#sendto {
  border: solid 1px #efefef;
  background: white;
  height: 41px;
  display: flex;
  justify-content: left;
  width: 100%;
  align-items: center;
  outline: none;
  border: none;
  align-items: center;
  align-content: center;
  width: min-content;
  height: min-content;
  min-width:10px;
  min-height:10px;

}







.alert, .status-icon {
  width: auto;
  height: auto;
  display: none;
  position: fixed;
  background: white;
  top: 0px !important;
  right: 0px !important;
  z-index: 9999999999;
  font-family: Lato;
  font-weight: 900;
  font-size: 30px;
  text-align: left;
  padding: 10px;
  max-width: 300px;
  line-height: 20px;
  text-transform: none !important;
  top: 20px !important;
  right: 10px !important;
  filter: drop-shadow(2px 2px 6px #666666);
  filter: drop-shadow(2px 2px 6px #666666);
  border-radius: 10px;
}



.alert .alert-inside,.status-icon .alert-inside {
    display:table;
    height:100%;
    width:100%;
}



.alert .alert-logo {
  width: 55px;
  float: left;
  margin-right: 0px;
  display: table-cell;
  display:none !important;
}

table.usermessages {
  font-size: 13px;
  margin-top: 20px;
}

.alert .alert-text {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  color: black;
  font-family:var(--font-two);
  padding: 8px;
  font-weight:400px;
}

select#msgfilter {
  padding: 2px;
  font-size: 14px;
  font-family: var(--font-two);
  border-radius: 5px;
  float: right;
}

.portal-area-main table th {
  background: var(--color-accent);
  color: white;
  font-weight: 800;
  border: solid 1px #333333;
  font-size: 12px;
}

.usermessages th.managecolumn {
  width: 125px;
}

th.tocolumn {
  width: 150px;

}

td.msgname {
  text-align:center;
}

.managemsg span {
  font-size: 10px;
  background: #333333;
  padding: 3px 3px;
  border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.3em;
  color: white;
  cursor: pointer;
}

td.managemsg {
  gap: 0.3em;
  flex-wrap: nowrap;
  text-align: center;
  vertical-align: middle;
}

td.managemsg span {
  flex: 1;
  cursor:pointer;
  margin:2px;
}

table.usermessages td {
  padding:8px;
}

td.sentcolumn {
  width: 170px;
  text-align: center;
  font-size: 12px;
}

.usermessages tr:hover {
  background: #efefef;
  cursor: pointer;
}

div#message-viewer {
  position: relative;
  z-index: 999999;
  background: white;
  min-height: 400px;
  width: 100%;
  border: solid 1px #efefef;
  border-radius: 20px;
  padding: 40px;
  margin-top: 40px;
}

p.mailsubject {
  font-family: var(--font-one);
  font-size: 30px;
  color: black;
}

label.beforelabel, .afterlabel {
  max-width: fit-content;
}


.button-block {
  flex: 1 0 50%;
}


.button-block.rightbb {
  flex: 1 0 50%;
  display: flex;
  flex-direction: row;
  justify-content: right;
  gap: 0.4em;
}




.profile-photo-upload {
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background: white;
  z-index: 9999999999999999999;
  display:none;
} 


.profile-photo-upload-inner {

  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
  width:100%;
  

} 


/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

 .cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }


    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.btn {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

label.btn {
  margin-bottom: 0;
}

.d-flex > .btn {
  flex: 1;
}

.carbonads {
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  overflow: hidden;
  padding: 1rem;
}

.carbon-wrap {
  overflow: hidden;
}

.carbon-img {
  clear: left;
  display: block;
  float: left;
}

.carbon-text,
.carbon-poweredby {
  display: block;
  margin-left: 140px;
}

.carbon-text,
.carbon-text:hover,
.carbon-text:focus {
  color: #fff;
  text-decoration: none;
}

.carbon-poweredby,
.carbon-poweredby:hover,
.carbon-poweredby:focus {
  color: #ddd;
  text-decoration: none;
}

@media (min-width: 768px) {
  .carbonads {
    float: right;
    margin-bottom: -1rem;
    margin-top: -1rem;
    max-width: 360px;
  }
}

.footer {
  font-size: 0.875rem;
}

.heart {
  color: #ddd;
  display: block;
  height: 2rem;
  line-height: 2rem;
  margin-bottom: 0;
  margin-top: 1rem;
  position: relative;
  text-align: center;
  width: 100%;
}

.heart:hover {
  color: #ff4136;
}

.heart::before {
  border-top: 1px solid #eee;
  content: " ";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}

.heart::after {
  background-color: #fff;
  content: "♥";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
  z-index: 1;
}

.docs-demo {
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 2px;
}

.img-container,
.img-preview {
  background-color: #f7f7f7;
  text-align: center;
  width: 100%;
}

.img-container {
  max-height: 497px;
  min-height: 200px;
}

@media (min-width: 768px) {
  .img-container {
    min-height: 497px;
  }
}

.img-container > img {
  max-width: 100%;
}

.docs-preview {
  margin-right: -1rem;
}

.img-preview {
  float: left;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  overflow: hidden;
}

.img-preview > img {
  max-width: 100%;
}

.preview-lg {
  height: 9rem;
  width: 16rem;
}

.preview-md {
  height: 4.5rem;
  width: 8rem;
}

.preview-sm {
  height: 2.25rem;
  width: 4rem;
}

.preview-xs {
  height: 1.125rem;
  margin-right: 0;
  width: 2rem;
}

.docs-data > .input-group {
  margin-bottom: 0.5rem;
}

.docs-data .input-group-prepend .input-group-text {
  min-width: 4rem;
}

.docs-data .input-group-append .input-group-text {
  min-width: 3rem;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
  margin-bottom: 0.5rem;
  margin-right: 0.25rem;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
  margin-bottom: 0.5rem;
}

.docs-tooltip {
  display: block;
  margin: -0.5rem -0.75rem;
  padding: 0.5rem 0.75rem;
}

.docs-tooltip > .icon {
  margin: 0 -0.25rem;
  vertical-align: top;
}

.tooltip-inner {
  white-space: normal;
}

.btn-upload .tooltip-inner,
.btn-toggle .tooltip-inner {
  white-space: nowrap;
}

.btn-toggle {
  padding: 0.5rem;
}

.btn-toggle > .docs-tooltip {
  margin: -0.5rem;
  padding: 0.5rem;
} 

@media (max-width: 400px) {
  .btn-group-crop {
    margin-right: -1rem !important;
  }

  .btn-group-crop > .btn {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .btn-group-crop .docs-tooltip {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.docs-options .dropdown-menu {
  width: 100%;
}

.docs-options .dropdown-menu > li {
  font-size: 0.875rem;
  padding: 0.125rem 1rem;
}

.docs-options .dropdown-menu .form-check-label {
  display: block;
}

.docs-cropped .modal-body {
  text-align: center;
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
  max-width: 100%;
}

.profile-photo-upload-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}



.lfbackimg.profileclip {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  overflow: clip;
}

.ismobile .tcthree-column {
  flex-direction:column !important;
}



span.left-profile-bar {
  flex: 1;
  max-width: fit-content;
}

.profilebar {
  display: inline-flex;
  width: 100%;
  align-items: center;
  position: relative;
  top: 60px;
  margin-top: -60px;
  color:black;
}

.left-profile-bar img {
  border-radius: 100%;
  width: 150px;
  border: solid 1px #C0C0C0;
}




span.right-profile-bar {
  flex: 1;
  background:#c4d88c;;
  border-radius: 0px 10px 10px 0px;
  min-height: 50px;
  color: black;
  font-family: var(--font-one);
  display: flex;
  align-items: center;
  justify-content: right;
  padding-right: 20px;
  font-size: 25px;
  margin-left: -20px;
  z-index: -1;
}

.profilebar {
  display: inline-flex;
  width: 100%;
  align-items: center;
  position: relative;
  top: 60px;
}

.left-profile-bar img {
  border-radius: 100%;
  width: 150px;
  border: solid 10px #c4d88c;
  background: #c4d88c;
}

.ismobile .hlcontainer * {
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
}

.ismobile body {
font-size:15px !important;
}

.ismobile .slideblocks {
  border-radius: 0px !important;
}


.ismobile #parentsection .right-box {
  padding-bottom: 0px;
}

.ismobile #surrogatesection .left-box {
  padding-bottom: 0px;
}

.ismobile #gaurantee .flex-container {
  flex-direction: column-reverse;
}

.ismobile #gaurantee .left-box.visible {
  background: white;
  z-index: 999;
  margin-top: -140px;
  padding: 20px;
  border-radius: 40px;
  padding: 40px;
}

.ismobile #gaurantee p {
  font-size: 13px;
}

.ismobile #gaurantee img {
  width: 340px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ismobile #gaurantee .hlcontainer div {
  font-size: 26px;
}



.document {
  width: 200px;
  height: 200px;
  border: solid 1px #C0C0C0;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 20px;
  position: relative;
}

.docicon {
  width:100px;
}

.document {
  width: 200px;
  height: 200px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-direction: column;
  border: none;
  background: white;
}

.control-buttons {
  display: inline-flex;
  position: absolute;
  top: -15px;
  z-index: 9999;
  gap: 0.3em;

}

.control-buttons span {
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px;
  border-radius: 4px;
}

.ismobile .documents {
  justify-content: center;
  gap: 4em;
}

.control-buttons span:hover {

    filter: drop-shadow(1px 1px 1px #C0C0C0);
    filter: drop-shadow(1px 0px 3px #C0C0C0);
}

.ismobile .photosinner {
  justify-content: center;
  gap: 4em;
}

.ismobile .profilename {
  text-align: center;
  justify-content: center;
  width: 100%;
  display: flex;
}

.ismobile  .profile-view li {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ismobile .profile-view label {
  background: none;
  justify-content: left;
  color: black;
  font-weight: bold;
}

.ismobile .profileflex {
  display: flex;
  justify-content: center;
}

.ismobile ul.profile-view {
  margin-top: 20px;
}

.ismobile  .profile-view ul {

  width: 100%;
}
.ismobile .profiledata {
  margin-left: 0px;
  overflow: hidden;
  width: 100%;
}

span.download {
  color: white;
  background-color: #ffc22f;
}

span.delete {
  color: white;
  background-color: #eb1d29;
}

.docinner,.photoinner {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;
  overflow: clip;
  width: 100%;

  position: relative;
}

.docinner {
  height:200px;
}

.photoinner {
  height: min-content;
}

.docbar,.photobar {
  width: 100%;
  align-items: baseline;
  position: absolute;
  bottom: 0px;
  text-align: center;
  font-size: 13px;
  color: white;
  background-color:var(--color-accent);
}

.leftbb div {
  margin-left: 0px !important;
}

.photosinner {
  display: flex;
  gap: 2em;
  flex-wrap: wrap;
}

.photo {
  border: solid 1px #C0C0C0;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}

.ismobile .mobilereverse {
  flex-direction:reverse;
}

.ismobile .parback {
  background-size: 100% 90% !important;
  background-position: center bottom;
  box-shadow: none;
  background-repeat: no-repeat;
  background-color: white;
}

.ismobile #sursection .flex-container.full {
  flex-direction: column-reverse;
}

.ismobile .parback {
  background-position: 10% bottom;
  box-shadow: none;
  background-repeat: no-repeat;
  background-color: white;
  width: auto;
  height: 300px !important;
  min-height: 300px;
  background-size: cover !important;
  width: 100%;
  border-radius: 0px !important;
}

.ismobile div#parleft {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ismobile #sursection {
  background-size: 100% 80%;
  background-position: center bottom;
  box-shadow: none;
  background-color: white;
  background-repeat: no-repeat;
}

.ismobile .tc-three-column {
  flex-direction: column !important;
  padding: 10px;
}

.ismobile .tcthree-column {
  flex-direction: column !important;
  padding: 10px;
}


.ismobile .tcboxinner.full {
 width:100% !important;
  height: min-content;
  padding-top: 10px;
  padding-bottom: 80px;
  min-width:unset !important;
}

.ismobile .outer-process {
  width: 400px;
  height: 400px;
  max-height: 400px;
  max-width: 400px;
}

 

.ismobile .process-inner {
  font-size: 10px !important;
  padding: 10px !important;
}

.ismobile #shaped-parent-circles .right-box {
  height: 500px;
  display: flex;
  justify-content: center;
  width: 100% !important;
  min-height: 400px;
}

.ismobile .process_circle {
  max-width: 100px;
  max-height: 100px;
}

.ismobile .surrogate-requirements {
  flex-wrap: nowrap;
  height: auto !important;
  max-height: unset;
  margin-bottom: 0px;
}

.ismobile .surrogate-requirements {
  flex-wrap: nowrap;
  height: auto !important;
  max-height: unset;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.ismobile .flex-container.center {
  padding-bottom: 0px;
}

.ismobile .surrogate-requirements li {
  width: 100%;
}

.ismobile #surleft {
  width: 100%;
  border-radius: 0px;
  background-position: top right;
  background-size: 200%;
  background-repeat: no-repeat;
  height: 400px !important;
  min-height: 400px !important;
}

.ismobile #sursection .flex-container.full {
  flex-direction: column;
}

.ismobile #surrogate_process .flex-container {
  flex-direction: column-reverse !important;
}

.ismobile #surrogate_process .right-box.visible {
  width: 100%;
  height: 500px;
  min-height: 400px;
  max-height: 400px;
  justify-content: center;
  align-items: center;
}



.ismobile .flex-container.center {
  padding-top: 40px;
}

.ismobile div#surrogate-requirements {
  padding-top: 0px !important;
  background-position-y: -10px !important;
}

.ismobile .info-text {
  font-size: 10px;
}



.ismobile .video-container, .ismedium .video-container {
  width: 100%;
  padding: 0px !important;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100% !important;
  max-width: 100% !important;
}

.ismedium .flex-container.center {
  padding: 5%;
}

.ismobile .hlcontainer.center {
  padding-left: 20px;
  padding-right: 20px;
}

.fuller-video-player .flex-container.center {
  padding-top: 50px;
  padding-bottom: 30px;
}

.hlcontainer.center {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.video-container {
  max-width: 80% !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ismobile .hlcontainer {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

#surrogate_process .tcboxinner p {
  color: #333333 !important;
}

#surrogate_section_two {
  background-position: center center;
  box-shadow: none;
  background-repeat: no-repeat !important;
  background-color: white !important;
  background-position-y: 60% !important;
  background-size: 100% 60% !important;
}

#surrogate-requirementscenter .flex-container.center {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* Style for the mobile dropdown menu */
@media (max-width: 768px) {
  .adminportal.portal-tabs {
    flex-direction: column;
    display: none; /* Initially hidden */
  }
  
  .adminportal.portal-tabs.active {
    display: block; /* Show when active */
  }
  

  
 
}

.portal-main-inner {
  position: relative;
}

.ismobile .mobiletabs {
  display: inline-flex !important;
  width: 100% !important;
}

.ismobile .portal-tabs {
  display:none;
}

.ismobile .mobiletabs li {
  
  width: 100% !important;
}

.ismobile li.exit.ftab.return.portal {
  position: relative;
  align-items: flex-end;
  display: inline-flex;
  right: unset;
  align-items: center;
}



ul.outer-menu li {
  list-style-type: none;
  display: inline-flex;
  margin: 0px !important;
}

li.portal-tabs-outer {
  width: 100% !important;
  border: none;
  height: inherit;
}

li.dropdown-toggle {
  display: none !important;
}

ul.outer-menu {
  margin: 0px;
  padding: 0px;
}

.ismobile .profiledata {
  margin-left: 0px;
  overflow: hidden;
}



.mobileactive .portal-tabs {
  display: flex;
  flex-direction: column;
}

.mobileactive.outer-menu li {
  display: flex !important;
}






.ismobile .profilebar {
  display: inline-flex;
  width: 100%;
  align-items: center;
  position: relative;
  top: 50px;
  margin-bottom: 20px;
}

.ismobile li.dropdown-toggle {
  display: inline-flex !important;
}

ul.outer-menu {
  margin: 0px;
  padding: 0px;
  top: 15px;
  position: relative;
}

ul.outer-menu {
  margin: 0px;
  padding: 0px;
  top: 15px;
  position: relative;
  z-index: 99999;
  display: flex;
}


.ismobile ul.outer-menu {

  flex-direction: column;
}

.mobileactive .portal-tabs {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 10px;
}

.mobileactive .portal-tabs {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0px;
  background: rgba(255,255,255,.8);
  padding: 20px;
  max-width: 100%;
  left: 0px;
}

.main-hero.panel-row-style {
  background-image: url(../jpg/full-home-page-back-scaled-2y7q3.jpg) !important;
  background-attachment: scroll !important;
  background-size: 70% !important;
  background-color: white;
  background-position-x: 140% !important;
  background-repeat: no-repeat;
  background-position-y:0;
}

div#care-boxes {
  filter: drop-shadow(4px 6px 13px black);
  filter: drop-shadow(1px 0px 3px #C0C0C0);
}



.hlcontainer p {
  display: flex;
}

.heroone .hlcontainer {
  margin-right: 20%;
}

.ismobile .heroone .hlcontainer {
  margin: 0px;
}

.ismobile .heroone {
  width: 100%;
}

.ismobile .tchero {
  position: relative;
  margin: 0px !important;
  padding: 0px !important;
  height: fit-content;
}

.ismobile .heroone {
  width: 100%;
  background: white;
  height: fit-content;
  position: absolute;
  bottom: 0px;
}

.ismobile .main-hero {
  background-size: 210% !important;
  background-position: right top !important;
}

.ismobile .tchero .button-box {
  display: flex;
  flex-direction: column;
  gap: 0.2em !important;
}

.ismobile .tchero .tcbutton {
  margin: 0px;
  max-width: 220px;
}

.ismobile .tchero {
  left: 0px !important;
}

.ismobile .heroone {
  width: 100%;
  background: white;
  height: fit-content;
  position: absolute;
  bottom: 0px;
  padding: 20px;
  width: 80%;
}

.ismobile .tchero {
  position: relative;
  margin: 0px !important;
  padding: 0px !important;
  height: fit-content;
  display: flex;
  justify-content: center;
}

.tchero p {
  font-size: 14px;
  margin-bottom: 20px !important;
}

.ismobile .hlcontainer {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.ismobile .hlcontainer div:not(.tcbutton) {
  font-size: 180% !important;
}

.ismobile .hlcontainer p {
  font-size: 83% !important;
  line-height: 1.9;
}

.ismobile .heroone {
  background: rgba(255,255,255,.97);
  height: fit-content;
  position: relative;
  padding: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  width: 60%;
  display: flex;
  justify-content: center;
}


.ismobile div#care-boxes {
  padding-top: 70px;
}






.ismobile .tchero.active p {
  display: initial !important;
}

.ismobile .tchero.active .button-box {
  display: flex !important;
  gap: 0.2em !important;
  justify-content: center !important;
  flex-direction: column;
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.ismobile .tchero {
  left: 0px !important;
  align-items: center;
}

.hlcontainer p {
  max-height: fit-content !important;
}

.ismobile .flex-container.full {
  padding: 20px;
}

.ismobile .main-hero {
  background-size: 210% !important;
  background-position: right top !important;
  background-position-x: 38% !important;
}

.tchero .hlcontainer {
  max-width: 400px;
}




.outer-process .info-text {
  opacity:0;
}

.outer-process:hover .info-text {
  opacity:1;
}

.control-buttons {
  display: inline-flex;
  position: absolute;
  top: -20px;
  z-index: 9999;
  gap: 0.3em;
}

.ismobile .dropdown-toggle {
  display: block !important;
  position: absolute;
  z-index: 99999;
  right: 20px;
  margin-top: -10px;
}



.ismobile ul.portal-tabs {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 150px;
  right: 10px;
  max-width: 200px;
  background: white;
  padding: 30px;
  border-radius: 30px;
  filter: drop-shadow(2px 4px 6px #C0C0C0);
  -webkit-filter: drop-shadow(1px 0px 3px #C0C0C0);
}

.ismobile .active.portal-tabs {
  display: flex;
}

.ismobile .portal-tabs li {
  justify-content: center;
}

td.profilename {
  text-align: center !important;
  font-size: 22px !important;
}

td.profilephoto {
  display:table-cell;
}

.ismobile .pricingblocks {
  flex-direction: column;
  padding: 30px;
}

.ismedium .pricingblocks {
  padding: 20px;
}

.ismobile .flex-container.center {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 400px;
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 90px;
}

.ismobile #parents-hero .flex-container.full {
  flex-direction: column-reverse;
}

.ismobile .parback {
  background-size: 190% !important;
  min-height: 350px;
  scale: 1.1;
  background-position-y: -50px;
}





.ismobile div#gaurantee {
  padding-bottom: 30px;
}



#mobile-navigation {

  background: var(--color-accent) !important;
 
}




.ismobile section {
  width: 100%;
}


.tcbutton:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  color: white;
}


div#password-lost-form {
  display: flex;
  justify-content: left;
  flex-direction: column;
  gap: 0.4em;
}

#fuller_forgot_password label {
  margin-right: 20px;
}

.photodisplay span.download {
  display: none;
}

.photodisplay {
  display: flex;
  padding: 10px;
  border-radius: 10px;
  gap: 3em;
  flex-wrap: wrap;
  margin-top: 40px;
}


.pregroupheadline {
  font-size: 20px;
  width: min-content;
  background: white;
  font-family: var(--font-one);
  white-space: nowrap;
  top: -16px;
  position: absolute;
  background: white;
  border-radius: 10px;
  padding: 0px 2px;
  left: 5px;
  font-weight: 600;
  color: black;
}

.profilename {
  font-size: 30px;
  font-family: var(--font-one);
  color: black;
  font-weight: 700;
  margin-top: 20px;
}

.pregroup,.pregroupphotos {
  border: solid 1px #efefef;
  padding: 20px;
  border-radius: 10px;
  margin-top: 20px;
  position: relative;
}

.profile-view-inner .notanswered {
  font-size: 15px !important;
  width: 100%;
  display: inline-flex;
  border: solid 1px #efefef;
  border-width: 0px 0px 1px 0px;
  margin-bottom: 10px;
  margin-top: 5px;
  min-height: 20px;
  background: #fafafa;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.profile-view-inner label {
  font-weight: 500;
  font-family: var(--font-one);
}

.profile-view-inner .answered {
  font-size: 15px !important;
  width: 100%;
  display: inline-flex;
  border: solid 1px #efefef;
  border-width: 0px 0px 1px 0px;
  margin-bottom: 10px;
  margin-top: 5px;
  min-height: 20px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: left;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
}

.printable, .printmaterials {
  position: relative;
  width: 720px; /* Letter page width minus margins */
  max-width: 100%;
  margin: 0 auto;
  padding: 20mm;
  background: white;
  box-sizing: border-box;
  overflow: visible;
}
 
.printable, .printmaterials {
  overflow: visible !important;   /* ← allows full content to render */
  max-height: none !important;
  max-width: none !important;
}

.printbar {
  background: #fafafa;
  display: inline-flex;
  width: 100%;
  padding: .2em;
  justify-content:flex-end;
  gap:1em;
}

.printbar span {
  cursor: pointer;
  font-family: var(--font-two);
  background: var(--color-accent);
  padding: 0em 1em;
  border-radius: .2em;
  font-size: .95em;
  color: white;
  text-shadow: 1px 1px 1px #333333;
}


/* Prevent splitting the heading from the content */
tr.scope-heading,
tr.scope-contents {
  break-inside: avoid;
  page-break-inside: avoid;
}

tr.scope-heading {
  page-break-after: avoid; /* Prevent it from being left on a page alone */
}


@media print {
  body * {
      visibility: hidden; /* Hide all content */
  }
  .printable, .printable * {
      visibility: visible; /* Only printable div and its children are visible */
      color:black !important;
      text-shadow:none !important;
  }

.printmaterials, .printmaterials * {
    visibility: visible; /* Only printable div and its children are visible */
    color:black !important;
    background-color:white !important;
    text-shadow:none !important;
}
 
.printable h2, .printable th
 {
    background-color: var(--color-accent) !important;
    color: white !important;
    font-size: 1.2em;
}

  .printmaterials .manageblock {
    display:none !important;
  }

  .printmaterials .drillbar {
    border:none !important;
  }

  .printmaterials .tcbutton {
    display:none !important;
  }

  .printmaterials i {
    display:none !important;
  }

  .printable, .printmaterials {
   padding: 20mm;  /* Adjust as needed */
    width: auto;  /* Reset width to accommodate margins */
    height: auto; /* Reset height to accommodate margins */
  }

  .closeprintable {
    display:none;
  }

  

  

    #printable {
      width: 816px !important;
      max-width: 100% !important;
    }

    .printable, .printmaterials {
      position: relative;
      width: 720px; /* Letter page width minus margins */
      max-width: 100%;
      margin: 0 auto;
      padding: 20mm;
      background: white;
      box-sizing: border-box;
      overflow: visible;
    }



    .printable .page-break {
      page-break-before: always; /* Forces new page before this row */
    }
    
    /* Prevent text blocks from being cut mid-page */
    .printable .avoid-break {
      break-inside: avoid;
      page-break-inside: avoid;
    }
    
    /* Prevent splitting the heading from the content */
    tr.scope-heading,
    tr.scope-contents {
      break-inside: avoid;
      page-break-inside: avoid;
    }
    
    tr.scope-heading {
      page-break-after: avoid; /* Prevent it from being left on a page alone */
    }
    
    .answerlist li {
      break-inside: avoid;      /* Let items break between LIs, not inside one */
      page-break-inside: avoid;
    }

}

.printable .pregroup {
  padding: 5mm;  /* Adequate padding within sections */
  margin-bottom: 10mm;  /* Space between sections */
  page-break-inside: avoid;  /* Avoid breaking pages within a section */
}

.printpage {
  position: absolute;
  right: 20px;
  cursor: pointer;
}

.printable .closeprintable {
  display: flex !important;
  position: absolute;
  right: 20px;
  cursor: pointer;
}

.printable .printpage {
  display: none !important;
}

.closeprintable.hidden {
  visibility:hidden !important;
}

.profiledata .profilename {
  display: none;
}

.profiledata .profile-view-inner {
  display: flex;
}


.profiledata .profile-view-outer label {
  background: #7ea446;
    min-width: 120px;
    text-align: center;
    border-radius: 20px;
    font-family: var(--font-one);
    color: white;
    margin-right: 30px;
    min-height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-height: 30px;
}



.account-main {
  display: flex;
  flex-direction: column;
  justify-content: left;
}


.account-main * {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-top: 10px;
}



.account-section p {
  font-size: 13px;
}


.account-section select,.account-section input,.account-section textarea{
  width: auto;
  border-radius: 4px;
  box-shadow: 0px 0px 3px inset #C0C0C0;
  padding: 10px;
  font-size:14px;
}

.account-main .tcbutton {
  width: fit-content;
}

.account-main a {
  margin-top: 10px !important;
  margin-bottom: 30px;
}

.account-main label {
  color: black;
  font-family: var(--font-one);
  font-weight: 500;
}

.account-section p {
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 10px !important;
}

.passwordbox {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0px;
  margin-bottom: 20px;
}

.passwordbox .tcbutton {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  margin-left: 10px;
  max-height: 30px;
  align-items: center;
}

.avatar-block {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2em;
}

.avatar-block label {
  background-color: var(--color-accent);
  color: white;
  border-radius: 20px;
  cursor: pointer;
  padding: 0px 10px;
  font-size: 13px;
}


.profile p.privacy {
  font-size: 14px;
  margin-top: 10px;
  display: inline-flex;
  justify-content: left;
  align-items: center;
  gap: 0.5em;
}

.printpage {
  top: 130px;
}



.ismobile #contact-form input {
  width: 100%;
}

.ismobile #contact-form .flex-container {
  flex-direction: column-reverse;
}

.ismobile .our-location {
  padding: 0px;
  margin: 0px;
  padding-top: 30px;
}

.ismobile .contactlogo {
  padding-top: 0px;
  padding-bottom: 0px;
}

#loginbox .flex-container {
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100%;
}

.ismobile #leftlogin, .ismobile #loginbox .right-box {
  width: 100% !important;
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}



#mobile-navigation ul a {
  color: white !important;
}

#mobile-navigation ul li a:hover {
  color: #fff;
  text-shadow: 2px 2px 2px #000000;
}




.ismobile .heroone .button-box {
  width:min-content;
}




.ismobile .heroone .button-box a {
  margin-top:10px !important;
}

.ismobile .heroone .button-box a {
  min-width: 200px;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
}

.notifier {
  position: fixed;
  background: white;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  background-color: rgba(155,155,155,.9);
  display: flex;
  align-items: center;
  justify-content: center;
}

.notifier-inner {
  width: min-content;
  height: min-content;
  min-width: 500px;
  background: #fafafa;
  padding: 40px;
  box-shadow: 2px 2px 10px #333333;
  border-radius: 20px;
}

.notifier-message {
  border: solid 1px #C0C0C0;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 2px 2px 4px inset #C0C0C0;
  background-color:white;
}

.notifier-intro {
  font-family: var(--font-one);
  font-size: 18px;
  margin-bottom: 20px;
  width: 100%;
}

.notifier label {
  font-weight: 500;
  font-family: var(--font-one);
}

.notifier-message {
  border: solid 1px #C0C0C0;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 1px 1px 3px inset #C0C0C0;
  background-color: white;
}

.notifier-subject {
  border: solid 1px #C0C0C0;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 1px 1px 3px inset #C0C0C0;
  background-color: white;
  padding: 10px 20px;
}



.ismobile div#gaurantee {
  background: white;
}

.ismobile #gaurantee .left-box {
  margin-top: -80px !important;
  box-shadow: 2px 2px 12px #333333;
}



  div#liquid_main {
    background: white;
}

img.allshields {
  position: absolute;
  clip-path: polygon(0% 0%,28.3% 0%,28.3% 4.6%,35.4% 4.6%,35.4% 0%,100% 0%,100% 87%,53.4% 99.4%,53.4% 95%,50% 95.0%,47% 95%,47.1% 99.5%, 0% 87%,0% 0%);
}


.shield-one {
  z-index: 4;
  left: 0%;
}

.shield-two {
  z-index: 3;
  left: 45%;
  scale:65%;
  filter: blur(2px);
}

.shield-three {
  z-index: 2;
  left: 70%;
  scale:45%;
  filter: blur(4px);
}




.reverse .shaped {
  transform: scaleX(-1);
}


.shieldcontainer {
  background: transparent;
  display: flex;
  justify-content: center;
  z-index: 99999999999;
  position: relative;
  height: 600px;
  align-items: center;
  width: 50%;
}

.shieldcontainer .addshieldouter {
  transition: all 1s ease;
}

.shieldinner {
  position: absolute;
  width: auto;
  top: 13%;
  left: -100px;
  filter: drop-shadow(2px 4px 6px black);
  -webkit-filter: drop-shadow(1px 0px 3px #333333);
  width: inherit;
  height: auto;
  max-width: 400px;
  width: 400px;
}
.tchero .addshieldouter {
  width:400px;
}

#resinous_coatings_section .flex-container {
  max-width: 100%;
  background-color: #fafafa;
}

div#services {
  background-position-y: 400px !important;
  background-repeat: no-repeat;
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;

}



div#trust-block {

  background-repeat: no-repeat;

}

.fluid-width-video-wrapper {
  border-radius: 10px;
  overflow: clip;
  filter: drop-shadow(2px 4px 6px black);
}

#get-a-quote .left-box-inner {
  padding: 50px;
}


.addshield:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/wp-content/themes/liquid-child/images/liquid-floors-shield-green-gray.svg') no-repeat center center;
  background-size: cover;
  /* Adjust the following styles to control the opacity, blending, etc. */
  opacity: 1; /* Adjust opacity to your preference */
  z-index: 1; /* Ensure the overlay is above the base image */

}

.addshield.gray:after {

  background: url('/wp-content/themes/liquid-child/images/liquid-floors-shield-gray.svg') no-repeat center center;


}

.addshield.gray-green:after {

  background: url('/wp-content/themes/liquid-child/images/liquid-floors-shield-gray-green.svg') no-repeat center center;


}

.addshield.green:after {

  background: url('/wp-content/themes/liquid-child/images/liquid-floors-shield-green.svg') no-repeat center center;


}

.addshield {
  clip-path: polygon(0% 0%,28.1% 0%,28.2% 4.6%,35.5% 4.6%,35.5% 0%,100% 0%,100% 87%,53.5% 99.4%,53.5% 95%,50% 95.0%,47% 95%,47% 99.5%, 0% 87%,0% 0%);
  width: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
}

 

.addshieldouter {
  padding-top: 113.8%;
    position: absolute;
    display: block;
    height: auto;
}

.addshield img {
visibility:hidden;
position:absolute;
}

.ismobile .left-box-inner, .ismobile .right-box-inner {
  padding: 0px !important;
}

.ismobile .tchero {
  position: relative;
  margin: 0px !important;
  padding: 0px !important;
  height: fit-content;
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
}

.ismobile div#liquidhero {
  top: 20px;
  width: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 400px;
  z-index: 23455;
  width: 100%;
  background-position-y: 90px !important;
  background-size: 100% 50% !important;
}

.ismobile .tchero {
  position: relative;
  margin: 0px !important;
  padding: 0px !important;
  height: fit-content;
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
}

.ismobile .heroone {
  background: rgba(255,255,255,.97);
  height: fit-content;
  position: relative;
  padding: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1111;
  background-color: transparent;
  padding-top: 40px;
  top: 10px;
  padding-bottom: 60px;
}
.ismobile .shieldinner {
  left: 0px;
  right: 0px;
  width: 100%;
}


.ismobile .left-box, .ismobile .right-box, .ismobile .tcboxinner {
  padding-left: 10px;
    padding-right: 10px;
    min-height: auto;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.ismobile .reverse.flex-container {
  flex-direction: column-reverse;
}

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

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

.ismobile .tchero.reverse {
  flex-direction:column-reverse;
}

.single-avada_portfolio #content {
  max-width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.single-liquid_processes header#masthead {
  margin-bottom: 0px;
}

.single-liquid_processes main#main {
  width: 100%;
}

.single-liquid_processes .entry-content {
  width: 100%;
}

.single-liquid_processes div#comments {
  display: none;
}

img.lfbackimage {
  display: none;
}

.lfbackimg {
  background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    z-index:9999;
}

.process_hero_inner .left-box, .process_hero .right-box {
  padding: 0px;
}

.tc-center-video .wp-video iframe {
position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.tc-center-video .wp-video-shortcode {
  width: 100% !important;
  padding-top: 56.25% !important;
  position: relative !important;
  min-width: 100% !important;
  height: auto !important;
  border-radius: 10px;
    overflow: clip !important;
}

.tc-center-video {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.liquid_processes div#process-video {
  background-size: 100% 100% !important;
  background-repeat: no-repeat;
  margin-top: -80px;
  position: relative;
  z-index: 999999999;
  filter: drop-shadow(0px 10px 0px black);
  margin-bottom: 40px;
}

.imgblock {
  position: relative;
  clip-path: polygon(0% 0%, 33% 0%,33% 5.5%, 38% 5.5%, 38% 0%, 29% 0%, 100% 0%, 100% 100%, 67.2% 100%, 67.2% 94.7%, 63% 94.7%, 63% 100%, 0% 100%, 0% 0%);
  width:fit-content;
}

.tccolumn .imgblock {
  margin-top: -50px;
  filter: drop-shadow(4px 4px 6px black);
  padding-top: 67.0%;
  background: transparent;
  width: auto;
  position: relative;
  overflow: clip;
}

.lfbackimg img {
  opacity: 0;
}

.imgblock .lfbackimg {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.imgblock:after {
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 99;
  content: '';
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  filter: drop-shadow(1px 1px 2px black);
}

.imgblock.graygreen:after {
  background-image: url(/wp-content/themes/liquid-child/images/image-border-gray-green.svg);
}

.imgblock.greengray:after {
  background-image: url(/wp-content/themes/liquid-child/images/image-border-green-gray.svg);
}

.imgblock.gray:after {
  background-image: url(/wp-content/themes/liquid-child/images/image-border-gray.svg);
}

.imgblock.whitegreen:after {
  background-image: url(/wp-content/themes/liquid-child/images/image-border-white-green.svg);
}

.ismobile .flex-container.moreverse {
  flex-direction: column-reverse !important;
}

.ismobile .subcatdisplay .tcboxinner {
  width: 90%;
  background: #fafafa;
  padding: 40px;
  padding-top: 80px;
  margin-top: -80px;
}

.ismobile .wp-video {
    border-radius: 9px !important;
    overflow: clip;
    filter: drop-shadow(1px 2px 4px black);
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  background: var(--color-accent);
}

#scroll-to-top {
  background: rgba(0,0,0,.65);
  border-radius: 2px;
  cursor: pointer;
  height: 45px;
  line-height: 0;
  opacity: 0;
  padding-top: 15px;
  position: fixed;
  right: 20px;
  transform: scale(0);
  transition: .2s;
  text-align: center;
  width: 38px;
  z-index: 101;
}

#scroll-to-top img, #scroll-to-top svg {
  display: inline-block;
  height: 20px;
  opacity: 1;
  transition: .3s;
  width: 20px;
  margin-top: -5px;
}

.tccolumn-4 .tccolumn,.tccolumn-3 .tccolumn {
  flex: 1;
}

.tccolumn-4,.tccolumn-3 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 2em;
}


.flooring-type-processes h3 {
  font-family: var(--font-three);
  font-size: 20px;
  width: 100%;
  background-color: var(--color-accent);
  color:white;
  display:flex;
  align-content:center;
  justify-content:left;
}

.flooring-type-processes .lfbackimg {
  width: 100%;
  height: 300px;
  background-position: center center;
  background-size: cover;
}

.tccolumn-4 .tccolumn {
  flex: 1;
  position: relative;
  transition: transform 0.5s ease;
  width:25%;
}

.tccolumn-3 .tccolumn {
  flex: 1;
  position: relative;
  transition: transform 0.5s ease;
  width:33.3%;
}

.tccolumn-2 .tccolumn {
  flex: 1;
  position: relative;
  transition: transform 0.5s ease;
  width:50%;
}

.flooring-type-processes h3 {
  font-family: var(--font-three);
  font-size: 20px;
  width: auto;
  background-color: var(--color-accent);
  color: white;
  display: flex;
  align-content: center;
  justify-content: left;
  position: absolute;
  z-index: 9999999;
  padding-left: 10px;
  padding-right: 10px;
  text-shadow: 1px 1px 2px #000000;
}



.slideblocks .tccolumn {
  width: 400px;

}

.slideblocks a:first-child {
  transition: transform 0.4s ease;
  width: min-content;
  display: inline-flex;
}

.slideblocks .lfbackimg {
  width:100%;
}


.slideblocks button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--color-accent);
  color: white;
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 9999999;
  font-size: 30px;
  filter:drop-shadow(2px 2px 2px #333333);
}

.slideblocks button.prev {
  left: 0;
}

.slideblocks button.next {
  right: 0;
}

.slideblocks button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.slideblocksinner {
  display:inline-flex;
  transition: all 0.5s;
}


.slideblocks {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: fit-content;
  background: transparent;
  height: auto;
  margin-bottom: 90px;
  padding-top: 20px;
  padding-bottom: 20px;
}


.slideblocks  {
  overflow: hidden; /* Fallback for older browsers */
}

@supports (overflow: clip) {
  .slideblocks {
    overflow: clip;
  }
}


.tcthree-column .tccolumn {
  margin-top: 50px;
}

.ismobile #process_hero_inner .right-box {
  height: 400px !important;
  min-height: 400px;
  clip-path: polygon(0% 0%,100% 0%,100% 90%,50% 100%,0% 90%);
}


.ismobile #process_hero_inner .left-box {
  padding-top: 13%;
  position: relative;
  background-color: transparent;
}

.ismobile .tcbutton i {
  left: -10px;
}

.imgblock.imgangled .lfbackimg {
  width: 100%;
}

.ismobile .tc-center-video .wp-video {
  max-width: 90% !important;
}

div#process_flooring_types {
  height: 610px !important;
  margin-bottom: 0px;
  background-position-y: 200px !important;
  background-repeat: no-repeat;
  margin-top: 60px;
}

.ismobile .slideblocks {
  border-radius: 0px !important;
  max-width: 90%;
}

.ismobile div#process-video {
  margin-top: 0px;
}

.ismobile .slideblocks .tccolumn {
  width: 300px;
  height: fit-content;
}

.ismobile .why-process-important .hlcontainer {
  margin-bottom: -70px;
}



.ismedium p {
  width: 100% !important;
  min-width: 100% !important;
}

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

.tchero.reverse .shieldinner {
  left: 30px;
}



.flex-container.reverse .tcright * {
  text-align: left;
  justify-content: left;
}

.flex-container.reverse .lfbackimg {
  transform:scaleX(-1);
}

.flex-container.reverse .left-box * {
  text-align: left;
  justify-content: left;
}

.flex-container.reverse .right-box * {
  text-align: right;
  justify-content: right;
}

.flex-container.reverse .left-box {
  justify-content: left;
}

.flex-container.reverse .right-box {
  justify-content: right
}

.lfbackimg img {
  opacity: 0;
  display: none;
}

.slideblocks:after {
  content: '';
  background-image: url(/wp-content/themes/liquid-child/images/blurred-edge.png);
  width: 30px;
  position: absolute;
  background-repeat-x: no-repeat;
  background-repeat-y: repeat;
  z-index: 999999;
  height: auto;
  right: 0px;
  height: 100%;
  opacity: .2;
}


.slideblocks:before {
  content: '';
  background-image: url(/wp-content/themes/liquid-child/images/blurred-edge.png);
  width: 30px;
  position: absolute;
  background-repeat-x: no-repeat;
  background-repeat-y: repeat;
  z-index: 999999;
  height: auto;
  left: 0px;
  height: 100%;
  opacity: .2;
  transform:scaleX(-1);
}

.mini-scroll {
  padding: 10px !important;
  text-align: left !important;
  padding-top: 0px;
  border: solid 1px #efefef;
  border-width: 0px 0px 1px 0px;
  font-size: 14px !important;
  color: #333333;
  overflow: auto;
  max-height: 80px;
  height: 80px !important;
  display: block !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
 
  background-position-y: bottom !important;
  background-repeat-x: repeat !important;
  background-repeat-y: no-repeat !important;
}
.mini-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
  opacity:.3;

}

.mini-scroll::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
  opacity:.3;
}

.mini-scroll::-webkit-scrollbar-thumb
{
	background-color: var(--color-accent);
  opacity:.3;
}

.mini-scroll:hover::-webkit-scrollbar-thumb {
  opacity:1;
}

.case-study {
  background-color: #fafafa !important;
}


.case-study-title {
  margin-bottom: 35px;
}

ul.comparecontrast {
  background: transparent;
  text-align: justify;
  padding: 20px;
  margin-top: 10px;
  padding-bottom: 20px;
  font-family: var(--font-two);
}

ul.comparecontrast li {
  list-style-type: none !important;
  text-align: left;
  flex: 1;
  align-items: center;
}

.comparecontrast p {
  background: transparent;
  text-align: left;
  padding: 0px;
  margin-top: 10px;
  padding-bottom: 20px;
  font-family: var(--font-two);
}

.comparecontrast label {
  font-family: var(--font-one);
  font-size: 1.6em;
  font-weight: 800;
}

.comparecontrast li {
  display: inline-flex;
}

.comparecontrast i {
  flex: 1;
  min-width: 100px;
  background: red;
  background-image: url(/wp-content/themes/liquid-child/images/gray-green-mini-shield.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
  width: 100%;
  height: auto;
  padding: 20px;
  display: inline-flex;
  position: relative;
  top: 11px;
  filter: drop-shadow(2px 2px 4px black);
  align-items: center;
}

.ccsection {
  display: inline-flex;
  min-height: 160px;
}

.cctext {
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: left;
  flex-direction: column;
  padding-left: 0px;
}

.ccsection i {
  position: relative;
  top: 0px;
  bottom: 0px;
  height: inherit;
  margin-top: 0px;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 80px;
}

.ccsection img {
  height: 70px;
  width: 70px;
}



.comparecontrasthead {
  font-family: var(--font-one);
  font-weight: 800;
  font-size: 30px;
  margin-bottom: 20px;
  border: solid 1px #C0C0C0;
  border-width: 0px 0px 1px 0px;
}



.wet-vs-dry .tccolumn {
  min-height: unset !important;
}

.roundvs {
  background: white;
  font-size: 50px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  font-family: var(--font-one);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -24px;
  margin-right: -24px;
  z-index: 9999;
  filter: drop-shadow(2px 2px 2px black);
  padding-right: 11px;
  background: #333333;
  color: white;
  width: 80px;
  height: 80px;
  padding-bottom: 10px;
}

.subcatsinner {
  display: inline-flex;
}

.czinner {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  transform: skew(10deg);
  transform-origin: 100% 0;
  left: -15%;
  background-size: cover;
}

.czouter {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  transform: skew(6deg);
  background-size: cover;
  background-repeat: no-repeat;
  scale: 1.2;
  background-position: center center;
}

.czhero {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  left: 1%;
  transform: scale(1.2);
  min-height: 450px;
  width: 100%;
  max-width: 1000px !important;
  margin-left: auto;
  margin-right: auto;
}

.czhero li {
  width: 25%;
  overflow: hidden;
  position: relative;
  transform: skew(-6deg);
  transform-origin: 100% 0;
  height: inherit;
  transition: all 0.3s;
  filter: drop-shadow(2px 4px 6px black);
}

.czinnertext {
  transform: skew(-11deg);
  width: 104.5%;
  line-height: 1.2;
  background-color: var(--color-accent);
  color: white;
  height: min-content;
  padding-left: 30px;
  padding-right: 94px;
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
  min-height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 1px 1px 1px #333333;
  bottom: 0%;
  top: 300px;
  left: -30px;
  flex-direction: column;
  text-align: center;
}
 
.czinnertext h3 {
  color: white;
  font-size: 15px;
  padding: 0px !important;
  margin: 0px;
}

.flex-container.subcats {
  background: #efefef !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 13%;
  padding-right: 13%;
  overflow: clip;
}

.flex-container.fullwidth {
  max-width: 100%;
}

.czhero li:hover {
  scale: 1.02;
}

.czinnertext p {
  padding: 0px;
  font-size: 10px;
  background-color: transparent;
  color: black;
  text-shadow: none;
  width: 110%;
}


.anglesection .flex-container {
  max-width: 100%;
}

.anglesection .left-box, .anglesection .rightbox {
  background-repeat: no-repeat;
  background-size: cover;
}

.reverse .right-box.angleclip {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
  margin-left: -10%;
}

.reverse .left-box.angleclip {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
  margin-left: -10%;
}


.flipped .right-box.angleclip {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
  margin-left: -10%;
}

.flipped .left-box.angleclip {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
  margin-left: -10%;
}

.industries main#main {
  margin: 0px;
  width: 100%;
}


.single-industries header#masthead {
  margin-bottom: 0px;
}

.flex-container.tmember .team-member {
  flex: 1 1 33%;
  box-sizing: border-box;
  padding: 10px;
  margin-top: 90px;
  margin-bottom: 0px;
  background-color: #efefef;
  padding: 30px;
}

.flex-container.tmember {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2em;
  align-items: flex-start !important;
}

.masthead-sentinel, .site-header {
  margin-bottom: 0px !important;
}

.team-social {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  gap: 0.4em;
  margin-bottom: 20px;
}

.team-member p.mini-scroll {
  max-height: 200px;
  overflow: auto;
  font-size: 14px;
  display: flex;
  text-align: left;
  align-items: flex-start;
  background-image: url(/wp-content/themes/liquid-child/images/blurred-edge-vert.png);
  background-repeat: repeat-x !important;
  background-position-y: bottom;
}

.team-social a {
  width: 30px;
  height: 30px;
  background: #6691a4;
  border-radius: 4px;
  padding: 3px;
  cursor: pointer;
}

.team-social a svg {
  width: 100%;
  height: 100%;
 
}

.team-social a svg * {
  fill: white;
  stroke: white;
}
.tmember h3 {
  width: 100%;
  display: flex;
  justify-content: center;
  font-family: var(--font-one);
  font-weight: 700;
  font-size: 29px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.team-title {
  width: 100%;
  justify-content: center;
  display: flex;
  font-family: var(--font-two);
  font-weight: 600;
  margin-bottom: 20px;
}


.flex-container.tmember .team-member {
  flex: 1 1 31%;
  box-sizing: border-box;
  margin-top: 90px;
  margin-bottom: 0px;
  background-color: #efefef;
  padding: 30px;
  border: solid 1px rgba(60,60,60,.1);
}

.ismedium .tccolumn.team-member {
  flex: 1 1 34%;
}

.ismobile.tccolumn.team-member {
  flex: 1 1 100%;
}

.team-member .addshieldouter {
  padding-top: 113.8%;
  position: relative;
  display: block;
  height: auto;
}

.teamshields {
  max-width: 60%;
  flex: 1;
  position: relative;
  margin-left: auto;
  height: min-content;
  width: min-content;
  width: 60%;
  margin-right: auto;
  margin-top: -24%;
}

.shaped {
  background-repeat:no-repeat;
}


.team-member .shieldinner {
  width: 250px;
  position: relative;
  height: min-content;
  left: unset;
  margin-left: auto;
  margin-right: auto;
  margin-top: -70px;
}

#content {
  z-index: 1;
}

#masthead.site-header {
  z-index: 2;
}

.case-studies-archives a.tccolumn.case-study {
  flex: 1 1 31%;
  background: white;
  padding: 0px;
  position: relative;
}

.post-type-archive-avada_portfolio main#main {
  margin: 0px;
}

.cs-top-bar {
  background-color: transparent;
    border: none;
    height: 45px;
    display: inline-flex;
    flex-wrap: nowrap;
    box-shadow: none;
    z-index: 9;
    width: 100% !important;
    position: absolute;
    left: 0px;
    width: 100%;
}

.imgblock.imgangled::after {
  background-image: none !important;
  filter: none;
}



.imgblock.imgangled {
  clip-path: polygon(0% 0%,100% 0%,100% 95%,50% 100%,0% 95%,0% 0%);
  filter: drop-shadow(2px 4px 6px black);
  width: 100% !important;
  z-index: 2;
  margin-top: 0px !important;
}

.flex-container.case-studies-archives {
  display: flex;
  gap: 1.3em;
}

.case-studies-archives .imgblock {
  margin-top: unset;
  z-index: 2;
}

span.locationicon {
  position: relative;
  z-index: 999;
  display: flex;
  align-items: center;
}



.case-study p.mini-scroll {
  min-height: 130px;
  font-size: 13px !important;
  color: #333333;
}
.case-study-text {
  display: block;
  margin-left: 10px;
  margin-right: 10px !important;
  margin-top: 1%;
  background-color: white;
  padding: 13px;
  margin-top: -20px;
  margin-bottom: 10px;
  z-index: 1;
  border: solid 1px #efefef;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

span.industryicon {
  width: fit-content;
  background: var(--color-dark);
  max-width: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 1px 1px 3px #000000;
}

.case-study h3 {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  margin-bottom: 0px;
  height: min-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.5;
  flex: 1;
}

span.industryicon svg {
  max-height: 45px;
  width: inherit;
}

span.industryicon svg path {
  fill: white;
}

svg.cslocation {
  height: min-content;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
  max-height: 45px;

}

.locationicon path {
  fill: var(--color-accent);
  filter: drop-shadow(1px 1px 1px black);
}

.cs-top-bar .cs-top-bar-right,.cs-top-bar .cs-top-bar-left{
  width: 50%;
  display: inline-flex;
  flex: 1;
  align-content:center;
}

.cs-top-bar .cs-top-bar-right {
justify-content:right;
}

.cs-top-bar .cs-top-bar-left {
  justify-content: left;
  padding: 4px;
  gap: 0.2em;
}
.industryicon path {
  fill: white;
}

span.locinner {
  width: auto;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 1px;
  margin-left: auto;
  margin-right: auto;
  max-width: fit-content;
  margin-top: 0px;
}

.flex-container.case-studies-archives .case-study {
  max-height: 500px;
  height: 500px;
  margin-bottom: 6%;
  border: solid 1px #efefef;
  border-radius: 4px;
}

.archive .page-title {
  font-size: 24px;
  text-align: center;
  display: none;
}

.right-box.doubleangleclip {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%,0% 0%);
}

.left-box.doubleangleclip {
  clip-path: polygon(0% 0%, 100% 0%, 95% 50%, 100% 100%, 0% 100%,0% 0%);
}



.ismobile .tcbutton {
  min-width: fit-content;
  width: fit-content;
  min-width: fit-content;
}


.ismobile .doubleangleclip, .ismobile .angleclip, .ismobile .angleclipreverse {
  clip-path: polygon(0% 0%,50% 5%, 100% 0%, 100% 90%, 50% 100%, 0% 90%,0% 0%) !important;
  height: 300px !important;
  min-height: 400px;
  padding: 0px !important;
  margin: 0px !important;
  width: 100% !important;
  background-position: center center !important;
  background-size: cover !important;
}



.ismobile .shieldinner {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  left: 0px !important;
  right: 0px !important;
  margin-top: -40px;
}

span.cs-top-bar-right {
  padding-right: 4px;
}

body:not(.ismobile):not(.ismedium) .double .slideblocksinner {
  width: 100% !important;
}


.slideblocksbody:not(.ismobile):not(.ismedium) .double .buttonleft, .slideblocksbody:not(.ismobile):not(.ismedium) .double .buttonright,.slideblocks.single .buttonleft, .slideblocks.single .buttonright,.slideblocks.triple .buttonleft, .slideblocks.triple .buttonright {
  display: none;
}




.slideblocksbody:not(.ismobile):not(.ismedium) .double:before,.slideblocksbody:not(.ismobile):not(.ismedium) .double:after,.slideblocks.single:before,.slideblocks.single:after,.slideblocks.triple:before,.slideblocks.triple:after {
  background-image:none;
}

.slideblocksbody:not(.ismobile):not(.ismedium) .double h3 {
  font-size: 26px;
}

.slideblocks.single .slideblocksinner {
  width: 100%;
}

.slideblocks.single .slideblocksinner .case-study {
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.slideblocks.single .case-study-text, .slideblocks.single .csimagebox {
  flex: 1 1 50%;
}

.slideblocks.single .case-study-text * {
  text-align: left;
  justify-content: left;
  display: flex;
  flex-direction: column;
}



.slideblocks.single p.mini-scroll {
  min-height: unset !important;
  height: fit-content !important;
  overflow: auto;
  max-height: unset !important;
  background-image: none !important;
  border: none !important;
  background: transparent;
  padding:0px;
  margin:0px;
}

.slideblocks.single .case-study-text {
  height: 100%;
  background: transparent;
  border: none;
}

.slideblocks.single .imgblock.imgangled {
  clip-path: polygon(0% 0%,95% 0%,100% 50%,95% 100%,0% 100%,0% 95%,0% 0%);
}

.slideblocks.single .cs-top-bar {
  left: 0px;
  position: relative;
  width: 95% !important;
  margin-left: 0px !important;
  justify-content: left;
  max-width: 95% !important;
}

.slideblocks.single .csimagebox {
  display: flex;
  flex-direction: column;
  justify-content: left;
}

.csimagebox {
  position:relative;
}

.slideblocks.single h3 {
  max-height: fit-content;
  height: fit-content;
  font-size: 30px;
}

.slideblocks.single .cs-top-bar {
display:none !important;
}

ul.lfprocesses {
  display: flex;
  width: 100%;
  gap: 5em 2em;
  height: fit-content;
  position: relative;
  top: 0%;
  margin: 0px;
  padding: 0px;
  flex-wrap: wrap;
  display: flex;
}

ul.lfprocesses li {
flex:1;
list-style-type:none;

}

.lfprocesses a:not(.tcbutton) {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  transition: all 0.3s;
}

.lfprocesses a:hover {
scale:1.01;
}
.lfprocessicon {
  background-color: var(--color-accent);
  transform: skew(-5deg);
  position: absolute;
  z-index: 9;
  border-radius: 10px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  top: -20px;
  padding: 5px;
  filter: drop-shadow(1px 1px 2px black);
}



ul.lfprocesses li path {
 fill:white;
  }

  .lfprocessicon svg {
    width: 90px;
    filter: drop-shadow(1px 1px 0px black);
}

.lfprocesses img {
  clip-path: polygon(5% 0%,100% 0%,95% 100%,0% 100%);
}





ul.lfprocesses li {
  flex: 1;
  list-style-type: none;
  border: none;
  
}

.flex-container.processlist {
  padding-top: 0px;
  margin-top: 0px;
  min-height: fit-content;
  margin-bottom: 30px;
  position:relative;
}

.processname {
  background-color: var(--color-accent);
  font-family: var(--font-three);
  width: min-content;
  white-space: nowrap;
  padding-right: 10px;
  padding-left: 10px;
  position: absolute;
  right: 0px;
  margin-top: -20px;
  filter: drop-shadow(1px 1px 2px black);
  color: white;
  text-shadow: 1px 1px 1px #333333;
}

.flex-container.center.processlist {
  padding-top: 0px;
  margin-top: 0px;
  height: fit-content;
}

ul.lfindustries {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
  margin-top: 50px;
}

.lfindustries li {
  flex: 1 1 50%;
  width: 50%;
}
.ismedium .lfprocesses li {
  flex: 1;
  height: fit-content;
  position: relative;
}
i.shield-icon {
  background-repeat: no-repeat;
  position: relative;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px !important;
}

.cctext label {
  text-align: center;
}

.tcfour-column {
  display: flex;
  gap: 5em 1.5em;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 70px;
}

i.shield-icon img {
  width: 70%;
  position: relative;
  z-index: 1;
  top: -3%;
}


.lfindustries li {
  flex: 1 1 40%;
  width: 50%;
  list-style-type: none;
  height: auto;
  display: flex;
  justify-content: left;
  align-items: center;
  padding-bottom: 20px;
  padding-top: 20px;
  border: none;
  background: #efefef;
  padding: 20px;
}

.lfindustries li a {
  display: inline-flex;
  width: 100%;
}

.lfindustries .industrytext {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  text-align: left;
}

.lfindustries .industryname {
  width: 100%;
  white-space: nowrap;
  display: inline;
  font-family: var(--font-two);
  font-size: 30px;
  color: #333333;
  font-weight: 800;
}

.industryouter {
  display: inline-flex;
  flex-direction: row;
}

.lfindustriesicon svg,.lfindustriesicon img {
  width: 100px;
  background: var(--color-accent);
  padding: 10px;
  height: 100px;
  border-radius: 2px;
}

.lfindustriesicon img {
  height:auto;
}

.industrytext a {
  margin-left: 0px;
  max-width: fit-content;
  margin-top: 10px;
}

.lfindustriesicon {
  margin-right: 30px;
  margin-top: 15px;
}

.tcbutton.noicon {
  border-radius: 3px !important;
}

a.tcbutton:visited {
color:white !important;
}

.type-page .slideblocks {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

ul.lfindustries {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
  margin-top: 60px;
  margin-bottom: 60px;
}


.lfindustries li {
  clip-path: polygon(1% 0%,100% 0%,99% 100%,0% 100%,1% 0%);
  padding-left: 3%;
}

.slideblocksinner {
  display: inline-flex;
  gap: 2em;
  padding-left: 4%;
  padding-right: 4%;
}

.location-page {
  width: 100%;
}

.locationhero .flex-container {
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;
  width: 100%;
}

image.clipstate {
  width: 100%;

}

svg.clipstate {
  height: 100%;
  width: 100%;
  position: absolute;
  filter: drop-shadow(2px 4px 6px black);
}

.ismobile svg.clipstate {
  height: auto;
  width: auto;
  position: relative;
  filter: drop-shadow(2px 4px 6px black);
  width: 100% !important;
  top: 0px;
}

.location-page header.page-header {
  margin-bottom: 0px;
}

.location-page .left-box {
  z-index: 9;
}

.ismobile .locationhero .tcboxinner {
  background: rgba(255,255,255,.8);
  padding: 40px;
  z-index: 9999;
  width: 90%;
}

.slideblocks.single .slideblocksinner .case-study {
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}

.single .case-study-text p {
  padding: 0px;
  height: fit-content;
  max-height: fit-content;
  background-color: transparent;
  margin-top: 20px;
}

.single-avada_portfolio main#main {
  margin: 0px !important;
}

.single-avada_portfolio #content {
  max-width: 100%;
  display: block;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
}

.ismedium .flex-container {
  padding: 0px;
}

.casestudyhero .left-box, .casestudyhero .right-box {
  padding: 0px;
}


.case-study-hero .flex-container {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  max-width: 100%;
}


.cs-info-text h2 {
  margin: 0px;
}

.cs-info i {
  width: 80px;
  height: 80px;
  background: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 70px;
  border-radius: 4px;
  width: 80px;
  height: 100px;
  min-width: 80px;
}
 
.cs-info p {
  margin: 0px;
  padding: 0px;
}

.cs-info svg, .cs-info img {
  max-width: 50px !important;
}

.cs-info h2,.cs-info p {
  white-space: nowrap;
}

.case-study-info-block {
  display: flex;
  flex-direction: column;
  gap: 1.3em;
}

.cs-info-text h2 {
  margin: 0px;
  font-size: 24px;
}

.cs-info {
  display: inline-flex;
  align-items: center;
  width: auto;
  gap: 1em;
}

h1.case-study-title * {
  display: block;
}

span.cstextmain {
  font-weight: 300;
}

span.clienttitletwo {
  font-weight: 800;
  font-family: var(--font-one);
}

.case-study-pages .case-study-title {
  margin-bottom: auto;
  border: solid 2px var(--color-accent);
  border-width: 0px 0px 1px 0px;
  margin-bottom: 20px;
  line-height: 1.3;
  padding-bottom: 20px;
}

.case-study-client {
  font-size: 18px;
  margin-bottom: 20px;
}

.case-study-hero .left-box, .case-study-hero .right-box {
  padding: 0px;
}

section.cs-section {
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  background: white;
}

.case-study-content {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

section.view-more-portfolio {
  padding-top: 90px;
  padding-bottom: 80px;
}

.view-more-portfolio .case-study-title {
  border: none;
}

.case-study-hero .tcboxinner {
  position: relative;
  margin-bottom: 30px;
}

.case-study-info-block * {
  text-align: left;
  justify-content: left;
}

.ismobile .case-study-hero .tcboxinner {
  padding: 20px;
  margin-left: 0px;
  margin-right: 0px;
  left: unset !important;
}

.case-study-pages article header.entry-header {
  display: none !important;
}

.case-study-content article {
  font-size: 15px;
  font-family: var(--font-two);
  line-height: 1.7;
}

.case-study-content article {
  font-size: 15px;
  font-family: var(--font-two);
  line-height: 1.7;
  padding: 0px;
}

.case-study-content ol {
  font-size: 15px;
  margin-left: 10px;
  font-family: var(--font-one);
}

.case-study-pages ol li {
  border: none;
  padding: 4px 1px;
}

.featured-case-study-section .flex-container {
  max-width: 100%;
}

.case-study-title span.cstextfirst
 {
    font-size: 1.8em;
    font-family: var(--font-one);
    font-weight: 600;
    margin-bottom: .4em;
}

.featured-case-study-section .flex-container {
  width: 100%;
  max-width: 100%;
}

.slideblocksbody:not(.ismobile):not(.ismedium) .double {
  max-width: 100%;
}

body:not(.ismobile):not(.ismedium) .double .slideblocksinner {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  gap:0px;
}



body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study div {
 flex: 1 1 50%;
}

body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0px;
  margin: 0px;
  align-items: center;
}

body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(2) {
  flex-direction:row-reverse;
   
}
body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(1) .csimagebox .imgblock.imgangled {

  clip-path: polygon(0% 0%,100% 0%,96% 50%,100% 100%,0% 100%,0% 0%);
}


body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(2) .csimagebox .imgblock.imgangled  {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,4% 50%,0% 0%);
    
}
body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(1) .case-study-text .case-study-text-inner {

  max-width: 500px;
    text-align: left !important;
    background-color: transparent;
    background-image: none !important;
    overflow: visible !important;
    height: auto !important;
    max-height: unset !important;
   
}

body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(1) .case-study-text  {
  align-items: flex-start;
  left:5%;
  position:relative;
}


body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(2) .case-study-text  {
  align-items: flex-end;
  right:5%;
position:relative;
}


body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(2) .case-study-text .case-study-text-inner {
   
    max-width: 500px;
    text-align: right !important;
    background-color: transparent;
    background-image: none !important;
    overflow: visible !important;
    height: auto !important;
    max-height: unset !important;
  
    
}

body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(1) .case-study-text .case-study-text-inner * {
   
text-align:left !important;
  
}



body:not(.ismobile):not(.ismedium) .double .slideblocksinner .case-study:nth-of-type(2) .case-study-text .case-study-text-inner * {
text-align:right !important;

  
}

body:not(.ismobile):not(.ismedium) .double h3 {
  font-size: 35px;
  line-height: 1.2;
  margin-bottom:20px;
}

body:not(.ismobile):not(.ismedium) .double .case-study-text {
  padding: 0px;
  margin: 0px;
  overflow: visible;
  background: transparent;
  background-image: none;
  border: none;
}

body:not(.ismobile):not(.ismedium) .double .mini-scroll {
  background-color: transparent;
  padding: 0px !important;
  height: auto !important;
  overflow: unset;
  background-image: unset !important;
  height: fit-content !important;
  min-height: unset;
  height: fit-content;
  display: block !important;
  height: auto !important;
  max-height: initial;
}

.slideblocks a i {
  margin-top: unset;
  left: unset;
  margin: unset;
}

.noicon i {
  display: none;
}

.tcbutton.noicon {
  border-radius: 3px !important;
  padding-left: 10px;
}

.case-study-text .tcbutton {
  margin-top: 5%;
  display: block;
  width: fit-content;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 2%;
}

.tcfour-column {
  display: flex;
  gap: 5.4em 1.4em;
}

.tcfour-column .tccolumn {
  flex: 1 1 40%;
  width: 50%;
}

div#flake-container {
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: auto;
  max-width: 100%;
  margin: 0px !important;
  padding: 0px !important;
}

#flake-container img.flake-images {
  max-width: 200px;
}

.ismobile .lfindustries {
  padding: 20px;
}

.ismobile .industryouter {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.ismobile .lfindustries li {
  flex: 1;
  width: 100%;
  justify-content: center;
}

.ismobile .lfindustries .industrytext * {
  justify-content: center;
  display: inline-flex;
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.ismobile .lfindustries .lfindustriesicon svg {
  height: 70px !important;
  max-width: 70px !important;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: -10px;
}

.ismobile .lfindustries .industryname {
  font-size: 24px;
}

.ismobile .lfindustries p {
  font-size: 13px;
}

.ismobile .lfindustries li {
  flex: 1 1 100% !important;
  width: 100%;
  justify-content: center;
}

.ismobile .lfindustries a {
  margin-top: -10px;
}


ul.lfprocesses li {
  flex: 1;
  list-style-type: none;
  border: none;
  min-width: 120px;
  top: 40px;
  max-width: 120px;
  min-height: 120px;
}

.tccolumn p {
  flex: 1;
  align-items: flex-start;
}

.ismobile ul.lfprocesses {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: fit-content;
  justify-content: center;
  align-items: center;
}
 
.ismobile ul.lfprocesses li {
  height: fit-content;
  flex: 2;
  width: fit-content;
  min-height: 140px;
  margin: 0px;
  max-width: 100px;
  flex: 1 1 40% !important;
  max-width: fit-content;
  width: 40%;
}

.ismobile .lfprocesses a {
  display: flex;
  justify-content: center;
}

.ismobile .processname {
  background-color: var(--color-accent);
  font-family: var(--font-three);
  width: min-content;
  white-space: nowrap;
  padding-right: 10px;
  padding-left: 10px;
  position: absolute;
  margin-top: -20px;
  filter: drop-shadow(1px 1px 2px black);
  color: white;
  text-shadow: 1px 1px 1px #333333;
  bottom: -10px;
  right: unset;
}

.ismobile ul.lfprocesses {
  display: flex;
  flex-direction: unset !important;
  flex-wrap: wrap;
  height: fit-content;
  justify-content: center;
  align-items: center;
  margin: 0px;
  padding: 0px;
  position:relative !important;
}

.ismobile .flex-container.center.processlist {
  height: fit-content;
  margin-bottom: 40px;
  padding-top: 0px;
}

.ismobile .floor-process-section .hlcontainer {
  margin-bottom: 30px;
}

.ismobile .lfprocessicon {
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -20px;
  left: unset;
}

.ismobile .case-study-text-inner .tcbutton {
  margin: 0px;
  margin-top: 10px;
}

.industryfloors.tcbutton {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px !important;
}

.lfindustriesicon img {
  filter: drop-shadow(2px 2px 2px black);
}

.tcbutton.compact:not(.noicon,.icononly) i {

  scale: 1.3;
  top: 1px;
}

.home div#yoast-breadcrumbs {
  display: none;
}

div#yoast-breadcrumbs {
  background-color: var(--color-accent);
  text-align: right;
  padding: 10px;
  margin-bottom: 0px;
}

#yoast-breadcrumbs a {
  color: white;
}

#yoast-breadcrumbs * {
  color: white;
}

header.entry-header {
  display: none;
}

.blog div#content {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.state-floor-types .flex-container {
  max-width: 100%;
  width: 100%;
}

.sftintro .flex-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.sftintro p {
  margin-top: 20px;
}

.state-floor-types.flex-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.lfbackimg.fullclip {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}





.readmore {
  height: auto;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  margin-top: 0px;
  margin-bottom: 13px;
}
.ellipsis {
  cursor: pointer;
  color: var(--color-accent);
  font-weight: bold;
}
.hidden-text {
  display: none;
}



.flooring-by-state h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 22px;
  line-height: 1.3;
  min-height: 70px;
  width: 100%;
  display: flex;
  align-items: center;
}

.by-state-inner {
  display: flex;
  flex-wrap: wrap;
}

.sftintro p {
  margin-top: 20px;
  margin-top: 0px;
}

.flooring-by-state {
  background: rgba(255,255,255,.9);
  padding: 30px;
  max-width: 48%;
}

.state-floor-types .left-box, .state-floor-types .right-box {
  z-index: 99999999;
}

.state-text-box {
  width: 100%;
}

.flooring-by-state {
  background: rgba(255, 255, 255, .9);
  padding: 30px;
  outline: solid 1px #efefef;
  flex: 1 1 25%;
  filter: drop-shadow(1px 1px 2px black);
  display: flex;
  flex-direction: column;
}

.sftintro .flex-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-bottom: 0px;
  margin-bottom: 30px;
  min-height: unset;
}



.by-state-inner .tcbutton.compact {
  font-size: 11px;
  padding: 5px 20px;
  width: fit-content;
  margin-top: auto;
}

.state-floor-types {
  background: #efefef;
  padding-top: 0px;
}

.corp-content-wrapper header.entry-header {
  display: initial;
}

.blog .entry-header h2.entry-title {
  margin-bottom: 10px;
}

aside#secondary {
  padding-top: 30px;
}

.blog-layout-standard {
  padding: 20px;
}

.blog .navigation {
  margin-bottom: 80px;
}

.right-box.angleclipreverse {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
}

section#state-floor-types-id {
  padding: 30px;
}

.ismobile section#state-floor-types-id {
  padding: 20px;
}

.ismedium .left-box .hlcontainer div:nth-of-type(1),.ismedium .left-box .hlcontainer div:nth-of-type(2) {
  font-size: 2em;
}


.ismedium .right-box .hlcontainer div:nth-of-type(1),.ismedium .right-box .hlcontainer div:nth-of-type(2) {
  font-size: 2em;
}


.ismedium .left-box .hlcontainer p,.ismedium .left-box .hlcontainer p {
  font-size: 13px;
}


.ismedium .tcbutton {
  font-size: 13px;
}

.tax-locations .hlcontainer.styletwo div:nth-of-type(1) {
  font-family: var(--font-one);
  font-size: 2.3em;
  font-weight: 700;
  line-height: 1.2;
}

.ismobile .flooring-by-state {
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  background: white;
  margin-bottom: 2em;
}

.ismobile .slideblocks {
  border-radius: 0px !important;
  max-width: 100%;
}

.ismobile .buttonleft button, .ismobile .buttonright button {
  font-size: 20px !important;
}

.process-slides .slideblocks .slideblocksinner a {
  height: 300px;
  background: red;
}

.process-slides .slideblocks .lfbackimg {
  width: 100%;
  height: 100%;
}

.process-slides .slideblocksinner h3 {
  background: var(--color-accent);
  position: absolute;
  z-index: 9999999;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
  text-shadow: 2px 2px 2px #333333;
}

.process-slides .slideblocks .slideblocksinner a {
  height: 300px;
  position: relative;
  filter: drop-shadow(2px 2px 2px black);
}

.tccolumn h2 {
  font-size: 25px;
  padding: 4px 20px;
  margin: 0px;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-top: 10px;
}

.ismedium section.featured-case-study-section .flex-container {
  padding: 0px;
  margin-top: 70px;
}

.ismedium .tcthree-column {
  gap: 0em;
}

.ismedium .tcthree-column p {
  padding: 20px;
  font-size: 13px;
  flex: 1;
}

.liquid-footer-contact li {
  border: none;
  color: white !important;
}

.liquid-footer-contact li {
  display: inline-flex;
  gap: 1em;
}

.liquid-footer-contact ul {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.footer-li p {
  margin: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

.footer-li {
  line-height: 1.1;
}

.footer-li {
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}

.featured-case-study-section .flex-container {
  width: 100%;
  max-width: 100%;
  padding-bottom: 0px;
  padding-top: 0px;
}

.industry-flooring-types .tcthree-column {
  margin-top: 0px;
}

.hero-section {
  background: white;
}

div#quotes {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  background: white;
  padding: 4%;
  margin-top: 20px;
  margin-bottom: 60px;
}

.why-process-important .tcthree-column {
  margin-top: -40px;
}

.liquid-footer-contact i {
  color: white !important;
}

.ismobile .team-member .shieldinner {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  left: 0px !important;
  right: 0px !important;
  margin-top: -90px;
}

.ismobile .footer-logo, .ismobile .footer-info {
  display: none;
}

section#about_us_hero {
  background: white;
}

section#about_us_hero {
  background: white;
  padding-bottom: 0px;
}

.ismobile .flex-container.tmember {
  padding-top: 50px;
}

.ismobile .team-member {
  width: 90%;
}

.single-post header.entry-header {
  display: none;
}

.single-post .entry-content {
  background: white;
  padding: 80px;
}

.lf-single-post article {
  background: white;
  padding: 0px;
  box-shadow: 4px 4px 4px #C0C0C0;
}



.tchero .caret {
  display: none;
}



.ismobile #colophon {
  display:none;
}

.fusion-social-networks-wrapper {
  display: inline-flex;
  gap: 1em;
  margin-bottom: 20px;
}

.fusion-social-networks-wrapper i {
  border-radius: 3px;
  font-size: 19px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

i.fa-brands.fa-facebook-f {
  background-color: #187ff2;
}

i.fa-brands.fa-linkedin-in {
  background-color: #0077B5;
}

i.fa-brands.fa-youtube {
  background-color: #FF0000;
}

.fusion-social-network-icon:hover {
  filter: drop-shadow(2px 4px 6px black);
}

.ismobile .left-box, .ismobile .right-box {
  margin-bottom: 40px;
}

.ismobile .flex-container.center {
  padding-top: 60px;
}

.ismobile .tchero .addshieldouter {
  padding-top: 113.8%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.ismobile .tcbutton {
  width: fit-content !important;
}

.fluid-width-video-wrapper {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ismobile .heroone {
  margin-top: 40px;
}

.case-study-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  gap: 1.5em;
}

.case-study-inner .case-study {
  flex: 1 1 33%;
  width: 33%;
}

.case-study-inner .case-study {
  flex: 1 1 30%;
  width: 30%;
}


ul.allprocesses.lfprocesses {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.allprocesses .lfprocessicon {
  width: 25%;
  flex: 1;
  position: relative;
  background: none;
  max-width: 190px;
  align-items: center;
  height: fit-content;
  margin-right: 40px;
  height: fit-content;
  min-width: 230px;
}

.allprocesses .processname {
  position: relative;
  background: none;
  text-shadow: none;
  color: black;
  filter: none;
  font-family: var(--font-one);
  font-size: 30px;
  padding: 0px;
  font-weight: 600;
}

.tcbutton.noicon {
  border-radius: 3px !important;
  padding-left: 10px;
  margin: 0px;
  padding: 5px 20px;
}

ul.allprocesses li {
  display: inline-flex;
}

.allprocesses p {
  padding-bottom: 20px;
}

.processheadlien.flex-container.styleone.center {
  min-height: unset;
}

.case-study-container .case-study-inner {
  max-width: 1200px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.case-study-container .case-study-inner {
  max-width: 1200px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
  gap: 1.6em;
  margin-top: 40px;
}

.case-study-container .hlcontainer {
  margin-top: 40px;
}


.cfnames, .cfcontacts, .cfprojects {
  margin-bottom: 20px;
}

.cfnames label, .cfcontacts label, .cfprojects label {
  display: block;
  margin-bottom: 10px;
}

label.cfnames, label.phonemail, label.projectone, label.projectinfo {
  display: inline-block;
  width: 45%;
}

label.projectone, label.projectinfo {
  width: 100%;
}

.cf-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.cf-col {
  flex: 1;
  min-width: 45%;
  box-sizing: border-box;
}

.cf-col label {
  display: block;
  margin-bottom: 5px;
}

.cf-row label {
  width: 100%;
}

.cf-row select,
.cf-row input[type="text"],
.cf-row input[type="email"],
.cf-row textarea {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.cf-row textarea {
  height: 100px;
}

.quotebox label {
  font-family: var(--font-one);
  font-weight: 600;
  font-size: 16px;
}

.cf-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 0.7em;
}
.cf-row span {
  width: 100%;
}

.quotebox {
  margin-top: 30px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  background: #efefef;
  padding: 4%;
  margin-top: 20px;
  margin-bottom: 60px;
}



div#floor-process-section {
  margin-bottom: 120px;
}

.ismobile li.allprocesses {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center;
  justify-content: center;
}

ul.allprocesses.lfprocesses {
  display: flex;
  flex-direction: column;
  text-align: left;
}



.ismobile ul.allprocesses {
  padding: 20px;
  flex-direction: column !important;
}

.ismobile li.allprocesses {
  flex-direction: column;
  text-align: center;
  justify-content: center;
}

.ismobile .processheadlien {
  margin-bottom: -50px !important;
}

.ismobile .allprocesses .process-text {
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 100% !important;
}

.ismobile .allprocesses .processname {
  width: 100%;
  margin-bottom: 10px;
}

.ismobile .allprocesses p {
  font-size: 13px;
  text-align: justify;
}

.ismobile .allprocesses .tcbutton {
  margin-left: auto;
  margin-right: auto;
}

.ismobile .allprocesses .lfprocessicon {
  margin-left: auto;
  margin-right: auto;
}  

.ismobile .allprocesses .process-text {
  background-color: #efefef;
  padding: 25px;
  margin-top: -30px;
}

.blog .imgblock.imgangled,.single-post .imgblock.imgangled {
  min-height: 400px;
  margin-bottom: 30px;
  margin-top: 20px !important;
}

.blog main#main,.single-post main#main {
  left: 0px !important;
  max-width: 800px;
  margin-left: auto;
}

.blog .widget-area,.single-post .widget-area {
  float: left;
  padding-left: 2.75%;
  width: 34%;
  max-width: 400px;
}

.related-posts-section, #comments {
  background: white;
  padding: 40px;
  border: solid 1px #efefef;
}

.single-post .entry-content {
  background: white;
  padding: 30px;
}



.single-post .entry-content h1 {
  line-height: 1.3;
  border: solid 1px var(--color-accent);
  border-width: 0px 0px 0px 10px;
  padding-bottom: 0px;
  margin-top: 0px;
  padding-left: 20px;
  background-color: #fafafa;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.case-studies-archives .tccolumn.case-study {
  flex: 1 1 30%;
  width: 30%;
}

.single-post-container {
  position: relative;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.comparecontrast {
  padding: 30px;
    background: rgba(255,255,255,.95);
    border: solid 1px #C0C0C0;
    border-radius: 10px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 340px;
} 

.ismobile .roundvs {
  margin-top: -60px;
  margin-bottom: -40px;
  width: 80px;
  height: 40px;
  font-size: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 6px;
}


.tcflex {
  display:flex;
  flex-wrap:wrap;
  gap: 1.5em;
}

.tcflex .tccolumn {
  width:30%;
  flex: 1 1 30%;
}

.tcflex.two .tccolumn {
  width: 45%;
  flex: 1 1 45%;
}

.tcflex.three .tccolumn {
  width: 30%;
  flex: 1 1 30%;
}

.ismobile .tcflex.three .tccolumn {
  width: 100%;
  flex: 1 1 100%;
}

.ismedium .tcflex .tccolumn {
  width: 40% !important;
  flex: 1 1 40% !important;
}


.ismobile .tcflex.tccolumn {
  width: 100% !important;
  flex: 1 1 100% !important;
}

.ismobile .hero-section p {
  font-size: 14px !important;
}

section.error-404.not-found {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 600px;
  justify-content: center;
  text-align: center;
  margin-top: 2%;
}

.ismobile .center .tccolumn .tcbutton {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  justify-content: center;
}

.state-cities {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.lftable tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.lftable tbody tr:nth-child(even) {
  background-color: #ffffff;
}


.sidemenu li.managethis.view.main {
  cursor: pointer;
}

.itemblock:nth-child(even) {
  background-color: rgba(252, 252, 252);
}
.itemblock:nth-child(odd) {
  background-color: #ffffff;
}

.primaryblock:not(.active):nth-child(odd) {
  background-color: #f9f9f9;
}
.primaryblock:not(.active):nth-child(even) {
  background-color: #ffffff;
}

.primaryblock:not(.active) .itemblock {
  background-color: transparent;
}

.sidemenu li.view.main:hover span.smmain.estimate {
  background-color: black;
  color: white;
}

.sidemenu li.view.main {
  cursor: pointer;
}



.drillable h4.section {
  font-size: 1.1em;
  margin: 0px;
  background: #efefef;
  padding-left: .3em;
  margin-top: .6em;
}

.lftableouter {
  max-width: 1200px;
  background: white;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
  margin-bottom: 2%;
}

 
 
 .ismobile .tcflex .tccolumn {
  margin-left:10px;
  margin-right:10px;
 }

.page-template-template-g .ismobile .case-study-title {
  margin-top: 70px;
}

.lftable th {
  background: #333333;
  color: white;
}

.tccolumn p.rounded {
  border-radius: 3px;
}

.lftable td:first-child, th:first-child {
  text-align: left;
}
.lftable td:not(:first-child), th:not(:first-child) {
  text-align: center;
}

.lftable i {
  color: #333333;
}

.lftableouter .buttonbox.button-box {
  margin-bottom: 20px;
  margin-left: 20px;
}

.lftableouter h2 {
  top: 10px;
  position: relative;
}

.project-media .tcbutton {
  max-width: 300px;
  text-align: center;
  justify-content: center;
}

.project-media {
  max-width: 1000px;
  background: white;
  padding: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
}

.project-info {
  font-size: 30px;
  font-family: var(--font-one);
  font-weight: 500;
}

a.blogtags {
  background: #333333;
  border-radius: 3px;
  padding-right: 13px;
  color: white;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-flex;
  align-items: center;

    padding: 4px 6px;

}

.addressblock.flexdiv {
  text-align: left !important;
  display: flex !important
;
  flex-direction: column !important;
  flex-wrap: wrap !important;
}

.contactblock.flexdiv {
  display: flex !important
;
  text-align: left !important;
  flex-wrap: wrap !important;
}

.flexdiv.assetblock {
  display: flex !important
;
  flex-direction: column !important;
  text-align: justify !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}


.blogtags i {
  box-shadow: none;
  padding: 0px 0px;
  display: flex;
  align-items: center;
  width: 40px;
  margin-right: -10px;
}
.blogtags .bttext {
  color: white;
  font-weight: 300;
  font-family: var(--font-three);
  margin: 0px !important;
  align-items: center;
  display: flex;
  margin-left: -8px !important;
}

.itemblock .flexdiv {
  justify-content: space-between !important;
}
.blogtags .bttext {
  color: white;
  font-weight: 300;
  font-family: var(--font-three);
  margin: 0px !important;
  align-items: center;
  display: flex;
  margin-left: 3px !important;
}

.quotename {
  cursor:pointer;
}

.blogtags svg {
  width: 39px;
  max-width: 39px;
  height: 39px !important;
  max-height: 30px !important;
  margin-right: 10px !important;
}

.main-blog-tags {
  display: flex;
  gap: 1em;
  max-height: fit-content;
  flex-wrap: wrap;
}

.blogtags i .blogtags:hover i {
  width: 28px;
}

.blogtags svg, .blogtags:hover svg {
  max-height: 30px;
  max-width: 30px;
}

a.blogtags:hover {
  background-color: var(--color-accent);
}

a.blogtags:hover svg path {
 fill:#333333;
}

a.noicon.blogtags {
  padding-left: 13px;
  color: white;
}

.simblogs h3 {
  background: var(--color-accent);
  color: white;
  padding: 10px;
  text-shadow: 1px 1px 2px #333333;
}

.post-listing {
  background: white;
  padding: 30px;
  padding-top: 5px;
  margin-top: -23px;
}

.simblogs h4 {
  font-size: 15px !important;
  font-weight: 400;
  font-family: var(--font-one);
  border: solid 1px var(--color-accent);
  border-width: 0px 0px 0px 4px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  line-height: 1.6;
  background: #fafafa;
  height: 80px;
  padding-right: 10px;
  transition: all 0.3s;
}

.simblogs h4:hover {
  scale: 1.01;
  border-color: #333333;
  box-shadow: 1px 1px 2px #333333;
}

div#contact-us-page {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background: #fafafa;
  position: relative;
  display: block;
  padding: 50px;
  margin-top: 30px;
}



.contact-us-page .left-box .tcboxinner {
  background: white;
  border: solid 1px #C0C0C0;
  border-radius: 2px;
  padding: 10%;
}

.contact-us-page .left-box .tcboxinner h3 {
  margin-top: 0px;
}

.contact-us-page .left-box p {
  margin-bottom: 30px !important;
}

.contact-form-area .cf-col {

  padding: 0px !important;
}

.contact-us-page .contact-us-box li {
  list-style-type: none;
  display: inline-flex;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  justify-content: left;
  gap: 1em;
}

.contact-us-page .contact-us-box ul {
 margin:0px;
display:flex;
flex-direction:column;
gap: 0.6em;
}

.contact-us-box {
  background: white;
  padding: 40px;
  border: solid 1px #efefef;
  box-shadow: 2px 2px 5px #C0C0C0;
}

.contact-us-page .flex-container {
  align-items: stretch;
}

.contact-us-page .right-box {
  align-items: baseline;
}

.ismobile div#contact-us-page {
  padding: 10px;
}

.ismobile .contact-us-page .right-box {
  margin-bottom: 0px;
}

p.servingtext {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px !important;
  font-family: var(--font-one);
  font-weight: 300;
}

p.servingtext {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
  font-family: var(--font-one);
  font-weight: 500;
}

.contact-form-area {
  margin-top: 30px;
}

.sectionblock {
  border: solid 1px #efefef;
  padding: 20px;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 4px;
}

.editfields h2 {
  margin: 0px;
}

.lftable th i:before {
  color: white !important;
}

.lftable .delete,.lftable .add-field {
  cursor:pointer;
}

span.add-option {
  background: green;
  color: white;
  font-weight: bold;
  font-size: 10px;
  border-radius: 5px;
  padding: 2px 6px;
  cursor: pointer;
}


.fieldoptions span {
  background: #efefef;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 12px;
  color: black;
}

.fieldoptionsinner {
  display: flex;
  gap: 0.4em;
  justify-content: center;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}

i.removefield {
  background: #C0C0C0;
  border-radius: 3px;
  margin-left: 4px;
  color: #800000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  vertical-align: middle;
  height: 18px;
  width: 18px;
}

.fieldoptions span {
  background: #efefef;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 12px;
  color: black;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
}

td.moverow {
  padding: 0px;
  position: relative;
}

.moverow i {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Style for the placeholder to keep space while dragging */
.lftable .ui-sortable-placeholder {
  visibility: visible !important;
  background-color: #f0f0f0;
  height: 40px; /* Make sure this matches your row height */
}

.lftable .ui-sortable-helper {
  display: table; /* Ensure the dragged helper has table-like layout */
}

form#loginform p {
  display: flex;
  flex-direction: column;
  justify-content: left;
  text-align: left;
}

form#loginform a {
  text-align: left;
  width: 100%;
  justify-content: flex-start;
  display: block;
  margin-bottom: 20px;
}

.liquid-login-inner {
  padding: 20px;
  border: solid 1px #efefef;
  min-width: 260px;
}


.liquid-boxed {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 20px;
}

.projectnav li {
  list-style-type: none;
  display: inline;
  background-color: var(--color-accent);
  color: black;
  padding: 6px 13px;
  border-radius: 2px;
  cursor:pointer;
}

.projectnav ul {
  background: transparent;
  gap: 1em;
  display: flex;
  width: auto;
  margin: 0px;
}

.fieldcont {
  display: flex;
  flex-direction: column;
  width: fit-content;
}

.subsection .fieldcont {
  flex: 1 1 33%;
  padding: 20px;
  border: solid 1px #efefef;
}

.subsection h3 {
  flex-basis: 100%;
  width: 100%;
  display: block;
  padding: 0px;
  border: solid 1px #C0C0C0;
  border-width: 0px 0px 1px 0px;
}

.subsection {
  display: flex;
  flex-wrap: wrap;
}

.field-radio ul {
  display: flex;
  margin: 0px;
  border: none;
  width:fit-content;
  gap:.3em;
}

.field-radio ul li {
  list-style-type: none;
  border: none;
  padding: 2px;
  display: inline-flex;
  gap: .3em;
  flex-wrap: nowrap;
  white-space: nowrap;
  background: #efefef;
  padding: 2px 9px;
  border-radius: 3px;
}

.field-checkbox ul {
  display: flex;
  margin: 0px;
  border: none;
  gap:.3em;
}

.field-checkbox ul li {
  list-style-type: none;
  border: none;
  padding: 2px;
  display: inline-flex;
  gap: .3em;
  flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
  background: #efefef;
  padding: 2px 9px;
  border-radius: 3px;
}

.teamlist {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  margin-top: 20px;
}

.teamlist .userrow {
  flex: 1 1 25%;
    border: solid 1px #C0C0C0;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.teamlist .userrow {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 1.5em;
}

.teamlist .userrow div {
  flex: 1;
}

.teamlist .profilephoto {
  max-width: 70px;
  max-height: 70px;
}

.teamlist .profilephoto {
border-radius: 3px;

}

a.noicon.blogtags {
  padding: 0em .6em;
  color: white;
}


/*---------*/