@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

html, body {
    height: 100%;
    width: 100%;
    background-color: #031119;
}

h1, h2, h3 {
    font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

h4, h5, h6 {
    font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.text-highlight {
    color: #E3A021;
}

.text-secondary {
    color: #bdbdbf
}

.btn-primary {
    color: white;
    background-color: #E3A127;
    border-color: #E3A127;
    font-weight: bold;
    transition: 1.5s;
}

.btn-primary:hover, .btn-secondary:hover {
    background-color: #20C997;
    border-color: #20C997; 
}

.btn-secondary {
    color: white;
    background-color: #0087CA;
    border-color: #0087CA;
    font-weight: bold;
    transition: 1.5s;   
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0087ca;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom center;
}

.navbar {
    background-color: #0A1519;
    
    /* padding: 1% 0; */
    
}

.navbar .navbar-nav .nav-link {
    margin-left: 15px;
    margin-right: 15px;
    padding: 40px 0;
    color: #E0E9F2;
    font-size: 22px;
    outline: none;
    font-weight: bold;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #E39925;
   
    
}

/* @media (min-width:750px) {
    #chujdupacyce{
        width: 200px;
        height: 12vh;
        margin: auto;
        background-color: yellow;
    } */
/* } */

@media (max-width: 767.98px) {
    .navbar-dark .navbar-nav .nav-link {
        margin-right: 0;
        padding: 10px 0;
        
    }

    .navbar-header{
        width: 90%;
        margin: auto;
    }

    #logo{
        width: 300px;
        height: 12vh;
        margin: auto;
    }
    #logo>img{
        margin: auto;
        width: 100%;
    }


    .navbar-toggler {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        transition: .5s;
        opacity: 0;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transform: rotateX(0deg);
        visibility: visible;
        transition: .5s;
        opacity: 1;
        
    }

    .navbar-brand {
    min-height: 55px;
    padding: 0 15px 5px;
    
}
}


.navbar-default .navbar-nav li a {
    color: #C4C4C4
    
}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a.active {
    color: #EEE;
    
}

#home {
    /* background: url(img/keyboard2.jpg) no-repeat center center fixed; */
    display: table;
    height: 335px;
    position: relative;
    width:  100%;
    background-size:cover;
}

.c-item {
    height: 375px;
}

.c-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: brightness(0.6);
}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%33fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%33fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.landing-logo {
    /* width: 100%; */
    height: 100px;
    /* align-self: center; */
}

.landing-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
}

.landing-text h1 {
    font-size: 500%;
    font-weight: 700;
}

/* USŁUGI */

@media (max-width: 767.98px) {
    .services-item {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

}

.services i {
    font-size: 36px;
}

.services i:hover {
    font-size: 36px;
}

.services .card {
    background-color: #031119;
    border: none;
    border-radius: 48px;
    transition:  1s;
}

.services .card:hover {
    background-color: #14222A;
    border: none;
    border-radius: 48px;
    transition: 1s;
}



/* ZAUFANI */


.partners-list {
    justify-content: center;
    
}

.img-thumbnail {
    /* background-color: #3C6469; */
    background-color: white;
    
}

/* .img-thumbnail:hover {
    transform: scale(1.5);
    background-color: #6FB9C2;
     -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
} */


/* MAPA */

.map_container {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  display: inline;
  text-align: center;
}

@media (max-width: 991.98px) {
    #googleMap iframe{
        height: 300px;
        width: 100%;
    }
}
@media (min-width: 992px) {
    #googleMap iframe{
        /* height: 345px; */
        min-height: 100%;
        width: 75%;
        height: 400px;
    }
}

.padding {
    padding: 80px 0;
}

.padding img {
    width: 100%;
}

/* footer {
    width: 100%;
    background-color: #000330;
    padding: 5% 5% 10% 5%;
    color: #F4F0D5;
} */

footer {
    width: 100%;
    /* background-color: #60ADB1; */ 
    background: linear-gradient(rgba(17, 17, 17, .85), rgba(11, 12, 16, .95)), url(img/laptop-halfclosed.jpg) center center no-repeat;
    padding: 5% 5% 10% 5%;
    color: #F4F0D5;
}

.light-background {
    background-color: #0A1519;
}

/* TELEFON */

@media (max-width: 767.98px){
    .landing-logo {
        height: 80px;
        width: 100%;
    }
    .footer-content {
        margin-bottom: 40px;
    }

    .img-thumbnail {
        width: 60%;
        
    }

    .info {
        margin-top: 20px;
        text-align: center;
    }
    
}

/* === UNUSED === */

/* .roboto-condensed-regular {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.roboto-condensed-bold {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
} */