@import "font/bitter.css";
@import "fa/css/font-awesome.min.css";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic&subset=latin,vietnamese,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,cyrillic-ext,greek-ext,vietnamese,greek,latin-ext,cyrillic);

html {
    width: 100%;
    height: 100%;
}

body, html, p, input, textarea, td, th {
    font-size: 16px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}

.form-control, .well, .dropdown-menu, .breadcrumb {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

a {
    text-decoration: none;
    transition: all 0.3s ease 0s;
    color: #fff;
}

.mainPage a {
    text-decoration: underline;
    transition: all 0.3s ease 0s;
    color: #16243f;
}

.mainPage a.fa{
    text-decoration: none;
}

.mainPage a.fa:before{
    margin-right: 7px;
}

a:hover {
    text-decoration: underline;
    color: #aaa;
}

a:hover, a:active, a:focus {
    outline: none;
    border: 0;
}

input::-moz-focus-inner {
    border: 0;
}

h1, h2, h3, h4, h5 {
    font-weight: 900;
    line-height: 1.3em;
    color: #fff;
    font-family: 'geometria_lightlight', "Open Sans", sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
}

.mainPage h3, .mainPage h4, .mainPage h5, .mainPage h6 {
    color: #000;
}

h4.formTittle {
    margin-top: 22px;
    font-weight: bold;
    margin-bottom: 25px;
}

.item p {
    font-weight: 300;
    color: #46484b;
    font-size: 15px;
    text-align: center;
}

.darkContent .item p {
    color: #fff;
}

.item.dark p {
    text-align: left;
    color: #fff;
}

h1 {
    font-size: 35px;
    margin-top: 0;
    text-align: left;
}

h1.tab_naslov {
    margin-top: 30px;
}

h1.naslov_uvodna {
    color: #f5f5f6;
    float: none;
    font-family: "Libre Baskerville", serif;
    font-size: 30px;
    margin: 0 auto;
    text-align: center;
    text-transform: none;
    width: 500px;
    font-style: italic;
    margin-top: 10px;
}

h2.naslov_uvodna {
    color: #e5b177;
    font-family: "bitter regular", serif;
    font-size: 30px;
    letter-spacing: 4px;
    margin: 40px 0 20px;
    text-align: center;
    text-transform: none;
    font-style: normal;
}

h3.naslov_uvodna {
    color: #e5b177;
    font-family: "bitter regular", serif;
    font-size: 35px;
    letter-spacing: 4px;
    margin: -25px 0 20px;
    text-align: center;
    text-transform: none;
    font-style: normal;
}

.line_naslov {
    background: none repeat scroll 0 0 #fff;
    display: block;
    height: 1px;
    margin: 55px auto 0;
    opacity: 0.25;
    width: 55px;
}

.arrow_uvodna {
    width: 110px;
    height: 54px;
    background: url(arow.png) no-repeat center;
    margin: 45px auto 20px;
    display: block;
}

h1.logo_text {
    color: #ef1c4f;
    float: left;
    font-size: 12px;
    margin-left: 10px;
    width: 135px;
}

h2 {
    color: #e9c095;
    float: none;
    font-family: "Libre Baskerville", serif;
    font-size: 18px;
    text-align: center;
    text-transform: none;
    margin-bottom: 40px;
    font-style: italic;
    float: left;
    width: 100%;
    margin-top: 0px;
}

.mainPage h2 {
    margin: 0 0 10px 0;
}

.novice .box-container {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.btn-primary {
    border: none;
    float: right;
}

h3 {
    font-size: 16px;
}

ul {
    padding-left: 20px;
}
ul li{
    list-style-position: inside;
}
.jobs .col-md-8 ul li {
    list-style-image: url('list_style.png');
    list-style-position: inside;
    text-indent: -1.3em;
    padding-left: 1.3em;
}

.jobs form.bcms-form > .alert.alert-success {
    margin-top: 80px;
}

.item.dark ul {
    text-align: left;
    color: white;
}

.mainPage ul {
    list-style-position: inside;
}

.bcmsMarkerTxt h3, .bcmsMarkerTxt p, .bcmsMarkerTxt a {
    color: #000;
}

header.navbar.navbar-default.podstrane {
    background-image: url(head.jpg);
    background-size: 100% auto;
    background-position: center;
}

.toolBar {
    float: right;
    width: auto;
}

.navbar-header {
    float: left;
    left: 15px;
    position: absolute;
    top: 17px;
    width: auto;
    z-index: 1;
}

.navbar-default .navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 2px solid #fff !important;
    border-radius: 25px;
    float: right;
    margin: 9px 15px;
    padding: 4px 15px;
    position: relative;
}

.meniIcon, .menuTxt {
    display: inline;
    float: left;
}

.meniIcon {
    margin-top: 5px;
    margin-right: 5px;
}

.menuTxt {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: lighter;
}

.item h1 {
    color: #16243f;
    font-family: "bitter regular", serif;
    font-size: 30px;
    margin: 50px 0 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mainPage .item h1 {
    margin-top: 10px;
}

.mainPage .darkContent .item h1 {
    color: #fff;
}

.imagesCol img {
    width: 100%;
    margin-bottom: 10px;
}

.mainPage {
    color: #46484b;
    display: block;
    margin-top: 85px;
    width: 100%;
    text-align: center;
}

.mainPage .darkContent {
    color: #fff;
}

.border_line {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}

.item.dark {
    margin-top: 150px;
}

.item.dark h1 {
    color: #e9c095;
    text-align: left;
    font-size: 24px;
    margin-bottom: 10px;
}

.carousel h1, .top_img h1 {
    color: #fff;
    font-size: 25px;
    margin-top: 10px;
    padding: 0;
    text-align: left;
}

.carousel h2 {
    color: #fff;
    text-align: left;
    padding: 0px;
}

.anchor {
    display: block;
    height: 1px;
    overflow: hidden;
    padding-top: 15px;
}

.section {
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
}

.section, .container {
    clear: both;
}

.section.uvodna {
    vertical-align: top;
}

/*.section4{
    max-height: 600px;
}*/
.logo_uvodna {
    background: rgba(0, 0, 0, 0) url("logo.png") no-repeat scroll center;
    height: 385px;
    margin: 50px auto 0px;
    width: 400px;
}

.slider-size {
    height: 100%;
    width: 100%;
    min-height: 600px !important; /* This is your slider height */
}


.fckTable {
    padding: 15px;
    display: block;
    width: 260px;
    text-align: center;
}


.fckTable td, .fckTable th {

    vertical-align: middle;
}

.fckTableBlue {
    background-color: #2374AC;
    padding: 15px;
    display: block;
    width: 100%;
    color: #fff;
    font-family: 'geometria_lightlight', "Open Sans", sans-serif;
}

.fckTableParaflex {
    background: none repeat scroll 0 0 rgba(35, 116, 172, 0.8);
    display: inline-block;
    float: none;
    margin: 20px;
    padding: 20px;
    color: #fff;
}


.carousel {
    width: 100%;
    margin: 0 auto; /* center your carousel if other than 100% */
}

h2.podnaslov0 {
    line-height: 16px;
    padding-bottom: 7px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
}

h2.podnaslov2 p {
    font-size: 22px;
    font-family: 'geometria_lightlight', "Open Sans", sans-serif;
    border-top: 2px solid;
    border-bottom: 2px solid;
    width: 35%;
    padding: 20px 0;
    margin: auto;
}

img {
    transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function: ease-out;
}

.rowContent {
    margin-top: 35px;
    clear: both;
}

.no-padding {
    padding: 0 !important;
}

.clearer {
    clear: both;
}

/* gallery */
.naslovSlik {
    padding-top: 0px;
    /*min-height: 100px;*/
}

.galleryWrapper .row {
    padding-bottom: 0px;
    margin: 0px;
}

/* gallery */
/* Fade transition for carousel items */
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}

.carousel-fade .carousel-inner .item {
    opacity: 0.7;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

/* Fade controls with items */

/* meni */
.logo {
    /*background: url(logo.png) center center no-repeat;
    background-size: 176px 176px;
    width: 100%;
    width: 176px;
    height: 176px;
    margin-top: 20px;
    z-index: 100;*/
}

.logo_link img {
    margin-top: 3px;
    float: left;
}

.dropdown-menu {
    background-color: #19232D;
    box-shadow: 0 0 7px rgba(255, 255, 255, 0.2);
    padding: 0;
}

.navbar-collapse .dropdown-menu a {
    color: #fff;
}

.clear {
    clear: both;
    display: block;
}

.navbar-collapse.collapse a:hover {
    background-color: #000;
}

.navbar-collapse .dropdown-menu a:hover, .navbar-collapse .dropdown-menu li.active a {
    background: transparent;
    color: #ccc;
}

.dropdown-menu .navbar-collapse.collapse a:hover {
    border: none !important;
    margin-bottom: 0px !important;
}

.navbar-collapse.collapse .dropdown-menu a {
    border: medium none !important;
    margin-bottom: 0 !important;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    font: 300 15px/30px "Open Sans", sans-serif;
}

.navbar-collapse.collapse .dropdown-menu li:last-child a {
    border-bottom: none !important;
}

.nav.navbar-nav {
    float: left;
    padding: 22px 0;
    width: 100%;

}

/* @end */

/* @group E-novice */

#mailingBox .form-group {
    margin: 0;
    padding: 5px 0 15px;
}

#mailingBox {
    margin: 0 0 30px 0;
}

