/*
// MARK:  Normalize and reset * / 
/* */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing: border-box; } body{padding:0;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;}  table{border-collapse:collapse;border-spacing:0;} sup{font-size:50%;vertical-align:baseline;position:relative;bottom:0.75em;} a{color:inherit;text-decoration:none;} a:hover{text-decoration:underline;} button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner{padding:0 !important;border:0 none !important;}  img{display:block }
/*
font-family: var(--basefont);
Layout 
*/
/*
#016879, #90a2a4,#f67800,#141414,#86a7b8
font-family: 'Titillium Web', sans-serif;
font-family: var(--basefont);

https://coolors.co/palette/0a1128-001f54-034078-1282a2-fefcfb

 */ 
:root {
/* CSS HEX */
--oxford-blue: #0a1128ff;
--penn-blue: #001f54ff;
--indigo-dye: #034078ff;
--cerulean: #1282a2ff;
--white: #fefcfbff;

  --base-color:#0a1128ff;
  --lightcolor:#1282a2ff;
  --darkcolor:#001f54ff;
  --accentcolor:#C81D25;
 
  --basefont: 'Titillium Web', sans-serif;
  --headlinefont: 'Titillium Web', sans-serif;
  --htmlcolor: #fefcfbff;
  --bgcolor:#1282a215;
  --headlinecolor:#034078ff;

  --shadowcolor:#03407866;
  --padding-number:50px;
  --margin150: 150px ;
  --margin90: 90px;
  --margin75: 75px;
  --margin60: 60px;
  --margin50: 50px;
  --margin40: 40px;
  --margin30: 30px;
  --margin20: 20px;
}

@media only screen and (max-width:960px) {
  :root {
    --padding-number:40px;
    --margin150: 110px;
    --margin90: 80px;
    --margin75: 65px;
    --margin60: 50px;
    --margin50: 40px;
    --margin40: 32px;
    --margin30: 25px;
    --margin20: 15px;
  }
  }
