/* crossbrowser.css v 422 */

#threeD-container{
    position:absolute;
    width:100vw;
    height:100vh;
    min-height: 882px;
}

.contactPageUL {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: auto;
  background-color: #f1f1f1;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
  font-family: 'Lora', serif !important;
} 

.contactPageLI{
  display: block;
  color: #000;
  padding: 8px 4px;
  text-decoration: none;
  font-family: 'Lora', serif !important;
  position:relative;
}

.level1{
    font-size: 18px;
    padding-left: 36px;
    padding-top:18px;
    padding-bottom:18px;
    background-color: #041e42;
    color: #869092;
    max-height:230px;
    overflow:auto;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
  }
  
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #515e68;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  } 
  ::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    background-color: #64717b;
  }



.level2Subsection{
    font-size: 16px;
    font-weight: bold;
    padding-left: 36px;
    padding-top:4px;
    padding-bottom:4px;
    background-color: #64717b;
    color: #041E42;
}

.level2{
    font-size: 16px;
    font-weight: normal;
    padding-left: 50px;
    padding-top:5px;
    padding-bottom:5px;
    background-color: #64717b;
    color: #041E42;
}

.level2[id="Strategic Advisor"] {
    display: none;
}

.level3{
    font-size: 16px;
    font-weight: normal;
    padding-left: 92px;
    padding-top:4px;
    padding-bottom:4px;
    background-color: #64717b;
    color: #041E42;

}

.containerItem{
    padding:0;
}

/* Change the link color on hover */
.contactPageLI a:hover {
  background-color: #555;
  color: white;
}

#nav{
    position:absolute;
    top:381px;
    width:400px;
    /* right:0px; */
    pointer-events: auto;
    opacity: 0;
}

#nav form {
    position: relative;
 }

#sandbox{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    /* overflow:hidden; */
    pointer-events:none;
}

#breadcrumbs{
    position:absolute;
    top:-40px;
    left:14px;
    /* border:1px solid white; */
}

#mobileBreadcrumbs{
    position:absolute;
    top:0px;
    left:27px;
    height:24px;
}

.navHeaderText {
    width: 312px;
    height: 18px;
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: 3.41px;
    color: #848d8f;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;

  }

  .navHeaderTextMobile{
    margin-left: 30px !important;
  }




.level1Arrow{
    background-image: url(../assets/navTri.svg);
    background-repeat: no-repeat;
    width:13px;
    height:7px;
    float:right;
    position:absolute;
    right:52px;
    top:30px;
    /* padding-right:60px; */
    
}

.flippedY{
    transform: scaleY(-1);
}

.level1Search{
    background-image: url("../assets/searchButton.svg");
    background-repeat: no-repeat;
    width: 13px !important;
    height: 13px !important;
    position: absolute;
    top: 8px;
    right: 45px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    display: inline-block;
}

.level1SearchTablet{
    background-image: url("../assets/searchButton.svg");
    background-repeat: no-repeat;
    width: 13px !important;
    height: 13px !important;
    position: absolute;
    top: 8px;
    left: 329px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    display: inline-block;
}


.searchField{
    background: transparent;
    border: none;
    outline: none;
    color: #869092;
    font-family: 'Lora', serif;
    font-size: 18px;
}


.level1active{
    background-color: #041e42;
    color: #869092;
    cursor: pointer;
}

.level2active{
    background-color:#939aa0;
    color: #041E42;
    cursor: pointer;
}

.level3active{
    background-color:#939aa0;
    color: #041E42;
    cursor: pointer;
}


.level1inactive{
    background-color: #041e42;
    color: #869092;
    cursor: default;
}

.level2inactive{
    background-color: #64717b;
    color: #041E42;
    cursor: default;
}

.level3inactive{
    background-color: #64717b;
    color: #041E42;
    cursor: default;
}



.active{
    background-color: #555;
    color: white;
}

.inactive{
    background-color: #f1f1f1;
    color: #000;
}

.show{
    display:block;
}

.hide{
    display:none;
}

.crumb{
    float:left;
    width:auto;
    height:auto;
    padding: 3px 3px;
    margin: 3px 3px;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
    color:white;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    pointer-events: auto;
    text-transform: uppercase;
    color: #d8d8d8;
}

