@media (min-width: 1200px){

    .banner-h {

      height: 450px;
  }
  }



  @media (min-width: 992px){

      .banner-h {

      height: auto;
  }
  }

  .btn-outline-primary {
    color: #075196;
    border-color: #075196;
    font-size:15px;
  }
  .btn-outline-primary:hover {
    color: white;
    border-color: #075196;
    background-color: #075196;
  }
  .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #075196;
    border-color: #075196;
  }

  ::placeholder {
    color: #075196;
    opacity: 1; /* Firefox */
  }

  .kkp:hover{

    border:2px solid #067751;
    border-radius:50%;
    padding:2px;
    transition: border-color 2s ease;

  }

  .container {
    isolation: isolate;
  }

  .buttonok {
    background: #075196;
    border: 0;
    box-sizing: border-box;
    margin: 5px;
    padding: 1em 2em;
    box-shadow: inset 0 0 0 2px #f45e61;
    font-size: inherit;
    font-weight: 500;
    position: relative;
    vertical-align: middle;
  }
  .buttonok::before, .buttonok::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .draw {
    transition: color 0.25s;
  }
  .draw::before, .draw::after {
    border: 2px solid transparent;
    width: 0;
    height: 0;
  }
  .draw::before {
    top: 0;
    left: 0;
  }
  .draw::after {
    bottom: 0;
    right: 0;
  }
  .draw:hover {
    color: #0eb7da;
  }
  .draw:hover::before, .draw:hover::after {
    width: 100%;
    height: 100%;
  }
  .draw:hover::before {
    border-top-color: #0eb7da;
    border-right-color: #0eb7da;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  }
  .draw:hover::after {
    border-bottom-color: #0eb7da;
    border-left-color: #0eb7da;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  }
  .meet:hover {
    color: #0eb7da;
  }
  .meet::after {
    top: 0;
    left: 0;
  }
  .meet:hover::before {
    border-top-color: #0eb7da;
    border-right-color: #0eb7da;
  }
  .meet:hover::after {
    border-bottom-color: #0eb7da;
    border-left-color: #0eb7da;
    transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
  }
  .center:hover {
    color: #0eb7da;
  }
  .center::before, .center::after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin: center;
  }
  .center::before {
    border-top: 2px solid #0eb7da;
    border-bottom: 2px solid #0eb7da;
    transform: scale3d(0, 1, 1);
  }
  .center::after {
    border-left: 2px solid #0eb7da;
    border-right: 2px solid #0eb7da;
    transform: scale3d(1, 0, 1);
  }
  .center:hover::before, .center:hover::after {
    transform: scale3d(1, 1, 1);
    transition: transform 0.5s;
  }
  .spin {
    width: 1em;
    height: 1em;
    padding: 5px;
  }
  .spin:hover {
    color: #2bbb0e;
  }
  .spin::before, .spin::after {
    top: 0;
    left: 0;
  }
  .spin::before {
    border: 2px solid transparent;
  }
  .spin:hover::before {
    border-top-color: #2bbb0e;
    border-right-color: #2bbb0e;
    border-bottom-color: #2bbb0e;
    transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
  }
  .spin::after {
    border: 0 solid transparent;
  }
  .spin:hover::after {
    border-top: 2px solid #2bbb0e;
    border-left-width: 2px;
    border-right-width: 2px;
    transform: rotate(270deg);
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
  }
  .circle {
    border-radius: 100%;
    box-shadow: none;
  }
  .circle::before, .circle::after {
    border-radius: 100%;
  }

  .txt{
    text-align: center;
    border-bottom: 2px solid #067751;
    width: 50%;
    transition: width 2s;
  }

  .txt:hover {
    text-align: center;
    border-bottom: 2px solid #067751;
    width: 100%;
  }

  /* .par {
    height: auto;
    overflow: hidden;
  }

  p{
    transform: translateY(300px);
    animation: slideUp .8s ease-in-out forwards .8s;
  }

  h1 {
    transform: translateY(100px);
    animation: slideUp .8s ease forwards .5s;
  }

  @keyframes slideIn {
  0% {
    transform: translateX(500px) scale(.2);
  }
  100% {
    transform: translateX(0px) scale(1);
  }
  }

  @keyframes slideUp {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0px);
  }
  }

  @keyframes expand {
  0% {
    transform: translateX(1400px);
  }
  100% {
    transform: translateX(0px);
  }
  }

  .btn{
    animation: slideUp .8s ease-in-out  forwards 1s;
  } */

  .module {
    width: 100%;

    box-shadow: 0 1px 3px rgba(black, 0.2);
    /*transform: translateY(100px);*/
    transform: translate3d(0, 100px, 0);
    /* added translateY position to module to prevent the module loading at 0 then jumping down before sliding up (on mobile) */
    /* replaced translateY with translate3d for iOS hardware-acceleration*/
  }

  .module:nth-child(even) {
    margin-right: 0;
  }

  .come-in {
    /*transform: translateY(100px);*/
    transform: translate3d(0, 100px, 0);
    animation: come-in 0.8s ease forwards;
  }
  .come-in:nth-child(odd) {
    animation-duration: 0.6s;
  }
  .already-visible {
    /*transform: translateY(0);*/
    transform: translate3d(0, 0, 0);
    animation: none;
  }

  @keyframes come-in {
    to { transform: translate3d(0, 0, 0); }
  }