:root {
  --dev-color: #66CC00; 
  --body-font: "Lato", sans-serif;
  --heading-font: "Lato", sans-serif;
  --font-weight-heading: 700;
  --font-weight-body: 400;
  --bs-btn-hover-bg: var(--custom-color)!important;
}



#line_head {opacity:0;}
.lu-pattern {background-image: url("/Files/Templates/Designs/Dark/Assets/img/liftup/2222_Pattern.3DtilWeb_sort.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.site-header {z-index:1030;}
.site-header.hide-nav:not(.dsn-open) {transform: unset;}
.site-header.dsn-hamburger ul.primary-nav li a span:before {display:none;}

.border-custom {border-color:var(--custom-color)!important;}
.btn-link {color:var(--custom-color) !important;}
.bg-custom {background-color:var(--custom-color);}
.bg-dev {background-color:var(--dev-color)!important;z-index: 1000;  position: relative;}
.text-dev {color:var(--dev-color)!important;}

/* Bootstrap Demo */
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* BS5 Adjust to blackdsn Theme */

p {
  color: inherit;
  margin-top: inherit;
  margin-bottom: inherit;
}

ol, ul {
  padding-left: inherit;
}
.main-slider {height: 75vh;}

.about-section .box-creative .img-bottom {height: auto;}
@media only screen and (max-width: 991px) {
  .service-with-img .dsn-service.hv-50 {height: inherit;}
  #LU_Category {padding-top: 40px;}
  .main-slider {height: 100vh;}
  .section-padding {padding-top:140px;}
  /*.first-element > *:nth-child(1) {padding-top: 200px;}*/

  .about-section .box-creative .img-top {width: 30%;min-width: 30%;}
  .about-section .box-creative .img-bottom {width: 40%;min-width: 40%;}

}


/*.letter-stroke {opacity:1 !important;}*/
.noafter::after {content: initial!important;}

[id^="pid"] li  {list-style: inside!important;}


/* FONTS */

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}



/* ServiceMenu */
.M0 {padding-bottom: 10px;}
.M0 > li {padding: 20px;border: 0;margin-bottom: 10px;}
.M0 > li.inpath {padding: 15px;} /*background-color: #FFF1;  */
.M0 > li > a {font-size:18px;color:#FFF;text-transform: uppercase;width:100%;}

.M1 {margin-top: 10px;padding: 0;}
.M1 > li:last-child {border-bottom: 1px solid #eee;}

/*.M1 > li.active {margin-bottom: 10px;}*/
.M1 > li > a {color:#FFF;border-top: 1px solid #eee;padding: 10px 0;width:100%;}
.M1 > li > a.active, .M1 > li > a.active:before {color:var(--liftupblaa);content:'> '}

.M2 > li:last-child {padding-bottom: 8px;}
.M2 > li > a {padding: 5px;width:100%;}
.M2 > li > a:hover:before {content:'> '}
.M2 > li > a.active, .M2 > li > a.active:before {color:var(--liftupblaa);content:'> '}



.box-hover-image {height: 50vh;}
.gsa .box-hover-image {height: 400px!important;} /* Google App HACK */


/* Category columns */
.grid-6 {
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 575px) {
  .grid-sm-6.dsn-isotope > * {
    width: calc(100% - var(--grid-gap ,30px) );
    max-width: calc(100% - var(--grid-gap ,30px) );
  }
  .grid-sm-6.dsn-isotope > *:nth-of-type(n + 2) {
    margin-top: var(--grid-gap-row, 30px);
  }
}

/* X-Small devices (portrait phones, less than 576px) */
@media only screen and (min-width: 576px) {
  .grid-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-sm-6.dsn-isotope > * {
    width: calc(20% - var(--grid-gap ,30px));
    max-width: calc(20% - var(--grid-gap ,30px));
  }
  .grid-sm-6.dsn-isotope > *:nth-of-type(n + 6) {
    margin-top: var(--grid-gap-row, 30px);
  }
}

@media only screen and (max-width: 767px) {
  .grid-md-6.dsn-isotope > * {
    width: calc(100% - var(--grid-gap ,30px) );
    max-width: calc(100% - var(--grid-gap ,30px) );
  }
  .grid-md-6.dsn-isotope > *:nth-of-type(n + 2) {
    margin-top: var(--grid-gap-row, 30px);
  }
}

/* Small devices (landscape phones, less than 768px) */
@media only screen and (min-width: 768px) {
  .grid-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-md-6.dsn-isotope > * {
    width: calc(20% - var(--grid-gap ,30px));
    max-width: calc(20% - var(--grid-gap ,30px));
  }
  .grid-md-6.dsn-isotope > *:nth-of-type(n + 6) {
    margin-top: var(--grid-gap-row, 30px);
  }
}

/* Medium devices (tablets, less than 992px) */
@media only screen and (min-width: 992px) {
  #LU_Category h4.title-block {font-size: 14px;} /*18px*/
  
  .grid-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-lg-6.dsn-isotope > * {
    width: calc(20% - var(--grid-gap ,30px));
    max-width: calc(20% - var(--grid-gap ,30px));
  }
  .grid-lg-6.dsn-isotope > *:nth-of-type(n + 6) {
    margin-top: var(--grid-gap-row, 30px);
  }
  .grid-lg-6.dsn-isotope > *:nth-of-type(5) {
    margin-top: 0;
  }
}

/* Large devices (desktops, less than 1200px) */
@media only screen and (min-width: 1200px) {
  #LU_Category h4.title-block {font-size: 15px;} /*20px*/
}

/* X-Large devices (large desktops, less than 1400px) */
@media only screen and (min-width: 1400px) { 
  #LU_Category h4.title-block {font-size: 16px;} /*22px*/
}