/* ******************************************************************************
	*********************************************************************************
	Use this file to override any of the CSS styles preset in the themed
	stylesheets or you can add your own custom styles.
	*********************************************************************************
	****************************************************************************** */

	/* Test */

	

	
	
	
	
	
	
	


	
	
	

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

	.dnd-section {
	  padding-bottom: 60px;
	  padding-top: 60px;
	}

	.body-container__homepage .dnd-section:nth-child(odd) {
	  background-color: #ffffff;
	}
	.page-center {
	  max-width: 1170px;
  }
  
  @media only screen and (max-width: 1279px) and (min-width: 1170px){
    .page-center {
      max-width: calc(1170px - 70px);
    }
    .dnd-section > .row-fluid {
      max-width: calc(1170px - 70px);
    }

  }

  @media only screen and (max-width: 1179px) and (min-width: 1000px){
    .page-center {
      max-width: calc(1170px - 220px);
    }
    .dnd-section > .row-fluid {
      max-width: calc(1170px - 220px);
    }

  }
  @media only screen and (max-width: 999px) and (min-width: 768px){
    .page-center {
      max-width: calc(1170px - 450px);
    }
    .dnd-section > .row-fluid {
      max-width: calc(1170px - 450px);
    }
  }

	
	
	

	html {
	  font-size: 16;
	}

	body {
	  color: #000000;
	  font-family: 'Roboto';
	  font-size: 16px;
	  font-weight: 300;
	}

	p {
	  font-family: 'Roboto';
	  font-weight: 300;
	}

	a {
	  font-family: 'Roboto';
	  color: rgba(175, 224, 208, 1.0);
	}

	a:hover,
	a:focus {
	  color:#004C45;
	}

	a:active {
	  color: rgba(215, 255, 248, 1.0);
	}

	h1 {
	  color: #000000;
	  font-family: 'Montserrat';
	  font-size: 35px;
	  font-weight: 300;
	}

	@media(max-width: 767px) {
	  h1 {
		font-size: 28.0px;
	  }
	}

	h2 {
	  color: #000000;
	  font-family: 'Montserrat';
	  font-size: 27px;
	  font-weight: 500;
	}

	@media(max-width: 767px) {
	  h2 {
		font-size: 20.79px;
	  }
	}

	h3 {
	  color: #000000;
	  font-family: 'Montserrat';
	  font-size: 21px;
	  font-weight: 500;
	}

	@media(max-width: 767px) {
	  h3 {
		font-size: 18.48px;
	  }
	}

	h4 {
	  color: #000000;
	  font-family: montserrat,serif;
	  font-size: 18px;
	  font-weight: 500;
	}

	@media(max-width: 767px) {
	  h4 {
		font-size: 16.560000000000002px;
	  }
	}

	h5 {
	  color: #000000;
	  font-family: montserrat,serif;
	  font-size: 16px;
	  font-weight: 500;
  }
  

	h6 {
	  color: #000000;
	  font-family: montserrat,serif;
	  font-size: 14px;
	  font-weight: 500;
	}


	
	
	

	form,
	.submitted-message {
	  background-color: rgba(0, 76, 69, 1.0) ;
	  font-family: 'Roboto';
	}

	h3.form-title {
	  background-color: rgba(0, 76, 69, 1.0);
	  color: rgba(255, 255, 255, 1.0);
	}

	.hs-button,
	.button--primary {
	  background-color: rgba(0, 76, 69, 1.0);
	  border-color: rgba(0, 76, 69, 1.0);
	  border-radius: 5px;
	  border-width: 2px;
	  color: rgba(255, 255, 255, 1.0);
	  padding-left: 45px;
	  padding-right: 45px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	}

	.hs-button:hover,
	.hs-button:focus,
	.button--primary:hover,
	.button--primary:focus {
	  background-color: #AFE0D0;
	  border-color: #AFE0D0;
	  color: #004C45; 
	}

	.hs-button:active,
	.button--primary:active {
	  background-color: rgba(40, 116, 109, 1.0);
	  border-color: rgba(40, 116, 109, 1.0);
	  color: rgba(255, 255, 255, 1.0);
	}

	.hs-form label {
	  color: rgba(255, 255, 255, 1.0);
	}

  form h1,
  form h2,
  form h3,
  form h4,
  form h5,
  form h6,
  form a,
  form p,
  .hs-form-field>label,
  form#email-prefs-form .page-header,
  form#email-prefs-form span{
    color: rgba(255, 255, 255, 1.0);
  }
	.hs-form legend {
	  color: rgba(240, 237, 237, 1.0);
	}

	form input,
	form select,
	form textarea,
	.hs-input {
	  border-color: rgba(238, 238, 238, 1.0);
	  background-color: rgba(255, 255, 255, 1.0);
	  color: #727272;
	  border-radius: 0px;
	}

	form input:focus,
	form select:focus,
	form textarea:focus,
	.hs-input:focus {
	  border-color: rgba(238, 238, 238, 1.0);
	}

	.fn-date-picker .pika-table thead th {
	  color: rgba(255, 255, 255, 0.0);
	}

	.hs-input:-moz-placeholder,
	.hs-input::-webkit-input-placeholder,
	.hs-field-desc,
	.hs-dateinput:before,
	.hs-richtext {
	  color: #000000;
	}

	.hs-richtext {
	  font-size: 16;
	}

	.hs-default-font-element,
	.hs-main-font-element {
	  font-family: 'Roboto';
	}

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

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

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

	
	
	

	th,
	td {
	  background-color: rgba(255, 255, 255, 1.0);
	  border: 1px solid rgba(73, 74, 82, 1.0);
	  color: rgba(73, 74, 82, 1.0);
	}

	thead th,
	thead td {
	  background-color: rgba(73, 74, 82, 1.0);
	  color: rgba(255, 255, 255, 1.0);
	}

	tfoot td {
	  background-color: rgba(255, 255, 255, 1.0);
	  color: rgba(73, 74, 82, 1.0);
	}

	table,
	tbody + tbody {
	  border-color: rgba(73, 74, 82, 1.0);
	}

	
	
	

	header.header {
    background-color: rgba(0, 76, 69, 1.0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
 

	.header__container {
	  max-width: 1170px;
	}

	body .custom-menu-primary a {
	  color: #fff;
	}

	body .custom-menu-primary .submenu.level-1 > li:hover > a{
	  color: #AFE0D0;
	}

	body .custom-menu-primary a.active-branch {
	  color: #AFE0D0;
	}
	body .custom-menu-primary .submenu.level-1 > li.active-branch {
	background-color: rgba(255, 255, 255, 0.0);
	}
	body .custom-menu-primary .submenu.level-1 > li {
	  background-color: ;
	}
	body .custom-menu-primary .submenu.level-1 > li:hover {
	  background-color: rgba(255, 255, 255, 0.0);
	}
	body .custom-menu-primary .submenu.level-1 > li > a.active-branch {
	  color: #AFE0D0;
	}

	body .custom-menu-primary .submenu.level-2 li  a {
    color: #004C45; 
    border-color: rgba(238, 238, 238, 1.0);
	}
  body .custom-menu-primary .submenu.level-2,
  body .custom-menu-primary .submenu.level-3{
    background-color: rgba(255, 255, 255, 1.0);
    border-color: rgba(0, 0, 0, 0.1);
	}

	body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover{
	  background-color: rgba(175, 224, 208, 1.0);
	  color: #004C45;
	}
	body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch {
	  color: #004C45;
	  background-color: rgba(0, 76, 69, 1.0);
	}

  .top_nav{
    background-color: rgba(0, 76, 69, 1.0);
  }
  .top_nav .tplinks li a{
    color: rgba(255, 255, 255, 1.0);
  }
  .top_nav .tplinks li a:hover{
    color: rgba(175, 224, 208, 1.0);
  }
  .top_nav .topsocial li{
    background-color: rgba(175, 224, 208, 1.0);
  }
  .top_nav .topsocial li:hover{
    background-color: rgba(175, 224, 208, 1.0);
  }
  .top_nav .topsocial li a{
    color: rgba(255, 255, 255, 1.0);
  }
  .top_nav .topsocial li a:hover{
    color: rgba(0, 76, 69, 1.0);
  }

	
	
	

	.footer {
	  background-color: rgba(0, 76, 69, 1.0);
	  color: #fff;
	}

	.footer__container {
	  max-width: 1170px;
  }
  .copyrights p a{
    color: #FFFFFF;
  }
  .copyrights p a:hover{
    color: #AFE0D0;
  }
  .copyrights p{
    color: #ffffff;
  }
  .copyrights{
    background-color: rgba(0, 76, 69, 1.0);
  }
  .footer-social-icon h3{
    color: #fff;
  }
  .footer-social-icon ul li i{
    background-color: rgba(255, 255, 255, 1.0);
    color: #004C45;
  }
  .footer-social-icon ul li:hover i{
    background-color: rgba(175, 224, 208, 1.0);
    color: #004C45;
  }


  @media only screen and (max-width: 1279px) and (min-width: 1170px){
    .footer__container {
      max-width: calc(1170px - 70px);
    }

  }

  @media only screen and (max-width: 1179px) and (min-width: 1000px){
    .footer__container {
      max-width: calc(1170px - 220px);
    }

  }
  @media only screen and (max-width: 999px) and (min-width: 768px){
    .footer__container {
      max-width: calc(1170px - 450px);
    }
  }
	
	
	

	.content-wrapper {
	  max-width: 1170px;
	}
	@media only screen and (max-width: 1279px) and (min-width: 1170px){
		.content-wrapper {
		  max-width: calc(1170px - 70px);
		}
	
	  }
	
	  @media only screen and (max-width: 1179px) and (min-width: 1000px){
		.content-wrapper {
		  max-width: calc(1170px - 220px);
		}
	
	  }
	  @media only screen and (max-width: 999px) and (min-width: 768px){
		.content-wrapper {
		  max-width: calc(1170px - 450px);
		}
	  }
	.blog-post__date {
	  border-color: #000000;
	}

	.blog-tag-filter__menu-link,
	.blog-post__tag-link,
	.blog-card__tag-link,
	.blog-post__author-name,
	.blog-card__title a {
	  color: #000000;
	}

	.blog-card__tag-link:hover,
	.blog-card__title a:hover,
	.blog-tag-filter__menu-link:hover,
	.blog-post__tag-link:hover,
	.blog-post__author-name:hover,
	.blog-card__tag-link:focus,
	.blog-card__title a:focus,
	.blog-tag-filter__menu-link:focus,
	.blog-post__tag-link:focus,
	.blog-post__author-name:focus {
	  color: #000000;
	}

	.blog-card__tag-link:active,
	.blog-card__title a:active,
	.blog-tag-filter__menu-link:active,
	.blog-post__tag-link:active,
	.blog-post__author-name:active {
	  color: #282828;
	}

	.blog-tag-filter__menu-link--active-item:after {
	  background-color: #000000;
	}

	.blog-pagination__link {
	  color: #000000;
	}

	.blog-pagination__link--active:after,
	.blog-pagination__prev-link:after,
	.blog-pagination__next-link:after {
	  background-color: #000000;
	}

	.blog-post__title {
	  color: #000000;
	  font-family:'Montserrat';
	  font-size: 27px;
	  font-weight: ;
	}

	.blog-post__author {
	  background-color: #ffffff;
	}

	#comments-listing .comment-reply-to {
	  color: rgba(#null, 0.0);
	}

	#comments-listing .comment-reply-to:hover,
	#comments-listing .comment-reply-to:focus {
	  color: rgba(#null, 0.0);
	}

	#comments-listing .comment-reply-to:active {
	  color: rgba(#null, 0.0);
	}

	
	
	


	
	
	

	body .icon svg {
	  fill: #000000;
	}

	body .tns-nav button.tns-nav-active {
	  background-color: #000000;
	}

	body .tns-nav button:hover,
	body .tns-nav button:focus {
	  background-color: #000000;
	}

	body .social-links__icon {
	  background-color: #000000;
	}

	body .social-links__icon:hover svg,
	body .social-links__icon:focus svg {
	  fill: rgba(#null, 0.0);
	}

	body .social-links__icon:active svg {
	  fill: rgba(#null, 0.0);
	}

	body .team-member__description {
	  background-color: #ffffff;
	}

	.page-center {
	  margin: 0 auto;
	}

	
	
	
	.body-container__website .dnd-section:nth-child(odd) {
	  background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}
	}