.crumbMobile{
    float:left;
    width:auto;
    height:auto;
    padding: 3px 3px;
    padding-left: 7px;
    margin: 3px 3px;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
    color:white;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    pointer-events: auto;
    text-transform: uppercase;
    color: #d8d8d8;
    background-color:rgba(132, 141, 143, 0.24);
    ;
}

.clearAllCrumb{
    float:left;
    width:auto;
    height:auto;
    padding: 7px 3px 3px 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 0px;
    margin-left: 3px;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    pointer-events: auto;
    text-transform: uppercase;
    color: #d8d8d8; 
}


.X {
    /* position:absolute; */
    width: 12px;
    height: 19px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.58;
    letter-spacing: 2.73px;
    /* top:-2px; */
    color: #d8d8d8;
    vertical-align: super;
  }




/* LAYOUT OF CARDS */


iframe{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    /* min-height: 882px; */
    pointer-events: none;
    
}

#the_iframe{
    height:100%;
}

.desktopIframe{
    
   min-height: 882px;

    
}

#interface{
    position:absolute;
    top:0px;
    left:0px;
}

#colorOverlay{
    position:absolute;
    background-color:#041E42;
    opacity:0;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    min-height: 882px;
    pointer-events: none;
    /* mix-blend-mode: screen; */
}

#contentContainer{
    position:absolute;
    top:368px;
    left:113px;
    width:300px;
    height:300px;
    /* overflow:hidden; */
    pointer-events: none;
    /* mix-blend-mode: screen; */
}

#largeContentContainer{
    position:absolute;
    top:368px;
    left:113px;
    width:300px;
    height:300px;
    /* overflow:hidden; */
    pointer-events: none;
    /* mix-blend-mode: screen; */
}

.largeContentClose {
    position:absolute;
    top:-37px;
    left:-35px;
    width: 29px;
    height: 27px;
    border: solid 0.5px #ffffff;
    pointer-events: auto;
}

.xLeft {
    position:absolute;
    top:3px;
    left:12px;
    width: 2.5px;
    height: 18.7px;
    transform: rotate(-45deg);
    background-color: #ffffff;
}

.xRight {
    position:absolute;
    top:11px;
    left:4px;
    width: 18.7px;
    height: 2.5px;
    transform: rotate(-45deg);
    background-color: #ffffff;
  }



.employeeLargeCardInstance{
    position:absolute;
    width: 580px;
    height: 330px;
    opacity:0;
    pointer-events: auto;
}

.employeeLargeCardBackground{
    width: 100%;
    height: 100%;
    opacity: 0.25;
    background-color: rgba(132, 141, 143, 0.75);
}


.employeeInstance{
    position:absolute;
    width: 281px;
    height: 125px;
    opacity:0;
    pointer-events: auto;
}

.employeeInstanceMobile{
    position:absolute;
    width: 295px;
    height: 250px; /* was 200 */
    opacity:0;
    pointer-events: auto;
    text-align: left;
}


.employeeInstanceTablet{
    position:absolute;
    width: 330px;
    height: 240px;
    opacity:0;
    pointer-events: auto;
    text-align: left;
}

.employeeInstanceBackground{
    position:absolute;
    width: 100%;
    height: 100%;
    opacity: 0.25;
    background-color: rgba(132, 141, 143, 0.75);
}


.x1{
    left:0px;
}

.x2{
    left:299px;
}

.x3{
    left:598px;
}

.x4{
    left:897px;
}

.y1{
    top:0px;
}

.y2{
    top:141px;
}

.y3{
    top:282px;
}

.y4{
    top:423px;
}



.nextX1{
    left:199px !important;
}

.nextX2{
    left:498px !important;
}

.nextX3{
    left:797px !important;/* added 30 */
}

.nextX4{
    left:1096px !important;
}

.prevX1{
    left:0px !important;
}

.prevX2{
    left:299px !important;
}

.prevX3{
    left:598px !important;
}

.prevX4{
    left:897px !important;
}

.paginationY1{
    top:130px !important;
}

.paginationY2{
    top:271px !important;
}

