@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Lobster');
/* CSS Document */

*:focus {
    outline: none;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow:auto;
}
html {
	overflow:auto;
}
.wrapper {
  float: none;
  margin-left: auto;
  margin-right:auto;
  width: 98%;
  padding-left:1%;
  padding-right: 1%;
  max-width: 1180px;
  display: block;
  height: auto;
}
.fixedbar {
  float: left;
  margin-left: auto;
  margin-right:auto;
  width: 100%;
  display: block;
  height: auto;
  position: fixed;
  z-index:1000;
  background-color:rgba(255, 255, 255, 0.85);
}
.swiper-container {
	width: 100%;
	height: 100vh;
}
.logo {
	max-width: 300px;
	height:auto;
	padding-top:10px;
	padding-bottom:3px;
	clear:none;
	float:left;
}
.langbar {
	width: 100%;
	height:30px;
	background-color:#333;
	clear:both;
}
.langbar-item {
	width: auto;
	height:auto;
	padding: 8px 0px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	clear:none;
	float:right;
}
.radovici {
	width: 100%;
	height:auto;
	padding-top: 60px;
	padding-bottom:0px;
}
.naslov {
	width: 96%;
	padding-left:2%;
	padding-right:2%;
	font-family: 'Roboto';
	font-weight:700;
	font-size: 24px;
	color: #333;
	text-align: left;
}
.copy {
	width: 96%;
	padding: 2%;
	font-family:'Roboto';
	font-size:15px;
	color: #333;
	text-align:left;
	line-height:24px;
}
.slika1 {
	width: 100%;
	padding-top: 2%;
}
.apt-copy {
	width: 96%;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	font-family:'Roboto';
	font-size:16px;
	color: #333;
	text-align:left;
	line-height:24px;
}
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 0px solid #a12727;
    border-radius: 0px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#ff4a4a));
    background: -moz-linear-gradient(top, #ff4a4a, #ff4a4a);
    background: linear-gradient(to bottom, #ff4a4a, #ff4a4a);
    font: normal normal normal 16px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#ff5959));
    background: -moz-linear-gradient(top, #ff5959, #ff5959);
    background: linear-gradient(to bottom, #ff5959, #ff5959);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#ff4a4a));
    background: -moz-linear-gradient(top, #982727, #ff4a4a);
    background: linear-gradient(to bottom, #982727, #ff4a4a);
}
.button:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -2px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEsUlEQVRIie2VWW8cRRSFv1q6p2d6xrN5giFjJ844Dk6cRGIRiyACJEAsAvKUN/gZ/Ah+B2J5IohILAEiAgFhAY6ByDZBdsYBJtjEHo9n6Z6uKh4m7lckXuFK96Wuqu6555yrgv/jH0JcePPtU65Se+Krn1s8d7RE/PFlvLPP8uHiHzx1fBxx/hMyrzzDJ8t/8dDcAfz3PiJ4+lG+vBUzdaDAxPffoafr/CDHyGU0M83rEGS4dfjIYH3j93d1eXLynerBw/eOH5zhRFGRjFUYzh9Dj09z/EAWKzOIB0+j7mlz78ExpNBweg5vs89ULUe2WkQ3psh1LHeVshTWJrCVIpd+71srb2+J1994a+O1s4/VQ20olctIKXHOobXCOTDWIgBnLVIpALTW9Ho9tNYAeL7PMI5wDrrdLv3BgHzi+OmDD8/JMycnKGcVnu9z48YNoijCOUeSGACkEAghEFIyHA5HD/T7aK1RSmGMobu3BwharRbb29uMFQoMvlnELK2iw/MfwXgFPXU3tVqNZrNJpVKhXC6TJAlKqVEDIfB9nyRJMMYghCCOY3zfB6DZbBLHMdVqFQD1xCP8mQvQ/pkHSKpFtBBkMhnq9TobGxsAlEoljDEopXDOYa0lCAKccwghsNZirWVtbQ0pJbVajSRJ6PV6/HB9m69/3kRe2dNsD0aXAXzf58iRI2xubtJqtRBCYMyILiEEzjmAdIrl5WWUUkxOTlIsFimVSgRBwIn6GM8f9pCVsYBqMYvWOkUphGB6epp2u83KygrD4ZDhcIgxJs0oilhaWiKbzXLo0CGstQwGA4bD4Uj4bxfxz3+OPLa2it66jXMOKSVSSpRSZDIZZmZmcM6xvLyMMSalpN/vs7CwQLVapdFopOfWWrTWaK3JPHAC8+pLSCcEqlQAwDmXplIK3/dpNBrEcczCwgJxHLO3t8fly5fJ5XKUSqUU2MjamiRJALjWtry3eBv9a2OWCasoC5E2ieMYKSVRFBFFEfPz86ysrHDlyhX6/T6NRoNGo0Gn02F3d5cwDEeWvsOAMYZKIcOZ4xV0668eWo8K1lqklMBoYay1hGGIlJK5uTmCIMDzPOr1OlpryuUy3W6XTqdDPp8HSDU8cLNJ58Jn6MezEfl+D5v1sNYSx3FKUTabRdyZLAgCZmdnU6T7rsrlckRRRLfbJZ/Pp04T2YD+wyeR8cKPRNGAOI4RQhBFEUIIgiBIERljSJIEIUTKd5IkSCnxfZ8gCJBSsrOzkwL4rVzjy0GIjF5+lkG+gOd5DAYDwjDE932MMannPc9L+d3XaV8jIHWdUoqtra3RRP2EakEjL353k94godvtEgQBvu8jlcLzPJRS6QT727y/K9Za3J3avn5KKcIwpN1u03B7nFq9hn7hVK2XW/oRe99JFn/Z4mgtg/fTKvb0MdZuJ0yUfcJrq8iZQ6x2HLVShtJ6k6RcYN35KCmY6rVRSvFbWMQ4ycGoy+6FS7ZvkkTvXFs+F9/cPNPWkqvru9h7MvDp17is4tJSi0eOlvHfv4h68Uk+vd7modlxwotf4D92P1/cGnJ4okDv6lVE/S4WVZFCPmBv/RfIyMHO/InP/u1P+B+KvwGGHVGpNd1aYwAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}
.button1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 0px solid #a12727;
    border-radius: 0px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#ff4a4a));
    background: -moz-linear-gradient(top, #ff4a4a, #ff4a4a);
    background: linear-gradient(to bottom, #ff4a4a, #ff4a4a);
    font: normal normal normal 16px arial;
    color: #ffffff;
    text-decoration: none;
}
.button1:hover,
.button1:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#ff5959));
    background: -moz-linear-gradient(top, #ff5959, #ff5959);
    background: linear-gradient(to bottom, #ff5959, #ff5959);
    color: #ffffff;
    text-decoration: none;
}
.button1:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#ff4a4a));
    background: -moz-linear-gradient(top, #982727, #ff4a4a);
    background: linear-gradient(to bottom, #982727, #ff4a4a);
}
.slider_copy {
	font-family: 'Lobster';
	font-size: 50px;
	color: #FFFFFF;
	text-align: center;
	width: 70%;
	padding-top: 40vh;
	margin-left: auto;
	margin-right: auto;
	float: none;
	line-height:50px;
}
.ico {
	width: 48px;
	height:48px;
	margin-left:auto;
	margin-right:auto;
	float:none;
	padding-top:20px;
}
.ico-soc {
	width: 48px;
	height:48px;
	float:left;
	padding-top:20px;
	clear:none;
	margin-left:10px;
	margin-right:10px;
}
.podatak {
	font-family: 'Roboto';
	font-size: 20px;
	color: #fff;
	text-align: center;
	width: 100%;
	padding-top: 12px;
}
.footer {
	width: 100%;
	background-color:#333;
	padding-top:40px;
	padding-bottom:70px;
	margin-top:60px;
}
.content {
	height: auto;
	width: 100%;
	background-color: #333;
	padding-top: 150px;
	padding-bottom: 150px;
}

@media only screen and (max-width: 799px) {
.logo {
	max-width: 250px;
	padding-top:10px;
}
.slider_copy {
	font-family: 'Lobster';
	font-size: 30px;
	width: 90%;
	line-height:30px;

}
.langbar-item {
	float:left;
}