p,
a{
	font-size: 18px;
}
.sparky_wrapper:nth-of-type(1){
	margin: 0 auto;
    background-image: url('../images/body.wrapper.png');
    background-position: top center;
    background-repeat: no-repeat;
}
.sparky_row1,
.sparky_row2 {
	color: #fff!important;
}
.sparky_row2{
	top: 30px;
}
.sparky_row3{
	padding-top: 10px;
}
.mp_user1 {
	padding: 0px;
}
.mp_logo img,
a.sparky_logo_link{
	width: 220px;
}
.mp_top,
.mp_mainmenu,
.mp_logo {
	padding-top: 0;
	padding-bottom: 0;
}
.mp_top1,
.mp_top2{
	padding-bottom: 0;
}
.mp_mainmenu{
	margin-top: 90px;
}
.mp_mainmenu ul{
	float: right;
}

.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 95px;
    margin-bottom: 0;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:5px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    color: #3d5b99;
    font-size: 30px!important;
}
.fa-facebook:hover {
    background-color: #3d5b99;
    color: #fff;
}
.fa-instagram {
    padding:5px 11.5px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    color: #bc5100;
    font-size: 30px!important;
}
.fa-instagram:hover {
    background: #bc5100;
    color: #fff;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-rss {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-rss:hover {
    background-color: #eb8231;
}
.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-google-plus {
    padding:10px 9px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-google-plus:hover {
    background-color: #e25714;
}
.sparky_cell.mp_left.sparkle5 {
    text-align: right;
}
.jsn-themegrid-container{
	height: auto!important;
}
.sparky_cell.mp_user1.sparkle12{
	position: relative;
	z-index: 0;
}
.mp_mainmenu .mnu_mainmenu > li > a{
	background: #F57014!important;
    color: #000;
    margin: 0 5px;
    padding: 10px 30px;
    border-radius: 5px;
    height: auto;
    font-size: 16px;
    transition: 1s all ease;
}
.sparky_cell.mp_left.sparkle5{
	padding: 0;
}
.mp_mainmenu .mnu_mainmenu > li > a:hover{
    color: #F9AD0A!important;
}
.mp_mainmenu .mnu_mainmenu > li.active > a {
	background: #df3f33!important;
    color: #fff!important;
}
.mp_mainmenu .mnu_mainmenu > li{
	border: 0;
	background: none;
	width: 220px;
	text-align: center;
}
ul.sigFreeClassic li.sigFreeThumb{
	margin: 0 5px 5px 0!important;
}
.mp_top1 i{
	color: #F0C601!important;
}
.infotop{
	float: right;
}
span.bojaTop{
	color: #F0C601!important;
}
.mp_top1 p,
.mp_top2 p{
	margin-bottom: 0;
	display: inline-block;
	color: #333;
	font-family: 'Didact Gothic', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.infotop p:nth-of-type(1){
	margin-right: 15px;
}
#krugovi:before{
	clear: both;
}
#krugovi{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	overflow: hidden;
	top: 720px;
	position: absolute;
	color: #fff;
}
.krug{
	width: 395px;
	margin: 0 10px;
	float: left;
	text-align: center;
	border: 3px solid #fff;
	height: 395px;
	border-radius: 50%;
	transition: 1s background,border ease;
}
.krug h3{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	color: #fff!important;
	text-align: center!important;
	margin-top: 50px;
	transition: 1s all ease;
}
.krug p:nth-of-type(1){
	margin-top: 35px;
	font-size: 16px;
	padding: 0 30px;
	transition: 1s all ease;
	height: 120px;
}
.krug p:nth-of-type(2){
	margin-top: 35px;
	font-size: 16px;
	transition: 1s all ease;
}
.krug p:nth-of-type(2) i {
	margin-right: 5px;
}
.krug p:nth-of-type(2) a {
	color: #fff;
	transition: 1s all ease;
}
.krug:nth-of-type(1){
	background: #df3f33;
}
.krug:nth-of-type(2){
	background: #e38a25;
}
.krug:nth-of-type(3){
	background: #f0c601;
}
#krugovi .krug:nth-of-type(3) p:nth-of-type(2){
	margin-top: 35px;
}
.krug:hover{
	color: #e38a25!important;
	background: #fff;
	border: 3px solid #e38a25;
}
.krug:hover p:nth-of-type(1){
	color: #333;
}
.krug:hover  p:nth-of-type(2) a{
	color: #e38a25!important;
}
.krug:hover h3{
	color: #e38a25!important;
}
#info{
	margin-top: 220px;
}
#info h2,
#info p{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}
#info h2{
	font-size: 46px;
	font-weight: bold;
    line-height: 62px;
	text-align: center;
}
#info p:nth-of-type(1){
	margin-top: 20px;
}
#info p{
	font-family: 'Didact Gothic', sans-serif!important;
	text-align: justify;
	font-size: 20px;
    font-weight: 300;
    line-height: 22px;
    color: #333
}
.boja{
	color: #e38a25!important;
}
.braon{
	color: #644938!important;
}
img.hidden{
	display: none;
}
#izlozba{
	padding: 100px 0;
}
#izlozba h2{
	padding-bottom: 60px;
	font-size: 38px;
	color: #fff;
	width: 600px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	text-transform: uppercase;
	font-weight: bold;
}
#izlozba p{
	line-height: 22px;
	font-size: 20px;
	color: #fff;
	font-weight: 300;
	width: 800px;
	font-family: 'Didact Gothic', sans-serif!important;
}
#kontaktDole{
	font-size: 18px;
	color: #333;
	overflow: hidden;
	font-weight: 500;
	font-family: 'Didact Gothic', sans-serif;
	padding: 20px 0 40px 0;
}
#kontaktDole h2{
    font-size: 32px!important;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    text-transform: uppercase;
    font-weight: bold;
}
#leviDeo{
	float: left;
	width: 400px;
	padding: 20px 0;
}
#leviDeo i{
	width: 30px;
}
#mesto i:nth-of-type(1){
	width: 34px!important;
}
.odvoj{
	margin-left: 34px;
}
#mesto,
#radnovreme,
#telefon{
	padding-bottom: 20px;
}
#desniDeo{
	float: right;
	width: 800px;
}
#copy{
    color: #fff;
    padding: 40px 0 20px 0;
    text-align: center;
    text-transform: uppercase;
}
#copy p a{
	color: #644938!important;
}
#copy p,
#copy p a{
	font-size: 14px!important;
}
.mp_top2 .fa{
	font-size: 18px;
}
.page-header{
	margin-bottom: 20px;
}
.page-header h1{
	font-size: 26px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	border-bottom: 2px solid #e38a25;
	width: 450px;
	padding: 10px 5px;
	/*text-transform: uppercase;*/
	font-weight: bold;
}
#skola,
#nacinRada,
#priznanja,
#izlozbe,
#aktivnosti{
	overflow: hidden;
	margin-bottom: 30px;
	border: 3px solid rgba(191, 191, 191, 0.3);
    border-radius: 10px;
    padding: 30px 10px;
}
#skola{
	margin-top: 30px;
}
.levo{
	float: left;
	width: 400px;
}
.desno{
	width: 820px;
	float: right;
}
#sve img{
	margin-bottom: 10px;
	width: 350px;
	border: 1px solid #fff;
	border-radius: 10px;
}
#sve h3{
	width: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	border-radius: 15px 15px 0 0;
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
}
#skola h3:nth-of-type(1){
	background-color: #7B8EDA;
}
#nacinRada h3:nth-of-type(1){
	background-color: #e38a25;
}
#aktivnosti h3:nth-of-type(1){
	background-color: #f0c601;
}
#priznanja h3:nth-of-type(1){
	background-color: #9675af;
}
#izlozbe h3:nth-of-type(1){
	background-color: #df3f33;
}
#sve p{
	font-family: 'Didact Gothic', sans-serif;
	font-size: 16px;
}
.levoDva{
	float: right;
	width: 400px;
}
.desnoDva{
	float: left;
	width: 780px;
    margin-right: 20px;
}
.sparky_row4{
	background:#F9F8E2!important;
}
.aktivnostiTab h3{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	width: 100%!important;
	border-radius: 15px 15px 0 0;
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
}
.aktivnostiTab h3.red{
	background-color: #df3f33!important;
}
.aktivnostiTab h3.orange{
	background-color: #e38a25!important;
}
.aktivnostiTab h3.yellow{
	background-color: #f0c601!important;
}
.aktivnostiTab{
	overflow: hidden;
	margin-bottom: 30px;
}
.slike{
	float: left;
	width: 400px;
}

