@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800;900&family=Roboto&display=swap');
html, body {
    margin: 0;
    padding: 0;
}
body {
  background-color: #53b2eb;
  /*background-image: linear-gradient(160deg, #53b2eb 0%, #2cbbff 100%);*/
  color: #866448;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  max-height: 100vh;
  overflow: hidden;
	/*background: linear-gradient(-45deg, #1ba0ff, #42c7dd, #2393d5, #169ded);*/
	background: #ebdecb;
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
}


@keyframes fadeIn {
  from {top: 20%; opacity: 0;}
  to {top: 100; opacity: 1;}
  
}

@-webkit-keyframes fadeIn {
  from {top: 20%; opacity: 0;}
  to {top: 100; opacity: 1;}
  
}

.page-content {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 1000ms ease;
    -webkit-animation: fadeIn 1000ms ease;
    text-align: center;
    position: relative;
    z-index: 10;
}

h1 {
  font-size: 50px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 0;
  line-height: 1;
  font-weight: 700;
}

.dot {
  color: #002A51;
}

p {
  text-align: center;
  margin: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  
}

.icons {
  text-align: center;
  
}

.icons i {
  color: #00091B;
  background: #fff;
  height: 15px;
  width: 15px;
  padding: 13px;
  margin: 0 10px;
  border-radius: 50px;
  border: 2px solid #fff;
  transition: all 200ms ease;
  text-decoration: none;
  position: relative;
}

.icons i:hover, .icons i:active {
  color: #fff;
  background: none;
  cursor: pointer !important;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  text-decoration: none;
  
}    

.transition-5 {
  -webkit-transition: all ease-in-out 0.5s;
     -moz-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
       -o-transition: all ease-in-out 0.5s;
          transition: all ease-in-out 0.5s;
}

