/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


.team a {
  color:#ffb71b;
}

body.preloader-site {
    /*overflow: hidden;*/
}
.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
}
.preloader svg {
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	stroke-width:10px;
	stroke-color:#000;
	overflow: visible;
}
.preloader svg path {
	fill:none;
	stroke:#000;
	stroke-opacity:1;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:12px;

}
.pv2, .pv3,.pv4, .pv5, .pv6 {display:none;}














body, h1, h2, h3, h4, h5, p, div, span, a {
  font-family: 'Montserrat', sans-serif !important; 
}
.nopad {
  padding: 0px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px !important;
}
.clear {
  width:100%;
  clear:both;
  float:left;
  height:1px;
}
.front {
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  background:rgba(0,0,0,0);
  z-index:2;
  padding:50px 0 0 0;
  transition:all .3s;
  border-bottom:1px solid rgba(0,0,0,0);
}

.nav {
  float:right;
  margin:0;
  padding:0;
  list-style:none;
  text-align:right;
}
.nav li {
  float:left;
  margin:0 30px;
  font-size:16px;
  padding:0 0 0 0;
  color:#FFF;
  list-style:none;
  text-align:right;
  transition:all .3s;
}
.nav li a {
  color:#FFF; 
}
.logo {
    margin: 0px auto 40px;
    width: 90%;
    transition: all .3s;
}
.scrolled {
   background-color:#022B49 !important;
   padding:20px 0 25px;
   border-bottom:1px solid #ffb71b;
}
.scrolled .logo {
   margin: 0px auto 0px;
    width: 70%;
}
.scrolled .nav li {
  font-size:14px; 
}

.nav li.active a {
  color:#ffbb00 !important; 
}




.header {
  width:100%;
  min-height:850px;
  margin:0px 0 0 0;
  padding:280px 0 0px;
  float:left;
  background:#00538B;
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  overflow:hidden;
  text-align:center;
}
.arrow {
  width:70px; 
  margin:250px auto 0;
  opacity:1;
}
.client-logo {
  float:left;
  width:100%;
  margin:0 0 30px 0;
}
.client-logo img {
  display:none;
  width:60%;
  height:auto;
}
.bg-video {
  width:100%;
  position:absolute;
  z-index:0;
  top:0px;
  left:0px;
  opacity:.80;
  mix-blend-mode: multiply;
}
.yellowmark {
  position:absolute;
  top:0;
  right:-10%;
  opacity:.8;
  /*mix-blend-mode: luminosity;*/
}
.bg-video video {
  width:130%;
  margin-left:-15%;
}
.header h1 {
  color:#FFF;
  font-weight:100;
  width:100%;
  line-height:84px;
  text-align:left;
  font-size:68px;
  text-transform:uppercase;
}
.header h1 strong {
  font-weight:800;
  font-size:96px;
}
.header h1 span {
  color:#ffb71b; 
}
.header p {
  color: #e3e3e3;
  font-size: 21px;
  font-weight: normal;
  text-transform: none;
  padding: 0 200px 0 0; 
}
.top {
  position:relative;
  z-index:1;
}

.border {
  width:100%;
  float:left;
  border-top:50px solid #022B49;
  overflow:hidden;
  background:#F8f8f8;
}
.border svg {
  transform:rotate(180deg);
  margin-top:-2px;
  height:120px;
  width:120%;
  margin-left:-10%;
  fill: #022B49;
}
.border2 {
  width:100%;
  float:left;
  border-top:50px solid #FFB71B;
  overflow:hidden;
}
.border2 svg {
  transform:rotate(180deg);
  margin-top:-2px;
  height:120px;
  width:120%;
  margin-left:-10%;
  fill: #FFB71B;
}