.paginationY3{
    top:412px !important;/* added 30 */
}


.employeeName {
    position:absolute;
    width: 260px;
    height: 50px;
    left:18px;
    top:17px;
    font-family: "Montserrat";
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 22px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #ffffff;
    text-transform: uppercase;
}

.employeeName .firstName {
    font-weight: normal;
    font-family: "Montserrat";
}

.employeeNameLarge {
  position:absolute;
  left:30px;
  top:22px;
  width: 494px;
  height: 67px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  font-family: "Montserrat";
  font-size: 29px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.62;
  letter-spacing: normal;
  color: #ffffff;
}

.employeeNameLarge .firstName {
    font-weight: normal;
    font-family: "Montserrat";
}


.employeeTitle{
    position:absolute;
    width: 260px;
    height: 25px;
    left:18px;
    top:72px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.08;
    letter-spacing: normal;
    color: #ffffff;
}

.employeeOffice{
    position:absolute;
    width: 260px;
    height: 25px;
    left:18px;
    top:89px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    line-height: 2.08;
    letter-spacing: normal;
    color: #ffffff;
}

.employeeTitle .discipline {
    font-weight: 500;
    font-family: "Montserrat";
}

.employeeTitleLarge{
    position:absolute;
    left:30px;
    top:70px;
    width: 441px;
    height: 25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #ffffff;
}


.employeeLocation {
    position:absolute;
    width: 236px;
    height: 25px;
    left:18px;
    top:91px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #ffffff;
  }

  .employeeServicesLarge {
    position:absolute;
    left:30px;
    top:186px;
    width: 493px;
    height: 38px;/*Only for the demo.*/
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    color: #ffffff;
  }


  .employeeProductsLarge {
    position:absolute;
    left:30px;
    top:136px;
    width: 493px;
    height: 38px;/*Only for the demo.*/
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-end;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    color: #ffffff;
  }

  .employeeEmailLarge {
    position:absolute;
    left:29px;
    top:239px;
    width: 493px;
    height: 47px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.05;
    letter-spacing: normal;
    color: #ffffff;
  }

  .employeePhoneLarge {
    position:absolute;
    left:30px;
    top:275px;
    width: 345px;
    height: 47px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: Montserrat;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
  }

  .previousPage{
    position:absolute;
    top:780px;
    left:427px;
    width:120px;
    height:50px;
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    color: #ffffff;
    cursor: pointer;
    pointer-events: auto;
  }

  .nextPage{
    position:absolute;
    top:580px;
    left:616px;
    width:110px;
    height:50px;
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    color: #ffffff;
    cursor: pointer;
    pointer-events: auto;
  }

  .paginationPlain{
    font-weight: 400;
  }


  #mainSearchHeader{
    position:absolute;
    top:-258px;
  }

  #mobileMainSearchHeader{
    position:absolute;
    left:30px;
    top:137px;
    pointer-events: none;
  }

  .mobileMainSearchHeaderTabletPortrait{
    top:185px !important;
    left:30px !important;
  }

  .mobileMainSearchHeaderTabletLandscape{
    top:125px !important;
    left:50px !important;
  }



  #mobileOfficeInfoCard{
    position:absolute;
    left:0px;
    top:121px;
    width:100vw;
    height:370px;
    background-color: #041E42; 
    display:none;
    pointer-events: none;
    z-index: 1001;

  }

  .sectionTitle{
    width: 200px;
    height: 16.1px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #ffffff;

  }

  .sectionTitleOffice{
    position: absolute;
    top:100px;
    left:79px;
    width: 80px;
    height: 16px;
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: normal;
    color: #ffffff;
  }

  .sectionTitleMobileMainSearch{
    width: 200px;
    height: 16px;
    font-family: "Montserrat";
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #ffffff;

  }

  .sectionTitleResult1{
    width: 350px;
    height: 45.3px;
    font-family: 'Lora', serif;
    font-size: 38px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.87;
    letter-spacing: normal;
    color: #ffffff;
    padding-top:13px;
  
}

