@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
                                * {
                                    padding: 0;
                                    margin: 0;
                                    box-sizing: border-box;
                                    user-select: none;
                                }
                                
                                body {
                                    font-family: "Gilroy ExtraBold", system-ui, sans-serif;
                                    font-style: normal;
                                    font-weight: normal;
                                    -webkit-font-smoothing: antialiased;
                                    -webkit-font-kerning: normal;
                                    -webkit-text-size-adjust: 100%;
                                }
                                
                                body,
                                button {
                                    font-family: "Poppins", sans-serif;
                                }
                                
                                .container {
                                    /*min-height: 100vh;*/
                                    width: 100%;
                                    height: inherit;
                                    background-color: #485461;
                                    background-image: linear-gradient(135deg, #485461 0%, #28313b 74%);
                                    overflow-x: hidden;
                                    /*transform-style: preserve-3d;*/
                                }
                                
                                .navbar {
                                    background: transparent;
                                    position: fixed;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    z-index: 10000;
                                    height: 3rem;
                                }
                                
                                #primary_nav {
                                    display: none;
                                }
                                
                                .menu {
                                    height: 30px;
                                    max-width: 72rem;
                                    width: 100%;
                                    margin: 0 auto;
                                    padding: 0 2rem;
                                    display: flex;
                                    justify-content: space-between;
                                    align-items: center;
                                    color: #fff;
                                    white-space: nowrap;
                                }
                                
                                .logo {
                                    font-size: 1.1rem;
                                    font-weight: 600;
                                    text-transform: uppercase;
                                    letter-spacing: 2px;
                                    line-height: 4rem;
                                }
                                
                                .logo span {
                                    font-weight: 300;
                                }
                                
                                .hamburger-menu {
                                    top: 0;
                                    right: 1%;
                                    position: absolute;
                                    height: 4rem;
                                    width: 3rem;
                                    cursor: pointer;
                                    display: flex;
                                    align-items: center;
                                    justify-content: flex-end;
                                }
                                
                                .bar {
                                    width: 1.9rem;
                                    height: 1.5px;
                                    border-radius: 2px;
                                    background-color: #eee;
                                    transition: 0.5s;
                                    position: relative;
                                }
                                
                                .bar:before,
                                .bar:after {
                                    content: "";
                                    position: absolute;
                                    width: inherit;
                                    height: inherit;
                                    background-color: #eee;
                                    transition: 0.5s;
                                }
                                
                                .bar:before {
                                    transform: translateY(-9px);
                                }
                                
                                .bar:after {
                                    transform: translateY(9px);
                                }
                                
                                .main {
                                    position: relative;
                                    width: 100%;
                                    left: 0;
                                    z-index: 56;
                                    overflow: hidden;
                                    transform-origin: left;
                                    transform-style: preserve-3d;
                                    transition: 0.5s;
                                }
                                
                                header {
                                    min-height: 100vh;
                                    width: 100%;
                                    background: url("bg.jpg") no-repeat center center / cover;
                                    -webkit-background-size: cover;
                                    -moz-background-size: cover;
                                    -o-background-size: cover;
                                    background-size: cover;
                                    position: relative;
                                }
                                
                                .overlay {
                                    position: absolute;
                                    width: 100%;
                                    height: 100%;
                                    top: 0;
                                    left: 0;
                                    background-color: rgba(43, 51, 59, 0.8);
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                }
                                
                                .inner {
                                    position: absolute;
                                    text-align: center;
                                    color: #fff;
                                    padding: 0 2rem;
                                    top: 15%;
                                }
                                
                                .inner p {
                                    color: #C4B454;
                                    font-size: 2em;
                                    position: relative;
                                    margin-top: 5%;
                                }
                                
                                .title {
                                    font-family: "Great Vibes";
                                    font-size: 3.5rem;
                                    padding: 1em;
                                    color: #C4B454;
                                    line-height: 0.9em;
                                    top: 20%;
                                }
                                
                                .btn {
                                    margin-top: 1rem;
                                    padding: 0.6rem 1.8rem;
                                    background-color: #e3422c;
                                    border: none;
                                    border-radius: 25px;
                                    color: #fff;
                                    text-transform: uppercase;
                                    cursor: pointer;
                                    text-decoration: none;
                                    border: 1px solid #0f0d0d;
                                }
                                
                                .btn:hover {
                                    background-color: #6e6c6c;
                                    border-radius: 25px;
                                    border: 1px solid #d0d0d0;
                                }
                                
                                .container.active .bar {
                                    transform: rotate(360deg);
                                    background-color: transparent;
                                }
                                
                                .container.active .bar:before {
                                    transform: translateY(0) rotate(45deg);
                                }
                                
                                .container.active .bar:after {
                                    transform: translateY(0) rotate(-45deg);
                                }
                                
                                .container.active .main {
                                    animation: main-animation 0.5s ease;
                                    cursor: pointer;
                                    transform: perspective(1300px) rotateY(20deg) translateZ(310px) scale(0.5);
                                    z-index: 55;
                                }
                                
                                @keyframes main-animation {
                                    from {
                                        transform: translate(0);
                                    }
                                    to {
                                        transform: perspective(1300px) rotateY(20deg) translateZ(310px) scale(0.5);
                                    }
                                }
                                
                                ul {
                                    list-style: none;
                                }
                                
                                .links a {
                                    text-decoration: none;
                                    color: #eee;
                                    padding: 0.7rem 0;
                                    display: inline-block;
                                    font-size: 1rem;
                                    font-weight: 300;
                                    text-transform: uppercase;
                                    letter-spacing: 1px;
                                    transition: 0.3s;
                                    opacity: 0;
                                    transform: translateY(10px);
                                    animation: hide 0.5s forwards ease;
                                }
                                
                                .sidebar a:hover {
                                    color: #cb0808;
                                }
                                
                                .container.active .links a {
                                    animation: appear 0.5s forwards ease var(--i);
                                }
                                
                                @keyframes appear {
                                    from {
                                        opacity: 0;
                                        transform: translateY(10px);
                                    }
                                    to {
                                        opacity: 1;
                                        transform: translateY(0px);
                                    }
                                }
                                
                                @keyframes hide {
                                    from {
                                        opacity: 1;
                                        transform: translateY(0px);
                                    }
                                    to {
                                        opacity: 0;
                                        transform: translateY(10px);
                                    }
                                }
                                
                                .shadow {
                                    position: absolute;
                                    width: 100%;
                                    height: 100vh;
                                    top: 0;
                                    left: 0;
                                    transform-style: preserve-3d;
                                    transform-origin: left;
                                    transition: 0.5s;
                                    background-color: white;
                                }
                                
                                .shadow.one {
                                    z-index: 1;
                                    opacity: 0.15;
                                }
                                
                                .shadow.two {
                                    z-index: 2;
                                    opacity: 0.1;
                                }
                                
                                .container.active .shadow.one {
                                    animation: shadow-one 0.6s ease-out;
                                    transform: perspective(1300px) rotateY(20deg) translateZ(215px) scale(0.5);
                                }
                                
                                @keyframes shadow-one {
                                    0% {
                                        transform: translate(0);
                                    }
                                    5% {
                                        transform: perspective(1300px) rotateY(20deg) translateZ(310px) scale(0.5);
                                    }
                                    100% {
                                        transform: perspective(1300px) rotateY(20deg) translateZ(215px) scale(0.5);
                                    }
                                }
                                
                                .container.active .shadow.two {
                                    animation: shadow-two 0.6s ease-out;
                                    transform: perspective(1300px) rotateY(20deg) translateZ(120px) scale(0.5);
                                }
                                
                                @keyframes shadow-two {
                                    0% {
                                        transform: translate(0);
                                    }
                                    20% {
                                        transform: perspective(1300px) rotateY(20deg) translateZ(310px) scale(0.5);
                                    }
                                    100% {
                                        transform: perspective(1300px) rotateY(20deg) translateZ(120px) scale(0.5);
                                    }
                                }
                                
                                .container.active .main:hover+.shadow.one {
                                    transform: perspective(1300px) rotateY(20deg) translateZ(230px) scale(0.5);
                                }
                                
                                .container.active .main:hover {
                                    transform: perspective(1300px) rotateY(20deg) translateZ(340px) scale(0.5);
                                }
                                
                                .sidebar {
                                    width: 200px;
                                    position: fixed;
                                    top: 20%;
                                    left: 70%;
                                    /*padding-top: 20px;*/
                                    background-color: transparent;
                                    display: block;
                                    justify-content: center;
                                    align-items: center;
                                    text-align: center;
                                }
                                
                                ul {
                                    list-style: none;
                                    padding: 0;
                                }
                                
                                a {
                                    text-decoration: none;
                                    color: #fff;
                                    padding: 10px;
                                    /*display: block;*/
                                }
                                /* Sidebar Styles */
                                
                                .sidebar ul li {
                                    position: relative;
                                }
                                
                                .sidebar ul li:hover {
                                    border-radius: 15px;
                                    /*border: 1px solid #d0d0d0;*/
                                }
                                
                                .dropdown {
                                    width: 170px;
                                    display: none;
                                    position: absolute;
                                    left: -85%;
                                    top: 50px;
                                    z-index: 2;
                                    transform: translateY(-55%);
                                }
                                
                                .sidebar ul li:hover .dropdown {
                                    display: block;
                                }
                                /* Content Styles */
                                
                                .content {
                                    padding-bottom: 5%;
                                    display: flex;
                                    flex-wrap: wrap;
                                    justify-content: space-between;
                                    /*background: #c8c8c8*/
                                }
                                
                                .sidebar2 li:hover {
                                    border-right: 2px solid red;
                                }
                                /* slova */
                                /*:root {
    --bgcolor: transparent;
}

* {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

body {
    min-height: 100vh;
    display: grid;
    place-items: center;
    /*background: var(--bgcolor);*/
                                /*color: white;
}

.sidebar ul {
    list-style: none;
}

.sidebar h1 {
    font-size: 5rem;
    position: relative;
    text-transform: uppercase;
    transition: all 300ms ease;
    width: fit-content;
    cursor: pointer;
}

.sidebar h1:hover {
    transform: skew(10deg);
}

.sidebar h1::before {
    content: attr(data-name);
    position: absolute;
    top: 0;
    left: -20px;
    background: var(--bgcolor);
    height: 3rem;
    overflow: hidden;
    transition: all 300ms ease;
    padding-left: 20px;
}

.sidebar h1:hover::before {
    top: -3px;
    left: 0px;
    color: hotpink;
}

.sidebar h1::after {
    content: "";
    height: 4px;
    width: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: hotpink;
    transition: all 300ms ease;
}

.sidebar h1:hover::after {
    width: 120%;
    outline: 5px solid rgb(2, 0, 36);
}*/
                                /* social */
                                
                                .social {
                                    background-color: #dedede;
                                    z-index: 10;
                                    position: absolute;
                                    width: 100%;
                                    display: flex;
                                    justify-content: center;
                                    bottom: 5%;
                                    transform: scale(0.5);
                                }
                                
                                .social ul {
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                    margin: 0;
                                    padding: 0;
                                    display: flex;
                                    background: #dedede;
                                    border-radius: 25px;
                                }
                                
                                .social ul li {
                                    list-style: none;
                                }
                                
                                .social ul li a {
                                    position: relative;
                                    width: 60px;
                                    height: 60px;
                                    display: block;
                                    text-align: center;
                                    margin: 0 10px;
                                    border-radius: 50%;
                                    padding: 6px;
                                    box-sizing: border-box;
                                    text-decoration: none;
                                    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
                                    background: linear-gradient(0deg, #ddd, #fff);
                                    transition: .5s;
                                }
                                
                                .social ul li a:hover {
                                    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
                                    text-decoration: none;
                                }
                                
                                .social ul li a .fab {
                                    width: 100%;
                                    height: 100%;
                                    display: block;
                                    background: linear-gradient(0deg, #fff, #ddd);
                                    border-radius: 50%;
                                    line-height: calc(60px - 12px);
                                    font-size: 24px;
                                    color: #262626;
                                    transition: .5s;
                                }
                                
                                .social ul li:nth-child(1) a:hover .fab {
                                    color: #3b5998;
                                }
                                
                                .social ul li:nth-child(2) a:hover .fab {
                                    color: #00aced;
                                }
                                
                                .social ul li:nth-child(3) a:hover .fab {
                                    color: #dd4b39;
                                }
                                
                                .social ul li:nth-child(4) a:hover .fab {
                                    color: #007bb6;
                                }
                                
                                .social ul li:nth-child(5) a:hover .fab {
                                    color: #e4405f;
                                }
                                /*.content {
    position: absolute;
}*/
                                /* contact form */
                                
                                .contact-form-container {
                                    background-color: #fff;
                                    max-width: 400px;
                                    margin: 2em auto;
                                    padding: 20px;
                                    border: 1px solid #ddd;
                                    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
                                    border-radius: 60px;
                                }
                                
                                .contact-form-container h1 {
                                    text-align: center;
                                }
                                
                                h1 {
                                    font-size: 24px;
                                    margin-bottom: 20px;
                                }
                                
                                form {
                                    text-align: left;
                                }
                                
                                label,
                                input,
                                textarea {
                                    display: block;
                                    margin-bottom: 10px;
                                }
                                
                                input,
                                textarea {
                                    width: 100%;
                                    padding: 10px;
                                    border: 1px solid #ddd;
                                }
                                /*button {
    background-color: #007BFF;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

button:hover {
    background-color: #0056b3;
}*/
                                
                                .sigmailcov {
                                    color: black;
                                }
                                
                                .sigmailcov1 {
                                    color: black;
                                }
                                
                                .bold {
                                    font-weight: bold;
                                }
                                
                                .sigmailcov:hover {
                                    color: #C4B454 !important;
                                    background-color: white;
                                    border-radius: 50px;
                                }
                                /* menu */
                                
                                .Menu-list {
                                    z-index: 11;
                                    position: absolute;
                                    top: 30%;
                                    right: 10%;
                                    font-size: 2.25rem;
                                    line-height: 1.2;
                                    text-transform: uppercase;
                                    text-align: center;
                                    /*display: flex;*/
                                    flex-direction: column;
                                    align-items: center;
                                    transform: rotateX(-10deg) rotateY(20deg);
                                }
                                
                                .Menu-list-item {
                                    position: relative;
                                    color: transparent;
                                    cursor: pointer;
                                }
                                
                                .Menu-list-item::before {
                                    content: "";
                                    display: block;
                                    position: absolute;
                                    top: 49%;
                                    left: -10%;
                                    right: -10%;
                                    height: 4px;
                                    border-radius: 4px;
                                    margin-top: -2px;
                                    background: #c4b454;
                                    transform: scale(0);
                                    transition: transform 0.8s cubic-bezier(0.16, 1.08, 0.38, 0.98);
                                    z-index: 1;
                                }
                                
                                .Mask {
                                    display: block;
                                    position: absolute;
                                    overflow: hidden;
                                    color: #c4b454;
                                    top: 0;
                                    height: 49%;
                                    transition: all 0.8s cubic-bezier(0.16, 1.08, 0.38, 0.98);
                                }
                                
                                .Mask span {
                                    display: block;
                                }
                                
                                .Mask+.Mask {
                                    top: 48.9%;
                                    height: 51.1%;
                                }
                                
                                .Mask+.Mask span {
                                    transform: translateY(-49%);
                                }
                                
                                .Menu-list-item:hover .Mask,
                                .Menu-list-item:active .Mask {
                                    color: #FFF;
                                    transform: skewX(12deg) translateX(5px);
                                }
                                
                                .Menu-list-item:hover .Mask+.Mask,
                                .Menu-list-item:active .Mask+.Mask {
                                    transform: skewX(12deg) translateX(-5px);
                                }
                                
                                .Menu-list-item:hover::before,
                                .Menu-list-item:active::before {
                                    transform: scale(1);
                                }
                                /* card effect */
                                
                                .card,
                                .card-front,
                                .card-back {
                                    width: 100%;
                                    /*$width/$ratio, $height*/
                                }
                                
                                .card:before,
                                .card-front:before,
                                .card-back:before {
                                    content: '';
                                    float: left;
                                    padding-bottom: 133.3333333333%;
                                    margin-right: -100%;
                                }
                                
                                .card:after,
                                .card-front:after,
                                .card-back:after {
                                    content: '';
                                    display: table;
                                    clear: both;
                                }
                                
                                abbr[title] {
                                    border-bottom-width: 0;
                                    color: rgba(0, 0, 0, 0.4);
                                }
                                
                                .flex {
                                    display: flex;
                                    flex-flow: row wrap;
                                    margin-left: auto;
                                    margin-right: auto;
                                    background-color: white;
                                    max-width: 300px;
                                }
                                
                                @media only screen and (min-width: 25em) {
                                    .flex {
                                        max-width: 1008px;
                                    }
                                }
                                
                                .cell {
                                    display: inline-block;
                                    flex-direction: column;
                                    padding: 0.5rem;
                                    width: 100%;
                                }
                                /*@media only screen and (min-width: 25em) {
    .cell {
        width: calc(100% / 2);
    }
}*/
                                
                                @media only screen and (min-width: 40em) {
                                    .cell {
                                        width: calc(100% / 3);
                                    }
                                }
                                
                                @media only screen and (min-width: 60em) {
                                    .cell {
                                        width: calc(100% / 4);
                                    }
                                }
                                
                                .text--super {
                                    font-family: 'Fira Sans Condensed', sans-serif;
                                    font-size: 790%;
                                    line-height: 0.75;
                                    letter-spacing: -0.05em;
                                    word-break: break-word;
                                }
                                /* entire container, keeps perspective */
                                
                                .card {
                                    perspective: 1000px;
                                }
                                
                                .card.day-past,
                                .card.day-current {
                                    /* flip the pane when hovered */
                                }
                                
                                .card.day-past:focus>.card-content_flip,
                                .card.day-current:focus>.card-content_flip,
                                .card.day-past:hover>.card-content_flip,
                                .card.day-current:hover>.card-content_flip,
                                .card.day-past.hover>.card-content_flip,
                                .card.day-current.hover>.card-content_flip {
                                    transform: rotateY(180deg);
                                }
                                /* flip speed goes here */
                                
                                .card-content_flip {
                                    transition: 0.6s;
                                    transform-style: preserve-3d;
                                    position: relative;
                                }
                                /* hide back of pane during swap */
                                
                                .card-front,
                                .card-back {
                                    backface-visibility: hidden;
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                }
                                /* front pane, placed above back */
                                
                                .card-front {
                                    z-index: 2;
                                    /* for firefox 31 */
                                    transform: rotateY(0deg);
                                    background-size: cover;
                                    background-position: center;
                                }
                                
                                .card-front>.align-center {
                                    position: absolute;
                                    top: 50%;
                                    transform: translate(0, -50%);
                                    padding: 1rem;
                                    text-align: center;
                                    background: rgb(194, 160, 61);
                                    background: linear-gradient(90deg, rgba(194, 160, 61, 1) 0%, rgba(196, 180, 84, 1) 35%, rgba(212, 210, 210, 1) 100%);
                                    color: #fff;
                                    height: 90%;
                                }
                                
                                .card-front time {
                                    font-weight: bold;
                                }
                                
                                .day-current .card-front {
                                    outline: 2px solid #134140;
                                }
                                
                                .day-future .card-front .bg-overlay {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    display: flex;
                                    height: 100%;
                                    width: 100%;
                                    background-color: rgba(0, 0, 0, 0.5);
                                }
                                
                                .day-future .card-front .align-center {
                                    background-color: rgba(0, 0, 0, 0.8);
                                    color: grey;
                                }
                                /* back, initially hidden pane */
                                
                                .card-back {
                                    transform: rotateY(180deg);
                                    background-color: #c4b454;
                                }
                                
                                .card-back>.menu {
                                    position: absolute;
                                    top: 50%;
                                    transform: translate(0, -50%);
                                }
                                
                                .card-back>.menu a {
                                    color: #fff;
                                }
                                
                                .card-back>.menu a:focus,
                                .card-back>.menu a:hover {
                                    background-color: rgba(0, 0, 0, 0.5);
                                }
                                /* Footer
================================================== */
                                /*- Footer common */
                                
                                .footer {
                                    background-color: #0d0d0d;
                                    color: #999;
                                }
                                
                                .footer-main {
                                    padding: 80px 0 60px;
                                }
                                
                                .footer .widget-title {
                                    font-size: 16px;
                                    font-weight: 700;
                                    position: relative;
                                    margin: 0 0 30px;
                                    padding-left: 15px;
                                    text-transform: uppercase;
                                    color: #fff;
                                    border-left: 3px solid #a01300;
                                }
                                /* Footer about us */
                                
                                .footer-logo {
                                    margin-bottom: 25px;
                                }
                                /* Footer social */
                                
                                .footer-social {
                                    margin-top: 15px;
                                }
                                
                                .footer-social .widget-title {
                                    font-size: 14px;
                                    margin-bottom: 10px;
                                }
                                
                                .footer-social ul {
                                    list-style: none;
                                    margin: 0;
                                    padding: 0;
                                    margin-left: -13px;
                                }
                                
                                .footer-social ul li {
                                    display: inline-block;
                                }
                                
                                .footer-social ul li a i {
                                    display: block;
                                    font-size: 16px;
                                    color: #999;
                                    transition: 400ms;
                                    padding: 10px 13px;
                                }
                                
                                .footer-social ul li:hover {
                                    color: #fff;
                                }
                                /*-- Copyright --*/
                                
                                .copyright {
                                    background: #C4B454;
                                    color: #111;
                                    padding: 25px 0;
                                    position: relative;
                                    z-index: 1;
                                    font-weight: 600;
                                    font-size: 12px;
                                }
                                
                                .mojeime {
                                    color: white;
                                }
                                
                                .mojeime:hover {
                                    background-color: white;
                                    color: #a01300;
                                    border-radius: 50px;
                                }
                                
                                @media (min-width: 360px) {
                                    .copyrightmedia {
                                        text-align: center;
                                    }
                                }
                                
                                .col-md-6 {
                                    position: relative;
                                    width: 100%;
                                    padding-right: 15px;
                                    padding-left: 15px;
                                    -ms-flex: 0 0 50%;
                                    flex: 0 0 50%;
                                    /*max-width: 20%;*/
                                    text-align: center;
                                }
                                
                                .row {
                                    display: -ms-flexbox;
                                    display: flex;
                                    -ms-flex-wrap: wrap;
                                    flex-wrap: wrap;
                                    margin-right: -15px;
                                    margin-left: -15px;
                                    text-align: Left;
                                    justify-content: center;
                                }
                                
                                .row1 {
                                    display: -ms-flexbox;
                                    display: flex;
                                    -ms-flex-wrap: wrap;
                                    flex-wrap: wrap;
                                    margin-right: -15px;
                                    margin-left: -15px;
                                    text-align: Left;
                                    justify-content: center;
                                    background: transparent;
                                    color: #fff;
                                    padding: 30px;
                                    box-sizing: border-box;
                                }
                                
                                .col-44 {
                                    background: rgba(196, 180, 84, 1);
                                    color: #fff;
                                    padding: 30px;
                                    margin: 20px;
                                    border-radius: 1em;
                                    text-align: center;
                                    width: 17em;
                                }
                                
                                .col-44 h1 {
                                    color: black;
                                }
                                
                                .container1 {
                                    /*background: orange;*/
                                }
                                
                                .inline1 {
                                    display: inline;
                                    /* This will make the span an inline element */
                                }
                                
                                a {
                                    text-decoration: none;
                                    /* Remove the underline on the link */
                                }
                                
                                .brief {
                                    font-size: 4em!important;
                                    /*line-height: 18px!important;*/
                                    position: relative;
                                }
                                
                                .textspan {
                                    font-size: 20px;
                                    position: relative;
                                }
                                
                                .uptext {
                                    font-size: 15px;
                                }
                                
                                .usluge {
                                    height: 100%;
                                }
                                
                                .ptext {
                                    text-align: justify;
                                    font-size: 15px;
                                    color: black
                                }
                                
                                .brifbrif {
                                    font-size: 4em;
                                    height: 150px;
                                    max-height: fit-content;
                                }
                                
                                .menu-vertical {
                                    text-align: -webkit-center;
                                }
                                
                                .menu-vertical a {
                                    /*text-align: justify;*/
                                    display: block;
                                    /*margin-top: 10%;*/
                                    padding: 4%;
                                }
                                
                                .brifbelov {
                                    max-height: fit-content;
                                }
                                
                                .brifbelov h3 {
                                    color: black;
                                    font-weight: bold;
                                }
                                
                                h5 {
                                    font-family: 'Montserrat', sans-serif;
                                }
                                /*/ start count stats /*/
                                
                                #counter-stats {
                                    margin-top: 50px;
                                    width: 100%;
                                    height: auto;
                                }
                                
                                body .counter {
                                    color: white;
                                    padding: 5%;
                                }
                                
                                .stats {
                                    text-align: center;
                                    font-size: 35px;
                                    font-weight: 700;
                                    font-family: 'Montserrat', sans-serif;
                                    text-transform: lowercase;
                                }
                                
                                .stats .fa {
                                    color: #c4b454;
                                    font-size: 60px;
                                    padding: 5%;
                                }
                                /*/ end count stats /*/
                                /*/ end about /*/
                                
                                .stats h5 {
                                    margin-top: 0;
                                    margin-bottom: 0.333em;
                                    font-size: 18px;
                                    color: #c4b454;
                                    font-weight: 700;
                                    width: 13em;
                                    padding: 5%;
                                }
                                
                                .timeline .timeline-experience-img,
                                .timeline .timeline-experience-info,
                                .timeline .timeline-experience-info h5,
                                .timeline .timeline-experience-info .role,
                                .timeline .timeline-experience-info p {
                                    clear: none;
                                }
                                /* features */
                                
                                html,
                                body,
                                div,
                                span,
                                applet,
                                object,
                                iframe,
                                h1,
                                h2,
                                h3,
                                h4,
                                h5,
                                h6,
                                p,
                                blockquote,
                                pre,
                                a,
                                abbr,
                                acronym,
                                address,
                                big,
                                cite,
                                code,
                                del,
                                dfn,
                                em,
                                img,
                                ins,
                                kbd,
                                q,
                                s,
                                samp,
                                small,
                                strike,
                                strong,
                                sub,
                                sup,
                                tt,
                                var,
                                b,
                                u,
                                i,
                                center,
                                dl,
                                dt,
                                dd,
                                ol,
                                ul,
                                li,
                                fieldset,
                                form,
                                label,
                                legend,
                                table,
                                caption,
                                tbody,
                                tfoot,
                                thead,
                                tr,
                                th,
                                td,
                                article,
                                aside,
                                canvas,
                                details,
                                embed,
                                figure,
                                figcaption,
                                footer,
                                header,
                                hgroup,
                                menu,
                                nav,
                                output,
                                ruby,
                                section,
                                summary,
                                time,
                                mark,
                                audio,
                                video {
                                    margin: 0;
                                    padding: 0;
                                    border: 0;
                                    font-size: 100%;
                                    font: inherit;
                                    vertical-align: baseline
                                }
                                
                                article,
                                aside,
                                details,
                                figcaption,
                                figure,
                                footer,
                                header,
                                hgroup,
                                menu,
                                nav,
                                section {
                                    display: block
                                }
                                
                                body {
                                    line-height: 1
                                }
                                
                                ol,
                                ul {
                                    list-style: none
                                }
                                
                                html {}
                                
                                body {
                                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAFxJREFUeNpiPH78LisDFGRkhPNPn7HyIyOUz4QsMWPGyo+ZGeH8MDGG48fvsurrm4gcP36XFYYh/DusjPr6JiIzZqz8yIAGMjLC+fHovMvKgC6ArJAR3bXIVgAGAHqbPzaxHFMnAAAAAElFTkSuQmCC);
                                    font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
                                    color: #444;
                                    -webkit-font-smoothing: antialiased;
                                    -webkit-text-size-adjust: 100%
                                }
                                
                                .container {
                                    overflow: hidden;
                                }
                                
                                .content11 {
                                    /*background-image: -webkit-gradient(radial, 50% 100%, 100, 50% -50%, 100, from(rgba(200, 200, 200, 1.00)), to(rgba(209, 209, 209, 0.00)));
    background-image: -webkit-radial-gradient(50% 0, rgba(209, 209, 209, 0.00), rgba(200, 200, 200, 1.00));
    background-image: -moz-radial-gradient(50% 0, rgba(209, 209, 209, 0.00), rgba(200, 200, 200, 1.00));
    background-image: -ms-radial-gradient(50% 0, rgba(209, 209, 209, 0.00), rgba(200, 200, 200, 1.00));
    background-image: radial-gradient(50% 0, rgba(209, 209, 209, 0.00), rgba(200, 200, 200, 1.00));*/
                                    /*height: 27em;*/
                                    width: 100%;
                                    position: relative;
                                    overflow: hidden
                                }
                                
                                footer {
                                    width: 100%;
                                    height: 30px;
                                    top: 100px;
                                    position: relative;
                                    text-align: center;
                                    color: #797979
                                }
                                
                                .delidiv {
                                    /*display: grid;*/
                                }
                                
                                .float-child {
                                    width: auto;
                                    float: left;
                                    padding: 20px;
                                    text-align: center;
                                    display: inline-table
                                }
                                
                                ul.container {
                                    text-align: center;
                                    /*top: 20px;*/
                                    margin: 0 auto;
                                    width: 100%;
                                    position: relative;
                                    padding: 0;
                                    background: #fbfbfb;
                                    border: 1px solid #7d7d7d;
                                    border-bottom: 0;
                                    list-style: none;
                                    z-index: 10;
                                    display: block;
                                    border-radius: 3px 3px 0 0;
                                    -webkit-border-radius: 3px 3px 0 0;
                                    -moz-border-radius: 3px 3px 0 0;
                                    -o-border-radius: 3px 3px 0 0;
                                    -ms-border-radius: 3px 3px 0 0;
                                    -khtml-border-radius: 3px 3px 0 0;
                                    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
                                    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
                                    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
                                    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
                                    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
                                    -khtml-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28)
                                }
                                
                                ul.container:after,
                                ul.container:before {
                                    content: '';
                                    width: 96%;
                                    height: 96%;
                                    position: absolute;
                                    left: 2%;
                                    z-index: -1;
                                    bottom: -4px;
                                    background: #f2f2f2;
                                    border: 1px solid #a1a1a1;
                                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
                                    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
                                    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
                                    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
                                    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
                                    -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13)
                                }
                                
                                ul.container:before {
                                    width: 92%;
                                    bottom: -8px;
                                    left: 4%;
                                    background: #f2f2f2;
                                    border: 1px solid #b9b9b9
                                }
                                
                                ul.container li {
                                    background: #fbfbfb
                                }
                                
                                .container li label {
                                    display: block;
                                    color: white;
                                    padding: 10px;
                                    cursor: pointer;
                                    font-family: Arial, Helvetica, sans-serif;
                                    font-size: 15px;
                                    font-weight: bold;
                                    position: relative;
                                    z-index: 50;
                                    line-height: 26px;
                                    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
                                    background-color: #C4B454;
                                    -webkit-touch-callout: none;
                                    -webkit-user-select: none;
                                    -khtml-user-select: none;
                                    -moz-user-select: none;
                                    -ms-user-select: none;
                                    user-select: none;
                                    transition: background-color .17s ease;
                                    -webkit-transition: background-color .17s ease;
                                    -moz-transition: background-color .17s ease;
                                    -o-transition: background-color .17s ease;
                                    -ms-transition: background-color .17s ease
                                }
                                
                                .container li label,
                                .container.anim-label-4 li label:before {
                                    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.10)), to(rgba(0, 0, 0, 0.50)));
                                    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.50));
                                    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.50));
                                    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.50));
                                    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.50));
                                    background-image: linear-gradient(top, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.50));
                                    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#000000', EndColorStr='#000000');
                                    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.1);
                                    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.1);
                                    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.1);
                                    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.1);
                                    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.1);
                                    -khtml-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.1)
                                }
                                
                                ul.container li:first-child,
                                ul.container li:first-child label,
                                ul.container li:first-child label:before {
                                    border-radius: 2px 2px 0 0;
                                    -webkit-border-radius: 2px 2px 0 0;
                                    -moz-border-radius: 2px 2px 0 0;
                                    -o-border-radius: 2px 2px 0 0;
                                    -ms-border-radius: 2px 2px 0 0;
                                    -khtml-border-radius: 2px 2px 0 0
                                }
                                
                                ul.container li input {
                                    display: none
                                }
                                
                                ul.container li label:hover {
                                    background-color: grey
                                }
                                
                                .container li input:checked~label {
                                    background-color: #5a5a5a
                                }
                                
                                ul.container li article {
                                    height: 0;
                                    overflow: hidden;
                                    display: block;
                                    -webkit-transition: max-height 1s ease;
                                    -moz-transition: max-height 1s ease;
                                    -o-transition: max-height 1s ease;
                                    -ms-transition: max-height 1s ease;
                                    -khtml-transition: max-height 1s ease
                                }
                                
                                ul.container li article p {
                                    padding: 10px;
                                    margin: 4px 13px;
                                    font-family: Helvetica;
                                    word-wrap: break-word;
                                    color: #444;
                                    font-size: 13px;
                                    line-height: 23px
                                }
                                
                                ul.container li article a {
                                    text-decoration: none;
                                    color: #6f2a31
                                }
                                
                                ul.container li:last-child article {
                                    border-bottom: 1px solid #7d7d7d
                                }
                                
                                ul.container li article iframe {
                                    border: 1px solid #7d7d7d;
                                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                                    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                                    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                                    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                                    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                                    -khtml-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
                                }
                                
                                ul.container li input:checked~article {
                                    height: auto;
                                    max-height: 800px
                                }
                                
                                .anim-art li input:checked~article p {
                                    transform-origin: top;
                                    -webkit-transform-origin: top;
                                    -moz-transform-origin: top;
                                    -khtml-transform-origin: top;
                                    animation: fade-bounce .7s ease normal;
                                    -webkit-animation: fade-bounce .7s ease normal;
                                    -moz-animation: fade-bounce .7s ease normal;
                                    -khtml-animation: fade-bounce .7s ease normal
                                }
                                
                                @keyframes fade-bounce {
                                    0% {
                                        transform: perspective(800px) translateY(-10px) translateZ(-40px) rotateX(-90deg);
                                        opacity: 0
                                    }
                                    40% {
                                        transform: perspective(800px) translateZ(0px) rotateX(10deg)
                                    }
                                    70% {
                                        transform: perspective(800px) translateZ(0px) rotateX(-5deg)
                                    }
                                    100% {
                                        transform: perspective(800px) translateZ(0px) rotateX(0deg);
                                        opacity: 1
                                    }
                                }
                                
                                @-webkit-keyframes fade-bounce {
                                    0% {
                                        -webkit-transform: perspective(800px) translateY(-10px) translateZ(-40px) rotateX(-90deg);
                                        opacity: 0
                                    }
                                    40% {
                                        -webkit-transform: perspective(800px) translateZ(0px) rotateX(10deg)
                                    }
                                    70% {
                                        -webkit-transform: perspective(800px) translateZ(0px) rotateX(-5deg)
                                    }
                                    100% {
                                        -webkit-transform: perspective(800px) translateZ(0px) rotateX(0deg);
                                        opacity: 1
                                    }
                                }
                                
                                @-moz-keyframes fade-bounce {
                                    0% {
                                        -moz-transform: perspective(800px) translateY(-10px) translateZ(-40px) rotateX(-90deg);
                                        opacity: 0
                                    }
                                    40% {
                                        -moz-transform: perspective(800px) translateZ(0px) rotateX(10deg)
                                    }
                                    70% {
                                        -moz-transform: perspective(800px) translateZ(0px) rotateX(-5deg)
                                    }
                                    100% {
                                        -moz-transform: perspective(800px) translateZ(0px) rotateX(0deg);
                                        opacity: 1
                                    }
                                }
                                
                                @-khtml-keyframes fade-bounce {
                                    0% {
                                        -khtml-transform: perspective(800px) translateY(-10px) translateZ(-40px) rotateX(-90deg);
                                        opacity: 0
                                    }
                                    40% {
                                        -khtml-transform: perspective(800px) translateZ(0px) rotateX(10deg)
                                    }
                                    70% {
                                        -khtml-transform: perspective(800px) translateZ(0px) rotateX(-5deg)
                                    }
                                    100% {
                                        -khtml-transform: perspective(800px) translateZ(0px) rotateX(0deg);
                                        opacity: 1
                                    }
                                }
                                
                                .anim-label-4 li label {
                                    transform: perspective(0px) translateZ(0px) translateY(0px) rotateX(0deg);
                                    -webkit-transform: perspective(0px) translateZ(0px) translateY(0px) rotateX(0deg);
                                    -moz-transform: perspective(0px) translateZ(0px) translateY(0px) rotateX(0deg);
                                    -khtml-transform: perspective(0px) translateZ(0px) translateY(0px) rotateX(0deg);
                                    transform-style: preserve-3d;
                                    -webkit-transform-style: preserve-3d;
                                    -moz-transform-style: preserve-3d;
                                    transform-origin: top;
                                    -webkit-transform-origin: top;
                                    -moz-transform-origin: top
                                }
                                
                                .anim-label-4 li label:before {
                                    content: attr(title);
                                    line-height: 45px;
                                    text-indent: 10px;
                                    position: absolute;
                                    height: 100%;
                                    width: 100%;
                                    color: white;
                                    left: 0;
                                    top: 20px;
                                    background-color: #5a5a5a;
                                    transform: translateZ(-23px) rotateX(-90deg);
                                    -webkit-transform: translateZ(-23px) rotateX(-90deg);
                                    -moz-transform: translateZ(-23px) rotateX(-90deg);
                                    -o-transform: matrix(1, 0, 0, 0, 0, 0);
                                    -ms-transform: matrix(1, 0, 0, 0, 0, 0);
                                    -khtml-transform: translateZ(-23px) rotateX(-90deg)
                                }
                                
                                .container.anim-label-4 input:checked~label {
                                    background-color: #adadad;
                                    animation: flipup .8s forwards normal ease;
                                    -webkit-animation: flipup .8s forwards normal ease;
                                    -moz-animation: flipup .8s forwards normal ease;
                                    -khtml-animation: flipup .8s forwards normal ease
                                }
                                
                                .container.anim-label-4 input:checked~label:hover {
                                    -moz-transform: none
                                }
                                
                                @keyframes flipup {
                                    0% {
                                        transform: perspective(600px) translateZ(0px) rotateX(0deg)
                                    }
                                    40% {
                                        transform: perspective(800px) translateZ(-43px) rotateX(100deg)
                                    }
                                    70% {
                                        transform: perspective(1000px) translateZ(-43px) rotateX(87deg)
                                    }
                                    100% {
                                        transform: perspective(1000px) translateZ(-43px) rotateX(90deg)
                                    }
                                }
                                
                                @-webkit-keyframes flipup {
                                    0% {
                                        -webkit-transform: perspective(600px) translateZ(0px) rotateX(0deg)
                                    }
                                    40% {
                                        -webkit-transform: perspective(800px) translateZ(-43px) rotateX(100deg)
                                    }
                                    70% {
                                        -webkit-transform: perspective(1000px) translateZ(-43px) rotateX(87deg)
                                    }
                                    100% {
                                        -webkit-transform: perspective(1000px) translateZ(-43px) rotateX(90deg)
                                    }
                                }
                                
                                @-moz-keyframes flipup {
                                    0% {
                                        -moz-transform: perspective(600px) translateZ(0px) rotateX(0deg)
                                    }
                                    40% {
                                        -moz-transform: perspective(800px) translateZ(-43px) rotateX(100deg)
                                    }
                                    70% {
                                        -moz-transform: perspective(1000px) translateZ(-43px) rotateX(87deg)
                                    }
                                    100% {
                                        -moz-transform: perspective(1000px) translateZ(-43px) rotateX(90deg)
                                    }
                                }
                                
                                @-khtml-keyframes flipup {
                                    0% {
                                        -khtml-transform: perspective(600px) translateZ(0px) rotateX(0deg)
                                    }
                                    40% {
                                        -khtml-transform: perspective(800px) translateZ(-40px) rotateX(100deg)
                                    }
                                    70% {
                                        -khtml-transform: perspective(1000px) translateZ(-43px) rotateX(87deg)
                                    }
                                    100% {
                                        -khtml-transform: perspective(1000px) translateZ(-43px) rotateX(90deg)
                                    }
                                }
                                
                                .buy {
                                    transition: all .2s ease;
                                    -webkit-transition: all .2s ease;
                                    -moz-transition: all .2s ease;
                                    -ms-transition: all .2s ease;
                                    -o-transition: all .2s ease;
                                    -khtml-transition: all .2s ease;
                                    height: 25px;
                                    border: 1px #093c49 solid;
                                    width: 60px;
                                    background: #145869;
                                    color: white!important;
                                    padding: 10px 20px;
                                    font-size: 20px;
                                    font-weight: bold;
                                    box-shadow: inset 0 0 0 white, 0 0 5px rgba(0, 0, 0, 0.4);
                                    -webkit-box-shadow: inset 0 0 0 white, 0 0 5px rgba(0, 0, 0, 0.4);
                                    -moz-box-shadow: inset 0 0 0 white, 0 0 5px rgba(0, 0, 0, 0.4);
                                    -o-box-shadow: inset 0 0 0 white, 0 0 5px rgba(0, 0, 0, 0.4);
                                    -ms-box-shadow: inset 0 0 0 white, 0 0 5px rgba(0, 0, 0, 0.4);
                                    -khtml-box-shadow: inset 0 0 0 white, 0 0 5px rgba(0, 0, 0, 0.4)
                                }
                                
                                .buy:hover {
                                    color: #145869!important;
                                    background: white!important
                                }
                                
                                .buy:active {
                                    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 white;
                                    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 white;
                                    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 white;
                                    -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 white;
                                    -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 white;
                                    -khtml-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 white
                                }
                                /* article */
                                
                                #intro {
                                    /*display: grid;*/
                                    grid-template-columns: repeat(2, 1fr);
                                    place-items: center;
                                    /*padding: 40px;*/
                                    height: auto;
                                    overflow: hidden;
                                    background: #c8c8c8;
                                    position: relative;
                                }
                                
                                #intro::before {
                                    content: ' ';
                                    display: block;
                                    position: fixed;
                                    left: 0;
                                    top: 0;
                                    width: 100%;
                                    height: 100%;
                                    opacity: 0.2;
                                    background-image: url(images/slika2.JPG);
                                    background-repeat: no-repeat;
                                    background-position: 80%;
                                    background-size: cover;
                                }
                                
                                .info {
                                    display: flex;
                                    flex-direction: column;
                                    align-items: center;
                                    justify-content: center;
                                    gap: 20px;
                                    padding: 30px 50px;
                                    position: relative;
                                }
                                
                                .float-child h1 {
                                    font-family: "Young Serif", serif;
                                    text-align: center;
                                    font-size: 3rem;
                                    padding: inherit;
                                }
                                
                                .float-child p {
                                    font-size: 1.1rem;
                                    margin-bottom: 20px;
                                    text-align: justify;
                                }
                                /*.split-ivan {
    width: 50%;
    float: left;
    padding: 20px;
    border: 2px solid red;
}*/
                                
                                .ivan {
                                    max-width: 100%;
                                    width: 250px;
                                    border-radius: 20px;
                                    border: 2px solid #C4B454;
                                }
                                
                                .lokacija {
                                    height: 30em;
                                    width: 250px;
                                    border-radius: 20px;
                                    border: 2px solid #C4B454;
                                }
                                
                                .lokalikontakt {
                                    display: flex;
                                }
                                
                                .kontaktbutt {
                                    width: fit-content;
                                    text-align: center;
                                }
                                
                                .butt:after {
                                    background: #fff;
                                }
                                
                                .explore,
                                .explore:before {
                                    background: #C4B454;
                                    background: linear-gradient( 45deg, #C4B454 0%, rgb(255, 255, 255) 100%);
                                    background: -moz-linear-gradient( 45deg, #C4B454 0%, rgb(255, 255, 255) 100%);
                                    background: -webkit-linear-gradient( 45deg, #C4B454 0%, rgb(255, 255, 255) 100%);
                                }
                                
                                .butt {
                                    display: inline-block;
                                    position: relative;
                                    border-radius: 10px;
                                    text-decoration: none;
                                    padding: 1rem 2rem;
                                    font-size: 2rem;
                                    font-weight: bold;
                                    border: none;
                                    border-style: solid;
                                    border-color: #C4B454;
                                    border-radius: 10%;
                                    cursor: pointer;
                                    transition: all 0.5s ease;
                                    background-clip: text;
                                    -webkit-background-clip: text;
                                    -webkit-text-fill-color: transparent;
                                }
                                
                                .butt:hover {
                                    text-shadow: 0px 0px 0px #C4B454;
                                }
                                
                                .butt:hover::after {
                                    left: 100%;
                                    top: 100%;
                                    bottom: 100%;
                                    right: 100%;
                                }
                                
                                .butt::before {
                                    content: "";
                                    display: block;
                                    position: absolute;
                                    left: 0;
                                    top: 0;
                                    bottom: 0;
                                    right: 0;
                                    z-index: -1;
                                    border-radius: inherit;
                                    transition: all 0.5s;
                                }
                                
                                .butt::after {
                                    content: "";
                                    display: block;
                                    position: absolute;
                                    left: 2.5px;
                                    top: 2px;
                                    bottom: 2.5px;
                                    right: 2px;
                                    z-index: -1;
                                    border-radius: 8px;
                                    transition: all 0.5s;
                                }
                                
                                .content22 {
                                    padding: 5%;
                                    display: flex;
                                    flex-wrap: wrap;
                                    justify-content: space-between;
                                    background: #c8c8c8;
                                    position: relative;
                                }
                                
                                .content22::before {
                                    content: ' ';
                                    display: block;
                                    position: absolute;
                                    left: 0;
                                    top: 0;
                                    width: 100%;
                                    height: 100%;
                                    opacity: 0.4;
                                    background-image: url(images/law1.jpg);
                                    background-repeat: no-repeat;
                                    background-position: 50% 0;
                                    background-size: cover;
                                }
                                
                                .kontaktforma {
                                    height: 500px;
                                }
                                
                                .kontaktformamain {
                                    position: absolute;
                                }
                                /* kontakt forma */
                                /* Style for the container of the form */
                                
                                .formaporuka {
                                    font-family: Arial, sans-serif;
                                    background-color: #f7f7f7;
                                    text-align: center;
                                    margin: auto;
                                    margin-top: 5%;
                                    margin-bottom: 5%;
                                    padding: 2%;
                                    width: 50%;
                                    text-align: center;
                                    border-radius: 20px;
                                    position: relative;
                                }
                                
                                .formaporuka h1 {
                                    font-family: "Times New Roman", Times, serif;
                                    font-size: 20px;
                                    letter-spacing: -0.5px;
                                }
                                
                                .kontaktforma h1 {
                                    color: #333;
                                }
                                
                                .kontaktforma form {
                                    max-width: 400px;
                                    margin: 0 auto;
                                    background-color: #fff;
                                    padding: 20px;
                                    border-radius: 5px;
                                    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
                                }
                                /* Style for labels and input fields */
                                
                                label {
                                    display: block;
                                    margin-bottom: 5px;
                                    font-weight: bold;
                                    color: #333;
                                }
                                
                                input[type="text"],
                                input[type="email"],
                                textarea {
                                    width: 100%;
                                    padding: 10px;
                                    margin-bottom: 20px;
                                    border: 1px solid #ccc;
                                    border-radius: 3px;
                                }
                                
                                textarea {
                                    height: 120px;
                                }
                                /* Style for the submit button */
                                
                                .formaporuka button {
                                    background-color: #c4b454;
                                    color: #fff;
                                    padding: 10px 20px;
                                    border: none;
                                    border-radius: 5px;
                                    cursor: pointer;
                                }
                                
                                .formaporuka button:hover {
                                    background-color: #5f9ea0;
                                }
                                /* lokacija */
                                
                                .separator {
                                    border-bottom: 2px solid #5f9ea0;
                                    display: block;
                                    padding-bottom: 0.5em;
                                }
                                
                                .gornjagranica {
                                    padding-top: 0.5em;
                                    width: 100%;
                                }
                                
                                .mailito {
                                    white-space: nowrap;
                                }
                                
                                .lokacijablok {
                                    height: 9em;
                                    width: 177px;
                                    background: orange;
                                    display: block;
                                    position: relative;
                                    padding: 5%;
                                    margin: 5%;
                                    border-radius: 30px;
                                }
                                
                                .googlemapsframe {
                                    text-align: center;
                                }
                                /* google map */
                                /* Styling the container of the Google Maps iframe */
                                
                                .map-container {
                                    position: relative;
                                    width: 100%;
                                    max-width: 600px;
                                    /* Set a maximum width for the container */
                                    margin: 0 auto;
                                    /* Center the container horizontally */
                                }
                                /* Styling the iframe itself */
                                
                                .map-container iframe {
                                    width: 100%;
                                    /* 16:9 aspect ratio (change this as needed) */
                                    border: none;
                                    /* Remove the default iframe border */
                                }
                                /* Custom styles for the Google Maps iframe */
                                
                                .map-container .custom-overlay {
                                    position: absolute;
                                    top: 10px;
                                    right: 10px;
                                    background-color: rgba(255, 255, 255, 0.7);
                                    padding: 10px;
                                    border-radius: 5px;
                                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                                    z-index: 2;
                                }
                                /* You can add more custom styles here as needed */
                                /* Styling the Google Maps controls (optional) */
                                
                                .gm-style-iw {
                                    background-color: #fff;
                                    /* Info window background color */
                                    border-radius: 5px;
                                    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
                                }
                                /* Styling the Google Maps marker (optional) */
                                
                                .gm-style .gm-style-iw-c {
                                    padding: 10px;
                                }
                                /* pitanja */
                                
                                @import url('https://fonts.googleapis.com/css?family=Hind:300,400&display=swap');
                                * .pitanja {
                                    box-sizing: border-box;
                                }
                                
                                *::before,
                                *::after {
                                    box-sizing: border-box;
                                }
                                
                                body .pitanja {
                                    margin: 0;
                                    padding: 0;
                                    font-family: 'Hind', sans-serif;
                                    background: #fff;
                                    color: #4d5974;
                                    display: flex;
                                    min-height: 100vh;
                                    background-image: url(images/law3.jpg);
                                    background-attachment: fixed;
                                }
                                
                                .pitanja .container {
                                    margin: 4em;
                                    padding: 4rem;
                                    width: 100%;
                                    /*opacity: 0.4;*/
                                }
                                
                                .accordion .accordion-item {
                                    border-bottom: 1px solid #e5e5e5;
                                }
                                
                                .accordion .accordion-item button[aria-expanded='true'] {
                                    border-bottom: 1px solid #C4B454;
                                }
                                
                                .accordion button {
                                    position: relative;
                                    display: block;
                                    text-align: left;
                                    width: 100%;
                                    padding: 1em 0;
                                    color: white;
                                    font-size: 1.15rem;
                                    font-weight: 400;
                                    border: none;
                                    background: none;
                                    outline: none;
                                }
                                
                                .accordion button:hover,
                                .accordion button:focus {
                                    cursor: pointer;
                                    color: #C4B454;
                                }
                                
                                .accordion button:hover::after,
                                .accordion button:focus::after {
                                    cursor: pointer;
                                    color: #C4B454;
                                    border: 1px solid #C4B454;
                                }
                                
                                .accordion button .accordion-title {
                                    padding: 1em 1.5em 1em 0;
                                }
                                
                                .accordion button .icon {
                                    display: inline-block;
                                    position: absolute;
                                    top: 18px;
                                    right: 0;
                                    width: 22px;
                                    height: 22px;
                                    border: 1px solid;
                                    border-radius: 22px;
                                }
                                
                                .accordion button .icon::before {
                                    display: block;
                                    position: absolute;
                                    content: '';
                                    top: 9px;
                                    left: 5px;
                                    width: 10px;
                                    height: 2px;
                                    background: currentColor;
                                }
                                
                                .accordion button .icon::after {
                                    display: block;
                                    position: absolute;
                                    content: '';
                                    top: 5px;
                                    left: 9px;
                                    width: 2px;
                                    height: 10px;
                                    background: currentColor;
                                }
                                
                                .accordion button[aria-expanded='true'] {
                                    color: #C4B454;
                                }
                                
                                .accordion button[aria-expanded='true'] .icon::after {
                                    width: 0;
                                }
                                
                                .accordion button[aria-expanded='true']+.accordion-content {
                                    opacity: 1;
                                    max-height: 100%;
                                    transition: all 200ms linear;
                                    will-change: opacity, max-height;
                                }
                                
                                .accordion .accordion-content {
                                    opacity: 0;
                                    max-height: 0;
                                    overflow: hidden;
                                    transition: opacity 200ms linear, max-height 200ms linear;
                                    will-change: opacity, max-height;
                                }
                                
                                .accordion .accordion-content p {
                                    font-size: 1rem;
                                    font-weight: 300;
                                    margin: 2em 0;
                                    color: #dedede;
                                    font-family: Helvetica;
                                    letter-spacing: 3px;
                                    line-height: 1.5;
                                }
                                
                                .pitanja .container h1 {
                                    font-size: 25px;
                                    text-align: center;
                                    color: white;
                                }
                                
                                .accordion-content p {
                                    text-indent: 50px;
                                    text-align: justify;
                                    letter-spacing: 3px;
                                }
                                
                                .pitanja .container h2 {
                                    text-indent: 50px;
                                    text-align: justify;
                                    letter-spacing: 3px;
                                    color: white;
                                }
                                
                                .pitanja .container h2 {
                                    text-align: center;
                                    font-size: 20px;
                                }
                                /* button-pravne-usluge */
                                /* 5 */
                                
                                .btn-5 {
                                    width: 130px;
                                    height: 40px;
                                    line-height: 42px;
                                    padding: 0;
                                    border: none;
                                    background: rgb(255, 27, 0);
                                    background: linear-gradient(0deg, rgba(255, 27, 0, 1) 0%, rgba(251, 75, 2, 1) 100%);
                                }
                                
                                .btn-5:hover {
                                    color: black;
                                    background: transparent;
                                    box-shadow: none;
                                }
                                
                                .btn-5:before,
                                .btn-5:after {
                                    content: '';
                                    position: absolute;
                                    top: 0;
                                    right: 0;
                                    height: 2px;
                                    width: 0;
                                    background: black;
                                    box-shadow: -1px -1px 5px 0px #fff, 7px 7px 20px 0px #0003, 4px 4px 5px 0px #0002;
                                    transition: 400ms ease all;
                                }
                                
                                .btn-5:after {
                                    right: inherit;
                                    top: inherit;
                                    left: 0;
                                    bottom: 0;
                                }
                                
                                .btn-5:hover:before,
                                .btn-5:hover:after {
                                    width: 100%;
                                    transition: 800ms ease all;
                                }
                                
                                .custom-btn {
                                    width: 130px;
                                    height: 40px;
                                    color: #fff;
                                    border-radius: 5px;
                                    font-family: 'Lato', sans-serif;
                                    font-weight: 500;
                                    background: transparent;
                                    cursor: pointer;
                                    transition: all 0.3s ease;
                                    position: relative;
                                    display: inline-block;
                                    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
                                    outline: none;
                                }
                                
                                .pravne-button {
                                    text-align: center !important;
                                    bottom: 40px;
                                    position: absolute;
                                    left: 6em;
                                }
                                
                                #side-bar {
                                    display: none;
                                }
                                /* media-responsive */
                                /* Media query for screens up to 768px wide (mobile) */
                                
                                @media (max-width: 768px) {
                                    body {
                                        font-size: 14px;
                                    }
                                    .map-container iframe {
                                        padding: 5%;
                                    }
                                    .Menu-list {
                                        display: none;
                                    }
                                    .info {
                                        /*flex-direction: row;*/
                                    }
                                    .float-child {
                                        width: 100%;
                                    }
                                    .float-child h1 {
                                        line-height: 1;
                                    }
                                    ul.container li article p {
                                        font-size: 18px;
                                    }
                                    .stats {
                                        font-size: 55px;
                                    }
                                    .stats .fa {
                                        font-size: 80px;
                                    }
                                    .stats h5 {
                                        font-size: 22px;
                                    }
                                    #intro {
                                        background: #c8c8c8
                                    }
                                    #intro::before {
                                        background-position: 50% 0;
                                    }
                                    .content22 {
                                        text-align: center;
                                        padding: 40px;
                                    }
                                    .card-front>.align-center {
                                        height: 80%;
                                    }
                                    .ptext {
                                        font-size: 14px;
                                        padding-top: 20px;
                                        letter-spacing: -0.5px;
                                    }
                                    .brifbelov h3 {
                                        font-size: 18px;
                                    }
                                    .brifbrif {
                                        height: 30%;
                                    }
                                    .menu-vertical a {
                                        font-size: 16px;
                                        color: black
                                    }
                                    .custom-btn {
                                        /*width: 13em;*/
                                        /*height: 5em;*/
                                        position: relative;
                                        /*left: -2.5em;*/
                                        bottom: -30px
                                    }
                                    .custom-btn span {
                                        font-size: 1.2em;
                                    }
                                    .pitanja .container {
                                        padding: 1.2em;
                                        margin: 0;
                                    }
                                    .inline1 {
                                        font-size: 1.2em;
                                    }
                                    .title {
                                        padding: 0;
                                    }
                                    .inner p {
                                        padding-top: 5%;
                                        line-height: normal;
                                    }
                                    .formaporuka {
                                        width: 90%;
                                    }
                                    label:before {
                                        font-size: 18px;
                                    }
                                    .anim-label-4 li label {
                                        font-size: 18px;
                                    }
                                    .cell {
                                        display: inline-block;
                                        flex-direction: column;
                                        padding: 1.5rem;
                                        width: 100%;
                                        padding-bottom: 6em;
                                        height: 440px;
                                    }
                                    .social ul li {
                                        width: 4.5em;
                                    }
                                    .social ul {
                                        /* width: 333px; */
                                    }
                                    .icon {
                                        font-size: 30px;
                                    }
                                    /* navbarmobile */
                                    #side-bar {
                                        position: fixed;
                                        width: 300px;
                                        height: 100%;
                                        background: #fff;
                                        left: -300px;
                                        transition: .4s;
                                        top: 0px;
                                        z-index: 44444;
                                        display: block;
                                    }
                                    .logo {
                                        position: absolute;
                                        line-height: 0;
                                        /*right: 30%;*/
                                    }
                                    #side-bar ul {
                                        line-height: 1;
                                        padding-top: 6em;
                                    }
                                    #side-bar.active {
                                        left: 0;
                                        background: linear-gradient(180deg, black, white);
                                    }
                                    .toggle-btn {
                                        position: fixed;
                                        right: 5%;
                                        cursor: pointer;
                                    }
                                    .toggle-btn span {
                                        width: 39px;
                                        height: 3px;
                                        border-radius: 5px;
                                        background: white;
                                        display: block;
                                        margin-top: 10px;
                                    }
                                    #side-bar li a {
                                        color: #C4B454;
                                        list-style: none;
                                        font-size: 39px;
                                        cursor: pointer;
                                        padding-left: 5px;
                                        line-height: 1.3em;
                                    }
                                    #side-bar li:hover {
                                        border-radius: 20px;
                                    }
                                    #side-bar li a:hover {
                                        /*background: white;*/
                                        color: white;
                                        border-radius: 20px;
                                    }
                                    h4 {
                                        display: flex;
                                        padding-top: 100px;
                                        flex-direction: column;
                                        text-align: center;
                                        justify-content: center;
                                        color: #fff;
                                        font-size: 80px;
                                        text-transform: uppercase;
                                    }
                                    h4 p {
                                        color: red;
                                        border-bottom: solid red;
                                    }
                                    .hamburger-menu {
                                        display: none;
                                    }
                                    .sigmailcov {
                                        display: block;
                                        color: black;
                                        font-size: 20px;
                                        margin-left: -28px;
                                        width: 16em;
                                        line-height: 1.5em;
                                    }
                                    .sigmailcov1 {
                                        display: block;
                                        color: black;
                                        font-size: 20px;
                                        margin-left: -28px;
                                        width: 16em;
                                        line-height: 1.5em;
                                    }
                                    .sigmailcov1:hover {}
                                    .accordion button .accordion-title {
                                        width: 90%;
                                        display: block;
                                        padding: 0;
                                        text-align: justify;
                                        font-size: 18px;
                                    }
                                    .col-44 {
                                        width: 23em;
                                    }
                                    .col-44 h1 {
                                        font-size: 20px;
                                    }
                                    .pravne-button {}
                                }
                                /* Media query for screens between 769px and 1024px wide (tablet) */
                                
                                @media (min-width: 769px) and (max-width: 1024px) {
                                    .main {
                                        right: 10%;
                                        /*left: auto;*/
                                    }
                                    .shadow {
                                        right: 10%;
                                        /*left: auto;*/
                                    }
                                    .Menu-list {
                                        z-index: 55;
                                        position: absolute;
                                        /*top: 10%;*/
                                        right: 0%;
                                        font-size: 21;
                                        line-height: 2.2;
                                        text-transform: uppercase;
                                        text-align: center;
                                        flex-direction: column;
                                        align-items: center;
                                        transform: rotateX(-10deg) rotateY(20deg);
                                    }
                                    #side-bar {
                                        display: none;
                                    }
                                    .brifbrif {
                                        height: 75px;
                                    }
                                    .cell {
                                        width: calc(100% / 4);
                                        height: 26em;
                                    }
                                    .card,
                                    .card-front,
                                    .card-back {
                                        width: 100%;
                                        height: 25em;
                                    }
                                    .menu-vertical a {
                                        height: 80%;
                                        margin-top: 0;
                                    }
                                    .custom-btn {
                                        /*width: 100%;*/
                                        /*left: -3.5em;*/
                                    }
                                    .Menu-list-item {
                                        font-size: 35px;
                                    }
                                    /*.btn-5 {
                                        bottom: 10%
                                    }*/
                                    /* Media query for screens 1025px and wider (desktop) */
                                    .delidiv {
                                        display: flex;
                                        flex-wrap: wrap;
                                        justify-content: center;
                                    }
                                }
                                
                                @media (min-width: 1025px) {
                                    .Menu-list {
                                        z-index: 55;
                                        position: absolute;
                                        top: 30%;
                                        /*right: 0;*/
                                        font-size: 2.5rem;
                                        line-height: 1.2;
                                        text-transform: uppercase;
                                        display: flex;
                                        flex-direction: column;
                                        align-items: normal;
                                        transform: rotateX(-10deg) rotateY(20deg);
                                    }
                                    .delidiv {
                                        display: flex;
                                        flex-wrap: wrap;
                                        justify-content: center;
                                    }
                                    .custom-btn {
                                        /*left: -0.5em;*/
                                    }
                                    .float-child p {
                                        font-size: 1.5rem;
                                        margin-bottom: 20px;
                                        text-align: justify;
                                        width: 600px;
                                        line-height: normal;
                                    }
                                    .brifbrif {
                                        font-size: 4em;
                                        height: 115px;
                                        max-height: fit-content;
                                    }
                                }
                                
                                @media only screen and (min-width: 1920px) {
                                    /* Your styles for 2K screens */
                                    .Menu-list {
                                        font-size: 5.25rem;
                                        right: 5%;
                                    }
                                    .title {
                                        font-size: 10.25rem;
                                    }
                                    .inner p {
                                        transform: scale(3);
                                        margin-top: 80%;
                                    }
                                    .col-44 {
                                        width: 28em;
                                    }
                                    .hamburger-menu {
                                        top: 16%;
                                        right: 2%;
                                        position: absolute;
                                        height: 4rem;
                                        width: 3rem;
                                        cursor: pointer;
                                        display: flex;
                                        align-items: center;
                                        justify-content: flex-end;
                                        transform: scale(2);
                                    }
                                    .ivan {
                                        width: 30vh;
                                    }
                                    .float-child p {
                                        height: auto;
                                        line-height: normal;
                                        font-size: 2.5rem;
                                        margin-top: 10%;
                                        width: 1000px;
                                    }
                                    .float-child h1 {
                                        font-size: 6rem;
                                    }
                                    .row {
                                        height: 21vh;
                                    }
                                    .stats {
                                        font-size: 55px;
                                    }
                                    .stats h5 {
                                        font-size: 28px;
                                    }
                                    .lokacija {
                                        height: 40em;
                                        width: 300px;
                                        border-radius: 20px;
                                        border: 2px solid #C4B454;
                                    }
                                    .accordion button {
                                        font-size: 3.15em;
                                    }
                                    .accordion .accordion-content p {
                                        font-size: 2rem;
                                    }
                                    .ptext {
                                        text-align: justify;
                                        font-size: 2em;
                                        color: black;
                                        padding-top: 41px;
                                        line-height: normal;
                                    }
                                    .brifbelov h3 {
                                        color: black;
                                        font-weight: bold;
                                        font-size: 2.5em;
                                        line-height: normal;
                                    }
                                    .custom-btn {
                                        /*left: 6em;*/
                                        width: 80%;
                                        font-size: 40px;
                                    }
                                }
                                /* iPhone 11, iPhone X, iPhone XS, iPhone 12, and similar models */
                                
                                @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
                                    /* Your CSS rules for iPhone 11, iPhone X, iPhone XS, iPhone 12, etc. */
                                    body {
                                        font-size: 14px;
                                    }
                                    .map-container iframe {
                                        padding: 5%;
                                    }
                                    .info {
                                        /*flex-direction: row;*/
                                    }
                                    .float-child {
                                        width: 100%;
                                    }
                                    .float-child h1 {
                                        line-height: 1;
                                    }
                                    ul.container li article p {
                                        font-size: 18px;
                                    }
                                    .stats {
                                        font-size: 55px;
                                    }
                                    .stats .fa {
                                        font-size: 80px;
                                    }
                                    .stats h5 {
                                        font-size: 22px;
                                    }
                                    #intro {
                                        background: #c8c8c8
                                    }
                                    #intro::before {
                                        background-position: 50% 0;
                                    }
                                    .content22 {
                                        text-align: center;
                                        padding: 40px;
                                    }
                                    .card-front>.align-center {
                                        height: 80%;
                                    }
                                    .ptext {
                                        font-size: 14px;
                                        padding-top: 20px;
                                        letter-spacing: -0.5px;
                                    }
                                    .brifbelov h3 {
                                        font-size: 18px;
                                    }
                                    .brifbrif {
                                        height: 30%;
                                    }
                                    .menu-vertical a {
                                        font-size: 16px;
                                        color: black
                                    }
                                    .custom-btn {
                                        /*width: 13em;*/
                                        /*height: 5em;*/
                                        position: relative;
                                        /*left: -2.5em;*/
                                        bottom: -30px
                                    }
                                    .custom-btn span {
                                        font-size: 1.2em;
                                    }
                                    .testbutt {
                                        padding: 0;
                                    }
                                    .pitanja .container {
                                        padding: 1.2em;
                                        margin: 0;
                                    }
                                    .inline1 {
                                        font-size: 1.2em;
                                    }
                                    .title {
                                        padding: 0;
                                    }
                                    .inner p {
                                        padding-top: 5%;
                                        line-height: normal;
                                    }
                                    .formaporuka {
                                        width: 90%;
                                    }
                                    label:before {
                                        font-size: 18px;
                                    }
                                    .anim-label-4 li label {
                                        font-size: 18px;
                                    }
                                    .cell {
                                        display: inline-block;
                                        flex-direction: column;
                                        padding: 1.5rem;
                                        width: 100%;
                                        padding-bottom: 6em;
                                        height: 440px;
                                    }
                                    .social ul li {
                                        width: 4.5em;
                                    }
                                    .social ul {
                                        width: 333px;
                                    }
                                    .icon {
                                        font-size: 30px;
                                    }
                                    /* navbarmobile */
                                    #side-bar {
                                        position: fixed;
                                        width: 300px;
                                        height: 100%;
                                        background: #fff;
                                        left: -300px;
                                        transition: .4s;
                                        top: 0px;
                                        z-index: 44444;
                                        display: block;
                                    }
                                    .logo {
                                        position: absolute;
                                        line-height: 0;
                                        /*right: 30%;*/
                                    }
                                    #side-bar ul {
                                        line-height: 1;
                                        padding-top: 6em;
                                    }
                                    #side-bar.active {
                                        left: 0;
                                        background: linear-gradient(180deg, black, white);
                                    }
                                    .toggle-btn {
                                        position: fixed;
                                        right: 5%;
                                        cursor: pointer;
                                    }
                                    .toggle-btn span {
                                        width: 39px;
                                        height: 3px;
                                        border-radius: 5px;
                                        background: white;
                                        display: block;
                                        margin-top: 10px;
                                    }
                                    #side-bar li a {
                                        color: #C4B454;
                                        list-style: none;
                                        font-size: 39px;
                                        cursor: pointer;
                                        padding-left: 5px;
                                        line-height: 1.3em;
                                    }
                                    #side-bar li:hover {
                                        border-radius: 20px;
                                    }
                                    #side-bar li a:hover {
                                        /*background: white;*/
                                        color: white;
                                        border-radius: 20px;
                                    }
                                    h4 {
                                        display: flex;
                                        padding-top: 100px;
                                        flex-direction: column;
                                        text-align: center;
                                        justify-content: center;
                                        color: #fff;
                                        font-size: 80px;
                                        text-transform: uppercase;
                                    }
                                    h4 p {
                                        color: red;
                                        border-bottom: solid red;
                                    }
                                    .hamburger-menu {
                                        display: none;
                                    }
                                    .sigmailcov {
                                        display: block;
                                        color: black;
                                        font-size: 20px;
                                        margin-left: -28px;
                                        width: 16em;
                                        line-height: 1.5em;
                                    }
                                    .sigmailcov1 {
                                        display: block;
                                        color: black;
                                        font-size: 20px;
                                        margin-left: -28px;
                                        width: 16em;
                                        line-height: 1.5em;
                                    }
                                    .sigmailcov1:hover {}
                                    .accordion button .accordion-title {
                                        width: 90%;
                                        display: block;
                                        padding: 0;
                                        text-align: justify;
                                        font-size: 18px;
                                    }
                                    .col-44 {
                                        width: 23em;
                                    }
                                    .col-44 h1 {
                                        font-size: 20px;
                                    }
                                    .pravne-button {
                                        left: 8em;
                                    }
                                }