/*------------------------------------------------------------------------
# Stack Drupal
# ------------------------------------------------------------------------
# Created by Symphony Themes
# Websites:  http://www.symphonythemes.com -  Email: info@symphonythemes.com
--------------------------------------------------------------------------
    1.   Custom CSS
    2.   Forms
    3.   Blog & Article
    4.   Portfolio & Project
    5.   Edit form
    6.   Others
--------------------------------------------------------------------------------*/

/* 01. Custom CSS
 --------------------------------------------------------------------------------*/

/* Adaption */
body {
    margin-top: 0px;
}
ol.process-3 {
  padding-left: 0;
}
img { height: auto; }

/**! Typography **/
h1:not(:last-child),
.h1:not(:last-child) {
  margin-bottom: 1.25rem;
}
h2,
.h2 {
  margin-bottom: 0.75rem;
}
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-bottom: 0.5rem;
}
a { text-decoration: none; }
.btn .label { position: absolute; }
.btn:hover { text-decoration: none; }
.btn.type--uppercase .btn__text { margin-right: 0 !important; }
.label { line-height: inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: none;
}
h2 a { font-weight: 300; }
h5 a, h6 a { font-weight: 600; }
p a, span a, label a {
  text-decoration: none;
}
ul.list-inline li { display: inline-block; }
.field--label {
  font-weight: bold;
}
.text-white a:not(.btn-white) { 
  color: white; 
}
h1.title {
  font-size: calc(1.365rem + 1.38vw);
  line-height: 1.2;
  margin-bottom: 0.75rem !important;
}
@media (min-width: 1200px) {
  h1.title {
    font-size: 2.4rem;
  }
}
.text-inverse h1, 
.text-inverse h2,
.text-inverse h3,
.text-inverse h4,
.text-inverse h5,
.text-inverse h6 {
  color: #cacaca;
}
.text-white h1, 
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
  color: #fff;
}
/**! Landing Pages **/
.node--type-landing-page .content > section:first-child > div[class*='container']:not(.space-0) {
  padding-top: 5rem;
}

@media (min-width: 768px) {
  .node--type-landing-page .content > section:first-child > div[class*='container']:not(.space-0) {
    padding-top: 9rem;
  }
}
.image-wrapper.bg-image > .container {
  position:relative;
  z-index: 2;
}
/**! Spacing **/
section > div[class*="container"]:not([class*="space-"]),
footer > div[class*="container"]:not([class*="space-"]) {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
section .space-md,
footer .space-md {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
section .space-xs,
footer .space-xs {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
section .space-sm,
footer .space-sm {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
section .space-lg,
footer .space-lg {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
section .space-xl,
footer .space-xl {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
section .space-xxl,
footer .space-xxl {
  padding-top: 16rem;
  padding-bottom: 16rem;
}
section .space-0,
footer .space-0 {
  padding-top: 0;
  padding-bottom: 0;
}
@media all and (max-width: 767px) {
  .node--type-landing-page .content > section:first-child > div[class*='container']:not(.space-0) {
    padding-top: 5rem;
  }
  section > div[class*="container"]:not[class*="space"],
  footer > div[class*="container"]:not[class*="space"] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  section .space-sm,
  footer .space-sm,
  section .space-xs,
  footer .space-xs {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  section .space-md,
  footer .space-md {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  section .space-lg,
  footer .space-lg {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  section .space-xlg,
  footer .space-xlg {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.unpad {
  padding: 0;
}
.unpad--bottom {
  padding-bottom: 0;
}
.unpad--top {
  padding-top: 0;
}
section.unpad--bottom {
  padding-bottom: 0;
}
section.unpad {
  padding: 0;
}
section.unpad--top {
  padding-top: 0;
}
.unmarg--bottom {
  margin-bottom: 0;
}
.unmarg {
  margin: 0;
}
.unmarg--top {
  margin-top: 0;
}
section .row--gapless div[class*="col-"],
section.row--gapless div[class*="col-"] {
    padding: 0;
}
section .region--top,
section .region--bottom {
  z-index: 1;
  margin: 0;
  position:relative;
}

/* Modal */
.modal-instance .video-play-icon + span { bottom: -10px; }
.modal-instance .video-play-icon.video-play-icon--xs + span { bottom: 3px; }
.modal-instance .video-play-icon + div {
  position: relative;
  display: inline-block;
  margin-left: 0.92857143em;
  white-space: nowrap;
  bottom: -10px;
}
.modal-instance + div:last-child {
  display: inline-block;
  margin-left: 0.92857143em;
}
@media all and (min-width: 768px) { .video-1 h2 { bottom: -15px; } }

/* Table */
table {
  width: 100%;
  border-collapse: separate;
}

/**! Navbar **/
#toolbar-administration nav.clearfix {
  overflow: visible;
}
.bar.bg--dark .logo-dark,
.bar.bg--transparent .logo-dark {
  display: none;
}
.navbar:not(.transparent):not(.navbar-dark) .logo-light {
  display: none;
}
.navbar.transparent:not(.navbar-stick) {
  background: none;
}
.navbar.navbar-absolute {
  position: absolute;
}
.navbar.navbar-absolute,
.navbar.pos-fixed {
  z-index: 99;
  width: 100%;
}
.navbar.navbar.transparent:not(.navbar-stick) button.hamburger {
  color: white;
}
@media all and (min-width: 991px) {
  .navbar:not(.navbar-stick) {    
    padding-top: 0.3rem; 
  }
  .navbar.transparent:not(.navbar-stick) {
    background: none;
  }
  .navbar.transparent:not(.navbar-dark):not(.navbar-stick) .logo-dark {
    display: none;
  }
  .navbar.bar--transparent:not(.navbar-dark) .logo-light {
    display: inline-block;
  }
  .navbar.transparent:not(.navbar-stick):not(.pos-fixed) ul.navbar-nav > li > a,
  .navbar.transparent:not(.navbar-stick):not(.pos-fixed) ul.navbar-nav > li > span {
    color: #fff;
  }
}
@media (max-width: 990px) {
  .navbar .navbar-other { display: none !important; }
}

/* Sidebar */
.sidebar .block:not(:last-child) {
  margin-bottom: 3.71428571em;
}
.sidebar .block {
  border: none;
  padding: 0;
}
.sidebar .block h2.block-title {
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1.45;
  border-bottom: none;
  margin-bottom: 0.75rem;
}
.sidebar .block-search .search-form {
  display: flex;
  align-items: center;
}
.sidebar .block-search .search-form input#edit-submit {
  padding: 10px;
  margin-top: 5px;
}
@media (min-width: 1200px) {
  section.sticky-column-first >  [class*=container] > .row > [class*=col]:first-child {
    position: sticky;
    top: 8rem;
    height: 100%;
  }
}
/* Footer */
@media (min-width: 768px) {
  footer .footer-3 .row:last-child,
  footer .footer-4 .row:last-child {
    margin-top: 1.85714286em;
  }
}
footer {
  padding-top: 0;
  padding-bottom: 0;
}
[class*=text-md-end] .social a, .social[class*=text-md-end] a {
  margin: 0 0 0 0.7rem;
}
/* Masonry */
.masonry-filter-container > .masonry-filter-label {
  position: relative;
  bottom: 20px;
  display: inline-block;
}
.masonry-filter-container > .masonry-filter-label + .masonry-filter-holder {
  margin-left: 0.92857143em;
}

/* Pricing */
.pricing .h1.pricing__dollar {
  font-size: 2em;
  position: relative;
  bottom: 20px;
}

/* Card */
.card-img-bottom img {
  width: 100%;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

/*! Accordion */
ul.accordion {
  list-style: none;
  padding: 0;
}
ul.accordion li .accordion__title .field--name-field-paragraph-item-title {
  display: inline-flex;
}
.accordion-wrapper.plain .card {
  background: none;
  border: 0;
  margin-bottom: 0;
  box-shadow: none;
}
.accordion-wrapper li:not(.active) .card-header button {
  color: #343f52;
}
.accordion-wrapper.plain .card .card-body {
  padding: 0 0 0 1.1rem;
}
.accordion-wrapper.plain .card .card-header {
  padding: 0 0 0.8rem 0;
}
.accordion-wrapper.plain .card .card-header button {
  padding: 0 0 0 1rem;
}
.accordion-wrapper.plain .card .card-header button:before {
  left: 0rem;
}
.accordion-wrapper .card .card-header button:before {
  left: 1rem;
}
.accordion li .accordion-title button {
  box-shadow: none;
}
.accordion li.active .accordion-title button:before {
  content: "\e92d";
}
.accordion li .accordion-title button:after {
  display: none;
}
.accordion li.active .accordion-content {
  opacity: 1;
  visibility: visible;
  max-height: 500px;
}
.accordion li .accordion-content > * {  
  display: none;
}
.accordion li.active .accordion-content > * {
  display: inline-block;
}
.accordion.icon .card-body {
  padding: 0 1.25rem 0.25rem 2.8rem;
}
.accordion.icon button {
  padding: 0 0 0 1.5rem;
  display: flex;
  align-items: center;
}
.accordion.icon button:before {
  display: none;
}
.accordion.icon button>span {
  position: absolute;
  left: 0;
}
.accordion.icon button>span i {
  font-size: 1rem;
}

/* Switch column on mobile */
@media all and (max-width: 768px) {
  section.switch-column-mobile .row > .region--top {
    order: 1;
  }
  section.switch-column-mobile div[class*=container] > .row > div:nth-child(1 of [class*='col-']) {
    order: 3;
  }
  section.switch-column-mobile div[class*=container] > .row > div:nth-child(2 of [class*='col-']) {
    order: 2;
  }
  section.switch-column-mobile div[class*=container] > .row > div:nth-child(3 of [class*='col-']) {
    order: 4;
  }
  section.switch-column-mobile .row > .region--bottom {
    order: 5;
  }
}

/* Pager */
.active>.page-link, .page-link.active {
  background-color: #4a90e2;
  border-color: #4a90e2;
}
a.page-link {
  color: #252525;
}
a.page-link:hover {
  color: #252525;
  background: #eee;
}
.view nav {
  display: flex;
  justify-content: center;
}

/**! Tabs **/
.tabs {
  display: block;
  margin-bottom: 0;
}
.tabs > li {
  display: inline-block;
  opacity: .5;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabs > .active,
.tabs:hover {
  opacity: 1;
}
.tabs .tab__title {
  cursor: pointer;
}
.tabs .tab__title:not(.btn) {
  padding: 0 1.85714286em;
}
.tabs li:first-child .tab__title:not(.btn) {
  padding-left: 0;
}
.tabs .tab__content {
  display: none;
}
.tabs-content {
  margin-top: 1.25rem;
}
.tabs-content li > .tab__content {
  width: 100%;
  display: none;
}
.tabs-content > .active > .tab__content {
  display: block;
  float: left;
}
.tabs-container[data-content-align="left"] .tabs-content {
  text-align: left;
}
@media all and (max-width: 767px) {
  .tabs-content > li:not(.active) .tab__content {
    display: none !important;
  }
}
.tabs-container.tabs--vertical {
  overflow: hidden;
}
.tabs-container.tabs--vertical .tabs {
  width: 25%;
  float: left;
}
.tabs-container.tabs--vertical .tabs li {
  display: block;
}
.tabs-container.tabs--vertical .tabs li:not(:last-child) {
  border-right: none;
  border-bottom: 1px solid #ECECEC;
}
.tabs-container.tabs--vertical .tabs-content {
  width: 70%;
  float: right;
  margin-top: 0;
}
.tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
  animation: fadeOutUp .5s ease forwards;
  -webkit-animation: fadeOutUp .5s ease forwards;
}
.tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
  animation: fadeInUp .5s ease forwards;
  -webkit-animation: fadeInUp .5s ease forwards;
  backface-visibility: hidden;
}
.tabs-container.tabs--vertical.tabs--icons .tabs {
  width: 15%;
  text-align: center;
}
.tabs-container.tabs--vertical.tabs--icons .tabs-content {
  width: 80%;
}
@media all and (max-width: 767px) {
  .tabs-container.tabs--vertical .tabs,
  .tabs-container.tabs--vertical .tabs-content {
    width: 100%;
    float: none;
  }
  .tabs-container.tabs--vertical .tabs {
    margin-bottom: 1.85714286em;
  }
  .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
    animation: fadeOutRight .5s ease forwards;
    -webkit-animation: fadeOutRight .5s ease forwards;
  }
  .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
    animation: fadeInLeft .5s ease forwards;
    -webkit-animation: fadeInLeft .5s ease forwards;
    backface-visibility: hidden;
  }
}
.tabs {
  display: inline-flex;
}
.tabs li {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  padding: 0.92857143em 1.85714286em;
}
.tabs li:not(:last-child) {
  border-right: 1px solid #ECECEC;
}
.tabs li.active {
  opacity: 1;
}
.tabs li.active .tab__title {
  /*color: #4a90e2;*/
}
.tabs li.active .tab__title span {
  /*color: #4a90e2;*/
}
.tabs li:not(.active) {
  opacity: .5;
}
.tabs li:hover {
  opacity: 1;
  cursor: pointer;
}
.tabs .tab__title {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
}
.tabs .tab__title:not(.btn) {
  padding-right: 0;
  padding-left: 0;
}
.tabs .tab__title i + span {
  margin-top: 0.46428571em;
  display: inline-block;
  margin-bottom: 0;
}
.tabs-content {
  position: relative;
  list-style-type: none;
  padding: 0;
  float: left;
}
.tabs-content > li:not(.active) .tab__content {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 0;
  pointer-events: none;
  animation: fadeOutRight .5s ease forwards;
  -webkit-animation: fadeOutRight .5s ease forwards;
}
.tabs-content > li.active {
  animation: fadeInLeft .5s ease forwards;
  -webkit-animation: fadeInLeft .5s ease forwards;
  backface-visibility: hidden;
}
@media all and (max-width: 767px) {
  .tabs li {
    display: block;
  }
  .tabs li:not(:last-child) {
    border-bottom: 1px solid #ECECEC;
    border-right: none;
  }
}

/**! Image **/
.img-mask.mask-1 img {
  -webkit-mask-image: url(../img/svg/blob.svg);
  mask-image: url(../img/svg/blob.svg);
}
.img-mask.mask-2 img {
  -webkit-mask-image: url(../img/svg/hex.svg);
  mask-image: url(../img/svg/hex.svg);
}
.img-mask.mask-3 img {
  -webkit-mask-image: url(../img/svg/blob2.svg);
  mask-image: url(../img/svg/blob2.svg);
}

/**! Views Reference **/
.paragraph--type--paragraph-views-reference .viewsreference--view-title { display: none; }

/*--------------------------------------------------------------------------------*/

/* 02. Forms
 --------------------------------------------------------------------------------*/

button#edit-submit,
button#edit-subscribe {
  background: #4a90e2;
  border-color: #4a90e2;
  text-transform: uppercase;
  color: #fff;
}

/* Comment form */
form.comment-form button#edit-preview,
form.comment-form input#edit-preview { 
  display: none; 
}
form#comment-form textarea {
  padding: 16px 20px;
  background: #f5f5f5 none repeat scroll 0 0;
}
form#comment-form select#edit-comment-body-0-format--2 {
  background: #f5f5f5 none repeat scroll 0 0;
}
form#comment-form button#edit-submit,
form#comment-form input#edit-submit {
  float: right;
  max-width: 25%;
  margin-right: 0;
}
figure.rounded-circle img {
  border-radius: 50% !important;
}
#comments ol.commentlist li.comment {
  margin-top: 2rem;
  display: block;
}
#comments .indented {
  margin: 2rem 0 0 0;
  overflow: inherit;
  padding: 0 0 0 3.5rem;
  list-style: none;
}
#comments .indented li.comment {
  position: relative;
}
#comments .indented li.comment:before {
  display: block;
  font-family: "Custom";
  content: "\e904";
  font-size: calc(1.325rem + 0.9vw);
  position: absolute;
  left: -2.5rem;
  top: -1.25rem;
  color: rgba(164, 174, 198, 0.25);
}
@media (min-width: 1200px) {
  #comments .indented li.comment:before {
    font-size: 2rem;
  }
}
.comment .links-inline span {
  font-size: inherit;
}