@media only screen and (max-width:500px) {
  :root {
    --padding-number:25px;
    --margin150: 75px;
    --margin90: 45px;
    --margin75: 38px;
    --margin60: 30px;
    --margin50: 25px;
    --margin40: 20px;
    --margin30: 15px;
    --margin20: 10px;
  }
}
.nobr,.Nobr,.nobrk,.Nobrk,.NoBrk{white-space:nowrap;}  @media only screen and (max-width:57.5em){.nobr,.nobrk{white-space:normal;}} html{font-size:100%;  scroll-behavior: auto;overscroll-behavior: none ;} @media only screen and (max-width:570px){html{-webkit-text-size-adjust:100%;}} 
/*
// MARK: Structure

========================= */ 
.hld{display:block;width:100%; /**/margin:0 auto;transition:all 0s ease-in-out;z-index:1;padding-top:0;opacity:0;position:relative;/*max-width:2000px;box-shadow: 0 0 8px rgba(0, 0, 0, .15), 0 0 4px rgba(0, 0, 0, .2); */}.page-template-page-image-above .hld{padding-top:0;}  @media only screen and (max-width:57.5em){.hld{display:block;position:relative;margin:0;z-index:5;}}  .block{width:100%;position:relative;opacity:1;text-align:center;box-sizing:border-box;transition:opacity .125s ease-in-out;padding: 0;}.block.visible {opacity:1;} @media only screen and (max-width:57.5em){.block{opacity:1;text-align:center;box-sizing:border-box;transition:all 0s ease-in-out;}.block.visible {opacity:1;}}.zone{display:block;position:relative;margin:0 auto;box-sizing:border-box;max-width:100%;padding:0;text-align:center;}  .box {display:inline-block;vertical-align:top;box-sizing:border-box;}.zone>img,.zone>span.image{height:auto;}.zone>h2{text-align:center;}.img{display:block;position:relative;box-sizing:border-box;}.img img{display:block;width:100%;height:auto;}@media all and (min--moz-device-pixel-ratio:0) {  .editor-styles-wrapper  { overflow:hidden !important;}}
/*
// MARK: glightbox | https://github.com/biati-digital/glightbox
* /
/* 
// MARK: Fade and slide set up
*/
.gd_fade { opacity: 0; transition: opacity .5s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, bottom .25s ease-in-out, right .25s ease-in-out, transform .25s ease-in-out !important; } .gd_fade.from_bottom { top: 5vh; position: relative; } .gd_fade.from_top { position: relative; top: -5vh; } .gd_fade.from_left { position: relative; left: -2vw; } .gd_fade.from_right { position: relative; left: 2vw; } .gd_fade.t0 { transition-delay: 250ms, 250ms, 250ms, 250ms, 250ms, 250ms; } .gd_fade.t1 { transition-delay: 450ms, 450ms, 450ms, 450ms, 450ms, 450ms; } .gd_fade.t2 { transition-delay: 600ms, 600ms, 600ms, 600ms, 600ms, 600ms; } .gd_fade.t3 { transition-delay: 750ms, 750ms, 750ms, 750ms, 750ms, 750ms; } .gd_fade.t4 { transition-delay: 1000ms, 1000ms, 1000ms, 1000ms, 1000ms, 1000ms; } .gd_fade.t5 { transition-delay: 1250ms, 1250ms, 1250ms, 1250ms, 1250ms, 1250ms, 1250ms; } .gd_fade.t6 { transition-delay: 1500ms, 1250ms, 1250ms, 1250ms, 1250ms, 1250ms; } .gd_fade.t7 { transition-delay: 1750ms, 1750ms, 1750ms, 1750ms, 1750ms, 1750ms; } .gd_fade.t8 { transition-delay: 2000ms, 2000ms, 2000ms, 2000ms, 2000ms, 2000ms; } @media only screen and (max-width:740px) { .gd_fade.t0, .gd_fade.t1, .gd_fade.t2, .gd_fade.t3, .gd_fade.t4, .gd_fade.t5, .gd_fade.t6, .gd_fade.t7, .gd_fade.t8 { transition-delay: 0ms !important; }  .onload, .block.onload, .gd_fade.onload, .gd_fade.t0.onload, .gd_fade.t1.onload, .gd_fade.t2.onload, .gd_fade.t3.onload.onload, .gd_fade.t4.onload, .gd_fade.t5.onload, .gd_fade.t6.onload, .gd_fade.t7.onload, .gd_fade.t8.onload { transition: all 0s ease-in-out !important; transition-delay: 0ms !important; opacity: 1; } .gd_fade.from_bottom.onload, .gd_fade.from_top.onload, .gd_fade.from_left.onload, .gd_fade.from_right.onload { top: 0; left: 0; } } 
/*  */
.gd_fade.t0,   .gd_fade.t1,   .gd_fade.t2,   .gd_fade.t3,   .gd_fade.t4,   .gd_fade.t5,   .gd_fade.t6,   .gd_fade.t7,   .gd_fade.t8 { transition-delay: 0ms !important; } .acf-block-preview,   .block,   .gd_fade,   .gd_fade.t0,   .gd_fade.t1,   .gd_fade.t2,   .gd_fade.t3,   .gd_fade.t4,   .gd_fade.t5,   .gd_fade.t6,   .gd_fade.t7,   .gd_fade.t8 { transition: all 0s ease-in-out !important; transition-delay: 0ms !important; opacity: 1 !important; transform: scale(1, 1) !important; }  * / 
.gd_fade.from_bottom.visible,   .gd_fade.from_top.visible,   .gd_fade.from_left.visible,   .gd_fade.from_right.visible { top: 0 !important; left: 0 !important; } body.wp-admin .gd_fade, .is-root-container .gd_fade , .gd_fade.visible,   .gd_fade.visible { opacity: 1; } 
.gd_fade.from_bottom.visible, .gd_fade.from_top.visible, .gd_fade.from_left.visible, .gd_fade.from_right.visible,   .gd_fade.from_bottom.visible,   .gd_fade.from_top.visible,   .gd_fade.from_left.visible,   .gd_fade.from_right.visible { top: 0; left: 0; }
/* // MARK:  Background Video   */
.bk_video .video_holder { opacity:0; transition: opacity .25s ease-in-out;  } .bk_video.video_running .video_holder, .bk_video.video_paused .video_holder { opacity:1; } .bk_video.video_running.first_running .video_holder { opacity:1; transition-delay: 3000ms; }
:any-link {
  color: inherit;
text-decoration: underline;
}
/*
// MARK: body
*/
body:not(.wp-admin), .is-root-container {
  font-family: var(--basefont);
  font-style: normal;
  font-weight: 400;
  color: var(--base-color);
  /*
 background: #fdf0d566; 
*/
min-height:100vh;
  opacity: 1;
  transition: all 0s;

}
html {
background:var(--htmlcolor);
}
main {
 /* min-height: 100vh; */
}
body:not(.wp-admin) {
  margin: 0;
}
.block {
  font-family: var(--basefont);
  font-style: normal;
  font-weight: 400;
  transition: opacity 0s;
  font-size: 100%;
}
 .hld {
  opacity: 0;
  transition: opacity .125s ease-in-out;
text-align: center;
}
.hld .block.visible, .hld.loaded {
  opacity: 1;
}
hld .block.visible {
  transition: opacity .25s ease-in-out;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, .t128, .t60, .t48, .t36, .t24, .t28, .t17, .t14, .headline,  figure {
  display: block;
  box-sizing: border-box;
  font-weight: inherit;
display: block;
 
  font-style: normal;

}
blockquote, blockquote {
  font-family: var(--basefont);
  margin:auto;
}
figure, figure img, figure, figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  font-size: 1em;
  margin:auto;
}
figcaption, figcaption {
  font-size: 18px;
  line-height: 1.2;
  margin: .75em auto;
}
@media only screen and (max-width:57.5em) {
  figure, figure {
    margin: 0 auto 2em auto;
  }
  figcaption, figcaption {
    font-size: 1.0625em;
  }
}

