/****************** MEDIA SCREEN ***********************/

@media screen and (max-width: 480px), (max-height: 600px) {
	.navbar-brand #logo {
		display: inherit;
	}
	.navbar-collapse ul {
		display: block;
	}
	/* parallax filter 100% za mobitel */
	#filter_krediti, #filter_stednja {
		height: 110% !important;
	}
	#home_contact {
		height: auto;
	}
	#image_background, #home_naslov {
    height: 200vh !important;
	}
	#labelslider {
	font-size: 1em !important;
	}
	#card-index1 h3 {
	font-size: 1rem;
	}
}


/****************** SLIDER ***********************/

.irs-slider:hover, .irs-slider:after {
	transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
}


/****************** COMMON ***********************/

body, #program {
	-webkit-animation-duration: 2.25s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay: 0s;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: none;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	-webkit-animation-name: fadeIn;
	animation-duration: 2.25s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-iteration-count: 1;
	animation-play-state: running;
	animation-name: fadeIn;
}


/* parallax filter 100% */

.section .parallax, .section .static-image {
	/* height: 100%; ako ne radi firefox */
	height: 120vh;
	/* za firefox */
}

.section .parallax-small {
	height: 65vh;
}

.section .image {
	filter: blur(0.5px);
	height: 100%;
}

.section-header .content, .section-header-blog .content, 
.section-presentation-page .conten {
	/*! top: 55%; */
}

/****************** NAVIGACIJA ***********************/

.navbar {
	min-height: 7em;
}


/* footer */

.footer-big {
	padding-top: 30px;
	float: left;
	width: 100%;
}

.navbar-brand> img {
	display: inline-block;
	width: 20%;
	margin: 0px 20px 0px 0px;
}

.navbar-right ul {
	display: flex;
	align-items: center;
}

.navbar-nav> li {
	text-align: center;
}

#dropdownicon {
	font-size: 3em;
	color: #e78b90;
	vertical-align: middle;
	margin-right: 0.5em;
}

.icons_navbar {
	font-size: 3em;
}


/****************** HOME ***********************/

@keyframes dropHeader {
	0% {
		transform: scale(1);
		opacity: 0;
		color: black;
		filter: blur(5px);
	}
	50% {
		transform: scale(1.2);
		opacity: 0.5;
		filter: blur(2px);
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes dropHeader {
	0% {
		-moz-transform: scale(1);
		opacity: 0;
		color: black;
		filter: blur(5px);
	}
	50% {
		-moz-transform: scale(1.2);
		opacity: 0.5;
		filter: blur(2px);
	}
	100% {
		-moz-transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes dropHeader {
	0% {
		-webkit-transform: scale(1);
		opacity: 0;
		filter: blur(5px);
	}
	50% {
		-webkit-transform: scale(1.2);
		opacity: 0.5;
		filter: blur(2px);
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

/*#home_naslov, .navbar-header {
	animation-name: dropHeader;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 4s;
	-moz-animation-name: dropHeader;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 4s;
	-webkit-animation-name: dropHeader;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 4s;
}*/

#image_background {
	height: 110vh;
}

#video-background {
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 1;
	opacity: 0.7;
}

.icons_navbar_card_index {
	font-size: 3em;
	color: brown;
	color: #a8252e;
    -webkit-animation-name: pulsate;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite
	animation-name: pulsate;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}
@-webkit-keyframes pulsate {
    0% { opacity: 0.0}
    10% { opacity: .20 }
    20% { opacity: .40 }
    30% { opacity: .60 }
    40% { opacity: .80 }    
    50% { opacity: 1.0 }
    60% { opacity: .80 }
    70% { opacity: .60 }
    80% { opacity: .40 }
    90% { opacity: .20 }
    100% { opacity: 0.0 }
}
@keyframes pulsate {
    0% { opacity: 0.0}
    10% { opacity: .20 }
    20% { opacity: .40 }
    30% { opacity: .60 }
    40% { opacity: .80 }    
    50% { opacity: 1.0 }
    60% { opacity: .80 }
    70% { opacity: .60 }
    80% { opacity: .40 }
    90% { opacity: .20 }
    100% { opacity: 0.0 }
}

.section-header .container {
	margin-top: 2em;
}


#card-index1 {
	-webkit-animation-duration: 3s;
	-webkit-animation-name: zoomIn;
	animation-duration: 3s;
	animation-name: zoomIn;
}
#card-index2 {
	-webkit-animation-duration: 5s;
	-webkit-animation-name: zoomIn;
	animation-duration: 5s;
	animation-name: zoomIn;
}
#card-index3 {
	-webkit-animation-duration: 7s;
	-webkit-animation-name: zoomIn;
	animation-duration: 7s;
	animation-name: zoomIn;
}


#home_scroll {
	opacity: 0.7;
	position: relative;
	-webkit-transform: translate(-730%, 200%);
	-moz-transform: translate(-730%, 200%);
	-o-transform: translate(-730%, 200%);
	-ms-transform: translate(-730%, 200%);
	transform: translate(-730%, 200%);
}


