/* Clearfix */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* Basic Styles */

body {
	background-color: #eeeeee;
	text-align:center;
	margin:0
 }

a.ex1:hover, a.ex1:active {
	color: #cccccc;
}

a:link {
	color: #cccccc;
}

a:visited {
	color: #cccccc;
}

a:hover {
	color: #ffffff;
}

a:active {
	color: #ffffff;
}

a {
	text-decoration:none 
}

* {
  box-sizing: border-box;
}

div.text60 {
	text-align: center;
	width: 100%;
	font-weight: bold;
	margin-top: -60px;
	height: auto;
	font-size: 60px;
	color: #ffffff;
	font-family: "Roboto Slab", serif;
	opacity: 0.0;
	animation-name: example;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

@media screen and (max-width: 1199px) {
div.text60 {
	margin-top: -50px;
	font-size: 40px;
}	
}

div.text20a {
	text-align: center;
	width: 100%;
	font-weight: normal;
	padding-top: 20px;
	height: auto;
	font-size: 20px;
	color: #ffffff;
	font-family: "Roboto Slab", serif;
	opacity: 0.0;
	animation-name: example;
	animation-duration: 1s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
}

@media screen and (max-width: 1199px) {
div.text20a {
	font-size: 18px;
}	
}

div.text20b {
	text-align: center;
	width: 100%;
	font-weight: normal;
	padding-top: 20px;
	height: auto;
	font-size: 20px;
	color: #ffffff;
	font-family: "Roboto Slab", serif;
	opacity: 0.0;
	animation-name: example;
	animation-duration: 1s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

@media screen and (max-width: 1199px) {
div.text20b {
	font-size: 18px;
}	
}

div.text40 {
	text-align: center;
	width: 100%;
	font-weight: regular;
	padding-top: 70px;
	font-size: 40px;
	color: #000000;
	font-family: "Roboto Slab", serif;
} 

@media screen and (max-width: 1249px) {
div.text40 {
	font-size: 35px;
}	
}

div.text24b {
	text-align: center;
	font-weight: regular;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 24px;
	color: #000000;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
} 
 
div.text24w {
	text-align: center;
	font-weight: regular;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 24px;
	color: #ffffff;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
} 

div.text16b {
	text-align: center;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	color: #000000;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
}  

div.text16b2{
	text-align: center;
	height: 60px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	color: #000000;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
}  

@media screen and (max-width: 575px) {
div.text16b2 {
	display: none;
}	
}

div.text16w {
	text-align: center;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
}  

div.text16w2{
	text-align: center;
	height: 60px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
}

@media screen and (max-width: 575px) {
div.text16w2 {
	display: none;
}	
}

#m1, #m2, #m3, #m4, #m5 {
	padding-top: 70px;
	margin-top: -70px;
} 

.buttonw {
	background: transparent;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	color: #ffffff;
	padding: 5px 40px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	text-decoration: none;
	display: inline-block;
	font-weight: 300;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
	cursor: pointer;
}

.buttonb {
	background: transparent;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	color: #000000;
	padding: 5px 40px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	text-decoration: none;
	display: inline-block;
	font-weight: 300;
	font-size: 16px;
	color: #000000;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
	cursor: pointer;
} 

.naslov {
	background-color: #eeeeee;
	position:relative;
	width: 100%;
	height: 200px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

hr {
	width: 200px;
	height: 1px;
	margin-top: 40px;
	border: 0;
	background: #034954;
}


/* Header */ 

header {
	z-index: 20;
	background-color: #1f5a63;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 180px;
	// set animation
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-bottom: 10px solid #034954;
}

header.sticky {
	height: 70px;
}

@media screen and (max-width: 991px) {
header.sticky {
	height: 100px;
}	
}

.baner {
	background: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 20px 0;
	background-size: contain;
	background-color: #1f5a63;
	position:relative;
	width: 100%;
	max-width: 1150px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	height: 100%;
	// set animation
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media screen and (max-width: 991px) {
.baner {
	height: 70%;
}
}

.baner.sticky {
	background: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
	background-size: contain;
	background-color: #1f5a63;
	height: 100%;
}

@media screen and (max-width: 991px) {
.baner.sticky {
	height: 70%;
}	
}

#navbar {
	background-color: #1f5a63;
	transition: 0.4s;
	position: absolute;
	bottom: 15px;
	right: 0px;
	width: 60%;
}

@media screen and (max-width: 991px) {
#navbar {
	bottom: -20px;
	width: 100%;
}
}

#navbar a {
	float: right;
	color: #ffffff;
	text-align: center;
	font-family: "Roboto Slab", serif;
	font-weight: bold;
	font-size: 24px; 
	line-height: 15px;
	width: 20%;
}

