/*////////  fonts   ////////*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;400;500;700;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;800&display=swap');

/*////////  resets   ////////*/

*, :after, :before {
  box-sizing: inherit;
}

div {
  display: block;
  unicode-bidi: isolate;
}

html {
  box-sizing: border-box;
}

ol, ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.flex {
	display: flex;
}

.flex nav.pleft {
	padding-left: 4rem;
}

.insight .mwc-col ol {
  list-style: auto;
  padding: 0 0 0 1rem;
  margin: 0 0 0 1rem;
}

.insight .mwc-col ol li {
  padding-bottom: 0.675rem;
}

.insight-assist {
	border-top: 1px solid #F1BBBB;
}

@media (min-width: 992px) {
	
	.insight .mwc-col ol {
	  list-style: auto;
	  padding: 0 0 0 2rem;
	  margin: 0 0 0 2rem;
	}

	.insight .mwc-col ol li {
	  padding-bottom: 1.25rem;
	}
	
}

/*////////  basics   ////////*/

body {
  font-size: 1.25rem;
  line-height: 1.3;
  background-color: #F2F5F5;
  width: 100%;
  overflow-x: hidden;
  color: rgba(0,0,0,0.8);
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  position:relative;
  padding: 0;
  margin: 0;
}

.overflow-hidden {
  overflow-y: hidden;
}

.force-top {
  top: 0 !important;
}

@media (max-width: 991px) {

  .hide-mobile {
    display: none!important;
  }
  
}

@media (min-width: 992px) {

  .hide-desktop {
    display: none!important;
  }
  
}


/*////////  text   ////////*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
hr {
  margin: 0;
  padding: 0;
}

.h0 {
  font-size: 3.583rem;
}

h1, .h1 {
  font-size: 2.986rem;
}

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

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

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

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

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

.brand-font {
  font-family: "Nanum Myeongjo", serif;
  font-weight: 400;
  font-style: normal;
}

p {
  font-size: 1rem;
  margin-bottom: .75rem;
}

p.insight {
  line-height: 1.6;
}

p.large {
  font-size: 1.255rem;
  margin-bottom: 1rem;
}

p.small {
  font-size: 0.875rem;
  margin-bottom: .5rem;
}

p.tiny {
  font-size: 0.75rem;
  margin-bottom: .5rem;
}

.bold-text, b {
  font-weight: 700;
}

.light-font {
  font-weight: 300;
}

.brand-font.bold-text, .brand-font b {
  font-weight: 800;
}

i {
  font-style: italic;
}

p:last-of-type {
  margin-bottom: 0;
}

.border-bottom {
  border-bottom: 1px solid rgba(0,0,0,0.8);
}

@media (min-width: 992px) {

  .h0 {
	font-size: 7.478rem;
  }
	
  h1, .h1 {
    font-size: 5.61rem;
  }

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

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

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

  h5, .h5 {
    font-size: 1.777rem;
  }
  
  h6, .h6 {
    font-size: 1.333rem;
  }
  
	
	
	body.insight .intro p {
		line-height: 1.6;
	}	
	
  p {
    font-size: 1.25rem;
    margin-bottom: .75rem;
  }
  
  p.large {
    font-size: 1.875rem;
    margin-bottom: 1.5rem;
  }

  p.small {
    font-size: 1rem;
    margin-bottom: .5rem;
  }

  p.tiny {
    font-size: 0.875rem;
    margin-bottom: .5rem;
  }
	
  p.font-light {
    font-weight: 300;
  }
  
  p:last-of-type {
    margin-bottom: 0;
  }
  
}


/*////////  spacing   ////////*/

.pad-b-0 {
  padding-bottom: .125rem;
}
  
.pad-t-0 {
  padding-top: .125rem;
}

.pad-b-1 {
  padding-bottom: 0.5rem;
}

.pad-t-1 {
  padding-top: 0.5rem;
}

.pad-b-2 {
  padding-bottom: 0.75rem;
}

.pad-t-2 {
  padding-top: 0.75rem;
}

.pad-b-3 {
  padding-bottom: 1rem;
}

.pad-t-3 {
  padding-top: 1rem;
}

.pad-b-4 {
  padding-bottom: 1.25rem;
}

