@charset "utf-8";
/* CSS Document */
/* SADRŽAJ
1. DIZAJN POČETNE STRANE
1.1. Stilovi navigacije
1.2. Stil za slajdove/slike u headeru
1.3. Stilovi za kartice sa uslugama
1.4. Stilovi za sivi odeljak na početnoj strani
1.5. Stilovi za footer
2. DIZAJN OSTALIH STRANICA 
2.1. Stil za odvajanje sadržaja od ivica
2.2. Stil za naslov na stranici
2.3. Stil za slike na stranici
2.4. Stil za linkove na stranici 
2.5. Stilovi za kontakt formu*/
/* 1. DIZAJN POČETNE STRANE */

body{
	background-color: #efefef;
}

/* 1.1. Stilovi navigacije */
.nav-bg{
	background-color: #039de2;
	padding: 0 2% 0 2%;
}
.logotip{
	margin-left: 2%;
	padding: 0;
}
.navigation-link{	
	color: rgba(0,0,0,.5);
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	display: block;
    padding: 2rem;
	font-size: 1rem;
	text-transform: uppercase;
	justify-content: space-around;
}
.navigation-link:hover{
	color: rgba(0,0,0);
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	display: block;
    padding: 2rem;
	font-size: 1rem;
	transition: 0.5s;
	text-transform: uppercase;
	background-color: #8fd8f9;
	}
.navigation-link-active {
    color: rgba(0,0,0);
    background-color: #8fd8f9;
    text-decoration: none;
    display: block;
    padding: 2rem;
	font-size: 1rem;
	text-transform: uppercase;
    font-weight: bold;
	font-style: italic;
}
.navigation-link-active:hover{
	color: rgba(0,0,0);
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	display: block;
    padding: 2rem;
	font-size: 1rem;
	text-transform: uppercase;
	transition: 0.5s;
	}
