:root {
    --black: #0c0c0c;
    --pragati: 'Pragati Narrow', sans-serif;
    --gray: #7a7a7a;
    --light-gray: #a1a0a0;
    --dark-gray: #5a5a5a;
    --nav-gray: #676666;
    --caption-gray: #f3f3f3;
    --default-font: 'Source Sans Pro', sans-serif;
    --border-gray: #e6e6e6;
    --ada-gray: #737373;
}

body.loaded>div.loader{display:none;}

.blur-up {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transition: all 0.3s ease-out;
}
.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
}

.visually-hidden{position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */}
h1, .h1, h2, .h2 {font-family: 'Pragati Narrow', sans-serif;color:var(--black);}
h1, .h1{font-size:48px;line-height:62px;letter-spacing:0.025em;}
h2, .h2{font-size:36px;line-height:38px;letter-spacing:0.025em;}
h3, .h3{font-size:21px;line-height:38px;letter-spacing:0.025em;font-weight:400;}
h4, .h4{font-size:18px;line-height:32px;letter-spacing:0.05em;font-weight:600;color:var(--black);}
body{font-family: 'Source Sans Pro', sans-serif;color:var(--light-gray);font-size:16px;font-weight:400;line-height:30px;letter-spacing:0.025em;overflow-x:hidden;position:relative;}
h1.display-3{font-weight:bold;font-size:60px;line-height:50px;letter-spacing:0;}
.btn{color:var(--black);border:2px solid var(--black);font-size:18px;font-weight:600;letter-spacing:0.05em;border-radius:0;padding:12px 0px;width:262px;}
.btn:hover, .btn:focus{background-color:var(--black);color:#fff;outline:none;box-shadow:none;}
.bg-primary-3 .btn{color:#fff;border:2px solid #fff;}
.bg-primary-3 .btn:hover, .bg-primary-3 .btn:focus{background-color:#fff;color:var(--black);}
.border-top{border-color:var(--caption-gray);}
.bg-primary-3{background-color:var(--black) !important;}
.text-white p{color:var(--light-gray);}
p.text-white{color:#fff;}
.highlight{text-transform:uppercase;font-size:11px;line-height:24px;letter-spacing:0.1em;}
.lead{font-size:18px;line-height:32px;letter-spacing:0.05em;}
.text-black{color:var(--black) !important;}
section:not(.bg-primary-3) p, section:not(.bg-primary-3) li{color:var(--ada-gray);}

a.navbar-brand:focus svg{outline: 1px solid var(--black);}

sup{top:-.4em;font-size:60%;}
h1.display-3 sup{top:-.76em;font-size:45%;}
.jumbo h1 sup{top:-.75em;font-size:45%;}
h1.display-2 sup{top:-.42em;}
hr{border-color:#e6e6e6;}


/* Navigation */
.navbar-container{border-bottom:1px solid var(--caption-gray);}
.navbar{padding:0 0px;}
.navbar-nav{width:100%;}
.navbar-nav > .nav-item .nav-link{font-size:14px;letter-spacing:.1em;color:var(--nav-gray);text-transform:uppercase;height:100%;padding: 10px;border-bottom:2px solid #fff;}
.navbar-nav > .nav-item .nav-link:hover, .navbar-nav > .nav-item .nav-link:focus{color:var(--black);}
.dropdown-item{font-size:14px;letter-spacing:.1em;color:var(--nav-gray);font-weight:400;text-transform:uppercase;}
.dropdown-item:hover, .dropdown-item:focus{background-color:#fff;color:var(--black);text-decoration:underline;}
.dropdown-toggle:after{display:none;}
.dropdown-toggle svg{margin-left:5px;}

.navbar-brand svg{width:125px;}


.arrow-bottom:before, .arrow-top:before{display:none;}

.dropdown-toggle.arrow-bottom + .dropdown-menu {
    margin-top:1px;
}

.navbar button{padding:0 5px;}
.navbar button:focus{outline:2px solid var(--black);}
.navbar-toggler-close{left:7px;}

.phone-link{color:var(--black);font-size:14px;letter-spacing:.1em;padding: 21px 15px 19px 15px;border-left:1px solid var(--caption-gray);border-bottom:2px solid #fff;}
.phone-link:hover, .phone-link:focus{color:var(--black);border-bottom-color:var(--black);}


/* Hero Slider */
.home-carousel .slider-nav{bottom:120px;left:12px;z-index:1;position:absolute;}
.slider-nav-btn{border:none;background-color:#fff;color:var(--black);padding:15px 35px;font-size:18px;}
.slider-nav-btn:hover, .slider-nav-btn:focus {background-color:var(--black);color:#fff;outline:none;}


.home-carousel .caption-gray{padding:30px 0;position:absolute;bottom:0px;}
.caption-gray{background-color: var(--caption-gray);}
.home-carousel .slide-caption{width:100%;bottom:0px;left:0;z-index:10;position:absolute;padding-top:15px;padding-bottom:15px;background-color:var(--caption-gray);padding-left:15px;padding-right:15px;height:120px;}
.slide-caption{color:var(--nav-gray) !important;font-size:11px;line-height:30px;letter-spacing:0.1em;text-transform:uppercase;text-align:right;}

.carousel-cell{height:100%;}
.carousel-cell img{height:100%;width:100%;object-fit:cover;}
.carousel-cell picture{height:100%;width:100%;}
.flickity-viewport{max-height:820px;}
.home-carousel .flickity-viewport{max-height:350px;}


/* Card Links */
.bg-primary-3 a.card{background-color:rgba(243,243,243,0.051);}
.white-bg a.card{background-color:rgba(12,12,12,0.051);}
a.card{border-radius:0;background-clip:unset;border:none;font-weight:400;}
.bg-primary-3 a.card:hover, .bg-primary-3 a.card:focus{background-color:rgba(243,243,243,0.122);}
.white-bg a.card:hover, .white-bg a.card:focus{background-color:rgba(12,12,12,0.078);}
a.card h3{margin-bottom:0;}
.card-body{padding:5px 20px 55px 20px;position:relative;}
.card svg, .card img{margin-top:-25px;width:80%;}
.white-bg a.card p:not(.text-black){color:var(--nav-gray);}
.card-body p:last-child{position:absolute;bottom:25px;}


/* Content Section */
.border.border-black{border:2px solid var(--black) !important;}
.border-links li{border-bottom:1px solid var(--border-gray);padding:13px 0 15px 0;}
.border-links li:first-child{padding-top:0;}
.border-links li:last-child{border-bottom:none;}

.border-black{padding:15px 10px 12px 10px;height:80px;width:100px;}
.border-black.left{margin-left: -40px;}
.border-black svg{height:46px;width:28px;}
.border-black.right{margin-right: -40px;}
.border-black.right svg{float:right;}

.divider-one{mask-image: url("assets/default/images/divider-white-top-comp.svg");-webkit-mask-image: url("assets/default/images/divider-white-top-comp.svg");mask-size:cover;-webkit-mask-size:cover;}
.divider-two{mask-image: url("assets/default/images/divider-white-footer-comp.svg");-webkit-mask-image: url("assets/default/images/divider-white-footer-comp.svg");height:2vw;}

.divider.divider-bottom{width:102vw;}
section:not(.overflow-ignore){overflow:hidden;}


/* CTA */
.chain-link h1{font-weight:400;}
.jumbo h1{font-size:58px;line-height:62px;font-weight:bold;}
.chain-link{position:relative;}
.chain-link .bkg{mask-image: url("assets/default/images/footer-grate-pattern-comp.svg"); -webkit-mask-image: url("assets/default/images/footer-grate-pattern-comp.svg");content:'';height:100%;width:100%;display:block;position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;opacity:0.051;mask-repeat:repeat;-webkit-mask-repeat:repeat;}
.chain-link .divider{z-index:2;}
.chain-link .container{z-index:3;position:relative;}


/* Footer */
footer{position:relative;z-index:0;}
footer p{font-size:11px;line-height:21px;color:var(--dark-gray);margin-bottom:0;}
footer p a{color:var(--dark-gray);text-decoration:underline;margin-left:10px;font-weight:400;}
footer p a:hover, footer p a:focus{color:var(--light-gray);text-decoration:underline;}


/* Company Slider */

.flickity-button{color:#fff;background:transparent;border:2px solid #fff;border-radius:0;font-size:18px;width:100px;height:80px;}
.flickity-button.previous{left:-50px;}
.flickity-button.next{right:-50px;}
.flickity-button.previous::after{margin-right:50px;}
.flickity-button.next::after{margin-left:50px;}
.flickity-button:hover, .flickity-button:focus{outline:none;box-shadow:none;border-color:#fff;background-color:var(--black);opacity:0.5;}

.highlight-selected .carousel-cell{min-height:215.05px;max-height:215.05px;}


/* 
.flickity-button{color:#fff;background:transparent;border:2px solid #fff;border-radius:0;font-size:18px;width:100px;height:80px;}
.flickity-button svg{display:none;}
.flickity-button::after{font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;background-image:none;font-family: "Font Awesome 5 Pro";font-weight:900;width:unset;height:unset;background-size:unset;}
.flickity-button.previous::after{content: "\f104";margin-right:50px;}
.flickity-button.next::after{content: "\f105";transform:none;margin-left:50px;}
.flickity-button.previous{left:-50px;}
.flickity-button.next{right:-50px;}
.flickity-button:hover, .flickity-button:focus{color:var(--black);background:#fff;outline:none;box-shadow:none;border:#fff;}
*/

.highlight-selected .carousel-cell:not(.is-selected){opacity:1;transform:scale(0.75);}

.logo{height:115px;}


/* Contact */

.hero-container > .background-image-parent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: inherit;
}

.hero-container{height:400px;position:relative;}
.hero-container img{object-fit:cover;height:100%;width:100%;}
h1.display-2{font-size:62px;line-height:60px;font-weight:bold;letter-spacing:0;}
label{text-transform:uppercase;color:var(--ada-gray);font-size:11px;line-height:24px;letter-spacing:0.1em;margin-bottom:0;}
.error{color:#ad0000;}
.form-control{color:var(--black);border-radius:0;background-clip:unset;height:auto;border-color:#cecece;font-weight:400;letter-spacing:0.025em;font-size:16px;}
.form-control:focus-within{border-color:var(--black);}
.form-group{margin-bottom:10px;}
.grecaptcha-badge {display:block !important;visibility:unset !important;z-index:1000;}


/* How it work */
.carousel-details{position:absolute;width:100%;z-index:20;}
.how-carousel .caption-gray{padding:15px 30px;}
.counts{font-size:30px;line-height:38px;}
.how-carousel .carousel-cell{height:795px;}


/* Confirmation and Basic Content pages */
.min-body{min-height:calc(100vh - 126px);}


/* Application */
.green-bg{position:relative;}
.green-bg .divider-one.divider-bottom{position:absolute;z-index:2;bottom:-1px;top:unset;}
.green-bg .hero-content{z-index:3;position:relative;}
.green-bg p{text-shadow:0 0 15px rgba(255,255,255,1), 0 0 30px rgba(255,255,255,1);}


/* Case Study Pages */
/* .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0;}
.list-group-item:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.list-group-item{border-left:none;border-right:none;border-color:var(--border-gray);}
.list-group-item p{margin-bottom:0;font-size:11px;letter-spacing:0.1em;}
.case-study-links .card .card-body{padding:25px 20px;}
.article blockquote{margin:2.5rem 0;}
.article h4{margin-bottom:0;font-weight:400;}
.article blockquote p{margin-bottom:0;font-size:30px;line-height:38px;color:var(--black);padding-left:30px;border-left:2px solid var(--black);} */

@media (min-width:576px){
    .phone-link{padding: 21px 30px 19px 30px;}
    .navbar-brand svg{width:200px;}
    h1.display-2 sup{top:-.4em;}
    h1.display-3 sup{top:-.79em;}
    h1.display-3{font-size:82px;line-height:60px;}
    .home-carousel .slider-nav{bottom:90px;}
    .home-carousel .slide-caption{height:90px;}
    .home-carousel .flickity-viewport{min-height:620px;}
    .home-carousel .flickity-viewport{max-height:820px;}
    .highlight-selected .carousel-cell{min-height:323.56px;max-height:323.56px;}
}

@media (min-width:768px){
.article ul > li:not(:last-child), .article ol > li:not(:last-child) {
margin-bottom: 0rem;
}
h1.display-3{font-size:122px;line-height:100px;}
h1.display-3 sup{top:-.72em;}
.green-bg .illust{width:100%;position:relative;margin-top:-15vw;}
.home-carousel .slider-nav{bottom:60px;}
.home-carousel .slide-caption{height:60px;}
.green-bg{background-color:#b7e7fc;}
.highlight-selected .carousel-cell{min-height:351px;max-height:351px;}
}

@media (max-width: 991.98px){
    .lead{font-weight:400;}
}

@media (min-width:992px){
.dropdown-grid-menu{border-radius:0;box-shadow:none;border:none;object-fit:unset;}
.home-carousel .slide-caption{padding-right:30px;}
.carousel-container h1.display-3{width:180%;}
.home-carousel .slide-caption{width:200%;left:-100%;}
.home-carousel .flickity-viewport{height:100% !important;}
}

@media (max-width: 1199.98px){
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
}

@media (min-width:1200px){
    .navbar-nav > .nav-item .nav-link{padding: 20px 30px 18px 30px;}
    .navbar-nav > .nav-item .nav-link:hover, .navbar-nav > .nav-item .nav-link:focus{border-color:var(--black);color:var(--nav-gray);}
    .navbar-collapse{border-left:1px solid var(--caption-gray);}
    .dropdown-grid-menu{border:1px solid var(--border-gray);}
    h1.display-3 sup{top:-.8em;}
    .green-bg .illust{height:auto;}
    .home-carousel .slide-caption{width:calc(100% * 5 / 7);left:calc(100% * -5 / 7);}
    .home-carousel .slider-nav{bottom:0px;}
    .divider.divider-bottom{width:100%;}
    
}

@media (min-width:1500px){
    .home-carousel .slide-caption{padding-right:70px;}
}