/*-------------------------------------------*/
.section-one {
  width:100%;
  float:left;
  margin:0;
  padding:0;
  background:url(https://6370379.fs1.hubspotusercontent-na1.net/hubfs/6370379/banking.jpg);
  background-size:cover;
}
.section-one-overlay {
  width:100%;
  float:left;
  background:url(https://6370379.fs1.hubspotusercontent-na1.net/hubfs/6370379/2022%20Brand%20Assets/Icons/yellow-halfcircle2.png);
  background-size:100%;
  padding:130px 0;
}

.section-one h1 {
  font-weight:800;
  font-size:72px;
  line-height:72px;
  color:#FFF;
  text-transform:uppercase;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
.section-one h2 {
  font-weight:300;
  font-size:28px;
  margin:0 0 30px 0;
  padding:0 0 0 0;
}
.section-one p {
  font-weight:400;
  color:#000;
  line-height:1.8;
}
/*-------------------------------------------*/
.whatwedo {
  width:100%;
  float:left;
  margin:0px 0 0 0;
  padding:80px 0 0px 0;
  text-align:center;
  background:#F8f8f8;
} 
.whatwedo h2 {
  color:#FFB71B; 
  text-transform:uppercase;
  font-weight:800;
  font-size:72px !important;
}
.whatwedo h3 {
  color:#00538B; 
  font-weight:800;
  font-size:33px !important;
}
.whatwedo svg {
  max-height:100px;
  max-width:100%;
  float:left; 
}
.vid {
  width:120px !important; 
  margin:0 0 0 20px !important;
}
.icons {
  text-align:center;
  margin:20px 0 0 0;
}
.icons h4 {
  float:left;
  width:100%;
  text-align:center;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3em;
  margin:15px 0 30px 0;
  color:#00538B;
}
/*-------------------------------------------*/
.approach {
  width:100%;
  float:left;
  background:url(https://snapshotinteractive.com/wp-content/uploads/MicrosoftTeams-image-84.png);
  background-size:cover;
  background-position:center bottom;
  padding:100px 0 150px;
}
.approach h2 {
  font-weight:800;
  font-size:72px;
  line-height:72px;
  color:#FFF;
  text-transform:uppercase;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
.approach h3 {
  color:#00538b; 
  font-weight:800;
  font-size:33px !important;
}
.approach p {
  color:#00538b; 
  
}
.approachcard {
  width:100%;
  float:left;
  background:#FFF;
  margin:20px 0 0 0;
  padding:30px 30px 60px;
  text-align:center;
  border:1px solid #666;
  -webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.24); 
box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.24);
  position:relative;
}
.approachcard svg {
  max-height:100px;
  margin:0 0 10px 0;
}
.approachcard svg path {
   fill: #00538b;
}
.approachcard h3 {
  color:#666 !important;
  font-size:26px !important;
}
.approachcard p {
  color:#666;
  font-size:16px;
}
.approachcard .cta {
  color:#E25337;
  font-weight:800;
  text-transform:uppercase;
  position:absolute;
  bottom:15px;
  width:100%;
  left:0px;
  text-align:center;
  transition:all .3s; 
}
.approachcard .cta:hover {
  color:#00538b;
}


.portfolio {
  width:100%;
  float:left;
  margin:0 0 0 0;
  background:#022b49;
  padding:100px 0;
}
.portfolio h2 {
  font-weight:800;
  font-size:72px;
  line-height:72px;
  text-align:center;
  color:#FFF;
  text-transform:uppercase;
  margin:0 0 30px 0;
  padding:0 0 0 0;
}
.portfolio .holder {
  margin:0 0 40px 0;
} 
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float:left; 
}


/*-------------------------------------------*/
.section-two {
  width:100%;
  background:#222;
  position:relative;
  float:left;
  margin:0;
  padding:0px 0;
  text-align:left;
}
.section-two .left {
  width:100%;
  position:relative;
  height:100%;
  float:left;
  margin:0 0 0 0;
  padding:0 0 0 0;
  background: rgb(255,187,0);
  background: linear-gradient(170deg, rgba(255,187,0,1) 0%, rgba(239,121,8,1) 100%);
  overflow:hidden;
}
.section-two .right {
  padding:80px 0; 
}
.section-two p {
  font-weight:400;
  color:#888;
  padding:0 0px;
  line-height:1.8;
}
.over {
  position:relative;
  z-index:1;
}
.bgimage {
  position:absolute;
  top:0;
  left:0; 
  z-index:0;
  opacity:.18;
  width:auto;
  
}
.bgimage img {
  width:150%;
  margin-left:-25%;
  margin-top:-5%;
  max-height:none;
  max-width:none;
}
.section-two .left h2 {
  color:#FFF;
  text-transform:uppercase;
  font-weight:800;
  font-size:120px;
  margin:180px 0 0 0;
  line-height:120px;
  /*text-shadow: 4px 4px 4px rgba(0,0,0,0.33);*/
  
}
.team {
  width:100%;
  margin:0 0 0 0;
  padding:150px 0 50px;
  float:left;
  background:#00538B;
}
.team h2 {
  color:#FFF; 
  margin:0 0 0px 0;
  font-size:72px;
  font-weight:800;
  text-transform:uppercase;
  line-height:72px;
  width:100%;
}
.team h3 {
  color:#FFB71B; 
  margin:0 0 30px 0;
  font-size:32px;
  font-weight:800;
  width:100%;
}
.team h5 {
  color:#FFB71B;
  text-transform:uppercase;
  margin:0 0 0px 0;
  font-size:21px;
  font-weight:800;
  width:100%;
}
.team .cta {
  color:#ffbb00; 
}
.line {
  width:100%;
  margin:10px 0 0 0;
  float:left;
  height:1px;
  background:#f89d04;
}
.team h4 {
  font-size:18px;
  margin:10px 0 0 0;
  width:100%;
  float:left;
  color:#FFF;
  font-weight:600;
  text-align:center;
}
.team p {
  color:#999;
  margin:0 0 10 0;
  padding:0 0 0 0;
  font-size:14px;
  font-style:italic;
  text-align:center;
}
#bioone, #biotwo, #biothree, #biofour, #biofive, #biosix {
  float:left;
  max-width:none !important;
  width:350px;
  border-radius:13px;
  color:#FFF;
  background:#ececec;
  padding:15px;
  
}
.biocontent {
  background:#FFF;
  min-height:400px;
  width:100%;
  padding:30px;
  float:left;
  border-radius:10px;
}
.biocontent .columns {
  padding:0px 0px 0px 0px; 
}
.bio-icons {
  margin-top:0px; 
}
.extra {
  width:100%;
  text-align:center;
}
.extra img {
  width: 50%;
  margin-left: 25% !important;
  opacity:.5;
}
.lity {
  background:rgba(0,0,0,1); 
}
.lity-close {
  top:auto !important;
  right:auto !important;
  font-size:45px !important;
  color:#f89d04 !important;
}
.biocontent img {
  height:auto;
  margin-left:0px;
}
.biocontent h3 {
  color:#000; 
  font-weight:600;
  font-size:21px;
  margin:10px 0 0 0;
  padding:0;
  width:100%;
  float:left;
}
.biocontent h4 {
  color:#f89d04; 
  font-weight:400;
  font-size:14px;
  margin:0 0 20px 0;
  padding:0;
  width:100%;
  float:left;
}
.biocontent p {
  color:#666; 
  margin:0;
  font-size:14px;
  padding:0;
  width:100%;
  float:left;
}
.testcontent {
  width:100%;
  background:#000;
  min-height:500px;
  float:left;
  margin:0 0 0 0;
  padding:0 0 0 0;
  color:#FFF !important;
}










/*-----------------------------------*/

.section-three {
  background:#F8f8f8;
  width:100%;
  float:left;
  margin:0;
  padding:20px 0 100px;
  text-align:center;
  border-bottom:10px solid #f89d04;
}
.section-three h1 {
  font-family: 'Montserrat', sans-serif !important;
  color:#00538B;
  font-size:42px;
  width:100%;
  text-align:left;
  margin:0px 0 0px;
  padding:0;
  font-weight:800;
}
.section-three p {
  text-align:left;
  color:#666;
  padding:0 0 0 0;
  margin:0 0 0 0;
  line-height:1.8;
  font-size:14px;
}

.padding {
  margin:30px 0 0 0; 
}
.wwd h4 {
  font-size:14px;
  color:#999;
  margin-top:20px;
  font-weight:800;
}
.cap-nav {
  /*background:#FFF;*/
  border-radius:80px;
  border:1px solid #e6e6e6;
  -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.16); 
  box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.16);
  padding:20px 0;
  margin:0px 0 50px 0;
  
}
.cap-nav .tabs {
  margin:0 0 0 0;
  padding:0 0 0 0;
  border: none;
  background: transparent;
  list-style-type: none;
  display: inline-block;
}