.easing-200, .tooltip:after {
-webkit-transition: all 200ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.easing-400 {
  -webkit-transition: all 400ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -moz-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
       -o-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
          transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

  -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
       -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
          transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.easing-delay-100 {
  -webkit-transition: all 200ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  -webkit-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -moz-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
       -o-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
          transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

  -webkit-transition-delay: 100ms;
     -moz-transition-delay: 100ms;
       -o-transition-delay: 100ms;
          transition-delay: 100ms;

  -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
       -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
          transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.easing-delay-300 {
  -webkit-transition: all 200ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  -webkit-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -moz-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
       -o-transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
          transition: all 200ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

  -webkit-transition-delay: 300ms;
     -moz-transition-delay: 300ms;
       -o-transition-delay: 300ms;
          transition-delay: 300ms;

  -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
       -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
          transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}
.social-list {
  display: table;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}

.social-list li {
  float: left;
  margin: 0 10px 10px 0;
  display: block;
}
.social-list li:last-child {
  margin-right: 0;
}
.social-list li:hover {
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
}
.social-list li a{
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 28px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  display: block;
  margin: auto;
  color: #f3e7dc !important;
  background: #b1906f;
  text-shadow: #8B6D54 1px 1px, #8B6D54 2px 2px, #8B6D54 3px 3px, #8B6D54 4px 4px, #8B6D54 5px 5px, #8B6D54 6px 6px, #8B6D54 7px 7px, #8B6D54 8px 8px, #8B6D54 9px 9px, #8B6D54 10px 10px, #8B6D54 11px 11px, #8B6D54 12px 12px, #8B6D54 13px 13px, #8B6D54 14px 14px, #8B6D54 15px 15px, #8B6D54 16px 16px, #8B6D54 17px 17px, #8B6D54 18px 18px, #8B6D54 19px 19px, #8B6D54 20px 20px, #8B6D54 21px 21px, #8B6D54 22px 22px, #8B6D54 23px 23px, #8B6D54 24px 24px, #8B6D54 25px 25px, #8B6D54 26px 26px, #8B6D54 27px 27px, #8B6D54 28px 28px, #8B6D54 29px 29px, #8B6D54 30px 30px, #8B6D54 31px 31px, #8B6D54 32px 32px, #8B6D54 33px 33px, #8B6D54 34px 34px, #8B6D54 35px 35px, #8B6D54 36px 36px, #8B6D54 37px 37px, #8B6D54 38px 38px, #8B6D54 39px 39px, #8B6D54 40px 40px, #8B6D54 41px 41px, #8B6D54 42px 42px, #8B6D54 43px 43px, #8B6D54 44px 44px, #8B6D54 45px 45px, #8B6D54 46px 46px, #8B6D54 47px 47px, #8B6D54 48px 48px, #8B6D54 49px 49px, #8B6D54 50px 50px, #8B6D54 51px 51px, #8B6D54 52px 52px, #8B6D54 53px 53px, #8B6D54 54px 54px, #8B6D54 55px 55px, #8B6D54 56px 56px, #8B6D54 57px 57px, #8B6D54 58px 58px, #8B6D54 59px 59px, #8B6D54 60px 60px, #8B6D54 61px 61px, #8B6D54 62px 62px, #8B6D54 63px 63px, #8B6D54 64px 64px, #8B6D54 65px 65px, #8B6D54 66px 66px, #8B6D54 67px 67px, #8B6D54 68px 68px, #8B6D54 69px 69px, #8B6D54 70px 70px, #8B6D54 71px 71px, #8B6D54 72px 72px, #8B6D54 73px 73px, #8B6D54 74px 74px, #8B6D54 75px 75px, #8B6D54 76px 76px, #8B6D54 77px 77px, #8B6D54 78px 78px, #8B6D54 79px 79px, #8B6D54 80px 80px, #8B6D54 81px 81px, #8B6D54 82px 82px, #8B6D54 83px 83px, #8B6D54 84px 84px, #8B6D54 85px 85px, #8B6D54 86px 86px, #8B6D54 87px 87px, #8B6D54 88px 88px, #8B6D54 89px 89px, #8B6D54 90px 90px, #8B6D54 91px 91px, #8B6D54 92px 92px, #8B6D54 93px 93px, #8B6D54 94px 94px, #8B6D54 95px 95px, #8B6D54 96px 96px, #8B6D54 97px 97px, #8B6D54 98px 98px, #8B6D54 99px 99px, #8B6D54 100px 100px;
  -webkit-box-shadow: 0px 2px 0px #8B6D54;
          box-shadow: 0px 2px 0px #8B6D54;
}

.social-list.circle li a {
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
@media screen and (max-width:767px) {
    .social-list li a {
      width: 35px;
      height: 35px;
      line-height: 35px;
      font-size: 16px;

    }
}

.social-list li:hover a { color: #fff !important;}

.social-list li.facebook a { color: #204385}
.social-list li.facebook:hover a {
  background: #204385;
  text-shadow: #183263 1px 1px, #183263 2px 2px, #183263 3px 3px, #183263 4px 4px, #183263 5px 5px, #183263 6px 6px, #183263 7px 7px, #183263 8px 8px, #183263 9px 9px, #183263 10px 10px, #183263 11px 11px, #183263 12px 12px, #183263 13px 13px, #183263 14px 14px, #183263 15px 15px, #183263 16px 16px, #183263 17px 17px, #183263 18px 18px, #183263 19px 19px, #183263 20px 20px, #183263 21px 21px, #183263 22px 22px, #183263 23px 23px, #183263 24px 24px, #183263 25px 25px, #183263 26px 26px, #183263 27px 27px, #183263 28px 28px, #183263 29px 29px, #183263 30px 30px, #183263 31px 31px, #183263 32px 32px, #183263 33px 33px, #183263 34px 34px, #183263 35px 35px, #183263 36px 36px, #183263 37px 37px, #183263 38px 38px, #183263 39px 39px, #183263 40px 40px, #183263 41px 41px, #183263 42px 42px, #183263 43px 43px, #183263 44px 44px, #183263 45px 45px, #183263 46px 46px, #183263 47px 47px, #183263 48px 48px, #183263 49px 49px, #183263 50px 50px, #183263 51px 51px, #183263 52px 52px, #183263 53px 53px, #183263 54px 54px, #183263 55px 55px, #183263 56px 56px, #183263 57px 57px, #183263 58px 58px, #183263 59px 59px, #183263 60px 60px, #183263 61px 61px, #183263 62px 62px, #183263 63px 63px, #183263 64px 64px, #183263 65px 65px, #183263 66px 66px, #183263 67px 67px, #183263 68px 68px, #183263 69px 69px, #183263 70px 70px, #183263 71px 71px, #183263 72px 72px, #183263 73px 73px, #183263 74px 74px, #183263 75px 75px, #183263 76px 76px, #183263 77px 77px, #183263 78px 78px, #183263 79px 79px, #183263 80px 80px, #183263 81px 81px, #183263 82px 82px, #183263 83px 83px, #183263 84px 84px, #183263 85px 85px, #183263 86px 86px, #183263 87px 87px, #183263 88px 88px, #183263 89px 89px, #183263 90px 90px, #183263 91px 91px, #183263 92px 92px, #183263 93px 93px, #183263 94px 94px, #183263 95px 95px, #183263 96px 96px, #183263 97px 97px, #183263 98px 98px, #183263 99px 99px, #183263 100px 100px;
  -webkit-box-shadow: 0px 2px 0px #183263;
          box-shadow: 0px 2px 0px #183263;
}
.social-list li.twitter a { color: #2AA9E0}
.social-list li.twitter:hover a {
  background: #2AA9E0;
  text-shadow: #1B8FC0 1px 1px, #1B8FC0 2px 2px, #1B8FC0 3px 3px, #1B8FC0 4px 4px, #1B8FC0 5px 5px, #1B8FC0 6px 6px, #1B8FC0 7px 7px, #1B8FC0 8px 8px, #1B8FC0 9px 9px, #1B8FC0 10px 10px, #1B8FC0 11px 11px, #1B8FC0 12px 12px, #1B8FC0 13px 13px, #1B8FC0 14px 14px, #1B8FC0 15px 15px, #1B8FC0 16px 16px, #1B8FC0 17px 17px, #1B8FC0 18px 18px, #1B8FC0 19px 19px, #1B8FC0 20px 20px, #1B8FC0 21px 21px, #1B8FC0 22px 22px, #1B8FC0 23px 23px, #1B8FC0 24px 24px, #1B8FC0 25px 25px, #1B8FC0 26px 26px, #1B8FC0 27px 27px, #1B8FC0 28px 28px, #1B8FC0 29px 29px, #1B8FC0 30px 30px, #1B8FC0 31px 31px, #1B8FC0 32px 32px, #1B8FC0 33px 33px, #1B8FC0 34px 34px, #1B8FC0 35px 35px, #1B8FC0 36px 36px, #1B8FC0 37px 37px, #1B8FC0 38px 38px, #1B8FC0 39px 39px, #1B8FC0 40px 40px, #1B8FC0 41px 41px, #1B8FC0 42px 42px, #1B8FC0 43px 43px, #1B8FC0 44px 44px, #1B8FC0 45px 45px, #1B8FC0 46px 46px, #1B8FC0 47px 47px, #1B8FC0 48px 48px, #1B8FC0 49px 49px, #1B8FC0 50px 50px, #1B8FC0 51px 51px, #1B8FC0 52px 52px, #1B8FC0 53px 53px, #1B8FC0 54px 54px, #1B8FC0 55px 55px, #1B8FC0 56px 56px, #1B8FC0 57px 57px, #1B8FC0 58px 58px, #1B8FC0 59px 59px, #1B8FC0 60px 60px, #1B8FC0 61px 61px, #1B8FC0 62px 62px, #1B8FC0 63px 63px, #1B8FC0 64px 64px, #1B8FC0 65px 65px, #1B8FC0 66px 66px, #1B8FC0 67px 67px, #1B8FC0 68px 68px, #1B8FC0 69px 69px, #1B8FC0 70px 70px, #1B8FC0 71px 71px, #1B8FC0 72px 72px, #1B8FC0 73px 73px, #1B8FC0 74px 74px, #1B8FC0 75px 75px, #1B8FC0 76px 76px, #1B8FC0 77px 77px, #1B8FC0 78px 78px, #1B8FC0 79px 79px, #1B8FC0 80px 80px, #1B8FC0 81px 81px, #1B8FC0 82px 82px, #1B8FC0 83px 83px, #1B8FC0 84px 84px, #1B8FC0 85px 85px, #1B8FC0 86px 86px, #1B8FC0 87px 87px, #1B8FC0 88px 88px, #1B8FC0 89px 89px, #1B8FC0 90px 90px, #1B8FC0 91px 91px, #1B8FC0 92px 92px, #1B8FC0 93px 93px, #1B8FC0 94px 94px, #1B8FC0 95px 95px, #1B8FC0 96px 96px, #1B8FC0 97px 97px, #1B8FC0 98px 98px, #1B8FC0 99px 99px, #1B8FC0 100px 100px;
  -webkit-box-shadow: 0px 2px 0px #1B8FC0;
          box-shadow: 0px 2px 0px #1B8FC0;
}
.social-list li.google-plus a { color: #D4492C}
.social-list li.google-plus:hover a {
  background: #D4492C;
  text-shadow: #B23C24 1px 1px, #B23C24 2px 2px, #B23C24 3px 3px, #B23C24 4px 4px, #B23C24 5px 5px, #B23C24 6px 6px, #B23C24 7px 7px, #B23C24 8px 8px, #B23C24 9px 9px, #B23C24 10px 10px, #B23C24 11px 11px, #B23C24 12px 12px, #B23C24 13px 13px, #B23C24 14px 14px, #B23C24 15px 15px, #B23C24 16px 16px, #B23C24 17px 17px, #B23C24 18px 18px, #B23C24 19px 19px, #B23C24 20px 20px, #B23C24 21px 21px, #B23C24 22px 22px, #B23C24 23px 23px, #B23C24 24px 24px, #B23C24 25px 25px, #B23C24 26px 26px, #B23C24 27px 27px, #B23C24 28px 28px, #B23C24 29px 29px, #B23C24 30px 30px, #B23C24 31px 31px, #B23C24 32px 32px, #B23C24 33px 33px, #B23C24 34px 34px, #B23C24 35px 35px, #B23C24 36px 36px, #B23C24 37px 37px, #B23C24 38px 38px, #B23C24 39px 39px, #B23C24 40px 40px, #B23C24 41px 41px, #B23C24 42px 42px, #B23C24 43px 43px, #B23C24 44px 44px, #B23C24 45px 45px, #B23C24 46px 46px, #B23C24 47px 47px, #B23C24 48px 48px, #B23C24 49px 49px, #B23C24 50px 50px, #B23C24 51px 51px, #B23C24 52px 52px, #B23C24 53px 53px, #B23C24 54px 54px, #B23C24 55px 55px, #B23C24 56px 56px, #B23C24 57px 57px, #B23C24 58px 58px, #B23C24 59px 59px, #B23C24 60px 60px, #B23C24 61px 61px, #B23C24 62px 62px, #B23C24 63px 63px, #B23C24 64px 64px, #B23C24 65px 65px, #B23C24 66px 66px, #B23C24 67px 67px, #B23C24 68px 68px, #B23C24 69px 69px, #B23C24 70px 70px, #B23C24 71px 71px, #B23C24 72px 72px, #B23C24 73px 73px, #B23C24 74px 74px, #B23C24 75px 75px, #B23C24 76px 76px, #B23C24 77px 77px, #B23C24 78px 78px, #B23C24 79px 79px, #B23C24 80px 80px, #B23C24 81px 81px, #B23C24 82px 82px, #B23C24 83px 83px, #B23C24 84px 84px, #B23C24 85px 85px, #B23C24 86px 86px, #B23C24 87px 87px, #B23C24 88px 88px, #B23C24 89px 89px, #B23C24 90px 90px, #B23C24 91px 91px, #B23C24 92px 92px, #B23C24 93px 93px, #B23C24 94px 94px, #B23C24 95px 95px, #B23C24 96px 96px, #B23C24 97px 97px, #B23C24 98px 98px, #B23C24 99px 99px, #B23C24 100px 100px;
  -webkit-box-shadow: 0px 2px 0px #B23C24;
          box-shadow: 0px 2px 0px #B23C24;
}
.social-list li.youtube a, .social-list li.email a { color: #EB2429}
.social-list li.youtube:hover a, .social-list li.email:hover a {
  background: #EB2429;
  text-shadow: #CD1319 1px 1px, #CD1319 2px 2px, #CD1319 3px 3px, #CD1319 4px 4px, #CD1319 5px 5px, #CD1319 6px 6px, #CD1319 7px 7px, #CD1319 8px 8px, #CD1319 9px 9px, #CD1319 10px 10px, #CD1319 11px 11px, #CD1319 12px 12px, #CD1319 13px 13px, #CD1319 14px 14px, #CD1319 15px 15px, #CD1319 16px 16px, #CD1319 17px 17px, #CD1319 18px 18px, #CD1319 19px 19px, #CD1319 20px 20px, #CD1319 21px 21px, #CD1319 22px 22px, #CD1319 23px 23px, #CD1319 24px 24px, #CD1319 25px 25px, #CD1319 26px 26px, #CD1319 27px 27px, #CD1319 28px 28px, #CD1319 29px 29px, #CD1319 30px 30px, #CD1319 31px 31px, #CD1319 32px 32px, #CD1319 33px 33px, #CD1319 34px 34px, #CD1319 35px 35px, #CD1319 36px 36px, #CD1319 37px 37px, #CD1319 38px 38px, #CD1319 39px 39px, #CD1319 40px 40px, #CD1319 41px 41px, #CD1319 42px 42px, #CD1319 43px 43px, #CD1319 44px 44px, #CD1319 45px 45px, #CD1319 46px 46px, #CD1319 47px 47px, #CD1319 48px 48px, #CD1319 49px 49px, #CD1319 50px 50px, #CD1319 51px 51px, #CD1319 52px 52px, #CD1319 53px 53px, #CD1319 54px 54px, #CD1319 55px 55px, #CD1319 56px 56px, #CD1319 57px 57px, #CD1319 58px 58px, #CD1319 59px 59px, #CD1319 60px 60px, #CD1319 61px 61px, #CD1319 62px 62px, #CD1319 63px 63px, #CD1319 64px 64px, #CD1319 65px 65px, #CD1319 66px 66px, #CD1319 67px 67px, #CD1319 68px 68px, #CD1319 69px 69px, #CD1319 70px 70px, #CD1319 71px 71px, #CD1319 72px 72px, #CD1319 73px 73px, #CD1319 74px 74px, #CD1319 75px 75px, #CD1319 76px 76px, #CD1319 77px 77px, #CD1319 78px 78px, #CD1319 79px 79px, #CD1319 80px 80px, #CD1319 81px 81px, #CD1319 82px 82px, #CD1319 83px 83px, #CD1319 84px 84px, #CD1319 85px 85px, #CD1319 86px 86px, #CD1319 87px 87px, #CD1319 88px 88px, #CD1319 89px 89px, #CD1319 90px 90px, #CD1319 91px 91px, #CD1319 92px 92px, #CD1319 93px 93px, #CD1319 94px 94px, #CD1319 95px 95px, #CD1319 96px 96px, #CD1319 97px 97px, #CD1319 98px 98px, #CD1319 99px 99px, #CD1319 100px 100px;
  -webkit-box-shadow: 0px 2px 0px #CD1319;
          box-shadow: 0px 2px 0px #CD1319;
}
.social-list li.linkedin a { color: #204385}
.social-list li.linkedin:hover a {
  background: #204385;
  text-shadow: #17305E 1px 1px, #17305E 2px 2px, #17305E 3px 3px, #17305E 4px 4px, #17305E 5px 5px, #17305E 6px 6px, #17305E 7px 7px, #17305E 8px 8px, #17305E 9px 9px, #17305E 10px 10px, #17305E 11px 11px, #17305E 12px 12px, #17305E 13px 13px, #17305E 14px 14px, #17305E 15px 15px, #17305E 16px 16px, #17305E 17px 17px, #17305E 18px 18px, #17305E 19px 19px, #17305E 20px 20px, #17305E 21px 21px, #17305E 22px 22px, #17305E 23px 23px, #17305E 24px 24px, #17305E 25px 25px, #17305E 26px 26px, #17305E 27px 27px, #17305E 28px 28px, #17305E 29px 29px, #17305E 30px 30px, #17305E 31px 31px, #17305E 32px 32px, #17305E 33px 33px, #17305E 34px 34px, #17305E 35px 35px, #17305E 36px 36px, #17305E 37px 37px, #17305E 38px 38px, #17305E 39px 39px, #17305E 40px 40px, #17305E 41px 41px, #17305E 42px 42px, #17305E 43px 43px, #17305E 44px 44px, #17305E 45px 45px, #17305E 46px 46px, #17305E 47px 47px, #17305E 48px 48px, #17305E 49px 49px, #17305E 50px 50px, #17305E 51px 51px, #17305E 52px 52px, #17305E 53px 53px, #17305E 54px 54px, #17305E 55px 55px, #17305E 56px 56px, #17305E 57px 57px, #17305E 58px 58px, #17305E 59px 59px, #17305E 60px 60px, #17305E 61px 61px, #17305E 62px 62px, #17305E 63px 63px, #17305E 64px 64px, #17305E 65px 65px, #17305E 66px 66px, #17305E 67px 67px, #17305E 68px 68px, #17305E 69px 69px, #17305E 70px 70px, #17305E 71px 71px, #17305E 72px 72px, #17305E 73px 73px, #17305E 74px 74px, #17305E 75px 75px, #17305E 76px 76px, #17305E 77px 77px, #17305E 78px 78px, #17305E 79px 79px, #17305E 80px 80px, #17305E 81px 81px, #17305E 82px 82px, #17305E 83px 83px, #17305E 84px 84px, #17305E 85px 85px, #17305E 86px 86px, #17305E 87px 87px, #17305E 88px 88px, #17305E 89px 89px, #17305E 90px 90px, #17305E 91px 91px, #17305E 92px 92px, #17305E 93px 93px, #17305E 94px 94px, #17305E 95px 95px, #17305E 96px 96px, #17305E 97px 97px, #17305E 98px 98px, #17305E 99px 99px, #17305E 100px 100px;
  -webkit-box-shadow: 0px 2px 0px #17305E;
          box-shadow: 0px 2px 0px #17305E;
}
.social-list li.behance a { color: #2E99D1}
.social-list li.behance:hover a {
  background: #2E99D1;
  text-shadow: #257AA7 1px 1px, #257AA7 2px 2px, #257AA7 3px 3px, #257AA7 4px 4px, #257AA7 5px 5px, #257AA7 6px 6px, #257AA7 7px 7px, #257AA7 8px 8px, #257AA7 9px 9px, #257AA7 10px 10px, #257AA7 11px 11px, #257AA7 12px 12px, #257AA7 13px 13px, #257AA7 14px 14px, #257AA7 15px 15px, #257AA7 16px 16px, #257AA7 17px 17px, #257AA7 18px 18px, #257AA7 19px 19px, #257AA7 20px 20px, #257AA7 21px 21px, #257AA7 22px 22px, #257AA7 23px 23px, #257AA7 24px 24px, #257AA7 25px 25px, #257AA7 26px 26px, #257AA7 27px 27px, #257AA7 28px 28px, #257AA7 29px 29px, #257AA7 30px 30px, #257AA7 31px 31px, #257AA7 32px 32px, #257AA7 33px 33px, #257AA7 34px 34px, #257AA7 35px 35px, #257AA7 36px 36px, #257AA7 37px 37px, #257AA7 38px 38px, #257AA7 39px 39px, #257AA7 40px 40px, #257AA7 41px 41px, #257AA7 42px 42px, #257AA7 43px 43px, #257AA7 44px 44px, #257AA7 45px 45px, #257AA7 46px 46px, #257AA7 47px 47px, #257AA7 48px 48px, #257AA7 49px 49px, #257AA7 50px 50px, #257AA7 51px 51px, #257AA7 52px 52px, #257AA7 53px 53px, #257AA7 54px 54px, #257AA7 55px 55px, #257AA7 56px 56px, #257AA7 57px 57px, #257AA7 58px 58px, #257AA7 59px 59px, #257AA7 60px 60px, #257AA7 61px 61px, #257AA7 62px 62px, #257AA7 63px 63px, #257AA7 64px 64px, #257AA7 65px 65px, #257AA7 66px 66px, #257AA7 67px 67px, #257AA7 68px 68px, #257AA7 69px 69px, #257AA7 70px 70px, #257AA7 71px 71px, #257AA7 72px 72px, #257AA7 73px 73px, #257AA7 74px 74px, #257AA7 75px 75px, #257AA7 76px 76px, #257AA7 77px 77px, #257AA7 78px 78px, #257AA7 79px 79px, #257AA7 80px 80px, #257AA7 81px 81px, #257AA7 82px 82px, #257AA7 83px 83px, #257AA7 84px 84px, #257AA7 85px 85px, #257AA7 86px 86px, #257AA7 87px 87px, #257AA7 88px 88px, #257AA7 89px 89px, #257AA7 90px 90px, #257AA7 91px 91px, #257AA7 92px 92px, #257AA7 93px 93px, #257AA7 94px 94px, #257AA7 95px 95px, #257AA7 96px 96px, #257AA7 97px 97px, #257AA7 98px 98px, #257AA7 99px 99px, #257AA7 100px 100px;
  -webkit-box-shadow: 0px 2px 0px #257AA7;
          box-shadow: 0px 2px 0px #257AA7;
}
.social-list li.github a, .social-list li.mobile a { color: #000; font-size: 38px;}
.social-list li.github:hover a, .social-list li.mobile:hover a {
  background: #252525;
  text-shadow: #111 1px 1px, #111 2px 2px, #111 3px 3px, #111 4px 4px, #111 5px 5px, #111 6px 6px, #111 7px 7px, #111 8px 8px, #111 9px 9px, #111 10px 10px, #111 11px 11px, #111 12px 12px, #111 13px 13px, #111 14px 14px, #111 15px 15px, #111 16px 16px, #111 17px 17px, #111 18px 18px, #111 19px 19px, #111 20px 20px, #111 21px 21px, #111 22px 22px, #111 23px 23px, #111 24px 24px, #111 25px 25px, #111 26px 26px, #111 27px 27px, #111 28px 28px, #111 29px 29px, #111 30px 30px, #111 31px 31px, #111 32px 32px, #111 33px 33px, #111 34px 34px, #111 35px 35px, #111 36px 36px, #111 37px 37px, #111 38px 38px, #111 39px 39px, #111 40px 40px, #111 41px 41px, #111 42px 42px, #111 43px 43px, #111 44px 44px, #111 45px 45px, #111 46px 46px, #111 47px 47px, #111 48px 48px, #111 49px 49px, #111 50px 50px, #111 51px 51px, #111 52px 52px, #111 53px 53px, #111 54px 54px, #111 55px 55px, #111 56px 56px, #111 57px 57px, #111 58px 58px, #111 59px 59px, #111 60px 60px, #111 61px 61px, #111 62px 62px, #111 63px 63px, #111 64px 64px, #111 65px 65px, #111 66px 66px, #111 67px 67px, #111 68px 68px, #111 69px 69px, #111 70px 70px, #111 71px 71px, #111 72px 72px, #111 73px 73px, #111 74px 74px, #111 75px 75px, #111 76px 76px, #111 77px 77px, #111 78px 78px, #111 79px 79px, #111 80px 80px, #111 81px 81px, #111 82px 82px, #111 83px 83px, #111 84px 84px, #111 85px 85px, #111 86px 86px, #111 87px 87px, #111 88px 88px, #111 89px 89px, #111 90px 90px, #111 91px 91px, #111 92px 92px, #111 93px 93px, #111 94px 94px, #111 95px 95px, #111 96px 96px, #111 97px 97px, #111 98px 98px, #111 99px 99px, #111 100px 100px;
  -webkit-box-shadow: 0px 2px 0px #111;
          box-shadow: 0px 2px 0px #111;
}
.social-list li.stack-overflow a { color: #F48024}
.social-list li.stack-overflow:hover a {
  background: #F48024;
  text-shadow: #c4651d 1px 1px, #c4651d 2px 2px, #c4651d 3px 3px, #c4651d 4px 4px, #c4651d 5px 5px, #c4651d 6px 6px, #c4651d 7px 7px, #c4651d 8px 8px, #c4651d 9px 9px, #c4651d 10px 10px, #c4651d 11px 11px, #c4651d 12px 12px, #c4651d 13px 13px, #c4651d 14px 14px, #c4651d 15px 15px, #c4651d 16px 16px, #c4651d 17px 17px, #c4651d 18px 18px, #c4651d 19px 19px, #c4651d 20px 20px, #c4651d 21px 21px, #c4651d 22px 22px, #c4651d 23px 23px, #c4651d 24px 24px, #c4651d 25px 25px, #c4651d 26px 26px, #c4651d 27px 27px, #c4651d 28px 28px, #c4651d 29px 29px, #c4651d 30px 30px, #c4651d 31px 31px, #c4651d 32px 32px, #c4651d 33px 33px, #c4651d 34px 34px, #c4651d 35px 35px, #c4651d 36px 36px, #c4651d 37px 37px, #c4651d 38px 38px, #c4651d 39px 39px, #c4651d 40px 40px, #c4651d 41px 41px, #c4651d 42px 42px, #c4651d 43px 43px, #c4651d 44px 44px, #c4651d 45px 45px, #c4651d 46px 46px, #c4651d 47px 47px, #c4651d 48px 48px, #c4651d 49px 49px, #c4651d 50px 50px, #c4651d 51px 51px, #c4651d 52px 52px, #c4651d 53px 53px, #c4651d 54px 54px, #c4651d 55px 55px, #c4651d 56px 56px, #c4651d 57px 57px, #c4651d 58px 58px, #c4651d 59px 59px, #c4651d 60px 60px, #c4651d 61px 61px, #c4651d 62px 62px, #c4651d 63px 63px, #c4651d 64px 64px, #c4651d 65px 65px, #c4651d 66px 66px, #c4651d 67px 67px, #c4651d 68px 68px, #c4651d 69px 69px, #c4651d 70px 70px, #c4651d 71px 71px, #c4651d 72px 72px, #c4651d 73px 73px, #c4651d 74px 74px, #c4651d 75px 75px, #c4651d 76px 76px, #c4651d 77px 77px, #c4651d 78px 78px, #c4651d 79px 79px, #c4651d 80px 80px, #c4651d 81px 81px, #c4651d 82px 82px, #c4651d 83px 83px, #c4651d 84px 84px, #c4651d 85px 85px, #c4651d 86px 86px, #c4651d 87px 87px, #c4651d 88px 88px, #c4651d 89px 89px, #c4651d 90px 90px, #c4651d 91px 91px, #c4651d 92px 92px, #c4651d 93px 93px, #c4651d 94px 94px, #c4651d 95px 95px, #c4651d 96px 96px, #c4651d 97px 97px, #c4651d 98px 98px, #c4651d 99px 99px, #c4651d 100px 100px;
  -webkit-box-shadow: 0px 2px 0px #c4651d;
          box-shadow: 0px 2px 0px #c4651d;
}
.social-list li.whatsapp a { color: #5FC75B; font-size: 38px;}
.social-list li.whatsapp:hover a {
  background: #5FC75B;
  text-shadow: #3f923c 1px 1px, #3f923c 2px 2px, #3f923c 3px 3px, #3f923c 4px 4px, #3f923c 5px 5px, #3f923c 6px 6px, #3f923c 7px 7px, #3f923c 8px 8px, #3f923c 9px 9px, #3f923c 10px 10px, #3f923c 11px 11px, #3f923c 12px 12px, #3f923c 13px 13px, #3f923c 14px 14px, #3f923c 15px 15px, #3f923c 16px 16px, #3f923c 17px 17px, #3f923c 18px 18px, #3f923c 19px 19px, #3f923c 20px 20px, #3f923c 21px 21px, #3f923c 22px 22px, #3f923c 23px 23px, #3f923c 24px 24px, #3f923c 25px 25px, #3f923c 26px 26px, #3f923c 27px 27px, #3f923c 28px 28px, #3f923c 29px 29px, #3f923c 30px 30px, #3f923c 31px 31px, #3f923c 32px 32px, #3f923c 33px 33px, #3f923c 34px 34px, #3f923c 35px 35px, #3f923c 36px 36px, #3f923c 37px 37px, #3f923c 38px 38px, #3f923c 39px 39px, #3f923c 40px 40px, #3f923c 41px 41px, #3f923c 42px 42px, #3f923c 43px 43px, #3f923c 44px 44px, #3f923c 45px 45px, #3f923c 46px 46px, #3f923c 47px 47px, #3f923c 48px 48px, #3f923c 49px 49px, #3f923c 50px 50px, #3f923c 51px 51px, #3f923c 52px 52px, #3f923c 53px 53px, #3f923c 54px 54px, #3f923c 55px 55px, #3f923c 56px 56px, #3f923c 57px 57px, #3f923c 58px 58px, #3f923c 59px 59px, #3f923c 60px 60px, #3f923c 61px 61px, #3f923c 62px 62px, #3f923c 63px 63px, #3f923c 64px 64px, #3f923c 65px 65px, #3f923c 66px 66px, #3f923c 67px 67px, #3f923c 68px 68px, #3f923c 69px 69px, #3f923c 70px 70px, #3f923c 71px 71px, #3f923c 72px 72px, #3f923c 73px 73px, #3f923c 74px 74px, #3f923c 75px 75px, #3f923c 76px 76px, #3f923c 77px 77px, #3f923c 78px 78px, #3f923c 79px 79px, #3f923c 80px 80px, #3f923c 81px 81px, #3f923c 82px 82px, #3f923c 83px 83px, #3f923c 84px 84px, #3f923c 85px 85px, #3f923c 86px 86px, #3f923c 87px 87px, #3f923c 88px 88px, #3f923c 89px 89px, #3f923c 90px 90px, #3f923c 91px 91px, #3f923c 92px 92px, #3f923c 93px 93px, #3f923c 94px 94px, #3f923c 95px 95px, #3f923c 96px 96px, #3f923c 97px 97px, #3f923c 98px 98px, #3f923c 99px 99px, #3f923c 100px 100px;
  -webkit-box-shadow: 0px 2px 0px #3f923c;
          box-shadow: 0px 2px 0px #3f923c;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}


.tooltip {
    position: relative;
}
.tooltip::after {
    content: attr(data-tooltip);
	background-color: #be8c5e;
	border-radius: 10px;
	color: #fff;
	display: none;
	padding: 10px 15px;
	position: absolute;
	text-align: center;
	z-index: 999;
}

.tooltip::before {
	background-color: #be8c5e;
	content: ' ';
	display: none;
	position: absolute;
	width: 15px;
	height: 15px;
	z-index: 999;
}

.tooltip:hover::after {
	display: block;
}

.tooltip:hover::before {
	display: block;
}

.tooltip.top::after {
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 10px));
}

.tooltip.top::before {
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 5px)) rotate(45deg);
}

.tooltip.bottom::after {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, calc(100% + 10px));
}

.tooltip.bottom::before {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, calc(100% + 5px)) rotate(45deg);
}

.tooltip.right::after {
	top: 0;
	right: 0;
	transform: translateX(calc(100% + 10px));
}

.tooltip.right::before {
	top: 50%;
	right: 0;
	transform: translate(calc(100% + 5px), -50%) rotate(45deg);
}

.tooltip.left::after {
	top: 0;
	left: 0;
	transform: translateX(calc(-100% - 10px));
}

.tooltip.left::before {
	top: 50%;
	left: 0;
	transform: translate(calc(-100% - 5px), -50%) rotate(45deg);
}

.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 90vw;
}
.lines .line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: rgb(247 224 208 / 70%);
  overflow: hidden;
}
.lines .line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(75%, rgba(#ffffff)), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ab8471 75%, #ab8471 100%);
  -webkit-animation: run 7s 0s infinite;
          animation: run 7s 0s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
          animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.lines .line:nth-child(2) {
  display: none;
}
.lines .line:nth-child(1) {
  margin-left: -35%;
}
.lines .line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.lines .line:nth-child(3) {
  margin-left: 35%;
}
.lines .line:nth-child(3)::after {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

@-webkit-keyframes run {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

@keyframes run {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

.area{
    width: 100%;
    height:100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

svg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 0;
    opacity: 0.05;
}

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