@charset "UTF-8";
/* CSS Document */
  @import url("https://use.typekit.net/jvv4gvu.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,800;1,400&display=swap');
@import url(//db.onlinewebfonts.com/c/76d8878f2de261737772f6e8856b8604?family=SAASeriesW01-CD);
@font-face {
  font-family: bembo;
  src: url("../fonts/BemboStd.otf");
}

@font-face {
  font-family: franklin;
  src: url("../fonts/franklin-gothic-book.ttf");
}


body{
font-family: franklin, sans-serif;

}



h1, h2, h3, h4, h5, h6{
		font-family: bembo, sans-serif;
	font-weight: bold;
	 color: #14234c;
	text-transform: uppercase;
}

h3,h4,h5{text-transform: none ;}

h1 {
	font-size: 3.2rem;}

p, a{font-family: franklin, sans-serif;
 color: #222;}

footer h4,footer h5,footer a {
     color: white;
    width: 100%;
    display: block;
}

.footer-copyright h5, .footer-copyright a, .footer-copyright p {
 
	 color: #14234c;
    width: auto;
    display: auto;
}

.logoimg {
    max-height: 45px;
    padding-top: 20px;
}

.wiggle-letter{
	font-family: 'SAASeriesW01-CD', sans-serif;}

.blur{background: rgba( 255, 255, 255, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 13.5px );
-webkit-backdrop-filter: blur( 13.5px );

border: 1px solid rgba( 255, 255, 255, 0.18 );}

.container {
    width: 85%;
}

.logo.left {
    width: 16.66%;
}

.logoimg{
	width: 100%;
	height: 100%;
}

nav#main-nav {
	display: flex;
	    background: white;
}

.nav-logo{
	flex: 1 1 auto;
	transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s;
	width: 0px;
	opacity: 0;
}

nav#main-nav ul.flex-top-nav{
	width: 100%;
	flex: 1 1 auto;
	display: flex;
	justify-content: space-around;
}

nav#main-nav ul.flex-top-nav li{
	flex: 1;
}

nav ul li {
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
	/*
    float: left;
    padding: 0;
    width: 16.66%;
	*/
}

.row {
    padding-top: 20px;
   
}
li {
    list-style: none;
}
nav {
  	background-color: transparent;
	    box-shadow: none;
}
nav ul a {
    font-size: 1rem;
    color: #14234c;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h2.special {
    font-size: 26em;
    font-weight: bolder;
    color: #fffffff2;
    z-index: 120;
    position: absolute;
    margin: auto;
    width: 100%;
}


.special.animate__animated.animate__fadeIn {
    text-align: center;
}


.press-item .card-image {
    position: relative;
    padding-top: 200px;
    padding-bottom: 6px;
	    border-radius: 2px;
}

.work .card-image {
    position: relative;
    padding-top: 26vw;
    padding-bottom: 6px;
    border-radius: 0;
}

.modal.bottom-sheet {
 top: auto;
    bottom: -100%;
    margin: 0;
    width: 100%;
    max-height: calc(100% - 125px);
    border-radius: 0;
    will-change: bottom, opacity;
    padding: 80px 0px 0px 0px;
    min-height: calc(100% - 125px);
}
.modal-overlay {
    position: fixed;
    z-index: 999;
    top: -25%;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: #f1e4e4;
    display: none;
    will-change: opacity;
}
.modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #f1e4e4;
    
    width: 100%;
    text-align: right;
}




.press-item .card-image .card-title{
padding-bottom: 0px;
}

.H:hover {
    color: red;
	    transition: color .3s;
}
.Y:hover {
    color: yellow;
	    transition: color .3s;
}

.H, .Y {
    width: fit-content;
    display: inline-block;
}

.floating_img, .floating_img2, .floating_img3, .floating_img4, .floating_img5 {
z-index: 1;
}

.floating_img{
	margin-top: 20px;
}

 .floating_img2 {
		margin-top: 150px;
}



 .floating_img3{
		margin-top: 2px;
}

 .floating_img4{
		margin-top: 200px;
}

 .floating_img5{
	margin-top: 25px;
}

.blue{ background-color: #14234c !important;
    padding: 70px 0px;
    margin-top: 70px;}

.blue p, .blue h1, .blue h2 ,.blue h3, .blue h4,.blue h5{ color:#f1e4e4;}


.tabs .tab a {
    color: #939487;
   
}

.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #70845d;
    will-change: left, right;
}

.carousel {
     height: auto;
		min-height: 35vh;
}

.carousel .carousel-item {
    display: none;
    width: 150px;
	height: auto !important;
    padding: 25px;}

.carousel.carousel-slider {
    height: auto;
	min-height: 35vh;
}
.tabs{background-color:transparent;}

.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
    color: #70845d;
}

  
.l4.work {
    padding: 0px;
	  min-height: 33.33vw;
    max-height: 33.33vw;
    overflow: hidden;
}

.think {
    width: 50%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    min-height: 50vw;
}
.think .card-image {
    padding: 40px;
}


button {
    background: none;
    border: 1px solid;
    border-radius: 40px;
    padding: 8px;
    padding-top: 7px;
}
.think .card-image {
    min-height: 50vw;
    padding-top: 20vw;
}


#site-title{
	margin: auto;
	text-align: center;
}

.wiggle-container{
	display: inline-block;
}

.wiggle-letter{
	display: inline-block;
	transform-origin: 50% 110%;
	font-size: 3.28rem;
}