.pad-t-4 {
  padding-top: 1.25rem;
}

.pad-b-5 {
  padding-bottom: 1.5rem;
}

.pad-t-5 {
  padding-top: 1.5rem;
}

.pad-b-6 {
  padding-bottom: 2rem;
}

.pad-t-6 {
  padding-top: 2rem;
}

.pad-b-7 {
  padding-bottom: 3rem;
}

.pad-t-7 {
  padding-top: 3rem;
}

.pad-b-8 {
  padding-bottom: 4rem;
}

.pad-t-8 {
  padding-top: 4rem;
}

.mar-b-8 {
	margin-bottom: 4rem;
}

.mar-t-8 {
	margin-top: 4rem;
}

.pad-b-9 {
  padding-bottom: 6rem;
}

.pad-t-9 {
  padding-top: 6rem;
}

.mar-t-8_m {
  margin-top: 4rem;
}

@media (min-width: 992px) {
  
  .pad-b-0 {
    padding-bottom: .25rem;
  }
  
  .pad-t-0 {
    padding-top: .25rem;
  }
  
  .pad-b-1 {
    padding-bottom: 1rem;
  }
  
  .pad-t-1 {
    padding-top: 1rem;
  }

  .pad-b-2 {
    padding-bottom: 1.5rem;
  }
  
  .pad-t-2 {
    padding-top: 1.5rem;
  }

  .pad-b-3 {
    padding-bottom: 2rem;
  }
  
  .pad-t-3 {
    padding-top: 2rem;
  }

  .pad-b-4 {
    padding-bottom: 2.5rem;
  }
  
  .pad-t-4 {
    padding-top: 2.5rem;
  }

  .pad-b-5 {
    padding-bottom: 3rem;
  }
  
  .pad-t-5 {
    padding-top: 3rem;
  }

  .pad-b-6 {
    padding-bottom: 4rem;
  }
  
  .pad-t-6 {
    padding-top: 4rem;
  }

  .pad-b-7 {
    padding-bottom: 6rem;
  }
  
  .pad-t-7 {
    padding-top: 6rem;
  }

  .pad-b-8 {
    padding-bottom: 8rem;
  }
  
  .pad-t-8 {
    padding-top: 8rem;
  }
	
	.mar-b-8 {
		margin-bottom: 8rem;
	}
	
	.mar-t-8 {
		margin-top: 8rem;
	}

  .pad-b-9 {
    padding-bottom: 12rem;
  }
  
  .pad-t-9 {
    padding-top: 12rem;
  }
  
  .mar-t-8_m {
    margin-top: 0;
  }
  
}





/*////////  buttons and links   ////////*/

a {
  color: #187771;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  display: inline-flex;
  gap: 0.25rem;
}

a:after {
  content: "";
  position: absolute;
  left:0;
  top: 100%;
  width: 0;
  height: 2px;
  background-color: #187771;
  transition: width .3s ease-in-out;
}

a:hover:after, a.current:after {
  width: 100%!important;
}

a.no-hover:after {
  content: none;
}


button.primary-btn, form button.primary-btn {
  border-radius: 4px;
  background: #F2F5F5;
  font-size: 1rem;
  font-weight: 500;
  color: #187771;
  padding: calc(1rem - 1px) calc(1.5rem - 1px);
  border: 1px solid #F2F5F5;
  line-height: 1;
  transition: all 0.3s;
  cursor: pointer;
}

button.primary-btn:hover { 
  background: #054844;
  border-color: #054844;
  color: #F2F5F5;
}


header button.primary-btn, form button.primary-btn {
  background: #187771;
  color: #F2F5F5;
  border: 1px solid #187771;
  cursor:pointer;
}

.home header button.primary-btn, header.hamburger-open button.primary-btn {
  background: #F2F5F5;
  color: #187771;
  border: 1px solid #F2F5F5;
}

.brand-bg-dark button.primary-btn:hover { 
  background: #187771;
  border-color: #187771;
  color: #F2F5F5;
}


.home header button.primary-btn:hover, header.hamburger-open button.primary-btn:hover { 
  background: #054844;
  border-color: #054844;
  color: #F2F5F5;
}



