body {
font-family: 'Lora', serif;
font-size: 17px;
font-weight:300;
color: #666;
background-color: #FFF;
}
html, body {
height: 100%;
}
header {
height: 70px;
box-shadow: 0 0 10px 2px #ccc;
}
.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; }
.space115 { margin-top:115px; }
.mb20{margin-bottom: 20px;}
.mb100{margin-bottom: 100px;}
.mb150{margin-bottom: 150px;}
.space-60{
margin-top: -30px;
}
.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;
}
.left-40 {
margin-left: -40px;
}
.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%;
}
.mt-30{
margin-top: -30px;
}
.left-kontakt{
text-align: left;
padding-left: 15px;
font-size: 16px;
line-height: 26px;
}
.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;
}
.flex-column {
max-width: 260px;
}
.scale {
transform: scaleY(1.05);
padding-top: 5px;
}
a {
color: #333;
}
a:hover, a:focus {
text-decoration: none;
color: #008BB2;
}
h1 {
color:#333;
font-size: 39px;
font-weight: bold;
}
h2 {
color: #42B7D8;
margin-top: 10px!important;
margin-bottom: 0!important;
font-weight: bold;
font-size: 30px;
}
h4 {
font-size: 18px;
}
.font-table td{
font-size: 17px!important;
}
.carousel-control.right {
right: 5%;
left: auto;
background-image: none;
top: 50%;
font-size: 45px;
}
.carousel-control.left {
left: 5%;
right: auto;
background-image: none;
top: 50%;
font-size: 45px;
}
.topnavbar {
background-color: rgba(255, 255, 255, 0.87);
color: rgb(255, 255, 255);
border-radius: 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;
position: fixed;
top: 0;
left: 0;
}
.sticky {
position:fixed;
top:0;
width: 100%;
z-index: 2;
margin-top: 0!important;
background: #fff!important;
-webkit-transition: all .800s;
-moz-transition: all .800s;
-o-transition: all .800s;
transition: all .800s;
border-bottom: 1px solid #DF7E53 !important;
left: 0%;
}
.navbar-brand {
padding: 0;
-webkit-transition: all .800s;
-moz-transition: all .800s;
-o-transition: all .800s;
transition: all .800s;
/* margin-left: -96px; */
margin-right: 15px;
width: 180px;
height: auto;
}
.grid-loadMore {
height: 60px;
}
.navbar-brand2 {
padding: 0;
height: auto;
-webkit-transition: all .800s;
-moz-transition: all .800s;
-o-transition: all .800s;
transition: all .800s;
margin-left: 0;
text-align: center;
}
.sticky .navbar-brand {
height: 44px;
width: auto;
padding: 0;
-webkit-transition: all .800s;
-moz-transition: all .800s;
-o-transition: all .800s;
transition: all .800s;
}
.sticky .wsmenu-list {
/* margin: 10px auto 25px auto; */
-webkit-transition: all .800s;
-moz-transition: all .800s;
-o-transition: all .800s;
transition: all .800s;
margin-top: 8px;
}
.sticky .lang-home {
margin-top: -9px;
margin-left: 5px;
}
ul.td_cijene {
list-style-position: outside;
list-style-type: none;
margin-top: 31px;
margin-right: 0px;
margin-bottom: 15px;
float: left;
text-align: left;
}
.header2{
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center ;
z-index: 2;
}
.space-line {
line-height: 28px;
text-align: justify;
left: 0%;
}
.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;
}
.form-control {
padding: 0 12px;
}
.navbar-right {
margin-top: 40px;
margin-right: 55px;
}
/* .glyphicon {
color: #333;
margin-left: 0 !important;
margin-right: 5px !important;
background-color: #fff;
float: right;
top:-70px;
padding: 20px;
} */
h3 {
font-weight: 300;
color: #333;
margin-top: -5px;
font-size: 22px;
}
.width100{
width: 100%;
}
.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-home {
transition: all .800s;
margin-left: 5px;
margin-top: -20px;
float: right;
}
.lang {
background-color: #3A3A3A;
}
.lang a{
color: #ccc!important;
padding: 10px 14px;
display: block;
}
.lang a:hover{
color: #DD7D53!important;
}
.lang li {
padding-left: 0px;
text-align: center;
}
.navbar-fixed-top {
position: absolute;
}
.thumbnail-caption {
position: absolute;
width: 100%;
height: 100%;
background: rgba(66, 64, 64, 0.8);
color: #fff;
}
.container-main {
width: 100%;
background-repeat: no-repeat;
background-position: center top;
position: relative;
height: auto;
padding-right: 15%;
padding-left: 15%;
}
.container-grey {
background-color: #E6E6E6;
width: 100%;
background-repeat: no-repeat;
background-position: center top;
position: relative;
height: auto;
}
.container-white {
background-color: #fff;
width: 100%;
background-repeat: no-repeat;
background-position: center top;
position: relative;
height: auto;
padding-right: 15px;
padding-left: 15px;
}
.container-black{
background-color: #262626;
width: 100%;
background-repeat: no-repeat;
background-position: center top;
position: relative;
height: auto;
}
.container-beige {
background-color: #dbab1d17;
width: 100%;
background-repeat: no-repeat;
background-position: center top;
position: relative;
height: auto;
padding-right: 15px;
padding-left: 15px;
}
.text-white{
color: #fff;
text-align: center;
padding-top: 30px;
}
.naslov-bijeli {
font-size: 65px;
color: #fff;
}
.naslov-bijeli2 {
font-size: 25px;
color: #fff;
}
.img-box{
background-image: url("../images/index1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 100%;
max-height: 850px;
display: block;
position: relative;
}
.cjenik-box {
position: absolute;
top: 5%;
padding-left: 40px;
padding-right: 40px;
background-color: rgba(255, 255, 255, 0.87);
z-index: 1;
padding-top: 20px;
display: block;
right: 3%;
}
.button-box {
position: absolute;
float: left;
z-index: 1;
margin-top: 73px;
transform: translate(-50%, -50%);
width: 100%;
left: 50%;
}
.it-box{
margin-top: 20px;
}
.btn-primary {
background-color: #DF8B66;
border-color: #DF8B66;
margin-top: -60%;
border-radius: 0px;
padding-left: 33px !important;
padding-right: 32px !important;
padding-bottom: 15px !important;
padding-top: 15px !important;
font-size: 35px;
margin-right: -5px;
width: 50%;
}
.btn-primary a{
color: #fff;
}
.btn-primary:hover {
background-color: #fff;
border-color: #fff;
margin-top: -60%;
border-radius: 0px;
padding-left: 33px !important;
padding-right: 32px !important;
padding-bottom: 15px !important;
padding-top: 15px !important;
font-size: 35px;
margin-right: -4px;
width: 50%;
}
.btn-primary a:hover{
color: #333;
}
.btn-light {
background-color: #fff;
border-color: #fff;
margin-top: -60%;
border-radius: 0px;
padding-left: 45px !important;
padding-right: 45px !important;
padding-bottom: 15px !important;
padding-top: 15px !important;
font-size: 35px;
margin-right: -4px;
width: 50%;
}
.btn-light:hover {
background-color: #DF8B66;
border-color: #DF8B66;
margin-top: -60%;
border-radius: 0px;
padding-left: 45px !important;
padding-right: 45px !important;
padding-bottom: 15px !important;
padding-top: 15px !important;
font-size: 35px;
margin-right: -4px;
width: 50%;
}
.btn-light:hover a{
color: #fff;
}
.box-l-hight{
line-height: 30px;
}
.info-box {
position: absolute;
z-index: 1;
top: 20%;
padding-top: 47px;
left: 14%;
padding-right: 30px;
background-color: rgba(255, 255, 255, 0.87) !important;
padding-bottom: 20px;
}
.box-l-hight{
line-height: 30px;
}
.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;
} */
.removeSpace {
padding:0;
}
.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;
}
.grid-sizer,
.grid-item { width: 20%; }
/* 2 columns wide */
.grid-item--width2 { width: 40%; }
.grid {
background: none;
left: -5%;
}
.grid-box{
left: 0%!important;
}
/* clearfix */
.grid:after {
content: '';
display: block;
clear: both;
}
/* ---- grid-item ---- */
.grid-item {
width: 358px;
height:445px;
float: left;
/* vertical gutter */
background: none;
border: none;
border-color: hsla(0, 0%, 0%, 0.5);
border-radius: 5px;
margin-bottom: 20px;
}
.grid-item--width2 {
width: 40%;
position: absolute;
left: 53.54%!important;
top: 0px;
}
.grid-item--width3 { width: 304px; }
.grid-item--width4 { width: 358px; }
.grid-item--height2 { height: 446px; }
.grid-item--height3 {
left:53.54%!important;
top: 345px!important; }
.grid-item--height4 {
left: 2.198%!important;
top: 456px!important;
height: 150px; }
.phone-head {
display: inline-block;
margin: 25px 33px 0 0;
}
/* .fa-phone {
border-radius: 50%;
color: #fff;
font-size: 35px;
height: 50px;
margin-left: 0px;
margin-top: 5px;
padding-left: 2px;
padding-top: 12px;
width: 50px;
} */
.fa-home{
border-radius: 50%;
color: #fff;
font-size: 40px;
height: 50px;
margin-left: 0px;
margin-top: 5px;
padding-left: 0px;
padding-top: 12px;
width: 50px;
}
.fa-envelope{
border-radius: 50%;
color: #fff;
font-size: 25px;
height: 50px;
margin-left: 10px;
margin-top: 5px;
padding-left: 2px;
padding-top: 12px;
width: 42px;
}
.contact-item {
display: block;
margin-left: -21px;
margin-top: 40px;
position: relative;
}
.container-box {
padding-left: 20px;
padding-right: 5px;
}
.container-fluid{
background-color: #E9E9E9;
width: 100%;
position: relative;
}
.container-color{
background-color: #FF7D00;
width: 100%;
position: relative;
height: auto;
}
.outer1 {
position: fixed;
left: 20px;
top: 20px;
transform-origin: top left;
}
.btn-stdomenica {
top:35%;
left: 65px;
z-index: 1;
transform: translateY(-50%) rotate(90deg);
/* transform-origin: top left; */
position: absolute;
}
.carousel-custom {
margin-bottom: 30px;
}
.box-nivago{
text-align: center;
padding-bottom: 10px;
}
.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;
}
.row-box {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
}
/* Create four equal columns that sits next to each other */
.column {
flex: 50%;
max-width: 40%;
padding: 0 4px;
}
.column img {
margin-top: 8px;
vertical-align: middle;
width: 100%;
}
.column-right {
flex: 50%;
max-width: 60%;
padding: 0 4px;
}
.column-right img {
margin-top: 8px;
vertical-align: middle;
width: 100%;
}
.column-right2 {
flex: 50%;
max-width: 60%;
padding: 0 4px;
margin-top: -10%
}
.column-right2 img {
margin-top: 8px;
vertical-align: middle;
width: 100%;
}
.map-box{
opacity: 1!important;
}
.box-sivo2{
background-color:#E9E9E9;
display: block;
width: 50%;
}
.info{
color: #fff;
font-size: 40px;
padding-top: 50px;
padding-bottom: 50px;
}
#imgBanner{
background-image: url("../images/index3.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
float: left;
text-align: center;
width: 100%;
margin-top: -57px;
}
.color-overlay2 {
position: relative;
top: 0%;
left: 0;
width: 100%;
height: 900px;
background-color: rgb(255, 255, 255);
opacity: 0.95;
margin-top: 0px;
z-index: 1;
}
footer {
background-color: #333;
color: #fff;
padding-top: 15px;
padding-left: 0px;
padding-right: 0px;
}
.footer p{
color: #fff;
padding-top: 15px;
font-size: 15px;
}
.footer a{
color: #fff;
}
.footer a:hover{
color: #fff;
text-decoration: underline;
}
.footer-bottom {
background: #333 none repeat scroll 0 0;
padding-bottom: 14px;
color: #999;
font-size: 14px;
}
.footer-bottom a{
color: #999;
}
.footer-bottom a:hover{
color: #fff;
text-decoration: underline;
}
li{
list-style-type: none;
}
.right {
float: right;
}
.btn {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 13px;
padding-top: 13px;
}
.btn-default {
background-color: #DF7E53!important;
background-image: none;
background-repeat: repeat-x;
border-color: transparent !important;
color: #fff;
margin-bottom: 20px;
text-shadow: none;
font-size: 16px;
font-weight: 600;
padding-top: 11px;
letter-spacing: 1.5px;
border-radius: 25px;
}
.btn-default:hover {
color: #fff;
background-repeat: repeat-x;
text-shadow: 0 0 0 #fff;
background-color: #D85C27!important;
}
.btn-send-contact {
background-color: #DF7E53!important;
background-image: none;
background-repeat: repeat-x;
border-color: transparent !important;
color: #fff;
margin-bottom: 20px;
text-shadow: none;
font-size: 16px;
font-weight: 600;
padding-top: 11px;
letter-spacing: 1.5px;
border-radius: 25px;
}
.btn-send-contact:hover {
color: #fff;
background-repeat: repeat-x;
text-shadow: 0 0 0 #fff;
background-color: #D85C27!important;
}
.btn-secondary {
background-color: #151414A1!important;
background-image: none;
border-color: transparent !important;
position: fixed;
text-shadow: none;
font-size: 19px;
font-weight: 600;
padding-top: 20px;
padding-bottom: 20px!important;
}
.btn-secondary a {
color: #fff;
}
.btn-secondary:hover {
color: #fff;
background-repeat: repeat-x;
text-shadow: 0 0 0 #fff;
background-color: #333!important;
}
.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 {
display: inline-block;
font-weight: 100!important;
margin-bottom: 5px;
max-width: 100%;
}
.icon-text{
color: #3d667e;
}
.img-left{
padding-left: 30px;
}
li.dropdown:hover > .dropdown-menu {
display: block;
}
.dropdown-menu > li > a {
background-color: #3A3A3A;
clear: both;
color: #fff;
display: block;
font-weight: 400;
line-height: 1.42857;
padding: 10px 15px;
white-space: nowrap;
font-size: 15px;
}
.dropdown-menu > li > a:hover {
background-color: #DD7D53;
clear: both;
color: #fff!important;
white-space: nowrap;
}
.dropdown-menu {
/* background-clip: padding-box; */
background-color: #3A3A3A;
color: #fff;
border-radius: 0;
display: none;
float: left;
font-size: 14px;
left: 0;
list-style: outside none none;
margin: 0;
padding: 0;
min-width: auto;
position: absolute;
text-align: left;
border: 1px solid rgba(255,255,255,.15);
}
.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: 2px solid #DF7E53!important;
width: 100%;
}
.bottom-line{
border-top: 3px solid #DF7E53 !important;
width: 75%;
}
.bottom-line2 {
border-top: 3px solid #DF7E53 !important;
width: 40%;
}
.bottom-line3 {
border-bottom: 3px solid #DF7E53 !important;
width: 45%;
float: left;
text-align: center;
margin-left: 27%;
margin-bottom: 10px;
}
.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: none;
border-bottom: none;
font-size: 15px;
color: #666;
}
.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) {
header {
height: 52px!important;
}
.lsmall {
position: fixed;
right: 0;
top: 0;
padding: 8px 20px;
z-index: 103;
}
.small-nav-lang {
list-style: none;
padding: 0;
margin: 0;
height: 40px;
overflow: hidden;
padding: 2px 8px;
border-radius: 24px;
}
.small-nav-lang a {
height: 38px;
display: grid;
align-items: center;
font-weight: 700;
font-size: 17px;
text-align: center;
}
.small-nav-lang a:hover {
color: #df782c;
}
.small-nav-lang:hover {
height: 160px;
background-color: rgba(242, 242, 242, 0.84);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
transition: height 0.8s;
}
.carousel-control.right, .carousel-control.left {
top: 40%;
font-size: 32px;
}
.space30 {
margin-top: 15px;
}
.info-box {
position: relative;
float: left;
z-index: 1;
margin-top: 0%;
padding-top: 50px;
left: 0px;
background-color: rgba(255, 255, 255, 0.87) !important;
padding-bottom: 45px;
display: block;
font-size: 14px;
}
.button-box {
margin-top:30%;
left: 60%;
margin-bottom: -60px;
position: relative;
}
.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: 37px;
color: #fff;
}
.naslov-bijeli2 {
font-size: 17px;
color: #fff;
}
.carousel-caption {
top: 15%;
}
.space20-mobile { margin-top:20px; }
.space-top{
margin-top: 40px;
}
.container-main {
padding-top: 30px;
}
.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;
}
.smallogo {
font-size: 28px;
display: block;
text-align: center;
padding-top: 0;
position: relative;
z-index: 101;
width: 100%;
height: 52px;
background: #fff ;
}
.topnavbar {
background-color: transparent!important;
color: rgb(255, 255, 255);
width: 100%;
position: fixed;
top: 0;
left: 0%;
padding-top: 0px;
padding-bottom: 15px;
}
.lang-home {
margin-top: 0px;
float: left;
font-size: 15px;
}
.lang {
background-color: #3A3A3A;
padding-top: 10px;
padding-bottom: 10px;
}
li.dropdown:hover > .dropdown-menu {
display: block;
}
.dropdown-menu > li > a {
background-color: #3A3A3A;
clear: both;
color: #fff;
display: block;
font-weight: 400;
line-height: 1.42857;
padding: 10px 15px;
white-space: nowrap;
font-size: 15px;
}
.dropdown-menu > li > a:hover {
background-color: #0a59bd;
clear: both;
color: #fff;
display: inline-block;
font-weight: 400;
line-height: 1.42857;
white-space: nowrap;
font-size: 15px;
}
.dropdown-menu {
background-clip: padding-box;
background-color: #3A3A3A;
color: #fff;
border-radius: 4px;
display: none;
float: left;
font-size: 14px;
left: 0;
list-style: outside none none;
margin: 2px 0 0;
min-width: 81px;
padding: 5px 0;
position: absolute;
text-align: left;
top: 100%;
z-index: 1000;
}
.carousel-caption {
top: 63%;
left: -41%;
transform: translate(-50%, -50%);
transform: rotate(0deg);
position: absolute;
}
.btn-stdomenica {
top: 0%;
left: 44px;
}
.btn-secondary {
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px !important;
padding-left: 10px;
padding-right: 10px;
}
.font-table td{
font-size: 13px!important;
}
.cjenik-box {
right: 0%;
width: auto;
left: -10%;
margin-top: 0%;
position: relative;
height: 100%;
display: inline-table;
}
.img-box {
background-size: cover;
background-position: top left;
height: auto;
max-height: none;
display: block;
position: relative;
overflow: visible;
margin-top: 30px;
}
.btn {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 13px;
padding-top: 13px;
}
.btn-primary {
background-color: #DF8B66;
border-color: #DF8B66;
margin-top: -47%;
border-radius: 0px;
padding-left: 11px !important;
padding-right: 11px !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
font-size: 23px;
margin-right: -4px;
display:inline-flex;
}
.btn-primary:hover {
background-color: #fff;
border-color: #fff;
margin-top: -47%;
border-radius: 0px;
padding-left: 11px !important;
padding-right: 11px !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
font-size: 23px;
margin-right: -4px;
display: inline-flex;
}
.btn-light {
background-color: #fff;
border-color: #fff;
margin-top: -47%;
border-radius: 0px;
padding-left: 11px !important;
padding-right: 11px !important;
padding-bottom: 1px !important;
padding-top: 0px !important;
font-size: 23px;
margin-right: -4px;
}
.btn-light:hover {
background-color: #DF8B66;
border-color: #DF8B66;
margin-top: -47%;
border-radius: 0px;
padding-left: 11px !important;
padding-right: 11px !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
font-size: 23px;
margin-right: -4px;
}
.grid {
left: 0%;
}
.grid-height{
height: 1295px!important;
}
li {
font-size: 14px;
}
h1 {
font-size: 30px;
}
.color-overlay2 {
height: 1024px;
}
h3 {
font-size: 17px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
header {
height: 52px!important;
}
li {
font-size: 14px;
}
.lsmall {
position: fixed;
right: 0;
top: 0;
padding: 5px 20px;
z-index: 103;
}
.small-nav-lang {
list-style: none;
padding: 0;
margin: 0;
height: 40px;
overflow: hidden;
padding: 2px 8px;
border-radius: 24px;
}
.small-nav-lang a {
height: 38px;
display: grid;
align-items: center;
font-weight: 700;
font-size: 17px;
text-align: center;
}
.small-nav-lang a:hover {
color: #df782c;
}
.small-nav-lang:hover {
height: 160px;
background-color: rgba(242, 242, 242, 0.84);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
transition: height 0.8s;
}
.btn-stdomenica {
top: 17%;
}
.container {
width: 693px;
}
.info-box {
z-index: 1;
margin-top: -7%;
padding-top: 14px;
left: 14%;
padding-right: 14px;
background-color: rgba(255, 255, 255, 0.87) !important;
padding-bottom: 20px;
position: absolute;
}
.color-overlay2 {
height: 980px;
}
h1 {
color: #333;
font-size: 35px;
font-weight: bold;
}
.navbar-nav > li {
margin-left: -15px;
margin-right: -15px;
}
.navbar-header {
float: right;
}
.img-box {
height: 890px;;
}
.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: 20%;
right: 11%;
left: -99%;
}
.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;
}
.smallogo {
font-size: 28px;
display: block;
text-align: center;
padding-top: 0;
position: relative;
z-index: 101;
width: 100%;
height: 52px;
background: #fff ;
}
.topnavbar {
background-color: #fff!important;
color: rgb(255, 255, 255);
width: 100%;
position: fixed;
top: 0;
left: 0%;
padding-top: 0px;
padding-bottom: 15px;
}
.lang li {
float: none;
padding-right: 3px;
margin-left: 0px;
padding-left: 10px;
}
.lang-home {
margin-top: 0px;
float: left;
font-size: 15px;
}
.lang {
background-color: #3A3A3A;
padding-top: 10px;
padding-bottom: 10px;
}
li.dropdown:hover > .dropdown-menu {
display: block;
}
.dropdown-menu > li > a {
background-color: #3A3A3A;
clear: both;
color: #fff;
display: block;
font-weight: 400;
line-height: 1.42857;
padding: 10px 15px;
white-space: nowrap;
font-size: 15px;
}
.dropdown-menu > li > a:hover {
background-color: #0a59bd;
clear: both;
color: #fff;
display: inline-block;
font-weight: 400;
line-height: 1.42857;
white-space: nowrap;
font-size: 15px;
}
.dropdown-menu {
background-clip: padding-box;
background-color: #3A3A3A;
color: #fff;
border-radius: 4px;
display: none;
float: left;
font-size: 14px;
left: 0;
list-style: outside none none;
margin: 2px 0 0;
min-width: 81px;
padding: 5px 0;
position: absolute;
text-align: left;
top: 100%;
z-index: 1000;
}
.sticky .lang {
margin-top: 0px;
margin-left: 30%;
padding-bottom: 15px;
}
.lang .nav > li > a {
color: #fff;
font-size: 14px;
z-index: 111;
}
.button-box {
top: 35px;
}
.space-line {
line-height: 25px;
text-align: justify;
padding-right: 38px;
margin-left: 0%;
}
.column-right2 {
margin-top: 0%;
}
.column {
flex: 100%;
max-width: 100%;
}
.column-right {
flex: 100%;
max-width: 100%;
}
.column-right2 {
flex: 100%;
max-width: 100%;
}
.btn-primary {
background-color: #DF8B66;
border-color: #DF8B66;
margin-top: -60%;
border-radius: 0px;
padding-left: 33px !important;
padding-right: 32px !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
font-size: 25px;
margin-right: -5px;
}
.btn-light {
background-color: #fff;
border-color: #fff;
margin-top: -60%;
border-radius: 0px;
padding-left: 45px !important;
padding-right: 45px !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
font-size: 25px;
margin-right: -4px;
}
.btn-primary:hover{
padding-bottom: 5px !important;
padding-top: 5px !important;
font-size: 25px;
}
.btn-light:hover{
padding-bottom: 5px !important;
padding-top: 5px !important;
font-size: 25px;
}
}
@media (min-width: 800px) and (max-width: 1280px) {
.wsmenu-list > li > a {
padding: 10px;
text-decoration: none;
position: relative;
color: #333;
background-color: transparent !important;
margin: 0px !important;
font-size: 14px;
display: block;
}
.wsmenu-list {
margin-top: 5px;
}
.sticky .wsmenu-list {
margin-top: 0px;
}
.sticky .navbar-brand {
height: 55px;
}
.sticky .lang-home {
margin-top: 0;
}
.navbar-brand {
margin-left: 0px;
}
.topnavbar {
width: 100%;
left: 0%;
}
.lang-home {
margin-top: -5px;
}
.wsmenu {
color: #fff;
float: left;
position: relative;
padding: 0px;
margin: 0px auto;
width: 80%;
}
.carousel-caption {
top: 37%;
left: -93%;
transform: translate(-50%, -50%);
transform: rotate(90deg);
position: absolute;
}
.space-line {
font-size: 16px;
line-height: 25px;
}
.info-box {
font-size: 16px;
top: 22%;
}
.btn-primary {
font-size: 32px;
}
.btn-light {
font-size: 33px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.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;}
.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: 17%;
}
.space150 {
margin-top: 90px;
}
.grid {
left: -5%;
}
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
.column {
-ms-flex: 50%;
flex: 100%;
max-width: 100%;
}
.column-right {
-ms-flex: 50%;
flex: 100%;
max-width: 100%;
}
.column-right2 {
-ms-flex: 50%;
flex: 100%;
max-width: 100%;
}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.column-right {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.column-right2 {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}