/* Search form */
#search-form .search-help-link { display: none; }
#search-block-form .input-group {
  width: 100%;
}
a.nav-link-search {
  position: relative;
  text-indent: 50px;
  overflow: hidden;
  width: 40px;
}
a.nav-link-search::before {
  content: "\eca5";
  font-family: "Unicons";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75rem;
  font-size: 1rem;
  z-index: 1;
}

/* Sitewide search form */
.container-inline {
  width: 100%;
}
.search-form .form-type-search {
  width: 100%;
  margin-bottom: 0 !important;
} 
.search-form .form-actions,
.search-form input#edit-submit,
.search-form label  {
  display: none;
}
.path-search h2 {
  margin: 2rem 0;
}
ol.list-group.node_search-results li.list-group-item {
  padding: 2rem;
}

/* Contact form */
@media all and (min-width: 768px) {
  .contact-form .form-item-name,
  .contact-form .form-item-mail {
    width: 48.5%;
    display: inline-block;
  }
  .contact-form .form-item-name {
    margin-right: 2%;
  }
}
#block-sitewidecontactform .form-item label {
  float: left;
}
.contact-form button[type=submit],
.contact-form  input[type=submit] {
  width: auto;
  border-radius: 50rem !important;
}
#block-sitewidecontactform textarea {
  background: #fcfcfc;
  border: 1px solid #ececec;
}
#block-sitewidecontactform button#edit-preview,
input#edit-preview {
  display: none;
}

/* Register form */
.register-horizontal #user-register-form .form-item {
  width: 45%;
  display: inline-block;
  float: left;
  margin-right: 5%;
}
.register-horizontal #user-register-form .form-actions,
.register-horizontal #user-register-form .form-item.js-form-item-pass {
  width: 100%;
}

/* Login form */
.page-node-type-full-page #block-userlogin ul { display: none; }
#block-userlogin, 
#block-userregistrationform,
#block-requestnewpasswordform {
  margin-bottom: 1.08333333333334em;
}
#block-userlogin button#edit-submit { 
  background: #4a90e2;
  border-color: #4a90e2;
}
#block-userlogin button#edit-submit:hover {
  background: #609de6;
}
#block-userlogin ul.list-group > li.list-group-item {
  border: none;
}

