body {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	color: #333333;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center top;
}

/*html, body {
	height: 100%;
}*/
.space7 { margin-top:7px; }
.space10 { margin-top:10px; }
.space15 { margin-top:15px; }
.space17 { margin-top:17px; }
.space20 { margin-top:20px; }
.space25 { margin-top:25px; }
.space27 { margin-top:27px; }
.space30 { margin-top:30px; }
.space35 { margin-top:35px; }
.space40 { margin-top:40px; }
.space50 { margin-top:50px; }
.space60 { margin-top:60px; }
.space70 { margin-top:70px; }
.space80 { margin-top:80px; }
.space100 { margin-top:100px; }
.space130 { margin-top:130px; }
.mb20{margin-bottom: 20px;}
.space-40 { margin-top:-40px; }

.ui-icon, .ui-widget-content .ui-icon {
	background-image: url("../images/ui-icons_ffffff_256x240.png")!important;
	margin-right: 5px;
	margin-top:1px;
}

.left5 {
	margin-left: 5px;
}
.left10 {
	margin-left: 10px;
}
.left20 {
	margin-left: 20px;
}
.left35 {
	margin-left: 35px;
}
.left-15 {
	margin-left: -15px;
}
.left40 {
	margin-left: 40px;
}
.left60 {
	padding-left: 60px;
}
.right10 {
	margin-right: 20px;
}
.right20 {
	margin-right: 20px;
}
.right-15 {
	margin-right: -15px;
}
.padding10-right {
	padding-right: 10px;
}
.space150 { margin-top: 150px; }

.space-h2 {
	padding-top: 22%;
}


