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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
html {
    overflow-y: scroll;
}
body, button, input, select, textarea {
	font-size: 16px;
}
body {
    background: #ECEBE9;
    color: #808080;
    padding-right: 0 !important;
    font-family: "ubuntu",sans-serif;
    font-weight: 400;
}
b, strong {
    font-weight: 500;
}
img {
    border: 0 none;
    vertical-align: middle;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main-nav li .sub li a.hidden-link{
    display: none;
}
.no_entry {
    margin-top: 15px;
    line-height: 24px;
    font-weight: 500;
    font-size: 17px;
    min-height: 200px;
}
.none {
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}
.txt-center {
	text-align: center;
}
/*linkovi*/
a , a:visited {color:#1a171b; transition: all ease 0.3s;}
a:hover {color:#67BD52; transition: all ease 0.3s;}

a {
	text-decoration: none;
	font-size: 16px;
    transition: all ease 0.3s;
}
a:focus {
    outline: none;
}
a:hover, a:active {
    outline: 0 none;
}
p { 
    margin-bottom: 15px;
    line-height: 26px;
    font-weight: 300;
    font-size: 16px;
    color: #808080;
}
.popup-container {
    max-width: 680px;
    margin: 47px auto;
    padding: 40px 45px;
    /*background: rgba(255, 248, 223, 0.8) none repeat scroll 0% 0%;*/
    background: #D3C197;
    position: relative;
}
/*naslovi*/
h1, h2, h3, h4, h5, h6 {
    clear: both;
}
.red {
    color:#bd0926;
}
h1 {
    font-size: 30px;
    width: 100%;
    padding: 0px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.dark-blue h1 {
    color: #FFF;
    
    margin-bottom: 0;
}
.dark-blue .aleft{
    max-width: 80%;
}
.dark-blue p {
    color: #828a93;
   margin-bottom: 40px;
    margin-top: 13px;
    font-size: 20px;
}
h2 {
    font-size: 22px;
    font-weight: 400;
    text-align: left;
    line-height: 32px;
}
.content h2 {
    color: #333;
    min-height: 50px;
    font-size: 26px;
}
.content h1.main-title{
    color: #333;
    min-height: 50px;
    font-size: 25px;
    line-height: 33px;
    margin-bottom: 25px;
    text-transform: none;
    font-weight: 400;
}
h3 {
    font-size: 24px;
    text-transform: none;
    color: #444;
    margin-bottom: 17px;
    margin-top: 3px;
}
h4 {
    font-size: 12px;
}
h5 {
    font-size: 10px;
}
h6 {
    font-size: 8px;
}
/**/
fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 24px;
    padding: 11px 12px 0;
}
legend {
    white-space: normal;
}
ul {
    font-size: 15px;
}
button, input, select, textarea {
    -moz-box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}
.button {
        margin-top: 20px;
}
button, input {
    line-height: normal;
}
input, textarea {
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
}
input[type="search"] {
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table, th, td {
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    width: 100%;

}
caption, th, td {
    text-align: left;
}
th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
}
td {
    border-width: 0 1px 1px 0;
}
del {
    color: #767676;
}
hr {
    border: 0;
    height: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
    background: #80919f;
}

input, textarea {
   /* border: 1px solid rgba(0, 0, 0, 0.1);*/
    border-radius: 2px;
    color: #2B2B2B;
    padding: 8px 10px 7px;
}
textarea {
    width: 100%;
}
input:focus, textarea:focus {
    border: 0 none;
    outline: 0 none;
    border: 1px solid #D41C5D;
}
.search-field {
    width: 100%;
}
.search-submit {
    display: none;
}
img {
    max-width: 100%;

}

embed, iframe, object, video {
    margin-bottom: 24px;
    max-width: 100%;
}
p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {
    margin-bottom: 0;
}
blockquote.alignleft, img.alignleft {
}
.clearfix {
    clear: both;
    width: 100%;
    height: 1px;
    margin-top: -1px;
	display:block;
}

/*footer*/

.v {
    display: block;
    opacity: 1;
    margin-top: 9px;
    padding: 0px;
}

/**/
.aleft {
    float: left !important;
    left: 0;
}
.aright {
    float: right !important;
    right:0;
}
.last {
    margin-right: 0;
}
/**/

/*kontakt forma*/

.kontakt_forma {
    width:100%;
    margin:0px auto;
}
.kontakt_forma input {
    margin-bottom: 15px;
}
input[type="text"], textarea, button, a.button, a, input[type="file"] {
    transition: box-shadow 0.5s ease 0s, border 0.5s ease 0s, background 0.5s ease 0s;
}
label {
    font-size: 14px;
    padding: 8px 0;
}
input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f1f1f1;
    display: block;
    padding: 8px 3px;
    text-indent: 7px;
    vertical-align: middle;
    width: 100%;
    font-size: 14px;
    border-radius: 0px;
    font-family: "Open Sans";
    min-height: 28px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
input[type="text"]:focus, textarea:focus,select:focus, input[type="file"]:focus, input[type="password"]:focus {
    border: 1px solid #0ebbe6;
    outline: medium none;
}
.kontakt_forma input.btn:focus , .kontakt_forma input.btn:hover{
    border-bottom: 10px solid #0EBBE6;
}
.kontakt_forma input.btn{
    border-bottom: 10px solid #67BD52;
}
input.btn:focus{
border: 0 none;
}
textarea {
    height: 200px;
    background: #fff;
    border: 1px solid #f1f1f1;
    display: block;
    margin-bottom: 10px;
    padding: 8px 3px;
    text-indent: 5px;
    vertical-align: middle;
    width: 100%;
    font-size: 14px;
    font-family: 'Open Sans';
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.hidden-images.visible{
    opacity: 1;
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
}
.hidden-images{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
}
button, a.btn, a.btn:visited, a.button, a.button:visited, input[type="submit"], input[type="reset"], input[type="button"] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity:1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 19px;
    line-height: 30px;
    float: right;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    border: 0 ;
    border-bottom: 14px solid #67BD52;
    transition: all 0.3s ease 0s;
    background: #323E4D none repeat scroll 0% 0%;
    padding: 10px 25px 10px;
    font-weight: 400;
    font-family: 'Open Sans';

}

button:hover, a.btn:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    border-bottom: 14px solid #0ebbe6;
}

input.radio{
	width:auto;
	float:left;
	margin:8px 10px 0 0;
}
/*Kontakt Forma*/

 #kontakt-forma  {
    float: left;
    width: 100%;
    margin: 20px 0;
 }
#kontakt-forma label, #kontakt-forma input ,#kontakt-forma textarea{
  width: 100%;
  float: left;
  font-size: 14px;
  color: #404041;
}
#kontakt-forma input{

}
#kontakt-forma input.btn{

}
.top-login {
    /*background: #BD0926;*/
    background: rgba(181, 11, 31, 1) none repeat scroll 0% 0%;
    color: #fff8ee;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 1000;
    left: 0px;
    text-align: right;
    padding: 4px 0px;
    font-size: 14px;
}
.odjava {
    
}
.odjava:hover {
    background: #252121;
}
.odjava img {
    width: 22px;
}
a.profile {
    color: #fff8ee;
    font-size: 14px;
    line-height: 29px;
}
a.profile:hover {
    color: #fff;
}
.profile:hover img {
    background: #252121;
}
.profile img {
    width: 22px;
    margin-top: -3px;
    margin-left: 8px;
    transition: all ease 0.3s;
}
.w3.chck {
    padding: 12px;
    text-align: left;
}
.chck label {
    font-size: 15px;
    line-height: 16px;
}
.chck label {
    margin-left: -18px;
}
.chck input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    background:url(../images/chck.png) left top no-repeat;
    margin-right: 12px;
    cursor: pointer;
    margin-bottom: -4px;
    transition: all ease 0.3s;
    border: 1px solid #bd0926;
}
.chck input[type="checkbox"]:checked + label span {
    background:url(../images/chck.png) right top no-repeat;
} 
.chck input[type="checkbox"] {
    float: left;
    width: 19px;
    height: 19px;
    opacity: 0;
    display: block;
    cursor: pointer;
    z-index: 5000;
}
.txt_error {
  background-image: url(../images/error.png);
  background-position: right 10px center;
  background-repeat: no-repeat;
  border: 1px solid #e81500 !important;
}
.btn.send {
    margin-top: 0;
	max-width: 310px;
	float: none;
}
.error {    
    padding: 15px;
    border: 1px solid #bd0926 !important;
    background: #FFBDBD;
    font-size: 13px;
    margin-bottom: 20px;
}
.success {
    background-image: url(../images/sucess-32.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    border: 1px solid #7ac143;
    padding: 15px;
    background: #d2f2ba;
    font-size: 13px;
    margin-bottom: 20px;
}
.chck.txt_error {
    background: 0 none;
    border: 0 none !important;

}
.chck.txt_error label{
    color: #e81500 !important;
}
.chck.txt_error label a {
    color: #e81500 !important;
}
.txt_error_img {
  background-image: url(../images/error-32.png);
  background-position: left 15px center;
  background-repeat: no-repeat;
  border: 1px dashed #e81500;
  padding: 15px 15px 15px 55px; 
}
#kontakt-forma .btn.send{
  background: #bd0926;
  color: #fff;
  padding: 5px;
  border:none;
  text-transform: uppercase;
}
.maps {
	position: relative;
}
.map {
	height: 480px;
}
#map {

}
.tabs-container.active{
	opacity: 1;
	z-index: 1000!important;
	transition::all ease 2s;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.tabs-container{
	opacity: 0;
}
/*end kontakt forma*/
li {
    margin-left: 20px;
    margin-bottom: 2px;
    font-weight: 300;
    font-size: 16px;
    color: #808080;
    line-height: 19px;
}
.content ul {
    list-style-type: none;
}
.content li {
    background-image: url("../images/list-img.png");
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding: 6px 0 2px 18px;
    margin-left: 0px;
}
.aleft {
    float: left !important;
}
.aright {
    float: right !important;
}
.last {
    margin-right: 0 !important;
}
.radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.active, a.active {
    color: #fff;
    /*font-weight: bold;*/
}
.main-nav li a.active{
    color: #fff;
}
/**/
.row {
    width: 100%;
    clear: both;
    float: left;
}
.center {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}
.search{
    float: right;
    position: relative;
    margin-right: 0px;
    width: 270px;
    background: #d5e3ea;
    max-width: 49%;
}
.search .hidden-search {
    overflow: hidden;
    opacity: 0;
}
.search_input {
    background: transparent;
    border: 0 none;
    display: block;
    margin-bottom: 0;
    padding: 11px 34px 14px 10px;
    text-indent: 5px;
    vertical-align: middle;
    width: 100%;
    font-size: 14px;
    border-radius: 0px;
    border: 1px solid #D5E3EA;
    color: #808080;
    font-weight: 300;
}
input.search_input[type="text"]:focus {
    border: 1px solid #fff;
    outline: medium none;

    
}
.search-toggle {
	width: 44px;
    height: 38px;
    display: block;
    float: left;
    background: #526E71 url("../images/search.png") no-repeat scroll center center;
    margin-right: 10px;
    margin-top: 4px;
    margin-bottom: 3px;
    position: absolute;
    top: 0px;
    right: -54px;
}
.search-toggle:hover {
    background: url("../images/search.png") center center no-repeat #fff;
}

.search .search-btn {
	height: 39px;
    padding: 0px;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 1000;
    display: block;
    border: 0px none;
    margin-bottom: 0px;
    width: 45px;
    background: url("../images/search.png") center center no-repeat;
}
.search input.search-btn:hover {
	background: url(../images/search.png) no-repeat scroll center center #fff;
    border:0 none;
}
.header {
    background: #DFDFDF;
    z-index: 1000;
    position: relative;
}
.header .center {
    background: #323E4D;
    padding: 50px 50px 0px;
    border-bottom: 4px solid #BFD4DF;
}
.main-nav {
	display: block;
	list-style-type: none;
	text-align: right;
    float: right;
    margin-top: 20px;
    margin-right: 30px;
}
.main-nav li {
    display: inline-block;
	margin-left: 0;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: -1px;
}
.main-nav li a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #BFD4DF;
    padding: 14px 13px 35px;
    position: relative;
    margin-bottom: -3px;
    transition: all ease 0.3s;
}
.main-nav li a:hover {
    color: #fff;
}
.main-nav li a span {
    width: 22px;
    height: 1px;
    background: transparent url("../images/nav-arrow.png") no-repeat scroll center top;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -11px;
    opacity: 0;
    transition: all ease 0.3s;
}
.main-nav li:hover a span , .main-nav li a.active span , .main-nav li a.collapsed span{
    width: 22px;
    height: 10px;
    background: transparent url("../images/nav-arrow.png") no-repeat scroll center top;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -11px;
    opacity: 1;
}
.main-nav li .sub li {
    display: block;
    text-align: left;
    background: #323E4D;
    padding: 0 0px;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #6a7a8a;
}
.main-nav li .sub li a{
    background: #323E4D;
    display: block;
    font-family: 'Open Sans';
    padding: 9px 14px 13px;
    font-size: 16px;
}
.main-nav li .sub li a:hover{
    background: #67BD52;
}
.main-nav li:hover .sub {
    display: block;
}
.sub {
    position: absolute;
    width: 230px;
    display: none;
    background: #323E4D;
    border-top: 4px solid #fff;
    padding-top: 0;
    padding-bottom: 0;
}

