/* GENERAL SETTINGS */

* {
 box-sizing: border-box;
}

body {
 font-size: 100%;
 font-family: 'Roboto', sans-serif;
 margin: 0;
 min-height: 100vh;
}

ul, ol {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

.margina {
	margin: 0;
/*	border: 10px solid #273f73; */
}




/* START MAIN NAVIGATION */


.scroll-down .flex-nav-container {
 transform: translate3d(0, -100%, 0);
}

.scroll-up .flex-nav-container {
 box-shadow: 3.2px 3.2px 32px rgba(245, 245, 245, 1); 
 background: #0d8cbf;
 display: flex;
 justify-content: center;
 transition: all 300ms ease-in-out;
}


.scroll-up .flex-nav-container .logo {
 flex-basis: 250px;
 min-width: 140px;
}



.scroll-up .flex-nav-container .logo img {
 width: 100%;
/*	border: 2px solid white; */
}


.scroll-up .address-top {
 display: none;
}

.scroll-up .flex-nav-container .flex-nav .info {
 display: none;	
}


.scroll-up .flex-nav-container .flex-nav .address-main-nav-container {
 align-self: stretch;
}




.flex-nav-container {
 width: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999; 
/*	border: 2px solid black;  */
/*	background: #0a698f; */
/*	height: 140px;  */
/*	border-bottom: 4px solid #fff; */
 display: flex;
 flex-direction: column;
 transition: all 300ms ease-in-out;
}

.address-top {
 display: none;
/*	width: 100%; */
 margin: auto;
/*	border: 2px solid black;  */
 width: 100%;
 padding: 0.5em 0 0.5em 0;
}


.address-top .address-kontejner {
 display: flex;
 align-items: center;
 justify-content: space-between;
/*	min-height: 50px; */
 width: 623px;
 border: 2px solid white;
 border-radius: 2em;
 padding: 0.7em 1.5em;
 background: #0a698f; 
}

.address-top .address-kontejner p {
 margin: 0;
 color: #fff;
 font-style: normal;
 font-size: 1.1em;
 font-weight: 400;
}


.address-top .address-kontejner p.info-tel {
 font-weight: bold;
 font-style: normal;
 color: #212121;
}



.address-top .address-kontejner a {
 font-weight: bold;
 text-decoration: none;
 color: #fff;
}



.flex-nav-container .info {
/*	border: 2px solid black; */
/*	position: absolute;
 top: 5%;
 right: 7.5%;
 z-index: 100000;  */
 display: flex;
 align-items: center;
 justify-content: space-between;
/*	min-height: 50px; */
 width: 653px;
 border: 2px solid white;
 border-radius: 2em;
 padding: 0.7em 1.5em;
 background: #0a698f; 
 margin-bottom: 0.4em;
}



.flex-nav-container .info p {
 margin: 0;
 color: #fff;
 font-style: normal;
 font-size: 1.1em;
 font-weight: 400;
}

.flex-nav-container .info p.info-tel {
 font-weight: bold;
 font-style: normal;
 color: #212121;
}



.flex-nav-container .info a {
 font-weight: bold;
 text-decoration: none;
 color: #fff;
}


.flex-nav {
 width: 85%;
 margin: 0 auto;
/*	border: 2px solid red;  */ 
 display: flex;
 justify-content: space-between;
 align-items: start;
 padding: 0.5em 0 0.5em 0;
/*	height: 100%; */
/*	position: fixed;
 top: 0;
 left: 8.5%;
 z-index: 9999; */
}

.flex-nav .icon {
 display: none;
} 



.logo {
 flex-basis: 340px;
/*	min-width: 280px;  */
/*	max-width: 100% !important;
 width: 239px !important;
 height: auto !important; */
}


img {
 border: none;
 display: block;
 transform: translateZ(0) scale(0.999999);
}

.logo h1 {
 margin: 0;
}

.logo img {
 vertical-align: middle;
 width: 100%;
/*	width: 280px; */
}

.address-main-nav-container {
 display: flex;
 flex-direction: column;
 align-items: end;
 justify-content: space-around;
/* min-height: 115px; */
 flex-basis: 100%;
}


.main-nav {
/*	border: 2px solid white;  */
 position: relative;
/*	border: 2px solid red; */
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
 width: 653px;
/*	border-radius: 2em; */
/*	width: 80%; */
/*	overflow: hidden; */
}





.main-nav li {
 display: inline-block;
/*	border: 5px solid purple; */
}

.main-nav .link {
 display: block;
 text-decoration: none;
 padding: 0.5em 1.5em;
 font-size: 1.16em;
 letter-spacing: 0.02em;
 border: 1px solid #212121;
 border-radius: 2em;
 transition: all 1s ease;
 background: #f2ec26; 
 color: #212121;
 font-weight: 500;
}


.main-nav button.link {
 display: block;
 text-decoration: none;
 padding: 0.5em 1.5em;
 font-size: 1.16em;
 letter-spacing: 0.02em;
 border: 1px solid #212121;
 border-radius: 2em;
 transition: all 1s ease;
 background: #f2ec26; 
 color: #212121;
 font-weight: 500;
 font-family: 'Roboto', sans-serif;
}



.main-nav .link:hover {
 border: 1px solid #fff;  /* #fff; */
 background: #895fb9;
 transition: all 0.5s ease;
 color: #fff;
 box-shadow: 0.1em 0.1em 1em 0.3em  #895fb9;
}

.current-page {
/*	font-family: 'PT Sans', sans-serif; */
 display: block;
 text-decoration: none;
 padding: 0.5em 1.5em;
 font-size: 1.19em;
 letter-spacing: 0.04em;
 border-radius: 2em;
 transition: all 1s ease;
 font-weight: bold;
 border: 2px solid #fff;  /* #fff; */
 background:  #895fb9;
 transition: all 0.5s ease;
 color: #fff;
 box-shadow: 0.1em 0.1em 1em 0.3em  #895fb9;
}


.main-nav button.current-page {
/*	font-family: 'PT Sans', sans-serif; */
 display: block;
 text-decoration: none;
 padding: 0.5em 1.5em;
 font-size: 1.19em;
 letter-spacing: 0.04em;
 border-radius: 2em;
 transition: all 1s ease;
 font-weight: bold;
 border: 2px solid #fff;  /* #fff; */
 background: #895fb9;
 transition: all 0.5s ease;
 color: #fff;
 box-shadow: 0.1em 0.1em 1em 0.3em  #895fb9;
}


.dropbtn {
 display: inline-block;
 background-color: blue;
 color: white;
 cursor: pointer; 
}

.dropbtn .mdi {
 vertical-align: middle;
 padding-left: 0.125em;
 display: inline-block;
}



.dropdown {
 position: relative;
 display: inline-block;
}

.dropdown-content {
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
/*	background: blue; */
 z-index: 1;
 transition: all 2s ease;
}

.dropdown-content a {
 display: block;
 text-decoration: none;
 padding: 0.5em 1.5em;
 font-size: 1.16em;
 letter-spacing: 0.01em;
 border: 1px solid #272349;
 border-radius: 2em;
 transition: all 1s ease;
 background: #f2ec26; 
 color: #212121;
 font-weight: 500;
 min-width: 230px;
 transition: all 2s ease;
}



.dropdown-content a:hover {
 border: 1px solid #fff;
 background:  #895fb9;
 transition: all 0.5s ease;
 color: #fff;
 box-shadow: 0.1em 0.1em 1em 0.3em  #895fb9;
}


.dropdown:hover .dropdown-content {
/*	display: block;
 z-index: 100000000;
 transition: all 2s ease;  */
}

.show {
 display: block;
}


/*    SOCIAL ICONS - nisu upotrebljene na homepgae, al evo ih svojstva kad zatreba */

.social-icons {
 position: relative;
 z-index: 102;
}

.social-icons i {
 color: #212121; 
 padding-left: 10px; 
 font-size: 32px;
}

.social-icons i:hover {
 color: #8c8c8c;
 color: #895fb9;
}


.material-icons.md-24 {
 font-size: 28px;
 vertical-align: text-bottom;
 padding-left: 25px;
 color: #1f2747;
 color: #212121;
}

.material-icons.md-24:hover {
 color: #7181c1;
}

/*    end    */


/*    START MAIN - SECTION 1 - background image - HOMEPAGE  */


.background1 {
 background-image: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("backgrounds/background3.jpg");
 background-repeat: no-repeat;
/*	background-attachment: fixed; */
 background-position: center;
 background-size: cover;
 height: 100vh;
 position: relative; 
 z-index: 100;
}




.background-text {
/*	border: 2px solid black;   */
 position: absolute;

 top: 20%;
 left: 7.5%;

}

.background-text h2 {
 color: #fff; /* moja paleta #272340; */
 font-weight: bold;
/*	text-transform: uppercase; */
 margin: 0;
 font-size: 1.5em;
 text-shadow: 1.5px 1px #111922; 
 letter-spacing: 0.1em;
 line-height: 1.2em;
}

.obrazovanje {
/*	border: 2px solid white;  */
 position: absolute;
 top: 42.5%;
 left: 7.5%;
 transform: translateY(-30%);
 text-align: left;
 max-width: 100%;
}

.obrazovanje h3 {
 font-size: 4em;
 margin: 0;
 line-height: 1.2em;
/*	text-transform: uppercase; */
 color: #fff; /* #dce0da; */ /* #dce0da; */
 font-family: 'Roboto', sans-serif;
 letter-spacing: -1px;
/*	color: #272340; */
 text-shadow: 2px 3px #111922;
}

.obrazovanje p {
 font-size: 1.5em;
 color: /* #191f32; */  #f7f8f7; /* gold; */
 font-weight: 500;
 letter-spacing: 0.03em;
/*	text-transform: uppercase; */
 text-shadow: 1px 1px #111922;
 font-family: 'Roboto', sans-serif;
}



.obezbedi-mesto {
/*	border: 2px solid white; */
 position: absolute;
 top: 62%;
 left: 7.5%;
/*	border: 2px solid white; */
}

.obezbedi-mesto a {
 display: flex;
 align-items: center;
 text-decoration: none;
 text-transform: uppercase; 
 font-size: 1.5em;
 font-weight: 700;
 padding: 0.5em 3em 0.5em 3em;
 border-radius: 2em;
 letter-spacing: -1px;
 color: #333333;
 transition: all 0.5s ease;
 border: 1px solid #212121; #f5f6f5; 
 box-shadow: 0.1em 0.1em 1em 0.1em  #fff;
/*	background:  #633e8e; */
 background: #f2ec26; 
}

.obezbedi-mesto a:hover {
 background: #fff; /* #f5ef4d; */  /* #895fb9; */
 transition: all 0.5s ease;
 color: #111922;
 color: #fff;	
 background: #895fb9;
 border: 1px solid #895fb9;
}


/*    SECTION2 - edukativni centar, produzeni boravak, rodjendaonica za osnovce   HOMEPAGE   */


.section-container-light {
 background: #f7f5f3; /* #eff5f5; */ /* #f5f6f5; */ /* #053548; */
 padding: 4em 0 6em 0;
 text-align: center;
 position: relative;
}



.section-container-light .zvezde-img {
/*	width: 65%; */
 min-width: 500px;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 1;
}


.section-container-light img {
 position: absolute;
 top: 0;
 right: 0;
}



.our-mission {
 width: 85%;
 margin: auto;
 text-align: left;
/*	border: 2px solid black;  */
 display: flex;
}

.our-mission .text-left {
/*	border: 2px solid red; */
 flex-grow: 0;
 flex-shrink: 0;
 flex-basis: 50%;
 padding-right: 2em;
 position: relative;
}

.our-mission .text-left .donji-heading {
/*	border: 5px solid purple; */
 width: 80%;
}



.our-mission h1 {
 color: #19abe1;
 font-size: 1.6em;
 text-transform: uppercase; 
 font-weight: 500;
 margin: 0 0 0.4em 0;
/*	visibility: hidden; */
}


.reserve1 {
/*	border: 1px solid black;  */
 text-align: center;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-grow: 0;
 flex-shrink: 0;
 flex-basis: 50%;
/*	background-image: url("zvezdarac-pozadina-plave-zvezde.png");
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain; */
 position: relative;
 z-index: 2;
}

.reserve1 .reserve-link {
 border: 2px solid white;
 padding: 0.65em 1.4em 0.65em 1.4em;
 text-decoration: none;
 border-radius: 2em; 
 display: inline-block;
 color: #eff5f5;
 background: #192b4d;
 text-transform: uppercase; 
 font-weight: 600;
 letter-spacing: 0.02em;
 font-size: 1.5em;
 border: 2px solid #fff;
 background: #19abe1;
 
 box-shadow: -1px 18px 68px -1px rgba(0,0,0,0.74);
 -webkit-box-shadow: -1px 18px 68px -1px rgba(0,0,0,0.74);
 -moz-box-shadow: -1px 18px 68px -1px rgba(0,0,0,0.74);
 

}

.reserve1 .reserve-link:hover {
 background:  #895fb9;
 
 color: #fff;  /* #233058; */
 border: 2px solid #fff;
 box-shadow: 1.2em 1.2em 1.9em 0.1em #212121;
}

/*    SECTION 3 START - nasa misija    */


.container-nasa-misija {
/*	border: 2px solid black;  */
 padding: 4em 0 8em 0;
/*	background: transparent; */ 
 color: #212121;
/*	background-image: url("cloud-background.jpg");
 background-size: cover;
 background-attachment: fixed; 
 background-position: bottom; */
 position: relative; 
 background: #f7f5f3;
}



/* .container-nasa-misija img.pozadina {
 border: 10px solid black; 
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 1; 
 width: 50%;
} */

.container-nasa-misija .nasa-misija {
/*	border: 3px solid red;  */
 width: 85%;
 margin: 0 auto;
 text-align: left;
 display: flex; 
}

.nasa-misija-img {
/*	border: 1px solid black;  */
 text-align: center;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-grow: 0;
 flex-shrink: 0;
 flex-basis: 50%;
/*	background-image: url("cloud-background.jpg"); */
/*	height: 40em; */
 background-size: cover;
 position: relative;
/*	z-index: 1; */
/*	border-radius: 350px; */

}

.nasa-misija .text-right {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: flex-start;
 flex-grow: 0;
 flex-shrink: 0;
 flex-basis: 50%;
 padding-left: 2em;
 position: relative;
/*	background: #fff;
 border-radius: 500px;
 padding: 100px; */
}

.text-right .strast {
 color: #192b4d; /* #053548; */ /* #fff; */
 color: #19abe1;
/*	color: #273f73; */
 font-size: 1.6em;
 text-transform: uppercase; 
 font-weight: 500;
 margin: 0 0 0.4em 0;
}


.sve-obaveze {
 color: #273f73; /* #053548; */ /* #fff; */
/*	color: #19abe1; */
 font-size: 1.3em;
 text-transform: uppercase; 
 font-weight: bold;
 letter-spacing: 0.01em;
 margin: 0 0 0.4em 0;
}

.stupite {
/*	border: 2px solid black; */
 margin-top: 5em;
}


.stupite .reserve-link {
 border: 2px solid white;
 padding: 0.65em 1.4em 0.65em 1.4em;
 text-decoration: none;
 border-radius: 2em; 
 display: inline-block;
 color: #eff5f5;
 background: #19abe1; /* #192b4d; */
 text-transform: uppercase; 
 font-weight: 600;
 letter-spacing: 0.02em;
 font-size: 1.5em;
 border: 2px solid #fff;
 box-shadow: 1.2em 1.2em 1.9em 0.1em #212121;
}


.stupite .reserve-link:hover {
 background:  #895fb9;
 color: #fff; 
 border: 2px solid #fff;
 box-shadow: 1.2em 1.2em 1.9em 0.1em #212121;
}

/*    SECTION 4 START - svojstva objekta    */

.svojstva-container {
/*	border: 8px solid black; */
 padding: 8em 0 8em 0;
 text-align: left;
/*	position: relative;
 text-align: left; */
}


.svojstva-objekta {
 width: 85%;
 margin: 0 auto; 
 color: #273f73;
/*	border: 10px solid black; */ 
/*	background: red; */
 display: flex;
 justify-content: space-between;

}

.naslov-slika {
/*	display: flex;
 border: 5px solid green;
 justify-content: space-between; */
}



.svojstva-naslov {
/*	border: 2px solid purple;  */
/*	border-radius: 2em; */
 flex-grow: 0;
 flex-shrink: 0;
 flex-basis: 45%;
 padding-right: 4em; 
 text-align: left;
}


.svojstva-naslov h3 {
/*	border: 2px solid orange; */
/*	width: 100%;
 margin: 0;
 color: #273f73;
 font-weight: bold; */
/*	font-size: 3em; */
/*	font-family: 'Open Sans', sans-serif; */ 
/*	margin-bottom: 1.3em;
 letter-spacing: -0.0325em;
 text-transform: uppercase; */
}

.svojstva-naslov span {
 margin: 0;
 color: #197ecf;
 font-weight: 700;
 font-size: 1.4em;
 letter-spacing: 0.03em;
 line-height: 1.9em;
/*	text-transform: uppercase; */
}

.svojstva-naslov p {
 margin: 0;
 color: #1c2b4b;
 font-weight: 400;
 font-size: 1.2em;
/*	font-family: 'Open Sans', sans-serif; */
 margin-top: 1.9em;
 letter-spacing: 0.01em;
 line-height: 1.9em;
 width: 100%;
/*	text-transform: uppercase; */
/*	color: #71d0f5; */
}


.svojstva-img {
/*	border: 2px solid purple; */
 flex-basis: 100%;
 display: grid;
 grid-column-gap: 64px;
 grid-row-gap: 32px;
 grid-template-columns: 1fr 1fr;
 grid-auto-rows: 250px;
}


.svojstva-card-header {
/*	border: 2px solid black;  */
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease;
 background: #0d8cbf;
/*	box-shadow: 6px 6px 15px  rgba(0, 0, 0, 1);  */
}

.svojstva-card-header:hover {
/*	transform: scale(1.2); */
 transition: all 4s ease;
 box-shadow: none;
 position: relative;
 z-index: 1;
}


.svojstva-card-header img {
 position: absolute;
 left: 0;
 opacity: 1;
 transition: opacity 0.5s ease-in-out;
 vertical-align: middle;
 width: 100%;
 height: 100%;
 object-fit: cover;
 filter: brightness(70%);

}



.svojstva-card-header:hover img.top {
 opacity: 0;
 width: 100%;
 height: 100%;
}


/* .svojstva-card-header:nth-child(5) img {
 border: 10px solid red;
 transform: rotate(90deg); 
 object-fit: cover; 
 object-position: 90% 0;
 width: 420px;
 height: 420px;
} */



/* .svojstva-card-header:hover img.bottom {
 transform: scale(1.2);
 transition: all 2s ease;
 border: 3px solid pink;
 filter: brightness(40%);
} */

/* .svojstva-card-header img.bottom {
 transition: all 2s ease;
} */


.card-header-text {
 position: absolute;
 bottom: 0; 
 left: 0;
 padding: 2em;
}

.card-header-text h4 {
 margin: 0;
 font-size: 1.3em;
 text-transform: uppercase;
 color: #fff;
 font-weight: 700;
/*	letter-spacing: 0.03em; */
/*	border: 2px solid white; */
/*	text-align: center; */
}

.card-header-text .mdi {
 color: #fff;
 font-size: 1.8em;
 display: inline-block;
/*	padding-left: 10px; */
/*	margin-bottom: 10px; */
}


.svojstva-card-header:hover .mdi {
 display: none;
}


.svojstva-card-header:hover h4 {
 display: none;
}


.svojstva-card-header:hover .summary {
 position: absolute;
 left: 0;
 top: 0;
 padding: 2em;
 display: block;
 transition: 2s;
}


.svojstva-card-header:hover .summary p {
 transition: all 2s ease;
}


.summary {
 display: none;
 transition: 2s;
}



.summary p {
 color: #fff;
 margin: 0;
 line-height: 1.9em;
 font-size: 1.2em;
 font-weight: 500;
 letter-spacing: 0.02em;
}

.summary .material-icons.boja-velicina {
 color: #fff;
 font-size: 2em;
}

/*   SEKCIJA Upisni rok u toku  HOMEPAGE          */

.background-logo {
 background-image: url("backgrounds/background-upis.jpg");
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: 50% 40%;
 background-size: cover;
 height: 100vh;
/*	border: 2px solid black; */ 
/*	width: 85%;*/
 margin: 0 auto;
 position: relative;
}

.background-logo .logo-upis {
 position: absolute;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
/*	border: 2px solid white; */
 max-width: 500px;
 min-width: 300px;
}

.background-logo .logo-upis img {
/*	width: 100px; */
 width: 100%;
 vertical-align: middle;
}



.background-logo .stupite {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 margin: auto;
 text-align: center;
}

.background-logo .stupite h3 {
 color: #fff;
 width: 85%;
 margin: auto;
}


.background-logo .stupite h2 {
 font-size: 2em;
 font-weight: 500;
 margin: 0;
}


.background-logo .stupite h3 {
/*	font-size: 3em;
 text-transform: uppercase;
 margin: 0; */
}

.background-logo .stupite a {
 background:  #895fb9;
 padding: 0.65em 2.5em 0.65em 2.5em;
 color: #fff;
 margin-top: 4em;
 background: #71d0f5;
 
}

.background-logo .stupite a:hover {
 background: #71d0f5;
 
 background:  #895fb9;
}



/*    SECTION 5 START - nastavni plan i program HOMEPAGE    */

.section-container-dark {
/*	border: 2px solid black; */
	padding: 8em 0 8em 0;
	background: #f7f5f3; /* #185a9d; */ /* #63658f; */  /* #1c2b4b; */
	color: #212121;
}

.features-obmotac {
	width: 85%;
	margin: auto;
	text-align: left;
	display: flex; 
	align-items: flex-start;
	padding-bottom: 2em;
/*	border: 5px solid blue;  */

}


.features-obmotac .naslov-slika {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
	border: 10px solid #f7f5f3;  
	grid-auto-rows: 540px;
/*	justify-content: space-between; */
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 55%; 
/*	border-radius: 2em;  */
/*	overflow: hidden;  */
	box-shadow: -2.5em 2.5em 0.1em #71d0f5;
	background: #f7f5f3;
	transition: all 0.2s ease;
/*	transform: rotate(-1deg); */
}




.svojstva-img1 {
	width: 100%;
	height: 100%;  
	transition: all 0.5s ease;
	overflow: hidden;
} 

.svojstva-img1 img {
	width: 100%; 
	height: 100%;  
	object-fit: cover;
	object-position: center;
}

.svojstva-img1:hover {
/*	filter: brightness(90%); */
	transition: all 1s ease;
	transform: scale(1.1);
	transition: all 0.2s ease;
}


.svojstva-img2 {
/*	border: 5px solid purple; */
	display: grid;
	grid-template-rows: 1fr 1fr;
/*	grid-auto-rows: 270px; */
	grid-gap: 10px;
/*	border: 2px solid black;  */

}

.svojstva-img2 .nnn {
	width: 100%;
	height: 100%;
	transition: all 0.5s ease;
	overflow: hidden;
}


.svojstva-img2 .nnn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 100%;
}


