.flex-grid-quarters {
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
}

.flex-grid-quarters .flex-col {
    flex-basis: calc(25% - 20px);
    margin: 10px;
    box-sizing: border-box;
}

.section.wysiwyg.expert-panel-container .container {
	max-width: 1440px !important;
}


@media (max-width: 768px) {
    .flex-grid-quarters .flex-col {
        flex-basis: calc(100% - 20px);
    }


    .fdep-modal .bt_bb_wrapper {
        width: 100%;
    }

    .fdep-modal .fdep-modal-image {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
        margin-bottom: 20px;
    }
}

.fdep-modal {
    /*max-width: 1200px;*/
  }
  
  .fdep-modal h3, .fdep-modal h4 {
    text-align: center;
  }
  
  .fdep-modal-image {
    float: left;
    padding-right: 20px;
	padding-bottom: 20px;
  }
  
  /* Faraday Specific */
  .blocker {
    background-color: rgba(255, 255, 255, 0.9);
  }
  
  .modal {
    -webkit-box-shadow: 0 0 10px #cccccc;
            box-shadow: 0 0 10px #cccccc;
  }
  
  .fdep-item {
    border: 1px solid #cccccc;
  }
  
  .fdep-item h3 {
    font-size: 16px !important;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #2a3481;
  }
  
  .fdep-item:hover {
    background-color: #dd3333;
  }
  
  .fdep-item:hover h3 {
    color: white !important;
  }
  
  .fdep-job-title {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 20%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .fdep-view {
    color: white;
    background-color: #dd3333;
    padding: 5px;
    text-decoration: none !important;
    font-size: 16px;
    text-transform: uppercase;
  }
  
  .fdep-view:hover {
    color: white;
  }
  
  .fdep-modal h3 {
    text-transform: uppercase;
    color: #2a3481;
    font-weight: normal;
  }
  
  .fdep-modal h4 {
    text-transform: uppercase;
    color: #dd3333;
    font-weight: normal;
  }
  
  .fdep-modal hr {
    background-color: #cccccc;
  }
  
  .fdep-modal-content {
    background: white;
    padding: 30px;
  }
  

  .fdep-thumbnail-container {
    position: relative;
  }

  .fdep-thumbnail-container img {
      vertical-align: bottom;
      width: 100%;
      height: auto;
  }
  
  .fdep-hover-content {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
    text-align: center;
  }
  
  .fdep-item:hover .fdep-hover-content {
    opacity: 1;
  }
  
  #colorbox {
    margin-top: 20px;
    -webkit-box-shadow: 10px 10px 32px 24px #cccccc;
            box-shadow: 10px 10px 32px 24px #cccccc;
    border-radius: 20px;
  }
  
  #cboxOverlay {
    background: rgba(255, 255, 255, 0.9);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  
  #colorbox {
    outline: 0;
  }
  
  /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
  #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    position: absolute;
    bottom: -29px;
    background: url(images/controls.png) no-repeat 0px 0px;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
  }
  
  /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
  #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
  }
  
  #cboxPrevious {
    left: 0px;
    background-position: -51px -25px;
  }
  
  #cboxPrevious:hover {
    background-position: -51px 0px;
  }
  
  #cboxNext {
    left: 27px;
    background-position: -75px -25px;
  }
  
  #cboxNext:hover {
    background-position: -75px 0px;
  }
  
  #cboxClose {
    right: 0;
    background-position: -100px -25px;
  }
  
  #cboxClose:hover {
    background-position: -100px 0px;
  }

	#cboxLoadedContent {
		background: white;
	}
  
  #fdep-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
    cursor: pointer;
  }



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
  }
  
  #cboxWrapper {
    max-width: none;
  }
  
  #cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  
  #cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
  }
  
  #cboxContent {
    position: relative;
  }
  
  #cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  #cboxTitle {
    margin: 0;
  }
  
  #cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
  }
  
  .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
  }
  
  .cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
  }
  
  #colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
  }



@media print {
	
	.header__static {
		height: 100px !important;
	}
	
	.menu-wrapper {
		display: none;
	}
	
	.grecaptcha-badge {visibility: hidden !important;}
	
	.flex-grid-quarters .flex-col {
		flex-basis: calc(25% - 20px);
		margin: 10px;
		box-sizing: border-box;
	}
	
}