.bt {
font-size: clamp(16px, 1.5em, 25px);
font-family: var(--headlinefont);
  border-radius: 0;
  padding: .728em 1em;
  padding: 10px 15px;
  width: fit-content;
  max-width: 100%;
  letter-spacing: .01em;
  position: relative;
  font-weight: 700;
  vertical-align: middle;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  text-decoration: none !important;
  line-height: 1;
  border: 1px solid #f5f5f5;
  background: var(--accentcolor);
  color: #fff;
  opacity: 1;
  outline-color: var(--base-color);
  text-transform: none;
  border-radius: 8px;
  transition:all 0s linear;
  box-shadow: 0 0px 3px #0005;
}
.bt:hover {
  background: var(--accentcolor);
}
/*
.dark .bt {
  background: #fefeff;
  color:var(--base-color);
}
/* */
button {
  font-family: var(--headlinefont);
}
button.bt, a.bt {
  cursor: pointer;
}
/* */

/*
// MARK: Text Formating
*/
p, ul, ol,article.post figure {
  padding: 0;
  width: 100%;
  margin-bottom:1.5em;
  line-height: 1.5;
}
li, li {
  line-height: 1.5em;
  width: 100%;
  margin-bottom: .75em;
}
p:last-child, ul:last-child, ol:last-child, ol:last-child, ul:last-child, li:last-child, li:last-child {
  margin-bottom: 0;
}
p a, li a, p a, li a {
  text-decoration: underline;
}

@media (hover: hover) {
  button.bt:hover, a.bt:hover {
  box-shadow: 0 2px 4px #0005;
  top:-2px;
  transition:all 0s linear;
  }
  button.bt:active:hover, a.bt:active:hover {
    box-shadow: 0 0 4px #000c;
    top:0;
    transition:all 0s linear;
  }
  p a:hover, li a:hover, p a:hover, li a:hover {
    text-decoration: none;
  }
  }
ul ul, ol ul, ol ul, ul ul, ul ol, ol ol, ol ol, ul ol {
  font-size: 1em;
}

.headline {
  line-height: 1;
  margin:auto;
  color: var(--headlinecolor);
  font-family: var(--headlinefont);
  font-weight: 300;
}
.line_height {
  line-height: 1;
  margin:auto;
}
.bold {
font-weight: 700;
}



/*  .t60, .t48, .t36, .t24, .t17, .t14 */
.t128 {
  font-size: 128px;
  line-height: .8;
 
}
.t60 {
  font-size: 60px;
}
.t48 {
  font-size: 48px;

}
.h1 {
  font-weight: 700;
}
.h2 {

}
.t36 {
  font-size: 36px;
}
.t28 {
  font-size: 28px;
}

.t24 {
  font-size: 24px;
}
.t21   {
  font-size:21px;

}
.t17, p, ul, ol, article.post figure {
  font-size: 18px;
}
.t14 {
  font-size: 14px;
  line-height: 1;
}

input::placeholder,textarea::placeholder {
  font-size: 16px;
}
input:focus::placeholder,textarea:focus::placeholder {
  opacity: 1;
}
/* 
.question_form  {
  width:calc(100% - 5px);
margin: 0 auto;
}
/*
// MARK: Tablet Text
*/
@media only screen and (max-width:960px) {
  .t128 {
    font-size: clamp(40px, 14vw, 100px);

  }
.t60 {
  font-size: 48px;
}
.t48 {
  font-size: 39px;

}
.t36 {
  font-size: 27px;
}

.t28 {
  font-size: 24px;
}

.t24 {
  font-size: 22px;
}
.t21   {
  font-size:19px;
  
}
.t17, p, ul, ol, article.post figure {
  font-size: 16px;
}
.t14 {
  font-size: 13px;
}



input::placeholder,textarea::placeholder {
  font-size: 15px;
}
}
/*
// MARK: Mobile Text
*/
@media only screen and (max-width:500px) {
  .t128 {
    font-size: clamp(40px, 13.25vw, 100px);
  }
.t60 {
  font-size: 35px;
}
.t48 {
  font-size: 26px;
}
.t36 {
  font-size: 24px;
}
.t28 {
  font-size: 24px;
}
.t24 {
  font-size: 20px;
}

.t21   {
  font-size:17px;
}
.t17, p, ul, ol, article.post figure {
  font-size: 14px;
}
.t14 {
  font-size: 12px;
}


  input::placeholder,textarea::placeholder {
    font-size: 14px;
  }

}
/* 
// MARK: Special Formatting Classes  
*/
 
.dark h1, .dark h2, .dark h1 strong, .dark h2 strong, .dark h3, .dark h4, .dark h5, .dark h6,  .dark .headline,
.dark * {
  color: #fff;
  /* text-shadow: 0 1px 2px rgba(0, 0, 0, .5); */
}
.text_left, .text_left_mobile, .text_left .box, .box.text_left, .inner_div.text_left, .boatlist_form .form_holder .text_left {
  text-align: left;
}
.text_right, .text_right_mobile, .text_right .box, .box.text_right, .inner_div.text_right, .boatlist_form .form_holder .text_right{
  text-align: right;
}
.text_center, .text_center_mobile, .text_center .box, .box.text_center, .inner_div.text_center, .boatlist_form .form_holder .text_center {
  text-align: center;
}

strong, .text_bold {
  font-weight: 700;
}
.nocap, .nocaps {
  text-transform: none !important;
}
.uppercase,.upper, .caps {
  text-transform: uppercase !important;
}
.color_green {
  color: #149D90 !important;
} 

