/**
 * ViewSource CMS4 App
 *
 * This part of the source code is protected by copyright and belongs to the project ViewSource CMS4. Use, modification and distribution
 * are permitted only in accordance with the terms approved by the owner. Any unauthorized copying, sale or distribution of the code is
 * strictly prohibited.
 *
 * @package   ViewSourceCMS4App\css\
 * @copyright Copyright (c) 2002-2026 ViewSource - All Rights Reserved
 * @author    ViewSource - Marko Jevtić <office@viewsource.biz>
 * @license   Proprietary - copying prohibited without written permission from the author
 * @link      https://www.viewsource.biz/
 */

/* akademijanesic.com: izgled starog sajta (css.css, media.css, component.css, testemonials.css), mere sa živog sajta
   2026-11-11. Stari sajt je Bootstrap 3: širine kontejnera 750, 970, 1170, line-height 1.42857, gutter 30px. */

@font-face { font-display: swap; font-family: 'Maven Pro'; font-style: normal; font-weight: 400 900; src: url('/include/fonts/maven-pro-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-display: swap; font-family: 'Maven Pro'; font-style: normal; font-weight: 400 900; src: url('/include/fonts/maven-pro-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root,
[data-bs-theme=light] {
    --bs-body-font-family: 'Maven Pro', Arial, sans-serif;
    --bs-body-font-size: 16px;
    --bs-body-line-height: 1.42857;
    --bs-body-color: #000;
    --bs-body-bg: #fff;
    --bs-primary: #3dbb07;
    --bs-primary-rgb: 61, 187, 7;
    --bs-link-color: #337ab7;
    --bs-link-color-rgb: 51, 122, 183;
    --bs-link-hover-color: #23527c;
}

.container { --bs-gutter-x: 30px; max-width: none; }
@media (min-width: 768px) { .container { max-width: 750px; } }
@media (min-width: 992px) { .container { max-width: 970px; } }
@media (min-width: 1200px) { .container { max-width: 1170px; } }
.row { --bs-gutter-x: 30px; }

html:root { scroll-behavior: auto; }
body { position: relative; left: 0; transition: left .3s ease; }
a { text-decoration: none; }
a:hover, a:focus { text-decoration: none; }
p { margin-top: 0; margin-bottom: 15px; }
.ak-content p, .ak-home-row p, .ak-home-about p, .ak-slide-body p { line-height: 19px; text-indent: 35px; }
h1, h2, h3, h4 { font-weight: 500; line-height: 1.1; }
.btn-primary { --bs-btn-bg: #3dbb07; --bs-btn-border-color: #3dbb07; --bs-btn-hover-bg: #34a006; --bs-btn-hover-border-color: #34a006;
    --bs-btn-active-bg: #34a006; --bs-btn-active-border-color: #34a006; border-radius: 0; }
.form-control, .form-select { border-radius: 0; border: 1px solid #000; }
.form-control:focus, .form-select:focus { border-color: #3dbb07; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(61, 187, 7, .3); }

/** Header **********************************************************************************************************************/

.ak-topbar { background: #000; padding: 5px 0 2px; font-size: 14px; color: #fff; line-height: 1.42857; }
.ak-topbar .container { min-height: 25px; }
.ak-topbar .ak-info { display: inline-block; padding-top: 2px; width: 150px; white-space: nowrap; }
.ak-topbar .ak-info + .ak-info { width: 210px; }
.ak-topbar .ak-info i { margin: 0 5px 0 0; font-size: 13px; color: #999; }
.ak-topbar .ak-info + .ak-info i { margin-left: 10px; }
.ak-topbar a { color: #fff; transition: all .3s ease 0s; }
.ak-topbar a:hover { color: #3dbb07; }
.ak-topbar-social a { display: inline-block; width: 40px; text-align: right; font-size: 16px; }

.ak-header { position: sticky; top: 0; z-index: 1020; }
.ak-nav { background: #fff; border-top: 3px solid #000; }
.ak-header.ak-stuck .ak-nav { border-bottom: 1px solid #c2c2c0; }
.ak-nav-list { display: flex; justify-content: center; flex-wrap: wrap; }
.ak-nav-list a { display: block; color: #8a8a8a; text-shadow: 0 0 1px #fff; font-size: 20px; line-height: 20px; padding: 18px 10px; margin: 0 10px;
    border-bottom: 0 solid #000; }
.ak-nav-list a:first-child, .ak-nav-list a:first-child:hover { color: #000; }
.ak-nav-list a:hover { color: #222; border-bottom-width: 5px; padding-bottom: 13px; }
@media (max-width: 991.98px) { .ak-nav-list a { margin: 0; } }

.ak-mobile { position: relative; height: 59px; background: #fff; border-bottom: 1px solid #c2c2c0; text-align: center; }
.ak-mobile-btn { position: absolute; left: 15px; top: 0; height: 58px; padding: 0; border: 0; background: none; color: #000; font-size: 32px; line-height: 58px; }
.ak-mobile-btn i, .ak-push-back i { -webkit-text-stroke: 1.5px currentColor; }
.ak-mobile-logo img { height: 58px; width: auto; padding: 10px 0; }

.ak-push { position: fixed; top: 0; left: -240px; z-index: 1030; width: 240px; height: 100%; overflow: auto; background: #fff;
    box-shadow: inset -5px 0 10px 0 #999; transition: left .3s ease; }
.ak-push-open .ak-push { left: 0; }
body.ak-push-open { left: 240px; overflow-x: hidden; }
.ak-push-head { display: flex; height: 58px; background: #000; color: #fff; }
.ak-push-title { flex: 0 0 75%; padding: 10px; font-size: 1.8em; font-weight: 500; line-height: 38px; }
.ak-push-back { flex: 1; border: 0; background: none; color: #fff; font-size: 1.5em; text-align: right; padding: 0 15px; }
.ak-push a { display: block; color: #222; font-size: 15px; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid #222; padding: 1em; }
.ak-push a:active { background: #afdefa; color: #47a3da; }

/** Footer **********************************************************************************************************************/

.ak-footer-spacer { height: 52px; }
.ak-footer-top { position: fixed; bottom: 0; left: 0; z-index: 1010; width: 100%; background: #fff; border-top: 2px solid #000; }
.ak-footer-top.ak-static { position: static; }
.ak-footer-nav { display: flex; margin-left: -2px; }
.ak-footer-nav a { color: #222; font-size: 21px; line-height: 20px; padding: 15px 0; margin-right: 25px; border-top: 0 solid #000; }
.ak-footer-nav a:hover { color: #000; border-top-width: 5px; padding-top: 10px; }
.ak-footer-logo { padding: 6px 0 6px 10px; }
.ak-footer-logo img { display: block; height: 38px; width: auto; }
.ak-footer-bottom { background: #fff; }
.ak-footer-bottom .container { height: 50px; }
.ak-copyright { color: #555; }
.ak-copyright a, .ak-consent { color: #222; transition: all .3s ease 0s; }
.ak-copyright a:hover, .ak-consent:hover { color: #3dbb07; }
.ak-consent { font-size: inherit; text-decoration: none; }
.ak-social { display: flex; gap: 8px; margin-left: -4px; }
.ak-social a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #222;
    color: #fff; font-size: 15px; transition: all .3s ease 0s; }
.ak-social a:hover { background: #3dbb07; color: #fff; }
.ak-social a.ak-social-facebook:hover { background: #3b5998; }
.ak-social a.ak-social-instagram:hover { background: #125688; }
.ak-social a.ak-social-youtube:hover { background: #b00; }
@media (max-width: 991.98px) { .ak-copyright { font-size: 14px; } }

.ak-footer-mobile { position: relative; z-index: 2; background: #000; color: #fff; padding: 20px 0; }
.ak-footer-mobile .ak-info { padding: 10px 0 0; }
.ak-footer-mobile .ak-info i { margin-right: 10px; }
.ak-footer-mobile a { color: #fff; }
.ak-footer-mobile .ak-consent { color: #aaa; font-size: 14px; }
.ak-footer-mobile .ak-social { margin: 10px 0 0; }
.ak-footer-mobile .ak-social a { width: 36px; height: 36px; background: #fff; color: #000; font-size: 18px; }
.ak-footer-mobile .ak-social a:hover { color: #3dbb07; background: #fff; }

.ak-top-link { position: fixed; right: 9px; bottom: 45px; z-index: 1015; padding: 5px; color: #000; opacity: 0; visibility: hidden;
    transition: opacity 1s, visibility 1s; }
.ak-top-link.ak-on { opacity: .6; visibility: visible; }
.ak-top-link:hover { opacity: 1; color: #3dbb07; }
.ak-top-link span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: currentColor; }
.ak-top-link i { color: #fff; font-size: 20px; margin-top: -2px; }
@media (max-width: 767.98px) { .ak-top-link { bottom: 62px; } }
@media (max-width: 620px) { .ak-top-link { bottom: 60px; } }

/** Zelena traka: početna i zaglavlje strane ************************************************************************************/

.ak-band { padding: 30px 0; color: #fff; background: #294f00; background: linear-gradient(to right bottom, #294f00 0, #66c600 60%, #77e700 100%); }
.ak-band .container::after { content: ''; display: table; clear: both; }
.ak-band h1 { color: #fff; font-size: 50px; font-weight: 500; margin: -2px 0 -8px -4px; }
.ak-band .ak-sub { display: block; text-indent: 0; color: #fff; font-size: 34px; font-weight: 500; line-height: 1.1; margin: 2px 0 10px -4px; }
.ak-band .ak-quote { float: left; display: block; width: 4%; height: 50px; margin: -18px 0 0 25px; color: #fff; font-size: 80px; line-height: 1.42857; }
.ak-band .ak-text { float: left; width: 84%; color: #fff; font-size: 19px; font-weight: 500; line-height: 1.42857; margin-top: 17px; }
.ak-band .ak-text p { text-indent: 0; margin: 0; line-height: inherit; }
.ak-band-home h1 { margin: 0; font-size: inherit; line-height: 1.1; }
.ak-band-home .ak-logo { display: block; width: 221px; height: 60px; }
.ak-band-home .ak-sub { font-size: 36px; margin: 2px 0 10px -4px; }
.ak-page-img { display: block; width: 100%; height: auto; aspect-ratio: 1920 / 350; object-fit: cover; }
@media (max-width: 1199.98px) { .ak-band .ak-quote { width: 6%; } .ak-band .ak-text { width: 90%; } }
@media (max-width: 767.98px) {
    .ak-band h1 { font-size: 32px; margin-bottom: 0; }
    .ak-band .ak-sub, .ak-band-home .ak-sub { font-size: 20px; margin: -4px 0 10px -2px; }
    .ak-band .ak-quote { font-size: 60px; width: 7%; }
    .ak-band .ak-text { font-size: 14px; margin-top: 0; width: 85%; }
    .ak-band-home .ak-logo { width: 150px; height: auto; margin-bottom: 8px; }
}
@media (max-width: 620px) { .ak-band .ak-text { width: 84%; } .ak-band .ak-quote { width: 9%; } .ak-page-img { aspect-ratio: 10 / 3; } }
@media (max-width: 450px) { .ak-band .ak-text { width: 80%; } .ak-band .ak-quote { width: 10%; } .ak-page-img { aspect-ratio: 20 / 7; } }

/** Početna *********************************************************************************************************************/

.ak-parallax { position: relative; height: 750px; overflow: hidden; isolation: isolate; }
.ak-parallax-img { position: absolute; top: -15px; left: 0; width: 100%; height: 105%; z-index: -1; background: var(--ak-hero) top center / cover no-repeat;
    will-change: transform; }
@media (max-width: 1199.98px) { .ak-parallax { height: 600px; } }
@media (max-width: 991.98px) { .ak-parallax { height: 400px; } }
@media (max-width: 767.98px) { .ak-parallax { height: 350px; } .ak-parallax-img { top: 0; height: 100%; background-image: var(--ak-hero-mobile, var(--ak-hero)); } }
@media (max-width: 450px) { .ak-parallax { height: 240px; } }

.ak-home-row p, .ak-home-about p { margin: 0; }
.ak-home-row h2 { font-size: 38px; font-weight: 500; color: #a0a0a0; margin: -2px 0 0; }
.ak-home-row h3 { font-size: 25px; font-weight: 500; color: #a0a0a0; margin: -8px 0 25px; }
.ak-home-row .bottom-more { margin-top: 34px; }
.ak-home-row .bottom-more::after { content: ''; display: table; clear: both; }
.ak-home-row .bottom-more img { float: right; margin-top: 3px; }
.ak-home-row .read-more { margin-top: 17px; margin-right: 10px; }
.read-more { float: right; color: #000; font-weight: 600; }
.read-more:hover { color: #3dbb07; }
.ak-home-obuka_za_frizera { margin-top: 80px; }
.ak-home-individualna_obuka { margin-top: 60px; }
.ak-home-individualna_obuka .bottom-more { margin-top: 15px; }
.ak-home-individualna_obuka .bottom-more img { margin-top: 0; }
.ak-home-individualna_obuka .read-more { margin-top: 15px; }
.ak-home-about { margin-top: 80px; padding: 30px 0; color: #d7d7d7;
    background: linear-gradient(to right, #4b4b4b 0%, #696969 21%, #7a7a7a 38%, #9b9b9b 100%); }
.ak-home-about h2 { font-size: 44px; font-weight: 500; color: #e1e1e1; margin: -2px 0 10px; }
.ak-home-about .read-more { color: #d7d7d7; }
.ak-home-about .read-more:hover { color: #3dbb07; }
.ak-home-row img.ak-cover, .ak-home-about img.ak-cover { display: block; width: 100%; height: auto; }
@media (max-width: 1199.98px) { .ak-home-row h2, .ak-home-about h2 { font-size: 35px; } .ak-home-row h3 { font-size: 22px; margin-bottom: 12px; } }
@media (max-width: 991.98px) {
    .ak-home-row h2, .ak-home-about h2 { margin-top: 10px; margin-bottom: 5px; }
    .ak-home-row .bottom-more img { float: left; }
    .ak-home-row .read-more { display: block; padding: 3px 12px 6px; background: #ff9e00; color: #fff; margin-top: 3px; }
    .ak-home-row .read-more:hover { background: #ffb700; color: #fff; }
    .ak-home-individualna_obuka .read-more { margin-top: 0; background: #b7e0d1; }
    .ak-home-individualna_obuka .read-more:hover { background: #848484; }
    .ak-home-about .read-more { display: block; padding: 3px 12px 6px; background: #e1e1e1; color: #848484; margin-top: 10px; }
    .ak-home-about .read-more:hover { background: #fff; color: #848484; }
}
@media (max-width: 767.98px) { .ak-home-row h2 { font-size: 30px; } .ak-home-row h3 { font-size: 20px; } .ak-home-row .bottom-more { margin-top: 15px; } }

/** Strane **********************************************************************************************************************/

.ak-content h2 { font-size: 38px; font-weight: 500; color: #a0a0a0; margin: 50px 0 35px; }
.ak-content img { max-width: 100%; height: auto; }
.ak-content p img.thumbnail.float-end { margin: 0 0 20px 20px; padding-top: 6px; }
#Obuka9Meseci { padding: 40px 0 30px; }
#Obuka9Meseci .second-image { margin-top: 5px; }
#Obuka9Meseci .table { margin-top: 20px; }
#ObukaIndividualna { padding: 40px 0 20px; }
#ObukaIndividualna .table { margin-top: 40px; }
#ObukaIndividualna > .container > .row > div:nth-child(-n+2) { margin-bottom: 40px; }
#ONama { padding-bottom: 30px; margin-top: 50px; }
#Tim h2 { font-size: 38px; font-weight: 500; color: #a0a0a0; margin: 20px 0 0; }
#Tim h3 { font-size: 20px; font-weight: 500; color: #a0a0a0; margin: 0 0 30px; }
#Tim .team-member h3 { font-size: 32px; font-weight: 400; margin: 0 0 25px; }
#Tim .team-member h3 strong { font-weight: 500; }
.team-member { margin-bottom: 30px; }
@media (max-width: 767.98px) {
    .ak-content h2 { font-size: 34px; }
    #Tim h2 { font-size: 32px; }
    #Tim .team-member h3 { font-size: 30px; margin-top: 20px; }
    .team-member { margin-bottom: 0; }
    .ak-content .text-image { margin-bottom: 20px; }
    #Tim .float-end, .ak-content .text-image.float-end { float: left !important; }
}

.ak-content .table { margin-bottom: 0; --bs-table-bg: transparent; --bs-table-border-color: transparent; }
.ak-content .table > thead > tr > th { background: #ffbc23; color: #fff; border-bottom: 0; font-size: 18px; text-align: center; }
.ak-content .table.individualna > thead > tr > th { background: #b7e0d1; }
.ak-content .table > thead > tr > th, .ak-content .table > tbody > tr > td { padding: 10px 0 15px; vertical-align: middle; box-shadow: none; }
.ak-content .table > tbody > tr > td { background: #e6e6e7; border-top: 0; color: #383336; font-size: 18px; font-weight: 700; }
.ak-content .table td div { font-weight: 500; font-size: 14px; margin-top: -2px; }
.ak-content .table td:first-child, .ak-content .table th:first-child, .ak-content .table td:last-child, .ak-content .table th:last-child { width: 14%; }
.ak-content .table-bottom { width: 100%; background: #bcbfc1; margin-bottom: 20px; }
.ak-content .table-bottom td { padding: 0; }
.ak-content .table-bottom td:first-child { text-align: right; width: 39%; font-size: 24px; }
.ak-content .table-bottom td:nth-child(2) { text-align: left; width: 61%; font-size: 15px; font-weight: 500; padding-left: 15px; }
.ak-content .table-bottom td:nth-child(2) span { font-size: 24px; font-weight: 600; margin-right: 10px; }
.ak-content .table-bottom td .text { margin-top: 3px; display: inline-block; }
@media (max-width: 991.98px) { .ak-content .table-bottom td:first-child { width: 18%; } }
@media (max-width: 767.98px) { .ak-content .table-bottom td:first-child { width: 40%; } .ak-content .table-bottom td img { display: none; } }
@media (max-width: 620px) {
    .ak-content .table > thead > tr > th { font-weight: 500; font-size: 15px; padding: 10px 2px 15px; line-height: 16px; }
    .ak-content .table > thead > tr > th:first-child, .ak-content .table > thead > tr > th:last-child,
    .ak-content .table > tbody > tr > td:first-child, .ak-content .table > tbody > tr > td:last-child { width: 0; padding: 0; }
    .ak-content .table > tbody > tr > td { font-size: 15px; }
    .ak-content .table-bottom td { padding-top: 10px; padding-bottom: 10px; line-height: 25px; }
    .ak-content .table-bottom td .text { padding-right: 15px; line-height: 18px; }
    .ak-content .table-bottom td:nth-child(2) span { font-size: 23px; }
}

/** Iskustva polaznika: jedan po jedan, sam se menja (bxSlider: 5,5 s, prelaz 0,5 s) ********************************************/

.ak-slider { position: relative; margin: 30px auto; }
.ak-slider-viewport { overflow: hidden; padding: 0 10px 10px; }
.ak-slider-track { display: flex; gap: 20px; transition: transform .5s; }
.ak-slide { flex: 0 0 100%; }
.ak-slide-img { float: left; max-width: 35%; margin-right: 20px; }
.ak-slide-img img { display: block; width: 100px; height: 100px; object-fit: cover; border: 1px solid #222; border-radius: 50%; }
.ak-slide-body { overflow: hidden; }
.ak-slide-name { font-size: 18px; margin-bottom: 15px; color: #000; font-weight: 400; padding-right: 80px; }
.ak-slide-name span { font-size: 11px; margin-left: 10px; color: #aaa; font-family: Georgia, Arial, Helvetica, sans-serif; font-style: italic; }
.ak-slider-nav { position: absolute; top: 0; right: 10px; z-index: 2; display: flex; gap: 6px; }
.ak-slider-nav button { width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #000; color: #fff; font-size: 16px; line-height: 32px; }
.ak-slider-nav button:hover { background: #3dbb07; }

/** Mediji: kartice galerija, video *********************************************************************************************/

.ak-gallery-card { margin-bottom: 30px; }
.ak-gallery-card a { display: block; }
.ak-gallery-card img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; cursor: pointer; }
.ak-gallery-card .title { color: #a0a0a0; font-size: 18px; font-weight: 700; text-align: center; margin-top: 10px; }
.ak-video { margin-bottom: 30px; }
@media (max-width: 450px) { .ak-gallery-cards > .col-6 { width: 100%; } }

/** Kontakt: mapa preko cele širine, forma i podaci u belom polju preko nje *****************************************************/

.ak-contact { position: relative; }
.ak-contact-map { position: absolute; inset: 0; z-index: 0; }
.ak-contact-map .vscms-map { height: 100% !important; margin: 0 !important; }
.ak-contact-box-wrap { position: relative; z-index: 1; padding-top: 435px; padding-bottom: 50px; pointer-events: none; }
.ak-contact-box { background: rgba(255, 255, 255, .92); pointer-events: auto; padding: 0 15px 20px; }
.ak-contact-box h2 { font-size: 38px; font-weight: 500; color: #a0a0a0; margin: 30px 0 35px; }
.ak-contact-box .form-label { font-weight: 700; }
.ak-contact-logo { display: block; margin: 0 0 20px; }
.ak-contact-table td { padding: 2px 10px; vertical-align: top; }
.ak-contact-table td:first-child { padding: 2px 0; white-space: nowrap; }
.ak-contact-table i { margin-right: 5px; }
.ak-contact-table a { color: #000; }
.ak-contact-table a:hover { color: #3dbb07; }
.ak-contact-table tr.top-separator td { padding-top: 10px; }
@media (max-width: 767.98px) { .ak-contact-box-wrap { padding-top: 380px; } }

/* Sidro ispod prikovanog menija (stari sajt: section:target, 59px) */
[id] { scroll-margin-top: 60px; }

/* Zaglavlje CMS strana (galerije, lista strana): ista zelena traka */
.vscms-page-head { padding: 30px 0; color: #fff; background: linear-gradient(to right bottom, #294f00 0, #66c600 60%, #77e700 100%); }
.vscms-page-head .container { padding-top: 0 !important; }
.vscms-page-head h1 { color: #fff; font-size: 50px; font-weight: 500; margin: -2px 0 0 -4px !important; }
.vscms-page-head .breadcrumb { --bs-breadcrumb-divider-color: #fff; --bs-breadcrumb-item-active-color: #fff; margin-bottom: 8px; font-size: 14px; }
.vscms-page-head .breadcrumb a { color: #fff; }
.vscms-page-head .lead { color: #fff !important; }
@media (max-width: 767.98px) { .vscms-page-head h1 { font-size: 32px; } }