.svojstva-img2 .nnn:hover {
/*	filter: brightness(70%); */
	transition: all 0.2s ease;
	transform: scale(1.1);
}


.svojstva-img2 .nnn1 {
	width: 100%;
	height: 100%;
	transition: all 0.1s ease;
/*	border: 2px solid black; */
	overflow: hidden;
}

.svojstva-img2 .nnn1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
/*	object-position: 1% 50%;  */
}

.svojstva-img2 .nnn1:hover {
/*	filter: brightness(70%); */
	transition: all 0.2s ease;
	transform: scale(1.1);
/*	position: relative;
	z-index: 1; */
}





.features-obmotac .svojstva-naslov1 {
/*	border: 10px solid purple;  */
	border-radius: 2em;
	padding: 0 0 0 5em;  
	text-align: left;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 45%;
}


/* .svojstva-naslov1 h3.strast {
	color: #19abe1;
	font-size: 1.6em;
	text-transform: uppercase; 
	font-weight: 500;
	margin: 0 0 0.4em 0;
} */


/* .features-obmotac .svojstva-naslov1 h2 {
	margin: 0;
	color: #273f73;
	font-weight: bold;
	font-size: 4em;
	margin-bottom: 0.9em;
	letter-spacing: -0.0325em;
	text-transform: uppercase;
} */




/* .features-obmotac .svojstva-naslov1 p {
	margin: 0;
	color: #1c2b4b;
	font-weight: 400;
	font-size: 1.2em;
	margin-top: 1.9em;
	letter-spacing: 0.01em;
	line-height: 1.9em; 
}  */


.program-container {
/*	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%); */
/*	border: 2px solid blue; */
	padding: 6em 0 0 0;
	width: 85%;
	margin: auto; 
	display: flex;
	justify-content: space-around;
}


.learning {
/*	border: 2px solid black; */
/*	display: block; */
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 25%;
	padding: 2.5em;
	background: #fff;
	box-shadow: 1px 1px 16px rgba(0, 0, 0, 1);
	text-decoration: none;
	transition: all 1s ease;
}



.learning h3 {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 0;
	text-align: center;
	font-weight: 500;
	color: #273f73;
	font-size: 1.5em;
	letter-spacing: -0.0325em;
	color: #197ecf;
	text-transform: uppercase;
	transition: all 1s ease;
}

.learning .mdi {
	font-size: 60px;
	text-align: center;
	display: block;
	color: #71d5f0;
	color:  purple;
}

.learning .mdi.pink {
	color: #ff00ff;
}


.learning .mdi.orange {
	color: orange;
	
}

.learning .material-icons.color-arrow1 {
	color: #ff00ff ;
}


.learning .material-icons.color-arrow2 {
	color: orange ;
}


.learning p {
	margin: 2em 0 0 0;
	line-height: 1.5em;
	font-size: 1.1em;
	color: #1c2b4b;
	
	font-size: 1.15em;
	line-height: 1.9em;
	letter-spacing: 0.005em;
	margin: 2em 0 0 0;
	font-weight: 400;
	color: #1c2b4b;
	transition: all 1s ease;
}

/*    VAN NASTAVNI PLAN I PROGRAM -  HOMEPAGE   */

.edu-rodjus-container {
	padding: 8em 0 0 0;
}


.van-nastavni-container {
	width: 85%;
	margin: auto;
/*	border: 2px solid black; */
	display: flex;
/*	justify-content: space-between; */
}

.edukativni-centar {
/*	border: 2px solid orange; */
/*	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 50%; */
	display: flex;
	flex-direction: column;
	padding-right: 4em;
/*	background: #f7f5f3; */
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 50%;
}

.edukativni-centar .strast {
	color: #192b4d; /* #053548; */ /* #fff; */
	color: #19abe1;
/*	color: #273f73; */
	font-size: 1.6em;
	text-transform: uppercase; 
	font-weight: 500;
	margin: 0 0 0.4em 0;
}

/* .edukativni-centar h2 {
	margin: 0;
	color:  #273f73;
	font-weight: bold;
	font-size: 4em;
	margin-bottom: 0.9em;
	letter-spacing: -0.0325em;
	text-transform: uppercase;
} */

.edukativni-centar span {
	margin: 0;
	color: #197ecf;
	font-weight: 700;
	font-size: 1.4em;
	letter-spacing: 0.03em;
	line-height: 1.9em; 
}

.edukativni-centar p {
	color: #1c2b4b;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.9em;
	letter-spacing: 0.01em;
	margin: 0;
	margin-top: 1.9em;
}

.edu-grid {
/*	border: 4px solid black; */
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 230px;
	grid-gap: 40px;
	
}

.edu-grid .link-div {
	display: block;
	position: relative;
}

.link-div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(50%);
}

.link-div:hover img {
	filter: brightness(100%);
}



.edu-text {
/*	border: 2px solid white;  */
	text-align: left;
	position: absolute;
	bottom: 5%;
	left: 5%;
}

.edu-text .mdi {
	color: #fff;
	font-size: 2em;
}


.edu-text h3 {
	color: #fff;
	font-size: 1.5em;
	margin: 0;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.edu-text h4 {
	margin: 0;
	color: #fff;
	font-size: 1.1em;
	font-weight: 400;
}

.edu-img img {
	width: 100%;
}

/*    Params.sah    */

.column-line {
	grid-column-start: 1;
	grid-column-end: 3;
}


.link-div.sah img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 100% 60%;
	filter: brightness(50%);
}


/*    CURVE BACKGROUND    */


.hidden {
/*	overflow: hidden; */
/*	background-image: url("inspira.jpg");
	height: 100vh;
	background-size: cover; */
}

.curve {
/*	background: #71d0f5; */
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
/*	height: 100%; */
	border: 3px solid black; 
	
}

.curve h1 {
	font-size: 4em;
}

.curve h3 {
	font-size: 1.5em;
	
}

.curve-top2 {
	background: #71d0f5;
	position: relative;
	background-image: url("kreativno-dete.jpg");
	height: 200vh; 
	background-size: cover;
	background-position: center;
	position: relative;
	bottom: 10px;
}



/*    RODJENDAONICA   HOMEPAGE  */

.rodjendaonica-container {
	background: #71d0f5;
	position: relative;
	background: #fff;
}


.curve-top1 {
	background: #71d0f5;
	position: relative;
	background-image: linear-gradient(45deg, rgba(104, 39, 176, 1)38%, rgba(255, 0, 129, 0)), url("backgrounds/rodjus.jpg");
	background-size: cover;
	background-position: bottom;
	background-attachment: fixed;
/*	border: 10px solid red; */
/*	padding-bottom: 4em; */
}

.rodjendaonica {	
/*	border: 2px solid blue;  */
	width: 85%;
	margin: auto;
/*	position: absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%); */
/*	transform: translate(-50%, -50%); */
/*	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 50%; */
/*	position: relative;
	bottom: 4em; */
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	position: relative;
	bottom: 8em;
}

.rodjendaonica .text-light {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 40%;
/*	border: 3px solid white; */
/*	padding-right: 4em; */
}


.rodjendaonica h3 {
	color: #fff; /* #19abe1; */
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 0 0.4em 0;
}


.rodjendaonica h2 {
/*	margin: 0; */
	color: #ff00ff; 
/*	font-weight: bold;
	font-size: 3em;
	margin-bottom: 1.3em;
	letter-spacing: -0.0325em;
	text-transform: uppercase; */
}

.rodjendaonica span {
	color: #192fc7;
	color: #fff;
	font-weight: 700;
	font-size: 1.4em;
	letter-spacing: 0.03em;
	line-height: 1.9em;
/*	text-transform: uppercase; */
/*	text-decoration: underline; */
}

.rodjendaonica p {
/*	color: #fff; */
	color: #ffcce6;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.9em;
	letter-spacing: 0.02em;
	margin: 0;
	margin-top: 1.9em;
	width: 90%;
	text-align: left;
}


.curve-bottom {
/*	background: #71d0f5; */
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
/*	height: 100%; */
/*  border: 10px solid black; */  
}




.rodjendan-images {
/*	border: 10px solid red;  */
	width: 100%;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 270px;
	grid-column-gap: 80px;
	grid-row-gap: 40px;
	text-align: right;
}

.jedna-slika {
/*	border: 5px solid purple;  */
	transition: all 0.2s ease;
	box-shadow: 7px 7px 0.5em rgba(0, 0, 0, 0.7); rgba(255, 0, 129, 0.9);
	transform: rotate(5deg);
}

.jedna-slika:hover {
	transform: rotate(0deg);
	position: relative;
	z-index: 500000000000;
}


.jedna-slika img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: cover;
}

.jedna-slika img:hover {
	transform: scale(1.4);
	transition: all 0.5s ease;
	box-shadow: 1.2em 1.2em 1.9em 0.1em #fff;
}

.rodjendan-images .stupite {
	transform: rotate(5deg);
	border: 5px solid white;
	display: inline-block;

}


/*    Raspusne aktivnosti  HOMEPAGE   */

.uni-container {
	padding: 8em 0 8em 0;
/*	border: 5px solid black; */
	text-align: center;
	background: #f7f5f3;
}

.uni-container .stupite {
	margin-top: 8em;
}

.raspusne-aktivnosti {
	width: 85%;
	margin: 0 auto;
/*	border: 2px solid red; */
	text-align: center;
/*	box-shadow: -40px 40px #491c7d;
	border: 1em solid white; */
}


.raspusne-aktivnosti p {
	font-size: 1.4em;
	margin: 0 0 4em 0;
	color: #197ecf;
	font-weight: bold;
}


.raspusne-aktivnosti .slike {
	width: 99%;
	display: grid;
	grid-template-columns: repeat(3, 25%);
	grid-auto-rows: 250px;
	grid-gap: 32px;
	justify-content: center;
/*	box-shadow: none; */
}


a.jedna-slika1 {
	display: block;
}

.raspusne-aktivnosti .slike .jedna-slika1 {
	box-shadow: 5px 2px 7px #212121;
}


.raspusne-aktivnosti .slike .jedna-slika1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
/*	transition: all 0.1s ease; */

}


.raspusne-aktivnosti .slike .jedna-slika1:hover img {
	transform: scale(1.2);
	transition: all 0.2s ease;
	position: relative;
	z-index: 1;
}


.raspusne-aktivnosti .slike .jedna-slika1:hover {
/*	overflow: visible; */
}


.raspusne-aktivnosti .slike .jedna-slika1:nth-child(2) img {
/*	border: 20px solid red; */
	object-position: 0 30%;
}


.raspusne-aktivnosti .slike .jedna-slika1:nth-child(7) {
	grid-column: 2 / 3; 
}


/*    Sekcija Blog HOMEPAGE    */

.section-blog {
	padding: 8em 0 8em 0;
	color: #fff;
	background: #0d8cbf;
	text-align: center;
}

/* .section-blog p.citation {
	font-size: 1.5em;
	font-weight: 500;
	margin: 0 0 1em 0;
	letter-spacing: 0.03em;
}


.section-blog p.writter {
	margin: 0 0 2em 0;
	font-size: 1.2em;
} */



.section-blog p {
	font-size: 1.3em;
	margin: 0 0 0.4em 0;

}


.section-blog h3 {
/*	font-size: 3em; */
	margin: 0;
}

.section-blog a {
	color: #fff;
	text-decoration: none;
}

.section-blog a:hover {
	text-decoration: underline;
}


/* ============ ABOUT US PAGE ============= */

.univerzalni-kontejner.onama {
	background: #f7f5f3; 
}

.background-about-processed {
	height: 700px;
/*	min-height: 75vh; */
	position: relative;
	background-image: url("backgrounds/deca-background1.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: 0 10%;
/*	max-width: 100%; */
}



.background-about-processed img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 1% 10%;
	vertical-align: middle;	
	filter: brightness(80%);
}

.about-heading {
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
/*	max-width: 100%; */
/*	border: 2px solid white; */
}

.about-heading h2 {
	font-size: 4em;
	margin: 0;
	line-height: 1.2em;
/*	text-transform: uppercase; */
	color: #fff; /* #dce0da; */ /* #dce0da; */
	font-family: 'Roboto', sans-serif;
	letter-spacing: -1px;
/*	color: #272340; */
	text-shadow: 2px 3px #111922;
}

.about-heading p {
	color: #fff;
	font-size: 2.2em;
	font-weight: 500;
	text-shadow: 2px 3px #111922;
	margin: 0.8em 0 0 0; 
}


.about-heading .about-contact {
/*	border: 2px solid white; */
	margin-top: 4em;

}

.about-heading a {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	text-transform: uppercase; 
	font-size: 1.5em;
	font-weight: 700;
	padding: 0.65em 3em 0.65em 3em;
	border-radius: 2em;
	letter-spacing: -1px;
	color: #333333;
	transition: all 0.5s ease;
	border: 1px solid #212121; #f5f6f5; 
	box-shadow: 0.1em 0.1em 1em 0.1em  #fff;
/*	background:  #633e8e; */
	background: #f2ec26; 
}

.about-heading .about-contact a:hover {
	background: #fff; /* #f5ef4d; */  /* #895fb9; */
	transition: all 0.5s ease;
	color: #111922;
	color: #fff;	
	background: #895fb9;
	border: 1px solid #895fb9;
}

/*    Sekcija 2 ko smo-sta radimo    */

.about-container {
	padding: 8em 0 0 0;
	background: #f7f5f3;
	text-align: center;
/*	border: 5px solid black;  */
}


.about-container .stupite {
	margin-top: 7em;
}


.about-inside-container {
/*	border: 2px solid blue;  */
	width: 85%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.okvir1 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 45%;
/*	border: 5px solid orange;  */
	text-align: center;
/*	background: #e4d5f6;
	padding: 50px; */
/*	border-radius: 2em; */
}

.okvir1-unutra {
/*	max-width: 550px;	 */
/*	border: 3px solid blue;  */
	display: inline-block;
	text-align: left;
}


/* .okvir1 h3 {
	font-size: 4em;
	margin: 0 0 0.9em 0;
	color: #273f73; 
	font-weight: 700;
	text-transform: uppercase; 
	letter-spacing: -0.0325em;
}

.okvir1 p {
	color: #1c2b4b;
	line-height: 1.9em;
	font-size: 1.2em;
	letter-spacing: 0.01em;
	font-weight: 400;
	margin: 0;	
} */
 
.okvir2 {
/*	border: 5px solid purple;   */
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 45%;
	text-align: center;
}
	
.okvir2-unutra {
/*	border: 3px solid blue;  */
	display: inline-block;
	text-align: left;
}


/* .okvir2 h3 {
	font-size: 3.5em;
	margin: 0 0 0.7em 0;
	font-size: 4em;
	margin: 0 0 0.9em 0;
	color: #273f73; 
	font-weight: 700;
	text-transform: uppercase; 
	letter-spacing: -0.0325em;
} */


/* .okvir2 p {
	font-size: 1.2em;
	line-height: 1.9em;
	margin: 0;
	color: #1c2b4b;
	letter-spacing: 0.01em;
} */

/*    Sekcija 3 NAS TIM    */

.our-team-container {
	padding: 8em 0 8em 0;
	background: #f7f5f3;
/*	border: 2px solid red; */ 

}


.our-team-container .stupite {
	text-align: center;
}


.our-team {
	width: 85%;
	margin: 0 auto;
/*	border: 10px solid orange; */ 
	display: flex;
/*	flex-direction: column; */
	justify-content: space-between;
}

.our-team .vlasnik {
	order: 2;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 45%;
	text-align: center;
/*	border: 5px solid purple;  */ 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	box-shadow: 2.5em 2.5em #0d8cbf;
	
	padding: 5em 0 5em 0;
/*	border-left: 50px solid #f7f5f3; */
}

.our-team .vlasnik .vlasnik-photo {
/*	margin-top: 40px; */
	max-width: 350px;
	height: 350px;
/*	border: 7px solid white;  */
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 40px -60px #0d8cbf;
	
}

.our-team .vlasnik img {
	max-width: 100%;
/*	height: 100%;
	vertical-align: middle;
	object-fit: cover;
	object-position: 1% 30%; */
}

.vlasnik h4 {
	font-size: 1.4em;
	font-weight: 500;
	color: #273f73;
	margin: 2em 0 0 0;
}

.vlasnik h5 {
	font-size: 1.3em;
	font-weight: 400;
	margin: 0.8em 0 0 0;
	color: #272f73;
}

.our-team .svi-zajedno {
	padding: 5em 0 5em 0;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 45%;
/*	overflow: hidden;  */	
	position: relative;
	z-index: 1;
	text-align: center;
/*	border: 5px solid purple;   */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #71d0f5;
	box-shadow: -40px -40px #0d8cbf;  


}

.svi-zajedno .ruke-photo {
	max-width: 350px;
	height: 350px;
	overflow: hidden;
	border-radius: 100%;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	
	box-shadow: 40px -60px gold; #0d8cbf;
/*	border: 5px solid red; */
}




.our-team .svi-zajedno img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: cover;
	object-position: 10%;
}


.svi-zajedno h4 {
	font-size: 2.2em;
	text-transform: uppercase; 
	font-weight: 500;
	color: #273f73;
	color: #0d8cbf;  
	color: #f7f5f3;
	margin: 1.4em 0 0 0;
	letter-spacing: -0.0325em;
}