.color_red {
  color: #c1121fff !important;
}
.color_orange {
  color: #f15a2a !important;
  color: var(--accentcolor);
}
.color_black {
  color: #000000 !important;
  text-shadow: none !important; 
}

.color_blue {
  color: var(--headlinecolor) !important;
}
.color_dark {
  color: var(--base-color) !important;
}
.color_white {
  color: #ffffff !important;
}
.color_light {
   color:var(--lightcolor) !important;
}
.box_block .box, .block_box .box, .box.block_box, .box.box_block {
  display: block;
  direction: ltr;
}
.last_margin.box :last-child {
  margin-bottom: 0 !important;
}
.zone .box *.no_margin, .zone .box *.nomargin, .zone .box *.no-margin,  .nomargin {
  margin-bottom: 0 !important;
}
.no_over, .crop_box, .crop_block {
  overflow:hidden;
}
ol{
  counter-reset: thecounter;
}
ol> li {
  padding: 0 0 0 2em;
  overflow: hidden;
  /* Fix for firefox and IE 10-11  */
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */
  break-inside: avoid-column;
  position: relative;
}
ol> li:before {
  counter-increment: thecounter;
  content: counter(thecounter)".";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  width: 1.25em;
}
ol[type="a"] > li:before {
  counter-increment: thecounter;
  content: "(" counter(thecounter, lower-alpha)")";
}
ol[type="AA"] >li:before{
  counter-increment: thecounter;
  content: "(" counter(thecounter, upper-alpha)")";
}
ul>li {
  display: block;
  position: relative;
  padding: 0 0 0 1em;
  overflow: hidden;
  /* Fix for firefox and IE 10-11  */
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */
  break-inside: avoid-column;
}
 li > ul, li > ol {
  margin: 1em 0 0 0;
}
ul > li:before {
  content: '•';
  display: block;
  overflow: hidden;
  position: absolute;
  left: .3125em;
  top: 0;
  color: inherit;
  font-weight: 700;
}
.dark ul > li:before {
  background: none;
  color: #fff !important
}
/*
// MARK: Button Styling
*/

.bt.dark {
  background: var(--base-color);
}
.bt.light {
  background: var(--headlinecolor);
}
input.bt {
  font-size:1.125em;
 /* margin-top: .5em; */
}
.no_click > a, .no_click > a:hover {
  cursor: not-allowed;
  text-decoration: none !important;
}

.no_alt:after, div.no_alt:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
@media (hover: hover) {
  .bt:hover, .bt:active {
    outline: 2px;
  }
:focus {
  outline-style: solid;
  outline-width: 1px;

  outline-style: dashed;
  z-index: 100;
  outline-offset: -.125em;
  transition: all .125s ease-in-out;
}
.dark:focus {
  outline-color: #ffffff;
}
input:focus {
  text-decoration: none !important;
}
}
@media not (hover: hover) {
  :focus {
    outline: none;
  }
}
/*
// MARK: notransition
*/
body.notransition *, body.notransition, body.notransition, body.notransition .fade_in, body.notransition .bottom_fade {
  transition: none !important;
}
@media (hover: hover) {
p a[href^="#missing"], a[href^="#missing"] {
  cursor: not-allowed;
}
/*
.logged-in p a[href^="#missing"], .logged-in a[href^="#missing"] {
  color: #dd0000 !important;
  outline-style: solid;
  z-index: 100;
  outline-width: 1px;
  outline-offset: 1px;
  outline-color: #dd0000 !important;
}
*/
}
/*
// MARK: Spacing
*/
.hr {
  display: block;
  width:calc(90% - 40px);
  border-top: 1px solid var(--base-color);
  max-width: 1150px;
}
.both_150, .hr {
  margin: var(--margin150) auto;
}
.top_150 {
  margin-top: var(--margin150);
}
.bottom_150 {
  margin-bottom: var(--margin150);
}
.both_90, .hr {
  margin: var(--margin90) auto;
}
.top_90 {
  margin-top: var(--margin90);
}
.bottom_90 {
  margin-bottom: var(--margin90);
}
.both_75 {
  margin: var(--margin75) auto;
}
.top_75 {
  margin-top: var(--margin75);
}
.bottom_75 {
  margin-bottom: var(--margin75);
}
.both_50 {
  margin: var(--margin50) auto;
}
.top_50 {
  margin-top: var(--margin50);
}
.bottom_50 {
  margin-bottom: var(--margin50);
}
.both_30 {
  margin: var(--margin30) auto;
}
.top_30 {
  margin-top: var(--margin30) ;
}
.bottom_30 {
  margin-bottom: var(--margin30) ;
}
.both_20 {
  margin: var(--margin20) auto;
}
.top_20 {
  margin-top: var(--margin20) ;
}
.bottom_20 {
  margin-bottom: var(--margin20) ;
}
.top_20, .bottom_20,.top_30, .bottom_30, .top_50, .bottom_50, .top_75, .bottom_75, .top_90,.bottom_90 , .top_150,.bottom_150  {
  margin-right: auto;
  margin-left: auto;
}
.width_920, .width_1150, .width_-20 {
  width: calc(100% - 40px);
  margin-right: auto;
  margin-left: auto;
}
.width_1150 {
  max-width: 1150px;
}
.width_920 {
  max-width: 920px;
}
/* * /
@media only screen and (max-width:350px) {
  .width_920, .width_1150, .width_-20 {
    width: calc(100% - 16px);
  }
} 
/* */
@media (hover: hover) {
a:hover .hover_shadow, a.hover_shadow:hover, .hover_shadow:hover {
  box-shadow: 0 0 0 1px #ffffff80, 0 1px 10px rgba(0, 0, 0, .3), 0 0 4px rgba(0, 0, 0, .5);
}
}