.logo {
    display: block;
    float: left;
    margin-top: -14px;
    margin-bottom: 5px;
}
.logo img {
    width: 198px;
    height: auto;
    margin-top: -10px;
}
/**/
.lang {
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 43px;
    margin-bottom: 5px;
    margin-top: -20px;
    }
.lang a{
    color: #f1f1f1;
    font-weight: 300;
    font-size: 12px;
    padding: 3px 3px 2px;
}
.lang a.active {
    border-bottom: 2px solid #67BD52;
}
.lang a.active:hover{
    border-bottom: 2px solid #0ebbe6;
}
.lang a:hover{
    color: #fff;
}
.center.white .w3 {
    padding: 6.5% 3% 0%;
    color: #323E4D;
}
.center.white .w3 img {
    float: left;
    margin-right: 5%;
    max-width: 100px;
    margin-top: 3px;
}
.center.white .w3 .title{
    font-size: 28px;
    font-weight: 400;
}
.center.white .w3 p{
    color: #7EA8C0;
    font-size: 15px;
    padding-top: 10px;

}
.header .center.white-border {
    border-bottom: 4px solid #fff;
    z-index: 1000;
    position: relative;
}
.w75{
    width: 76.5%;
    display: block;
    float: left;
}
.subtitle{
    text-transform: uppercase;
    font-weight: 300;
    font-size: 17px;
    color: #78A5BB;
    display: block;
    margin-bottom: 10px;
    line-height: 24px;
}
.end{
    display: block;
    margin-top: 14px;
    font-weight: 300;
}
.article.projects p {
    margin-bottom: 15px;
}
.article.projects.expanded .hide{
    display: none;
    transition: all ease 0.5s;
}
.article.projects.expanded .show{
    display: block;
    transition: all ease 0.5s;
}