.sectionTitleResult1MobileSearch{
    position:relative;
    width: 281px;
    height: 45.3px;
    font-family: 'Lora', serif;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.87;
    letter-spacing: normal;
    color: #ffffff;
    padding-top:13px;
    pointer-events: none;
  
}

.sectionTitleResult1TabletSearch{
    width: 260px;
    height: 65px;
    font-family: 'Lora', serif;
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    color: #ffffff;
    pointer-events: none;
  
}

.sectionTitleResult2TabletSearch{
  position:relative;
  margin-bottom: 30px;
  left:25px;
  width: 201px;
  height: 58px;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #ffffff;
  pointer-events: none;
}

.sectionTitleResult3TabletSearch{
    position:relative;
    padding-top:0px;
    left:25px;
    width: 201px;
    height: 48px;
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.06;
    letter-spacing: normal;
    color: #ffffff;
    /* pointer-events: none; */
  
}

.sectionTitleResult1Office{
    position: absolute;
    top:119px;
    left:79px;
    width: 226px;
    height: 40px;
    font-family: 'Lora', serif;
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.97;
    letter-spacing: normal;
    color: #ffffff;
}

.sectionTitleResult2{
    width: 281px;
    height: 96.6px;
    font-family: "Montserrat";
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    color: #ffffff;
    padding-top:9px;
}

.sectionTitleResult2Office{
    position: relative;

    /* width: 216px;
    height: 58px; */
    display: inline-block;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #ffffff;
    padding-bottom: 35px;
}

.sectionTitleResult3{
    width: 281px;
    height: 96.6px;
    font-family: "Montserrat";
    font-size: 17px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    color: #ffffff;
    font-weight: 600;
}


.sectionTitleResult3Office{
    position: relative;
    display: inline-block;
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.06;
    letter-spacing: normal;
    color: #ffffff;
    
}

.mobileAddressContainer{
    position: relative;
    left:112px;
    top:192px;
    display: inline-block;
    width:216px;
}


/* MOBILEW CODE */

.selectContainer{
    width:100vw;
    height:44px;
    margin-top:1px;
    position:relative;
}

.contactPageSelect {
    list-style-type: none;
    background-color: #041e42;
    color: #869092;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
    font-family: 'Lora', serif !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    width: 100vw;
    height: 44px;
    border: 0px;
    outline: 0px;
   
} 

select.contactPageSelect{
    padding-left: 30px;
    font-family: 'Lora', serif !important;
    color: #869092;
    font-size: 16px;
    /* margin-top:1px; */
}

select.contactPageSelect option:first-child{
    color: #869092;
}


.contactPageLI{
    margin:0;
}

.level1Mobile{
    font-size: 18px;
    
    padding: 0px;
   /*  padding-top:18px;
    padding-bottom:18px; */

    background-color: #041e42;
    color: #869092;
    width:100vw;
    height:44px;
    margin-top:1px;
}


.searchFieldMobile{
    background: transparent;
    border: none;
    outline: none;
    color: #869092;
    font-family: 'Lora', serif;
    font-size: 16px;
    
}

.searchFieldMobileActivated{
    color: #fff !important; 
}

.formMobile{
    padding-top: 5px;
    padding-left: 21px;
}



.searchContainerMobile{
    width:100vw !important;
}

.searchContainerTablet{
    width:375px !important;
}

.level1ArrowMobile{
    background-image: url(../assets/navTri.svg);
    background-repeat: no-repeat;
    width:13px;
    height:7px;
    float:right;
    position:absolute;
    right:45px;
    top:20px;
    /* padding-right:60px; */
    
}

.level1ArrowTablet{
    background-image: url(../assets/navTri.svg);
    background-repeat: no-repeat;
    width:13px;
    height:7px;
    float:right;
    position:absolute;
    left:325px;
    top:20px;
    /* padding-right:60px; */
    
}

.submitButtonMobile{
    background-image: url(../assets/button-submit.png);
    background-repeat: no-repeat;
    width:80px;
    height:32px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}



#mobileContainer{
    position: absolute;
    width:100vw;
    height:100vh;
    left:0px;
    top:0px;
    pointer-events:none;
}


#mobileCardsContainer{
    position: absolute;
    height:200px;
    left:30px;
    top:41px;
    pointer-events:none;
}