.svi-zajedno h5 {
	visibility: hidden;
	font-size: 1.3em;
	font-weight: 400;
	margin: 0.8em 0 0 0;
	color: #272f73;
}


/*    SEKCIJA 4 Team Single    */

.team-single-container {
/*	border: 5px solid black;  */
	padding: 8em 0 8em 0;
	text-align: center;
/*	background: #f7f5f3; */
	background: #fff;
	
}


 .curve-top3 {
	background: #71d0f5;
	height: 300px;
}

/* .team-single-container h3 {
	font-size: 4em;
	margin: 0 0 0.9em 0;
	color: #273f73; 
	font-weight: 700;
	text-transform: uppercase; 
	letter-spacing: -0.0325;
} */


 .team-single-container p.univerzalni-text {
	width: 60%;
	margin: auto;
} 


.osnivac-kontejner {
/*	border: 2px solid blue; */
/*	padding: 8em 0 8em 0; */
	padding: 6em 0 0 0;
	width: 40%;
	margin: 0 auto;
	
}

.osnivac-kontejner .team-text p {
	color: #273f73;
	font-weight: normal;
}



.team-single {
	width: 85%;
	margin: 0 auto;
/*	border: 3px solid red; */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
/*	justify-content: center; */
	padding: 6em 0 0 0;

}

.team-single1 {
	width: 85%;
	margin: 0 auto;
/*	border: 3px solid red; */ 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around; 
	padding: 6em 0 0 0;
}


 .team-single2 {
	width: 85%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around; 
	padding: 6em 0 0 0;
/*	border: 5px solid purple; */
} 



.kontejner {
	flex-basis: 25%;
/*	border: 5px solid purple; */ 
	text-align: center;
	padding: 0;
}

.team-single1 .kontejner {
	flex-basis: 25%;
/*	border: 5px solid purple; */
	text-align: center;
	padding: 0;
}


.kontejner .team-text {
/*	border: 2px solid black; */
	padding: 1em 0.5em 1em 0.5em;
	margin-top: 1.5em;
}

.team-single1 .kontejner-header {
/*	min-height: 100px; */
}

.kontejner h4 {
	font-size: 1.4em;
	font-weight: 500;
	color: #0d8cbf;
	color: #272f73;
	margin: 0.6em 0 0 0;
	
}

.kontejner h5 {
	font-size: 1.3em;
	font-weight: 400;
	color: #0d8cbf;
	margin: 0.7em 0 0 0;
	color: #273f73;
}

.kontejner p {
	color: #0d8cbf;
	margin: 0;
/*	line-height: 1.5em;
	font-size: 1.1em; */
	line-height: 1.9em;
	font-size: 1.2em;
	letter-spacing: 0.01em; 
	font-weight: 500;
	margin: 0;
	
}


.kontejner .photo {
/*	border: 5px solid #273f73;  */ 
	width: 220px;
	height: 220px; 
	display: inline-block; 
	overflow: hidden;
	border-radius: 50%;
/*	object-fit: cover;
	object-position: 100% 100%; */
}


.kontejner .photo img {
	width: 220px;
	height: 220px; 
	object-fit: cover;
	object-position: 1% 1%; 
}

.team-single1 .kontejner:nth-child(2) .photo img {
/*	border: 10px solid red; */
/*	width: 300px;
	height: 300px; 
	object-fit: cover;
	object-position: -60px 1%;  */
	width: 250px;
	height: 300px;
	object-position: -30px 1%;
}


.team-single1 .kontejner:nth-child(1) .photo img {
	width: 250px;
	height: 300px;
	object-position: -30px 60%;
}


.team-single1 .kontejner:nth-child(3) .photo img {
	width: 250px;
	height: 300px;
	object-position: -30px 60%;
}

.team-single2 .kontejner:nth-child(1) .photo img {
	width: 300px;
	height: 300px;
	object-position: -80px 60%;
/*	border: 10px solid red; */
}

.team-single2 .kontejner:nth-child(2) .photo img {
	width: 300px;
	height: 300px;
	object-position: -60px 53%;
}

/* ======= USLUGE - Produzeni boravak PAGE =======  */


