@font-face {font-family: 'regular-font';
src: url('fonts/roboto-thin-webfont.woff') format('woff2'),
         url('fonts/roboto-thin-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
	* {margin:0;padding:0}
body {background-color: #fff;font-family: "regular-font";}
h1 {color: #000;} 
header, .content {display:block;padding:0;margin:0 auto 40px; width:100%;max-width:1200px;}
@media (min-width: 48em) {
header, .content {display:block;padding:30px 0;margin:0 auto ; width:100%;max-width:1200px;}
}
section {padding:30px 0}
nav {width:100%;display:block;margin:20px auto; width:100%;max-width:1200px;border-top:1px solid #eaeaea;text-transform:uppercase;}
footer {padding:30px 0;margin:0 auto 40px; width:100%;max-width:1200px;text-align:center}

.maxImg {max-width:100%;width:100%;}
.collection {width:100%;max-width:100%;height:auto;margin:-30px auto;padding:0;} .collection img {width:100%;max-width:100%;margin:0 auto;}
.text-overlay-collection {width:100%;position:absolute;left:10%;top:40%;color:#fff}
.text-overlay {width:80%;position:absolute;left:10%;top:40%;color:#fff}
.text-overlay h1 {font-size:2em;color:#fff;margin-bottom:10px;line-height:1.2em}
.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;width:100%;display:block;
 border-bottom:1px solid #eaeaea
}
footer ul {list-style: none;float:none;}

.header li a, footer li a {
  display: block;
  padding: 20px 10px 20px 20px;
color:#000;
  text-decoration: none;font-size:0.9em
}

.header li a:hover,
.header .menu-btn:hover, .header li a:active {
  border-bottom:#000 solid 1px;
}


/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 28px 30px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 350px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
	
	
.two-column {
display: block;width:90%;margin:0 auto;background:#f5f9fa;;
}
.two-column img {width:100%}

.features {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr auto;
  gap: 10px;
}

.c1 {
  grid-column: auto / span 12;
}

@media screen and (min-width:560px) {}

@media screen and (min-width:737px) {
  .c1-2-md {
    grid-column: auto / span 6;
  }
  .c1-md {
    grid-column: auto / span 12;
  }
}

@media screen and (min-width: 1102px) {
  .c1-3-lg {
    grid-column: auto / span 4;
  }
}

.features>div:first-child {
  background-color: #0a79b3;
}

.features>div:nth-child(2) {
  background-color: #00FF00;
}

.features>div:last-child {
  background-color: #7D572B;
}
	
.text-overlay {width:80%;position:absolute;left:2%;top:5%;color:#fff}
.text-overlay h1 {font-size:1.2em;color:#fff;margin-bottom:10px;line-height:1.2em;font-weight:bold}
	

/* 48em = 768px */

@media (min-width: 48em) {
.text-overlay {width:55%;position:absolute;left:8%;top:35%;color:#fff}
.text-overlay h1 {font-size:4em;color:#fff;margin-bottom:10px;line-height:1.2em;font-weight:normal}
  .header li, footer li {
    float: left;
  }
  .header li a, footer li a {
    padding: 20px 15px;
  }
  .header .menu, footer .menu  {
    clear: none;
    float: left;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }

	
.two-column {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
grid-gap: 0;width:auto;
background-color: #fff;
color: #444;
}
	
}


	
a.brand {width:200px;max-width:200px;overflow:hidden;margin-left:20px} a.brand img {max-width:200px}
.social {float:right;width:auto;margin:45px 20px 0 0} .social a {padding-left:10px}
footer .social {float:none;width:auto;margin:25px} 
	
#main {width:100%;height:auto;clear:both;display:block;max-width:1200px;margin:0 auto 40px;position:relative;padding:0 }

#main div img {width:100%;}
article p img {width:100%;height:auto}
article ul, article ol {list-style-position: inside}

.featured {margin:0 auto 40px; width:100%;max-width:1200px;background:#f5f9fa;}
.featured img {max-width:100%;}
.einstein {width:100px;height:100px;border-radius:50%;background:url("einstein.jpg") no-repeat;background-position:top center;background-size:cover;margin:30px auto 0}
.image-side {background:#f5f9fa;}
.box {
background:#f5f9fa;
  color: #000;
  border-radius: 5px;
  padding: 40px;
text-align:center;
  font-size: 150%;
}
article.box {
	padding: 40px 0;
}

iframe {width:100%;max-width:99%}
.teal {background:#7aa9b4}
	
.blocktext {width:100%;padding:70px 0;text-align:center;background:#7aa9b4 url("noise.png");margin-bottom:40px}

.blocktext h1, .blocktext h3 {position:relative;font-size:2em;color:#fff;padding:0 0 40px;margin:0 auto 30px;display:block;text-align:center}
.box h2 {position:relative;font-size:0.8em;color:#7aa9b4;padding:0 0 5px;margin:0 auto 20px;}


@media (min-width: 48em) {
.blocktext h1, .blocktext h3 {position:relative;font-size:4em;color:#fff;padding:0 0 40px;margin:0 auto 30px;display:block;text-align:center}
.box h2 {position:relative;font-size:2em;color:#7aa9b4;padding:0 0 5px;margin:0 auto 30px;}
}

.blocktext h1:after, .box h2:after, .blocktext h3:after  {
  content: "";
  position: absolute;
  border-bottom: 1px solid black;
  left: 43%;
  bottom: 0;
  width: 15%;
  height: 0px;
}
.blocktext a:link, .blocktext a:link {text-decoration:none;color:#fff}
.box p:after  {
  content: "";
  position: absolute;
  border-bottom: 1px solid white;
  left: 43%;
  bottom: 0;
  width: 15%;
  height: 0px;
}
article {margin:30px auto;max-width:700px;width:auto;width:100%;text-align:left;}
article h1, article p, article h2, article h3, article h4 {text-align:left;margin:30px 50px 0}
article h1 {font-size:1.4em;display:block;text-align:center;color:#7aa9b4} article h2, article h3, article h4 {font-size:1.2em;display:block;text-align:center} 
@media (min-width: 48em) {
	article h1 {font-size:3em;display:block;text-align:center;color:#7aa9b4} article h2, article h3, article h4 {font-size:2em;display:block;text-align:center} 
}
article p {font-size:0.9em;line-height:1.4em} 
article a:link, article a:visited, footer a:link, footer a:visited {color:#000;} .content a:link, .content a:visited {text-decoration:none}

.wp-pagenavi {text-align:center;margin:0 auto} 
.wp-pagenavi span.pages, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink {display: none;}

.wp-pagenavi span.current {line-height:50px;text-align:center;display:inline-block;width:50px;height:50px;border-radius:50%;background:#000;color:#fff;margin-right:8px}
.wp-pagenavi a.larger, .wp-pagenavi a.smaller {line-height:50px;text-align:center;display:inline-block;width:50px;height:50px;border-radius:50%;background:#7aa9b4;color:#fff;margin-right:8px}


.child-pages-page {max-width:1000px;width:100%;margin:40px auto;}


 .child-pages-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 30px;
        align-items: stretch;
    }

    .child-page-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        text-decoration: none;
        background: #fff;
        border: 1px solid #ddd;
        overflow: hidden;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .child-page-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }

    .child-page-image {
        aspect-ratio: 16 / 15;
        overflow: hidden;
        background: #f2f2f2;
    }

    .child-page-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .child-page-title {
        display: flex;
        align-items: center;
        flex: 1;
        padding: 20px;
    }

    .child-page-title h2 {
        width: 100%;
        margin: 0;color:#333;font-size:1em;
    }
    .child-page-title h2 small {font-size:0.8em;}

    /* Tablet */
    @media (max-width: 900px) {
        .child-pages-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    /* Mobile */
    @media (max-width: 600px) {
        .child-pages-grid {
            grid-template-columns: 1fr;
        }
    }
    
.button-23 {
  background-color: #FFFFFF;
  border: 1px solid #222222;
  border-radius: 8px;
  box-sizing: border-box;
  color: #222222;
  cursor: pointer;
  display: inline-block;
  font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  outline: none;
  padding: 13px 23px;
  position: relative;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  transition: box-shadow .2s,-ms-transform .1s,-webkit-transform .1s,transform .1s;
  user-select: none;
  -webkit-user-select: none;
  width: auto;
}

.button-23:focus-visible  {
  box-shadow: #222222 0 0 0 2px, rgba(255, 255, 255, 0.8) 0 0 0 4px;
  transition: box-shadow .2s;
}

.button-23:active  {
  background-color: #F7F7F7;
  border-color: #000000;
  transform: scale(.96);
}

.button-23:disabled {
  border-color: #DDDDDD;
  color: #DDDDDD;
  cursor: not-allowed;
  opacity: 1;
}


.button-39 {
  background-color: #FFFFFF;
  border: 1px solid rgb(209,213,219);
  border-radius: .5rem;
  box-sizing: border-box;
  color: #111827;
  font-family: "Inter var",ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: .575rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: .75rem 1rem;
  text-align: center;
  text-decoration: none #D1D5DB solid;
  text-decoration-thickness: auto;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.collect p{
    margin:30px auto;
    text-align:left;
    font-size:0.7em;
    width:80%;
}


.button-25 {
    color:#fff;
  background-color: #36A9AE;
  background-image: linear-gradient(#37ADB2, #329CA0);
  border: 1px solid #36A9AE;
}

.button-25:hover {
  box-shadow: rgba(255, 255, 255, 0.3) 0 0 2px inset, rgba(0, 0, 0, 0.4) 0 1px 2px;
  text-decoration: none;
  transition-duration: .15s, .15s;
}

.button-25:active {
  box-shadow: rgba(0, 0, 0, 0.15) 0 2px 4px inset, rgba(0, 0, 0, 0.4) 0 1px 1px;
}

.button-25:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.button-25:disabled:active {
  pointer-events: none;
}

.button-25:disabled:hover {
  box-shadow: none;
}



.overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6); /* Dimmed background */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999; /* Keeps it above everything else */
            opacity: 1;
            transition: opacity 0.3s ease;
        }

      
.form-container {
    position:relative;
            background-color: #ffffff;
            padding: 20px 0;margin:0 auto;
            border-radius: 6px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            width: 100%;
            max-width: 420px;
            box-sizing: border-box;
            margin-top:4px;clear:both;
        }

/* Class to hide the overlay */
        .hidden {
            display: none !important;
        }

/* Styles configuration */
:root {
    --cf7-font: inherit;
    --cf7-font-size: 14px;
    --cf7-font-weight: 300;
    --cf7-labels: #5a6e81;
    --cf7-input-text: #8CA3B9;
    --cf7-accent: #7aa9b4;
    --cf7-accent-hover: #247de9;
    --cf7-accent-outline: #b9d9ff;
    --cf7-accent-text: #ffffff;
    --cf7-warning: #fb584e;
    --cf7-warning-bg: #FFEDEC;
    --cf7-success: #00B474;
    --cf7-success-bg: #E6FFF0;
}
/* General Settings */
.wpcf7 p{margin:0 auto ;width:80%;}
.wpcf7 {
    font-family: var(--cf7-font);
    font-weight: var(--cf7-font-weight);
    width: 100% !important;
}
.wpcf7-text, .wpcf7-email {width:100%;height:20px;}
.wpcf7 label {
    color: var(--cf7-labels);margin:0;
}
.wpcf7-list-item {
    margin-left: 0 !important;
    margin-right: 5px !important;
}
.wpcf7 a {
    color: var(--cf7-accent) !important;
    text-decoration: none;
}
.wpcf7 a:hover {
    color: var(--cf7-accent-hover) !important;
}
/* General Inputs */
.wpcf7 input[type=color],
.wpcf7 input[type=date],
.wpcf7 input[type=datetime-local],
.wpcf7 input[type=datetime],
.wpcf7 input[type=email],
.wpcf7 input[type=month],
.wpcf7 input[type=number],
.wpcf7 input[type=search],
.wpcf7 input[type=tel],
.wpcf7 input[type=text],
.wpcf7 input[type=time],
.wpcf7 input[type=url],
.wpcf7 input[type=week],
.wpcf7 textarea
{
    border: 1px solid #D5E0EB;
	background-color: #ffffff;
	border-radius: 4px;
    line-height: 1;
    padding: .275rem .25rem;
    color: var(--cf7-input-text);
    min-height: 25px;max-height:40px;
    font-size: var(--cf7-font-size);
    font-weight: var(--cf7-font-weight);
    font-family: var(--cf7-font);
    width: 100%;margin:0;

}
/* Other Inputs */
.wpcf7 input[type=submit] {
    background-color: var(--cf7-accent);
    color: var(--cf7-accent-text);
    border: 0;
    padding: 15px 30px;
    border-radius: 6px;
    font-size: var(--cf7-font-size);
    font-family: var(--cf7-font);
    transition: .2s linear;
    width:100%;
    display:block;
}
.wpcf7 input:hover[type=submit] {
    background-color: var(--cf7-accent-hover);
    transition: .2s linear;
    cursor: pointer;
}
.wpcf7 input:focus[type=submit] {
    background-color: var(--cf7-accent-hover);
    outline: none;
    border: 0;
    box-shadow: 0 0 0 3px var(--cf7-accent-outline);
}


/* Other States */
.wpcf7 input:hover[type=color],
.wpcf7 input:hover[type=date],
.wpcf7 input:hover[type=datetime-local],
.wpcf7 input:hover[type=datetime],
.wpcf7 input:hover[type=email],
.wpcf7 input:hover[type=month],
.wpcf7 input:hover[type=number],
.wpcf7 input:hover[type=search],
.wpcf7 input:hover[type=tel],
.wpcf7 input:hover[type=text],
.wpcf7 input:hover[type=time],
.wpcf7 input:hover[type=url],
.wpcf7 input:hover[type=week],
.wpcf7 input:hover[type=file]::file-selector-button,
.wpcf7 textarea:hover,
.wpcf7 select:hover
{
    border: 1px solid #92ACC7;
    outline: none;
    background-color: #ffffff;
    font-size: var(--cf7-font-size);
}
.wpcf7 input:focus[type=color],
.wpcf7 input:focus[type=date],
.wpcf7 input:focus[type=datetime-local],
.wpcf7 input:focus[type=datetime],
.wpcf7 input:focus[type=email],
.wpcf7 input:focus[type=month],
.wpcf7 input:focus[type=number],
.wpcf7 input:focus[type=search],
.wpcf7 input:focus[type=tel],
.wpcf7 input:focus[type=text],
.wpcf7 input:focus[type=time],
.wpcf7 input:focus[type=url],
.wpcf7 input:focus[type=week],
.wpcf7 input:focus[type="checkbox"],
.wpcf7 textarea:focus,
.wpcf7 select:focus,
.wpcf7 a:focus
{
    border: 1px solid #92ACC7;
    outline:none;
    box-shadow: 0 0 0 3px var(--cf7-accent-outline);
    background-color: #ffffff;
}
/* Invalid Fields */
.wpcf7-not-valid-tip {
    color: var(--cf7-warning) !important;
    font-size: var(--cf7-font-size) !important;
    font-weight: var(--cf7-font-weight) !important;
}

.wpcf7 input:disabled[type=submit],
.wpcf7 input:disabled[type=submit]:hover
{
    color: #ffffff;
    background-color: var(--cf7-warning);
    border:0;
    cursor: not-allowed;
}
/* Response Messages */
.wpcf7 form.init .wpcf7-response-output {
    display: none;
}
.wpcf7 form .wpcf7-response-output { /* Default */
    margin: 15px 0 !important;
    padding: 10px 20px !important;
    border: 0 !important;
    border-radius: 6px !important;
}
.wpcf7 form.sent .wpcf7-response-output { /* Success */
    background-color: var(--cf7-success-bg) !important;
    color: var(--cf7-success) !important;
    border: 0 !important;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{ /* Failed */
    background-color: var(--cf7-warning-bg) !important;
    color: var(--cf7-warning) !important;
    border: 0 !important;
}

.box p {position:relative;padding-bottom:8px;margin-bottom:4px;font-size:0.6em}