@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;500;600;800&display=swap');
body {
font-family: 'Roboto', sans-serif;
}
header {
height: 100px;
background-color: #000;
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFF;
border-bottom-color: #FFF;
margin: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
background-color: rgba(0, 0, 0, 0.7);
}
header #logo {
width: 250px;
overflow: hidden;
float: left;
margin-bottom: 2px;
margin-top: 2px;
}
header #logo a {
}
header #logo a img {
width: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Barlow Condensed', sans-serif;
}
h1 {
color: #333;
font-size: 50px;
font-weight: 600;
margin-bottom: 10px;
}
h2 {
color: #06C;
font-size: 28px;
margin-bottom: 20px;
font-weight: 300;
text-transform: uppercase;
}
h3 {
color: #333;
font-size: 35px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 20px;
}
h4 {
color: #06C;
font-size: 28px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 20px;
}
h5 {
color: #333;
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 20px;
}
h6 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
font-size: 20px;
padding-bottom: 5px;
margin-top: 20px;
}
p {
font-size: 16px;
color: #888;
line-height: 24px;
margin-bottom: 10px;
}
.caption, .caption_black {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.caption h1 {
color: #FFF;
font-size: 50px;
font-weight: 600;
margin-bottom: 10px;
}
.caption_black h1 {
color: #000;
font-size: 50px;
font-weight: 600;
margin-bottom: 10px;
}
.caption h2 {
color: #06C;
font-size: 28px;
margin-bottom: 20px;
font-weight: 300;
text-transform: uppercase;
}
.caption p {
color: #CCC;
margin-bottom: 10px;
}
.centartext {
text-align: center;
}
/********* NAVIGACIJA **********/
nav {
font-family: 'Barlow Condensed', sans-serif;
float: right;
}
nav ul {
float: left;
padding-top: 0px;
}
nav ul li {
}
nav ul li a {
color: #FFF;
font-weight: 600;
display: inline-block;
font-size: 20px;
text-transform: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
height: 100px;
margin: 0px;
line-height: 100px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
nav ul li a:hover, nav ul li a.active {
color: #000;
background-color: #FFFFFF;
}
nav ul li ul {
visibility: hidden;
display: block;
position: absolute;
opacity: 0;
background-color: #000000;
height: auto;
width: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-top: -2px;
margin-left: 15px;
overflow: hidden;
z-index: 20;
}
nav ul li:hover ul, nav ul li:active ul {
visibility: visible;
display: block;
position: absolute;
opacity: 1;
}
nav ul li ul {
background-color: rgba(0, 0, 0, 0.7);
}
nav ul li ul li {
}
nav ul li ul li a {
color: #FFF;
margin: 0px;
line-height: 22px;
height: auto;
width: auto;
font-size: 16px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: left;
display: block;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
right: 0px;
}
.sidenav a {
text-decoration: none;
font-size: 30px;
color: #818181;
display: block;
transition: 0.3s;
padding-top: 4px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 10px;
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
nav .hambmenu {
padding: 0px;
border: 2px solid #000;
font-size: 30px;
cursor: pointer;
top: 70px;
position: absolute;
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
vertical-align: middle;
line-height: 36px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
}
.sidenav, nav .hambmenu {
display: none;
visibility: hidden;
}
/*********** SLIDER ************/
#smallfoto {
font-family: 'Barlow Condensed', sans-serif;
height: 105px;
width: 100%;
background-image: url(../image/slides/bigfoto_4.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #1C1C1C;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
#bigfoto {
font-family: 'Barlow Condensed', sans-serif;
height: 600px;
width: 100%;
background-image: url(../image/slides/bigfoto_4.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #1C1C1C;
text-align: center;
padding-top: 20px;
}
#bigfoto .captionbox {
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
margin-top: 220px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#bigfoto .captionbox h1 {
font-size: 80px;
font-weight: 900;
color: #FFF;
margin-bottom: 20px;
text-shadow: 2px 2px 2px #000;
}
#bigfoto .captionbox h2 {
font-size: 25px;
font-weight: 900;
color: #FFF;
margin-bottom: 20px;
text-shadow: 2px 2px 2px #000000;
padding: 5px;
float: none;
}
#bigfoto .captionbox .button {
font-family: 'Barlow Condensed', sans-serif;
height: 50px;
width: auto;
font-size: 17px;
line-height: 50px;
color: #FFF;
background-color: #06C;
padding-right: 20px;
padding-left: 20px;
font-weight: 600;
text-transform: uppercase;
text-align: right;
display: inline-block;
}
#bigfoto .captionbox .but_blue {
background-color: #06C;
}
#bigfoto .captionbox .but_black {
background-color: #000;
}
#bigfoto .captionbox .but_white {
background-color: #FFF;
color: #06C;
}
#bigfoto .captionbox .button:hover {
color: #06C;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #FFF;
}
#bigfoto .captionbox .but_white:hover {
background-color: #06C;
color: #FFF;
}
. shadow {
-webkit-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.05);
box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.05);
}
.img_con {
width: 100%;
position: relative;
margin: 0px;
padding: 0px;
}
.img_con img {
width: 100%;
}
.img_con h4 {
position: absolute;
top: 10px;
z-index: 9;
color: #FFF;
background-color: #000000;
display: inline-block;
left: 10px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
font-size: 14px;
margin: 0px;
}
.txt_con {
background-color: #FFF;
padding: 0px;
}
.txt_con2 {
padding: 20px;
}
.txt_con h2 {
font-size: 32px;
line-height: 38px;
font-weight: 500;
color: #333;
margin-bottom: 20px;
}
.txt_con h3 {
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #999;
margin-bottom: 0px;
}
.txt_con h4 {
font-size: 18px;
text-transform: uppercase;
color: #333;
font-weight: 600;
margin-bottom: 10px;
line-height: 20px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
.txt_con h6 {
font-size: 14px;
text-transform: uppercase;
color: #06C;
font-weight: 600;
margin-bottom: 8px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
.txt_con p {
color: #888;
margin-bottom: 10px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
.txt_con .symboltab {
padding-top: 10px;
}
.txt_con .symboltab .symbol {
font-size: 70px;
color: #06C;
float: left;
margin-right: 20px;
}
.txt_con .symboltab .sy2_text {
color: #FFF;
}
.txt_con .symboltab .sy2_text h4 {
color: #FFF;
}
.txt_con .symboltab .sy2_text p {
color: #FFF;
}
.spacer10 {
height: 1px;
width: 100%;
margin-bottom: 10px;
}
.colortab {
padding-top: 20px;
padding-bottom: 20px;
}
.colortab .symbol {
font-size: 70px;
color: #FFF;
float: left;
margin-right: 20px;
}
.colortab h3 {
color: #FFF;
font-size: 36px;
line-height: 40px;
margin-bottom: 15px;
}
.colortab p {
color: #9FCFFF;
}
.colortab .button {
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color: #ffffff;
border-radius: 6px;
border: 1px solid #dcdcdc;
display: block;
cursor: pointer;
color: #666666;
font-size: 15px;
font-weight: 700;
padding: 15px;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;
text-align: center;
width: 200px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
}
.colortab .button:hover {
background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color: #f6f6f6;
}
.colortab .button:active {
position: relative;
top: 1px;
}
.soctab {
padding: 0px;
}
.soctab h2 {
font-size: 60px;
color: #FFF;
text-transform: none;
text-align: center;
}
.soctab h4 {
font-size: 30px;
color: #FFF;
text-align: center;
font-weight: normal;
text-transform: none;
margin-bottom: 20px;
}
.soctab a img {
width: 100%;
margin: 0px;
padding: 0px;
}
.soctab a h6 {
color: #06C;
text-align: center;
font-size: 30px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.soctab a p {
text-align: center;
color: #FFF;
}
.logos {
margin-bottom: 10px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.logos a img {
width: 100%;
}
article h1 {
color: #333;
font-size: 50px;
font-weight: 600;
margin-bottom: 10px;
}
article h2 {
color: #06C;
font-size: 26px;
margin-bottom: 20px;
font-weight: 300;
text-transform: uppercase;
line-height: 33px;
}
article h3 {
color: #333;
font-size: 35px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 20px;
}
article h4 {
color: #06C;
font-size: 28px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 20px;
}
article h5 {
color: #333;
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 20px;
}
article h6 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
font-size: 20px;
padding-bottom: 5px;
margin-top: 20px;
}
article p {
color: #888;
margin-bottom: 10px;
}
article img {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
}
article ul {
margin-left: 40px;
}
article ul li {
font-size: 14px;
color: #888;
line-height: 22px;
margin-bottom: 10px;
padding-left: 10px;
list-style-type: disc;
}
article ul li strong {
font-weight: 600;
color: #000;
}
article table {
}
article table tr th {
padding: 10px;
border: 1px solid #CCC;
font-size: 18px;
color: #FFF;
background-color: #06C;
font-weight: bold;
}
article table tr td {
padding: 10px;
border: 1px solid #CCC;
}
article table tr .t_right {
color: #06C;
text-align: right;
font-size: 24px;
line-height: 38px;
}
/**************  vijesti *****************/
article .vijest-box {
margin-bottom: 59px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999;
padding-top: 15px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
article .vijest-box .img-box {
float: left;
width: 40%;
padding: 0px;
}
article .vijest-box .p-box {
float: right;
width: 60%;
}
article .vijest-box .img-box img {
margin: 0px;
width: 100%;
}
article .vijest-box .p-box h2 {
font-size: 32px;
font-weight: 600;
text-transform: none;
color: #000;
margin-bottom: 15px;
margin-top: 0px;
line-height: 36px;
padding-right: 10px;
padding-left: 10px;
}
article .vijest-box .p-box p {
padding-right: 10px;
padding-left: 10px;
}
article .vijest-box .p-box .vijest-datum {
text-align: right;
margin-top: 0px;
font-size: 14px;
margin-bottom: 10px;
display: inline-block;
line-height: 30px;
background-color: #06F;
height: 30px;
color: #FFF;
font-weight: bold;
padding-right: 10px;
padding-left: 10px;
float: right;
margin-left: 5px;
}
article .back_forth {
}
article .back_forth a {
display: block;
background-color: #0085F7;
text-align: center;
height: 40px;
width: 40px;
font-size: 18px;
line-height: 40px;
color: #FFF;
float: left;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
article .back_forth a:hover, article .back_forth .active {
background-color: #004293;
}
article .uplataimg {
display: block;
width: 300px;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
}
article .t_uplata {
width: 95%;
margin-bottom: 50px;
}
article .t_uplata td {
border: 1px solid #CCC;
padding-top: 15px;
padding-bottom: 15px;
}
article .video {
position: relative;
width: 100%;
height: 0;
padding-bottom: 51%;
margin-top: 15px;
margin-bottom: 15px;
}
article .video iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
article iframe {
width: 100%;
min-height: 300px;
}
article .button {
font-family: 'Barlow Condensed', sans-serif;
height: 50px;
width: auto;
font-size: 17px;
line-height: 50px;
color: #FFF;
background-color: #06C;
padding-right: 20px;
padding-left: 20px;
font-weight: 600;
text-transform: uppercase;
text-align: right;
display: inline-block;
border: 1px solid #CCC;
margin-bottom: 5px;
}
article .but_blue {
background-color: #06C;
}
article .but_black {
background-color: #000;
}
article .but_white {
background-color: #FFF;
color: #06C;
}
article .button:hover {
color: #06C;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #FFF;
}
article .but_white:hover {
background-color: #06C;
color: #FFF;
}
article .fa {
color: #06C;
font-size: 40px;
text-align: right;
display: inline-block;
float: right;
}
.confirmation {
height: auto;
width: 800px;
border: 1px solid #CCC;
padding: 10px;
display: block;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
max-width: 90%;
}
.confirmation td {
margin-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
vertical-align: top;
padding: 10px;
}
.confirmation td img {
height: 40px;
width: 40px;
margin: 0px;
padding: 0px;
}
.confirmation td h3 {
font-size: 22px;
font-weight: bolder;
margin-bottom: 5px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
.confirmation td p {
font-size: 14px;
line-height: 20px;
}
.notification {
text-align: center;	
}
.notification i {
font-size: 50px;
}
.error_message {
color: #930;
background-color: #FCC;
border: 1px solid #F00;
display: block;
padding: 15px;
text-align: center;
width: auto;
margin: 15px;
}
.ok_message {
color: #090;
background-color: #BFB;
border: 1px solid #093;
display: block;
padding: 15px;
text-align: center;
width: auto;
margin: 15px;
}
/**************  vijesti END *****************/

.map {
width: 100%;
height: 500px;
}
.soocial {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0px;
padding-left: 0px;
}
.soocial .soc_single {
height: auto;
width: 20%;
float: left;
}
.soocial .soc_single a {
display: block;
border: 1px solid #CCC;
margin: 5px;
padding: 10px;
text-align: center;
}
.soocial .soc_single a img {
width: 100%;
max-width: 60px;
display: block;
margin-right: auto;
margin-left: auto;
}
.soocial .soc_single a .soctxt {
text-align: center;
font-size: 15px;
color: #666;
}
.contact_icon {
height: 30px;
width: 30px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.contact_detail {
font-size: 20px;
font-weight: 400;
color: #333;
display: block;
float: left;
height: 30px;
line-height: 30px;
}
footer {
color: #666;
}
.topborder {
border-top-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #333;
padding-top: 20px;
}
footer h3 {
color: #CCC;
font-size: 23px;
margin-bottom: 20px;
}
footer p, footer p a {
color: #999;
margin-bottom: 10px;
}
footer ul {
}
footer ul li {
margin-bottom: 12px;
}
footer ul li a {
color: #999;
font-size: 13px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
footer ul li a:hover {
color: #FFF;
}
.logo_ondark {
width: 250px;
display: block;
}
/************************* FORM **************************/
.cmsform {
padding: 15px;
margin: 0px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
background-color: #F6F6F6;
}
.cmsform form {
font-size: 12px;
color: #036;
margin: 0px;
padding: 0px;
}
.cmsform form label {
color: #036;
font-size: 14px;
font-weight: 900;
line-height: 20px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
display: block;
}
.cmsform form label small {
font-size: 12px;
font-weight: 300;
}
.cmsform form input, .cmsform form textarea, .cmsform form select {
padding: 10px;
border: 1px solid #CCC;
margin-bottom: 15px;
font-size: 14px;
font-weight: 300;
width: 96%;
height: 25px;
}
.cmsform form select {
height: 45px;
}
.cmsform form textarea {
height: 100px;
font-family: 'Roboto', sans-serif;
}
.cmsform form .textarea_h {
height: 200px;
}
.cmsform form .form_button {
color: #FFF;
font-size: 13px;
border: 2px solid #005AB5;
height: auto;
width: 60px;
text-align: center;
vertical-align: middle;
line-height: 30px;
background-color: #06C;
font-weight: 700;
text-transform: capitalize;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-top: 0px;
margin-right: 2px;
margin-bottom: 0px;
margin-left: 2px;
padding: 0px;
float: none;
display: inline-block;
}
.cmsform form .form_button:hover {
background-color: #06F;
}
.cmsform form .labelbutton {
display: block;
cursor: pointer;
color: #ffffff;
font-size: 14px;
font-weight: bold;
height: 52px;
line-height: 50px;
margin-top: 0px;
margin-right: 20px;
text-align: left;
overflow: hidden;
background-color: #036;
margin-bottom: 20px;
padding-left: 50px;
background-image: url(../image/strukturne/attach.png);
background-repeat: no-repeat;
background-position: left top;
}
.cmsform form .labelbutton .filefield {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.cmsform form .checkbox {
height: 10px;
width: 10px;
float: none;
display: inline-block;
}
.cmsform form input:focus, .cmsform form textarea:focus {
border: 1px solid #F90;
background-color: #FFF;
}
.cmsform_flex_h {
text-align: center;
color: #FFF;
font-size: 16px;
font-weight: 700;
background-color: #036;
border: 1px solid #036;
padding: 10px;
display: block;
}
.cmsform_flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 15px;
margin: 0px;
background-color: #FFFFFF;
font-size: 12px;
color: #036;
margin: 0px;
padding: 10px;
border: 1px solid #CCC;
}
.few100 {
width: 100%;
}
.few70 {
width: 70%;
}
.few50 {
width: 50%;
}
.few33 {
width: 33%;
}
.few30 {
width: 30%;
}
.cmsform_flex {
margin-bottom: 10px;
}
.cmsform_flex label {
color: #036;
font-size: 14px;
font-weight: 900;
line-height: 18px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
display: block;
}
.cmsform_flex label small {
font-size: 12px;
font-weight: 300;
}
.cmsform_flex input, .cmsform_flex textarea, .cmsform_flex select {
margin-bottom: 0px;
font-size: 14px;
font-weight: 300;
width: 100%;
height: 45px;
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-top-style: none;
border-right-style: none;
border-left-style: none;
color: #666;
}
.cmsform_flex .small {
margin-bottom: 0px;
font-size: 14px;
font-weight: 300;
width: 100%;
height: 25px;
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
.cmsform_flex select {
height: 45px;
}
.cmsform_flex .strong {
height: 45px;
font-weight: bold;
color: #333;
font-size: 16px;
}
.cmsform_flex textarea {
height: 150px;
border: 1px solid #CCC;
}
.cmsform_fle .textarea_h {
height: 200px;
}
.cmsform_flex .form_button {
color: #FFF;
font-size: 13px;
border: 2px solid #06C;
height: auto;
width: auto;
text-align: center;
vertical-align: middle;
background-color: #06C;
font-weight: 700;
text-transform: capitalize;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-top: 0px;
margin-right: 2px;
margin-bottom: 0px;
margin-left: 2px;
padding: 7px;
float: none;
display: inline-block;
cursor: pointer;
}
.cmsform_flex .form_button:hover {
background-color: #06F;
}
.cmsform_flex .labelbutton {
display: block;
cursor: pointer;
color: #ffffff;
font-size: 14px;
font-weight: bold;
height: 52px;
line-height: 50px;
margin-top: 0px;
margin-right: 20px;
text-align: left;
overflow: hidden;
background-color: #036;
margin-bottom: 0px;
padding-left: 50px;
background-image: url(../image/strukturne/attach.png);
background-repeat: no-repeat;
background-position: left top;
}
.cmsform_flex .labelbutton .filefield {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.cmsform_flex .checkbox {
height: 10px;
width: 10px;
float: none;
display: inline-block;
}
.cmsform_flex .checkbox_lbl {
display: block;
margin-bottom: 10px;
}
.cmsform_flex input:focus, .cmsform_flex textarea:focus {
background-color: #FFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #06C;
border-right-color: #06C;
border-bottom-color: #06C;
border-left-color: #06C;
}
.cmsform_flex .edit_photo {
width: 100%;
}
.cmsform_flex .radio {
height: 15px;
width: 15px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 5px;
}
.cmsform_flex .checkbox {
height: 15px;
width: 15px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 25px;
}
.lang {
top: 135px;
right: 0px;
position: absolute;
}
.lang .flag {
float: left;
height: 50px;
width: 50px;
margin-right: 10px;
overflow: hidden;
}
.lang .flag img {
width: 100%;
}
s end {
}
 @media screen and (max-width: 1200px) {
}
 @media screen and (max-width: 980px) {
nav {
font-family: 'Barlow Condensed', sans-serif;
float: right;
}
nav ul {
float: left;
padding-top: 0px;
}
nav ul li {
}
nav ul li a {
color: #FFF;
font-weight: 600;
display: inline-block;
font-size: 17px;
text-transform: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding-top: 0px;
padding-right: 18px;
padding-bottom: 0px;
padding-left: 18px;
height: 100px;
margin: 0px;
line-height: 100px;
}
nav ul li a:hover, nav ul li a.active {
color: #000;
background-color: #FFFFFF;
}
nav ul li ul {
visibility: hidden;
display: block;
position: absolute;
opacity: 0;
background-color: #000000;
height: auto;
width: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-top: -2px;
margin-left: 15px;
overflow: hidden;
z-index: 20;
}
nav ul li:hover ul, nav ul li:active ul {
visibility: visible;
display: block;
position: absolute;
opacity: 1;
}
nav ul li ul {
background-color: rgba(0, 0, 0, 0.7);
}
nav ul li ul li {
}
nav ul li ul li a {
color: #FFF;
margin: 0px;
line-height: 22px;
height: auto;
width: auto;
font-size: 16px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: left;
display: block;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
}
 @media screen and (max-width: 920px) {
.sidenav, nav .hambmenu {
display: inline-block;
visibility: visible;
}
nav ul {
float: left;
display: none;
visibility: hidden;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 40px;
right: 0px;
}
.sidenav a {
text-decoration: none;
font-size: 20px;
color: #CCCCCC;
display: block;
transition: 0.3s;
text-align: left;
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 15px;
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenav .sub_menu {
font-size: 16px;
padding-left: 40px;
color: #999;
line-height: 16px;
}
.sidenav .closebtn {
position: absolute;
top: 20px;
right: 15px;
font-size: 36px;
margin-left: 50px;
}
nav .hambmenu {
padding: 0px;
border: 2px solid #000;
font-size: 25px;
cursor: pointer;
top: 30px;
position: absolute;
display: inline-block;
height: 35px;
width: 35px;
text-align: center;
vertical-align: middle;
line-height: 36px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
right: 15px;
background-color: #FFF;
}
#bigfoto .captionbox {
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
margin-top: 200px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#bigfoto .captionbox h1 {
font-size: 60px;
font-weight: 900;
color: #FFF;
margin-bottom: 20px;
text-shadow: 2px 2px 2px #000;
}
#bigfoto .captionbox h2 {
font-size: 19px;
font-weight: 900;
color: #FFF;
margin-bottom: 20px;
text-shadow: 2px 2px 2px #000000;
padding: 5px;
float: none;
}
#bigfoto .captionbox .button {
font-family: 'Barlow Condensed', sans-serif;
height: 50px;
width: auto;
font-size: 17px;
line-height: 50px;
padding-right: 20px;
padding-left: 20px;
font-weight: 600;
text-transform: uppercase;
text-align: right;
display: inline-block;
}
}
 @media screen and (max-width: 800px) {
#bigfoto {
font-family: 'Barlow Condensed', sans-serif;
height: 400px;
width: 100%;
text-align: center;
padding-top: 20px;
}
#bigfoto .captionbox {
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
margin-top: 70px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#bigfoto .captionbox h1 {
font-size: 50px;
font-weight: 900;
color: #FFF;
margin-bottom: 20px;
text-shadow: 2px 2px 2px #000;
}
#bigfoto .captionbox h2 {
font-size: 16px;
font-weight: 900;
color: #FFF;
margin-bottom: 20px;
text-shadow: 2px 2px 2px #000000;
padding: 5px;
float: none;
}
#bigfoto .captionbox .button {
font-family: 'Barlow Condensed', sans-serif;
height: 50px;
width: auto;
font-size: 17px;
line-height: 50px;
padding-right: 20px;
padding-left: 20px;
font-weight: 600;
text-transform: uppercase;
text-align: right;
display: inline-block;
}
footer {
color: #666;
text-align: center;
}
.logo_ondark {
width: 250px;
display: block;
margin-right: auto;
margin-left: auto;
}
article .vijest-box .img-box {
float: left;
width: 100%;
padding: 0px;
}
article .vijest-box .p-box {
float: right;
width: 100%;
}
}
 @media screen and (max-width: 600px) {
#bigfoto {
font-family: 'Barlow Condensed', sans-serif;
height: 400px;
width: 100%;
text-align: center;
padding-top: 20px;
}
#bigfoto .captionbox {
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
margin-top: 20px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#bigfoto .captionbox h1 {
font-size: 50px;
font-weight: 900;
margin-bottom: 10px;
}
#bigfoto .captionbox h2 {
font-size: 18px;
font-weight: 900;
color: #FFF;
margin-bottom: 10px;
text-shadow: 2px 2px 2px #000000;
padding: 5px;
float: none;
}
#bigfoto .captionbox .button {
font-family: 'Barlow Condensed', sans-serif;
height: 40px;
width: auto;
font-size: 16px;
line-height: 40px;
padding-right: 15px;
padding-left: 15px;
font-weight: 600;
text-transform: uppercase;
text-align: right;
display: inline-block;
margin-bottom: 2px;
}
.few100 {
width: 100%;
}
.few70 {
width: 100%;
}
.few50 {
width: 100%;
}
.few40 {
width: 100%;
}
.few33 {
width: 100%;
}
.few25 {
width: 50%;
}
.few20 {
width: 50%;
}
footer {
color: #666;
text-align: center;
}
.logo_ondark {
width: 250px;
display: block;
margin-right: auto;
margin-left: auto;
}
.soocial .soc_single {
height: auto;
width: 33%;
float: left;
}
article .vijest-box .img-box {
float: left;
width: 100%;
padding: 0px;
}
article .vijest-box .p-box {
float: right;
width: 100%;
}
}
 @media screen and (max-width: 400px) {
p {
font-size: 16px;
color: #888;
line-height: 24px;
margin-bottom: 10px;
}
#bigfoto {
font-family: 'Barlow Condensed', sans-serif;
height: 460px;
width: 100%;
text-align: center;
padding-top: 20px;
}
#bigfoto .captionbox {
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
margin-top: 40px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#bigfoto .captionbox h1 {
font-size: 45px;
font-weight: 900;
margin-bottom: 10px;
}
#bigfoto .captionbox h2 {
font-size: 18px;
font-weight: 900;
color: #FFF;
margin-bottom: 10px;
text-shadow: 2px 2px 2px #000000;
padding: 5px;
float: none;
}
.few100 {
width: 100%;
}
.few70 {
width: 100%;
}
.few50 {
width: 100%;
}
.few40 {
width: 100%;
}
.few33 {
width: 100%;
}
.few25 {
width: 50%;
}
.few20 {
width: 50%;
}
footer {
color: #666;
text-align: center;
}
.logo_ondark {
width: 250px;
display: block;
margin-right: auto;
margin-left: auto;
}
.soocial .soc_single {
height: auto;
width: 50%;
float: left;
}
.contact_detail {
font-size: 18px;
}
article .vijest-box .img-box {
float: left;
width: 100%;
padding: 0px;
}
article .vijest-box .p-box {
float: right;
width: 100%;
}
}
 @media screen and (max-width: 350px) {
header #logo {
width: 80%;
overflow: hidden;
float: left;
margin-bottom: 10px;
}
#bigfoto {
font-family: 'Barlow Condensed', sans-serif;
height: 460px;
width: 100%;
text-align: center;
padding-top: 20px;
}
#bigfoto .captionbox {
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
margin-top: 60px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#bigfoto .captionbox h1 {
font-size: 45px;
font-weight: 900;
margin-bottom: 10px;
}
#bigfoto .captionbox h2 {
font-size: 18px;
font-weight: 900;
color: #FFF;
margin-bottom: 10px;
text-shadow: 2px 2px 2px #000000;
padding: 5px;
float: none;
display: none;
}
.few50 {
width: 100%;
}
.contact_icon {
height: 30px;
width: 30px;
float: none;
margin-right: auto;
margin-bottom: 0px;
display: block;
margin-left: auto;
}
.contact_detail {, font-size: 20px;
font-weight: 400;
color: #333;
display: block;
float: none;
height: auto;
line-height: 30px;
text-align: center;
margin-bottom: 15px;
}
article .vijest-box .img-box {
float: left;
width: 100%;
padding: 0px;
}
article .vijest-box .p-box {
float: right;
width: 100%;
}
article table tr th {
display: block;
border-bottom-style: none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
article table tr td {
padding: 10px;
display: block;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #CCC;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
}
article table tr .t_right {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}
}