@import url("https://fonts.googleapis.com/css?family=Roboto:100,400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Tangerine&display=swap");
h1 {
  font-size: 45px; }

h2 {
  font-size: 35px; }

h3 {
  font-size: 30px; }

h4 {
  font-size: 24px; }

p {
  font-size: 20px;
  line-height: 35px; }

.f-large {
  font-size: 24px; }

.f-medium {
  font-size: 18px; }

.f-small {
  font-size: 12px; }

nav {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.1));
  width: 100%;
  transform: 0.3s; }
  nav.gonnaHide {
    top: -110%; }
  nav:after {
    content: '';
    position: absolute;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 100%);
    bottom: -30px;
    height: 30px;
    left: 0;
    width: 100%; }
  nav .searchBox {
    width: 170px;
    height: 30px;
    justify-self: right;
    position: relative; }
    nav .searchBox .search {
      position: absolute;
      top: 0;
      left: 0;
      box-shadow: -3px 3px 5px rgba(1, 23, 47, 0.1);
      width: 1px;
      height: 0;
      overflow: hidden;
      transition: width 0.3s, height 0.3s 0.3s; }
      nav .searchBox .search.toggled {
        width: 100%;
        height: 100%; }
      nav .searchBox .search i {
        background-color: black;
        color: white; }
      nav .searchBox .search input {
        border: none; }
    nav .searchBox > div {
      width: 170px;
      height: 30px;
      display: grid;
      grid-template-columns: 140px 30px;
      align-items: center;
      justify-content: space-between; }
      nav .searchBox > div i {
        text-align: center; }
        nav .searchBox > div i:before {
          transition: 0.2s; }
        nav .searchBox > div i:hover {
          cursor: pointer; }
          nav .searchBox > div i:hover:before {
            transform: scale(1.3); }
      nav .searchBox > div > * {
        width: 100%;
        height: 100%;
        line-height: 30px; }
  nav .menu a {
    color: black;
    height: 30px; }
  nav .menu span {
    display: none; }
  nav .menuToggle {
    justify-self: right;
    margin-right: 6px;
    font-size: 24px; }
    @media (min-width: 992px) {
      nav .menuToggle {
        display: none; } }
    nav .menuToggle:hover {
      cursor: pointer; }
  nav .wrapper {
    display: grid;
    grid-template-columns: 180px 605px;
    grid-template-rows: 50px 50px;
    padding-top: 20px;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;
    z-index: 2; }
    @media (max-width: 992px) {
      nav .wrapper {
        grid-template-columns: 1fr 1fr; } }
    nav .wrapper > img {
      grid-row: 1/3;
      width: auto;
      height: 100px; }
      @media (max-width: 576px) {
        nav .wrapper > img {
          height: 50px;
          position: relative;
          top: 30px; } }
    nav .wrapper .menu {
      padding: 0;
      list-style: none;
      margin: 0;
      display: grid;
      grid-template-columns: repeat(5, 75.5px);
      justify-content: space-between;
      background-color: #fff; }
      @media (max-width: 992px) {
        nav .wrapper .menu {
          display: block;
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          padding-top: 105px;
          display: none; }
          nav .wrapper .menu span {
            font-family: 'FONT AWESOME 5 PRO';
            content: '\f00d';
            position: absolute;
            top: 30px;
            left: 50%;
            transform: translate(-50%, 0);
            font-size: 24px;
            border-bottom: 3px solid rgba(1, 23, 47, 0.3);
            overflow: hidden;
            width: 0;
            height: 0;
            z-index: 200;
            display: grid;
            align-items: center;
            justify-items: center;
            border-radius: 50%;
            animation: appear 0.6s ease-in forwards;
            background-size: 0;
            animation-delay: 0.5s; }
        @keyframes appear {
          0% {
            width: 0px;
            height: 0px;
            transform: translate(-50%, 0) rotate(0);
            border-bottom: 0px solid rgba(1, 23, 47, 0.3); }
          100% {
            width: 50px;
            height: 50px;
            transform: translate(-50%, 0) rotate(360deg);
            border-bottom: 3px solid rgba(1, 23, 47, 0.3); } }
          nav .wrapper .menu > li {
            display: block !important;
            text-align: center;
            margin-bottom: 50px; }
            nav .wrapper .menu > li li {
              opacity: 1 !important;
              top: 0 !important;
              border: none !important; } }
      nav .wrapper .menu ul {
        padding: 0;
        text-align: center; }
      nav .wrapper .menu > li {
        display: grid;
        justify-items: right; }
        nav .wrapper .menu > li.aboutLink li:nth-child(1), nav .wrapper .menu > li.contactLink li:nth-child(1) {
          top: -30px;
          z-index: -1;
          opacity: 0; }
        nav .wrapper .menu > li.aboutLink li:nth-child(2), nav .wrapper .menu > li.contactLink li:nth-child(2) {
          top: -60px;
          z-index: -1;
          opacity: 0; }
        nav .wrapper .menu > li.aboutLink li:nth-child(3), nav .wrapper .menu > li.contactLink li:nth-child(3) {
          top: -90px;
          z-index: -1;
          opacity: 0; }
        nav .wrapper .menu > li.aboutLink:hover li:nth-child(1), nav .wrapper .menu > li.contactLink:hover li:nth-child(1) {
          top: 0px;
          z-index: 1;
          opacity: 1; }
        nav .wrapper .menu > li.aboutLink:hover li:nth-child(2), nav .wrapper .menu > li.contactLink:hover li:nth-child(2) {
          top: 0px;
          z-index: 1;
          opacity: 1; }
        nav .wrapper .menu > li.aboutLink:hover li:nth-child(3), nav .wrapper .menu > li.contactLink:hover li:nth-child(3) {
          top: 0px;
          z-index: 1;
          opacity: 1; }
        nav .wrapper .menu > li > ul {
          display: grid;
          list-style: none;
          width: 100%;
          grid-auto-rows: 35px;
          line-height: 35px; }
          nav .wrapper .menu > li > ul li {
            display: grid;
            padding-bottom: 1px;
            font-size: 9px;
            background-color: #fff;
            border: 1px solid rgba(1, 23, 47, 0.1);
            position: relative;
            transition: 0.3s; }
            nav .wrapper .menu > li > ul li a {
              color: #01172f; }
            nav .wrapper .menu > li > ul li:after {
              content: '';
              width: 100%;
              height: 2px; }
    nav .wrapper > div, nav .wrapper > ul {
      grid-auto-columns: 2/3; }

.firefly {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 0.4vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 9.8vw;
  animation: ease 200s alternate infinite;
  pointer-events: none;
  z-index: 100; }

.firefly::before, .firefly::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform-origin: -10vw; }

.firefly::after {
  background: white;
  opacity: 0;
  box-shadow: 0 0 0vw 0vw yellow;
  animation: drift ease alternate infinite, flash ease infinite; }

.firefly:nth-child(1) {
  animation-name: move1; }

.firefly:nth-child(1)::before {
  animation-duration: 15s; }

.firefly:nth-child(1)::after {
  animation-duration: 15s, 6525ms;
  animation-delay: 0ms, 3900ms; }

@keyframes move1 {
  0% {
    transform: translateX(-23vw) translateY(41vh) scale(0.39); }
  5.8823529412% {
    transform: translateX(3vw) translateY(13vh) scale(0.42); }
  11.7647058824% {
    transform: translateX(12vw) translateY(0vh) scale(0.79); }
  17.6470588235% {
    transform: translateX(-40vw) translateY(-27vh) scale(0.39); }
  23.5294117647% {
    transform: translateX(-38vw) translateY(-49vh) scale(0.39); }
  29.4117647059% {
    transform: translateX(37vw) translateY(-25vh) scale(0.72); }
  35.2941176471% {
    transform: translateX(-14vw) translateY(29vh) scale(0.81); }
  41.1764705882% {
    transform: translateX(-48vw) translateY(20vh) scale(0.98); }
  47.0588235294% {
    transform: translateX(22vw) translateY(7vh) scale(0.73); }
  52.9411764706% {
    transform: translateX(-36vw) translateY(-19vh) scale(0.87); }
  58.8235294118% {
    transform: translateX(15vw) translateY(-37vh) scale(0.65); }
  64.7058823529% {
    transform: translateX(7vw) translateY(-45vh) scale(0.46); }
  70.5882352941% {
    transform: translateX(-11vw) translateY(-45vh) scale(0.86); }
  76.4705882353% {
    transform: translateX(27vw) translateY(-43vh) scale(0.57); }
  82.3529411765% {
    transform: translateX(-7vw) translateY(48vh) scale(0.81); }
  88.2352941176% {
    transform: translateX(25vw) translateY(-36vh) scale(0.62); }
  94.1176470588% {
    transform: translateX(-28vw) translateY(-1vh) scale(1); }
  100% {
    transform: translateX(-10vw) translateY(-47vh) scale(0.45); } }

.firefly:nth-child(2) {
  animation-name: move2; }

.firefly:nth-child(2)::before {
  animation-duration: 13s; }

.firefly:nth-child(2)::after {
  animation-duration: 13s, 8251ms;
  animation-delay: 0ms, 2152ms; }

@keyframes move2 {
  0% {
    transform: translateX(-40vw) translateY(-8vh) scale(0.63); }
  3.5714285714% {
    transform: translateX(37vw) translateY(25vh) scale(0.83); }
  7.1428571429% {
    transform: translateX(29vw) translateY(-12vh) scale(0.49); }
  10.7142857143% {
    transform: translateX(-4vw) translateY(-1vh) scale(0.33); }
  14.2857142857% {
    transform: translateX(13vw) translateY(25vh) scale(0.41); }
  17.8571428571% {
    transform: translateX(39vw) translateY(24vh) scale(0.85); }
  21.4285714286% {
    transform: translateX(9vw) translateY(-7vh) scale(0.78); }
  25% {
    transform: translateX(-41vw) translateY(-19vh) scale(0.54); }
  28.5714285714% {
    transform: translateX(-40vw) translateY(0vh) scale(0.9); }
  32.1428571429% {
    transform: translateX(11vw) translateY(11vh) scale(0.5); }
  35.7142857143% {
    transform: translateX(20vw) translateY(-5vh) scale(0.68); }
  39.2857142857% {
    transform: translateX(45vw) translateY(2vh) scale(0.58); }
  42.8571428571% {
    transform: translateX(-1vw) translateY(-15vh) scale(0.3); }
  46.4285714286% {
    transform: translateX(-24vw) translateY(43vh) scale(0.69); }
  50% {
    transform: translateX(40vw) translateY(38vh) scale(0.49); }
  53.5714285714% {
    transform: translateX(-34vw) translateY(-3vh) scale(0.55); }
  57.1428571429% {
    transform: translateX(-33vw) translateY(-45vh) scale(0.44); }
  60.7142857143% {
    transform: translateX(19vw) translateY(8vh) scale(0.42); }
  64.2857142857% {
    transform: translateX(-17vw) translateY(21vh) scale(0.96); }
  67.8571428571% {
    transform: translateX(2vw) translateY(-22vh) scale(0.78); }
  71.4285714286% {
    transform: translateX(12vw) translateY(-10vh) scale(0.48); }
  75% {
    transform: translateX(-34vw) translateY(15vh) scale(0.85); }
  78.5714285714% {
    transform: translateX(-8vw) translateY(3vh) scale(0.58); }
  82.1428571429% {
    transform: translateX(17vw) translateY(-49vh) scale(0.9); }
  85.7142857143% {
    transform: translateX(16vw) translateY(0vh) scale(0.53); }
  89.2857142857% {
    transform: translateX(47vw) translateY(-22vh) scale(0.75); }
  92.8571428571% {
    transform: translateX(45vw) translateY(35vh) scale(0.27); }
  96.4285714286% {
    transform: translateX(21vw) translateY(10vh) scale(0.77); }
  100% {
    transform: translateX(19vw) translateY(42vh) scale(0.34); } }

.firefly:nth-child(3) {
  animation-name: move3; }

.firefly:nth-child(3)::before {
  animation-duration: 10s; }

.firefly:nth-child(3)::after {
  animation-duration: 10s, 5258ms;
  animation-delay: 0ms, 1239ms; }

@keyframes move3 {
  0% {
    transform: translateX(21vw) translateY(-17vh) scale(0.43); }
  5.5555555556% {
    transform: translateX(-6vw) translateY(5vh) scale(0.81); }
  11.1111111111% {
    transform: translateX(-11vw) translateY(19vh) scale(0.34); }
  16.6666666667% {
    transform: translateX(-28vw) translateY(-21vh) scale(0.72); }
  22.2222222222% {
    transform: translateX(-36vw) translateY(16vh) scale(0.62); }
  27.7777777778% {
    transform: translateX(46vw) translateY(20vh) scale(0.96); }
  33.3333333333% {
    transform: translateX(-35vw) translateY(-25vh) scale(0.76); }
  38.8888888889% {
    transform: translateX(27vw) translateY(39vh) scale(0.52); }
  44.4444444444% {
    transform: translateX(-16vw) translateY(-46vh) scale(0.99); }
  50% {
    transform: translateX(-21vw) translateY(-49vh) scale(0.81); }
  55.5555555556% {
    transform: translateX(-34vw) translateY(-12vh) scale(0.77); }
  61.1111111111% {
    transform: translateX(12vw) translateY(-11vh) scale(0.31); }
  66.6666666667% {
    transform: translateX(2vw) translateY(-23vh) scale(0.27); }
  72.2222222222% {
    transform: translateX(-11vw) translateY(36vh) scale(0.98); }
  77.7777777778% {
    transform: translateX(14vw) translateY(-10vh) scale(0.53); }
  83.3333333333% {
    transform: translateX(32vw) translateY(-32vh) scale(0.39); }
  88.8888888889% {
    transform: translateX(3vw) translateY(-4vh) scale(0.38); }
  94.4444444444% {
    transform: translateX(43vw) translateY(38vh) scale(0.9); }
  100% {
    transform: translateX(-31vw) translateY(-37vh) scale(0.35); } }

.firefly:nth-child(4) {
  animation-name: move4; }

.firefly:nth-child(4)::before {
  animation-duration: 10s; }

.firefly:nth-child(4)::after {
  animation-duration: 10s, 8220ms;
  animation-delay: 0ms, 6875ms; }

@keyframes move4 {
  0% {
    transform: translateX(25vw) translateY(21vh) scale(0.6); }
  3.7037037037% {
    transform: translateX(-5vw) translateY(16vh) scale(0.33); }
  7.4074074074% {
    transform: translateX(33vw) translateY(-11vh) scale(0.91); }
  11.1111111111% {
    transform: translateX(-7vw) translateY(-1vh) scale(0.37); }
  14.8148148148% {
    transform: translateX(39vw) translateY(44vh) scale(1); }
  18.5185185185% {
    transform: translateX(-2vw) translateY(40vh) scale(0.45); }
  22.2222222222% {
    transform: translateX(-22vw) translateY(-27vh) scale(0.63); }
  25.9259259259% {
    transform: translateX(45vw) translateY(-44vh) scale(0.57); }
  29.6296296296% {
    transform: translateX(2vw) translateY(-8vh) scale(1); }
  33.3333333333% {
    transform: translateX(-26vw) translateY(38vh) scale(0.73); }
  37.037037037% {
    transform: translateX(-41vw) translateY(-9vh) scale(0.64); }
  40.7407407407% {
    transform: translateX(-33vw) translateY(-19vh) scale(0.98); }
  44.4444444444% {
    transform: translateX(-41vw) translateY(12vh) scale(0.61); }
  48.1481481481% {
    transform: translateX(6vw) translateY(38vh) scale(0.51); }
  51.8518518519% {
    transform: translateX(-34vw) translateY(22vh) scale(0.38); }
  55.5555555556% {
    transform: translateX(46vw) translateY(-13vh) scale(0.45); }
  59.2592592593% {
    transform: translateX(-5vw) translateY(16vh) scale(0.87); }
  62.962962963% {
    transform: translateX(4vw) translateY(18vh) scale(0.33); }
  66.6666666667% {
    transform: translateX(-1vw) translateY(-18vh) scale(0.72); }
  70.3703703704% {
    transform: translateX(41vw) translateY(-22vh) scale(0.88); }
  74.0740740741% {
    transform: translateX(48vw) translateY(11vh) scale(0.56); }
  77.7777777778% {
    transform: translateX(-18vw) translateY(-42vh) scale(0.66); }
  81.4814814815% {
    transform: translateX(25vw) translateY(-1vh) scale(0.9); }
  85.1851851852% {
    transform: translateX(-1vw) translateY(-49vh) scale(0.49); }
  88.8888888889% {
    transform: translateX(7vw) translateY(-24vh) scale(0.96); }
  92.5925925926% {
    transform: translateX(17vw) translateY(-14vh) scale(0.41); }
  96.2962962963% {
    transform: translateX(39vw) translateY(25vh) scale(0.4); }
  100% {
    transform: translateX(-8vw) translateY(0vh) scale(0.68); } }

.firefly:nth-child(5) {
  animation-name: move5; }

.firefly:nth-child(5)::before {
  animation-duration: 17s; }

.firefly:nth-child(5)::after {
  animation-duration: 17s, 10970ms;
  animation-delay: 0ms, 7524ms; }

@keyframes move5 {
  0% {
    transform: translateX(19vw) translateY(-21vh) scale(0.64); }
  3.8461538462% {
    transform: translateX(33vw) translateY(-13vh) scale(0.43); }
  7.6923076923% {
    transform: translateX(-46vw) translateY(-46vh) scale(0.37); }
  11.5384615385% {
    transform: translateX(1vw) translateY(29vh) scale(0.88); }
  15.3846153846% {
    transform: translateX(6vw) translateY(-8vh) scale(0.47); }
  19.2307692308% {
    transform: translateX(-5vw) translateY(6vh) scale(0.57); }
  23.0769230769% {
    transform: translateX(24vw) translateY(-28vh) scale(0.91); }
  26.9230769231% {
    transform: translateX(-22vw) translateY(-17vh) scale(0.96); }
  30.7692307692% {
    transform: translateX(49vw) translateY(36vh) scale(0.84); }
  34.6153846154% {
    transform: translateX(17vw) translateY(8vh) scale(0.92); }
  38.4615384615% {
    transform: translateX(-12vw) translateY(12vh) scale(0.41); }
  42.3076923077% {
    transform: translateX(-43vw) translateY(-36vh) scale(0.89); }
  46.1538461538% {
    transform: translateX(49vw) translateY(-45vh) scale(0.7); }
  50% {
    transform: translateX(-5vw) translateY(-13vh) scale(0.89); }
  53.8461538462% {
    transform: translateX(45vw) translateY(-45vh) scale(0.88); }
  57.6923076923% {
    transform: translateX(-17vw) translateY(24vh) scale(0.57); }
  61.5384615385% {
    transform: translateX(50vw) translateY(-49vh) scale(0.63); }
  65.3846153846% {
    transform: translateX(28vw) translateY(-21vh) scale(0.81); }
  69.2307692308% {
    transform: translateX(-14vw) translateY(40vh) scale(0.95); }
  73.0769230769% {
    transform: translateX(50vw) translateY(-16vh) scale(0.99); }
  76.9230769231% {
    transform: translateX(32vw) translateY(6vh) scale(0.36); }
  80.7692307692% {
    transform: translateX(45vw) translateY(37vh) scale(0.54); }
  84.6153846154% {
    transform: translateX(-46vw) translateY(30vh) scale(0.35); }
  88.4615384615% {
    transform: translateX(46vw) translateY(10vh) scale(0.59); }
  92.3076923077% {
    transform: translateX(-48vw) translateY(-39vh) scale(0.34); }
  96.1538461538% {
    transform: translateX(35vw) translateY(-34vh) scale(0.62); }
  100% {
    transform: translateX(10vw) translateY(11vh) scale(0.27); } }

.firefly:nth-child(6) {
  animation-name: move6; }

.firefly:nth-child(6)::before {
  animation-duration: 15s; }

.firefly:nth-child(6)::after {
  animation-duration: 15s, 9518ms;
  animation-delay: 0ms, 1399ms; }

@keyframes move6 {
  0% {
    transform: translateX(38vw) translateY(38vh) scale(0.55); }
  4.7619047619% {
    transform: translateX(2vw) translateY(7vh) scale(0.85); }
  9.5238095238% {
    transform: translateX(40vw) translateY(-15vh) scale(0.57); }
  14.2857142857% {
    transform: translateX(-24vw) translateY(-39vh) scale(0.52); }
  19.0476190476% {
    transform: translateX(-15vw) translateY(47vh) scale(0.52); }
  23.8095238095% {
    transform: translateX(-30vw) translateY(19vh) scale(0.97); }
  28.5714285714% {
    transform: translateX(-31vw) translateY(47vh) scale(0.27); }
  33.3333333333% {
    transform: translateX(-17vw) translateY(-35vh) scale(0.27); }
  38.0952380952% {
    transform: translateX(4vw) translateY(-5vh) scale(0.27); }
  42.8571428571% {
    transform: translateX(-25vw) translateY(31vh) scale(0.63); }
  47.619047619% {
    transform: translateX(16vw) translateY(-9vh) scale(0.61); }
  52.380952381% {
    transform: translateX(34vw) translateY(42vh) scale(0.65); }
  57.1428571429% {
    transform: translateX(-5vw) translateY(15vh) scale(0.72); }
  61.9047619048% {
    transform: translateX(-21vw) translateY(-48vh) scale(0.91); }
  66.6666666667% {
    transform: translateX(-48vw) translateY(24vh) scale(0.43); }
  71.4285714286% {
    transform: translateX(1vw) translateY(-10vh) scale(0.75); }
  76.1904761905% {
    transform: translateX(15vw) translateY(-18vh) scale(0.46); }
  80.9523809524% {
    transform: translateX(48vw) translateY(-43vh) scale(0.84); }
  85.7142857143% {
    transform: translateX(15vw) translateY(35vh) scale(0.73); }
  90.4761904762% {
    transform: translateX(-44vw) translateY(-31vh) scale(0.8); }
  95.2380952381% {
    transform: translateX(-24vw) translateY(16vh) scale(0.47); }
  100% {
    transform: translateX(-21vw) translateY(31vh) scale(0.31); } }

.firefly:nth-child(7) {
  animation-name: move7; }

.firefly:nth-child(7)::before {
  animation-duration: 11s; }

.firefly:nth-child(7)::after {
  animation-duration: 11s, 6399ms;
  animation-delay: 0ms, 5289ms; }

@keyframes move7 {
  0% {
    transform: translateX(44vw) translateY(50vh) scale(0.83); }
  4.5454545455% {
    transform: translateX(-40vw) translateY(17vh) scale(0.83); }
  9.0909090909% {
    transform: translateX(44vw) translateY(36vh) scale(0.32); }
  13.6363636364% {
    transform: translateX(-10vw) translateY(-11vh) scale(0.82); }
  18.1818181818% {
    transform: translateX(22vw) translateY(18vh) scale(0.5); }
  22.7272727273% {
    transform: translateX(3vw) translateY(-47vh) scale(0.78); }
  27.2727272727% {
    transform: translateX(26vw) translateY(6vh) scale(0.8); }
  31.8181818182% {
    transform: translateX(-36vw) translateY(-14vh) scale(0.79); }
  36.3636363636% {
    transform: translateX(22vw) translateY(-25vh) scale(0.82); }
  40.9090909091% {
    transform: translateX(4vw) translateY(14vh) scale(0.31); }
  45.4545454545% {
    transform: translateX(-38vw) translateY(-49vh) scale(0.4); }
  50% {
    transform: translateX(18vw) translateY(-8vh) scale(0.31); }
  54.5454545455% {
    transform: translateX(32vw) translateY(49vh) scale(0.42); }
  59.0909090909% {
    transform: translateX(21vw) translateY(29vh) scale(0.33); }
  63.6363636364% {
    transform: translateX(14vw) translateY(9vh) scale(0.82); }
  68.1818181818% {
    transform: translateX(4vw) translateY(4vh) scale(0.79); }
  72.7272727273% {
    transform: translateX(-28vw) translateY(39vh) scale(0.8); }
  77.2727272727% {
    transform: translateX(39vw) translateY(-32vh) scale(0.3); }
  81.8181818182% {
    transform: translateX(-10vw) translateY(39vh) scale(0.67); }
  86.3636363636% {
    transform: translateX(19vw) translateY(45vh) scale(0.54); }
  90.9090909091% {
    transform: translateX(10vw) translateY(-36vh) scale(0.51); }
  95.4545454545% {
    transform: translateX(39vw) translateY(7vh) scale(0.51); }
  100% {
    transform: translateX(15vw) translateY(36vh) scale(0.46); } }

.firefly:nth-child(8) {
  animation-name: move8; }

.firefly:nth-child(8)::before {
  animation-duration: 10s; }

.firefly:nth-child(8)::after {
  animation-duration: 10s, 9152ms;
  animation-delay: 0ms, 4275ms; }

@keyframes move8 {
  0% {
    transform: translateX(-5vw) translateY(-34vh) scale(0.62); }
  3.7037037037% {
    transform: translateX(23vw) translateY(-15vh) scale(0.51); }
  7.4074074074% {
    transform: translateX(-16vw) translateY(-18vh) scale(0.75); }
  11.1111111111% {
    transform: translateX(7vw) translateY(-2vh) scale(0.4); }
  14.8148148148% {
    transform: translateX(18vw) translateY(-3vh) scale(0.78); }
  18.5185185185% {
    transform: translateX(-10vw) translateY(18vh) scale(0.51); }
  22.2222222222% {
    transform: translateX(20vw) translateY(-48vh) scale(0.87); }
  25.9259259259% {
    transform: translateX(25vw) translateY(42vh) scale(0.84); }
  29.6296296296% {
    transform: translateX(49vw) translateY(-10vh) scale(0.89); }
  33.3333333333% {
    transform: translateX(3vw) translateY(-7vh) scale(0.54); }
  37.037037037% {
    transform: translateX(-7vw) translateY(-9vh) scale(0.62); }
  40.7407407407% {
    transform: translateX(-19vw) translateY(-38vh) scale(0.37); }
  44.4444444444% {
    transform: translateX(-5vw) translateY(-5vh) scale(0.26); }
  48.1481481481% {
    transform: translateX(-31vw) translateY(-20vh) scale(0.89); }
  51.8518518519% {
    transform: translateX(-13vw) translateY(-25vh) scale(0.3); }
  55.5555555556% {
    transform: translateX(30vw) translateY(-27vh) scale(0.88); }
  59.2592592593% {
    transform: translateX(7vw) translateY(2vh) scale(0.7); }
  62.962962963% {
    transform: translateX(-17vw) translateY(-38vh) scale(0.62); }
  66.6666666667% {
    transform: translateX(46vw) translateY(49vh) scale(0.67); }
  70.3703703704% {
    transform: translateX(-4vw) translateY(-34vh) scale(0.83); }
  74.0740740741% {
    transform: translateX(-15vw) translateY(41vh) scale(0.31); }
  77.7777777778% {
    transform: translateX(-48vw) translateY(-44vh) scale(0.41); }
  81.4814814815% {
    transform: translateX(-47vw) translateY(30vh) scale(1); }
  85.1851851852% {
    transform: translateX(-42vw) translateY(20vh) scale(0.54); }
  88.8888888889% {
    transform: translateX(11vw) translateY(37vh) scale(0.94); }
  92.5925925926% {
    transform: translateX(-45vw) translateY(23vh) scale(0.96); }
  96.2962962963% {
    transform: translateX(0vw) translateY(-26vh) scale(0.59); }
  100% {
    transform: translateX(41vw) translateY(-35vh) scale(0.84); } }

.firefly:nth-child(9) {
  animation-name: move9; }

.firefly:nth-child(9)::before {
  animation-duration: 16s; }

.firefly:nth-child(9)::after {
  animation-duration: 16s, 5822ms;
  animation-delay: 0ms, 7967ms; }

@keyframes move9 {
  0% {
    transform: translateX(-5vw) translateY(-1vh) scale(0.71); }
  5.5555555556% {
    transform: translateX(41vw) translateY(-5vh) scale(0.94); }
  11.1111111111% {
    transform: translateX(-41vw) translateY(15vh) scale(0.35); }
  16.6666666667% {
    transform: translateX(38vw) translateY(-19vh) scale(0.83); }
  22.2222222222% {
    transform: translateX(11vw) translateY(-20vh) scale(0.76); }
  27.7777777778% {
    transform: translateX(-12vw) translateY(12vh) scale(0.47); }
  33.3333333333% {
    transform: translateX(-34vw) translateY(47vh) scale(0.3); }
  38.8888888889% {
    transform: translateX(48vw) translateY(13vh) scale(0.77); }
  44.4444444444% {
    transform: translateX(-20vw) translateY(43vh) scale(0.59); }
  50% {
    transform: translateX(29vw) translateY(-15vh) scale(0.49); }
  55.5555555556% {
    transform: translateX(21vw) translateY(-27vh) scale(0.46); }
  61.1111111111% {
    transform: translateX(9vw) translateY(-10vh) scale(0.7); }
  66.6666666667% {
    transform: translateX(23vw) translateY(2vh) scale(0.78); }
  72.2222222222% {
    transform: translateX(40vw) translateY(-11vh) scale(0.42); }
  77.7777777778% {
    transform: translateX(0vw) translateY(20vh) scale(0.41); }
  83.3333333333% {
    transform: translateX(-24vw) translateY(33vh) scale(0.71); }
  88.8888888889% {
    transform: translateX(31vw) translateY(1vh) scale(0.5); }
  94.4444444444% {
    transform: translateX(19vw) translateY(-49vh) scale(0.29); }
  100% {
    transform: translateX(14vw) translateY(33vh) scale(0.33); } }

.firefly:nth-child(10) {
  animation-name: move10; }

.firefly:nth-child(10)::before {
  animation-duration: 16s; }

.firefly:nth-child(10)::after {
  animation-duration: 16s, 6268ms;
  animation-delay: 0ms, 2919ms; }

@keyframes move10 {
  0% {
    transform: translateX(-42vw) translateY(5vh) scale(0.76); }
  4% {
    transform: translateX(40vw) translateY(-27vh) scale(0.61); }
  8% {
    transform: translateX(37vw) translateY(16vh) scale(0.45); }
  12% {
    transform: translateX(22vw) translateY(20vh) scale(0.37); }
  16% {
    transform: translateX(-46vw) translateY(-22vh) scale(0.49); }
  20% {
    transform: translateX(-43vw) translateY(44vh) scale(0.89); }
  24% {
    transform: translateX(31vw) translateY(-29vh) scale(0.7); }
  28% {
    transform: translateX(22vw) translateY(-7vh) scale(0.54); }
  32% {
    transform: translateX(-36vw) translateY(0vh) scale(0.68); }
  36% {
    transform: translateX(-35vw) translateY(-13vh) scale(0.47); }
  40% {
    transform: translateX(9vw) translateY(-6vh) scale(0.42); }
  44% {
    transform: translateX(-36vw) translateY(14vh) scale(0.99); }
  48% {
    transform: translateX(48vw) translateY(-8vh) scale(0.38); }
  52% {
    transform: translateX(-3vw) translateY(30vh) scale(0.41); }
  56% {
    transform: translateX(-5vw) translateY(-12vh) scale(0.93); }
  60% {
    transform: translateX(-29vw) translateY(7vh) scale(0.67); }
  64% {
    transform: translateX(12vw) translateY(24vh) scale(0.31); }
  68% {
    transform: translateX(-47vw) translateY(-28vh) scale(0.55); }
  72% {
    transform: translateX(-10vw) translateY(-47vh) scale(0.65); }
  76% {
    transform: translateX(-28vw) translateY(-29vh) scale(0.94); }
  80% {
    transform: translateX(11vw) translateY(-10vh) scale(0.88); }
  84% {
    transform: translateX(-11vw) translateY(28vh) scale(0.8); }
  88% {
    transform: translateX(-2vw) translateY(-37vh) scale(0.94); }
  92% {
    transform: translateX(5vw) translateY(6vh) scale(0.45); }
  96% {
    transform: translateX(41vw) translateY(8vh) scale(0.44); }
  100% {
    transform: translateX(47vw) translateY(45vh) scale(0.51); } }

.firefly:nth-child(11) {
  animation-name: move11; }

.firefly:nth-child(11)::before {
  animation-duration: 13s; }

.firefly:nth-child(11)::after {
  animation-duration: 13s, 8311ms;
  animation-delay: 0ms, 4490ms; }

@keyframes move11 {
  0% {
    transform: translateX(-19vw) translateY(23vh) scale(0.36); }
  4.347826087% {
    transform: translateX(-4vw) translateY(24vh) scale(0.68); }
  8.6956521739% {
    transform: translateX(25vw) translateY(47vh) scale(0.62); }
  13.0434782609% {
    transform: translateX(-20vw) translateY(-26vh) scale(0.9); }
  17.3913043478% {
    transform: translateX(7vw) translateY(6vh) scale(0.92); }
  21.7391304348% {
    transform: translateX(-48vw) translateY(50vh) scale(0.79); }
  26.0869565217% {
    transform: translateX(22vw) translateY(20vh) scale(0.96); }
  30.4347826087% {
    transform: translateX(-37vw) translateY(-23vh) scale(0.48); }
  34.7826086957% {
    transform: translateX(-14vw) translateY(33vh) scale(0.38); }
  39.1304347826% {
    transform: translateX(-8vw) translateY(12vh) scale(0.96); }
  43.4782608696% {
    transform: translateX(-21vw) translateY(24vh) scale(0.96); }
  47.8260869565% {
    transform: translateX(-9vw) translateY(48vh) scale(0.94); }
  52.1739130435% {
    transform: translateX(2vw) translateY(50vh) scale(0.97); }
  56.5217391304% {
    transform: translateX(-47vw) translateY(9vh) scale(0.37); }
  60.8695652174% {
    transform: translateX(-20vw) translateY(-11vh) scale(0.59); }
  65.2173913043% {
    transform: translateX(-23vw) translateY(-13vh) scale(0.27); }
  69.5652173913% {
    transform: translateX(15vw) translateY(20vh) scale(0.68); }
  73.9130434783% {
    transform: translateX(-11vw) translateY(21vh) scale(0.36); }
  78.2608695652% {
    transform: translateX(-7vw) translateY(-18vh) scale(0.28); }
  82.6086956522% {
    transform: translateX(37vw) translateY(10vh) scale(0.32); }
  86.9565217391% {
    transform: translateX(-43vw) translateY(-29vh) scale(0.57); }
  91.3043478261% {
    transform: translateX(-42vw) translateY(-39vh) scale(0.51); }
  95.652173913% {
    transform: translateX(-43vw) translateY(45vh) scale(0.66); }
  100% {
    transform: translateX(-46vw) translateY(-10vh) scale(0.57); } }

.firefly:nth-child(12) {
  animation-name: move12; }

.firefly:nth-child(12)::before {
  animation-duration: 13s; }

.firefly:nth-child(12)::after {
  animation-duration: 13s, 8881ms;
  animation-delay: 0ms, 7621ms; }

@keyframes move12 {
  0% {
    transform: translateX(8vw) translateY(24vh) scale(0.6); }
  5.5555555556% {
    transform: translateX(37vw) translateY(44vh) scale(0.32); }
  11.1111111111% {
    transform: translateX(30vw) translateY(6vh) scale(0.81); }
  16.6666666667% {
    transform: translateX(-47vw) translateY(45vh) scale(0.28); }
  22.2222222222% {
    transform: translateX(46vw) translateY(-5vh) scale(0.64); }
  27.7777777778% {
    transform: translateX(-35vw) translateY(27vh) scale(0.74); }
  33.3333333333% {
    transform: translateX(-41vw) translateY(10vh) scale(0.66); }
  38.8888888889% {
    transform: translateX(25vw) translateY(-15vh) scale(0.39); }
  44.4444444444% {
    transform: translateX(35vw) translateY(-19vh) scale(0.83); }
  50% {
    transform: translateX(-8vw) translateY(37vh) scale(0.28); }
  55.5555555556% {
    transform: translateX(44vw) translateY(26vh) scale(0.88); }
  61.1111111111% {
    transform: translateX(-48vw) translateY(-17vh) scale(0.83); }
  66.6666666667% {
    transform: translateX(26vw) translateY(21vh) scale(0.95); }
  72.2222222222% {
    transform: translateX(9vw) translateY(-4vh) scale(0.32); }
  77.7777777778% {
    transform: translateX(-43vw) translateY(35vh) scale(0.74); }
  83.3333333333% {
    transform: translateX(-16vw) translateY(50vh) scale(0.63); }
  88.8888888889% {
    transform: translateX(-4vw) translateY(-34vh) scale(0.52); }
  94.4444444444% {
    transform: translateX(25vw) translateY(-29vh) scale(0.93); }
  100% {
    transform: translateX(-6vw) translateY(-1vh) scale(0.57); } }

.firefly:nth-child(13) {
  animation-name: move13; }

.firefly:nth-child(13)::before {
  animation-duration: 15s; }

.firefly:nth-child(13)::after {
  animation-duration: 15s, 10321ms;
  animation-delay: 0ms, 4473ms; }

@keyframes move13 {
  0% {
    transform: translateX(35vw) translateY(-28vh) scale(0.69); }
  5.5555555556% {
    transform: translateX(-32vw) translateY(10vh) scale(0.69); }
  11.1111111111% {
    transform: translateX(-1vw) translateY(-39vh) scale(0.27); }
  16.6666666667% {
    transform: translateX(36vw) translateY(34vh) scale(0.4); }
  22.2222222222% {
    transform: translateX(-21vw) translateY(7vh) scale(0.71); }
  27.7777777778% {
    transform: translateX(-43vw) translateY(-10vh) scale(0.8); }
  33.3333333333% {
    transform: translateX(-49vw) translateY(-46vh) scale(0.79); }
  38.8888888889% {
    transform: translateX(-25vw) translateY(-5vh) scale(0.7); }
  44.4444444444% {
    transform: translateX(38vw) translateY(28vh) scale(0.84); }
  50% {
    transform: translateX(-48vw) translateY(9vh) scale(0.52); }
  55.5555555556% {
    transform: translateX(28vw) translateY(-32vh) scale(0.79); }
  61.1111111111% {
    transform: translateX(-10vw) translateY(-43vh) scale(0.6); }
  66.6666666667% {
    transform: translateX(-20vw) translateY(19vh) scale(0.86); }
  72.2222222222% {
    transform: translateX(6vw) translateY(-49vh) scale(0.62); }
  77.7777777778% {
    transform: translateX(30vw) translateY(14vh) scale(0.74); }
  83.3333333333% {
    transform: translateX(-42vw) translateY(13vh) scale(0.42); }
  88.8888888889% {
    transform: translateX(-47vw) translateY(16vh) scale(0.38); }
  94.4444444444% {
    transform: translateX(-21vw) translateY(-29vh) scale(0.41); }
  100% {
    transform: translateX(3vw) translateY(19vh) scale(0.27); } }

.firefly:nth-child(14) {
  animation-name: move14; }

.firefly:nth-child(14)::before {
  animation-duration: 12s; }

.firefly:nth-child(14)::after {
  animation-duration: 12s, 9950ms;
  animation-delay: 0ms, 7050ms; }

@keyframes move14 {
  0% {
    transform: translateX(39vw) translateY(12vh) scale(0.9); }
  4.5454545455% {
    transform: translateX(-42vw) translateY(-39vh) scale(0.48); }
  9.0909090909% {
    transform: translateX(-47vw) translateY(39vh) scale(0.96); }
  13.6363636364% {
    transform: translateX(48vw) translateY(-35vh) scale(0.47); }
  18.1818181818% {
    transform: translateX(-27vw) translateY(24vh) scale(0.99); }
  22.7272727273% {
    transform: translateX(37vw) translateY(-21vh) scale(0.77); }
  27.2727272727% {
    transform: translateX(-10vw) translateY(-17vh) scale(0.83); }
  31.8181818182% {
    transform: translateX(46vw) translateY(6vh) scale(0.39); }
  36.3636363636% {
    transform: translateX(-14vw) translateY(-10vh) scale(0.45); }
  40.9090909091% {
    transform: translateX(-44vw) translateY(-25vh) scale(0.49); }
  45.4545454545% {
    transform: translateX(-10vw) translateY(-25vh) scale(0.59); }
  50% {
    transform: translateX(45vw) translateY(40vh) scale(0.72); }
  54.5454545455% {
    transform: translateX(20vw) translateY(26vh) scale(0.34); }
  59.0909090909% {
    transform: translateX(11vw) translateY(3vh) scale(0.89); }
  63.6363636364% {
    transform: translateX(-8vw) translateY(0vh) scale(0.85); }
  68.1818181818% {
    transform: translateX(13vw) translateY(34vh) scale(0.48); }
  72.7272727273% {
    transform: translateX(-28vw) translateY(43vh) scale(0.54); }
  77.2727272727% {
    transform: translateX(-2vw) translateY(18vh) scale(0.69); }
  81.8181818182% {
    transform: translateX(12vw) translateY(31vh) scale(0.98); }
  86.3636363636% {
    transform: translateX(-49vw) translateY(-38vh) scale(0.42); }
  90.9090909091% {
    transform: translateX(32vw) translateY(-7vh) scale(0.83); }
  95.4545454545% {
    transform: translateX(18vw) translateY(50vh) scale(0.63); }
  100% {
    transform: translateX(-2vw) translateY(-23vh) scale(0.73); } }

.firefly:nth-child(15) {
  animation-name: move15; }

.firefly:nth-child(15)::before {
  animation-duration: 14s; }

.firefly:nth-child(15)::after {
  animation-duration: 14s, 8208ms;
  animation-delay: 0ms, 5262ms; }

@keyframes move15 {
  0% {
    transform: translateX(-1vw) translateY(39vh) scale(0.84); }
  4.5454545455% {
    transform: translateX(7vw) translateY(-37vh) scale(0.98); }
  9.0909090909% {
    transform: translateX(-19vw) translateY(-28vh) scale(0.98); }
  13.6363636364% {
    transform: translateX(-13vw) translateY(7vh) scale(0.65); }
  18.1818181818% {
    transform: translateX(-11vw) translateY(28vh) scale(0.55); }
  22.7272727273% {
    transform: translateX(-8vw) translateY(26vh) scale(0.85); }
  27.2727272727% {
    transform: translateX(27vw) translateY(0vh) scale(0.77); }
  31.8181818182% {
    transform: translateX(-18vw) translateY(-20vh) scale(0.66); }
  36.3636363636% {
    transform: translateX(-30vw) translateY(30vh) scale(0.87); }
  40.9090909091% {
    transform: translateX(48vw) translateY(-26vh) scale(0.59); }
  45.4545454545% {
    transform: translateX(-42vw) translateY(-6vh) scale(0.68); }
  50% {
    transform: translateX(-35vw) translateY(12vh) scale(0.74); }
  54.5454545455% {
    transform: translateX(-14vw) translateY(26vh) scale(0.83); }
  59.0909090909% {
    transform: translateX(43vw) translateY(7vh) scale(1); }
  63.6363636364% {
    transform: translateX(28vw) translateY(-27vh) scale(0.27); }
  68.1818181818% {
    transform: translateX(0vw) translateY(-26vh) scale(0.48); }
  72.7272727273% {
    transform: translateX(-45vw) translateY(-47vh) scale(0.92); }
  77.2727272727% {
    transform: translateX(-28vw) translateY(28vh) scale(0.28); }
  81.8181818182% {
    transform: translateX(45vw) translateY(-36vh) scale(0.26); }
  86.3636363636% {
    transform: translateX(-35vw) translateY(-14vh) scale(0.54); }
  90.9090909091% {
    transform: translateX(12vw) translateY(23vh) scale(0.27); }
  95.4545454545% {
    transform: translateX(16vw) translateY(38vh) scale(0.41); }
  100% {
    transform: translateX(-25vw) translateY(18vh) scale(0.4); } }

@keyframes drift {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes flash {
  0%, 30%, 100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw yellow; }
  5% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.4vw yellow; } }

