@media (min-width: 0) {
  .services-card-deck .card {
    flex: 0 0 calc(100% - 30px); } }

@media (min-width: 576px) {
  .services-card-deck .card {
    flex: 0 0 calc(50% - 30px); } }

@media (min-width: 768px) {
  .services-card-deck .card {
    flex: 0 0 calc(33.33333% - 30px); } }

@media (min-width: 992px) {
  .services-card-deck .card {
    flex: 0 0 calc(33.33333% - 30px); } }

@media (min-width: 1200px) {
  .services-card-deck .card {
    flex: 0 0 calc(33.33333% - 30px); } }

@media (min-width: 1900px) {
  .services-card-deck .card {
    flex: 0 0 calc(33.33333% - 30px); } }

@media (min-width: 0) {
  .team-card-deck .card {
    flex: 0 0 calc(100% - 30px); } }

@media (min-width: 576px) {
  .team-card-deck .card {
    flex: 0 0 calc(50% - 30px); } }

@media (min-width: 768px) {
  .team-card-deck .card {
    flex: 0 0 calc(50% - 30px); } }

@media (min-width: 992px) {
  .team-card-deck .card {
    flex: 0 0 calc(33.33333% - 30px); } }

@media (min-width: 1200px) {
  .team-card-deck .card {
    flex: 0 0 calc(25% - 30px); } }

@media (min-width: 1900px) {
  .team-card-deck .card {
    flex: 0 0 calc(25% - 30px); } }

html, body {
  font-family: 'Muli', sans-serif; }

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

.grey-background {
  background-color: #eee; }

.dark-grey-background {
  background-color: #333; }

.white-background {
  background-color: #fff; }
  
.font-600 {
  font-weight: 600; }
  
.font-700 {
  font-weight: 700; }

.font-900 {
  font-weight: 900; }

.section-title {
 
  color: #eee;
  font-weight: 900; }
  @media screen and (min-width: 20em) and (max-width: 48em) {
    .section-title {
      font-size: calc(1.4em + 1.6 * ((100vw - 20em) / 28)); } }
  @media screen and (min-width: 48em) and (max-width: 62em) {
    .section-title {
      font-size: calc(3em + 1 * ((100vw - 48em) / 14)); } }
  @media screen and (min-width: 62em) and (max-width: 75em) {
    .section-title {
      font-size: calc(4em + 0.5 * ((100vw - 62em) / 13)); } }
  @media screen and (min-width: 75em) and (max-width: 200em) {
    .section-title {
      font-size: calc(4.5em + 4.8 * ((100vw - 75em) / 125)); } }
  .section-title::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: calc((1 - 1.79) * 0.5em); }

.navbar-light .navbar-nav .nav-link {
  color: #333;
  font-size: 1.125em;
  font-weight: bold; }

.word-break {
  word-break: break-all; }  

.navbar-collapse {
		background-color:lightgrey;
	}

 .echo .navbar-text {
    display: none; }
    @media screen and (min-width: 992px) {
      .echo .navbar-text {
        display: block;
        color: #333;
        font-weight: bold; }
        .echo .navbar-text {
          font-size: 0.1em; } }
    @media screen and (min-width: 992px) and (min-width: 20em) {
      .echo .navbar-text {
        font-size: calc(0.1em + 1.65 * ((100vw - 20em) / 55)); } }
    @media screen and (min-width: 992px) and (min-width: 75em) {
      .echo .navbar-text {
        font-size: 1.75em; } }
    
    .echo .navbar-text a {
      color: #333; }
      .echo .navbar-text a:visited {
        color: #333; }
		
	

.btn-coloured-border-solid {
  background-color: transparent;
  color: #333;
  border-radius: 0;
  font-weight: bold;
  display: inline-flex;
  align-items: center; }
  .btn-coloured-border-solid {
    font-size: 1em; }
    @media screen and (min-width: 20em) {
      .btn-coloured-border-solid {
        font-size: calc(1em + 0.3 * ((100vw - 20em) / 55)); } }
    @media screen and (min-width: 75em) {
      .btn-coloured-border-solid {
        font-size: 1.3em; } }
  .btn-coloured-border-solid span {
    width: 100%;
    text-align: center; }

.btn-coloured-border-open {
  background-color: transparent;
  border-left: none;
  border-right: none;
  color: #333;
  border-radius: 0;
  font-weight: bold; }
  .btn-coloured-border-open {
    font-size: 1em; }
    @media screen and (min-width: 20em) {
      .btn-coloured-border-open {
        font-size: calc(1em + 0.3 * ((100vw - 20em) / 55)); } }
    @media screen and (min-width: 75em) {
      .btn-coloured-border-open {
        font-size: 1.3em; } }
		
		
.quote {
  font-weight: 700; }
  .quote {
    font-size: 1.1em; }
    @media screen and (min-width: 20em) {
      .quote {
        font-size: calc(1.1em + 0.2 * ((100vw - 20em) / 55)); } }
    @media screen and (min-width: 75em) {
      .quote {
        font-size: 1.3em; } }

.quote-mark {
  font-family: 'Chivo', sans-serif;
  font-weight: 700; }
  .quote-mark {
    font-size: 5em; }
    @media screen and (min-width: 20em) {
      .quote-mark {
        font-size: calc(5em + 5 * ((100vw - 20em) / 55)); } }
    @media screen and (min-width: 75em) {
      .quote-mark {
        font-size: 10em; } }
  .quote-mark::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: calc((1 - 2.5) * 0.5em); }
  .quote-mark::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.7) * 0.5em); }		
		
		