button.secondary-btn {
  border-radius: 4px;
  background: transparent;
  font-size: 1rem;
  font-weight: 500;
  color: #187771;
  padding: calc(1rem - 1px) calc(1.5rem - 1px);
  border: 1px solid #187771;
  line-height: 1;
  transition: all 0.3s;
  cursor: pointer;
}

button.secondary-btn:hover { 
  background: #054844;
  border-color: #054844;
  color: #F2F5F5;
}

button.secondary-btn.dark-btn {
  color: rgba(0,0,0,0.8);
  border: 1px solid rgba(0,0,0,0.8);
}

button.secondary-btn.dark-btn:hover { 
  background: rgba(0,0,0,0.8);
  border-color: rgba(0,0,0,0.8);
  color: #F1BBBB;
}

.cta-top-right {
  display: none;
}


@media (min-width: 992px) {
  
  .cta-top-right {
    margin-top: .5rem;
    display: flex;
    justify-content: flex-end;
  }
  
}





/*////////  color   ////////*/


.brand-bg {
  background: #187771;
}

.brand-color {
  color: #187771;
}

.dark-brand-color {
  color: #054844;
}

.light-bg {
  background: #F2F5F5;
}

.brand-bg-dark {
  background: #054844;
}

.pink-bg {
  background: #F1BBBB;
}

.grey {
  color: rgba(0,0,0,0.8);
}

.light-grey {
  color: rgba(0,0,0,0.73);
}

.light-font, .light-color {
  color: #F2F5F5;
}

.dark-pink-color {
  color: #A2443F;
}




/*////////  icons   ////////*/



.icon, .dots {
  display: flex;
  position: relative;
}

a .icon {
  margin-top: 1px;
}

.icon svg {
  height: 1rem;
  width: 1rem;
  fill: rgba(0,0,0,0.8);
}

.icon svg.large {
  height: 1.25rem;
  width: 1.25rem;
}

.icon svg.brandfill {
  fill: #187771;
}

.icon svg.pinkfill {
  fill: #A2443F;
}

.icon svg.lightfill {
  fill: #F2F5F5;
}

.logo svg {
  width: 100%;
  height: 100%;
  max-width: 954px;
  fill: rgba(0,0,0,0.8);
}

.hamburger-open .logo svg, footer .logo svg {
  fill: #F2F5F5;
}

.logo svg.header {
  height: 55px;
  width: auto;
  fill: rgba(0,0,0,0.8);
}

.home .logo svg, .home .logo svg.header {
  fill: #F2F5F5;
}



.home .logo svg {
  width: 100%;
  height: 100%;
  max-width: 954px;
  fill: #F2F5F5;
}

.home .logo svg.header {
  height: 55px;
  width: 240px;
  fill: #F2F5F5;
}

.dots svg {
  width: 100%;
  display: block;
}

.st1{fill:#187771;}
.st2{fill:#187771; fill-opacity:0.17;}

.home .st1{fill:#F2F5F5;}
.home .st2{fill:#F2F5F5; fill-opacity:0.17;}


.dots-light .st1 {fill:#F2F5F5; fill-opacity:0.17;}
.dots-light .st2 {fill:#F2F5F5; fill-opacity:1;}


@media (min-width: 992px) {
  
  .icon svg.large {
    height: 1.5rem;
    width: 1.5rem;
  }
	
  .home .sticky nav {
	Padding-left: calc(262px + 6.5rem)
  }

  
}



/*////////  header and nav   ////////*/

header {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  padding-top: .75rem;
  padding-bottom: .75rem;
  transition: 0.3s ease-out;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  z-index: 3;
}

.header-padding {
  padding-top: 52px;
}  

.brand-logo {
  height: 28px;
  width: auto;
  display: block;
  z-index: 100;
}

#burger {
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 100;
}

#burger-toggle {
  background: transparent;
  position: absolute;
  right: 0;
  top: 50%;
  height: 24px;
  width: 24px;
  cursor: pointer;
  transform: translate(0%, -50%);
}

#mobile-menu {
  width: 100vw;
  height: 100vh;
  background: #187771;
  position: fixed;
  top: 0;
  right: -100vw;
  transition: 0.3s;
  z-index: 5;
  padding-top: 12vh;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
}

#mobile-menu.active {
  right: 0;
}

#burger-toggle span,
#burger-toggle span:before,
#burger-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 24px;
  background: rgba(0,0,0,0.8);
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  content: '';
}

.home #burger-toggle.clicked span, .hamburger-open #burger-toggle span,
.home #burger-toggle.clicked span:before, .hamburger-open #burger-toggle span:before,
.home #burger-toggle.clicked span:after, .hamburger-open #burger-toggle span:after {
  background: #F2F5F5;
}