.tekst{
	float: left;
	width: 64%;
	margin: 0 25px;
	text-align: justify;
}
#galerija{
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}
#galerija .deo{
	margin-bottom: 25px;
}
#galerija .deo img{
	border: 3px solid rgba(0,0,0,0.5);
	border-radius: 3px;
	width: 350px;
}
#galerija .deo:nth-child(odd){
	float: left;
	width: 500px;
}
#galerija .deo:nth-child(even){
	float: right;
	width: 500px;
	text-align: right!important;
}
#galerija .deo:nth-child(even) h3{
	text-align: right!important;
	float: right;
	padding-right: 15px;
}
#galerija .deo:nth-child(odd) h3{
	padding-left: 15px;
}
#galerija .deo:nth-child(odd) img{
	margin-left: 50px;

}
#galerija .deo:nth-child(even) img{
	margin-right: 50px;
}
#galerija h3{
	color: #fff;
	width: 250px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	padding: 5px 0;
	margin: 15px 0;
}
#galerija h3.red{
	background-color: #df3f33!important;
}
#galerija h3.orange{
	background-color: #e38a25!important;
}
#galerija h3.yellow{
	background-color: #f0c601!important;
}
#galerija h3.blue{
	background-color: #7B8EDA!important;
}
.archive,
a.chronoforms6_credits{
	display: none;
}
.ui.form .field>label{
	font-size: 16px!important;
	font-weight: normal!important;
}
.ui.form{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}
.ui.form input[type=text]{
	background-color: #F6F6F6!important;
	height: 50px;
}
.ui.form textarea{
	background-color: #F6F6F6!important;
	height: 150px;
}
.ui.button{
	float: right!important;
	padding: 12px 25px;
}