#mailingBox p {
    color: #414141;
    line-height: 1.4em;
}

#mailingBox h3 {
    font-size: 16px;
    color: #424242;
    border-bottom: 3px solid #009045;
    padding: 0 0 8px 0;
}

#mailingBox input.form-control {
    background: #fff;
    border: none;
    height: 33px;
    width: 40%;
    margin-top: 21px;
    float: left;
}

.submit.btn {
    float: left;
    background: url(btn.png) no-repeat;
    height: 33px;
    width: 34px;
    margin-top: 21px;
    background-color: #fff;
    border-radius: 0;
}

/* @end */


/* @group Search TOP */

#searchBox {
    display: inline-block;
    float: left;
    margin: 25px 0 0;
    position: relative;
    width: auto;
}

#searchBox .fa {
    position: absolute;
    left: 8px;
    top: 8px;
    color: #c8c8c8;
    font-size: 18px;
}

.topBar .form-control {
    width: 150px;
    padding: 6px 10px 6px 30px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.12);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.12);
    color: #c8c8c8;
    border: 1px solid #e4e0d4;
}

.topBar .form-control.focus {
    color: #383737;
}

.flags {
    position: fixed;
    right: 10px;
    top: 5px;
}

/*.flags.left_lang{
    position: static;
    margin-left: 5px;
}*/
.flags ul {
    list-style: none;
    padding: 0;
}