/* Subscribe form */
#block-simplenewssubscription .field--name-mail .form-type-email label,
#block-simplenewssubscription .description.text-muted,
#block-simplenewssubscription #edit-message {
  display: none;
}

.subscribe-inline #block-simplenewssubscription #edit-actions {
  margin-top: 10px;
}
.tooltip {
}
.tooltip-inner {
  float: left;
  overflow: hidden;
}
@media all and (min-width: 768px) {
.subscribe-inline #block-simplenewssubscription .field--type-email {
  width: 75%;
  float: left;
}
.subscribe-inline #block-simplenewssubscription .field--type-email input {
  height: 40px;
}
.subscribe-inline #block-simplenewssubscription #edit-actions {
  width: 22%;
  float: left;
  margin-left: 3%;
  margin-top: -1px;
}
body.user-logged-in .subscribe-inline #block-simplenewssubscription #edit-actions {
  width: 100%;
  margin-left: 0;
}
}
/*--------------------------------------------------------------------------------*/

/* 03. Blog & Article
 --------------------------------------------------------------------------------*/
/* Node Reset */
.node .field--type-image,
.node .field--type-entity-reference {
  margin: 0;
}

/* Breadcrumb */
ol.breadcrumb {
  justify-content: center;
}
/* Article Detail */
.icon.glyphicon {
  font-size: 12px;
}
.field--name-field-blog-category {
  display: inline;
}
.field--name-field-image,
.field--name-field-video {
  margin-bottom: 1.85714286em;
}
.imagebg-content-article {
  padding: 5.57142857em 0;
}
.article__author .field--name-user-picture {
  width: 3.71428571em;
  height: 3.71428571em;
  margin: 0 auto;
  float: none;
}
.field--name-field-tags {
  margin-top: 20px;
}
.field--name-field-tags .field--item {
  display: inline-block;
  margin-left: 7px;
}
.node--type-article .article__body div.inline__links {
  float: right;
}
.node--type-article .article__body .field--name-field-tags h3.field__label {
  font-size: 1.35714286em;
}
.node--type-article .article__body .field--name-field-tags ul.links {
  display: inline-flex;
  font-size: 1.35714286em;
  margin-left: 20px;
}
.node--type-article .blog hr {
  margin: 3rem 0;
}

/* Article List */
article.post .post-title a {
  color: #343f52;
  font-weight: bold;
}
.link-dark a {
  color: #343f52;
}
.view-blog-lists img {
  height: auto;
}
ul.pagination {
  margin-top: 3rem;
}
ul.pagination li.active .page-link {
  color: white;
}
.pagination .page-link {
  width: auto;
  min-width: 2.5rem;
  padding: 0 1rem;
}

/* Blog Tags */
.view-blog-tags .views-row {
  display: inline-block;
  padding-right: 10px;
}

/*--------------------------------------------------------------------------------*/

/* 04. Portfolio & Project
 --------------------------------------------------------------------------------*/

/* Portfolio Detail */
.page-node-type-project h1.page-header,
.page-node-type-project h1.title {
    padding-top: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}
.node--type-project .field--name-field-date {
  margin-bottom: 1rem;
}
.node--type-project .field--name-field-date .field--label,
.node--type-project .field--name-field-client-name .field--label {
  font-weight: 700;
  line-height: 1.5;
  font-size: 0.9rem;
  color: #343f52;
  margin-bottom: 0.25rem;
}

.node--type-project .field--name-field-link a{
  font-weight: 700;
  letter-spacing: -0.01rem;
  display: inline-block;
}
.node--type-project .field--name-field-link a:after,
.projects-list .project-details .post-content a:after {
  line-height: 1;
  font-family: "Unicons";
  content: "\e94c";
  padding-left: 0.05rem;
  font-size: 0.9rem;
  font-weight: normal;
  vertical-align: -3px;
  margin-right: -0.25rem;
  display: inline-block;
}
.post-title a {
  color: #343f52;
}

/* Portfolio List */
.view-portfolio-lists .masonry__item img {
  border-radius: 6px;
}
.portfolio-fullwidth .masonry__item {
  margin: 0 !important;
  padding: 0 !important;
}
.portfolio-fullwidth hr {
  display: none;
}
.project-images {
  padding-top: 40px;
}
.masonry__item img {
  width: 100%;
  height: auto;
}
/*--------------------------------------------------------------------------------*/

/* 05. Edit form
 --------------------------------------------------------------------------------*/

/* Nav Tab */
.user-logged-in nav.tabs {
  position: fixed;
  left: 0;
  top: 80px;
  transition: all 0.5s ease 0.25s;
  z-index: 1000;
} 
.user-logged-in nav.tabs ul.nav.primary {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  list-style: outside none none;
  opacity: 0.9;
  flex-direction: column;
}
.user-logged-in nav.tabs ul.nav.primary li {
  float: none;
  opacity: 0.8;
  padding: 0;
}
.user-logged-in nav.tabs ul.nav.primary li a {
  margin-right: 0;
  font-size: 0.7rem !important;
  padding: 10px 20px;
}
.user-logged-in nav.tabs ul.nav.primary li.active a, 
.user-logged-in nav.tabs ul.nav.primary li:hover a {
  background: #ffb500 none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  color: #fff;
}
.user-logged-in nav.tabs ul.nav.primary li.active, 
.user-logged-in nav.tabs ul.nav.primary li:hover {
  opacity: 1;
}
.path-node .node-form {
  padding-top: 5em;
}
.path-node .node-form input.btn.form-submit {
  width: auto;
  height: auto;
  margin: 0 10px 20px 0;
  font-size: 1.2em;
  padding: 15px 30px;
  background-color: black;
}
.layout-paragraphs-component-form input.form-check-input,
.path-node .node-form input.form-check-input {
  width: auto;
  padding: 0.46428571em;
  font-size: 1.2em;
  margin-left: -1.1em;
  margin-right: 0.5em;
}
.path-node .node-form .vertical-tabs details.vertical-tabs__pane {
  padding: 15px;
}
.path-node .node-form .layout-region-node-footer {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px #ddd solid;
}