#home_scroll:hover {
	opacity: 1;
	transform: translate(-730%, 230%);
}

#home_contact {
	height: auto;
}

#home_contact_image {
	background-position: unset;
}

.button-get-started .icon {
	font-size: 2em;
	vertical-align: middle;
	margin-right: 0.5em;
}

#home_header_1, #home_header_2, #home_contact_image {
	filter: blur(2px);
}

.container-fluid {
	margin-top: 2em;
}

.container-fluid .col-md-4:hover {
	transition: all 500ms;
	-webkit-transition: all 370ms;
	/*safari*/
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	/*safari*/
	opacity: 1;
}

.section-our-projects-fluid .row [class^="col-"] {
	padding: 0.5em;
}

.project:hover {
	transition: all 500ms;
	-webkit-transition: all 370ms;
	/*safari*/
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	/*safari*/
	opacity: 1;
}

.card-index-content {
	padding: 1em;
	color: black;
}



/****************** KREDITI ***********************/

.card-price .content-slider {
	padding: 40px 30px;
}

.card-price .irs-single {
	color: #fff;
	background: #e78b90;
	font-size: 1em;
	font-weight: bold;
	top: -5px;
}

#labelslider {
	font-size: 1.5em;
}

.card-price .price #kn {
	position: absolute;
	top: 40px;
	left: 110px;
	font-size: 27px;
}

.card-price .price #kn:before {
	content: "\kn.";
}

.card-black .btn-danger .pe-7s-paper-plane {
	font-size: 2em;
	vertical-align: middle;
}

.section-pricing .card:not(.card-black):hover {
	opacity: 1;
	transform: scale(1.03);
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	/*safari*/
}

.section-info .info-pricing a {
	opacity: 1;
}
.section-info .info-pricing:hover {
	transition: all 370ms;
	-webkit-transition: all 370ms;
	/*safari*/
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	/*safari*/
}

#table_krediti_uvijeti table {
	width: 90%
}

#table_krediti_uvijeti th, td {
	font-size: 16px;
	border: none !important;
	color: #fff;
	opacity: 0.9;
}

#table_krediti_uvijeti th {
	color: #e78b90;
	text-align: center;
}

#table_krediti_uvijeti td {
	text-align: left;
}

#table_krediti_uvijeti tr:hover {
	background-color: #cccccc;
	cursor: text;
	opacity: 1;
	transition: all 370ms;
	-webkit-transition: all 370ms;
	/*safari*/
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	/*safari*/
}

#table_krediti_uvijeti th:hover, td:hover {
	opacity: 1;
}


/****************** ŠTEDNJA ***********************/

.section-pricing .card:not(.card-black) {
	/*! padding: 10px; */
	margin: 0.5em;
	opacity: 0.7;
}

.card:not(.card-plain):not(.card-price):hover {
	opacity: 1;
	transform: scale(1.03);
}

#table_kamatestednja table {
	width: 90%
}

#table_kamatestednja th, td {
	font-size: 16px;
	border: none !important;
	color: #fff;
	opacity: 0.9;
}

#table_kamatestednja th {
	color: #e78b90;
	text-align: center;
}

