@charset "UTF-8";

/* ---
Technilogical
--- */



/*.mct{min-height:99vh;background: url('../images/278_scr.jpg') no-repeat top left;background-size:cover;z-index:0;}*/
/*.mct{min-height:99vh;background: url('../images/gator-047e.jpg') no-repeat top left;background-size:cover;z-index:0;}*/
.mct{min-height:99vh;background-size:cover;z-index:0;}
.mct{margin-top:-100px;}
.mct h1{font-size:40px;margin-top:50px;text-shadow: 2px 2px 4px black;white-space: nowrap;} 
.row.lists ul{list-style-type: none;}
#hf2{}
#hf3, #hf4, #hf5, #hf6{display: none;}
[data-bs-theme=light] .row.banner{color:black;}
.me-6 {
  margin-right: 6rem !important;
}
/*.navbar a.navbar-brand{color: #000;}*/

.center{position:relative;width:96%;margin:auto;text-align:center;}

.btn-bd-primary {
  --bs-btn-border-color: black;
}
.navbar-brand img{height:80px;width:auto;padding:0;margin-top:-10px;}
/*.navbar-dark.navbar-toggler{background-color: #712cf9;margin-top:-35px;}*/
.navbar-dark.navbar-toggler{background-color: #535f5a;margin-top:-30px;position:fixed;right:18px;}
.navbar-dark.navbar-toggler:hover{background-color: #5a0df3;transition: background-color .3s}
nav .offcanvas, nav .dropdown-menu{font-size: 1.5rem;padding-left:12px;}
nav .dropdown-menu{line-height: 3rem;}
.headerlogo{opacity: 0.8;}
.btnrnd{position:relative;width:42px;height:42px;border:1px solid var(--bs-border-color);border-radius:21px;right:51px;text-align:center;padding:4px;cursor:pointer;}
.btnrnd:hover, .btnrnd:active {border:2px solid #712cf9;}
.fa-search{font-size:22px;color:#aab1b1;}
.fa-search:hover, .fa-search:active{color:white;}
/*.input:focus, select:focus, textarea:focus{outline:none;}*/
code{font: 98% monospace;display: block;width:98%;background:#ccc;padding:10px;border:1px solid #ccc;color:black;margin:15px 0 15px 0;}
.spacer{margin:50px 0 30px 0;width:100%;}
.idiv{display:none}
#search input{width:300px;border-radius:21px;}
#search input:focus{border-color:#712cf9;}
    
.searchresults{padding:10px 25px 40px 25px;margin:50px 0 50px 0;font-size:1.3rem;max-width:1128px}
.searchresults p{margin-bottom:15px;}
.black {color:black;}
.status{background:#67b673;}
.error{background:#f04428;}
.totop{display:none;}
/* border with height adj
.searchresults {
  position: relative;
}

.searchresults::after {
  content: '';
  height: 80%;
  width: 1px;
  
  position: absolute;
  right: 0;
  top: 80px;
  
  background-color: #bbbabd;
}*/
 .listdsc{font-size:14px;line-height:1.1em;}
 .listdsc small{font-size:12px;margin-bottom:3px;}
 .listdsc.keywords{margin-top:25px;}
 .searchresults.list p{margin-bottom:4px;}

 #main-content{}
 /* #main-content h1{font-size:32px;margin-top:-50px;text-shadow: 2px 2px 4px black;}*/
 /*#main-content p{margin-top:60px;}*/
 .pager{margin:50px 0 25px 0;list-style:none;text-align:center;font-size:12px}
 .pager:after,.pager:before{display:table;content:""}
 .pager:after{clear:both}
 .pager li{display:inline}
 .pager a{display:inline-block;padding:5px 14px;background-color:#000;border:1px solid navy;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
 .pager a:hover{text-decoration:none;background-color:#000}
 .pager .next a{float:right}
 .pager .previous a{float:left}
 .pagination{font-size:1rem;}
 .pagination{width:95%;margin-top:20px;}
 .pagination a{float:left;padding:5px 8px;text-decoration:none;transition:background-color .3s;border:1px solid transparent}
 .pagination a:hover{color:#fff;border:1px solid #ccc}
 .pagination a:visited{color:#fff;border:1px solid transparent}
 .pagination a.active{background-color:#00f;color:#fff;border:1px solid #ccc}
 .pagination a:hover:not(.active){color:#fff;background-color:navy}
 .pager_counter{margin:10px}
 
 /* wavy text */
 .ml6 {
  position: relative;
  font-weight: 900;
  font-size: 3.3em;
}

.ml6 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.ml6 .letter {
  display: inline-block;
  line-height: 1em;
}
/* end wavy text */
.ck.ck-content{color:black;}

.ck-widget.raw-html-embed .raw-html-embed__source {
  color: black;
}
 /* .px-4 {padding:0;}*/
  /*padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;*/
.mailer label, .mailer h3, .mailer p{color:black;}
#edit-1-show, #edit-2-show, #edit-3-show{display:none;}
 /* *** */

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #535f5a;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }

      .bd-mode-toggle {
        z-index: 1500;
      }

      .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }
      
 /*   **   */
.container-fluid{margin-bottom:0;}
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#404a8a;
    left: auto;
    top: auto;
    width: 300px;
    height: auto;
    overflow:auto;
    margin: 10px 5% 0 50px;
    padding:5px;
    border-radius: 15px;
    border:1px solid #ccc;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

.w100 {width:100%;height:auto;}
.mx-800{max-width:800px;}
.mx-680{max-width:680px;}
.mx-480{max-width:480px;}
.mx-300{max-width:300px;}
.ref-plain {text-decoration: none;}
.ref-plain:hover {text-decoration: underline;}
@-webkit-keyframes bounce {
0%,20%,50%,80%,100% {
-webkit-transform: translateY(0);
}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}

@keyframes bounce {
0%,20%,50%,80%,100% {
transform: translateY(0);
}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}}
.bounce-1:hover {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: bounce;
animation-name: bounce;
}

/* ctforms */
.layer-light{width:300px;padding:15px;border:1px solid black;background:transparent;position:relative;top:10px;}
.layer-light2{width:300px;padding:15px;border:1px solid black;background:transparent;position:relative;top:10px;}
.layer-light3{width:300px;padding:15px;border:1px solid black;background:transparent;position:relative;top:10px;}
.layer-light4{width:300px;padding:15px;border:1px solid black;background-color:rgba(42, 61, 88, 1);position:relative;top:10px;}
/* page code holder */
.pagelayer .layer-light,.pagelayer .layer-light2,.pagelayer .layer-light3,.pagelayer .layer-light4 {border:none;}

span.input-group-text{min-width:80px;}
.formbox-blue input,.formbox-blue select,.formbox-blue textarea{background-color:rgba(47, 62, 78, 0.5);color:#fff;}
.formbox-blue input:focus,.formbox-blue select:focus,.formbox-blue textarea:focus{background-color:#acb9c6;color:black;}
.formbox-blue.deep {background-color:rgba(47, 62, 78, 0.9)}
/* form examples */
.formdark input, .formdark textarea{border:none;/*resize:none*/}
.formdark input:focus,.formdark select:focus,.formdark textarea:focus{background-color:#7b848e;color:black;}
.formdark-d input, .formdark-d textarea{border:none;}
.formdark-d input:focus,.formdark-d select:focus,.formdark-d textarea:focus{background-color:#3a4755;color:white;}
.formdark-d input:valid{background:#2a3c3f;border-color: hsl(120, 76%, 50%);}
.formdark-d textarea:valid{background:#2a3c3f;border-color: hsl(120, 76%, 50%);}
.formdark-d input:not(:placeholder-shown) {
  border-color: hsl(0, 76%, 50%);
}

.formlight input, .formlight select, .formlight textarea{background-color:#e7f1f8;color:#3e484e}
.formlight input:focus,.formlight  select:focus,.formlight textarea:focus{background-color:#fff;color:#000;}
.formlight input:valid{background:#f4f8fb;border-color: hsl(120, 76%, 50%);}
.formlight textarea:valid{background:#f4f8fb;border-color: hsl(120, 76%, 50%);}
.pagelayer .layer-light4{width:300px;padding:15px;border:none;background-color:transparent}
.formlight-c input,.formlight-c textarea{background-color:white;color:#3e484e}
.formlight-c input:focus,.formlight-c textarea:focus{background-color:white;color:#000;}
.formlight-c input:valid,.formlight-c textarea:valid {color:#000}
.formlight-d input,.formlight-d textarea{background-color:white;color:#3e484e;border:none;}
.formlight-d textarea{border-bottom:1px solid #a6b1b8;}
.formlight-d input,.formlight-d textarea{border-bottom:1px solid #a6b1b8;}
.formlight-d input:focus,.formlight-d textarea:focus{background-color:white;color:#000}
#contactpg .layer-light4{background-color:transparent}
#contactpg .layer-light4 .formlight-d input, #contactpg .layer-light4 .formlight-d textarea{background-color:transparent;color:#3e484e;border:none;border-bottom:1px solid #5a676f}
#contactpg .layer-light4 .formlight-d input:focus,#contactpg .layer-light4 .formlight-d textarea:focus{background-color:#2f3a41;color:#fff}
input:focus{border:2px solid #234e6a;}
textarea:focus{border:2px solid #234e6a;}
/*input:focus:required{border:none;outline: none;}
input:focus:required:invalid {border:none;outline: none;}
input:required:valid {border:none;outline: none;}
input:invalid{border:none;outline: none;}*/

#contactpg .layer-light4 .formlight-d ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #5a676f;
  opacity: 1; /* Firefox */
}
#contactpg .layer-light4 .formlight-d :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #5a676f;
}
#contactpg .layer-light4 .formlight-d ::-ms-input-placeholder { /* Microsoft Edge */
  color: #5a676f;
}
/*#contactpg div[class^=layer-light]{display:none;}*/
[data-bs-theme=light] button[id^=switch]:focus{border: 1px solid blue;}
[data-bs-theme=dark] button[id^=switch]:focus{border: 1px solid #ccc;}
.none{display:none}
#status{position:absolute;width:100%;left:0;bottom:5px;z-index:50;}
#status .fa-envelope{font-size:2.2em;position:absolute;left:35px;bottom:10px;}
#statsearch{position:absolute;right:80px;bottom:9px;}
.txblue{color:#70aedc}
.txblue a{color:#70aedc;text-decoration:underline;}.txblue a:hover{color:#fff}.txblue a:visited{color:#99c4e3}.txblue a:visited:hover{color:#fff}.txblue a:active{color:#9cc4e2}
.txblue i:hover{color:#fff}
.searchd{position:relative;height:42px;width:100%;right:0;box-sizing:border-box;border-radius:21px;}
.halfround{position:absolute;display:block;width:50px;height:40px;border-radius:20px 0 0 20px;top:0;right:0;border-right:none;background:transparent;color:transparent;-webkit-transition:width 1s ease-in-out;transition:width 1s ease-in-out;}
.halfround::placeholder{color:transparent;}
.halfround:hover, .halfround:focus, .halfround:active{width:240px;color:white;font-size:20px;padding:0 40px 0 5px;border: 1px solid #c0ba3a;background: rgba(47, 62, 78, 0.9);background: linear-gradient(90deg, rgba(47, 62, 78,0.5) 0%, rgba(47, 62, 78,0.5) 44%, rgba(48,52,52,0.6) 100%);}
.halfround:hover::placeholder{color:#403e3b;}
.searchd input{
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  min-width:10px;position:absolute;right:20px;border-right:none;
}
.searchd input:hover, .searchd input:focus, .searchd input:active{
  border: 1px solid #c0ba3a;border-right:none;outline:none;padding-left:20px;padding-right:20px;color:#fff}
#status .btnrnd{position:absolute;width:42px;height:42px;border:2px solid #1c0b49;border-radius:21px;right:0;top:-1px;text-align:center;padding:7px;cursor:pointer;}
#status .btnrnd{background:#000}.btnrnd:hover, .btnrnd:active {border:2px solid #c0ba3a;}
.fa-search{font-size:22px;color:#aab1b1;}
.fa-search:hover, .fa-search:active{color:white;}

pre {
    white-space: pre-wrap;
    word-break: keep-all
}
#footer{width:80%;margin:auto;background:transparent;color:#cc9;position:relative;bottom:0;left:0;padding:40px 0 10px 0;z-index:2;}
#ttm{}
#uth{}
#frh{display:none;}
#ort{display:none;}
.fa-caret-right{font-size:4em;}
.nbd{background:transparent; border:none;}


@media(min-width:468px){
a.skip-main:focus, a.skip-main:active {margin: 10px 5% 0 24%;}
 /* #main-content{margin-top:-95px !important;}*/
  .mct h1{font-size:40px;}
 }
 
 @media(min-width:768px){
 .navbar-dark.navbar-toggler{right:16px;}
 .searchresults{padding:0 85px 15px 85px;margin:25px 0 20px 0;font-size:1rem;}
 .searchresults p{margin-bottom:15px;}
 .pagination a{padding:8px 16px;}
 .col-md.right-col{font-size:1rem;}
 /*#main-content{margin-top:-120px !important;}*/
  .mct h1{font-size:64px;}
  ul.bd {border-left: 1px solid #898a90;border-right: 1px solid #898a90;}
  [data-bs-theme=light] .row.banner{color:white;}
 }
 
@media(min-width:1128px){
 a.skip-main:focus, a.skip-main:active {margin: 10px 40% 0 40%;}
 nav .offcanvas, nav .dropdown-menu{font-size: 1rem;padding-left:12px;}
 nav .dropdown-menu{line-height: 2rem;}
 .col-md.right-col{padding:0 10px 15px 10px;margin:25px 0 20px 0;font-size:1rem;}
 /*#main-content{margin-top:-150px !important;}*/
 .mct h1{font-size:72px;}
 }
 
[data-bs-theme=light] .pagination a {
 color: navy;
}
[data-bs-theme=light] .mct {color:white !important;} 
[data-bs-theme=light] .mct .text-body-emphasis{color:white !important;}
[data-bs-theme=light] #search input:focus{border:3px solid #712cf9;}
/*[data-bs-theme=light] #main-content h1 {color:white !important;}*/
[data-bs-theme=dark] pre>code {color:black;}
/*[data-bs-theme=light] .nav-link{color: red;}*/
/* scroll */
* {
  scrollbar-width: thin;
  scrollbar-color: blue orange;
}
*::-webkit-scrollbar {
  width: 4px;
}

*::-webkit-scrollbar-track {
  /*background: orange;*/
}
*::-webkit-scrollbar-track:hover {
  background: orange;
}
*::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 2px;
}
.p5Canvas{box-sizing:border-box;max-width:100%;}
.p5Canvas{box-sizing:border-box;max-width:100%;position:absolute;top:0;z-index:-10;}