body{
  background: url("images/background proba.png") no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div {
			
			transition: height 0.3s;
			
		}
    .navbar{
      background-color: rgb(55,54,132);
    }
    @media all and (min-width: 1200px) {
      .navbar .nav-item .dropdown-menu{ display: none; }
      .navbar .nav-item:hover .nav-link{ color: #fff;  }
      .navbar .nav-item:hover .dropdown-menu{ display: block; }
      .navbar .nav-item .dropdown-menu{ margin-top:0; } 
    } 
    @media all and (min-width: 1200px) {
      .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
      .navbar .nav-item:hover .nav-link{ color: #fff;  }
      .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
      .navbar .dropdown-menu.fade-up{ top:180%;  }
      .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}   

    @media (min-width: 300px) {
      .navbar-toggler{
        float:right;
      }
    }
    
    .carousel{
        position: absolute;
        padding-top: 60px; 
    }
    .footer{
      position: relative;
    }

		div.card{

			border: 3px solid transparent;
  			display: block;
        box-shadow: 5px 5px 10px 3px lightgrey;
		}


		.carousel-control-prev{
      color: black;
    }
    .carousel-control-prev:hover{
      background: rgba(100,100,100,0.2);
    }

    .carousel-control-next{
    color: black;
    }
    .carousel-control-next:hover{
    background: rgba(100,100,100,0.2);
    }


    .card-title{
      color: rgb(55,54,132);
    }

		.card-text{
			transition: height 1s;

			padding-left: 5px;
			padding-bottom: 15px;
			position:relative;
			right: 23px;
			opacity: 0;
			height:0;
		}

		div.card:hover {	
			border: 3px;
			border-style: solid;
			border-radius: 5px ;
			/*background-color: lightgrey;*/
      background-image: linear-gradient(to bottom, lightgrey, white, lightgrey)/*, radial-gradient(ellipse at center, white 50%, lightgrey )*/; 		
    }
		@media (min-width: 990px) {
    .card:hover > .card-body .card-text   
    {
      height: 320px;
      width: 290px;
      opacity:1;
      padding-left-right: 5px;
      border: 3px;
      border-style: solid;
      border-bottom: none;
      border-radius: 5px 5px 0px 0px;
      background-image: linear-gradient(to bottom, white 70%, lightgrey)/*/, radial-gradient(white, lightgrey )*/; 
    }
    }
		@media (min-width: 1199px) {
      .card:hover > .card-body .card-text	  
		{
      height: 250px;
      width: 350px;
			opacity:1;
			padding-left-right: 5px;
			border: 3px;
			border-style: solid;
			border-bottom: none;
			border-radius: 5px 5px 0px 0px;
			background-image: linear-gradient(to bottom, white 70%, lightgrey)/*/, radial-gradient(white, lightgrey )*/; 
		}
    }
    /*p {
      animation: fadein 1s;
    }
    @keyframes fadein{
      from {opacity: 0;}
      to {opacity: 1;}
    }*/

    .text-carousel-top{
      position: absolute;
    }
    .redirect-button{
      position: relative;
      border: none;
      bottom: 20px;
    }

    .jezik:hover{
      border: double white;
      border-spacing: 3px;
      border-radius: 2px;
    } 
    a.dropdown-item.active, a.dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #7f7eb1;
}