@media screen and (max-width: 991px) {
#navbar a {
	font-size: 22px; 
}	
}

@media screen and (max-width: 767px) {
	#navbar a {
	font-size: 20px; 
}	
}

@media screen and (max-width: 575px) {
	#navbar a {
	font-size: 16px; 
}	
}

@media screen and (max-width: 400px) {
	#navbar a {
	font-size: 14px; 
}	
}


/* Naslov */ 

.top-image{
	background: url(../img/baner.jpg);
	background-size: cover;
	background-position: center;
	background-color: #65bd9d;
	position: relative;
	width: 100%;
	height: 800px;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 1199px) {
.top-image{
	height: 700px;
}	
}

@media screen and (max-width: 991px) {
.top-image{
	background: url(../img/baner1.jpg);
	background-size: 100%;
	height: auto;
}	
}

.top-image1{
	background: transparent;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

.top-image2{
	background: transparent;
	width: 50%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: 0;
	height: auto;
}

@media screen and (max-width: 991px) {
.top-image2 {
	display: none;
}
}

.top-image3{
	background: transparent;
	margin-left: 70px;
	margin-right: 70px;
	height: 55%;
}

@media screen and (max-width: 991px) {
.top-image3 {
	display: none;
}
}

.naslov-top{
	background-color: #1f5a63;
	margin-left: 70px;
	margin-right: 70px;
	height: 45%;
	opacity: 0.0;
	animation-name: example;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}

@media screen and (max-width: 991px) {
.naslov-top {
	display: none;
}
}

@keyframes example {
  from {opacity: 0.0;}
  to {opacity: 1;}
}

.vl {
	border-left: 1px solid #ffffff;
	height: 30%;
	position: relative;
	left: 20px;
	top: 0;
} 

.img-top {
	width: 100%;
	height: auto;
	display: none;
}

@media screen and (max-width: 991px) {
.img-top {
	display: block;
}
}


/* Podjetje */

.podjetje {
	background-color: #ffffff;
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.podjetje1 {
	width: 100%;
	max-width: 1200px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-areas:
		'vsebina7 vsebina9'
		'vsebina8 vsebina10';
	grid-gap: 0px;
	background-color: #ffffff;
	padding: 0px;
}

@media screen and (max-width: 767px) {
.podjetje1 {
	grid-template-columns: 100%;
	grid-template-areas:
		'vsebina7'
		'vsebina8'
		'vsebina9'
		'vsebina10'
}	
}
	
.item7 {
	grid-area: vsebina7;
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top: 70px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 991px) {
.item7 {
    padding-right: 30px;
    padding-left: 30px;
}	
}

@media screen and (max-width: 767px) {
.item7 {
    padding-right: 50px;
    padding-left: 50px;
}	
}	

.item8 {
	grid-area: vsebina8;
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
	box-sizing: border-box;
}	

@media screen and (max-width: 991px) {
.item8 {
    padding-right: 30px;
    padding-left: 30px;
}	
}

@media screen and (max-width: 767px) {
.item8 {
    padding-right: 50px;
    padding-left: 50px;
}	
}

.item9 {
	grid-area: vsebina9;
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top: 70px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 991px) {
.item9 {
    padding-right: 30px;
    padding-left: 30px;
}	
}

@media screen and (max-width: 767px) {
.item9 {
    padding-right: 50px;
    padding-left: 50px;
}	
}

.item10 {
	grid-area: vsebina10;
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
	box-sizing: border-box;
}	

@media screen and (max-width: 991px) {
.item10 {
    padding-right: 30px;
    padding-left: 30px;
}	
}

@media screen and (max-width: 767px) {
.item10 {
    padding-right: 50px;
    padding-left: 50px;
}	
}

.img-podjetje {
	width: 100%;
	height: auto;
}


/* Storitve */

.storitve1 {
	width: 100%;
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	grid-template-areas:
		'vsebina1 vsebina3 vsebina5'
		'vsebina2 vsebina4 vsebina6';
	grid-gap: 0px;
	background-color: #ffffff;
	padding: 0px;
}

@media screen and (max-width: 991px) {
.storitve1 {
	grid-template-columns: 50% 50%;
	grid-template-areas:
		'vsebina1 vsebina2'
		'vsebina3 vsebina4'
		'vsebina5 vsebina6';
}	
}

@media screen and (max-width: 767px) {
.storitve1 {
	grid-template-columns: 100%;
	grid-template-areas:
		'vsebina1'
		'vsebina2'
		'vsebina3'
		'vsebina4'
		'vsebina5'
		'vsebina6';
}	
}

.item1 {
	grid-area: vsebina1;
	background-color: #034954;
	width: 100%;
	height: auto;
	padding-top: 70px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 991px) {
.item1 {
	padding-top: 50px;
    padding-bottom: 50px;
}	
}

@media screen and (max-width: 767px) {
.item1 {
	padding-top: 70px;
    padding-bottom: 20px;
}	
}

.item2 {
	grid-area: vsebina2;
	background-color: #034954;
	width: 100%;
	height: auto;
	padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
	box-sizing: border-box;
}	

@media screen and (max-width: 991px) {
.item2 {
	padding-top: 50px;
    padding-right: 50px;
}	
}

@media screen and (max-width: 767px) {
.item2 {
	padding-top: 0px;
    padding-right: 20px;
}	
}

.item3 {
	grid-area: vsebina3;
	background-color: #1f5a63;
	width: 100%;
	height: auto;
	padding-top: 70px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 991px) {
.item3 {
	padding-top: 50px;
    padding-bottom: 50px;
}	
}

@media screen and (max-width: 767px) {
.item3 {
	padding-top: 70px;
    padding-bottom: 20px;
}	
}

.item4 {
	grid-area: vsebina4;
	background-color: #1f5a63;
	width: 100%;
	height: auto;
	padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
	box-sizing: border-box;
}	

@media screen and (max-width: 991px) {
.item4 {
	padding-top: 50px;
    padding-right: 50px;
}	
}

@media screen and (max-width: 767px) {
.item4 {
	padding-top: 0px;
    padding-right: 20px;
}	
}

.item5 {
	grid-area: vsebina5;
	background-color: #034954;
	width: 100%;
	height: auto;
	padding-top: 70px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 991px) {
.item5 {
	padding-top: 50px;
    padding-bottom: 50px;
}	
}

@media screen and (max-width: 767px) {
.item5 {
	padding-top: 70px;
    padding-bottom: 20px;
}	
}

.item6 {
	grid-area: vsebina6;
	background-color: #034954;
	width: 100%;
	height: auto;
	padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
	box-sizing: border-box;
}	

@media screen and (max-width: 991px) {
.item6 {
	padding-top: 50px;
    padding-right: 50px;
}	
}

@media screen and (max-width: 767px) {
.item6 {
	padding-top: 0px;
    padding-right: 20px;
}	
}

.storitve2 {
	background-color: #ffffff;
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.storitve2a {
	width: 100%;
	max-width: 1200px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-areas:
		'vsebina11 vsebina13'
		'vsebina12 vsebina14';
	grid-column-gap: 10px;
	background-color: #ffffff;
	padding: 0px;
}

@media screen and (max-width: 767px) {
.storitve2a {
	grid-template-columns: 100%;
	grid-template-areas:
		'vsebina11'
		'vsebina12'
		'vsebina13'
		'vsebina14'
}	
}
	
.item11 {
	grid-area: vsebina11;
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top: 70px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
.item11 {
	padding-top: 70px;
    padding-bottom: 20px;
}	
}

.item12 {
	grid-area: vsebina12;
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
	box-sizing: border-box;
}	

@media screen and (max-width: 767px) {
.item12 {
	padding-top: 0px;
    padding-right: 20px;
}	
}

.item13 {
	grid-area: vsebina13;
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top: 70px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
.item13 {
	padding-top: 70px;
    padding-bottom: 20px;
}	
}

.item14 {
	grid-area: vsebina14;
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
	box-sizing: border-box;
}	

@media screen and (max-width: 767px) {
.item14 {
	padding-top: 0px;
    padding-right: 20px;
}	
}


/* O vlagi */

.vlaga {
	width: 100%;
	max-width: 1200px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 380px 380px 380px;
	grid-template-areas:
		'vsebina15 vsebina17 vsebina19'
		'vsebina16 vsebina18 vsebina20';
	grid-column-gap: 30px;
	grid-row-gap: 0px;
	background-color: #eeeeee;
	padding: 0px;
}

@media screen and (max-width: 991px) {
.vlaga {
	grid-template-columns: 380px auto 380px;
	grid-template-areas:
		'vsebina15 vsebina16 vsebina16'
		'vsebina17 vsebina17 vsebina18'
		'vsebina19 vsebina20 vsebina20';
	grid-column-gap: 0px;
	grid-row-gap: 30px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}	
}

@media screen and (max-width: 767px) {
.vlaga {
	grid-template-columns: 100%;
	grid-template-areas:
		'vsebina15'
		'vsebina16'
		'vsebina17'
		'vsebina18'
		'vsebina19'
		'vsebina20';
}	
}

.item15 {
	grid-area: vsebina15;
	background-color: #eeeeee;
	width: 100%;
	padding: 0px;
	box-sizing: border-box;
}

@media screen and (max-width: 991px) {
.item15 {
	grid-column: 1;
	grid-row: 1;
}	
}

@media screen and (max-width: 767px) {
.item15 {
	grid-column: 1;
	grid-row: 1;
}	
}

.item16 {
	grid-area: vsebina16;
	background-color: #ffffff;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}	

@media screen and (max-width: 991px) {
.item16 {
	grid-column: 2 / span 2;
	grid-row: 1;
	padding: 20px;
}	
}

@media screen and (max-width: 767px) {
.item16 {
	grid-column:1;
	grid-row: 2;
}	
}

.item17 {
	grid-area: vsebina17;
	background-color: #eeeeee;
	width: 100%;
	padding: 0px;
	box-sizing: border-box;
}

@media screen and (max-width: 991px) {
.item17 {
	grid-column: 1 / span 2;
	grid-row: 2;
	grid-area: vsebina18;
}	
}

@media screen and (max-width: 767px) {
.item17 {
	grid-column: 1;
	grid-row: 3;
	grid-area: vsebina17;
}	
}

.item18 {
	grid-area: vsebina18;
	background-color: #ffffff;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}	

@media screen and (max-width: 991px) {
.item18 {
	grid-column: 3;
	grid-row: 2;
	grid-area: vsebina17;
	padding: 20px;
}	
}

@media screen and (max-width: 767px) {
.item18 {
	grid-column: 1;
	grid-row: 4;
	grid-area: vsebina18;
}	
}

.item19 {
	grid-area: vsebina19;
	background-color: #eeeeee;
	width: 100%;
	padding: 0px;
	box-sizing: border-box;
}

@media screen and (max-width: 991px) {
.item19 {
	grid-column: 1;
	grid-row: 3;
}	
}

@media screen and (max-width: 767px) {
.item19 {
	grid-column: 1;
	grid-row: 5;
}	
}

.item20 {
	grid-area: vsebina20;
	background-color: #ffffff;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}	

@media screen and (max-width: 991px) {
.item20 {
	grid-column: 2 / span 2;
	grid-row: 3;
	padding: 20px;
}	
}

@media screen and (max-width: 767px) {
.item20 {
	grid-column: 1;
	grid-row: 6;
}	
}

.img-vlaga {
	width: 100%;
}

@media screen and (max-width: 991px) {
.img-vlaga {
	width: 390px;
}	
}

@media screen and (max-width: 767px) {
.img-vlaga {
	width: 100%;
}	
}


/* Kontakt */

.kontakt {
	width: 100%;
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-areas:
		'vsebina21 vsebina22';
	grid-gap: 0px;
	background-color: #ffffff;
	padding: 0px;
}

@media screen and (max-width: 767px) {
.kontakt {
	grid-template-columns: 100%;
	grid-template-areas:
		'vsebina21'
		'vsebina22';
}	
}

.item21 {
	grid-area: vsebina21;
	background-color: #034954;
	width: 100%;
	height: auto;
	padding-top: 50px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
	box-sizing: border-box;
}

.item22 {
	grid-area: vsebina22;
	background-color: #1f5a63;
	width: 100%;
	height: auto;
	padding-top: 50px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
	box-sizing: border-box;
}	

.form1{
	background: transparent;
	position:relative;
	width: 100%;
	max-width: 570px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	height: auto;
}

.form2 {
	background: transparent;
	display: block;
    text-align: left;
	width: 100%;
    margin-top: 0px;
	margin-bottom: 15px;
	height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
	border-style: solid;
	border-width: 1px;
	border-color: #b3b3b3;
	box-sizing: border-box;
}

.form3 {
	background: transparent;
	display: block;
    text-align: left;
	width: 100%;
    margin-top: 0px;
	margin-bottom: 15px;
	height: 161px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 18px;
	font-weight: 300;
	color: #ffffff;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
	border-style: solid;
	border-width: 1px;
	border-color: #b3b3b3;
	box-sizing: border-box;
}

.form4 {
	background-color: #8bcccf;
	display: block;
    text-align: center;
	width: 180px;
    margin-top: 0px;
	margin-bottom: 10px;
	height: 40px;
	font-size: 18px;
	font-weight: 300;
	color: #000000;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
	border-style: solid;
	border-width: 1px;
	border-color: #b3b3b3;
	box-sizing: border-box;
}


/* Kje smo? */

.map {
	background: transparent;
	position:relative;
	width: 100%;
	margin-top: 0px;
}
 
.map1{
	background-color: #333333;
	float: left;
	width: 100%;
	height: 650px;
}

.map2{
	background: transparent;
	float: left;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
}


/* Footer */

.footer{
	background-color: #333333;
	float: left;
	width: 100%;
	height: 130px;

}

div.footer1{
	text-align: center;
	width: 100%;
	font-weight: 300;
	padding-top: 50px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
} 


/* Modal */

div.modal{
	display: none;
	background: #eeeeee;
	float: center;
	width: 100%;
	max-width: 900px;
	height: auto;
	margin-top: 30px;
	border-radius: 5px;
}

.naslov1 {
	background: #1f5a63;
	position:relative;
	width: calc(100% + 54px);
	height: auto;
	margin-top: -27px;
	margin-left: -27px;
	margin-right: 0px;
	margin-bottom: 30px;
}

.naslov2 {
	background-color: #eeeeee;
	position:relative;
	text-align: center;
	width: 100%;
	height: 100px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.vsebina1 {
	background: transparent;
	position:relative;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
}

.img-vsebina {
	width: 100%;
	max-width: 390px;
	height: auto;
}

@media screen and (max-width: 660px) {
.img-vsebina {
	max-width: 660px;
}
}

#vsebina{
    width: 100%;
    background: #ffffff;
	min-height: 244px;
}
#floated{
    float: left;
	width: 100%;
	max-width: 410px;
	height: auto;
}

@media screen and (max-width: 660px) {
#floated{
	max-width: 660px;
}
}

div.text16m {
	text-align: left;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	color: #000000;
	line-height: 1.6;
	font-family: "Roboto Slab", serif;
}