.bg-opacity {
	background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


a {

}

a:hover, a:focus {
	text-decoration: none;
	color: #008BB2;
}
.text-zuto{
	color: #EF7701;
}
.h1 {
	color:#333;
	font-size: 30px;
	font-weight: 600;
}

.h1, h1 {
    font-size: 32px;
}

.h2 {
	color: #333;
	margin-top: 10px!important;
	margin-bottom: 0!important;
	font-weight: normal;
	font-size: 30px;
}

.h4 {
	font-weight: 300;
	color: #333;
	margin-top: 10px;
	font-size: 18px;
}
.topnavbar {
	background: #fff;
	border-radius: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-top: 0px;
	width: 100%;
	z-index: 2;
	-webkit-transition: all .800s;
	-moz-transition: all .800s;
	-o-transition: all .800s;
    transition: all .800s;
    top: 0;
}

ul {
 display: flex;
 flex-direction: column;
 align-items: start;
 list-style-type: none;
}
ul li a {
 position: relative;
 display: block;
 text-decoration: none;
 font-size: 2rem;
 color: #ecf0f1;
 /*text-transform: uppercase;*/
 padding: 4px 0;
 transition: 0.5s;
}
ul li a::after {
 position: absolute;
 content: "";
 width: 100%;
 height: 7px;
 top: 100%;
 left: 0;
 background: #EF7701;
 transition: transform 0.5s;
 transform: scaleX(0);
 transform-origin: right;
}
ul li a:hover {
 color: #95a5a6;
}
ul li a:hover::after {
 transform: scaleX(1);
 transform-origin: left;
}
.zuto a{
	color:#333;
}
.zuto:hover a{
	color:#EF7701;
}
.sticky {
	position:fixed;
	top:0;
	width: 100%;
	z-index: 2;
	margin-top: 0!important;
	background: #fff!important;
	/*border-bottom: 1px solid #EF7701!important;*/
	-webkit-transition: all .800s;
	-moz-transition: all .800s;
	-o-transition: all .800s;
    transition: all .800s;
}
.navbar-brand {
	width: 270px;
	padding: 8px 0;
    height: auto;

}

.sticky .wsmenu-list {
    margin: 10px auto 10px auto;
	-webkit-transition: all .800s;
	-moz-transition: all .800s;
	-o-transition: all .800s;
    transition: all .800s;
}

.header2{
	background-color: #fff;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:  center ;
	z-index: 2;
}

.space-line{
	line-height: 32px;
}

.white {
	color: #fff;
	text-align: left;
	margin-left: 10px;
}

.white-h2 {
	color: #fff;
	font-size: 18px;
	margin-left: 10px;
}

.color-text{
	color: #455C57;
	text-align: left;
}

.logo-text {
	color: #9C9791;
	margin-bottom: 20px;
	padding-left: 30px;
	font-size: 13px;
	font-weight: bold;
}
.navbar-right {
	margin-top: 40px;
	margin-right: 55px;

}

.glyphicon {
	color: #fff;
	margin-left: 0 !important;
	margin-right: 5px !important;
}

h3 {
	font-weight: 500;
	color: #333;
	margin-top: 10px;
	font-size: 18px;
}

.width100{
	width: 100%;
}

.height60{
	max-width: 100%;
	height: 100px;
}
h3.pm-head {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0;
    text-align: center;
}
ul.pm-info {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
}
.pm-box {
    float: none;
    width: 48%;
    margin: 0 auto;
    display: inline-block;
    margin-right: 15px;
    text-align: left;
    box-shadow: 0 0 8px rgb(51 51 51 / 14%);
    margin-bottom: 30px;
}
.pm-box, .pm-box a {
    color: #999898;
	text-decoration: none;
	line-height: 30px;
}
.pm-box a:hover {
    color: #eb7823;
	text-decoration: none;
}
.pm-box h3 {
    margin-top: 30px;
}
.carousel-inner{
  width:100%;
  max-height: 500px !important;
}
.boxslide {
	width: 100%;
	overflow: hidden;
}
.boxslide-item {
    width: 100%;
    max-height: 355px !important;
	overflow: hidden;
	position: relative;
}
.boxslide-item img {
    filter: brightness(80%);
}
.boxslide-item h2 {
	position: absolute;
    top: 10%;
    text-align: center;
    right: 10%;
    left: 10%;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	font-size: 36px;
	color: #fff;
	font-weight: 700 !important;
	line-height: 56px;
}
.bottom-25 {
    padding-bottom: 25px;
}

.top-25 {
    padding-top: 25px;
}

.nomargin {
    margin-left: 0;
}
.box-image {
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    width: 90px;
    margin: 0 auto;
    background: #fff;
    border-radius: 100px;
    box-shadow: 2px 2px 12px #ddd;
    display: block;
    border: 1px solid transparent;
    margin-top: -45px;
    text-align: center;
    transition: .3s all;
}
.section1-box {
    /*border: 1px solid #ddd;*/
    box-shadow: 2px 2px 12px #ddd;
    border-radius: 10px; 
    padding: 10px;
    margin-bottom: 60px;
    transition: .3s all;
	min-height: 320px;
}

.section1-box:hover {
	box-shadow:0 2px 12px rgba(186,179,179,.32);
	transition:.3s all;
	border-color:#eb7823;
	transform: scale(1.05);
}

.section1-box:hover .box-image {
	border-color:#eb7823;
	transition:.3s all
}

.box-image img {
	margin:0 auto;
	display:inline-block;
	width:50px;
}

.box-text h2 {
	font-size:18px!important;
	font-weight:600;
	margin:0;
	min-height:67px;
	line-height:24px;
	text-align:center;
	border-bottom:1px solid #ddd;
	padding:10px 0;
	height:auto;
	text-transform:uppercase
}

.box-text p {
	font-size:15px;
	line-height:22px;
	text-align:center;
	margin:0;
	padding:10px;
}

.box-text h2::after {
	display:none
}

.container-fluid {
    padding-left: 5%;
    padding-right: 5%;
}

.logo {
	margin-top: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	position: relative;
	z-index: 1;
	float: left;
}

.text-logo{
	margin-bottom: -35px;
	margin-top: 20px;
	padding-left: 30px;
	font-size: 20px;
	color: #193083;
}

.lang {
	color: #D6CFCC!important;
	background-color: none!important;
}

.navbar-fixed-top {
	position: absolute;
}

.thumbnail-caption {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(66, 64, 64, 0.8);
	color: #fff;
}

.container-main {
	background-color: #fff;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	height: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.container-grey {
	background-color: #F7F6F1;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	height: auto;
}
.container-white {

	width: 100%;

	position: relative;
	height: auto;
	padding-right: 10%;
padding-left: 10%;

}

.container-black{
	background-color: #262626;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	height: auto;
}
.left-box{
	padding-left: 15%;
}
.right-box{
	padding: 25px 45px;
}
.right-kontakt{
	padding-left: 20%;
}
.right-kontakt a{
	color: #EF7701;
}
.right-kontakt a:hover{
	color: #fff;
}
.removeSpace {
padding-left: 4%;
padding-top: 7%;
padding-right: 0;
}
.removeSpace-left {
    padding-left: 0;

}
.text-white{
	color: #fff;
	text-align: center;
}

.btn-outline-secondary {
transition: all .800s;
	color: #000;
	background-color: #F7F6F1;
	background-image: none;
	border-color: #333!important;
	padding: 10px 25px;


}
.btn-outline-secondary:hover {
	color: #000;
	background-color: #EF7701;
	background-image: none;
	border-color: #333!important;
}
.bck-grey{
	background-color: #ccc;
}
.naslov-bijeli {
	font-size: 40px;
	color: #fff;
font-weight: 400!important;
line-height: 52px;
}

.naslov-bijeli2 {
	font-size: 25px;
	color: #fff;
	margin-top: 50px;
	margin-bottom: 40px;
}
.naslov-bijeli3 {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	margin-top: 20px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    filter: brightness(60%);
}
.carousel-control.left {
    background-image: none;
	/* top: 50%; */
	transform: translate(-50%);
	left: 25px;
	right: auto;
	width: auto;
}
.carousel-control.right {
    background-image: none;
	/* top: 50%; */
	transform: translate(-50%);
	right: 25px;
	left: auto;
	width: auto;
}
.box-l-hight{
	line-height: 30px;
}
.djelatnost-text {
	position: absolute;
	text-align: center;
	/* width: 50%; */
	/* height: 21%; */
	z-index: 1;
	top: 50%;
	background: rgba(19, 19, 19, 0.75);
	padding: 15px 30px;
	font-size: 22px;
	left: 50%;
	transform: translate(-50%, -50%);
}
.djelatnost-text a {
	color: #EF7701;
}
.djelatnost-text a:hover {
	color: #EF7701;
	text-decoration: underline;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	padding: 6px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
}

stom-label label {
	font-weight: normal !important;
	font-size: 15px;
}



.text-start{
	padding-left: 15px;
	padding-right: 15px;
}

.nav > li > a {
	color: #fff;
	border-radius: 3px;
	background-color: transparent!important;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px !important;
	font-size: 19px;
	text-shadow: 1px 1px #000;
}

.nav > li > a:hover , .nav > li > a:focus{
	background-color: #FF7D00 !important;
	color: #fff;
	margin: 0px !important;
}

.navbar-custom {
	padding: 13px !important;
	border-radius: 0px;
	background-color: #333;
	width: 100% !important;
}

.navbar-custom .navbar-nav li > a, .navbar-custom .navbar-nav li > a:hover, .navbar-custom .navbar-nav li > a:focus {
	border: medium hidden !important;
	height: auto !important;
	margin: 0;
	width: 100%;
}

.head-icon {
	text-align: right;
	padding-bottom: 20px;
	padding-top: 20px;
}

.navbar-nav > li > a {
	line-height: 30px;
}

.navbar {
	border: medium hidden;
	border-radius: 0 !important;
	margin-bottom: 0px;
}

.container-top {
	width: 100%;
	height: 50px;
	background-color: #EEEEEE;
}

.phone-head {
	display: inline-block;
	margin: 25px 33px 0 0;
}
.contact-item {
	display: block;
	margin-left: -21px;
	margin-top: 40px;
	position: relative;
}

.contact-item a:hover, a:focus {
	color: #fff !important;
}

.container-box {
	padding-left: 20px;
	padding-right: 5px;
}
.container-fluid{
	background-color: #0276ae;
	width: 100%;
	position: relative;

}
.container-color{
	background-color: #FF7D00;
	width: 100%;
	position: relative;
	height: auto;
}

.carousel-caption {
	top:4%;
	text-align: center;
	right: 15%;
left: 15%;
}
.naslov-bijeli3 a {
	color: #fff;
	text-decoration: underline;
}
.naslov-bijeli3 a:hover {
	color: #fff;
	text-decoration: none;
}
.box-nivago{
	text-align: right;
	margin-top: 10px;
}
.box-nivago a{
	font-size: 13px;
}
.line{
	height: 50px;
	border-bottom: none!important;
	border-left-style: none!important;
	border-right: 1px dashed;
	border-top: none!important;
	color: #ccc;
	margin-top: 3px;
	margin-left: 5px;
}


.box-sivo2{
	background-color:#E9E9E9;
	display: block;
	width: 50%;

}

element {

}
.glowing-border3 {
	box-shadow: 0px 2px 15px 0px #ccc;
	border-radius: 5px;
	padding: 25px 15px;
	background-color: #F7F6F1;
	text-align: center;
	font-size: 16px;
	min-height: 270px;
	margin-bottom: 25px;
}
.info{
	color: #fff;
	font-size: 40px;
	padding-top: 50px;
	padding-bottom: 50px;
}


footer {
	background-color: #0276ae;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 0px;
	padding-right: 0px;
}

.footer p{
	color: #fff;
	font-size: 15px;
}

.footer a{
	color: #fff;
}

.footer a:hover{
	color: #fff;
	text-decoration: underline;
}

.footer-bottom {
	background: #0276ae none repeat scroll 0 0;
	padding-bottom: 14px;
	color: ##0276ae;
	font-size: 14px;
}

.footer-bottom a{
	color: #999;
}

.footer-bottom a:hover{
	color: #fff;
	text-decoration: underline;
}
.logofooter {
	width: 100%;
	max-width: 200px;
	margin-top: 9px;
}
li{
	list-style-type: none;
}

.right {
	float: right;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-default {
	background-color: #EF7701!important;
	background-image: none;
	background-repeat: repeat-x;
	border-color: #EF7701!important;
	border-radius: 5px;
	color: #fff!important;
	margin-bottom: 10px;
	text-shadow: none;
	font-size: 16px;
	font-weight: 400;
	padding: 8px 25px!important;
	transition: all .200s;
}

.btn-default:focus {
	outline: none;
}

.btn-default:hover {
	background-color: #0B71AB!important;
	border-color: #0B71AB!important;
	background-image: none!important;
	background-repeat: repeat-x;
	color: #fff;
}

.btn-default2 {
	background-color: #EF7701!important;
	background-image: none;
	background-repeat: repeat-x;
	border-color: #EF7701!important;
	border-radius: 5px;
	color: #fff;
	margin-bottom: 10px;
	text-shadow: none;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 25px;
	transition: all .200s;
}

.btn-default2:hover {
	background-color: #0B71AB!important;
	border-color: #0B71AB!important;
	border-radius: 5px;
	background-image: none!important;
	background-repeat: repeat-x;
	color: #fff;
}

.btn-default3 {
	background-color: #ffffff!important;
	background-image: none;
	background-repeat: repeat-x;
	border-color: #adadad!important;
	border-radius: 0px;
	color: #333;
	margin-bottom: 0px;
	text-shadow: none;
	font-size: 12px;
	font-weight: 400;
	padding-top: 7px;
	padding-bottom: 7px;
	transition: all .200s;
}

.btn-default3:hover {
	background-color: #E6E6E6!important;
	border-color: #adadad!important;
	border-radius: 0px;
	background-image: none!important;
	background-repeat: repeat-x;
	color: #fff;
}

.ml1 {
	margin-top: 50px;
	margin-bottom: 25px;
	font-size:15px;
	line-height: 22px;
}


.boxgray {
    margin: 0;
	background-color:#f2f1f1;
	width: 100%;
	padding: 30px 0;
}
.boxgray img {
    margin-left: 35px;
	height: 400px;
}
.btn-custom1 {
	background-color: #FFf;
	color: #fff;
	font-size: 25px;
	margin-top: 20px;
	border-radius: 5px;
	display: inline-block;
	font-weight: 600;
	color: #FF7D00;
}

.btn-custom1:hover {
	background-color: #FF7D00;
	color: #fff;
	font-size: 25px;
	margin-top: 20px;
	border-radius: 5px;
	display: inline-block;
	border: 1px solid;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #FF7D001A;
}

/*.label {
    font-size: 24px !important;
    letter-spacing: 0.072em;
    font-weight: 500;
    margin: 5px 0px;
    color: #444444;
}*/

.icon-text{
	color: #3d667e;
}


.img-left{
	padding-left: 30px;
}

li.dropdown:hover > .dropdown-menu {
	display: block;
}

.dropdown-menu > li > a {
	background-color: #ffffff;
	clear: both;
	color: #333;
	display: block;
	font-weight: 400;
	font-size: 14px !important;
	line-height: 1.42857;
	padding: 10px 20px;
	white-space: nowrap;
}

.dropdown-menu > li > a:hover {
	background-color: #0a59bd;
	clear: both;
	color: #fff;
	display: block;
	font-weight: 400;
	line-height: 1.42857;
	white-space: nowrap;
}

.dropdown-menu {
	background-clip: padding-box;
	background-color: #ffffff;
	color: #fff;
	border-radius: 4px;
	display: none;
	float: left;
	font-size: 12px !important;
	left: 0;
	list-style: outside none none;
	margin: 2px 0 0;
	min-width: 160px;
	padding: 5px 0;
	position: absolute;
	text-align: left;
	top: 100%;
	z-index: 1000;
}

/*.input-group-btn {
	width:auto;
	height:46px;
	padding:10px 16px;
	font-size:18px;
	line-height:1.3333333;
	border-radius:6px
}*/

.left-15 {
    padding-left: 15px;
}

.top-35 {
    padding-top: 35px;
}

.menu-lang {

	float: right;
	font-size: 14px;
	left: 0;
	list-style: outside none none;
	margin: 2px 0 0;
	min-width: 162px;
	position: relative;
	text-align: left;
	top: 75%;
	z-index: 1000;
}

.menu-lang > li > a {
	background-color: #193788;
	clear: both;
	color: #fff;
	display: block;
	font-weight: 400;
	line-height: 1.42857;
	padding: 3px 20px;
	white-space: nowrap;

}

.menu-lang > li > a:hover {
	clear: both;
	color: #fff;
	font-weight: bold;
	display: block;
	font-weight: 400;
	line-height: 1.42857;
	padding: 3px 20px;
	white-space: nowrap;

}

hr{
	border-top: 1px solid #e9dede!important;
}

.container-nav {
	z-index: 2;
	position: relative;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #0a59bd none repeat scroll 0 0;
	border: 1px solid #00408a;
	color: #ffffff;
	font-weight: normal;
}

.galleryCover {
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;

}
.galleryCover:hover {
	opacity: 0.65;

}


.col-lang .btn-select {
	border: 1px solid #fff;
	border-radius: 0;
	float: right;
	margin-bottom: 0;
	min-width: 110px;
	padding: 0;
	position: relative;
	background-color: #F9F3E3;
	color: #999;
}

.col-lang .btn-select:hover {
	border: 1px solid #fff;
	border-radius: 0;
	float: right;
	margin-bottom: 0;
	min-width: 110px;
	padding: 0;
	position: relative;
	background-color: #F9F3E3;
	color: #000;
}

.col-lang .btn-select .btn-select-value {
	border-bottom: medium none;
	border-left: medium none;
	border-top: medium none;
	display: block;
	left: 0;
	overflow: hidden;
	padding: 6px 12px;
	position: absolute;
	right: 34px;
	text-align: left;
	text-overflow: ellipsis;
}

#defaultForm .glyphicon {
	margin-right: 0;
	margin-top: 5px;
	right: 0;
}

@media (max-width: 767px) {
.cover-part .cover-img { height: 600px!important; }
.d-none { display: none; }
.cover-part .text-part { height: auto!important; margin-top: 30px; }
.testemonials .test-item { flex-direction: column; }
.testemonials .test-img { flex: 0 0 50%; }
.testemonials .test-text { flex: 0 0 50%; }
.form-part {
	height: auto!important;
	margin-top: 50px;
	margin-bottom: 25px;
	border: 1px solid lightgrey;
	border-radius: 5px;
}
/*header {
	height: 52px;

}*/
.smallogo img {
    width: 220px;
}
h1 {
    font-size: 26px;
	line-height: 36px;
}
footer {
    text-align: center;
}
.logofooter {
	width: 200px;
	margin-bottom: 30px;
	text-align: center;
}
.space100 {
	 margin-top:50px;
}
.section1-box {
    margin-left: 25px;
    margin-right: 25px;
	min-height: auto;
}
.ml1 {
    margin-top: 40px;
    margin-left: 25px;
	margin-right: 25px;
    font-size: 14px;
    line-height: 22px;
}
.ml1 h2 {
    font-size: 28px;
}
.pm-box {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}
.pm-box h3 {
    margin-top: 18px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: auto !important;
	max-width: none;
    max-height: 500px;
    object-fit: cover;
    object-position: center;
}
.boxslide-item img {
    width: 100%!important;
    height: 355px;
    object-fit: cover;
    object-position: center;
}
.boxslide-item h2 {
    font-size: 24px;
    line-height: 32px;
}
	.navbar-toggle {
		display: block;
		border: medium none;
		border-radius: 0;
		margin: 11px 12px;
		margin-top: 10px;
		padding: 10px;
		background-color: #FF7D00;
	}
	.navbar-toggle .icon-bar {
		background-color: #FFFFFF !important;
		height: 3PX;
	}

	.navbar-right {
		margin-top: 10px;
	}
	.col-lang .btn-select {
		margin-top: -25px !important;
	}
	.head-icon {
		padding-bottom: 0 !important;
	}
	.navbar-fixed-bottom, .navbar-fixed-top {
		background-color: #333;
		position: relative;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.navbar-nav > li > a {
		line-height: 20px;
	}

	.footer ul li {
		color: #fff;
		display: block;
		padding-bottom: 5px;
		padding-left: 0;
	}

	.phone-head {
		display: inline-block;
		margin: 33px 0 0 0;
	}
	.contact-item {
		display: block;
		margin-left: 10px;
		margin-top: 35px;
		padding-bottom: 20px;
		position: relative;
	}
	.footer ul li {
		color: #fff;
		display: block;
		padding-bottom: 5px;
		padding-left: 0;
	}

	.menu-lang{
		margin-top: -26px;
	}
	.logo {

		margin-top: -55px;
		padding-left: 0px;
		position: relative;
		z-index: 1;
		width: 250px;
		padding-bottom: 20px;
	}
	.naslov-bijeli {
		font-size: 22px;
		line-height: 30px;
		color: #fff;
	}
	.carousel-caption {
	    top: 5%;
		right: 10%;
		left: 10%;
	}
.boxgray img {
    margin-left: 0;
	height: auto;
	max-height: 400px;
}
	.naslov-bijeli2 {
		font-size: 18px;
		color: #fff;
		font-weight: 700;
		margin-top: 35px;
		margin-bottom: 30px;
	}
	.space20-mobile { margin-top:20px; }

	.space-top{
		margin-top: 40px;
	}
	.container-main {
		padding-top: 30px;
	}
	.box-nivago{
		text-align: center!important;
		margin-top: 50px;
	}
	.space-h2 {
		padding-top: 7%;
	}
	.navbar-right {
		margin-right: 0px;
	}
	.btn-custom1 {
		margin-top: 0px;
		margin-bottom: 50px;
	}
	.btn-custom1:hover {
		margin-top: 0px;
		margin-bottom: 50px;
	}
	.space150 {
    margin-top: 40px;
}
.left-box {
    padding-left: 30px;
	padding-right: 30px;
}
.left60 {
    padding-left: 10px;
}
.left40 {
    margin-left: 0px;
}
.text-zuto {
    color: #EF7701;
    font-size: 15px;
    margin-top: -22px;
}
.removeSpace {
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
	margin-bottom: 25px;
}
.removeSpace-left {
    padding-left: 0;
    padding-right: 0;
}
.right-box {
    padding: 5px 30px;
}

}

@media (min-width: 768px) and (max-width: 991px) {
.cover-part .cover-img { height: 600px!important; }
.d-none { display: none; }
.cover-part .text-part { height: auto!important;  margin-top: 30px; }
.form-part {
	height: auto!important;
	margin-top: 50px;
	margin-bottom: 25px;
	border: 1px solid lightgrey;
	border-radius: 5px;
}
/*header {
    height: 52px;
}*/
.carousel-caption {
right: 10%;
left: 10%;
padding-bottom: 30px;
}
.smallogo img {
    width: 230px;
}
	.navbar-nav > li {
		margin-left: -15px;
		margin-right: -15px;
	}

	.navbar-header {
		float: right;
	}

	.space-top-95 {
		margin-top: 22px;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}

	.navbar-nav {
		margin: 0px;
		width: 100%;
		float: left!important;
		margin-bottom: 15px;
	}

	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in {
		display: block!important;
	}
	.navbar-toggle {
		display: block;
		border: medium none;
		border-radius: 0;
		margin: 11px 12px;
		margin-top: 10px;
		padding: 10px;
		background-color: #FF7D00;
	}
	.navbar-toggle .icon-bar {
		background-color: #FFFFFF !important;
		height: 3PX;
	}

	.navbar-toggle .icon-bar {
		background-color: #0150BB;
		height: 3px;
	}
	.collapsing {
		overflow: hidden!important;
	}

	.col-lang .btn-select {
		margin-top: 0;
	}

	.menu-lang{
		margin-top: -26px;
	}
	.carousel-inner > .item > a > img, .carousel-inner > .item > img {
		line-height: 1;
		height: auto;
	}

	.navbar-fixed-bottom, .navbar-fixed-top {
		background-color: #333;
		position: relative;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.logo {
		margin-top: -45px;
		padding-left: 0px;
		position: relative;
		z-index: 1;
		width: 250px;
		padding-bottom: 20px;
	}
	.carousel-caption {
		top: 6%;
	}
	.box-nivago{
		text-align: left!important;
	}
	.space-top {
		margin-top: 75px;
	}

	.space-h2 {
		padding-top: 5%;
	}

	.btn-custom1 {
		margin-top: 0px;
		margin-bottom: 50px;
	}
	.btn-custom1:hover {
		margin-top: 0px;
		margin-bottom: 50px;
	}

	.space150 {
		margin-top: 50px;
	}
	.naslov-bijeli {
	    font-size: 24px;
		line-height: 30px;
	}
	.naslov-bijeli2 {
    font-size: 20px;
    color: #fff;
    text-shadow: 1px 1px #333;
	margin-top: 13px;
	margin-bottom: 20px;
}
.naslov-bijeli3 {
    font-size: 17px;
    line-height: 28px;
	margin-top: 10px;
}
.box-text p {
    font-size: 14px;
    line-height: 20px;
}
.section1-box {
    min-height: 415px;
}
.boxgray img {
    margin-left: 0;
	height: auto;
}
.ml1 {
    margin-top: 25px;
}
.pm-box {
    width: 70%;
}
.wsmenu-list li a {
    white-space: nowrap !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px;
}
.removeSpace {
	padding-left: 0;
margin-bottom: 30px;
padding-top: 0;
}
.removeSpace-left {
    padding-left: 0;
	padding-right: 0;
}
.right-kontakt {
    padding-left: 9%;
}
.wsmenu-list {
    margin: 0px auto 0px auto;
}
.carousel-control {
    top: 50px;
}
.left-box {
    padding-left: 30px;
    padding-right: 30px;
}
.left60 {
    padding-left: 20px;
}
.left40 {
    margin-left: 0px;
}
}


@media (min-width: 992px) and (max-width: 1199px) {
.wrapper {
    margin: 0 25px;
}
.navbar-brand {
    padding: 10px 0;
	width: 200px;
}
.carousel-caption {
	top: 7%;
	right: 10%;
	left: 10%;
}
.naslov-bijeli {
	font-size: 32px;
	line-height: 42px;
}
.naslov-bijeli2 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.section1-box {
    min-height: 340px;
}
	.footer-info{
		padding-left: 0px!important;
	}
	.media{
		text-align: center;
	}
	.box-sivo {
		background-color: #E9E9E9;
		display: block;
		width: 100%;
	}
	.box-sivo2{
		width: 100%;
	}
	.mb10{margin-bottom: 10px;}

	.box-nivago{
		text-align: left!important;
	}

	.left72{
		margin-left: 0px;
	}
	.p-white{
		margin-top: -12px;
		padding-top: 0px;
		font-size: 16px;
	}
	.box-white {
		width: 91%;
		margin-right: 10px;
		margin-bottom: 70px;
		font-size: 15px;
		margin-top: 110px;
	}
	.hovereffect .overlay {
		top: -10px;
	}
	.hovereffect a.info {
		margin: 2px 0 0 0;
	}

	.right {
		float: left;
	}
	.logo {
		margin-top: 20px;
		padding-left: 0px;
		position: relative;
		z-index: 1;
		width: 250px;
		padding-bottom: 20px;
	}
	.space-top { margin-top: 104px; }

	.space-h2 {
		padding-top: 50px;
	}
	.space150 {
		margin-top: 90px;
	}
	.wsmenu-list > li > a {
    padding: 8px 12px;
    text-decoration: none;
    position: relative;
    color: #333;
    border-radius: 3px;
    background-color: transparent !important;
    font-size: 14px;
}
.pm-box {
    width: 55%;
}
.carousel-control {
    top: 50px;
}
.left-box {
    padding-left: 30px;
	margin-bottom: 30px;
}
h2 {
    font-size: 27px;
}
.djelatnost-text {
    width: 65%;
}
.left60 {
    padding-left: 10px;
}
.left40 {
    margin-left: 0px;
}
}


.wsmenu-list { margin: 14px auto 14px auto; }
.cover-part .cover-img { height: 700px; width: 100%; object-fit: cover; position: absolute; left: 0; filter: brightness(0.5); }
.cover-part .text-part,.cover-part .form-part { height: 700px; display: flex; flex-direction: column; justify-content: center; }
.cover-part h1 { color: #fff; line-height: 38px; }
.cover-part h2 { color: #fff; line-height: 36px; margin-bottom: 30px; }
.cover-part h3 { font-weight: bold; border-bottom: 1px solid lightgrey; padding-bottom: 15px; margin-bottom: 20px; margin-top: 0; font-size: 20px; line-height: 26px;}
.cover-part a { color: #fff;  }
.cover-part a:hover { text-decoration: underline; }
.cover-part form { padding: 30px; background-color: #fff; border-radius: 4px; }
.cover-part i { margin-right: 10px; }

section .title { max-width: 700px; margin: auto; font-weight: bold; } 
.team-img { text-align: center; margin-top: 30px; }
.team-img img { border-radius: 100%; box-shadow: 2px 2px 12px #ddd; }
.team-text { text-align: center; max-width: 500px; margin: auto;}
.team-text .work-title { font-style: italic; color: #0276ae; }
.team { background-color: #fff; padding: 50px 0; }

.cards { background-color: #fff; margin-top: 50px; }
.cards .section1-box { background-color: #fff; }

.second { padding: 50px 0; }
.second h1 { margin-bottom: 30px; }
.second .owl-item { text-align: center; }
.second .owl-item .price { color: #0276ae; font-size: 18px; font-weight: bold; }

.how-part { background-color: #f2f1f1; padding: 50px 0; }
.how-part h1 { margin-bottom: 30px; }
.how-part p { margin: auto; margin-bottom: 30px;}

.zoom-in { overflow: hidden; }
.zoom-in img { transition: transform ease-in 300ms; }
.zoom-in:hover img { transform: scale(1.1); transition: transform ease-in 300ms; }

.zoom-in-2 img { transition: transform ease-in 300ms; }
.zoom-in-2:hover img { transform: scale(1.1); transition: transform ease-in 300ms; }

.testemonials { margin: 70px 0; }
.testemonials h1 { margin-bottom: 40px; }
.testemonials .test .owl-stage-outer { box-shadow: 2px 2px 12px #ddd; border-radius: 5px; }
.testemonials .test-item { display: flex; }
.testemonials .test-img { flex: 0 0 50%; }
.testemonials .test-img img { width: 100%; height: 100%; object-fit: cover; }
.testemonials .test-text { background: #f2f1f1; flex: 0 0 50%; padding: 30px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.testemonials .test-text p:first-child:before { content:"\201C"; color: #EF7701; font-size: 40px; position: absolute; transform: translate(-15px, -15px); font-style: inherit; }
.testemonials .author { font-style: italic; color: #EF7701; }
.testemonials .owl-dots { margin-top: 20px!important; }

.owl-dot.active span { background: #EF7701!important; }

.link { display: flex; justify-content: center; margin-top: 15px; }
.link .form-link { display: inline-block;}

.world-offer { background: #0276ae; padding: 0; margin: 0; text-align: center; }
.world-offer a { text-decoration: none!important; margin: 5px 0; transition: all ease-in 300ms; color: #fff; background: #0276ae; border: 1px solid #fff; padding: 5px 15px; border-radius: 15px; display: inline-block; }
.world-offer a:hover { background: white; border: 1px solid #0276ae; color: #0276ae; }

header { background: #FFF; position: sticky; top: 0; z-index: 1000; filter: drop-shadow(0 0 2px rgba(0,0,0,0.3)); }
header .scroll-menu { display: flex; flex-direction: row; color: #000; padding: 0; margin: 0; margin-left: auto; }
header .scroll-menu li a { color: #000!important; font-size: 16px; margin-left: 30px; }
header .container { display: flex; align-items: center; }
header .logo-main { width: 200px; margin: 15px 0}
header .logo-main img { width: 100%; }

.zarada-text { text-align: center; margin-top: 30px; margin-bottom: 20px; }

#zasto,#zarada,#prihod,#tim,#vidljivost { scroll-margin-top: 70px; }
#test { scroll-margin-top: 120px; }
.form-contact { scroll-margin-top: 100px; }

#form-contact .form-group:not(.poruka) { display: flex; align-items: center; }
#form-contact .form-group:not(.poruka)  label { flex: 0 0 120px; }
#form-contact .captcha-group:not(.poruka)  label { flex: 0 0 auto; margin-right: 10px; }
.w-100 { width: 100%; }
.has-feedback label~.form-control-feedback { top: 0; }
.help-block { display: none!important; }

.m-0 { margin: 0; }
.bold { font-weight: bold; }

.house-image { overflow: hidden; aspect-ratio: 5/3; border-radius: 5px; margin-bottom: 30px; }
.house-image img { width: 100%; height: 100%; object-fit: cover; }