/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template/modern-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
pwa-install {
    --install-button-color: #05895d;
    --modal-background-color: #a9c3d2;
}
html{
    scroll-behavior: smooth;
    scrollbar-color: #1c548d #8bb3db;
}
html::-webkit-scrollbar{width:16px;height:50px}
html::-webkit-scrollbar-thumb{background:#1c548d;border-radius:16px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25);}
html::-webkit-scrollbar-track{background:linear-gradient(90deg,#1c548d,#1c548d 1px,#8bb3db 0,#8bb3db);}
body {
  padding-top: 70px;
  font-family: 'Oswald', sans-serif;
  color: #555555;
  font-family: Oswald;
    font-weight: 300;
    font-size: 22px;
  line-height: 30px;
  background-color: #f7f7fa;
}
.sareni{
    text-align: center;
}
.sareni h2, .sareni h3, .sareni h4, .sareni h5{
display: inline;
font-weight: 500;
}
p{
margin: 40px 0;
}
.p-normalni p, .p-normalni span{
margin-top: 0;
margin-bottom: 5px;
padding:10px;
}
.p-normalni span{
display: block;
margin-bottom: 20px;	
}
.p-normalni>p:nth-of-type(odd),.p-normalni span {
    border-radius: 7px;
    box-shadow: 5px 3px 8px 1px #888888;
    border: 1px solid #7d7d7d;
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(285deg, #cce5ff, #88888894);
 }   
a.nav-link {color: #ffffff;}
h1, h2, h3, h4, h5, h6{
    color: #1C548D;
}
h5{
    margin: 20px 0 20px 0;
}
hr{
    margin-top: 40px;
    margin-bottom: 60px;
}
.my-4 {
    color: #1C548D;
    font-size: 28px;
    margin-top: 0 !important;
    font-weight: bold;
}
.visina{
min-height: 330px;
}
.tel{
    position: relative;
    right: 15px;
}
.tel p{
text-align: right;
    margin-top: 10px;
   
}
.tel span{
    background-color: #8bb3db;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    box-shadow: 5px 3px 8px 1px #888888;
}
.tel span a{
color: white;
}
.makniTel{	      		
	background-color: unset !important;
   padding: unset !important;
   border: unset !important;
   box-shadow: unset !important;
 }
 .makniTel a{
 	color: #1c548d !important;
 	font-weight: 500;			    
 }
.makniTel a:hover{
 	color: #8bb3db !important;
 	text-decoration: underline !important;			    
 }
.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}
.navbar-dark .navbar-nav .nav-link {color: #ffffff;}

.h-100 {
    height: 100% !important;
    padding: 30px 20px 30px 20px;
    text-align: center;
    border-radius: 10px;
    border: 3px #cecece solid !important;
    vertical-align: middle;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.sv{    
    background-image: linear-gradient(to bottom right, #83d2ff, #1c548d);
    box-shadow: 5px 3px 8px 1px #888888;
}
.sv a{
    color: #ffffff;
    font-weight: 500;
    font-size: 1.7rem;
}

.tm{
    background-image:linear-gradient(to bottom right, #003b7b, #64b2df);
    box-shadow: 5px 3px 8px 1px #888888;
    border: 1px solid #7d7d7d;
    
}
.tm:hover, .sv:hover, .tel span:hover{
    box-shadow: none
}
.tm h2 a{
   color: #62aedc; 
   font-weight: 500;
    font-size: 1.7rem;
}
.tm h2 a:hover, .sv h2 a:hover{
   color: #d0d0d2;
}

.sv a:hover, .tm a:hover, .btn:hover, .tel span a:hover{
    text-decoration: none;
     color: #d0d0d2;
}
.alert{
box-shadow: 5px 3px 8px 1px #888888;
    border: 1px solid rgb(125 125 125);
     text-align: center;
     color: #ffffff;
     font-weight: 500;
     text-transform:uppercase;
     font-size: 1.25rem;
}
.mala{
	text-transform:initial;
	font-weight: 300
}
 .alert-rozi{
    /*background: #ff6bb1;
    border: 1px solid #e05999;*/
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(285deg, #a288d6, #da95f1);
 }
 .alert-rozi-life {
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(
285deg
, #efcffb, #d26cf5);
}

  .alert-plavi{
       /*background: #1c548d;
    border: 1px solid #2f4152;*/
    border: 1px solid #7d7d7d;
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(285deg, #6cb4fb, #1c548d);
 }
   .alert-plavi h3{
      margin-top: 7px important;  
   }
  .alert h3,.alert h5, .alert h6 {
     color: #ffffff;
     font-weight: 500;
     text-transform:uppercase;
 }
 .alert h6{
   
    margin: 20px 0;
    font-size: 1.25rem; 
 }
 .alert-primary {
    color: #555555;
        position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #7d7d7d;
    border-radius: .25rem;
    box-shadow: 5px 3px 8px 1px #888888;
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(285deg, #64c5ea, #c9e1fb);
    }
 .dolje{
 position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 535px;
 }
.row ul {
  list-style: none;
}

.row ul li:before {
  content: '\2714';
  color: green;
      margin-right: 5px;
    font-size: 25px;
    font-weight: bolder;
}
.btn-secondary {
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(285deg, #cce5ff, hsl(160deg 100% 27%));
    box-shadow: 5px 3px 8px 1px #888888;
    border: 1px solid rgb(125 125 125);
}
.btn-secondary:hover {
    box-shadow: none;
}
.m40{
margin-top: 40px;
font-size: 20px;
}
.m0{
margin-top:0;
font-size: 20px;
}
.btn-secondary:hover {
    background-color: #a1c7ef;
    border-color: #8ec0f3;
}
a.simultano {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
}
.futercard{
border: none;
background-color: #f7f7fa;
}
.btn-link {
    color: #f7f7fa;
}
.card-header{
	box-shadow: 3px 3px 3px 1px #214c77;
    border: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(285deg, #d6b2f7, hsl(160deg 100% 27%));			
}
.card-header:hover{
	box-shadow: none;			
}
.card-header:first-child {
    border-radius: 4px;
    border: 1px solid #7d7d7d;
}
.card-body{
	font-size: medium;
	line-height: 1.5;
	    padding: 0 1.25rem;
}
footer small{
    color: #c3c6d0;
    margin-top: 20px;
}
.pix19 {font-size: 19px}
.pix17 {font-size: 17px}
.nevidljivi a{
	color: #1c548d !important;
	font-size: small;
}
p.nevidljivi{
	margin: 0 !important;
}
.cookiealert {
	background: #1c548d !important;
   text-transform: unset;
   font-size: medium;
    font-weight: 300;
}
.cookiealert a {
	  color: #a8d3e1;
}
.cookiealert a:hover {
color: #8ac6ca;
}

@media (max-width: 1200px){
 .dolje{
    max-width: 449px;
 }
 .pix17 {font-size: 14px;}
}
@media (max-width: 992px){
 .dolje{
    max-width: 100%;
    position: unset;
    margin-top: 15px;
 }
}
@media (max-width: 767px){
.img-fluid {
    max-width: 50%;
    margin-top: 25px;
}
.tel {
    font-size: 12px;
}
}