.tabs-title>a {
  display: inline-block;
  height:95px;
  width:95px;
  padding:10px 0 0 0px;
  text-align:center;
  border-radius:47.5px;
  background:#ececec;
  font-size:12px;
  font-weight:600;
  line-height: 1;
  color: #666;
  margin:0 15px;
  transition:all .3s;
}
.tabs-title>a:hover {
  background: #f89d04;
  color: #FFF;
}
.tabs-title>a[aria-selected=true] {
  background: #f89d04;
  color: #FFF;
  -webkit-box-shadow: 2px 3px 3px 1px rgba(0,0,0,0.19); 
  box-shadow: 2px 3px 3px 1px rgba(0,0,0,0.19);
}
.cap-nav svg {
  width:50px !important;
  height:auto;
  margin-left:22px;
  margin-bottom:5px;
}
.push-top { margin-top:10px;}
.cap-nav svg path {
  stroke:#FFF;
  stroke-width:0px;
  stroke-opacity:0;
  fill:#000;
  fill-opacity:1;
  transition:all .3s;
}
.tabs-title>a:hover svg path, .tabs-title>a[aria-selected=true] svg path, .tabs-title>a:hover svg polyline, .tabs-title>a[aria-selected=true] svg polyline, .tabs-title>a:hover svg ellipse, .tabs-title>a[aria-selected=true] svg ellipse {
  stroke:#000;
  stroke-width:0px;
  stroke-opacity:0;
  fill:#FFF;
  fill-opacity:1;
}
svg.special {
  width:90px;
  height:auto;

}
polyline {
  fill:#000;
  stroke:#000;
  fill-opacity:0;
  stroke-width:2px;
  
}
.tabs-content {
  background:transparent;
  /*background:#FFF;
  border-radius:80px 0 80px 0;*/
  border:0;
  float:left;
  width:100%;
  margin:0 0 0 0;
  padding:0 0 0px 0;
  /*-webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.16); 
  box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.16);*/
}
.tabs-panel {
  padding:0 0 0 0; 
}
.tabs-content img {
  margin-bottom:50px; 
}
.tabs-content h2 {
  font-weight:800;
  color:#666;
  font-size:32px !important;
  text-align:left;
  margin-top:50px;
}
.tabs-content ul li {
  text-align:left;
  color:#666;
  padding:0 0 0 0;
  margin:0 0 0 0;
  line-height:1.8;
  font-size:14px;
}

