@import url(//fonts.googleapis.com/css?family=Montserrat:400,600,700,800);
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');









:root {
  --headPad: 150px;
  --heroPad: 150px 0 350px 0;
  --xxs: 15px;
  --xs: 25px;
  --s: 50px;
  --m: 75px;
  --l: 100px;
  --xl: 150px;
}



@media (max-width: 767px){
  :root {
   --xl: 50px;
  }
}

/* 1a. Colors */




















/* 1b. Containers */




.page-center {
  max-width: 1120px;
  margin: 0 auto!important;
  padding-left: 1em;
  padding-right: 1em;
}

.page-center.narrow {
  max-width: 904px;
  margin: 0 auto!important;
}

.flexer {
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}


.pad-0s {
  padding: 0 0 var(--s);
}

.pad-s0 {
  padding: var(--s) 0 0;
}

.pad-ss {
  padding: var(--s) 0 var(--s);
}
.pad-sm {
  padding: var(--s) 0 var(--m);
}
.pad-sl {
  padding: var(--s) 0 var(--l);
}

.pad-0l {
  padding: 0 0 var(--l);
}

.pad-m0 {
  padding: var(--m) 0 0 0;
}

.pad-0m {
  padding: 0 0 var(--m) 0;
}

.pad-ms {
  padding: var(--m) 0 var(--s);
}

.pad-mm {
  padding: var(--m) 0;
}
.pad-ml {
  padding: var(--m) 0 var(--l);
}

.bkgd-dkBlue {
  background: rgba(1, 32, 58, 1);
  /*color: #fff;*/
}

.bkgd-dkBlue.textured {
  background: rgba(1, 32, 58, 1) url(https://1610978.fs1.hubspotusercontent-na1.net/hubfs/1610978/2023-theme/texture-navy.png);
  background-size: cover!important;
  background-position: top center!important;
  background-repeat: no-repeat!important;
}

.bkgd-ltBlue {
  background: rgba(234, 242, 244, 1);
}

.bkgd-tan {
  background: #FAF7F2;
}











/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.body-container-wrapper {
  overflow: hidden;
}

.content-wrapper {
  max-width: px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: px 1rem;
}

.dnd-section > .row-fluid {
  max-width: px;
}





html {
  font-size: 62.5%;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: #01203A;
  font-size: 1.6rem;
  line-height: 1.6;
}



.pop-open {
  overflow: hidden;
}

/* Paragraphs */

p {
      margin: 0 0 20px 0;
}

.head-hold p.large {
  font-size: 2.0rem;
  font-weight: 700;
  margin: 0;
}

/* Anchors */

a {
  color: rgba(228, 89, 37, 1);
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a:hover {
  color: rgba(228, 89, 37, .75);
}

a:hover,
a:focus {
  ;
  color: ;
}

a:active {
  ;
  color: ;
}

/* Headings */

h1, h2, h3, h4, h5, h6, ol, ul {
    margin: 0 0 1.5rem;
}



h1,
.h1 {
  font-weight: 700;
  font-size: 4.5rem;
  line-height: 1.2;
}

h2,
.h2 {
  font-weight: 700;
  font-size: 4.0rem;
  line-height: 1.2;
}

h2.head-mod {
  display: flex;
}

h3,
.h3 {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.2;
}

h4,
.h4 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.2;
}

h5,
.h5 {
  font-weight: 700;
  font-size: 2.0rem;
  line-height: 1.2;
}

h6,
.h6 {
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 1.1;
}


@media (max-width: 500px) {
  h1,
  .h1 {
    font-size: 3.2rem;
  }

  h2,
  .h2 {
    font-size: 3.0rem;
  }

  h3,
  .h3 {
    font-size: 2.4rem;
  }

  h4,
  .h4 {
    font-size: 2.0rem;
  }

  h5,
  .h5 {
    font-size: 1.8rem;
  }

  h6,
  .h6 {
    font-size: 1.6rem;
  }
}


.body-container--study h1,
.body-container--blog-post h1 {
  font-size: 4.0rem;
}

.body-container--study h2,
.body-container--blog-post h21 {
  font-size: 3.2rem;
}

.body-container--study h3,
.body-container--blog-post h3 {
  font-size: 2.4rem;
}

.body-container--study h4,
.body-container--blog-post h4 {
  font-size: 2.0rem;
}

.body-container--study h5,
.body-container--blog-post h5 {
  font-size: 1.8rem;
}

.body-container--study h6,
.body-container--blog-post h6 {
  font-size: 1.6rem;
}








ul, ol {
  padding: 0 0 0 25px;
  margin: 0 0 3rem;
}

ul li, ol li {
  padding: 10px
}

ol li::marker {
  font-weight: 700;
}

ol.blue li::marker {
  color: #66A3B2;
}

ol.orange li::marker {
  color: #E45925;
}



ol li:nth-child(-n+10)::marker {
  content:"0" counter(list-item);
}


.strike {
  text-decoration: line-through;
  color: rgba(228, 89, 37, 1);
}

.strike-money {
  position: relative;
}

.strike-money:before {
    background-image: url(https://1610978.fs1.hubspotusercontent-na1.net/hubfs/1610978/2023-theme/money_slash.png);
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 50%;
    background-size: 90px 40px;
    width: 90px;
    height: 40px;
}

.strike-studies {
  position: relative;
}

.strike-studies:before {
    background-image: url(https://1610978.fs1.hubspotusercontent-na1.net/hubfs/1610978/2023-theme/studies_slash2.png);
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 50%;
    background-size: 90px 40px;
    width: 90px;
    height: 40px;
}


.base {
  color: #01203A;
}

.perm {
  font-family: 'Permanent Marker', cursive;
  color: rgba(228, 89, 37, 1);
}

.perm.blue {
  color: #01203A;
}

span.scribble1 {
  position: relative;
  display: block;
}

span.scribble1:after {
  content: url('https://1610978.fs1.hubspotusercontent-na1.net/hubfs/1610978/2023-theme/svg/scribble1.svg');
    position: absolute;
  top: -5px;
  left: 0;
}

@media (max-width: 400px) {
  
  span.scribble1:after {
    content: url('https://1610978.fs1.hubspotusercontent-na1.net/hubfs/1610978/2023-theme/svg/scribble2.svg');
    position: absolute;
    top: 20px;
    left: -20px
  }
  
  .break-mob {
    display: block;
  }
  
}


/* Blockquote */

blockquote {
  border-left-color: ;
}

.videoContainer {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
 
.videoContainer iframe, 
.videoContainer object, 
.videoContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lt-text {
  color: #fff;
}






button,
.button,
.hs-blog-post-listing__post-button {
  background-color: transparent;
  border: 2px solid rgba(228, 89, 37, 1);
  border-radius: -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;;
  color: ;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 10px 20px;
}

form input[type=submit],
.button.orange {
  background-color: rgba(228, 89, 37, 1);
  color: #fff;
}

.button.blue {
  border: 0;
  background-color: rgba(1, 32, 58, 1);
  color: #fff;
}

.button.white {
  border: 0;
  background-color: #ffffff;
  color: #01203A;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  ;
  color: 

  
  
    
  


  rgba(#null, 1)

;
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  border-radius: px;
}


.button.orange:hover {
  background-color: rgba(228, 89, 37, .75);
}

.button.blue:hover {
  opacity: .75;
}

.button.white:hover {
  opacity: .7;
}

.cs-card .button.white {
  padding: 20px 20px;
}

button:active,
.button:active,
.hs-blog-post-listing__post-button:active {
  ;
  background-color: rgba(#null, 0.0);
  border-color: ;
}





form,
.submitted-message {
  ;
  ;
  border-top-left-radius: px;
  border-top-right-radius: px;
  border-bottom-left-radius: px;
  border-bottom-right-radius: px;
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  ;
}

/* Form title */

.form-title {
  ;
  ;
  ;
  border-top-left-radius: px;
  border-top-right-radius: px;
  border-bottom-left-radius: px;
  border-bottom-right-radius: px;
  font-size: 2.4rem;
  margin-bottom: 20px;
  color: ;
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}


/* Labels */

form label {
  color: ;
}

form label {
  color: ;
  font-size: 1.6rem;
  display: none;
}



form .hs-fieldtype-checkbox label {
  display: flex;
  align-items: flex-start;
  line-height: 1;
}

form .hs-fieldtype-checkbox ul.inputs-list li {
  padding: 2px 0;
}



form label.hs-error-msg {
  display: block;
}

/* Help text */

form legend {
  color: ;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  font-size: 1.2rem;
  padding: 15px 7px;
  background-color: #ffffff;
  color: ;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px !important;
  border-color: #fff !important;
  
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: ;
}

::-moz-placeholder {
  color: ;
}

:-ms-input-placeholder {
  color: ;
}

::placeholder {
  color: #01203A;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: ;
}

.fn-date-picker td.is-selected .pika-button {
  background: ;
}

.fn-date-picker td .pika-button:hover {
  background-color:  !important;
}

.fn-date-picker td.is-today .pika-button {
  color: ;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: rgba(228, 89, 37, 1);
  border: 2px solid rgba(228, 89, 37, 1);
  border-radius: -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 10px 20px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  opacity: .7;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(#null, 0.0);
  border-color: ;
}

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

.git-form form {
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: flex-end;
  flex-wrap: wrap;
}


.git-form .hs-form-field {
  width: 48%;
  margin: 1%;
}

.git-form form textarea {
  height: 48.5px; 
}

.git-form .hs-submit {
  width: 48%;
  margin: 1%;
  text-align: right;
}

.careers-form-form form textarea {
  height: 125px;
}


@media (max-width: 767px) {
  
  .git-form form {
    flex-direction: column;
  }


  .git-form .hs-form-field {
    width: 100%;
    margin: 1%;
  }

  .git-form form textarea {
    height: 48.5px; 
  }

  .git-form .hs-submit {
    width: 100%;
    margin: 1%;
    text-align: right;
  }

  
}


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



.lp1 .form-container {
  background: #EEF0F1;
  padding: 50px 80px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.lp1 .form-container form {
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: flex-end;
  flex-wrap: wrap;
}


.lp1 .form-container .hs-form-field {
  width: 48%;
  margin: 1%;
}

.lp1 .form-container .hs-submit {
    width: 100%;
    margin: 1%;
    text-align: center;
}

@media (max-width: 767px) {
  
  .lp1 .form-container {
    padding: 30px;
  }
  
  .lp1 .form-container form {
    flex-direction: column;
  }

  .lp1 .form-container .hs-form-field {
    width: 100%;
    margin: 1%;
  }
  
}

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

.lp2 .form-container {
  background: #223D54;
  padding: 60px 40px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.lp2 .form-container form .hs-form-field {
    margin-bottom: 2rem;
}




@media (max-width: 767px) {
  
  .lp2 .form-container {
    padding: 30px;
  }
  
  
  
}

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


.systems-page form input[type=text],
.systems-page form input[type=search],
.systems-page form input[type=email],
.systems-page form input[type=password],
.systems-page form input[type=tel],
.systems-page form input[type=number],
.systems-page form input[type=file],
.systems-page form select,
.systems-page form textarea {
  font-size: 1.2rem;
  padding: 15px 7px;
  background-color: #ffffff;
  color: ;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px !important;
  border-color: #01203A !important;
  
}









/* Table */

table {
  
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

/* Table cells */

td,
th {
  
  
  color: ;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  color: ;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  color: ;
}





.header {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}


header .menu ul.no-list {
  text-align: right;
}

header .menu ul.no-list .menu__item--depth-1 {
    padding: 10px 8px;
}
  

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #01203A;
  font-size: 1.6rem!important;
  font-weight: 600!important;
  text-decoration: none!important;
  text-transform: none!important;
}

.menu__child-toggle-icon {
  border-top-color: ;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: ;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: ;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: ;
}

.menu__child-toggle-icon:active {
  border-top-color: ;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: ;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
  }
}




.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: ;
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(#null, 1)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: ;
}

.header__language-switcher-label-current:after {
  border-top-color: ;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: ;
  }
}


/*-----------------------------
 * Landing Page Header
 * ----------------------------*/

.land-header {
  padding: 20px 50px;
}

@media(max-width: 767px) {
  
  .land-header {
    text-align: center;
  }
  
}





.footer {
  background-color: rgba(1, 32, 58, 1);
  color: #fff;
  font-size: 1.2rem;
}

.footer-col-wrap {
  
}

.footer-top ul li, .footer-top ol li {
  padding: 10px 0;
}

.footer-top ul li a, .footer-top ol li a {
  color: #fff;
}

.footer-top ul li a:hover, .footer-top ol li a:hover {
  opacity: .75;
}

.footer-col {
  width: 23%;
  margin: 1%;
}

.footer-col.one {}

.footer-col.two {}
.footer-col.two .foot-contact {
  max-width: 250px;
  align-items: flex-start;
    margin-bottom: 20px;
}
.footer-col.two .foot-contact .icon {
  width: 20px;
  margin-right: 15px;
  flex-shrink: 0;
}
.footer-col.two .foot-contact .text {
  
}

.footer-col.two .badges {
  
}




.footer-col.three {}
.footer-col.four {}

.footer-bottom {
  padding: 20px 0;
  border-top: 1px solid #334C61;
}

.footer-bottom .foot-creds .left {
  width: 51%;
}

.footer-bottom .foot-creds .right {
  padding-left: 1rem;
}



/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: ;
}


.footer-top h1,
.footer-top h2,
.footer-top h3,
.footer-top h4,
.footer-top h5,
.footer-top h6 {
  color: #556A7B;
  margin: 0 0 20px 0;
}

@media (max-width: 767px) {
  
  .footer-col-wrap {
    flex-direction: column;
  }
  .footer-col {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
  }
  .footer-col.two .foot-contact {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 30px;
  }
  .footer-col.two .foot-contact .icon {
    margin-right: 0;
  }
  .footer-bottom .foot-creds {
    flex-direction: column;
    align-items: center;
  }

  .footer-bottom .foot-creds .left {
    width: auto;
  }

  .footer-bottom .foot-creds .right {
    padding-left: 0;
  }
  
  
}






.hs-search-results__title {
  
}








/************************
 * Home Page *
 ************************/

.home-2 {
  font-size: 1.6rem;
}

.home-3 {
  position: relative;
}
.home-3 .unicorn {
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 1;
}

.home-3 .clouds1 {
  position: absolute;
  left: -100px;
  bottom: 60px;
  z-index: 1;
}

.home-3 .clouds2 {
  position: absolute;
  right: 0;
    top: 500px;
  z-index: 1;
}

.home-3-wrap {
  position: relative;
  max-width: 904px;
  margin-left: 8%;
  z-index: 9;
}

@media (max-width : 767px) {
  
  .home-3 .unicorn {
    display: none;
  }
  .home-3-wrap {
    margin-left: 0;
  }
  
}



.home-4 h2 {
  margin: 0 0 4rem 0;
}

.home-6 h2 {
  margin: 0 0 1rem 0;
}



.fin-adv-3 {
  font-size: 1.6rem;
}

.fin-adv-5 h2 {
  margin: 0 0 1rem 0;
}

.fin-adv-6 .phase-head {
  justify-content: space-between;
}


.dnd_area_fin-adv6-row-0-max-width-section-centering > .row-fluid {
    max-width: 600px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pro-serv-5 h2 {
  margin: 0 0 1rem 0;
}

.prod-mfg-5 h2 {
  margin: 0 0 1rem 0;
}


/************************
 * About Page *
 ************************/

.about-top {
  justify-content: space-between;
}
.about-top--left {
  width: 58%;
}
.about-top--right {
  width: 40%;
  background: #FAF7F2;
  padding: 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

@media (max-width : 767px) {
  
  .about-top {
    flex-direction: column;
  }
  .about-top--left {
    width: 100%;
  }
  .about-top--right {
    width: 100%;
  }
  
}


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

.about-3 .page-center {
  position: relative;
  z-index: 0;
}

.about-3 .page-center .two-beers {
  position: relative;
}

.about-3 .page-center .beers {
  position: absolute;
  bottom: -50px;
  left: -8%;
  z-index: 1;
}

.about-3 .page-center .puppy {
  position: absolute;
  top: 50px;
  right: -8%;
  z-index: 2;
}

@media (max-width : 767px) {
  
  .about-3 .page-center .puppy {
    top: -130px;
    right: -50px;
  }
  .about-3 .page-center .puppy img {
    width: 150px;
  }
  .about-3 .page-center .beers {
    bottom: -150px;
    left: 30px;
  }
  .about-3 .page-center .beers img {
    width: 120px;
  }
}

/************************
 * Get in Touch Page *
 ************************/

.body-container--get-in-touch .form-container {
  background: #FAF7F2;
  padding: 50px 80px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

@media (max-width : 767px) {
  
  .body-container--get-in-touch .form-container {
    padding: 30px;
  }
  
}

/************************
 * Careers Page *
 ************************/

.body-container--careers .form-container {
  background: #FAF7F2;
  padding: 50px 80px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.body-container--careers .form-container .form-wrapper {
  justify-content: space-between;
}

.body-container--careers .form-container .form-wrapper .left {
  width: 38%;
}

.body-container--careers .form-container .form-wrapper .right {
  width: 48%;
}



@media (max-width : 767px) {
  
  .body-container--careers .form-container {
    padding: 30px;
  }
  
  .body-container--careers .form-container .form-wrapper {
    flex-direction: column;
  }

  .body-container--careers .form-container .form-wrapper .left {
    width: 100%;
    padding: 0 0 20px 0;
  }

  .body-container--careers .form-container .form-wrapper .right {
    width: 100%;
  }
  
}

/************************
 * Case Study Single *
 ************************/

.study-body-wrap {
  justify-content: space-between;
  flex-wrap: wrap;
}
.study-body-wrap .study-content {
  width: 69%;
}
.study-body-wrap .sidebar {
  width: 25%;
}

@media (max-width : 767px) {
  
  .study-body-wrap .study-content {
    width: 100%;
    margin-bottom: 30px;
  }
  .study-body-wrap .sidebar {
    width: 100%;
  }
  
}


/* Case Study 25 */

.study-body-wrap .study-content {
  width: 69%;
}









.body-wrapper.land1 {
  background: #FAF7F2;
}

.lp1 {
  margin-bottom: 350px;
}

.lp1 .landing-wrapper {
  position: relative;
  bottom: -300px;
  margin-top: -250px;
}

.lp1 .landing-wrapper .lp-container {
  background: #fff;
  padding: 50px 80px 70px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px
}

.lp1 .landing-wrapper .lp-container h1 {
  font-weight: 700;
  font-size: 4.0rem;
  line-height: 1.2;
}

@media (max-width : 767px) {
  
  .landing-wrapper .lp-container {
    padding: 30px 1em 1em 1em;
  }
  
}

.body-wrapper.land2 {
  background: #fff;
}

.lp2 {
  margin-bottom: 350px;
}

.lp2 .landing-wrapper {
  position: relative;
  bottom: -300px;
  margin-top: -250px;
}

.lp2 .landing-wrapper .lp-container {
  background: #112E47;
  padding: 50px 80px 70px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
}

.lp2 .landing-wrapper .lp-container h1 {
  font-weight: 700;
  font-size: 4.0rem;
  line-height: 1.2;
}

.lp2 .landing-wrapper .lp-container .land2wrap {
  justify-content: space-between;
}

.lp2 .landing-wrapper .lp-container .land2wrap .left {
  width: 50%;
}

.lp2 .landing-wrapper .lp-container .land2wrap .right {
  width: 40%;
}

@media (max-width : 767px) {
  
  .lp2 .landing-wrapper .lp-container {
    padding: 30px 1em 1em 1em;
  }
  
  .lp2 .landing-wrapper .lp-container .land2wrap {
    flex-direction: column;
  }

  .lp2 .landing-wrapper .lp-container .land2wrap .left {
    width: 100%;
  }

  .lp2 .landing-wrapper .lp-container .land2wrap .right {
    width: 100%;
  }
  
}






.followup .follow-container {
  background: #112E47;
  padding: 50px 80px 70px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
}










/*--- Work Phases ---
 --------------------*/

.phases-wrap {}
.phases-wrap .phase {}
.phases-wrap .phase .top {
  align-items: center;
}

.phases-wrap .phase .top .number-hold {
  width: 165px;
  background: #66A3B2;
  color: #fff;
  font-weight: 700;
  text-align: center;
  align-items: center;
    align-self: stretch;
    justify-content: center;
  
}

.phases-wrap .phase .top .title-hold {
  background: #E0ECEF;
  flex: 2;
  padding: 60px 50px;
}

.phases-wrap .phase .top .duration-hold {
  width: 165px;
  background: #D6E6EA;
  text-align: center;
  align-items: center;
    align-self: stretch;
    justify-content: center;
}

.phases-wrap .phase .bottom {
  background: #fff;
}

.phases-wrap .phase .bottom .space-hold {
  width: 165px;
  flex-shrink: 0;
}

.phases-wrap .phase .bottom .copy-hold {
  width: 70%;
  font-size: 1.6rem;
  padding: 60px 50px 70px;
}



/*--- Side Tabber ---
 -------------------*/

.side-tabber {
  padding: var(--m) 0 0 0;
}

.tabs-title.above {
  width: 50%;
  padding: 0 0 4vw 0;
}

.side-side-tabs {
  justify-content: space-between;  
}

.side-side-tabs.menu-right {
  flex-direction: row-reverse;
}

.side-side-tabs .tabber-tabs {
  width: 40%;
}

.side-side-tabs ul.tablist {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 0;
  flex-direction: column;
  /*
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
  */
}

.side-side-tabs ul.tablist li {
  padding: 20px 10px 20px 20px;
  background: #fff;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-bottom: 5px;
  flex: 1;
}

.side-side-tabs ul.tablist li:last-child {
  margin-bottom: 0;
}
  
.side-side-tabs ul.tablist li.active {
  background: #E0ECEF;
}

.side-side-tabs ul.tablist li a {
  align-items: center;
  font-weight: 700;
  color: #ADCDD5
}
.side-side-tabs ul.tablist li.active a {
  
  font-weight: 700;
  color: #01203A
}

.side-side-tabs ul.tablist li .number {
  font-size: 3.2rem;
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.side-side-tabs ul.tablist li:hover .icon {
  fill: ;
}

.side-side-tabs ul.tablist li.active .icon {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  fill: ;
}

.side-side-tabs ul.tablist li .title {
  padding-left: 30px;
  line-height: 1;
  font-size: 2.0rem;
}
.side-side-tabs ul.tablist li .title .sub-title {
  font-weight: 300;
  font-size: 1.6rem;
}

.side-side-tabs ul.tablist li a h3,
.side-side-tabs ul.tablist li a p {
  color: rgba(1, 32, 58, 1);
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.side-side-tabs ul.tablist li:hover a h3,
.side-side-tabs ul.tablist li:hover a p,
.side-side-tabs ul.tablist li.active a h3,
.side-side-tabs ul.tablist li.active a p {
  color: ;
}

.side-side-tabs ul.tablist li a p {
  margin: 0 0 0 0;
}

.side-side-tabs .tabber-content {
  Width: 60%; 
  padding: 25px 60px;
  background: #E0ECEF;
  font-size: 1.6rem;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.side-side-tabs .tabber-content > h2 {
  margin-bottom: 1.5em;
}

.side-side-tabs .tabber-content .tab-pane ul {
  margin: 0;
}

.mobile-tabs {
  display: none;
}

@media (max-width : 1224px) {
  
  .tabs-title.above {
    width: 100%;
  }
  .side-side-tabs .tabber-tabs {
    
  }
  
}
@media (max-width : 960px) {
  
  .desk-tabs {
    display: none;
  }
  .mobile-tabs {
    display: block;
  }
  .side-side-tabs {
    flex-direction: column;
  }
  .side-side-tabs.menu-right {
    flex-direction: column;
  }
  .side-side-tabs .tabber-content {
    Width: 100%; 
    background: ;
    padding: 40px;
  }
  .side-side-tabs .tabber-tabs {
    display: none;
  }
  
}

/*--- Case Study Carousel ---
 ----------------------------*/




/*--- Testimonial Slider ---
 ----------------------------*/





/*--- Full Width CTA ---
 ----------------------------*/



/*--- Inline Width CTA ---
 ----------------------------*/




/*--- Blog Teaser ---
 ----------------------------*/






.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: px 0;
}

/* Blog post */

.blog-post__meta a {
  color: ;
}

.blog-post__tag-link {
  color: ;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: ;
}

.blog-post__tag-link:active {
  color: ;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  ;
  text-transform: ;
}

.blog-related-posts__title-link {
  color: ;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: ;
}

.blog-related-posts__title-link:active {
  color: ;
}

/* Blog comments */

.blog-comments {
  margin-bottom: px;
}

#comments-listing .comment-reply-to {
  color: ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: ;
}

#comments-listing .comment-reply-to:active {
  color: ;
}



/* Blog listing */


.filter-wrap {
  padding: 0 1.66% var(--s) 1.6%;
  
  
}

.filter-wrap .topic-link {
  color: #99A5B0;
  padding: 20px;
  background: #EEF0F1;
  margin-right: 2px;
}

.filter-wrap .topic-link:first-child {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.filter-wrap .topic-link:last-child {
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-right: 0;
}

.filter-wrap .topic-link:hover {
  color: #ffffff;
  background: #01203A;
}

.filter-wrap .topic-link.active {
  color: #ffffff;
  background: #01203A;
  font-weight: 700;
}

@media (max-width : 767px) {
  
  .filter-wrap {
    padding: 0 1.66% var(--s) 1.6%;
    flex-direction: column;
  }
  
  .filter-wrap .topic-link {
    padding: 10px;
    font-size: 1.2rem;
    margin-right: 0px;
    margin-bottom: 2px;
  }
  .filter-wrap .topic-link:first-child {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
  }

  .filter-wrap .topic-link:last-child {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius:0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-right: 0;
  }
  
}

.blog-index__wrap {
  flex-wrap: wrap;
  
}

.blog-index__post {
 width: 30%; 
  margin: 1.66%;
}

.blog-index__post.double {
  width: 63.32%;
}

.blog-index__post .blog-index__post-image {
  position: relative;
  padding-bottom: 80%;
  background-size: cover!important;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.blog-index__post.double .blog-index__post-image {
  padding-bottom: 38%;
}

.blog-index__post .blog-index__post-image a {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.blog-index__post .blog-index__post-image a:hover {
  background: rgba(155,155,155,.3);
}

.blog-index__post .blog-index__post-tag {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 20px;
  color: rgba(228, 89, 37, 1);
}

.blog-index__post .blog-index__post-title,
.blog-index__post .blog-index__post-title a {
  color: #01203A;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 8px 0;
}

.blog-index__post .blog-index__post-content {
  font-size: 1.6rem;
}

@media (max-width : 767px) {
  
  .blog-index__post.double,
  .blog-index__post {
   width: 100%; 
    margin: 0 0 40px 0;
  }
  .blog-index__post.double .blog-index__post-image {
    padding-bottom: 80%;
  }
  
}






.blog-top {
  justify-content: space-between;
}

.blog-top .left {
  width: 60%;
}

.blog-top .left h1 {
  font-size: 4.0rem;
}

.blog-top .left .blog-intro {
  font-size: 2.4rem;
}

.blog-top .right {
  width: 35%;
}

.blog-top .right img:hover{
  opacity: .7;
}

.blog-top .right img {
  width: 100%;
}



.post-content-wrapper {
  justify-content: space-between;
  flex-wrap: wrap;
}

.post-content-wrapper .content {
  width: 66%;
}

.post-content-wrapper .sidebar {
  width: 28%;
}

.blog-post__tags {
  margin-bottom: 40px;
}

.blog-post__tag-link {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 20px;
  color: rgba(228, 89, 37, 1);
}



/************ Blog Related Posts *********/

.blog-related-posts {
    background-color: #ffffff;
}

.blog-related-posts__post {
    flex: 0 0 100%;
  margin-bottom: 30px;
}

.blog-related-posts__feat-img {
  position: relative;
  background-size: cover!important;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  padding-bottom: 75%;
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.blog-related-posts__feat-img a {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.blog-related-posts__title,
.blog-related-posts__title a {
  font-size: 1.6rem;
  font-weight: 300;
  color: #01203A;
}

.blog-related-posts__tag {
  font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 20px;
    color: rgba(228, 89, 37, 1);
}

@media (max-width : 767px) {
  
  .post-content-wrapper .content {
    width: 100%;
  }

  .post-content-wrapper .sidebar {
    width: 100%;
  }
  
  .blog-top {
    flex-direction: column;
  }

  .blog-top .left {
    width: 100%;
  }

  .blog-top .right {
    width: 100%;
  }
  
  .blog-top .right img {
    max-width: 300px;
  }
  
}





.cs-top {
  max-width: 630px;
}

.cs-top h1 {
  font-size: 4.0rem;
}

.cs-top .cs-intro {
  font-size: 2.4rem;
}

.cs-top ol {
  padding: 0 0 0 40px;
}

.cs-top ol li::marker {
  color: #66A3B2;
  font-weight: bold;
  font-size: 2.4rem;
}




/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: ;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: ;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: ;
}

.hs-pagination__link-icon svg {
  fill: ;
}

/* Pricing card */

.card__price {
  ;
  color: ;
  font-size: ;
}

.card__body svg {
  fill: ;
}

/* Social follow */

.social-links__icon {
  background-color: ;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: ;
}

.social-links__icon:active {
  background-color: ;
  ;
  color: ;
  font-size: ;
}

/* Case Study 25 */