.flags ul li {
    display: block;
    clear: both;
}

.flags ul li a {
    border-radius: 50%;
    color: #fff;
    font: lighter 15px/32px "geometria_lightlight", "Open Sans", sans-serif;
    margin: 5px 0px;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 31px;
    float: left;
}

.flags ul li a:hover {
    background: #39114F;
    color: #fff;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 1);
    box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 1);
}

.flags ul li#activ a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #fff;
}

.flags ul li a span {
    display: none;
}

.flags.right_lang ul li a:hover span {
    background: none repeat scroll 0 0 #39114f;
    right: 40px;
    line-height: normal;
    padding: 5px 10px;
    position: absolute;
    text-indent: initial;
    white-space: nowrap;
    width: auto;
    display: inline;

}

.flags.left_lang ul li a:hover span {
    background: none repeat scroll 0 0 #39114f;
    display: inline;
    line-height: normal;
    padding: 5px 10px;
    position: absolute;
    right: 39px;
    text-indent: initial;
    white-space: nowrap;
    width: auto;

}

.flags.left_lang ul li a span:before {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #39114f;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    top: 10px;
    width: 0;

}

.flags.right_lang ul li a span:before {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #39114f;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    right: -5px;
    position: absolute;
    top: 10px;
    width: 0;

}

.flags ul li a:hover {
    transition: all 0.2s ease-in-out 0s;
}

/* @end */

/* @group Toolbar TOP - langs,sitemap */

#toolbarMenu {
    float: right;
    margin: 16px 0 0 10px;
    padding: 0;
}

#toolbarMenu li {
    display: inline;
}

#toolbarMenu li a {
    color: #5d5d5d;
    font-size: 12px;
    padding: 10px 10px;
    display: block;
    float: left;
}

#toolbarMenu li a .fa {
    color: #acaeaf;
    font-size: 1.2em;
    margin: 0 3px 0 0;
}

/* @end */

/* @group paging */
.pagingWrapper, .itemSearch .itemContent {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 4px 0;
    background-color: #f5f3eb;
}

.pagingWrapper ul.bcmsPaging {
    clear: both;
    padding: 0 10px;
    margin: 0;
    list-style: none;
}

.pagingWrapper .bcmsPaging li {
    display: inline-block;
    padding: 0;
    list-style: none;
}

.bcmsPaging li::before {
    display: none;
}

