body{font-family: Verdana,sans-serif; line-height: 1.5; font-size: 18px; height:100vh; margin: 0;}
/*---------------Colors------------------------------------------------------------------------------------------------------------------------*/
.fl-black{ color:rgb(0, 0, 0);} 
.fl-bg-black{ background-color:rgb(0, 0, 0);}
.fl-black-light{color: rgb(39, 39, 39);} 
.fl-bg-black-light{background-color: rgb(39, 39, 39);}
.fl-black-lighter{color: rgb(63, 63, 63);} 
.fl-bg-black-lighter{background-color: rgb(63, 63, 63);}
.fl-white{ color:rgb(255, 255, 255);} 
.fl-bg-white{ background-color:rgb(255, 255, 255);}
.fl-blue{color: rgb(0, 0, 255);} 
.fl-bg-blue{background-color: rgb(0, 0, 255);}
.fl-aqua{color: rgb(0, 255, 255);} 
.fl-bg-aqua{background-color: rgb(0, 255, 255);}
.fl-blue-light{color: #1D6A96;}
.fl-bg-blue-light{background-color: #1D6A96;}
.fl-blue-lighter{color: #85B8CB;}
.fl-bg-blue-lighter{background-color: #85b8cb;}
.fl-fls-blue{color: #33A1C9};
.fl-bg-fls-blue{background-color: #33A1C9;}
.fl-red{color: rgb(255, 0, 0);} 
.fl-bg-red{background-color: rgb(255, 0, 0);}
.fl-red-light{color: rgb(255, 62, 62);} 
.fl-bg-red-light{background-color: rgb(255, 62, 62);}
.fl-red-lighter{color: rgb(255, 90, 90);} 
.fl-bg-red-lighter{background-color: rgb(255, 90, 90);}
.fl-green{color: rgb(0, 128, 0);} 
.fl-bg-green{background-color: rgb(0, 128, 0);} 
.fl-green-light{color: rgb(2, 197, 2);} 
.fl-bg-green-light{background-color: rgb(2, 197, 2);}
.fl-green-lighter{color: rgb(0, 243, 0);} 
.fl-bg-green-lighter{background-color: rgb(0, 243, 0);}
.fl-yellow{color: rgb(255, 255, 0);} 
.fl-bg-yellow{background-color: rgb(255, 255, 0);}
.fl-grey{color: rgb(128, 128, 128);} 
.fl-bg-grey{background-color: rgb(128, 128, 128);}
.fl-grey-light{color: rgb(175, 175, 175);} 
.fl-bg-grey-light{background-color: rgb(175, 175, 175);}
.fl-grey-lighter{color: #D1DDDB;} 
.fl-bg-grey-lighter{background-color: #D1DDDB;}
.fl-modern-blue{color: #283B42;} 
.fl-bg-modern-blue{background-color: #283B42;}
.fl-beige{color: #D1BC8A;}
.fl-bg-beige{background-color: #D1BC8A;}
.fl-beige-light{color: #e9e0c8;}
.fl-bg-beige-light{background-color: #e9e0c8;}
.fl-beige-dark{color:#bd9f58;}
.fl-bg-beige-dark{background-color: #bd9f58;}
.fl-bg-transparent{background-color: transparent;}

/*---------------Background Animation------------------------------------------------------------------------------------------------------------------------*/

.fl-bg-animation {width: 100%; height: auto; background-size: 500% 100%; background-image: repeating-linear-gradient( -45deg, rgb(78, 54, 133), rgb(77, 146, 151), rgb(83, 83, 155), rgb(136, 98, 146));
 animation: diagonal alternate 30s infinite;}

@keyframes diagonal { 0% { background-position: 0% 50% } 100% { background-position: 100% 50% }}

/*---------------Colors child------------------------------------------------------------------------------------------------------------------------*/

.fl-c-black *{ color:rgb(0, 0, 0);} 
.fl-c-black-light *{color: rgb(39, 39, 39);} 
.fl-c-black-lighter *{color: rgb(63, 63, 63);} 
.fl-c-white *{ color:rgb(255, 255, 255);} 
.fl-c-blue *{color: rgb(0, 0, 255);} 
.fl-c-aqua *{color: rgb(0, 255, 255);} 
.fl-c-blue-light *{color: #1D6A96;}
.fl-c-blue-lighter *{color: #85B8CB;}
.fl-c-fls-blue *{color: #33A1C9};
.fl-c-red *{color: rgb(255, 0, 0);} 
.fl-c-red-light *{color: rgb(255, 62, 62);} 
.fl-c-red-lighter *{color: rgb(255, 90, 90);} 
.fl-c-green *{color: rgb(0, 128, 0);} 
.fl-c-green-light *{color: rgb(2, 197, 2);} 
.fl-c-green-lighter *{color: rgb(0, 243, 0);} 
.fl-c-yellow *{color: rgb(255, 255, 0);} 
.fl-c-grey *{color: rgb(128, 128, 128);} 
.fl-c-grey-light *{color: rgb(175, 175, 175);} 
.fl-c-grey-lighter *{color: #D1DDDB;} 
.fl-c-modern-blue *{color: #283B42;} 
.fl-c-beige{color: #D1BC8A;}
.fl-c-beige-light{color: #e9e0c8;}
.fl-c-beige-dark{color:#bd9f58;}


/*----------------hover-----------------------------------------------------------------------------------------------------------------------------*/
.fl-fh-blue:hover{color:blue;}
.fl-bh-blue:hover{background-color: blue;}
.fl-fh-blue-light:hover{color: #1D6A96;}
.fl-bh-blue-light:hover{background-color: #1D6A96;}
.fl-fh-blue-lighter:hover{color: #85B8CB;}
.fl-fh-fls-blue:hover{color: #33A1C9};
.fl-bh-fls-blue:hover{background-color: #33A1C9};
.fl-bh-blue-lighter:hover{background-color: #85B8CB;}
.fl-fh-white:hover{color:white;}
.fl-bh-white:hover{background-color: white;}
.fl-fh-black:hover{color:black;}
.fl-bh-black:hover{background-color: black;}
.fl-fh-red:hover{color:red;}
.fl-bh-red:hover{background-color: red;}
.fl-fh-green:hover{color:green;}
.fl-bh-green:hover{background-color: green;}
.fl-fh-grey:hover{color:grey;}
.fl-bh-grey:hover{background-color: grey;}
.fl-fh-aqua:hover{color:aqua;}
.fl-bh-aqua:hover{background-color: aqua;}
.fl-fh-yellow:hover{color:yellow;}
.fl-bh-yellow:hover{background-color: yellow;}
.fl-bh-grey-lighter:hover{background-color: #D1DDDB;}
.fl-fh-grey-lighter:hover{color:#D1DDDB;} 
.fl-fh-modern-blue:hover{color: #283B42;} 
.fl-bh-modern-blue:hover{background-color: #283B42;}
.fl-fh-beige:hover{color: #D1BC8A;}
.fl-bh-beige:hover{background-color: #D1BC8A;}
.fl-fh-beige-light:hover{color: #e9e0c8;}
.fl-bh-beige-light:hover{background-color: #e9e0c8;}
.fl-fh-beige-dark:hover{color:#bd9f58;}
.fl-bh-beige-dark:hover{background-color: #bd9f58;}

.fl-underline:hover{text-decoration: underline; text-decoration-thickness:3px;}
.fl-underline-overline:hover{text-decoration: underline overline; text-decoration-thickness:3px;}

/*----------------hover zoom-----------------------------------------------------------------------------------------------------------------------------*/

  .fl-zoom { transition: transform .2s;}
  .fl-zoom:hover, .fl-zoom:focus {-ms-transform: scale(1.1); /* IE  */-webkit-transform: scle(1.1); /* Safari */transform: scale(1.1); }

/*----------------hover zoom-----------------------------------------------------------------------------------------------------------------------------*/
.fl-column{float: left;}

/*------------hover child --------------------------------------------------------------------------------------------------------------------------*/

.fl-c-fh-blue *:hover{color:blue;}
.fl-c-bh-blue *:hover{background-color: blue;}
.fl-c-fh-blue-light *:hover{color: #1D6A96;}
.fl-c-bh-blue-light *:hover{background-color: #1D6A96;}
.fl-c-fh-blue-lighter *:hover{color: #85B8CB;}
.fl-c-bh-blue-lighter *:hover {background-color: #85B8CB;}
.fl-c-fh-fls-blue *:hover{color: #33A1C9};
.fl-c-bh-fls-blue *:hover{background-color: #33A1C9};
.fl-c-fh-white *:hover{color:white;}
.fl-c-bh-white *:hover{background-color: white;}
.fl-c-fh-black *:hover{color:black;}
.fl-c-bh-black *:hover{background-color: black;}
.fl-c-fh-red *:hover{color:red;}
.fl-c-bh-red *:hover{background-color: red;}
.fl-c-fh-green *:hover{color:green;}
.fl-c-bh-green *:hover{background-color: green;}
.fl-c-fh-grey *:hover{color:grey;}
.fl-c-bh-grey *:hover{background-color: grey;}
.fl-c-fh-aqua *:hover{color:aqua;}
.fl-c-bh-aqua *:hover{background-color: aqua;}
.fl-c-fh-yellow *:hover{color:yellow;}
.fl-c-bh-yellow *:hover{background-color: yellow;}
.fl-c-bh-grey-lighter *:hover{background-color: #D1DDDB;}
.fl-c-fh-grey-lighter *:hover{color:#D1DDDB;} 
.fl-c-fh-modern-blue *:hover{color: #283B42;} 
.fl-c-bh-modern-blue *:hover{background-color: #283B42;}
.fl-c-fh-beige *:hover{color: #D1BC8A;}
.fl-c-bh-beige *:hover{background-color: #D1BC8A;}
.fl-c-fh-beige-light *:hover{color: #e9e0c8;}
.fl-c-bh-beige-light *:hover{background-color: #e9e0c8;}
.fl-c-fh-beige-dark *:hover{color:#bd9f58;}
.fl-c-bh-beige-dark *:hover{background-color: #bd9f58;}

.fl-c-underline-overline *:hover{text-decoration: underline overline; text-decoration-thickness:3px;}
.fl-c-underline *:hover{text-decoration: underline; text-decoration-thickness: 3px;}
/*------------focus color --------------------------------------------------------------------------------------------------------------------------*/

.fl-focus-black:focus{ outline-color:rgb(0, 0, 0);} 
.fl-focus-black-light:focus{outline-color: rgb(39, 39, 39);} 
.fl-focus-black-lighter:focus{outline-color: rgb(63, 63, 63);} 
.fl-focus-white:focus{ outline-color:rgb(255, 255, 255);} 
.fl-focus-blue:focus{outline-color: blue;} 
.fl-focus-aqua:focus{outline-color: rgb(0, 255, 255);} 
.fl-focus-red:focus{outline-color: rgb(255, 0, 0);} 
.fl-focus-red-light:focus{outline-color: rgb(255, 62, 62);} 
.fl-focus-red-lighter:focus{outline-color: rgb(255, 90, 90);} 
.fl-focus-green:focus{outline-color: rgb(0, 128, 0);} 
.fl-focus-green-light:focus{outline-color: rgb(2, 197, 2);} 
.fl-focus-green-lighter:focus{outline-color: rgb(0, 243, 0);} 
.fl-focus-yellow:focus{outline-color: rgb(255, 255, 0);} 
.fl-focus-grey:focus{outline-color: rgb(128, 128, 128);} 
.fl-focus-grey-light:focus{outline-color: rgb(175, 175, 175);} 
.fl-focus-grey-lighter:focus{outline-color: #D1DDDB;} 
.fl-focus-modern-blue:focus{outline-color: #283B42;} 
.fl-focus-blue-light:focus {outline-color: #1D6A96;}
.fl-focus-blue-lighter:focus {outline-color: #85B8CB;}
.fl-focus-beige:focus{outline-color: #D1BC8A;}
.fl-focus-beige-light:focus{outline-color: #e9e0c8;}
.fl-focus-beige-dark:focus{outline-color:#bd9f58;}
.fl-focus-transparent:focus{outline-color:transparent;}
/*------------border color--------------------------------------------------------------------------------------------------------------------------*/


.fl-border-black {border:2px solid rgb(0, 0, 0);} 
.fl-border-black-light {border:2px solid rgb(39, 39, 39);} 
.fl-border-black-lighter {border:2px solid rgb(63, 63, 63);} 
.fl-border-white {border:2px solid rgb(255, 255, 255);} 
.fl-border-blue {border:2px solid rgb(0, 0, 255);} 
.fl-border-aqua {border:2px solid rgb(0, 255, 255);} 
.fl-border-fls-blue{border:2px solid #33A1C9};
.fl-border-red {border:2px solid rgb(255, 0, 0);} 
.fl-border-red-light {border:2px solid rgb(255, 62, 62);} 
.fl-border-red-lighter {border:2px solid rgb(255, 90, 90);} 
.fl-border-green {border:2px solid rgb(0, 128, 0);} 
.fl-border-green-light {border:2px solid rgb(2, 197, 2);} 
.fl-border-green-lighter {border:2px solid rgb(0, 243, 0);} 
.fl-border-yellow {border:2px solid rgb(255, 255, 0);} 
.fl-border-grey {border:2px solid rgb(128, 128, 128);} 
.fl-border-grey-light {border:2px solid rgb(175, 175, 175);} 
.fl-border-grey-lighter {border:2px solid #D1DDDB;} 
.fl-border-blue-light {border:2px solid #1D6A96;} 
.fl-border-blue-lighter {border:2px solid #85B8CB;} 
.fl-border-modern-blue {border:2px solid #283B42;} 
.fl-border-beige{border: 2px solid #D1BC8A;}
.fl-border-beige-light{border: 2px solid #e9e0c8;}
.fl-border-beige-dark{border:2px solid #bd9f58;}

.fl-border-none{border:none};
/*------------FL Software Animations--------------------------------------------------------------------------------------------------------------------------*/

.fl-start-animation { margin: 0; padding: 0; font-weight: 700; text-align: center; font-size: 200px; font-family: Candara; text-transform: uppercase; background: linear-gradient(90deg, #1c1c1e, #fff, #1c1c1e); letter-spacing: 5px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-repeat: no-repeat; background-size: 80%; animation: shine 7s linear infinite; position: relative;}
.fl-start-animation2 { margin: 0; padding: 0; font-weight: 700; text-align: right; font-size: 80px; font-family: Candara; text-transform: uppercase; background: linear-gradient(90deg, #1c1c1e, #fff, #1c1c1e); letter-spacing: 5px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-repeat: no-repeat; background-size: 80%; animation: shine 7s linear infinite; position: relative;}

@keyframes shine {
 0% {background-position-x: -500%;}
 100% { background-position-x: 500%; }}

/**--------------------- Logo Animation------------------------*/
.fl-logo-animation { display: inline-block; overflow: hidden; white-space: nowrap; text-align: center; color: white; font-weight: 50; font-size: 25px; position: fixed;}
.fl-logo-animation {color: white; font-weight: 50; font-size: 14px; position: fixed;}
.fl-logo-animation:first-of-type { animation: showup 7s infinite;}
.fl-logo-animation:last-of-type { width: 0px; animation: reveal 7s infinite;}
.fl-logo-animation:last-of-type .fl-span { margin-left: -355px; animation: slidein 7s infinite;}

@keyframes showup {0% { opacity: 0;} 20% { opacity: 1;} 80% {opacity: 1;} 100% { opacity: 0; }}
@keyframes slidein {0% { margin-left: -350px;} 20% { margin-left: -350px;} 35% { margin-left: 0px;} 100% { margin-left: 0px;}}
@keyframes reveal { 0% {opacity: 0; width: 0px;} 20% { opacity: 1; width: 0px;} 30% { width: 175px;} 80% { opacity: 1;} 100% { opacity: 0; width: 175px;}}

/**---------- Hover FL-Software Effect -----------------------------------------*/
.fl-hover-animation {color: #484848; text-align: center; font-size: 60px; font-weight: bold; font-family: monospace; letter-spacing: 7px; cursor: pointer}
.fl-hover-animation span {transition: .5s linear}
.fl-hover-animation:hover span:nth-child(1) {margin-right: 5px}
.fl-hover-animation:hover span:nth-child(1):after {content: "";}
.fl-hover-animation:hover span:nth-child(2) {margin-left: 30px}
.fl-hover-animation:hover span {color: #fff; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff;}

/*---------------Button------------------------------------------------------------------------------------------------------------------------*/

.fl-button{ transition-duration: 0.4s; padding: 15px 32px; text-align: center; text-decoration: none; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 7px;}
.fl-disabled{  opacity: 0.6; cursor: not-allowed;}
.fl-ripple{position: relative; overflow: hidden; cursor: pointer} .is-ripple:after {content: ""; background: #f1f1f1; display: block; position: relative; padding-top: 300%; padding-left: 350%; margin-left: -20px !important; margin-top: -120%; opacity: 0; transition: all 0.8s} .is-ripple:active:after {padding: 0; margin: 0; opacity: 1; transition: 0s} 
@media screen and (max-width: 600px) {.fl-button{ transition-duration: 0.4s; padding: 15px 32px; text-align: center; text-decoration: none; display:block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 7px;} }

/*---------------fade in------------------------------------------------------------------------------------------------------------------------*/
.fl-fadeIn{ opacity: 0.6; transition: 0.3s;} .is-fadeIn:hover {opacity: 1} 
/*---------------fade in------------------------------------------------------------------------------------------------------------------------*/
.fl-link{text-decoration: none;}
/*---------------shadow------------------------------------------------------------------------------------------------------------------------*/
.fl-shadow-black{box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.199), 0 6px 20px 0 rgba(0,0,0,0.19);} 
.fl-shadow-white{box-shadow: 0 8px 16px 0 rgba(255, 255, 255, 0.199), 0 6px 20px 0 rgba(0,0,0,0.19);} 
.fl-shadow-blue{box-shadow: 0 26px 35px 0 rgba(91, 209, 255, 0.199), 0 6px 20px 0 rgba(89, 236, 255, 0.19);} 


/*---------------silde checkbox------------------------------------------------------------------------------------------------------------------------*/

.fl-switch {position: relative; display: inline-block; width: 60px;height: 34px;}
.fl-switch input { opacity: 0; width: 0; height: 0;}
.fl-slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0;bottom: 0; background-color: #ccc; -webkit-transition: .4s;transition: .4s;}
.fl-slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; webkit-transition: .4s; transition: .4s;}
input:checked + .fl-slider {background-color: #2196F3;}
input:focus + .fl-slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .fl-slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.fl-slider.round {border-radius: 34px;}
.fl-slider.round:before {border-radius: 50%;}

/*---------------shadow hover------------------------------------------------------------------------------------------------------------------------*/

.fl-hover-shadow-black:hover{ box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.fl-hover-shadow-white:hover{ box-shadow: 0 12px 16px 0 rgba(255, 255, 255, 0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.fl-hover-shadow-blue:hover{box-shadow: 0 12px 16px 0 rgba(91, 209, 255, 0.199), 0 6px 20px 0 rgba(89, 236, 255, 0.19);} 
/*---------------shadow focus------------------------------------------------------------------------------------------------------------------------*/
.fl-foucs-shadow-black:focus{ box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.fl-focus-shadow-white:focus{ box-shadow: 0 12px 16px 0 rgba(255, 255, 255, 0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.fl-focus-shadow-blue:focus{box-shadow: 0 12px 16px 0 rgba(91, 209, 255, 0.199), 0 6px 20px 0 rgba(89, 236, 255, 0.19);} 
/*---------------print------------------------------------------------------------------------------------------------------------------------*/

@media print {
  .fl-dontPrint{
  display:none;
  }
 }
/*----------------center-----------------------------------------------------------------------------------------------------------------------------*/

.fl-centered{  display: flex;
    justify-content: center;
    align-items: center;}

.fl-text-centered{text-align: center;}


/*----------------justify-----------------------------------------------------------------------------------------------------------------------------*/


.fl-justify{text-align: justify; max-width: 400px; text-align-last: justify;}
.fl-justify-centered{text-align: justify; max-width: 350px; text-align-last: center;}
.fl-justify-left{text-align: justify; max-width: 350px; text-align-last: none;}
.fl-justify-right{text-align: justify; max-width: 350px; text-align-last: right;}

/*----------------group-----------------------------------------------------------------------------------------------------------------------------*/

.fl-v-group{display: block;} 
.fl-h-group{float: left;}

/*----------------img-----------------------------------------------------------------------------------------------------------------------------*/

.fl-img{height: auto;}
@media screen and (max-width: 600px) {.fl-img{
  height: auto; display: block;}}


  .fl-gallery{width:450px; height:450px;}
  @media screen and (max-width:600px){ .fl-gallery{width:90%; height:200px;}}
  

/*----------------footer-----------------------------------------------------------------------------------------------------------------------------*/
.fl-footer{text-align: center; width:100%; bottom:0; padding: 3px}

.fl-footer2{text-align: center; padding: 1%; bottom:0;}
/*----------------size-----------------------------------------------------------------------------------------------------------------------------*/

.fl-quarter-width{width: 25%;} 
.fl-half-width{width: 50%;} 
.fl-three-quarters-width{width: 75%;} 
.fl-full-width{width: 100%;}

.fl-1{font-size:60px}
.fl-2{font-size:50px;}
.fl-3{font-size:40px;}
.fl-4{font-size:30px;}
.fl-5{font-size:20px;}


/*----------------font -----------------------------------------------------------------------------------------------------------------------------*/
.fl-wide{letter-spacing: 4px;}

.fl-uppercase{text-transform: uppercase;}
.fl-lowercase{text-transform: lowercase;}
/** Child */
.fl-c-uppercase *{text-transform: uppercase;}
.fl-c-lowercase *{text-transform: lowercase;}

/*----------------Tag -----------------------------------------------------------------------------------------------------------------------------*/

.fl-tag {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}

.fl-round-tag {
  display: inline-block;
  padding-left: 4%;
  padding-right: 4%;
  text-align: center;
  border-radius: 4%;
}

.fl-round
{
  border-radius: 10px;
}

/*----------------Padding -----------------------------------------------------------------------------------------------------------------------------*/

.fl-padding1{padding: 10px 18px;}
.fl-padding2{padding: 20px 36px;}
.fl-padding{padding: 30px 46px;}

/*----------------margin-----------------------------------------------------------------------------------------------------------------------------*/

.fl-m-auto{margin: 0 auto;}

.fl-ml-05{margin-left:5%;}
.fl-ml-1{margin-left: 10%;}
.fl-ml-015{margin-left: 15%;}
.fl-ml-2{margin-left: 20%;}
.fl-ml-3{margin-left: 30%;}
.fl-ml-4{margin-left: 40%;}
.fl-ml-5{margin-left: 50%;}
.fl-ml-6{margin-left: 60%;}

.fl-mr-05{margin-right:5%;}
.fl-mr-1{margin-right: 10%;}
.fl-mr-015{margin-right: 15%;}
.fl-mr-2{margin-right: 20%;}
.fl-mr-3{margin-right: 30%;}
.fl-mr-4{margin-right: 40%;}
.fl-mr-5{margin-right: 50%;}
.fl-mr-6{margin-right: 60%;}

.fl-mt-05{margin-top:5%;}
.fl-mt-1{margin-top: 10%;}
.fl-mt-015{margin-top: 15%;}
.fl-mt-2{margin-top: 20%;}
.fl-mt-3{margin-top: 30%;}
.fl-mt-4{margin-top: 40%;}
.fl-mt-5{margin-top: 50%;}
.fl-mt-6{margin-top: 60%;}

.fl-mb-05{margin-bottom:5%;}
.fl-mb-1{margin-bottom: 10%;}
.fl-mb-015{margin-bottom: 15%;}
.fl-mb-2{margin-bottom: 20%;}
.fl-mb-3{margin-bottom: 30%;}
.fl-mb-4{margin-bottom: 40%;}
.fl-mb-5{margin-bottom: 50%;}
.fl-mb-6{margin-bottom: 60%;}

/*----------------Input------------------------------------------------------------------------------------------------------------------------------*/

 .fl-input, .fl-select, .fl-textarea { width: 20%; padding: 12px; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical;}
 .fl-s-input{width: 15%; padding: 5px; box-sizing: border-box; margin-top: 2px; margin-bottom: 10px; resize: vertical;}

@media screen and (max-width: 600px) {  .fl-input, .fl-select, .fl-textarea {width: 50%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; display:block;}; }

/*----------------box------------------------------------------------------------------------------------------------------------------------------*/
.fl-box {  width: 300px; padding: 50px; margin: 20px;}
.fl-res-box{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 50px;}

.fl-box-transparent {width: 300px; padding: 50px; margin: 20px; background-color: #ffffff2a;}

/*----------------topnav responsive------------------------------------------------------------------------------------------------------------------*/
.fl-topnav{overflow: hidden;}
.fl-topnav a{text-decoration: none; float:left; display: block; text-align: center; padding: 14px 16px;}
.fl-topnav .fl-icon {display: none;}

@media screen and (max-width: 920px) 
{
.fl-topnav a:not(:first-child) {display: none;}
.fl-topnav a.fl-icon {float: right; display: block;}
}
@media screen and (max-width: 920px) 
{
.fl-topnav.responsive {position: relative;}
.fl-topnav.responsive .fl-icon {position: absolute; right: 0; top: 0;}
.fl-topnav.responsive a {float: none; display: block; text-align: left;}
}
/*----------------centered topnav------------------------------------------------------------------------------------------------------------------*/

.fl-centernav { overflow: hidden; position: fixed; top: 0; width:100%; } 
.fl-centernav a {float: left; display: block; padding: 14px 16px; text-decoration: none;}
.fl-centernavStatic {width:100%;}
.fl-centernav .fl-c-icon {display: none;}
  @media screen and (max-width: 600px) {.fl-centernav a:not(:first-child) {display: none;} .fl-centernav a.fl-c-icon { float: right; display: block; }}
  @media screen and (max-width: 600px) {.fl-centernav.responsive {position: fixed;} .fl-centernav.responsive .fl-c-icon {position: fixed; right: 0; top: 0;} .fl-centernav.responsive a {float: none; display: block; text-align: left;}}

/*----------------responsive logo topnav------------------------------------------------------------------------------------------------------------------*/

*,
*::before,
*::after { box-sizing: border-box; line-height: 1.5em;}
 
header .wrapper {max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
header .logo img {height: 50px; display: block;}

.fl-navbar {position: fixed; top: 0; left: 100%; margin: 0; width: 100%; height: 100%; background-color:white; padding: 20px; transition: left 0.3s;}

.fl-navbar.show { left: 0 !important;}

.hide-scroll { overflow: hidden;}

.fl-navbar ul { all: unset; list-style-type: none; display: flex; flex-direction: column; align-items: center; gap: 25px;}
.fl-navbar ul a { all: unset; cursor: pointer; font-weight: bold; font-size: 28px;}
.fl-navbar ul a:hover {text-decoration: underline overline ;text-decoration-thickness: 3px;}

.fl-close-nav {text-align: right; margin-bottom: 20px;}
.fl-close-nav button { all: unset; background: #f7f7f7; font-size: 42px; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.2); padding: 15px; border-radius: 3px; color: #444444;}
.fl-close-nav button:hover { color: #222222; background: white;}
.fl-menu-bar button {border: 1px solid rgba(0, 0, 0, 0.1); height: 50px; width: 50px; padding: 5px 10px; cursor: pointer; border-radius: 3px;}
.fl-menu-bar i { display: block; border-top: 3px solid #444444; border-bottom: 3px solid #444444;}
.fl-menu-bar i::after { display: block; content: ""; border-top: 3px solid #444444; margin: 6px 0;}
.fl-menu-bar button:hover { background: white;}
.fl-menu-bar button:hover i { border-color: #222222;}
.fl-container { max-width: 900px; margin: 0 auto; padding: 30px;}

@media (min-width: 600px) {.fl-navbar { all: unset; display: block; } .fl-navbar ul { flex-direction: row;  gap: 20px; } .fl-navbar ul a { font-size: inherit;} .fl-close-nav, .fl-menu-bar {  display: none; }}


/*----------------responsive bottomnav------------------------------------------------------------------------------------------------------------------*/

.fl-bottom-nav { overflow: hidden; position: fixed; bottom: 0; width: 100%;}
.fl-bottom-nav a { float: left; display: block; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;}
.fl-bottom-nav .icon { display: none;}

@media screen and (max-width: 600px) {.fl-bottom-nav a:not(:first-child) {display: none;} .fl-bottom-nav a.icon { float: right; display: block; }}
@media screen and (max-width: 600px) {.fl-bottom-nav.responsive a.icon { position: absolute; right: 0; bottom: 0; }
 .fl-bottom-nav.responsive a { float: none; display: block; text-align: left;}}

/*----------------table------------------------------------------------------------------------------------------------------------------*/

 .fl-table {font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%;}
.fl-table td, .fl-table th {padding: 4px;}
.fl-table tr {text-align: center;}
.fl-table tr:nth-child(even){background-color: #08152049;}
.fl-table tr:hover {background-color: #00000049; color: white;}
.fl-table th {padding-top: 12px; padding-bottom: 12px; padding-left: 20px; text-align: center; background-color: #164e6e; color: white;}

.fl-round-table {
  border-radius: 5px !important;
  border-collapse: collapse !important;
  border: none !important;
}
.fl-round-table th,
.round-table td {
  border: none !important
}
.fl-round-table th:first-child {
  border-radius: 7px 0 0 0 !important;
}
.fl-round-table th:last-child {
  border-radius: 0 7px 0 0 !important;
}
.fl-round-table tr:last-child td:first-child {
  border-radius: 0 0 0 7px !important;
}
.fl-round-table tr:last-child td:last-child {
  border-radius: 0 0 7px 0 !important;
}

/*----------------responsive table------------------------------------------------------------------------------------------------------------------*/
.fl-res-table {
  border-collapse: collapse;
  width: 100%;
}

.fl-res-table th, td {
  text-align: left;
  padding: 8px;
}

.fl-res-table tr:hover {background-color: #00000049}

tr:nth-child(even) {background-color: #f2f2f2;}


.btn-group button {
  float: left; /* Float the buttons side by side */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

.fl-text{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}