.background-about-processed1 {
	height: 700px;
	position: relative;
	background-image: linear-gradient( rgba(113, 208, 245, 0), rgba(0, 0, 0, 0.1)25%), url("backgrounds/nas-tim3.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}

.boravak-container {
/*	border: 5px solid red; */  
	padding: 8em 0 8em 0;
	background: #f7f5f3;
}

.boravak-unutra {
/*	border: 5px solid green;   */
	width: 85%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch; 
}



.zasto-mi {
/*	border: 5px solid orange; */
	flex-basis: 35%;
	text-align: left;
/*	display: flex;
	flex-direction: column;
	justify-content: space-between; */
}


.zasto-mi p {
	color: #0d8cbf;
	color: #1c2b4b;
/*	font-weight: 500; */
}

.slika {
	flex-basis: 50%;
/*	border-radius: 50%; */
	overflow: hidden;
	box-shadow: 5px 2px 7px  #212121;
/*	border: 5px solid purple; */
/*	max-height: 565px; */
}

.slika img {
	max-width: 100%;
/*	height: 100%; */
	object-fit: cover;
	vertical-align: middle;
	display: inline-block;
}

.boravak-container1 {
/*	border: 5px solid purple; */
	padding: 8em 0 8em 0;
}

.boravak-unutra1 {
/*	border: 5px solid green; */
	width: 85%;
	margin: 0 auto;
/*	margin-top: 3.9em; */
	display: flex;
	justify-content: space-between;
	
}

.zasto-mi1 {
/*	border: 5px solid orange; */
	width: 85%;
	margin: auto;
}




ul.stavke  {
	list-style-type: disc;
	padding-left: 20px;
	padding-right: 40px;
	flex-basis: 50%;
/*	border: 5px solid purple; */
}


ul.stavke li {
	font-size: 1.2em;
	color: #1c2b4b;
	letter-spacing: 0.01em;
	font-weight: 500;
	margin: 0;
	line-height: 1.9em;
}




.boravak-link {
/*	border: 3px solid purple; */
	margin-top: 5em;
}

.boravak-link a {
	border: 2px solid white;
	padding: 0.65em 3em 0.65em 3em;
	text-decoration: none;
	border-radius: 2em; 
	display: inline-block;
	color: #eff5f5;
	background: #19abe1; /* #192b4d; */
	text-transform: uppercase; 
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 1.5em;
	border: 2px solid #fff;
	box-shadow: 1.2em 1.2em 1.9em 0.1em #212121;
}


.boravak-link a:hover {
	background: #895fb9;
	color: #fff; 
	border: 2px solid #fff;
	box-shadow: 1.2em 1.2em 1.9em 0.1em #212121;
}

/* SEKCIJA SLIKE - na stranici produzeni boravak   */


.univerzalni-kontejner {
	padding: 8em 0 8em 0;
/*	border: 5px solid orange;  */
}

.odstojanje {
	padding: 0 0 8em 0;
}


.pod-kontejner {
	width: 85%;
	margin: 0 auto;
/*	border: 2px solid purple; */
}


.pod-kontejner1 {
	width: 85%;
	margin: 0 auto;
/*	border: 2px solid purple; */
}


.pod-kontejner1 .slike {
/*	border: 2px solid orange; */
/*	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: 400px; */

	
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 32px;
	grid-auto-rows: 300px;

/*	grid-gap: 4em; */
}

.pod-kontejner .slike .jedna-slika1 {
}


.pod-kontejner1 .slike .jedna-slika1 img {
 width: 100%;
 height: 100%;
 vertical-align: middle;
 object-fit: cover; 
}


/*    SEKCIJA KARAKTERISTIKE OBJEKTA - na stranici produzeni boravak    */

.karakteristike-container {
	padding: 8em 0 8em 0;
/*	border: 5px solid orange; */
	background: #f7f5f3;
}


.karakteristike-container1 {
	width: 85%;
	margin: 0 auto;
/*	border: 5px solid green; */
}

.karakteristike-levo {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 4em;
/*	border: 2px solid red;  */
	
}


.karakteristike {
	padding: 0 6em 0 0;
/*	background:  yellow;   #0d8cbf; */
	border-radius: 2em;
}

.karakteristike h4 {
	font-size: 1.3em;
	color: #273f73;
	text-transform: uppercase;
	margin: 0 0 1em 0;
	font-weight: bold;
}




/*  .karakteristike h4 {
	margin: 0;
	font-size: 1.6em;
	letter-spacing: -0.0325em;
	font-weight: 500;
	color: #273f73;
	margin: 0 0 0.4em 0;
}  */

/* .karakteristike h4.vreme {
	font-weight: bold;
	background: yellow;
	display: inline-block;
	padding: 0;
	font-size: 1.15em;
	padding: 0.5em 1.5em;
	border-radius: 2em;
	color: #212121;
} */


.karakteristike p {
/*	margin: 0; */
	font-size: 1.2em;
	line-height: 1.9em;
	color: black;
	margin: 0;
}

.slike4-kontejner  {
/*	border: 5px solid purple; */
	padding: 8em 0 8em 0;
}

.slike4-kontejner.dodatni-pading {
	padding-bottom: 0; 
}


.slike4-kontejner .slike {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 32px;
	grid-auto-rows: 300px;
/*	border: 10px solid black; */
}


.slike4-kontejner .slike .jedna-slika1 {
	position: relative;
}

.slike4-kontejner .slike .jedna-slika1 p {
	position: absolute;
	bottom: 10%;
	left: 5%;
	display: none;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	z-index: 100;

}


.slike4-kontejner .slike .jedna-slika1:hover p {
	display: block;
}


.slike4-kontejner .slike .jedna-slika1:hover {
/*	border: 10px solid red;  */
/*	transform: scale(1.3); */
	transition: all 0.5s ease;
}


.slike4-kontejner .slike .jedna-slika1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.slike4-kontejner .slike .jedna-slika1 img:hover {
	filter: brightness(80%);
}

/*    SEKCIJA PLAN DANA - na stranici produzeni boravak    */

.plan-dana-container {
/*	border: 5px solid orange;  */ 
	padding: 0 0 8em 0;
	background: #fff;
/*	background: linear-gradient(to bottom right, #ebe6e0 85%, #0d8cbf 50%);
	background: linear-gradient(to top right, #eee 70%, #0d8cbf 100%); */
	background: #f7f5f3;
/*	background-image: linear-gradient( to top right, rgba(247, 245, 243, 0.8) 30%, #0d8cbf 50%), url("srecno-dete1.jpg"); */
} 

.plan-dana-unutra {
	width: 85%;
	margin: 0 auto;
/*	border: 5px solid blue;  */
}





.plan-dana-spisak {
/*	border: 5px solid green;  */
	display: flex;
	flex-direction: column;
}


.plan-dana-spisak1 {
/*	border: 5px solid red;  */
	display: flex;
	flex-direction: column;
	margin-top: 6em; 
}


.pb-podnaslov {
	font-size: 1.6em;
	color: #273f73;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: -0.0325em;
	font-weight: 700;
	margin: 0 0 0.6em 0;
	/*	border: 2px solid red; */
}



.poslepodne {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 4em;
/*	border: 5px solid orange; */
}


.poslepodne1 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 4em;
	grid-template-rows: 367px;

/*	border: 5px solid purple; */
	
}


.prepodne-unutra {
	padding: 2em;
	background: #0d8cbf;
	background: linear-gradient(to top right, #e6e6e6 80%, #0d8cbf 70%);
/*	background: #fff; */
/*	border: 2px solid black; */
/*	background: #e0d9d1; */
	box-shadow: 5px 2px 7px #212121;
/*	border-radius: 2em; */
}



/* .prepodne-unutra p.vreme {
	font-weight: bold;
	background: yellow;
	display: inline-block;
	padding: 0.5em 1.5em;
	font-size: 1.15em;
	border-radius: 2em;
	color: #212121;
} */

.prepodne-unutra p.vreme {
	font-weight: bold;
	background: #0d8cbf;
	display: inline-block;
	padding: 0.7em 1.5em;
	font-size: 1.15em;
	border-radius: 2em;
	color: #fff;
	margin: 0;
}



 .prepodne-unutra p.plan {
	font-size: 1.3em;
/*	letter-spacing: 0.02em; */
/*	line-height: 1.9em; */
	color: #f5ecec;
	color: #273f73;
/*	color: #212121; */
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1em;
} 


/*    Sekcija Podrucije rada Google map - na stranici produzeni boravak    */

.podrucje-container {
	padding: 8em 0 8em 0;
/*	border: 5px solid red; */
}

.podrucje-unutra {
	width: 85%;
	margin: 0 auto;
/*	border: 5px solid orange; */
	display: flex;
	justify-content: space-between;
}

.podrucje-mi {
/*	border: 5px solid purple; */
	flex-basis: 30%;
}

.podrucje-unutra .mapa {
/*	border: 5px solid purple; */
	flex-basis: 60%;
	box-shadow: 5px 2px 7px #212121;
}

.podrucje-unutra .mapa iframe {
	width: 100%;
/*	height: 100%; */
	vertical-align: middle;
}


/* ======= USLUGE -  EDUKATIVNI PAGE =======  */


.background-edukativni {
	height: 700px;
/*	min-height: 75vh; */
	position: relative;
	background-image: url("backgrounds/edukativni.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

.edukativni-flex {
/*	border: 5px solid orange; */  
	display: flex;
	justify-content: space-between;
}

.edukativni-flex .stavka-container1 {
	order: 2;
}

.edukativni-flex .stavke {
	flex-basis: 50%;
/*	border: 2px solid red; */
}

.edukativni-flex .boravak-link {
	display: flex;
	flex-basis: 50%;
	justify-content: center;
	align-items: center;
/*	border: 5px solid orange;  */
	margin: 0;
	position: relative;
}

.relative {
	position: relative;
}

.univerzalni-kontejner.realtive .zvezde-img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
/*	border: 2px solid purple; */
}


.univerzalni-kontejner.relative img.zvezde-img {
	position: absolute;
	top: 0;
	right: 0;
/*	width: 65%;  */
}


/* .boravak-link .deca-pisu {
	position: absolute;
	bottom: 0;
	right: 0; 
	border: 5px solid purple;
	width: 100%;
}


.boravak-link .deca-pisu img {
	width: 100%;
	vertical-align: middle;
} */

/* ======= USLUGE -  EDUKATIVNI PAGE - sekcija engleski jezik =======  */

.stavka-container {
	flex-basis: 35%;
/*	border: 5px solid purple; */
}

.stavka-container p {
	color: #1c2b4b;
	line-height: 1.9em;
	font-size: 1.2em;
	letter-spacing: 0.01em;
	font-weight: 400;
	margin: 0 0 1em 0;
}

.stavka-container ul {
	list-style-type: disc;
	padding-left: 20px;
	padding-right: 40px;
	margin: 0.7em 0 1.5em 0;
}

.stavka-container li {
	font-size: 1.2em;
	color: #1c2b4b;
	letter-spacing: 0.01em;
	font-weight: 500;
	margin: 0;
	line-height: 1.9em;
}



p.kada-se-odrzava {
	font-size: 1.3em;
	color: #0d8cbf; #273f73;
	text-transform: uppercase;
	margin: 2em 0 0 0;
	font-weight: bold;
	position: relative;
	z-index: 4;
}

.slike-container {
	flex-basis: 55%;
/*	border: 5px solid red; */
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: 280px;
	grid-gap: 40px;
}

.grid-container-item {
/*	border: 5px solid purple;  */ 
	position: relative;
	display: block;
}


.grid-container-item p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	z-index: 100;
/*	border: 5px solid white; */
	max-width: 100%;
	text-align: center;
}


.grid-container-item:hover p {
	display: block;
	
}

.grid-container-item:hover {
	transform: scale(1.05);
	transition: 0.2s ease;
}


.grid-container-item:nth-child(2) {
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 3;
/*	border: 5px solid orange; */ 
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 2px 7px 5px #212121;
	position: relative;
}


.grid-container-item:nth-child(2):hover {
	transform: none;
}


.slike-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 2px 7px 5px #212121;
/*	transform: rotate(5deg); */
	vertical-align: middle;
}

.grid-container-item:hover img {
	filter: brightness(80%); 
}

.background-grey {
	background-color: #f7f5f3;
}

.background-light {
	background-color: #fff;
}



/* ======= USLUGE -  RODJENDAONICA PAGE =======  */


.background-rodjendaonica {
	height: 700px;
/*	min-height: 75vh; */
	position: relative;
	background-image: url("backgrounds/rodjendan.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}


.about-heading h2.mali {
	color: #fff;
	font-size: 2.2em;
	font-weight: 500;
	text-shadow: 2px 3px #111922;
	margin: 0.8em 0 0 0; 
} 

.rodjendan-gradient {
/*	background: rgba(104, 39, 176, 0.5);  */
/*	background-image: linear-gradient(45deg, rgba(104, 39, 176, 0.3)38%, rgba(255, 0, 129, 0.8));  
	background-image: url("/confeti1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top; */
}


.rodjendan-flex {
	display: flex;
/*	border: 5px solid red; */
	justify-content: space-between;
}

.rodjendan-flex .stavka {
/*	border: 5px solid green; */
	flex-basis: 35%;
}

.rodjendan-flex .slike-rodjendanske {
/*	border: 4px solid red; */ 
	flex-basis: 50%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
/*	grid-template-rows: 1fr; */
	grid-auto-rows: 350px;
	column-gap: 40px;
	grid-row-gap: 40px;
/*	background-image: linear-gradient(45deg, rgba(104, 39, 176, 1)38%, rgba(255, 0, 129, 0)); */ 
}

.box {
/*	border: 2px solid black; */
	box-shadow: 5px 2px 7px  #212121;
	background: #f7f5f3;
	z-index: 100;
}

.box1 {
	grid-column-start: 2;
	grid-column-end: 5; 
	background: pink;
/*	height: 500px;
	border-radius: 50%; 
	overflow: hidden; */
/*	border: 5px solid #fff; */
	transform: rotate(-3deg);
}


.box1:hover {
/*	transform: scale(1.2); */
	transition: 0.2s ease;
}


.box2 {
	grid-column: 2 / 5; 
	background: #71d0f5;
	transform: rotate(3deg);
/*	display: grid; */
/*	height: 400px; */
/*	border-radius: 50%;*/
/*	overflow: hidden;  */
/*	border: 5px solid #fff;   */
}


.box2:hover {
/*	transform: scale(1.3);
	transition: 0.2s ease;
	z-index: 500; */
}



.box3 {
	grid-column-start: 2;
	grid-column-end: 5;
	background: pink;
	transform: rotate(-3deg);
/*	height: 500px;
	border-radius: 50%;
	overflow: hidden; */
/*	border: 5px solid #fff;  */
/*	position: relative;
	bottom: 66%; */
	z-index: 1;
	
}

.box3:hover {
/*	transform: scale(1.2); */
}

.box4 {
	
	transform: rotate(3deg);
/*	border-radius: 50%;
	overflow: hidden;
	border: 5px solid #fff; */
	grid-column: 2 / 5;
/*	border: 10px solid #fff; */
}


.box-white {
	padding: 2em;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-direction: column;
	text-align: center;
	background: #f7f5f3;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	
/*	transform: rotate(3deg); */
}

.slike-rodjendanske .box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

 .box p {
	font-size: 1.3em;
	color: #273f73;
	text-transform: uppercase;
	margin: 0 0 1em 0;
	font-weight: bold;
/*	color: #b13fa5; #1e1420; */
}

.box span.mdi {
	color: #ff00ff;
	font-size: 50px;
}

.donji-heading.color-slova {
	color: #ff00ff;
	color: #273f73;
	margin: 2em 0 0.9em 0;
}


.donji-heading.color-green {
	color: #72bb09;
	color: #14a800;
}

.univerzalni-text.color-green {
	color: #006600;
}


.donji-heading.color-orange {
	color: #f46c0b;
}

.univerzalni-text.color-orange {
	color: #db610a;
}


.donji-heading.color-yellow {
	color: purple;
}

.univerzalni-text.color-yellow {
	color: #b300b3;
}



/* ======= USLUGE -  RODJENDAONICA PAGE - sekcija dva =======  */

.background-purple {
/*	background: #ff00ff; */
}

.background-rodjus {
	background-image: url("/confet2.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.confeti {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.confeti img {
	width: 100%;
}



.donji-heading.color-white {
/*	color: #f2f2ff; */
	position: relative;
	z-index: 4;
}

.slike-grid {
/*	border: 5px solid purple;  */
	width: 85%;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: 300px;
	grid-gap: 32px;
/*	background: purple; */
	position: relative;
	z-index: 4;
}


.slike-grid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 5px 2px 7px #212121;
/*	border: 10px solid #effeff; */
}


.slike-grid .jedna:nth-child(2n) {
/*	transform: rotate(5deg); */
/*	border: 10px solid black; */
	
}


.slike-grid .jedna:nth-child(4n) {
/*	transform: rotate(-5deg); */
}

.naslovi-grid {
/*	border: 5px solid purple; */
	width: 85%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 8em;

}

.naslovi-grid div {
	flex-basis: 100%;
/*	border: 2px solid red; */
	text-align: center;
}

.ostale-usluge {
	padding: 8em 0;
	text-align: center;
	background: #f7f5f3;
	position: relative;
	z-index: 2;
}



/* ======= USLUGE -  RASPUSNE AKTIVNOSTI PAGE =======  */


.background-raspust {
	height: 700px;
	position: relative;
	background-image: url("/backgrounds/raspust.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: top;
}

.boravak-je-moguc {
	position: absolute;
	top: -125px;
	left: 7.5%;
	max-width: 324px;
	height: 230px; 
	color: #fff;
	background: #273f73;
/*	background: rgba(39, 63, 115, 0.5); */
	padding: 2em;
	border-radius: 2em;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 5px solid #fff;
}

.boravak-je-moguc p {
	margin: 0;
	font-size: 1.3em;
	text-transform: uppercase; 
	line-height: 1.9em;
	font-weight: bold;
	border-radius: 32px;
}


.zimski-raspust {
	position: absolute;
	top: -115px;
	left: 7.5%;
/*	transform: translateX(-50%);  */
	width: 230px;
	height: 230px;
/*	position: absolute;
	top: 70%;
	left: 7.5%; */
	color: #fff;
	background: #0c7ba7;
	border-radius: 50%;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 5px solid #fff;
/*	box-shadow: 0.1em 0.1em 5em 0.1px #fff inset; */
}

.zimski-raspust p {
	margin: 0;
	font-size: 1.3em;
	text-transform: uppercase; 
	line-height: 1.9em;
	font-weight: bold;
	border-radius: 32px;
}


.letnji-raspust {
	position: absolute;
	top: -115px;
	right: 7.5%;
/*	transform: translateX(-50%);  */
	width: 230px;
	height: 230px;
/*	position: absolute;
	top: 70%;
	left: 7.5%; */
	color: #fff;
	background: purple;
	background: #273f73;
	background: #f2ec26;
/*	padding: 2em; */
	border-radius: 50%;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 5px solid #fff;
	
/*	box-shadow: 0.1em 0.1em 5em 0.1px #fff inset; */
}

.letnji-raspust p {
	margin: 0;
	font-size: 1.3em;
	text-transform: uppercase; 
	line-height: 1.9em;
	font-weight: bold;
/*	border-radius: 32px; */
	color: #212121;
}



.program {
/*	border: 5px solid white; */
	border-radius: 2em;
	background: rgba(245, 245, 245, 0.6);
	padding: 2em;
	max-width: 684px;
}


.program p {
	font-weight: bold;
/*	color: #fff; */
	font-size: 1.3em;
}

.period {
	position: absolute;
	top: -125px;
	right: 7.5%;
	max-width: 324px;
	height: 230px;
/*	position: absolute;
	top: 90%;
	right: 7.5%; */
	color: #fff;
	background: #273f73;
/*	background: rgba(39, 63, 115, 0.5); */
	padding: 2em;
	border-radius: 2em;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 5px solid #fff;
}

.period p {
	margin: 0;
	font-size: 1.3em;
	text-transform: uppercase; 
	line-height: 1.9em;
	font-weight: bold;
	border-radius: 32px;
}


/* ======= USLUGE -  RASPUSNE AKTIVNOSTI PAGE - sekcija 2  =======  */

.pod-kontejner.center {
/*	border: 5px solid purple; */
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: start;
}

.background-raspust1 {
/*	background-image: url("/sportske-aktivnosti1.jpg"), url("/backgrounds/background-homepage.jpg");
	background-repeat: no-repeat;
	background-position: left, right; */
	position: relative;
}

.img-left {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
/*	border: 20px solid red; */
	z-index: -1;
}

.img-left img {
	width: 100%;
	vertical-align: middle;
	height: 100%;
	object-fit: cover;
}


.img-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
/*	border: 20px solid red; */
	z-index: -1;

}

.img-right img {
	width: 100%;
	vertical-align: middle;
	height: 100%;
	object-fit: cover;
}


/* ======= USLUGE -  RASPUSNE AKTIVNOSTI PAGE - sekcija 3  =======  */

.pod-kontejner.grid-img {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: 300px;
	grid-gap: 40px;
/*	background: #f7f5f3; */
/*	border: 5px solid black; */
}

.grid-img img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	object-fit: cover;
}


/* SEKCIJA logoped  */

.logoped-background {
 	background-image: url("backgrounds/logoped.jpg");
 	background-repeat: no-repeat;
 	background-attachment: fixed;  
 	background-position: center; 
 	background-size: cover;
 	height: 120%;
	border: 2px solid black; 
	width: 85%;
 	margin: 0 auto;
 	position: relative;
}

.logoped-container {
	width: 85%;
/*	height: 100%; */
	margin: 0 auto;
/*	border: 4px solid red; */
	display: flex;
	align-items: start;
	justify-content: space-between;
	padding: 8em 0 8em;
/*	flex-wrap: wrap; */
}

.besplatna-procena {
	flex-basis: 30%;
/*	border: 5px solid black;  */
}

.besplatna-procena p {
	margin-top: 1.9em;
}

.pitanja {
	margin: 0;
	color: #197ecf;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.9em;
	font-size: 1.4em;
}
/* ======= USLUGE - LOGOPED  =======  */

.background-logoped {
	height: 700px;
	position: relative;
	background-image: url("/backgrounds/logoped.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: top;
}


/* ======= USLUGE -  LOGOPED PAGE =======  */
.background-logoped1 {
	background: linear-gradient(
          rgba(0, 0, 0, 0.1), 
          rgba(0, 0, 0, 0.2)
        ), url("/backgrounds/logoped1.jpg");
	height: 700px;
	position: relative;
/*	background-image: url("/backgrounds/logoped1.jpg"); */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: 1% 10%;
}

.logoped-center {
	text-align: center;
}

.logoped-container {
/*	border: 2px solid black;  */
	
}

.logoped-text {
	border: 2px solid red;
	max-width: 500px;
}

.besplatna-procena1 {
	flex-basis: 50%;
	padding-left: 8em;
}


.besplatna-procena1 p {
	margin-top: 1.9em;
}

.logoped-container.a {
	justify-content: start;
	align-items: start;
/*	padding-top: 8em; */
}

.logoped-container.a .besplatna-procena {
	margin-left: 8em;
	flex-basis: 40%;
}

.logoped-container.a .slika {
/*	border: 2px solid red; */
/*	flex-basis: 815px; */
	max-width: 815px;
	height: 543px;
	text-align: center;
	box-shadow: none;
}

.logoped-container.z  {
	align-items: start;
	padding-bottom: 8em;
}


.logoped-container.z .stupite a  {
	width: 250px;
	text-align: center;
}

.logoped-container.z .slika img {
/*	object-fit: fill; */
/*	border: 10px solid red; */
}

.uni-container.pozadina-plava {
/*	border-radius: 22em; */
/*	border: 15px solid #fff; */
	box-shadow: 1.2em 1.2em 1.9em 0.1em #212121;
	max-width: 85%;
	margin: 0 auto;
/*	padding: 2em 0 2em 0; */
	padding: 2em;

}

.logoped-center .stupite {
  margin-top: 8em;
/*	width: 250px; */
/*	border: 5px solid black; */
}


.logoped-center .stupite a {
	width: 250px;
}

.odrzavanje-tretmana {
	font-size: 1.5em;
	color: #eff5f5;
	font-weight: 400;
	margin: 0;
/*	text-transform: uppercase; */
/*	font-weight: 500; */
}

.pozadina-plava {
	background: #197ecf;
}

.logoped-container-grid {
	display: flex; 
	flex-wrap: wrap;
	justify-content: center;
	gap: 3.2em;
	width: 85%;
	margin: 0 auto;
	padding-top: 8em;
/*	display: grid;
	grid-template-columns: 500px 500px 500px;
	gap: 3.2em;
	justify-content: center;
	border: 2px solid red;
	width: 85%;
	margin: 0 auto; */
}

.logoped-container-grid2 {
/*	display: grid;
	grid-template-columns: 500px 500px; */
	display: flex;
	gap: 3.2em;
	justify-content: center;
	margin: 0 auto;
	margin-top: 3.2em;
	padding-bottom: 8em;
	width: 85%;
	flex-wrap: wrap;
}

.blue-box {
/*	border: 2px solid blue; */
/*	flex-basis: 500px; */
	box-shadow: 1.2em 1.2em 1.9em 0.1em #212121;
	background: #197ecf;
	padding: 1.9em 2em 1.9em 2em;
	text-align: center; 
	flex-basis: 500px;
}

.logoped-container.no-padding-bottom {
	justify-content: center;
	padding: 0;
}

.logoped-container.no-padding-top {
	margin-top: 3.2em;
	justify-content: center;
	gap: 3.2em;
	flex-wrap: wrap;
}

.logoped-container.no-padding-bottom .besplatna-procena {
	text-align: center;
}


.logoped-container.no-padding-bottom .besplatna-procena .donji-heading {
 margin: 0;
}

/* .logoped-container.tretmani {
	justify-content: center;
} */

.logoped-container.tretmani .besplatna-procena .donji-heading {
	margin: 0;
/*	text-align: center; */
}

.logoped-container-grid.tretmani {
/*	justify-content: space-between; */
/*	border: 5px solid red; */
}

.logoped-card {
	flex-basis: 350px;
/*	border: 3px solid black; */
	box-shadow: 1.2em 1.2em 1.9em 0.1em #212121;
}

.logoped-card img {
	max-width: 100%;
	vertical-align: middle;
	display: block;
}

.logoped-card-body {
/*	border: 2px solid red; */
	padding: 1em;
	text-align: center;
}

.logoped-card-body h3 {
	font-size: 1.3em;

}

.logoped-container-grid.tretmani2 {
/*	padding-top: 0;
	margin-top: 3.2em; */
}



/* LOGOPED1839 */

@media screen and (max-width: 1839px) {
  .logoped-container-grid.tretmani2 {
		margin-top: 3.2em;
		padding-top: 0;
	}

  
  .logoped-container-grid.tretmani2 .logoped-card:last-child {
		height: 368px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.logoped-container-grid.tretmani2 .stupite {
		margin-top: 0;
	}

}

/* LOGOPED600 */

@media screen and (max-width: 600px) {
  
	.odrzavanje-tretmana {
		font-size: 1.2em;
	}
	
	.logoped-container-grid {
		gap: 32px;
	}
	

	.logoped-container-grid2 {
		gap: 32px;
		margin-top: 32px;
	}

	.logoped-container.no-padding-bottom .besplatna-procena .donji-heading {
		margin: 0 0 1.3em 0;
	}
	
	.logoped-container-grid {
		padding-top: 0;
	}
	
	.blue-box {
		padding: 0;
		height: 87px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}



/* ======= UCIONICA PAGE =======  */

.background-ucionica {
	background-image: url("backgrounds/prvi-razred.jpg");
	min-height: 100vh;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
}


.background-ucionica2 {
	background-image: url("/backgrounds/drugi-razred.jpg");
	background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)), url("backgrounds/drugi-razred.jpg");
	min-height: 100vh;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
}


.background-ucionica3 {
	background-image: url("/backgrounds/treci-razred.jpg");
	min-height: 100vh;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
}


.background-ucionica4 {
	background-image: url("/backgrounds/cetvrti-razred.jpg");
	min-height: 100vh;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
}




.pod-kontejner.ucionica-kontejner {
/*	border: 5px solid orange;  */ 
	display: flex;
	justify-content: space-between;
/*	align-items: start; */
}

.side-bar {
/* 	border: 5px solid purple; */
	flex-basis: 280px;
	background: #f7f5f3;
	border-radius: 2em;
	padding: 2em;
/*	padding-top: 3em; */
/*	max-height: 456px; */
	align-self: stretch;
	text-align: center;
/*	position: fixed;
	top: 50%;
	left: 7.5%;
	transform: translateY(-50%);  */
}

.pb-podnaslov.predmeti.ucionica {
	font-size: 2em;
	margin: 0 0 2.1em 0;
	color: #273f73;
	font-weight: bold;
}

.side-bar h2 {
	margin: 0;
	font-weight: 500;	
/*	font-size: 1.3em; */
	font-size: 1.16em;
}

.side-bar a.current-page {
/*	display: inline-block;
	text-decoration: none;
	color: #273f73;
	line-height: 1.9em;
	text-transform: lowercase; */
	display: block;
	text-decoration: none;
	padding: 0.5em 1.5em;
	font-size: 1em; 
	letter-spacing: 0.04em;
	border-radius: 2em;
	transition: all 1s ease;
	font-weight: 500;
	border: 2px solid #fff;  /* #fff; */
	background:  #0d8cbf;
	transition: all 0.5s ease;
	color: #fff;
	box-shadow: 0.1em 0.1em 1em 0.3em  #0d8cbf;
}

.side-bar a.current-page:hover {
	color: #fff;
	background: #0d8cbf;
	transition: 0.2s;
	border: 2px solid #fff;
}

.side-bar a {
	display: block;
	text-decoration: none;
	padding: 0.6em 1.5em;
/*	font-size: 1.16em; */
	letter-spacing: 0.02em;
/*	border: 1px solid #212121; */
	box-shadow: 5px 2px 7px #273f73;
	border-radius: 1em;
	transition: all 0.2s ease;
	background: #fff; 
	color: #273f73;
	font-weight: 500;
	text-align: center;
}

.side-bar a:hover {
	background: #273f73;
	color: #fff;
}



.ucionica-wrapper {
/*	border: 3px solid red;  */
	display: flex;
	flex-direction: column;
	background: #f7f5f3;
	background: rgba(245, 245, 245, 0.8);
	padding: 2em;
	border-radius: 2em;
/*	max-width: 1364px; */
	flex-basis: calc(100% - 280px);
	text-align: center
}

.ucionica-wrapper h2 {
/*	margin-bottom: 2.4375em;
	margin-top: 0.73em; */
}

.karta-wrapper {
/*	border: 5px solid purple;   */
	display: flex;
	justify-content: center;
	width: 100%; 
	flex-wrap: wrap; 
	align-self: center;
	gap: 32px;
}

a.link {
	display: block;
}

.karta {
	display: block;
/*	border: 2px solid white; */
	flex-basis: 280px;
	height: 280px;  
	position: relative;
	border-radius: 2em;
	overflow: hidden;
	border: 2px solid white; 
	box-shadow: 5px 2px 7px #212121;
}

.karta img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.karta h3 {
/*	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #273f73; */
	font-size: 1.3em;
	text-transform: uppercase;
	margin: 0;
/*	text-align: center;
	background: #f7f5f3;
	padding: 0.5em;
	width: 70%; */ 
}

.karta-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #273f73;
	margin: 0;
	text-align: center;
	background: #f7f5f3;
	background: rgba(245, 245, 245, 1);
	background: #0d8cbf;
	color: #fff; 
	border: 2px solid #fff;
	padding: 0.7em;
	width: 90%;
	border-radius: 2em;
	box-shadow: 5px 2px 7px #212121;
	transition: 0.2s;
}

.karta-text:hover {
	color: #19abe1;
	background: #fff;
	transition: 0.2s;
	border: 2px solid #fff;
}






/* UCIONICA SINGLE PAGE */


.pod-kontejner.ucionica-kontejner.predmeti {
/*	border: 5px solid purple; */
/*	align-items: baseline; */
}

.ucionica-wrapper.predmeti {
	flex-basis: calc(100% - 280px - 280px);
}

.side-bar a.nazad-na {
/*	border: 2px solid black; */
}


.side-bar.predmeti.sidebar1.single .mdi {
	font-size: 1.16em;
	vertical-align: middle;
}



.side-bar.predmeti {
	padding-top: 3em; 
}


.pb-podnaslov.predmeti.razred {
	color: #273f73;
	font-weight: bold;
	font-size: 2em;
	margin: 0 0 2.1em 0;
/*	border: 5px solid red; */
}

.pb-podnaslov.predmeti.ucionica {
	font-size: 2em;
	margin: 0 0 2.1em 0;
	color: #273f73;
	font-weight: bold;
}

.karta-wrapper.predmeti {
	justify-content: center;
}

.ucionica-card {
/*	border: 5px solid purple; */
	flex-basis: 300px;
	background-color: #273f73;
	box-shadow: 2px 5px 7px #212121;
}

.ucionica-card .card-header {
	width: 100%;
	height: 180px;
	background: #273f73;
/*	padding: 0 5px 0 5px; */
	border-left: 5px solid #273f73;
	border-right: 5px solid #273f73;
	overflow: hidden;
	transition: 0.5s all ease;
}


.ucionica-card .card-header img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	z-index: -1;
	transition: 0.5s all ease;
}


.ucionica-card .card-header img:hover {
	transform: scale(1.3);
	transition: 0.5s all ease;
}


.vezba-heading a:hover {
	text-decoration: underline;
}

.vezba-heading {
/*	border: 2px solid purple; */
/*	width: 70%; */
	height: auto;
	text-align: center;
/*	margin-top: 32px; */
	background: #273f73;
	padding: 2em;
	line-height: 1.9em;
/*	padding: 100px; */
/*	border-bottom: 40px solid #273f73; */
}

.vezba-heading a {
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	color: #273f73;
	color: #fff;
	display: block;
/*	border: 2px solid white; */
}

.vezba-heading p {
	margin: 0.5em 0 0 0;
	color: #fff;
	font-size: 1.3em;
}

.side-bar.predmeti.right {
/*	border: 5px solid red; */
}

a.vezba-heading-right {
/*	border: 2px solid orange; */ 
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	width: 100%;
	min-height: 60px;
	padding: 0.8em 1em;
	text-align: left;
	box-shadow: 2px 5px 7px #273f73;
	line-height: 1.3em;
	font-size: 1.1em; 
/*	border-radius: 2em; */
}


a.vezba-heading-right .redni-broj {
	padding-right: 0.7em;
}


a.vezba-heading-right p {
	margin: 0;
	font-weight: 500;
	color: #273f73;
/*	font-size: 1.16em; */
	margin: 0;
}


.side-bar.predmeti.right a:hover {
/*	color: #273f73; */
/*	text-decoration: underline; */
}



a.vezba-heading-right:hover p {
	text-decoration: none;
	color: #fff;
}

.side-bar.predmeti.right a {
/*	text-align: left; */
 /* display: inline;
	padding: 0;
  border: none;
	box-shadow: none;
	background: transparent;
	font-size: 1.16em;
	border: 1px solid black; */
}

.single {
	padding-top: 300px;
}

/* .sidebar {
	width: 0;
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	overflow-x: hidden;
	transition: 0.5s;
	padding: 0;
	padding-top: 60px;
}

.sidebar .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

.openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #111;
	color: #fff;
	padding: 10px 15px;
	border: none;
}

.openbtn:hover {
	background-color: #444;
}

#main {
	transition: margin-left .5s;
	padding: 16px;
} */


.sidebar .closebtn {
	display: none;
}

#main {
	display: none; 
}


.sidebar1 .closebtn {
	display: none;
}

#main2 {
	display: none;
}


.side-bar a.nazad-na {
/*	border: 2px solid black; */
	margin-top: 5em;
	font-size: 1.16em;
	width: 216px;
	margin: 5em auto;
}



/* BREADCRUMB - za ucionicu */

ul.breadcrumb {
	padding: 10px 16px;
	background-color: #eee;
}