.home #burger-toggle span,
.home #burger-toggle span:before,
.home #burger-toggle span:after {
  background: #F2F5F5;
}

#burger-toggle span:before {
  top: -10px;
  left: 0;
}

#burger-toggle span:after {
  top: 10px;
  left: 0;
}

#burger-toggle span,
#burger-toggle span:before,
#burger-toggle span:after {
  transition: all 0.5s ease-in-out;
}

#burger-toggle.clicked span, .home #burger-toggle.clicked span, .hamburger-open #burger-toggle.clicked span {
  background-color: transparent;
}

#burger-toggle.clicked span:before,
#burger-toggle.clicked span:after {
  top: 0;
}

#burger-toggle.clicked span:before {
  transform: rotate(135deg);
}

#burger-toggle.clicked span:after {
  transform: rotate(-135deg);
}

.desktop-nav ul li a, .mobile-nav ul li a {
  text-decoration: none;
  color: rgba(0,0,0,0.8);
  font-weight: 300;
  font-size: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  margin-top: 0.4375rem;
}

.mobile-nav ul li a {
  color: #F2F5F5;
}

.home .desktop-nav ul li a {
  color: #F2F5F5;
}

.desktop-nav ul li a:after {
  content: "";
  position: absolute;
  left:0;
  top: 100%;
  width: 0;
  height: 2px;
  background-color: #187771;
  transition: width .3s ease-in-out;
}

.home .desktop-nav ul li a:after {
  background-color: #F2F5F5;
}

.desktop-nav ul li a:hover:after {
  width: 100%;
}

.desktop-nav, .contact-desktop {
  display: none;
}

.mobile-nav ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}


.locations {
  display: flex;
  gap: 20px;
}