.article.projects .hide{
    display: block;
}
.article.projects .show{
    display: none;
}
.article.projects.expanded .w5.left-side{
    margin-bottom: 13px;
    
}
.article.projects .w5.left-side{
    background: url(../images/povecalo.png) center center no-repeat #fff;
}
.article.projects .w5.left-side img{
    transition: all ease 0.3s;
    opacity: 1;
}
.article.projects .w5.left-side:hover img{
    opacity: 0.3;
}
.article .row a{
    min-width: 55%;
    display: block;
    float: left;
    font-size: 24px;
    color: #333;
    padding-bottom: 13px;
    border-bottom: 5px solid #DFDFDF;
}
.article .row h2{
    min-width: 55%;
    display: block;
    float: left;
    font-size: 24px;
    color: #333;
    padding-bottom: 13px;
    border-bottom: 5px solid #DFDFDF;
}
.article .w5.left-side{
    width: 55%;
    display: block;
    float: left;
    margin-right: 3.5%;
    margin-bottom: -15px;
    margin-top: -20px;
}
.article .row{
    border-bottom: 3px solid #DFDFDF;
    margin-bottom: 27px;
}
.article.projects.certifikati .left-side{
    float: right;
    margin-right: 0px;
    width: 45%;
    margin-left: 3.5%;
}
.arrow-btn {
	padding-right: 25px;
	font-size: 15px;
	line-height: 45px;
    display: block;
    float: left;
    background: transparent url("../images/arrow.png") no-repeat scroll 94% center;
    transition: all ease 0.3s;
    padding-left: 8px;
}
.arrow-btn:hover {
    background: transparent url("../images/arrow.png") no-repeat scroll 98% center;
    color: #1a171b;
}
.arrow-btn.collapsed {
    background: transparent url("../images/arrow-x.png") no-repeat scroll 98% center;
}
.main-chck {
    /*background: rgba(181, 11, 31, .8);*/
    background: rgba(26, 23, 27, 0.8) none repeat scroll 0% 0%;
    padding: 15px 12px 8px;
    float: left;
    width: 100%;
}
.main-chck label {
	color: #FFF8EE;
	text-transform: uppercase;
}
.clearfix.line{
    background: #e1e1e1;
    height: 1px;
    margin: 15px 0 30px;
    float: left;
}
.left {
	width: 25%;
	float: left;
    padding-top: 5%;
    padding-right: 35px;
}
.content{
    float: right;
    width: 75%;
    padding: 5% 4% 5% 3.5%;
    background: #fff;
    min-height: 350px;
}
.content a {
    color: #78A5BB;
    font-weight: 400;
}
.content a:hover {
    color: #545454;
}
.content a.subtitle{
    text-transform: uppercase;
    font-weight: 300;
    font-size: 17px;
}
span.letter{
    font-size: 91px;
    color: #D3D3D3;
    font-weight: 600;
    float: left;
    display: inline-block;
    line-height: 72px;
    margin-right: 20px;
    width: 100px;
    margin-bottom: -3px;
    height: 81px;
    text-align: center;
    padding-left: 9px;
}