/* Layout Paragraphs Builder */
.node-form .wow,
.layout-paragraphs-component-form .wow {
  animation-name: none !important; /* Disable WOW effect on node form */
  visibility: visible !important;
}
.lp-builder section.imagebg {
  overflow: hidden;
}
.lp-builder section.lpb-layout {
  visibility: visible !important;
}
.lp-builder section.parallax .lpb-controls,
.lp-builder section.imagebg .lpb-controls,
.lp-builder section[class*='unpad'] .lpb-controls {
  top: 0;
}
.lp-builder section.hidden {
  display: block;
}
.lp-builder .lpb-controls {
  z-index: 20 !important;
}
.lp-builder .lpb-controls:not(.is-layout) span.lpb-controls-label {
  color: #666666 !important;
}
.lp-builder .page-navigator {
  position: unset;
  transform: none;
}
.lp-builder .js-lpb-component .lpb-btn--add,
.lp-builder .js-lpb-component .lpb-controls {
  position: absolute;
}
.lp-builder .js-lpb-component .lpb-controls {
  top: 0;
}
/* Modal form */
.layout-paragraphs-component-form .field--name-field-paragraph-id,
.layout-paragraphs-component-form .field--name-field-paragraph-extra-class,
.layout-paragraphs-component-form .field--name-field-paragraph-spacing,
.layout-paragraphs-component-form .field--name-field-paragraph-content-align,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-direction,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-title,
.layout-paragraphs-component-form .field--name-field-paragraph-tabcontent-align,
.layout-paragraphs-component-form .field--name-field-paragraph-display-arrows,
.layout-paragraphs-component-form .field--name-field-paragraph-display-pager,
.layout-paragraphs-component-form .field--name-field-paragraph-shadow,
.layout-paragraphs-component-form .field--name-field-paragraph-shadow-bg-class,
.layout-paragraphs-component-form .field--type-viewsreference .js-form-item-field-paragraph-views-reference-0-target-id,
.layout-paragraphs-component-form .field--type-viewsreference .js-form-item-field-paragraph-views-reference-0-display-id,
.layout-paragraphs-component-form .field--name-field-paragraph-accordion-style {
  width: 22%;
  display: inline-block;
  padding-right: 3%;
}
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-xs,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-sm,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-md,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-lg,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-xl,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-xxl,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items,
.layout-paragraphs-component-form .field--name-field-paragraph-data-speed,
.layout-paragraphs-component-form .field--name-field-paragraph-data-margin,
.layout-paragraphs-component-form .field--name-field-paragraph-overflow-visible,
.layout-paragraphs-component-form .field--name-field-paragraph-data-nav,
.layout-paragraphs-component-form .field--name-field-paragraph-data-dots,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-auto,
.layout-paragraphs-component-form .field--name-field-paragraph-data-auto-height {
  width: 33%;
  display: inline-block;
  padding-right: 3%;
}
.layout-paragraphs-component-form .field--name-field-paragraph-padding,
.layout-paragraphs-component-form .field--name-field-paragraph-margin,
.layout-paragraphs-component-form .field--name-field-paragraph-gutter-class,
.layout-paragraphs-component-form .field--name-field-paragraph-angled {
  width: 22%;
  display: inline-block;
  padding-right: 3%;
}
.layout-paragraphs-component-form .field--name-field-paragraph-data-overlay,
.layout-paragraphs-component-form .field--name-field-paragraph-image-position,
.layout-paragraphs-component-form .field--name-field-paragraph-slider-classes,
.layout-paragraphs-component-form .field--name-field-paragraph-item-classes,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-title {
  max-width: 200px;
}
.layout-paragraphs-component-form .paragraph-type-top,
.layout-paragraphs-component-form .paragraphs-nested,
.layout-paragraphs-component-form .paragraphs-subform {
  padding-right: 20px;
}
.layout-paragraphs-component-form input.form-submit {
  padding: 5px 10px;
}
.layout-paragraphs-component-form .field-multiple-table {
  overflow: hidden;
}
.layout-paragraphs-component-form .js-filter-guidelines {
  display: none;
}
.layout-paragraphs-component-form .layout-select__item-icon {
  margin-right: 0;
}
.layout-paragraphs-component-form #layout-paragraphs-layout-options {
  margin-bottom: 20px;
}
.layout-paragraphs-component-form .paragraph-type-top {
  justify-content: space-around;
}
.layout-paragraphs-component-form .paragraph-type-title {
  flex-basis: 10%;
}
.layout-paragraphs-component-form .paragraphs-description {
  max-width: 70%;
}
.layout-paragraphs-component-form #layout-paragraphs-element .form-check-input:checked[type=radio] {
  display: block;
  clip: auto !important;
  width: 10px !important;
  height: 10px !important;
}
a.lpb-btn { color: #4a90e2 !important; }

/*--------------------------------------------------------------------------------*/

/* 06. Others
 --------------------------------------------------------------------------------*/
 
/* Career Detail */
article.job article.post .field .field--label {
  line-height: 1.35;
  font-weight: 700;
  font-size: 1.3rem;
  color: #343f52;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
article.job article.post .field:first-child .field--label {
  padding-top: 0;
}

/* Swiper */
.swiper-container {
  overflow: hidden;
}

/* Toolbar menu */
.toolbar-menu .toolbar-box span {
  background: none;
}

/* Check box/ radio */
.form-type-checkbox,
.form-type-radio,
.input-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}
.form-type-checkbox input,
.form-type-radio input{
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
  position: absolute !important;
  margin-top: 7px;
  
}
.form-type-checkbox input {
  -webkit-appearance: checkbox;
}
.form-type-radio input {
  -webkit-appearance: radio;
}
.form-type-checkbox {
  padding: 0;
}
.form-type-radio {
  padding: 0;
}
.form-type-checkbox {
  margin-top: 0.46428571em;
}

.dropdown.open > .dropdown__container {
  opacity: 1;
}
.image--xxs img {
  max-height: 1.85714286em;
}
/*section.paragraph.parallax:nth-child(2),
section.paragraph.parallax:nth-child(3) {
  visibility: visible !important;
}*/

/* Others */
.width-100 {
  width: 100%;
}
.feature > div + h5 {
  margin-top: 1.85714286em;
}
.row-align-items-center .row {
  align-items: center !important;
}
.row-justify-content-around .row {
  justify-content: space-around !important;
}
.row-justify-content-center .row {
  justify-content: center !important;
}
.text-block {
  margin-bottom: 1.85714286em;
}
.cover-features .region--top:not(:empty) {
  margin-bottom: 11.14285714em;
}
.cover .row .row:only-child {
  margin: 0;
}
section.row--gapless .row {
  padding-left: 0;
  padding-right: 0;
}
section.row--gapless > .row > div[class*="col-"] {
  padding: 0;
}
.slider--image-xxs li > img {
  max-height: 1.85714286em;
}
@media all and (min-width: 1200px) {
  .cta-1 .row > div[class*='col-'] {
    padding: 1.23809524em 15px;
  }
  .cta-1 .row > div[class*='col-']:last-child {
    border-left: 1px solid #ECECEC;
  }
}
input.form-radio, input.form-checkbox {
  width: auto;
  padding: 0.46428571em;
}
.imagebg p strong,
.bg--dark input.btn,
input#edit-submit {
  color: white;
}
.hover-element a { color: white; }
.pagination { justify-content: center; }

/* Header CSS -- */
div#block-tls-mainnavigation-2 {
    left: 10%;
    position: relative;
    width: max-content;
}
.region-navigation-collapsible>ul.navbar-nav, #block-tls-mobilenavigation {
    display: none;
}
.navbar-brand.w-100.d-flex {
    width: auto !important;
}
.navbar>.container {
    align-content: center !important;
}
.navbar-collapse .row {
    flex-direction: row;
}
nav#tbm-main {
    background: none;
}
.tbm-link.level-1 {
    color: #FFFFFF;
}
.tbm-link.level-1:hover {
    color: #ffb700;
    transform: scale(1.05);
}
.navbar-collapse .row {
    flex-wrap: nowrap;
}
ul.navbar-nav a.nav-link-search {
    position: inherit !important;
}
nav.navbar {
    padding: 20px !important;
}
li.tbm-item.level-1:hover {
    border-bottom: 3px solid #65a8e4;
}
li.tbm-item.level-1 {
    border: none !important;
}
.tbm-item .level-2 a:hover {
    color: #ffb700;
  }