ul.breadcrumb li {
	display: inline;
}

ul.breadcrumb li+li:before {
	padding: 8px;
	color: black;
	content: "/\00a0";
}

ul.breadcrumb li a {
	color: #273f73;
	text-decoration: none;
}

ul.breadcrumb li a:hover {
	color: red;
	text-decoration: underline;
}

ul.breadcrumb li.active-bread a {
	color: black;
	cursor: auto;
}


ul.breadcrumb li.active-bread a:hover {
	text-decoration: none;
}

/* ======= GALERIJA PAGE =======  */

/* prvi primer tj drugi primer */

.row {
	display: flex;
	flex-wrap: wrap;
/*	padding: 0 16px; */
/*	border: 10px solid red;  */
}

.column {
/*	border: 10px solid purple; */ 
	flex: 25%;
	max-width: 25%;
	padding: 0 16px;
}


.column img {
	width: 100%;
	vertical-align: middle;
	margin-top: 16px;
	border-radius: 8px;
	box-shadow: 0 0 16px #333;
	transition: all 0.2s ease;
}


.column img:hover {
	transform: scale(1.05); 
	overflow: hidden;
}



@media screen and (max-width: 800px) {
	.column {
		flex: 50%;
		max-width: 50%;
	}
}


@media screen and (max-width: 600px) {
	.column {
		flex: 100%;
		max-width: 100%;
	}
}

/* modal svojstva */

.modal {
	display: none;
	position: fixed;
	z-index: 1;
/*	padding-top: 100px; */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 200px;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
}

#caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