@media (min-width: 992px) {

  #burger {
    display: none;
  }
  
  header {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  header.sticky {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  
  .header-padding {
    padding-top: 187px;
  } 
    
  .brand-logo {
    height: 36px;
  }
  
  .desktop-nav, .contact-desktop {
    display: block;
  }
  
  .desktop-nav ul {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
  }
  
  .cta-container {
    min-width: 240px;
    display: flex;
    justify-content: flex-end;
  }
  
}




/*////////  placeholders   ////////*/


.pattern-ph, .image-ph {
  width: 100%;
  display: block;
}

.image-ph {
  margin-top: 4rem;
}

.image-ph img {
  width: 100%;
  height: auto;
}

@media (min-width: 992px) {

  .pattern-ph {
    padding-bottom: 25%;
  }
  
}

@media (min-width: 576px) {

  .image-ph {
    margin-top: 0;
  }
  
}









/*////////  introductions   ////////*/


.intro, .introduction {
  color: #F2F5F5;
}

.intro.light-var, .introduction.light-var {
  color: rgba(0,0,0,0.8);
}




/*////////  feature and summary   ////////*/


.feature {
  border-bottom: 1px solid rgba(0,0,0,0.8)
}

.feature-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.feature-content.highlights {
  justify-content: flex-end;
}

.feature ul, .summary ul, .highlights ul, body.insight .intro ul {
	margin: 0 0 3rem;
	padding: 0;
}

.summary ul, body.insight .intro ul {
	margin: 0 0 2rem;
}

.feature li, .summary li, .highlights li, body.insight .intro li {
  list-style: none;
  position: relative;
  padding: 0 0 0 1.25rem;
  margin-bottom: 1.25rem;
  line-height: 1.6;
}

.insight .feature li, .insight .summary li, .insight .highlights li {
  padding: 0 0 0 2rem;
}

.summary li {
  padding: 0 0 0 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

.feature .blank li, .highlights .blank li {
  padding: 1.25rem 0 0;
  border-top: 1px solid #8BBAB5;
}

.feature .border-top, .highlights .border-top {
  padding-top: 1.25rem;
  border-top: 1px solid #8BBAB5;
}

.feature li:last-of-type, .summary li:last-of-type, .highlights li:last-of-type {
  margin-bottom: 0;
}


.summary ul.arrow li::before, body.insight .intro ul.arrow li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.25rem;
	height: 0.375rem;
	width: 0.375rem;
	border: 1px solid #187771;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
}

body.insight .intro ul.arrow li::before {
	top: 0.5rem;
}

.feature ul.checkmark li::before, .highlights ul.checkmark li::before {
content: ""; 
  position: absolute; 
  left: 0.25rem; 
  top: 0.25rem; 
  width: 0.375rem;
  height: 0.75rem;
  border: solid #187771;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.insight .feature ul.checkmark li::before, .insight .highlights ul.checkmark li::before { 
  top: 0.4rem; 
}

.light-font.feature ul.checkmark li::before, .light-font.highlights ul.checkmark li::before {
  border-color: #F2F5F5;
}

.feature .cta-section {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: flex-start;
}

.feature .question-link {
  display: flex;
  gap: 1rem;
  align-items: center;
}


.solutions-square {
	background: #FFFFFF;
    border-radius: 0;
    padding: 2.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.solutions-square-header {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
	gap: 1.25rem;
}

.solutions-square .svg-icon-arrow-up-right .icon svg.large {
	height: 1.75rem;
	width: 1.75rem;
}


@media (max-width: 991px) {

	.highlights {
	  order: 2;
      padding-top: 4rem;
	}
	
}


@media (min-width: 992px) {
  
  .feature {
    padding-top: 12rem;
    padding-bottom: 8rem;
    border-bottom: 1px solid rgba(0,0,0,0.8)
  }

  .summary {
    padding-top: 8rem;
    padding-bottom: 12rem;
  }
  .summary ul.arrow li::before {
    top: 0.375rem;
  }
  
  .feature .cta-section {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
    align-items: center;
  }
  
}






/*////////  insights teaser   ////////*/


.insights-teaser .cta-top-right {
  display: none;
}

.small-headline {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.insight-t {
  background: rgba(255,255,255,1); 
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
} 

.insight-t.insight-t-hp {
  background: #A2443F;
}

.insight-t.insight-t-hb {
  background: #187771;
}

.insight-t .bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
}
  


@media (min-width: 992px) {
  
  .insights-teaser .cta-top-right {
    margin-top: 0;
    display: flex;
    justify-content: flex-end;
  }
  
}







/*////////  structure   ////////*/

.max-width-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1680px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 992px) {
  
  .max-width-container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  
}


.flex-inline {
  display: flex;
}

.flex-gap-2 {
  gap: 1rem;
}




.max-width-container.mwc-col {
  flex-direction: column;
}

.container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}


.row {
  margin-right: -20px;
  margin-left: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 40px);
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}



@media (min-width: 576px) {
  
  .col-sm-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
  }

  .col-sm-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
  }

  .col-sm-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }

  .col-sm-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }

  .col-sm-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
  }

  .col-sm-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }

  .col-sm-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
  }

  .col-sm-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }

  .col-sm-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
  }

  .col-sm-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
  }

  .col-sm-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
  }

  .col-sm-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .offset-sm-1 {
      margin-left: 8.333333%;
  }

  .offset-sm-2 {
      margin-left: 16.666667%;
  }

  .offset-sm-3 {
      margin-left: 25%;
  }

  .offset-sm-4 {
      margin-left: 33.333333%;
  }

  .offset-sm-5 {
      margin-left: 41.666667%;
  }

  .offset-sm-6 {
      margin-left: 50%;
  }

  .offset-sm-7 {
      margin-left: 58.333333%;
  }

  .offset-sm-8 {
      margin-left: 66.666667%;
  }

  .offset-sm-9 {
      margin-left: 75%;
  }

  .offset-sm-10 {
      margin-left: 83.333333%;
  }

  .offset-sm-11 {
      margin-left: 91.666667%;
  }  
  
  
  
}




