* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  list-style: none;
  scroll-behavior: smooth;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

*::selection {
  background-color: #52b69a;
  color: #000;
}

nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
}

body {
  background-size: 150px auto;
  background-image: url('../images/MainBackGround.webp');
  background-repeat: repeat;
}


main {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;

}

img {
  user-select: none;
}

h1,
h2,
h3,
h4 {
  user-select: none;
  font-weight: 700;
}


a {
  user-select: none;
}

p {
  text-align: justify;
}



nav a {
  font-family: 'Lato', sans-serif;
}

.userSelect-none {
  user-select: none;
}

.slide1 {
  background-image: url('../images/banner.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;

}

.sliderParent {
  background-image: url('../images/Banner13.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

.sliderParent2 {
  background-image: url('../images/Banner4.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

.pointer {
  cursor: pointer
}

.btn1 {
  transition: all 200ms linear 0s
}

.btn1:hover {
  background-color: #1e3d66;
  color: #b6b6b6
}

.bg-blur {
  background-color: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(50px);
}

.bg-blur2 {
  background-color: rgba(255, 255, 255, 0.492);
  backdrop-filter: blur(50px);
}

.bg-blueBlur {
  background-color: #222e3c95;
}

.bg-green {
  background-color: #52b69a;
  backdrop-filter: blur(10px);
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  background-color: #fff;
}

.bg-silver {
  background-color: #c7c7c7;
  backdrop-filter: blur(10px);
}

.bg-black {
  background-color: #393e48;
}

.z-index-3 {
  z-index: 3;
}

.color-black {
  color: #000;
}

.color-silver {
  color: #b6b6b6;
}

.color-red {
  color: #DA291C;
}

.color-green {
  color: #09ac7e;
}

.color-darkgreen {
  color: #279273;
}

.color-white {
  color: #fff;
}

.color-pink {
  color: #f76b9d;
}

.color-gray {
  color: #303846;
}

.border-1-white {
  border: 1px solid #fff;
}

.borderB-1-white {
  border-bottom: 1px solid #fff;
}

.overFlow-hidden {
  overflow: hidden;
}

.overFlow-auto {
  overflow: auto;
}

.bold {
  font-weight: 700;
}

@media only screen and (min-width: 1040px) {
  .xl-position-fixed {
    position: fixed;
  }

  .xl-position-absolute {
    position: absolute;
  }

  .xl-position-sticky {
    position: sticky;
  }

  .xl-position-relative {
    position: relative;
  }

  .xl-display-flex {
    display: flex;
  }

  .xl-display-none {
    display: none;
  }

  .xl-flexWrap-wrap {
    flex-wrap: wrap
  }

  .xl-justifyContent-center {
    justify-content: center;
  }

  .xl-justifyContent-end {
    justify-content: end;
  }

  .xl-justifyContent-between {
    justify-content: space-between;
  }

  .xl-justifyContent-evenly {
    justify-content: space-evenly;
  }

  .xl-alignItems-center {
    align-items: center;
  }

  .xl-alignItems-start {
    align-items: start;
  }

  .xl-alignContent-center {
    align-content: center;
  }

  .xl-alignContent-end {
    align-content: end;
  }

  .xl-alignContent-between {
    align-content: space-between;
  }

  .xl-alignContent-evenly {
    align-content: space-evenly
  }

  .xl-alignContent-start {
    align-content: start
  }


  .xl-bottom-0 {
    bottom: 0px;
  }

  .xl-bottom-30 {
    bottom: 30px;
  }

  .xl-bottom-40 {
    bottom: 10px;
  }

  .xl-bottom-50 {
    bottom: 100px;
  }

  .xl-top--300 {
    top: -300px;
  }

  .xl-top-80 {
    top: 80px;
  }

  .xl-top0 {
    top: 0;
  }

  .xl-left-200 {
    left: 200px;
  }

  .xl-left-250 {
    left: 250px;
  }

  .xl-height80vh {
    height: 100vh;
  }

  .xl-height-25 {
    height: 25px;
  }

  .xl-height-35 {
    height: 35px;
  }

  .xl-height-40 {
    height: 40px;
  }

  .xl-height-56 {
    height: 56px;
  }

  .xl-height-70 {
    height: 70px;
  }

  .xl-height-80 {
    height: 80px;
  }

  .xl-height-100 {
    height: 100px;
  }

  .xl-height-150 {
    height: 150px;
  }

  .xl-height-200 {
    height: 200px;
  }

  .xl-height-240 {
    height: 240px;
  }

  .xl-height-300 {
    height: 300px;
  }

  .xl-height-350 {
    height: 350px;
  }

  .xl-height-400 {
    height: 400px;
  }

  .xl-height-550 {
    height: 500px;
  }

  .xl-height-600 {
    height: 600px
  }

  .xl-height-700 {
    height: 700px
  }

  .xl-height50 {
    height: 50%;
  }

  .xl-height60 {
    height: 60%;
  }

  .xl-height80 {
    height: 80%;
  }

  .xl-height90 {
    height: 90%;
  }

  .xl-height96 {
    height: 96%;
  }

  .xl-height100 {
    height: 100%;
  }

  .xl-width-25 {
    width: 25px;
  }

  .xl-width-30 {
    width: 35px;
  }

  .xl-width-40 {
    width: 40px;
  }

  .xl-width-56 {
    width: 56px;
  }

  .xl-width-70 {
    width: 70px;
  }

  .xl-width-240 {
    width: 240px;
  }

  .xl-width-300 {
    width: 300px;
  }

  .xl-width-600 {
    width: 600px;
  }

  .xl-width-1040 {
    width: 1040px;
  }

  .xl-width-1300 {
    width: 1300px;
  }

  .xl-width24 {
    width: 24%;
  }

  .xl-width30 {
    width: 30%;
  }

  .xl-width32 {
    width: 32%;
  }

  .xl-width35 {
    width: 35%;
  }

  .xl-width40 {
    width: 40%;
  }

  .xl-width48 {
    width: 48%;
  }

  .xl-width50 {
    width: 50%;
  }

  .xl-width60 {
    width: 60%;
  }

  .xl-width64 {
    width: 64%;
  }

  .xl-width70 {
    width: 70%;
  }

  .xl-width80 {
    width: 80%;
  }

  .xl-width90 {
    width: 90%;
  }

  .xl-width100 {
    width: 100%;
  }

  .xl-width100vw {
    width: 100vw;
  }

  .xl-height-100vh {
    height: 100vh;
  }

  .xl-paddingL-8 {
    padding-left: 8px;
  }

  .xl-paddingR-8 {
    padding-right: 8px;
  }

  .xl-paddingR-16 {
    padding-right: 16px;
  }

  .xl-paddingL-24 {
    padding-left: 24px;
  }

  .xl-paddingL-16 {
    padding-left: 16px;
  }

  .xl-paddingL-36 {
    padding-left: 36px;
  }

  .xl-paddingR-24 {
    padding-right: 24px;
  }

  .xl-paddingR-36 {
    padding-right: 36px;
  }

  .xl-paddingT-6 {
    padding-top: 6px;
  }

  .xl-paddingT-8 {
    padding-top: 8px;
  }

  .xl-paddingT-14 {
    padding-top: 14px;
  }

  .xl-paddingT-24 {
    padding-top: 24px;
  }

  .xl-paddingT-36 {
    padding-top: 36px;
  }

  .xl-paddingB-8 {
    padding-bottom: 8px;
  }

  .xl-paddingB-24 {
    padding-bottom: 24px;
  }

  .xl-paddingB-24 {
    padding-bottom: 24px;
  }

  .xl-paddingB-36 {
    padding-bottom: 36px;
  }

  .xl-marginT-8 {
    margin-top: 8px;
  }

  .xl-marginT-16 {
    margin-top: 16px;
  }

  .xl-marginT-80 {
    margin-top: 80px;
  }

  .xl-marginT-100 {
    margin-top: 100px;
  }

  .xl-marginL-16 {
    margin-left: 16px;
  }

  .xl-marginL-32 {
    margin-left: 32px;
  }

  .xl-marginL-104 {
    margin-left: 104px;
  }

  .xl-marginR-16 {
    margin-right: 16px;
  }

  .xl-marginR-32 {
    margin-right: 32px;
  }

  .xl-marginR-104 {
    margin-right: 104px;
  }

  .xl-marginT-16 {
    margin-top: 16px
  }

  .xl-marginT-32 {
    margin-top: 32px
  }

  .xl-marginB-16 {
    margin-bottom: 16px
  }

  .xl-marginB-32 {
    margin-bottom: 32px
  }

  .xl-marginB-40 {
    margin-bottom: 40px
  }

  .xl-font-10 {
    font-size: 10px;
  }

  .xl-font-12 {
    font-size: 12px;
  }

  .xl-font-14 {
    font-size: 14px;
  }

  .xl-font-15 {
    font-size: 15px;
  }

  .xl-font-18 {
    font-size: 18px;
  }

  .xl-font-24 {
    font-size: 24px;
  }

  .xl-font-28 {
    font-size: 28px;
  }

  .xl-font-32 {
    font-size: 32px;
  }

  .xl-font-40 {
    font-size: 40px;
  }

  .xl-font-48 {
    font-size: 48px
  }

  .xl-font-56 {
    font-size: 56px
  }

  .xl-font-64 {
    font-size: 56px;
    letter-spacing: 2px;
  }

  .xl-font-72 {
    font-size: 72px;
  }

  .xl-font-80 {
    font-size: 80px;
  }

  .xl-font-88 {
    font-size: 88px;
  }

  .xl-font-170 {
    font-size: 170px;
  }

  .xl-font-100 {
    font-size: 100px;
  }

  .xl-borderRL-1-white {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
  }

  .xl-borderR-5 {
    border-radius: 5px;
  }

  .xl-borderR-10 {
    border-radius: 10px;
  }

  .xl-borderR50 {
    border-radius: 50%;
  }

  .xl-border-silver {
    outline: 1px solid #b6b6b6;
    box-sizing: content-box
  }

  .xl-borderB-1-gray {
    border-bottom: 1px solid #303846;
  }

  .xl-border-red-3 {
    border-bottom: 3px solid #DA291C;
  }

  .xl-borderT-2 {
    border-top: 2px solid #b6b6b6;
  }

  .xl-zIndex--1 {
    z-index: -1;
  }

  .xl-zIndex-2 {
    z-index: 2;
  }

  .xl-zIndex-100 {
    z-index: 100;
  }

  .xl-opacity-30 {
    opacity: 0.2;
  }

  .xl-opacity-50 {
    opacity: 0.5;
  }



  .boxShadow {
    box-shadow: rgba(50, 50, 50, 0.8) 0px -15px 16px 0px inset, rgba(50, 50, 50, 0.8) 0px -18px 15px 0px inset, rgba(50, 50, 50, 0.8) 0px -20px 20px 0px inset, rgba(50, 50, 50, 0.8) 0px 2px 1px, rgba(50, 50, 50, 0.8) 0px 4px 2px, rgba(50, 50, 50, 0.8) 0px 8px 4px, rgba(50, 50, 50, 0.8) 0px 16px 8px, rgba(50, 50, 50, 0.8) 0px 32px 16px;
    border-radius: 10px;
  }


  .boxShadow2 {
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    border-radius: 15px;
  }

  .searchAnimate {
    transform-origin: right;
    transform: scaleX(0);
    animation: searchAnimate 500ms linear 0s forwards;
    opacity: 0;
  }

  @keyframes searchAnimate {
    from {
      opacity: 0;
      transform: scaleX(0);
    }

    to {
      opacity: 1;
      transform: scaleX(1);
    }
  }

  .searchAnimate2 {
    transform-origin: right;
    transform: scaleX(0);
    animation: searchAnimate2 500ms linear 0s forwards;
    opacity: 1;
  }

  @keyframes searchAnimate2 {
    from {
      opacity: 1;
      transform: scaleX(1);
    }

    to {
      opacity: 0;
      transform: scaleX(0);
    }
  }

  .bannerAnimate {
    animation: animate1 1s linear 2s forwards;
    opacity: 0
  }

  @keyframes animate1 {
    from {
      opacity: 0;
      margin-left: -300px;
    }

    to {
      opacity: 1;
      margin-left: 80px;
    }
  }


  .animate2 {
    transform: translateY(0px);
    animation: animate2 2s linear 0ms infinite running;
  }

  .animate2:hover {
    animation: none
  }


  @keyframes animate2 {
    0% {
      transform: translateY(0px);
      opacity: 1
    }

    25% {
      transform: translateY(5px);
      opacity: 0.5
    }

    50% {
      transform: translateY(10px);
      opacity: 0
    }

    75% {
      transform: translateY(0px);
      opacity: 0
    }

    100% {
      transform: translateY(0px);
      opacity: 1
    }
  }

  .animate2 a {
    display: inline-block;
    color: #ffffff;
    opacity: 0;
    font-weight: bold;
    font-size: 20px;
    transition: all 200ms linear 0s;
  }

  .animate2:hover a {
    opacity: 1;
  }

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

  .xl-lineHeight-30 {
    line-height: 30px;
  }





  img {
    display: inline-block;
  }

  input {
    border: none;
  }



  .img {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: center;
  }

  .submit {
    border: solid 2px;
    width: min-content;
    margin-bottom: 32px;
    margin-top: -56px;
    padding: 8px 32px;
    justify-self: center;
    border-radius: 0.125rem;
    opacity: 0.7;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity));
  }

  .hover\:opacity-100:hover {
    opacity: 1;
  }

  .focus\:border-b-2:focus {
    border-bottom-width: 2px;
  }

  .card2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  input:focus {
    outline: none;
  }


  .grid {
    display: grid;
  }

  .gap-4 {
    gap: 16px;
  }

  .gap-8 {
    gap: 32px;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .w-full {
    width: 100%;
  }

  .mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .-mt-3 {
    margin-top: -0.75rem
      /* -12px */
    ;
  }

  .mt-4 {
    margin-top: 16px;
  }

  .font-semibold {
    font-weight: 600;
  }

  .font-medium {
    font-weight: 500;
  }

  .font-bold {
    font-weight: 700;
  }

  .text-lg {
    font-size: 1.125rem
      /* 18px */
    ;
    line-height: 1.75rem
      /* 28px */
    ;
  }

  .text-xl {
    font-size: 1.25rem
      /* 20px */
    ;
    line-height: 1.75rem
      /* 28px */
    ;
  }

  .mb-12 {
    margin-bottom: 3rem
      /* 48px */
    ;
  }

  .w-1\/3 {
    width: 33.333333%;
  }

  .mr-10 {
    margin-right: 2.5rem
      /* 40px */
    ;
  }

  .w-\[1300px\] {
    width: 1300px;
  }

  .bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  }

  .px-16 {
    padding-left: 4rem
      /* 64px */
    ;
    padding-right: 4rem
      /* 64px */
    ;
  }

  .p-14 {
    padding: 3.5rem
      /* 56px */
    ;
  }

  .flex {
    display: flex;
  }

  .justify-around {
    justify-content: space-around;
  }

  .rounded {
    border-radius: 0.25rem
      /* 4px */
    ;
  }

  .justify-center {
    justify-content: center;
  }

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

  .w-\[1300px\] {
    width: 1300px;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .h-\[390px\] {
    height: 390px;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .relative {
    position: relative;
  }

  .text_card {
    background-color: #1e3d66;
    width: 50%;
    height: 390px;
    color: white;
    text-align: justify;
    padding: 40px;
    border-radius: 4px;
    z-index: 20;
    position: relative;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .ml-\[220px\] {
    margin-left: 220px;
  }

  .-mt-\[195px\] {
    margin-top: -195px;
  }
}


@media only screen and (max-width: 1039.9999px) and (min-width: 768px) {
  .m-position-fixed {
    position: fixed;
  }

  .m-position-absolute {
    position: absolute;
  }

  .m-position-sticky {
    position: sticky;
  }

  .m-position-relative {
    position: relative;
  }

  .m-display-flex {
    display: flex;
  }

  .m-display-none {
    display: none;
  }

  .m-flexWrap-wrap {
    flex-wrap: wrap
  }

  .m-justifyContent-center {
    justify-content: center;
  }

  .m-justifyContent-end {
    justify-content: end;
  }

  .m-justifyContent-between {
    justify-content: space-between;
  }

  .m-justifyContent-evenly {
    justify-content: space-evenly;
  }

  .m-alignItems-center {
    align-items: center;
  }

  .m-alignItems-start {
    align-items: start;
  }

  .m-alignContent-center {
    align-content: center;
  }

  .m-alignContent-end {
    align-content: end;
  }

  .m-alignContent-between {
    align-content: space-between;
  }

  .m-alignContent-evenly {
    align-content: space-evenly
  }

  .m-alignContent-start {
    align-content: start
  }

  .m-bottom-0 {
    bottom: 0px;
  }

  .m-bottom-30 {
    bottom: 30px;
  }

  .m-bottom-40 {
    bottom: 10px;
  }

  .m-bottom-50 {
    bottom: 100px;
  }

  .m-top--300 {
    top: -300px;
  }

  .m-top-80 {
    top: 80px;
  }

  .m-top0 {
    top: 0;
  }

  .m-left-200 {
    left: 200px;
  }

  .m-left-250 {
    left: 250px;
  }

  .m-height80vh {
    height: 100vh;
  }

  .m-height-25 {
    height: 25px;
  }

  .m-height-30 {
    height: 30px;
  }

  .m-height-40 {
    height: 40px;
  }

  .m-height-56 {
    height: 56px;
  }

  .m-height-70 {
    height: 70px;
  }

  .m-height-80 {
    height: 80px;
  }

  .m-height-100 {
    height: 100px;
  }

  .m-height-150 {
    height: 150px;
  }


  .m-height-200 {
    height: 200px;
  }

  .m-height-240 {
    height: 240px;
  }

  .m-height-300 {
    height: 300px;
  }

  .m-height-350 {
    height: 350px;
  }

  .m-height-400 {
    height: 400px;
  }

  .m-height-550 {
    height: 500px;
  }

  .m-height-600 {
    height: 600px
  }

  .m-height50 {
    height: 50%;
  }

  .m-height80 {
    height: 80%;
  }

  .m-height96 {
    height: 96%;
  }

  .m-height100 {
    height: 100%;
  }

  .m-width-25 {
    width: 25px;
  }

  .m-width-40 {
    width: 40px;
  }

  .m-width-56 {
    width: 56px;
  }



  .m-width-150 {
    width: 150px;
  }

  .m-width-240 {
    width: 240px;
  }

  .m-width-300 {
    width: 300px;
  }

  .m-width-450 {
    width: 450px;
  }

  .m-width-600 {
    width: 600px;
  }

  .m-width-750 {
    width: 750px;
  }

  .m-width-800 {
    width: 800px;
  }

  .m-width24 {
    width: 24%;
  }

  .m-width32 {
    width: 32%;
  }

  .m-width48 {
    width: 48%;
  }

  .m-width40 {
    width: 44%;
  }

  .m-width50 {
    width: 50%;
  }

  .m-width64 {
    width: 64%;
  }

  .m-width70 {
    width: 70%;
  }

  .m-width80 {
    width: 80%;
  }

  .m-width90 {
    width: 90%;
  }

  .m-width100 {
    width: 100%;
  }

  .m-width400 {
    width: 400%;
  }

  .m-height-100vh {
    height: 100vh;
  }

  .m-paddingL-8 {
    padding-left: 8px;
  }

  .m-paddingR-8 {
    padding-right: 8px;
  }


  .m-paddingL-24 {
    padding-left: 24px;
  }

  .m-paddingL-36 {
    padding-left: 36px;
  }

  .m-paddingR-24 {
    padding-right: 24px;
  }

  .m-paddingR-36 {
    padding-right: 36px;
  }

  .m-paddingT-6 {
    padding-top: 6px;
  }

  .m-paddingT-8 {
    padding-top: 8px;
  }

  .m-paddingT-20 {
    padding-top: 18px;
  }

  .m-paddingT-24 {
    padding-top: 24px;
  }

  .m-paddingT-36 {
    padding-top: 36px;
  }

  .m-paddingB-8 {
    padding-bottom: 8px;
  }

  .m-paddingB-24 {
    padding-bottom: 24px;
  }

  .m-paddingB-24 {
    padding-bottom: 24px;
  }

  .m-paddingB-36 {
    padding-bottom: 36px;
  }

  .m-marginT-8 {
    margin-top: 8px;
  }

  .m-marginT-16 {
    margin-top: 16px;
  }

  .m-marginT-80 {
    margin-top: 80px;
  }

  .m-marginT-100 {
    margin-top: 100px;
  }

  .m-marginL-16 {
    margin-left: 16px;
  }

  .m-marginL-32 {
    margin-left: 32px;
  }

  .m-marginL-104 {
    margin-left: 104px;
  }

  .m-marginR-16 {
    margin-right: 16px;
  }

  .m-marginR-32 {
    margin-right: 32px;
  }

  .m-marginR-104 {
    margin-right: 104px;
  }

  .m-marginT-32 {
    margin-top: 32px
  }

  .m-marginB-16 {
    margin-bottom: 16px
  }

  .m-marginB-32 {
    margin-bottom: 32px
  }

  .m-marginB-40 {
    margin-bottom: 40px
  }

  .m-font-10 {
    font-size: 10px;
  }

  .m-font-12 {
    font-size: 12px;
  }

  .m-font-15 {
    font-size: 15px;
  }

  .m-font-18 {
    font-size: 18px;
  }

  .m-font-24 {
    font-size: 24px;
  }

  .m-font-32 {
    font-size: 32px;
  }

  .m-font-40 {
    font-size: 40px;
  }

  .m-font-48 {
    font-size: 48px
  }

  .m-font-56 {
    font-size: 56px
  }

  .m-font-64 {
    font-size: 56px;
    letter-spacing: 2px;
  }

  .m-font-72 {
    font-size: 72px;
  }

  .m-font-80 {
    font-size: 80px;
  }

  .m-font-170 {
    font-size: 170px;
  }

  .m-font-100 {
    font-size: 100px;
  }

  .m-borderRL-1-white {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
  }

  .m-borderB-1-gray {
    border-bottom: 1px solid #303846;
  }

  .m-borderR-10 {
    border-radius: 10px;
  }

  .m-borderR50 {
    border-radius: 50%;
  }

  .m-border-silver {
    outline: 1px solid #b6b6b6;
    box-sizing: content-box
  }

  .m-border-red-3 {
    border-bottom: 3px solid #DA291C;
  }

  .m-borderT-2 {
    border-top: 2px solid #b6b6b6;
  }

  .m-zIndex--1 {
    z-index: -1;
  }

  .m-zIndex-2 {
    z-index: 2;
  }

  .m-zIndex-100 {
    z-index: 100;
  }

  .m-opacity-30 {
    opacity: 0.2;
  }

  .m-opacity-50 {
    opacity: 0.5;
  }

  .m-reverse {
    flex-direction: row-reverse;
  }

  .m-reverseC {
    flex-direction: column-reverse;
  }

  .boxShadow {
    box-shadow: rgba(50, 50, 50, 0.8) 0px -15px 16px 0px inset, rgba(50, 50, 50, 0.8) 0px -18px 15px 0px inset, rgba(50, 50, 50, 0.8) 0px -20px 20px 0px inset, rgba(50, 50, 50, 0.8) 0px 2px 1px, rgba(50, 50, 50, 0.8) 0px 4px 2px, rgba(50, 50, 50, 0.8) 0px 8px 4px, rgba(50, 50, 50, 0.8) 0px 16px 8px, rgba(50, 50, 50, 0.8) 0px 32px 16px;
    border-radius: 10px;
  }

  .boxShadow2 {
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    border-radius: 15px;
  }

  .searchAnimate {
    transform-origin: right;
    transform: scaleX(0);
    animation: searchAnimate 500ms linear 0s forwards;
    opacity: 0;
  }

  @keyframes searchAnimate {
    from {
      opacity: 0;
      transform: scaleX(0);
    }

    to {
      opacity: 1;
      transform: scaleX(1);
    }
  }

  .searchAnimate2 {
    transform-origin: right;
    transform: scaleX(0);
    animation: searchAnimate2 500ms linear 0s forwards;
    opacity: 1;
  }

  @keyframes searchAnimate2 {
    from {
      opacity: 1;
      transform: scaleX(1);
    }

    to {
      opacity: 0;
      transform: scaleX(0);
    }
  }

  .bannerAnimate {
    animation: animate1 1s linear 2s forwards;
    opacity: 0
  }

  @keyframes animate1 {
    from {
      opacity: 0;
      margin-left: -300px;
    }

    to {
      opacity: 1;
      margin-left: 80px;
    }
  }


  .animate2 {
    transform: translateY(0px);
    animation: animate2 2s linear 0ms infinite running;
  }

  .animate2:hover {
    animation: none
  }


  @keyframes animate2 {
    0% {
      transform: translateY(0px);
      opacity: 1
    }

    25% {
      transform: translateY(5px);
      opacity: 0.5
    }

    50% {
      transform: translateY(10px);
      opacity: 0
    }

    75% {
      transform: translateY(0px);
      opacity: 0
    }

    100% {
      transform: translateY(0px);
      opacity: 1
    }
  }

  .animate2 a {
    display: inline-block;
    color: #ffffff;
    opacity: 0;
    font-weight: bold;
    font-size: 20px;
    transition: all 200ms linear 0s;
  }

  .animate2:hover a {
    opacity: 1;
  }

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

  .m-lineHeight-30 {
    line-height: 30px;
  }

}


@media only screen and (max-width: 767.9999px) {
  .s-position-fixed {
    position: fixed;
  }

  .s-position-absolute {
    position: absolute;
  }

  .s-position-sticky {
    position: sticky;
  }

  .s-position-relative {
    position: relative;
  }

  .s-display-flex {
    display: flex;
  }

  .s-display-none {
    display: none;
  }

  .s-flexWrap-wrap {
    flex-wrap: wrap
  }

  .s-justifyContent-center {
    justify-content: center;
  }

  .s-justifyContent-end {
    justify-content: end;
  }

  .s-justifyContent-between {
    justify-content: space-between;
  }

  .s-justifyContent-evenly {
    justify-content: space-evenly;
  }

  .s-alignItems-center {
    align-items: center;
  }

  .s-alignItems-start {
    align-items: start;
  }

  .s-alignContent-center {
    align-content: center;
  }

  .s-alignContent-end {
    align-content: end;
  }

  .s-alignContent-between {
    align-content: space-between;
  }

  .s-alignContent-evenly {
    align-content: space-evenly
  }

  .s-alignContent-start {
    align-content: start
  }

  .s-bottom-0 {
    bottom: 0px;
  }

  .s-bottom-30 {
    bottom: 30px;
  }

  .s-bottom-40 {
    bottom: 10px;
  }

  .s-bottom-50 {
    bottom: 100px;
  }

  .s-top--300 {
    top: -300px;
  }

  .s-top-80 {
    top: 80px;
  }

  .s-top0 {
    top: 0;
  }

  .s-left-200 {
    left: 200px;
  }

  .s-left-250 {
    left: 250px;
  }

  .s-height80vh {
    height: 100vh;
  }

  .s-height-15 {
    height: 15px;
  }

  .s-height-25 {
    height: 25px;
  }

  .s-height-40 {
    height: 40px;
  }

  .s-height-56 {
    height: 56px;
  }

  .s-height-70 {
    height: 70px;
  }

  .s-height-80 {
    height: 80px;
  }

  .s-height-150 {
    height: 150px;
  }


  .s-height-200 {
    height: 200px;
  }

  .s-height-240 {
    height: 240px;
  }

  .s-height-300 {
    height: 300px;
  }

  .s-height-350 {
    height: 350px;
  }

  .s-height-400 {
    height: 400px;
  }

  .s-height-550 {
    height: 500px;
  }

  .s-height-600 {
    height: 600px
  }

  .s-height50 {
    height: 50%;
  }

  .s-height80 {
    height: 80%;
  }

  .s-height96 {
    height: 96%;
  }

  .s-height100 {
    height: 100%;
  }

  .s-width-15 {
    width: 15px;
  }

  .s-width-25 {
    width: 25px;
  }

  .s-width-40 {
    width: 40px;
  }

  .s-width-56 {
    width: 56px;
  }

  .s-width-100 {
    width: 80px;
  }

  .s-width-150 {
    width: 150px;
  }

  .s-width-200 {
    width: 200px;
  }

  .s-width-240 {
    width: 240px;
  }

  .s-width-300 {
    width: 300px;
  }

  .s-width-450 {
    width: 450px;
  }

  .s-width-600 {
    width: 600px;
  }

  .s-width-750 {
    width: 750px;
  }

  .s-width-800 {
    width: 800px;
  }

  .s-width20 {
    width: 20%;
  }

  .s-width24 {
    width: 24%;
  }

  .s-width32 {
    width: 32%;
  }

  .s-width48 {
    width: 48%;
  }

  .s-width45 {
    width: 45%;
  }

  .s-width40 {
    width: 45%;
  }

  .s-width50 {
    width: 50%;
  }

  .s-width64 {
    width: 64%;
  }

  .s-width70 {
    width: 70%;
  }

  .s-width80 {
    width: 80%;
  }

  .s-width90 {
    width: 90%;
  }

  .s-width100 {
    width: 100%;
  }

  .s-width400 {
    width: 400%;
  }

  .s-height-100vh {
    height: 100vh;
  }

  .s-height-100 {
    height: 100px;
  }

  .s-paddingL-8 {
    padding-left: 8px;
  }

  .s-paddingR-8 {
    padding-right: 8px;
  }


  .s-paddingL-24 {
    padding-left: 24px;
  }

  .s-paddingL-36 {
    padding-left: 36px;
  }

  .s-paddingR-24 {
    padding-right: 24px;
  }

  .s-paddingR-36 {
    padding-right: 36px;
  }

  .s-paddingT-6 {
    padding-top: 6px;
  }

  .s-paddingT-8 {
    padding-top: 8px;
  }

  .s-paddingT-24 {
    padding-top: 24px;
  }

  .s-paddingT-36 {
    padding-top: 36px;
  }

  .s-paddingB-8 {
    padding-bottom: 8px;
  }

  .s-paddingB-24 {
    padding-bottom: 24px;
  }

  .s-paddingB-24 {
    padding-bottom: 24px;
  }

  .s-paddingB-36 {
    padding-bottom: 36px;
  }

  .s-marginT-16 {
    margin-top: 16px;
  }

  .s-marginT-80 {
    margin-top: 80px;
  }

  .s-marginT-100 {
    margin-top: 100px;
  }

  .s-marginL-8 {
    margin-left: 8px;
  }

  .s-marginL-16 {
    margin-left: 16px;
  }

  .s-marginL-32 {
    margin-left: 32px;
  }

  .s-marginL-104 {
    margin-left: 104px;
  }

  .s-marginR-16 {
    margin-right: 16px;
  }

  .s-marginR-32 {
    margin-right: 32px;
  }

  .s-marginR-104 {
    margin-right: 104px;
  }

  .s-marginT-8 {
    margin-top: 8px
  }

  .s-marginT-16 {
    margin-top: 16px
  }

  .s-marginT-32 {
    margin-top: 32px
  }

  .s-marginB-16 {
    margin-bottom: 16px
  }

  .s-marginB-32 {
    margin-bottom: 32px
  }

  .s-marginB-40 {
    margin-bottom: 40px
  }

  .s-font-10 {
    font-size: 10px;
  }

  .s-font-12 {
    font-size: 12px;
  }

  .s-font-15 {
    font-size: 15px;
  }

  .s-font-18 {
    font-size: 18px;
  }

  .s-font-24 {
    font-size: 24px;
  }

  .s-font-32 {
    font-size: 32px;
  }

  .s-font-40 {
    font-size: 40px;
  }

  .s-font-48 {
    font-size: 48px
  }

  .s-font-56 {
    font-size: 56px
  }

  .s-font-64 {
    font-size: 56px;
    letter-spacing: 2px;
  }

  .s-font-72 {
    font-size: 72px;
  }

  .s-font-80 {
    font-size: 80px;
  }

  .s-font-170 {
    font-size: 170px;
  }

  .s-font-100 {
    font-size: 100px;
  }

  .s-borderRL-1-white {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
  }

  .s-borderB-1-gray {
    border-bottom: 1px solid #303846;
  }

  .s-borderR-10 {
    border-radius: 10px;
  }

  .s-borderR50 {
    border-radius: 50%;
  }

  .s-border-silver {
    outline: 1px solid #b6b6b6;
    box-sizing: content-box
  }

  .s-border-red-3 {
    border-bottom: 3px solid #DA291C;
  }

  .s-borderT-2 {
    border-top: 2px solid #b6b6b6;
  }

  .s-zIndex--1 {
    z-index: -1;
  }

  .s-zIndex-2 {
    z-index: 2;
  }

  .s-zIndex-100 {
    z-index: 100;
  }

  .s-opacity-30 {
    opacity: 0.2;
  }

  .s-opacity-50 {
    opacity: 0.5;
  }

  .s-reverse {
    flex-direction: column-reverse;
  }


  .boxShadow {
    box-shadow: rgba(50, 50, 50, 0.8) 0px -15px 16px 0px inset, rgba(50, 50, 50, 0.8) 0px -18px 15px 0px inset, rgba(50, 50, 50, 0.8) 0px -20px 20px 0px inset, rgba(50, 50, 50, 0.8) 0px 2px 1px, rgba(50, 50, 50, 0.8) 0px 4px 2px, rgba(50, 50, 50, 0.8) 0px 8px 4px, rgba(50, 50, 50, 0.8) 0px 16px 8px, rgba(50, 50, 50, 0.8) 0px 32px 16px;
    border-radius: 10px;
  }

  .boxShadow2 {
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    border-radius: 15px;
  }

  .searchAnimate {
    transform-origin: right;
    transform: scaleX(0);
    animation: searchAnimate 500ms linear 0s forwards;
    opacity: 0;
  }

  @keyframes searchAnimate {
    from {
      opacity: 0;
      transform: scaleX(0);
    }

    to {
      opacity: 1;
      transform: scaleX(1);
    }
  }

  .searchAnimate2 {
    transform-origin: right;
    transform: scaleX(0);
    animation: searchAnimate2 500ms linear 0s forwards;
    opacity: 1;
  }

  @keyframes searchAnimate2 {
    from {
      opacity: 1;
      transform: scaleX(1);
    }

    to {
      opacity: 0;
      transform: scaleX(0);
    }
  }

  .bannerAnimate {
    animation: animate1 1s linear 2s forwards;
    opacity: 0
  }

  @keyframes animate1 {
    from {
      opacity: 0;
      margin-left: -300px;
    }

    to {
      opacity: 1;
      margin-left: 80px;
    }
  }


  .animate2 {
    transform: translateY(0px);
    animation: animate2 2s linear 0ms infinite running;
  }

  .animate2:hover {
    animation: none
  }


  @keyframes animate2 {
    0% {
      transform: translateY(0px);
      opacity: 1
    }

    25% {
      transform: translateY(5px);
      opacity: 0.5
    }

    50% {
      transform: translateY(10px);
      opacity: 0
    }

    75% {
      transform: translateY(0px);
      opacity: 0
    }

    100% {
      transform: translateY(0px);
      opacity: 1
    }
  }

  .animate2 a {
    display: inline-block;
    color: #ffffff;
    opacity: 0;
    font-weight: bold;
    font-size: 20px;
    transition: all 200ms linear 0s;
  }

  .animate2:hover a {
    opacity: 1;
  }

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

  .m-lineHeight-30 {
    line-height: 30px;
  }

}


.show-menu {
  display: flex;
}

.hide-menu {
  display: none;
}

.show-introducing {
  display: block;
}

.hide-introducing {
  display: none;
}

.left-0 {
  left: 0px;
}

form input {
  border-bottom: 1px solid #303846;
}

form input:focus {
  border-bottom: 1px solid #52b69a;
  color: #52b69a;
}

.about-slideShow,
.about-slideShow2 {
  transition: all 400ms linear 0s;
}

.contactBoxes {
  transition: all 200ms linear 0s;
}

.contact {
  transition: all 200ms linear 0s;
  height: 0px;
  opacity: 0;
}

.contactBoxes:hover {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.398)
}

.contactBoxes:hover .contact {
  height: 100px;
  opacity: 1;
}

.btn1,
footer a,
nav a {
  transition: all 200ms linear 0s;
}

.btn1:hover {
  background-color: #303846;
  color: #52b69a;
}


footer a:hover {
  color: #303846;
}


nav a:hover {
  color: #303846;
}


.hoverLink {
  transition: all 300ms linear 0s;
}

.hoverLink:hover {
  color: #52b69a;
}

.boxShadow1 {
  box-shadow: inset 1px 1px 50px rgba(0, 0, 0, 0.485);
}