@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #fff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 18px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 18px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #ddd);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.4);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, #bb0d0d);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800&display=swap");
.slider-link,
.sliderlink {
max-width: fit-content
}
#header,
#header.header-scrolled {
width: -webkit-fill-available;
position: fixed
}
#header,
ul,
ul li {
padding: 0
}
.blog-single p>iframe,
.blog-single p>img,
.price-single p>iframe,
.price-single p>img,
.services-single-content p>img,
ul,
ul li {
margin: 0
}
.no-scroll,
.number-max {
overflow: hidden
}
.big-full-slide .slide::before,
.big-image-section .container-fluid::before {
clip-path: polygon(0% 0%, 30% 0%, 50% 100%, 0% 100%);
opacity: 70%
}
#call-block svg:hover,
#social img:hover {
transform: rotate(24deg)
}
#btnJump,
header .menu-button {
cursor: pointer
}
ul.tip1,
ul.tip1>li.vrijeme {
list-style-type: 1;
size: 100px
}
.blog-layout-1,
.google-logo,
.tip1 p {
vertical-align: middle
}
html {
scroll-behavior: smooth
}
.number-max {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
#header.header-scrolled {
border-color: #fff;
box-shadow: 0 2px 15px rgb(18 66 101 / .08);
padding-bottom: 12px
}
#header.header-scrolled .logo-img {
height: 40px
}
#header.header-scrolled .container-fluid {
padding-bottom: unset !important
}
#header {
transition: .5s;
background: #fff;
z-index: 9999;
top: 0
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
*,
::after,
::before {
box-sizing: border-box
}
body {
font-family: Barlow, sans-serif;
color: #303538 !important
}
ul {
list-style: none
}
a,
a:hover {
text-decoration: unset;
color: unset
}
.font-light {
font-weight: 200
}
.font-regular {
font-weight: 400
}
.font-medium {
font-weight: 500
}
.font-bold {
font-weight: 800
}
.js-novosti h4.kategorija-edukacija,
.js-novosti h4.naslov-edukacija,
.tc-primary,
.tc-secondry {
color: #303538
}
.bcg-accent,
.hover-accent:hover,
.price-single a,
.services-single-content a,
.tc-accent {
color: #a88443
}
.bcg-accent-secondry,
.hover-accent-secondry:hover,
.tc-accent-secondry {
color: #c1a87a
}
.hover-light:hover,
.tc-light {
color: #fff
}
.tc-light-secondry {
color: #f9f9f9
}
.tc-warning {
color: #ff2f0e
}
.bcg-primary,
.our-partners .slide,
.our-partners .slide .card-header {
background-color: #fff
}
.bcg-secondary {
background-color: #f9f9f9
}
.bcg-dark {
background-color: #000
}
.bcg-dark-secondry {
background-color: #919191
}
.font-size-xxl {
font-size: 72px
}
.font-size-xl {
font-size: clamp(27px, 2.5vw, 35px) !important;
line-height: 50px
}
.pagesingle .font-size-xl {
font-size: clamp(27px, 3.5vw, 50px) !important;
line-height: 100%
}
.font-size-xlg60 {
font-size: 50px !important;
line-height: 50px
}
.font-size-xlg40 {
font-size: 40px !important
}
.font-size-xlg {
font-size: 34px !important
}
.font-size-lg {
font-size: 23px
}
.font-size-md,
ul.wp-block-list {
font-size: 22px
}
.icon-section h2,
header .menu-item a {
font-size: 20px;
text-transform: uppercase
}
.font-size-sm {
font-size: 18px
}
.font-size-xs,
.profile-single .profile-image p {
font-size: 16px
}
.font-size-xss {
font-size: 14px
}
.font-size-s {
font-size: 12px
}
.padding-top-big,
.pt50,
section#zastomi {
padding-top: 50px
}
.padding-bottom-big {
padding-bottom: 50px
}
.padding-top-small {
padding-top: 20px
}
.section-title {
position: relative;
display: block;
text-indent: 99999
}
.section-title:after {
content: "";
position: absolute;
height: 2px;
width: 100%;
right: 0;
top: 30px;
left: 0;
background-color: #a88443
}
.big-full-slide .slide,
.big-image-section,
.clients-about-us,
.clients-about-us .container,
.contact-home-page,
.novosti .container,
.our-services .card-body,
.our-team .container,
.our-team .container .slide,
.price-single,
.price-single .container-fluid .container,
.title-section {
position: relative
}
.title-section {
background-color: #fff;
display: inline-block;
z-index: 999;
padding: 0 20px
}
.big-image-section .container-fluid {
position: relative;
display: flex;
justify-content: center
}
.big-image-section .container-fluid::before {
background-color: #000;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.big-image-section .container {
position: absolute;
transform: translate(0, -50%);
top: 50%;
margin: auto
}
.map-section {
height: 500px
}
.map-section iframe {
height: 100%
}
.contact .bottom-border {
border-bottom: 1px solid #fff
}
.clients-about-us .container .slide,
.contact .container,
.why-we .container {
position: relative;
z-index: 99
}
.contact input[type=email],
.contact input[type=text],
.contact textarea {
background: rgb(255 255 255 / .4);
border: 2px solid #707070;
color: #fff
}
.contact input[type=email]:active,
.contact input[type=email]:focus,
.contact input[type=text]:active,
.contact input[type=text]:focus,
.contact textarea:active,
.contact textarea:focus {
border: 2px solid #a88443;
outline: 0;
box-shadow: none;
background: rgb(255 255 255 / .4)
}
.contact input[type=email]:focus::placeholder,
.contact input[type=text]:focus::placeholder,
.contact textarea:focus::placeholder {
color: #fff0
}
.contact input[type=email]::placeholder,
.contact input[type=text]::placeholder,
.contact textarea::placeholder {
color: #fff
}
.contact input,
.contact textarea {
border-radius: 0;
padding: 1rem !important;
border: 2px solid #707070;
width: 100%
}
#social,
.blog-section .image-section img,
.contact span,
.other-services .image-section img {
width: 100%
}
.contact .wpcf7-submit {
background-color: #a88443;
color: #fff;
font-weight: 500;
font-size: 22px;
border: 2px solid #a88443;
letter-spacing: 2px;
transition: .4s ease-in-out;
padding: 16px 64px
}
.contact .wpcf7-submit:hover {
background-color: #fff;
color: #a88443;
transition: .4s ease-in-out
}
.contact .wpcf7-submit:focus,
.newsletter-section .btn-success:focus {
box-shadow: none
}
.form-check input[type=checkbox]:checked {
background-color: #a88443;
border-color: #a88443;
outline: 0 !important
}
.form-check input[type=checkbox] {
outline: 0;
width: 1.5rem;
height: 1.5rem;
border: 2px solid #a88443
}
.contact .form-check .form-check-input:focus {
outline: 0;
box-shadow: none;
border: 2px solid #a88443
}
.our-services .card {
border-bottom: 5px solid #a88443;
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
box-shadow: -3px 3px 12px rgb(0 0 0 / .2)
}
.our-services .card-body .icon-section {
background: #a88443;
position: absolute;
right: 0;
padding: 15px;
transform: translate(0, -50%);
top: 0
}
.why-we .font-size-lg {
font-size: 24px !important;
text-transform: lowercase !important
}
.why-we svg {
height: 80px !important
}
.offer-and-price .view-more {
background: #a88443;
color: #fff;
font-size: 22px;
padding: 10px 15px;
transition: .3s;
font-weight: 500
}
.offer-and-price svg,
.price-single .container-fluid .container .row .text-header-section img {
height: 12px
}
.offer-and-price .view-more:hover {
background: #c1a87a;
color: #fff
}
.offer-and-price .card {
min-height: 640px;
background: #f7f7f7;
padding: 40px 20px;
border-radius: 10px;
border-bottom: solid #f7f7f7 !important;
border-top: solid #f7f7f7 !important
}
.offer-and-price .card:hover {
background: #f6f7fb;
padding: 40px 20px;
border-bottom: solid #a88443 !important;
border-top: solid #a88443 !important
}
.blog-section .new-post-title,
.blog-section .other-services-title,
.blog-section .text-section,
.other-services .new-post-title,
.other-services .other-services-title,
.other-services .text-section {
align-self: center;
position: relative
}
.blog-section .new-post-title .bottom-border,
.blog-section .other-services-title .bottom-border,
.blog-section .text-section .bottom-border,
.other-services .new-post-title .bottom-border,
.other-services .other-services-title .bottom-border,
.other-services .text-section .bottom-border {
position: relative;
padding-bottom: 15px;
padding-top: 5px
}
.blog-section .new-post-title .bottom-border::before,
.blog-section .other-services-title .bottom-border::before,
.blog-section .text-section .bottom-border::before,
.other-services .new-post-title .bottom-border::before,
.other-services .other-services-title .bottom-border::before,
.other-services .text-section .bottom-border::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 150px;
height: 5px;
background: #a88443
}
.cookies {
position: fixed;
bottom: 50px;
width: 100%
}
.cookies .container .row {
background: #fff;
box-shadow: -3px 3px 12px rgb(0 0 0 / .2);
margin: 0
}
.cookies .container .btn-accept {
background: #a88443;
color: #fff;
font-size: 22px;
font-weight: 400;
padding: 16px 32px
}
.big-full-slide .slide::before,
.clients-about-us::after {
background-color: #c1a87a;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: ""
}
.cookies .container .btn-cancel {
background: #c1a87a;
color: #000;
font-size: 22px;
font-weight: 400;
padding: 16px 32px
}
.cookies .container .btn-accept,
.cookies .container .btn-cancel:focus {
outline: 0;
box-shadow: none
}
.logo-img {
height: 60px
}
footer .logo-img {
height: 50px
}
header .menu-item a {
position: relative;
color: #aa8642 !important;
font-weight: 700;
padding: 10px 20px;
margin: 5px
}
header .kontak-class a,
header .menu-item a:hover {
background: #303538;
color: #fff !important;
border-radius: 5px
}
.our-team .vijest.show,
.text-center.col-12.manje.vijest.show,
header .current_page_item a::before {
display: block !important
}
.icon-section svg {
width: 15%
}
.icon-section {
border-top: 1px solid #a38548;
border-bottom: 1px solid #a38548
}
.icon-section .border-right {
border-right: 1px solid #a38548
}
.icon-section h2 {
color: #a38548
}
.icon-section .col-6 {
padding: 10px 0
}
.fix-body {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgb(0 0 0 / .25);
z-index: 99
}
.home-hero-carousel {
border-radius: 10px;
margin-top: 100px
}
.button-def {
background: #a88443;
color: #fff;
font-size: 18px;
padding: 6px 16px;
transition: .3s;
font-weight: 500;
display: inline-block;
border-radius: 4px
}
.button-link {
color: #5797aa;
font-weight: 700
}
.slick-dots {
display: flex;
justify-content: center
}
#HiddenText,
#btnJump,
.HiddenText0,
.HiddenText1,
.HiddenText2,
.HiddenText3,
.HiddenText4,
.HiddenText5,
.HiddenText6,
.boxMe:hover svg,
.our-team .hide,
input#fajl {
display: none
}
.slick-dots li button {
border: none;
background-color: #ebebeb;
border-radius: 50%;
height: 10px;
width: 10px;
color: #fff0;
margin: 30px 5px
}
.slick-dots li.slick-active button {
background-color: #a88443;
transition: transform .1s ease-in-out, color .1s ease-in-out
}
.big-full-slide .slide .slide-text {
padding: 20px 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
align-items: center;
display: flex
}
.why-we {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.our-team .container .slide .card {
box-shadow: -3px 3px 12px rgb(0 0 0 / .2);
margin: 10px
}
.text-center.col-12.vise.vijest.show {
display: none !important
}
.clients-about-us::after {
z-index: -1
}
.clients-about-us .container .slide .card {
position: relative;
background: #fff0;
border: none;
padding-top: 80px
}
.clients-about-us .container .slide .card .card-body {
background: #f9f9f9;
position: relative;
margin: 20px;
padding: 40px;
box-shadow: -3px 3px 16px rgb(0 0 0 / .5)
}
.clients-about-us .container .slide .card .card-body .card-image {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999
}
.clients-about-us .container .slide .card .card-body .card-image img {
border: 5px solid #fff;
border-radius: 50%
}
.clients-about-us .container .slide .card .card-body .card-body-text {
padding-top: 60px
}
.clients-about-us .container .slick-next,
.clients-about-us .container .slick-prev {
background: #fff0;
border: none;
transform: translate(0, -50%);
position: absolute;
top: 50%
}
.clients-about-us .container .slick-next img,
.clients-about-us .container .slick-prev img {
opacity: 20%
}
.clients-about-us .container .slick-prev {
left: 0
}
.clients-about-us .container .slick-next {
right: 0
}
.contact-home-page::after {
background: rgb(0 0 0 / .9);
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.newsletter-section .form-control {
transition: border-color .15s ease-in-out;
padding: 16px 10px;
border: 2px solid #a88443;
color: #000;
font-size: 18px;
font-weight: 400;
border-radius: 0
}
.newsletter-section .form-control:focus {
border: 2px solid #c1a87a;
border-right: 2px solid #a88443;
box-shadow: none
}
.newsletter-section .btn-success {
background: #a88443;
color: #fff;
font-size: 22px;
font-weight: 400;
border: 2px solid #a88443;
transition: .6s ease-in-out;
padding: 16px 32px;
border-radius: 0
}
.kontak-button,
.sliderlink:hover {
transition: .3s
}
.newsletter-section .btn-success:hover {
color: #000;
border: 2px solid #a88443;
transition: .6s ease-in-out
}
.newsletter-section input[type=email]:focus::placeholder {
color: #fff0
}
.newsletter-section input[type=email]::placeholder {
color: #000
}
.contact-page .bottom-border {
border-bottom: 1px solid #a88443
}
.contact-page input[type=email],
.contact-page input[type=text],
.contact-page textarea {
color: #000
}
.contact-page input[type=email]:focus::placeholder,
.contact-page input[type=text]:focus::placeholder,
.contact-page textarea:focus::placeholder {
color: #fff0
}
.contact-page input[type=email]::placeholder,
.contact-page input[type=text]::placeholder,
.contact-page textarea::placeholder {
color: #000
}
.contact-page .card img {
height: 28px;
width: 28px
}
.text-section p {
font-size: 16px;
font-weight: 400;
color: #000
}
.blog-single p,
.default-page p {
color: #424143 !important;
margin: 0
}
.accordion-section .accordion-item {
border: none;
margin-bottom: 20px
}
.accordion-section .accordion-item .accordion-body {
padding: 0 15px;
background: #f9f9f9
}
.accordion-section .accordion-item .accordion-button {
background-color: #aa8642;
box-shadow: none;
color: #fff;
font-size: 28px;
font-weight: 400
}
.accordion-section .accordion-item .accordion-button:not(.collapsed)::after {
background-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/images/minus-icon.svg);
height: .25rem
}
.accordion-section .accordion-item .accordion-button::after {
background-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/images/plus-icon.svg);
height: 1.25rem
}
.accordion-section .accordion-item table {
border: none;
margin: 0;
width: 100%
}
.accordion-section .accordion-item table td,
.accordion-section .accordion-item table th {
border: none
}
.accordion-section .accordion-item thead th {
color: #aa8642;
font-size: 18px;
font-weight: 700
}
.accordion-section .accordion-item tbody td,
.accordion-section .accordion-item tbody th {
color: #919191;
font-size: 18px;
font-weight: 400
}
.blog-single p {
line-height: normal;
font-size: 25px !important;
text-align: justify
}
.default-page h3.wp-block-heading {
line-height: normal;
margin-top: 15px
}
.default-page p {
line-height: 1.5;
font-size: 20px !important
}
.blog-single h3 {
padding: 15px 0 0;
margin: 0
}
.blog-single ul {
padding-left: 42px;
list-style: disc
}
.blog-single iframe,
.price-single iframe {
margin: 15px 0 0;
border: none;
display: flex;
max-width: 100%;
width: 100%
}
.blog-single img,
.price-single img,
.services-single-content img {
margin: 10px 0
}
.blog-single .twitter-tweet,
.price-single .twitter-tweet,
.services-single-content .twitter-tweet {
margin: 0 auto !important
}
.blog-single .twitter-tweet iframe,
.price-single .twitter-tweet iframe,
.services-single-content .twitter-tweet iframe {
margin: 25px 0 0
}
.blog-single .new-post-title .bottom-border,
.price-single .new-post-title .bottom-border,
.services-single-content .other-services-title .bottom-border {
position: relative;
padding-bottom: 10px;
padding-top: 0
}
.blog-single .new-post-title .bottom-border::before,
.price-single .new-post-title .bottom-border::before,
.services-single-content .other-services-title .bottom-border::before {
width: 100px;
height: 3px
}
.blog-author {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600
}
.price-single .container-fluid {
position: relative;
padding: 30px 0;
background: rgb(168 132 67 / .1)
}
.price-single .container-fluid .container .row {
justify-content: end;
align-items: center;
position: relative
}
.price-single .container-fluid .container .row .text-header-section {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translate(0, -50%)
}
.price-single .container-fluid a {
background: #a88443;
color: #fff;
font-size: 18px;
font-weight: 400;
padding: 10px;
display: inline-block
}
.price-single .container-fluid .badge {
color: #ff2f0e;
font-size: 18px;
font-weight: 400;
border: 1px solid #ff2f0e;
display: inline-block;
border-radius: 0
}
.price-single p,
.services-single-content p {
margin: 10px 0;
color: #000
}
#btnJump,
.boxMe:hover,
.pagesingle,
.services-single-image .container-fluid::before,
.sliderBox,
.swiper-pagination-bullet-active {
background-color: #a88443
}
.services-single-content .slide-section {
margin-top: 15px
}
.services-single-content iframe {
margin: 15px auto auto;
border: none;
display: flex;
max-width: 100%;
width: 100%
}
.services-single-content p>iframe {
margin: 0 auto auto
}
.profile-single .profile-image {
margin-top: -150px;
background: #f9f9f9;
padding: 64px 32px
}
.profile-single .profile-image h2 {
font-size: 42px;
font-weight: 400;
color: #000;
margin: 15px 0
}
.profile-single .profile-image h3 {
font-size: 22px;
font-weight: 400;
color: #000;
margin: 15px 0
}
.profile-single p {
font-size: 18px;
font-weight: 400;
color: #000
}
.profile-single .about-profile {
background: #f9f9f9
}
.home-hero .hero-title {
font-size: clamp(1rem, 4vw + .5rem, 6rem);
font-weight: 700;
text-align: left;
z-index: 2
}
.home-hero .subtitle {
font-size: clamp(.9px, 2vw + .3rem, 6rem)
}
.swiper-pagination-bullet {
width: 12px !important;
height: 12px !important
}
.call-block {
position: fixed;
bottom: 80px;
right: 26px;
z-index: 999;
}
.call-block li {
margin-bottom: 10px
}
.call-block li svg {
width: 52px;
height: 52px
}
.test {
display: flex;
flex-direction: column;
justify-content: space-between
}
hr.sliderhr {
border: 4px solid #744b00;
max-width: 200px
}
.stil-h2 {
font-size: clamp(18px, 2.2vw, 27px) !important;
color: #303538;
font-weight: 300;
line-height: 32px
}
.stil-h1 {
font-size: clamp(24px, 5vw, 50px) !important;
line-height: 70px;
font-weight: 600;
color: #303538
}
.slider-h1,
.slider-h2 {
color: #303538;
line-height: 100%
}
.slider-h1 {
font-size: clamp(1.1rem, 3.5vw, 20px) !important;
font-weight: 400
}
.slider-h2 {
font-size: clamp(1.2rem, 2.5vw, 2.3125rem) !important;
font-weight: 700;
font-palette: light
}
.slider-button,
.slider-link {
font-size: 16px;
padding: 3px 16px 5px;
font-weight: 500;
display: inline-block;
border-radius: 5px;
text-align: center;
transition: .3s
}
.slider-button,
.slider-link:hover {
background: #a88443;
color: #fff
}
.slider-button-2 {
background: #d3c9b7;
color: #303538
}
.kontak-button:hover,
.slider-button:hover,
.slider-link,
.sliderlink:hover {
background: #303538;
color: #fff
}
.home-hero .slider-button {
max-width: 37%
}
.slider-link:hover i {
transform: translateX(10px)
}
.slider-link_group {
display: grid;
gap: 10px;
justify-items: center;
margin-top: 20px;
bottom: 10px;
position: absolute
}
.sliderlink {
font-weight: 600;
border: 2px solid #a58247;
padding: 2px 16px 4px;
border-radius: 4px;
text-align: center
}
.swiper-wrapper {
max-height: 424px
}
.gap-5 {
gap: 5%
}
.py-4 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.textAndLink {
padding: 0 max(22rem, 39% - 393.5rem);
text-align: center
}
.textAndLink_2 {
padding-left: max(2rem, 39% - 371.5rem);
padding-right: max(2rem, 39% - 371.5rem);
text-align: center
}
.line {
width: 140px;
height: 0;
border: 2px solid #a88443;
margin-top: -5px;
margin-bottom: 20px
}
.mega-sub-menu {
max-height: 80vh; overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-align-bottom-left.mega-toggle-on>a.mega-menu-link,
header .kontak-class a {
border-radius: 5px !important
}
h2.font-size-xl.tc-secondry.font-regular {
font-size: 40px !important;
font-weight: 700;
line-height: 30px
}
h3.font-size-xl.tc-secondry.font-regular {
font-weight: 700;
font-size: 30px !important;
line-height: 100%
}
span.font-size-xxl.tc-primary.font-bold {
color: #a88443;
font-size: 55px;
line-height: inherit
}
.float-left {
float: left
}
.float-right {
float: right
}
h3.subtitle-section {
font-size: 20px;
font-weight: 300;
line-height: 50px;
margin-bottom: -12px
}
section.container.pagesingle h3.subtitle-section {
font-variant: all-small-caps;
font-size: 30px;
font-weight: 200;
line-height: 50px
}
header .kontak-class a {
background: #303538 !important;
color: #fff !important;
font-weight: 500 !important
}
.mega-sub-menu {
margin-top: 20px !important
}
.submenuBorder {
padding-left: 14px !important;
border-left: 1px solid #6c757d !important;
height: 220px !important
}
.sliderBox {
width: 140px;
height: 140px;
border-radius: 10px;
position: absolute;
right: 2px;
bottom: -10px
}
.swiper-pagination {
text-align: right;
right: 20px;
left: unset !important
}
.titula,
h4.doktor {
text-align: center
}
.swiper-text {
background-color: #f7f7f7;
padding: 50px;
position: absolute;
width: 39rem;
top: 180px;
z-index: 9;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px
}
.sliderHome {
position: relative;
right: -35%
}
.sliderVerticalLine {
width: 150px;
height: 200px;
right: -50px;
top: 120px;
z-index: 9999;
position: absolute;
background-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/img/bgLine.png);
background-repeat-x: repeat;
background-size: contain
}
.slick-dots {
margin-top: 30px
}
.borderTop {
border-top: 2px solid #30353887
}
.borderBottom {
border-bottom: 2px solid #30353887
}
.borderLeft {
border-left: 2px solid #30353887
}
.borderRight {
border-right: 2px solid #30353887
}
.why-we svg path {
fill: #a88443
}
.p-30 {
padding: 40px !important
}
.boxMe:hover {
border: 0
}
#item-0:hover .HiddenText0,
#item-1:hover .HiddenText1,
#item-1:hover .HiddenText3,
#item-2:hover .HiddenText2,
#item-3:hover .HiddenText3,
#item-4:hover .HiddenText4,
#item-5:hover .HiddenText5,
#item-6:hover .HiddenText6,
.boxMe:hover #HiddenText {
display: flex;
height: 80px;
align-items: center;
flex-wrap: wrap;
align-content: space-around;
justify-content: center;
flex-direction: column
}
.HiddenText {
font-size: 22px;
line-height: 8px;
color: #fbfbfb;
font-weight: 600
}
.HiddenText0,
.HiddenText1,
.HiddenText2,
.HiddenText3,
.HiddenText4,
.HiddenText5,
.HiddenText6 {
line-height: 8px;
color: #fbfbfb;
font-size: 2vw;
font-variant: all-petite-caps;
font-weight: 600
}
#item-0:hover,
#item-1:hover,
#item-2:hover,
#item-3:hover,
#item-4:hover,
#item-5:hover,
#item-6:hover {
background-color: #917032c4
}
header .current_page_item a {
color: #aa8642
}
.uslugeSub {
font-size: 18px;
line-height: 20px;
color: #303538;
font-weight: 400
}
.pt100 {
padding-top: 100px
}
.klijenti {
background: #f7f8fa;
padding-bottom: 70px;
padding-top: 30px;
position: relative
}
.navodnik {
width: 130px;
right: 0;
z-index: 99999;
position: absolute;
top: -40px
}
.slick-arrow {
border: 0;
background: #fff0;
font-size: 30px;
color: #a88443
}
.ocjena,
.ocjena-top,
.ocjenabroj {
color: #fff;
text-shadow: 0 2px 3px rgb(0 0 0 / .25)
}
.klijenti-onama .card {
margin-top: 50px
}
#komande {
position: inherit;
bottom: 10px
}
#footerSlider {
height: 80px;
background: #d3c9b7;
bottom: 0;
position: absolute;
width: 100%;
left: 0;
display: flex;
align-items: center;
justify-content: center
}
#footerSlider path {
filter: drop-shadow(1px 0 2px rgb(255 255 255 / .4))
}
.ocjena,
.ocjena-top {
font-size: 24px;
display: flex;
align-items: center;
justify-content: center
}
.google-logo {
height: 35px;
margin-left: 10px;
width: auto
}
.ocjenabroj {
font-size: 50px;
padding: 10px
}
#social img:hover {
filter: opacity(.9)
}
#call-block svg {
filter: drop-shadow(0 2px 2px #6c757ddb)
}
#kontaktForm {
background-color: #d3c9b7;
min-height: 600px;
display: flex;
align-items: center;
justify-content: center;
color: #2d2e30
}
#kontaktForm .txt {
font-size: 25px;
text-align: justify;
font-weight: 500
}
.kontak-button {
background: #fff;
color: #a88443;
font-size: 25px;
padding: 8px 25px;
font-weight: 500;
display: inline-block;
border-radius: 6px;
width: 100%
}
#btnJump,
#sfba-form2-heading span,
.fontWhite,
.js-novosti h4.kategorija-novost,
.js-novosti h4.naslov-novost {
color: #fff
}
.our-team .card,
.pagesingle {
display: flex
}
#btnJump {
bottom: -10px;
font-size: 18px;
border: none;
outline: 0;
padding-left: 10px;
padding-right: 10px;
border-radius-top: 4px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
position: fixed;
z-index: 999999;
display: inline-flex;
transition: opacity .3s;
opacity: 1;
inset: auto auto 0 50%;
transform: translateX(-50%)
}
#btnJump:hover {
background-color: #303538;
padding-top: 10px
}
#btnJump:hover i {
transform: translateY(-10px)
}
.h-200 {
height: 200% !important
}
.titula {
color: #a88443;
font-size: 20px;
min-height: calc(87px - 1rem)
}
.pod_naslov,
.podnaslov {
font-size: 30px;
font-weight: 200
}
h4.doktor {
padding-top: 30px;
font-size: 32px;
font-weight: 400
}
.p-50 {
padding: 0 50px 20px
}
.pagesingle {
color: #fff;
padding: 80px;
align-items: center;
justify-content: center;
margin-bottom: 100px;
margin-top: 80px
}
.podnaslov {
max-width: max-content;
display: inline;
line-height: 50px
}
.pod_naslov {
line-height: normal
}
.is-style-new .wp-block-media-text__content {
padding-left: 0 !important
}
.pageTxt {
font-size: 25px !important;
text-align: justify !important;
line-height: 32px !important;
margin-bottom: 0
}
.centriraj {
display: flex;
align-items: center;
justify-content: center
}
span.bold55 {
font-size: 55px;
font-weight: 900;
color: #424143
}
span.bold40 {
font-size: 40px;
font-weight: 900
}
span.extraColor {
color: #a88443;
font-weight: 800
}
ul.tip1 {
list-style-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/images/Aurum_icon.svg);
font-size: 25px
}
.tip1 li {
padding-left: 25px;
padding-top: 25px;
margin: 0
}
.tip1 p {
display: inline-block;
margin-top: -25px
}
.tip1 a {
color: #a88443 !important
}
.wp-block-pb-accordion-item {
border-top-color: #3035388f;
border-top-style: solid;
border-top-width: 1px;
padding: 30px
}
.pagebreake,
.pagebreakeXL {
padding: 25px;
font-size: 20px
}
.accordionend {
border-bottom-color: #3035388f;
border-bottom-style: solid;
border-bottom-width: 1px
}
.c-accordion__content p {
padding: 30px 10px 0 30px;
font-size: 22px;
line-height: 29px !important
}
.c-accordion__title:after {
right: -20px
}
.ucitajvise .c-accordion__title:after {
color: #777;
content: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/images/Aurum_icon_pocesrada_0130x30.svg) " Saznajte više";
font-weight: 500;
font-size: 22px;
position: absolute;
width: max-content;
left: 0;
top: 80%;
transform: translateY(-50%)
}
.ucitajvise .c-accordion__content p {
padding: 0 10px 0 0;
font-size: 25px;
line-height: 32px !important
}
ul.tip1>li.vrijeme {
list-style-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/images/Aurum_icon_vrijeme.svg);
font-size: 25px
}
.ucitajvise.wp-block-pb-accordion-item {
border-top: 1px unset;
padding: unset;
padding-top: 43px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
#at-19504,
h2#at-13020,
h2#at-17215,
h2#at-17216 {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2
}
.ucitajvise .c-accordion__content {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1
}
.ucitajvise_pading.wp-block-pb-accordion-item {
padding-top: 20px !important
}
.ucitajvise.is-open>.c-accordion__title:after {
content: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/images/Aurum_icon_pocesrada_0230x30.svg) " Smanji tekst";
top: 30px;
position: relative
}
.wp-block-pb-accordion-item h2:first-letter {
color: #aa8642;
font-size: 40px;
padding-right: 10px
}
.pagebreake {
color: #212529;
margin-top: 100px;
background-color: #d3c9b7
}
.pagebreakeXL {
margin-top: 50px;
background-color: #f7f7f7
}
.imgText,
.imgText_2 {
max-width: 650px;
background-color: #fff;
padding: 50px;
right: -40px;
border-radius: 20px;
position: absolute
}
.pagebreakeXL .paddingLeft .wp-block-media-text__content {
PADDING-LEFT: 0
}
.pagebreakeXL .paddingRight .wp-block-media-text__content {
PADDING-RIGHT: 0
}
.pagebreake img {
max-width: 60px
}
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus,
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:focus,
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
a.mega-menu-link:before {
color: #a88443;
font-weight: 300;
text-decoration: none !important;
background: #fff0
}
.djecija-stomatologija>a:before,
.ortodoncija>a:before,
.titanijum-proteza>a:before,
.zubni-implantati>a:before {
content: "- " !important;
background-color: #212529 !important
}
.h-300,
.mh-300 {
min-height: 300px
}
.page-template-template-about-page .blog-single p {
line-height: 28px !important
}
h3.subtitle-section-onama {
font-variant: common-ligatures;
font-size: 30px;
font-weight: 200;
line-height: 100%
}
.imgText_2 {
bottom: -80px !important
}
.imgText p {
text-align: start
}
a.extraColor:hover {
text-decoration: underline
}
.fontUsluga {
text-align: center;
color: #fff;
line-height: 28px;
font-size: 20px;
font-weight: 300
}
.blog article:first-child .ast-blog-featured-section {
max-width: 39%;
float: left;
margin-left: 5%;
margin-bottom: 0
}
.blog article:first-child .post-thumb img {
max-height: 445px;
-o-object-fit: cover;
object-fit: cover;
object-position: left
}
.blog article:first-child .entry-content,
.blog article:first-child .entry-header {
max-width: 50%;
float: left !important;
padding: 3rem 2rem 0;
clear: none
}
.entry-header {
margin-bottom: 1em;
word-wrap: break-word
}
.blog article:first-child .entry-content {
padding: 0 3.5rem 2rem;
min-height: auto !important
}
article:first-child .entry-content {
max-width: 50%;
float: left !important;
padding: 2rem;
clear: none
}
.blog article:first-child .blog-layout-1 {
padding-bottom: 0
}
.blog-layout-1 {
width: 100%;
display: inline-block;
padding-bottom: 2em;
border-bottom: 1px solid #eee
}
.blog .blog-layout-1 img {
margin: 10px 0;
height: 445px;
object-fit: cover;
object-position: center
}
.blog article:not(:first-child) {
width: 50%;
float: left;
padding: 2% 6%
}
.blog-pozadina {
background-color: #d3c9b7;
height: 450px;
position: absolute;
z-index: -1
}
.ast-article-post {
margin-top: 4%;
color: #fff
}
.img-single-blog img {
height: 400px;
width: auto;
max-width: 40%;
margin-top: 8%;
margin-bottom: 60px;
object-position: left;
object-fit: cover
}
.img-single-blog-1 img {
min-height: 445px;
width: 445px;
margin-bottom: 60px;
object-position: center;
object-fit: cover
}
.single-blog-p p {
font-size: 18px;
text-align: justify
}
.single-blog-p ul {
list-style: unset;
padding-left: 2rem
}
.img-single-blog-1 {
min-width: 450px
}
.blog article:not(first-child) .blog-layout-1 {
border-bottom: 0
}
.blog article:not(first-child) .entry-content,
.blog article:not(first-child) h2 {
padding: 0 1rem;
color: #303538
}
.blog-single p>img {
margin: 0;
border-radius: 10px
}
.vise svg {
margin-right: 13px
}
.vise {
margin-top: 25px;
font-size: 18px;
font-weight: 500
}
#sfba-form2-button:hover {
background-color: #303538 !important;
color: #fff !important
}
#sfba-form2-button {
background-color: #d3c9b7 !important;
color: #303538 !important;
font-size: 16px !important;
border-radius: 5px !important;
max-width: 15%;
display: inline-block !important;
padding: 10px !important
}
.sfba_subscribe_form {
background-color: #f7f7f7;
padding: 25px
}
.sfba_subscribe_form__fields .sfba-form2-fields {
width: 35rem !important;
padding: 19px !important;
font-size: 16px !important;
background-color: #ffffff00 !important;
border: 1px solid #303538 !important;
border-radius: 10px !important;
height: 32px;
font-weight: 400;
font-family: inherit;
outline: 0;
margin: 3% !important
}
.narucise input,
.narucise textarea {
border: 2px solid #8b8787;
width: 100%
}
#sfba-form2-container {
background-color: transparent !important;
width: 100% !important
}
.sfba_subscribe_form__fields_wrap {
max-width: unset !important
}
.subscribeform1_sub_heading {
color: #303538 !important;
font-size: 15px !important;
line-height: 20px !important;
font-family: Barlow, sans-serif !important;
padding: 0 max(1rem, 39% - 393.5rem)
}
#sfba_thanks_container {
justify-content: center
}
#sfba-form2-container #sfba-form2-heading {
margin: 0 0 10px;
font-weight: 400 !important;
font-size: 23px !important;
color: #303538 !important;
padding-bottom: 10px !important;
max-width: 60%;
display: inline-block;
font-family: Barlow, sans-serif !important
}
.narucise a {
text-decoration: underline !important
}
.narucise input {
padding: 10px;
border-radius: 10px;
height: 4rem
}
.narucise label {
color: #a88443;
font-size: 1.2rem;
padding-bottom: 5px
}
.narucise textarea {
resize: vertical;
padding: 10px;
border-radius: 10px
}
label.inputfajl {
width: 100%;
border: 2px solid #8b8787;
padding: 19px;
border-radius: 10px
}
input:focus-visible,
textarea:focus-visible {
border: 2px solid #a88443;
outline: 0 !important;
box-shadow: none !important
}
.wpcf7-not-valid {
border: 2px solid #f44336 !important
}
.besplatan-parking img {
width: 200px;
padding: 2px
}
.trebate-pomoc img {
max-width: 70px
}
.trebate-pomoc ul {
margin-top: 20px;
font-size: 1.2rem
}
.h-400 {
min-height: 400px
}
.kako-do-nas h2 {
font-size: 4rem
}
.kako-do-nas ul {
margin-top: 30px;
font-weight: 400
}
.kako-do-nas img {
max-width: 100px
}
.copyright {
color: #fff;
position: relative;
margin-top: 50px;
background-color: #aa8642;
padding-top: 20px;
padding-bottom: 10px
}
.pretplata {
color: #212529;
width: 100%;
min-height: 600px;
background-color: #d5cab8;
padding: 6%;
font-size: 20px;
background-position: center
}
.pyy-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item a.mega-menu-link:before {
width: 35px !important;
height: 35px !important;
margin: 0 15px 0 0 !important
}
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
background: #a88443;
color: #fff;
font-weight: 600;
text-decoration: none;
border-color: #fff
}
.zubni-implantati>a:before {
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_zubni_implantati.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_zubni_implantati.svg) !important
}
.all-4>a:before,
.all-6>a:before,
.estetska-stomatologija>a:before,
.oralna-hirurgija>a:before,
.parodontologija>a:before,
.snimanje-zuba>a:before,
.zubna-tehnika>a:before,
.zubne-krunice>a:before {
-webkit-mask-size: cover;
content: "- " !important;
background-color: #212529 !important
}
.all-4>a:hover:before,
.all-6>a:hover:before,
.djecija-stomatologija>a:hover:before,
.estetska-stomatologija>a:hover:before,
.mega-current-menu-item.all-4>a:before,
.mega-current-menu-item.all-6>a:before,
.mega-current-menu-item.djecija-stomatologija>a:before,
.mega-current-menu-item.estetska-stomatologija>a:before,
.mega-current-menu-item.oralna-hirurgija>a:before,
.mega-current-menu-item.ortodoncija>a:before,
.mega-current-menu-item.parodontologija>a:before,
.mega-current-menu-item.snimanje-zuba>a:before,
.mega-current-menu-item.titanijum-proteza>a:before,
.mega-current-menu-item.zubna-tehnika>a:before,
.mega-current-menu-item.zubne-krunice>a:before,
.mega-current-menu-item.zubni-implantati>a:before,
.oralna-hirurgija>a:hover:before,
.ortodoncija>a:hover:before,
.parodontologija>a:hover:before,
.snimanje-zuba>a:hover:before,
.titanijum-proteza>a:hover:before,
.zubna-tehnika>a:hover:before,
.zubne-krunice>a:hover:before,
.zubni-implantati>a:hover:before {
background-color: #aa8642 !important
}
.zubne-krunice>a:before {
mask-size: cover;
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_zubnekrunice.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_zubnekrunice.svg) !important
}
.oralna-hirurgija>a:before {
mask-size: cover;
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_oralnahirurgija.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_oralnahirurgija.svg) !important
}
.all-4>a:before,
.all-6>a:before {
mask-size: cover
}
.all-4>a:before {
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_allon4.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_allon4.svg) !important
}
.all-6>a:before {
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_allon6.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_allon6.svg) !important
}
.ortodoncija>a:before,
.titanijum-proteza>a:before {
-webkit-mask-size: cover
}
.titanijum-proteza>a:before {
mask-size: cover;
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_titanijumskaprecka.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_titanijumskaprecka.svg) !important
}
.ortodoncija>a:before {
mask-size: cover;
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_ortodoncija.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_ortodoncija.svg) !important
}
.parodontologija>a:before {
mask-size: cover;
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_paradontologija.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_paradontologija.svg) !important
}
.estetska-stomatologija>a:before {
mask-size: cover;
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_estetskastomatologija.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_estetskastomatologija.svg) !important
}
.zubna-tehnika>a:before {
mask-size: cover;
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_zubnatehnika.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_zubnatehnika.svg) !important
}
.snimanje-zuba>a:before {
mask-size: cover;
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_RTGsnimanjezuba.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_RTGsnimanjezuba.svg) !important
}
.djecija-stomatologija>a:before {
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_djecijastomatologija.svg) !important;
mask-image: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/ikonice/Aurum_icon_djecijastomatologija.svg) !important
}
p.tehnika.tc-primary.font-bold {
color: #a88443 !important;
line-height: 39px;
font-size: 2.5rem;
display: contents;
text-align: center
}
span.tehnika.tc-secondry.font-regular {
font-size: 1.4rem;
color: #a88443;
line-height: normal
}
.tehnika img {
max-height: 180px
}
.subtext {
display: inline-grid;
margin-top: 15px
}
.js-full-next,
.js-full-next-rev,
.js-full-prev,
.js-full-prev-rev {
background: rgb(210 200 184 / 89%);
width: 40px;
height: 40px;
display: flex;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10
}
.tip1 span {
font-size: 20px;
display: block;
line-height: 30px !important
}
p.extraColor {
color: #a88443 !important;
font-weight: 800
}
.c-accordion__content a:hover,
.hover:hover,
.pageTxt a:hover {
text-decoration: underline;
color: #a88443
}
.has-luminous-vivid-amber-color {
color: #a88443 !important;
font-weight: 600
}
.djeca>figure.wp-block-media-text__media {
padding: 10px 250px 10px 50px
}
.js-novosti .card {
box-shadow: unset !important;
margin: 20px !important
}
.js-novosti .card-body {
padding: unset;
background-color: #f7f7f7;
width: -webkit-fill-available;
min-height: 240px
}
.js-novosti .slick-slide img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
max-height: 380px;
object-fit: cover
}
.js-novosti .slick-slide:hover img {
filter: saturate(.5)
}
.js-novosti h4.kategorija {
padding: 20px 25px 0;
font-size: clamp(24px, 4vw, 40px);
font-weight: 700
}
.js-novosti h4.naslov {
font-size: clamp(18px, 2.3vw, 23px);
font-weight: 300;
padding: 0 25px;
letter-spacing: normal;
line-height: 100%
}
.js-novosti .button-opsirnije {
padding: 20px 25px 25px;
position: absolute;
bottom: 0
}
.js-novosti .button-opsirnije a {
background-color: #303538;
color: #f0f8ff;
font-size: clamp(16px, 2vw, 18px) !important;
font-weight: 500;
padding: 5px 25px
}
.card-body.novost,
.js-novosti .button-opsirnije a:hover {
background-color: #a58247
}
.js-novosti .button-opsirnije-novost a {
background-color: #fff;
color: #303538
}
.js-novosti .button-opsirnije-novost a:hover {
background-color: #303538;
color: #fff
}
.card-body.edukacija {
background-color: #d3c9b7
}
.js-full-next-rev:hover,
.js-full-next:hover,
.js-full-prev-rev:hover,
.js-full-prev:hover {
background: rgb(210 200 184);
transform: translateY(-50%) scale(1.1)
}
.js-full-next svg,
.js-full-prev svg {
width: 24px;
height: 24px
}
.js-full-next,
.js-full-next-rev {
border-radius: 50%;
justify-content: center;
align-items: center;
border: none;
right: 18px
}
.js-full-prev,
.js-full-prev-rev {
border-radius: 50%;
justify-content: center;
align-items: center;
border: none;
left: 18px
}
.js-full-next-rev svg,
.js-full-prev-rev svg {
width: 18px;
height: 18px
}
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link:hover {
font-weight: 600
}
.faqAccordion {
display: grid;
gap: 15px
}
.accordion-item {
background-color: unset;
border: unset
}
.accordion-header {
margin-bottom: 20px
}
.accordion-button {
border-radius: 10px;
background-color: #f7f7f7;
height: 70px;
font-size: clamp(20px, 2.5vw, 23px) !important;
padding: 2.5rem 1.25rem !important
}
.accordion-button:focus {
z-index: 3;
border-color: #f7f7f7;
outline: 0;
box-shadow: unset
}
.accordion-button:not(.collapsed) {
color: #303538;
background-color: #f7f7f7;
box-shadow: inset 0 -1px 0 rgb(0 0 0 / .125)
}
.accordion-button::after {
flex-shrink: 0;
width: 44px;
height: 44px;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml;utf8,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='22' cy='22' r='21' fill='%23F7F7F7' stroke='%23303538' stroke-width='2'/><line x1='22' y1='7' x2='22' y2='37' stroke='%23A88443' stroke-width='2'/><line x1='7' y1='22' x2='37' y2='22' stroke='%23A88443' stroke-width='2'/></svg>");
background-repeat: no-repeat;
background-size: 44px;
transition: transform .2s ease-in-out
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml;utf8,<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='22' cy='22' r='21' fill='%23F7F7F7' stroke='%23303538' stroke-width='2'/><line x1='11.5057' y1='11.54' x2='32.7189' y2='32.7532' stroke='%23A88443' stroke-width='2'/><line x1='11.5057' y1='32.7529' x2='32.7189' y2='11.5396' stroke='%23A88443' stroke-width='2'/></svg>");
transform: rotate(-180deg)
}
.accordion-body p {
font-size: 20px;
padding-left: 20px
}
.accordion-body {
padding: 1rem .25rem
}
.titula,
.titula p {
margin-bottom: 0;
line-height: normal
}
.modal {
top: 10%
}
@media (max-width:575px) {
.car_readmore {
display: none
}
.home-hero-carousel {
margin-top: 65px
}
#zastomi .card.big,
#zavas .card.big,
#zavas .card.small {
min-height: unset
}
#zastomi .card.active .text,
#zavas .card.active .text {
display: block
}
.our-team .card-body {
height: unset;
padding: .5rem;
min-height: unset
}
.js-novosti .slide img {
max-width: -webkit-fill-available;
padding: inherit;
display: flex
}
.wp-block-media-text>.wp-block-media-text__content {
padding: 0
}
.slider-button {
padding: 5px 15px
}
.djeca>figure.wp-block-media-text__media,
.p-50,
.pretplata,
section.why-we.tehnika {
padding: unset
}
.swiper-slide img {
max-height: fit-content
}
.slide img {
max-width: 250px;
padding: 6px;
display: flex
}
.slide .card {
display: flex;
align-items: center
}
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
line-height: normal
}
ul.mega-sub-menu {
padding-top: 8px !important
}
.pagebreake .container {
max-width: unset;
padding: unset
}
h4.doktor {
padding-top: 15px;
font-size: 17px
}
.titula {
font-size: 15px
}
.ucitajvise.wp-block-pb-accordion-item {
padding-bottom: 50px
}
.ucitajvise .c-accordion__title:after {
content: url(//aurumdentalcentar.com/wp-content/themes/stomatolog-theme-wp/assets/images/Aurum_icon_pocesrada_0130x30.svg) " Saznajte više";
top: -8px
}
header .logo-img {
height: 35px !important
}
#sfba-form2-container #sfba-form2-heading {
margin: 0 0 10px;
line-height: 24px !important;
font-weight: 700;
font-size: 23px !important;
color: #303538 !important;
padding-bottom: 10px !important;
display: inline-block;
max-width: 100%
}
section#zastomi {
padding-top: 0
}
#sfba-form2-container {
width: 100% !important;
padding: 0 !important
}
.pretplata {
background: unset;
background-color: #d5cab8 !important;
padding-top: 80px
}
.subscribeform1_sub_heading {
color: #303538 !important;
font-size: 17px !important;
line-height: 20px !important;
text-align: center
}
.sfba_subscribe_form__fields .sfba-form2-fields {
width: 89% !important;
padding: 17px !important;
font-size: 16px !important;
background-color: #ffffff00 !important;
border: 1px solid #303538 !important;
border-radius: 5px !important;
height: 32px;
font-weight: 400;
font-family: inherit;
outline: 0;
margin-top: 8% !important
}
#sfba-form2-button {
color: #303538 !important;
font-size: 16px !important;
border-radius: 6px !important;
max-width: 50%;
display: inline-block !important;
padding: 8px !important
}
#footerSlider {
padding-left: 5px;
padding-right: 5px
}
.ocjenabroj {
font-size: 35px;
font-weight: 600
}
.ocjena {
font-size: 15px;
margin-left: 10px
}
.ocjena-top {
margin-top: -13px;
display: grid;
font-size: 21px
}
.google-logo {
height: 30px;
top: 39px;
position: absolute
}
.big-image-section .font-size-xl,
.single-blog-content .font-size-xl,
.text-header-section .font-size-xl {
font-size: 34px !important;
line-height: 37px !important
}
.price-single .text-header-section {
position: relative !important;
transform: none !important
}
.btn-accept,
.btn-cancel {
width: 100%;
font-size: 18px !important
}
.mega-sub-menu {
margin-top: -5px !important
}
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
padding-left: 20px !important;
padding-bottom: 40px !important
}
#mega-menu-header-menu,
.p-30 {
padding: 20px !important
}
.submenuBorder {
padding-left: 0 !important;
border: 0 !important;
height: 160px !important
}
.borderTop {
border-top: 1px solid #30353887
}
.borderBottom {
border-bottom: 1px solid #30353887
}
.borderLeft {
border-left: 1px solid #30353887
}
.borderRight {
border-right: 1px solid #30353887
}
.why-we svg {
height: 50px !important
}
.kako-do-nas ul {
margin-top: 24px
}
.kako-do-nas img {
width: 70px
}
.stil-h2 {
font-size: 19px !important;
color: #303538;
font-weight: 300;
line-height: 28px
}
.stil-h1 {
font-size: 30px !important;
line-height: 40px
}
.font-size-xl,
.slider-h2 {
font-size: 25px !important
}
.p-5 {
padding: 1.5rem !important
}
.slider-h2 {
color: #303538;
font-weight: 700;
line-height: 100%
}
.mt-5 {
margin-top: 2rem !important
}
.sliderHome {
margin-top: 10px;
position: unset;
right: unset
}
.sliderBox {
width: 150px;
height: 150px;
right: -1px;
bottom: -15px
}
.sliderVerticalLine {
width: 100px;
height: 100px;
right: -5px;
top: 90px
}
.font-size-xl {
line-height: 55px
}
.title-section {
padding: 0 10px
}
.call-block li {
float: left;
padding: 5px
}
h3.subtitle-section {
font-size: 20px;
line-height: 20px
}
.uslugeSub {
font-size: 18px;
line-height: normal;
padding: 0
}
.angry-grid {
gap: 5px !important;
padding: 0 20px 20px !important
}
.pb-5 {
padding-bottom: 1.2rem !important
}
.our-partners .slide {
float: left;
max-width: 50%
}
.slide .px-3 {
padding-right: 0 !important;
padding-left: 0 !important
}
.py-5 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.navodnik {
width: 50px;
top: -20px
}
.klijenti-onama .card {
margin-top: 50px;
width: 100%
}
.klijenti-onama .slide {
max-width: -webkit-fill-available
}
#kontaktForm .txt {
font-size: 17px;
text-align: justify;
font-weight: 500
}
#kontaktForm .mt-5 {
margin-top: 1rem !important
}
.pagesingle {
background-color: #a88443;
color: #fff;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px
}
.tip1 span {
font-size: 18px;
display: block;
line-height: 22px !important
}
.tip1 li {
padding-left: 2px;
padding-top: 10px
}
.podnaslov {
font-size: 25px;
max-width: 500px;
font-weight: 200;
line-height: 30px
}
.blog-single p,
.pageTxt {
font-size: 22px !important
}
.blog-single p {
margin: 10px 0;
color: #424143;
line-height: normal !important;
text-align: left
}
.pageTxt {
padding-top: 2px
}
li.pageTxt {
padding: 0 !important;
margin: 0
}
.wp-block-cover,
.wp-block-cover-image {
align-items: end;
background-position: 50%;
box-sizing: border-box;
display: flex;
justify-content: center;
min-height: 430px;
overflow: hidden;
overflow: clip;
padding: 1em;
position: relative
}
#call-block,
#call-block ul {
justify-content: center;
gap: 10px
}
.imgText {
max-width: fit-content;
background-color: #fffffff0;
padding: 14px;
position: unset;
border-radius: 20px;
margin-bottom: 1px
}
.wp-block-media-text__content {
padding-top: 50px !important
}
.imgText br {
display: contents
}
.HiddenText0,
.HiddenText1,
.HiddenText2,
.HiddenText3,
.HiddenText4,
.HiddenText5,
.HiddenText6 {
font-size: 3.5vw
}
.wp-block-pb-accordion-item h2:first-letter {
color: #aa8642;
font-size: 30px;
padding-right: 10px
}
.wp-block-pb-accordion-item h2 {
font-size: 22px
}
.wp-block-spacer {
clear: both;
height: 10px !important
}
.font-size-xlg60 {
font-size: 33px !important;
line-height: 28px
}
.pagebreake {
padding: 5px;
font-size: 12px
}
.pagebreake img {
max-width: 30px
}
h3.subtitle-section-onama {
font-variant: common-ligatures;
font-size: 24px;
font-weight: 200;
line-height: 25px
}
#call-block {
align-items: center;
flex-wrap: wrap;
padding: 10px 0;
bottom: 5px;
width: 100%;
right: 0
}
#call-block ul {
display: flex;
align-items: center;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0
}
#call-block li {
display: inline-flex;
justify-content: center;
align-items: center
}
.boxMe:hover #HiddenText {
height: 50px;
font-size: 12px;
line-height: 0
}
span.bold40 {
font-size: 30px
}
span.bold55 {
font-size: 40px
}
.pretplata {
min-height: 500px
}
.c-accordion__content p {
text-align: justify !important;
line-height: 29px !important;
padding: 30px 1px 1px 0 !important;
font-size: medium !important
}
.wp-block-pb-accordion-item {
padding-left: 10px
}
.ucitajvise .c-accordion__content p {
padding: 0 10px 0 0;
font-size: 16px;
line-height: 25px !important
}
.pod_naslov {
font-size: 16px;
font-weight: 200;
line-height: initial
}
.font-size-xlg40 {
font-size: 24px !important;
line-height: initial
}
.font-size-xlg {
font-size: 20px !important
}
.padding-top-big {
padding-top: 30px
}
.padding-bottom-big {
padding-bottom: 20px !important
}
.padding-top-small {
padding-top: 10px
}
.why-we {
padding-top: 50px
}
.novosti a.sliderlink {
max-width: 70%;
float: unset;
margin-left: 15% !important;
margin-right: 15% !important;
display: block
}
.my-3 {
margin-bottom: 0 !important;
margin-top: unset !important
}
}
@media (max-width:720px) {
.textAndLink {
padding: 0 max(2rem, 38% - 393.5rem);
text-align: center
}
.img-single-blog-1 img,
.our-team .vijest.show .single {
min-height: unset
}
.our-team .vijest.show .card-body {
min-height: unset;
height: unset
}
.accordion-button::after {
width: 30px;
height: 30px;
background-size: 30px
}
.js-novosti .card-body {
min-height: 190px
}
.swiper-text {
position: relative;
width: 90%;
bottom: 25px;
padding: 8% 3%;
top: unset
}
.sliderlink {
padding: 2px 15px 4px
}
.slider-link_group {
margin-bottom: 2.5rem !important
}
.js-novosti .slide img {
max-width: -webkit-fill-available;
padding: inherit;
display: flex
}
.sliderHome {
margin-top: 10px;
position: unset;
right: unset
}
.swiper-slide img {
max-height: fit-content
}
.slide img {
max-width: 250px;
padding: 6px;
display: flex
}
.slide .card {
display: flex;
align-items: center
}
.padding-top-small {
padding-top: 10px
}
.big-full-slide .big-image {
height: 300px;
width: 100%;
object-fit: cover
}
.big-full-slide .font-size-xl {
font-size: 28px !important;
line-height: 31px !important
}
.blog article:first-child .ast-blog-featured-section {
max-width: 98%;
margin-left: 0;
float: none;
margin-bottom: 0
}
.blog-pozadina {
height: 790px
}
.blog-pozadina-single {
height: 800px !important;
background-color: unset
}
.col-md-8.offset-md-2.row.ast-article-post {
padding: 20px
}
.ast-article-post {
margin-top: 12%;
margin-bottom: 0;
color: unset;
padding-right: 0;
padding-left: 10px
}
.img-single-blog-1 {
width: 100%;
text-align: center;
min-width: unset
}
.blog article:first-child .post-thumb img {
object-fit: cover
}
.blog article:first-child .entry-content,
.blog article:first-child .entry-header {
max-width: 100%;
float: none;
padding: 1rem 0 0;
clear: none;
margin-bottom: 0
}
.blog article:first-child .entry-content {
padding: 0 1.5rem 1rem;
min-height: auto !important
}
.blog article:not(:first-child) {
width: 100%;
float: left
}
.blog .blog-layout-1 img {
margin: 10px 0;
height: unset;
object-fit: cover;
width: 100%
}
}
@media (min-width:576px) {
.container,
.container-sm {
max-width: unset
}
}
@media (min-width:992px) {
.home-hero .slider-button {
max-width: 50%
}
}
@media (max-width:992px) {
.big-image-section .container-fluid img {
height: 250px !important;
object-fit: cover
}
.p-50 {
padding: 0 0 20px
}
.sliderHome {
margin-top: 10px;
position: unset;
right: unset
}
.big-image-section .container-fluid::before {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
opacity: 50% !important
}
}
@media (max-width:1200px) {
section#zastomi {
padding-top: 20px
}
.padding-top-big {
padding-top: 30px
}
.padding-bottom-big {
padding-bottom: 20px !important
}
.padding-top-small {
padding-top: 10px
}
.accordion-body p {
font-size: 18px;
padding-left: 15px
}
.textAndLink {
padding: 0 max(2rem, 38% - 393.5rem);
text-align: center
}
#zavas .card.small {
min-height: unset;
max-width: unset;
width: -webkit-fill-available
}
.home-hero-carousel {
margin-top: 65px
}
.sliderHome {
margin-top: 10px;
position: unset;
right: unset
}
.swiper-text {
position: relative;
width: 90%;
bottom: 25px;
padding: 8% 3%;
top: unset
}
.sliderlink {
padding: 2px 15px 4px
}
.slider-link_group {
margin-bottom: 2.5rem !important
}
.big-image-section .font-size-xl {
font-size: 38px !important;
line-height: 41px !important
}
.big-full-slide .slide::before {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
opacity: 60%
}
header .menu-wrap {
transform: translateX(100%);
transition: transform .3s ease-out;
flex-direction: column;
align-items: center;
position: fixed;
width: 320px;
top: 0;
height: 100vh;
right: 0;
background-color: #fff;
z-index: 999;
padding-top: 100px
}
header .menu-wrap .menu-item {
display: block;
width: 50%;
border-top: 1px solid #a88443;
margin: 0 auto;
text-align: center
}
header .menu-wrap.menu-open {
transform: translateX(0);
transition: transform .3s ease-in
}
}
@media (min-width:1400px) {
.container {
max-width: 1400px
}
}
.narucise input[type=checkbox] {
height: 20px;
float: left;
margin-right: 6px;
width: 20px
}