@font-face {
  font-family: fractora;
  src: url(../fonts/neris/Neris-SemiBold.otf); }

@font-face {
  font-family: fractoraThin;
  src: url(../fonts/neris/Neris-Thin.otf); }

body {
  overflow-x: hidden;
  background: linear-gradient(to right, #f2e6e6, white, #f2e6e6); }

a:hover {
  color: red; }

p {
  font-family: fractoraThin; }

.navbar {
  background-color: rgba(248, 249, 250, 0.9); }
  .navbar .nav-link {
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 1em !important;
    padding-right: 1em !important;
    color: gray; }
  .navbar .nav-link:hover {
    color: red; }
  .navbar .nav-item.active {
    border-left: #444 3px solid; }

.navbar-fixed-top.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear; }

.dropdown-menu:hover .sub-menu {
  visibility: visible; }

.dropdown-menu {
  background: rgba(248, 249, 250, 0.9);
  border: none !important;
  text-decoration: none; }

.dropdown-menu li {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px; }

.dropdown-menu a {
  text-decoration: none;
  color: black; }

.dropdown-menu a:hover {
  color: red; }

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

.navbar-toggler-icon {
  background-image: url(../img/hamburger.png); }

.bleja {
  background-color: rgba(248, 249, 250, 0.9);
  border: none !important; }

.carousel-image-1 {
  background-image: url("../img/image2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  background-attachment: fixed; }

.carousel-image-2 {
  background-image: url("../img/image3.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  background-attachment: fixed; }

.carousel-image-3 {
  background-image: url("../img/image1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  background-attachment: fixed; }

.carousel-image-4 {
  background-image: url("../img/image2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 60vh; }

.carousel-image-5 {
  background-image: url("../img/image3.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 60vh; }

.carousel-image-6 {
  background-image: url("../img/image1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 60vh; }

.indexbaner {
  background-image: url(../img/image1.jpg);
  background-size: cover;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center; }

.pozadina {
  background-color: rgba(10, 10, 10, 0.5);
  border-radius: 5px; }

.linija {
  margin-bottom: 5px;
  height: 1px;
  background-color: darkgray; }

footer a, i {
  color: dimgray;
  font-size: 20px; }

h1 {
  font-family: fractora;
  font-size: 70px; }

h2, h3 {
  font-family: fractora; }

p {
  font-size: 20px; }

footer i:hover, a:hover {
  color: red; }

.card-title {
  color: red; }

.baner-overlayy {
  position: absolute;
  background: linear-gradient(to right, rgba(242, 230, 230, 0.5), rgba(255, 255, 255, 0), rgba(242, 230, 230, 0.5));
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-overlay {
  position: absolute;
  background: linear-gradient(to right, #f2e6e6, rgba(255, 255, 255, 0), #f2e6e6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

nav {
  font-family: fractoraThin; }