.tbm-item.level-1.open>.tbm-submenu {
    background: #151515 !important;
}
.tbm-item.level-1.open>.tbm-submenu li a {
    color: #FFFFFF;
}
.tbm-submenu.tbm-item-child.tbm-has-width {
    border-radius: 0px 0px 20px 20px;
}
li.tbm-item.level-2 .tbm-caption {
    color: #CACACA !important;
    font-size: 14px;
    font-weight: 300;
}
.tbm-link.level-1:hover, .tbm-link.level-1:focus {
    background: none !important;
}
/* About Us Menu-  */
.cs-about-us-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.cs-left img {
    width: 55px;
    max-width: 55px;
    height: auto;
    display: block;
    padding-right: 15px;
    margin: 0;
    line-height: 1;
}
.cs-menu {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 23px 15px;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #071d49;
    line-height: 1.2;
    width: 100% !important;
}
.cs-menu-title a {
    color: #FFFFFF !important;
}
.level-2-menu {
    display: flex;
    align-items: center;
}
.cs-about-career .cs-right a {
    color: #000!important;
}
.level-3-menu .field__item {
    padding: 10px;
    margin-left: 10px;
}
.cs-about-career .level-3-menu .field__item a {
    color: #000000!important;
}
.cs-about-career .cs-menu {
    display: block !important;
}
.level-3-menu {
    margin: 15px 0px;
}
.about-menu .tbm-submenu {
    padding: 0px !important;
}
.cs-about-career {
    background: #F6F6F6;
}
/* Solution Menu --*/
.custom-solution-submenus {
    display: flex;
}
.custom-menu-row li {
    list-style: none;
}
.custom-menu-row {
    flex: 1;
}
.solution-desktop .tbm-submenu.tbm-item-child.tbm-has-width {
    padding: 15px 0px 0px 0px;
}
.custom-promotion-solutions-wrap {
    display: flex;
    align-items: center;
    background: #ECf2F9;
    padding: 20px;
    border-radius: 0px 0px 20px 0px;    
}
.promotion-card-img img {
    width: 90px;
    height: 90px;
    margin-right: 11px;
    border-radius: 5px;
}
.promotion-title {
    color: #292929;
}
.custom-link-container a {
    padding: 0.5rem 0;
    display: block;
}
.custom-promotion-solutions {
    margin-top: 15px;
}
/* Resources menu -- */
.latest-resources .article-insight {
    border: none !important;
    margin: 10px 0px;
    padding: 0px;
}
.latest-resources .article-insight {
    display: flex;
    align-items: center;
}
.resources-menu .tbm-row {
    column-gap: 0px !important;
}
.latest-resources .view-resources .view-content {
    display: flex !important;
    flex-direction: column;
}
.latest-resources .view-content {
    display: flex !important;
    flex-direction: column;
    padding: 15px;
}
.latest-resources .article-img img {
    width: 90px;
    height: 90px;
    margin-right: 11px;
    border-radius: 5px;
}
.latest-resources .article-title {
    font-size: 14px;
    margin: 5px 0px;
    color: #FFFFFF;
}
.resources-menu .views-element-container {
    margin-bottom: 0px !important;
}
.resources-menu .tbm-column.span3 {
    background: #151515!important
}
.latest-resources .article-insight:hover {
    box-shadow: none !important;
}
.tbm-center>.tbm-submenu {
    left: 38%;
}
.tbm-center>.resources-menu.tbm-submenu {
    padding: 0px !important;
}
.resource-header {
    display: flex;
    justify-content: space-between;
    background: #151515;
    padding: 15px;
}
.latest-resources .resource-type {
    color: #3f78e0;
}
.latest-resources .more-resource a {
    color: #FFB900;
    text-decoration: underline;
}
.latest-resources .more-resource a:hover {
    color: #3f78e0 !important;
}
.latest-resources .article-linktonode a {
    font-size: 14px;
    color: #FFB900;
    border-bottom: none !important;
}
.webinar-menu-ad {
    background: #FFE9AE;
    padding: 15px 20px;
    border-radius: 0px 0px 15px 0px;
}
.webinar-title-ad {
    color: #2397D4;
}
.webinar-text {
    color: #000;
    font-size: 12px;
}
/* Practice Group menu -- */
.custom-practice-submenus {
    display: flex;
}
.custom-practice-submenus .custom-menu-row {
    flex: 1;
    padding: 25px;
}
.custom-menu-row li {
    list-style: none;
}
.custom-menu-row.pg-box {
    background: #414141;
    padding: 25px;
    border-radius: 0px 0px 0px 15px;    
}
.pg-headline {
    color: #2397D4;
    font-size: 32px;
    font-weight: 700;
}
.pg-text {
    color: #FFFFFF;
}
.practice-g-desktop .tbm-submenu.tbm-item-child.tbm-has-width,
.technology-desktop .tbm-submenu.tbm-item-child.tbm-has-width {
    padding: 0px;
}
/* Technology Group Menu -- */
.custom-tech-submenus {
    display: flex;
}
.submenu-caption {
    font-size: 14px;
    font-weight: 400;
    color: #DCDCDC;
}
.custom-tech-submenus .custom-link-container .level-2 {
    padding: 0px;
}
.custom-tech-submenus li.tbm-item.level-2 {
    padding-bottom: 30px;
}
.menu-box-title {
    font-size: 20px;
    margin-bottom: 15px;
    color: #2397D4;
}
.custom-tech-submenus ul {
    padding: 0px 0px 0px 10px;
}
.custom-menu-row.tech-box {
    background: #ECF2F9;
    border-radius: 0px 0px 15px 0px;    
}
.custom-tech-submenus .custom-menu-row {
    padding: 25px 35px;
}
.tech-box ul li a.tbm-link.level-2 {
    color: #000000 !important;
}
.tech-box span.submenu-caption {
    color: #2e2c2c;
}
.tech-relativity, .tech-sterling {
    position: relative;
    padding-left: 30px;
}
.tech-relativity a:before {
    content: '';
    position: absolute;
    background: url('/themes/custom/tls/img/Relativity-menu.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
    left: -5px;
}
.tech-sterling a:before {
    content: '';
    position: absolute;
    background: url('/themes/custom/tls/img/streling-menu.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
    left: -5px;
}

/*Custom  Global CSS -- */
.hero-top-main h1 {
  font-size: 1.5rem !important;  
  font-weight: 800 !important;
  text-transform: uppercase;
}
.hero-top-main h2 {
  font-size: 2.25rem !important;
}
h1 {
    font-size: 2.6rem !important;
    font-weight: bold;
}
h2 {
    font-size: 1.8rem !important;
    font-weight: bold;
}
h3 {
    font-size: 1.2rem;
    font-weight: 400 !important;
}
.non-transparent-header .navbar.navbar-dark {
    background: #000000;
    z-index: 1;
}
.non-transparent-header {
    margin-bottom: 50px;
}
.navbar-bg-dark .nav-link {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 0.7rem;
}
html {
  scroll-behavior: smooth;
}
img {
    width: 100%;
}
.site-branding img {
    width: 225px;
}
.border-white {
    border: 2px solid #FFFFFF;
    padding: 6px 35px;
}
.border-white:hover {
    background: #FFFFFF;
    color: #000000;
}
.shadow-default {
    box-shadow: 10px 5px 15px 2px lightgrey !important;
}
.space-0 .col-12 {
    padding: 0px;
}
.text-black {color: #000000 !important;}
.bg-nero {background: #181818 !important;}
.bg-black {background: #000000 !important;}
.bg-sapphire {background: #071D49 !important;}
.bg-midnight-navy{background: #04223E !important;}
.bg-midnight-blue{background: #173e6a !important;}
.bg-grass-green{background: #5FBB46 !important;}
.bg-navy-dark{background: #070012 !important}
.bg-white-fade{background: #FBFAF7 !important}
.border-aqua{
  border: 1px solid #54a8c7;
}
.border-navy-dark{
  border: 1px solid #070012;
}
.border-yellow{
  border: 1px solid #ffb900;
}
.border-blue{
  border: 1px solid #3F78E0;
}
.border-leaf{
  border: 1px solid #7cb798;
}
.border-grass-green{
  border: 1px solid #5FBB46;
}
.black-overlay, .full-black-overlay{position: relative;}
.black-overlay:before{  
    content: '';
    background: linear-gradient(0.25turn, #000000 45%, 75%, rgb(56 56 64 / 20%));
    position: absolute;
    width: 100%;
    height: 100%;
}
.full-black-overlay:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}
.black-blue-overlay {
    background: -webkit-linear-gradient(top, #151515 0%, #151515 33%, #173e6a 100%);
    background: linear-gradient(to bottom, #151515 0%, #151515 33%, #173e6a 100%);
}
.softgrey{
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #fff 0%, #fff 33%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #fff 33%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #fff 0%, #fff 33%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e5e5e5',GradientType=0 );
}
.white-grey-gradient{
    background: linear-gradient(179deg, rgba(255, 255, 255, 1) 50%, rgba(246, 247, 249, 1) 100%);
}
.box-2 {
    border: 5px solid #FFB900;
    border-radius: 2.5%;
    padding: 3%;
    margin-bottom: 2.5%;
}
.border-box-gold {
    border: 5px solid #FFB900;
    border-radius: 2.5%;
    padding: 3%;
    margin: auto;
    width: 65%;
}
.border-box-gold a {
    margin: 10px;
    color: #333;
    border-bottom: 1px solid;
    letter-spacing: 0.3px;
}
.border-box-black {
    border: 5px solid black;
    padding: 3%;
    margin: auto;
    text-align: center;
    width: 65%;
}
.border-box-black img, .border-box-gold img {
    width: auto;
    height: 150px;
    margin-bottom: 20px;    
}
a.btn-border {
    color: #141f48;
    border: 2px solid;
    padding: 6px 35px;
    text-transform: uppercase;
    display: inline-block;
    margin: 10px 0px;
}
a.btn-border:hover {
    background: #6CACE4;
}
.views-element-container {
    margin-bottom: 100px;
}
.wave{
    --mask: radial-gradient(54.08px at 50% calc(100% - 75.00px), #000 99%, #051ae600 100%) calc(50% - 60px) 0 / 120px 100%, radial-gradient(54.08px at 50% calc(100% + 45.00px), #9e111100 99%, #000 101%) 50% calc(100% - 30px) / 120px 100% repeat-x;
    -webkit-mask: var(--mask);
    mask: var(--mask);
}
.page-node-130 #main-container {
    background: #071D49;
}
.page-node-132 #main-container {  
    background: #0b1824;
}
.page-node-134 img.card-img-top {
  height: 200px !important;
  object-fit: cover;
  object-position: top;
}
.location-page .card {
    background: transparent !important;
}
.local-office-banner {
    background-size: cover;
    background-position: center;
    background-attachment: fixed !important;    
}
.gold {
    color: #ffb900;
}
.white {
    color: #FFFFFF;
}

a.button1 {
    color: #000;
    background-color: #ffb900;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 35px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
}

/* Homepage-banner --*/
.CLE-friday {
    background: #071D49;
}
.CLE-friday img {
    width: 60%;
}
.CLE-friday .paragraph.paragraph--type--paragraph-content.paragraph--view-mode--default {
    text-align: center;
}
.paragraph--type--video-slider-main .swiper-button.swiper-button-prev,
.paragraph--type--video-slider-main .swiper-button.swiper-button-next {
    opacity: 1 !important;
    position: absolute;
    text-align: left;
    top: 82.5%;
    z-index: 100;
}
.paragraph--type--video-slider-main .swiper-button.swiper-button-prev {
    right: calc(5vw + 100px) !important;
    left: initial !important;
}
.paragraph--type--video-slider-main .swiper-button.swiper-button-next {
    right: 5vw !important;
}
/* Homepage Hero slider- */
.custom-homepage-slider {
    height: 600px !important;
}
.custom-homepage-slider .swiper-slide .container {
    position: relative;
    margin-top: calc(5vw + 110px) !important;
}
.custom-homepage-slider .swiper-slide .container h1 {
    width: 75%;
}
h3.homehero-subheadline {
    font-weight: 100 !important;
    line-height: 1;
    margin-bottom: 35px;
}

/* Award- Slider-- */
#awards-carousel {
    display: flex;
    justify-content: center;
}

.award-box.row {
    background: black !important;
    border-radius: 10px;
    margin: -60px auto 0px;
    padding: 20px;
    width: 90%;
    z-index: 10;
    position: sticky;
}
.award-slide {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.award-slide img {
    width: 150px;
    height: auto;
}
.award-text h3.white{
    font-size: 25px;
    font-weight: 600;
    padding: 10px;
    margin-top: 50px;
    color: #FFFFFF;
}
.award-slide p{
    color: white;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}
#awards-carousel .carousel-indicators button {
    border-radius: 50%;
    height: 12px;
    width: 12px;
    background-color: #535353;
    border: none;
    margin: 0px 10px;
}
#awards-carousel .carousel-indicators {
    left: 5%;
    bottom: -5%;
}
#awards-carousel .carousel-indicators .active{
    background-color: #FEB912 !important;
}
/* Services-Home-Slider -- */
.services-row{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.services-card{
    margin: 15px;
    width: 280px;
    height: 340px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}
.services-card img{
    height: 175px;
    width: 230px;
    margin: 0 auto;
    z-index: 1;
}
.service-text{
    background: #FFFFFF;
    padding: 30px;
    margin-top: -20px;
    z-index: 0;
}
.service-title{
    font-weight: bold;
}

.services-slider .swiper-controls .swiper-navigation .swiper-button {
    background: #FEC028;
}
.services-slider .swiper-button.swiper-button-prev {
    left: 0% !important;
}
.services-slider .swiper-button.swiper-button-next {
    right: 0% !important;
}
.home-technology .card {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.home-technology .content-section {
    padding: 75px 30px !important;
    background: white;
    z-index: 0;
    position: sticky;
    margin-top: -40px;
    height: 330px;
}
.home-technology .tech-icon {
    height: 190px;
    width: 190px;
    background-size: contain;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 5px 5px 10px 5px lightgrey;
    z-index: 1;
    position: sticky;
}
.sub-heading h5 {
    color: #6CADEF;
    text-transform: uppercase;
}
.solution-inner-box {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 5%;
}
.solution-inner-box img {
    width: 70px;
    height: 70px;
    margin: 10px;
}
/* Customized Card Component */
.paragraph--type--customizable-cards .card-body {
    padding: 1.2rem;
}
.card:hover {
    transform: translateY(-0.15rem);
    transition: .5s;
}
a .card-body p {
    red !important;
    color: var(--bs-body-color);
}
.image-size-native img.card-img-top {
    height: 120px !important;
    object-fit: contain;
    margin-top: 1.2rem;    
}
.col-md-6.col-lg-3 .paragraph--type--customizable-cards img {
    height: 190px;
}
.about-us-stats .top-icon img {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}
.pt-logos.col-md-6 img {
    width: 100px;
}
.zoom-card .card:hover {
    background: #332f2f12;
    -moz-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    -o-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    -webkit-transition: transform 1.025s ease-in;
    -moz-transition:transform 1.025s ease-in-out;
    -ms-transition:transform 1.025s ease-in-out;
}
.overlay-cards .paragraph--type--customizable-cards .card-content h4 {
    background: #529FD5;
    text-align: center;
    color: #FFFFFF;
    margin: 0px;
    height: 50px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.overlay-cards .paragraph--type--customizable-cards .card-body {
    padding: 0px;
}
.overlay-cards .image-size-native img.card-img-top {
    margin-bottom: 40px;
}
/* Inner banners -- */
/* Card Overlay -- */
.card-overlay-content {
     padding: 20px;
     position: absolute;
     background: rgba(0, 0, 0, .5);
     left: 0;
     top: 100%;
     width: 100%;
     height: 100%;
     z-index: 1;
     transition: all 350ms cubic-bezier(0, 0, 0.2, 1);
     display: flex;
     align-items: center;
     background: #529FD5;
     color: #FFFFFF;     
}
.card-overlay-content h2 {
    color: #FFFFFF !important;
}
.card-body {
    position: relative;
    overflow: hidden;
}
.card:hover .card-overlay-content {
  top: 0px;
}
.card {
    position: relative;
    overflow: hidden;
}
/* Icon Horizontal List -- */
#paragraph-type--icon_horizontal_list .header-title {
    margin-bottom: 35px;
}
.columns-3 .field--name-field-horizontal-icon-box {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
}
.columns-4 .field--name-field-horizontal-icon-box {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%%;
}
.columns-5 .field--name-field-horizontal-icon-box {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}
.columns-6 .field--name-field-horizontal-icon-box {
    display: grid;
    grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
}
.columns-6 .field--name-field-horizontal-icon-box .field--item {
    margin-bottom: 25px;
}
#paragraph-type--icon_horizontal_list .icon_img img {
    display: flex;
    width: 100px;
    margin: 3px 8px;
}
#paragraph-type--icon_horizontal_list span.icon-headline {text-align: center;}
#paragraph-type--icon_horizontal_list .top-icon {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
#paragraph-type--icon_horizontal_list .icon_img {
    margin: auto;
}
/* Paragraph List left hover content right -- */
.left_right_content_wrap.add-hover{
  position: relative;
}
.left-and-right-hover-content .description-right img {
    width: 75%;
    height: 225px;    
}
.left-and-right-hover-content .header-title {
    padding-bottom: 30px;
}
.paragraph--type--list-left-hover-content-right .inner-infohover .title-left {
    width: 45%;
    font-size: 20px;
    font-weight: 600;
    color: #44566b7a;
    cursor: pointer;
    margin-left: 40px;
    border-right: 1px solid #000;    
}
.paragraph--type--list-left-hover-content-right .inner-infohover .title-left.active {
    color: #44566B;
}
.bg-black .paragraph--type--list-left-hover-content-right .inner-infohover .title-left.active {
    color: #FFFFFF !important;
}
.bg-black .paragraph--type--list-left-hover-content-right .inner-infohover .title-left {
    color: #ffffff85;
}
.paragraph--type--list-left-hover-content-right .title-left.active+.description-right {
    display:block
}
.paragraph--type--list-left-hover-content-right .inner-infohover .description-right {
    position: absolute;
    left: 50%;
    top: 0;
    display: none;
    width: 50%;
    padding-left: 25px;
}
.bg-black .paragraph--type--list-left-hover-content-right .inner-infohover .description-right {
    border-left: 1px solid;
}
.paragraph--type--list-left-hover-content-right .description-right img {
    margin-bottom: 25px;
}
/* -- List left SLider -- */
.left-right-swiper-slider {
    display: flex;
}
.swiper-wrapper, .custom-pagination {
    width: 50% !important;
}
.carousel-control-prev-icon {
    background-image: url(https://legal.tpweb-stage.com/themes/custom/tls/img/slider-arrow-left.png);
    height: 50px;
    width: 50px;
    z-index: 1;
    background-size: 100% 100%;
}
.carousel-control-next-icon {
    background-image: url(https://legal.tpweb-stage.com/themes/custom/tls/img/slider-arrow-right.png);
    height: 50px;
    width: 50px;
    z-index: 1;
    background-size: 100% 100%;
}
.carousel-control-prev, .carousel-control-next {
    position: relative;
    opacity: 1 !important;
}
#carouselExample .carousel-navbar {
    height: 80px;
    margin-top: -80px;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 50px;
}
 ul.cei-list {
    list-style: none;
    padding-left: 0;
    margin-top: 50px;
}
.cei-list li {
    border-left: 2px solid;
    padding-left: 25px;
    font-size: 22px;
    font-weight: 500;
    cursor: pointer;
}
.cei-list li.active {
    color: #34a9ef;
    font-weight: bold;
    border-left: 4px solid #34a9ef;
    margin-left: -1px;
}
.paragraph--type--list-left-slide-content-right-ca .header-title h2 {
    width: 40%;
}
#carouselExample .carousel-item img {
    border-radius: 12px;
    margin-bottom: 16px;
}
#carouselExample .carousel-item h3 {
    margin: 10px 0px;
    font-weight:  800 !important;
}
/* Award Slider --CSS --*/
.award-slider .swiper-slide img {
    width: 100px;
}
.award-slider .swiper-slide {
    display: flex;
    flex-direction: column;    
    justify-content: center;
    align-items: center;
    gap: 3%;
   } 
.award-slider-content {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.award-slider-content h3 {
    text-align: center;
    margin: 25px 0px;
    width: 75%;
}
.free-cle-block.row {
    background: url(/sites/default/files/2025-02/cle-bg.png);
    background-size: cover;
    border-radius: 15px;
    margin: 0 auto;
    padding: 20px;
    width: 90%;
}
.cle-button {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}
/* Video Slider -- */
.bgVideoContainer video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    background: black;
    opacity: 75%;
}
.gradientLayer {
    background-image: linear-gradient(rgba(0, 0, 0, .5), transparent);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bgVideoContainer {
    min-height: 85vh;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100vw;
    position: relative;
    max-height: 100%;
    background-color: black;
    display: block;
}
.overlayText {
    position: relative;
    text-align: left;
    margin-top: calc(5vw + 110px) !important;
    margin-bottom: calc(5vw + 75px) !important;
    width: 100%;
    z-index: 100000;
}
.heroText {
    font-size: 3.25rem !important;
    line-height: 48px;
    font-weight: 700 !important;
}
h3.white.bgColor.regularFont {
    border-radius: 10px;
    background-color: rgba(21, 21, 21, .75);
    display: inline;
    line-height: 1.2;
    display: -webkit-inline-box;
    padding: 15px;
    color: #FFFFFF;
}
.bgColor {
    border-radius: 10px;
    background-color: rgba(21, 21, 21, .75);
    line-height: 1.2;
    display: -webkit-inline-box;
    padding: 15px;
}
/* Contact Us --*/
.contact-us .webform-submission-main-page-contact-form-form:before {
    display: none;
}
.contact-us .webform-submission-main-page-contact-form-form {
    color: #000000;
    padding-top: 50px;
    padding-bottom: 50px;
    clear: both;
}
iframe.mapBody {
    width: 100%;
    height: 800px;
}
/* Inner pages css --- */
.list-chart {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 20px;
}
.proceedings, .claims, .locations {
    background: white;
    border-radius: 15px;
    padding: 20px;
}
.proceedings {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
.claims {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}
.locations {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}
.relevant-proceedings ul {
    list-style-type: none;
}
.relevant-proceedings ul li {
    color: #071D49;
}
.locations ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.list-chart h3 {
    font-weight: bold;
    text-transform: uppercase;
    color: #169FDA;
    text-align: center;
}
.digital-reef-tech img {
    width: 500px;
}
.DR-slider img {
    width: 300px !important;
    margin-bottom: 30px;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.background-lines .row {
    background: url('/sites/default/files/img/grey-lines_0.png') no-repeat;
    background-size: 100% 85%;
}
.pixeled-blue-wave{
    background: url('/themes/custom/tls/img/pixeled-blue-wave.jpg')no-repeat;
    background-size: 100% 100%;
}
/*Practice Group inner -- */
.stats-row {
    display: flex;
    justify-content: space-around;
    margin: 30px;
}
.iconbox {
    display: block;
    width: 30%;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 2px solid #071d49;
    box-shadow: 0 4px 10px 0 #535353;
}
.iconbox .top-icon {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.iconbox .top-icon h3 {
    font-weight: 800 !important;
}
/* Awards page-- */
.view-awards .views-row {
    width: 30%;
    float: left;
    margin: 20px;
    box-shadow: 10px 5px 15px 5px lightgrey;
}
.award-img img {
    width: 120px;
    height: 120px;
    margin: 25px;
}
.view-awards .view-content {
    display: flex;
    flex-flow: row wrap;
}
.award-card-overlay {
    padding: 20px;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 350ms cubic-bezier(0, 0, 0.2, 1);
    display: flex;
    background: #2a2a55;
    color: #FFFFFF;
    flex-direction: column;
    justify-content: center;
  }
.award-title {
    margin: 0px 25px;
    height: 165px;
}
.award-more a {background: #2a2a55;color: #FFFFFF;padding: 20px;display: block;text-align: center;}
.award-card-body, .award-grid {
    overflow: hidden;
    position: relative;
}
.award-grid:hover .award-card-overlay {
    top: 0;
}
.award-more-overlay a:hover {
    background: #3f78e0 !important;
}
/* Blog/Resources -- CSS --*/
.page-node-type-resources #block-tls-mainpagecontent {
    margin-top: 75px;
}
.blog-img .field--type-image {
    width: 100%;
    float: none !important;
}
.blog-img-overlay h1 {
    font-size: 60px;
    width: 85%;
    color: #FFFFFF
}
.blog-image-wrap {
    position: relative;
}
.blog-img-overlay {
    position: absolute;
    bottom: 50px;
    left: 50px;
}
.date-stamp {
    color: #FFFFFF;
}
.scroll-down-arrow {
    width: 75px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.blog-tags-container {
    display: flex;
    margin: 25px 50px;
}
.blog-tags-container a {
    font-size: 14px;
    line-height: 1.6;
    color: #5ba4ec;
    display: block;
    margin: 2px;
    padding: 1px 6px;
    border-radius: 4px;
    border: solid 1px #65a8e4;
    text-decoration: none;
    transition: color 200ms ease, background-color 200ms ease;
    float: left;
    font-family: 'Montserrat', serif !important;
}
.left-right-col {
    display: flex;
    margin: 0px 50px;
}
.blog-author {
    font-size: 14px;
    border: 1px solid #bbb;
    padding: 12px;
}
/*.blog-node-with-webform-wrap {
    display: flex;
    gap: 3%;
}*/
.blog-webform {
    background: #CCCCCC;
}
.blog-node-with-webform-wrap .blog-tags-container {
    margin: 0px !important;
    padding-bottom: 20px;
}
/* Clients --*/
#quicktabs-container-clients .client {
    display: flex !important;
    align-items: center !important;
    float: left !important;
    padding: 0 50px !important;
    height: 122px !important;
    width: 20% !important;
}
#quicktabs-container-clients .innerImageLogoClientsRetailContainer {
    position: relative;
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding: 30px;
    float: left;
    width: 12.95vw;
    height: 8vw;
    transition: .2s;
    z-index: 5;
}
 #quicktabs-container-clients .innerImageLogoClientsRetailContainer:hover {
    filter: grayscale(0%) opacity(1);
    transform: scale(1.2);
}
#block-tls-quicktabsclients {
    width: 80%;
    margin: auto;
}
ul.quicktabs-tabs.list-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#quicktabs-clients .list-group-item {border-radius: unset !important;padding: 5px 20px !important;}

#quicktabs-clients .list-group-item.active {
    background: gray;
    color: #FFFFFF !important;
}
#quicktabs-clients .list-group-item.active a {
    color: #FFFFFF;
}
/* Resources --*/
.view-resources .view nav {
    width: 100%;
}
.view-resources .view-content {
    display: grid;
    grid-template-columns: auto auto auto;
}
.article-insight.Blog {
    border: 1px solid #55acd8;
}
.article-insight.Webinars {
    border: 1px solid #000000;
}
.article-insight.Videos {
    border: 1px solid #03C0C1;
}
.article-insight.Conferences {
    border: 1px solid #284580;
}
.article-insight {
    position: relative;
    padding: 20px;
    margin: 20px;
}
.article-insight:hover {
    box-shadow: 10px 5px 15px 5px lightgrey;
}
.Blog .article-type {
    background: #55acd8 !important;
}
.Webinars .article-type {
    background: #000000 !important;
}
.Videos .article-type {
    background: #03C0C1 !important;
}
.Conferences .article-type {
    background: #284580 !important;
}
.article-type {
    display: inline-block;
    color: #fff;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    line-height: 20px;
    width: 125px;
    text-align: center;
    font-size: 10px;
}

.article-date {
    font-size: 10px;
    padding: 10px 0px 20px;
}
.article-title {
    font-size: 20px;
    margin: 20px 0px 30px;
    line-height: 1.325;
}
.article-title a {
    color: #333333;
}
.article-linktonode a {
    color: #333;
    border-bottom: 1px solid;
    text-decoration: none;
    letter-spacing: 0.3px;
}
/* News/Press -- */
.view-news-press-release .views-row {border-bottom: 1px solid #6CACE4;padding: 50px 2px 10px 2px;}

.view-news-press-release .view-content {
  width: 70%;
    float: right;
}
.view-news-press-release .view-filters {
    width: 30%;
    float: left;
    margin-top: 50px;
}
.view-news-press-release nav {
    display: inline-block !important;
    width: 100%;
}
/* Webform reference component -- */
.custom-webform-reference #edit-row {
    margin: auto;
}
.contact-us .custom-webform-reference #edit-row {
    width: 100%;
}
.paragraph.paragraph--type--webform-reference.paragraph--view-mode--default {
    position: relative;
}
.webform-submission-main-page-contact-form-form #edit-markup {
    z-index: 1;
    position: relative;
}
.webform-submission-main-page-contact-form-form h2 {
    width: 95%;
}
.webform-submission-main-page-contact-form-form {
    color: #000000;
    padding-top: 50px;
    padding-bottom: 50px;
    clear: both;
}
.webform-submission-main-page-contact-form-form div#edit-flexbox,
.webform-submission-reef-review-quick-contact-form-form .row {
    display: flex;
    align-items: center;
}
#contact:before {
    background-image: url(/themes/custom/tls/img/office-space_0.jpg);
    background-size: cover;
    position: absolute;
    width: 50vw;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
}
.webform-submission-quick-contact-form-form .gated-box-wrapper {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
/* Events -- */
.view-event-list .view-content {width: 50%;margin-top: 10px;}
.view-event-list  {
    display: flex;
    justify-content: flex-start;
}
#views-exposed-form-event-list-block-1 label {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 10px;
}
.view-event-list .views-row {
    display: flex;
    border-bottom: 1px dotted #ccc;
    padding: 15px 2px;
    justify-content: space-between;
}
.view-event-list .view-content .event-date {
    font-weight: 800;
}
.view-event-list .view-filters {
    width: 30%;
}
/* -- Free CLE -Friday--*/
.ao-form input:not([type="radio"]):not([type="checkbox"]) {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 5px;
}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3.ao-form input, .ao-form  textarea, .ao-form select{
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-width: 1px;
    color: ;
    font-size: inherit;
    font-family: inherit;
}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3.ao-form input:focus, .ao-form  textarea:focus, .ao-form select:focus{
    border-color: #3B99FC;
}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3.ao-form input.ao-form-error, .ao-form  textarea.ao-form-error, .ao-form select.ao-form-error{
    border-color: #FF0000;
        border-width: 1px;
}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3.ao-form span.ao-form-error-message{
    color: #FF0000;
    font-size: 11px;
}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3.ao-form ::-webkit-input-placeholder {
    color: darkgrey;
    font-size: inherit;
    font-family: inherit;
    text-align: inherit;
}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3.ao-form  ::-moz-placeholder {
    color: darkgrey;
    font-size: inherit;
    font-family: inherit;
    text-align: inherit;
}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3.ao-form  :-ms-input-placeholder {
    color: darkgrey;
    font-size: inherit;
    font-family: inherit;
    text-align: inherit;
}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3.ao-form :-moz-placeholder {
    color: darkgrey;
    font-size: inherit;
    font-family: inherit;
    text-align: inherit;
}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3 label{color: white !important; text-transform: uppercase;}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3 input{background: transparent !important;}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3 .ao-column-inner{transform: scale(0.85); border: 3px solid rgb(13, 153, 255) !important; border-radius: 2% !important;}
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3 button.ao-form-submit{width: 100% !important;}
@media only screen and (max-width: 425px){
#ao-form-f0c124c8-d54a-40c2-8c97-47754f0d52f3 .ao-form .ao-row .ao-column-inner{width: 300px !important;}
}
/* Leadership -- */
.leadership-img img {
    height: 205px;
    width: 200px;
    border-radius: 50%;
    border: 3px solid #C7D8DE;
}
.executive-leadership-wrap {
    display: grid;
    grid-template-columns: 1fr 3fr;
    margin-bottom: 75px;
}
.executive-leadership {
    width: 80%;
    margin: auto;
}
.leadership-subtitle {
    font-weight: 800;
    margin: 10px 0px;
}
.leadership-body-full {
    display: none;
}
.leadership-content hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid cornflowerblue;
}
.read-less, .more-content .read-more, .more-content .leadership-body-trimmed {
    display: none;
}
.more-content .read-less {
    display: inline-block !important;
}
.more-content .leadership-body-full {
    display: block !important;
}

/* Footer Main CSS --- */
footer {
    background: #333333;
}
footer>.container{
    max-width: 100%;
}
.logolegal-footer div {
    background: url(/themes/custom/tls/logo-light.png) no-repeat;
    background-position: 0px;
    width: 265px;
    height: 110px;
    background-size: contain;
    margin-top: 25px;
    z-index: 3;
    position: relative;
    margin: auto;
}
.logolegal-footer:after {
    content: '';
    width: 38%;
    border-bottom: solid 1px #666;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}
.logolegal-footer:before {
    content: '';
    width: 38%;
    border-bottom: solid 1px #666;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
}
#block-tls-footerblockmain, .logolegal-footer {
    position: relative;
}
#block-tls-footerblockmain ul lh a {
    font-weight: 700;
    line-height: 3.5em;
    color: #FFFFFF;
    text-transform: uppercase;    
}
#block-tls-footerblockmain ul {
    padding-left: 1rem;
}
#block-tls-footerblockmain ul li {
    list-style: none;
}
#block-tls-footerblockmain ul li a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.7rem;
}
#block-tls-footerblockmain ul li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
/* Footer Bottom -- */
.footer-bottom-main {
    background-color: #222;
    display: inline-block;
    width: 100%;
    padding: 25px 0px;
    color: #FFFFFF;
}
.footer-bottom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-bottom-menus ul {
    display: flex;
    align-items: center;
    align-content: center;
    margin: 0px;
}
.footer-bottom-menus ul li {
    margin: 0px 10px;
}
.footer-copyright {
    font-size: 0.6rem;
}
ul.social-links li {
    display: inline-block;
    background: gray;
    padding: 5px 12px;
    border-radius: 50%;
    margin-right: 10px;
}
ul.social-links a {
    font-size: 1rem !important;
}
ul.social-links lh {
    color: #FFFFFF;
    margin-right: 20px;
}
ul.social-links li a:hover {
    text-decoration: none !important;
}
ul.social-links li:hover {
    background: #999;
}
li.cookie-link {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.7rem;
    cursor: pointer;
}
li.cookie-link:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
/* cookies compliance banner */
.eu-cookie-compliance-content {
  background: #d5f3ff;
  padding: 25px;
  border-radius: 10px;
  border: 3px solid #003b71;
  box-shadow: 5px 5px 32px rgba(0, 0, 0, 0.3);
}
#sliding-popup { background: none;  }
.eu-cookie-compliance-popup-open #sliding-popup {}