footer {overflow:hidden;}


.contact_form .form_holder {
  margin-bottom: 0 !important;
    font-size: 1em;
      width:100%;
  }
  .contact_form .form_holder > div {
    display: inline-block;
    text-align: left;
    margin-right: 1em;
    vertical-align: top;
      margin-bottom:1.5em;
  }
  .contact_form .form_holder.center > div,.contact_form .form_holder.center {
  
    text-align: center;
  
  }
  .contact_form .hold_1 > div {
    width: calc(100% - 1em);
  }
  .contact_form .addr {
    display: none;
  }
  .contact_form .hold_2 > div {
    width: calc(50% - 1em);
  }
  .contact_form .hold_3 > div {
    width: calc(100% / 3 - 1em);
  }
  .contact_form .hold_4 > div {
    width: calc(100% / 4 - 1em);
  }
  .contact_form .form_holder > div:last-child {
    margin-right: 0;
  }
  .contact_form .form_holder.last_row {
    padding-top: 3em;
  }
  .contact_form .input input, .contact_form .select select, .contact_form .input textarea {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(83, 109, 122, .26);
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-transform: none !important;
    margin: 0 0 0 0;
    box-sizing: border-box;
    color: #5e5b5b;
    font-size: 1.5625em;
    line-height: 1.25em !important;
    padding: .5em 0 .5em .5em;
    transition: all .5s ease-in-out;
      border-radius:.0;max-width: 100%;
      font-family: var(--basefont);
    height: 2.7em; 
  }
  .contact_form .input textarea {
    height: 8.125em
  }
  .contact_form .input input:focus, .contact_form .select select:focus, .contact_form .input textarea:focus {
    color: #000;
    background: #ffe;
   /* outline: 3px solid #1b5e87;*/
      outline:0 !important;
    outline-offset: -3px;
    box-shadow: 0 0 0 2px rgba(0,0,0, .8);
  }
  .contact_form .input textarea:focus {}
  .contact_form .label_text {
    display: block;
    font-size: 1.25em;;
    margin-bottom: .5em;
    line-height: 1.25em;
  }
  .contact_form .checkbox_text {
    display: inline-block;
    font-size:  1.5625em;
    line-height: 1.25em;
    vertical-align: top;
    width: calc(100% - 2em)
  }
  .contact_form .select label {
    position: relative;
    display: block;
  }
  
  /*
  .contact_form .select label:after {
    pointer-events: none;
    content: '';
    overflow: hidden;
    display: block;
   background: url("images/select-arrow-clear.png") no-repeat center center; 
    background-size: 140% 150%;
    height: 3em;
    width: 3em;
    position: absolute;
    bottom: .25em;
    right: 1px;
    box-sizing: border-box;
  }
  /**/
  .contact_form .select option {
    color: inherit;
    font-size: inherit;
  }
  .contact_form .submit {
    text-align: left;
    font-size: 1.25em;
  }
  .contact_form .submit.center {
    text-align: center;
    font-size: 1.25em;
  }
  .contact_form .submit input {}
  @media only screen and (max-width:56em) {
    .contact_form .form_holder {
      font-size: .875em;
    }
    .contact_form .form_holder.last_row {
      padding-top: 2em;
    }
    .contact_form .input input, .contact_form .select select, .contact_form .input textarea {
      font-size: 1.3125em;
    }
    .contact_form .select label:after {
      bottom: .4em;
    }
    .contact_form .label_text, .contact_form .item-label, .contact_form .text {
      font-size: 1.125em;
    }
  }
  @media only screen and (max-width:37em) {
    .contact_form .form_holder {
      max-width: 25em;
      margin: 0 auto;
    }
    .contact_form .form_holder > div {
      width: 100% !important;
      max-width: 100% !important;
      margin-bottom: 1.25em;
    }
  }

  /* header menu */
  

  /* header_image */

  .header_image {
    padding:1px 0;
    background-color:var(--base-color);
  }
  .header_image .zone {
    display:flex;
    justify-content:center;
    align-items:center;
   /* height:45vw;
    max-height:650px; */
    box-sizing:border-box;
  }
  .header_image .box {
    flex: 0 0 auto;
    text-shadow:1px 2px 4px #000b;
    box-sizing:border-box;
    width:90%;
  }


  /* side by side image text */
  .side_image {
    display:grid;
      grid-template-columns: [content-start] 1fr [content-middle] 1fr [content-end] ;
  }
  .side_image .zone {
    width:100%;
  }
  .side_image .zone1 {
   min-height:30vw;
    position:relative;
  
  }
  .side_image .zone1 .box {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;  
  }
  .side_image .zone2 {
    display:flex;
    justify-content:center;
    align-items:center;
  
  }
  .side_image .zone2 .box {
    text-align:left;
    width:90%;
    max-width:750px;
    margin:var(--margin90) auto;
  }
  .side_image.flip .zone2 .box {
    text-align:left;
  }
  .side_image.flip .zone1 {
     grid-column-start: 2;
         grid-row-start: 1;
  }
  .side_image.flip .zone2 {
     grid-column-start: 1;
       grid-row-start: 1;
  }
  .side_image .zone2 {
    flex: 0 0 auto;
  }
  @media only screen and (max-width:800px) { 
  .side_image {
    display:block;
    }
    .side_image .zone1 {
   min-height:50vw;
    }
    .side_image .zone2 .box ,
  .side_image.flip .zone2 .box {
    text-align:center;
  }

  .side_image .zone2 .box {
    margin:var(--margin50) auto;
  }
  } 



  .line_block {
    width:calc(100% - 80px);
    max-width:1200px;
    margin:0 auto;
    background:var(--base-color);
    height:1px;
  }


