/* FONTS */
@font-face {
font-family: 'Armata';
src:  url('../../fonts/Armata/Armata.eot');
src:  url('../../fonts/Armata/Armata.svg#Armata') format('svg'),
      url('../../fonts/Armata/Armata.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/Armata/Armata.woff') format('woff'),
      url('../../fonts/Armata/Armata.ttf') format('truetype');
}

/* GENERAL */
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;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
[hidden] {display: none;}
body {line-height:1;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
b,strong {font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 400;}
i, em {font-style:italic;}
a, a:active, a:visited{ color: #ccc ; text-decoration: none;  -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
a:hover {color: #ddd ;  -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
p{line-height: 24px; text-align: left;}

span#container,span#container td,span#container a {font-family:Arial !important;line-height:15px;}

body { width: 100%; height: 100%; background: #231f20; color: #ccc; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; font-size: 20px; line-height: 28px;}
ul { list-style-type: disc;  margin-left: 40px; }
li { padding: 0; line-height: 24px; font-size: 16px;}
.cf {clear: both;}
h1 { font-size: 26px; color: #fff; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; line-height: 26px; margin-bottom: 10px; text-transform: uppercase;}
h2 { font-size: 20px; color: #f7f7f7; border-top: 2px solid #a3a3a3; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; line-height: 20px; margin-bottom: 10px; padding: 6px 10px 10px; display:inline-block; text-align: center !important; text-transform: uppercase;}
h2 a:hover { color: #eb3644;  -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }

h3 { font-size: 18px; color: #888; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; line-height: 22px; margin: 10px 0; text-transform: uppercase;}
h4 { color: #ccc;font-size: 16px; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; line-height: 20px; margin: 0;}
h5 { font-size: 13px; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; line-height: 17px; margin: 0; }
address {font-size: 16px; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; line-height: 20px; margin: 0; color: #ccc;}
address a:hover{ color: #eb3644;}
#who_we_are address { text-align: left; font-style: italic;}
#who_we_are address a{ padding-right: 5px;}
.sprite {background: url(../../site/sprite.png) no-repeat left top;}

#wrapper .career form {margin-top:10px;font-size:13px;}
#wrapper .rederror {color:#eb3644;}
#wrapper .section{background: url(../../site/bg_2.jpg) repeat center top;}
#wrapper .chrBig { display:none; }
#toolbar { height: 55px; position: fixed; width: 100%; color: #fff;bottom: 0px; z-index: 600; }
#toolbar .position { width: 950px; margin: 0 auto; position: relative; height: 55px; }
#toolbar .bg { background: #000; opacity:0.5;filter:alpha(opacity=50); height: 55px; position: absolute; top: 0px; left: 0px; width: 100%; }
#toolbar .logo { background-position:-82px 1px; width: 145px; height: 53px; padding: 5px 0 0 73px; position: absolute; left:0px; top:9px; }
#toolbar .logo span{  font-size: 22px; color: #fff; opacity: 0.5; font-family: 'Armata', Arial, Tahoma, sans-serif; }
#language {width: 60px; height: 30px;position: absolute; top: 14px;right:20px; font-size:14px;}
#language a{font-size:14px;color:#a8a8a8; margin: 0 5px;}
#language a:hover, #language a.active{color:#eb3644; }
#main-navi { position: absolute; right: 0px; top: 11px; }
#main-navi ul { list-style-type: disc; }
#main-navi ul li { display: inline; font-size: 11px; padding-left: 10px; }
#main-navi ul li a { font-size: 13px; text-decoration: none; color: #a8a8a8; font-family: 'Armata', Arial, Tahoma, sans-serif; text-transform: uppercase; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s;}
#main-navi ul li a:hover, #main-navi ul li a.active { color: #eb3644; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s;}
.visual { position: relative; }
#visual { position: absolute; width: 100%; overflow: hidden; }
#visual .visualElement { display: none; position: absolute; left: 0px; top: 0px; width:100%;  }
#visual .visualElement:first-child { display: block; }
#visual img { width: 100%; }
#visual .visualElement .border{ position: absolute; top: 0; left: 50%; margin-left: -70px; display: block; width: 140px; height: 3px; background: #ddd; z-index: 999; }
#visual .content { top: 31.5%; width: 100%; position: absolute; z-index: 20; overflow: hidden; }
#visual .naslov { width: 100%; text-align: center; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 400; color: #fff; font-size: 90px; line-height: 95px; margin-bottom: 5px; text-transform: uppercase;padding-top:21px;}
#visual .podnaslov { width: 100%; text-align: center; color: #f1f1f1; font-size: 22px; text-transform: uppercase;}
.visual .overlay { position: absolute; top: 0px; left: 0px; z-index: 19; }

#visualNavi { position: absolute; z-index: 20; top: 630px; text-align: center; width: 100%; }
#visualNavi a { width: 9px; height: 9px; margin: 0 2px; background: #2e2e2e; border: 2px solid #555555; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; text-decoration: none; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; -o-transition: background 0.3s;}
#visualNavi a:hover, #visualNavi a.active { background: #eb3644; border: 2px solid #8c8c8c; -moz-box-shadow: inset 3px 3px 6px rgba(9,9,8,0.7);-webkit-box-shadow: inset 3px 3px 6px rgba(9,9,8,0.7);box-shadow: inset 3px 3px 6px rgba(9,9,8,0.7);-moz-transition: background 0.3s; -webkit-transition: background 0.3s; -o-transition: background 0.3s;}
#visualNavi a span { display: none; }

/************* RESPONSIVE NAVI ***************/
/*
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}.clearfix{*zoom:1}
#main-navi{position: absolute; right: 0px; bottom: 15px;}
#main-navi ul{list-style-type: disc;}
#main-navi ul li{display: inline; font-size: 11px; padding-left: 10px;}
#main-navi ul li a{font-size: 13px; text-decoration: none; color: #777; font-family: 'Armata', Arial, Tahoma, sans-serif; text-transform: uppercase; }
#main-navi ul li a:hover, #main-navi ul li a.active { color: #eb3644;}
#main-navi #pull{display:none;}*/

/************** END RESPONSIVE NAVI **************/

#wrapper .contentFirst { overflow: hidden; }
#wrapper .mainFirst { width: 950px; margin: 140px auto 50px; padding: 0 10px;}

#wrapper .map { /*background: url(../../site/map_shdw.png) no-repeat center 61px;*/ width: 953px;}
#wrapper .mainFirst .lvdiv, #wrapperOther .policy .lvdiv{ text-align: center;}
#wrapperOther .policy,#wrapperOther .cookies, #wrapperOther .about, #wrapperOther .about p { text-align: center;}
#wrapperOther .about a{color: #ed1c24;}
#wrapperOther .section { position: relative; margin: 0 auto; width: 950px; padding-top: 80px;}
#wrapperOther  a{ color: #fff; text-decoration: none; }
#wrapperOther .section ul{ margin-left: 20px; }
#wrapperOther .section  ul li{ padding: 2px 0; }
#wrapperOther .section  #toolbar { height: 55px; position: fixed; width: 100%; color: #fff;top: 0px; z-index: 600; }
body.withSlybar #wrapperOther  #toolbar { height: 55px; position: fixed; width: 100%; color: #fff;top: 28px; z-index: 600; }
#wrapperOther #toolbar {height: 55px; position: fixed; width: 100%; color: #fff;top: 0px; z-index: 600;}

#wrapper .section { position: relative; overflow: visible;}
#wrapper .contact .mainFirst { width: 100%; padding: 0; margin: 87px auto 50px;}
#wrapper .contact .mainContact { width: 950px; padding: 0; margin: 0 auto; text-align:left;}
#wrapper .contact .mainContact h4  { color:#999;}
#wrapper .contact .mainContact h4 a, #wrapper .contact .mainContact h5 a{font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; font-style: italic; color: #ccc;padding-right: 5px;text-align:left;}
#wrapper .contact .mainContact h4 a:hover, #wrapper .contact .mainContact h5 a:hover {color: #eb3644 !important;}
#wrapper .contact .mainContact h5 {margin-top:8px;}

#wrapper .contact .mainFirstContact { margin: 0px auto 30px;}
#wrapper .sh, #wrapper .dk, #wrapper .vp {width:30%; padding: 50px 1% 20px; margin:0; display:inline-block; background: #111; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; -o-transition: background 0.3s;}
#wrapper .sh, #wrapper .dk {margin-right: 1%;}
#wrapper .sh:hover, #wrapper .dk:hover, #wrapper .vp:hover {background: #010101; cursor:pointer; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; -o-transition: background 0.3s;}

.vnosPadRight, .vnosPadLeft {padding:0; margin:0;}
#wrapper .sly { width: 950px; margin: 0 auto; font-size: 11px; font-family: 'Armata', Arial, Tahoma, sans-serif;}
#wrapper .sly a { color: #999; text-decoration: none; }

.about_content {}
.about_navi { text-align: center; width: 100%; }
.about_navi a { width: 162px; height: 23px; display: inline-block; text-align: center; font-size: 16px; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; color: #999; text-decoration: none; background: rgba(2,2,2,0.5); border-bottom: 2px solid #020202; padding: 10px 0; margin: 0; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.about_navi a:hover, .about_navi a.active{ color: #f7f7f7;background: #222222; border-bottom: 2px solid #9F020D; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.about_content .mainFirst { display: none; }
#who_we_are { text-align: center; width: 100%; }
#who_we_are .navi a { text-decoration: none; color: #c6c6c6; font-family: 'Armata', Arial, Tahoma, sans-serif; font-size: 18px; padding: 0; margin: 0px; text-transform: uppercase; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
#who_we_are .navi a .imgBg{ width: 168px; height: 168px; display: block; background: #000; margin: 0 auto;}
#who_we_are .navi a img{ opacity: 0.6; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
#who_we_are .navi a:hover img, #who_we_are .navi a.active img{ -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; opacity: 1;color: #eb3644;}
#who_we_are .navi a h2 {display: none; border-top: 2px solid #9F020D;} 
#who_we_are .navi a h2:hover, #who_we_are .navi a.active  h2{ -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; opacity: 1; color: #ccc;}
#who_we_are .navi a.active h2 {display: inline-block;margin: 15px 0 0; padding: 10px 5px 0;}
#who_we_are .navi a.active h2.team {display: inline-block;margin:20px 0 0; padding: 10px 5px 0;color: #f7f7f7; border-top: 2px solid #a3a3a3;}
#who_we_are .navi a h3 {display: none;} 
#who_we_are .navi a h3:hover, #who_we_are .navi a.active  h3{ display: block; font-size: 14px; color: #888; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; opacity: 1;text-transform: none;}
#who_we_are .navi a.active h3 {margin: 0px; padding: 0px 5px 0;}
#who_we_are .content img { display: block; margin-right: 20px; width: 168px; height: 168px;}
#who_we_are .content .opis { font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; color: #a0a0a0; font-size: 20px; display: none; margin-top: 58px; line-height: 18px;}
#who_we_are .content .opis:last-child { margin-top: 38px;}
#who_we_are .content .opis b, #who_we_are .content .opis strong{ font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 400; }

#who_we_are .whoweareTable, #practices .practicesTable {margin:0 auto; width: 950px;}
#who_we_are .whoweareTable { margin:0 auto; width: 570px; display: flex; justify-content: center; flex-wrap: wrap;}
#who_we_are .whoweareTable .person { margin-bottom: 20px; width: 190px;}
/*#who_we_are .teamNavi {margin-top: -80px;}*/
#who_we_are .contactTable {width: 100%;margin:0 auto;}
#wrapperOther .contactTable address { font-size: 14px; color: #a0a0a0; }
#wrapperOther .contactTable address a:hover{ color: #eb3644; }

#slava_popup, #mateja_popup,#simona_popup, #valerija_popup, #aleksandra_popup {padding: 15px;}
#slava_popup a:hover, #damjan_popup a:hover, #valerija_popup a:hover, #aleksandra_popup a:hover, #mateja_popup a:hover{color:#eb3644;}
#slava_popup address a, #damjan_popup address a, #valerija_popup address a, #aleksandra_popup address a, #mateja_popup address a{font-style: italic;}

.references_content {font-size: 14px;}
.references_navi { text-align: center; width: 100%; }
.references_navi a { color: #999999; width: 200px; height: 23px; display: inline-block; text-align: center; font-size: 16px; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; text-decoration: none; background: rgba(2,2,2,0.5); border-bottom: 2px solid #020202; padding: 10px 0; margin: 0; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.references_navi a:hover, .references_navi a.active{ color: #f7f7f7;background: #222222; border-bottom: 2px solid #9F020D; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
/*.references_navi { text-align: center; position: absolute; bottom: 300px; width: 100%; }
.references_navi a { text-decoration: none; color: #f0f0f0; padding: 14px 10px 10px; background: #616161; margin: 5px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.references_navi a:hover { color: #f0f0f0; background: #222222; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.references_navi a.active { text-decoration: none; color: #f0f0f0; padding: 10px; background: #222222; margin: 5px; }*/
.references_content .mainFirst { display: none; }

.countries .active{color: #eb3644;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}

#kadrovske { position:relative; }
#kadrovske .navi { text-align: center; width: 100%; margin-top: 50px;}
#kadrovske .navi a { color: #999999; position: relative; display: inline-block; height: 150px; text-decoration: none; background: rgba(2,2,2,0.5); border-bottom: 2px solid #020202; margin: 10px; padding: 0 10px; width: 190px; font-size: 18px; text-transform: uppercase; -moz-transition: background 0.4s, border 0.4s; -webkit-transition: background 0.4s, border 0.4s; -o-transition: background 0.4s, border 0.4s;}
#kadrovske .navi a:hover, #kadrovske .navi a.active { color: #f7f7f7; background: #222222; border-bottom: 2px solid #9F020D;-moz-transition: background 0.4s, border 0.4s; -webkit-transition: background 0.4s, border 0.4s; -o-transition: background 0.4s, border 0.4s;}
#kadrovske .navi a:hover .nr,#kadrovske .navi a.active .nr {color: #eb3644; -moz-transition: color 0.4s; -webkit-transition: color 0.4s; -o-transition: color 0.4s;}

#kadrovske .navi a span.nr { position: absolute; bottom: 35px; display: block; color: #666; text-align: left; font-size: 14px; }
#kadrovske .navi a span.service { position: absolute; bottom: 10px; display: block; text-align: left; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; }
#kadrovske .content { display: none; overflow: hidden; margin-left: 50px; margin-right: 50px;  }
#kadrovske .content .active .nrBig {color: #888; font-size:20px; position: absolute;padding-top: 14px;}
#kadrovske .content .opis { display: none; text-align: left; }
#kadrovske .content .opis h2{ /*font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 400;*/ }
#kadrovske .content .name { font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 400; text-transform: uppercase; margin-bottom: 0; text-align: center; padding: 10px 0;}
#kadrovske .content .highlight { font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; text-align: left; padding: 10px 0;}
#kadrovske .content .highlight { font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 300; text-transform: uppercase; margin-bottom: 15px;}
#kadrovske .content .highlight h3{ }
#kadrovske .content .desc h4{ font-size: 16px; color:#ccc;}
#kadrovske .content .desc h4 a {font-size: 16px; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-style: italic; font-weight: 400; line-height: 20px; margin: 0; color: #fff;padding-right: 5px;}
#kadrovske .content .desc h4 a:hover{ color: #eb3644;}

/*NAVI*/
#kadrovske #kadrovskePrev {display: block; background: url(../../site/sprite.png) no-repeat 0 -31px; height: 28px; width: 11px; position: absolute; top: 8px; right: 140px; }
#kadrovske #kadrovskeNext  {display: block; background: url(../../site/sprite.png) no-repeat -35px -31px; height: 28px; width: 11px; position: absolute; top: 8px; right: 105px; }
#kadrovske #kadrovskePrev:hover {cursor: pointer; background: url(../../site/sprite.png) no-repeat 0 0; }
#kadrovske #kadrovskeNext:hover {cursor: pointer; background: url(../../site/sprite.png) no-repeat -35px 0; }
#kadrovske #kadrovskeClose { height: 28px; width: 18px; position: absolute; top: 8px; right: 50px; background: url(../../site/sprite.png) no-repeat -53px -31px;}
#kadrovske #kadrovskeClose:hover { background: url(../../site/sprite.png) no-repeat -53px 0px;}

/* PRACTICES */
#practices .navi a { text-decoration: none; color: #ccc; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; font-size: 18px; padding: 0; margin: 0px; text-transform: uppercase; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
#practices .navi{ margin: 0 auto;}
#practices .navi a h2{ display: block; margin: 0 10px; border-top: 2px solid #a3a3a3; font-size: 18px;}
#practices .navi a:hover h2, #practices .navi a.active  h2{ -moz-transition: border 0.4s; -webkit-transition: border 0.4s; -o-transition: border 0.4s; border-top: 2px solid #9F020D;}
/*
#who_we_are .navi a h2 {display: none; border-top: 2px solid #9F020D;} 
#who_we_are .navi a h2:hover, #who_we_are .navi a.active  h2{ -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; opacity: 1; color: #ccc;}*/


#practices .content .opis { display: none; text-align: left; }
#practices .practicesTitle { display: block; width: 31.33%; margin:0% 1% 2%; float: left;}

/* CAREER OPPORTUNITIES */
/*#wrapper .mainFirst .career h2 {display: block; width: 45%;}*/
.career a { font-style: italic; padding-right: 5px; }
.career a , .career h5 a { font-weight: 400; color: #fff;}
.career a:hover { color: #eb3644;}
.career h3 a { width: 300px; height: 23px; display: inline-block; text-align: center; font-size: 16px; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; color: #999; text-decoration: none; background: rgba(2,2,2,0.5); border-bottom: 2px solid #020202; padding: 10px 0 5px; margin: 0;font-style: normal; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.career h3 a:hover, .career h3 a.active{ background: #222222; color: #f7f7f7; border-bottom: 2px solid #9F020D; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.career h5 a:hover{ color: #eb3644;}
#open_positions_popup {text-align:center; padding: 20px;}
#open_positions_popup h2 {text-align: center !important;}
#open_positions_popup h3 {color: #e6e6e6;font-size:20px;line-height:18px;border: none;display:list-item;list-style-type:disc;text-align: left !important;padding:6px 10px 0px;margin-left:20px;text-transform:none;}
#open_positions_popup h4 { color: #888; text-transform: none; margin:0;line-height:18px; padding-left: 30px;}
#open_positions_popup h5 {line-height:24px; padding-left: 30px;}
#open_positions_popup a, #open_positions_popup a span{ padding-right: 5px;}
#open_positions_popup a:hover, #open_positions_popup a:hover span{ color: #eb3644 !important;}

#open_positions_popup h3, #open_positions_popup h4, #open_positions_popup h5, #open_positions_popup p {text-align: left;}

/* CONTACT */
#wrapper .contact  {color: #999; font-size: 16px;}
#wrapper .contact h3 {color: fff;}
#wrapper .contact .contactTable {width:950px; margin:0 auto;}
#wrapper .contact .contactTable td {width:315px;}
.contact p {font-size:14px;color: #d6d6d6; line-height:21px;;}
/*.contact table a {color:#eb3644;}*/
.contact table a:hover {color:#E60012;}
.contact_navi { text-align: center; width: 100%; margin-bottom: 60px;}
.contact_navi a { width: 200px; height: 23px; display: inline-block; text-align: center; font-size: 16px; font-family: 'Roboto Condensed', Arial, Tahoma, sans-serif; color: #ccc; text-decoration: none; background: rgba(2,2,2,0.5); border-bottom: 2px solid #020202; padding: 10px 0; margin: 0; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.contact_navi a:hover, .contact_navi a.active{ background: #222222; border-bottom: 2px solid #9F020D; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}

/* LOGOS */
#logos { margin: 60px auto 60px; width: 950px; height: 114px; background: #1c1c1c;}
#lycarousel {width:100%;margin:0 auto;}
.lycarousel-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.lycarousel-carousel {display: none;width: 100%;position: relative;-ms-touch-action: pan-y;}
.lycarousel-wrapper { display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.lycarousel-wrapper-outer {position: relative;width: 100%;z-index:1;overflow: hidden;}
.lycarousel-item { display:inline-block;text-align:center;}
.lycarousel-item .item {height:100px;width:100%;}
.lycarousel-item .item-img {position:relative;overflow: hidden;}
.lycarousel-item img { display:block;margin:0 auto;position:relative;z-index:100;}
.lycarousel-carousel .lycarousel-wrapper,.lycarousel-carousel .lycarousel-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.lycarousel-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);width:100%;text-align:right;}
.lycarousel-controls span {display:none;}

.lycarousel-prev,.lycarousel-next {display:inline-block;width:35px;height:100%;cursor:pointer;position:absolute;left:0;top:0;z-index:400;opacity:1;}

#logos .lycarousel-prev { background: url(../../site/sprite.png) no-repeat 0 -69px; height: 59px; width: 23px; position: absolute; left: 8px; top: 27px; }
#logos .lycarousel-next { background: url(../../site/sprite.png) no-repeat -32px -69px; height: 59px; width: 23px; position: absolute; right: 8px; top: 27px; left:auto;}
#logos .lycarousel-prev:hover {cursor: pointer; background: url(../../site/sprite.png) no-repeat -66px -69px; }
#logos .lycarousel-next:hover {cursor: pointer; background: url(../../site/sprite.png) no-repeat -96px -69px; }


/***********************************/

#privacy_policy_popup {font-size:14px;width:800px;padding:20px;}
#privacy_policy_popup h3 {color: #f7f7f7;}
#privacy_policy_popup a, #privacy_policy_popup a span {font-style:italic;padding:0 5px 0 0;}
#privacy_policy_popup a:hover, #privacy_policy_popup a:hover span{color: #eb3644 !important;}

#cookies_popup {font-size:14px;width:800px;padding:20px;}
#cookies_popup h3 {color: #f7f7f7;}
#cookies_popup a, #cookies_popup a span {font-style:italic;padding:0 5px 0 0;}
#cookies_popup a:hover, #cookies_popup a:hover span{color: #eb3644 !important;}
#cookies_popup th,#cookies_popup td {padding:5px 10px;text-align:left;line-height:24px;}

/* MAP */
.jqvmap-label{
	position: absolute;
	display: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #292929;
	color: white;
	font-family: sans-serif, Verdana;
	font-size: smaller;
	padding: 3px;
}

.jqvmap-zoomin, .jqvmap-zoomout{
	position: absolute;
	left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #000000;
	padding: 3px;
	color: white;
	width: 10px;
	height: 10px;
	cursor: pointer;
	line-height: 10px;
	text-align: center;
}
.jqvmap-region{cursor: pointer;}
.jqvmap-ajax_response{width: 100%;height: 500px;}
/*MAP-END*/

#positions_popup,
#about_popup,
#privacy_popup,
#abaut_cookies_popup,
#slava_horvat_popup,
#mateja_cotar_popup,
#simona_spilak_popup,
#damjan_kukovec_popup,
#valerija_pipan_popup,
#petra_boben_popup,
#aleksandra_boben_popup,
#marjana_plukavec_popup {display:none;}

/* MEDIA WIDTH QUERIES */
/*@media (max-width:600px){

}

@media (min-width:600px) and (max-width:767px){

}*/

@media only screen and (max-width :320px){
#main-navi li{display:block;float:none;width:100%}
#main-navi li a{border-bottom:1px solid #576979}
}

@media (max-width:600px){
/*#wrapper .contact table.contactTable, #wrapper .contact table.contactTable tr, #wrapper .contact table.contactTable td { display: block; }*/
#wrapper .contact .contactTable td:first-child { display: none;}
#wrapper .contact .contactTable {width:90%; margin:0 auto;}
#wrapper .contact .contactTable td{ width: 45%;}
}

@media (max-width:630px){
#main-navi ul li { padding-left: 6px; }
#main-navi ul li a { font-size: 12px;} 
}

/*@media screen and (max-width:650px){
#main-navi{height:auto;width:100%;}
#main-navi ul{width:100%;display:none;height:auto;margin:0;}
#main-navi li{width:100%;float:left;position:relative;text-align:right;}
#main-navi a{text-align:left;width:100%;text-indent:25px;}
}*/

@media (max-width:767px){
#wrapper .mainFirst { width: 90%; margin: 80px auto 50px; padding: 0 10px;}
#toolbar .position { width: 90%; margin: 0 auto; position: relative; height: 55px; }
#toolbar .logo span { display: none; }
#wrapper .sly { width: 90%; margin: 0 auto; font-size: 11px; }
#wrapper .visual { display:none; }
#wrapper .chrBig { display:block;}
#wrapper .chrBig img{ max-width: 90%; height: auto; display:block; margin: 0 auto; padding-top:50px; vertical-align:text-bottom;}
#kadrovske .navi a {width:350px; height: 35px !important; margin: 5px; font-size: 20px; padding: 20px 20px 15px;}
#kadrovske .navi a span { display: inline;}
#practices .practicesTitle { display: block; width: 31%; margin:0% 1%; float: left;}
.references_navi { text-align: center; width: 100%; }
.references_navi a { width: 45%; height: 32px; padding: 12px 0 5px;}
}

@media (min-width:768px) and (max-width:979px){
#wrapper .mainFirst { width: 750px; padding: 0 10px;}
#toolbar .position { width: 750px; margin: 0 auto; position: relative; height: 55px; }
#wrapper .sly { width: 750px; margin: 0 auto; font-size: 11px; }
}

@media (min-width:600px) and (max-width:979px){
#wrapper .contact .contactTable {width:90%; margin:0 auto;}
#wrapper .contact .contactTable td{width:30%;}
}

@media (max-width:950px){
#logos {width:100%; height: 117px;}
#logos .jCarouselLite {width:90%; margin:0 auto;}
#logos .carousel { position: relative; }
#logos .carousel .prev, #logos .carousel .next, #logos .carousel .prev:hover, #logos .carousel .next:hover{ -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
#logos .carousel .prev {top: 28px; }
#logos .carousel .next {top: 28px; }
#logos .carousel .prev:hover {cursor: pointer; background: url(../../site/prev_h.png) no-repeat left top; }
#logos .carousel .next:hover {cursor: pointer; background: url(../../site/next_h.png) no-repeat left top; }
#logos .carousel .jCarouselLite2 { margin-left: 30px; width: 800px; }
#logos .carousel .jCarouselLite2 .imgLite { width: 30%; padding: 0px; margin: 0 36px 0 0;}
#logos .imgLite img {width:114px;height:117px;}
}
/*
@media (min-width:1000px) and (max-width:1200px){
#main-navi { right: 70px; }
}*/


/* MEDIA HEIGHT QUERIES */
@media (max-height:768px){

}

/*@media (min-height:450px) and (max-height:750px){
#visualNavi { position: absolute; z-index: 20; top:440px; text-align: center; width: 100%; }
.references_navi { text-align: center; position: absolute; bottom: 50px; width: 100%; }
}

@media (min-height:1200px) and (max-height:2590){
#visualNavi { position: absolute; z-index: 20; top:140px; text-align: center; width: 100%; }
}*/