/* ----------------------------------------------------------------
    Document Reset
-----------------------------------------------------------------*/
    /* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
    
    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;
    }
    
    ul li {
        font-size: 14px;
        list-style-type: none;
    }
    
    ol li {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    p a {
        text-decoration: underline;
        font-style: italic;
        font-weight: bold;
    }
    
    html {
        font-family: sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    /* ----------------------------------------------------------------
    Basic Document Styles
-----------------------------------------------------------------*/
    
    body {
        line-height: 1;
        color: #164883;
        font: 12px/20px "Open Sans", Helvetica, Arial, sans-serif;
        background: #fff url("images/pozadina.jpg") repeat-x;
    }
    
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    
    .clearfix {
        display: inline-block;
        *zoom: 1;
    }
    
    .clearfix {
        display: block;
    }
    
    .clear {
        clear: both;
        display: block;
        font-size: 0px;
        height: 0px;
        line-height: 0;
        width: 100%;
        overflow: hidden;
    }
    
     ::selection {
        background: #164883;
        color: #fff;
    }
    
     ::-moz-selection {
        background: #164883;
        /* Firefox */
        color: #fff;
    }
    
     ::-webkit-selection {
        background: #164883;
        /* Safari */
        color: #fff;
    }
    /* ----------------------------------------------------------------
    Typography
-----------------------------------------------------------------*/
    
    a {
        text-decoration: none;
        color: #164883;
    }
    
    a:hover,
    .selected {
        color: #a90075;
    }
    
    a img {
        border: none;
    }
    
    p,
    pre,
    ul,
    ol,
    dl,
    dd,
    blockquote,
    address,
    table,
    fieldset,
    form {
        margin-bottom: 20px;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: normal;
        padding: 0 0 20px 0;
        color: #444;
        font-family: 'Open Sans', sans-serif;
    }
    
    h1 span,
    h2 span,
    h3 span,
    h4 span,
    h5 span,
    h6 span {
        color: #164883;
    }
    
    h3,
    h4,
    h5,
    h6 {
        padding-bottom: 15px;
    }
    
    h1 {
        font-size: 28px;
        color: #a90075;
        line-height: 28px;
        font-weight: bold;
    }
    
    h2 {
        font-size: 22px;
        line-height: 28px;
    }
    
    h3 {
        font-weight: normal;
        font-size: 18px;
        line-height: 24px;
    }
    
    h4 {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
    }
    
    h5 {
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
    }
    
    h6 {
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
    }
    
    strong {
        font-weight: bold;
    }
    
    ul,
    ol,
    dl {
        margin-left: 20px;
    }
    
    img {
        max-width: 100%;
    }
    /* ----------------------------------------------------------------
    Basic Layout Styles
-----------------------------------------------------------------*/
    
    .tright {
        text-align: right !important;
    }
    
    .fleft {
        float: left !important;
    }
    
    #wrapper {
        width: 1020px;
        margin: 10px auto;
        position: relative;
        background-color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }
    
    #wrapper .content-wrap #broadcast {
        display: flex;
        justify-content: center;
        background-color: #EEE;
        margin-bottom: 20px;
    }
    
    .container {
        width: 960px;
        margin: 0 auto;
        position: relative;
    }
    
    .container p {
        font-size: 14px;
    }
    
    .line a:hover {
        color: #575757;
        background: none;
    }
    
    .center {
        text-align: center !important;
    }
    
    .dotted-divider {
        clear: both;
        background: url("images/divider.png") repeat-x;
        margin: 30px 0;
        height: 5px;
    }
    
    .preloader,
    .preloader2 {
        display: block;
        width: 100%;
        height: 100%;
        background: url("images/preloader.gif") center center no-repeat #FFF;
    }
    
    .preloader2 {
        background-color: transparent;
    }
    
    .col_full {
        width: 100%;
    }
    
    select {
        min-height: inherit !important;
    }
    
    input[type="text"],
    input[type="password"],
    select,
    textarea {
        display: block;
        background: #FFF;
        padding: 7px;
        border: 1px solid #DDD;
        border-top-width: 2px;
        outline: 0;
        font: normal 11px/100%;
        color: #666;
    }
    
    input[type="submit"] {
        padding: 10px;
    }
    
    input[type="text"],
    input[type="password"] {
        width: 45%;
    }
    
    textarea {
        width: 90%;
        height: 150px;
        line-height: 150%;
    }
    
    input[type="text"]:active,
    input[type="password"]:active,
    textarea:active,
    select:active,
    input[type="text"]:focus,
    input[type="password"]:focus,
    textarea:focus,
    select:focus {
        border-color: #CCC;
    }
    
    label.error {
        display: block;
        font-style: italic;
        font-weight: normal;
        font-size: 11px;
        color: #BD091B;
        margin-bottom: 15px;
    }
    
    input.error,
    textarea.error,
    select.error {
        border-color: #BD091B !important;
    }
    
    #footer.footer-dark input.error,
    #footer.footer-dark textarea.error,
    #footer.footer-dark select.error {
        border-color: #CF4545 !important;
    }
    
    .quick-contact-form label.error {
        margin: 0;
    }
    
    form p {
        margin-top: 15px;
        margin-bottom: 0;
    }
    
    form p:first-child {
        margin-top: 0;
    }
    /* ----------------------------------------------------------------
    Top Bar
-----------------------------------------------------------------*/
    
    #top-bar {
        position: relative;
        background-color: #bbcde3;
        height: 30px;
    }
    
    #jezik {
        position: relative;
        margin: 0 auto;
        padding: 5px 0 0 0;
        text-align: right;
    }
    /* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/
    
    #header {
        position: relative;
    }
    /* ----------------------------------------------------------------
    Logo
-----------------------------------------------------------------*/
    
    #logo {
        position: relative;
        float: left;
        height: 102px;
        max-width: 304px;
        margin-right: 20px;
        margin-top: 10px;
        font-family: 'Open Sans', sans-serif;
        font-size: 36px;
        line-height: 120px;
    }
    
    #logo a {
        display: block;
        color: #000;
    }
    
    #logo img {
        display: block;
        max-width: 100%;
    }
    
    #logo a.standard-logo {
        display: block;
    }
    /* ----------------------------------------------------------------
    Primary Menu
-----------------------------------------------------------------*/
    
    #primary-menu,
    #lp-contacts,
    .sticky-menu-wrap {
        position: relative;
        float: right;
        max-width: 710px;
        height: 120px;
    }
    
    .rs-menu,
    .select-menu {
        display: none;
    }
    
    .rs-menu {
        cursor: pointer;
        background-color: #EEE;
        width: 40px;
        height: 40px;
        text-align: center;
        color: #a90075;
        text-shadow: 1px 1px 1px #FFF;
    }
    
    .rs-menu i {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 28px;
        line-height: 44px !important;
    }
    
    #primary-menu .sub-menu ul li a div {
        pointer-events: none;
    }
    
    #primary-menu ul,
    .sticky-menu-wrap ul {
        position: relative;
        margin: 0;
    }
    
    #primary-menu ul li,
    .sticky-menu-wrap ul li {
        position: relative;
        float: left;
        height: 120px;
        background: url("images/icons/menu-divider.png") no-repeat left center;
        margin-left: 1px;
    }
    
    #primary-menu li a,
    .sticky-menu-wrap li a {
        display: inline-block;
        border-top: 4px solid transparent;
        padding: 35px 16px 38px;
        font-size: 12px !important;
        font-weight: bold;
        text-transform: uppercase;
        font-family: "Open Sans", sans-serif;
        color: #444;
    }
    
    #primary-menu>ul>li:hover,
    #primary-menu ul li.current,
    #primary-menu>ul>li.current-menu-ancestor,
    #primary-menu>ul>li.current-menu-parent,
    #primary-menu>ul>li.current-menu-item,
    #primary-menu>div>ul>li:hover,
    #primary-menu div ul li.current,
    #primary-menu>div>ul>li.current-menu-ancestor,
    #primary-menu>div>ul>li.current-menu-parent,
    #primary-menu>div>ul>li.current-menu-item,
    .sticky-menu-wrap>ul>li:hover,
    .sticky-menu-wrap ul li.current,
    .sticky-menu-wrap>ul>li.current-menu-ancestor,
    .sticky-menu-wrap>ul>li.current-menu-parent,
    .sticky-menu-wrap>ul>li.current-menu-item {
        background: #a90075;
    }
    
    #primary-menu ul ul,
    .sticky-menu-wrap ul ul {
        display: none;
        z-index: 200;
        width: 270px;
        margin: 0;
        position: absolute;
        top: 120px;
        left: 0;
    }
    
    #primary-menu ul ul li,
    .sticky-menu-wrap ul ul li {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        height: auto;
        border: none;
        background-image: none;
        background-color: #a90075;
        margin-top: 1px;
    }
    
    #primary-menu ul ul a,
    .sticky-menu-wrap ul ul a {
        display: block;
        vertical-align: middle;
        height: auto;
        line-height: 14px;
        padding: 0 15px;
        border: none;
        text-transform: none;
        color: #FFF;
        font-weight: normal;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    }
    
    #primary-menu ul ul a:hover,
    #primary-menu ul ul li:hover>a,
    .sticky-menu-wrap ul ul a:hover,
    .sticky-menu-wrap ul ul li:hover>a {
        background-color: rgba(0, 0, 0, 0.1);
    }
    
    #primary-menu ul>li.sub-menu>a>div,
    .sticky-menu-wrap ul>li.sub-menu>a>div {
        background-image: url("images/icons/mainsubmenu.png");
        background-position: right top;
        background-repeat: no-repeat;
        padding-right: 16px;
    }
    
    #primary-menu ul>li.sub-menu:hover>a>div,
    #primary-menu ul li.current.sub-menu>a>div,
    #primary-menu>ul>li.current-menu-ancestor.sub-menu>a>div,
    #primary-menu>ul>li.current-menu-parent.sub-menu>a>div,
    #primary-menu>ul>li.current-menu-item.sub-menu>a>div,
    #primary-menu div>ul>li.current-menu-ancestor.sub-menu>a>div,
    #primary-menu div>ul>li.current-menu-parent.sub-menu>a>div,
    #primary-menu div>ul>li.current-menu-item.sub-menu>a>div,
    #header.header7 #primary-menu ul>li.sub-menu:hover>a>div,
    #header.header7 #primary-menu ul li.current.sub-menu>a>div,
    #header.header7 #primary-menu>ul>li.current-menu-ancestor.sub-menu>a>div,
    #header.header7 #primary-menu>ul>li.current-menu-parent.sub-menu>a>div,
    #header.header7 #primary-menu>ul>li.current-menu-item.sub-menu>a>div,
    .sticky-menu-wrap ul>li.sub-menu:hover>a>div,
    .sticky-menu-wrap ul li.current.sub-menu>a>div,
    .sticky-menu-wrap>ul>li.current-menu-ancestor.sub-menu>a>div,
    .sticky-menu-wrap>ul>li.current-menu-parent.sub-menu>a>div,
    .sticky-menu-wrap>ul>li.current-menu-item.sub-menu>a>div {
        background-image: url("images/icons/mainsubmenuh.png");
    }
    
    #primary-menu ul ul>li.sub-menu>a,
    #primary-menu ul ul>li.sub-menu:hover>a,
    .sticky-menu-wrap ul ul>li.sub-menu>a,
    .sticky-menu-wrap ul ul>li.sub-menu:hover>a {
        background-image: url("images/icons/submenu.png");
        background-position: right center;
        background-repeat: no-repeat;
    }
    
    #primary-menu ul ul>li.sub-menu>a>div,
    #primary-menu ul ul>li.sub-menu:hover>a>div,
    #header.header7 #primary-menu ul ul>li.sub-menu>a>div,
    #header.header7 #primary-menu ul ul>li.sub-menu:hover>a>div,
    .sticky-menu-wrap ul ul>li.sub-menu>a>div,
    .sticky-menu-wrap ul ul>li.sub-menu:hover>a>div {
        background-image: none;
        padding-right: 0;
    }
    
    #primary-menu ul:after,
    .sticky-menu-wrap ul:after #top-menu ul {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    /* ----------------------------------------------------------------
    Header - Style 3
