body, .form-control {
    font-family: 'Lato', sans-serif;
}
h1{
    margin-bottom: 40px;
}
label {
    color: #333;
}
.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}
.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}
.btnaction {
    /* background-color: #4a90e2!important; */
    /* background: linear-gradient(to bottom, #011640 0%, #b3d5f2 100%); */
    border-radius: 46px !important;
}

.ab {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15em;
    
    display: inline-block;
    padding: 15px 20px;
    position: relative;
  }
.ab:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
.ab:hover:after { 
    width: 50%; 
    left: 23%; 
  }
  @media screen and (max-height: 300px) {
      ul {
          margin-top: 40px;
      }
  }
  .swiper-pagination-progressbar-fill{
    background-color: #0476D0 !important;
}
@media screen and (max-device-width: 1024px){
 header.masthead{
 background-attachment: scroll!important;}
}
.btn-outline-dark {
    color: #000000 !important;
    border-color: #343a40;
    background: linear-gradient(0deg, #d5d9db 0%, #d5d9db 40%) !important;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #095fa2;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #095fa2;
} 
.button_slide {
  color: #000000;
  background-color: #d5d9db !important;
  border: 2px solid #00000042;
  border-radius: 0px;
  padding: 18px 36px;
  display: inline-block;
  font-family: "Lato", Monaco, monospace;
  font-size: 14px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #f7f7f7;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}

.slide_right:hover {
  box-shadow: inset 400px 0 0 0 #0476D0;
  color: #fff!important;
}
.btn-viber {
    color: #8f5db7!important;
    border-color: #8f5db7!important;
    border-radius: 46px!important;
} 
.btn-viber:hover {
    box-shadow: inset 400px 0 0 0 #8f5db7;
	color:#FFF!important;
}
.footah {
	color:#fff;
}
.headtel {
	color:#fff;
	font-size:24px;
}
.seo {
    font-size: 1.75rem!important;
    margin-top: 322px;
}
.fkontakt {
	color:#fff;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0476d0 !important;
}
/*Animirano dugme-Usluge */ 
.dugme {
  color:#fff;	
  border-radius: .3rem;
  background: linear-gradient(0deg, #000, #272727);
}

.dugme:before, .dugme:after {
  content: '';
  position: absolute;
  border-radius: .3rem;
  left: -1px;
  top: -1px;
  background: linear-gradient(45deg, #202020, #b2b2b2, #ffffffb0, #ffffff);
  background-size: 400%;
  width: calc(100% + 3px);
  height: calc(100% + 1px);
  z-index: -1;
  animation: steam 20s linear infinite;
 }

@keyframes steam {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.dugme:after {
  filter: blur(50px);
}
.dugme:hover {
  color:#fff;
}
/* Adjust width on mobile */
@media (max-width: 768px) {
  .dugme:before, .dugme:after {
    width: calc(30% + 0px);
     left: -2px;
  top: -2px;
  }
}
/* Adjust width on tablets */
@media (min-width: 769px) and (max-width: 1024px) {
  .dugme:before, .dugme:after {
    width: calc(15% + 1px);
  }
}
/* Remove blue outline on dropdown button when clicked */
.dropdown-toggle:focus {
    outline: none;
    box-shadow: none;
}