#contentMask{
    position: absolute;
    width:100vw;
    height:90vh; /*  height:100vh; */
    left:0px;
    top:0px;
    /* overflow:hidden; */
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;    
}




.employeeProductsMobile {
    position:absolute;
    left:20px;
    top:78px;
    height: 28px;/*Only for the demo.*/
    display: flex;
    align-items: flex-end;
    width: 260px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    
    line-height: 1.16;
    letter-spacing: normal;
    color: #ffffff;
  }

  .employeeProductsTablet {
    position:absolute;
    left:28px;
    top:82px;
    height: 28px;/*Only for the demo.*/
    display: flex;
    align-items: flex-end;
    width: 277px;
    /* height: 75px; */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    
    line-height: 1.47;
    letter-spacing: normal;
    color: #ffffff;
  }

  .employeeEmailMobile {
    position:absolute;
    left:42px;
    top:165px;
    width: 250px;
    height: 20px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 11.4px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.05;
    letter-spacing: -.35px;
    /* letter-spacing: normal; */
    color: #ffffff;
  }

  .employeeEmailTablet {
    position:absolute;
    left:51px;
    top:159px;
    width: 250px;
    height: 20px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.05;
    letter-spacing: normal;
    color: #ffffff;
  }

  .employeePhoneMobile {
    position:absolute;
    left:40px;
    top:207px;
    width: 210px;
    height: 20px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
  }

  .employeePhoneTablet {
    position:absolute;
    left:51px;
    top:203px;
    width: 210px;
    height: 20px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
  }

  .employeeServicesMobile {
    position:absolute;
    width: 236px;
    height: 25px;
    left:20px;
    top:113px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    line-height: 1.16;
    letter-spacing: normal;
    color: #ffffff;
    
  }

  .employeeServicesTablet {
    position:absolute;
    width: 277px;
    height: 25px;
    left:28px;
    top:117px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    line-height: 1.16;
    letter-spacing: normal;
    color: #ffffff;
  }


  .employeeTitleMobile{
    position:absolute;
    width: 260px;
    height: 25px;
    left:20px;
    top:33px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.08;
    letter-spacing: normal;
    color: #ffffff;
}

/* .employeeTitleLarge{
    position:absolute;
    left:30px;
    top:87px;
    width: 441px;
    height: 25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #ffffff;
}

.employeeTitleLarge .discipline {
    font-weight: 500;
    font-family: "Montserrat";
} */


.employeeOfficesLarge{
    position:absolute;
    left:30px;
    top:95px;
    width: 441px;
    height: 25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 18px;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.25;
    letter-spacing: normal;
    color: #ffffff;
    font-weight: 300;
    font-family: "Montserrat";
}

.employeeOfficesMobile{
    position: absolute;
    width: 230px;
    height: 25px;
    left:20px;
    top:53px;
    font-weight: 300;
    font-style: italic;
    font-family: "Montserrat";
    font-size: 11px;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.employeeOfficesTablet{
    position: absolute;
    width: 260px;
    height: 25px;
    left:28px;
    top:57px;
    font-weight: 300;
    font-style: italic;
    font-family: "Montserrat";
    font-size: 11px;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.employeeTitleTablet{
    position:absolute;
    width: 277px;
    height: 25px;
    left:28px;
    top:38px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.08;
    letter-spacing: normal;
    color: #ffffff;
}

.employeeTitleTablet .disciplineTablet {
    font-weight: 500;
    font-family: "Montserrat";
}


.employeeNameMobile {
    position:absolute;
    width: 270px;
    height: 50px;
    left:20px;
    top:18px;
    font-family: "Montserrat";
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #ffffff;
    text-transform: uppercase;
}

.employeeNameMobile .firstName {
    font-weight: normal;
    font-family: "Montserrat";
}


.employeeNameTablet {
    position:absolute;
    width: 277px;
    height: 50px;
    left:28px;
    top:22px;
    font-family: "Montserrat";
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #ffffff;
    text-transform: uppercase;
}

.employeeNameTablet .firstName {
    font-weight: normal;
    font-family: "Montserrat";
}


.employeePhoneIconMobile {
    position:absolute;
    width: 14px;
    height: 14px;
    background-image:url(../assets/phone.svg); 
    left:18px;
    top:210px;
}

.employeeEmailIconMobile {
    position:absolute;
    width: 14px;
    height: 11px;
    background-image:url(../assets/email.svg);
    left:18px;
    top:172px;
}

.employeePhoneIconTablet {
    position:absolute;
    width: 14px;
    height: 14px;
    background-image:url(../assets/phone.svg); 
    left:28px;
    top:205px;
}

.employeeEmailIconTablet {
    position:absolute;
    width: 14px;
    height: 11px;
    background-image:url(../assets/email.svg);
    left:28px;
    top:165px;
}


#mobileTeamInterface{
    position:absolute;
    top:219px;
    left:0px;
    width:100vw;
    height:270px;
    pointer-events: none;
    text-align: center;
}

#mobileNavTab{
    position:absolute;
    top:137px;   
    right:-44px;
    width:44px;
    height:45px;
    background-image:url(../assets/search-filters-collapsed.jpg?v=2);
    pointer-events: auto;
}

