html{


}


:root{
    --animate-delay: .5s !important;
}


@font-face{
    font-family: "Object Sans AAJ";
    src: url("../fonts/ObjectSans-Regular.woff2") format('woff');
    font-weight: 300;
}

@font-face{
    font-family: "Object Sans AAJ";
    src: url("../fonts/ObjectSans-Slanted.woff2") format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face{
    font-family: "Object Sans AAJ";
    src: url("../fonts/ObjectSans-BoldSlanted.woff2") format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face{
    font-family: "Object Sans AAJ";
    src: url("../fonts/ObjectSans-Bold.woff2") format('woff');
    font-weight: 700;
}

@font-face{
    font-family: "Object Sans AAJ";
    src: url("../fonts/ObjectSans-Heavy.woff2") format('woff');
    font-weight: 900;
}

@font-face{
    font-family: "Object Sans AAJ";
    src: url("../fonts/ObjectSans-Thin.woff2") format('woff');
    font-weight: 100;
}

@font-face{
    font-family: "Object Sans AAJ";
    src: url("../fonts/ObjectSans-ThinSlanted.woff2") format('woff');
    font-weight: 100;
    font-style: italic;
}



body{
    font-family: "Object Sans AAJ", sans-serif;
}


.bg-dark-blue {
  background-color: #003b71 !important; }

.bg-blue {
  background-color: #385cad !important; }

.bg-light-blue {
  background-color: #5eb3e4 !important; }

.bg-yellow {
  background-color: #ffcd00 !important; }

.bg-orange {
  background-color: #ff5100 !important; }

.bg-dark-orange {
  background-color: #fc6c0f !important; }

.bg-light-orange {
  background-color: #ff9400 !important; }

.bg-dark-gray {
  background-color: #6a737b !important; }

.bg-light-gray {
  background-color: #d9d9d9 !important; }

.bg-very-light-gray {
  background-color: #eff6fb !important; }

.bg-white {
  background-color: #ffffff !important; }

.bg-none {
  background-color: transparent !important; }


.bg-black{
    background-color: #000 !important;
}


.text-dark-blue {
  color: #003b71 !important; }

.text-blue {
  color: #385cad !important; }


.text-aajCyan{
    color: #00C0F3 !important;
}

.text-white {
  color: #FFFFFF!important; }

.text-black {
  color: #000000!important; }

.text-light-blue {
  color: #5eb3e4 !important; }

.text-yellow {
  color: #ffcd00 !important; }

.text-orange {
  color: #ff5100 !important; }

.text-dark-orange {
  color: #fc6c0f !important; }

.text-light-orange {
  color: #ff9400 !important; }

.text-dark-gray {
  color: #6a737b !important; }

.text-light-gray {
  color: #d9d9d9 !important; }

.text-very-light-gray {
  color: #eff6fb !important; }

.text-green {
  color: #00935e !important; }

.bordered:before {
  border-top: 1px solid #00aeef;
  content: '';
  display: block;
  width: 50%;
  margin-bottom: .5rem; }

.bordered-dark-blue:before {
  border-color: #2261ae; }

.bordered-blue:before {
  border-color: #0caaee; }

.bordered-light-blue:before {
  border-color: #56b3e4; }

.bordered-yellow:before {
  border-color: #fff200; }

.bordered-dark-orange:before {
  border-color: #fc6c0f; }

.bordered-light-orange:before {
  border-color: #ff9400; }

.bordered-dark-gray:before {
  border-color: #6a747c; }

.bordered-green:before {
  border-color: #00935e; }


.boldText{
    font-weight: 700;
}

.xBoldText{
    font-weight: 900;
}









/*=======CARD ANIMATION SETTINGS=========*/

/*===THREE CARDS===*/

.css-animatedThree:hover figure {
  animation: cyclePhotosThree 2.25s linear infinite;
}
.css-animatedThree figure:nth-child(1) {
  opacity: 1;
}
.css-animatedThree figure:nth-child(2) {
  animation-delay: 0.75s;
}
.css-animatedThree figure:nth-child(3) {
  animation-delay: 1.5s;
}

@keyframes cyclePhotosThree {
  0%, 33% {
    opacity: 1;
  }
  34%, 100% {
    opacity: 0;
  }
}


/*===FOUR CARDS===*/

.css-animatedFour:hover figure {
  animation: cyclePhotosFour 2s linear infinite;
}
.css-animatedFour figure:nth-child(1) {
  opacity: 1;
}
.css-animatedFour figure:nth-child(2) {
  animation-delay: 0.5s;
}
.css-animatedFour figure:nth-child(3) {
  animation-delay: 1s;
}
.css-animatedFour figure:nth-child(4) {
  animation-delay: 1.5s;
}

@keyframes cyclePhotosFour {
  0%, 25% {
    opacity: 1;
  }
  26%, 100% {
    opacity: 0;
  }
}



.js-animated figure.active {
  opacity: 1;
}

.image-deck {
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
}
.image-deck figure {
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.image-deck figure img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}























.blackSizing{
    width: 100vw;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
    background-color: black;
    z-index: 70;
}






h1{
    font-size: 2.75rem;
    line-height: 1.2;
    font-weight: 100;
}

.homepageHFix{
    font-size: 2rem;
}


h2{
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 100;



}

h3{
    font-weight: 300;
    font-size: 2.125rem;
    line-height: 1.35;
    margin-block-start: 0em;
    margin-block-end: 0em;
}


h4{
    text-align: right;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.3;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

h5{
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 700;
}




p{
    font-size: 1rem;
    line-height: 1.65;
    font-weight: 300;
}





a{
    color: #000;
    text-decoration: none !important;

}



p strong{
    font-weight: 700;
}


ul.boldLinkList{
    text-decoration: none;
    font-weight: 700;
    line-height: 2.25;
    list-style: none;
    padding-inline-start: 0px;
}

a.boldLink:hover{
    cursor: pointer;
    color: #00C0F3;
}

li a:hover{
    cursor: pointer;
}


.mailLink:hover{
    cursor: pointer;
    color: #00C0F3 !important;

}


p a{
}

p a:hover{
    color: #00C0F3;
    cursor: pointer;
    text-decoration: underline;
}





.rightSideImage img{
    width: 100%;
    height: auto;
}




header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 103;
    font-weight: 300;
    height: 80px;
}


  header .navbar {
    z-index: 103;
    padding: 1.35rem 1rem 1rem 1rem;
    height: 80px;


    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.navbarBackground{
	background: white;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);

    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.page-home .navbarBackground{
	background: transparent;
	box-shadow: none;
}

.page-home .navbarBackground.scrolled, .page-home .navbarBackground.active {
	background:white;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
}


  header .logo {
    max-width: 140px;
    margin-right: 20px;
    width: 100%;
}

.logo-white{
	display:none;
}

.page-home .logo-black{
	display:none;
}

.page-home .logo-white {
	display:block;
}

.scrolled .logo-white, .active .logo-white{
	display: none;
}

.scrolled .logo-black, .active .logo-black {
	display:block;
    
}

.logoNone{
    display: none;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.logoBlock{
    display: block;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}



.row.menuRow{
    max-height: 800px;

    top: 50%;
    transform: translateY(-50%);


    max-width: 1680px;
    margin: 0 auto;
    position: relative;
}

ul.list-menu{
    list-style: none;
}

ul.list-menu.centerInDiv li a{
font-size: 2rem;
    line-height: 2.25;
    font-weight: 100;
    text-align: right;
    display: block;
    color: #fff;
}


ul.list-menu.centerInDiv li a:hover{
    color: #00C0F3 !important;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: .05s ease-in-out;
    -moz-transition: .05s ease-in-out;
    -o-transition: .05s ease-in-out;
    transition: .05s ease-in-out;

}

ul.list-menu:hover{
    cursor: pointer;
}


.centerInDiv{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


.menuImageContainer{
    max-height: 600px;
}



img.navImg{
    height: auto;
    width: 100%;
    max-height: 800px;
    z-index: 10;

    visibility: hidden;
}



.menuImageContainer{
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
    background-position: 50%, 50%;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

  .nav-toggle {
    background-color: transparent;
    width: 34px;
    height: 34px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer; }


  .nav-toggle span{
    display: block;
    position: absolute;
    height: 1px;
    width: 65%;
    background: #000;
    opacity: 1;
    left: 35%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }

.page-home  .nav-toggle span {
	background: white;
}

.page-home .scrolled .nav-toggle span,
.page-home .active .nav-toggle span{
	background: black;
}



  .nav-toggle span:nth-child(1) {
    top: 12px; }

  .nav-toggle span:nth-child(2), .nav-toggle span:nth-child(3) {
    top: 18px; }

  .nav-toggle span:nth-child(4) {
    top: 24px; }

  .nav-toggle.open span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
      background: transparent;

}

/*

.nav-toggle span:nth-child(1) {
    -webkit-transition: .0s ease-in-out;
    -moz-transition: .0s ease-in-out;
    -o-transition: .0s ease-in-out;
    transition: .0s ease-in-out;
}

.nav-toggle span:nth-child(4) {
    -webkit-transition: .0s ease-in-out;
    -moz-transition: .0s ease-in-out;
    -o-transition: .0s ease-in-out;
    transition: .0s ease-in-out;
}
*/



  .nav-toggle.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #000;
}
  .nav-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
      background: #000;
}

  .nav-toggle.open span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
    background: transparent; }

  header .nav-text-1 {
    background-color: #5eb3e4;
    color: white;
    padding: .25rem 1rem; }

  header .nav-text-2 {
    padding: .25rem 1rem; }

#letter-content-container {
    width: 100%;
    height: auto;
    padding: 50px 90px;
}

#close-container {
    width: 95%;
    height: 30px;
    max-width: 1000px;
    margin: 0px auto;
}


#menu {
    display: none;
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 2;
    background-color: #F1F2F2;

    /*padding: 3rem 4rem 3rem 3rem; */

    width: 100%;
    height: 100vh;
    background-image: url(../img/menu/menu_background_23.jpg);
    background-size: cover;
    background-position: center;
}


/*
  #menu a, #menu .list-heading {
    color: white;
    display: block;
    font-size: 1.2rem;
    font-weight: 100; }
  #menu a:hover {
     text-decoration: none; }
  #menu ul {
    list-style: none; }

*/

/*
    #menu ul a {
         color: white;
    text-transform: lowercase;

    padding: 0.2rem 0;
    font-size: 1rem;
    text-decoration: none;
}*/

#menu .row .col-md-4 .list-unstyled li span{
        color: white;
    display: block;
    font-size: 1.2rem;
    font-weight: 300;
    text-transform: uppercase;
    border-top: none;

}

#menu .row .col-md-4 .list-unstyled li a strong{
    color: white;
    display: block;
    font-size: 1.2rem;
    font-weight: 300;
    text-transform: uppercase;
    border-top: none;
}

#menu .row .col-md-4 .list-unstyled li a strong:hover {
    color: #00C0F3  !important;
     text-decoration: none;
         }


.moment-number{position: absolute;
    font-size: 16rem;
    font-weight: 900;
    bottom: -105px;

    right: 43px;}

/* Footer */
#footer {
  background-color: #d9d9d9;
  padding-top: 50px; }

#footer li span{
        color: #6a737b;
font-size: .9rem;
}

  #footer a {
    color: #6a737b;
font-size: .9rem;}





.navbar-text {
    font-weight: 500;
    letter-spacing: 0.05rem;
    padding-top: 0.44rem;}













/*=====START OF AAJ CODE-----*/



/*==VIDEO--*/

.lightboxBackground{
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(27, 27, 27, 0.9);
    z-index: 5000;
    display: none;
}

.lightboxBackground:hover{
    cursor: pointer;
}


.player{
    max-height: auto;
    z-index: 5010;
}

.vp-center{
    z-index: 4990;

}


.videoContainerPopup{
/*    background-color: blue; */
    width: 85%;
   /* max-height: 70vh; */
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    float: left;
}


.videoInLightbox{
    width: 100%;
    height: auto;
    position: relative;
}


img.lightboxX{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50px;
    right: 50px;
    z-index: 4990;
}

img.lightboxX:hover{
    cursor: pointer;
}

div.videoImage:hover{
    cursor: pointer;

}

.videoArrowContainer{
    position: absolute;
    z-index: 100;
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
}

.videoImage:hover .videoArrowContainer{
    width: 70px;
    height: 70px;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}



/*END VIDEO*/




.cookieBar{
    height: auto;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
    width: 100vw;
    box-shadow: 0px -4px 24px rgb(0 0 0 / 10%);
    display: block;
}

.cookieBar p{
    margin-bottom: 0rem;
    font-size: .925rem;
    line-height: 1.5;

}


.cookieButtonContainer{
    position: relative;
}

.cookieButton{
    background-color: #000;
    color: #fff;
    width: auto;
    height: auto;
    padding: .5rem 2rem .35rem 2rem;
    /* position: absolute; */
    top: 50%;
    transform: translateY(-50%);
}

.cookieButton h5{
    margin-bottom: 0rem;
    margin-block-start: 0em;
    margin-block-end: 0em;
    text-align: center;
}

.cookieButton:hover{
    background-color: #00C0F3;
    cursor: pointer;
}


/*

#homepageVideoContainer{
    width: 100vw;
    height: auto;
    margin: 0;
    padding: 0;



}

video.homepageVideo{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

*/


.bodyContainer{
    max-width: 1440px;
    margin: 0 auto;
}






#homepageVideoContainer{
    width: 100vw;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    z-index: 80;
    top: 0;
    /*
 background-color: black;*/
     
    /* display: block; FIX */



}

video.homepageVideo{
    width: 100vw;
    height: auto;
    margin: 0;
    padding: 0;

    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: black;
    z-index: 81;

}


.homepageContentContainer{

}



#videoSizing{
    width: 100%;
    position: relative;
    z-index: 60;
    
    
}







.headline{
    font-size: 44px;
    line-height: 50px;
    font-weight: 300;
}


hr{
    color: #000;
    margin-top: 0rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,1);
}


hr.ourWorkRule{
    width: 15rem;
    float: left;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

hr.ruleOpen{
    width: 100%;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}




/*
.filterFifth{
    width: 20%;
    text-align: right;
}

*/



.clickDisplay{
    display: inline-block !important;
}


.clickHide{
    display: none !important;
}

.clickHideBrand{
    display: none !important;
    
}

.clickHideStrategy{
    display: none !important;
    
}

.clickHideWeb{
    display: none !important;
    
}

.clickHidePrint{
    display: none !important;
    
}


.workCategories{
    color: #939598;
    display: none;
    font-weight: 300;
}

.workCategories:hover{
    color: #000;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    cursor: pointer;
}


.boldTextCategory{
    font-weight: 700;
}


#filterButton{
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}





#filterBoxHeight{
    min-height: 6rem;
}

#filterButton:hover{
    cursor: pointer;
    color: #00C0F3;
}







.projectDivFeatured{
    position: relative;
    width: 100%;
    height: 100%;
}

.projectTitleContainer{
    position: absolute;
    bottom: 2rem;;
    right: 0rem;
    pointer-events: none;
}

h2.featuredProjectTitle{
    text-align: right;
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 1.4;
    margin-block-start: 0em;
    margin-block-end: 0em;

    color: #fff;

}

h3.featuredProjectSubTitle{
    text-align: right;
    font-weight: 100;
    font-size: 18px;;
    margin-block-start: 0em;
    margin-block-end: 0em;

    color: #fff;

}

img.featuredProjectImg{
    width: 100%;
    background-color:green;
    height: auto;
}


.projectDivFeatured img{
    animation: hoverWork 3s linear infinite 0s forwards;
	animation-play-state: paused;

}

/*

.projectDivFeatured:hover img{
    animation-play-state: running;
}


@keyframes hoverWork {
    0% { visibility: visible; z-index: 100; }
	33.333% { visibility: visible; z-index: 100; }
	66.666% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}


.projectDivFeatured img:nth-child(1){
	z-index: 4;
}
.projectDivFeatured img:nth-child(2){
	animation-delay: 1s;
	z-index: 3;
}
.projectDivFeatured img:nth-child(3){
	animation-delay: 2s;
	z-index: 2;
}

*/



.workLinks:hover{
    text-decoration: none;
    color: #6D6E71;
    color: #00C0F3;
}


.workLinks:hover h2{
    font-weight: 700;
}


p.whatWeDidList{
    margin-bottom: 0rem;
    
}




.websiteLinkListItem{
    text-align: center;
}

.rightCarrot{
    display: inline-block;
    height: 14px;
    width: 9px;
    position: absolute;
    margin-left: 12px;
    top: 9px;
    background-image: url(../img/general_assets/right_carrot_black.png);
    background-size: contain;
    background-repeat: no-repeat;
}


a.workWebsiteLink:hover .rightCarrot{
    background-image: url(../img/general_assets/right_carrot_blue.png);
}



.workReturnText{
    margin-left: 20px;
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 700;
}

.workWebsiteText{
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 700;
}



.leftCarrot{
    display: inline-block;
    height: 14px;
    width: 9px;
    margin-right: 5px;
    margin-bottom: 1px;
    position: absolute;
    top: 10px;
    background-image: url(../img/general_assets/left_carrot.png);
    background-size: contain;
    background-repeat: no-repeat;
}


a.workReturn:hover .leftCarrot{
    background-image: url(../img/general_assets/left_carrot_blue.png);
    
}





.newsLink{
    color: #00C0F3;
}

ul.listPhotoCaption{
    text-decoration: none;
    list-style: none;
    padding-inline-start: 0px;
    
    font-size: .925rem;
    line-height: 1.35;
    font-weight: 300;
    color: #6a737b !important;
}

.photoCaptionExternal{
}






.novocureHomepage01{
    display: block;

}


.novocureHomepage02{
    display: none;

}

.novocureHomepage03{
    display: none;

}


.workImgHide{
    display: none;
}

.workImgShow{
    display: block;
}


.workContainer{
    background-color: none;
}

.workContainer img{
    width: 100%;
}


.workContainer.PAG{
}


.featuredContainer{

}

.featuredContainer img{
    width: 100%;
}






#viewMore{
    font-weight: 700;
    text-decoration: none;
    color: #000;
    text-align: left;
    width: auto;
    margin-top: 3rem;
    margin-bottom: 6rem;
    z-index: 900;
}

#viewMore:hover {
    cursor: pointer;
    color: #6D6E71;
    color: #00C0F3;

}

.externalLinkContainerHomepage{
    background-color: #EDEEF2;
    height: 600px;
    overflow: hidden;
}

p.bodyText{
    font-size: 16px;
    line-height: 23px;
    font-weight: 100;

}

.rightSideImgContainer{
    position: relative;
}



img.containerImg{
    height: 600px;
    width: auto;

    position: absolute;
    left: 50%;
    transform: translateX(-50%)

}



footer .logo{
    max-width: 120px;
    width: 100%;

}

p.footerText{
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 0px;
}


span.boldFooter{
    font-weight: 700;
    line-height: 0px;
    margin-top: .35rem;
    margin-bottom: 1rem;
    text-align: left;
}


p.rightAlign{
    text-align: right;
}

p.floatRight{
    float: right;
}



a.cookieText{
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 0px;
    color: #6a737b !important;
    
}

a.cookieText :hover{
    color: #000;
    
}

a.rightAlign{
    text-align: right;
}

a.floatRight{
    float: right;
}



.aajFooter{
    height: 200px;
}

.footerLogos{
    height: 36px;
    width: auto;
    display: inline-block;
    margin-left: 16px;
    margin-bottom: 36px;
    float: right;
}


.footerLogosContainer{
    display: block;
    float: right;
    width: 100%;
}




/*====PROJECT PAGES====*/




.projectBannerContainer{
    height: auto;
    margin: 0 auto;
    position: relative;
    margin-top: 80px;
}



.projectBannerTitle{
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    right: 0;
    margin: auto;

}

h2.projectBannerTitle em{
    font-weight: 100 !important;
}


.projectBannerContainer img{
    width: 100%;
    height: auto;
}

video:hover{
    cursor: pointer;
}


.threeColumnIntroContainer{
/*    background-color: #00C0F3; */
    height: auto;
    width: 100%;

}



.projectSidebarList{
    list-style: none;
    font-weight: 300;
    line-height: 1.7;
}

.projectSidebarList a li:hover{
    color: #00C0F3;

}






/*==ABOUT PAGE==*/


.aboutOfficeImg{
    background-image: url(../img/about/office_11.jpg);
    height: 50vh;
    background-size: cover;
    background-attachment: fixed;
    min-height: 440px;
    background-position: center;

}

.bioImgContainer{
    position: relative;
}


img.bioImg{
    width: 100%;
    height: 100%;

}

img.bioImg:hover{
    cursor: pointer;

}










.bioColorBar{
    position: absolute;
    width: 10px;
    height: 100%;
    display: none;
}


.teamIntro{
    display: block;
}



h4.returnTeam:hover{
    color: #00C0F3;
    cursor: pointer;
}


a.returnAboutLink:hover{
    color: #00C0F3;
    cursor: pointer;
}


a.bioTextLink{
    color: #00C0F3;
}

a.bioTextLink:hover{
    text-decoration: underline !important;
}







.janColor{
    background-color: rgba( 254, 201, 0, 1.00 );
}

.shannonColor{
    background-color: rgba( 255, 80, 0, 1.00 );
}

.jpColor{
    background-color: rgba( 16, 86, 34, 1.00 );
}

.jakeColor{
    background-color: rgba( 105, 99, 153, 1.00);
}

.hayleyColor{
    background-color: rgba( 111, 168, 220, 1.00);
}

.keithColor{
    background-color: rgba( 162, 175, 176, 1.00 );
}


.ruthColor{
    background-color: rgba( 236, 0, 139, 1.00 );
}






/*====CONTACT PAGE====*/

.contactContainer{
    min-height: calc(100vh - 352px);
    margin-top: 80px;
    position: relative;
}

h3.contactPageInfo{
    font-weight: 100;
}



/*====NEWS PAGE====*/


.newsTitle{
    color: #00C0F3;
}


/*====TESTIMONIALS PAGE====*/

.quoteContainer{
    max-width: 1080px;
}

.testimonialQuote{
    color: #00C0F3;
    font-weight: 100;
    margin-left: 15px !important;
}

.openingQuote{
    height: 100%;
    position: absolute;
    color: #00C0F3;
    font-weight: 100;
}

.quoteDashDesktop{
    display: block;
}

.quoteDashMobile{
    display: none;
}










/*==NEW MEDIA BELOW==*/


@media screen and (min-width: 1650px) and (max-height: 899px) {

    #homepageVideoContainer{
        width: 100vw;
        height: 100vh;
    }


    video.homepageVideo{
        width: 100vw;
        height: auto;
        left: auto;
        transform: none;
        top: 50%;
        transform: translateY(-50%);
    }


   ul.list-menu li a{
        font-size: 5.5rem;
        line-height: 7rem;
    }


}


@media screen and (min-width: 2400px) and (min-height: 900px) {
    #homepageVideoContainer{
        height: 100vh;
        width: 100vw;

    }


    video.homepageVideo{
        width: 100vw;
        height: auto;
        left: auto;
        transform: translateX(0);
        top: 50%;
        transform: translateY(-50%);



    }


   ul.list-menu li{
        font-size: 5.5rem;
        line-height: 7rem;
    }


}




@media screen and (max-width: 1419px) and (min-height: 1100px) {


    #homepageVideoContainer{
        width: 100%;
        height: auto;
    }


    video.homepageVideo{
        width: 100%;
        height: auto;
        left: auto;
        transform: none;
    }



}



@media screen and (max-width: 1199px) {
    /*X-LARGE*/

    .hiddenBreakFooter{
        display: block! important;
        line-height: 2px;
    }



}


@media screen and (max-width: 991px) {
    /*LARGE*/


    #homepageVideoContainer{
        width: 100%;
        height: auto;
    }


    video.homepageVideo{
        width: 100%;
        height: auto;
        left: auto;
        transform: none;
    }


    img.containerImg{
        width: 100%;
        height: auto;
        max-height: 600px;
        max-width: 600px;
        position: relative;
    }

    .externalLinkContainerHomepage{
        height: auto;
    }

}


@media screen and (max-width: 767px) {
    /*MEDIUM*/

    .menuImageContainer{
        display: none;
    }


}



@media screen and (max-width: 575px) {
    /*SMALL*/

    .headline{
        font-size: 36px;
        padding-bottom: .5rem!important;

    }


    header .logo{
        max-width: 110px;
    }

    .projectBannerContainer{
    margin-top: 70px;
}


}








/*BOOTSTRAP GRID 4 SIZING */




/*==============XXXX-LARGE SIZE==============*/
@media screen and (min-width: 1920px){
     .aboutOfficeImg{
        height: 70vh;
    }

}


/*====QUOTE FIX====*/
@media screen and (min-width: 1770px){
    .quoteContainer{
        max-width: 1080px;
        margin: 0 auto;
    }
}


/*==============XXX-LARGE SIZE==============*/
@media screen and (min-width: 1660px) and (max-width: 1919px){
    .aboutOfficeImg{
        height: 66vh;
    }


}




/*==============XX=LARGE SIZE==============*/
@media screen and (min-width: 1440px){



}


/*==============X-LARGE SIZE==============*/
@media screen and (min-width: 1201px){



}

/*===============LARGE SIZE==============*/
@media screen and (max-width: 1200px){
    
        .openingQuote{
        font-size: 1.75rem;
    }
    
    .testimonialQuote{
        font-size: 1.75rem;
    }



}


/*===============LARGE SIZE MIN==============*/
@media screen and (min-width: 992px){

    .featuredTextWhite{
        color: #fff !important;

    }

    .projectTitleStacked{
        position: relative;
        display: none;
    }


    .projectBannerTitleStacked{
        display: none;
    }
    
    .legacyHeightFix{
    max-height: 675px;
}


}


/*==============MEDIUM SIZE==============*/
@media screen and (max-width: 991px){


      .projectTitleContainer{
        display: none;
    }


    .featuredProjectConainerLink:hover{
        color: #00C0F3;
    }


    .projectTitleStacked:hover{
        color: #00C0F3;
    }


    #viewMore{
    font-weight: 700;
    text-decoration: none;
    color: #000;
    text-align: left;
    width: auto;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}



    .projectBannerTitle{
        display: none;
    }



    






}




/*==============SMALL SIZE==============*/
@media screen and (max-width: 767px){



    h3{
        font-size: 1.75rem;
    }


    h1{
        font-size: 2.5rem;
    }


    .projectBannerCaption{
        bottom: 1rem;
    }



    ul.boldLinkList li{
         margin-bottom: 1rem;
    }


    .boldLink{
        font-size: 2rem;
        line-height: 1.35;

    }
    
    .quoteDashDesktop{
        display: none;
    }
    
    .quoteDashMobile{
        display: inline-block;
    }
    
    .quoteTitle{
        margin-left: 20px;
    }
    
    
    
 
    
    
    
    
    
    
    

    .workReturnText{
    margin-left: 25px;
}



.leftCarrot{
    display: inline-block;
    height: 20px;
    width: 12px;
    margin-right: 5px;
    margin-bottom: 1px;
    position: absolute;
    background-image: url(../img/general_assets/left_carrot.png);
    background-size: contain;
    
    top: 55%;
    transform: translateY(-50%);
}

    
    
    
    



a.workReturn:hover .leftCarrot{
    background-image: url(../img/general_assets/left_carrot_blue.png);
    
}
    
    

}


/*==============X-SMALL SIZE==============*/
@media screen and (max-width: 575px){
    hr.ourWorkRule{
    width: 40vw;
}

    hr.ruleOpen{
        width: 100%;
    }



    header .navbar{
        height: 70px;
        padding: 1rem;
    }
    
    .mobileNavLogoAdjust{
        margin-top: .425rem;
    }
    


    ul.list-menu.centerInDiv li a {
        font-size: 2rem;
        line-height: 2.25;

    }
    
    
    /*
    video.homepageVideo{
        margin-top: 70px;
        
    }*/
    
    
    #videoSizing{
        margin-top: 70px;
    }
    
   #scrolledMobile{
        background: #fff !important;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 10%) !important;
    }
    
    .logo-white{
        display: none !important;
    }
    
    .logo-black{
        display: block !important;
    }


    .nav-toggle span{
        background: black !important;
    }
    
    
}





 @media screen and (max-width: 479px){
     
     .openingQuote{
         font-size: 1.5rem;
     }
     
     .testimonialQuote{
         font-size: 1.5rem;
     }
     


}



/*==============XX-SMALL SIZE==============*/
@media screen and (max-width: 421px){

    .cookieBar p{
    font-size: .875rem;
    line-height: 1.4;
    }


}



@media screen and (max-width: 399px){

    #viewMore{
        font-size: 32px;
    }

}











































/*===OLD MEDIA BELOW==*/


@media only screen and (max-width: 765px) and (min-width: 689px){

   .desktop-img{
    display: none;
}
    .mobile-img{
    display: block;
}
       .mobile{
    display: block;
}
        .desktop{
    display: none;
}
        #menu {
    overflow: scroll;
    height: 100vh;
}
}

@media only screen and (max-width: 689px) and (min-width: 450px){
       .desktop-img{
    display: none;
}
    .mobile-img{
    display: block;
}
       .mobile{
    display: block;
}
        .desktop{
    display: none;
}

    .col-md-10{
    padding-right: 30px;
    padding-left: 30px;
    }

    #menu {
    overflow: scroll;
    height: 100vh;
}
    #menu::before{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.15);

        
    
}
    
    

}

@media only screen and (max-width: 480px) and (min-width: 240px){
    .mobile-img{
    display: block;
}
    .desktop-img{
    display: none;
}
    .desktop{
    display: none;
}
    .chart-box{
        width:100%;
    }

         .mobile{
    display: block;
}

.pt-5 {
    padding-top: 2rem!important;
}

    .col-md-10{
            padding-right: 30px;
    padding-left: 30px;
    }


h4 {
    font-size: 1.5rem;
}

    #menu {

    overflow: scroll;
    height: 100vh;
}


    h1 {
    font-size: 2rem;
}

    h2 {
    font-size: 1.125rem;
}

    .speech-bubble-wrap .speech-bubble {
        width: 190px;}

    .py-5 {
        padding-top: 1rem!important;}

    p3 {
        font-size: 1.2rem;}

     h3 {
    font-size: 1.2rem;}

}




@media (min-width: 768px){}
.maxw100 {
    max-width: 100%;
}}

@media (min-width: 992px){
.maxw100{
    max-width: 100%;
    }}






























.addNone{
    display: none;

}




/* Safari 11+ 
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
.twoRowWide{
    display: inline-table !important;;
}
}} */




.video1{
    display: none;
    background-color: black;
}

.video2{
    display: none;
}


.hideVideo{
    display: none;
}

.showVideo{
    display: block !important;
}

.homepageVideo{
        cursor: default!important;
    left: 0;
    position: absolute;
}



.whatWeDidSubCaption{
    font-size: .9rem;
    line-height: 1.35;
    
}