html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

	body {
	background-color:#f5f5f5;
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	}
	
	img {
	width: auto;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	}
	
	p {
		font-size: 16px;
		color: #777;
		font-weight: bold;
		line-height: 24px;
		padding-bottom: 10px;
		text-align: justify;
		text-shadow: 0 0 1px #fff;
	}
	.antispam {
		display: none;
	}
	
	.cont-odjava {
		width: 960px;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 60px;
		padding-top: 60px;
		font-size: 18px;
		color: #09c;
	}
	
	.copyright {
		text-align: center;
	}
	
	.mask {
		background-color:rgba(255,255,255,.8);
		width:100%;
		height:100%;
		position:fixed;
		z-index:100000;
	}
	
	#loader {
		background:url(img/newave-loading.gif) center center no-repeat;
		height: 100px;
		width: 100px;
		left: 50%;
		top: 50%;
		position: absolute;
		margin: -50px 0 0 -50px;
		border-radius: 50px;
	}
	
	.cycle-slideshow {
		height: 410px;
		overflow:hidden;
		background:#000;
	}
	
	.cycle-slideshow img{
		width:100%;
	}
	
	#pattern {
		background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 50%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(0,0,0,0.4)));
		background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 50%);
		background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 50%);
		background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 50%);
		background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#66000000',GradientType=0 );
		height: 410px;
		position:absolute;
		top:0;
		left:0;
		right:0;
		z-index: 100;
	}
	
	#logo {
		background: url(img/logo.png);
		background-position: center;
		background-repeat: no-repeat;
		height: 410px;
		position:absolute;
		top:0;
		left:0;
		right:0;
	}
	
	#izaberite {
		text-align: center;
		text-transform: uppercase;
		font-family: Arial, sans-serif;
		padding: 20px;
		font-weight: bold;
		font-size: 24px;
		color: #999999;
		background: #fff;
		position:relative;
		z-index:101;
	}
	
	.cont {
		min-height: 340px;
		width: 960px;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 30px;
	}
	.border {
		background: none repeat scroll 0 0 #999999;
		display: block;
		height: 2px;
		margin: 0 auto;
		width: 100px;
		margin-bottom: 40px;
	}
	
	h1 {
		font-size: 24px;
		color: #0099cc;
		text-transform: uppercase;
		margin-bottom: 15px;
		text-shadow: 0 0 2px #fff;
		font-weight:bold;
		text-align:center
	}

	.one-third {
	    float: left;
		margin: 30px 0 30px 0;
		width: 288px;
		height: 270px;
		border-radius:15px;
		border: 2px dashed #ddd;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.proizvod span {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 24px;
		color: #ddd;
		text-align: center;
		margin: 0 auto;
		display: block;
		margin-top: 220px;
	}
	
	.first {
		background:#fff;
	    padding-left: 0;
		border:none;
		transition:all 0.3s ease 0s;
		-moz-transition:all 0.3s ease 0s;
    	-webkit-transition:all 0.3s ease 0s;
    	-o-transition:all 0.3s ease 0s;
	}
	
	
	footer {
		z-index:100;
		position:relative;
		padding:40px 0;
		text-align:center;
		background:#fff;
	}
	
	footer ul.socials-icons {
		margin:10px 0 20px 0;
	}
	
	footer ul.socials-icons li {
		margin:0 10px;
	}
	ul.socials-icons {
		text-align:center;
		
	}
	
	ul.socials-icons li {
		width:35px;
		height:35px;
		margin:5px;
		display:inline-block
	}
	
	ul.socials-icons li a {
		opacity:0.5;
		transition:all 0.3s ease 0s;
		-moz-transition:all 0.3s ease 0s;
    	-webkit-transition:all 0.3s ease 0s;
    	-o-transition:all 0.3s ease 0s;
	}
	
	ul.socials-icons li a:hover {
		opacity:1;
	}
	
	.socials-icons img {
		max-height:100%;
	}
	
	.gray {
		-webkit-filter:  grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		filter: gray;
		filter: grayscale(100%);
		padding: 10px;
		transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		opacity:0.5;
	}
	
	.gray:hover {
		-webkit-filter: none;
		-webkit-filter: none;
		-moz-filter: none;
		filter: none;
		filter: none;
		opacity:1;
	}
	
	.prijatelji {
		margin-bottom: 60px;
		padding-top: 30px;
		padding-bottom: 30px;
		background: #fff;
		text-align:center;
	}
	
	.hover-open {
		height: 0%;
		width: 100%;
		background: rgba(92, 154, 206, 1) url(img/goto.png);
		margin-top: -218px;
		z-index: 1;
		position: relative;
		transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0.8;
	}
	
	.first:hover .hover-open {
		height: 50%;
	}
	
	.proizvod.first > a > img {
		border-radius: 15px;
	}
	/* Contact Formular */
	
	.cont-contact {
		width: 960px;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 60px;
	}
	
	#contact-formular {
		text-align:center!important;
		padding: 0 20px;
	}
	
	#contact-formular input[type="text"], textarea , #contact-formular select {
		color: #999999;
		font-family: 'arial', sans-serif;
		font-size: 14px;
		height: 20px;
		padding-left: 3%;
		padding-right: 3%;
		padding-top: 15px;
		padding-bottom: 15px;
		width: 94%;
		background: #fbfbfb;
		border-radius:3px;
		margin-bottom:20px;
		border:0;
		box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		-o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		letter-spacing: 1px;	
		font-weight:bold;
		outline: none;
	}
	
	#contact-formular input[type=text]:focus, #contact-formular textarea:focus, input[type=email]:focus, #contact-formular select:focus {
		background-color: #eee;
	}
	
	#contact-formular textarea {
		height:160px;
		resize:none;
	}

	#contact-formular input[type="submit"]	{
		color:#fff;
		font-family: 'arial', sans-serif;
		font-size: 14px;
		padding:10px 15px;
		letter-spacing:0;
		line-height:14px;
		cursor:pointer;
		border-radius:3px;
		transition:all 0.3s ease 0s;
		-moz-transition:all 0.3s ease 0s;
    	-webkit-transition:all 0.3s ease 0s;
    	-o-transition:all 0.3s ease 0s;
		text-align:center;
		letter-spacing: 1px;	
		font-weight:bold;
		outline: none;
		border:none;
		background: #0099cc;	
	}	
	#contact-formular input[type="submit"]:hover	{
		background: #000;
	}
	
	.error_message  p {		
		text-align:center;		
		color:#e93735;		
		font-weight:bold;		
	}
	
	#success_page {		
		text-align:center;		
	}	
	
	#success_page p {		
		color:#999999;		
		margin-top:20px;		
	}
	
	#message fieldset {		
		border:none;		
	}
	
	#contact-formular  img.laoder {
		position: absolute;
		z-index: 1;
		left: calc(50% - 50px);
		-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);
		-moz-box-shadow: 0 1px 10px rgba(0,0,0,.3);
		box-shadow: 0 1px 10px rgba(0,0,0,.3);
		border-radius: 50px;
		display:none;
	}
	
	.one_half {
    	width: 48%;
		float: left;
		margin-bottom: 20px;
		margin-right: 4%;
		position: relative;
	}
	
	.last {
		margin-right:0px!important;
	}	
	
	/*  Alert Boxes  */
	
	.alertboxes {
		float:left;
		width:100%;
	}
	
	.shortcode_alertbox {
		border-radius: 3px;
		color: #FFFFFF;
		display: block;
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
		padding: 15px 40px 15px 14px;
		position: relative;
	}
	
	.shortcode_alertbox .box_close {
		background: url("img/close_box.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-position:10px 10px;
		background-size:20px 20px;
		display: block;
		height: 40px;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 40px;
		cursor:pointer;
	}
	
	.shortcode_alertbox b {
		color:inherit;
	}
	
	.shortcode_alertbox.box_red {
		background: none repeat scroll 0 0 #F9E5E6;
		border: 1px solid #F7C7C9;
		color:#B3696C;
	}
	.shortcode_alertbox.box_blue {
		background: none repeat scroll 0 0 rgba(0, 153, 204, 0.2);
		border: 1px solid #0099cc;
		color: #0099cc;
	}
	.shortcode_alertbox.box_yellow {
		background: none repeat scroll 0 0 #FCF7D9;
    	border: 1px solid #F5DC7D;
    	color: #C4A21B;
	}
	.shortcode_alertbox.box_green {
		background: none repeat scroll 0 0 rgba(0, 153, 204, 0.2);
		border: 1px solid #0099cc;
		color: #0099cc;
	}
	
@media only screen and (max-width: 1320px) {

	.cycle-slideshow img{
		width:auto;
		height:410px;
	}

}

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

	.one-third {
		float: none;
		margin: 40px auto!important;
		width: 288px;
	}
	
	.cont {
		width: 100%;
	}
	
	.cont-contact{
		width: 100%;
	}
	
	.cont-odjava {
		width: 100%;
	}
	
	.one_half {
    	width: 100%;
	}
}

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

	#logo {
	background-size: 300px;
	}

}


.pace .pace-progress {
  background: #09c;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 3px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace-inactive {
  display: none;
}