.desktopCardVCS{
    position:absolute;
    top:276px;
    left:531px;
    width:16px;
    height:23px;
    background-image:url(../assets/download-icon_lg.png);
    background-repeat: no-repeat;
    pointer-events: auto;
}

.mobileCardVCS{
    position:absolute;
    top:200px;
    left:257px;
    width:20px;
    height:28px;
    background-image:url(../assets/download-icon.png);
    background-repeat: no-repeat;
}

.tabletCardVCS{
    position:absolute;
    top:192px;
    left:284px;
    width:20px;
    height:28px;
    background-image:url(../assets/download-icon.png);
    background-repeat: no-repeat;
}

#mobilePageController{
    position: relative;
    margin: 305px auto 0;
    display: inline-block;
    width: auto;
    height: 28px;
    pointer-events: none;
    visibility:hidden;
}

.tabletMargin{
    margin: 297px auto 0 !important;
}

#mobilePrevious{
    float:left;
    width:7px;
    height:11px;
    background-image:url(../assets/backArrow.png);
    background-repeat: no-repeat;

}

#pageMap{
    float:left;
    width:auto;
    height:11px;
    margin-left: 34px;
    margin-right: 34px;
    font-weight: 300;
    font-family: "Montserrat";
    color:#848D8F;
    font-size: 13px;
    line-height:1;
}

#pageMap .activePage{
    color:#FFFFFF;
    font-weight: 600;
}

#mobileNext{
    float:left;
    width:7px;
    height:11px;
    background-image:url(../assets/fowardArrow.png);
    background-repeat: no-repeat;

}

.contactIcons{
    position:static;
    display:inline-block;
    margin-left: 10px;
    width:33px;
    height:14px;
    background-image:url(../assets/contactIcons.png);
    background-repeat: no-repeat;
    pointer-events: auto;

}


.phoneIcon{
    position:absolute;
    width:14px;
    height:14px;
    left:-30px;
    top:4px;
    background-image:url(../assets/phone.png);
    background-repeat: no-repeat;
    pointer-events: auto;
}



.mapIcon{
    position:absolute;
    width:10px;
    height:14px;
    left:-28px;
    top:4px;
    background-image:url(../assets/map.png);
    background-repeat: no-repeat;
    pointer-events: auto;
}


#mobileCityCloseButton{
    position:absolute;
    left:29px;
    top:29px;
    width:100px;
    height:20px;
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #ffffff;
    pointer-events: auto;
}


.closeIcon{
    width:15px;
    height:16px;
    top:-4px;
    background-image:url(../assets/exit.png);
    background-repeat: no-repeat;
    pointer-events: auto;
    padding-right:23px;
}

#modalOverlay{
    position:absolute;
    width:100vw;
    height:100vh;
    background-color: #041e42;
    opacity:.55;
    pointer-events: auto;
    display:none;
    z-index: 1000;
}


#navBackground{
    position:absolute;
    pointer-events: none;
    background-color: #041E42;
    opacity: .55;
    width:438px;
    height:450px;
    right:0px;
    top:-25px;
}

