/* ========================================================================
   Theme hooks
 ========================================================================== */

/* General */
html { font: 400 15px / 22px 'Roboto', sans-serif;  /* 2 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  /* 3 */ background: #efeff1; color: #62615f; }

/* Removes default margin */
body { margin: 0; }

/* Container */
.uk-container { max-width: 1360px; padding: 0 30px; }
strong { font-weight: 700; }
em { color: #62615f; }
a { color: #c40b2d; text-decoration: none; cursor: pointer; }
.uk-link { color: #c40b2d; text-decoration: underline; cursor: pointer; }
a:hover, a:active, a:focus { text-decoration: none; color: #231f20; }
.uk-link:hover, .uk-link:active, .uk-link:focus { text-decoration: underline; color: #231f20; }

/* plugin highlight */
::selection { background: #62615f; color: #ffffff; text-shadow: none; }
.highlight { background: #c40b2d; color: #fff; padding: 0px 4px; }

/* projektna meni */
.projektna .projektna-nav-wrap ul { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;  /* 1 */ margin-left: 20px; margin-top: 0px;  /* 2 */ padding: 0; list-style: none; }
.projektna .projektna-nav-wrap { background: #fff url("../../../images/topbar-back.jpg") no-repeat right top; box-sizing: border-box; color: #fff; font-size: 15px; height: 80px; padding: 10px 0; }

/* Projektni meni */
.projektna .projektna-nav-wrap .uk-sticky-placeholder { transition: all 0.32s ease-in-out 0s; }
.projektna .nav { background-color: transparent; height: auto; }
.projektna .nav a { color: #fff; font-size: 12px; font-weight: 500; line-height: 18px; text-transform: uppercase; margin: 3px 2px; padding: 3px 8px; display: inline; }
.projektna .nav a:hover, 
.projektna .nav a:focus, 
.projektna .nav a:active { background: #ffffff; color: #444; }
.projektna .nav [class*="uk-icon-"] { margin: 0 3px 0 10px; }
.projektna .nav a.de-social { background: #bf1e22; border: 1px solid #711014; border-radius: 3px; box-sizing: border-box; color: rgb(254, 254, 254); display: inline-block; font-size: 10px; height: 20px; line-height: 16px; margin: 3px 0; padding: 1px; text-align: center; width: 25px; }
.projektna .nav a.de-social:hover { background-color: #fff; border: 1px solid rgb(77, 14, 14); color: #444; }
.projektna .nav a.de-lang { background: #bf1e22; border: 1px solid #711014; border-radius: 3px; box-sizing: border-box; color: rgb(254, 254, 254); display: inline-block; font-size: 10px; height: 20px; line-height: 16px; margin: 3px 0; padding: 1px; text-align: center; width: 38px; }
.projektna .nav a.de-lang:hover { background-color: #fff; border: 1px solid rgb(77, 14, 14); color: #444; }
.projektna .nav .uk-float-right .uk-panel { float: right; margin: 0; }

/* Projektni meni - uk-active */
.projektna .nav.uk-active { background-color: #9c1519; height: 47px; padding: 10px; border-bottom: 3px solid #5f0102; }
.projektna .projektna-nav { margin-left: 80px; }
.projektna .projektna-nav-mobile a { color: #fff; font-size: 14px; font-weight: 500; line-height: 14px; text-transform: uppercase; margin: 0; display: block; height: 35px; padding: 10px 15px; float: none; }
.projektna .nav.uk-active .projektna-nav-mobile a { font-size: 14px; font-weight: 500; line-height: 14px; text-transform: uppercase; margin: 0; padding: 10px 25px; height: 35px; padding: 10px 15px; float: none;}
.projektna .nav .projektna-nav-mobile a.uk-navbar-toggle { font-size: 14px; color: #fff; height: 35px; padding: 10px 15px; float: left; background-color: transparent; border: 0px none transparent; }
.projektna .nav.uk-active .projektna-nav-mobile a.uk-navbar-toggle { font-size: 14px; color: #fff; height: 35px; padding: 10px 15px; float: left; background-color: transparent; border: 0px none transparent; }
.projektna .nav .projektna-nav-mobile a.uk-navbar-toggle:hover { color: #9c1519; background-color: #fff; }
.projektna .nav.uk-active .projektna-nav-mobile a.uk-navbar-toggle:hover { color: #9c1519; background-color: #fff; }
.projektna .uk-button-primary { background-color: #9c1519; color: #ffffff; box-shadow: none; }
.projektna .uk-button-primary:hover { background-color: #fff; color: #474538; box-shadow: none; }

/* Projektna hero */
.projektna .de-scroll1 { margin: -150px 0 0; padding: 0; }
.projektna .uk-icon-large { font-size: 350%; vertical-align: -20%; }
.projektna .projektna1-wrap { padding: 0 0 60px; background: #fff; margin-top: -6px; }
.projektna .projektna1 { padding-bottom: 0; background: #fff; }
.projektna .projektna1 .de-link { background: #fff;padding: 10px 20px 5px; }
.projektna .projektna1 .slideshow img { margin-top: -4px; }

/* Projektna o nama */
.projektna .projektna2-wrap { padding: 30px 0 10px; background: #9c1519; }
.projektna .subwrap { padding: 90px 0; background: #9c1519; }
.projektna .projektna2 p { color: #fff; line-height: 22px;font-size: 16px; }
.projektna .projektna2 h2 { color: #fff; }

/* Projektna delatnost */
.projektna .projektna3-wrap { padding: 100px 0; background: #fff; }
.projektna .projektna3 h4 {}
.projektna .de-scroll2 { padding: 40px 0 0; }
.projektna .projektna3 .de-link { background: #fff;padding: 10px 20px 5px; }

/* Projektni tim */
.projektna .projektna4-wrap { padding: 120px 0 90px; background: #fff url("../../../../../images/projektna/tim-back.jpg") no-repeat center top; background-size: cover;}
.projektna .projektna4 .projekti-naslov { margin-bottom: 50px; }
.projektna .projektna4 .projekti-naslov h2 { line-height: 28px; color: #fff; }
.projektna .projektna4 .item { background: #fff; transition: all 500ms ease 0s; margin-bottom: 30px; }
.projektna .projektna4 .item:hover { background: #9c1519; color: #ffffff; }
.projektna .projektna4 .item .member-image { float: left; margin-right: 28px; }
.projektna .projektna4 .item .member-image img { width: 180px; }
.projektna .projektna4 .item .member-content { padding: 40px 45px 10px; text-align: left; min-height: 220px; }
.projektna .projektna4 .item .member-content h4 { margin: 10px 0 5px; font-size: 23px; font-weight: 500; line-height: 23px; }
.projektna .projektna4 .item:hover .member-content h4 { color: #ffffff; }
.projektna .projektna4 .item p.member-title { color: #888888; line-height: 17px; font-size: 11px; text-transform: uppercase; padding: 0px; margin: 0; }
.projektna .projektna4 .item:hover p.member-title { color: #ffffff; }
.projektna .projektna4 .item p.member-desc { margin-bottom: 0; font-size: 13px; line-height: 22px; }
.projektna .projektna4 .item:hover p.member-desc { color: #ffffff; transition: all 500ms ease 0s;}
.projektna .projektna4 .item p.member-desc a { margin-bottom: 0; font-size: 13px; line-height: 22px; }
.projektna .projektna4 .item:hover p.member-desc a { color: #ffffff; transition: all 500ms ease 0s; }
.projektna .de-scroll3 { margin: 0; padding: 50px 0 0;; }
.projektna .projektna4 .de-link { background: #fff;padding: 10px 20px 5px; }

/* Projektna projekti */
.projektna .projektna5-wrap { padding: 120px 0; background: #efeff1;}
.projektna .projektna5 h2 { line-height: 24px; font-size: 32px; }
.projektna .projektna5 h2 small { font-size: 18.75px; line-height: 0.6; }
.projektna .projektna5 h4 { text-transform: uppercase; margin: 35px 0px 20px; }
.projektna .projektna5 .de-header { padding: 0 0 0 10px; }
.projektna .projektna5 .de-header a { text-transform: uppercase; }
.projektna .projektna5 .de-box { padding: 25px; }
.projektna .de-button { -webkit-appearance: none; margin: 0 10px; border: none; overflow: visible; font: inherit; font-size: inherit; line-height: inherit; color: #666; text-transform: none; display: inline-block; box-sizing: border-box; padding: 8px 12px 6px; background: #f7f7f7; background-color: rgb(247, 247, 247); background-image: none; background-origin: padding-box; vertical-align: middle; line-height: 10px; min-height: 12px; font-size: 1rem; text-decoration: none; text-align: center; border: 1px solid rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .3); background-origin: border-box; background-image: -webkit-linear-gradient(top, #fff, #eee); background-image: linear-gradient(to bottom, #fff, #eee); border-radius: 3px; text-shadow: 0 1px 0 #fff; max-height: 55px; }
.projektna .de-button:not(:disabled) { cursor: pointer }
.projektna .de-button:focus, .projektna .de-button:hover { background-color: #fafafa; color: #666; outline: 0; text-decoration: none; background-image: none }
.projektna .de-button.de-active, .projektna .de-button:active { background-color: #f5f5f5; color: #666; border-color: rgba(0, 0, 0, .2); border-top-color: rgba(0, 0, 0, .3); background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1) }
.projektna .de-button-danger { background-color: #9c1519; color: #fff; background-image: -webkit-linear-gradient(top, #9c1519, #c1191e); background-image: linear-gradient(to bottom, #9c1519, #c1191e); border-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .4); text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) }
.projektna .de-button-danger:focus, .projektna .de-button-danger:hover { background-color: #c1191e; color: #fff; background-image: none }
.projektna .de-button-danger.uk-active, .projektna .de-button-danger:active { background-color: #c91c37; color: #fff; background-image: none; border-color: rgba(0, 0, 0, .2); border-top-color: rgba(0, 0, 0, .4); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2) }
.projektna .de-button:disabled { background-color: #fafafa; color: #999; border-color: rgba(0, 0, 0, .2); background-image: none; box-shadow: none; text-shadow: 0 1px 0 #fff }
.projektna .de-button small { font-size: 70%; vertical-align: 1px; }
.projektna .de-width1 { width: 90%; float:left; padding-top: 5px; padding-bottom: 5px; }
.projektna .de-width2 { width: 10%; float:right; }
.projektna .de-panel { min-height: 50px; padding: 25px 35px; background: #ffffff; color: #62615f; overflow: hidden; background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); margin-bottom: 15px; }
.projektna .projektna5 .de-panel .de-box { padding: 25px 10px; background: #fff; border-top: 3px dashed #eaeaea; margin-top: 55px; }

/* Projektna pojedinacni projekat */
.projektna .projekat1-wrap { padding: 0; background: #fff; margin-top: -10px;}
.projektna .projekat1 { padding-bottom: 0; background: #fff; }
.projektna .projekat2-wrap { padding: 60px 0; background: #efeff1;}
.projektna .projekat h2 { line-height: 24px; font-size: 32px; }
.projektna .projekat h2 small { font-size: 18.75px; line-height: 0.6; }
.projektna .projekat h4 { text-transform: uppercase; margin: 35px 0px 20px; }
.projektna .projekat .de-header { padding: 0; }
.projektna .projekat .de-header a { text-transform: uppercase; font-size: 20px; line-height: 26px; padding-left: 10px; }
.projektna .projekat .de-box { padding: 25px; }
.projektna .projekat .de-panel .de-box { padding: 25px 10px; background: #fff; border-top: 3px dashed #eaeaea; margin-top: 55px; }
.projektna .projekat a.istaknuto { color: #df0c33; text-decoration: underline; cursor: pointer; }
.projektna .projekat .rad { background: #fff; border: 1px solid #ddd; color: #555; padding: 20px 38px; margin: 0 0 10px; }
.projektna .projekat .cilj { background: #fff; border: 1px solid #ddd; color: #555; padding: 20px 38px; margin: 0 0 10px; }

/*  Projektna pojedinacni projekat de-table */
.projektna .projekat .de-table { border: 1px solid #f5f5f5; }
.projektna .projekat .de-table thead th { background: #c40b2d; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; padding: 0; }
.projektna .projekat .de-table tbody th { background: #c40b2d; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; padding: 0; }
.projektna .projekat .de-table tbody tr { border-bottom: 1px solid #f5f5f5; padding: 0px 10px; }
.projektna .projekat .de-table td { padding: 8px; line-height: 22px; text-align: left; vertical-align: top; border-top: 1px solid #f5f5f5; }
.projektna .projekat .de-table td { font-size: 12px; vertical-align: middle; text-transform: uppercase; }
.projektna .projekat .de-table p { margin: 0 }
.projektna .projekat .de-table .de-button { background: #c40b2d; border-radius: 2px; color: #ffffff; display: block; font-family: 'Roboto', sans-serif; font-size: 10px; line-height: 20px; list-style: outside none none; margin: 0; padding: 3px 12px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: middle; text-transform: uppercase; }

/* Block footer */
.block-wrap .uk-block { padding-top: 30px; padding-bottom: 30px; }
.block-wrap .tm-block-footer-bg { background: #fff; margin-top: 0; }
.block-wrap .uk-panel-title { font-family: "Roboto"; font-size: 17px; line-height: 23px; margin-bottom: 35px; margin-top: 0; text-transform: uppercase; }
.block-wrap .uk-article-meta { font-weight: 400; letter-spacing: 0.1px; line-height: 18px; text-align: right; text-transform: uppercase; font-size: 11px; }
.block-wrap .uk-article-meta span { font-size: 14px; }
.tm-block-footer .uk-article-meta { color: #555; }

/* Block footer modules */
.block-footer-border { margin-bottom: 0px; padding: 9px 20px; float: right; width: 240px; text-align: center; }
.block-footer-img-border { border: 1px solid #efece1; margin: -25px 0 0 15px; padding: 9px; }

/* Widgetkit variations */
.de-h5 { line-height: 20px; }
.de-small { font-size: 14px; }
.de-color { color: #c40b2d; }
.de-color:hover i:before, .de-color:focus { color: #231f20; }
.uk-panel-box-hover:hover i:before, .uk-panel-box-hover:focus i:before { color: #231f20; }

/* Breadcrumbs */
.breadcrumbs-wrap { height: 65px; background: #efeff1 url("../../../images/footer-back.jpg") no-repeat left bottom;}
.uk-breadcrumb { font-size: 0.001px; font-weight: 400; letter-spacing: 0; list-style: outside none none; padding: 10px 0 40px; text-transform: uppercase; margin: 0; }
.uk-breadcrumb a { color: #090909; }
.uk-breadcrumb a:hover { color: #62615f; }
.uk-breadcrumb .uk-active > span { color: #62615f; }
.uk-breadcrumb > li { font-size: 11px; vertical-align: top; }
.uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span { display: inline-block; }
.uk-breadcrumb > li:nth-child(n+2):before { content: '||'; display: inline-block; margin: 0 15px; color: #9a9a9c; }

/* Footer */
.footer-wrap { background: #9c1519; margin: 0; }
.tm-footer { background: transparent; box-sizing: border-box; color: #ffffff; font-size: 14px; padding: 25px 0 35px; margin-top: 0px; }
.tm-footer a { color: #ffffff; }
.tm-footer a:hover { color: #f7cfcf; }
.tm-footer .uk-link { color: #fff; cursor: pointer; font-weight: 400; text-decoration: none; }
.tm-footer-left { float: left; text-align: left; width: 50%; }
.tm-footer-right { float: right; padding-bottom: 5px; text-align: right; width: 45%; margin-right: -15px; margin-top: -15px; }

/* Top Scroller */
.tm-footer-top { position: relative; height: 5px; }
.tm-footer-top .tm-totop-scroller { background: #9c1519; border-radius: 0; float: right; font-family: "FontAwesome"; padding: 12px 16px; position: absolute; right: 30px; top: -60px; transition: all 0.2s ease-in-out 0s; z-index: 100; width: 46px; height: 42px; }
.tm-totop-scroller::before { color: #fff; content: "\f077"; font-family: "FontAwesome"; font-size: 16px; }
.tm-footer-top .tm-totop-scroller:hover, .tm-totop-scroller:focus { color: #fff; background: #5f0003; }

/* DENODE */
.denode { float: right; font-size: 10px; margin-bottom: 5px; margin-right: 45px; margin-top: 5px; text-align: right; width: 100%; }

/* Off-canvas meni */
.uk-offcanvas-bar { position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; width: 100%; max-width: 100%; background: #ffffff; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -ms-scroll-chaining: none; }
.uk-nav-offcanvas > li > a { color: #2d3d51; padding: 8px 12px; text-transform: uppercase; font-size: 14px; }
.uk-nav-offcanvas ul a { color: #9a9a9c; text-transform: uppercase; font-size: 12px; padding: 4px 8px; }
html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: rgba(0, 0, 0, 0.05); color: #c40b2d; }
html .uk-nav-offcanvas li.uk-active li.uk-active > a { background: rgba(0, 0, 0, 0.05); color: #c40b2d; }
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { background: rgba(0, 0, 0, 0.05); color: #c40b2d; outline: none; }
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #c40b2d; }

/* Projektni meni sa top modulom projektne */
.projektna .uk-nav-offcanvas > li > a { color: #2d3d51; padding: 8px 12px; text-transform: uppercase; font-size: 14px; background-color: #fff; border: 1px solid #c40b2d; margin: 0 0 5px; text-align: center; }
.projektna .uk-nav-offcanvas ul a { color: #5b5353; text-transform: uppercase; font-size: 11px; padding: 4px 8px; border: 1px dashed #c40b2d; text-align: center; margin-bottom: 5px; }
.uk-nav-offcanvas ul li.uk-parent ul a { color: #5b5353; text-transform: uppercase; font-size: 11px; padding: 4px 8px; border: 1px dashed #c40b2d; text-align: center; margin-bottom: 5px; margin-right: 15px; }
.uk-nav-offcanvas ul li.uk-parent li.uk-parent ul a { color: #5b5353; text-transform: uppercase; font-size: 10px; padding: 4px 8px; border: 1px dashed #c40b2d; text-align: center; margin-bottom: 5px; margin-right: 30px; }
.projektna .uk-nav-offcanvas > .uk-open > a, 
.projektna .uk-nav-offcanvas > li > a:hover, 
.projektna .uk-nav-offcanvas > li > a:focus { background: #9c1519; color: #fff; outline: none; }
.projektna .uk-nav-offcanvas > .uk-open > a, 
html:not(.uk-touch) .projektna .uk-nav-offcanvas > li > a:hover, 
html:not(.uk-touch) .projektna .uk-nav-offcanvas > li > a:focus { background: #9c1519; color: #fff; outline: none; }
.projektna .projektna-nav-mobile a { color: #2d3d51; font-size: 14px; font-weight: 400; line-height: 14px; text-transform: uppercase; margin: 0 0 5px; display: block; height: 35px; padding: 10px 15px; float: none; background-color: #fff; border: 1px solid #c40b2d; text-align: center; }
.projektna .uk-button-primary:hover, 
.projektna .uk-button-primary:focus { background-color: #9c1519; color: #fff; box-shadow: none; }

html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #9c1519; color: #fff; }
html .uk-nav-offcanvas li.uk-active li.uk-active > a { background: #9c1519; color: #fff; }
html .uk-nav-offcanvas li.uk-active li.uk-active li.uk-active > a { background: #9c1519; color: #fff; }

/* Panel in offcanvas */
.uk-offcanvas .uk-panel { margin: 0 0 25px; color: #c40b2d; }
.uk-offcanvas  a.de-lang { background: #fff; border: 1px solid rgb(77, 14, 14); color: #444; border-radius: 2px; box-sizing: border-box; display: inline-block; font-size: 11px; height: 24px; line-height: 16px; margin: 3px 1px; padding: 3px 6px; text-align: center; width: 38px; }
.uk-offcanvas  a.de-lang:hover { background-color: rgb(191, 69, 69); border: 1px solid rgb(138, 36, 36); color: #fff; }

/* Variable  - proper order !!! */
/* min width */
@media (min-width:480px) {
.projektna ul.uk-nav.uk-nav-offcanvas { width: 100%; margin-left: auto; margin-right: auto; }
}
@media (min-width:768px) {
.projektna ul.uk-nav.uk-nav-offcanvas { width: 60%; }
.projektna .nav .projektna-nav-mobile { display: block; margin-top: -28px; }
.nastavni-kadar.mobile { display: none; }
}
@media (min-width:960px) {
.projektna ul.uk-nav.uk-nav-offcanvas { width: 40%; }
}
@media (min-width:1340px) {}
/* max width */
@media (max-width:1339px) {}
@media (max-width:1150px) {}
@media (max-width:959px) {
.projektna .de-scroll1 { background: #fff; margin: -50px 0 0; padding: 0; }
.projektna .uk-icon-large { font-size: 200%; vertical-align: -20%; }
.projektna .projektna1-wrap { padding: 0; }
.projektna .projektna2-wrap { padding: 10px 0 0; }
}
@media (max-width:767px) {
.projektna .projektna-nav { display: none; }
.projektna .nav.uk-active .projektna-nav-mobile { display: block; margin-top: -6px; margin-left: -8px; }
.projektna .projektna4 .uk-width-large-1-2 { text-align: center; }
.projektna .projektna4 .item .member-image { background: #fff; float: none; margin-right: 0; width: 100%; }
.projektna .projektna4 .item .member-image img { width: 50%; }
.projektna .projektna5 h2 { line-height: 30px; font-size: 32px; }
.projektna .projektna5 h2 small { font-size: 18.75px; line-height: 0.6; }
.projektna .de-button { padding: 8px 12px 8px; }
.nastavni-kadar.desktop { display: none; }
}
@media (max-width:480px) {}
@media (max-width:360px) {}
/* min max width */
@media (min-width:1019px) and (max-width:1119px) {}
@media (min-width:960px) and (max-width:1019px) {}
@media (min-width:768px) and (max-width:959px) {}