/* */

.header_block {
  position:relative;
  z-index:10;
}
.header_menu {
    padding:1px 0;
  position:relative;
  }
  .header_menu .logo {
    display:inlign-block;
    width:auto;
    height:60px;
    margin:30px 0;  transition:all .5s ease;
  }
 body.is-scrolled .header_menu .logo {
    margin:10px 0; 
  }
.header_menu .box,.header_menu ul  {
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:100%;
}

.header_menu .box {
  width:95%;
  max-width:1200px;
  margin:0 auto;
} 
.header_menu ul  {
  gap:10px;
    width: 100%;
  flex-flow: row wrap;
  padding:10px 0;
  box-sizing:border-box;
  
  justify-content:flex-end;
}

.header_menu .box > div ,.menu li {
  flex:0 0 auto;
  text-align:left;

  height:fit-content;
 margin:0;
}


.header_menu .box > .menu-menu-container {
  width:calc(100% - 350px);
}
.menu li {
  width:fit-content;
  overflow: visible;
  position: relative;

  font-size:25px;
} 
.menu li:not(.dropdown li) {
  padding:.5em .25em;
}
.menu li:not(.bt_contact + li,.bt_home + li, .bt_contact, :first-child, .dropdown ul li ):after {
  content: '';
  height: 10px;
  width:10px;
 /* border: 2px solid var(--lightcolor); */
 border: 2px solid var(--lightcolor);
  position: absolute;
  top:50%;
  left:-8px;
  transform:translate(0, -50%);
  border-radius: 4px;
  box-sizing: border-box;

}
.menu li.dropdown li {
  content:normal !important;
}
.menu a {
  display:block;
  outline:0;
  font-size: 1em;
  padding: 11px 20px;
text-align: center;
  color:var(--headlinecolor);
  line-height:1;
  text-decoration:none;
  font-weight:700;
  box-sizing: border-box;
  transition:color .25s ease;
  letter-spacing:-.03125em;
  white-space: nowrap;
}

.menu a:hover {color:var(--base-color);
}
/* */
.menu a[aria-current="page"], .menu a[aria-current="page"]:hover
,body.is-scrolled .menu a[aria-current="page"], body.is-scrolled .menu a[aria-current="page"]:hover {
color:var(--base-color);
text-decoration: underline;
}

.menu li:before {
  content:normal;
}

.header_menu .bt_menu, .header_menu .bt_home {
  display:none;
}
.menu li.dropdown > a {
  cursor: progress ;
 pointer-events: none;
}
.menu li.dropdown ul {
  position: absolute;
  top:1.2em;
  display:block;
 background-color: #fff;
 width: fit-content;
 height: fit-content;
 max-height: 0;
 padding: 0 calc(var(--padding-number) / 2);
 left: calc(var(--padding-number) / -2) ;
 box-shadow: 0 calc(var(--margin20) / 2) var(--margin20) var(--shadowcolor);;
transition: all .5s ease;
overflow: hidden;
border-radius: 8px;
}

.menu li.dropdown:hover ul {
 max-height: 99em;
 padding: calc(var(--padding-number) / 4) calc(var(--padding-number) / 2);
}
.menu li.dropdown ul {
}

.menu li.dropdown ul > li {
  display: block;
  width: 100%;
padding: 0;
}
.menu li.dropdown ul > li a {
  width:100%;
  text-align: left;
}

.menu li.dropdown ul > li:not(:first-child) a {
  border-top:1px dashed var(--lightcolor);
}
.menu .bt_contact a,.menu .bt_contact a:hover {
  border:2px solid #fff;
  background:var(--accentcolor);
  background:var(--lightcolor);
  color:#fff;
  box-shadow:0 2px 4px #0005;
  padding:10px 15px;
  border-radius: 8px;
}
#header {
  position:sticky;
  top: 0;
  width: 100%;
  z-index: 10;
  transition:all .5s ease; 
  background-color: var(--htmlcolor);
}
body.is-scrolled #header {
box-shadow: 0 0 20px var(--shadowcolor);
  }
 

  /* */