-----------------------------------------------------------------*/
    
    #header.header3 #primary-menu {
        float: none;
        max-width: none;
        height: 60px;
        border-top: 1px solid #EEE;
    }
    
    #header.header3 #primary-menu ul {
        margin: 0 -30px;
    }
    
    #header.header3 #primary-menu ul li {
        height: 60px;
    }
    
    #header.header3 #primary-menu li a {
        padding: 17px 16px 19px;
    }
    
    #header.header3 #primary-menu ul ul {
        top: 60px;
        margin: 0;
    }
    
    #header.header3 #primary-menu ul ul li {
        height: auto;
    }
    
    #header.header3 #primary-menu ul ul a {
        padding: 10px 15px;
    }
    /* ----------------------------------------------------------------
    Header - Style 6
-----------------------------------------------------------------*/
    
    #header.header6 #primary-menu {
        background-color: #164883;
    }
    
    #header.header6 #primary-menu li a {
        color: #FFF;
    }
    
    #header.header6 #primary-menu ul li {
        background-image: url("images/icons/menu-dividerd.png");
        background-position: left center;
        background-repeat: no-repeat;
    }
    
    #header.header6 #primary-menu>div>ul>li.sub-menu>a>div {
        background-image: url(images/icons/mainsubmenuh.png);
    }
    
    #sticky-menu .sticky-menu-wrap ul ul li {
        height: auto;
    }
    
    #sticky-menu .sticky-menu-wrap li a {
        padding: 17px 16px 19px;
    }
    
    #sticky-menu .sticky-menu-wrap ul ul a {
        padding: 0 15px;
    }
    
    .sticky-search-area form {
        float: left;
        margin: 0;
        width: 909px;
    }
    
    .sticky-search-area input {
        border: none;
        display: block;
        margin: 0;
        font-size: 24px;
        line-height: 30px;
        padding: 13px 0;
        width: 100%;
        color: #666;
    }
    /* ----------------------------------------------------------------
    Sliders
-----------------------------------------------------------------*/
    
    #slider {
        position: relative;
        height: 400px;
        background-color: #EEE;
    }
    
    #slider .container {
        width: 100%;
    }
    
    .slider-wrap {
        position: relative;
        width: 100%;
        height: 400px;
    }
    
    .slider-wrap .slide,
    .slider-wrap .slide a,
    .slider-wrap .slide img {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }
    
    .slider-line {
        position: absolute;
        border-top: 2px solid rgba(0, 0, 0, 0.2);
        height: 0;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 30;
    }
    
    .fslider {
        min-height: 32px;
    }
    /* ----------------------------------------------------------------
    Camera Slider
-----------------------------------------------------------------*/
    
    #slider.camera-slideshow {
        height: auto;
    }
    /* ----------------------------------------------------------------
    Flex Slider
-----------------------------------------------------------------*/
    
    .flex-container a:active,
    .flexslider a:active,
    .flex-container a:focus,
    .flexslider a:focus {
        outline: none;
        border: none;
    }
    
    .slider-wrap,
    .flex-control-nav,
    .flex-direction-nav {
        margin: 0;
        padding: 0;
        list-style: none;
        border: none;
    }
    
    .flexslider {
        position: relative;
        margin: 0;
        padding: 0;
    }
    
    .flexslider .slider-wrap>.slide {
        display: none;
        -webkit-backface-visibility: hidden;
    }
    
    .flexslider .slider-wrap img {
        width: 100%;
        display: block;
    }
    
    .slider-wrap:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    
    * html .slider-wrap {
        height: 1%;
    }
    
    .flex-viewport {
        max-height: 2000px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
    }
    /* ----------------------------------------------------------------
    Slider with Thumbs
-----------------------------------------------------------------*/
    
    #slider.thumb-slider .flex-control-thumbs {
        display: block;
    }
    /* ----------------------------------------------------------------
    Slider Navigation
-----------------------------------------------------------------*/
    
    .flex-prev,
    .flex-next,
    .rs-prev,
    .rs-next,
    .nivo-prevNav,
    .nivo-nextNav,
    .camera_prev,
    .camera_next,
    .camera_commands,
    .tp-leftarrow.default,
    .tp-rightarrow.default,
    .ls-noskin .ls-nav-prev,
    .ls-noskin .ls-nav-next {
        display: block;
        position: absolute !important;
        z-index: 10;
        cursor: pointer;
        top: auto;
        left: auto;
        bottom: 15px;
        right: 38px;
        width: 36px !important;
        height: 36px !important;
        text-indent: -9999px;
        background: url("images/icons/slider-nav.png") no-repeat 0 0;
        background-color: #111;
        background-color: rgba(169, 0, 117, 0.8);
        transition: background-color .2s linear;
        -moz-transition: background-color .2s linear;
        -webkit-transition: background-color .2s linear;
        -ms-transition: background-color .2s linear;
        -o-transition: background-color .2s linear;
    }
    
    .flex-next,
    .rs-next,
    .nivo-nextNav,
    .camera_next,
    .ls-noskin .ls-nav-next {
        right: 0;
        background-position: -36px 0;
    }
    /* ----------------------------------------------------------------
    Main Content
-----------------------------------------------------------------*/
    
    #content {
        position: relative;
    }
    
    #content p {
        font-size: 16px;
    }
    
    #content h2 {
        font-weight: normal;
    }
    
    #content .content-wrap #broadcast {
        display: flex;
        justify-content: center;
        background-color: #EEE;
        margin-bottom: 20px;
    }
    
    .content-wrap {
        position: relative;
        padding: 20px 0;
    }
    
    .content-wrap img {
        float: right;
        margin-left: 10px;
    }
    
    .content-wrap p {
        font-size: 16px;
    }
    
    .content-wrap .bigger {
        display: inline-block;
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .content-wrap.post-content {
        padding: 30px;
    }
    
    .content-wrap.post-content .bigger {
        display: inline-block;
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    #blog-content {
        background-color: #d9e2ee;
        padding: 30px;
    }
    
    #blog-content p {
        font-size: 16px;
        line-height: 22px;
    }
    
    #blog-content .blog-area {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
        margin-top: 70px;
    }
    
    #blog-content .blog-area .blog-post {
        background-color: white;
        padding: 30px;
        border-radius: 5px;
    }
    
    #blog-content .blog-area .blog-post h2 {
        color: #132f55;
    }
    
    #blog-content .blog-area .blog-post button {
        color: white;
        letter-spacing: 1px;
        font-weight: bold;
        padding: 7px 15px;
        background-color: #132f55;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }
    /* ----------------------------------------------------------------
    Page Title
-----------------------------------------------------------------*/
    
    #page-title,
    #countdown-wrap {
        position: relative;
        background-color: #d9e2ee;
        padding: 25px 0;
        border-top: 1px solid #EEE;
        border-bottom: 1px solid #c6d3e5;
    }
    
    #page-title h1 {
        font-size: 24px;
        font-weight: bold;
        line-height: 28px;
        padding-bottom: 0;
        text-shadow: 1px 1px 1px #FFF;
        color: #132f55;
    }
    
    #page-title h1 span {
        display: inline-block;
        position: relative;
        font-size: 16px;
        line-height: 22px;
        margin-left: 10px;
        color: #AAA;
    }
    
    #top-search form {
        margin: 0;
    }
    
    #header #top-search input {
        width: 211px;
    }
    /* ----------------------------------------------------------------
    Landing Page
-----------------------------------------------------------------*/
    
    #sponzor {
        float: right;
        position: relative;
        overflow: hidden;
        margin-top: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    #landing-area {
        position: relative;
        background-color: #EEE;
        padding: 40px 0;
    }
    
    #landing-area h1 {
        font-weight: 600;
        font-size: 26px;
        line-height: 32px;
        text-shadow: 1px 1px 1px #FFF;
    }
    /* ----------------------------------------------------------------
    Isotope
-----------------------------------------------------------------*/
    
    .isotope,
    .isotope .isotope-item {
        /* change duration value to whatever you like */
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
    }
    
    .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
        /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
        width: 0.313em;
        /* 5 */
        height: 0.313em;
        /* 5 */
        border: 0.25em double #fff;
        /* 4 */
        border-width: 0.25em 0.25em 0 0;
        /* 4 */
        left: 0.563em;
        /* 9 */
        top: -0.063em;
        /* 1 */
        -webkit-border-radius: 0 0.938em 0 0;
        /* 15 */
        -moz-border-radius: 0 0.938em 0 0;
        /* 15 */
        border-radius: 0 0.938em 0 0;
        /* 15 */
        -webkit-transform: rotate( 45deg);
        -moz-transform: rotate( 45deg);
        -ms-transform: rotate( 45deg);
        -o-transform: rotate( 45deg);
        transform: rotate( 45deg);
    }
    
    .audioplayer-volume-adjust {
        height: 6.25em;
        /* 100 */
        cursor: default;
        position: absolute;
        left: 0;
        right: -1px;
        top: -9999px;
        background: #222;
        background: -webkit-gradient( linear, left top, left bottom, from( #444), to( #222));
        background: -webkit-linear-gradient( top, #444, #222);
        background: -moz-linear-gradient( top, #444, #222);
        background: -ms-radial-gradient( top, #444, #222);
        background: -o-linear-gradient( top, #444, #222);
        background: linear-gradient( top, #444, #222);
        -webkit-border-top-left-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }
    /* ----------------------------------------------------------------
    Clients
-----------------------------------------------------------------*/
    
    .our-clients {
        position: relative;
        margin: 0 -12px 0 0;
    }
    
    .our-clients li {
        margin: 0 12px 0 0;
        position: relative;
        float: left;
        border: 5px solid #F5F5F5;
        transition: border-color .2s linear;
        -moz-transition: border-color .2s linear;
        -webkit-transition: border-color .2s linear;
        -ms-transition: border-color .2s linear;
        -o-transition: border-color .2s linear;
    }
    
    .our-clients li:hover {
        border-color: #164883;
    }
    
    .our-clients li,
    .our-clients li a,
    .our-clients li img {
        display: block;
        width: 140px !important;
        height: 140px;
        background: #F9F9F9;
    }
    /* ----------------------------------------------------------------
    FAQs
-----------------------------------------------------------------*/
    
    .accordion-area {
        margin-bottom: 50px;
    }
    
    .accordion {
        background-color: #d9e2ee;
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
        font-weight: bold;
        font-size: 21px;
        color: #132f55;
        border: none;
        padding: 8px;
        cursor: pointer;
        border-radius: 8px;
        display: block;
    }
    
    .panel {
        padding: 0 18px;
        display: none;
        background-color: white;
        overflow: hidden;
        line-height: 25px;
    }
    
    .panel .show {
        display: block;
    }
    /* ----------------------------------------------------------------
    Go To Top
-----------------------------------------------------------------*/
    
    #gotoTop {
        display: none;
        position: fixed;
        width: 40px;
        height: 40px;
        background-color: #a90075;
        font-size: 24px;
        line-height: 35px !important;
        text-align: center;
        color: #FFF;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 30px;
        cursor: pointer;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        transition: background-color .2s linear;
        -moz-transition: background-color .2s linear;
        -webkit-transition: background-color .2s linear;
        -ms-transition: background-color .2s linear;
        -o-transition: background-color .2s linear;
    }
    
    #gotoTop svg {
        fill: white;
        width: 20px;
        height: 20px;
        padding: 10px;
    }
    
    #gotoTop:hover {
        background-color: #164883;
    }
    
    #imageBackground {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        z-index: -99;
    }
    /* ----------------------------------------------------------------
    Footer
-----------------------------------------------------------------*/
    
    #footer {
        position: relative;
        background-color: #EEE;
        padding: 10px 30px;
        border-top: 3px solid #164883;
    }
    
    #footer.footer-dark {
        background-color: #164883;
        color: #DDD;
    }
    
    #footer.footer-dark a {
        color: #CCC;
        border-bottom: 1px dotted #DDD;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    }
    
    #footer.footer-dark a:hover {
        color: #CCC;
        border-bottom-style: solid;
    }
    
    .footer-widgets-wrap {
        overflow: hidden;
        margin: 0 -40px -40px 0;
    }
    
    #footer .col_one_fourth {
        width: 210px;
        margin: 0 40px 40px 0;
    }
    
    #footer li i {
        top: 1px !important;
    }
    
    #copyrights-social a,
    #copyrights-social a:hover {
        border-bottom-style: none;
    }
    /* ----------------------------------------------------------------
    Widget Scroll Arrows
-----------------------------------------------------------------*/
    
    .widget-scroll-prev,
    .widget-scroll-next {
        display: block;
        position: absolute;
        cursor: pointer;
        width: 24px;
        height: 24px;
        top: 0;
        left: auto;
        right: 26px;
        background: #a90075 url('images/icons/widget-scroll.png') no-repeat 0 0;
        transition: background-color .2s linear;
        -moz-transition: background-color .2s linear;
        -webkit-transition: background-color .2s linear;
        -ms-transition: background-color .2s linear;
        -o-transition: background-color .2s linear;
    }
    
    #footer.footer-dark .widget-scroll-prev,
    #footer.footer-dark .widget-scroll-next {
        background-color: #282A2B;
    }
    
    .widget .widget-scroll-prev,
    .widget .widget-scroll-next {
        top: 30px;
    }
    
    .widget:first-child .widget-scroll-prev,
    .widget:first-child .widget-scroll-next {
        top: 0;
    }
    
    .widget-scroll-next {
        right: 0;
        background-position: -24px 0;
    }
    
    .widget-scroll-prev.disabled,
    .widget-scroll-next.disabled {
        cursor: auto;
        background-color: #999 !important;
    }
    
    #footer.footer-dark .widget-scroll-prev.disabled,
    #footer.footer-dark .widget-scroll-next.disabled {
        background-color: #282A2B !important;
        opacity: 0.5;
    }
    
    .widget-scroll-prev:hover,
    .widget-scroll-next:hover,
    #footer.footer-dark .widget-scroll-prev:hover,
    #footer.footer-dark .widget-scroll-next:hover {
        background-color: #164883;
    }
    
    .testimonial-scroller .widget-scroll-prev,
    .testimonial-scroller .widget-scroll-next {
        top: 0;
    }
    /* ----------------------------------------------------------------
    Copyrights
-----------------------------------------------------------------*/
    
    #copyrights {
        position: relative;
        padding: 20px 0;
        line-height: 20px;
        font-size: 12px;
        background-color: #E5E5E5;
        overflow: hidden;
        border-top: 1px solid #164883;
        color: #888;
        text-shadow: 1px 1px 1px #FFF;
    }
    
    #copyrights a {
        display: inline-block;
        margin-left: 7px;
        color: #666;
        border-bottom: 1px dotted #888;
    }
    
    #copyrights span.link-divider {
        display: inline-block;
        margin-left: 7px;
    }
    
    #copyrights a:hover {
        color: #000;
        border-bottom: 1px solid #000;
    }
    
    #copyrights.copyrights-dark {
        background-color: #032145;
        color: #999;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }
    
    #copyrights.copyrights-dark a {
        color: #AAA;
        border-bottom: 1px dotted #AAA;
    }
    
    #copyrights.copyrights-dark a:hover {
        color: #DDD;
        border-bottom: 1px solid #DDD;
    }
    
    #copyrights .col_half {
        margin-bottom: 0 !important;
    }
    
    #copyrights .col_half.col_last {
        display: flex;
        justify-content: space-between;
    }
    
    #copyrights .col_half.col_last .main-link {
        color: white;
        font-weight: bold;
    }
    
    #copyrights #copyrights-social {
        text-align: right;
        margin-top: 2px;
        line-height: 1;
    }
    
    #copyrights-social a {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 5px;
    }
    
    #copyrights-social img {
        display: block;
        width: 16px;
        height: 16px;
    }
    /* ----------------------------------------------------------------
    Stretched Layout
-----------------------------------------------------------------*/
    
    .stretched #wrapper {
        margin: 0 auto;
        width: 100%;
    }
    
    .stretched #top-social {
        margin-right: 0;
    }
    
    .stretched #top-bar.top-bar2 #top-social {
        margin-left: 0;
    }
    
    .stretched #header,
    .stretched .content-wrap {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    
    .stretched #header.header2 #primary-menu ul,
    .stretched #header.header3 #primary-menu ul {
        margin: 0;
    }
    
    .stretched #slider {
        padding: 40px 0;
        box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.07);
        -webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.07);
    }
    
    .stretched #portfolio-single-wrap #slider {
        padding: 0;
        background: none;
    }
    
    .stretched #slider .container {
        width: 960px;
    }
    
    .stretched #slider.elastic-slideshow,
    .stretched #slider.revolution-slider,
    .stretched #slider.layerslider-wrap {
        padding: 0;
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.07);
        -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.07);
        -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.07);
    }
    
    .stretched #slider.camera-slideshow {
        padding: 0;
        height: auto;
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.07);
        -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.07);
        -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.07);
    }
    
    .stretched #slider.slider-nivo {
        height: auto;
    }
    
    .stretched #slider.elastic-slideshow .container,
    .stretched #slider.camera-slideshow .container,
    .stretched #slider.revolution-slider .container,
    .stretched #slider.layerslider-wrap .container {
        width: 100%;
    }
    
    .stretched #piecemaker {
        margin-bottom: -35px;
    }
    
    .stretched .slider-3d {
        margin-left: -30px;
    }
    
    .stretched #slider .kwicks .kwick-panel {
        width: 192px;
    }
    
    .stretched #slider.kwicks-panel-2 .kwicks .kwick-panel {
        width: 480px;
    }
    
    .stretched #slider.kwicks-panel-3 .kwicks .kwick-panel {
        width: 320px;
    }
    
    .stretched #slider.kwicks-panel-4 .kwicks .kwick-panel {
        width: 240px;
    }
    
    .stretched #slider.thumb-slider .flex-control-thumbs,
    .stretched #slider.thumb-slider .rs-thumb-wrap {
        background: transparent;
    }
    
    .stretched .slider-line {
        display: none;
    }
    
    .stretched #slider.elastic-slideshow .slider-line,
    .stretched #slider.camera-slideshow .slider-line,
    .stretched #slider.revolution-slider .slider-line,
    .stretched #slider.layerslider-wrap .slider-line {
        display: block;
        border: none;
        height: 11px;
        background: transparent url("images/slider-shadow.png") repeat-x;
    }
    
    .stretched #page-title {
        padding: 30px 0;
    }
    
    .stretched #page-title,
    .stretched #countdown-wrap,
    .stretched #landing-area {
        box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.07);
        -moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.07);
        -webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.07);
        border-top-color: #E5E5E5;
    }
    
    .stretched #footer,
    .stretched #copyrights {
        padding-left: 0;
        padding-right: 0;
    }
    
    .stretched #copyrights {
        margin-bottom: -20px;
    }
    
    .panel-title,
    .list-group h4 {
        padding-bottom: 0 !important;
        color: inherit;
    }
    
    .carousel-control .fa-chevron-left,
    .carousel-control .fa-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }
    
    .carousel-control .fa-chevron-left {
        left: 50%;
    }
    
    .carousel-control .fa-chevron-right {
        right: 50%;
    }
    
    .fa {
        line-height: inherit !important;
    }
    
    .entry_content ul.fa-ul {
        list-style-type: none;
    }
    
    .fa-li {
        top: 0 !important;
    }
    
    ul.lista {
        font-size: 14px;
        list-style: circle;
        margin-left: 20px;
    }
    
    table.tabela td {
        border: solid 1px #91a9c5;
        font-size: 13px;
        padding: 2px;
    }
    
    table.tabelakontakt td {
        font-size: 14px;
        padding: 5px;
        background-color: #dae5f2;
    }
    
    table.tabelakontakt tr {
        border: solid 2px #ffffff;
    }
    
    table.tabelakontakt tr:nth-child(4) {
        display: none;
    }
    
    table.tabelakontakt tr td input {
        width: 90%;
    }
    
    table.tabelakontakt tr td input[type="submit"] {
        width: 20%;
        background: #164883;
        color: white;
        font-weight: bold;
        border: none;
        border-radius: 5px;
    }
    
    table.tabelakontakt .submit-area {
        text-align: center;
    }
    
    .zvezdica {
        color: #db1a5d;
    }
    
    a.linkmap {
        font-family: Tahoma, Arial;
        color: #314ED7;
        font-size: 14px;
        text-decoration: underline;
    }
    
    a.linkmap:hover {
        color: #c60a8d;
        text-decoration: none;
        font-family: Tahoma, Arial;
        font-size: 14px;
    }
    
    .naslov4 {
        font-family: Tahoma, Arial;
        font-size: 16px;
        font-weight: bold;
        color: #c60a8d;
    }