/* 1.2. Stil za slajdove/slike u headeru */
.full-screen {
  width: 100%; 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* 1.3. Odeljak dobrodošlice */
.dobrodosli-odeljak{
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 4%;
	padding-right: 5%;
	font-size: 1rem;
	font-weight: 600;
}
.dugme{
	border-radius: 10px;
	font-size: 1rem;
	padding: 2%;
	padding-left: 8%;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	background-color: #039de2;
	background: url(../images/lopta-dugme.png) no-repeat #039de2 5% 50%;
}
.dobrodosli-odeljak-dugme a{
	text-decoration: none; 
	color: #2e2e2e;
	
	}
.dobrodosli-odeljak-dugme a:hover{
	text-decoration: none;
	background-color: #8fd8f9;
	color: #000;
	transition: 0.8s;
	}
.dobrodosli-odeljak img{
	margin-right: 0;
	margin-left: 15%;
	max-height: 300px;
	border: 3px solid #039de2;
}
.naslov-odeljak{
	font-size: 2rem;
	color: #2e2e2e;
	font-style: italic;
}
/* 1.4. Stilovi za kartice sa uslugama */
.kartice{
	max-width: 1900px;
	}
.card:hover{
	box-shadow: 0 0 5px 5px rgb(64,64,64,0.5);
	transition: 0.5s;
	}
.card-space{
	width: 35rem;
    margin: 1% 1.5%;
	}
.card-img-top{
	opacity: 0.5;
	background: #fff;
}
.card-img-top:hover{
	opacity: 1;
	transition: 0.5s;
}
.card{
     background: #989d9f;
	 margin-bottom: 5%;
}
.card-down{
     background: url(../images/card-bg.png) left bottom no-repeat #989d9f;
}
.card-down:hover{
     background: url(../images/card-bg.png) left bottom no-repeat #8fd8f9;
	 transition: 0.5s;
}
.btn-cards {
	border-radius: 10px;
	color: #100f0f;
	font-size: 1rem;
	padding: 3%;
	padding-left: 10%;
	margin-bottom: 10%;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	background-color: #039de2;
	background: url(../images/lopta-dugme.png) no-repeat #039de2 5% 50%;
}
.btn-cards:hover{
	color: #000;
	background-color: #717476;
	text-decoration: none;
	font-weight: bold;
	transition: 0.5s;
	}
.card-title-link{	
	color: #212529;
	font-weight: bold;
	text-transform: uppercase;
}
.card-title-link:hover{
	color: #039de2;
	text-decoration: none;
	transition: 0.5s;
	}
.card-text{
	margin-bottom: 8%;
}
/* 1.4 Komentari korisnika sajta */

.odeljak-komentari{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #efefef;
  overflow: hidden;
  width: 100vw;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.red-komentara{
	background: #efefef;
	padding-top: 2%;
	/*display: block;*/
}

.testimonials {
  background-color: #ffffff;
  width: 100%;
  max-width: 740px;
  margin: 20px;
  box-shadow: 0 6px 5px -7px #cbcbcb;
  border-radius: 3px;
  position: relative;
  opacity: 0;
  animation: showTestimonials 0.32s 0.78s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
  input {
    display: none;
    visibility: hidden;
    height: 0;
    width: 0;
    pointer-events: none;
    opacity: 0;
  }
}

@keyframes showTestimonials {
  to {
    opacity: 1;
  }
}

.testimonials-inner {
  position: relative;
  min-height: 100px;
}

.testimonial {
  padding: 40px 34px 20px 34px;
  margin: 0 30px;
  pointer-events: none;
  position: relative;
  z-index: 1;
}

input[name="testimonial"]:nth-child(1):checked ~ .testimonials-inner .testimonial:nth-child(1),
input[name="testimonial"]:nth-child(2):checked ~ .testimonials-inner .testimonial:nth-child(2),
input[name="testimonial"]:nth-child(3):checked ~ .testimonials-inner .testimonial:nth-child(3),
input[name="testimonial"]:nth-child(4):checked ~ .testimonials-inner .testimonial:nth-child(4) {
  pointer-events: initial;
}

.testimonial {
  transition: 0.72s cubic-bezier(0.215, 0.610, 0.355, 1), opacity 0.32s 0.12s;
  opacity: 0;
  transform: translate(0, 38px);
  max-height: 80px;
  animation: hideTestimonial 0s 0.52s forwards;
  position: relative;
}

input[name="testimonial"]:nth-child(1):checked ~ .testimonials-inner .testimonial:nth-child(1),
input[name="testimonial"]:nth-child(2):checked ~ .testimonials-inner .testimonial:nth-child(2),
input[name="testimonial"]:nth-child(3):checked ~ .testimonials-inner .testimonial:nth-child(3),
input[name="testimonial"]:nth-child(4):checked ~ .testimonials-inner .testimonial:nth-child(4) {
  animation: showTestimonial 0s 0.72s forwards;
  position: absolute;
  opacity: 1;
  transform: none;
  max-height: 500px;
  transition: 0.3s 0.52s, opacity 0.68s 0.92s, max-height 0.82s 0.72s;
}

@keyframes hideTestimonial {
  to {
    position: absolute
  }
}

@keyframes showTestimonial {
  to {
    position: relative
  }
}

input[name="testimonial"]:nth-child(1):checked ~ .testimonials-bullets label:nth-child(1) span,
input[name="testimonial"]:nth-child(2):checked ~ .testimonials-bullets label:nth-child(2) span,
input[name="testimonial"]:nth-child(3):checked ~ .testimonials-bullets label:nth-child(3) span,
input[name="testimonial"]:nth-child(4):checked ~ .testimonials-bullets label:nth-child(4) span {
  background-color: rgba(64, 123, 239, 0.836);
  transform: scale(1);
  transition: transform 0.36s cubic-bezier(0.26, -0.59, 0.43, 2.48), background-color 0.41s ease-in;
}

.testimonial-photo {
  height: 84px;
  width: 84px;
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.photo-background {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  box-shadow: 0 -4px 3px -2px #c3c2c2;
  width: 100%;
  transform: scale(0.87);
  transition: 0.32s;
}

input[name="testimonial"]:nth-child(1):checked ~ .testimonials-inner .testimonial:nth-child(1) .photo-background,
input[name="testimonial"]:nth-child(2):checked ~ .testimonials-inner .testimonial:nth-child(2) .photo-background,
input[name="testimonial"]:nth-child(3):checked ~ .testimonials-inner .testimonial:nth-child(3) .photo-background,
input[name="testimonial"]:nth-child(4):checked ~ .testimonials-inner .testimonial:nth-child(4) .photo-background {
  transform: scale(1);
  transition: 0s;
}

.photo-author {
  background-size: 68px;
  background-position: center;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #dbdbdb;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  transform: scale(1.18) translate(0, -6px);
  transition: transform 0.42s ease-out, opacity 0.58s, width 0s 0.6s, height 0s 0.6s;
}

input[name="testimonial"]:nth-child(1):checked ~ .testimonials-inner .testimonial:nth-child(1) .photo-author,
input[name="testimonial"]:nth-child(2):checked ~ .testimonials-inner .testimonial:nth-child(2) .photo-author,
input[name="testimonial"]:nth-child(3):checked ~ .testimonials-inner .testimonial:nth-child(3) .photo-author,
input[name="testimonial"]:nth-child(4):checked ~ .testimonials-inner .testimonial:nth-child(4) .photo-author {
  transform: scale(1);
  opacity: 1;
  height: 68px;
  width: 68px;
  transition: width 0.26s 1.01s, height 0.26s 1.01s;
}

.testimonial-text {
  color: #606060;
  font-size: 20px;
  text-align: center;
  text-shadow: 0 0 1px #939393;
  letter-spacing: 0.12px;
  font-style: italic;
  line-height: 26px;
  p {
    margin-bottom: 10px;
	margin-top: 40px;
  }
}

.testimonial-author {
  font-size: 15px;
  text-align: right;
  color: #bdbdbd;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  text-shadow: 0 0 1px #e3e3e3;
  &:before {
    content: '– ';
  }
}

.testimonials-bullets {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 30px;
  transform: translate(0, 8px);
  .bullet {
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 0 1px;
    div {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      background-color: #ffffff;
      box-shadow: 0 4px 6px -7px #000000;
      span {
        background-color: #c3c3c3;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        transform: scale(0.82);
        transition: 0.72s;
      }
    }
    &:hover span {
      background-color: rgba(151, 182, 234, 0.836);
    }
  }
}

.testimonials-arrows {
  .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    position: absolute;
    top: calc(50% - 25px);
    span {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #ffffff;
      border-radius: 50%;
      height: 40px;
      width: 40px;
      &:before {
        font-size: 32px;
        font-family: monospace, sans-serif;
        font-weight: 600;
        color: #c3c3c3;
        transition: color 0.21s ease-in;
      }
    }
    &:hover span:before {
      color: #444444;
      transition: color 0.17s ease-out;
    }
    label {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      cursor: pointer;
    }
  }
  .arrow-left {
    left: -20px;
    span {
      box-shadow: 40px 0 20px 20px #ffffff, -5px 0 30px 0px #e1e1e1;
      &:before {
        content: '<';
      }
    }
  }
  .arrow-right {
    right: -20px;
    span {
      box-shadow: -40px 0 20px 20px #ffffff, 5px 0 30px 0px #e1e1e1;
      &:before {
        content: '>';
      }
    }
  }
}

input[name="testimonial"]:nth-child(1):checked ~ .testimonials-arrows .arrow-left label[for="input-testimonial4"],
input[name="testimonial"]:nth-child(1):checked ~ .testimonials-arrows .arrow-right label[for="input-testimonial2"],
input[name="testimonial"]:nth-child(2):checked ~ .testimonials-arrows .arrow-left label[for="input-testimonial1"],
input[name="testimonial"]:nth-child(2):checked ~ .testimonials-arrows .arrow-right label[for="input-testimonial3"],
input[name="testimonial"]:nth-child(3):checked ~ .testimonials-arrows .arrow-left label[for="input-testimonial2"],
input[name="testimonial"]:nth-child(3):checked ~ .testimonials-arrows .arrow-right label[for="input-testimonial4"],
input[name="testimonial"]:nth-child(4):checked ~ .testimonials-arrows .arrow-left label[for="input-testimonial3"],
input[name="testimonial"]:nth-child(4):checked ~ .testimonials-arrows .arrow-right label[for="input-testimonial1"] {
  z-index: 1;
}

.testimonial:nth-child(1) .photo-author {
  background-image: url(../images/korisnici/ana-pavic.png);
}

.testimonial:nth-child(2) .photo-author {
  background-image: url(../images/korisnici/marija-pavlovic.png);
}

.testimonial:nth-child(3) .photo-author {
 background-image: url(../images/korisnici/cica-pavic.png);
}

.testimonial:nth-child(4) .photo-author {
 background-image: url(../images/korisnici/vladimir-lucic.png);
}
}

/* Funkcionalnost otkrivanja objekata */
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* 1.5. Stilovi za footer */
.bg-footer{
	background-color: #000;
	}
.footer-h2{
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	padding-top: 5%;}
.footer-ul{
	color: #fff;
	list-style-type: none;
	padding-inline-start: 0px;
	font-size: 0.8rem;
	}
.footer-img{
	margin-top: 7%;
}
.footer-li a{
	color: #fff;
	}
.footer-li a:hover{
	color: #039de2;
	text-decoration: underline;
	transition: 0.3s;
	}
.text-footer{
	color:#fff;
	font-size: 0.7rem;
	margin-top: 1%;
	}
.autor-sajta{
	text-align: center;
}
.social-icons:hover{
	opacity: 0.5;
	transition: 0.5s;
	}
/* Dugme za povratak na vrh stranice */
#dugme-vrh {
  display: none;
  position: fixed;
  bottom: 5%;
  right: 1%;
  z-index: 99;
  font-size: 1rem;
  border: none;
  outline: none;
  background-color: #039de2;
  color: white;
  cursor: pointer;
  padding: 1%;
  border-radius: 4px;
  transition: all .3s linear;
}
#dugme-vrh:hover {
  background-color: #2e2e2e;
}
/* 2. DIZAJN OSTALIH STRANICA */
/* 2.1. Stil za odvajanje sadržaja od ivica */
.page-content{
	padding: 5% 5% 2% 5%;
	min-height: 800px;
	}