.case-studies {
  width:100%;
  float:left;
  margin:0 0 0 0;
  padding:0px 0 0 0;
}
.case-studies h2 {
  color:#ffb71b;
  font-weight:800;
  font-size:36px;
}
.holder {
  position:relative;
  float:left;
  width:100%;
  margin:0 0 0 0;
  padding:0 0 0 0;
  overflow:hidden;
  border:1px solid #e3e3e3;
}

.overlay {
  background:rgba(0,0,0,0.8);
  position:absolute;
  top:80px;
  left:0px;
  width:100%;
  height:100%;
  float:left;
  opacity:0;
  transition:all .3s;
}
.holder:hover .overlay {
  opacity:1;
  top:0px;
}
.overlay h3 {
  color:#FFF;
  font-size:21px;
  font-weight:800;
  margin:50px 0 0 30px;
  padding 0 0 0 0;
  text-align:left;
}
.overlay p {
  color:#FFF;
  font-size:16px;
  font-weight:400;
  margin:0 0 0 30px;
  padding:0 0 0 0;
  text-align:left;
}
  
  
/****************************************/
.how {
  width:100%;
  float:left;
  margin:0 0 0 0;
  padding:100px 0;
  background:#222;
}
.how h1 {
  color:#FFF;
  width:100%;
  float:left;
  text-align:center;
  margin:0 0 0 0;
  padding:0 0 0 0;
  font-weight:800;
  font-size:42px;
}
.how p {
  color:#888;
  text-align:center;
}
.process {
  width:100%;
  position:relative;
  margin:50px 0 0 0;
  padding:0px 0 90px 0;
  float:left;
  color:#f89d04;
}
.process p {
  color:#FFF;
  margin:0 0 0 0;
}
.step1 {
  position:absolute;
  top:0;
  left:0px;
  text-align:center;
  z-index:1;
}
.step2 {
  position:absolute;
  top:0;
  left:47%;
  text-align:center;
  z-index:1;
}
.step3 {
  position:absolute;
  top:0;
  left:100%;
  text-align:center;
  z-index:1;
}
.step1 span, .step2 span, .step3 span {
  width:50px;
  display:inline-block;
  height:50px;
  border-radius:25px;
  background:#FFF;
  transition:all .3s;
}
.step1 div, .step2 div, .step3 div {
  color:#f89d04;
  font-size:12px;
  margin:0 0 0 0;
}
.step1 span:hover, .step2 span:hover, .step3 span:hover {
  background:#f89d04;
}
.white-line {
  position:absolute;
  width:100%;
  height:1px;
  background:#FFF;
  top: 25px;
  left: 50px;
  z-index:0;
}
.strat-over {
  position:absolute;
  background:rgba(255,255,255,1);
  border-radius:10px;
  padding:0px 0;
  top:-380px;
  left:-180px;
  width:400px;
  height:360px;
  text-align:left;
  overflow:hidden;
  display:none;
  -webkit-box-shadow: 7px 8px 15px -2px rgba(0,0,0,0.61); 
  box-shadow: 7px 8px 15px -2px rgba(0,0,0,0.61);
}
.strat-two {
  position:absolute;
  background:rgba(255,255,255,1);
  border-radius:10px;
  top:-380px;
  left:27.5%;
  width:400px;
  height:360px;
  text-align:left;
  overflow:hidden;
   display:none;
  -webkit-box-shadow: 7px 8px 15px -2px rgba(0,0,0,0.61); 
  box-shadow: 7px 8px 15px -2px rgba(0,0,0,0.61);
}
.strat-three {
  position:absolute;
  background:rgba(255,255,255,1);
  border-radius:10px;
  top:-380px;
  left:77%;
  width:400px;
  height:360px;
  text-align:left;
  overflow:hidden;
  display:none;
  -webkit-box-shadow: 7px 8px 15px -2px rgba(0,0,0,0.61); 
  box-shadow: 7px 8px 15px -2px rgba(0,0,0,0.61);
}
.strat-over h3, .strat-two h3, .strat-three h3 {
  font-weight:800;
  color:#666;
  margin:0 0 0 0;
  font-size:24px;
}
.strat-over p, .strat-two p, .strat-three p {
  color:#666;
  font-size:12px;
  text-align:left;
}
.coverimage {
  width:100%;
  height:180px;
  overflow:hidden;
}
/****************************************/

