@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif, 'Average Sans', sans-serif;
	background-color:#fff;
	color: #89867e;
	}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	margin:0 0 0.5em;
	}

p {
	font-family: 'Average Sans', sans-serif;
	}

hr {
    border-width: 1px;
	border-color:#3498db;
	}

.nav, .navbar-nav ul {
	padding-top:25px;
	}

.nav, .active li a {
	float:right;
	}

.navbar, .navbar-fixed-top {
	background-color:rgba(255,255,255,0.50);
	padding-bottom:15px;
	transition: all 0.4s ease;
	}

.navbar-fixed-top:hover {
	background-color:#fff;
	transition: all 0.4s ease;
	}

.navbar-header {
	padding-top:5px
	}

.dugme {
	background: rgba(9, 65, 134, 0);
    border: 1px solid #000;
    border-radius: 3px;
    color: #000;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    padding: 20px;
	margin:20px 5px;
    text-transform: uppercase;
    transition: all 0.2s ease;
	font-family:'Open Sans', sans-serif;
}

.negativ .dugme {
    border: 2px solid #FFF;
    color: #FFF;
}

.negativ .dugme:hover {
	background: rgba(255, 255, 255, 1);
    color: #3498db;
}

.header1 {
	width:auto;
	height:auto;
	margin:0 auto;
	}

.call-to-action {
	width:auto;
	height:auto;
	margin:0 auto;
	text-align:center;
	}

.call-to-action h2 {
	text-align:center;
	font-size:30px;
	padding:20px 20px;
	}

#videoback {
	padding:150px 0;
	position:relative;
	overflow:hidden;
	text-align:center;
}

#bgvid {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width:auto;
	height:auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url(video/zagreb-bcgr.png) no-repeat;
	background-size: cover;
}

#countdown {
	width:500px;
	height:auto;
	margin:0 auto;
	font-size:74px;
	color:#fff;
	}

#clock-text {
	width:380px;
	height:auto;
	margin:0 auto;
	padding:0;
	}

#clock-text p {
	font-size:25px;
	letter-spacing:5px;
	padding-left:0;
	color:#fff;
	}

.jumbotron h1 {
	font-family: 'Open Sans', sans-serif;
	font-size:120px;
	}

#o-seminaru {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0 0 0 0;
	}

#o-seminaru .container p {
	font-size:1.3em;
	}

#o-seminaru h3 {
	text-align:center;
	text-transform:uppercase;
	font-size:28px;
	padding:20px 0 50px 0;
	}

#o-seminaru h4 {
	text-align:center;
	text-transform:uppercase;
	font-size:25px;
	padding:50px 0 0 0;
	}

#pozovite-prijatelja {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0 0 0 0;
	}

#pozovite-prijatelja .container p {
	font-size:1.3em;
	}

#pozovite-prijatelja h3 {
	text-align:center;
	text-transform:uppercase;
	font-size:28px;
	padding:20px 0 50px 0;
	}

#pozovite-prijatelja h4 {
	text-align:center;
	text-transform:uppercase;
	font-size:25px;
	padding:50px 0 0 0;
	}

#info-image {
	width:90px;
	height:auto;
	margin:0 auto;
	padding-top:110px;
	}

#icons-info {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:50px 0 0 0;
	}

.icon1 {
	float:left;
	text-align:center;
	}

.icon2 {
	float:right;
	text-align:center;
	}

.icon1 img, .icon2 img {
	width:60px;
	height:auto;
	}

.info-vreme1 p {
	display:inline-block;
	padding:0 20px 0 0;
	float:left;
	font-size:50px;
	}
.info-vreme2 p {
	display:inline-block;
	padding:0;
	float:right;
	font-size:50px;
	}

#detalji {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0 0 0 0;
	}

#main {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0 0 0 0;
	}

#lecturer {
	width:90px;
	height:auto;
	margin:0 auto;
	padding-top:110px;
	}

#main h3 {
	text-align:center;
	text-transform:uppercase;
	font-size:28px;
	padding:20px 0 20px 0;
	}

#drugi, #drugi-drugi {
	padding:100px 0 40px 0;
	text-align:center;
	overflow:hidden;
	}

#drugi-drugi {
	padding-top:0;
	}

.tri {
	width:320px;
	height:300px;
	position:relative;
	overflow:hidden;
	margin:40px 75px 0 0;
	float:left;
	border:2px solid #3498db;
	}

.tri:nth-of-type(3n) {
	margin-right:0;
	}

.triTekst {
	position:absolute;
	left:0;
	top:350px;
	padding:25px;
	width:320px;
	height:320px;
	background:rgba(255,255,255,0.3);
    transition: all 0.6s ease;
	cursor:default;
	}

.triTekst h2, p {
	color:#000;
	}

.tri img {
	width:320px;
	height:auto;
	}

.tri:hover .triTekst {
	top:0;
	background:rgba(255,255,255,0.8);
	}

