@charset "UTF-8";
@import url("temporary.css");
@media only screen and (max-width: 1460px) {
#column-930454 {
display: none;
}
}
#logo575027 {
margin-left: 0;
}
.img-box05 {
display: block;
position: relative;
overflow: hidden;
line-height: initial;
}
.img-box05 img {
width: 100%;
}
.img-box05:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
background-color: #2c5cda;
opacity: 0;
visibility: hidden;
transition: all 300ms cubic-bezier(0.42, 0, 1, 1);
pointer-events: none;
}
.img-box05:hover:before {
opacity: 1;
visibility: visible;
}
.img-box05:hover:after {
opacity: 0.8;
visibility: visible;
}
.img-box05 .content {
display: flex;
flex-direction: column;
justify-content: flex-end;
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: left;
padding: 26px 42px;
z-index: 1;
color: #fff;
opacity: 0;
visibility: hidden;
transition: all 300ms cubic-bezier(0.42, 0, 1, 1);
pointer-events: none;
}
.img-box05 .content * {
pointer-events: auto;
}
.img-box05 .content .title {
color: #fff;
margin: 0 0 10px;
font-size: 24px;
font-weight: 500;
line-height: 1.5;
}
.img-box05 .content .info {
font-size: 16px;
line-height: 1.5;
}
.img-box05 .content .title,
.img-box05 .content .info {
opacity: 0;
transform: translateY(25px);
-webkit-transform: translateY(25px);
transition: all 200ms ease 0ms;
}
.img-box05:hover .content {
opacity: 1;
visibility: visible;
}
.img-box05:hover .content .title {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
transition: all 400ms ease 175ms;
}
.img-box05:hover .content .info {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
transition: all 400ms ease 275ms;
}
.img-box05 .line {
position: absolute;
top: 50px;
left: 100%;
width: 100%;
margin-left: -55px;
transform: rotate(90deg);
transform-origin: 10px 10px;
}
.img-box05 .line::before {
content: "";
position: relative;
display: inline-block;
width: 30px;
border-top: 1px solid #fff;
background-color: #ffffff;
vertical-align: middle;
margin-right: 6px;
margin-bottom: 1px;
}
.img-box05 .line span {
display: inline-block;
font-size: 14px;
vertical-align: middle;
color: #ffffff;
}
.img-box05 .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.img-box05 .content .content-wrapper-custom .title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
@media only screen and (max-width: 600px) {
.img-box05 .content {
visibility: visible;
opacity: 1;
padding: 0;
}
.img-box05 .content .content-wrapper-custom {
padding: 10px;
box-sizing: border-box;
background-color: white;
opacity: 0.8;
}
.img-box05 .content .content-wrapper-custom h4,
.img-box05 .content .content-wrapper-custom p {
transform: none;
color: black;
opacity: 1;
}
}
body .button-03,
body .button-03:link,
body .button-03:active,
body .button-03:visited {
color: #fff;
display: inline-block;
background-color: var(--button-color1);
overflow: hidden;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1);
padding: 0 5px;
}
.button-03::after,
.button-03::before {
content: url('data:image/svg+xml;utf8,');
overflow: hidden;
display: inline-block;
width: 36px;
height: 36px;
line-height: 40px;
vertical-align: middle;
border-radius: 50%;
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1);
vertical-align: middle;
margin-bottom: 2px;
pointer-events: none;
}
.button-03::after {
margin-left: 20px;
}
.button-03::before {
margin-right: 20px;
margin-left: -35px;
opacity: 0;
}
.button-03:hover::after {
margin-right: -35px;
opacity: 0;
}
.button-03:hover::before {
margin-left: 0px;
opacity: 1;
}
body .btn-color1.button-03 {
background-color: var(--button-color1);
}
body .btn-color1.button-03:hover {
background-color: var(--button-hover-color1);
}
body .btn-color2.button-03 {
background-color: var(--button-color2);
}
body .btn-color2.button-03:hover {
background-color: var(--button-hover-color2);
}
body .btn-color3.button-03 {
background-color: var(--button-color3);
}
body .btn-color3.button-03:hover {
background-color: var(--button-hover-color3);
}
body .btn-color4.button-03 {
background-color: var(--button-color4);
}
body .btn-color4.button-03:hover {
background-color: var(--button-hover-color4);
}
body .btn-color5.button-03 {
background-color: var(--button-color5);
}
body .btn-color5.button-03:hover {
background-color: var(--button-hover-color5);
}
body .btn-color6.button-03 {
background-color: var(--button-color6);
}
body .btn-color6.button-03:hover {
background-color: var(--button-hover-color6);
}
body .btn-color7.button-03 {
background-color: var(--button-color7);
}
body .btn-color7.button-03:hover {
background-color: var(--button-hover-color7);
}
.creative02-banner-cont {
z-index: 2;
}
.creative02-banner-cont .img-box07 {
position: relative;
}
.creative02-banner-cont .img-box07:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
background: black;
opacity: 0.4;
z-index: 1;
}
.creative02-banner-cont .img-box07:hover:before {
opacity: 0;
z-index: 0;
}
.creative02-banner-cont .img-box07 .cont .content-wrapper-custom {
padding-bottom: 30px;
z-index: 1;
position: relative;
background: white;
opacity: 0.8;
}
.creative02-banner-cont .img-box07 .cont .content-wrapper-custom .mb-10,
.creative02-banner-cont .img-box07 .cont .content-wrapper-custom .title {
color: black !important;
}
.creative02-banner-cont .img-box07 .cont .content-wrapper-custom .title {
font-size: 20px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
padding: 0 5px;
}
.creative02-banner-cont .img-box07 .cont .content-wrapper-custom p {
margin: 0 !important;
padding-bottom: 10px;
}
.creative02-banner-cont .img-box07 .cont .content-wrapper-custom p .link {
border: 2px solid black !important;
}
.creative02-banner-cont .img-box07 .cont .content-wrapper-custom p .link:before {
border: 1px solid black !important;
border-left-color: transparent !important;
border-bottom-color: transparent !important;
}
@media only screen and (max-width: 768px) {
.creative02-banner-cont .img-box07 .cont {
display: flex;
justify-content: center;
}
.creative02-banner-cont .img-box07 .cont .content-wrapper-custom {
width: 100%;
}
}
.creative02-banner-cont .img-box07 .category {
position: relative;
z-index: 5;
background: #fd4f4e;
}
.creative02-banner-cont .img-box07 .category a,
.creative02-banner-cont .img-box07 .category span {
width: 100%;
color: white;
margin: 0;
display: block;
}
.creative02-banner-cont .img-box07 .category a._port,
.creative02-banner-cont .img-box07 .category span._port {
background: #055ccc;
}
.creative02-banner-cont .img-box07 .category a.Gospodarstvo,
.creative02-banner-cont .img-box07 .category span.Gospodarstvo {
background: #80a416;
}
.creative02-banner-cont .img-box07 .category a.Politika,
.creative02-banner-cont .img-box07 .category span.Politika {
background: #cd1a30;
}
.creative02-banner-cont .img-box07 .category a.Kronika,
.creative02-banner-cont .img-box07 .category span.Kronika {
background: #343434;
}
.creative02-banner-cont .img-box07 .category a.Kultura,
.creative02-banner-cont .img-box07 .category span.Kultura {
background: #7667a5;
}
.creative02-banner-cont .img-box07 .category a.Zanimivosti,
.creative02-banner-cont .img-box07 .category span.Zanimivosti {
background: #fdd937;
}
.paid-news .creative02-banner-cont > .row {
margin-top: 0 !important;
}
.paid-news .creative02-banner-cont > .row .cont {
padding: 0 !important;
}
.paid-news .creative02-banner-cont > .row .cont .content-wrapper-custom .title {
padding: 0 20px;
}
.creative02-banner-cont > .row {
margin-top: -20px;
}
@media only screen and (max-width: 1600px) {
.creative02-banner-cont > .row {
margin-top: -20px;
}
}
@media only screen and (max-width: 1200px) {
.creative02-banner-cont > .row {
margin-top: -20px;
}
}
@media only screen and (max-width: 991px) {
.creative02-banner-cont > .row {
margin-top: -20px;
}
}
@media only screen and (max-width: 768px) {
.creative02-banner-cont > .row {
margin-top: 0;
}
}
.creative02-banner-cont > .row > div[class*=col] {
padding: 0;
}
.img-box07 {
position: relative;
}
.img-box07 .link {
position: relative;
display: inline-block;
width: 36px;
height: 36px;
border: 2px solid #fff;
border-radius: 50%;
line-height: 36px;
color: #fff;
margin-top: 11px;
text-decoration: none !important;
}
.img-box07 .link:before {
content: "";
width: 10px;
height: 10px;
border: 1px solid #fff;
border-left-color: transparent;
border-bottom-color: transparent;
transform: rotate(45deg);
position: absolute;
top: 10px;
right: 14px;
}
.img-box07 .cont {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.img-box07 .pic img {
width: 100%;
}
@media only screen and (max-width: 991px) {
.img-box07 .title {
font-size: 18px;
}
}
body .button-03,
body .button-03:link,
body .button-03:active,
body .button-03:visited {
color: #fff;
display: inline-block;
background-color: var(--button-color1);
overflow: hidden;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1);
padding: 0 5px;
}
.button-03::after,
.button-03::before {
content: url('data:image/svg+xml;utf8,');
overflow: hidden;
display: inline-block;
width: 36px;
height: 36px;
line-height: 40px;
vertical-align: middle;
border-radius: 50%;
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1);
vertical-align: middle;
margin-bottom: 2px;
pointer-events: none;
}
.button-03::after {
margin-left: 20px;
}
.button-03::before {
margin-right: 20px;
margin-left: -35px;
opacity: 0;
}
.button-03:hover::after {
margin-right: -35px;
opacity: 0;
}
.button-03:hover::before {
margin-left: 0px;
opacity: 1;
}
body .btn-color1.button-03 {
background-color: var(--button-color1);
}
body .btn-color1.button-03:hover {
background-color: var(--button-hover-color1);
}
body .btn-color2.button-03 {
background-color: var(--button-color2);
}
body .btn-color2.button-03:hover {
background-color: var(--button-hover-color2);
}
body .btn-color3.button-03 {
background-color: var(--button-color3);
}
body .btn-color3.button-03:hover {
background-color: var(--button-hover-color3);
}
body .btn-color4.button-03 {
background-color: var(--button-color4);
}
body .btn-color4.button-03:hover {
background-color: var(--button-hover-color4);
}
body .btn-color5.button-03 {
background-color: var(--button-color5);
}
body .btn-color5.button-03:hover {
background-color: var(--button-hover-color5);
}
body .btn-color6.button-03 {
background-color: var(--button-color6);
}
body .btn-color6.button-03:hover {
background-color: var(--button-hover-color6);
}
body .btn-color7.button-03 {
background-color: var(--button-color7);
}
body .btn-color7.button-03:hover {
background-color: var(--button-hover-color7);
}
.icon-animation {
color: #fff;
width: 64px;
height: 64px;
line-height: 74px;
text-align: center;
border-radius: 50%;
font-size: 30px;
margin-bottom: 20px;
background-color: var(--accent-color2);
overflow: hidden;
margin: 0 auto;
margin-bottom: 20px;
display: inline-block;
}
.icon-animation > i {
animation-duration: 250ms;
animation-fill-mode: both;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
}
.icon-animation:hover > i {
animation-name: transform-top;
}
@keyframes transform-top {
0% {
transform: translateY(0);
}
49.9% {
transform: translateY(-100%);
opacity: 1;
visibility: visible;
}
50% {
opacity: 0;
visibility: hidden;
}
50.1% {
transform: translateY(100%);
opacity: 1;
visibility: visible;
}
100% {
transform: translateY(0);
}
}
.foto-author {
position: absolute;
z-index: 0;
color: white;
transform: rotate(90deg) translatey(-200%);
float: right;
margin: 0;
right: 0;
bottom: 100px;
font-size: 11px;
}
.ourTeam03 {
text-align: center;
margin-top: 10px;
}
.voditelji {
width: 100%;
max-width: 350px;
float: right;
position: absolute;
right: 0;
z-index: 10;
top: 15%;
}
.voditelji:before {
position: absolute;
width: 100%;
content: "";
background: white;
opacity: 0.8;
height: 100%;
display: block;
}
.voditelji a {
display: flex;
}
.voditelji .content {
z-index: 10;
min-width: 200px;
display: flex;
flex-direction: column;
justify-content: center;
}
.voditelji .content .p,
.voditelji .content .title,
.voditelji .content a {
color: black !important;
}
@media only screen and (max-width: 768px) {
.voditelji {
left: 50%;
transform: translate(-50%);
bottom: 0;
top: unset;
position: fixed;
}
}
.voditelji .radio-button {
display: none;
height: 30px;
background-color: #2c5cda;
z-index: 1;
position: relative;
gap: 20px;
justify-content: center;
align-items: center;
color: white;
}
.voditelji .radio-button svg {
width: 1em;
height: 1em;
fill: currentColor;
color: white;
}
@media only screen and (max-width: 1220px) {
.voditelji .radio-button {
display: flex;
}
}
.ourTeam03 .pic {
position: relative;
padding-right: 30px;
padding-bottom: 30px;
z-index: 1;
}
.ourTeam03 .pic img {
max-width: 100%;
max-height: 300px;
width: auto;
}
.ourTeam03 .pic::after {
content: "";
position: absolute;
right: 0;
top: 40px;
bottom: 0;
width: 71%;
background-repeat: repeat;
background: radial-gradient(#fd4ea5 25%, transparent 25%);
background-position: right bottom;
background-size: 7px 7px;
z-index: -1;
}
.ourTeam03 .content {
padding: 10px;
}
.ourTeam03 .content p {
margin-bottom: 0;
}
.ourTeam03 a {
color: black;
}
.ourTeam03 .content .title {
margin-top: 0;
margin-bottom: 6px;
}
.ourTeam03 .content p:last-child {
margin-bottom: 0;
}
.ourTeam03 .social {
margin-top: 24px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.ourTeam03 .social a,
.ourTeam03 .social a:link,
.ourTeam03 .social a:active,
.ourTeam03 .social a:visited {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
color: #000;
background-color: #0aaeef;
margin: 0 5px 5px;
text-decoration: none;
}
.ourTeam03 .social a:hover .sico {
animation: toTopFromBottom 0.3s linear both;
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
#footerinfo628747,
#footerinfo628747 a,
#footerinfo628747 a:link,
#footerinfo628747 a:active,
#footerinfo628747 a:visited {
color: rgb(170, 170, 170);
}
#footerinfo628747 .sep {
margin: 0px 5px;
}
#footerinfo628747 a:hover {
color: #2c5cda;
text-decoration: none;
}
#row-514475 {
background-color: rgb(30, 30, 30) !important;
}
#row-514475,
#row-514475 .Normal {
color: rgb(255, 255, 255);
}
#row-781151 {
padding-top: 25px;
padding-bottom: 25px;
}
#row-781151 {
background-color: rgb(18, 18, 18) !important;
}
#row-781151,
#row-781151 .Normal {
color: rgb(170, 170, 170);
}
.footer-info-box span,
.footer-info-box a {
font-size: 0.8125rem;
}
#popup-menu598270 .popup-menu-main .gomenu ul li a {
padding-top: 0 !important;
}
.swiper.oglasi-slider {
padding-top: 50px;
}
.swiper.oglasi-slider .seo-cases-kor {
gap: 0;
padding: 0;
}
.swiper.oglasi-slider .swiper-scrollbar {
margin-top: 75px;
max-width: 1100px;
width: 90%;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.swiper.oglasi-slider .no-image .content {
display: flex;
flex-direction: column;
min-height: 220px;
transform: none;
margin: 0;
}
.swiper.oglasi-slider .no-image .content .category {
margin-top: auto;
}
.custom-linky {
border: none !important;
}
@media only screen and (max-width: 768px) {
.DnnModule-426 .edn_426_article_list_wrapper,
.DnnModule-428 .edn_426_article_list_wrapper {
gap: 15px;
}
.DnnModule-426 .is-container,
.DnnModule-428 .is-container {
padding: 0 15px !important;
}
}
a.button-ring {
min-width: 300px;
min-height: 60px;
display: inline-flex;
font-family: "Nunito", sans-serif;
font-size: 22px;
align-items: center;
justify-content: center;
text-transform: uppercase;
text-align: center;
letter-spacing: 1.3px;
font-weight: 700;
color: #313133 !important;
background: #4fd1c5;
background: linear-gradient(90deg, rgb(129, 230, 217) 0%, rgb(79, 209, 197) 100%);
border: none;
border-radius: 1000px;
box-shadow: 12px 12px 24px rgba(79, 209, 197, 0.64);
transition: all 0.3s ease-in-out 0s;
cursor: pointer;
outline: none;
position: relative;
padding: 20px;
}
a.button-ring::before {
content: "";
border-radius: 1000px;
min-height: 72px;
border: 6px solid #00ffcb;
box-shadow: 0 0 60px rgba(0, 255, 203, 0.64);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s ease-in-out 0s;
width: 100%;
}
a.button-ring:hover,
a.button-ring:focus {
color: #313133;
transform: translateY(-6px);
}
a.button-ring:hover::before,
a.button-ring:focus::before {
opacity: 1;
}
a.button-ring::after {
content: "";
width: 30px;
height: 30px;
border-radius: 100%;
border: 6px solid #00ffcb;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: ring 1.5s infinite;
}
a.button-ring:hover::after,
a.button-ring:focus::after {
animation: none;
display: none;
}
@keyframes ring {
0% {
width: 30px;
height: 30px;
opacity: 1;
}
100% {
width: 300px;
height: 300px;
opacity: 0;
}
}
#dnn_FullScreenPaneA {
margin-bottom: 40px !important;
}
@media only screen and (max-width: 768px) {
#dnn_FullScreenPaneA {
margin-bottom: 0px !important;
}
}
.NormalTextBox::-webkit-input-placeholder {
opacity: 1;
}
.NormalTextBox:-moz-placeholder {
opacity: 1;
}
.NormalTextBox::-moz-placeholder {
opacity: 1;
}
.NormalTextBox:-ms-input-placeholder {
opacity: 1;
}
.NormalTextBox:placeholder {
opacity: 1;
}
/*header box*/
.header-replace {
width: 100%;
}
.header-wrap {
left: 0;
z-index: 100;
width: 100%;
position: relative;
}
.header-container-box {
display: table;
width: 100%;
}
.header-container-box .header-area {
display: table-cell;
vertical-align: middle;
}
.header-area.area-right {
text-align: right;
}
.header-area.area-center {
text-align: center;
}
.header-area.area-left {
text-align: left;
}
.header-horizontal .header-content-wrap {
white-space: nowrap;
}
.header-horizontal .header-content-wrap > div {
display: inline-block;
white-space: normal;
margin-left: 15px;
vertical-align: middle;
}
.header-horizontal .header-content-wrap > div:first-child {
margin-left: 0;
}
.header-vertical .header-content-wrap > div {
display: block;
margin-left: 0 !important;
margin-right: 0 !important;
}
.header-content-wrap p {
margin: 0;
}
.header-content-wrap img {
max-width: 100%;
max-height: 100%;
}
.header-area.area-left .header-content-wrap > div:last-child {
margin-right: 0 !important;
}
.header-area.area-right .header-content-wrap > div:first-child,
.header-area.area-center .header-content-wrap > div:first-child {
margin-left: 0 !important;
}
.header-center .header-vertical .header-content-wrap > div {
margin: 0 !important;
}
.header-bg-box {
position: relative;
}
.header-bg-box:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
pointer-events: none;
}
.header-wrap .widget-title {
font-size: inherit;
margin: 0;
}
.header-wrap .area-left,
.header-wrap .area-center,
.header-wrap .area-right {
width: auto;
}
.header-wrap .logo img {
max-width: 100%;
}
/*floating*/
.header-wrap .floating-header-logo {
display: none !important;
}
.header-wrap .floating-header-logo.header-logo {
display: inline-block !important;
}
.floating-nav.floating-active .header-logo:not(.floating-header-logo) {
display: none !important;
}
.floating-nav .floating-header-logo:not(.header-logo) {
display: none !important;
}
.header-wrap .logo img {
max-height: 80%;
margin-bottom: 2px;
}
.floating-nav.floating-active .floating-header-logo {
display: inline-block !important;
}
.header-wrap .floating-header-logo.header-logo {
display: inline-block !important;
}
.sticky-fixed .floating-nav.floating-nav-sticky {
position: fixed !important;
width: 100%;
z-index: 1000;
}
.sticky-fixed .floating-nav.floating-nav-sticky.floating-active {
position: fixed !important;
}
.floating-nav.floating-active {
position: fixed !important;
width: 100%;
z-index: 1000;
}
.dng-main.Boxed .sticky-fixed .floating-nav.floating-nav-sticky,
.dng-main.Boxed .floating-nav.floating-active {
width: auto;
left: auto;
}
.dark-split-line .area-left,
.dark-split-line .area-center,
.floating-active .floating-dark-split-line .area-left,
.floating-active .floating-dark-split-line .area-center {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.dark-bottom-line,
.floating-active .floating-dark-bottom-line {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.light-split-line .area-left,
.light-split-line .area-center,
.floating-active .floating-light-split-line .area-left,
.floating-active .floating-light-split-line .area-center {
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.light-bottom-line,
.floating-active .floating-light-bottom-line {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.floating-active .floating-off-split-line .area-left,
.floating-active .floating-off-split-line .area-center {
border-right-color: transparent;
}
.floating-active .floating-off-bottom-line {
border-bottom-color: transparent;
}
.floating-active .floating-dark-color .search-text .text,
.floating-active .floating-dark-color .search-text .submit {
color: #333333;
}
.dng-main.Boxed .floating-nav.floating-active {
top: 0;
}
.floating-nav-sticky .header-bg-box {
transition: background-color ease-in 200ms;
}
.floating-nav-fade.floating-active .floating-display-none,
.floating-nav-slide.floating-active .floating-display-none {
display: none;
}
.floating-nav-sticky .header-container-box,
.floating-nav-sticky .header-bg-box,
.floating-nav-sticky .logo,
.floating-nav-scrollup .header-container-box,
.floating-nav-scrollup .header-bg-box,
.floating-nav-scrollup .logo {
transition: all ease-out 250ms;
}
.floating-nav-sticky.floating-active .header-bg-box.floating-display-none,
.floating-nav-sticky.floating-active .header-bg-box.floating-display-none .header-container-box,
.floating-nav-scrollup.floating-active .header-bg-box.floating-display-none,
.floating-nav-scrollup.floating-active .header-bg-box.floating-display-none .header-container-box {
overflow: hidden;
height: 0px;
border-width: 0px;
padding-top: 0;
padding-bottom: 0;
}
.floating-nav-sticky .logo {
overflow: hidden;
}
.sticky-fixed .floating-nav.floating-nav-scrollup {
transition: none;
}
.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active,
.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active-up {
opacity: 0;
margin-top: -100px;
transition: none;
}
.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active.floating-active-down {
opacity: 1;
transition: opacity linear 300ms, margin linear 300ms;
margin-top: 0;
}
.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active-up {
transition: opacity linear 300ms, margin linear 300ms;
}
.floating-nav-sticky.header-wrap {
transition: all ease-in 200ms;
}
.floating-nav-sticky.floating-active .floating-display-none,
.floating-nav-sticky.floating-active .floating-display-none .header-top,
.floating-nav-scrollup.floating-active .floating-display-none,
.floating-nav-scrollup.floating-active .floating-display-none .header-top {
overflow: hidden !important;
height: 0px !important;
border-width: 0px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.overlay-panel-content:before {
opacity: 1;
background-color: #1e1e1e;
background: linear-gradient(to right top, #1e1e1e, #1e1e1e);
}
/*logo*/
.logo img {
max-width: 100%;
}
.header-horizontal .header-content-wrap {
white-space: nowrap;
}
.header-horizontal .header-content-wrap > div {
display: inline-block;
white-space: normal;
}
/*mobile header*/
.mobile-header {
display: none;
position: relative;
}
.mobilemenu_close {
display: none !important;
}
.mobile-header .logo img {
max-width: inherit;
}
.mobile-header-replace {
display: none;
}
.mobile-menu-icon {
cursor: pointer;
transition: color ease-in 300ms;
}
@media only screen and (max-width: 1220px) {
.header-wrap,
.header-replace {
display: none;
}
.dng-mobilemenu,
.mobile-header-replace,
.mobile-header {
display: block;
}
.mobile-header {
width: 100%;
}
.mobile-header .header-mobile,
.mobile-header .header-mobile-top,
.mobile-header .header-mobile-bottom {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.mobile-header .header-area {
display: flex;
align-items: center;
vertical-align: middle;
padding-left: 15px;
padding-right: 15px;
}
.mobile-header .header-content-wrap > * {
display: inline-block;
}
.navbar-tool {
white-space: nowrap;
}
.navbar-tool > .widget,
.mobile-menu-icon {
display: inline-block;
vertical-align: middle;
white-space: normal;
margin-left: 12px;
}
.mobile-header .search-popup-box {
display: inline-block;
}
.mobile_menu_show {
overflow: hidden;
}
.mobile-header {
z-index: 1000;
width: 100%;
}
.mobile-header.header-position {
position: absolute;
}
.mobile-header.floating-nav {
position: fixed;
top: 0;
}
.mobile-header .mobile-header-shadow {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.mobile-header {
color: #333333;
font-size: 18px;
font-weight: normal;
}
.mobile-header-replace {
height: 64px;
}
.mobile-header > * {
height: 64px;
}
.mobile-header .logo {
text-align: left;
}
.mobile-header img {
max-height: 100%;
}
.mobile-header .shopping-cart-box .shopping-cart-content {
border-top-color: #2c5cda;
}
.mobile-header .shopping-cart-box .shopping-cart-content:before {
border-bottom-color: #2c5cda;
}
.mobile-header .shopping-cart-box .icon .badge,
.mobile-header .shop-cart-list .shop-cart-footer > .footer-btn:hover {
background-color: #2c5cda;
}
.mm-slideout.mobile_menu_show {
overflow: hidden;
}
.body-side-static-left {
margin-left: 0;
}
.body-side-static-right {
margin-right: 0;
}
.mobilemenu-main {
display: none !important;
}
/* search-popup-box */
.search-popup-box .popup-close {
right: 13px;
top: 0;
height: 64px;
line-height: 64px;
transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important;
z-index: 1;
}
.search-popup-box .popup-close .lnr {
line-height: 64px;
}
.search-popup-box .popup-reveal {
display: none;
}
.search-popup-box .popup-content {
opacity: 0;
visibility: hidden;
color: #666;
transform: translateX(0%);
transition: all 0.4s ease;
}
.search-popup-box .popup-content.active {
opacity: 1;
visibility: visible;
transition: all 0.4s ease;
}
.search-popup-box .popup-content .popup-center {
transform: scale(1.1) !important;
transition-delay: 0ms !important;
transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
}
.search-popup-box .popup-content.active .popup-center {
transform: scale(1) !important;
}
.header-vertical .dngTextBox {
display: block;
}
}
@media only screen and (max-width: 767px) {
.mobile-header {
height: 64px;
}
.mobile-header > * {
height: 64px;
}
.mobile-header-replace {
height: 64px;
}
.mobile-header .logo img {
max-height: 100%;
}
/* search-popup-box */
.search-popup-box .popup-close {
right: 13px;
top: 0;
height: 64px;
line-height: 64px;
}
.search-popup-box .popup-close .lnr {
line-height: 64px;
}
}
/*login*/
.Login .userName > a {
/* max-width: 140px;
text-overflow : ellipsis ;
overflow: hidden; */
padding-right: 18px;
}
.Login a,
.Login a:link,
.Login a:active,
.Login a:visited {
color: inherit;
display: inline-block;
}
.Login a:hover {
color: #2c5cda;
}
.userName > a:after {
content: "";
border-color: currentColor transparent transparent transparent;
border-style: solid;
border-width: 5px;
position: absolute;
right: 0;
top: 50%;
margin: -3px 0 0 -6px;
transition: border-color ease-in 200ms;
}
.Login .userName,
.Login .userProfile,
.Login .userProperties {
display: inline-block;
white-space: nowrap;
vertical-align: middle;
}
.Login .userName + .userProfile,
.Login .userRegister + .userLogin {
margin-left: 10px;
}
.Login .userProperties > ul {
display: inline-block;
margin: 0px;
padding: 0px;
}
.Login .userProperties > ul li {
list-style: none;
position: relative;
}
.Login .userProperties > ul > li,
.Login .userProperties > ul > li > span {
display: inline-block;
}
.Login .userProperties > ul > li img,
.Login .userProperties > ul > li > a {
width: auto;
display: block;
text-decoration: none;
}
.Login .userProfile .userMessages {
position: absolute;
top: -6px;
right: -5px;
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #2c5cda;
border-radius: 10px;
}
/*--------------
User Controls Menu Drop Down
---------------*/
.Login .userProperties ul.userMenu {
display: none;
position: absolute;
right: 0;
top: 50px;
z-index: 906;
width: 175px;
border-radius: 0px 0px 6px 6px;
-moz-border-radius: 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px;
background: #3a4241;
padding: 15px 0px;
text-align: left;
}
.Login .userProperties li.userNotifications,
.Login .userProperties li.userProfilename {
border-bottom: 1px solid #5e5e5e;
padding: 0px 0px 10px;
margin: 0px 0px 10px;
}
.Login .userProperties ul.userMenu:after {
position: absolute;
top: -6px;
right: 80px;
content: "";
width: 0px;
height: 0px;
border-left: 7px solid transparent;
/* left arrow slant */
border-right: 7px solid transparent;
/* right arrow slant */
border-bottom: 7px solid #3a4241;
/* bottom, add background color here */
font-size: 0px;
line-height: 0px;
}
.Login .userProperties ul.userMenu a {
display: block;
padding: 2px 15px;
line-height: 20px;
color: #aaaaaa;
text-decoration: none;
/* transition decleration */
transition: all ease-in 100ms;
-moz-transition: all ease-in 100ms;
/* Firefox 4 */
-webkit-transition: all ease-in 100ms;
/* Safari and Chrome */
-o-transition: all ease-in 100ms;
/* Opera */
-ms-transition: all ease-in 100ms;
/* IE9? */
}
.Login .userProperties ul.userMenu a:hover {
color: #fff;
}
.Login .userProperties ul.userMenu a span {
padding: 1px 4px;
border-radius: 3px;
font-size: 11px;
color: #fff;
background-color: #2c5cda;
vertical-align: middle;
display: inline-block;
line-height: 1;
margin-bottom: 2px;
}
.Login .userProperties ul.userMenu li:last-child > a {
padding-bottom: 0;
}
.Login .userProperties ul.userMenu a strong {
font-weight: normal;
}
#dng-wrapper .dnnForm #dnn_ctr_Login_pnlLogin {
margin: 40px 0 0;
}
/*language*/
.languageBox {
display: inline-block;
}
.languageBox .Language {
display: inline-block;
margin-left: 5px;
}
.languageBox {
display: block;
position: relative;
text-transform: uppercase;
font-weight: 600;
}
.languageBox .language-current {
background: transparent;
border: none;
text-transform: inherit;
height: 44px;
font-weight: inherit;
padding: 3px 0 0;
display: inline-block;
white-space: nowrap;
}
.languageBox .language-current::after {
content: "";
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
display: inline-block;
margin: -7px 0 0 14px;
transform: rotate(45deg);
vertical-align: middle;
}
.languageBox .language-current img {
margin-bottom: 3px;
}
.languageBox .language-list {
position: absolute;
top: 100%;
left: -30px;
background-color: #fff;
border-radius: 3px;
padding: 12px 0px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
display: none;
text-align: left;
z-index: 1000;
}
.languageBox .language-list > a,
.languageBox .language-list > a:link,
.languageBox .language-list > a:valid,
.languageBox .language-list > span {
display: block;
line-height: 48px;
white-space: nowrap;
padding: 0px 28px;
color: #494e5c;
font-size: 16px;
border-left: 2px solid transparent;
transition: all ease-in 300ms;
}
.languageBox .language-list .text {
display: inline-block;
padding: 0 0 0 10px;
color: currentColor;
vertical-align: middle;
}
.languageBox .language-list img {
display: inline-block;
width: 27px;
max-width: none;
vertical-align: middle;
}
.languageBox .language-list .active {
color: var(--accent-color);
}
.languageBox .language-object .selected {
opacity: 0.5;
}
html.html-night .languageBox .language-list {
background-color: #000000;
}
.languageBox .language-list > a:hover,
.languageBox .language-list > span:hover {
background-color: rgba(175, 175, 175, 0.2);
border-left-color: var(--accent-color);
}
html.html-night .languageBox .language-list .active {
color: var(--accent-color-black) !important;
}
.language-right.languageBox .language-list {
left: auto;
right: -30px;
}
/**/
.dark-split-line .area-left,
.dark-split-line .area-center,
.floating-active .floating-dark-split-line .area-left,
.floating-active .floating-dark-split-line .area-center {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.dark-bottom-line,
.floating-active .floating-dark-bottom-line {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.light-split-line .area-left,
.light-split-line .area-center,
.floating-active .floating-light-split-line .area-left,
.floating-active .floating-light-split-line .area-center {
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.light-bottom-line,
.floating-active .floating-light-bottom-line {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.floating-active .floating-off-split-line .area-left,
.floating-active .floating-off-split-line .area-center {
border-right-color: transparent;
}
.floating-active .floating-off-bottom-line {
border-bottom-color: transparent;
}
#dng-wrapper .floating-active .floating-light-color .header-content-wrap,
#dng-wrapper .floating-active .floating-light-color .header-content-wrap > *:not(.nav-bar),
#dng-wrapper .floating-active .floating-light-color .widget,
#dng-wrapper .floating-active .floating-light-color .header-content-wrap > a,
#dng-wrapper .floating-active .floating-light-color .header-content-wrap > a:link,
#dng-wrapper .floating-active .floating-light-color .header-content-wrap > a:active,
#dng-wrapper .floating-active .floating-light-color .header-content-wrap > a:visited,
#dng-wrapper .floating-active .floating-light-color .dngTextBox,
#dng-wrapper .floating-active .floating-light-color .dngTextBox a,
#dng-wrapper .floating-active .floating-light-color .dngTextBox a:link,
#dng-wrapper .floating-active .floating-light-color .dngTextBox a:active,
#dng-wrapper .floating-active .floating-light-color .dngTextBox a:visited {
color: #fafafa;
}
#dng-wrapper .floating-active .floating-light-color .search-text {
border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}
#dng-wrapper .floating-active .floating-light-color .search-text .text,
#dng-wrapper .floating-active .floating-light-color .search-text .submit {
color: #fff;
}
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap,
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap > *:not(.nav-bar),
#dng-wrapper .floating-active .floating-dark-color .widget,
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap > a,
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap > a:link,
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap > a:active,
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap > a:visited,
#dng-wrapper .floating-active .floating-dark-color .dngTextBox,
#dng-wrapper .floating-active .floating-dark-color .dngTextBox a,
#dng-wrapper .floating-active .floating-dark-color .dngTextBox a:link,
#dng-wrapper .floating-active .floating-dark-color .dngTextBox a:active,
#dng-wrapper .floating-active .floating-dark-color .dngTextBox a:visited {
color: #424242;
}
#dng-wrapper .floating-active .floating-dark-color .search-text {
border-bottom: 1px solid rgba(0, 0, 0, 0.9);
}
#dng-wrapper .floating-active .floating-dark-color .search-text .text,
#dng-wrapper .floating-active .floating-dark-color .search-text .submit {
color: #333333;
}
/*header-position*/
.header-position {
position: absolute;
}
body.page-loader-changing:after {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
transform-origin: center;
z-index: 10000;
background: #fff;
content: "";
visibility: hidden;
transition: all ease-in 300ms;
-moz-transition: all ease-in 300ms;
-webkit-transition: all ease-in 300ms;
-o-transition: all ease-in 300ms;
-ms-transition: all ease-in 300ms;
}
body.page-is-changing:after {
opacity: 1;
visibility: visible;
}
.dng-overlay {
position: relative;
display: block;
}
.header-content-wrap .overlay-button {
font-size: 16px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
transition: color ease-in 300ms;
}
.header-content-wrap .overlay-button .fa {
font-size: inherit;
}
.overflow-hidden {
overflow: hidden;
}
.overlay-menu-html {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
display: none;
padding: 15px 0;
}
.dng-overlay .overlay-menu-html {
display: block;
}
/*search-popup-box*/
.search-popup-box .popup-content {
display: none;
}
.search-popup-box .icon {
font-size: 16px;
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: middle;
transition: color ease-in 300ms;
background: none;
border: none;
}
.search-popup-box .magnifier,
.popup-search-box .magnifier {
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
position: relative;
}
.search-popup-box .magnifier:after,
.popup-search-box .magnifier:after {
content: "";
width: 17px;
height: 17px;
position: absolute;
top: 2px;
left: 1px;
border: 2px solid;
border-radius: 50%;
}
.search-popup-box .magnifier:before,
.popup-search-box .magnifier:before {
content: "";
width: 7px;
position: absolute;
bottom: 0px;
right: 4px;
border-bottom: 2px solid;
transform: rotate(48deg);
transform-origin: right bottom;
}
.search-popup-box .magnifier i,
.popup-search-box .magnifier i {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
transform: scale(0);
transition: transform ease-in 300ms;
display: block;
margin: 0;
}
.search-popup-box .magnifier i:after,
.search-popup-box .magnifier i:before,
.popup-search-box .magnifier i:after,
.popup-search-box .magnifier i:before {
position: absolute;
content: "";
}
.search-popup-box .magnifier i:after,
.popup-search-box .magnifier i:after {
border-left: 1px solid;
height: 7px;
width: 0;
top: 7px;
left: 9px;
}
.search-popup-box .magnifier i:before,
.popup-search-box .magnifier i:before {
border-bottom: 1px solid;
height: 0px;
width: 7px;
top: 10px;
left: 6px;
}
.search-popup-box .magnifier:hover i,
.popup-search-box .magnifier:hover i,
.popup-search-box .icon:hover .magnifier i {
transform: scale(1);
}
/*menu icon*/
.dg-menu-anime {
width: 22px;
height: 22px;
position: relative;
display: inline-block;
vertical-align: middle;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
cursor: pointer;
}
.dg-menu-anime:after,
.dg-menu-anime:before,
.dg-menu-anime i:after {
content: "";
border-bottom: 2px solid;
left: 1px;
right: 1px;
top: 3px;
position: absolute;
transform-origin: center;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, transform ease-in 200ms;
}
.dg-menu-anime:before {
top: 17px;
}
.dg-menu-anime i:after {
top: 10px;
}
.dg-menu-anime.active:after,
.overlay-button:hover .dg-menu-anime:after,
.active > .dg-menu-anime:after {
top: 10px;
}
.dg-menu-anime.active:before,
.overlay-button:hover .dg-menu-anime:before,
.active > .dg-menu-anime:before {
top: 10px;
}
.dg-menu-anime i:after {
transform: rotate(0);
}
.dg-menu-anime.active i:after,
.overlay-button:hover .dg-menu-anime i:after,
.active > .dg-menu-anime i:after {
transform: rotate(270deg);
}
/*html*/
.header-content-wrap .header-line {
display: inline-block;
border-left: 1px solid;
height: 20px;
vertical-align: middle;
margin-bottom: 1px;
transition: color ease-in 300ms;
}
.header-content-wrap .search-popup-box .icon {
margin: 0 0 2px;
padding: 0px;
}
.popup-menu2 svg,
.header-wrap svg,
.menu-3d-popup-main svg {
width: 1em;
height: 1em;
fill: currentColor;
}
/* header-top list homepage04 */
.topbar-contact {
margin: 0;
padding: 0;
display: inline-block;
list-style: none;
}
.topbar-contact li {
display: inline-block;
padding: 0px 8px;
position: relative;
}
.topbar-contact li svg {
width: 1.2em;
height: 1.2em;
margin-right: 6px;
vertical-align: middle;
fill: currentColor;
margin-bottom: 2px;
}
.topbar-contact li:first-child {
padding-left: 0;
}
.topbar-contact li:first-child:before {
border: none;
}
/* homepage-06 */
.topbar-iconbox {
display: inline-flex;
justify-content: flex-start;
align-items: center;
}
.topbar-iconbox .box-icon {
display: inline-flex;
color: #2c5cda;
font-size: 42px;
}
.topbar-iconbox .box-icon + .box-text {
margin-left: 15px;
}
.topbar-iconbox .box-text {
text-align: left;
}
.topbar-iconbox .box-text .title {
font-size: 16px;
line-height: 28px;
color: #787878;
}
.topbar-iconbox .box-text .info {
font-size: 16px;
font-weight: 600;
line-height: 28px;
color: #333333;
}
/*home05-header-text*/
.home05-header-text {
font-size: 22px;
color: #333333;
margin: 0 0 -10px;
font-weight: 600;
}
.home05-header-text::before {
content: "";
width: 30px;
border-bottom: 1px solid #787878;
display: inline-block;
vertical-align: middle;
margin-right: 17px;
margin-bottom: 2px;
}
@media only screen and (max-width: 1200px) {
.home05-header-text {
font-size: 16px;
}
}
/* */
.homepage08-header-text {
font-size: 17px;
color: #666666;
}
.homepage08-header-text::before {
content: "";
border-top: 2px solid #2c5cda;
width: 30px;
display: inline-block;
margin-bottom: 12px;
}
.homepage08-header-text b,
.homepage08-header-text strong {
color: #333333;
font-weight: 700 !important;
}
/*homepage10 header btn*/
body .homepage10-header-btn,
body .homepage10-header-btn:link,
body .homepage10-header-btn:active,
body .homepage10-header-btn:visited,
body .homepage10-header-btn[type=button],
body .homepage10-header-btn[type=submit] {
display: inline-block;
font-size: 16px;
color: #fff !important;
padding: 0 30px;
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-image: none;
border: none;
border-radius: 50px;
font-weight: 600;
line-height: 50px;
height: 50px;
touch-action: manipulation;
cursor: pointer;
white-space: nowrap;
}
body .homepage10-header-btn * {
color: #fff !important;
}
body .homepage10-header-btn:hover {
color: #fff !important;
background-color: var(--button-hover-color);
}
.homepage10-header-btn.box-shadow {
box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.3);
}
.homepage10-header-btn.box-shadow2 {
position: relative;
}
.homepage10-header-btn.box-shadow2::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
box-shadow: -4px 3px 16px #000;
border-radius: 50px;
opacity: 0.3;
mix-blend-mode: multiply;
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.homepage10-header-btn.box-shadow2:hover::after {
opacity: 0.5;
}
/**/
.vertical-full-page-header a,
.vertical-full-page-header a:link,
.vertical-full-page-header a:active,
.vertical-full-page-header a:visited {
display: inline-block;
width: 19px;
height: 19px;
line-height: 19px;
text-align: center;
border-radius: 50%;
border: 1px solid #000000;
color: #000000;
margin: 5px auto;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1) 0s;
}
.vertical-full-page-header a i {
font-size: 12px;
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1) 0s;
}
.vertical-full-page-header a:hover {
border-color: currentColor;
background-color: currentColor;
}
.vertical-full-page-header a:hover i {
color: #ffffff;
}
.leftslidemenu,
.leftslidemenu + .slide-shade,
.headersidenav,
.menu-3d-popup-main,
.mobilemenu-main {
display: none;
}
/* SEO */
a.seo-header-buttom {
position: relative;
display: inline-block;
padding: 0 30px;
font-size: 16px;
font-weight: 500;
line-height: 50px;
height: 50px;
color: #1e1e1e;
text-align: center;
white-space: nowrap;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: none;
border-radius: 50px;
background-color: #fff;
transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
box-shadow: 2px 10px 32px -15px #2c5cda;
user-select: none;
}
a.seo-header-buttom:hover {
color: #2c5cda;
}
@media only screen and (max-width: 1199px) {
a.seo-header-buttom {
padding: 0 15px;
}
}
@media only screen and (max-width: 1199px) {
.app-header .header-area.area-right {
display: none;
}
}
body .app-header-button {
position: relative;
display: inline-block;
font-size: 15px;
font-weight: 600;
line-height: 46px;
height: 46px;
padding: 0 25px;
margin-right: 3px;
margin-bottom: 3px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-image: none;
border: none;
border-radius: 50px;
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1);
}
body .app-header-button,
body .app-header-button:link,
body .app-header-button:active,
body .app-header-button:visited {
color: #fff;
display: inline-block;
background-color: var(--button-color5);
overflow: hidden;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1);
}
body .app-header-button span {
color: #fff;
}
.app-header-button::after,
.app-header-button::before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: center center;
overflow: hidden;
display: inline-block;
width: 21px;
height: 36px;
line-height: 40px;
vertical-align: middle;
border-radius: 50%;
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1);
vertical-align: middle;
margin-bottom: 4px;
pointer-events: none;
}
.app-header-button::after {
margin-left: 10px;
}
.app-header-button::before {
margin-right: 10px;
margin-left: -31px;
opacity: 0;
}
.app-header-button:hover::after {
margin-right: -31px;
opacity: 0;
}
.app-header-button:hover::before {
margin-left: 0px;
opacity: 1;
}
.designstudio-header-button01 {
width: 60px;
height: 60px;
display: inline-block;
border: 2px solid #fd4ea5;
border-radius: 50%;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: center center;
position: relative;
}
.designstudio-header-button01::before {
content: "";
background-color: #2c5cda;
opacity: 0.2;
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
border-radius: 50%;
transition: all 300ms ease-in;
}
.designstudio-header-button01::after {
content: "";
position: absolute;
top: -7px;
left: -7px;
right: -7px;
bottom: -7px;
border: 1px solid #fff;
opacity: 0.2;
border-radius: 50%;
transition: all 300ms ease-in;
}
body .designstudio-header-button01:hover:before {
top: -7px;
left: -7px;
right: -7px;
bottom: -7px;
}
body .designstudio-header-button01:hover:after {
transform: scale(1.5);
opacity: 0;
}
.designstudio-header-button02 {
border: 2px solid #2c5cda;
height: 50px;
line-height: 50px;
display: inline-block;
padding: 0px 85px 0px 30px;
border-radius: 25px;
position: relative;
}
.designstudio-header-button02::after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: center center;
width: 64px;
}
.designstudio-header-button02::before {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 64px;
background-color: #2c5cda;
border-radius: 0 25px 25px 0;
opacity: 0.2;
transition: all 300ms ease-in;
}
.designstudio-header-button02:hover {
color: #fff !important;
}
.designstudio-header-button02:hover::before {
opacity: 0.4;
}
.saas-header-button {
position: relative;
display: inline-block;
font-size: 15px;
font-weight: 600;
line-height: 50px;
height: 50px;
padding: 0 25px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-image: none;
border: none;
border-radius: 50px;
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1);
background-color: #fc7b35;
color: #fff;
}
.saas-header-button:link,
.saas-header-button:active,
.saas-header-button:visited {
color: #fff !important;
}
/*SEARCH DETAIL*/
.dnnSearchBoxPanel {
background: #f2f2f2;
margin: 15px 0;
}
.dnnSearchBoxPanel .dnnSearchResultAdvancedTip {
display: none;
}
.dnnSearchBoxPanel .dnnSearchBox {
margin: 0 10px !important;
height: 40px;
border-radius: 0;
box-shadow: none;
}
.dnnSearchBoxPanel .dnnSearchBox .dnnSearchButton {
width: 100px;
height: 40px;
background: #2c5cda;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 16px;
right: -1px;
top: -5px;
}
.dnnSearchBoxPanel .dnnSearchBox .dnnSearchButton:after {
content: "Išči";
font-size: 16px;
color: #fff;
}
.dnnSearchBoxPanel .dnnSearchBox .dnnSearchButton:hover, .dnnSearchBoxPanel .dnnSearchBox .dnnSearchButton:focus, .dnnSearchBoxPanel .dnnSearchBox .dnnSearchButton:active {
text-decoration: none;
background: rgb(74.3737903226, 115.4641129032, 223.3262096774);
}
.dnnSearchBoxPanel .dnnSearchBox .dnnSearchBoxClearText {
right: 110px !important;
}
.dnnSearchBoxPanel .dnnSearchBox #dnnSearchResult_dnnSearchBox_input {
width: calc(100% - 95px);
}
.dnnSearchBoxPanel .dnnSearchBox .dnnSearchBox_advanced {
display: none;
}
.dnnSearchBoxClearText {
position: absolute !important;
top: 4px;
right: 70px !important;
}
ul.searchSkinObjectPreview {
width: 100%;
border: 1px solid #f2f2f2;
font-family: "Open Sans", sans-serif;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
ul.searchSkinObjectPreview li {
border-top: 1px solid #f2f2f2;
font-family: "Open Sans", sans-serif;
}
ul.searchSkinObjectPreview li span {
font-family: "Open Sans", sans-serif;
font-size: 14px;
}
ul.searchSkinObjectPreview li p {
font-family: "Open Sans", sans-serif;
font-size: 12px;
}
ul.searchSkinObjectPreview li p b {
font-family: "Open Sans", sans-serif;
}
ul.searchSkinObjectPreview li a {
font-family: "Open Sans", sans-serif;
}
ul.searchSkinObjectPreview li a.searchSkinObjectPreview_more {
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
font-size: 14px;
}
ul.searchSkinObjectPreview li a.searchSkinObjectPreview_more:hover, ul.searchSkinObjectPreview li a.searchSkinObjectPreview_more:active, ul.searchSkinObjectPreview li a.searchSkinObjectPreview_more:focus {
text-decoration: none;
}
ul.searchSkinObjectPreview li:hover, ul.searchSkinObjectPreview li:active, ul.searchSkinObjectPreview li:focus {
background: #f2f2f2 !important;
}
ul.searchSkinObjectPreview li.searchSkinObjectPreview_group {
color: #000;
border-bottom: 2px solid #f2f2f2;
font-size: 16px;
display: none;
}
ul.searchSkinObjectPreview li:last-child {
text-align: center;
}
.dnnSearchBoxClearText.dnnShow {
position: absolute !important;
top: 4px;
right: 70px !important;
}
.dnnSearchResultPanel {
display: none !important;
}
.dnnSearchResultPager.dnnSearchResultPagerTop,
.dnnSearchResultPager {
display: none !important;
}
.dnnSearchResultContainer .dnnSearchResultItem {
padding: 0 0 10px 0;
border-bottom: 1px solid #f2f2f2;
}
.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title {
font-family: "Open Sans", sans-serif;
font-size: 16px;
text-decoration: none;
font-weight: 400;
}
.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link {
font-family: "Open Sans", sans-serif;
font-size: 14px;
text-decoration: none;
font-weight: 300;
}
.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Description {
font-family: "Open Sans", sans-serif;
font-size: 14px;
text-decoration: none;
font-weight: 300;
}
.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Others {
display: none;
}
.backdrop-fade {
position: fixed;
z-index: 4345;
background: rgba(0, 0, 0, 0.7);
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
display: none;
}
.backdrop-fade .backdrop-close {
color: #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 1.25rem;
position: absolute;
top: 0;
right: 0;
background: transparent;
transition: all 0.2s ease-in-out;
}
.backdrop-fade .backdrop-close:hover {
background: #000;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.search-container {
position: fixed;
z-index: 4346;
width: 100%;
top: 25vh;
display: none;
margin: 60px 0;
}
.search-container.active {
display: flex;
}
.search-container .search-wrapper {
width: 100%;
padding: 15px;
max-width: 600px;
margin: auto;
}
.search-container .search-wrapper > span {
float: left;
width: 100%;
position: relative;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.search-container .search-wrapper .dnnSearchBoxClearText {
margin-top: 12px;
}
.search-container .search-wrapper .searchInputContainer {
float: left;
width: 100%;
}
.search-container .search-wrapper .searchInputContainer input {
float: left;
width: 100%;
line-height: 20px;
padding: 19px 80px 19px 30px;
border: 1px solid #000;
height: 60px;
}
.search-container .search-wrapper .searchInputContainer input:focus {
outline: 1px solid #000;
}
.search-container .search-wrapper .dnnSearchBoxClearText {
margin-top: 18px;
}
.search-container .search-wrapper .SearchButton {
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: 2;
width: 60px;
height: 60px;
background: #000;
color: #fff;
text-align: center;
line-height: 20px;
padding: 20px 0;
font-size: 0;
}
.search-container .search-wrapper .SearchButton:after {
content: "\f002";
font-size: 18px;
color: #fff;
}
.search-container .search-wrapper .SearchButton:hover {
background: rgb(17.85, 17.85, 17.85);
color: #fff;
outline: none;
transition: all 0.2s ease-in-out;
text-decoration: none;
cursor: pointer;
}
#popup-menu598270 {
padding-top: 100px;
}
.popup-menu {
pointer-events: none;
}
.popup-menu.active {
pointer-events: all;
}
.popup-menu-main #gomenubcfb01fda0 ul li a {
padding: 0;
}
.icons-box {
position: absolute;
float: left;
display: flex;
flex-direction: column;
gap: 15px;
z-index: 10;
}
.icons-box .icon-link {
width: 40px;
display: flex;
height: 40px;
background: #223a74;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
z-index: 1;
transition: 0.5s;
}
.icons-box .icon-link .icon {
fill: white;
}
.icons-box .icon-link:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #f00;
transition: 0.5s;
z-index: 2;
}
.icons-box .icon-link:hover:before {
top: 0;
}
.icons-box .icon-link:nth-child(1):before {
background: #3b5999;
}
.icons-box .icon-link:nth-child(2):before {
background: #55acee;
}
.icons-box .icon-link:nth-child(3):before {
background: #0077b5;
}
.icons-box .icon-link:hover .icon {
max-height: 25px;
fill: white;
transition: 0.5s;
position: relative;
z-index: 2;
transform: rotateY(360deg);
}
@media only screen and (min-width: 1920px) {
.icons-box .icon-link {
min-width: 70px;
min-height: 70px;
}
}
.header-area.area-right .header-content-wrap {
display: flex;
height: 100%;
justify-content: end;
gap: 20px;
}
.header-area.area-right .header-content-wrap #dnn_RadioButtonPane {
width: 100%;
align-content: center;
}
.header-area.area-right .header-content-wrap #dnn_RadioButtonPane div {
height: 100%;
}
.header-area.area-right .header-content-wrap .radio-listen {
transition: width ease-out 250ms, height ease-out 250ms;
max-width: 230px;
height: 100px;
width: 100%;
overflow: hidden;
display: flex;
position: relative;
}
.header-area.area-right .header-content-wrap .radio-listen .radio-button {
min-width: 230px;
width: 100%;
display: flex;
gap: 20px;
justify-content: center;
align-items: center;
height: 100%;
color: white;
transition: all 0.2s ease-in-out;
font-weight: bold;
}
.header-area.area-right .header-content-wrap .radio-listen .radio-button:hover {
transform: scale(1.02);
color: white !important;
transition: all 0.2s ease-in-out;
}
.floating-active .header-area.area-right .header-content-wrap {
display: flex;
height: 100%;
justify-content: end;
gap: 20px;
}
.floating-active .header-area.area-right .header-content-wrap #dnn_RadioButtonPane {
width: 100%;
align-content: center;
}
.floating-active .header-area.area-right .header-content-wrap #dnn_RadioButtonPane div {
height: 100%;
}
.floating-active .header-area.area-right .header-content-wrap .radio-listen {
transition: width ease-out 250ms, height ease-out 250ms;
max-width: 230px;
height: 70px;
width: 100%;
overflow: hidden;
display: flex;
position: relative;
}
.floating-active .header-area.area-right .header-content-wrap .radio-listen .radio-button {
width: 100%;
display: flex;
gap: 20px;
justify-content: center;
align-items: center;
height: 100%;
color: white;
transition: all 0.2s ease-in-out;
font-weight: bold;
}
.floating-active .header-area.area-right .header-content-wrap .radio-listen .radio-button:hover {
transition: all 0.2s ease-in-out;
transform: scale(1.02);
color: white;
}
.floating-active #headerrow-349356 {
background: #2c5cda !important;
}
#headerrow-349356 {
background: #2c5cda !important;
}
#headerrow-349356 .area-center .header-content-wrap {
display: flex;
justify-content: center;
}
#headerrow-349356 .area-left .dngTextBox {
display: none;
}
#headerrow-349356 .nav-bar li a:before {
color: white !important;
}
#headerrow-349356 .nav-bar li a span {
color: white;
font-size: 16px;
}
@media only screen and (max-width: 1350px) {
#headerrow-349356 .nav-bar li a span {
font-size: 14px;
}
}
#headerrow-349356 .nav-bar li .dnngo_menuslide li a:hover span {
color: white;
}
#headerrow-349356 .nav-bar li .dnngo_menuslide li span {
color: var(--accent-color);
}
#headerrow-349356 .nav-bar li .dnngo_menuslide .subcurrent span {
color: white;
}
#headerrow-349356 .area-right .header-content-wrap {
align-items: center;
}
#headerrow-349356 .area-right .header-content-wrap .header-line,
#headerrow-349356 .area-right .header-content-wrap .search-popup-box {
color: white;
}
body .button-03,
body .button-03:link,
body .button-03:active,
body .button-03:visited {
color: #fff;
display: inline-block;
background-color: #2c5cda;
overflow: hidden;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1);
padding: 0 5px;
}
.button-03::after,
.button-03::before {
content: url('data:image/svg+xml;utf8,');
overflow: hidden;
display: inline-block;
width: 36px;
height: 36px;
line-height: 40px;
vertical-align: middle;
border-radius: 50%;
transition: all 0.3s cubic-bezier(0.42, 0, 1, 1);
vertical-align: middle;
margin-bottom: 2px;
pointer-events: none;
}
.button-03::after {
margin-left: 20px;
}
.button-03::before {
margin-right: 20px;
margin-left: -35px;
opacity: 0;
}
.button-03:hover::after {
margin-right: -35px;
opacity: 0;
}
.button-03:hover::before {
margin-left: 0px;
opacity: 1;
}
body .btn-color1.button-03 {
background-color: #2c5cda;
}
@media only screen and (max-width: 450px) {
body .btn-color1.button-03 {
font-size: 10px;
}
}
body .btn-color1.button-03:hover {
background-color: #3468f0;
}
body .btn-color2.button-03 {
background-color: #20a3fc;
}
body .btn-color2.button-03:hover {
background-color: #43b3ff;
}
body .btn-color3.button-03 {
background-color: #00bec5;
}
body .btn-color3.button-03:hover {
background-color: #0cc7ce;
}
body .btn-color4.button-03 {
background-color: #3cb33c;
}
body .btn-color4.button-03:hover {
background-color: #4dcc4d;
}
body .btn-color5.button-03 {
background-color: #fc7b35;
}
body .btn-color5.button-03:hover {
background-color: #ff861b;
}
body .btn-color6.button-03 {
background-color: #d53530;
}
body .btn-color6.button-03:hover {
background-color: #e0423d;
}
body .btn-color7.button-03 {
background-color: #fd4ea5;
}
body .btn-color7.button-03:hover {
background-color: #ff59ac;
}
.icon-animation {
color: #fff;
width: 64px;
height: 64px;
line-height: 74px;
text-align: center;
border-radius: 50%;
font-size: 30px;
margin-bottom: 20px;
background-color: #fd4ea5;
overflow: hidden;
margin: 0 auto;
margin-bottom: 20px;
display: inline-block;
}
.icon-animation > i {
animation-duration: 250ms;
animation-fill-mode: both;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
}
.icon-animation:hover > i {
animation-name: transform-top;
}
@keyframes transform-top {
0% {
transform: translateY(0);
}
49.9% {
transform: translateY(-100%);
opacity: 1;
visibility: visible;
}
50% {
opacity: 0;
visibility: hidden;
}
50.1% {
transform: translateY(100%);
opacity: 1;
visibility: visible;
}
100% {
transform: translateY(0);
}
}
body .social-02,
body .social-02:link,
body .social-02:active,
body .social-02:visited {
position: relative;
display: inline-block;
overflow: hidden;
font-size: 15px;
font-weight: 600;
line-height: 50px;
height: 50px;
padding: 0 25px;
color: #666;
background-color: #fff;
margin: 0px 15px 40px;
text-align: left;
width: 184px;
cursor: pointer;
border-radius: 50px;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
transition: all 300ms ease-in;
}
.social-02 span {
display: inline-block;
transition: all 300ms ease-in;
color: #666 !important;
}
.social-02 i {
display: inline-flex;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 14px;
vertical-align: middle;
border-radius: 50%;
transition: all 300ms ease-in;
text-align: center;
background-color: currentColor;
}
.social-02 i svg {
color: #fff;
}
.social-02 i:first-child {
position: absolute;
top: 50%;
transform: translate(-62px, -50%);
opacity: 0;
visibility: hidden;
}
.social-02 i:last-child {
opacity: 1;
visibility: visible;
position: absolute;
top: 0;
bottom: 0;
right: 8px;
margin: auto 0;
transform: none;
}
.social-02 i:before {
line-height: 36px;
}
.social-02:hover span {
transform: translateX(40px);
}
.social-02:hover i {
color: #00bec5;
}
.social-02:hover i:first-child {
transform: translate(-18px, -50%);
opacity: 1;
visibility: visible;
}
.social-02:hover i:last-child {
transform: translateX(62px);
opacity: 0;
}
.elm-active .social-02:hover i:last-child {
transform: translateX(0);
opacity: 1;
}
@media only screen and (min-width: 992px) {
.creative02-section10 {
margin-top: 80px;
}
.creative02-section10 .left-box {
z-index: 2;
}
.creative02-section10 .right-box {
transform: translateY(-80px);
}
.creative02-section10 .right-box .is-overlay {
width: calc(100% + 11vw);
left: auto;
right: 0;
}
}
@media only screen and (max-width: 1550px) {
#column-645135 .dngTextBox {
display: none;
}
}
.site-menu {
display: flex;
margin: 0;
gap: 25px;
}
.site-menu li:first-child {
display: none;
}
.site-menu li:nth-child(9) {
display: none;
}
.site-menu li:nth-child(10) {
display: none;
}
.site-menu li a {
color: white;
}
.site-menu li a span {
font-size: 1rem;
}
.site-menu .hasDropdown {
position: relative;
}
.site-menu .hasDropdown .more {
font-size: 10px;
}
.site-menu .hasDropdown .submenu {
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
display: none;
position: absolute;
left: 0;
top: 28px;
padding-top: 21px;
margin: 0;
}
.site-menu .hasDropdown .submenu .active {
background-color: #2c5cda;
}
.site-menu .hasDropdown .submenu .active a {
color: white;
}
.site-menu .hasDropdown .submenu li {
background: white;
min-width: 250px;
display: block;
}
.site-menu .hasDropdown .submenu li a {
padding: 10px;
display: block;
width: 100%;
color: #2c5cda;
}
.site-menu .hasDropdown .submenu li:hover {
background-color: #2c5cda;
}
.site-menu .hasDropdown .submenu li:hover a {
color: white;
}
.site-menu .hasDropdown:hover .submenu {
display: block;
}
.about-us-section {
margin-bottom: 50px;
margin-top: 80px;
}
.about-us-section .wrapper {
margin: 0 auto;
max-width: 1110px;
width: 100%;
}
.about-us-section .wrapper .items {
display: grid;
grid-template-columns: repeat(2, 1fr);
-moz-column-gap: 120px;
column-gap: 120px;
row-gap: 90px;
}
.about-us-section .wrapper .items .item {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.about-us-section .wrapper .items .item .item-img {
max-width: 350px;
width: calc(100% - 50px);
display: flex;
justify-content: center;
overflow: hidden;
margin: 0 25px 30px;
aspect-ratio: 1/1;
}
.about-us-section .wrapper .items .item .item-img img {
height: 100%;
}
.about-us-section .wrapper .items .item .item-details {
max-width: 397px;
text-align: center;
letter-spacing: 0px;
}
.about-us-section .wrapper .items .item .item-details .title {
line-height: lh(22, 26);
font-weight: 300;
margin-bottom: 20px;
}
.about-us-section .wrapper .items .item .item-details .title strong {
text-transform: uppercase;
font-weight: bold;
}
.about-us-section .wrapper .items .item .item-details .description {
line-height: lh(15, 26);
}
.dnnEditState .brand-slider .item a:first-child {
z-index: 100 !important;
}
.brand-slider {
float: left;
width: 100%;
margin: 30px 0 50px 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
.brand-slider .item {
float: left;
width: 100%;
aspect-ratio: 470/350;
display: flex;
overflow: hidden;
border-radius: 8px;
position: relative;
}
.brand-slider .item .img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
min-width: 100%;
min-height: 100%;
transition: all 0.2s ease-in-out;
}
.brand-slider .item .link {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 2;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.brand-slider .item .link .title {
float: left;
width: auto;
padding: 0 0 10px 0;
text-align: left;
color: white;
font-size: toRem(35);
line-height: lh(35, 43);
position: relative;
font-weight: 300;
}
.brand-slider .item .link .title span {
float: left;
width: auto;
padding: 0 0 10px 0;
text-align: left;
color: white;
font-size: toRem(35);
line-height: lh(35, 43);
position: relative;
font-weight: bold;
}
.brand-slider .item .link .title strong {
font-weight: bold;
}
.brand-slider .item:hover img {
transform: scale(1.1);
transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
.brand-slider {
margin: 15px 0 25px 0;
}
}
.news-item .content-link {
color: black !important;
}
.news-item .content-link .content p {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
}
.news-item .content-link .content .category {
border-radius: 4px;
position: relative;
z-index: 5;
background: #fd4f4e;
}
.news-item .content-link .content .category a,
.news-item .content-link .content .category span {
border-radius: 4px;
width: 100%;
color: white;
margin: 0;
display: block;
text-align: center;
}
.news-item .content-link .content .category a._port,
.news-item .content-link .content .category span._port {
background: #055ccc;
}
.news-item .content-link .content .category a.Gospodarstvo,
.news-item .content-link .content .category span.Gospodarstvo {
background: #80a416;
}
.news-item .content-link .content .category a.Politika,
.news-item .content-link .content .category span.Politika {
background: #cd1a30;
}
.news-item .content-link .content .category a.Kronika,
.news-item .content-link .content .category span.Kronika {
background: #343434;
}
.news-item .content-link .content .category a.Kultura,
.news-item .content-link .content .category span.Kultura {
background: #7667a5;
}
.news-item .content-link .content .category a.Zanimivosti,
.news-item .content-link .content .category span.Zanimivosti {
background: #fdd937;
}
.seo-cases-kor {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 50px;
margin-bottom: 50px;
}
@media only screen and (max-width: 1100px) {
.seo-cases-kor {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 600px) {
.seo-cases-kor {
grid-template-columns: 1fr;
}
}
.seo-cases-kor.carousel-swiper {
margin: 0 -15px;
width: auto;
}
.seo-cases-kor .swiper-wrapper-overflow {
padding: 0;
}
.seo-cases-kor .swiper-slide {
display: flex;
flex-direction: column;
padding: 0 25px;
/* Remove the transform properties */
/* -webkit-transform: translateX(-15px); */
/* transform: translateX(-15px); */
box-sizing: border-box;
}
.seo-cases-kor .swiper-slide .pic {
text-align: left;
}
.seo-cases-kor .content {
background-color: #ffffff;
padding: 23px 30px;
text-align: left;
border-radius: 3px;
/* Remove the transform properties */
transform: translateX(20px);
margin: -40px 0 30px;
box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.2) !important;
box-sizing: border-box;
min-height: 275px;
display: flex;
flex-direction: column;
}
.seo-cases-kor .content .category {
margin-top: auto;
}
.seo-cases-kor .no-image .content {
transform: none;
margin: 0;
}
.seo-cases-kor .content h3,
h4,
h5,
h6,
h1,
h2 {
font-size: 24px;
margin: 0 0 5px;
color: black !important;
}
.seo-cases-kor .pic img {
border-radius: 3px;
width: 100%; /* Ensure images scale to fit their container */
height: auto;
}
.seo-cases-kor .news-item .pic {
aspect-ratio: 16/9;
border-radius: 4px;
overflow: hidden;
}
.seo-cases-kor > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 10px;
}
.seo-cases-kor .swiper-pagination-bullet {
background-color: #ffffff;
width: 10px;
height: 10px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
opacity: 1;
outline: none;
}
.seo-cases-kor .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 36px;
box-shadow: none;
background: var(--accent-color);
}
.news .article_pager {
display: flex;
justify-content: center;
gap: 10px;
margin-bottom: 50px;
}
.news .article_pager a {
border-radius: 50%;
width: 30px;
display: flex;
justify-content: center;
color: #fff;
background: #2c5cda;
}
@media only screen and (max-width: 600px) {
.news .article_pager a {
font-size: 14px;
}
}
.news .article_pager .edn_previusArticle {
padding-left: 35px !important;
position: relative;
}
.news .article_pager .edn_previusArticle:before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border: 1px solid #fff;
border-right-color: transparent;
border-top-color: transparent;
top: 50%;
left: 10px;
transform: rotate(45deg) translateY(-50%);
}
.news .article_pager .edn_nextArticle {
padding-right: 35px !important;
position: relative;
}
.news .article_pager .edn_nextArticle:after {
position: absolute;
content: "";
width: 10px;
height: 10px;
border: 1px solid #fff;
border-left-color: transparent;
border-bottom-color: transparent;
top: 50%;
right: 20px;
transform: rotate(45deg) translateY(-50%);
}
.edn_articleTags {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.edn_428_article_list_wrapper {
margin-top: 20px;
}
.multi-news {
width: 100%;
}
.multi-news .row .col-sm-9 {
flex: 0 0 85%;
max-width: 85%;
}
.multi-news .row .col-sm-3 {
flex: 0 0 15%;
max-width: 15%;
}
.multi-news .row .col-sm-3 .dng-column-inner {
padding-right: 0;
}
@media only screen and (max-width: 1100px) {
.multi-news .row .col-sm-9 {
flex: 0 0 100%;
max-width: 100%;
}
.multi-news .row .col-sm-3 {
flex: 0 0 100%;
max-width: 100%;
}
.multi-news .row .col-sm-3 .dnnForm {
display: flex;
justify-content: center;
}
}
.DnnModule-516 {
margin-top: 50px;
}
.DnnModule-516 .dnntitle h2 {
text-align: center;
color: var(--accent-color2) !important;
font-weight: 700;
font-style: italic;
font-size: 40px;
}
.eds_news_module_426 .is-container .edn_426_article_list_wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.eds_news_module_428 .is-container {
padding: 0;
}
.eds_news_module_428 .is-container .edn_428_article_list_wrapper .col-md-4 .img-box05 .pic span a {
width: 100%;
}
.edn_articleDetails {
margin-bottom: 25px;
}
.edn_articleDetails .edn_mediaContainer {
margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
.edn_articleDetails .edn_mediaContainer img {
width: 100%;
}
}
.edn_articleDetails .edn_metaDetails {
font-size: 14px;
margin-bottom: 30px;
}
.edn_articleDetails p {
text-align: justify;
}
.edn_articleDetails .article_pager {
margin-top: 50px;
margin-bottom: 50px;
justify-content: space-between;
gap: 50px;
}
.edn_articleDetails .article_pager .edn_toolTip a {
padding: 5px 15px;
border-radius: 8px;
display: block;
width: auto;
}
.edn_articleDetails .article_pager .edn_toolTip span {
display: none;
}
@media only screen and (max-width: 600px) {
.edn_articleDetails .article_pager {
gap: 10px;
}
}
.edn_relatedArticles {
margin-top: 40px;
margin-bottom: 280px;
}
.edn_relatedArticles ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 50px;
}
.edn_relatedArticles ul li {
border-radius: 4px;
width: calc(33.3333333333% - 33.3333333333px);
transition: all 0.25s ease-in-out;
position: relative;
}
.edn_relatedArticles ul li a {
display: flex;
flex-direction: column;
position: relative;
}
.edn_relatedArticles ul li a img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px;
}
.edn_relatedArticles ul li a span {
position: absolute;
background: #fff;
box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.2) !important;
bottom: 0;
width: 100%;
padding: 23px 30px;
color: #000;
font-size: 1.5rem;
border-radius: 4px;
left: 20px;
bottom: -235px;
font-weight: 600;
transition: all 0.25s ease-in-out;
min-height: 275px;
line-height: 1.3;
}
.edn_relatedArticles ul li:hover {
transform: scale(1.02);
transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 1200px) {
.edn_relatedArticles ul {
gap: 30px;
}
.edn_relatedArticles ul li {
width: calc(50% - 30px);
}
.edn_relatedArticles ul li a img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.edn_relatedArticles ul li a span {
border-top-left-radius: 0;
border-top-right-radius: 0;
position: relative;
min-height: unset;
left: 15px;
bottom: 15px;
}
}
@media only screen and (max-width: 768px) {
.edn_relatedArticles ul {
gap: 30px;
}
.edn_relatedArticles ul li {
width: calc(50% - 15px);
}
}
@media only screen and (max-width: 600px) {
.edn_relatedArticles ul {
gap: 15px;
}
.edn_relatedArticles ul li {
width: calc(50% - 7.5px);
}
.edn_relatedArticles ul li a span {
font-size: 0.875rem;
left: 6px;
}
}
@media only screen and (max-width: 600px) {
.edn_relatedArticles ul {
gap: 15px;
}
.edn_relatedArticles ul li {
width: calc(50% - 7.5px);
}
.edn_relatedArticles ul li a span {
font-size: 0.875rem;
left: 6px;
}
}
.edn_article_gallery {
margin-bottom: 50px;
}
.edn_article_gallery ul {
margin: 0;
}
.edn_article_gallery ul li::marker {
content: "";
}
.article_gallery #EDG_0_Shadow .EDGmain .EDGimage a img {
border: none !important;
}
.article_gallery #EDG_0_Shadow table tbody tr {
display: block;
margin-bottom: 20px;
}
.article_gallery .EDGmain {
padding: 0 !important;
margin: 0 !important;
background-image: none !important;
}
.article_gallery .EDGmain a img {
padding: 0 !important;
margin: 0 !important;
border: none !important;
border-radius: 8px !important;
}
.article_gallery .EDGmain .EDGimage a {
margin: 0 !important;
}
.article_gallery .EDGmain:hover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
transition: all 0.2s ease-in-out;
}
.article_gallery .EDGmain:hover img {
transform: scale(1.02);
transition: all 0.2s ease-in-out;
}
.floating-active .subpage-menu,
.floating-nav .subpage-menu {
width: 100%;
padding: 0;
}
.floating-active .subpage-menu .header-container-box,
.floating-nav .subpage-menu .header-container-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.floating-active .subpage-menu #column-930454,
.floating-nav .subpage-menu #column-930454 {
display: block;
}
.floating-active .subpage-menu .area-right,
.floating-nav .subpage-menu .area-right {
height: 100%;
transition: width ease-out 250ms, height ease-out 250ms;
width: 100px;
background-color: var(--accent-color2);
padding: 0 !important;
}
.floating-active .subpage-menu .area-right .header-content-wrap,
.floating-nav .subpage-menu .area-right .header-content-wrap {
justify-content: center;
}
.floating-active .subpage-menu .area-right .header-content-wrap .header-line,
.floating-nav .subpage-menu .area-right .header-content-wrap .header-line {
display: none;
}
.floating-active .subpage-menu .area-right .header-content-wrap .search-popup-box,
.floating-nav .subpage-menu .area-right .header-content-wrap .search-popup-box {
margin: 0 !important;
}
.floating-active .subpage-menu .area-center .nav-bar,
.floating-nav .subpage-menu .area-center .nav-bar {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1080px) {
.floating-active .subpage-menu .area-center,
.floating-nav .subpage-menu .area-center {
display: none;
}
}
.floating-active .subpage-menu .primary_structure,
.floating-nav .subpage-menu .primary_structure {
display: flex;
gap: 20px;
}
.floating-active .subpage-menu .primary_structure > li > a,
.floating-nav .subpage-menu .primary_structure > li > a {
padding-left: 0 !important;
padding-right: 0 !important;
}
.floating-active .subpage-menu .area-right {
transition: width ease-out 250ms, height ease-out 250ms;
width: 70px;
}
.header-mobile {
background-color: #2c5cda;
}
.header-mobile .mobile-menu-icon {
display: flex !important;
align-items: center;
}
.header-mobile .mobile-menu-icon .dg-menu-anime {
color: white;
}
.header-mobile .area-left .header-content-wrap {
height: 100%;
}
.header-mobile .area-left .header-content-wrap .clone {
height: 100%;
}
.header-mobile .area-left .header-content-wrap .clone .icon {
height: 100%;
display: flex;
align-items: center;
}
.header-mobile .area-left .header-content-wrap .clone .icon .magnifier {
color: white;
}
.container.news-list-custom {
width: calc(100% - 250px);
}
.img-box08 {
opacity: 0.6;
position: relative;
transition: all 0.25s ease-in-out;
}
.img-box08:hover {
opacity: 1;
transition: all 0.25s ease-in-out;
}
.img-box08 .pic {
border: 5px solid #fd4ea5;
}
.img-box08 img {
transform: none !important;
max-width: 100%;
}
.img-box08 .content {
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
padding: 20px 30px;
transform: translate(30px, -40px);
background: #ffffff;
width: calc(100% - 40px);
}
.img-box08 .title {
margin: 0;
font-size: 20px;
line-height: 32px;
color: #424242;
}
.img-box08 .link {
font-size: 14px;
font-weight: 600;
line-height: 32px;
color: var(--accent-color2);
text-decoration: underline;
}
.img-box08 .link:hover {
text-decoration: none;
}
.img-box08 .pic .info {
position: absolute;
font-size: 14px;
color: #fff;
top: 40px;
left: 37px;
transform: rotate(90deg);
transform-origin: 10px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.img-box08 .pic .info:before {
content: "";
display: inline-block;
width: 30px;
border-top: 1px solid #fff;
vertical-align: middle;
margin-bottom: 3px;
margin-right: 8px;
}
@media only screen and (max-width: 991px) {
.img-box08 .pic img {
width: 100%;
}
.img-box08 .pic .info:before {
content: none;
}
.img-box08 .pic .info {
top: 15px;
left: 15px;
}
}
.custom-module .dnnForm div {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.custom-module .dnnForm div .dnnFormItem {
width: calc(50% - 5px);
}
.custom-module .dnnForm div .dnnFormItem input {
width: 100%;
}
.custom-module .dnnForm div .dnnFormItem textarea {
min-width: 100%;
width: 100%;
}
.custom-module .dnnForm div .dnnFormItem:last-child {
width: 100%;
}
.custom-module .dnnForm div .dnnFormItem label {
margin: 0;
}
@media only screen and (max-width: 600px) {
.custom-module .dnnForm div .dnnFormItem {
width: 100%;
}
.custom-module .dnnForm div .dnnFormItem input {
margin: 0;
}
}
.custom-module .dnnForm .dnnActions li a {
margin: 0;
border: none;
background: #2c5cda;
box-shadow: none;
text-shadow: none;
cursor: pointer;
color: white;
transition: all 0.25s ease-in-out;
padding: 10px 20px;
}
.DnnModule-429 .button-03 {
text-transform: uppercase;
}
.table {
max-width: 100%;
}
.table td,
.table th {
border-bottom: 1px solid #efefef;
padding: 10px;
}
.table-responsive {
overflow: auto;
}
.table-striped tr:nth-child(even) td {
background: #efefef;
}
.DnnModule-490,
.DnnModule-519 {
margin-bottom: 50px;
}
.DnnModule-490 table,
.DnnModule-519 table {
width: 100%;
max-width: 100%;
overflow: auto;
height: auto !important;
margin: 0 auto;
}
.DnnModule-490 table td,
.DnnModule-490 table th,
.DnnModule-519 table td,
.DnnModule-519 table th {
border: 1px solid #efefef;
padding: 10px;
}
.DnnModule-490 table td p,
.DnnModule-490 table th p,
.DnnModule-519 table td p,
.DnnModule-519 table th p {
margin: 0 !important;
}
.DnnModule-490 table tr:nth-child(odd) td:first-child,
.DnnModule-519 table tr:nth-child(odd) td:first-child {
border-right: 1px solid #fff;
}
.DnnModule-490 table tr td:nth-child(odd),
.DnnModule-519 table tr td:nth-child(odd) {
text-align: center;
width: 15%;
vertical-align: center;
}
.DnnModule-490 table tr:nth-child(even) td,
.DnnModule-519 table tr:nth-child(even) td {
background: #efefef;
}
.DnnModule-519 table {
width: 100%;
}
.DnnModule-519 table tr td:nth-child(odd) {
text-align: center;
width: 75%;
vertical-align: center;
}
.DnnModule-519 table tr td:nth-child(even) {
text-align: center;
width: 25%;
}
@media only screen and (max-width: 1200px) {
.DnnModule-519 table {
width: 100%;
}
}
@media only screen and (max-width: 992px) {
.DnnModule-419 .left-full-column {
order: 1;
}
}
.cke_editable table {
border: 1px solid black;
}
.cke_editable table tr td {
border: 1px solid black;
}
.ModDDRMenuC .site-menu li::marker {
content: "";
}
.DnnModule-423 .ourTeam03 .pic::after {
content: "";
position: absolute;
right: 0;
top: 40px;
bottom: 0;
width: 71%;
background-repeat: repeat;
background: radial-gradient(#2c5cda 25%, transparent 25%);
background-position: right bottom;
background-size: 7px 7px;
z-index: -1;
}
.DnnModule-495 .d-wrapper .is-box .is-container {
margin-top: 30px;
margin-bottom: 30px;
}
.swiper.oglasi-podjetij {
padding-top: 50px;
}
.swiper.oglasi-podjetij .swiper-wrapper {
margin-bottom: 75px;
}
.swiper.oglasi-podjetij .oglas {
padding: 0 25px;
}
.swiper.oglasi-podjetij .oglas .img-wrapper {
padding: 23px 30px;
box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.2) !important;
}
.swiper.oglasi-podjetij .oglas .img-wrapper img {
width: 100%;
max-height: 220px;
}
.swiper.oglasi-podjetij .swiper-scrollbar.swiper-scrollbar-horizontal {
position: relative;
left: 50%;
bottom: 0;
height: 5px;
width: 90%;
transform: translatex(-50%);
}
@media (min-width: 768px) {
.swiper.oglasi-podjetij .swiper-button-prev,
.swiper.oglasi-podjetij .swiper-button-next {
display: none;
}
}
.DnnModule .H2-Container {
padding-top: 30px;
}
.DnnModule .H2-Container .dnntitle {
text-align: center;
}
.DnnModule .H2-Container .dnntitle h2 {
color: var(--accent-color2) !important;
font-weight: 700;
font-style: italic;
font-size: 2.5rem;
}
.d-wrapper .col-md-12 img {
max-width: 60%;
}
@media only screen and (max-width: 600px) {
.d-wrapper .col-md-12 img {
max-width: 100%;
}
}
.DnnModule-487 .d-wrapper .col-md-12 img {
max-width: 60%;
}
@media only screen and (max-width: 1000px) {
.DnnModule-487 .d-wrapper .col-md-12 img {
max-width: 100%;
}
}
.fixed-widget-list li.share {
display: none !important;
}
.popup-search-box2 .popup-content::before {
content: "Iskanje" !important;
}
ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group {
display: none !important;
}/*# sourceMappingURL=style.css.map */