.who {
  background:#FFF;
  width:100%;
  float:left;
  margin:-30px 0 0 0;
  padding:0px 0 150px;
  border-bottom:10px solid #f89d04;
}
.who p {
  color:#666;
  margin:0 0 30px 0;
  text-align:center;
}
.who h3 {
  font-weight:100;
  width:100%;
  text-align:center;
  font-size:33px;
  color:#00538b;
}
.who h2 {
  font-weight:800;
  width:100%;
  text-align:center;
  font-size:72px;
  text-transform:uppercase;
  color:#00538b;
}
.icons {
  text-align:center; 
}
.icons img {
  width:80%;
  margin:0 0 0px 0;
}
.icons p {
  font-size:12px; 
}


.connect {
  width:100%;
  float:left;
  margin:0;
  padding:150px 0;
  background:url(https://6370379.fs1.hubspotusercontent-na1.net/hubfs/6370379/2022%20Brand%20Assets/Icons/connect-bg.jpg);
  background-size:cover;
  background-position:center center;
}
.connect h2 {
  color:#FFF;
  text-transform:uppercase;
  font-size:72px;
  padding:0;
  margin:0;
  font-weight:800;
}
.connect label {
  color:#FFF;
  font-weight:600;
}
.hs-form-required {
  color:#ffbb00; 
}
.connect input {
  border-radius:5px;
  border:1px solid #FFF;
  padding:10px;
  height:auto !important;
}
.connect textarea {
  border-radius:5px;
  min-height:200px;
}
.connect select {
  border-radius:5px;
}






/****************************************/
.section-four {
  background:#e3e3e3;
  width:100%;
  float:left;
  margin:0;
  padding:100px 0;
}
.section-four h1 {
  font-family: 'Montserrat', sans-serif !important;
  color:#000;
  font-size:40px;
  width:100%;
  text-align:center;
  margin:0 0 20px;
  padding:0;
  font-weight:800;
}
#accordion {
  margin-top: 10px;
}

#accordion .button {
  padding:10px 40px 10px 0;
  background: url('https://6370379.fs1.hubspotusercontent-na1.net/hubfs/6370379/Milton-RFP/inactive.png');
  background-repeat:no-repeat;
  background-position:100% 5px;
  background-size:32px;
  line-height:1.4;
  color: #222;
  font-size:18px;
  text-align:left;
  cursor: pointer;
  max-width: 85%;
  margin: 10px auto 10px;
  width:100%;
  font-weight:700;
}

