html, body {
font-family: 'Gotham';
}
// for FB, IG
/* Container for the icons */
.navbar-nav > li.social-icons {
display: inline-flex !important; /* Keep items in one line */
float: none !important; /* Prevent Bootstrap float from breaking alignment */
vertical-align: middle !important;
padding-left: 15px; /* Space after "Kontakti" */
}
/* The link wrapper */
.navbar-nav > li.social-icons > a {
display: inline-block !important;
padding: 0 !important; /* Remove all default padding */
margin: 0 4px !important; /* Space between icons */
background: none !important; /* Ensure no background color on hover */
line-height: 50px !important; /* Match the standard height of the nav bar */
}
/* The Icon Image - This is where we fix the height */
.nav-social-img {
width: 50px !important; /* Icon width */
height: 50px !important; /* Icon height */
/* THE FIX: Manual Nudge */
position: relative !important;
top: 12px !important; /* Adjust this number (10px, 12px, 14px) until it's perfect */
display: inline-block !important;
}
/* Fix for mobile menu */
@media (max-width: 767px) {
.navbar-nav > li.social-icons {
display: block !important;
text-align: center;
padding: 10px 0;
}
.nav-social-img {
top: 0 !important; /* Reset nudge for mobile */
}
}
// for FB, IG
.navbar {
vertical-align: middle;
border: none;
min-height: 75px;
font-weight: normal;
text-transform: uppercase;
font-size: 12px;
}
.navbar-brand {
margin: 0px;
display: block;
}
.navbar-brand a {
border-bottom: none;
}
.tagline {
min-height: 75px;
padding-left: 20px;
position: relative;
top: -6px;
display: inline-block;
}
.tagline p {
display: inline-block;
font-weight: bold;
font-size: 12px;
color: #ea4800;
}
#navbar {
border: none;
}
#navbar ul {
-webkit-transition: .5s all ease-out;
-moz-transition: .5s all ease-out;
transition: .5s all ease-out;
}
.nav > li > a {
position: relative;
display: block;
min-height: 75px;
padding-top: 25px;
}
.nav > li > a:hover,
.nav > li > a:focus {
color: black;
text-decoration: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #f4f4f3;
-moz-box-shadow: inset 0 0 5px #ebebea;
-webkit-box-shadow: inset 0 0 5px #ebebea;
box-shadow: inset 0 0 5px #ebebea;
}
.hr {
min-height: 44px;
margin: 0px;
padding: 0px;
background-image: url("../img/hr.png");
}
.about {
margin-bottom: 80px;
}
h1 {
padding: 35px 0px 10px 0px;
margin: 0px;
font-size: 52px;
font-weight: 100;
text-transform: uppercase;
text-align: center;
word-wrap: break-word;
}
h1.xs {
font-size: 45px;
}
h2 {
font-family: 'Museo';
padding: 0px;
margin: 0 0 35px 0;
font-weight: 100;
font-size: 24px;
text-align: center;
}
.bullet-y {
vertical-align: text-bottom;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
list-style-image: url("../img/bullet.png");
}
.bullet-n {
font-family: 'Museo';
margin-bottom: 5px;
line-height: 115%;
font-weight: 300;
font-size: 14px;
list-style-type: none;
}
.xtra-margin-top {
margin-top: 50px;
}
.xtra-padding li {
padding-top: 10px;
margin-bottom: 0;
}
.fa-refresh {
color: #cccccd;
padding-left: 10px;
}
.fa-paper-plane {
padding-left: 5px;
opacity: 0.6;
filter: alpha(opacity=60);
}
.btn-line {
height: 1px;
width: 50%;
border-top: 1px solid #EA5710;
margin: -26px auto 30px auto;
}
.btn-stella {
margin-top: 30px;
padding: 15px 50px 15px 50px;
font-family: 'Museo';
font-weight: 300;
font-size: 18px;
color: #333333;
background-color: #FFFFFF;
border-color: #EA5710;
}
.btn-stella-white {
padding: 15px 50px 15px 50px;
font-family: 'Museo';
font-weight: 300;
font-size: 18px;
color: white;
background-color: #0c629d;
border-color: white;
}
.btn-stella-white:hover,
.btn-stella-white:focus,
.btn-stella-white:active,
.btn-stella-white.active,
.open .dropdown-toggle.btn-stella {
color: #dcdcdc;
border-color: #EA5710;
}
.white {
border-color: white;
}
.btn-stella:hover,
.btn-stella:active,
.btn-stella:focus,
.btn-stella.active,
.open .dropdown-toggle.btn-stella {
color: #2074d2;
border-color: #2074d2;
}
.btn-stella:active,
.btn-stella.active,
.open .dropdown-toggle.btn-stella {
background-image: none;
}
.btn-stella.disabled,
.btn-stella[disabled],
fieldset[disabled] .btn-stella,
.btn-stella.disabled:hover,
.btn-stella[disabled]:hover,
fieldset[disabled] .btn-stella:hover,
.btn-stella.disabled:focus,
.btn-stella[disabled]:focus,
fieldset[disabled] .btn-stella:focus,
.btn-stella.disabled:active,
.btn-stella[disabled]:active,
fieldset[disabled] .btn-stella:active,
.btn-stella.disabled.active,
.btn-stella[disabled].active,
fieldset[disabled] .btn-stella.active {
background-color: #FFFFFF;
border-color: #EA5710;
}
.btn-stella .badge {
color: #FFFFFF;
background-color: #333333;
}
/* Slider style */
#slider {
margin-top: 75px;
min-height: 50px;
}
#slider1_container {
display: none;
position: relative;
margin: 0 auto;
top: 0px; left: 0px;
width: 1300px;
height: 500px;
overflow: hidden;
}
#slider-load-0 {
position: absolute;
top: 0px;
left: 0px;
}
#slider-load-1 {
opacity: 0.7;
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#slider-load-2 {
position: absolute;
display: block;
background: url('../img/loading.gif') no-repeat center center;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#slides-container {
cursor: move;
position: absolute;
left: 0px;
top: 0px;
width: 1300px;
height: 500px;
overflow: hidden;
}
.slides-bullet-nav {
position: absolute;
bottom: 26px;
right: 6px;
}
.slides-bullet-nav div, .slides-bullet-nav div:hover, .slides-bullet-nav .av {
position: absolute;
/* size of bullet elment */
width: 19px;
height: 19px;
text-align: center;
line-height: 19px;
color: white;
font-size: 12px;
background: url('../img/b21.png') no-repeat;
overflow: hidden;
cursor: pointer;
}
.slides-bullet-nav div { background-position: -5px -5px; }
.slides-bullet-nav div:hover, .slides-bullet-nav .av:hover { background-position: -35px -5px; }
.slides-bullet-nav .av { background-position: -65px -5px; }
.slides-bullet-nav .dn, .slides-bullet-nav .dn:hover { background-position: -95px -5px; }
.slides-arrows-l, .slides-arrows-r {
display: block;
position: absolute;
/* size of arrow element */
width: 55px;
height: 55px;
cursor: pointer;
background: url('../img/a11.png') center center no-repeat;
overflow: hidden;
}
.slides-arrows-l { background-position: -3px -33px; top: 123px; left: 20%;}
.slides-arrows-r { background-position: -63px -33px; top: 123px; right: 20%;}
.slides-arrows-l:hover { background-position: -123px -33px; }
.slides-arrows-r:hover { background-position: -183px -33px; }
.slides-arrows-l.slides-arrows-ldn { background-position: -243px -33px; }
.slides-arrows-r.slides-arrows-rdn { background-position: -303px -33px; }
/* Slider style ends */
.contact-us {
padding-bottom: 60px;
text-align: center;
color: rgb(255,255,255);
background-image: url('../img/bg_contacts.jpg');
}
.contact-us a {
color: white;
}
.contact-us li {
padding: 3px 0px 10px 1px;
list-style: none;
}
.contact-item {
padding: 0px 10px 0px 10px;
}
#MyContactForm textarea, #MyContactForm input {
color: #333;
min-width: 300px;
border: none;
-moz-border-radius: 2px;
margin-bottom: 5px;
border-radius: 2px;
padding: 6px 3px 6px 7px;
}
.btn-contact {
background-color: transparent;
border: 1px solid white;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 5px 30px 5px 30px;
}
.girts {
padding: 20px 0px 40px 0px;
margin-right: 30px;
}
.galerija {
text-align: center;
padding-left: 0;
color: #fff;
padding-bottom: 50px;
background-image: url('../img/bg_galerija.jpg');
}
.offer {
padding-right: 50px;
padding-bottom: 50px;
text-align: center;
}
.footer {
font-size: 14px;
font-family: 'Museo';
padding: 40px 0 50px 0;
text-align: center;
color: #909091;
background-color: #010107;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 60px;
width: 60px;
right: 30px;
bottom: 30px;
}
}
@font-face {
font-family: 'Gotham';
src: url('gthm-book.eot');
src: url('gthm-book.eot?#iefix') format('embedded-opentype'),
url('gthm-book.woff') format('woff'),
url('gthm-book.ttf') format('truetype'),
url('gthm-book.svg#proxima_nova_rgbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('gthm-bold.eot');
src: url('gthm-bold?#iefix') format('embedded-opentype'),
url('gthm-bold.woff') format('woff'),
url('gthm-bold.ttf') format('truetype'),
url('gthm-bold.svg#gthm-bold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('gthm-light.eot');
src: url('gthm-light?#iefix') format('embedded-opentype'),
url('gthm-light.woff') format('woff'),
url('gthm-light.ttf') format('truetype'),
url('gthm-light.svg#gothm-thin') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Museo';
src: url('museo-300.eot');
src: url('museo-300?#iefix') format('embedded-opentype'),
url('museo-300.woff') format('woff'),
url('museo-300.ttf') format('truetype'),
url('museo-300.svg#gothm-thin') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Museo';
src: url('museo100.eot');
src: url('museo100?#iefix') format('embedded-opentype'),
url('museo100.woff') format('woff'),
url('museo100.ttf') format('truetype'),
url('museo100.svg#gothm-thin') format('svg');
font-weight: 100;
font-style: normal;
}
.thumbnail {
margin-bottom: 30px;
}
#lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 1050;
background-color: black;
opacity: 0.85;
display: none;
}
#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 1060;
text-align: center;
line-height: 0;
font-weight: normal;
}
#lightbox img {
width: auto;
height: auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#lightbox a img {
border: none;
}
#lightbox h4 {
font-family: 'Gotham';
margin-top: 0;
line-height: 1em;
}
#lightbox button.close {
font-family: 'Gotham';
font-size: 14px;
outline: none;
position: absolute;
top: -20px;
right: -20px;
opacity: 0.6;
color: white;
}
#lightbox button.close:hover {
color: #eeaaaa;
opacity: 1;
}
.lb-outerContainer {
position: relative;
background-color: white;
width: 250px;
max-width: 95%;
min-height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
min-height: 250px;
padding: 10px;
position: relative;
}
.lb-loader {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
}
.lb-prev, .lb-next {
width: 20%;
height: 100%;
background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
cursor: pointer;
/* Trick IE into showing hover */
display: block;
}
.lb-prev {
left: 0;
float: left;
}
.lb-next {
right: 0;
float: right;
}
.lb-prev:hover {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFH0lEQVR42s2aW0xbdRzHPe2hdGzlJgzb2gsairfVG5sLlBZa0MnMXNQx0PngHgwxy6YmPnILoA8t1xhJMOERfDEi46IPmphFwiXhBRU6E00wvkGAFMpFRv02+TX/E87OOZro//SffAI5/LLx6e///Z3/aXkgkUj8J/wPy0AYgUgY6ZpAsJXWIkwiA5joK8mkv4gARGAGFpALHiTywClglnRISDcRARjoVT8JCoADeMATRAldywdZVCsk4SuiLSHSK/4QCZSJovii2Wy+DF7F9yFcexq4SeZEaqulhwjrhAVYwZOg0m63X5+dnZ3f29v76+Dg4HB+fv6O1+u9RjIPk3R6iJCESSJxBgScTueNhYWFXxLH1urq6rLJZAqi5lGQmxoA+oowiWxgA15Q7XK5buLVv5u4z9rd3T3ANnsFdaUgn0RE/iLyYFskEjVut/vDxcXF3xIKKx6Pb0OkjjKUB0QeHdEONpOodTgcH62srPypJLG5ubnV1NQURm05Bd7CS0Q72NQJm832wfLy8h8qEtsVFRWfoDYEngJFIEuvsAuSTljpF6pGsN+fmZlZVpJYX1/fCYVC3ai9AJ4HDpDD/z4il7DRdKpCJm4h2L8qSWxsbOzW1tamJM4CJ02rTGDgKCIPNkmEkp3AiFWUODw8PKqpqelDbR04d0zCyPOsJQ82SRQVFd3CzW5FSWJraysWCAR6UXuRJFy0nUwkIfASkQebJKxWa3I7RVW203Z5eXmYOnEWuFknmAQHEcVgVyW3EzoR1Qh2D2pfBudIIo9lgiQ4iCgFuxrBvjk3N3dXpRNxBDsp8RJ1wnW/THAQkQXbLgl2cjspSsRisR2/3x+hTpQBpyQTBoDFTYQk2HbypoKNTkRVgp282UUoE2zESoLNU0Sg//QEKASPAT+CfUMj2DsIdjdJlAGXQrC5ioi0pZzgDDLxDjrxk5LE2tpaPBgMfobay+A8C7ZMgqMIO5LnGI3GYuz3t5eWln5WkohGozFMpy9Qfx3UglJ6LjdLg62nSG5GRoZ7ZGSkL6GyRkdHf0ftx+BdUMUelCjcOooIFPQcQRCKMzMzg4ODg1/iZ0dAtvb3949aW1t/RP174ALdZ05TxkQg6ClilNw7ngGX+vr6xtU609LS8i3qGoEPlIACkqGM6CeSCfJpq/hAQ39//7SaTHNz823UvQEqSIaywjrD/z7CRnABBdiHzDR0d3dPqcm0t7dPovYKqJR2hsnwFWGdYTIloNxgMNRHIpFJlhn56uzsnEJtPfBLZLKYDC8RuUwWKEzJgKu9vb3fqMl0dHRM0zZLZaZQKsNTRN4ZJuMDjZBRzUxbW9ukJDMepQHA+3lElHTGQ9um8R8MgHHUvU7yMhleImqZ8QCfKIpXKTOKKxwOf0cDwM9k2ADgK6I9AFQ709PT830yWyAAPLLMcBPRHgAN/3YAyDoD+IhoD4A3cZ/RGgATqHsNvAAeAXnApJcIGwBMphQEcD67Njw8fEfjOPMVTtaX6PhjAyc5vtOonRmSqcSb028NDQ39oHFqnkK2UqflHP7v/WpnxgMqaJpNU2bS+GMFuYx4XAbU49Q8xWRkIheplkT07Ii2zJWBgYGv8W/fk3jcm5iYuI2c+CjwOm8t7RNACTiPX7iuq6vr87GxsYXx8fEFfP+pxWIJ0ie8Vv3Drj0A8oGLnhqfBc/RVy94HNilj8X6iWjLmGnbnAYOUEw46Fq27E0KXUW0P4Yw0/bJJk7RNfanHLT+BkS8IzSKgDnWAAAAAElFTkSuQmCC") left 48% no-repeat;
}
.lb-next:hover {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFFklEQVR42s2aXUxbZRjHPf2ig3U43ESK/dgIrU6sU+dHKCvYgjJm5qIbbDov3IUhxjg18ZKvAHpRCoUYSTDhErwxIjLQC03MIuEj4QYVyhJNMN5BgPCNjPpv8m9O85JzGs1yTk/yC015S/jlef7P+54DDwiXRAzACEzECAzkvl7xePy+IF6pEmZg4VfKZL6IlFIBKzgKjoOHyIPABqxcI2WiiETMIBvkAQcoBmeIh++dADlcawBS5ojIrXSEEm7wlMlkClmt1tfAZbx+Ge+do9AjrJhJlskskaPg0YSEz+e7MTU1dWdvb29/Z2fnn4mJianCwsKb+N558AQoADa5MpkgwmAzB0UWiyW4uLg4Fxeu6enp351O5/tYUw6eTJGxUEZ3ERNF8oAXrfTq9vb2nqwgX6jSgsvl+gDrXgI+YAfHZBn9K2LilPJApGZra2sjrnDNzMz84Xa7P8bayqSM0GaS3iI2Br20vr4+vLq6uqYkMz8//7fD4fgEa6tkGWEA6Bj2bJAPSkDI7/d/BhnFyszNzf1lt9s/kisjDACd95Fc7hfPgupQKBRZXl7eVJIZHx+fwwD4kJkpoUyyMpJeIgaQxenlBM+B6qqqqsjKysq2kgwGwF1k5hbWVnCa2QUZXc5aRkHmeVBTWVkZ3d/fP1CSwWi+y8qEKHNoAGgtIlHGwjZzUeZieXl519ra2rqSDDbN+fz8/FuCjDAAtBKhjFAZN9usprS0NIw221Bps1hBQYEsIwwA7UR4CZk5DtyszAUMgE4OAKXKxNhmFQoDQAsR1cy4WJlXMAA6UZktJZnJyckFDACeAA4PAM1FeBlSMuPkKfhCIBDoWF9f31RpswVUJrXNCsUBoJmIOACE0VyDTbMDA2BDpTKxlAHgk9uMMtqKUOZwm53jAEjsM5tpBkDi1BwAj4GT4Ah/nqSZiCgjDIAXweVgMPjF0tKSWmZ+RWbeYYs52WImPUTEAWDlvbyXB8ebmGZfxWIxxX1mdnb2N+TqbaPReIp5swCDjiIMP2/EOGbfBZ8ODg7+GVe5BgYGomaz2c3P6ioiARN7/GHuE9Xgvaampl92d3eVjjEHvb29X2dlZQUlSUpWxKxrRihxAhSDMnC9sbHxB7VKRKPRYay7BM7Ke4ouYWclmA1K+MGVhoaG79Qkuru7x7DuGqWLQB7I0l6EEkIlzoOrLS0tt9UkIpHIKDKRlPDy8xy92uwjokR2ikQA1La1tY2qOBx0dHTcNhgMtVhbCooFCUmrI4oocTIlE1daW1vH1CS6urq+x7q6pAQ/ny1IaCIiBtuTzERzc7NqO0EikYnrlKaEUAkNRJQkysAbCPZwumBTIgA8KZUwaX0/Igbbw1/qajgc/lFNIpEJPCOuo7RHIROaiIiZ8IByUNfZ2flTGomxdMHWQkQSK/E/gn1NLdhai1h4qj0NXgCvI9gjafaJRCbeVAq2Xk8ac4AdnMUJ9RKOHd+oSfT399/BuekG288rSzDYOj77zQVF6PUKnGJH1ST6+vp+xsPut7jDe8VMZPyfFbhjj3E6+YFHKRP6VEQW8UDkooLIAU6xo1hTK0ooPOrRtbVOIx9lIyMjiRPtvRSJez09Pd8m9pP/IqFn2AvAGZvNFmxvb/98eHh4emhoaBqvv4RgDe/RixV2bP1FhNvXQvA48IGnwTP8WgJcIE8MdqaIiA8VjvE21gFOEQffy+UaWSIDRQxy8PnfD5AiOcAqPiXMJJF/AYJfIzT2wWtvAAAAAElFTkSuQmCC") right 48% no-repeat;
}
.lb-dataContainer {
color: #222222;
margin: 0 auto;
position: relative;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 10px;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-number {
font-size: 12px;
}
.lb-data .close {
font-family: 'Gotham';
font-size: 12px;
font-weight: bold;
position: absolute;
right: 10px;
outline: none;
opacity: 0.8;
}
.lb-data .close:hover {
opacity: 1;
}
/* centered columns styles */
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
vertical-align: text-top;
float:none;
/* reset the text-align */
text-align:left;
/* inline-block space fix */
margin-right:-4px;
}
.col-fixed {
/* custom width */
width:320px;
}
/* content styles */
.content {
display:table-cell;
vertical-align: top;
}
::selection {
background: #f39300; /* WebKit/Blink Browsers */
}
::-moz-selection {
background: #f39300; /* Gecko Browsers */
}