#catBlog{
	overflow: hidden;
}
#catBlog .vest:nth-of-type(1){
	padding-top: 0!important;
	width: 100%;
	float: none;
	height: auto;
}
.vest{
	float: left;
	width: 625px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 50px;
	padding-top: 50px;
	height: 750px;
}
#catBlog .vest:nth-child(odd){
	border-bottom: 2px solid #7B8EDA;
}
#catBlog .vest:nth-child(even){
	border-bottom: 2px solid #e38a25;
}
.vestLevo{
	float: left;
	width: 350px;
	margin-right: 45px;
}
.vestLevo img{
	width: 300px;
	height: 300px;
	object-fit: cover;
	float: left;
}
.vestDesno{
	float: left;
	width: 600px;
}
.vestDesno h2{
	color: #644938;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}
.vestDesno p{
	font-family: 'Didact Gothic', sans-serif;
	color: #333;
}
a.readMore{
	background: #df3f33;
	padding: 15px 20px;
	border-radius: 3px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	color: #fff;
	float: right;
	margin-top: 25px;
}
.mp_mainmenu .mnu_mainmenu > li > a{
	color: #fff!important;
}
li.item-120{
	display: none;
}
.mp_top2 a img {
    width: 22px;
    vertical-align: bottom;
    margin-left: 10px;
}
.home .sparky_row4{
	display: none;
}

.sparky_cell.mp_bottom2.sparkle12{
	padding: 0;
}
.sparky_row11.sparky_full i{
	font-size: 34px;
    color: #FFF;
    padding: 10px 11px 10px 10px;
    border-color: #FFF #FFF #FFF #FFF;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 0;
}
#fon{
	overflow: hidden;
}
.fb{
	margin-right: 10px;
	float: left;
}
.ig{
	float: left;
}

.sparky_cell.mp_left.sparkle7{
	margin-top: 70px;
	padding-bottom: 0;
}

.mp_advert6{
	padding: 0!important;
}
.breadcrumb{
	margin: 10px 0 10px!important;
	background-color:transparent;
}
.breadcrumb a{
	color: #fff!important;
}
.icon-location{
	display: none;
}
.breadcrumb>.active{
	text-shadow: none;
	color: #f0c601;
	font-size: 18px;
}
.breadcrumb>li>.divider{
	font-size: 18px;
}
img.vestSlika{
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.mp_left{
  position: relative;
}
#upis {
    position: absolute;
    top: 10px;
    right: -20vw;
    color: #000;
    width: 100%;
    text-align: center;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #fcfcfc;
    border-color: #ddd;
    border-color: rgba(221,221,221,0.85);
}
@keyframes flash_border {
  0% {
    border-color: #F57014;
  }
  50% {
    border-color: #F9AD0A;
  }
  100% {
    border-color: #F57014;
  }
}

@-webkit-keyframes flash_border {
  0% {
    border-color: #F57014;
  }
  50% {
    border-color: #F9AD0A;
  }
  100% {
    border-color: #F57014;
  }
}

