@charset "UTF-8";
/* Body */
body {
	
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
	background-color: #FFFFFF;
		font-style: normal;
	font-weight: 300;
}

/* Container */
.containerWEB {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

/* Bio */

.bio
{
	font-size:1.15em; padding:40px; text-align:justify; line-height:22px;
}

/* Kritiki */


.kritiki {
	position:relative;
	max-width:100%;
		font-size: 1.3em; 
color: #FFFFFF; 
text-align: center ; 
background: #1F1F1F
}

/* Kritiki slajder */

.mySlidesR {display:none;width:90%; padding:50px; text-align:center; margin-left:5%;}
.w3-left{float:left;cursor:pointer; margin-left:10%; font-size:1.2em;}
.w3-left:hover{color: #c86c1f ;    }
.w3-right{float:right;cursor:pointer; margin-right:10%; font-size:1.2em;}
.w3-right:hover{color: #c86c1f ;}
.w3-badge {cursor:pointer}
.w3-badge {height:12px;width:3px; background: #494747;  border-color:#FFFFFF; color:#fff;display:inline-block;padding-left:5px;padding-right:5px;text-align:center; border-radius:50%; margin-right:10px; vertical-align: middle;}
.w3-badge:hover{background: #D7D7D7}
.w3-white {background: #FFFFFF;  border-style: outset;
    border-color:#c86c1f ; border-width:2px; height:15px;width:8px;border-radius:50%; }


/* dela */

.dela{
width:80%;
margin:0 auto;
padding:10px; 
font-size: larger; 
 text-align: center ;
 line-height:26px;
}

.dela li{
	
text-align:left;
position: relative;
display: block;
padding: .1em .3em .2em 1em;
*padding: .4em;
margin: .3em 0;
background:#266e46;
opacity:0.9;
/*background: #9fcf46;*/
color:#FFFFFF;
border-radius: 10em;
font-size:0.9em;
font-weight:400;

}

.dela a  {
		text-decoration:none;
color:#FFFFFF;
}
.dela a:link {
		text-decoration:none;
		color:#FFFFFF;
	}
.dela a:hover {
		text-decoration:none;
		color:#FFFFFF;
	}
.dela a:visited {
		text-decoration:none;
		color:#FFFFFF;
}
.dela a:active {
		text-decoration:none;
		color:#FFFFFF;
}
	.dela li:hover {
	transform: scale(1.03);
	text-decoration:none;
}

@media  (min-width: 767px) { .dela_img_mob{ display:none; 

}}


.dela_img {
			 float:right; margin-top:0.2em; width:100px; border-radius:10em;
}




/* News */ 

.dots-list {
width: 85%;
}
.dots-list ol {
    padding-left: 20%;
    position: relative;
       list-style: none !important;
}

.dots-list ol li {
position: relative;
margin-bottom: 0.6em;
line-height:1em;

}
.dots-list p { margin-bottom:0.1em;}

.dots-list ol li .number_divider {
	 color:#B7B7B7;
    position: absolute;
	    left: -80px;
    font-weight: 600;
    font-size: 1em;
	}
	
.dots-list ol li .naslov {
	 color:#B7B7B7;
  	    font-weight: 600;
   
	}	
.dots-list ol li .performans {
	 
  	    font-weight: normal;
		font-style:italic;
   
	}	
.dots-list ol li:before {
    content: "";
    background: #af1e83;
    position: absolute;
    width: 1px;
    top: 1px;
    bottom: -21px;
    left: -26px;
}

.dots-list ol li:after {
   content: "";
    background: #9fcf46 ;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    top: 1px;
    left: -31px;
}

/* News slajder godini */

.mySlidesN {display:none}
.w3-leftN{float:left;cursor:pointer; margin-left:10px;}
.w3-leftN:hover{color: #af1e83;    }
.w3-rightN{float:right;cursor:pointer; margin-right:10px;}
.w3-rightN:hover{color: #af1e83 ;}
.w3-godina {cursor:pointer}
.w3-godina:hover{color:#af1e83}
.w3-godinaN {color: #af1e83}


/* Kontakt */

label {
    color: #333;
}
.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

/* copyright */

.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}



/*  meni*/

*{
	/* A universal CSS reset */
	margin:0;
	padding:0;
}

#navigationMenu li{
	list-style:none;
	height:35px;
	padding:2px;
	width:40px;
}

#navigationMenu span{
	/* Container properties */
	opacity: 0.7;
    filter: alpha(opacity=70);
		border-radius: 10em;
	width:0;
	right:38px;
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;*/
	font-size:1em;
	font-weight: 600;
	letter-spacing:1px;
	white-space:nowrap;
	line-height:24px;
	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	height:11px; 
	background:#9fcf46  ; 
	border: thick; 
	border-color: #00BC16; 
	color:#fff;
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	text-align:center; 
	border-radius:50% ;
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 30px;overflow:visible; }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property  */
	-moz-box-shadow:0 0 10px #9ddff5;
	-webkit-box-shadow:0 0 10px #9ddff5;
	box-shadow:0 0 10px #9ddff5;
	
}

/* Home Green Button  */

#navigationMenu .home span{
	border-color: #FFFFFF;
	border-width:1px;
	
	background-color:#9fcf46;
	color: #FFFFFF;
	
}

/* BIO Blue Button */

#navigationMenu .about span{
	
	background-color:#1e8bb4;
	color: #FFFFFF;

}

/* Reviews Button */

#navigationMenu .services span{
	background-color:#c86c1f;
	color: #FFFFFF;
	
}

/* Works Button */

#navigationMenu .portfolio span{
	background-color:#d0a525;
color: #FFFFFF;
	
}

/* News Button */


#navigationMenu .news span{
	background-color:#af1e83;
	color: #FFFFFF;
	
}

/* Contact Button */

#navigationMenu .contact span{
	
	background-color: #E92124;
	color: #FFFFFF;
}


/* Mobile */
@media (max-width: 320px) {
	}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) { 
body {
	font-size:0.8em;
	font-weight: 300;
}

.bio
{
	font-size:0.8em; padding:10px; text-align:justify; line-height:16px;
}
	
	.kritiki  {
	position:relative;
	max-width:100%;
		font-size: 0.8em; 
color: #FFFFFF; 
text-align: center ; 
background: #1F1F1F
	}

.dela{
width:100%;
margin:0 auto;
padding:5px; 

 text-align: center ;
  line-height:26px;
}

.dela li{
	
text-align:left;
position: relative;
display: block;
padding: .1em .3em .2em 1em;
*padding: .4em;
margin: .3em 0;
background:#266e46;
opacity:0.9;
/*background: #9fcf46;*/
color:#FFFFFF;
border-radius: 10em;
font-size:0.8em;
font-weight:200;

}

.dela_img_mob{
	float:right; margin-top:0.2em; width:40px; border-radius:10em;
}
.dela_img {display:none;
	}
	

.dots-list {
width: 85%;
font-size:0.8em;
}
.dots-list ol {
    padding-left: 20%;
    position: relative;
       list-style: none !important;
	   font-size:0.8em;
}
.dots-list ol li .number_divider {
	 color:#B7B7B7;
    position: absolute;
	    left: -75px;
    font-weight: 600;
    font-size: 1em;
	}
}

/* Small Desktops 
@media (min-width: 768px) and (max-width: 1096px) {}