.bcmsPaging li span {
    display: inline-block;
    float: left;
    padding: 4px 8px;
    margin: 3px 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.bcmsPaging li a:hover {
    text-decoration: none;
}

.bcmsPaging li a:hover span {
    background-color: #4f7888;
    color: #fff;
}

.bcmsPaging li.bcmsPagingPrev span {
    padding-left: 5px;
}

.bcmsPaging .bcmsPagingActive span {
    color: #fff;
    font-weight: bold;
    background-color: #78867e;
}

.bcmsPaging li.bcmsPagingNext {
    float: right;
}

.bcmsPaging li.bcmsPagingNext span {
    float: right;
    padding-right: 5px;
}

.bcmsPaging li.bcmsPagingPrev {
    float: left;
}

/* @end */

.top_img {
    float: left;
    width: 100%;
    position: relative;
}

.top_tekst {
    width: 100%;
    position: absolute;
    top: 60px;
}

.top_tekst h1 {
    background: rgba(35, 116, 172, 0.8);
    display: inline-block;
    margin: 0 auto;
    padding: 10px 30px;
}

.galery_page {
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
}

.galery_page a {
    float: left;
    width: 100%;
    border-radius: 50%;
    border: 1px solid rgb(35, 116, 172);
}

.galery_page a img {
    border-radius: 50%;
}

.galery_page .image_tekst {
    background: none repeat scroll 0 0 rgba(35, 116, 172, 0.8);
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    left: 6%;
    position: absolute;
    top: 25%;
    width: 88%;
}

/*scroll to top*/
html {
    overflow-y: scroll;
    overflow-x: hidden;
}

/* core */
.scrollToTop {
    position: fixed;
    right: 20px;
    bottom: -100px;
    opacity: 0;
    overflow: hidden;
    outline: none;
}

.scrollToTop_show {
    opacity: 1;
    bottom: 20px;
}

.navbar.navbar-default {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.navbar.navbar-default.affix {
    top: 0;
    left: 0;
    width: auto;
    z-index: 1000;
    /*
    -moz-box-shadow: 0 2px 3px 2px rgba(102, 162, 215, 0.7);
    box-shadow: 0 2px 3px 2px rgba(102, 162, 215, 0.7);
    */
}

.navbar.navbar-default ul.nav > li > a {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font: 300 16px/30px "Open Sans", sans-serif;
    margin: 2px 0;
    padding: 3px 15px;
    position: relative;
    text-align: center;
    text-transform: none;
    width: auto;
}

.navbar.navbar-default ul.nav > li.active > a, .navbar.navbar-default ul.nav > li > a:hover, .navbar.navbar-default ul.nav > li.hovernavOver > a, .navbar.navbar-default ul.nav > li > ul > li > a:hover {
    color: #e9c095;
}

.navbar.navbar-default ul.nav > li:last-child > a {
    border: none;
}

.navbar.navbar-default ul.nav > li.home > a, .navbar.navbar-default ul.nav > li.home > a:hover {
    background: rgba(0, 0, 0, 0) url("logo-top.png") no-repeat scroll center left;
    border: medium none;
    height: 37px;
    margin: 0;
    padding: 18px 0;
    width: 165px;
}

.navbar.navbar-default ul.nav > li > a span {
    display: none;
}

.navbar.navbar-default ul.nav > li > a:hover span {
    background: none repeat scroll 0 0 #39114f;
    left: 50px;
    line-height: normal;
    padding: 5px 10px;
    position: absolute;
    text-indent: initial;
    white-space: nowrap;
    width: auto;
    display: inline;
}

.navbar.navbar-default ul.nav > li > a span:before {
    border-bottom: 5px solid transparent;
    border-right: 5px solid #39114f;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    left: -5px;
    position: absolute;
    top: 10px;
    width: 0;

}

.navbar.navbar-default ul.nav > li > a:hover {
    transition: all 0.2s ease-in-out 0s;
}

a:hover {
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.navbar.navbar-default {
    top: 50px;
    border: none;
    margin-bottom: 25px;
    width: 100%;
    margin-top: -50px;
}

.navbar.navbar-default.affix, .navbar.navbar-default.affix.podstrane {
    background: #121D42;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.38);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.38);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 0;
    left: 0;
    position: fixed;
    border-radius: 0;
    margin-top: 0;
    width: 100%;
    z-index: 1000;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
}

@-webkit-keyframes scrollToTop_fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes scrollToTop_fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes scrollToTop_slide {
    0% {
        bottom: -100px;
    }
    100% {
        bottom: 20px;
    }
}

@keyframes scrollToTop_slide {
    0% {
        bottom: -100px;
    }
    100% {
        bottom: 20px;
    }
}


.scrollToTop_animating,
.scrollToTop_animating * {
    pointer-events: none !important;
}

/* skin(default) */
.scrollToTop, .info_button {
    width: 60px;
    height: 60px;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 60px;
    background: #39114F;
    font-weight: bold;
    text-align: center;
}

.scrollToTop:hover, .scrollToTop:focus, .info_button:hover, .info_button:focus {
    opacity: 0.6;
    color: #fff;
    text-decoration: none;
}

.info_button {
    position: fixed;
    left: 20px;
    font-size: 36px;
    text-transform: none;
    bottom: 20px;
}

.all_bck {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    float: left;
    width: 100%;
    display: inline-block;
    text-align: center;
}

#Safari .all_bck {
    background-attachment: scroll;
}

.bck_img {
    padding: 30px;
    margin: 20px auto;
    color: #fff;
    display: inline-block;
}

.bck_img .item {

    display: inline-block;
    float: none;
    margin: 20px;
    padding: 20px;
}

.bck_img .item h1, .bck_img .item h2 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.bck_img .item .post {
    margin-bottom: 0px;
}

.bck_img img {
    /* border-radius: 50%;*/
}

.bck_img .noPading .image_tekst {
    color: #fff;
}

.backColor {
    background-position: center center;
    background-size: cover;
    float: left;
    width: 100%;
    display: table;
    padding-bottom: 40px;
}

.backColor.normal {
    padding-bottom: 0 !important;
}

.backColor.bckImage {
    background-image: none;
    padding-bottom: 0;
}

img.bottomImg {
    width: auto;
    margin-top: 20px;
    display: inline-block;
}

.backColor.storitve {
    background: url(storitve.png) repeat;
    padding: 40px 0;
    height: auto;
}

.backColor.storitve.partnerji {
    background: #fff;
    text-align: center;
}

.backColor.storitve.partnerji img {
    margin: 15px 40px;
}

.pattern {
    float: left;
    width: 100%;
    display: table;
    height: 100%;
}

.pattern1 {
    background: url(pattern_blue_light.png) repeat;
}

.pattern2 {
    background: url(pattern_green.png) repeat;
}

.pattern3 {
    background: url(pattern_brown.png) repeat;
}

.pattern4 {
    background: url(pattern_red_dark.png) repeat;
}

.pattern5 {
    background: url(pattern_purple.png) repeat;
}

.pattern6 {
    background: url(pattern_blue_dark.png) repeat;
}

.first_div {
    height: 100%;
}

/*tabs*/
.nav-tabs {
    border-bottom: none;
}

.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 0;
    color: #ffffff;
    cursor: default;
    opacity: 0.6;
    text-transform: uppercase;
    cursor: pointer;
}

.nav-tabs > li > a {
    padding: 5px 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid transparent;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    opacity: 1;
    border-bottom: 2px solid #1D86CA;
}

.section.tab_content {
    vertical-align: top !important;
}

section {
    display: table;
    height: 100%;
    width: 100%;
}

.show_hide i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    padding: 3px 0;
    text-align: center;
    width: 20px;
}