.echo {
  /* HOME PAGE*/ }
  .echo .jumbo-main-text {
    font-weight: 900;
    color: #fff; }
    .echo .jumbo-main-text {
      font-size: 1.5em; }
      @media screen and (min-width: 20em) {
        .echo .jumbo-main-text {
          font-size: calc(1.5em + 3 * ((100vw - 20em) / 55)); } }
      @media screen and (min-width: 75em) {
        .echo .jumbo-main-text {
          font-size: 4.5em; } }
  .echo .jumbo-long-main-text {
    font-weight: 900;
    color: #fff; }
    .echo .jumbo-long-main-text {
      font-size: 1.5em; }
      @media screen and (min-width: 20em) {
        .echo .jumbo-long-main-text {
          font-size: calc(1.2em + 3 * ((100vw - 20em) / 55)); } }
      @media screen and (min-width: 75em) {
        .echo .jumbo-long-main-text {
          font-size: 3.0em; } }		  
  .echo .jumbotron-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    color: #fff;
    border-radius: 0;
    margin-bottom: 0; }
   .echo .jumbotron {
    background: rgba(0, 0, 0, 0.6); }
  .echo .btn-jumbo {
    margin: 20px 0;
    background-color: transparent;
    border-left: none;
    border-right: none;
    color: #fff;
    border-radius: 0;
    font-weight: bold; }
    @media screen and (min-width: 992px) {
      .echo .btn-jumbo {
        margin: 20px 10px; } }
    .echo .btn-jumbo {
      font-size: 1em; }
      @media screen and (min-width: 20em) {
        .echo .btn-jumbo {
          font-size: calc(1em + 0.75 * ((100vw - 20em) / 55)); } }
      @media screen and (min-width: 75em) {
        .echo .btn-jumbo {
          font-size: 1.75em; } }
  .echo .jumbo-contact-details {
    color: #fff;
    text-align: center; }
    .echo .jumbo-contact-details {
      font-size: 1em; }
      @media screen and (min-width: 20em) {
        .echo .jumbo-contact-details {
          font-size: calc(1em + 0.75 * ((100vw - 20em) / 55)); } }
      @media screen and (min-width: 75em) {
        .echo .jumbo-contact-details {
          font-size: 1.75em; } }
    .echo .jumbo-contact-details a {
      color: #fff; }
      .echo .jumbo-contact-details a:visited {
        color: #fff; }
      .echo .jumbo-contact-details a:hover {
        color: #fff; }
  .echo .jumbo-secondary-text {
    font-weight: 600;
    color: #fff; }
    .echo .jumbo-secondary-text {
      font-size: 1.2em; }
      @media screen and (min-width: 20em) {
        .echo .jumbo-secondary-text {
          font-size: calc(1.2em + 0.55 * ((100vw - 20em) / 55)); } }
      @media screen and (min-width: 75em) {
        .echo .jumbo-secondary-text {
          font-size: 1.75em; } }
  .echo .owl-nav {
    text-align: center;
    margin: 1em 0; }
    @media screen and (min-width: 768px) {
      .echo .owl-nav {
        text-align: right; } }
		
	.echo .company-features {
    /*COMPANY FEATURES SECTION*/
    font-weight: 600; }
    .echo .company-features h2 {
      font-weight: bold; }
      .echo .company-features h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .company-features h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .company-features h2 {
            font-size: 3.5em; } }   
    .echo .company-features i {
      color: #999; }
    .echo .company-features h1 {
      font-weight: 700; }
  
  .echo .our-services {
    /*OUR SERVICES SECTION*/
    font-weight: 600; }
    .echo .our-services h2 {
      font-weight: bold; }
      .echo .our-services h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .our-services h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .our-services h2 {
            font-size: 3.5em; } }      
    .echo .our-services .card {
      border: solid #333 1px;
      height: 18.75em; }
    .echo .our-services .card-body h3 {
      font-weight: 600; }
    .echo .our-services .card-body .card-title {
      font-weight: bold; }
      .echo .our-services .card-body .card-title i {
        color: #999; }
    .echo .our-services .card-footer {
      background-color: #fff;
      border-top: none; }
	  
  .echo .plugin {
    /*PLUGIN SECTION*/
    font-weight: 600; }
    .echo .plugin h2 {
      font-weight: bold; }
      .echo .plugin h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .plugin h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .plugin h2 {
            font-size: 3.5em; } }
    .echo .plugin a {
      color: #333; }
      .echo .plugin a:visited {
        color: #333; }
      .echo .plugin a:hover {
        color: #D2F907; }
    .echo .plugin .plugin-iframe {
      width: 100%;
      overflow: scroll;
      border: 1px solid #333;
      /*height: 43.75em;*/ }
	     
  .echo .testimonials {
    /*TESTIMONIALS*/
    font-weight: 600; }
    .echo .testimonials h2 {
      font-weight: bold; }
      .echo .testimonials h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .testimonials h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .testimonials h2 {
            font-size: 3.5em; } }
    .echo .testimonials .testimonial-quote {
      border: 1px solid #333; }
    .echo .testimonials .testimonial-quote-mark {
      font-family: 'Chivo', sans-serif;
      font-weight: 700; }
      .echo .testimonials .testimonial-quote-mark {
        font-size: 10em; }
        @media screen and (min-width: 20em) {
          .echo .testimonials .testimonial-quote-mark {
            font-size: calc(10em + 10 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .testimonials .testimonial-quote-mark {
            font-size: 20em; } }
      .echo .testimonials .testimonial-quote-mark::after {
        content: '';
        display: block;
        height: 0;
        width: 0;
        margin-bottom: calc((1 - 2.5) * 0.5em); }
      .echo .testimonials .testimonial-quote-mark::before {
        content: '';
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.7) * 0.5em); }
    .echo .testimonials .testimonial-referee {
      font-weight: 900; }
	  	  
	  
	.echo .bottom-text-section {
    /*HOME PAGE BOTTOM TEXT SECTION*/
    font-weight: 600; }
    .echo .bottom-text-section h2 {
      font-weight: bold; }
      .echo .bottom-text-section h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .bottom-text-section h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .bottom-text-section h2 {
            font-size: 3.5em; } }
    .echo .bottom-text-section .bottom-text-background-image {
      display: none; }
      @media screen and (min-width: 992px) {
        .echo .bottom-text-section .bottom-text-background-image {
          display: block;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          position: relative; } } 
		  
		  
	.echo .fca-warning {
    /*fac-warning*/
    font-weight: 600; }
    .echo .fca-warning span {
      font-weight: 900;
      vertical-align: text-top; }
      .echo .fca-warning span {
        font-size: 1.1em; }
        @media screen and (min-width: 20em) {
          .echo .fca-warning span {
            font-size: calc(1.1em + 0.5 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .fca-warning span {
            font-size: 1.6em; } }
		
  .echo footer {
    /*FOOTER*/
    font-weight: 600;
    color: #fff; }
    .echo footer a {
      color: #fff; }
      .echo footer a:visited {
        color: #fff; }
    .echo footer h3 {
      font-weight: bold; }
      .echo footer h3 {
        font-size: 1.1em; }
        @media screen and (min-width: 20em) {
          .echo footer h3 {
            font-size: calc(1.1em + 1.4 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo footer h3 {
            font-size: 2.5em; } }
    .echo footer .social-media-icons a {
      text-decoration: none; }
	  
	/*CONTENT IMAGE SECTION*/	  
	.echo .content-jumbo-main-text {
    font-weight: 900;
    color: #fff; }
    .echo .content-jumbo-main-text {
      font-size: 1.5em; }
      @media screen and (min-width: 20em) {
        .echo .content-jumbo-main-text {
          font-size: calc(1.5em + 3 * ((100vw - 20em) / 55)); } }
      @media screen and (min-width: 75em) {
        .echo .content-jumbo-main-text {
          font-size: 4.5em; } } 

.echo .content-jumbotron-image {
    color: #fff;
    border-radius: 0;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 0;
    margin-bottom: 0
	}		
	
	@media screen and (max-width: 992px) {		
		.echo .content-jumbotron-small {
		background: rgba(0, 0, 0, 0.6); }
	}

	@media screen and (min-width: 992px) {		
		.echo .content-jumbotron {
		background: rgba(0, 0, 0, 0.6); }
	}
	
	.echo .content-text {
    /*CONTENT-TEXT SECTION*/
    font-weight: 600; }
    .echo .content-text h2 {
      font-weight: bold; }
      .echo .content-text h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .content-text h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .content-text h2 {
            font-size: 3.5em; } }
    .echo .content-text i {
      color: #999; }
    .echo .content-text span {
      text-align: left; }
    .echo .content-text h1 {
      font-weight: 700; }
	  
	  
	.echo .content-text-with-image {
    /*CONTENT-TEXT-WITH-IMAGE SECTION*/
    font-weight: 600; }
    .echo .content-text-with-image h2 {
      font-weight: bold; }
      .echo .content-text-with-image h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .content-text-with-image h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .content-text-with-image h2 {
            font-size: 3.5em; } }
    .echo .content-text-with-image i {
      color: #999; }
    .echo .content-text-with-image h1 {
      font-weight: 700; }
    .echo .content-text-with-image .content-text-with-image-background-image {
      display: none; }
      @media screen and (min-width: 992px) {
        .echo .content-text-with-image .content-text-with-image-background-image {
          display: block;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          position: relative; } }   
	 
	
  .echo .content-company-features {
    /*CONTENT COMPANY FEATURES*/
    font-weight: 600; }
    .echo .content-company-features h2 {
      font-weight: bold; }
      .echo .content-company-features h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .content-company-features h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .content-company-features h2 {
            font-size: 3.5em; } }


	.echo .about-us-text {
    /*ABOUT-US-TEXT SECTION*/
    font-weight: 600; }
    .echo .about-us-text h2 {
      font-weight: bold; }
      .echo .about-us-text h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .about-us-text h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .about-us-text h2 {
            font-size: 3.5em; } }
    .echo .about-us-text i {
      color: #999; }
    .echo .about-us-text span {
      text-align: left; }
    .echo .about-us-text h1 {
      font-weight: 700; }
	  
	.echo .about-us-text-with-image {
    /*ABOUT-US-TEXT-WITH-IMAGE SECTION*/
    font-weight: 600; }
    .echo .about-us-text-with-image h2 {
      font-weight: bold; }
      .echo .about-us-text-with-image h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .about-us-text-with-image h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .about-us-text-with-image h2 {
            font-size: 3.5em; } }
    .echo .about-us-text-with-image i {
      color: #999; }
    .echo .about-us-text-with-image h1 {
      font-weight: 700; }
    .echo .about-us-text-with-image .about-us-text-with-image-background-image {
      display: none; }
      @media screen and (min-width: 992px) {
        .echo .about-us-text-with-image .about-us-text-with-image-background-image {
          display: block;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          position: relative; } }  
	
	  
	.echo .meet-the-team {
    /*MEET THE TEAM*/ 
    font-weight: 600; }
    .echo .meet-the-team h2 {
      font-weight: bold; }
      .echo .meet-the-team h2 {
        font-size: 1.2em; }
        @media screen and (min-width: 20em) {
          .echo .meet-the-team h2 {
            font-size: calc(1.2em + 2.3 * ((100vw - 20em) / 55)); } }
        @media screen and (min-width: 75em) {
          .echo .meet-the-team h2 {
            font-size: 3.5em; } }
    .echo .meet-the-team .job-title {
      font-weight: 700;
      padding-bottom: .5em; }
    .echo .meet-the-team .card-deck {
      display: -ms-flexbox;
      -ms-flex-direction: row;
      -ms-flex-wrap: wrap;
      -ms-flex-pack: center;
      -ms-flex-line-pack: start;
      -ms-flex-align: center; }
      .echo .meet-the-team .card-deck .card {
        -ms-flex-order: 0;
        -ms-flex: 0 1 25%;
        -ms-flex-item-align: auto; } 
	  
  
	
  .echo .get-in-touch-section .contact-list span {
    font-weight: 900; }
    .echo .get-in-touch-section .contact-list span {
      font-size: 1.2em; }
      @media screen and (min-width: 20em) {
        .echo .get-in-touch-section .contact-list span {
          font-size: calc(1.2em + 0.55 * ((100vw - 20em) / 55)); } }
      @media screen and (min-width: 75em) {
        .echo .get-in-touch-section .contact-list span {
          font-size: 1.75em; } }
  .echo .get-in-touch-section .contact-list a {
    color: #333; }
    .echo .get-in-touch-section .contact-list a:link {
      color: #333; }
    .echo .get-in-touch-section .contact-list a:visited {
      color: #333; }
    .echo .get-in-touch-section .contact-list a:active {
      color: #333; }  
	 
	  
	.echo #map {
    min-height: 300px;
    min-height: 400px
}

@media(min-width:1200px) {
    .echo #map {
        min-height: 500px
		}
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}     
.client-login a{color: #333;}

.jargon {
    font-weight: 600;
    color:#333; }
    .jargon  a {
      color: #333; }
      .jargon  a:visited {
        color: #333; }
    .jargon  h3 {
  padding-top: 0.625rem;
      font-weight: bold; }
      .jargon  h3 {
        font-size: 1.1em; }
        @media screen and (min-width: 20em) {
          .jargon  h3 {
            font-size: calc(1.1em + 1.4 * ((100vw - 15em) / 55)); } }
        @media screen and (min-width: 75em) {
          .jargon  h3 {
            font-size: 2.0em; } }

.jargon-menu{
font-size:1.2rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
text-align: center; 
border: 1px solid #eee; 
background-color: #eee;
margin-top: 1rem;
margin-bottom: 5rem;
}
 .jargon-to-top{
font-weight: 600;}