.tri:hover {
	border-color:transparent;
	transition: all 0.6s ease;
	overflow:auto;
	overflow-x:hidden;
	}

#program {
	width:90px;
	height:auto;
	margin:0 auto;
	padding-top:110px;
	}

#detalji h3 {
	text-align:center;
	text-transform:uppercase;
	font-size:28px;
	padding:20px 0 50px 0;
	}

#topLink {
	display:inline-block;
	position:fixed;
	bottom:-100px;
	right:50px;
	color:#fff;
	padding:10px;
    transition: all 0.2s ease;
	}

#topLink.down {
	bottom:0;
	}

.program {
	width:auto;
	height:auto;
	margin:0 auto;
	padding-top: 110px;
	}

.program1,
.program2,
.program3,
.program4,
.program5,
.program6,
.program7,
.program8 {
	display:block;
	width:auto;
	height:400px;
	margin:auto;
	}

.program-img {
	width:100px;
	height:auto;
	margin:100px auto;
	}

.program-img1 {
	width:100px;
	height:auto;
	margin:100px auto;
	}

.program-img h4 {
	text-align:left;
	text-transform:uppercase;
	font-size:40px;
	color:#fff;
	border-top:5px solid #fff;
	width:1000px;
	padding-top:10px;
	margin-top: 20px;
	}

.program-img1 h4 {
	text-align:right;
	text-transform:uppercase;
	font-size:40px;
	color:#fff;
	border-top:5px solid #fff;
	width: 1000px;
	padding-top:10px;
	margin-top: 20px;
	margin-left: -900px;
	}

.levi1,
.levi3,
.levi5,
.levi7 {
	background-color:#3498db;
	width:50%;
	height:400px;
	float:left;
	display:inline;
	}

	.levi1 h4,
	.levi3 h4,
	.levi5 h4,
	.levi7 h4 {
		text-align: left;
    margin-left: 0%;
	}

.desni1,
.desni3,
.desni5,
.desni7 {
	width:50%;
	height:400px;
	float:right;
	display:inline;
	}

.levi2,
.levi4,
.levi6,
.levi8 {
	background-color:#216694;
	width:50%;
	height:400px;
	float:right;
	display:inline;
	}

	.levi2 h4,
	.levi4 h4,
	.levi6 h4,
	.levi8 h4 {
		text-align: right;
    margin-left: -900%;
	}

.desni2,
.desni4,
.desni6,
.desni8 {
	width:50%;
	height:400px;
	float:left;
	display:inline;
	}

.desni1,
.desni3,
.desni5,
.desni7,
.desni2,
.desni4,
.desni6,
.desni8 {
	padding:70px 20px;
	}

.desni1 h2, p,
.desni3 h2, p,
.desni5 h2, p,
.desni7 h2, p,
.desni2 h2, p,
.desni4 h2, p,
.desni6 h2, p,
.desni8 h2, p {
	padding:0 20px 20px 20px;
	text-align:center;
	}

.desni1 p,
.desni3 p,
.desni5 p,
.desni7 p,
.desni2 p,
.desni4 p,
.desni6 p,
.desni8 p {
	font-size:1.4em;
	}

.desni1 h2,
.desni3 h2,
.desni5 h2,
.desni7 h2,
.desni2 h2,
.desni4 h2,
.desni6 h2,
.desni8 h2 {
	font-size:2em;
	}

#contact {
	width:auto;
	height:auto;
	margin:0 auto;
	}

#contact-info {
	width:90px;
	height:auto;
	margin:0 auto;
	padding-top:110px;
	}

#contact h3 {
	text-align:center;
	text-transform:uppercase;
	font-size:28px;
	padding:20px 0 20px 0;
	}

#kontakt-forma {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	}

iframe {
	width:118%;
	height: 70em;
	}

.dugmesend {
	width:447px;
	height:80px;
	text-align:center;
	}

#mapa {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0 0 50px 0;
	}

#mapa-info {
	width:90px;
	height:auto;
	margin:0 auto;
	padding-top: 50px;
	}

#mapa h3 {
	text-align:center;
	text-transform:uppercase;
	font-size:28px;
	padding:20px 0 20px 0;
	}

#mapa h2 {
	text-align:center;
	font-size:25px;
	padding:30px 0 0 0;
	}

#map {
	height:500px;
	width:auto;
    }
.gm-style-iw * {
	display: block;
	width: auto;
	text-align:center;
    }
.gm-style-iw h4, .gm-style-iw p {
	margin: 0;
	padding:0 0 4px 0;
    }
.gm-style-iw h4 {
	font-size:1.2em;
	}
.gm-style-iw p {
	font-size:1.1em;
	}
.gm-style-iw a {
    color: #216694;
    }
iframe {
	width:100%;
	height:70em;
	}

.cd-secondary-nav a{
	text-decoration: none;
}

/*Aleksandar Sterijev*/