a.show_hide {
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
}

a.show_hide:hover, a.show_hide:focus {
    color: #fff;
}

a.show_hide:hover i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}

.fill_page_nav {
    width: 37px;
}

.select button {
    width: 100%;
    text-align: left;
}

.select .caret {
    color: #fff;
    margin-top: 18px;
    position: absolute;
    right: 0;
}

#select1 .btn {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 17px;
    font-size: 15px;
    font-weight: lighter;
}

.selected {
    padding-right: 10px;
}

.select .dropdown-menu {
    background-color: #152139;
    border: medium none;
    box-shadow: none;
    border-radius: 5px;
}

.toolBar .select .dropdown-menu {
    width: auto;
}

.select .dropdown-menu > li > a {
    padding: 3px 13px;
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
    font-size: 15px;
    font-weight: lighter;
}

.toolBar .select .dropdown-menu > li > a:hover {
    background: #424a63;
}

.option {
    width: 100%;
}

#select1 {
    float: right;
    width: auto;
}

input.form-control.searchFor {
    background: #fff url("search.png") no-repeat scroll 10px center;
    border: medium none;
    border-radius: 20px;
    color: #babac2;
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
    height: 36px;
    padding: 8px 10px 8px 30px;
    width: 165px;
}
.item-box-col{
    display: inline-block;
    width: 100%;
    margin: 15px 0;
    border: 1px solid #eee;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    height: 100%;
}
.item-box-col .item-image{
    display: inline-block;
    width: 100%;
    height: 250px;
}

.item-box-col .item-image img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.gal-box{
    display: inline-block;
    width: 100%;
    height: 250px;
    margin: 30px 0 0;
}
.gal-box img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.item-box-col .item-txt{
    display: inline-block;
    width: 100%;
    padding: 15px 15px 10px;
    color: #46484b;
}
.item-box-col .item-txt img{
    max-width: 100%;
    height: auto;
}
.item-box-col .item-txt *{
    color: #46484b;
    text-align: left;
}
.item-box-col .item-txt h2{
    margin: 0 0 20px 0;
    font-size: 26px;
    font-style: normal;
    color: #16243f;
    text-align: center;
}
.left-right-box{
    display: inline-block;
    width: 100%;
    padding: 30px 0;
}
.left-right-box .image-box{
    display: inline-block;
    width: 100%;
    height: 450px;
}

.left-right-box .image-box img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.left-right-box .txt{
    display: inline-block;
    width: 100%;
    padding: 10px 0 0;
    color: #46484b;
}
.left-right-box .txt *{
    color: #46484b;
}
.left-right-box .txt h2{
    margin: 0 0 20px 0;
    font-size: 26px;
    font-style: normal;
    color: #16243f;
}
.linkedin-link {
    display: inline-block;
    width: 100%;
    margin: 22px 0;
    text-align: right;
    color: #fff;
    font-size: 74px;
    line-height: normal;
}
.left-right-box .pull-left .txt{
    text-align: left;
}
.left-right-box .pull-right .txt{
    text-align: left;
}

.left-right-box .pull-left .txt h2{
    text-align: left;
}
.left-right-box .pull-right .txt h2{
    text-align: left;
}
/*uvodna storitve*/
span.icon1, span.icon2 {
    width: 115px;
    height: 115px;
    background: #fff url(bilding.png) no-repeat center;
    margin: 0 auto 20px;
    display: block;
    border-radius: 100%;
    background-size: 54%;
}

span.icon2 {
    background: #fff url(kandidates.png) no-repeat center;
    background-size: 54%;
}

.storitve h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.storitve .col-md-4 h1 {
    color: #16243f;
    font-family: "bitter regular", serif;
    font-size: 30px;
    letter-spacing: 3px;
    margin-top: 40px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.storitve .col-md-4 h1:before {
    background-image: url("storitveTitleLeft.png");
    content: " ";
    height: 78px;
    left: -16px;
    position: absolute;
    top: -19px;
    width: 30px;
}

.storitve .col-md-4 h1:after {
    background-image: url(storitveTitleRight.png);
    content: " ";
    height: 78px;
    right: -16px;
    position: absolute;
    top: -19px;
    width: 30px;
}

/*footer*/
footer {
    display: inline-block;
    width: 100%;
    float: left;
    background: url(footer.png);
    background-size: cover;
    padding: 50px 0;
    margin: 0;
}

.footer_logo {
    width: 100%;
    height: 85px;
    float: left;
    background: url(footer_logo.png) no-repeat left top;
}

.footer_txt {
    display: inline-block;
    width: 100%;
    padding-left: 100px;
}

.footer_txt p {
    font-size: 14px;
}

ul.footer_menu {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    list-style-image: url("list_style.png");
    margin-top: 33px;
    padding-bottom: 10px;
    padding-left: 45px;
}

footer a {
    color: #00abf5;
}

.footer_txt a {
    color: white;
}

.signature {
    font-size: 12px;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #717171;
    font-weight: 300;
    padding: 5px 0;
}

.signature a {
    color: black;
    font-size: 12px;
}

.footer_baner {
    background: rgba(0, 0, 0, 0) url("footer_baner.png") no-repeat scroll center top;
    float: right;
    font-size: 14px;
    padding-top: 200px;
    text-align: center;
    width: 200px;
}

.overlay {
    background-size: cover;
    float: left;
    height: 160px;
    width: 100%;
}

.contact_form .form-horizontal .control-label {
    display: none;
}

.contact_form .form-group input, .contact_form #bcms_kepca_c input, .contact_form .form-group textarea {
    width: 100%;
}