.close {
	position: absolute;
	top: 167.5px;
	right: 7.5%;
	color: #f1f1f1;
	font-size: 60px;
	font-weight: bold;
	transition: 0.3s;
	display: inline-block;
	vertical-align: text-top;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

.myImg:hover {
	cursor: pointer;
}

/* kraj prve galerije */


.hello {
	opacity: 1 !important;
}

.full {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.full .content {
	background-color: rgba(0, 0, 0, 0.75) !important;
	width: 100%;
	height: 100%;
	display: grid;
}

.full .content img {
	left: 50%;
	transform: translate3d(0, 0, 0,);
	animation: zoomin 1s ease;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.byebye {
	opacity: 0;
}

.byebye:hover {
	transform: scale(0.2) !important;
}

.gallery {
	display: grid;
	grid-column-gap: 8px;
	grid-row-gap: 8px;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-auto-rows: 8px;
/*	border: 10px solid red;  */
}

.gallery img {
	max-width: 100%;
	border-radius: 8px;
	box-shadow: 0 0 16px #333;
	transition: all 1.5s ease;
}

.gallery img:hover {
	box-shadow: 0 0 32px #333;
}

.gallery .content {
	padding: 4px;
}

.gallery .gallery-item {
	transition: grid-row-start 300ms linear;
	transition: transform 300ms ease;
	transition: all 0.5s ease;
	cursor: pointer;
}


.gallery .gallery-item:hover {
	transform: scale(1.025);
}

@media (max-width: 600px) {
	.gallery {
		grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
	}
}


@media (max-width: 400px) {
	.gallery {
		grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
	}
}

@-moz-keyframes zoomin {
	0% {
		max-width: 50%;
		transform: rotate(-30deg);
		filter: blur(4px);
	}

	30% {
		filter: blur(4px);
		transform: rotate(-80deg);
	}

	70% {
		max-width: 50%;
		transform: rotate(45deg);
	}

	100% {
		max-width: 100%;
		transform: rotate(0deg);
	}
}


@-webkit-keyframes zoomin {
	0% {
		max-width: 50%;
		transform: rotate(-30deg);
		filter: blur(4px);
	}

	30% {
		filter: blur(4px);
		transform: rotate(-80deg);
	}

	70% {
		max-width: 50%;
		transform: rotate(45deg);
	}

	100% {
		max-width: 100%;
		transform: rotate(0deg);
	}
}


@-o-keyframes zoomin {
	0% {
		max-width: 50%;
		transform: rotate(-30deg);
		filter: blur(4px);
	}

	30% {
		filter: blur(4px);
		transform: rotate(-80deg);
	}

	70% {
		max-width: 50%;
		transform: rotate(45deg);
	}

	100% {
		max-width: 100%;
		transform: rotate(0deg);
	}
}


@keyframes zoomin {
	0% {
		max-width: 50%;
		transform: rotate(-30deg);
		filter: blur(4px);
	}

	30% {
		filter: blur(4px);
		transform: rotate(-80deg);
	}

	70% {
		max-width: 50%;
		transform: rotate(45deg);
	}

	100% {
		max-width: 100%;
		transform: rotate(0deg);
	}
}



/* ======= KONTAKT PAGE =======  */

.background-kontakt {
	height: 700px;
	position: relative;
	background-image: url("backgrounds/kontakt4.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: 0 90%;
}

.pod-kontejner.flex-kontakt {
	display: flex;
/*	border: 5px solid purple; */
	justify-content: space-between;
}

.kontakt-stavka {
/*	border: 5px solid green; */
  flex-basis: 40%;
}

.kontakt-kontejner {
/*	border: 5px solid purple; */
	margin-top: 3em;
}

.kontakt-kontejner p {
	font-size: 1.2em;
	letter-spacing: 0.01em;
	color: #212121;
	color: #1c2b4b;
	font-style: normal;
	font-weight: 500;
	margin: 0;
	line-height: 1.9em;
	display: inline-block;
}


.kontakt-kontejner a {
	font-size: 1.2em;
	letter-spacing: 0.01em;
	color: #212121;
	color: #1c2b4b;
	font-style: normal;
	font-weight: 400;
	margin: 0;
/*	text-decoration: none; */
	line-height: 1.9em;
}


.kontakt-kontejner a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.kontakt-kontejner .mdi {
	padding-right: 10px; 
}

.kontakt-kontejner .mdi.red {
	color: red;
	font-size: 1.75em;
}

.kontakt-kontejner .mdi.white {
	color: #273f73;
	font-size: 1.75em;
}

.social-icons-kontakt {
/*	border: 5px solid purple; */
	margin-top: 2em;
}


.social-icons-kontakt ul {
	margin-top: 1em;
/*	display: flex;
	flex-direction: column;
	justify-content: space-between; */
/*	border: 2px solid black; */
/*	min-width: 200px;
	max-width: 300px; */
}


.social-icons-kontakt ul li {
/*	border: 2px solid black; */
}


.social-icons-kontakt ul li a {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase; 
	text-decoration: none;
	color: #273f73;
	line-height: 1.9em;
}


.social-icons-kontakt ul li a:hover {
	color: #3b5eab;
}

.social-icons-kontakt span.mdi {
	padding-right: 10px;
	font-size: 1.75rem;
}

.mapa-kontakt {
	flex-basis: 60%;
}

.mapa-kontakt iframe {
	width: 100%;
	vertical-align: middle;
	box-shadow: 5px 2px 7px #212121;
}


/* ======= GALERIJA PAGE =======  */


.background-galerija {
	height: 700px;
	position: relative;
	background-image: url("backgrounds/galerija.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: top;
}

.align-center {
	text-align: center;
/*	border: 5px solid purple;  */
}



/* kartice usluga na stranicama galerija i kontakt + usluge - sve stranice */

.flex-card-container {
/*	border: 5px solid green; */
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}

.usluge-kontejner {
/*	border: 5px solid red;  */
/*	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr; */
	grid-gap: 50px;
	padding: 4em 0 0 0;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}



.usluge-kontejner1 {
/*	border: 5px solid red;   */
/*	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 100px;
	padding: 4em 0 0 0; */
/*	width: 85%;  */
/*	justify-items: center; */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	grid-gap: 100px;
	
}

.usluge-item {
/*	border: 5px solid green; */
	box-shadow: 2px 5px 7px #212121;
	max-width: 350px;
	min-height: 601px;
}

.usluge-item:hover .za-koga {
	z-index: -1;
}


.usluge-item:hover img {
	transform: scale(1.2);
	transition: 5s;
}

.usluge-podnaslov {
	font-size: 1.3em;
	color: #273f73;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	margin: 0;
	color: #fff;
	padding: 0.76923em 1em 0 0;
/*	padding-left: 1.538em; */
	background: #0d8cbf;
}

.usluge-item .card-header {
/*	border: 5px solid blue; */
	position: relative;
	overflow: hidden;
	transition: 2s all ease;
}


.usluge-item .card-header img {
	width: 100%;
	height: 230px;
	object-fit: cover;
	vertical-align: middle;
	transition: 2s all ease;
}


.usluge-item .card-header:hover img {
	transform: scale(1.2);
	transition: 2s all ease;
}


.usluge-item .card-header .za-koga {
/*	border: 2px solid red; */
	position: absolute;
	bottom: 0;
	padding: 1em 1em 1em 2em;
	width: 100%;
	background: rgba(245, 245, 245, 0.5);
	/*	left: 50%;
	transform: translateX(-50%); */ 
}



.usluge-item .card-header  .za-koga p {
	font-size: 1.5em;
	font-weight: 500;
	color: #1c2b4b;
	margin: 0;
/*	width: 100%; */
	text-align: left;
}

.usluge-item .card-body {
	padding: 2em 2em 3em 2em;
}


.usluge-item .card-body .text-iznad {
/*	border: 2px solid green;  */
	text-align: left;
	height: 100%;
/*	margin-top: auto; */
}


.usluge-item .card-body .text-iznad p {
	font-weight: 400;
}

.usluge-item .card-footer {
/*	border: 5px solid black; */
	text-align: left;
	padding: 1em 1em 1em 2em;
	background: #f7f5f3;
	background: #0d8cbf;
}


.usluge-item .card-footer a {
/*	border: 5px solid green; */
	padding: 0.8em 2em;
	display: inline-block;
	background: #273f73;
	color: #fff;
	text-decoration: none;
	border-radius: 2em;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	border: 2px solid #273f73;
}


.usluge-item .card-footer a:hover {
	color: #273f73;
	background: #fff;
/*	border: 2px solid #273f73; */
}


/* ======= CENOVNIK PAGE =======  */

.background-cenovnik {
	height: 700px;
/*	min-height: 75vh; */
	position: relative;
	background-image: url("backgrounds/cenovnik.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: top;
}

.cenovnik-frame {
	width: 100%;
	height: 250vh;
	border: 10px solid red;
}

.pricing-background {
	background-image: linear-gradient(to right, rgba(132, 109, 136, 0.5), rgba(165, 222, 226, 0.5), rgba(210, 175, 117, 0.5) );
}

.pricing-background1 {
	background-image: linear-gradient(to right, rgba(132, 109, 136, 0), rgba(165, 222, 226, 0.5), rgba(210, 175, 117, 0.5) );
}

/*    PRICING CARD
---------------------------------------- */

.mala-slova {
	text-transform: lowercase;
}

.popust {
	color: #19abe1;
	font-size: 1.6em;
/*	text-transform: uppercase;  */
	font-weight: 500;
	margin: 0 0 1.2em 0;
/*	border: 2px solid black; */
	
	background: #273f73;
	color: #f7f5f3;
	padding: 0.5em 0.75em;
	border-radius: 20px;
}



.main-container {
/*	background: blue; */
/*	background-image: linear-gradient(to right, rgba(132, 109, 136, 0.8), rgba(165, 222, 226, 0.6), rgba(210, 175, 117, 0.8) ); */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0;
/*	border: 5px solid purple; */
	width: 85%;
	margin: auto;
}


.main-container1 {
/*	background: blue; */
/*	background-image: linear-gradient(to right, rgba(132, 109, 136, 0.8), rgba(165, 222, 226, 0.6), rgba(210, 175, 117, 0.8) ); */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0;
/*	border: 5px solid purple; */
	width: 85%;
	margin: auto;
}




.cenovnik-naslov {
	flex-basis: 40%;
	/* border: 5px solid purple;  */
	padding-right: 4em;
}

.main-wrap {
/*	margin-top: 3em; */
	padding: 20px;
	background: #fff;
	border-radius: 20px;
/*	flex-basis: 960px; */
}

.main-wrap1 {
	padding: 20px;
	background: #fff;
	border-radius: 20px;
	flex-basis: 960px;
	display: flex;
}


.pricing-card {
	border-radius: 10px;
	max-width: 960px;
	padding: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
/*	background: rgba(250, 250, 250, 0.9); */
	background-image: linear-gradient(to right, rgba(132, 109, 136, 0.3), rgba(165, 222, 226, 0.6), rgba(210, 175, 117, 0.8) );	
}


.pricing-card1 {
	border-radius: 10px;
	max-width: 960px; 
	width: 100%;
	padding: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
/*	background: rgba(250, 250, 250, 0.9); */
	background-image: linear-gradient(to right, rgba(132, 109, 136, 0.3), rgba(165, 222, 226, 0.6), rgba(210, 175, 117, 0.8) ); 	
	max-width: 960px;
}


.pricing-card2 {
/*	border: 2px solid purple;  */
	border-radius: 10px;
	max-width: 960px;
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
/*	background: rgba(250, 250, 250, 0.9); */
	background-image: linear-gradient(to right, rgba(132, 109, 136, 0.3), rgba(165, 222, 226, 0.6), rgba(210, 175, 117, 0.8) ); 	
	text-align: center;
	max-width: 960px;
}

.p-card-body {
	display: flex;
	flex-direction: column;
/*	border: 1px solid red; */ 
	min-height: 400px;
	padding: 40px 40px;
	max-width: 300px;
}

.price-header {
/*	border: 2px solid red; */
	min-height: 52px;
}



.p-card-body h3 {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
/*	letter-spacing: 1px; */
	font-size: 1.3em;
	text-transform: uppercase;
	color: #273f73;
	font-weight: bold;
}

.price {
	margin: 0;
	margin: 50px 0 10px 0;
	align-self: baseline;
	font-size: 40px;
	font-family: serif;
	font-weight: bold;
	color: #0d8cbf;
}

.p-card-body p {
	margin: 0 0 10px 0;	
	font-size: 0.785em;
	font-weight: 500;
/*	color: #0d8cbf; */
	color: #0d8cbf;
}

.p-card-body h4 {
	font-size: 0.9em;
	line-height: 1.4;
	margin-top: 25px;
	font-weight: 600;
	color: #273f73;
}


.p-card-body a {
	margin-top: auto;
	color: #212121;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	border-radius: 5px;
	text-align: center;
	width: 130px;
	padding: 12px 0 12px 0;
} 

.p-card-body a:hover {
	opacity: 0.7;
}


.mala-slova {
	text-transform: lowercase;
}


.link-pink {
	background: #9986df;
}

.link-green {
	background: #a5dee2;
}

.link-brown {
	background: #d2af75;
}




/*    PAGE FOOTER    */

.page-footer {
/*	border: 10px solid black; */
	position: sticky;
	top: 100%;
	background: #0d8cbf;
	padding: 8em 0 0 0; 
}

.footer-container {
	width: 85%;
	margin: 0 auto;
/*	border: 2px solid white; */
	display: flex;

/*	grid-template-columns: 1fr 1fr 1fr; */
}

.logo-socials-container {
/*	border: 5px solid purple; */
	flex-basis: 100%; 
	display: flex;
	justify-content: center;
	align-items: center; 
	flex-direction: column;
}


.logo-box {
/*	border: 2px solid white; */
	width: 200px;
	height: 200px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #19abe1; /* #0f9ed7; /* #11b0ee;  */
/*	border: 1px solid #fff; */
	box-shadow: 0 0 40px #fff; 
/*	background: linear-gradient(45deg, rgba(13, 140, 191, 0.9)30%, #f7f5f3); */ 
	background: linear-gradient(45deg, #0d8cbf 30%, #fff 80%); 
}

.logo-box:hover {
	background: linear-gradient(45deg, #0d8cbf 30%, #fff 80%); 
}

.logo-box img {
	width: 100%;
}

.heading-container {
/*	border: 2px solid orange;  */
	margin-top: 2em;
	color: #212121;
}

.heading-container h2 {
	margin: 0;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.9em;
	letter-spacing: 0.05em;
	color: #fff;
	text-align: center;
/*	border: 2px solid white; */
}

.social-icons-container {
/*	border: 2px solid black;  */
	margin-top: 2em;
/*	display: flex;
	justify-content: space-around; */
} 

.social-icons-container ul {
	margin: 0;
	padding: 0;
/*	display: flex; */
	
}

.social-icons-container ul li {
	margin: 0 0;
	display: inline-block; 
/*	border: 1px solid white; */
}

.social-icons-container ul li a {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 63px;
	background: #0d8cbf; /* #085877;  */
	border-radius: 50%;
	font-size: 30px;
	color: #fff;
	transition: 0.5s;
	border: 2px solid #fff;
	box-shadow: 0 0 10px #fff; 
}

.social-icons-container ul li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #ffee10; 
	transition: 0.05s;
	transform: scale(0.9);
	z-index: -1;
}

.social-icons-container ul li a:hover::before {
	transform: scale(1.1);
/*	box-shadow: 0 0 15px #ffee10; */
}

.social-icons-container ul li a:hover {
	color: #0d8cbf; #ffee10;
	box-shadow: 0 0 5px #ffee10;
	text-shadow: 0 0 5px #ffee10;
	background: white;
}

.footer-navigation {
	flex-basis: 100%; 
/*	padding-left: 2em;
	padding-right: 3em; */
/*	border: 5px solid blue; */
	text-align: center;
}

.footer-navigation h3 {
	margin: 0 0 2em 0;
	font-size: 1.3em;
	color: yellow;
}

.footer-navigation ul li a {
	text-decoration: none;
	font-size: 1.1em;
	color: #fff;
/*	text-transform: uppercase; */
	line-height: 1.9em;
	display: block;
}

.footer-navigation ul li a:hover {
/*	text-decoration: underline; */
	color: black;
}

.blog {
/*	border: 2px solid white; */
/*	padding: 0 2em 0 2em; */
	padding-right: 3em;
}

.blog h3 {
	margin: 0 0 2em 0;
	text-transform: uppercase;
	font-size: 1.3em;
	color: yellow;
}

.blog a {
	display: inline-block;
	font-size: 1.1em;
	font-family: serif;
	color: #fff;
	line-height: 1.9em;
	letter-spacing: 0.05em;
	text-decoration: none;
}


.blog ul li:hover a, .blog ul li:hover .mdi {
	color: black;
}

.blog .mdi {
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	font-size: 1.5em;
}

.footer-address {
	text-align: center;

	flex-basis: 100%; 
	font-style: normal;
/*	line-height: 1.9em; */
/*	background: black; */
/*	padding-left: 2em; */
/*	border: 5px solid yellow; */
}

.footer-address p.footer-heading {
	margin: 0 0 2em 0;
	text-transform: uppercase;
	color: yellow;
	font-style: normal;
	font-size: 1.3em;
	font-weight: 700;
	line-height: normal;
}

.footer-address p {
	margin: 0;
	color: #fff;
	line-height: 1.9em;
}

.location p {
	font-size: 1.1em;
	letter-spacing: 0.05em;
}

.location .mdi {
	font-size: 1.5em;
}


.location .mdi.red {
	color: red;
}

.location .mdi.white {
	color: #fff;
}

.location a {
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.9em;
	letter-spacing: 0.05em;
}

.location.a:hover a {
	text-decoration: underline;
	color: black;
}

.location.a:hover .mdi {
	color: #212121;
}

.freepik-kontejner {
/*	border: 2px solid white;  */
	padding: 2em 0 2em 0;
}

.freepik-podkontejner {
/*	border-top: 4px solid #fff; */
	width: 85%;
	margin: auto;
	text-align: center;
	padding-top: 2em;
}


.freepik {
	margin: 0;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.9em;
	letter-spacing: 0.05em;
	color: #fff;

}

a.freepik:hover{
	margin: 0;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.9em;
	letter-spacing: 0.05em;
	color: #212121;
	text-decoration: none;
}

a.freepik {
	margin: 0;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.9em;
	letter-spacing: 0.05em;
	color: #212121;
  color: #f2ec26;
	color: #fff;
	text-decoration: none;
}

.freepik-kontejner.copyright {
	background: #f2ec26;
	padding: 1.5em;
}

.pod-kontejner.copyright {
/*	border: 2px solid white; */
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}


.pod-kontejner.copyright p {
	color: #07465f;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0;
}


/*    MATERIAL DESIGN ICONS RULES    */

.mdi.md-48 {
	font-size: 32px; 
	vertical-align: middle;
}

/*    SINGLE PROPERTY CLASSES    */

.m-t {
	margin-top: 1em;
}

/*    GENERALNE KLASE    */

.univerzalni-kontejner {
	padding: 8em 0 8em 0;
/*	border: 5px solid black;  */
}

.pod-kontejner {
	width: 85%;
	margin: 0 auto;
/*	border: 5px solid black; */
}

.gornji-heading {
	color: #19abe1;
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 0 0.4em 0;
/*	border: 2px solid red; */
}

.donji-heading {
	font-size: 3em;
	margin: 0;
	text-transform: uppercase;
	color: #273f73;
	font-weight: bold;
	letter-spacing: -0.0325em;
	margin: 0 0 1.3em 0;
}

.univerzalni-text {
	color: #1c2b4b;
	line-height: 1.7em;
	font-size: 1.2em;
	letter-spacing: 0.01em;
	font-weight: 400;
	margin: 0;
}

/*    MEDIA QUERIES  HOMEPAGE  */



@media only screen and (max-width: 1720px) {
	.rodjendaonica .text-light {
		flex-basis: 45%;
	}

	.rodjendan-images {
		grid-column-gap: 32px;
	}

}



@media only screen and (max-width: 1620px) {
	.features-obmotac .naslov-slika {
		grid-gap: 10px;
	}

	.svojstva-img {
		grid-column-gap: 32px;
		grid-auto-rows: 235px;
	}

	.edu-grid {
		grid-gap: 32px;
		grid-auto-rows: 215px;
	}

	.rodjendan-images {
		grid-column-gap: 32px;
		grid-auto-rows: 255px;
	}

	
	.jedna-slika img:hover {
		transform: scale(1.2);
	}

	.raspusne-aktivnosti .slike {
		grid-auto-rows: 235px;
	}

	
	.flex-nav {
		width: 90%;
	}

	.background-text {
	/*	top: 20%; */
		left: 5%;
	}

	.obrazovanje {
		left: 5%;
	}

	.obezbedi-mesto {
		left: 5%;
	}

	.our-mission {
		width: 90%;
	}

	.nasa-misija {
		90%;
	}
	
	.svojstva-objekta {
		width: 90%;
	}

	.features-obmotac {
		width: 90%;
	}

	.features-obmotac .naslov-slika {
		flex-basis: 55%;
		grid-gap: 10px;
		box-shadow: none;
		border: none;
	}

	
	.features-obmotac .svojstva-naslov1 {
		flex-basis: 40%;
		padding-left: 4em;
	}



	.program-container {
		width: 90%;
		justify-content: space-between;
	}

	.van-nastavni-container {
		width: 90%;
	}

	.rodjendaonica {
		width: 90%;
	}

	.raspusne-aktivnosti {
		width: 90%;
	}

	.raspusne-aktivnosti .slike .jedna-slika1 img {
		width: 100%;
	}

	.raspusne-aktivnosti .slike .jedna-slika1:nth-child(7) {
/*		border: 10px solid orange; */
		grid-column: 2 / 3; 
	}
	

	.raspusne-aktivnosti .slike .jedna-slika1:hover img {
		transform: scale(1.1);
	}
	
	.logoped-container {
		width: 90%;
	}


	.usluge-kontejner {
		width: 90%;
	}
	
	.uni-container.pozadina-plava {
		max-width: 90%;
	}


}



@media only screen and (max-width: 1540px) {
	
	.flex-nav-container .info {
/*		width: 623px; */
	}

	.main-nav .link {
		font-size: 1.1em;
	}
	
	.main-nav button.link {
		font-size: 1.1em;
	}

	.dropdown-content a {
		font-size: 1.1em;
	}

}


@media only screen and (max-width: 1500px) {

	.reserve1 .reserve-link {
		font-size: 1.4em;
	}

	.stupite .reserve-link {
		font-size: 1.4em;
	}

	.flex-nav {
		width: 95%;
	}

	.background-text {
	/*	top: 20%; */
		left: 2.5%;
	}

	.obrazovanje {
		left: 2.5%;
	}

	.obrazovanje h3 {
		font-size: 3.6em;	
	}

	.obezbedi-mesto {
		left: 2.5%;
	}
	
	.obezbedi-mesto a {
		font-size: 1.3em;
	}

	.our-mission {
		width: 95%;
	}

	.nasa-misija {
		95%;
	}
	
	.svojstva-objekta {
		width: 95%;
	}

	.features-obmotac {
		width: 95%;
	}

	.features-obmotac .naslov-slika {
		flex-basis: 55%;
		grid-gap: 10px;
		box-shadow: none;
		border: none;
	}

	
	.features-obmotac .svojstva-naslov1 {
		flex-basis: 40%;
		padding-left: 4em;
	}



	.program-container {
		width: 95%;
		justify-content: space-between;
	}

	.learning {
		flex-basis: 29%;
	}


	.van-nastavni-container {
		width: 95%;
	}

	.rodjendaonica {
		width: 95%;
	}

	.raspusne-aktivnosti {
		width: 95%;
	}

	.raspusne-aktivnosti .slike {
		grid-auto-rows: 230px;
	}

	.raspusne-aktivnosti .slike .jedna-slika1:hover img {
		transform: scale(1.1);
	}

	.logoped-container {
		width: 95%;
	}

	.besplatna-procena {
		flex-basis: 40%;
	}

	.uni-container.pozadina-plava {
		max-width: 95%;
	}

	.logoped-container.a .besplatna-procena {
		flex-basis: 40%;
		margin-left: 0;
	}
	
	.logoped-container.a {
		justify-content: space-between;
	}
}


@media only screen and (max-width: 1400px) {
	.our-mission .text-left .donji-heading {
		width: 100%;
	}
}



@media only screen and (max-width: 1300px) {
	
	.section-container-light .zvezde-img {
		width: 60%;
	}

	.svojstva-img {
		grid-gap: 32px;
	}

	.svojstva-card-header:hover .summary {
		padding: 1.5em;
	}


	.rodjendaonica .text-light {
		flex-basis: 45%;
	}


	.rodjendan-images {
		grid-column-gap: 16px;
		grid-auto-rows: 220px;
	}


	.edu-grid {
		grid-auto-rows: 205px;
		grid-gap: 16px;
	}
	
	.raspusne-aktivnosti .slike {
		grid-auto-rows: 220px;
	}
}


@media only screen and (max-width: 1200px) {
	
	/* HOME PAGE */

	.svojstva-objekta {
		flex-direction: column;
	}
	
	.svojstva-naslov {
		text-align: center; 
		padding: 0 4em 6em 4em; 
		
	}

	.svojstva-img {
	/*	border: 5px solid orange; */
		grid-template-columns: repeat(3, 1fr);
	/*	padding: 0 32px 0 32px; */
	/*	padding-top: 4em; */
	}

	.features-obmotac {
		flex-direction: column;
	}
	
	.features-obmotac .svojstva-naslov1 {
		text-align: center;
		padding: 0 4em 6em 4em;
	} 
	
	.features-obmotac .naslov-slika {
		grid-gap: 32px;
		order: 2;
		width: 75%;
		margin: auto;
		background: #f7f5f3;
	/*	padding-top: 2em; */
	} 

	.learning {
		padding: 2em;
		flex-basis: 30%;
	}

	.van-nastavni-container {
		flex-direction: column;
	} 

	.edukativni-centar {
		text-align: center;
		padding-right: 0;
/*		border: 5px solid purple; */
		padding: 0 4em 6em 4em;
	} 

	.edu-grid {
		padding: 0 0 6em 0; 
		grid-template-columns: repeat(3, 1fr);
		width: 100%;
		margin: auto;
		grid-gap: 32px;
	} 

	.rodjendaonica {
		flex-direction: column;
		grid-gap: 32px;
		bottom: 4em;
	}
	
	.rodjendaonica .text-light {
		text-align: center;
		margin: auto;
	}
	
	.rodjendaonica p {
		width: 80%;
		margin: auto;
		background: rgba(245, 245, 245, 0.6);
		color: #273f73;
		font-weight: bold;
		padding: 2em;
		border-radius: 32px;
	}

	.rodjendan-images {
		padding: 6em 0;
		width: 80%;
		grid-auto-rows: 270px;
		grid-column-gap: 32px;
		grid-row-gap: 64px;
	}

	.raspusne-aktivnosti .slike {
		grid-template-columns: repeat(3, 30%);
	}

	.background-text {
	/*	top: 26%; */
		background: rgba(245, 245, 245, 0.9);
		border-radius: 2em;
		padding: 1em;
	}

	.background-text h2 {
		color: #1c2b4b;
		text-shadow: none;
		font-weight: 500;
		font-size: 1.3em;
		letter-spacing: 0.01em;
	}

	.location.nevidljiva-klasa {
/*		border: 3px solid red; */
/*		margin-bottom: 1em; */
	}

	.logoped-container {
		flex-direction: column;
	}

	.logoped-container.z {
		padding-bottom: 0;
	}

	
	.logoped-container.z .besplatna-procena {
		width: 60%;
	}

	.logoped-container.a {
		padding-top: 0;
		flex-direction: row;
	}
	
	.logoped-container .besplatna-procena {
		order: 2;
/*		border: 2px solid red; */
		width: 60%;
	}

	.logoped-container .slika {
		margin-top: 0;
		margin-bottom: 5em;
	}
	
	.boravak-unutra .zasto-mi {
		order: 2;
	}
	
	.boravak-unutra .slika {
		margin-top: 0;
		margin-bottom: 5em;
	}
	
	.logoped-container.no-padding-bottom {
	 justify-content: center;
	 padding: 0;
	 align-items: center;
	}

}


@media only screen and (max-width: 1100px) {
	.logoped-container.a {
		flex-direction: column;
	}
	
/*	.logoped-container.z .besplatna-procena {
		width: 80%;
	}


	.logoped-container.a .besplatna-procena {
		width: 80%;
	} */
}



@media only screen and (max-width: 992px) {
	
	.scroll-up .flex-nav-container .logo {
		flex-basis: 120px;
	}
	
	.scroll-up .address-main-nav-container.responsive {
		border-bottom: 10px solid #0d8cbf;
	}

	.flex-nav {
	/*	border: 2px solid red;  */
		align-items: center;
		justify-content: space-between;
	}
	
	.address-main-nav-container {
		display: none;
	}
	
	.address-main-nav-container .info {
		display: none; 
	}

	.flex-nav a.icon {
		display: block;   
	}
	
	.flex-nav a.icon .mdi {
		color: #fff;
		font-size: 40px;
	}

	.flex-nav-container {
	/*	position: relative; */
		background: #71d0f5;
	}

	.address-main-nav-container.responsive {
		position: absolute;  
		top: 100%;
		right: 0;
		display: flex;
	/*	flex-direction: column; */
		width: 100%; 
		background: rgba(245, 245, 245, 0.7);
		background: #f7f5f3;
		padding: 1em;
		z-index: 999999999999999;
		border-bottom: 10px solid #71d0f5;
	}
	
	.address-main-nav-container.responsive .main-nav {
		flex-direction: column;
		border-radius: 0;
		align-items: end;
	/*	border: 5px solid green; */
	}

	.address-main-nav-container.responsive .link {
		display: block; 
	/*	min-width: 0; */
/*		border-radius: 0; */
	/*	border: 2px solid red;  */
		border: 0;
/*		width: 100%; */
	/*	padding: 0; */
		background: transparent;
		text-transform: uppercase; 
		text-align: right;
		color: #273f73;
		font-weight: bold;
		padding: 0.6em 1.6em;
	}

	.address-main-nav-container.responsive .current-page {
		margin: 0.9em 0;
	}

	.address-main-nav-container.responsive .link:hover {
	/*	border: 0; */
		background: transparent;
	/*	box-shadow: none; */
		color: #273f73;
	}
	
	.dropdown:hover .dropdown-content {
/*		display: none; */ 
	}

	.dropdown-content {
/*		border: 5px solid #0d8cbf;   */
		position: relative;
		bottom: 100%;
		left: auto; 
		right: 50%;
		z-index: 10000;
		padding: 2em;
		background: #fff;
		border-radius: 2em;
		box-shadow: 0.1em 0.1em 1em 0.3em  #895fb9;
	}

	.dropdown-content a {
		text-transform: capital;
	/*	border: 0; 
		border-radius: 0;  */
		background: #f7f5f3; 
		font-weight: 400;
		text-align: center;
		background: transparent;
		border-bottom: 1px solid #0d8cbf;
	}

	.dropdown-content a:hover {
	/*	border: 0;  */
		background: #0d8cbf;
		color: #fff;
		box-shadow: none;
		position: relative;
		z-index: 1000000000000;
	}
	
	.logoped-container {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}
	
	.background-logoped1 {
		height: 500px;
		background-attachment: scroll;
		margin-top: 193px;
	}
	
	.background-edukativni {
		background-image: url("backgrounds/edukativni1000x.jpg");
	}

	.background-about-processed1 {
		background-image: url("backgrounds/nas-tim3-1000x.jpg");
	}

	.background-rodjendaonica {
		background-image: url("backgrounds/rodjendan-1000x.jpg");
	}
	
/*	.background-raspust {
		background-image: url("backgrounds/raspust-1000x.jpg");
	} */
	
	.logoped-container.z .besplatna-procena {
		width: 80%;
	}

	.logoped-container.a .besplatna-procena {
		width: 80%;
	} 

}


@media only screen and (max-width: 992px) {
	

	.background1 {
		height: 800px;
	}

	.address-top {
		display: block;
		background: #fff;
/*		border: 2px solid red;  */
	}

	
	.flex-nav-container {
		background: #71d0f5;
/*		border-bottom: 5px solid white; */
	}

	.address-wrapper {
		display: flex;
		justify-content: flex-end;
		width: 95%;
/*		border: 2px solid black;  */
		background: transparent;
		margin: auto;
	}

	.logo {
		flex-basis: 230px;
		min-width: 200px;
	}

	.background-text {
		top: 26%;
		background: rgba(245, 245, 245, 0.9);
		border-radius: 2em;
		padding: 1em;
	}

	.background-text h2 {
		color: #1c2b4b;
		text-shadow: none;
		font-weight: 500;
		font-size: 1.3em;
		letter-spacing: 0.01em;
	}

	.obrazovanje {
		top: 50%;
	}

	.obrazovanje h3 {
		font-size: 3em;
	}

	.obezbedi-mesto {
		top: 68%;
	}

	.nasa-misija-img img {
		width: 100%;
	}
	
	.svojstva-img {
		grid-template-columns: repeat(2, 336px);
		justify-content: center;
		padding: 0;
	/*	grid-column-gap: 16px; */
	}

	.features-obmotac .naslov-slika {
		width: 85%;
	}

	
	.program-container {
		flex-direction: column;
	/*	display: block; */
	/*	width: 100%; */
	}

	.learning {
		max-width: 400px;
		margin: auto;
		margin-top: 32px;
		text-align: center;
		padding: 2em;
	}


	.edu-grid {
		width: 100%;
		grid-column-gap: 16px;
	}


	.rodjendaonica {
	/*	bottom: 0; */
	}

	
	.our-mission {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.nasa-misija {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}
	
	.svojstva-objekta {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.features-obmotac {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	
	.program-container {
		width: 100%;
		justify-content: space-between;
		padding-left: 32px;
		padding-right: 32px;
	}

	.learning {
		flex-basis: 29%;
	}


	.van-nastavni-container {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.rodjendaonica {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.raspusne-aktivnosti {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}


	.footer-container {
		width: 95%;
		flex-direction: column;
/*		border: 5px solid purple; */
	}

	.freepik-podkontejner {
		width: 95%;
	/*	flex-direction: column;
		border: 5px solid purple; */
	}
	
	.footer-navigation {
		padding: 4em 0 0 0;
		text-align: center;
	}

	.footer-address {
		padding: 4em 0 0 0;
		text-align: center;
	}
	
	.freepik-podkontejner {
		text-align: center;
		padding-top: 2em;
	}

	.logoped-container.a .slika {
		width: auto;
		max-width: 815px;
	}

}


@media only screen and (max-width: 790px) {

	.footer-container {
		justify-content: center;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.footer-navigation {
		padding-right: 0;
		padding-left: 2em;
		width: 99%;
	}

	.blog {
		display: none;
	}
}


@media only screen and (max-width: 768px) {
	

	/* sledece vrednosti trebace navesti izmedju 768px i 992px */
	
	.donji-heading {
		font-size: 2.7em;
	}
	
	.container-nasa-misija {
		padding-top: 0;
	}

/*	.zvezde-img {
		display: none;
	} */

	.our-mission {
	/*	border: 3px solid red; */
		flex-direction: column;
		text-align: center;
		width: 100%;
		margin: auto;
/*		padding-left: 32px;
		padding-right: 32px; */
	}

	.our-mission h1 {
		text-align: center;
	}

	.our-mission .text-left {
		padding-right: 0;
		text-align: left;
	}

	.our-mission .text-left .donji-heading {
		text-align: center;
		position: relative;
		z-index: 1;
	}


	.reserve1 .reserve-link {
		margin-top: 5em;
	}

	.container-nasa-misija .nasa-misija {
		flex-direction: column;
		width: 100%;
	/*	padding-left: 32px;
		padding-right: 32px; */
	}
	
	.nasa-misija .text-right {
		align-items: center;
		padding-left: 0;
	}

	.nasa-misija-img {
	/*	display: none; */
		width: 50%;
		margin: auto;
	}


	.svojstva-objekta {
		width: 100%;
		padding: 0 32px 0 32px;
	}

	.svojstva-img {
/*		border: 2px solid red; */
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 32px;
	}
	
	.features-obmotac {
		width: 100%;
		padding: 0 32px 0 32px;
	}

	.features-obmotac .naslov-slika {
/*		width: 100%;
		padding: 32px; */
		grid-auto-rows: 450px;
		grid-gap: 16px;
	/*	border: 5px solid black; */
	}

	.svojstva-img2 {
		grid-gap: 16px;
	/*	border: 5px solid green; */
	}

	.program-container {
		flex-direction: column;
	/*	display: block; */
		width: 100%;
		padding: 32px;
	}

	.learning {
		max-width: 400px;
		margin: auto;
		margin-top: 32px;
		text-align: center;
		padding: 2em;
	}
	
	.van-nastavni-container {
		width: 100%;
/*		border: 5px solid purple; */
		padding-right: 32px;
		padding-left: 32px;
	}

	.edu-grid {
		width: 100%;
	/*	padding-left: 16px;
		padding-right: 16px; */
		grid-gap: 32px;
		grid-template-columns: 1fr 1fr;
	}

	.rodjendaonica {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.rodjendan-images {
		width: 100%;
		grid-auto-rows: 240px;
	}

	.raspusne-aktivnosti {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}
	
	.raspusne-aktivnosti .slike {
		grid-template-columns: 1fr 1fr;
	}

	
	.raspusne-aktivnosti .slike .jedna-slika1:nth-child(7) {
		display: none;
	}

	.background-logo {
		padding: 32px;
	}
	/* end */
}


@media only screen and (max-width: 700px) {
	
	.svojstva-naslov {
		padding: 0 2em 6em 2em;
	}

	.svojstva-img {
		grid-template-columns: 350px;
/*		border: 5px solid green; */
		justify-content: center;
	}


	.features-obmotac .naslov-slika {
		grid-template-columns: none;
		grid-template-rows: 1fr 1fr; 
		grid-auto-columns: 70%;
		justify-content: center;
		grid-gap: 16px;
	}
	
	.svojstva-img1 img {
		max-width: 100%;
	}
	

	.svojstva-img2 {
		grid-template-rows: none;
		display: grid;
		grid-auto-rows: 250px;
	}
	
	.edu-grid {
		grid-gap: 16px;
		grid-auto-rows: 180px;
	}

	.rodjendaonica {
		bottom: 1em;
	}

	.rodjendan-images {
		grid-template-columns: 350px;
		grid-auto-rows: 235px;
		grid-row-gap: 32px;
		justify-content: center;
	}

	.raspusne-aktivnosti .slike {
		grid-auto-rows: 180px;
		grid-gap: 16px;
	}

	.footer-container {
		grid-template-columns: 99%;
		justify-content: center;
	}

	.logo-socials-container {
		align-items: center;
	}
	
	.heading-container h2 {
		width: 70%;
		margin: auto;
		text-align: center;
	}

	.footer-navigation {
		padding: 4em 0 0 0;
		text-align: center;
	}

	.footer-address {
		padding: 4em 0 0 0;
		text-align: center;
	}
	
	.freepik-podkontejner {
		text-align: center;
		padding-top: 2em;
	}

	.background-logoped1 {
		background-position: center;
	}

	
	.logoped-container.z .besplatna-procena {
		width: 100%;
	}

	.logoped-container.a .besplatna-procena {
		width: 100%;
	} 

}


@media only screen and (max-width: 600px) {
	

	.background1 {
		margin-top: 190px;
		background-position: center;
		background-size: cover;
		height: 460px;
		position: relative; 
		z-index: 100;
	}
	
	.background-text {
		top: 5%;
	}

	.background-text h2 {
		font-size: 1.2em;
	}
	
	.obrazovanje {
		top: 45%;
	}

	.obrazovanje h3 {
		font-size: 2.7em;
	}

	.obezbedi-mesto {
		display: none;
	}
	
	.obezbedi-mesto a {
		font-size: 1.2em;
	}
	
	
	.reserve1 .reserve-link {
		font-size: 1.2em;
	}
	
	.stupite .reserve-link {
		font-size: 1.2em;
	}



	.donji-heading {
		font-size: 2.2em;
	}


	.features-obmotac .naslov-slika {
		grid-template-columns: none;
		grid-template-rows: 1fr; 
		grid-auto-columns: 80%;
		grid-auto-rows: 500px;
		justify-content: center;
		grid-gap: 16px;
/*		border: 5px solid red; */
	}
	
	.svojstva-img1 img {
		max-width: 100%;
	}
	
	
	.edu-grid {
		padding-left: 0;
		padding-right: 0;
		grid-template-columns: 320px;
		grid-gap: 32px;
		justify-content: center;
	}

	.svojstva-img2 {
		grid-template-rows: none;
		display: grid;
		grid-auto-rows: 220px;
	}
	
	.rodjendaonica p {
		width: 100%;
	}
}


@media only screen and (max-width: 550px) {

	
	.background-text {
		top: 15%;
	}

	.address-top {
		background: #0d8cbf;
	}
	
	.address-top .address-kontejner {
		width: 100%;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: start;
	}


	.address-top .address-kontejner p {
		font-size: 1em;
	}
	
	.address-top .address-kontejner p.info-tel {
		margin-top: 0.5em;
	}

}



@media only screen and (max-width: 500px) {
	
/*	.background-text {
		top: 10%;
	} */

	.dropdown-content {
		right: 0;
	}

	.section-container-light {
		width: 100%;
	/*	padding: 4em 32px 6em 32px; */
	}

	.our-mission {
		width: 100%;
	}

/*	.container-nasa-misija {
		padding: 4em 32px 8em 32px;
	} */
	
	
	.container-nasa-misija .nasa-misija {
		width: 100%;

	}


	.reserve1 .reserve-link {
		font-size: 1.2em;
	}
	
	.stupite .reserve-link {
		font-size: 1.2em;
	}

	.svojstva-naslov {
		padding: 0 0 6em 0;
	}

	.svojstva-naslov span {
		display: inline-block;
		text-align: left;
		font-size: 1.2em;
		font-weight: 500;
	}

	.svojstva-naslov p {
		text-align: left;
	}

	.features-obmotac .svojstva-naslov1 {
		padding: 0 0 6em 0;
	}
	


	.features-obmotac .naslov-slika {
		grid-template-columns: none;
		grid-template-rows: 1fr; 
		grid-auto-columns: 90%;
		justify-content: center;
		grid-gap: 16px;
	}
	
	.svojstva-img1 img {
		max-width: 100%;
	}
	

	.svojstva-img2 {
		grid-template-rows: none;
		display: grid;
		grid-auto-rows: 220px;
		
	}

	.van-nastavni-container {
		width: 100%;
		padding: 0 32px 0 32px;
	}

	.edukativni-centar {
		padding: 0 0 6em 0;
	}
	

	.edukativni-centar span {
		font-size: 1.2em;
		font-weight: 500;
	}

	.edukativni-centar p {
	 text-align: left;
	}

	.edu-grid {
		padding-left: 0;
		padding-right: 0;
		grid-template-columns: 320px;
		justify-content: center;
	}

	.rodjendaonica span {
		font-size: 1.2em;
		font-weight: 500;
	}


	.rodjendan-images {
		grid-auto-rows: 210px;
	}
		
	.raspusne-aktivnosti .slike {
		grid-template-columns: 320px;
		justify-content: center;
	}

	
	.raspusne-aktivnosti .slike .jedna-slika1:nth-child(5) {
		display: none;
	}

	
	.raspusne-aktivnosti .slike .jedna-slika1:nth-child(6) {
		display: none;
	}


}


@media only screen and (max-width: 419px) {
	.address-top {
		background: #0d8cbf;
	}
	
	.address-top .address-kontejner {
		width: 100%;
		flex-wrap: wrap;
	}


	.address-top .address-kontejner p {
		font-size: 1em;
	}


	.logo {
		flex-basis: 160px;
	}

	
	.background1 {
		margin-top: 161.4px;
	}


	.background-text {
	/*	top: 70%;
		left: 5%;
		width: 90%;
		padding: 1em;
		line-height: 1.5em; */
		width: 95%;
	/*	left: 0; */
		padding: 0.8em;
/*		border: 6px solid green; */
	}
	
	.background-text h2 {
		line-height: 1.3em;
	}


	.obrazovanje {
		width: 80%;
		top: 45%;
	}

	.obrazovanje h3 {
		font-size: 2.4em;
	}

	.svojstva-img {
		grid-template-columns: 1fr;
		grid-auto-rows: 225px;
	}

	.svojstva-img2 {
		grid-auto-rows: 200px;
	}

	.rodjendan-images {
		grid-template-columns: 1fr;
	}

	.jedna-slika:hover {
		transform: rotate(5deg);
	}

	.jedna-slika img:hover {
		transform: none;
	}

}




@media only screen and (max-width: 400px) {
		
	.features-obmotac .naslov-slika {
		grid-template-columns: none;
		grid-template-rows: 1fr; 
	/*	grid-auto-columns: 100%; */
		justify-content: center;
		grid-gap: 16px;
	}
	
	.svojstva-img1 img {
		max-width: 100%;
	}
	

	.svojstva-img2 {
		grid-template-rows: none;
		display: grid;
		grid-auto-rows: 200px;
		
	}
}


@media only screen and (max-width: 387px) {
	.background-text {
		top: 20%;
	}

	.obrazovanje {
		top: 55%;
	}

	.svojstva-img {
		grid-auto-rows: 210px;
	}
	
	.features-obmotac .naslov-slika {
		grid-auto-columns: 100%;
		grid-template-columns: 1fr; 
		width: 100%;
	}

	.learning {
		padding: 1em;
	}
	
	.edu-grid {
		grid-template-columns: 1fr;
	}

	.raspusne-aktivnosti .slike {
		grid-template-columns: 1fr;
	}

}


@media only screen and (max-width: 320px) {
	

/*	.section-container-light {
		width: 100%;
		padding: 4em 16px 6em 16px;
	}

	.container-nasa-misija {
		padding: 4em 16px 8em 16px;
	}


	.svojstva-objekta {
		padding: 0 16px;
	}

	.features-obmotac {
		padding: 0 16px;
	}

	
	.program-container {
		padding: 0 16px;
	}

	.van-nastavni-container {
		padding: 0 16px;
	}

	.rodjendaonica {
		padding: 0 16px;
	} */
}


	/*         MEDIA QUERIES          */

	/* ====    STRANICA O NAMA   ==== */


@media only screen and (max-width: 1620px) {
	.about-inside-container {
		width: 90%;
	}
}


@media only screen and (max-width: 1500px) {
	
	.about-inside-container {
		width: 95%;
	}

	.our-team {
		width: 90%;
	}

	.about-heading h2 {
		font-size: 3.6em;
	}
}


@media only screen and (max-width: 1445px) {
	.team-single1 .kontejner-header {
		min-height: 95px;
	}
}

@media only screen and (max-width: 1200px) {
	
	.background-about-processed {
	/*	background-position: center; */
	/*	background-size: cover; */
/*		height: 600px; */
		background-attachment: scroll;
/*		border: 5px solid purple; */
	}
	
	.about-heading h2 {
		font-size: 3.6em;
	}

	.about-heading a {
		font-size: 1.3em;
		padding: 0.7em 3em;
	}

	.our-team {
		width: 95%;
	}

	.our-team .vlasnik {
		flex-basis: 50%;
		padding-bottom: 2em;
		box-shadow: none;
	}

	.our-team .svi-zajedno {
		flex-basis: 50%;
		padding-bottom: 2em;
		box-shadow: none;
	}

	.team-single1 {
		justify-content: space-around;
	}

	
	.team-single-container p.univerzalni-text {
		width: 80%;
	} 


}


@media only screen and (max-width: 992px) {
	
	.background-about-processed {
		margin-top: 193px;
		background-position: 0% 0%;
		background-position: center;
		height: 500px;
	/*	border: 5px solid orange; */
	}
	
	.about-heading {
		top: 40%;
	}

	.about-heading h2 {
		font-size: 3em;
	}

	.about-heading p {
		font-size: 2em;
	}
	

	.about-inside-container {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.our-team {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;

	}

	.our-team .vlasnik .vlasnik-photo {
		max-width: 250px;
		height: 250px
	}

	
	.svi-zajedno .ruke-photo {
		max-width: 250px;
		height: 250px;
	}

/*	.team-single-container p.univerzalni-text {
		width: 90%;
	} */
	
	.team-single {
/*		border: 2px solid green; */
		justify-content: space-around;
		width: 90%;
	}
	
	
	.kontejner {
		flex-basis: 270px;
/*		border: 2px solid red; */
		text-align: center;
	}
	
	.team-single .kontejner:nth-child(3) {
	/*	left: 50%;
		transform: translateX(-50%); */
/*		border: 20px solid pink;
	 	background: blue; */
	}
	


	.team-single1 {
	/*	border: 5px solid orange; */
		justify-content: space-around;
		width: 90%;
	}
	
	
	.team-single1 .kontejner {
		flex-basis: 270px;
/*		border: 2px solid red; */
		text-align: center;
	}


	.team-single2 {
		width: 90%;
/*		border: 5px solid red; */
	
	

	}
}


@media only screen and (max-width: 768px) {
	
	.about-inside-container {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.our-team {
		flex-direction: column;
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}
}


@media only screen and (max-width: 600px) {
	
	.background-about-processed {
		height: 460px;
	}


	.about-heading {
		width: 90%;
	}

	.about-heading h2 {
		font-size: 2.7em;
	}

	.about-heading p {
		font-size: 1.8em;
	}

	.about-heading a {
		font-size: 1.2em;
	}

	.about-inside-container {
		flex-direction: column;
	}

	.about-inside-container {
		width: 100%;
		padding: 0 32px 0 32px;
	}

	.okvir1 {
		margin-bottom: 8em;
	}

	.our-team {
		width: 100%;
	}


	.team-single-container p.univerzalni-text {
		width: 100%;
		text-align: left;
		padding: 0 32px 0 32px;
	}


	.team-single {
		width: 100%;
		padding: 0 32px 0 32px;
	}
	
	.kontejner {
		flex-basis: 300px;
		margin-top: 2.5em;
	}

	.kontejner .team-text {
		padding: 0;	
	}

	.team-single1 {
		width: 100%;
		padding: 0 32px 0 32px;
	}

	
	.team-single2 {
		width: 100%;
		padding: 0 32px 0 32px;
	}

	.team-single1 .kontejner-header {
		min-height: 0;
	}
}

@media only screen and (max-width: 419px) {

	.background-about-processed {
		margin-top: 161.4px;
	}

	.about-heading h2 {
		font-size: 2.4em;
	}
	
	.svi-zajedno h4 {
		font-size: 2em;
		width: 90%;
	}
	
	.svi-zajedno .ruke-photo {
		max-width: 220px;
		height: 220px;
		box-shadow: 20px -30px #0d8cbf;
	}

	.our-team .vlasnik .vlasnik-photo {
		max-width: 220px;
		height: 220px;
		
		box-shadow: 20px -40px #0d8cbf;
	}	
}



/*         MEDIA QUERIES          */

/* ====    USLUGE - PRODUZENI BORAVAK   ==== */



@media only screen and (max-width: 1620px) {
	.boravak-unutra {
		width: 90%;
	}
	
	.pod-kontejner1 {
		width: 90%;
	}

	.karakteristike-container1 {
		width: 90%;
	}
	
	.plan-dana-unutra {
		width: 90%;
	}

	.podrucje-unutra {
		width: 90%;
	}

}


@media only screen and (max-width: 1500px) {
	.boravak-unutra {
		width: 95%;
	}
	
	.zasto-mi1 {
		width: 95%;
	}

	.boravak-unutra1 {
		width: 95%;
	}

	.pod-kontejner1 {
		width: 95%;
	}

	.karakteristike-container1 {
		width: 95%;
	}

	.karakteristike {
		padding: 0 4em 0 0;
	}

	.plan-dana-unutra {
		width: 95%;
	}
	
	.podrucje-unutra {
		width: 95%;
	}

	.flex-card-container {
		width: 95%;
		margin: auto;
	}	
}


@media only screen and (max-width: 1300px) {
	
	.slika {
		flex-basis: 60%;
	}
	
	.pod-kontejner1 .slike {
		grid-template-columns: 1fr 1fr;
		justify-content: center;
	}


	.slike4-kontejner .slike {
		grid-template-columns: 1fr 1fr;
	}



	.poslepodne {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.prepodne-unutra {
		flex-basis: 500px;
		height: 365.3px;
	}

	.poslepodne1 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.usluge-kontejner1 {
		grid-gap: 50px;
	}

}


@media only screen and (max-width: 1200px) {
	
	.podrucje-unutra {
		flex-direction: column;
	}

	.podrucje-mi {
		width: 60%;
	}

	.boravak-unutra {
		flex-direction: column;
	}

	
	.zasto-mi {
		width: 60%;
	/*	border: 4px solid red; */
	}

	.slika {
		margin-top: 5em;
		max-width: 800px;
	}
	
	.podrucje-unutra .mapa {
		margin-top: 5em;
	}

	.podrucje-unutra .mapa iframe {
		height: 600px;
	}
}


@media only screen and (max-width: 1150px) {
	.usluge-kontejner1 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}


@media only screen and (max-width: 1100px) {
	.pod-kontejner1 {
		width: 100%;
	/*	padding: 0 32px 0 32px; */
	}
}




@media only screen and (max-width: 992px) {
	
	.background-about-processed1 {
		height: 500px;
		background-attachment: scroll;
		margin-top: 193px;
	/*	border: 5px solid purple; */
	}

	.about-heading {
		width: 100%;
	}

	
	.boravak-unutra {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}
	
	.zasto-mi1 {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.boravak-unutra1 {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.boravak-unutra1 ul.stavke {
		padding-right: 0;
	}

	.univerzalni-kontejner.odstojanje {
		padding: 0 0 8em 0;
	}

	.pod-kontejner1 {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.karakteristike-container1 {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.karakteristike {
		padding: 0 2em 0 0;
	}

	.plan-dana-unutra {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}
	
	.podrucje-unutra {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.flex-card-container {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}	


	.boravak-unutra {
		flex-direction: column;
	}
	
	.boravak-unutra1 {
		flex-direction: column;
	}
	
	.zasto-mi {
		width: 80%;
	}

	.slika {
		width: 100%;
		margin-top: 5em;
	}

	.karakteristike {
		padding: 0 0 0 0;
	}
	
	.podrucje-unutra .mapa {
		height: 500px;
	}
}


@media only screen and (max-width: 768px) {
	.pod-kontejner1 .slike {
		grid-auto-rows: 235px;
	}

	.slike4-kontejner .slike {
		grid-auto-rows: 235px;
	}

	
	.podrucje-unutra .mapa iframe {
	/*	height: 450px; */
	}

}


@media only screen and (max-width: 700px) {
	
	.pod-kontejner1 .slike {
		grid-template-columns: 350px;
		
	}		
	
	
	.slike4-kontejner .slike {
		grid-auto-rows: 210px;	
	}


	.karakteristike-levo {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	/*	border: 3px solid purple; */
	}

	.karakteristike {
		flex-basis: 235px;
/*		border: 3px solid red;  */
	}
	
	.karakteristike:nth-child(3) {
/*		border: 2px solid red; */
		margin: auto;
	}
	
	.podrucje-mi {
		width: 80%;
	}

	.podrucje-unutra .mapa iframe {
/*		height: 400px; */
	}

}


@media only screen and (max-width: 600px) {
	
	.background-about-processed1 {
		height: 460px;
	}
	
	
	.boravak-link a {
		font-size: 1.2em;
	}

	.karakteristike {
		flex-basis: 100%;
	}

	.karakteristike:nth-child(3) {
		margin-left: 0;
	}

	.slike4-kontejner .slike {
		grid-template-columns: 350px;
		grid-auto-rows: 235px;
		justify-content: center;
	}
}


@media only screen and (max-width: 500px) {
	
	.zasto-mi {
		width: 100%;
	}

	.podrucje-mi {
		width: 100%;
	}

	.podrucje-unutra .mapa iframe {
	/*	height: 300px; */
	}
	
	.prepodne-unutra {
		height: 400px;
	}

	.prepodne-unutra ul.stavke {
		padding-right: 0;
	}

}


@media only screen and (max-width: 419px) {
	
	.background-about-processed1 {
		margin-top: 161.4px;
	}

	.pod-kontejner1 .slike {
		grid-template-columns: 1fr;
		grid-auto-rows: 210px;
	}


	.slike4-kontejner .slike {
		grid-template-columns: 1fr;
		grid-auto-rows: 210px;
	}

	.prepodne-unutra {
		height: 400px;
	}
}


@media only screen and (max-width: 350px) {
	.pod-kontejner1 .slike {
		grid-template-columns: 1fr;
		grid-auto-rows: 180px;
	}


	.slike4-kontejner .slike {
		grid-template-columns: 1fr;
		grid-auto-rows: 180px;
	}

	.prepodne-unutra {
		height: auto;
	}
}

/*         MEDIA QUERIES          */

/* ====    USLUGE - EDUKATIVNI CENTAR   ==== */



@media only screen and (max-width: 1620px) {
	.pod-kontejner {
		width: 90%;
	}
}


@media only screen and (max-width: 1500px) {
	.pod-kontejner {
		width: 95%;
	}
}


@media only screen and (max-width: 1300px) {
	
	
	.univerzalni-kontejner.relative .zvezde-img {
	/*	border: 5px solid purple; */
		width: 60%;
		min-width: 500px;
	}

	
	.univerzalni-kontejner.relative .donji-heading {
		position: relative;
		z-index: 1111;
	}

	.stavka-container {
		flex-basis: 45%;
	}
	
	.slike-container {
		flex-basis: 50%;
		grid-template-columns: 1fr 1fr;
	}

	.grid-container-item:nth-child(2) {
		grid-column-start: auto; 
		grid-column-end: auto;
		grid-row-start: auto;
		grid-row-end: auto;
	}

}


@media only screen and (max-width: 992px) {
	
	.background-edukativni {
		height: 500px;
		background-attachment: scroll;
		margin-top: 193px;
		background-position: top;
	}

	.pod-kontejner {
		width: 100%;
		padding: 0 32px 0 32px;
	}
	
	.edukativni-flex .stavka-container  {
/*		border: 5px solid red; */
		flex-basis: 70%;
		padding-right: 32px;
	}

	.edukativni-flex .slike-container {
	/*	border: 5px solid purple; */
		order: 2;
		grid-template-columns: 1fr;
		grid-auto-rows: 250px;
	}

	
	.edukativni-flex .slike-container .grid-container-item:nth-child(4) {
		display: none;
	}

	
	.edukativni-flex .slike-container .grid-container-item:nth-child(5) {
		display: none;
	}

	
	.edukativni-flex .slike-container .grid-container-item:nth-child(6) {
		display: none;
	}
}


@media only screen and (max-width: 900px) {
	
	.edukativni-flex .slike-container {
		grid-auto-rows: 230px;
	}
}


@media only screen and (max-width: 768px) {
	.edukativni-flex {
		flex-direction: column;
	}
	
	.edukativni-flex .boravak-link {
		justify-content: flex-start;
		margin-top: 5em;
	}


	.edukativni-flex .slike-container {
/*		display: flex;
		justify-content: space-around;
		flex-wrap: wrap; */
		grid-template-columns: 1fr 1fr;
		grid-gap: 32px;
		margin-top: 32px;
	}

	
	.edukativni-flex .slike-container .grid-container-item:nth-child(4) {
		display: block;
	}

	.grid-container-item {
	/*	flex-basis: 200px;
		border: 2px solid green; */
	}

}


@media only screen and (max-width: 600px) {
	.background-edukativni {
		height: 460px;
		background-position: 90% 50%;
	}
}


@media only screen and (max-width: 419px) {
	
	.background-edukativni {
		margin-top: 177.4px;
	}
}


@media only screen and (max-width: 450px) {
	
	.edukativni-flex .slike-container {
/*		display: flex;
		justify-content: space-around;
		flex-wrap: wrap; */
		grid-template-columns: 1fr;
	}
	

	.edukativni-flex .slike-container .grid-container-item:nth-child(3) {
		display: none;
	}

	.edukativni-flex .slike-container .grid-container-item:nth-child(4) {
		display: none;
	}

}



/*         MEDIA QUERIES          */

/* ====    USLUGE - RODJENDAONICA   ==== */



@media only screen and (max-width: 1400px) {
	.slike-grid {
		grid-auto-rows: 250px;
	}
}


@media only screen and (max-width: 1200px) {
	.slike-grid {
		grid-auto-rows: 220px;
	}
}


@media only screen and (max-width: 1200px) {
	.rodjendan-flex {
		flex-direction: column;
/*		border: 5px solid purple; */
	}
	
	
	.rodjendan-flex .stavka {
	/*	border: 5px solid orange; */
	/*	display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between; */
		display: grid;
		grid-template-columns: 45% 1fr;
		grid-column-gap: 32px;
		grid-row-gap: 100px;
	}

	
	.rodjendan-flex .stavka .pod-stavka {
	/*	border: 5px solid red; */
		flex-basis: 35%;
	}

	.pod-stavka h3.rodjus {
	/*	border: 5px solid red; */
		height: 250px;
		margin: 0 0 0.9em 0;
	}

	.pod-stavka p.rodjus {
/*		border: 5px solid red; */
		height: 250px;
	}

	.pod-stavka .donji-heading.color-slova {
		margin: 0 0 0.9em 0;
	}
	
	.boravak-link.rodjus {
		display: none;
	}

	
	.pod-stavka:nth-child(3) p.rodjus {
/*		border: 5px solid purple;  */
		height: 150px;
		width: 350px;
	}

	
	.pod-stavka:nth-child(4) p.rodjus {
/*		border: 5px solid red; */
		height: 150px;
	}

	.rodjendan-flex .slike-rodjendanske {
	/*	border: 5px solid red;  */
		grid-template-columns: 1fr 1fr 1fr;
		max-width: 816px;
		grid-row-gap: 64px;
		margin: auto;
		margin-top: 5em;
	}

	.confeti {
	/*	border: 5px solid purple; */
		height: 50%;
		top: 20%;
	}

	.confeti img {
		width: 100%;
		height: 80%;
		object-fit: cover;
	}
}




@media only screen and (max-width: 1100px) {
	.slike-grid {
		grid-auto-rows: 200px;
	}
}

@media only screen and (max-width: 992px) {
	
	.background-rodjendaonica {
		height: 500px;
		background-attachment: scroll;
		margin-top: 193px;
		background-position: center;
	}
	
	p.kada-se-odrzava.rodjus {
		margin-top: 5em;
	}

	.slike-grid.rodjus {
		grid-template-columns: 300px 300px;
		justify-content: center;
		width: 100%;
		padding: 0 32px 0 32px;
	}

	
	.slike-grid.rodjus .jedna:nth-child(3) {
		display: none;
	}

	.naslovi-grid {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

}


@media only screen and (max-width: 750px) {
	.rodjendan-flex .stavka {
		grid-template-columns: 1fr;
	}	
	
	.pod-stavka h3.rodjus {
		height: auto;
	}
	
	.pod-stavka p.rodjus {
		height: auto;
	}
	
	.pod-stavka:nth-child(3) p.rodjus {
		height: auto;
		width: auto;
	}

	
	.pod-stavka:nth-child(4) p.rodjus {
		height: auto;
	}

	.rodjendan-flex .slike-rodjendanske {
/*		border: 5px solid purple; */
		display: flex;
		flex-wrap: wrap; 
		justify-content: center;
	}
	

	.rodjendan-flex .slike-rodjendanske .box-white {
	/*	border: 5px solid purple; */
		width: 226px;
		height: 350px;
	}
	

	.rodjendan-flex .slike-rodjendanske .box1 {
		max-width: 500px;
	}

	
	.rodjendan-flex .slike-rodjendanske .box2 {
		max-width: 500px;
		height: 363px;
	}

	
	.rodjendan-flex .slike-rodjendanske .box3 {
		max-width: 500px;
	}
	

	.rodjendan-flex .slike-rodjendanske .box4 {
		max-width: 500px;
	}

	
	.slike-grid.rodjus .jedna:nth-child(7) {
		display: none;
	}

	
	.slike-grid.rodjus .jedna:nth-child(8) {
		display: none;
	}

}


@media only screen and (max-width: 700px) {
	
	.slike-grid.rodjus {
		grid-template-columns: 280px 280px;
	}

}


@media only screen and (max-width: 650px) {
	.slike-grid.rodjus {
		grid-template-columns: 250px 250px;
	}
}


@media only screen and (max-width: 600px) {
	
	.background-rodjendaonica {
		height: 460px;
		background-position: 50% 10%;
	}
	
	
	.naslovi-grid {
		flex-direction: column;
	/*	border: 5px solid purple; */
		position: relative;
		padding-bottom: 15em;
	}
	
	.naslovi-grid p.kada-se-odrzava.rodjus {
	/*	border: 5px solid red; */
		position: absolute;
		left: 50%;
		bottom: 25%;
		transform: translateX(-50%);
	}


	.naslovi-grid .donji-heading.color-white.rodjus {
		margin: 0 0 0.9em 0;
	}


	.slike-grid.rodjus {
		grid-template-columns: 350px;
		grid-auto-rows: 260px;
	}

}

@media only screen and (max-width: 419px) {
	
	.background-rodjendaonica {
		margin-top: 177.4px;
	}
	
	.slike-grid.rodjus {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}

}


/*         MEDIA QUERIES          */

/* ====    USLUGE - RASPUSNE AKTIVNOSTI   ==== */


@media only screen and (max-width: 1620px) {
	.boravak-je-moguc {
		left: 5%;
	}
	
	.period {
		right: 5%;
	}
	
	.zimski-raspust {
		left: 5%;
	}

	.letnji-raspust {
		right: 5%;
	}

	.img-right img {
		object-position: 70%;
	}
}


@media only screen and (max-width: 1500px) {
	
	.boravak-je-moguc {
		left: 2.5%;
	}
	
	.period {
		right: 2.5%;
	}
	
	.zimski-raspust {
		left: 2.5%;
	}

	.letnji-raspust {
		right: 2.5%;
	}
}


@media only screen and (max-width: 992px) {
	
	.background-raspust {
		height: 500px;
		background-attachment: scroll;
		margin-top: 193px;
		background-position: center;
	}

	.pod-kontejner.center.raspust {
	/*	border: 5px solid red;  */
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		height: 1300px;
	}

	.boravak-je-moguc {
		left: 2.5%;
		position: static;
		order: 1;
		background: rgba(39, 63, 115, 0.8); 
	}

	.period {
		right: 2.5%;
		position: static;
		order: -2;
		background: rgba(39, 63, 115, 0.8); 
	}

	.img-left {
		width: 100%;
		height: 50%;
		z-index: 1;
		top: auto;
		bottom: 0;
	}

	.img-left img {
		object-position: 1% 0;
	}


	.img-right {
		width: 100%;
		height: 50%;
		z-index: 1;
	}

	.img-right img {
		object-position: 80% 10%;
	}



	.program {
		z-index: 111;
/*		border: 5px solid red; */
	}

	.pod-kontejner.center.raspust1 {
/*		width: 100%; */
		height: 1300px;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	
	.zimski-raspust {
		left: 2.5%;
		position: static;
		order: 1;
	}
	
	.letnji-raspust {
		right: 2.5%;
		position: static;
		order: -2;
	}
}


@media only screen and (max-width: 600px) {
	
	.background-raspust {
		height: 460px;
		background-position: 50% 10%;
	}

	.program {
		max-width: none;
		width: 100%;
	}
	
	.program p {
		text-align: left;
	}
	

	.img-left img {
		object-position: 50% 0;
	}

}


@media only screen and (max-width: 419px) {
	
	.background-raspust {
		margin-top: 177.4px;
	}

	.pod-kontejner.center.raspust {
		padding: 0;
	}
	
	.pod-kontejner.center.raspust1 {
		padding: 0;
	}
}


/*         MEDIA QUERIES          */

/* ====    USLUGE - UCIONICA   ==== */


@media only screen and (max-width: 1868px) {
	.pod-kontejner.ucionica-kontejner {
		margin-top: 200px;
		padding-bottom: 54.6px;
	}
	
	.side-bar.predmeti.sidebar1.single {
		height: 600px;
	}
}


@media only screen and (max-width: 1827px) {
	.pod-kontejner.ucionica-kontejner {
		padding-bottom: 54.6px;
	}
}


@media only screen and (max-width: 1827px) {

	.ucionica-wrapper {
		text-align: center;
	}

	.karta-wrapper {
		justify-content: center;
	}
}


@media only screen and (max-width: 992px) {
	
	.pod-kontejner.ucionica-kontejner {
		margin-top: 250px;
		flex-direction: column;
		padding-bottom: 54.6px;
		transition: margin-right 0.5s;
		position: relative;
	}

	.ucionica-wrapper {
		order: 3;
		align-self: center;
		width: 100%;
	/*	border-radius: 0; */
	}
	
	.side-bar.predmeti.sidebar1.single {
		height: 100%;
	}

	.side-bar {
/*		border: 3px solid red; */
		width: 280px;
		align-self: center;
		margin-bottom: 54.6px;
	}
	
	.karta-wrapper {
		justify-content: center;
	}

	.side-bar.predmeti.single {
		border-radius: 0; 
	}

	.side-bar.predmeti.single {
		padding-top: 15.8em;
	}	

	.sidebar {
		width: 0;
		height: 100%;
		position: fixed;
		z-index: 99999999999;
		top: 0;
		right: 0;
		overflow-x: hidden;
		transition: 0.5s;
		padding: 0;
		background: #111;
	}

	.sidebar .closebtn {
		display: block;
		position: absolute;
		top: 150px;
		right: 32px;
		font-size: 40px;
	/*	margin-left: 50px; */
		padding: 0;
		box-shadow: none;
		background: transparent;
		color: #818181;
	}

	.sidebar .closebtn:hover {
		background: transparent;
	}

/*	.pb-podnaslov.predmeti {
		color: #818181;
		font-weight: 500;
		font-size: 2em;
		margin: 0 0 2.1em 0;
	} */

	.pb-podnaslov.predmeti.razred {
		color: #818181;
		font-weight: 500;
		font-size: 2em;
		margin: 0 0 2.1em 0;
	}


	.sidebar a {
		box-shadow: none;
		border-radius: 0;
		background: transparent;
		color: #818181;	
	}

	a.vezba-heading-right p {
		color: #fff;
	}	


	.sidebar1 {
		width: 0;
		height: 100%;
		position: fixed;
		z-index: 99999999999;
		top: 0;
		left: 0;
		overflow-x: hidden;
		transition: 0.5s;
		padding: 0;
		background: #111;
/*	padding-top: 500px; */
	}

	.sidebar1 a.predmet {
		width: 216px;
		margin: auto;
	}

	.sidebar1 .closebtn {
		display: block;
		position: absolute;
		top: 150px;
		right: 32px;
		font-size: 40px;
/*	margin-left: 50px; */
		padding: 0;
		box-shadow: none;
		background: transparent;
		color: #818181;
	}

	.sidebar1 .closebtn:hover {
		background: transparent;
	}

	.openbtn {
		display: block;
		font-size: 20px;
		cursor: pointer;
		background-color: #273f73; 
		color: #fff;
		padding: 10px 15px;
		border: none; 
		margin-bottom: 50px;
		border-radius: 10px;
	} 

/*	button.openbtn {
		display: block;
		padding: 0.6em 1.5em;
		letter-spacing: 0.02em;
		border-radius: 10px;
		transition: all 0.2s ease;
		background: #fff;
		color: #273f73;
		font-weight: 500;
		text-align: center;
		font-size: 1.16em;
		cursor: pointer;
		border: 0;
		margin-bottom: 50px;
	} */

	.openbtn:hover {
		background-color: #273f73;
		color: #fff;
	}

	#main {
		display: block;
		transition: margin-left .5s;
/*	padding: 16px; */
/*	border: 2px solid white; */
		position: absolute;
		top: 0;
		right: 32px;
	}

	#main2 {
		display: block;
	}
}

@media only screen and (max-width: 768px) {
	.background-ucionica {
		background-attachment: scroll;
	}
	
	.background-ucionica2 {
		background-attachment: scroll;
	}

	
	.background-ucionica3 {
		background-attachment: scroll;
	}

	.background-ucionica4 {
		background-attachment: scroll;
	}
}


@media only screen and (max-width: 510px) {
	
	.pod-kontejner.ucionica-kontejner.predmeti {
		align-items: center;
	}
	
	#main {
		position: static;
		margin-bottom: 54.6px;
	}
	

	button.openbtn {
		margin-bottom: 10px;
	}
}


@media only screen and (max-width: 480px) {
	#main {
		position: static;
		margin-bottom: 54.6px;
	}
	
	.openbtn {
		margin-bottom: 10px;
	}
	
	.pod-kontejner.ucionica-kontejner.predmeti {
		align-items: center;
	}
}




@media only screen and (max-width: 425px) {
	
	.pod-kontejner.ucionica-kontejner {
/*		border: 5px solid red; */
		margin-top: 250px;
		flex-direction: column;
		padding-bottom: 54.6px;
		padding: 0 0 54.6px 0;
	}

	
	.pod-kontejner.ucionica-kontejner.predmeti {
		align-items: center;
	}

	.side-bar {
		align-self: center;
		text-align: center;
	}
	
	.ucionica-wrapper {
		text-align: center;
		border-radius: 0; 
	}
}


@media only screen and (max-width: 419px) {
	
	.pod-kontejner.ucionica-kontejner.predmeti {
		margin-top: 250px;
	}
}


@media only screen and (max-width: 387px) {
	
	.pod-kontejner.ucionica-kontejner.predmeti {
		margin-top: 260px; 
	}
}


@media only screen and (max-width: 290px) {
	
	.pod-kontejner.ucionica-kontejner.predmeti {
		margin-top: 270px;
	}
}


/*         MEDIA QUERIES          */

/* ====    GALERIJA PAGE   ==== */


@media only screen and (max-width: 1620px) {
	.close {
		right: 5%;
	}
}


@media only screen and (max-width: 1500px) {
	.close {
		right: 2.5%;
	}
}



@media only screen and (max-width: 992px) {

	.background-galerija {
		height: 500px;
		background-attachment: scroll;
		margin-top: 193px;
		background-position: center;
	}

	.modal {
		padding-top: 300px;
	}

	.close {
		top: 200px;
		right: 3%;
	}
}


@media only screen and (max-width: 600px) {
	
	.background-galerija {
		height: 460px;
/*		background-position: 50% 10%; */
	}
}


@media only screen and (max-width: 419px) {
	
	.background-galerija {
		margin-top: 177.4px;
	}
}




/*         MEDIA QUERIES          */

/* ====    CENOVNIK PAGE   ==== */


@media only screen and (max-width: 1620px) {
	.main-container {
		width: 90%;
	}

	.main-container1 {
		width: 90%;
	}
}


@media only screen and (max-width: 1500px) {
	
	.main-container {
		width: 95%;
/*		border: 5px solid purple; */
	}

	.main-container1 {
		width: 95%;
	}
}

@media only screen and (max-width: 1300px) {
	
	.main-container {
		flex-direction: column;
	}

	.cenovnik-naslov {
		padding-right: 0;
		text-align: center;
	}

	.main-wrap {
		margin-top: 3em;
	}
	
	.main-container1 {
		flex-direction: column;
	}

	.main-wrap1 {
		margin-top: 3em;
		flex-basis: auto;
		width: 960px;
	}
}


@media only screen and (max-width: 1100px) {
	
	.main-wrap1 {
		width: auto;
	}


	.pricing-card1 {
		grid-template-columns: 1fr 1fr;
	}
	
	.price-header.break-dance {
		min-height: 0;
	}
}

@media only screen and (max-width: 992px) {
	
	.background-cenovnik {
		height: 500px;
		background-attachment: scroll;
		margin-top: 193px;
		background-position: center;
	}
	
	.main-container {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.main-container1 {
		width: 100%;
		padding-left: 32px;
		padding-right: 32px;
	}
}	


 @media (max-width: 767px) {
 	
	.pricing-card {
		grid-template-columns: 1fr;
		justify-items: center;
	/*	border: 1px solid black; */
	} 

	
 	.pricing-card1 {
		grid-template-columns: 1fr;
		justify-items: center;
/*		border: 5px solid black;  */
	} 

	
 	.pricing-card2 {
		grid-template-columns: 1fr;
		justify-items: center;
	/*	border: 1px solid black; */
	} 
	
	.price-header {
		min-height: 0;
	}

	.main-wrap {
	/*	margin-top: 100px;
		margin-bottom: 100px; */
	}

} 

@media only screen and (max-width: 600px) {
	
	.background-cenovnik {
		height: 460px;
/*		background-position: 50% 10%; */
	}
}


@media only screen and (max-width: 419px) {
	
	.background-cenovnik {
		margin-top: 177.4px;
	}
}


@media only screen and (max-width: 400px) {
	.p-card-body {
		width: 270px;
	}
}


@media only screen and (max-width: 350px) {
	.p-card-body {
		width: 250px;
	}
}


@media only screen and (max-width: 320px) {
	.p-card-body {
		width: 230px;
	}
}

/*         MEDIA QUERIES          */

/* ====    KONTAKT PAGE   ==== */



@media only screen and (max-width: 1300px) {
	.usluge-kontejner {
		grid-gap: 50px;
		width: 100%;
	}
}


@media only screen and (max-width: 1210px) {
	.usluge-kontejner {
		justify-content: center;
	}
}



@media only screen and (max-width: 992px) {
	
	.background-kontakt {
		height: 500px;
		background-attachment: scroll;
		margin-top: 193px;
		background-position: center;
	}

	.pod-kontejner.flex-kontakt {
		flex-direction: column;
	}
	
	.mapa-kontakt {
		margin-top: 5em;
	}
}	

@media only screen and (max-width: 600px) {
	
	.background-kontakt {
		height: 460px;
	}
}

@media only screen and (max-width: 419px) {
	
	.background-kontakt {
		margin-top: 177.4px;
	}
}

.proba1 {
	border: 10px solid black;
	display: block;
}

.proba1 h1 {
	color: blue;
	margin: 0;
}

.proba1 p {
	font-size: 4em;
	color: red;
}

/* UNIVERZALNE KLASE */
.no-padding {
	padding: 0;
}

.no-padding-bottom {
	padding-bottom: 0;
}

.no-padding-top {
	padding-top: 0;
}

.flex-around {
	justify-content: space-around;
}

.wrap {
	flex-wrap: wrap;
}

.padd-bot {
	padding-bottom: 8em;
}