.light-gray {
    background: #F7F7F7;
}
.left-toggle {
	display: none;
}
.left ul {
	list-style-type: none;
	width: 100%;
    margin-bottom: 30px;
}
.left ul li {
	display: block;
	margin-left: 0;
}
.left ul li a{
    color: #8396B4;
    display: block;
    transition: all ease 0.3s;
    padding-left: 50px;
    font-weight: 300;
    font-size: 17px;
    padding: 0px 0px 0px 50px;
}
.left ul li a span {
    padding: 7px 15px 7px 0px;
    border-bottom: 1px solid #e1e1e1;
    display: block;
    line-height: 22px;
    font-size: 15px;
}
.left ul li a:hover{
    color: #667894;
}
.nav-left li a.active {
    background: transparent url("../images/arrow-gray.png") no-repeat scroll left 8px;
    font-weight: 400;
    color: #667894;
}
.left h2 {
    margin-left: 50px;
    border-bottom: 3px solid #e1e1e1;
    color: #323F4F;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-size: 17px;
    padding-bottom: 10px;
    margin-bottom: 12px;
    margin-top: 0px;
    font-weight: 600;
}
.main {
    z-index: 100;
    position: relative;
    overflow: hidden;
    padding: 0px 10px;
}
.main .center.white {
    background: #fff;
}
.slider {
    list-style-type: none;
}
.slider li {
    margin-left: 0;
    position: relative;
}
.description {
    position: absolute;
    bottom: 0;
}
.description .title {
    color: rgb(255, 255, 255);
    width: auto;
    padding: 15px 40px 15px 40px;
    background: rgb(40, 40, 40);
    background: rgba(40, 40, 40, .8);
    display: block;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 500;
    float: left;
    clear: both;
}
.description p {
    color: rgb(255, 255, 255);
    width: auto;
    padding: 15px 40px 15px 40px;
    background: rgb(40, 40, 40);
    background: rgba(40, 40, 40, .8);
    display: block;
    margin-bottom: 30px;
    font-size: 24px;
    float: left;
    clear: both;
}
.w3 {
    width: 33.33%;
    float: left;
}
.w4 {
    width: 38.5%;
    float: left;
}
.w6 {
    width: 61.5%;
    float: left;
}
.w7 {
    width: 66.6%;
    float: left;
}
.w5 {
    width: 48%;
    float: left;
}
.w25 {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    position: relative;
}
.content .w3 {
    width: 32%;
    float: left;
    margin-right: 2%;
}
.frame {
    padding: 4.5%;
    float: left;
    width: 100%;
}
.dark-blue {
    background: #323E4D;
    padding: 40px 4.5% 0px;
    position: relative;
}

