/* modals */


.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}


html {
    scroll-behavior: smooth;
  }



/* .modal-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-y: auto;
    min-height: calc(100vh - 60px);
  } */

  #headerPopup{
    width:75%;
    margin:0 auto;
  }
  
  #headerPopup iframe{
    width:100%;
    margin:0 auto;
  }
  @media (max-width: 767px) {
    .modal-dialog {
      min-height: calc(100vh - 20px);
    }
  }
  .video-modal .modal-g{
      max-width: 80% !important;
  }
  .video-modal .modal-content{
    width: 100vw;
    margin: auto;
    pointer-events: auto;
    background-color: transparent !important;
  }
.resp-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* page elements */
.hero-img{
    background:url("../imgs/landingPageArtwork.png") center no-repeat ;
    background-size: cover;
    height: 100vh; 
    width:100vw;
    display:table-cell;
    vertical-align: middle;
}
.hero{
    width:100%;
    margin: auto;
}
.hero-text{
    display:inline-block;
    padding:2em;
}
.main-text{
    text-align: center;
    padding: 2.25em;
}
.col-md-6{
    padding-top:10em; 
}
.logo{
    height: 12.5em;
    display: block;
    margin: auto;
}
/*news */
.news{
    border-bottom: 2px solid #f1f1f1 ;
    border-top: 2px solid #f1f1f1 ;
    padding: 1em 2em ;
    max-width: 100vw;
    text-align: left;
    height:206px;
}

.news .row{
    padding: 0;
    text-align: left;
}
.news a{
    color:#000;
    text-decoration: none;
}
.news img{
    display: none;
}
.news .heading{
    font-size: 1.18em;
}
/* quote */
.quote{
    /* height: 100vh; */
    height: 664px;
}
#li-quotes{
    height: 240px;
    display: flex;
    /* justify-content: center; */
  align-items: center;
  text-align: center;
}

.quote .heading{
    font-size: 1em;
    height: auto;
}
#li-quotes{
    height: 372px;
    
}
.text-right{

    position:relative; bottom:3.125em;  
	/* background-image: url("/assets/imgs/close-quote.png"); */
	background-position:right;
	background-repeat:no-repeat;
    background-size:cover;
    z-index: -1;
	
    
}

/* .text-right img{
    z-index: initial;
} */

/* image grid*/
.category{
    height: 18.75em;
    padding:  0.625em  0.625em 0px 0px;
    vertical-align: 80%;
}
.image{
    max-height: 10em;
    max-width: 10em;
    width: 100%;
    margin: auto;
    display: block;
    padding: 1em;
}
.bg_image{
    height: 100%;
    width: 100%;
    position: relative;
    top:0px;
    left:0px;
}
.overlay{
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    width : 100%;
    position: relative;
    bottom: 50%;
    z-index: 3;
    padding: 0em 1em;
}
.overlay:hover{
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    width : 100%;
    height: 100%;
    position: relative;
    bottom: 100%;
    padding: 8.75em 1em 0em 1em;
}
/* case studies */
/* .items-caseStudies{
    width: 250px; height: 200px;
} */

.slider{
    padding: 0px 0.625em;
    vertical-align: middle;
}
.slider p{
    margin: 0px;
}
.case-logo{
    border: 2px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
}
.case-logo img{
    width:80%;
    padding: 0.25em 0;
    margin-right: auto;
    margin-left: auto;

}
.mobile-only{
    display: block;
}
/*laptop view*/
@media screen and (min-width: 768px) {
    .main-text{
        text-align: center;
        padding: 6.25em;
    }
    .hero-img{
        background:url("../imgs/hero_main.png") 40vw 50% no-repeat ;
        background-size: contain;
        height: 80vh; 
        width:100vw;
    }
    .hero-text{
        padding:4rem;
    }
    /* news */
    .news{
        padding: 1em 3.1875em ;
        max-width: 100vw;
        text-align: center;
    }
    .news img{
        width:10em;
        display: block;
        margin: auto;
    }
    /* products */
    .col-md-6{
        padding-top: 1em;
    }
    /* quote */
    .quote{
        padding: 4em ;
        height: auto;
    }
    .quote .heading{
        font-size: 1.5em;
    }


   
  }

  @media only  screen and (min-width: 768px) {
    .items-caseStudies{
        width: 356.2px; height: 394.92px;
        padding:5px ;
    }



}