/* Custom Styles */
:root {
	--delay: 1s;
	--duration: 1500ms;
	--iterations: 1;
}
/* •·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•·•· */

.reveal-text,
.reveal-text::after {
	-webkit-animation-delay: var(--animation-delay, 3s);
	        animation-delay: var(--animation-delay, 3s);
	-webkit-animation-iteration-count: var(--iterations, 1);
	        animation-iteration-count: var(--iterations, 1);
	-webkit-animation-duration: var(--duration, 800ms);
	        animation-duration: var(--duration, 800ms);
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
	        animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}

.reveal-text {
	--animation-delay: var(--delay, 0);
	--animation-duration: var(--duration, 200ms);
	--animation-iterations: var(--iterations, 1);
	position: relative;
	-webkit-animation-name: clip-text;
	        animation-name: clip-text;
	white-space: nowrap;
	cursor: default

}

.reveal-text::after {
	content: "";
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FF6B6A;
	transform: scaleX(0);
	transform-origin: 0 50%;
	pointer-events: none;
	-webkit-animation-name: text-revealer;
	    animation-name: text-revealer;
}


@-webkit-keyframes clip-text {
	from {
		-webkit-clip-path: inset(0 100% 0 0);
		        clip-path: inset(0 100% 0 0);
	}
	to {
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}


@keyframes clip-text {
	from {
		-webkit-clip-path: inset(0 100% 0 0);
		        clip-path: inset(0 100% 0 0);
	}
	to {
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}


@-webkit-keyframes text-revealer {
	0%, 50% {
		transform-origin: 0 50%;
	}
	60%, 100% {
		transform-origin: 100% 50%;
	}
	60% {
		transform: scaleX(1);
	}
	100% {
		transform: scaleX(0);
	}
}


@keyframes text-revealer {
	0%, 50% {
		transform-origin: 0 50%;
	}
	60%, 100% {
		transform-origin: 100% 50%;
	}
	60% {
		transform: scaleX(1);
	}
	100% {
		transform: scaleX(0);
	}
}
/* Hover Link */
.hover__link::before {  
  transform: scaleX(0);
  transform-origin: bottom right;
}

.hover__link:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.hover__link::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: #F45C5C;
  z-index: -1;
  transition: transform .3s ease;
}

.hover__link{
  position: relative;
}
.hover__link:hover{
    color:#fff;
}

h1{
    line-height:80px;
}

@media only screen and (max-width: 768px) {
    h1{
        line-height:46px;
    }

}
.social-links__links a{
    border-bottom:1px solid #fff;
}
.text-priority{
    font-weight:600;
}
.social-links__links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration: none;
}
/* Second Section */
#block-1626464856690{
    padding-left: 75px;
    padding-right: 25px;
}
#section-1626406421364 p{
    font-family:Playfair Display;
    font-weight:500;
}
@media only screen and (min-width: 768px) {
    #section-1626406421364 p{
    font-size:27px;
    line-height:45px;
}
}

/* Services */
.services .services__text h4{
    font-size:24px;
}
.services p{
    color:#353432;
}
@media only screen and (min-width: 768px) {
    #section-1626407022699 .services,#section-1626438037094 .services{
        border-left:1px solid #DBDCDC !important;
    }
    
    #block-1626407609700 .services,#block-1626438037093_3 .services{
        border-right:1px solid #DBDCDC !important;
    }
    
    .services .card__body{
        flex:1;
        padding:0 30px;
    }
    .services{
        min-height:100%;
    }
    .services .card__text{
        padding-bottom:5px;
    }
    .services .card__footer{
        position:absolute;
        bottom:0px;
    }
}

@media only screen and (max-width: 600px) {
    #block-1626464856690{
        padding:25px 10px;
    }
    #section-1626407022699 .block,#section-1626438037094 .block{
        border-top:1px solid #DBDCDC !important;
    }
    
    #block-1626438037093_3 .services{
        border-bottom:1px solid #DBDCDC !important;
    }
    .services .card__body{
        flex:1;
        padding:30px;
    }
}
#block-1626438275857 .block{
        border:none !important;
}
.services .card__footer a:hover{
    text-decoration:underline;
}
/* Industries */
#section-1626451168910 .block{
    border-bottom:1px solid #DBDCDC !important;
}
#block-1626454191259 .block{
    border-bottom:none !important;
}
/* Footer */
.footer__block{
    display:flex;
    align-items:flex-start;
    margin:0;
}

