/* sticky menu*/

/*
    Mobile Menu Core Style
*/

.slicknav_nav                 { clear: both }
.slicknav_nav ul,
.slicknav_nav li              { display: block; text-align: left; position: relative;}
.slicknav_nav .slicknav_item  { cursor: pointer; }
.slicknav_nav .slicknav_row   { display: block; padding: 0px; }
.slicknav_nav a               { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after          { content: " "; display: table; }
.slicknav_menu:after          { clear: both }
/* IE6/7 support */
.slicknav_menu                { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu { /*position: relative;*/ /*position: fixed;*/ position: absolute; width: 100%; top: 66px; left: 0px;   font-size:18px;
  display: none; z-index: 5010;
}

/* Button */
.slicknav_btn {
  width: 80px;
  position: relative; display: block;
  vertical-align: middle; float: right; /*padding: 9px; line-height: 1.125em;*/ cursor: pointer;
  -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; 
  margin: 0px 0px 0px 0px; padding: 6px 0px 16px;
  text-decoration: none;
  font-size: 14px; font-weight: 700; color: #545454; text-transform: uppercase;
  /*background-image: url('/static/img/header/menusmall.png'); background-repeat: no-repeat; background-position: right 14px;
  padding-right: 41px;*/
}

.slicknav_open{
    /*background-image: url('/static/img/header/menusmall-close.png'); background-repeat: no-repeat; background-position: right 13px;*/
}

.slicknav_menu .slicknav_no-text  {margin: 0px;}
.slicknav_menu .slicknav_menutxt  {margin-top: 8px; display: inline-block;}
.slicknav_menu .slicknav_icon     {display: inline-block; margin: 12px 0 0 30px; vertical-align: top;}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 3px; }

.slicknav_btn:hover { /*background-color: #FFF;*/ color: #000000; }
.slicknav_btn:hover .slicknav_icon-bar{ background-color: #000000;}

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {display: block;  background-color: #000000;
  width: 17px; height: 3px;
  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
 }
.slicknav_menu { /*z-index: 1100;*/
  padding:0px;
}
.slicknav_nav {   
  margin:0; padding: 8px 0;
  background-color: #fff;
  border-top: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;
}
.slicknav_nav .slicknav_arrow{position: absolute; top: 3px; right: 20px;}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 0;
}

.slicknav_nav .slicknav_parent a.slicknav_item {
    padding: 6px 0px;
}

.slicknav_nav .slicknav_parent a,
.slicknav_nav .item  a          {
  padding: 6px 15px 7px 15px;
  text-decoration:none; font-weight: 400; font-size: 15px;  color: #545454;
  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}

.slicknav_nav .item_sub a  {padding: 6px 15px 7px 25px;}
.submenu .itemsub_sel a    {color: #000000;}

.slicknav_nav a:hover,
.slicknav_nav .item_sel a,
.slicknav_nav .slicknav_parent a:hover a {font-weight: 500; color: #000000; text-decoration: underline;}
.slicknav_nav .slicknav_txtnode {}


.slicknav_nav .submenu .item_suber.item a, 
.slicknav_nav .submenu .item_suber.itemsuber_sel a {
    padding-left: 45px;
    padding: 3px 15px 3px 45px;
}
.slicknav_nav .submenu .item_suber.itemsuber_sel a {
  text-decoration: underline;
}

/*
.slicknav_nav .item_level2, .slicknav_nav .item_level2_sel{text-transform: uppercase;}
.slicknav_nav .item_level2 a, .slicknav_nav .item_level2_sel a{text-transform: uppercase;}
*/

.slicknav_nav .item_level3, .slicknav_nav .item_level3_sel{display: none; font-weight: 500; color: #000000; text-decoration: underline; padding-left: 16px;}
.slicknav_nav .item_level3 a, .slicknav_nav .item_level3_sel a{font-weight: 500; color: #000000; text-decoration: underline;
  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}

.slicknav_nav .item_level4, .slicknav_nav .item_level4_sel{display: none; font-weight: 500; color: #000000; text-decoration: underline; padding: 0px 0px 0px 30px;}
.slicknav_nav .item_level4 a, .slicknav_nav .item_level4_sel a{font-weight: 500; color: #000000; text-decoration: underline; font-weight: 400; font-size: 14px; padding: 3px 15px 5px;
  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}

.slicknav_nav .item_level3_sel a,
.slicknav_nav .item_level4_sel a,
.slicknav_nav .item_level3:hover a,
.slicknav_nav .item_level4:hover a  {color: #000000;}

#mobileMenuReminderBtn{
  floatx: left; height: 36px; padding: 16px 39px 0 17px; cursor: pointer; margin: 12px 11px 12px 11px;
  color: #FFF; font-size: 15px; font-weight: 400; 
  background-color: #5c52bb; background-image: url("/static/img/header/reminder.png"); background-repeat:  no-repeat;  background-position: center right ;
}
#mobileMenuReminderBtn:hover{text-decoration: underline;}

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


/* View port for small desktops */
@media screen and (max-width: 1160px) {
  
  /* Header */
  #header-top {padding: 20px 20px 20px;}
  .langdropdown{top: 25px; right: 10px;}
  #logo         {}
  #logo img                     {width: 400px;}
  
  /* Seo text index */
  #index-content .document        {padding: 0px;}
  #index-content h1               {margin-left: 0px; margin-bottom: 25px; font-size: 42px; line-height: 46px;}
  
  .document IMG, .document iframe{max-width: 100%; height: auto !important;}
  .document iframe * {width: 100% !important;}
  
  #index-all{padding-bottom: 30px;}
  #index-all .document .btn{margin-top: 0 !important;}
  .index-links .inner{padding: 20px 0;}
  .index-links .inner .index-links-itm {
    width: 30.3%;
    margin: 20px 1.5%;
    float: left;
  }
  .index-links .inner .index-links-itm IMG{max-width: 100%;}
  .index-links .inner .index-links-itm h2{margin: 15px;}

  .content IMG {max-width: 100%; height: auto!important;}
}

@media screen and (max-width: 1023px) {
  
  /* Header */
  #topmenu{padding-bottom: 10px;}
  #topmenu UL LI.item a {padding: 15px 10px 15px 10px; min-width: 140px;}
  
  /* Index */
  #index-all {}
  #index-content h1 {}
  #index-content .document {}

  #sub-all{padding: 20px 0;}
  .btn-back-wrapper{padding: 40px 15px 0;}
  
  /* Index reference */  
  #index-all .reference {padding: 0px 20px 34px;}
  #index-all .gallery_list_title {font-size: 24px; margin-bottom: 21px; margin-top: 21px;}
  #index-all .gallery_list_item .title {min-height: 50px; padding: 0 15px 0 15px;}

  /* reference */
  .gallery_details            {padding-left: 25px;}
  .gallery_list_item .title a {font-size: 14px;}
  .gallery_list_item {width: 31%; height: auto; min-height: 216px;}
  .gallery_list_seperator {width: 2.5%;}
  .gallery_list_item .img img {max-width: 100%;}
  #sub-big .gallery_list {margin-left: 25px;}
  #sub-big .gallery_list .gallery_list_item {width: 47%; margin-right: 2%;}
  #sub-big .gallery_list .gallery_list_item img {max-width: 100%;}
  #sub-big .gallery_list .gallery_list_seperator {display: none;}

  /* Podstrani */
  #sub-all {/*padding: 20px 20px 43px;*/}

  /* Footer */
  #footer-left{max-width:340px;}
  .footer-bottom{/*clear: both; margin-top: 30px; padding-bottom: 10px; text-align: center;*/ float: right; padding-bottom: 20px; margin-top: -30px;}
  #footer-right{padding-top: 10px; max-width: 320px}
  #footer-right IMG{max-width: 135px; float: none; margin-left: 20px;}
  .ft-copyright, .ft-author, .footer-separator{float: none; display: inline-block;}
  .footer-separator{position: relative; top: 2px;}
  
	/* sub page */
  .menu_breadchrumb {padding-left: 20px;}
  #sub-content  {padding: 10px 15px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
  #sub-left     {width: 31%; max-width: 225px;}
  #sub-big      {width: 69%;}
  #sub-content .page_title     {padding-left: 25px;}
  #sub-content .page_title h1  {font-size: 30px; line-height: normal;}
  #sub-big .document {
    line-height: 24px;
    padding-left: 25px;
    padding-right: 0px;
  }

  /* Form */
  .form {}
  
  
  table.table-ekipa{}
  table.table-ekipa tr td{}
  table.table-ekipa tr td IMG{width: 160px !important; }
}

@media screen and (max-width: 860px) {

  #footer-right .footer-address {margin: 0 20px 0 30px;}
  
  table.table-ekipa{}
  table.table-ekipa tr td{}
  table.table-ekipa tr td IMG{float: none !important; display: block; margin: 0 0 20px 0 !important;}
}

/* View port for mobile */
@media screen and (max-width: 767px) {
  /* Header */
  #topmenu              {display: none;}
  .slicknav_menu        {display: block;}
  #header-bottom{padding: 0;}
  #header               {display: block; float: none; background-color: #ebebeb; height: 49px;}
  #header-top{padding: 16px 0px 16px 0; border: 0;}
  .contact_separator    {width: 20px;}
  .contact #tel_wide    {display: none;}
  .contact #tel_link    {display: inline-block; *zoom: 1; *display: inline;}
  .contact .contact_txt {display: none;}
  .contact_separator    {width: 2px; height: 21px; background-color: #000000; margin: 16px 10px 0;}
  .contact .email       {background-position: left center; padding-left: 30px;}
  #logo img             {width: 288px;}
  
  .contact .tel.value   {font-size: 18px;}
  .contact .email.value {font-size: 14px;}
  #header-right         {line-height: 53px;}
  
  .langdropdown{top: 70px; right: auto; left: 10px; z-index: 10000; background-color:#FFF;}

  #index-all {padding-top: 0;}
    
  /* index */
  #index-content .document {font-size: 15px; line-height: 24px;}
  #index-content h1 {text-align: center; margin: 25px 0;}
  #index-content .document IMG{margin-bottom: 10px !important;}
  
  /* Reference */
  /*
  .gallery_details      {padding-left: 0px;}
  #index-all .reference {padding: 0px 0 9px 20px;}
  #index-all .gallery_list {text-align: center;}
  #index-all .gallery_list_item {
    width: 48%; max-width: 308px;
    height: auto; min-height: 216px;
    margin: 0 20px 20px 0;
  }
  #index-all .gallery_list_seperator,
  #index-all .gallery_list_row_separator {display: none;}
  #sub-big .gallery_list {text-align: center; margin-left: 0;}
  #sub-big .gallery_list .gallery_list_item {width: 100%; margin-right: 0;}
  .gallery_list_item .img {max-width: unset;}
  #sub-big .gallery_list_item .title {
      max-width: 308px;
      margin: 0 auto;
  }
  */
    
  /* Sub page */
  #sub-content {margin-bottom: 0;}
  #sub-left {width: auto; max-width: unset; margin: 0 auto; float: none; display: block;}
  #leftmenu,
  #gallery_rand_container {display: none;}
  #sub-content {padding: 20px 15px 20px;}
  #sub-big  {width: 100%;} 
  #sub-content .page_title,
  #sub-big .document {padding-left: 0;}
  #sub-content .page_title h1  {font-size: 24px; line-height: normal;}
  #sub-content h2 {font-size: 18px;}
  
  #sub-left .btn.povprasevanje-btn {margin: 20px 0 0; text-align: center; padding-left: 0; background-position: right 48px center;}
  
  
  /* Form */
  .form                         {padding: 0px 0px 10px;}
  .form .flditm,
  .form .flditm_textarea        {padding: 0px 2% 0px 2%;}
  .form .flditm-fld TEXTAREA    {padding: 9px 2% 10px 1%; width: 97%;}
  .form .fldbtn                 {margin-right: 41px;}
 
  /* Footer */
  /*#footer {text-align: center; padding-top: 13px; padding-right: 0; padding-bottom: 24px;}
  #footer-left .ft-logo {
    background-size: 98px;
    width: 98px; height: 48px; margin: 0 auto;
  }
  #footer-left {width: 90%; margin-bottom: 19px; display: block; position: static;}
  #footer-center-l,
  #footer-right,
  .footer-contacts{width: auto; margin: 0;}
  #footer-right,
  .footer-contacts {margin-left: 10px; }
  .footer-contacts {margin: 22px 0px 0 17px;}
  #footer-right {width: 180px;}
  #footer-right .footer-address {margin-right: 0; margin-left: 17px;}
  .footer-bottom {position: relative; bottom: unset; left: unset; padding-top: 26px; padding-right: 24px; text-align: center;}
  .footer-bottom div {display: inline-block; vertical-align: middle;}
  .footer-bottom div.footer-separator {display: inline-block; margin: 3px 8px 0 8px;}
  .footer-bottom div.ft-author {padding-left: 0px; padding-top: 3px;}
  
  #footer .footer-contacts .contact .tel,
  #footer .footer-contacts .contact .email {background-image: none; padding-left: 0;}
  #footer .footer-contacts .contact .tel.value   {font-size: 18px;}
  #footer .footer-contacts .contact .email.value {font-size: 14px;}
  .ct-mail {margin-top: 6px; }
  */
  
  /* Footer */
  #footer{max-width: 420px; padding: 30px 15px 15px;}
  #footer-left{float: none; max-width: none; display: block; text-align: center;}
  #footer-left .ft-logo{margin: 0 auto 20px;}
  #footer-left .footer-company, #footer-left .footer-address{font-size: 12px; line-height: 14px;}
  #footer-socials{float: none; margin: 0 auto 0px;}
  #footer-socials .itm{float: none; display: inline-block; margin: 0 11px;}
  .footer-bottom{float: none; clear: both; margin-top: 20px; padding-bottom: 0px; text-align: center;}
  #footer-right{float: none; max-width: none; display: block; text-align: center; padding-top: 30px;}
  #footer-right IMG{max-width: 130px; float: none; margin: 0 5px;}
  .ft-copyright, .ft-author, .footer-separator{float: none; display: inline-block;}
  /*.footer-separator{position: relative; top: 2px;}*/
  
}

/* View port for mobile */
@media screen and (max-width: 680px) {
  
  /* Reference */
  #index-all .gallery_list_title {text-align: center; padding-right: 0; margin-bottom: 9px; margin-top: 11px;} 
  #index-all .gallery_list_item  {width: 100%; margin-right: 15px;}
  #index-all .reference {padding: 0px 0px 9px 15px;}
  #index-all .gallery_list_seperator {display: none;}
}

/* View port for mobile */
@media screen and (max-width: 665px) {
  #index-all .gallery_list_item  {width: 100%; margin: 0 15px 20px;}
  #index-all .reference {padding: 0px 15px 9px;}
  
  .index-links .inner{padding: 30px 15px 10px;}
  .index-links .inner .index-links-itm {
    width: auto;
    margin: 0px 0 20px;
    float: none;
    padding: 20px 15px;
  }
  .index-links .inner .index-links-itm IMG{display: none;}
  .index-links .inner .index-links-itm h2{margin: 0;}
  
.index-links .inner #index-links-itm1{background-color: #009e49;}
.index-links .inner #index-links-itm1 a{color: #FFF;}

.index-links .inner #index-links-itm2{background-color: #3a75c4;}
.index-links .inner #index-links-itm2 a{color: #FFF;}

.index-links .inner #index-links-itm3{background-color: #fcaf4e;}
.index-links .inner #index-links-itm3 a{color: #FFF;}

.news_full{padding-left: 0;}
.news_details{padding-left: 0;}
}

@media screen and (max-width: 600px) {
  .news_full_item .img{display: block; width: 100%; margin-bottom: 15px;}
  .news_full_item .news_full_content{display: block; width: 100%; padding-left: 0;}
}

/* View port for mobile */
@media screen and (max-width: 556px) {

  /* Reference */
  #index-all .gallery_list_item  {margin: 0 0px 20px;}
  
  /* Form */
  .flditm.flditm_textarea     {padding: 0px 2%;}
  .form .flditm               {width: auto; float: none; max-width: 100%;}
  .form .flditm-fld TEXTAREA  {padding: 9px 2% 10px 2%; width: 96%}
  
  table.table-ekipa{}
  table.table-ekipa tr td{display: block; width: auto; max-width: 290px; margin: 0 auto !important;}
  table.table-ekipa tr td IMG{width: auto !important; max-width: 100% !important;}
}

/* View port for mobile */
@media screen and (max-width: 400px) {
	/* Header */
  .contact .value       {background-image: none; padding: 0;}
}

/* View port for mobile */
@media screen and (max-width: 370px) {
    
  /*#sub-left .btn.povprasevanje-btn {text-align: left; padding-left: 52px;}*/

  /* Form */
  /*
  .form .flditm-fld-captcha IMG         {margin-left: 0px;}
  .form .flditm-fld-captcha INPUT       {width: 95%;}
  */
  
  /* Footer */
  /*#footer {text-align: left; padding-left: 24px;}
  #footer-left {width: 90%; top: 0; left: 4px; margin-bottom: 19px; display: block;}
  #footer-left .ft-logo {
    background-size: 98px;
    width: 98px; height: 48px;
    margin: 0;
  }
  .footer-bottom {text-align: left;}
  */
}