/* ****************************************************HEADER******************************************* */
/*NAV*/
nav{
	border-top:25px solid #81a8cf;
}
nav .container{
	height:90px
}


.div-10{padding-left:0!important;  padding-right:0!important; }
.collapse-custom{ padding-left:0!important; padding-right:0!important; }
.ul-custom{ padding:0!important; margin:0!important;width:100%!important; }
.nav-link-custom{  margin-right:3%!important; margin-left:0!important; }
.nav-link-custom:first-child{ margin-left:8%!important}
.nav-link-custom:last-child{  margin-right:0!important}
.nav-a{ letter-spacing:1px!important;}
	
@media (min-width: 769px) and (max-width: 991px){

.ul-custom{ background:#2d3e50}

}
	
	
@media (min-width: 992px) and (max-width: 1215px){

.nav-link-custom{  margin-right:2%!important; margin-left:0!important; }

.nav-link-custom:first-child{ margin-left:3%!important}

}



/*kad se skroluje, visina*/
@media (max-width: 768px) {
	nav .container{
		height:80px
}
}
/*SOCIAL MEDIA*/
.social-link.fa-facebook{
	padding-left:6px;
	padding-right:6px;
}
i.social-link{
	color: #2d3e50;
	padding:5px;
	border-radius:3px ;
	margin-right:10px;
	border:1px solid #D6D6D6;
	font-size:17px;
	background: #F7F7F7
}
i.social-link:hover{
	border:1px solid rgb(45,62,80);
	background:lightgray
}
.social-m{
	margin-top:15px!important
}
/*HEADER SLIDER*/
.head-slider{
	height:400px;
}
.header-desni-blok{
	background: rgba(214,214,214,0.8)
}
.naslov-glavni{
	color:#2d3e50;
	margin-top:70px;
	font-size:55px;
	word-spacing:10px;
	font-weight:600;
	-webkit-animation:tracking-in-expand-fwd 3s cubic-bezier(.215,.61,.355,1.000) both;
	animation:tracking-in-expand-fwd 3s cubic-bezier(.215,.61,.355,1.000) both
}
.podnaslov-h2{
	color:#0699db;
	font-size:35px;
	line-height:70px;
	word-spacing:10px;
}
.podnaslov-1{
	margin-top:45px;
	-webkit-animation:tracking-in-expand-fwd-bottom 2s cubic-bezier(.215,.61,.355,1.000) 1s both;
	animation:tracking-in-expand-fwd-bottom 4s cubic-bezier(.215,.61,.355,1.000) 0.5s both
}
.podnaslov-h3{
	color:#2d3e50;
	font-size:25px;
	word-spacing:5px;
	font-weight:700;
	line-height:35px;
	text-transform:none
}
.podnaslov-2{
	margin-top:40px
}
.spacer{
	margin-top:200px;
	display:none
}
@media (max-width: 768px) {
	.head-slider{
		height:520px;
	}
	.spacer{
		display:block
}
	.header-desni-blok{
		clip-path: none
}
	.naslov-glavni{
		font-size:40px;
		margin-top:20px
}
	.podnaslov-h2{
		font-size:35px;
		line-height:70px;
		word-spacing:10px;
		padding:0 10px;
	}
	.podnaslov-h3{
		font-size:25px;
		margin-bottom:30px
}
	.podnaslov-1{
		margin-top:25px;
		font-size:30px;
		line-height:50px;
		-webkit-animation:tracking-in-expand-fwd-bottom 2s cubic-bezier(.215,.61,.355,1.000) 1s both;
		animation:tracking-in-expand-fwd-bottom 4s cubic-bezier(.215,.61,.355,1.000) 0.5s both
}
	.nav-link-custom{
		padding-top:13px;
		background:#2d3e50;
		border-bottom:1px solid lightgray
}
}
/* ****************************************************MAIN******************************************* */
/*-------------------------------------------SECTION-0--------------------------------------------*/
.p-0{
	margin:20px 0 40px;
}
/*-------------------------------------------SECTION-1--------------------------------------------*/
.container-1{
	padding-left:0;
	padding-right:0;
}
.section1-row1{
	padding-top:40px!important
}
.podnaslov-0{
	margin-top:45px
}
.p-custom-general{
	color:rgb(45,62,80);
	font-size:18px;
	line-height:33px;
	word-spacing:3px;
}
.p-1{
	margin-top:20px;
}
a.custom-link{
	color:#0699db;
	font-style:italic;
	text-decoration:underline
}
.p-2{
	margin-top:17px;
}
a.custom-link:hover{
	border-top:1px solid #0699db;
	border-bottom:1px solid #0699db;
	text-decoration: none
}
.strong-custom{
	font-weight:700
}
.section1-row-2{
	padding-top:60px!important;
}
.blok-desni{
	background-image:url(../images/bg-3.jpg);
	background-size:100% 100%;
	padding:20px 0;
	padding-bottom:0;
	margin-bottom:0;
}
.tips-tekst{
	padding:0;
	padding-bottom:15px;
    font-size: 17px;
	font-weight: 100;
	letter-spacing: 1px;
	word-spacing:2px;
	line-height: 27px;
	 color: #EAEAEA 
}
.tips-tekst-span1{
	font-weight:300;
	color:#fff
}
.tips-tekst-span2{
	color:#fff;
	border-bottom:1px solid #fff
}
.tips-tekst-span2:hover{
	border-top:2px solid #81a8cf ;
	border-bottom:2px solid #81a8cf 
}
@media (max-width: 768px) {
	/*section prvi*/
	.p-custom-general{
		font-size:18px;
		line-height:27px;
		word-spacing:3px;
	}
	.section1-row1{
		padding-top:30px!important
}
	.p-0{
		margin-left:15px;
		margin-right:15px;
		margin-top:20px
}
	.container-1{
		padding-left:10px;
	}
	.section1-row-2{
		padding-top:20px!important;
	}
	.p-1{
		margin-top:20px;
		font-size:18px;
		line-height:30px;
		margin-left:15px;
		margin-right:15px;
	}
	.p-2{
		margin-top:0;
		line-height:30px;
		margin-left:15px;
		margin-right:15px;
	}
	.podnaslov-0{
		margin-left:15px;
		margin-right:15px;
		margin-top:50px
}
	.podnaslov-2{
		margin-bottom:10px;
		line-height:30px;
		margin-left:15px;
		margin-top:15px;
	}
	/*box-notes*/
	.blok-desni{
		padding:20px 20px;
		padding-bottom:15px;
		margin-bottom:0
}
	.tips-tekst{
		font-weight: 100;
	}
}
/*-------------------------------------------SECTION-2--------------------------------------------*/
.section-drugi{
	padding-top:80px;
	padding-bottom:20px;
	border-top:40px solid #2d3e50;
}
.div-slika-predmeti{
	background-image:url(../images/bg-1.jpg);
	background-size:100% 100%;
	margin-top:10px;
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	padding:40px 0
}
.podnaslov-3{
	margin-top:0
}
.p-3{
	margin-top:70px;
	padding-bottom:0
}
.custom-ul >li{
	color:rgb(45,62,80);
	font-size:18px;
	margin-top:18px;
	padding-left:50px
}
.custom-ul li:first-child{
	margin-top:30px
}
.fa-book{
	color:#6C7888
}
@media (max-width: 768px) {
	.section-drugi{
		padding-top:30px;
		padding-bottom:30px;
		border-top:none;
	}
	.div-slika-predmeti{
		margin:15px;
		margin-top:0;
	}
	.podnaslov-3{
		margin-top:35px;
		margin-left:15px;
	}
	.p-3{
		margin-top:45px;
	}
	/*section-drugi*/
	/*UL*/
	.custom-ul >li{
		font-size:16px;
		margin-top:18px;
		padding-left:10px;
		text-align:left
}
	.custom-ul li:first-child{
		margin-top:30px
}
}
/*-------------------------------------------SECTION-3--------------------------------------------*/
.section-treci{
	padding-top:70px;
	padding-bottom:50px!important;
	border-top:25px solid #2d3e50;
	background-image: linear-gradient(to top right ,rgba(129,168,207,0.3),#ffffff, #ffffff,#ffffff);
}
.section3-container{
	padding-top:0;
}
.div-slika-upis{
	background-image:url(../images/bg-2.jpg);
	background-size:100% 100%;
	clip-path: polygon(25% 0%, 100% 0, 100% 100%, 25% 100%, 0% 50%);
	padding:40px 0;
	margin-top:0;
}
.div-slika-upis:last-child{
	margin-top:40px;
}
.podnaslov-4{
	margin-bottom:30px;
}
.p-4{
	margin-top:20px;
}
.p-4:last-child{
	margin-bottom:0px
}
@media (max-width: 768px) {
	.section-treci{
		padding-top:20px!important;
		padding-bottom:0!important;
	}
	.section3-container{
		padding-left:10px;
		padding-right:10px
}
	.div-slika-upis{
		padding:20px 0;
		margin-top:30px;
	}
	.podnaslov-4{
		margin-left:15px;
		margin-top:40px
}
	.p-4{
		margin-left:15px
}
	.p-4:last-child{
		margin-bottom:0
}
}
/* -------------------------------------------section-4------------------------------------- */
.section-4{
	border-bottom:30px solid #2d3e50;
	padding-top:30px!important;
	padding-bottom:0;
}
.section-container-4{
	margin-top:0!important;
	padding-top:50px;
}
.podnaslov-5{
	margin-top:0!important;
	margin-bottom:30px;
}
a.link-procoding{
	text-decoration:underline
}
a.link-procoding:hover{
	text-decoration:none
}
i.social-link.social-link2{
	margin-right:0;
}
/*korisni linlovi*/
.korisni-linkovi-wrap{
	background-image:url(../images/bg-3.jpg);
	background-size:100% 100%;
	padding:25px 0 40px!important;
}
.korisni-linkovi-sub-wrap{
	padding:0;
}
.podnaslov-6{
	color:white;
	font-weight:600;
	margin-bottom:0!important;
}
.li-korisni-linkovi {
	margin-top:20px!important;
	font-size:16px;
}
.li-korisni-linkovi .book-full{
	color:#FFF!important;
	font-size:20px!important;
}
.li-korisni-linkovi .a-korisni-linkovi{
	color:#EBEBEB;
}
.li-korisni-linkovi .a-korisni-linkovi:hover{
	border-top: 2px solid #81a8cf;
	border-bottom: 2px solid #81a8cf;
	color:#fff
}
@media (max-width: 768px) {
	.section-4{
		border-bottom:none;
		padding-top:40px;
	}
	.section-container-4{
		border-top: none;
	}
	.podnaslov-5{
		padding-top:50px;
		border-top:1px solid #81a8cf;
		padding-left:10px
}
	.p-soc-media{
		margin-top:0;
		padding:30px 0 30px
}
	.korisni-linkovi-wrap{
		padding:25px 20px 40px!important;
		background-size:140% 100%
}
	.korisni-linkovi-sub-wrap{
		padding-top:0;
	}
	.podnaslov-6{
		color:white;
		font-weight:600;
	}
}
/* -------------------------------------------section-5------------------------------------- */
.section-5{
	border-bottom:50px solid #2d3e50;
	padding-top:50px!important;
	padding-bottom:0;
}
.section5-bl-desni{
	padding-left:40px
}
@media (max-width: 768px) {
	.section-5{
		border-bottom:none ;
		padding-top:0px!important;
		padding-bottom:0
}
	.section5-bl-desni{
		padding-left:15px;
	}
}
/*-------------------------------------------FOOTER--------------------------------------------*/
.footer{
	background: #EAEAEA
}
.soc-share{
	margin-bottom:50px
}
.naslov-share{
	padding:30px 0;
	margin-top:50px
}
.st-btn{
	transform: skew(-20deg)!important
}
.footer-copyright{
	clip-path: polygon(51% 74%, 51% 74%, 100% 21%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0% 20%);
	background:#81a8cf
}
.footer-copyright-tekst{
	margin-top:80px;
	padding:50px 0 15px;
	color:#2d3e50
}
/* ********************ANIMACIJE******************************************/
/* ---------------------------------------------- * Generated by Animista on 2019-7-5 18:48:20 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */
@-webkit-keyframes tracking-in-expand-fwd{
	0%{
		letter-spacing:-.5em;
		-webkit-transform:translateZ(-700px);
		transform:translateZ(-700px);
		opacity:0
}
	40%{
		opacity:.6
}
	100%{
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		opacity:1
}
}
@keyframes tracking-in-expand-fwd{
	0%{
		letter-spacing:-.5em;
		-webkit-transform:translateZ(-700px);
		transform:translateZ(-700px);
		opacity:0
}
	40%{
		opacity:.6
}
	100%{
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		opacity:1
}
}
/* ---------------------------------------------- * Generated by Animista on 2019-7-5 18:56:25 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */
@-webkit-keyframes tracking-in-expand-fwd-bottom{
	0%{
		letter-spacing:-.5em;
		-webkit-transform:translateZ(-700px) translateY(500px);
		transform:translateZ(-700px) translateY(500px);
		opacity:0
}
	40%{
		opacity:.6
}
	100%{
		-webkit-transform:translateZ(0) translateY(0);
		transform:translateZ(0) translateY(0);
		opacity:1
}
}
@keyframes tracking-in-expand-fwd-bottom{
	0%{
		letter-spacing:-.5em;
		-webkit-transform:translateZ(-700px) translateY(500px);
		transform:translateZ(-700px) translateY(500px);
		opacity:0
}
	40%{
		opacity:.6
}
	100%{
		-webkit-transform:translateZ(0) translateY(0);
		transform:translateZ(0) translateY(0);
		opacity:1
}
}