/* Inline Footer Image */
.inline_image{
    display: inline-block;
    width:100%;
}
.inline_image .inline__image{
    display:inline-block;
    margin:5px;
    height:60px;
    width:60px;
}
.inline_image .nyc{
    height:55px;
    width:55px;
}
.inline_image .gold{
    height:55px;
    width:100px;
}


#section-1626464832575 #form_submission_name{
    display:none;
}
#section-1626464832575 #form_submission_email{
    border:0;
    border-bottom:1px solid #fff;
    background-color:transparent;
    color:#fff;
    border-radius:0;
    font-size:14px;
}
#section-1626464832575 a:hover{
    border-bottom:2px solid #FF6B6A;
    text-decoration:none;
}
.footer__block{
    display:flex;
    align-items:flex-start;
    margin:0;
}
@media only screen and (min-width: 768px) {
    .social-links{
        position:relative;
        margin-left:-15px;
    }
    
}

.credit a {
    border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 600px) {
    .social-links{
        position:relative;
        margin-left:-20px;
    }
    .clients .col-sm-3{
        width:50%;
        margin-bottom:0;
    }
}
@media only screen and (max-width: 768px){
    .footer__block {
        padding-left: 0px;
    }
}


/* Glides Tab */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background:#fff;
    border:0;
    border-radius:4px;
}

.nav-tabs,.nav-tabs .nav-link{
    border:0;
}
.nav-tabs{
    position:relative;
    top:100px;
    padding:0 50px;
}
.tab-content>.tab-pane{
    padding:150px 50px 50px 50px;
}
/*
.tab-content ul {
    margin: 0;
}
.tab-content ul {
    list-style-type: none;
}
.tab-content ul > li {
    text-indent: -20px;
}
.tab-content ul > li:before {
    content: "-";
    text-indent: -20px;
}
*/

.glide{
    display:none;
}
.glide__title{
    color:#fff;
}
@media only screen and (max-width: 1024px) {
    .tab-content,.nav-tabs{
        display:none;
    }
    .glide{
        display:block;
    }
    .glide__slide{
        padding:40px;
    }
    .block{
        padding:15px;
    }
}
#awareness__scene img{
    position:absolute;
    top:-150px;
}
/* Checkmark*/
.tab-content ul,.glide ul{
    padding-left:25px; 
}
.tab-content ul, .glide ul{
    list-style-type:none;
    
}
.tab-content ul li, .glide ul li{
    padding-top:10px;
}
.tab-content ul li:before, .glide ul li:before{
    background-image:url('green_checkmark.png');
    background-size: contain;
    display: inline-block;
    width: 20px; 
    height: 20px;
    content:"";
    vertical-align:middle;
    margin-right:8px;
    margin-left:-1.5em;
}
.glide__slides{
    display: grid;
    grid-auto-flow: column;
}
@media only screen and (min-width: 768px) {
    .tab-content {
      display: flex;
    }
    
    .tab-content > .tab-pane {
      display: block; /* undo "display: none;" */
      visibility: hidden;
      margin-right: -100%;
      width: 100%;
    }
    
    .tab-content > .active {
      visibility: visible;
    }
}

/* Services */
.service-header{
    font-size:18px;
    font-weight:bold;
}
.service-paragraph{
    font-weight:lighter;
}



@media only screen and (min-width: 600px) {
    #section-1651870891045 .row  {
      overflow-x: hidden;
      position: relative;
    }
    
    #section-1651870891045 .row  > [class*=col-]:nth-child(n+2):after {
      content: "";
      background-color: #ccc;
      position: absolute;
      top: 0;
      bottom: 0;
    }
    @media (max-width: 767px) {
      #section-1651870891045 .row  > [class*=col-]:nth-child(n+2):after {
        width: 100%;
        height: 0.5pt;
        left: 0;
        top: -4px;
      }
    }
    @media (min-width: 768px) {
      #section-1651870891045 .row  > [class*=col-]:nth-child(n+2):after {
        width: 1px;
        height: auto;
        left: -1px;
      }
    }
}