@media only screen and (max-width:1200px) { 
  .menu li {
    font-size: 21px;
  }
  .menu a {
    padding: 13px 20px;
  }
}
/* */
.logo_holder a {
  display: inline-block;
  margin: 20px auto;  transition:all .5s ease;
}

  @media only screen and (max-width:1024px) { 


    .logo_holder a {
      transition: all .5s ease;
      margin: 15px auto;
    }

    
    .header_menu .bt_home {
      display:block;
    }
  .header_menu .logo, body.is-scrolled  .header_menu .logo {
    display:inline-block;
    width:auto;
    height:40px;
    margin:5px auto ;
  }
    .header_menu ul  {
      gap:0;
      padding:0;
    }
    .menu_open, .open_menu .menu_closed {
    opacity:0;}
    .menu_closed , .open_menu .menu_open{
    opacity:1; }
     
    .header_menu .box > div, .menu li, .menu li.dropdown ul {
      display:block;
      width:100%;
     padding: 0 !important;
    }
    .menu li.dropdown ul {
    max-height: fit-content;
     position: relative;
     top:0;
     left: 0;
     border-radius: 0;
     box-shadow: none;
     overflow: visible;
     margin: 0 !important;
    }
    .menu li.dropdown li a {
      text-align: center !important;
    }
    .menu li.dropdown > a{
      display: none;

    }
    .menu li:after {
      content: normal !important
    }
  .header_menu .bt_menu {
    display:block;
    height:40px;
  width:50px;
    top:50%;
    transform:translate(0 , -50%);
      border:none;
    background:none;
    fill:var(--lightcolor);
    position:absolute;
    left:0;
    outline:0;
    }
    .menu a, .menu .bt_contact a,.menu .bt_contact a:hover,  body.is-scrolled .menu a  {
      display:block;
      outline:0;
      font-size:20px;
      padding: 10px 0;  
      color:var(--headlinecolor); 
      margin: 0 auto;
      border:none;
      background:none;
      box-shadow: none;
      border-radius: 0;

      border-top: 1px dashed var(--headlinecolor); 
    }
    .menu>li:first-child a {


      border-top: none; 
    }
  
  

     .header_menu .bt_menu svg {
      /*  filter: drop-shadow(1px 1px 2px rgb(0 0 0 / 0.5));  */
      transform: scale(.6);
    }
  
    .header_menu .box {
      width:calc(100% - 20px);
    }
      .header_menu .box ,.header_menu .box  > div.logo_holder {
        display:block;
        text-align:center;
        
    }

    .header_menu .box > .menu-menu-container {
       position:absolute;
    left:var(--margin30)
    top:0;
    opacity: .5;
    z-index:10;
    width:calc(100% - var(--margin30) - var(--margin30));
    padding:0;
    box-sizing:border-box;
    background: #fff;
    height:auto;
    box-shadow: 0 2px 6px -2px #0000;
  max-width: 300px;
border-radius: 12px;
  max-height: 0; 
  overflow: hidden;
  transition: all .5s ease;
    }


    .open_menu  .header_menu .box >  .menu-menu-container {
      top:64px;
      opacity: 1;
      box-shadow: 0 2px 6px -2px #0003;
      max-height: 200vh;
   
    }
  } 
  /*
  @media only screen and (max-width:350px) { 
    .header_menu .box > div.logo_holder {
      text-align:right;
    }
}
*/
html, body
{
  scroll-padding-top: 0px;
  scroll-behavior: smooth;
}
.round_corners{
  border-radius: 12px;
}

.two_column {
  column-count:2;
column-gap:var(--margin30);
}
@media only screen and (max-width:900px) { 
.two_column {
  column-count:1;
}
} 


  /* side by side image text */
  .side_image_box .zone,  .side_image_box.zone {
   display: flex;
   justify-content: space-evenly;
   align-items:center;
   flex-flow: row wrap;
   gap: 10px;
  }
  .side_image_box .box {
flex:0 0 auto;
  }
  .side_image_box .box1 {
 height:60vw;
 width:60vw;
 max-width: 400px;
 max-height: 400px;
    position:relative;
  
   border-radius:0;
  }
  .side_image_box.large_text .box1 {

    max-width: 200px;
    max-height: 200px;
   
     }
  .side_image_box .box2 {
    display:flex;
    justify-content:center;
    align-items:center;
  
  }
  .side_image_box .box2 .inner_div {
    text-align:left;
    width:100%;
    max-width:750px;
    margin:var(--margin50) auto;
  }
  .side_image_box.large_text .box2 .inner_div {
    max-width:100%;
    margin: 0 auto;
  }
  .side_image_box.large_text .zone {
    margin: 0 auto;
    align-items: flex-start;
  }
  .side_image_box.large_text {
    margin:var(--margin90) auto;

  }
  .side_image_box.large_text .box2  {
    max-width:calc(100% - 220px);
  }
  .side_image_box.flip .box2 .inner_div {
    text-align:left;
  }
  .side_image_box.flip .zone,  .side_image_box.flip.zone {

   flex-flow: row wrap-reverse;
  }
  .side_image_box.flip .box1 {
order:2;
  }
  .side_image_box.flip .box2 {
    order:1;
  }
  .side_image_box .box2 {
    flex: 0 0 auto;
  }
  @media only screen and (max-width:1066px) { 
    .side_image_box .box1 {
      height:60vw;
      width:60vw;
       }
  }
  @media only screen and (max-width:700px) { 
  .side_image_box .zone,  .side_image_box.zone{
    display:block;
    }
    .side_image_box.large_text .box2 {
      width:100%;
      max-width:100%;
    }
    .side_image_box .box2 .inner_div ,
  .side_image_box.flip .box2 .inner_div ,
  .side_image_box.large_text .box2 .inner_div{
    text-align:left;
  }

  .side_image_box .box2 .inner_div h2,
  .side_image_box.flip .box2 .inner_div h2,
  .side_image_box.large_text .box2 .inner_div h2{
    text-align: center;
    margin-top:var(--margin50);
  }
  } 