@media (min-width: 992px) {
  
  .col-md-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
  }

  .col-md-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
  }

  .col-md-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }

  .col-md-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }

  .col-md-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
  }

  .col-md-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }

  .col-md-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
  }

  .col-md-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }

  .col-md-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
  }

  .col-md-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
  }

  .col-md-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
  }

  .col-md-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .offset-md-1 {
      margin-left: 8.333333%;
  }

  .offset-md-2 {
      margin-left: 16.666667%;
  }

  .offset-md-3 {
      margin-left: 25%;
  }

  .offset-md-4 {
      margin-left: 33.333333%;
  }

  .offset-md-5 {
      margin-left: 41.666667%;
  }

  .offset-md-6 {
      margin-left: 50%;
  }

  .offset-md-7 {
      margin-left: 58.333333%;
  }

  .offset-md-8 {
      margin-left: 66.666667%;
  }

  .offset-md-9 {
      margin-left: 75%;
  }

  .offset-md-10 {
      margin-left: 83.333333%;
  }

  .offset-md-11 {
      margin-left: 91.666667%;
  }  
  
  
  
}






@media (min-width: 1200px) {
  
  .col-lg-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
  }

  .col-lg-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
  }

  .col-lg-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }

  .col-lg-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }

  .col-lg-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
  }

  .col-lg-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }

  .col-lg-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
  }

  .col-lg-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }

  .col-lg-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
  }

  .col-lg-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
  }

  .col-lg-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
  }

  .col-lg-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .offset-lg-1 {
      margin-left: 8.333333%;
  }

  .offset-lg-2 {
      margin-left: 16.666667%;
  }

  .offset-lg-3 {
      margin-left: 25%;
  }

  .offset-lg-4 {
      margin-left: 33.333333%;
  }

  .offset-lg-5 {
      margin-left: 41.666667%;
  }

  .offset-lg-6 {
      margin-left: 50%;
  }

  .offset-lg-7 {
      margin-left: 58.333333%;
  }

  .offset-lg-8 {
      margin-left: 66.666667%;
  }

  .offset-lg-9 {
      margin-left: 75%;
  }

  .offset-lg-10 {
      margin-left: 83.333333%;
  }

  .offset-lg-11 {
      margin-left: 91.666667%;
  }  
  
  
  
}



@media (min-width: 1600px) {
  
  .col-xl-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
  }

  .col-xl-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
  }

  .col-xl-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }

  .col-xl-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }

  .col-xl-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
  }

  .col-xl-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }

  .col-xl-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
  }

  .col-xl-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
  }

  .col-xl-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
  }

  .col-xl-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
  }

  .col-xl-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
  }

  .col-xl-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .offset-xl-1 {
      margin-left: 8.333333%;
  }

  .offset-xl-2 {
      margin-left: 16.666667%;
  }

  .offset-xl-3 {
      margin-left: 25%;
  }

  .offset-xl-4 {
      margin-left: 33.333333%;
  }

  .offset-xl-5 {
      margin-left: 41.666667%;
  }

  .offset-xl-6 {
      margin-left: 50%;
  }

  .offset-xl-7 {
      margin-left: 58.333333%;
  }

  .offset-xl-8 {
      margin-left: 66.666667%;
  }

  .offset-xl-9 {
      margin-left: 75%;
  }

  .offset-xl-10 {
      margin-left: 83.333333%;
  }

  .offset-xl-11 {
      margin-left: 91.666667%;
  }  
  
  
  
}


@media (max-width: 991px) {
	
.order-1 {order: 1;}

.order-2 {order: 2;}

}



.content_fixed .homepage-intro-text {
  display: none;
}

.content_fixed {
  position: fixed;
  top: 0.75rem;
}

.homepage-intro {
  z-index: 4;
}

.brand-logo-main {
  transition: 0.3s ease-out;
  position: relative;
}

.content_fixed .brand-logo-main {
  width: 121px!important;
  height: 28px!important;
}

.content_fixed .mar-t-8_m {
    margin: 0!important;
  }

@media (min-width: 992px) { 
  
  .content_fixed {
    position: fixed;
    top: 1.5rem;
  }
  
  .content_fixed .brand-logo-main {
    width: 240px!important;
    height: 55px!important;
  }

}