.page-content-novosti{
	padding: 7% 5% 2% 5%;
	min-height: 800px;
	}
/* Breadcrumbs navigacija */
.breadcrumb-custom{
	color:#717476;
	margin-top: 2%;
	padding: 0;
}
.breadcrumb a{
	color:#039de2;
	text-decoration: none;
	background-color: #e9ecef!important;
}
.breadcrumb a:hover{
	color: #717476;
	text-decoration: underline;
	transition: ease-in 0.3s;
	background-color: #e9ecef!important;
}
/* 2.2. Stil za naslov na stranici */
.title-page{
	margin: 1% 0 2% 0;
	font-weight: bold;
	font-style: italic;
    }
.title-page a{
	color: #212529;
	}
.title-page a:hover{
	color: #039de2;
	text-decoration: none;
	transition: 0.5s;
	}
.subtitle-page{
	margin: 1% 0 2% 0;
	color: #039de2;
	font-size: 18pt;
	text-transform: uppercase;
    }
/* 2.3. Stil za slike na stranici*/
.page-img{
	border-radius: 0.25rem;
	margin: 1%;
	border: 3px solid #039de2;
	}
.page-img-novosti{
	border-radius: 0.25rem;
	margin: 1%;
	border: 3px solid #039de2;
	width: 100%;
	}