footer {
  width: 100%;
  height: auto;
  background-color: #0e76bc;
  color: #fff;
  position: relative;
  transition: 0.3s; }
  footer.gonnaHide {
    opacity: 0;
    z-index: -100; }
  footer h5 {
    font-weight: normal;
    margin: 30px 0;
    text-align: center;
    font-size: 16px;
    margin-top: 65px; }
  @media (max-width: 992px) {
    footer h4 {
      font-size: 20px; }
    footer h5 {
      font-size: 16px;
      margin: 15px 0 !important; } }
  footer .content_3 {
    width: 100%; }
    footer .content_3 .newsletter {
      display: grid;
      grid-template-columns: 4fr 1fr;
      grid-template-rows: 30px;
      margin-top: 55px; }
      footer .content_3 .newsletter input {
        border: none; }
        footer .content_3 .newsletter input:nth-child(2):hover {
          cursor: pointer; }
        footer .content_3 .newsletter input.myBtn {
          color: #fff;
          background-color: #13a89e; }
  footer .content_2 {
    text-align: center; }
    footer .content_2 h5 {
      margin-top: 60px; }
    footer .content_2 .social {
      width: 100%;
      height: auto;
      display: grid;
      grid-template-columns: repeat(auto-fit, 30px);
      justify-content: space-between;
      margin-top: 60px; }
      footer .content_2 .social img {
        height: 30px;
        width: auto; }
  footer .content_1 ul {
    list-style: none;
    padding: 0; }
    footer .content_1 ul li {
      margin-bottom: 15px; }
  footer:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 100%;
    background-color: #125080;
    z-index: 0; }
  footer .wrapper {
    padding-top: 0px;
    display: grid;
    grid-auto-rows: auto;
    justify-content: space-between;
    margin-bottom: 0; }
    @media (max-width: 992px) {
      footer .wrapper {
        justify-content: center;
        justify-items: center;
        text-align: center !important;
        grid-gap: 10px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        padding-bottom: 45px; } }
    @media (min-width: 992px) {
      footer .wrapper {
        grid-template-rows: 275px 30px;
        grid-template-columns: repeat(3, 275px); } }
  footer a {
    color: #fff; }
  footer .uppercase.f-small, footer .content_3 .newsletter input.f-small.myBtn, footer .f-small.btn {
    background-color: #125080;
    position: relative;
    line-height: 30px;
    z-index: 1; }
    footer .uppercase.f-small span, footer .content_3 .newsletter input.f-small.myBtn span, footer .f-small.btn span {
      color: #F6AE2D; }

.mainSlider {
  width: 100vw;
  height: 90vh;
  position: relative; }
  .mainSlider .swiper-container {
    width: 100%;
    z-index: 0;
    height: 90vh;
    margin-top: 100px; }
    .mainSlider .swiper-container .swiper-button-next {
      background-image: none !important; }
      .mainSlider .swiper-container .swiper-button-next:after {
        color: #fff;
        font-family: 'FONT AWESOME 5 PRO';
        content: '\f061';
        position: relative;
        right: 20px;
        font-size: 24px; }
    .mainSlider .swiper-container .swiper-button-prev {
      background-image: none !important; }
      .mainSlider .swiper-container .swiper-button-prev:after {
        color: #fff;
        font-family: 'FONT AWESOME 5 PRO';
        content: '\f060';
        padding-left: 15px;
        font-size: 24px; }
  .mainSlider .slideBox {
    position: absolute;
    z-index: 5;
    margin: 0 auto;
    width: 80%;
    bottom: 50px;
    text-align: center; }
    .mainSlider .slideBox h2 {
      font-size: 40px !important;
      margin: 0 !important;
      color: #F6AE2D !important; }
    .mainSlider .slideBox p {
      color: white;
      width: 100%;
      height: 65px;
      overflow: hidden;
      margin: 5px 0;
      font-size: 18px;
      line-height: 35px;
      margin-bottom: 10px;
      font-weight: lighter; }
    @media (max-width: 992px) {
      .mainSlider .slideBox .btn {
        margin: auto !important;
        transform: scale(0.7); }
      .mainSlider .slideBox h2 {
        font-size: 24px !important; } }
    @media (min-width: 992px) {
      .mainSlider .slideBox {
        left: 75px;
        width: 775px;
        text-align: left; } }
    .mainSlider .slideBox .btn {
      margin-left: auto; }
  .mainSlider .swiper-slide {
    background-size: cover;
    background-position: 50%;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .mainSlider .swiper-pagination {
    display: grid;
    width: 50px;
    height: 100px;
    left: auto !important;
    right: 0;
    bottom: 50px; }
    .mainSlider .swiper-pagination-bullet {
      background-color: #fff;
      border-radius: 0;
      width: 12px;
      height: 12px;
      opacity: 1;
      transition: 0.3s; }
    .mainSlider .swiper-pagination-bullet-active {
      background-color: #13a89e; }
  .mainSlider .swiper-button-container {
    background-color: rgba(0, 0, 0, 0.25); }
  .mainSlider .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
  .mainSlider .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
  .mainSlider body {
    display: flex;
    height: 100vh;
    width: 100%;
    font-family: "San Francisco Display Semibold"; }
  .mainSlider .swiper-slide:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .4; }
  .mainSlider .swiper-slide h2 {
    pointer-events: none;
    opacity: 0;
    color: #ffffff;
    font-size: calc(5vw);
    letter-spacing: -1px;
    transform: translateY(-5%) scale(0.8);
    transition: 1s ease;
    text-transform: uppercase;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.01); }
  .mainSlider .swiper-slide-active h2 {
    opacity: 1;
    transform: translateY(0%) scale(1);
    transition: 1s ease; }

@font-face {
  .mainSlider {
    font-family: "San Francisco Display Semibold";
    font-style: normal;
    font-weight: 400;
    src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.svg#San Francisco Display Semibold") format("svg"); } }

.about {
  clip-path: polygon(0 3%, 100% 0%, 100% 100%, 0% 100%);
  padding: 20px 0;
  position: relative;
  top: -20px;
  z-index: 19;
  background-color: white; }
  .about.active {
    clip-path: none !important; }
  .about h2 {
    text-align: center;
    padding-top: 30px;
    text-transform: uppercase;
    color: #F6AE2D; }
    @media (max-width: 576px) {
      .about h2 {
        font-size: 24px; } }
  .about .board {
    margin-bottom: 30px;
    position: relative;
    z-index: 17; }
    .about .board.wrapper {
      width: 900px; }
      .about .board.wrapper #boardSlider li > div {
        display: grid;
        grid-template-columns: 1fr 2fr; }
        .about .board.wrapper #boardSlider li > div h4 {
          margin: 5px 0;
          text-transform: capitalize;
          color: #0e76bc; }
        .about .board.wrapper #boardSlider li > div p {
          font-size: 14px;
          overflow: hidden;
          height: 220px; }
      @media (max-width: 920px) {
        .about .board.wrapper {
          width: 97.5%; }
          .about .board.wrapper #boardSlider li > div {
            text-align: center;
            justify-items: center;
            grid-template-columns: 1fr;
            grid-gap: 15px; } }
  .about .staff_detail {
    position: fixed;
    left: 100%;
    top: 0;
    background-color: #66ceff;
    width: 100vw;
    height: 100vh;
    z-index: 90 !important;
    padding-top: 100px;
    transition: 0.3s; }
    .about .staff_detail.active {
      left: 0 !important; }
    @media (max-height: 906px) {
      .about .staff_detail {
        padding-top: 50px !important; }
        .about .staff_detail .item img {
          height: 100px !important; }
        .about .staff_detail .item p {
          height: 350px !important;
          font-size: 16px; }
        .about .staff_detail:after {
          width: 100px !important;
          height: 100px !important; } }
    .about .staff_detail i {
      position: absolute;
      width: 35px;
      height: 35px;
      left: 0;
      top: 0;
      background-color: #fff;
      text-align: center;
      line-height: 35px;
      font-size: 20px; }
      .about .staff_detail i:hover {
        cursor: pointer; }
    .about .staff_detail .item {
      display: none !important;
      text-align: center;
      align-items: center; }
      .about .staff_detail .item.active {
        display: block !important; }
      .about .staff_detail .item h4 {
        margin: 15px 0;
        color: #fff; }
      .about .staff_detail .item p {
        height: 250px;
        overflow: hidden;
        color: #fff; }
      .about .staff_detail .item img {
        margin: auto;
        height: 100%; }
    .about .staff_detail:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      background-image: url("../Images/calmingcatsmall.gif");
      width: 200px;
      height: 200px;
      background-size: cover;
      background-position: center center; }
  .about:before {
    content: '';
    width: 100%;
    height: 35px;
    clip-path: polygon(0px 3%, 100% 0%, 100% 20%, 0% 75%);
    background-color: #13a89e;
    position: absolute;
    top: 0; }
  .about.page {
    padding-top: 140px;
    z-index: 0 !important; }
    .about.page .staff {
      padding-bottom: 55px; }
      .about.page .staff .wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, 200px);
        grid-gap: 100px;
        justify-content: center; }
        .about.page .staff .wrapper .item {
          position: relative;
          text-align: center; }
          .about.page .staff .wrapper .item:hover {
            cursor: pointer; }
          .about.page .staff .wrapper .item h4, .about.page .staff .wrapper .item h5 {
            margin: 0;
            height: 35px;
            border-bottom: 1px solid rgba(57, 62, 65, 0.1);
            display: grid;
            align-items: center; }
          .about.page .staff .wrapper .item h4 {
            color: #0e76bc; }
          .about.page .staff .wrapper .item h5 {
            color: #125080; }
          .about.page .staff .wrapper .item img {
            width: 100%; }
    .about.page .classes {
      padding-top: 20px;
      padding-bottom: 75px;
      display: grid;
      grid-template-columns: repeat(auto-fit, 300px);
      grid-gap: 20px;
      justify-content: center; }
      .about.page .classes .item {
        width: 300px;
        height: auto;
        display: grid;
        grid-template-rows: 200px 50px 0;
        box-shadow: 3px 3px 10px rgba(1, 23, 47, 0.1);
        position: relative;
        z-index: 21; }
        .about.page .classes .item.active {
          z-index: 22; }
        .about.page .classes .item > div {
          width: 100%;
          height: 100%;
          overflow: hidden;
          background-size: cover; }
          .about.page .classes .item > div.info {
            width: 100%;
            height: 250px;
            position: absolute;
            background-color: #0e76bc;
            padding: 20px;
            color: #fff;
            z-index: -1;
            transition: 0.3s;
            bottom: 0;
            opacity: 0; }
            .about.page .classes .item > div.info.active {
              bottom: -250px;
              opacity: 1;
              z-index: 1; }
            .about.page .classes .item > div.info p {
              font-size: 12px;
              line-height: 25px;
              height: 150px;
              overflow: hidden;
              margin: 0; }
            .about.page .classes .item > div.info .btn {
              margin-left: auto;
              transform: scale(0.7) translate(50px, 25px); }
          .about.page .classes .item > div.sub {
            display: grid;
            align-items: center;
            grid-template-columns: auto 50px;
            background-color: #fff;
            text-transform: uppercase; }
            .about.page .classes .item > div.sub h5 {
              margin: 0;
              padding-left: 10px; }
            .about.page .classes .item > div.sub .showInfo {
              width: 100%;
              height: 100%;
              background-color: #13a89e;
              text-align: center;
              line-height: 50px;
              color: #fff; }
              .about.page .classes .item > div.sub .showInfo i {
                transition: 0.2s; }
              .about.page .classes .item > div.sub .showInfo.active {
                transform: rotate(180deg); }
              .about.page .classes .item > div.sub .showInfo:hover {
                cursor: pointer; }
                .about.page .classes .item > div.sub .showInfo:hover i {
                  transform: scale(1.1); }
    .about.page .service {
      padding-bottom: 0; }
      .about.page .service .wrapper.st {
        padding-bottom: 60px; }
      .about.page .service .wrapper.snd {
        display: block;
        background-color: #13a89e;
        position: relative; }
        .about.page .service .wrapper.snd:before {
          content: '';
          animation: none;
          width: 200%;
          height: 500px;
          border-radius: 0;
          background-color: #13a89e;
          position: absolute;
          left: -300px;
          top: 0; }
        .about.page .service .wrapper.snd > div {
          display: none;
          width: 100%; }
          .about.page .service .wrapper.snd > div:nth-child(1) {
            display: block; }
        .about.page .service .wrapper.snd .item {
          display: grid;
          text-align: left;
          grid-template-columns: auto 460px;
          padding-top: 30px;
          grid-column-gap: 20px; }
          .about.page .service .wrapper.snd .item:before {
            animation: none;
            width: 200%;
            height: 100%;
            border-radius: 0;
            background-color: #13a89e; }
          .about.page .service .wrapper.snd .item img {
            width: 100%;
            height: 100%; }
          @media (max-width: 1200px) {
            .about.page .service .wrapper.snd .item {
              grid-template-columns: 1fr; } }
        .about.page .service .wrapper.snd h4 {
          text-transform: uppercase;
          color: #fff; }
        .about.page .service .wrapper.snd .infoBox {
          color: #fff; }
          .about.page .service .wrapper.snd .infoBox p {
            font-size: 16px; }
            @media (max-width: 660px) {
              .about.page .service .wrapper.snd .infoBox p {
                font-size: 12px; } }
  .about .wrapper.home {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 50px; }
    .about .wrapper.home h2 {
      font-size: 40px;
      color: #F6AE2D; }
    .about .wrapper.home p {
      font-size: 18px;
      font-weight: lighter;
      line-height: 55px; }
    .about .wrapper.home img {
      height: 200px;
      justify-self: center;
      align-self: center; }
    .about .wrapper.home .btn {
      margin-left: auto; }
    @media (max-width: 1200px) {
      .about .wrapper.home {
        grid-template-columns: 3fr 2fr; }
        .about .wrapper.home img {
          height: 120px; }
        .about .wrapper.home h2 {
          font-size: 30px; } }
    @media (max-width: 992px) {
      .about .wrapper.home {
        grid-template-columns: 1fr; }
        .about .wrapper.home img {
          height: auto;
          width: 100%;
          grid-row: 1/2; }
        .about .wrapper.home h2 {
          font-size: 30px; } }

.FAQ {
  padding-top: 150px;
  background-color: #13a89e;
  position: relative; }
  .FAQ:after {
    content: '';
    background-color: #13a89e;
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0;
    bottom: -30px; }
  .FAQ img {
    height: 75px;
    width: auto;
    position: fixed;
    right: 10px;
    bottom: 100px;
    z-index: 50; }
  .FAQ h3 {
    color: #fff; }
  .FAQ .wrapper .item {
    background-color: #fff;
    width: 90%;
    margin: auto;
    margin-bottom: 30px; }
    .FAQ .wrapper .item i {
      color: #F6AE2D;
      transition: 0.3s;
      margin-left: auto; }
    .FAQ .wrapper .item h5 {
      color: #01172f;
      margin: 0;
      font-size: 20px;
      font-weight: lighter;
      padding: 5px 15px;
      display: grid;
      grid-template-columns: auto 50px;
      justify-content: space-between;
      align-items: center; }
      .FAQ .wrapper .item h5:hover {
        cursor: pointer; }
    .FAQ .wrapper .item p {
      margin: 0;
      padding: 0;
      color: white;
      background-color: #0e76bc;
      height: 1px;
      transition: 0.3s;
      overflow: hidden;
      font-size: 16px; }
    @media (max-width: 666px) {
      .FAQ .wrapper .item h5 {
        font-size: 18px; }
      .FAQ .wrapper .item p {
        font-size: 14px; } }
    .FAQ .wrapper .item.active p {
      height: auto;
      padding: 15px 10px; }
    .FAQ .wrapper .item.active i {
      transform: rotate(45deg); }

.service {
  position: relative;
  padding: 30px 0;
  z-index: 20;
  padding-bottom: 120px; }
  .service:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: -50px;
    background-color: #393E41;
    clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%); }
  .service .wrapper .item {
    display: grid;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: center;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    grid-gap: 10px;
    position: relative;
    color: #fff;
    position: relative; }
    .service .wrapper .item:hover:before {
      animation: increase 0.5s ease-in-out forwards; }

@keyframes increase {
  from {
    width: 0;
    height: 0; }
  25% {
    width: 245px;
    height: 245px; }
  50% {
    width: 205px;
    height: 205px; }
  75% {
    width: 240px;
    height: 240px; }
  to {
    width: 235px;
    height: 235px; } }
    .service .wrapper .item:before {
      display: block;
      position: absolute;
      content: '';
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.1);
      z-index: -1;
      transition: 0.3s;
      animation: decrease 0.5s ease-in-out forwards;
      width: 0px;
      height: 0px; }

@keyframes decrease {
  from {
    width: 235px;
    height: 235px; }
  to {
    width: 0;
    height: 0; } }
  .service.home {
    background-color: #393E41;
    padding-bottom: 140px; }
    .service.home > div {
      display: grid;
      grid-template-columns: repeat(4, 200px);
      justify-content: space-around; }
      @media (max-width: 576px) {
        .service.home > div {
          grid-template-columns: 1fr 1fr !important;
          font-size: 12px; }
          .service.home > div img {
            height: 50px; }
          .service.home > div span {
            font-size: 12px; } }
      @media (max-width: 992px) {
        .service.home > div {
          grid-template-columns: repeat(auto-fit, 200px);
          justify-content: space-around;
          grid-row-gap: 75px; } }

#photos {
  line-height: 0;
  -webkit-column-count: 4;
  -webkit-column-gap: 0px;
  -moz-column-count: 4;
  -moz-column-gap: 0px;
  column-count: 4;
  column-gap: 10px; }
  @media (max-width: 1200px) {
    #photos {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3; } }
  @media (max-width: 800px) {
    #photos {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2; } }

#photos img {
  width: 100% !important;
  height: auto !important;
  margin-left: 5px;
  margin-bottom: 10px !important;
  display: block; }

.gallery {
  text-align: center;
  background-color: #13a89e;
  padding-bottom: 50px;
  position: relative;
  color: #fff;
  z-index: 21; }
  .gallery.page {
    padding-top: 160px;
    z-index: 0; }
  .gallery .btn {
    margin: auto; }
  .gallery:before {
    content: '';
    top: -100px;
    height: 100px;
    width: 100%;
    position: absolute;
    background-color: #13a89e;
    clip-path: polygon(0 0%, 100% 50%, 100% 100%, 0% 100%); }

.imageViewer {
  position: fixed;
  display: none;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  animation: changeColor 0.5s ease-in forwards;
  background-color: transparent; }
  .imageViewer i {
    color: #fff;
    font-size: 35px;
    position: absolute; }
    .imageViewer i:hover {
      cursor: pointer; }
    .imageViewer i.fa-times {
      top: 20px;
      right: 50px; }
    .imageViewer i.fa-chevron-left {
      top: 50%;
      transform: translate(0, -50%);
      left: 30px; }
    .imageViewer i.fa-chevron-right {
      top: 50%;
      transform: translate(0, -50%);
      right: 50px; }

@keyframes changeColor {
  0% {
    background-color: transparent; }
  70% {
    background-color: transparent; }
  100% {
    background-color: black; } }
  .imageViewer img {
    width: 100%;
    height: auto;
    animation: scaleDown 0.5s ease-in forwards;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1); }
    .imageViewer img.vertical {
      width: auto !important;
      height: 100% !important; }

@keyframes scaleDown {
  0% {
    transform: translate(-50%, -50%) scale(1); }
  70% {
    transform: translate(-50%, -50%) scale(1); }
  100% {
    transform: translate(-50%, -50%) scale(0.7); } }

.events {
  background-color: #fff;
  position: relative;
  z-index: 25; }
  .events.page {
    z-index: 0;
    padding-top: 130px; }
    .events.page.detail {
      padding-bottom: 30px; }
      .events.page.detail h4 {
        color: #F6AE2D; }
      .events.page.detail img {
        width: 100%;
        height: auto; }
      .events.page.detail p {
        line-height: 35px;
        font-size: 16px; }
      .events.page.detail .caption {
        padding-top: 20px;
        width: 100%;
        display: grid;
        grid-template-columns: 100px auto;
        justify-content: space-between;
        align-items: center; }
  .events:before {
    position: absolute;
    content: '';
    top: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
    clip-path: polygon(0 0%, 100% 50%, 100% 100%, 0% 100%); }
  .events h2 {
    text-align: center;
    color: #F6AE2D; }
  .events > .btn {
    margin: auto;
    margin-bottom: 20px; }
  .events #lightSlider {
    height: 480px !important; }
    .events #lightSlider li:nth-child(3n+1) .item {
      background-color: #0e76bc; }
    .events #lightSlider li:nth-child(3n+2) .item {
      background-color: #13a89e; }
    .events #lightSlider li:nth-child(3n+3) .item {
      background-color: #F6AE2D; }
    .events #lightSlider .item {
      display: grid;
      grid-template-rows: 265px auto;
      position: relative;
      overflow: hidden;
      width: 285px;
      margin-bottom: 30px; }
      .events #lightSlider .item p {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        max-height: 140px;
        overflow: hidden; }
      .events #lightSlider .item > div {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        position: relative; }
        .events #lightSlider .item > div span {
          position: absolute;
          display: block;
          bottom: 0;
          height: 35px;
          left: 0;
          width: 85px;
          text-align: center;
          background-color: rgba(255, 255, 255, 0.7);
          line-height: 35px;
          font-size: 12px;
          position: relative;
          overflow: hidden;
          z-index: 1; }
          .events #lightSlider .item > div span:after, .events #lightSlider .item > div span:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            bottom: 0;
            background-color: rgba(255, 255, 255, 0.55);
            animation: slideIn 0.3s ease-in forwards;
            z-index: -1; }

@keyframes slideIn {
  from {
    left: -90px; }
  to {
    left: 0; } }
          .events #lightSlider .item > div span:after {
            animation-delay: 1.6s; }
        .events #lightSlider .item > div img {
          width: auto;
          height: 100%; }
        .events #lightSlider .item > div:nth-child(2) {
          padding: 0 10px; }
      .events #lightSlider .item .btn {
        margin-left: auto;
        transform: scale(0.7) translate(20%, 0); }
    @media (max-width: 1500px) {
      .events #lightSlider .item {
        grid-template-rows: 150px auto;
        width: 320px; }
        .events #lightSlider .item p {
          font-size: 12px;
          font-weight: normal;
          color: #fff;
          line-height: 30px; } }
    @media (max-width: 1200px) {
      .events #lightSlider {
        grid-template-columns: 1fr;
        justify-content: center;
        justify-items: center;
        grid-row-gap: 30px; }
        .events #lightSlider .item {
          grid-template-rows: 150px auto;
          width: 100%; }
          .events #lightSlider .item p {
            font-size: 12px;
            font-weight: normal;
            color: #fff;
            line-height: 30px; } }
    @media (max-width: 576px) {
      .events #lightSlider .item {
        grid-template-rows: 220px auto;
        width: 100%; } }
  .events.home .wrapper {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: space-between;
    padding-bottom: 20px; }
    .events.home .wrapper .item {
      display: grid;
      grid-template-rows: 265px auto;
      position: relative;
      overflow: hidden;
      width: 400px;
      margin-bottom: 30px; }
      .events.home .wrapper .item p {
        font-size: 14px;
        font-weight: normal;
        color: #fff; }
      .events.home .wrapper .item:nth-child(3n+1) {
        background-color: #0e76bc; }
      .events.home .wrapper .item:nth-child(3n+2) {
        background-color: #13a89e; }
      .events.home .wrapper .item:nth-child(3n+3) {
        background-color: #F6AE2D; }
      .events.home .wrapper .item > div {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        position: relative; }
        .events.home .wrapper .item > div span {
          position: absolute;
          display: block;
          bottom: 0;
          height: 35px;
          left: 0;
          width: 85px;
          text-align: center;
          background-color: rgba(255, 255, 255, 0.7);
          line-height: 35px;
          font-size: 12px;
          position: relative;
          overflow: hidden;
          z-index: 1; }
          .events.home .wrapper .item > div span:after, .events.home .wrapper .item > div span:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            bottom: 0;
            background-color: rgba(255, 255, 255, 0.55);
            animation: slideIn 0.3s ease-in forwards;
            z-index: -1; }

@keyframes slideIn {
  from {
    left: -90px; }
  to {
    left: 0; } }
          .events.home .wrapper .item > div span:after {
            animation-delay: 1.6s; }
        .events.home .wrapper .item > div img {
          width: auto;
          height: 100%; }
        .events.home .wrapper .item > div:nth-child(2) {
          padding: 0 10px; }
      .events.home .wrapper .item .btn {
        margin-left: auto;
        transform: scale(0.7) translate(20%, 0); }
    @media (max-width: 1500px) {
      .events.home .wrapper .item {
        grid-template-rows: 150px auto;
        width: 320px; }
        .events.home .wrapper .item p {
          font-size: 12px;
          font-weight: normal;
          color: #fff;
          line-height: 30px; } }
    @media (max-width: 1200px) {
      .events.home .wrapper {
        grid-template-columns: 1fr;
        justify-content: center;
        justify-items: center;
        grid-row-gap: 30px; }
        .events.home .wrapper .item {
          grid-template-rows: 30vw auto;
          width: 100%; }
          .events.home .wrapper .item p {
            font-size: 12px;
            font-weight: normal;
            color: #fff;
            line-height: 30px; } }
    @media (max-width: 576px) {
      .events.home .wrapper .item {
        grid-template-rows: 220px auto;
        width: 100%; } }

.contact_page {
  padding-top: 140px; }
  .contact_page .wrapper h3 {
    color: #F6AE2D; }
    @media (max-width: 576px) {
      .contact_page .wrapper h3 {
        font-size: 24px; } }
  .contact_page .wrapper .imgBox {
    height: 450px;
    position: relative;
    border: 2px dashed rgba(2, 67, 97, 0.7);
    padding: 35px; }
    @media (max-width: 1200px) {
      .contact_page .wrapper .imgBox {
        margin-top: 100px; } }
    .contact_page .wrapper .imgBox:after {
      top: -90px;
      left: 50%;
      transform: translate(-75%, 0);
      content: '';
      background-image: url("../Images/38ziwt.gif");
      width: 100px;
      height: 100px;
      display: block;
      background-size: cover;
      z-index: -1;
      position: absolute; }
    .contact_page .wrapper .imgBox textarea {
      border: none;
      display: block;
      width: 100%;
      height: 87%;
      overflow: hidden;
      padding: 10px;
      font-size: 16px;
      font-family: 'Roboto', sans-serif !important;
      overflow-y: scroll;
      line-height: 45px;
      color: rgba(57, 62, 65, 0.7); }
    .contact_page .wrapper .imgBox span {
      display: block;
      color: #F6AE2D;
      font-family: 'Tangerine', cursive;
      font-size: 50px;
      text-transform: capitalize;
      text-align: center; }
    .contact_page .wrapper .imgBox > div {
      background-image: url("../Images/box.png");
      background-size: contain;
      position: absolute; }
      .contact_page .wrapper .imgBox > div:nth-child(1) {
        top: 0;
        left: 0;
        width: 100%;
        height: 30px; }
      .contact_page .wrapper .imgBox > div:nth-child(2) {
        bottom: 0;
        right: 0;
        width: 100%;
        height: 30px; }
      .contact_page .wrapper .imgBox > div:nth-child(3) {
        top: 0;
        left: 0;
        width: 30px;
        height: 100%; }
      .contact_page .wrapper .imgBox > div:nth-child(4) {
        bottom: 0;
        right: 0;
        width: 30px;
        height: 100%; }
  .contact_page .wrapper > div {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 45px; }
    @media (max-width: 1200px) {
      .contact_page .wrapper > div {
        grid-template-columns: 1fr; } }
    .contact_page .wrapper > div .form_base {
      display: grid;
      align-items: center;
      grid-auto-rows: 35px;
      align-items: flex-end; }
      .contact_page .wrapper > div .form_base span {
        text-transform: uppercase;
        color: rgba(57, 62, 65, 0.7); }
        @media (max-width: 1200px) {
          .contact_page .wrapper > div .form_base span {
            margin: 10px 0; } }
        .contact_page .wrapper > div .form_base span.small {
          font-size: 14px; }
      .contact_page .wrapper > div .form_base input {
        height: 100%;
        display: block;
        border: none;
        border-bottom: 1px solid rgba(57, 62, 65, 0.3);
        font-family: 'Roboto', sans-serif !important;
        color: rgba(57, 62, 65, 0.7); }
        @media (max-width: 1200px) {
          .contact_page .wrapper > div .form_base input {
            margin-bottom: 10px; } }
  .contact_page .wrapper .btn {
    margin-left: auto; }
    @media (min-width: 1200px) {
      .contact_page .wrapper .btn {
        grid-column: span 2; } }

*, *:before, *:after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: auto; }

#mainLogo:hover {
  cursor: pointer; }

*:before, *:after {
  display: block; }

body {
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden; }
  body.gonnaHide {
    overflow: hidden !important; }
  body a {
    text-decoration: none !important; }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.btn {
  width: 180px;
  height: 50px;
  display: grid;
  grid-template-columns: 28px 120px 28px;
  align-items: center;
  text-align: center;
  line-height: 48px;
  transition: 0.3s;
  z-index: 3 !important;
  font-size: 14px; }
  .btn a {
    display: block;
    width: 120px;
    height: 50px;
    position: relative;
    z-index: 2; }
  .btn input {
    display: block;
    width: 120px;
    border: none;
    background: none;
    background-color: transparent; }
  .btn:before {
    width: 36px;
    height: 36px;
    transform: rotate(45deg);
    position: relative;
    content: '';
    left: 9px;
    z-index: 0;
    transition: 0.3s; }
  .btn:after {
    width: 36px;
    height: 36px;
    transform: rotate(45deg);
    position: relative;
    content: '';
    right: 19px;
    z-index: 0;
    transition: 0.3s; }
  .btn.y a, .btn.y input, .btn.y:before, .btn.y:after {
    color: #fff !important;
    background-color: #F6AE2D !important; }
  .btn.b a, .btn.b input, .btn.b:before, .btn.b:after {
    color: #fff !important;
    background-color: #0e76bc !important; }
  .btn.g a, .btn.g input, .btn.g:before, .btn.g:after {
    color: #fff !important;
    background-color: #13a89e !important; }
  .btn.d a, .btn.d input, .btn.d:before, .btn.d:after {
    color: #fff !important;
    background-color: #01172f !important; }
  .btn.w a, .btn.w input, .btn.w:before, .btn.w:after {
    color: #01172f !important;
    background-color: #fff !important; }
  .btn:hover:after {
    right: 0px;
    transform: rotate(90deg);
    transform-origin: top left;
    width: 50px;
    height: 50px;
    border-right: 3px solid rgba(1, 23, 47, 0.5);
    border-top: 3px solid rgba(1, 23, 47, 0.5);
    background-color: transparent !important;
    background: none !important;
    z-index: 10; }
  .btn:hover:before {
    left: -22px;
    transform: rotate(90deg);
    transform-origin: bottom right;
    width: 50px;
    height: 50px;
    border-left: 3px solid rgba(1, 23, 47, 0.5);
    border-bottom: 3px solid rgba(1, 23, 47, 0.5);
    background-color: transparent !important;
    background: none !important;
    z-index: 10; }

.loading {
  width: 300px;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase; }
  .loading img {
    width: 65%;
    display: block;
    margin: auto;
    height: auto; }
  .loading p {
    letter-spacing: 10px;
    font-weight: bold; }
  .loading .anima {
    width: 100px;
    position: relative;
    height: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    margin: 30px auto; }
    .loading .anima > div {
      width: 20px;
      height: 20px;
      background-color: #13a89e;
      border-radius: 50%;
      position: relative; }
      .loading .anima > div:nth-child(1) {
        animation: up1 1s ease-in-out infinite;
        animation-delay: 0.1s; }

@keyframes up1 {
  0% {
    top: 0px; }
  20% {
    top: 0px; }
  55% {
    top: -10px; }
  100% {
    top: 0px; } }
      .loading .anima > div:nth-child(2) {
        animation: up2 1s ease-in-out infinite;
        animation-delay: 0.2s; }

@keyframes up2 {
  0% {
    top: 0px; }
  20% {
    top: 0px; }
  55% {
    top: -10px; }
  100% {
    top: 0px; } }
      .loading .anima > div:nth-child(3) {
        animation: up3 1s ease-in-out infinite;
        animation-delay: 0.3s; }

@keyframes up3 {
  0% {
    top: 0px; }
  20% {
    top: 0px; }
  55% {
    top: -10px; }
  100% {
    top: 0px; } }
      .loading .anima > div:nth-child(4) {
        animation: up4 1s ease-in-out infinite;
        animation-delay: 0.4s; }

@keyframes up4 {
  0% {
    top: 0px; }
  20% {
    top: 0px; }
  55% {
    top: -10px; }
  100% {
    top: 0px; } }

.wrapper {
  margin: 0 auto; }
  @media (min-width: 320px) {
    .wrapper {
      width: 95%;
      height: auto; } }
  @media (min-width: 576px) {
    .wrapper {
      width: 476px;
      height: auto; } }
  @media (min-width: 992px) {
    .wrapper {
      width: 892px;
      height: auto; } }
  @media (min-width: 768px) {
    .wrapper {
      width: 668px;
      height: auto; } }
  @media (min-width: 992px) {
    .wrapper {
      width: 892px;
      height: auto; } }
  @media (min-width: 1200px) {
    .wrapper {
      width: 1100px;
      height: auto; }
      .wrapper.sp {
        width: 1100px !important; } }
  @media (min-width: 1500px) {
    .wrapper {
      width: 1400px;
      height: auto; } }
  @media (min-width: 1920px) {
    .wrapper {
      width: 1820px;
      height: auto; } }

.capitalize {
  text-transform: capitalize !important; }

.uppercase, footer .content_3 .newsletter input.myBtn, .btn {
  text-transform: uppercase; }