.logo-hidden {
  opacity: 0;
}

.home .brand-logo .logo svg.header {
  width: 121px!important;
  height: 28px!important;
}









/*////////  footer   ////////*/


.footer {
  background: #054844;
}

.legal {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.legal p.tiny {
  margin: 0;
}

.footer-links {
  padding-top: 4rem;
}

footer a, footer p {
  color: #F2F5F5;
}

.lets-chat {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  color: #F2F5F5;
}

.container.nested {
    padding-left: 1.25rem;  
    padding-right: 1.25rem;  
  }

@media (max-width: 991px) { 

  .footer-padding {
    padding-bottom: 1.5rem;  
  }
    
  footer ul .pad-b-1 {
    padding-bottom: 1.5rem;
  }
  
}


@media (min-width: 992px) { 
  
  .footer-links {
    padding-top: 0;
    padding-left: 4rem;
    border-top: none;
    border-left: 1px solid rgba(255,255,255,0.34);
    justify-content: space-between;
    display: flex;
    flex-direction: column;
  }
  
}

.spaceholder {
  min-height: 0;
}


















::-ms-input-placeholder { /* Edge 12-18 */
  font-size: 1rem;
  color: rgba(0,0,0,0.8);
  font-family: "Open Sans", sans-serif;
}

::placeholder {
  font-size: 1rem;
  color: rgba(0,0,0,0.8);
  font-family: "Open Sans", sans-serif;
}


fieldset {
	border: medium none !important;
	margin: 0 0 1.25rem;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact {
	position: relative;
}

#contact .success {
	position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: #f2f5f5;
}

#contact input[type="text"], 
#contact input[type="email"], 
#contact input[type="tel"], 
#contact input[type="url"], 
#contact textarea {
	width: 100%;
	border: 1px solid rgba(0,0,0,0.8);
	background: #F2F5F5;
	margin: 0 0 .5rem;
	padding: 1.25rem 1.5rem;
	font-size: 1.25rem;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #187771;
}

#contact textarea {
	height:100px;
	max-width:100%;
  	resize:none;
	font-family: "Open Sans", sans-serif;
}


#contact button[type="submit"] {
	width: 100%;
}


#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #187771;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}


form .error {
  font-size: 1rem;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
  color: red;
}



@media (min-width: 992px) { 

	#contact input[type="text"], 
	#contact input[type="email"], 
	#contact input[type="tel"], 
	#contact input[type="url"], 
	#contact textarea {
		margin: 0 0 .25rem;
		padding: 1.25rem;
		font-size: 1rem;
	}


}





/*////////  Share links   ////////*/


.share-links {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
	align-items: left center;
}

@media (min-width: 992px) { 
	.share-links {
		flex-direction: row;
		align-items: center;
	}
}

.sbutton {
  width: 3.5rem;
  height: 3.5rem;
  text-align: center;
  color: #FFF;
  cursor: pointer;
}
.sbutton > i {
  font-size: 1.75rem;
  line-height: 3.5rem;
  width: 3.5rem;
}
.sbutton.reddit {
  background: rgb(255, 140, 0);
}
.sbutton.twitt {
  background: #000;
}
.sbutton.fb {
  background: #3F51B5;
}
.sbutton.linked {
  background: rgb(10, 128, 224);
}




.share-container {
  display: flex;
  padding-right: 0;
  text-align: center;
  transition: width 0.5s;
  width: auto;
}

.share-btn {
  width: 3.5rem;
  color: #FFF;
  background-color: #666;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.share-url {
  width: 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.75rem;
  transition: all 0.2s;
}

.share-url.active {
  width: auto;
  color: #000;
  padding: 0 1rem;
  display: flex;
  align-items: center;
}

/*fade*/
.animate {
  opacity: 0;
  transition: all 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate.active, .active-test {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%);
}

.slide-in-down {
  transform: translateY(-100%) translateX(-50%);
}

/*notification*/
.notification-button {
  position: fixed;
  top: 4.5rem;
  left: 50%;
  padding: .75rem 1.5rem;
  background: #187771;
  color: #FFF;
  font-size: 0.875rem;
  box-shadow: 0 0 0.875rem rgba(0, 0, 0, 0.05);
  z-index:999;
}