html, body {
height: 100%;
margin: 0;
}
.full-height {
height: 100%;
background: white;
}
.kategorije .sppb-addon-single-image-container{
display: block!important;
}
#con {
position: absolute;
top: -9999px;
left: -9999px;
}
.lSAction > a {
opacity: 1;
-webkit-transition: opacity 1.35s linear 0s;
transition: opacity 1.35s linear 0s;
}
.pos_ponuda{
text-transform: uppercase;
}
.pos_ponuda h2{
font-size:4rem;
}
.izdv_prica{
font-size:1.1rem;
color:#093;
}
.izdv_pric{
font-size: 1.1rem;
color: #999;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: line-through;
}
.ribbon {
position: absolute;
right: -5px; top: -5px;
z-index: 1;
overflow: hidden;
width: 75px; height: 75px;
text-align: right;
}
.ribbon span {
font-size: 10px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
background: #79A70A;
background: linear-gradient(#05EFF7 0%, #087F8F 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 19px; right: -21px;
}
.ribbon span::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #087F8F;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #087F8F;
}
.ribbon span::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #087F8F;
border-bottom: 3px solid transparent;
border-top: 3px solid #087F8F;
}
.el_pric{
font-size:1.1rem;
color:#093;
}
.el_naslov_a{
color: #248baa;
font-size: 1.3rem;
font-weight: 400;
}
.izdvojeno{
position: absolute;
display: block;
width: 120px;
height: 45px;
top: 0;
right: 0;
background: #093;
}
.izdv_hot{
color: rgb(255,255,255);
font-size: 0.7rem;
}
.izdv_cif{
color: rgb(255,255,255);
font-size: 1.7rem;
padding: 0px 0px 0px 5px;
}
.podnaslov_nas{
padding-bottom: 0px;
}
.su-heading-style-9 .su-heading-inner {
padding-bottom: 0px;
}
.podnaslov_nas .su-heading {
margin-bottom: 0px;
}
div.mod-languages img {
border: none;
min-height:20px;
height: 20px;
}
.sppb-btn {
border: 0px solid transparent;
}
.tekst_fronta_a
{
min-height:95px;}
.tekst_front
{
min-height:110px;}
.tekst_fronta{
min-height:105px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.tekst_front
{
min-height:130px;}
.tekst_fronta_a
{
min-height:110px;}
}
.sppb-btn-info {
color: #fff;
background-color: #248baa;
border-color: #fff;
}
.sppb-btn-info:hover {
color: #fff;
border-color: #339900;
background: #339900;
}
.gumb{
float:left;
}
.gumbi_nas{
margin: 30px 0px 0px 0px;
padding: 10px 60px 10px 60px;
background-color: #248baa;
min-height:30px;
}
.gumbi_nas_a
{
margin: 10px 0px 0px 0px;
padding: 10px 0px 10px 0px;
background-color: #248baa;
min-height:30px;
}
#cat_t-error{
display:block;
position:absolute;
color:rgb(255,255,0);
font-weight:600;
margin: -35px 0px 0px 0px;
}
.form-control-sm {
height: calc(1.8125rem + 2px);
padding: .5rem .5rem;
font-size: .7rem;
line-height: 1.5;
border-radius: .1rem;
}
select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) {
height: calc(1.9125rem + 2px);
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {
font-family: "FontAwesome";
content: "\f107";
float: right;
margin-left: 7px;
display:none;
}
.su-heading-style-9 .su-heading-inner:before {
content: '';
position: absolute;
width: 122px;
height: 12px;
bottom: 0px;
background: url(none);
}ΒΈ
.sp-mega-group li:hover{
background-color: rgb(36,139,170, 0.7);
color: #fff;
}
.sp-megamenu-parent .sp-mega-group > li > a {
color: #248baa;
}
.sp-megamenu-parent .sp-mega-group > li:hover {
background-color: rgb(36,139,170);
color: #FFF;
}
.sp-megamenu-parent .sp-mega-group > li > a:hover {
background-color: rgb(36,139,170);
color: #FFF;
}
.col:empty {
display: none;
}
.su-heading-inner{
color: #124554;
}
.su-heading .su-heading-inner {
color: #093;
}
/*menu*/
.sp-megamenu-parent >li.active>a{
background-color: transparent;
}
.sp-megamenu-parent >li:hover>a {
background-color: rgb(36,139,170);
}
.sp-megamenu-parent > li > a {
color: #248baa;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
color: #248baa;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
color: #124554;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
font-size: 12px;
font-weight: 400;
font-style: normal;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row:not(:first-child) {
margin-top: 0px;
}
#sp-footer a, #sp-bottom a {
color: #fff;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
padding: 10px;
border-top: 6px solid rgb(36,139,170);
}
.sp-dropdown-inner .col-sm-2{
padding-right: 5px;
padding-left: 15px;
}
.popust h4{
color: rgb(36,139,170, 0.9);
font-size: 1.1rem;
}
.popust_a{}
.akcija h4{
color: rgb(255,153,0, 0.8);
font-size: 1.1rem;
}
.akcija_a{
background: rgb(36,139,170);
}
#cat-errora{
display:block;
position:absolute;
font-size:1.0rem;
margin: -30px 0px 0px 0px;
color:rgb(255,153,0);}
#cat-error{
display:block;
position:absolute;
font-size:1.0rem;
margin: -30px 0px 0px 0px;
color:rgb(255,153,0);}
.harburs{
width:100%;
max-width: 16.666667%;}
.region{
font-size: 0.8rem;
padding: 0px 0px 0px 10px;}
.popusti_naslov{
color:rgb(36,139,170, 0.8);
font-size:0.8rem;
font-weight: 400;
}
.popusti_posto{
color:rgb(36,139,170, 1.0);
font-size:1.0rem;
font-weight: 600;
}
.popusti{}
.sp-megamenu-parent .sp-mega-group > li > a {
/* font-family: 'Times New Roman', sans-serif;*/
font-size: 16px;
display: block;
text-transform: none;
font-weight: 400;
margin-bottom: 0px;
padding:5px 0px 5px 5px;
}
.sp-megamenu-parent > li.active:hover > a {
color: #fff;
}
.sp-megamenu-parent > li.active > a {
color: #248baa;
}
a:hover, a:focus, a:active {
color: #248baa;
}
.sp-megamenu-parent > li:hover > a {
color: #fff;
}
#sp-top-bar .sp-module {
float: right;
}
.kategorije .su-heading {
margin-bottom: 0px;
}
.animated-text-words-wrapper {
color: #FFE88C;
}
.nas_sli a{
color:rgb(36,139,170, 0.8);
}
.serac_rig select, .serac_rig .form-control{
font-size:0.8rem;
}
/*serch front*/
.fronttraz .form-control:disabled, .fronttraz .form-control[readonly] {
background-color: #fff;
opacity: 1;
}
.fronttraz select, .fronttraz .form-control{
font-size:0.8rem;
}
.fronttraz .fa {
color:rgb(36,139,170, 0.8);
font-size: 0.8rem;
}
fronttraz .input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
/* padding: .375rem .75rem; */
padding: .100rem .15rem;
margin-bottom: 0;
font-size: 0.8rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem;
}
.fronttraz .btn-outline-info:hover {
color:rgb(255,255,255);
background: rgb(36,139,170);
}
.fronttraz .btn-outline-info {
height:39px;
background-color:rgb(255,255,255);
}
.sl_img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
}
.sl_img {
transition: transform .2s; /* Animation */
}.kategorije img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
}
.kategorije img {
transition: transform .2s; /* Animation */
}
.el_podaci_a{
font-size:0.8rem;
color:rgb(36,139,170, 0.8);
}
.el_podaci{
font-size:1.1rem;
color:rgb(36,139,170, 0.8);
}
/*naslovna*/
.imagewidth{
width:100%;
height:160px;
overflow:hidden;
}
.el_from_a{
font-size: 0.8rem;
}
.el_curr_a{
color:#093;
font-weight: 700;
}
.el_type_a{
font-size: 0.8rem;
margin: 0px 0px 10px 0px;
}
.el_price_a{
font-size:1.0rem;
color:#093;
font-weight: 500;
}
.tab{
min-height:350px;}
.zauz_dat{
color: #248baa;
font-weight: 500;
font-size: 1.0rem;
}
.zauz_dat_ne{
color: #F00;
font-weight: 500;
font-size: 0.7rem;
}
#sp-bottom {
background: #fff;
color: #000;
}#sp-footer {
background: #248baa;
color: #000;
}
/*form*/
.forms{
background-color:rgb(204,204,204, 0.2)
}
.form_podaci{
color: #000;
font-weight: 500;
font-size: 0.8rem;
}
.form_titlea{
color: #248baa;
font-weight: 500;
font-size: 1.2rem;
}
.greenline{
border-bottom: 2px solid rgb(51,204,102);
}
.form_title{
color: #248baa;
font-weight: 500;
font-size: 0.8rem;
}
.list_title
{
color: #248baa;
font-weight: 500;
font-size: 2.0rem;
}.list_tit
{
color: #248baa;
font-weight: 500;
font-size: 1.2rem;
}
#sp-left .sp-module, #sp-right .sp-module {
margin-top: 50px;
border: 0px solid #f3f3f3;
padding: 0px;
border-radius: 3px;
}
.container-fluid {
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
/*detalji*/
.nas_podaci_a{
color: #248baa;
font-weight: 500;
font-size: 1.0rem;
}
.tekst_podaci{
font-weight: 300;
font-size: 1.0rem;
}.det_tab{
font-size: 1.0rem;
font-weight: 500;
color: #248baa;
}
.det_poda{
font-size: 1.0rem;
color:rgb(0,0,0, 1.0)
}
.cijene{
border-right: 1px solid rgb(204,204,204);
border-bottom: 1px solid rgb(204,204,204);
margin: 0px 0px 10px 0px;
}
.det_podnaslovi{
font-size: 1.3rem;
font-weight: 500;
color: #248baa;
}
.det_from{
font-size: 0.8rem;
color: rgb(126,126,126);
}
.det_price{
color: #248baa;
font-size: 1.3rem;
font-weight: 500;
}
.det_type{
font-size: 0.8rem;
}
.det_fa .fa{
color: rgb(36,139,170, 0.8);
font-size: 1.8rem;
}
.det_ikon{
}
.det_pod{
font-size: 0.8rem;
color:rgb(0,0,0, 0.5)
}
.det_model{
color: #248baa;
font-size: 1.0rem;
font-weight: 500;
margin: 0px 0px 0px 20px;
}.det_luka{
color: #248baa;
font-size: 1.0rem;
font-weight: 500;
}.det_nasl{
color: #248baa;
font-size: 2.0rem;
font-weight: 500;
}
.gallery li img {
height: auto;
max-width: 100%;
display: block;
}.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: 100px;
max-width: 100%;
}
#lightSlider{
width:300px;
height:200px;
}
/*list*/
.food{
object-fit: contain;
max-width: 100%;
height: auto;
max-height:200px;
}
.el_naslov{
color: #248baa;
font-size: 1.6rem;
font-weight: 500;
}
.el_from{
font-size: 0.8rem;
}
.el_curr{
color:#093;
font-weight: 700;
}
.el_type{
font-size: 0.8rem;
margin: 0px 0px 10px 0px;
}
.el_num{}
.el_nas{}
.el_price{
font-size:2rem;
color:#093;
font-weight: 700;
}
.el_loka{
color: #000;
font-size: 0.8rem;
font-weight: 300;
}
.el_loka_m{
color: #000;
font-size: 0.8rem;
font-weight: 300;
}
.elements{
font-size: 0.8rem;
}
.elements .fa{
color:#248baa;}
.el_pod{
margin: 5px 0px 5px 0px;
padding: 5px 10px 5px 10px;
background-color: #f6f6f6;
}
.btn-outline-info:hover {
color: #fff;
border-color: #17a2b8;
background: rgb(23,162,184, 0.5);
}
.btn-outline-info {
background: rgb(36,139,170);
color: #fff;
background-image: none;
border-color: #248baa;
}
#sp-main-body {
padding: 20px 0;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
cursor:pointer;
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
/* padding: .375rem .75rem;*/
padding: .300rem .55rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 0.8rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#map{
width:100%;
height:300px;}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
font-size:0.6rem;
}
.food: hover {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
}
.transition {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
}
.nema{
color:#F00;
font-size:1.0rem;
}
.nas_podaci{
font-weight: 500;
font-size: 1.0rem;
}
.boldano{
font-weight: 500;
}