/* You can add global styles to this file, and also import other style files */
.h5{font-size:18px;}
@media (min-width: 1200px){}
.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1250px;
}


.kk{
    color:white;
}
.kk:hover{
    color:#00a4cd;
    background-color:white;
}

@media (min-width: 1400px){

  .hh {

    width: 450px;
}
.wx{
  width:400px;
}
}



@media (min-width: 992px){

	.hh {

    width: auto;
}

.wx{
  width:auto;
}
}

.icon:hover{
  background-color: #00a4cd;
  border-radius:10px;
}

.fadeok{
  animation: fadeIn;
}

@keyframes fadeIn {
from{
  opacity:0;
}
to{
  opacity:1;
}
}
.ah:hover{
  background-color : #f8a01a;
  color:white;
}



.btn-outline-primary {
    color: #2462a9;
    border-color: #2462a9;
    font-size:15px;
  }
  .btn-outline-primary:hover {
    color: white;
    border-color: #2462a9;
    background-color: #2462a9;
  }
  .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: #2462a9;
    border-color: #2462a9;
  }
  .lead
  {
    font-size: 16px;
  }


   /* .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 } */

 /* .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
} */

.dropdown:hover>.dropdown-menu {
    display: block;
  }

  .dropdown-submenu:hover>.dropdown-menu {
    display: block;
  }

  /* .dropdown>.dropdown-toggle:active {

      pointer-events: none;
  }

  .dropdown-submenu>.dropdown-toggle:active {

      pointer-events: none;
  } */


  .img-flip:hover {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }

  .img-flip2:hover {
    -webkit-transform: scaleY(1);
    transform: scaleY(-1);
  }

  .slidepp {
    animation-duration: 3s;
    animation-name: slidein;
  }

  @keyframes slidein {
    from {
      margin-left: 100%;
      width: 300%;
    }

    to {
      margin-left: 0%;
      width: 100%;
    }
  }

  .slideupp {
    animation-duration: 3s;
    animation-name: slideup;
  }

  @keyframes slideup {
    from {
      margin-top: 100%;
      width: 300%;
    }

    to {
      margin-top: 0%;
      width: 100%;
    }
  }

p{
    letter-spacing: 0.5px;
}

.slidetesti {
    animation-duration: 3s;
    animation-name: slidekg;
  }

  @keyframes slidekg {
    from {
      margin-left: 100%;
      width: 500%;
    }

    to {
      margin-left: 0%;
      width: 100%;
    }
  }


  .div-img {
    position: relative;
    -webkit-animation: mymove 2s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 5s infinite;
    background-size: 200px 200px;
    background-repeat: no-repeat;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0%   {opacity: 0;}
    50%  {opacity: 0.7;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes mymove {
    0%   {opacity: 0;}
    50%  {opacity: 0.7;}
    100% {opacity: 1;}
}

.ii{
    transform: rotate(20deg);
}

.ii:hover{
    transform: none;
}