#accordion .button:hover {
  /*background-color: red;*/
}
#accordion p {
  text-align:left;
  color:#666;
  margin:0px 0 20px;
  width:100%;
  float:left;
  font-weight:400;
}
#accordion ul {
  float:left;
  margin:0 0 0 0;
}
#accordion ul li {
  float:left;
  width:100%;
  list-style:none;
  padding:0 0 10px 0;
  font-weight:400;
  text-align:left;
}
#accordion ul li a {
  color:#666;
  transition:all .3s;
}
#accordion ul li a span {
  color:#f89d04;
  font-weight:800;
  margin:0px 0 0 0;
  font-size:21px;
}
#accordion ul li a:hover {
  color:#f89d04;
}

#accordion .slide {
  max-width: 85%;
  margin: 0 auto;
}

#accordion .active {
  background: url('https://6370379.fs1.hubspotusercontent-na1.net/hubfs/6370379/Milton-RFP/active.png');
  background-repeat:no-repeat;
  background-position:100% 5px;
  background-size:32px;
}

 fieldset {
  max-width:none !important; 
}
fieldset.form-columns-1 .hs-input {
  width:100% !important; 
}
input[type="submit"] {
  border:none;
  border-radius:10px;
  padding:15px 60px;
  background:#ffbb00;
  color:#000;
}
.testcontent {
  width:100%;
  margin:0 0 0 0;
  padding:50px 0 150px;
  float:left;
  background:#00538B;
  border-bottom:10px solid #FFB71B;
}
.testcontent h2 {
  width:100%;
  color:#ffb71b;
  font-size:32px;
  font-weight:800;
  text-align:left;
  float:left;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
.slide {
  display:inline-block !important; 
  width:100%;
  float:left;
  background:url(https://6370379.fs1.hubspotusercontent-na1.net/hubfs/6370379/2022%20Brand%20Assets/Icons/quotes.png);
  background-repeat:no-repeat;
  background-position: top left;
  background-size:130px;
  padding-left:140px;
  
}
fieldset.form-columns-1 ul .hs-input {
  width:auto !important;
}
fieldset.form-columns-1 li {
  list-style:none !importnat;
}
.slide p {
  font-size:32px;
  /*font-family: 'Nothing You Could Do', cursive !important;*/
  text-align:left;
}
.slide p.author {
   font-family:'Montserrat',sans-serif !important;
    font-size:16px;
}
.slick-dots {
	position: absolute;
    bottom: 0px;
    right: 0px;
	list-style: none;
	margin:0;
	padding:0;
}
.slick-dots li {
	text-indent:-999999px;
	background:#FFF;
	width:20px;
	height:20px;
	border-radius:30px;
	margin:0 2px;
	float:left;
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.40); 
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.40);
	transition:all .3s;
}
.slick-dots li.slick-active {
	background:#ffb71b;
	-webkit-box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.0); 
	box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.0);
}



.section-five {
  background:#FFF;
  width:100%;
  float:left;
  margin:0;
  padding:50px 0 20px;
  text-align:center;
}
.section-five h1 {
  font-family: 'Montserrat', sans-serif !important;
  color:#001B36;
  font-size:40px;
  width:100%;
  text-align:center;
  margin:0 0 0px;
  padding:0;
  font-weight:800;
}