#table_kamatestednja td {
	text-align: left;
}

#table_kamatestednja tr:hover {
	background-color: #cccccc;
	cursor: text;
	opacity: 1;
	transition: all 370ms;
	-webkit-transition: all 370ms;
	/*safari*/
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	/*safari*/
}

#table_kamatestednja th:hover, td:hover {
	opacity: 1;
}


/****************** KONTAKT ***********************/

.contact-form .btn-danger .pe-7s-paper-plane {
	font-size: 2em;
	vertical-align: middle;
}

form .form-control-plain:hover {
	border-color: #E78B90;
}

form .form-control-plain:focus {
	border-color: #E78B90;
}

.map .firstHeading {
	font-size: 20px;
	font-weight: 400;
	padding: 10px;
	background-color: #E78B90;
	color: white;
	margin-bottom: 10px;
	border-radius: 4px 4px 4px 4px;
}

.map #bodyContent p {
	line-height: 1;
}

.address .icons-info {
	font-size: 1.5em;
	color: #e78b90;
	vertical-align: middle;
}

.section-contact-us .address {
    margin-top: 10px;
}


/****************** CLANSTVO ***********************/

.section-signin {
	margin-top: 4em;
}

.section-signin .filter {
	min-height: 80em;
	background-position: center center;
}

.form-container .btn-danger .pe-7s-home, .form-container .btn-danger .pe-7s-users {
	font-size: 2em;
	vertical-align: middle;
	margin-right: 0.5em;
}

.form-container .btn-danger {
	width: 70%;
}


/****************** ZAKONI ***********************/

#zakoni {
	height: 100vh;
}

.section-card-blog {
	background-color: transparent;
}


/********** O NAMA **************/

#onama {
	height: 80vh;
}

#onama .image {
	background-position: unset;
	filter: blur(2px);
}

#djelatnosti {
	text-align: left;
}

#djelatnosti .icon {
	font-size: 2em;
	color: #E78B90;
	vertical-align: middle;
	margin-right: 0.5em;
}

#table_onama table {
	width: 90%
}

#table_onama th, td {
	font-size: 16px;
	border: none !important;
	color: #fff;
	opacity: 0.9;
}

#table_onama th {
	color: #e78b90;
	text-align: center;
}

#table_onama td {
	text-align: left;
}

#table_onama tr:hover {
	background-color: #cccccc;
	cursor: text;
	opacity: 1;
	transition: all 370ms;
	-webkit-transition: all 370ms;
	/*safari*/
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	/*safari*/
}

#table_onama th:hover, td:hover {
	opacity: 1;
}

#osnovno_onama button i {
	font-size: 2em;
	margin-right: 4px;
	vertical-align: middle;
}

#testimonial-sve ul {
	list-style-type: none;
	color: #777777;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#testimonial-sve .icon {
	color: #00b300;
	font-size: 1.5em;
}

#table_kamatestednja table {
	width: 90%
}

#table_kamatestednja th, td {
	font-size: 16px;
	border: none !important;
	color: #fff;
	opacity: 0.9;
}

#table_kamatestednja th {
	color: #e78b90;
	text-align: center;
}

#table_kamatestednja td {
	text-align: left;
}

#table_kamatestednja tr:hover {
	background-color: #cccccc;
	cursor: text;
	opacity: 1;
	transition: all 370ms;
	-webkit-transition: all 370ms;
	/*safari*/
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	/*safari*/
}

#table_kamatestednja th:hover, td:hover {
	opacity: 1;
}

/****************** BLOG ***********************/

#pitanja_scroll {
  font-size: 1.5em;
	color: #fff
}

#pitanja_scroll i:hover {
	opacity: 1;
	transform: translate(0%, 30%);
	transition-duration: 200ms;
	-webkit-transform: translate(0%, 30%);
	-moz-transform: translate(0%, 30%);
	-o-transform: translate(0%, 30%);
	-ms-transform: translate(0%, 30%);
	-webkit-transition-duration: 200ms;
	-moz-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	-ms-transition-duration: 200ms;
}

#blog {
	height: 70vh;
}

.contact-form {
	margin-left: 15px;
}