.medium-blue {
    background: #425061;
    padding: 25px 4.5%
}
.medium-blue h2 {
    font-size: 28px;
    font-weight: 400;
    text-align: left;
    line-height: 37px;
    color: #fff;
}
.btn.green{
    background: rgb(103, 189, 82) none repeat scroll 0% 0% !important;
    border-bottom: 0px none;
    position: absolute;
    right: 4.5%;
    top: 50%;
     -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.btn.green:hover{
    border-bottom: 0;
}
.medium-blue h2 span {
    height: 75px;
    display: table-cell;
    vertical-align: middle;
}
.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: rgb(26, 23, 27);
    background: rgba(26, 23, 27, .7);
    z-index: 10;
}
h2 a{
    margin-top: 5px;
}
.gallery .w5 {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    margin-top: 15px;
}
.gallery.aright{
    max-width: 64%;
    float: right;
    margin-left: 3%;
}
.footer {
    background: #DFDFDF;
    text-align: center;
    z-index: 100;
    position: relative;
    padding-top: 25px;
}
.footer .center {
    padding: 2.5%;
    background: #323E4D;
}
.footer .center.gray {
    padding: 2.5%;
    background: #DFDFDF ;
    padding-top: 18px;
    padding-bottom: 20px;
}
.copy{
    float: right;
    padding-left: 10px;
    background: url(../images/tocka.png) center left no-repeat;
    color: #8497B3;
    font-size: 15px;
    line-height: 25px;
}
.footer-linkovi {
    float: right;
    margin-right: 4px;
}
.footer-linkovi a{
    color: #8497B3;
    font-size: 15px;
    line-height: 25px;
}
.footer-linkovi a:hover{
    text-decoration: underline;
}
.footer .center p {
    text-align: left;
    color: #8497b3;
    height: 146px;
    display: table-cell;
    vertical-align: bottom;
    margin: 0px;
    padding-right: 20px;
    font-size: 18px;
}
a.partner{
    float: left;
    display: block;
    margin-top: -3px;
}
.footer-logo{
    margin-top: 20px;
    display: block;
    margin-top: 57px;
}
.img-link {
    max-width: 200px;
    display: block;
    float: left;

}
.footer-nav a {
    width: 48%;
    float: left;
    color: #fff;
    border-bottom: 2px solid #4c596c;
    padding: 16px 9px 9px 9px;
    font-size: 18px;
    text-align: left;
}
.contact-container{
    display: none;
    padding: 19px  19px 25px;
    color: #D8DBDE;
    font-weight: 400;
    line-height: 22px;
    font-family: "Open Sans";
    font-size: 14px;
}
.contact-container a{
     color: #fff;
    font-weight: 400;
    line-height: 22px;
    font-family: "Open Sans";
    font-size: 15px;
}
.contact-container.active{
    display: block;
}