.form-group input, #bcms_kepca_c input, .form-group textarea {
    border-radius: 3px;
    font-size: 12px;
    height: 24px;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 5px 10px;
}

.form-group {
    margin-bottom: 10px;
}

.form-group textarea {
    height: auto;
}

/*employees*/
.employees {
    margin-bottom: 50px;
}

.employees p {
    color: #46484b;
    font-weight: 300;
    font-size: 15px;
}

.employees img {
    border-radius: 50%;
    box-shadow: 0 1px 3px #585757;
    margin-right: 30px;
    z-index: 1;
}

.employees h2 {
    float: none;
    font-size: 24px;
    padding-top: 10px;
    text-align: left;
}

.employees a:hover {
    color: #46484b;
}

/* @end */

/*work places*/
.jobs.item h1 {
    margin-bottom: 30px;
    text-align: left;
    margin-left: 15px;
}

.jobs h2 {
    font-size: 14px;
    text-align: left;
    color: black;
    font-style: normal;
    margin: 0;
    padding-left: 30px;
}

.jobs h2 span {
    position: absolute;
    left: 0px;
}

.jobs .item {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    text-align: left;
}

.jobs .item p {
    margin: 0;
    text-align: left;
}

.jobs .itemContent p, .jobs .itemContent li {
    color: #46484b;
    font-weight: 300;
    text-align: left;
}

.jobs .itemContent .well p {
    text-align: center;
}

.jobs .itemContent h2 {
    font-size: 24px;
    margin: 0 0 30px 0;
    text-align: center;
}

.jobs .itemContent ul li {
    text-align: left;
}

.jobs .itemContent .breadcrumbs ul {
    padding-left: 0;
}

.jobs .itemContent .breadcrumbs ul li {
    display: inline-block;
    list-style: none;
}

.jobs .itemContent .breadcrumbs ul li i {
    margin: 0 5px;
    font-size: 12px;
}

.jobs .itemContent .breadcrumbs ul li a i {
    font-size: 16px;
}

.jobs form {
    text-align: left;
}

.jobs form .form_separator_desc {
    color: #e9c095;
    float: left;
    font-family: "Libre Baskerville", serif;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 10px;
}

.jobs .hr-form-spacer {
    float: left;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
}

.jobs .border_line {
    margin-bottom: 30px;
}

.jobs .alert {
    padding: 5px 15px;
    margin-top: 10px;
    font-size: 12px;
    width: 100%;
    float: left;
}

.jobs .alert-success {
    font-size: 14px;
}

.jobs .form-fn-submit button {
    font-size: 20px;
    line-height: 46px;
    padding: 0 40px;
    background: #121d42;
}

.jobs .bcms-form-row {
    margin-bottom: 15px;
    position: relative;
    float: left;
    width: 100%;
}

.bcms-form .txt {
    float: left;
    margin-bottom: 20px;
    text-align: justify;
}

.bcms-form-row.req::before {
    color: #e4312a;
    content: "*";
    font-size: 16px;
    font-weight: bold;
    left: -10px;
    position: absolute;
    top: -2px;
    z-index: 10;
}

.jobs input[type="file"] {
    border: medium none;
    box-shadow: none;
    height: auto;
    margin: 0;
    padding: 0;
    color: #46484b;
}

.item404 {
    padding: 40px 0;
}

.item404 i {
    font-size: 40px;
    color: #121d42;
}

/* @end*/
@media (max-width: 1200px) {
    .top_Wrapper .container {
        width: 100%;
    }

    .select .dropdown-menu {
        background: transparent;
    }

    .select .caret {
        display: none;
    }

    #select1 .btn {
        width: 50px;
        margin-right: 10px;
        overflow: hidden;
        font-size: 0px;
    }

    .select .dropdown-menu > li > a {
        float: left;
        font-size: 0;
        overflow: hidden;
        width: 64px;
    }

    .select img {
        margin-right: 0px;
    }

    input.form-control.searchFor {
        width: 0px;
        padding: 8px 10px 8px 26px;
        transition: all 0.3s ease 0s;
        position: relative;
        z-index: 2;
        float: right;
    }

    input.form-control.searchFor:focus {
        width: 130px;
        padding: 8px 10px 8px 30px;
    }

    .jobs h2 {
        padding-left: 0;
    }

    .jobs h2 span {
        position: relative;
        left: auto;
    }

    footer {
        background: url(footer_responsive.png);
    }
}

