/*
.gear{
    background: src("img/slides/slide-parallax-porto-symbol.png");
    width: 441px;
    height: 442px;
    position: -webkit-sticky;
  position: sticky;
  top: 30%;
	
}




html .bg-zan {
	background-color: #1ECAD6 !important;
}
*/




.about-box {
	min-height: 400px;
	margin-bottom:20px;
    border-radius: 5px;
    padding: 50px 15px 50px;
    background: #ffffff;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgba(127, 123, 123, 0.1);
    box-shadow: 0 0 5px rgba(127, 123, 123, 0.1);
    transition: ease-in-out 0.3s;
}
.about-box:hover {
    background: rgba(40, 167, 69, 0.9);
    -webkit-box-shadow: 0 0 10px -2px rgba(127, 123, 123, 0.9);
    box-shadow: 0 0 10px -2px rgba(127, 123, 123, 0.9);
}
.about-box .about-main-icon i {
    color: #0284d0;
    font-size: 40px;
    transform: translateY(0);
    transition: ease-in-out 0.3s;
}
.about-box:hover .about-main-icon i {
    transform: translateY(-10px);
}
.about-box h5 {
    font-weight: 200;
    color: #1f1f1f;
    transition: ease-in-out 0.3s;
}
.about-box:hover i, .about-box:hover h5 {
    color: #fff;
    transition: ease-in-out 0.3s;
}

.about-box h4 {
    color: #3085CB;
    transition: ease-in-out 0.3s;
}

.about-box:hover h4 {
    color: #212121;
    transition: ease-in-out 0.3s;
}

.about-box:hover p {
	font-weight: 400;
    color: #F7F7F7;
    transition: ease-in-out 0.3s;
}


.about-opacity-icon {
    width: 100%;
    display: flex;
    justify-content: center;
}
.about-opacity-icon i {
    position: absolute;
    color: #28a745;
    top: 30px;
    font-size: 120px;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
    opacity: 0;
    animation: scale .6s alternate infinite linear both;
}
@keyframes scale {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px)
    }
}
.about-box:hover .about-opacity-icon i {
    opacity: .09;
}

.about-box.active {
    background: #28a745;
    -webkit-box-shadow: 0 0 10px -2px rgba(127, 123, 123, 0.9);
    box-shadow: 0 0 10px -2px rgba(127, 123, 123, 0.9);
}
.about-box.active i, .about-box.active h5 {
    color: #fff;
}




.about-box.active .about-opacity-icon i {
    opacity: .09;
}
.about-box.active:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(127, 123, 123, 0.1);
    box-shadow: 0 0 5px rgba(127, 123, 123, 0.1);
}
.about-box.active:hover i{
    color: #0284d0;
}
.about-box.active:hover h5 {
    color: #1f1f1f;
}

.about-box.active:hover .about-opacity-icon i {
    opacity: .09;
}

.about-box.active.about-box-green {
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(127, 123, 123, 0.1);
    box-shadow: 0 0 5px rgba(127, 123, 123, 0.1);
}
.about-box.active.about-box-green i {
    color: #0284d0;
}
.about-box.active.about-box-green h5 {
    color: #1f1f1f;
}

.about-box.active.about-box-green .about-opacity-icon i {
    opacity: 0;
}
.about-box.active.about-box-green:hover {
    background: #28a745;
}
.about-box.active.about-box-green:hover i {
    color: #ffffff;
}
.about-box.active.about-box-green:hover h5 {
    color: #ffffff;
}

.about-box.active.about-box-green:hover .about-opacity-icon i {
    opacity: .09;
}

blockquote {
  font-family: Verdana, sans-serif;
  font-size: 1em;
  font-style: italic;
  margin: 3em auto !important;
  padding: 0.35em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}



#projekti h2 {
    top: 30px;
    font-size: 75px;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
}

#ekipa h2 {
    top: 30px;
    font-size: 4em;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
}