#rotatePhone{
    position:absolute;
    width:124px;
    height:111px;
    background-image:url(../assets/rotatePhoneIcon.png);
    background-repeat: no-repeat;
    pointer-events: none;
    margin: auto;
    top: 125px; left: 0; right: 0;
    display: none;

}

#noResultsDesktop{
    position:absolute;
    top:30px;
    left:18px;
    color: #FFFFFF;
    font-family: 'Lora', serif;
    font-size: 24px;
    pointer-events: none;
    display:none;
    text-align: left;
}

#noResultsDesktop .noResultSmallDesktop{
    color: #FFFFFF;
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    pointer-events: none;
}

.noResultsTablet{
    position:absolute;
    top:30px;
    left:2px;
    width:300px;
    color: #FFFFFF;
    font-family: 'Lora', serif;
    font-size: 22px;
    pointer-events: none;
    display:none;
    text-align: left;
}


.noResultsTablet .noResultSmallTablet{
    color: #FFFFFF;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    pointer-events: none;
}

.noResultsMobile{
    position:absolute;
    top:30px;
    left:2px;
    width:300px;
    color: #FFFFFF;
    font-family: 'Lora', serif;
    font-size: 20px;
    pointer-events: none;
    display:none;
    text-align: left;
}


.noResultsMobile .noResultSmallMobile{
    color: #FFFFFF;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    pointer-events: none;
}

#team{
    pointer-events: none;
}


.teamDesktop{
    width: 161px;
    height: 28px;
    transform: rotate(-90deg);
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.8;
    letter-spacing: normal;
    text-align: center;
    color: #848d8f;
    position:absolute;
    top:419px;
    left:-20px;
  }

  .teamMobile{
    width: 100%;
    height: 28px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 3;
    letter-spacing: normal;
    text-align: center;
    color: #848d8f;
    top:97px;
    left:0px;
    position:absolute;
  }

  .teamTabletLandscape {
    width: 100%;
    height: 28px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 3;
    letter-spacing: normal;
    text-align: center;
    color: #848d8f;
    top:102px;
    left:0px;
    position:absolute;
  }

  .teamTabletPortrait {
    width: 100%;
    height: 28px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 3;
    letter-spacing: normal;
    text-align: center;
    color: #848d8f;
    top:102px;
    left:0px;
    position:absolute;
  }

  .backToSearchResults {
    width: 173px;
    height: 36px;
    font-family: "Montserrat";
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    color: #ffffff;
    display:none;
    position:absolute;
    top:436px;
    left:50px;
    pointer-events: auto;
  }


  /* #cardloaderDesktop{
    top:40%;
    left:50%;   
    display:none;
  } */

  .cardLoader {
    font-size:0px;
    padding:0px;
    position:absolute;
    width:70px;
 }
 .cardLoader span {
    vertical-align:middle;
    border-radius:100%;
    
    display:inline-block;
    width:10px;
    height:10px;
    margin:3px 2px;
    -webkit-animation:cardLoader 0.8s linear infinite alternate;
    animation:cardLoader 0.8s linear infinite alternate;
 }
 .cardLoader span:nth-child(1) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
   background:rgba(132, 141, 143,0.6);
 }
 .cardLoader span:nth-child(2) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
   background:rgba(132, 141, 143,0.8);
 }
 .cardLoader span:nth-child(3) {
    -webkit-animation-delay:-0.26666s;
    animation-delay:-0.26666s;
   background:rgba(132, 141, 143,1);
 }
 .cardLoader span:nth-child(4) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
   background:rgba(132, 141, 143,0.8);
   
 }
 .cardLoader span:nth-child(5) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
   background:rgba(132, 141, 143,0.4);
 }
 
 @keyframes cardLoader {
    from {transform: scale(0, 0);}
    to {transform: scale(1, 1);}
 }
 @-webkit-keyframes cardLoader {
    from {-webkit-transform: scale(0, 0);}
    to {-webkit-transform: scale(1, 1);}
 }

 #cardloaderDesktop{
    top:40%;
    left:50%;   
    display:none;
  }


  #cardloaderMobile{
    top:40%;
    left:50px;  
    display:none;
  }