@media (max-width: 1140px) {
    .navbar-default .navbar-toggle {
        display: block;
    }
    .top_Wrapper{
        padding-bottom: 15px;
    }
    .navbar.navbar-default.affix, .navbar.navbar-default.affix.podstrane{
        padding-bottom: 0;
    }
    .top_Wrapper .navbar-collapse {
        display: none !important;
        position: absolute;
        width: 100%;
        margin-top: 70px;
        max-height: 330px;
        background: #121D42 none repeat scroll 0 0;
        overflow-y: auto !important;
    }

    .top_Wrapper .col-md-11.col-sm-11 {
        width: 100%;
    }

    .top_Wrapper .col-md-1.col-sm-1 {
        width: 100%;
    }

    .top_Wrapper .navbar-collapse.in {
        display: block !important;
    }

    .top_Wrapper .nav > li {
        width: 100%;
    }

    .navbar.navbar-default ul.nav > li > a {
        text-align: left;
        border-right: none;
        padding: 3px 0;
        float: left;
        width: 100%;
    }
    .navbar-collapse.collapse .navbar-nav > li > .dropdown-menu{
        display: block !important;
        position: static;
        background: transparent;
        box-shadow: none;
        border: none;
    }
    .navbar-collapse.collapse .navbar-nav > li > .dropdown-menu li{
        padding: 0 15px;
    }
    .navbar-collapse.collapse .navbar-nav > li > .dropdown-menu li a{
        padding: 5px 0;
        border-bottom: none !important;
        line-height: normal;
        white-space: normal;
    }
}

@media all and (min-width: 768px) and (max-width: 990px) {

    .mapa {
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: 670px;
        width: 100%;
    }

    .storitve .col-md-4 h1 {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .storitve .col-md-4 h1::after, .storitve .col-md-4 h1::before {
        display: none;
    }

    .storitve .item {
        margin-bottom: 80px;
        margin-top: 30px;
    }
}


@media (max-width: 767px) {
    section.content-section.video-section {
        display: none !important;
    }

    .footerBox {
        margin: 0 auto;
        width: 350px;
        max-width: 100%;
    }

    .footerResponsiveLast .footerBox {
        text-align: center;
    }

    .footerResponsive {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        float: left;
        padding-bottom: 30px;
        width: 100%;
    }

    .footerResponsiveLast {
        float: left;
        width: 100%;
    }

    .backColor.storitve, .backColor {
        padding: 20px 0;
    }

    .storitve .item {
        margin-bottom: 20px;
    }

    .storitve .col-md-4 h1 {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .storitve .col-md-4 h1::after, .storitve .col-md-4 h1::before {
        display: none;
    }

    nav.navbar-nav {
        border: none;
    }

    .navbar ul.nav.navbar-nav > li.last > a {
        clear: both;
    }

    .navbar-brand {
        display: block;
    }

    .navbar-collapse {
        position: absolute;
        width: 100%;
        padding-top: 60px;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-collapse {
        background: #121D42 none repeat scroll 0 0;
    }

    h2 {
        padding-top: 20px;
    }

    p img {
        max-width: 100% !important;
        height: auto !important;
    }

    .bck_img, .bck_img .item {
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    .navbar-collapse div {
        display: inline-block;
        width: 100%;
    }

    .navbar.navbar-default ul.nav > li > a {
        text-align: left;
        border: none;
        padding: 0;
    }

    ul.footer_menu {
        border: medium none;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: center;
    }

    .footer_baner {
        display: inline-block;
        float: none;
        margin-top: 20px;
    }

    h1.naslov_uvodna {
        margin-top: 100px;
        width: 100%;
    }

    .logo_uvodna {
        background-image: url("logo.png");
        background-color: transparent;
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        margin: 100px auto 0;
        width: 100%;
        max-width: 400px;
    }

    h1.naslov_uvodna {
        font-size: 20px;
        margin-top: 0;
        width: 100%;
    }

    h2.naslov_uvodna {
        font-size: 22px;
        margin: 10px 0 50px;
    }

    h3.naslov_uvodna {
        font-size: 26px;
        margin: -10px 0 30px;
    }

    .item.dark {
        margin-top: 0px;
    }

    .item.dark h1 {
        text-align: center;
    }

    .item h1 {
        margin-top: 20px;
    }

    .item ul {
        text-align: center;
    }

    .backColor {
        display: block;
    }

    .backColor.top-image {
        height: auto !important;
    }

    .storitve .item {
        margin-bottom: 110px;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        background-color: transparent;
    }
}

#open-popup {
    overflow: hidden;
}

#open-popup .modal-header .modal-logo {
    background-image: url(logo-horizontal.gif);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    height: 40px;
    margin: 0;
    padding: 5px 0;
    min-width: 160px;
    position: relative;
}

#open-popup .modal-header {
    border-bottom: 1px solid #f5f5f5;
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
}

#open-popup .modal-body {
    padding: 20px 15px;
    color: #46484b;
}

#open-popup .modal-body h2 {
    font-size: 25px;
    margin-bottom: 20px;
    text-align: left;
    color: #46484b;
}

#open-popup .modal-body p {
    color: #46484b;
}

#open-popup .modal-header .close {
    opacity: 1;
}

#open-popup .modal-header .close span {
    font-size: 30px;
    color: #ff0000;
}

.news-container {
    margin-top: -200px;
    padding: 40px 0 40px;
}