.footer {
  background:#022b49;
  margin:0 0 0 0;
  width:100%;
  float:left;
  padding:50px 0 50px 0;
  text-align:center;
  font-size:14px;
  color:#FFF;
}
.info {
  margin:20px 0; 
}
@media only screen and (max-width: 1599px) {
  .section-two .left h2 {font-size:100px; line-height:100px;}

}
@media only screen and (max-width: 1280px) {
.section-one-overlay {
    padding:50px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .header {padding:150px 0 0 0; min-height:500px;} 
  .arrow {display:none;}
  .section-one h1 {font-size:36px;}
  .section-two .left h2 {font-size: 70px;line-height: 70px; }
  
  .team h2 {font-size:24px;}
  .wwd h4 {margin-top:20px;}
  .cap-nav {margin:0px 0 20px 0; padding:10px 0 5px;}
  .tabs-title>a {height:75px; width:75px; margin:0 8px; padding:7px 0 0 0;}
  .cap-nav svg {width: 30px !important; margin: 3px 0 0 10px;}
  svg.special {
    width:60px;
    height:auto
  }
  .tabs-content {border-radius:0 0 0 0; margin:50px 0 0 0;}
  .tabs-content h2 {margin-top:10px; font-size:30px;}
  .tabs-content img {margin-bottom:5px;}
  
  
}
@media only screen and (max-width: 768px) {
  .process {display:none;}
  .biocontent img {display:none;}
  .section-two .left h2 {margin:50px 0;}
  .cap-nav {
    margin: 20px 0 20px 0;
    padding: 10px 0 5px;
  }
}




@media only screen and (max-width: 600px) {
  .front {display:none;}
  .header {padding:50px 0 90px 0; height:auto; min-height:auto; background-image:none;}
  .header h1 {font-size:32px; text-align:center; line-height:32px !important;}
  .header h1 strong {font-size:32px; line-height:48px;}
  .header p {padding:0 0 0 0;}
  .client-logo img {
  display:inline-block;
  width:50%;
  height:auto;
}
  .border, .border2 {display:none;}
  .bg-video {background:url('https://6370379.fs1.hubspotusercontent-na1.net/hubfs/6370379/Cat%20Logos/Screen%20Shot%202021-04-24%20at%203.18.37%20PM.png'); background-size:cover; height:100%; opacity:.3;}
  .bg-video img, .bg-video video {display:none;}
  .arrow {display:none;}
  .section-one {padding:50px 0px; background-image:none; background:#f8f8f8;}
  .section-one-overlay {background-image:none; padding:0 0 0 0;}
  .section-one h1 {font-size:48px; line-height:52px; text-align:left; margin:0 0 10px 0; color:#00538B}
  .section-one h2 {font-size:21px; line-height:28px; text-align:left; margin:0 0 10px 0;}
  .section-one p {text-align:left;}
  .whatwedo {text-align:left;}
  .whatwedo h2, .approach h2, .team h2, .who h2, .connect h2 {font-size:48px !important; line-height:52px; text-align:left; margin:0 0 10px 0;}
  .whatwedo h3, .approach h3, .team h3, .who h3 {font-size:24px !important;}
  
  .approach {padding:80px 0;}
  .section-two .left h2 {font-size: 60px; line-height:60px; margin: 20px 0 30px 0; }
  .section-two .right {padding:30px 0;}
  
  .team {padding:50px 0 0;}
  .team h2 {margin:0 0 0 0;}
  .team p {margin-bottom:40px;}
  .line {margin-bottom:20px;}
  #bioone, #biotwo, #biothree, #biofour, #biofive, #biosix {width:80%; margin-left:8%;}
  .biocontent img {display:none;}
  
  .section-three {padding:50px 0;}
  .section-three h1 {margin-left:10%;}
  .section-three p {font-size:16px;}
  .what-we-do p {margin-left:10%; }
  .cap-nav {margin:20px 0 20px 0; padding:10px 0 5px;}
  .tabs-title>a {height:50px; width:50px; margin:0 5px; padding:7px 0 0 0;}
  .wwd h4 {text-align:left; margin-left:30px;}
  .cap-nav svg {width:35px;}
  svg.special {
    width:60px;
    height:auto
  }
  .cap-nav span {display:none;}
  .tabs-content {border-radius:0 0 0 0;}
  .tabs-content h2 {margin-top:10px; font-size:30px;}
  .tabs-content img {margin-bottom:5px;}
  
  .case-studies h2 {font-size:30px;}
  .holder {margin-bottom:20px;}
  
  
  .section-four {padding:50px 0}
  .section-four h1 {font-size:36px; text-align:left; line-height: 42px; margin: 0 0 0 10px;}
  #accordion .button {font-size:18px; margin-top:0px;}
  
  .process {display:none;}
  
  .how, .who {padding:50px 0;}
  .how h1, .who h2 {font-size:36px; text-align:left;}
  .how p, .who p {text-align:left;}
  .icons p {text-align:center;}
    
  .hs-input {width:100% !important;}
  .testcontent {padding-top:0;}
  .slide p {font-size:24px;}
  .slide {background:none !important; padding-left:0;}
  
  .approach {
    background-image:none;
    background-color:#FFB71B;
  }
  
}