@-moz-keyframes flash_border {
  0% {
    border-color: #F57014;
  }
  50% {
    border-color: #F9AD0A;
  }
  100% {
    border-color: #F57014;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1310px){
	.krug{
		width: 300px;
		height: 300px;
		margin: 0 18px;
	}
	.krug p:nth-of-type(1){
		margin-top: 0;
		font-size: 14px;
	}
	.levo,
	#sve h3{
		width: 300px;
	}
	.desno{
		width: 600px;
	}
	.levoDva{
		width: 300px;
	}
	.desnoDva{
		width: 600px;
	}
	.slike{
		width: 300px;
	}
	.tekst{
		width: 68%;
	}
	ul.social-icons{
		width: 70%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1099px){
	ul.social-icons{
		width: 53%;
	}
	#krugovi{
		position: static;
		width: 500px;
		margin: 0 auto;
	}
	#info{
		margin-top: 20px;
	}
}
@media screen and (min-width: 1000px) and (max-width: 1199px){
	#krugovi{
		position: static;
		width: 500px;
		margin: 0 auto;
	}
	#izlozba p,
	#izlozba h2{
		width: 100%;
	}
	#info{
		margin-top: 20px;
	}
	.
	.levo,
	#sve h3{
		width: 300px;
	}
	.desno{
		width: 100%;
		float: none;
		display: block;
	}
	.levoDva{
		width: 300px;
	}
	.desnoDva{
		width: 100%;
		float: none;
		display: block;
	}
	.slike{
		width: 35%;
		margin: 5px 0;
	}
	.tekst{
		width: 58%;
	}
	#galerija{
		width: 100%;
	}
	#galerija .deo:nth-child(odd) {
		width: 350px;
	}
	#galerija .deo:nth-child(even) {
		width: 350px;
	}
	.vestLevo{
		width: 280px;
	}
	.vestDesno{
		width: 400px;
	}
	ul.social-icons{
		width: 53%;
	}
	.sparkle4{
		width: auto;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px){
	.sparky_cell.mp_mainmenu.sparkle4{
		width: auto!important;
		margin-top: 10px;
	}
	.sparky_cell.mp_left.sparkle5{
		float: right;
	}
	.desnoDva{
		width: 100%;
	}
	.levoDva{
		width: 100%;
	}
	.levoDva img{
		width: 100%;		
	}
	.desno{
		width: 100%;
	}
	.levo{
		width: 100%;
	}
	.levo img{
		width: 100%;		
	}
	.tekst{
		width: 100%;
		display: block;
		float: none;
		margin: 0;
	}
	.slike{
		width: 100%;
	}
	#sve img{
		width: 100%;
	}
	img.hidden{
		width: 100%!important;
		display: block!important;
	}
	img.visible{
		display: none;
	}
  	#upis{
      right: 0;
    }
}
@media screen and (max-width: 767px){
	#izlozba p,
	#izlozba h2,
	#leviDeo{
		width: 100%;
	}
	#sve img{
		width: 100%;
	}
	#krugovi{
		position: static;
		width: 100%;
		margin: 0 auto;
	}
	#info{
		margin-top: 20px;
	}
	.krug{
		width: 100%;
		margin: 0;
		height: 350px;
	}
	.krug p:nth-of-type(1){
		margin-top: 0;
		font-size: 14px;
	}
	.levo,
	#sve h3,
	#sve img{
		width: 100%;
	}
	.desno{
		width: 100%;
		float: none;
		display: block;
	}
	.levoDva{
		width: 100%;
	}
	.desnoDva{
		width: 100%;
		float: none;
		display: block;
	}
	.slike{
		margin: 5px auto;
		float: none;
		display: block;
		width: 100%!important;
	}
	.slike img{
		margin: 0 auto!important;
		width: 100%;
	}
	.tekst{
		width: 100%;
		margin: 0 0 10px 0;
	}
	#galerija{
		width: 100%;
	}
	#galerija .deo:nth-child(odd) {
		width: 100%;
		float: left;
	}
	#galerija .deo:nth-child(even) {
		width: 100%;
		float: left;
	}
	#galerija .deo:nth-child(even) h3 {
		float: left;
		width: 100%;
		text-align: left!important;
		padding-left: 15px;
	}
	#galerija .deo:nth-child(odd) h3 {
		float: left;
		width: 100%;
		text-align: left;
	}
	#galerija .deo:nth-child(odd) img{
		margin-left: 0;
	}
	#galerija .deo img{
		float: left;
		width: 100%;
	}
	.vest{
		width: 100%;
		height: auto;
	}
	.vestLevo{
		width: 100%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.vestLevo img{
		width: 100%;
	}
	.vestDesno{
		width: 100%;
		float: none;
	}
	.vestDesno h2{
		text-align: center;
	}
	li.item-120{
		display: block;
	}
	.container_mainmenu{
		overflow: hidden;
	}
	.mp_mainmenu .mnu_mainmenu > li{
		width: 100%;
		margin-bottom: 10px;
	}
	.mp_mainmenu ul{
		width: 100%;
	}
	.mp_logo img, a.sparky_logo_link {
	    width: 100%;
	    text-align: center;
	}
	ul.social-icons{
		margin-top: 10px;
	}
	.mp_mainmenu .mnu_mainmenu > li{
		display: block;
	}
	.mp_mainmenu{
		margin-top: 10px;
	}
	.fa-facebook{
		float: left;
	}
	img.hidden{
		display: block!important;
	}
	img.visible{
		display: none;
	}
    #upis{
      position: static;
    }
}