.txt {
    padding: 3% 3%;
    background: rgb(221, 193, 146);
    background: rgba(221, 193, 146, .7);
}
.txt ul {
    list-style-image: url(../images/dot.png);
}
.txt h2 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    line-height: 23px;
    margin-bottom: 20px;
}
.txt p {
    font-weight: 600;
    font-size: 14px;
}
.news-title {
	color: #444;
	display: block;
	background: transparent url(../images/news-arrow.png) no-repeat scroll -50px 25px;
	padding: 25px 15px 0px 20px;
	font-family: "Open Sans";
	line-height: 20px;
	padding-bottom: 60px;
	position: relative;
	transition: all ease 0.3s;
}
.news .w25 {
    border-bottom: 3px solid #E6E6E6;
}
.news a.w25:hover {
	background: #323E4D;
	border-bottom: 3px solid #67BD52;
}
.news a.w25:hover .news-title {
	color: #fff;
	background: transparent url("../images/news-arrow.png") no-repeat scroll 0px 25px;
}
.news a.w3:hover {
    background: #323E4D;
    border-bottom: 3px solid #67BD52;
}
.news a.w3:hover .news-title {
    color: #fff;
    background: transparent url("../images/news-arrow.png") no-repeat scroll 0px 25px;
}


.news h1{
	font-weight: 400;
}
.date {
    display: block;
    color: #8396B4;
    font-family: "ubuntu",sans-serif;
    position: absolute;
    bottom: 15px;
    font-size: 14px;
}
.left a.broshure {
    position: relative;
    bottom: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    width: auto;
    margin-left: 50px;
}
a.broshure {
    display: block;
	color: #8396B4;
	font-weight: 400;
	font-size: 14px;
	position: absolute;
	bottom: 17px;
    width: 100%;
}
a.broshure span {
	color: #333;
	font-weight: 400;
	margin-bottom: 4px;
	font-size: 16px;
	display: inline-block;
	font-family: 'Open Sans';
}
.broshure img{
    float: left;
    margin-top: 6px;
    opacity: 0.4;
    width: 19%;
    transition: all 0.3s ease 0s;
    margin-right: 6%;
    transition: all ease 0.3s;
    max-width: 44px;
}
a.broshure:hover img{
    opacity: 1;
}
.contacts {
	position: absolute;
	top: 60px;
	z-index: 1100;
	left: 4.5%;
	width: 250px;
	background: rgb(66, 80, 97) none repeat scroll 0% 0%;
	min-height: 200px;
}
.tabs a {
	background: #323E4D;
	display: block;
	padding: 15px 20px;
	color: #fff;
}
.tabs a.active {
	background: #67BD52;
}
.light-blue .center {
    background: #BFD4DF;
    padding: 25px 2.9%;
}
.light-blue h1 {
    float: left;
    max-width: 50%;
    clear: none;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    text-transform: none;
    font-family: "Open Sans";
    margin-bottom: 0;
    margin-top: 9px;
}
.light-blue a {
    float: left;
    max-width: 60%;
    clear: none;
    font-size: 22px;
    font-weight: 300;
    color: #FFF;
    text-transform: none;
    font-family: "Open Sans";
    margin-bottom: 0px;
}
.content a.title-link {
    font-size: 17px;
    text-transform: uppercase;
    color: #444;
    margin-bottom: 10px;
}
.txt-img {
    float: left;
    margin-right: 4%;
    max-width: 47%;
    margin-bottom: 10px;
}
.title2 {
    width: 100%;
    display: block;
    margin-bottom: 32px;
    color: #333;
    font-size: 19px;
    margin-top: 20px;
}
.title-left {
    max-width: 370px;
    float: left;
    margin-right: 4%;
    color: #78A5BB;
    border-right: 1px solid #666;
    padding-right: 20px;
    text-align: right;
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 10px;
}
.quote {
    padding: 25px 25px 25px 110px;
    background: #F7F7F7 url("../images/quote.png") no-repeat scroll 29px 28px;
    margin: 50px 0;
}
.quote span {
    color: #444;
    margin: 17px 0 8px;
    display: block;
}
.galerija {
    position: relative;
    float: right;
    width: 100%;
}
.galerija .w3{
    width: 31.6%;
    float: left;
    margin-right: 2.6%;
    margin-bottom: 2.6%;
    background: #B0CFDF;
}
.galerija .w3 img {
/*    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    opacity: 0.3;
    transition: all ease 0.3s;*/
}
.content .photogallery  li {
    padding: 0;
}
.galerija .w3:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    opacity: 1;
}  
.galerija.aright {
    position: relative;
    float: right;
    max-width: 61%;
    margin-left: 3%;
}
.content .galerija a.hidden-images.visible {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 100;
    position: relative;
    width: auto;
    height: auto;
}
.left-side.hidden-images{
    width: 1px !important;
    overflow: hidden;
}
.galerija a.hidden-images {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    z-index: -1; 
}
.article .img-container{
    float: left;
    width: 54%;
    margin-left: 0%;
    margin-right: 3%;
}
.article.aright .img-container{
    float: right;
    margin-left: 3%;
    margin-right: 0%;
}
.article h3 {
    clear: none;
}
.article {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 5%;
}
.article.border-bottom {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 35px;
}
.article p {
    margin-bottom: 0;
}
.more {
    padding-left: 18px;
    background: transparent url("../images/list-img.png") no-repeat scroll left -4px;
    line-height: 35px;
}
.content a.more-btn{
    position: absolute;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    bottom: -19px;
    padding: 10px;
    display: block;
    right: 21%;
    min-width: 100px;
    text-align: center;
    margin-right: -50px;
    font-size: 16px;
    font-weight: 300;
    color: rgb(126, 168, 192);
}
.content a.more-btn:hover {
    color: #667894;
}
.content a.more-btn.collapsed{
    background: url(../images/up.png) center center no-repeat #fff;
    text-indent: -9999px;
    overflow: hidden;
    transition: all ease 0s;
}
.slider-container{
    width: 100%;
    float: left;
    display: none;
    margin-bottom: 2.6%;
}
.slider-container li {
    margin-left: 0;
    position: relative;
}
.slider-container .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 49%;
    margin-top: -16px;
    outline: 0px none;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    z-index: 9999;
    bottom: auto;
}
.bigger{
    position: absolute;
    top: 0px;
    width: 56px;
    height: 50px;
    display: block;
    background: url("../images/bigger.png") no-repeat scroll center center;
    transition: all 0.3s ease 0s;
    opacity: 0.8;
    right: 0;
}
.bigger:hover{
    opacity: 1;
}
.slider-container .bx-wrapper{
    transition: all ease 0.5s;
}
.slider-container .bx-wrapper .bx-controls-direction a.bx-next {
    background-image: url("../images/next.png");
    background-position: center center;
    background-repeat: no-repeat;
    right: 0px;
    opacity: 0.8;
    transition: all ease 0.3s;
}
.slider-container .bx-wrapper .bx-controls-direction a.bx-next:hover {
    background-image: url("../images/next.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(103, 189, 82, 0.8);
    right: 0px;
    opacity: 1;
}
.slider-container .bx-wrapper .bx-controls-direction .bx-prev {

    background-image: url("../images/prev.png");
    background-position: center center;
    background-repeat: no-repeat;

    transition: all ease 0.3s;
    opacity: 0.8;
    left: auto;
}
.slider-container .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background-image: url("../images/prev.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(103, 189, 82, 0.8);
    transition: all ease 0.3s;
    opacity: 1;
}
.slider a {
    color: #fff;
}
.footer-logo img{
    opacity: 0.5;
}
.footer h2{
    text-transform: uppercase;
    color: #FFF;
    font-size: 17px;
    font-weight: 500;
    height: 53px;
    vertical-align: top;

}
.footer .footer-nav h2{
    color: #b1cfde;
}
.frame .bx-wrapper .bx-prev {
    left: 0px;
    left: auto;
    background-image: url("../images/prev.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
}
.frame .bx-wrapper .bx-next {
    right: 0px;
    left: auto;
    background-image: url("../images/next.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
}
.frame .bx-wrapper .bx-prev:hover {
    left: auto;
    background-image: url("../images/prev.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(103, 189, 82, 0.8);
}
.frame .bx-wrapper .bx-next:hover {
    left: auto;
    background-image: url("../images/next.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(103, 189, 82, 0.8);
    
}


.cookie-container {
    margin: 0px auto;
    padding: 30px;
}
#cookie {
    width: 100%;
    position: fixed;
    z-index: 5000;
    bottom: 0px;
    left: 0px;
    background-color: rgba(50, 62, 77, 0.8);
}
#cookie p {
    width: 78%;
    float: left;
    color: #FFF;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 19px;
}
#cookie input {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    max-width: 138px;
    line-height: 21px;
    cursor: pointer;
    float: right;
    margin-top: 0px;
    padding: 10px 30px;
    border: medium none;
    text-transform: uppercase;
}
.article.certifikati.border-bottom {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 72px;
}
.content ul.partners-list{
    list-style-type: none;
    list-style-image: none;
}
.partners-list li {
    margin-left: 0;
    list-style-image: none;
    margin-bottom: 10px;
}
.partners-list li a{
    padding-left: 30px;
    background: url(../images/partners-list.png)  left 3px no-repeat;
    font-size: 23px;
    color:#333;
}
.partners-list li span{
    padding-left: 30px;
    background: url(../images/partners-list.png) left 3px  no-repeat;
    font-size: 23px;
    color:#333;
    font-weight: 400;
}
.contact-container p {
    margin-bottom: 15px;
    line-height: 26px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}
.footer-nav.en a{
    min-height: 72px;
}
.sub2{
    background: #425061;
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    width: 230px;
}
.main-nav li .sub li:hover .sub2{
    display: block;
}
.main-nav li .sub li .sub2 a{
    background: #425061;
}
.main-nav li .sub li .sub2 a:hover{
    background: #67bd52;
}