button.eu-cookie-withdraw-tab {
left: 23%;
  background: #003b71;
  color: #fff;
  border: 0;
  padding: 2px 10px;
  border-radius: 7px 7px 0px 0px; top: 2px; }
button.eu-cookie-withdraw-tab:after { font-family: "Unicons";
  display: inline-block;
  margin-left: 0.05rem;
  vertical-align: -3px;
  font-weight: 700 !important;
  content: "";
  border: 0;
  content: "\e92d";  transform: rotateX(150deg);  }

.eu-cookie-compliance-popup-open
button.eu-cookie-withdraw-tab:after { transform: rotateX(0deg); }

.eu-cookie-compliance-default-button, 
.eu-cookie-compliance-secondary-button { border: 0;
  padding: 5px 25px;
  border-radius: 8px;
  color: #fff;}
.agree-button { background: #f36f29;  border: 3px solid #f36f29;}
.decline-button {background:none; border: 3px solid #00509a; color: #00509a;}

.agree-button:hover { background: #e05e19;   border: 3px solid #e05e19}
.decline-button:hover { color: #095fae;}

.eu-cookie-compliance-more-button {    background: none;
  border: none;
  text-decoration: underline;
  color: #00a0df!important;}
.eu-cookie-compliance-content h2 {font-size: 1.1rem; color: #003464;}
.eu-cookie-compliance-content p {
  font-size: 0.72rem;
    line-height: 1rem;
    margin-bottom: .65rem;
    color: #003464;
    display: inline-block;
    font-weight: 400;
}
/*button.eu-cookie-withdraw-tab {
    display: none;
}*/
/* Responsive CSS Starts Here-- */
@media only screen and (min-width: 0px) and (max-width: 767px) {  

/* Global Responsive CSS --*/
.border-box-black, .border-box-gold {
    width: 100% !important;
    margin: 0px !important;
}
.border-box-black img, .border-box-gold img {
    width: 100% !important;
}
.card-body {
    height: 100% !important;
}
/* Awards--- */
.view-awards .view-content {
    display: grid;
    grid-template-columns: auto;
}
.view-awards .views-row {
    width: 90%;
}
.award-slider .swiper-button-next, .award-slider .swiper-button-prev {
    top: 90%;
}  
/* Homepage CSS --- */
.heroText{
        font-size: 24px!important;
        line-height: 24px!important;
    }

/* List Left -SLider-- */
.paragraph--type--list-left-slide-content-right-ca .header-title h2 {
    width: 100% !important;
}
#carouselExample .carousel-navbar {
    margin: 0px !important;
}
/* Inner Pages--   */
.digital-reef-tech img {
    width: 100% !important;
}
.view-resources .view-content {
    grid-template-columns: auto !important;
}
ul.pagination.js-pager__items {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
}
#quicktabs-container-clients .client {
    padding: 15px !important;
    width: 50% !important;
}
/* Fooetr -- */
.offset-8 {
    margin: 0px !important;
}
.footer-bottom-wrap {
    flex-direction: column !important;
}
/* cookies compliance banner */
button.eu-cookie-withdraw-tab {left:36%!important;}
}
/*Small to Tab Size Screen -- */
@media only screen and (min-width: 0px) and (max-width: 1024px) {

/* Contact Webform -- */
.webform-submission-main-page-contact-form-form .js-form-type-textfield,
.webform-submission-quick-contact-form-form .js-form-type-textfield {
    margin: 5px 0px !important;
}
.webform-submission-main-page-contact-form-form #edit-flexbox-01 {
    z-index: 1;
    padding: 0px !important;
}
#contact:before, .webform-submission-main-page-contact-form-form .col-md-6,
.webform-submission-main-page-contact-form-form.js-form-type-textfield {
    width: 100% !important;
}

/* List Left -- */
.paragraph--type--list-left-hover-content-right .inner-infohover .title-left {width: 100%;margin: 0px;}

.paragraph--type--list-left-hover-content-right .inner-infohover .description-right {
    position: relative;
    width: 100%;
    padding: 0px;
    left: 0;
}
.left_right_content_wrap.add-hover, .left-and-right-hover-content .description-right img {
    height: 100% !important;
}
.left_right_content_wrap .description-right h3 {
    font-size: 20px;
}

}
/*Small to Medium Size Screen -- */
@media only screen and (min-width: 0px) and (max-width: 1200px) {

/* Events --- */
.view-event-list {
    flex-direction: column;
}
.view-event-list .view-filters, .view-event-list .view-content{
    width: 100%;
}
.view-news-press-release .view-filters, .view-news-press-release .view-content {
    float: none !important;
    width: 100% !important;
}
/* Leadership -- */
.executive-leadership-wrap {
    grid-template-columns: 1fr !important;
}
.leadership-content {
    margin-top: 30px;
}

}
@media only screen and (min-width: 0px) and (max-width: 1300px) {
div#block-tls-mainnavigation-2{
    display: none !important;
}
.region-navigation-collapsible>ul.navbar-nav, #block-tls-mobilenavigation{
    display: block !important;
}
ul.dropdown-menu .nav-item a {
    white-space: break-spaces !important;
}
ul.dropdown-menu .nav-item a {
    white-space: break-spaces !important;
}
nav.navbar {
    padding: 0px !important;
}
.navbar-brand.w-100.d-flex {
    width: 100% !important;
}
}
/* Medium Size Screen -- */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
/* Clients-- */
#quicktabs-container-clients .client {
    padding: 10px !important;
    width: 33% !important;
}
/* Awards--- */
.view-awards .view-content {
    display: grid;
    grid-template-columns: auto auto;
}
.view-awards .views-row {
    width: 90%;
}
/* Footer --*/
#block-tls-footerblockmain .col-md-4.offset-8 {
    width: 100%;
    margin: 0px;
}


}

@media only screen and (min-width: 1200px) {
.region-navigation-collapsible>ul.navbar-nav {
    display: none !important;
}
}