/* 2.4. Stil za linkove na stranici */
p a{
	color: #039de2;
	text-decoration: none;
	
	}
p a:hover{
	color: #212529;
	text-decoration: underline;
	transition: 0.5s;
	}
	
li a{
	color: #039de2;
	text-decoration: none;
	
	}
li a:hover{
	color: #212529;
	text-decoration: underline;
	transition: 0.5s;
	}
/* 2.5 Stilovi za kontakt formu */
.obrazac{
	display: block;
	margin-bottom: 2%; 
	width: 100%;
	}

.alert-success{
  z-index: 1;
  background: #D4EDDA;
  font-size: 18px;
  padding: 20px 40px;
  right: 0;
  top: 10px;
  border-left: 8px solid #3AD66E;
  border-radius: 4px;
  margin-bottom: 2%;
}

.alert-error{
  z-index: 1;
  background: #FFF3CD;
  font-size: 18px;
  padding: 20px 40px;
  right: 0;
  top: 10px;
  border-left: 8px solid #FFA502;
  border-radius: 4px;
  margin-bottom: 2%;
}
.btn-obrazac{
    color: #fff;
    background-color: #353535;
    border-color: #000;
    font-size: 0.8rem;
    font-weight: bold;
	font-style: italic;
	text-align: right;
	background: url(../images/lopta-dugme.png) no-repeat #353535 5% 50%;
}
.btn-obrazac-dodatak{
	padding: 1% 1% 1% 5%;
}
.btn-obrazac:hover{
	color:#fff;
	text-decoration: none;
	transition: 0.5s;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	background-color: #039de2;
	background: url(../images/lopta-dugme.png) no-repeat #039de2 5% 50%;
	}
.podnaslovi{ font-size: 1.5rem;}