.left_angle {
  padding-bottom:4vw;
  padding-top:1px;
  clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 4vw), 0% 100%);

}
.left_angle_top {
  padding-top:4vw;
  padding-bottom:1px;
  clip-path: polygon(0 4vw, 100% 0, 100% 100%, 0 100%);

}
.right_angle {
  padding-bottom:4vw;
  padding-top:1px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0  calc(100% - 4vw));

}
.right_angle_top {
  padding-top:4vw;
  padding-bottom:1px;
  clip-path: polygon(0 0, 100% 4vw, 100% 100%, 0 100%);

}

.left_right_angle {
  padding-top:4vw;
  padding-bottom:4vw;
  clip-path: polygon(0 0, 100% 4vw, 100% calc(100% - 4vw), 0% 100%);

}


.right_left_angle {
  padding-top:4vw;
  padding-bottom:4vw;
  clip-path: polygon(0 4vw, 100% 0, 100% 100%, 0  calc(100% - 4vw));

}
.cta_block {
  background: linear-gradient(135deg, rgba(3,64,120,1) 0%,rgba(18,130,162,1) 100%);

}
.cta_block :not(a, input, textarea, select) {
text-shadow:1px 1px 2px #0008;
}
/*
@media only screen and (max-width:800px) { 
  .cta_block {
    background:  linear-gradient(90deg,#141414dd 0%, #14141488 50%,#141414aa 100%) ,linear-gradient(155deg,#016879 0%,#90a2a4 25%,#016879 50%,#86a7b8 75%,#016879 100%);
  box-shadow:inset -10px -10px 20px -10px #141414cc, inset 10px 10px 20px -10px #fff3;
  }
}
/* */
ul.checkmark li {
  padding:0 0 .5em 2.75em;
}
ul.checkmark li:before {
width:2.5em;
height: 2em;
content:'';
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='%2300bb00' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q65 0 123 19t107 53l-58 59q-38-24-81-37.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-18-2-36t-6-35l65-65q11 32 17 66t6 70q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-56-216L254-466l56-56 114 114 400-401 56 56-456 457Z'/%3E%3C/svg%3E") center center no-repeat;
background-size: containQ;
top:0;
left: 0;

}

.footer_block {
  box-shadow: inset 0 20px 20px -20px var(--shadowcolor);
}

.services_list {
  padding:1px 0;
}
.services_list .zone {
  display:flex;
 flex-flow: row wrap;
  width:90%;
  justify-content:space-evenly;
  align-items:flex-start;
  gap: var(--margin30);
  max-width:2000px;
  margin:var(--margin30) auto var(--margin75);
}
.services_list .box { flex:1 1 auto;

 width:calc(25% - var(--margin30));
}
.services_list .inner_div {
  max-width:300px;
  margin:0 auto;
}
.services_list h3 {
  text-transform:none;
  font-weight:700;
  margin:var(--margin30) auto var(--margin20);
  color:var(--lightcolor);
  
}
.services_list svg {
  display:block;
  width:auto;
  height:var(--margin90);
  margin:0 auto;
  fill:var(--headlinecolor);
}
@media only screen and (max-width:1024px) {
.services_list .box { 

 width:calc(50% - var(--margin30));
}
} 
@media only screen and (max-width:360px) {
.services_list .box { 

 width:100%;
}

} 


.industry_list {
  padding:1px 0;
}
.industry_list .zone {
  display:flex;
 flex-flow: row wrap;
  justify-content:center;
align-items: stretch;
  gap: var(--margin30);
  max-width:1500px;
  width:90%;
}
.industry_list .box { flex:1 1 auto;
    max-width:300px;
  width:calc(33% - var(--margin30));
}
.industry_list .inner_div {
  max-width:300px;
  margin:10px auto;
  height:100%;
  padding:calc(var(--padding-number) / 2);
  box-shadow:0 calc(var(--margin20) / 2) var(--margin20) var(--shadowcolor);
  background:var(--htmlcolor);
  border-radius:12px;
}
.industry_list h3 {
  text-transform:none;
  font-weight:700;
  margin:var(--margin30) auto var(--margin20);
  color:var(--headlinecolor);
}
.industry_list svg {
  display:block;

  height:auto;
 width:var(--margin60);
  margin:0 auto;
  fill:var(--lightcolor);
}
@media only screen and (max-width:800px) {
.industry_list .box { flex:1 1 auto;
    max-width:300px;
  width:calc(50% - var(--margin30));
}
} 
@media only screen and (max-width:360px) {
.industry_list .box  { 

 width:100%;
}

} 