.news-container .title {
    font-family: "bitter regular", serif;
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

.news-container .all-news-cta-conatiner {
    border-top: 1px solid #cacbcc;
    text-align: center;
    padding-top: 16px;
}

.news-container .all-news-cta-conatiner .all-news-cta {
    color: #d99f63;
}

.news-container .all-news-cta-conatiner .all-news-cta i {
    margin-left: 6px;
}

.news-item {
    color: #46484b;
    margin-bottom: 30px;
    background-color: #e3eaee;
    flex: 1;
}

.news-item-img {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    float: left;
    margin-bottom: 20px;
}

.news-item-data {
    padding: 20px;
    min-height: 300px;
    float: left;
    width: 100%;
}

.news-item .news-date {
    display: block;
    font-size: 14px;
    margin: 0 0 4px;
}

.news-item .news-title {
    color: #16243f;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    margin: 0 0 6px;
}

.news-item .news-title:hover,
.news-item .news-title:focus,
.news-item .news-title:active {
    color: #d99f63;
}

.news-item .news-content {
    color: #16243f;
    font-weight: 300;
    margin-bottom: 10px;
    flex: 1;
}

.news-item .news-cta {
    color: #d99f63;
}

.news-item .news-cta i {
    margin-left: 6px;
}

.news-view {
    padding: 60px 0;
}

.news-view .news-view-title {
    font-family: "bitter regular", serif;
    color: #16243f;
    text-align: center;
    margin: 0 0 30px;
}

.news-view .news-item {
    text-align: left;
    display: inline-block;
}

.news-view .news-item.contact-item{
    background: #f0f0f0;
    border: 1px solid #eee;
}

.news-view .news-item.contact-item .news-item-img{
    height: 300px;
    border-bottom: 1px solid #eee;
    margin: 0;
    background-position: center top;
}

.news-view .news-item.contact-item .news-item-data{
    min-height: 20px;
    text-align: center;
}
.news-view .news-item.contact-item h4 {
    color: #16243f;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    margin: 0 0 15px;
}

.news-view .news-item.contact-item .news-item-data ul{
    list-style: none;
    padding: 0;
}
.news-view .news-item.contact-item .news-item-data ul.ekipa-info li{
    display: inline-block;
    width: auto;
}
.news-view .news-item.contact-item .news-item-data ul.ekipa-info li a{
    font-size: 22px;
    margin: 0 10px;
}
.news-view .news-item.contact-item .news-item-data ul li i{
    margin-right: 5px;
}
.news-view .news-item.contact-item .news-item-data ul.ekipa-info li a i{
    margin: 0;
}
.news-view .news-item a {
    text-decoration: none;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.bcms-paging {
    display: block;
    width: 100%;
    padding: 0 8%;
    text-align: center;
    line-height: 0;
}

.bcms-paging ul.pagination {
    margin: 0 0 60px;
}

.bcms-paging ul.pagination li > span, .bcms-paging ul.pagination li > a {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    border: 1px solid #cacaca;
    background-color: transparent;
    color: #16243f;
}

.bcms-paging ul.pagination li > span:hover, .bcms-paging ul.pagination li > a:hover, .bcms-paging ul.pagination li > span:focus, .bcms-paging ul.pagination li > a:focus, .bcms-paging ul.pagination li > span:active, .bcms-paging ul.pagination li > a:active {
    background-color: #16243f;
    color: #fff;
    border: 1px solid #16243f;
}

.bcms-paging ul.pagination li.active > span, .bcms-paging ul.pagination li.active > a {
    background-color: #16243f;
    color: #fff;
    border: 1px solid #16243f;
}

.news-view-single {
    text-align: left;
    padding: 60px 0;
}

.news-view-single.single-contact-view h2{
    color: #16243f;
    text-align: left;
    font-family: "bitter regular", serif;
}

.news-view-single.single-contact-view .news-single-content ul{
    list-style: none;
    padding: 10px 0;
}

.news-view-single.single-contact-view .news-single-content ul li{
    display: inline-block;
    width: 100%;
    padding: 3px 0;
}

.news-view-single.single-contact-view .news-single-content ul li i{
    width: 30px;
}

.news-view-single .news-width-container {
    max-width: 700px;
    margin: 0 auto;
}

.news-view-single .news-view-single-img {
    width: 100%;
    margin-bottom: 40px;
}

.news-view-single .news-single-title {
    font-family: "bitter regular", serif;
    color: #16243f;
    text-transform: none;
    font-weight: 600;
    margin: 0 0 20px;
}

.news-view-single .news-single-date {
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
}

.news-view-single .news-single-content p {
    color: #606164;
    line-height: 1.7;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 18px;
}

.news-view-single .news-single-content img {
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.news-view-single .news-signle-cta-container {
    margin-top: 20px;
}

.news-view-single .news-signle-cta-container .news-single-cta {
    color: #d99f63;
    text-decoration: none;
}

.news-view-single .news-signle-cta-container .news-single-cta i {
    margin-right: 6px;
}

@media (max-width: 768px), (max-height: 829px) {
    .news-container {
        padding: 40px 0 40px;
        margin-top: 0;
    }

    .news-container .title {
        color: #16243f;
    }
}

.bcms-block-columns img{
    max-width: 100%;
    height: auto;
}
.simpleItem .bcms-block-toolbar{
    display: none !important;
}
.simpleItem .bcms-table-block td{
    color: #46484b;
}