/* PARALLAX SLIKA */
.parallax {
  /* The image used */
  background-image: url("../images/parallax/parallax.webp");
  /* Set a specific height */
  height: 500px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax-content{
	height:2%;
}
.btn-parallax{
	margin-top: 2%;
}
.btn-parallax a{
    background-color: #039de2;
    border-radius: 1rem;
    color: #100f0f;
    padding: 1.5%;
	padding-left: 4%;
    font-weight: bold;
    font-size: 1.4rem;
	font-style: italic;
    text-decoration: none;
	text-align: right;
	background: url(../images/lopta-dugme.png) no-repeat #039de2 5% 50%;
}
.btn-parallax a:hover{
	color: #000;
    background-color: #717476;
    box-shadow: 5px 5px 15px 5px #ccc;
    transition: ease-in 0.3s;
	text-decoration: none;
}
.text-parallax{
	text-align: center; 
	padding: 10%; 
	color: #000;
}
.naslov-parallax{
	font-weight: bold; 
	line-height: 3rem;
	font-size: 3rem;
	font-style: italic;
}
.img-parallax{
	float: left; 
	vertical-align: middle;
	position: relative;
	bottom: 50%;
}
/* FOOTER - DODATAK */
.container-footer{
	max-width: 1400px;
}
.kolona-centar{
	text-align: center;
}
.kolona-desno{
	text-align: right;
}
.social {
  width: 100%;
    margin: 0 auto;
  text-align: right;
}
.social a {
  color: transparent;
}
ul.no-list{
    padding-left: 0;
}

ul.no-list li {
    display: inline-block;
    list-style: none;
}
.social i {
    color: #fff;
    font-size: 18px;
}

.social li {
    width: 40px;
    height: 40px;
    margin: 0 5px 0;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    transition: background 0.3s linear;
}

.social .facebook {
    background: #3b5998;
}

.social .twitter {
    background: #00aced;
}

.social .pinterest {
    background: #cb2027;
}

.social .google-plus {
    background: #dd4b39;
}

.social .instagram {
    background: #e4405f;
}

.social .tumblr {
    background: #34465d;
}

.social .youtube {
    background: #cd201f;
}

.social .envelope {
    background: #ff8c00;
}

.social li:hover {
    background: #fff;
}

.social .facebook:hover i {
    color: #3b5998;
}

.social .twitter:hover i {
    color: #00aced;
}

.social .pinterest:hover i {
    color: #cb2027;
}

.social .google-plus:hover i {
    color: #dd4b39;
}

.social .instagram:hover i {
    color: #e4405f;
}

.social .tumblr:hover i {
    color: #34465d;
}

.social .youtube:hover i {
    color: #cd201f;
}

.social .envelope:hover i {
    color: #ff8c00;
}
.link-autora{
	color: #fff;
}
.link-autora a{
	color: #fff;
	text-decoration: none;
}
.link-autora a:hover{
	color: #fff;
	text-decoration: underline;
	transition: ease-in 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1800px){
	.card-space{
		width: 31rem;
	}
	.page-img{
		width: 100%;
	}
}
@media only screen and (min-width: 690px) and (max-width: 1500px){
	.dobrodosli-odeljak img{
		margin-left: 0;
		width: 100%;
	}
.card-space {
    width: 26rem;
}
}
@media only screen and (max-width: 600px) {
	
	body{
	padding-top: 4.5rem;
	}
	.page-img{	
	border-radius: 0.25rem;
	margin: 1%;
	width: 100%;
	}	
	#dugme-vrh {
  display: none;
  position: fixed;
  bottom: 5%;
  right: 1%;
  z-index: 99;
  font-size: 1rem;
  border: none;
  outline: none;
  background-color: #039de2;
  color: white;
  cursor: pointer;
  padding: 3%;
  margin-right: 1%;
  border-radius: 4px;
  transition: all .3s linear;
}
.neutral-row{
	margin-right: 0!important;
}
.container_slika {
  position: relative;
  width: 45%;
  margin: 1% 0 1% 5%;
  padding: 0;
}
.text_slika {
  white-space: nowrap; 
  color: white;
  font-size: 15px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.navigation-link:hover{ background-color: #8fd8f9; margin: 0px; color: #000!important; transition-duration: 0.8s;}
.nav-bg{ padding: 0; }
.logotip{
	margin-left: 2%;
	padding: 1%;
}
.navbar-light .navbar-toggler {
	margin-right: 2%;
}
.dugme{ 
 padding: 4%;
 padding-left: 17%;
}
.dobrodosli-odeljak img{
	width: 100%;
	margin: 0;
	 margin-top: 5%;
	}
.btn-cards{
	padding-left: 17%;
	}
.img-parallax{
	float: left; 
	vertical-align: middle;
	width: 100%;
	bottom: 0;
}
.btn-parallax a{
    padding: 4%;
	padding-left: 19%;
}
.naslov-parallax{
	line-height: 4rem;
}
.odeljak-komentari{
	width: 100%;
}
.red-komentara{
	padding-top: 4%;
}
.container-footer{
	text-align: center;
}
.kolona-desno {
    text-align: center;
}
.social{
	text-align: center;
}
.btn-obrazac-dodatak{
	padding: 4% 2% 4% 15%;
}
.btn-obrazac:hover{
	color:#fff;
	text-decoration: none;
	transition: 0.5s;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	background-color: #039de2;
	background: url(../images/lopta-dugme.png) no-repeat #039de2 5% 50%;
	}
}