/* 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: fixed; 
  width: 100%; 
  top: 0px; 
  left: 0px;   
  font-size:18px;
  display: none; z-index: 5010;
  transition: top 0.2s ease-in-out;
}

.slicknav_menu.nav-up {
  top: -110px;
}
.slicknav_menu.nav-up {

}
.slicknav_menu.nav-down {
  background: rgba(60,60,60,0.9);
}
.slicknav_menu.nav-down .slicknav_icon-bar{
  background-color: #fff !important;
}
.slicknav_menu.nav-down .slicknav_btn{
  padding-top: 5px;
  padding-bottom: 15px;
}
.slicknav_menu.nav-down .slicknav_btn .sticky-logo{
  display: block;
  top: 27px;
}
#logo{
  transition: top .2s ease-in-out;
}
#logo.hide-top{
  top: -110px !important;
}


/* Button */
.slicknav_btn {
  /*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: 14px 14px 14px 16px;*/
  padding: 31px 10px 10px;  
  text-decoration: none;
  font-size: 15px; font-weight: 400; color: #FFF; /*text-transform: uppercase;*/
  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
  -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;
  /*background-position: 15px 53px; background-repeat: no-repeat;*/
  
}

.slicknav_open{
    background-color: #1996d3; width: 100%;
    /*background-image: url('/static/img/header/menusmall-close.png'); background-repeat: no-repeat; background-position: right 13px;*/
}
/*
a.slicknav_open{
  background-image: url('/data/image/logo-sticky.png');
}*/

.slicknav_btn .sticky-logo{display: none; position: absolute; left: 15px; top: 53px;}
a.slicknav_open .sticky-logo{display: block;}

.slicknav_menu .slicknav_no-text  {margin: 0px;}
.slicknav_menu .slicknav_menutxt  {margin-top: 9px; float: left; text-transform: uppercase; font-weight: 400;}
.slicknav_menu .slicknav_icon     {float: right; margin: 20px 10px 10px 10px;}
.slicknav_menu .slicknav_icon-bar {display: block;
  width: 36px; height: 5px; margin: 5px auto 0;
  -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 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_btn .slicknav_icon-bar + .slicknav_icon-bar { }

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

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  /*display: none;*/
  background-color: #333333;
}
body.idx .slicknav_menu .slicknav_icon-bar {background-color: #FFF;}
body .slicknav_menu .slicknav_open .slicknav_icon-bar {background-color: #fff !important;}


.slicknav_menu { /*z-index: 1100;*/
  padding:0px;
}
.slicknav_nav {   
  margin:0;    
  /*padding: 0 10px;*/
  padding: 25px 10px 85px 10px;
  background-color: #1996d3;
  /*border-top: 1px solid #171717;*/
}
.slicknav_nav .slicknav_arrow{position: absolute; top: 3px; right: 10px;font-size: 28px;font-weight: 400 !important;}
.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 > li:first-child{
  border-top: transparent;
}
.slicknav_nav .item{border-top: 1px solid #75c0e5; background: #1996d3;}
.slicknav_nav .item.item_sel>a{
  background: transparent;
}
.slicknav_nav .item.item_sel>a>a{
  font-weight: 700;
}

.slicknav_nav .slicknav_parent a,
.slicknav_nav .item  a {
  height: 25px;
  padding: 6px 15px 7px 15px;
  text-decoration:none; font-weight: 400; font-size: 16px; 
  -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  a {color:#fff;}

.slicknav_nav .item_sub a  {padding: 6px 15px 7px 25px;}

.slicknav_nav .item>a:hover,
.slicknav_nav .item_sel>a{
  background-color: #75c0e5;
  /*color: #FFF;*/
}

.slicknav_nav .itemsub>a:hover,
.slicknav_nav .itemsub_sel>a{
  background-color: #1996d3;
  color: #FFF;
}

.slicknav_nav .itemsub_sel>a{
  background: #75c0e5;
}

.slicknav_nav .itemsub_sel>a,
.slicknav_nav .itemsub_sel>a a{
  color: #333;
  font-weight: bold;
}

.slicknav_nav .item_suber>a{padding-left: 35px;}
.slicknav_nav .item_suber>a:hover,
.slicknav_nav .itemsuber_sel>a{
  background-color: #1996d3;
  color: #FFF;
}


/*.slicknav_nav a:hover, 
.slicknav_nav .item_sel a  { background-color: #f6ab41;}
*/



/*
.slicknav_nav a:hover    .submenu .item_sub a, 
.slicknav_nav .item_sel  .submenu .item_sub a  { background-color: transparent;}



.slicknav_nav .submenu .item_sub a:hover{
  background-color: #f6ab41;
}

.slicknav_nav .subermenu{margin-left: 10px;}

*/





/*.slicknav_nav .submenu .item_suber.item a, 
.slicknav_nav .submenu .item_suber.itemsuber_sel a {
    padding-left: 45px;
    padding: 3px 15px 3px 45px; background-color: #FFF;
}
.slicknav_nav .submenu .item_suber.itemsuber_sel a {
  text-decoration: underline;
}


.slicknav_nav .item_level3, .slicknav_nav .item_level3_sel{display: none; background-color: #B9AC99; padding-left: 16px;}
.slicknav_nav .item_level3 a, .slicknav_nav .item_level3_sel a{background-color: #B9AC99;
  -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; background-color: #B9AC99; padding: 0px 0px 0px 30px;}
.slicknav_nav .item_level4 a, .slicknav_nav .item_level4_sel a{background-color: #B9AC99; 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: #25190B;}
*/

#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 pads, small desktops*/
/*@media screen and (min-width: 768px) and (max-width: 1160px)  */

@media screen and (max-width: 1030px) {
   .right-socials{display: none;}
  .stirje-razlogi { padding-right:0px; }
  .fullwidthtext { padding-right:100px; }
  .celltext { padding-right:0px; }
  .references_list { padding-right:0px; }
  .faq { padding-right:0px; }
}

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

  #footer{height: auto;}
  .footer-left{padding-left: 20px;}
  .footer-company{border-left: 1px solid #818181; font-sizex: 12px;
    /*-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;*/
  }
  
  .footer-socials{/*width: 320px;*/ padding-right: 20px; padding-left: 0;}
  .footer-socials .socials-itm{margin: 0 15px 0 0;}
  .footer-socials .socials-itm{width: 45px; height: 45px; background-size: cover;}
  .footer-spacer{display: none;}
  .footer-copyrights{float: left; padding-left: 20px;}
  
  #header #logo{left: 15px;}
  #header #logo IMG{width: 200px;}
  .slicknav_btn .sticky-logo img{max-width: 200px;}
  .content_top{padding: 20px 15px 0;}
  
.content_top .pc-img-tab{width: 744px; height: 407px; background-size: cover;} 
  
  .content_top .pc-img{width: 744px; height: 407px; background-size: cover;}
  .content_top .pc-img IMG{width: 528px !important; height: 330px !important; left: 113px; top: 27px;}
  
  .content_top .img-studija{width: 318px; height: 380px;  background-size: cover;}  
  
  .reference .content_top .tablet-img{width: 318px; height: 380px; background-size: cover;}
  .reference .content_top .tablet-img IMG {
    left: 29px;
    top: 33px;
    position: absolute;
    max-width: 175px;
    max-height: 234px;
  }
  
  .references_list .references_list_items{padding: 0 15px;}
  .references_list_item{width: 25%; height: 244px;}
  .references_list_item .img{width: auto; height: 244px;}
  .references_list_item .img IMG{}
  
  #index-content .section-blog .blog-list{padding: 0 30px;}
  #index-content .section-blog .blog-item{line-height: 24px; font-size: 18px; padding: 40px 30px 10px;}
  #index-content .section-blog .blog-item .ttl{font-size: 26px; line-height: 28px;}
  #index-content .section-blog .blog-item .desc{padding: 20px 0; background-position: center center;}
  
  .section-references .list .reference-item .summary .ttl{font-size: 24px; line-height: 24px;}
  .section-references .list .reference-item .summary .txt{font-size: 16px; line-height: 18px;}
}


@media screen and (max-width: 1750px) and (min-width: 900px) {
  .content_top .document {
      margin-left:20px;
  }
}

@media screen and (max-width: 1600px) {
  
  #index-content #section1 .prednosti{width: auto; padding: 0px 30px 0px;}
  #index-content #section1 .prednosti .prednosti-itm {padding: 30px 20px 30px; height:100%; /*height: 256px;*/}
  
  #footer-stat .stat-itm .value{font-size: 60px;}
}

@media only screen and (min-width: 1000px) {
    .btn-open {
    height: 80px !important;
    width: 80px !important;
    background-color: #2ab4f8;
    border-radius: 50%;
    position: relative !important;
    margin: 15px 20px 10px 30px;
  }
  
  .btn-open .line {
      background-color: white !important;
  }
  .btn-open .line:nth-of-type(1) {
      margin-top: -10px;
  }
  #fp-nav {
      display: none;
  }
}

/* viewport for laptops 1600x900 */
@media screen and (min-width: 1500px) and (max-height: 900px) {
  
  BODY{font-size: 17px; line-height: 25px;}

  #index-content #section0 #logo{width: 264px; top: 50px;}
  BODY.fp-viewing-1 #index-content #section0 #logo{top: 260px; width: 215px;}
  
  #topmenu UL LI.item a{height: 130px;}
  
  #index-content .section .desc {
      padding: 0px 30px 0px;
  }
  #index-content .section .img IMG {
    max-height: 70%; 
    width: 100%;
  }
  #index-content h2{font-size: 70px; line-height: 76px;}
  #index-content .section .desc{font-size: 18px; line-height: 28px;}
  .section-references .list .reference-item{height: 210px; padding: 15px 15px; width: 32.8%;}
  
  #index-content .section-blog .blog-item{padding: 20px 30px 10px;}
  #index-content .section-blog .blog-item .desc{font-size: 18px; line-height: 24px;}
  #index-content .section-blog .blog-item .image IMG {max-height: 240px;}
  
  #index-content .section-contact h2{font-size: 50px;}
  #index-content .section-contact .summary{font-size: 16px; line-height: 24px;}
  #index-content .section-contact .company_data{font-size: 16px;}
  
  #index-content .section .desc .form{padding-top: 15px;}
  
  .form .flditm-fld INPUT, 
  .form .flditm-fld SELECT, 
  .form .flditm-fld TEXTAREA{
    font-size: 16px; /*padding: 5px 13px 6px;*/ line-height: 22px;
  }
  .form .flditm-fld TEXTAREA{max-height: 80px;}
  .form .flditm-fld .error-label{top: 5px;}

  
  #index-content #section0 .title-type h2{font-size: 45px; margin-bottom: 2px;}
  #index-content #section0 .title-type span{background-position: 0 19px; height: 76px;}
  #index-content #section0 .text{font-size: 22px; line-height: 27px; bottom: 200px;}
  BODY.fp-viewing-1 #index-content #section0 .text{bottom: 155px;}
  #index-content #section0 .text2{bottom: 60px;}
  BODY.fp-viewing-1 #index-content #section0 .text2 {bottom: 35px;}
  .btn {
    line-height: 25px;
    font-size: 20px;
  }
  #index-content #section0 .text .btn{min-width: 328px;}
  
  #index-content #section1 .prednosti{height: 220px;}
  #index-content #section1 .prednosti .prednosti-itm {padding: 35px 15px 15px; height: 100%; font-size: 15px; line-height: 16px;}
  #index-content #section1 .prednosti .prednosti-itm h3{font-size: 18px;}
  #index-content #section1 .prednosti .prednosti-itm a{margin-top: 15px;}
  
  /* subpage */
  .content_top{min-height: 480px;}
  .content_top .document h1{font-size: 45px; line-height: 50px;}
  .content_top .document h2{font-size: 22px; line-height: 28px; margin-bottom: 25px;}
  .content_top .document .buttons{text-align: left;}
  .content_top .document .btn{display: block; margin: 5px 0;}
  
  #sub-content h2{font-size: 45px; line-height: 50px;}
  table.table4col tr td{font-size: 15px; line-height: 17px;}
  div.stirje-razlogi{padding-bottom: 80px;}
  
  .opinion{font-size: 17px;}
  
  .form-bottom h2{font-size: 46px; padding-bottom: 15px;}
  .form2col #flditm_section_1{width: 50%;}
  .form2col #flditm_section_2{width: 50%;}
  .form2col .fldbtn .btn {
    font-size: 27px;
    padding: 15px 38px 16px 38px;
  }
  
  .references_list .desc-top {padding: 16px 0 40px;}
}

/* viewport for laptops 1300x700 */
@media screen and (min-width: 1300px) and (max-height: 700px) {
  h2{
    font-size: 72px;
    line-height: 72px;
  }
  BODY{font-size: 17px; line-height: 25px;}
  #index-content .section .desc span{
    font-size: 17px !important; 
    line-height: 25px;
  }
  #index-content .section .desc{
    padding-top: 0;
  }
  #index-content .section .img .shortdesc{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #index-content .section .img .shortdesc,
  #index-content .section .img .shortdesc span{
    font-size: 17px !important;
  }
  #index-content .section-blog .blog-item .image IMG{
    display: none;
  }
  .form .flditm{
    float: left;
    width: 48%;
    margin-right: 2%;
  }
  .form .flditm_textarea{
    float: none;
    clear: left;
    width: 98%;
    margin-right: 0;
  }
  .form .flditm_textarea textarea{
    height: 51px;
  }
  .form .fldbtn{
    margin-top: 10px;
    width: 98%;
  }
  body.fp-viewing-1 #logo{
    opacity: 0;
  }
  body.fp-viewing-1 #index-content #section0 .text{
    bottom: 170px;
  }

}

@media screen and (max-width: 1450px) {
	
.content_top .pc-img-tab{right: auto; left: 660px;}	
	
	
  .content_top .pc-img{right: auto; left: 660px;}
  
  .reference .content_top .pc-img{right: auto; left: 500px;}
  .reference .content_top .tablet-img{right: auto; left: 1050px;}
  
  #index-content .section-blog .blog-item .image IMG{max-height: 200px; margin-top: 20px;}
  
  #footer-stat .stat-itm {padding: 17px 10px 15px;}
}

@media screen and (max-width: 1160px) {
  table.table2col tr td.hide-small{display: none;}
  table.table2col tr th.hide-mobile{display: none;}
  .references_list_item{width: 33.3%; height: 244px; margin: 2.5px 0;}
  .references_list_item .img{width: auto; height: 244px;}
  .references_list_item .img IMG{}
  
  .references_list .banner-sendinquiry {
    margin-top: 20px;
    margin-bottom: 20px;
    width: auto;
    position: relative;
    left: auto;
  }
  
  .banner-sendinquiry .inner {text-align: center; padding: 25px 15px 20px;}
  .banner-sendinquiry .inner .ttl{font-size: 20px; padding: 0px 15px; width: 300px; float: none; display: inline-block; position: relative; top: -10px;}
  .banner-sendinquiry .inner .buttons{display: inline-block;}
  .banner-sendinquiry .inner .btn{font-size: 20px;}
  .banner-sendinquiry .buttons .buttonitm{margin-left: 10px;}
  
  #index-content .section-blog .blog-list{padding: 0;}
  #index-content .section-blog .blog-item{padding: 20px 15px 10px;}
  #index-content .section-blog .blog-item .desc{padding: 20px 0; background-position: center center; overflow: visible; text-align: justify;}
  #index-content .section-blog .blog-item .image{padding-right: 0;}
  #index-content .section-blog .blog-item .image IMG{max-height: 200px; margin-top: 20px;}
  
  
  #footer-stat .inner{padding-top: 0;}
  #footer-stat .stat-itm {padding: 10px 10px 15px;}
  #footer-stat .stat-itm .value{font-size: 40px; padding: 0 0 0 40px;}
  #footer-stat .stat-itm .ttl {
    font-size: 18px;
    line-height: 20px;
  }
  
  
  #footer-stat #stat-itm1{background-image: url('/static/img/footer/stat01-small.png'); background-position: 10px 30px; background-repeat: no-repeat;}
  #footer-stat #stat-itm2{background-image: url('/static/img/footer/stat02-small.png'); background-position: 10px 30px; background-repeat: no-repeat;}
  #footer-stat #stat-itm3{background-image: url('/static/img/footer/stat03-small.png'); background-position: 10px 30px; background-repeat: no-repeat;}
  #footer-stat #stat-itm4{background-image: url('/static/img/footer/stat04-small.png'); background-position: 10px 30px; background-repeat: no-repeat;}
}

/* View port for small desktops */
@media screen and (max-width: 1044px) {
  .content_top{padding: 20px 15px 0;}
  .typewrite .wrap{font-size: 45px;}

  BODY{font-size: 16px; line-height: 24px;}
  BODY.sub h1{font-size: 28px; line-height: 28px;}
  #sub-content .pagenotfound h1{font-size: 28px; line-height: 28px;}
  
  h2{font-size: 72px; line-height: 72px;}

  #topmenu{display: none;}
  .slicknav_menu{display: block;}
  
  #header #logo{top: 45px;}
  
  #index-content .section-index-inner{max-width: 100%;}
  #index-content #section0 #logo{width: 200px; top: 53px; left: 15px; /*z-index: 105;*/}

  #index-content #section0{height: 652px;}
  #index-content #section0 #videos-section:after{display: none !important;}
  #index-content #section0 #idxvideo{display: none !important;}
  #index-content #section0 #idxvideo2{display: none !important}
  #index-content #section0 #idxvideo3{display: none !important;}
  #index-content #section0 #idxvideo4{display: none !important;}
  #index-content #section0 #idxvideo5{display: none !important;}
  #index-content #section0{background-image: url('/static/img/section/section01.jpg');}
  
  #index-content #section0 .text{font-size: 22px; left: 20px; width: 100%; bottom: 184px;}
  #index-content #section0 .text .btn-white{margin-top: 15px;}
  #index-content #section0 .text h2{font-size: 44px;}

  #index-content #section0 .text2{bottom: 38px; padding-left: 0;}
  #index-content #section0 .text2 .mouse{display: none;}
  
  #index-content #section1 .prednosti{height: auto; background-image: url('/static/img/content/prednosti-sp.jpg'); background-repeat: no-repeat; background-position: center 30px;}
  #index-content #section1 .prednosti .prednosti-itm {padding: 32px 20px 19px; height: 177px; width: 50%; font-size: 15px; line-height: 17px; background-image: none;}
  #index-content #section1 .prednosti .prednosti-itm h3{font-size: 18px;}
  #index-content #section1 .prednosti .prednosti-itm a{display: none;}
  #index-content #section1 .prednosti .prednosti-itm IMG{max-height: 42px;}
  #index-content #section1 .prednosti #prednosti-itm1,
  #index-content #section1 .prednosti #prednosti-itm2{background-image: url('/static/img/content/prednost-bottom.jpg'); background-repeat: no-repeat; background-position: center bottom;}
  
  #index-content .section .left, 
  #index-content .section .right{height: auto !important; vertical-align: top;}
  #index-content .section IMG{height: auto !important;}
  #index-content .section .img .shortdesc{padding: 115px 20px 30px;}
  #index-content .section .img .shortdesc span{font-size: 22px !important;}
  #index-content .section .desc {padding: 30px 20px 30px;}
  
  #index-content .section .desc span{font-size: 22px !important;}
  
  #index-content .btn{font-size: 20px; padding: 9px 37px 10px 37px;}

  .section-references .list .reference-item{display: none;}
  .section-references .list .reference-item.rwd-tablet{display: block; width: 50%; float: left}
  
  .section-contact .company_data{float: none; width: auto; margin-left: 0; font-size: 17px; padding-top: 25px;}
  .section-contact .company_data .ttl{font-size: 16px;}
  
  #footer-container{position: relative;}
  BODY.idx .footer-holder{display: none;}
  #footer{font-size: 14px;}
  .footer-left{max-width: 395px; padding-right: 20px;}
  .footer-company{padding-left: 30px; width: 258px;}
  .footer-copyrights{width: 395px; padding-right: 20px;}
  .footer-socials{float: left; padding-left: 21px;}
  
  .form .flditm-fld INPUT, .form .flditm-fld SELECT, .form .flditm-fld TEXTAREA{font-size: 16px; padding: 9px 9px 6px 9px;}
  .form .flditm-fld .error-label{top: 5px;}
  
  .content_top_bg {background-size: cover; padding-top: 135px;}
  .content_top{padding-bottom: 140px;}
  .content_top .document h1{width: 480px; font-size: 48px; line-height: 58px; margin-bottom: 50px;}
  .content_top .document h2{font-size: 24px; line-height: 28px; margin-bottom: 0px;}
  .content_top .document{max-width: 370px;}
 
 
.content_top .pc-img-tab{left: 320px; bottom: 150px;}  
  
  
  .content_top .pc-img{left: 320px; bottom: 150px;}
  
  .content_top .buttons{text-align:center;position: absolute; bottom: 46px; left: 0px; width: 100%;}
  .content_top .buttons .btn{margin-left: 15px; font-size: 21px; width: 335px; padding: 10px 25px 11px;}
  .btn{font-size: 20px; padding: 10px 35px 9px;}
  
  #sub-content h2{font-size: 37px; line-height: 50px;}
  #sub-content .pagenotfound h2{font-size: 37px; line-height: 50px;}
  
  div.stirje-razlogi{padding-bottom: 0px;}
  table.table4col{margin-top: 15px;}
  table.table4col tr td{ font-size: 16px; line-height: 18px;
    width: 44% !important; padding: 0 3%;
    display:-moz-inline-box;
    display: block;
    float: left;
    height: 170px;
  }
  table.table4col tr td IMG{max-height: 50px; width: auto;}
  div.cell-half-text{padding: 0 20px;}
  
 .fullwidthtext {padding: 0 20px;}
  
  /*table.primer div.cell-half-text{padding: 60px 20px 20px !important;}*/
  table.primer h2{padding-bottom: 10px; font-size: 40px;}
  
  table.primer-podrobnosti h3{font-size: 20px;}
  table.primer-podrobnosti tr td{width: auto; padding: 0 0; vertical-align: top; text-align: left;
    display:-moz-inline-box;
    display: block;
  }
  table.primer-podrobnosti div.cell-half-text{padding: 0px 15px !important;}
  
  table.primer-podrobnosti table.table2col{displayx: block; width: auto !important; float: left; margin: 50px 0 0 15px;}
  div.progress-bar-wrapper{display: block; float: right;}
  table.primer-podrobnosti table.table2col br{displayx: none;}
  table.primer-podrobnosti .opinion{clear: both;}
  
  table.primer-podrobnosti .progressBarContainer{background-image: none; width: auto; height: 176px; padding: 43px 0 11px; margin: 0 auto; display: inline-block;}
  table.primer-podrobnosti .progressBarContainer .progressBar{width: 176px; height: 176px; right: auto; position: relative!important;}
  table.primer-podrobnosti .progressBarContainer .progressbar-text{font-size: 42px; line-height: 42px; top: 160px; right: 35px; width: 180px;}

  div.progress-bar-wrapper strong{font-size: 25px !important;}

  table.primer-podrobnosti table.table2col tr td ul{margin-bottom: 30px;}
  
  #sub-content h3{font-size: 22px; line-height: 24px;}
  
  .faq-question, .faq-question-sel{font-size: 16px !important; line-height: 24px; }
  .faq-question{background-position: 2px 6px!important;}
  .faq-question-sel{}
  .faq-answer-wrapper{padding-top: 0px !important;}
  
  .opinion{padding: 15px 15px; font-size: 16px; margin-bottom: 10px; background-image: url('/static/img/content/opinion-bg-small.png');}
  .opinion h3{font-size: 24px !important;}
  .opinion-left, .opinion-right{background-position: center bottom 40px;}
  .opinion-left IMG, .opinion-right IMG{float: none; max-width: 166px !important; margin: 0 0 20px 0;}
  
  table.tablestudy tr th{padding: 8px 0 26px;}
  table.tablestudy tr th b{font-size: 25px !important;}
  
  .form-bottom{padding: 48px 15px 20px;}
  .form-bottom h2{font-size: 28px; line-height: 38px; padding-bottom: 0;}
  .form2col{padding-top:10px;}
  .form2col .flditm_section{max-width: 100% !important; padding-bottom: 10px;}
  .form2col .fldbtn .btn{font-size: 20px; padding: 10px 35px 9px;}
  
  .reference .content_top {padding-bottom: 100px;}
  .reference .content_top .document{padding-top: 580px; position: relative; max-width: none;}
  .reference .content_top .document h1{position: absolute; top: 0px; left: 0px; width: 100%;}
  .reference .content_top .pc-img{bottom: 180px; right: auto; left: -20px; width: 650px; height: 357px;}
  .reference .content_top .pc-img IMG{max-width: 466px; max-height: 280px; left: 98px; top: 23px;}
  .reference .content_top .tablet-img{bottom: 188px; left: 500px;}
  .reference .content_top .buttons{bottom: -70px;}

  .references_list .desc-top{padding: 0 50px;}
  .reference .filter{font-size: 18px;}
  .reference .filter .filter-item {
      display: inline-block;
      line-height: 20px;
      padding: 0 14px;
  }
  
  #footer-stat .stat-itm {width: 50%; padding: 10px 15px;}
  
  
  .section-references .list .reference-item{padding: 15px 15px;}
  .section-references .list .reference-item .summary .btn{font-size: 16px !important; padding: 5px 15px !important;}
  
  body.page404 #sub-content{background-size: cover; height: auto;}
  #sub-content .pagenotfound {
    padding: 100px 15px 20px 15px;
    max-width: 50%;
  }
  body.page404 .pagenotfound .btn{margin-top: 0;}
  
  body.contact-us div.left, body.contact-us div.right{}
  body.contact-us div.left {padding: 20px 30px 0 30px;}
  body.contact-us .company_data{float: none; width: auto; margin-left: 0; font-size: 16px; padding-top: 25px;}
  body.contact-us .company_data .ttl{font-size: 16px;}
}


/* View port for mobile */
@media screen and (max-width: 767px) {
    
     .contact-inquiry,.contact-page  .desc, .contact-page .maps{
       width: 100% !important;
     }
      table tr td .btn {
      width: 100%;
      text-align: center !important;
  }
  
    #vsebinski-top{
        text-align:inherit !important;
        margin-left:50px;
    }
    
      table tr td .btn {
      width: 100%;
      text-align: center !important;
  }
  
  #povprasevanjeGads {
      text-align:center;
  }
  
  .tabel-indent {
      text-indent: 26px;
  }
  
  .item.item_sel {
      z-index: 9999 !important;
  }
  
  .item.item {
      z-index: 9999 !important;
  }
  
  
  #container{overflow-x: hidden;}
  
  .typewrite{min-height: 60px; margin-bottom: 10px;}
  .typewrite .wrap{font-size: 26px; line-height: 30px;}
  .typewrite:after{
    height: 23px; 
    background-size: 7px 23px;
    right: -2px;
  }

  .form2col .flditm_section{width: auto !important; float: none !important;}

  #index-content #section0 #logo{width: 170px; left: 15px;}

  #index-content .btn{font-size: 18px; padding: 7px 20px 8px 20px;}
  #index-content h2{margin-bottom: 8px; font-size: 35px; line-height: 40px;}

  #index-content #section0 #idxvideo{display: none !important;}
  #index-content #section0{height: auto; background-image: url('/static/img/section/section01.jpg');}
  #index-content #section0.loading .text2,
  #index-content #section0.loading .text-delay{
    opacity:1;
  }
  #index-content #section0 .text{position: relative; left: auto; bottom: auto; width: auto; padding: 143px 15px 0; font-size: 18px; line-height: 22px;}
  #index-content #section0 .text .title-type h2{animation: none; width: auto; white-space: normal; font-size: 36px; line-height: 36px;}
  #index-content #section0 .text .title-type span{display: none;}
  #index-content #section0 .text .btn{min-width: 0; display: block; margin-right: 0;}
  #index-content #section0 .text2{position: relative; left: auto; bottom: auto; margin: 35px 0 35px; height: 45px;}
  #index-content #section0 .text2 .socials-itm{width: 46px; height: 46px; background-size: cover;}
  #index-content #section0 .text2 .socials-spacer{height: 46px;}

  #index-content .section .left, #index-content .section .right{display: block; width: auto;}
  #index-content .section .img{display: none;}
  #index-content .section .desc .desc-img-rwd{display: block; padding-top: 20px; max-height: 300px; overflow: hidden;}
  #index-content .section .desc{background-position: center bottom 100px; padding: 30px 15px 0px;}

  #index-content .section .desc .list{margin-top: 30px;}
  .section-references .list .reference-item.rwd-tablet{display: none;}
  .section-references .list .reference-item.rwd-mobile{display: block; width: 50%; float: left;}
  .section-references .desc .btn{min-width: 0;}

  #index-content .section-blog{display: block; margin-top: 30px;}
  #index-content .section-blog .blog-item{float: none; display: block; width: auto;}
  #index-content .section-blog .blog-item .desc {background-position: 100px center;}

  #index-content .section .maps{height: 456px!important;}
  #index-content .section .maps #googlemap{height: 456px!important; margin-top: 20px;}

  #index-content .section-contact .form{max-width: none;}
  
  .form{max-width: none !important;}
  BODY.idx #footer-container{margin-top: 30px;}
  #footer{line-height: 20px;}
  .footer-left{padding: 18px 15px 0; float: none;}
  .footer-company{width: auto; padding: 17px 15px 0; float: none; border-left: 0;}
  .footer-copyrights{float: none; padding: 0px 15px 10px;}
  .footer-socials{float: none; width: auto; padding: 24px 15px 15px;}
  /*.footer-socials .socials-itm{width: 45px; height: 45px; background-size: cover;}*/

  
  #header #logo IMG{width: 170px !important;}
  .slicknav_btn .sticky-logo img{max-width: 170px;}
  
  .content_top_bg{padding-top: 123px;}
  .content_top .document h1{font-size: 30px; line-height: 34px;}
  .content_top {padding-bottom: 10px; min-height: 0;}
  .content_top .document{padding-top: 372px; position: relative; max-width: none;}
  .content_top .document h1{position: absolute; top: 0px; left: 0px; width: 100%;}
  .content_top .document h2{font-size: 18px; line-height: 22px;}
  
  
.content_top .pc-img-tab{top: 100px; right: auto; left: -20px; width: 570px; height: 256px;}  
  
  .content_top .pc-img{top: 100px; right: auto; left: -20px; width: 466px; height: 256px;}
  .content_top .pc-img IMG{max-width: 333px; max-height: 208px; left: 70px; top: 17px;}
  .content_top .buttons{position: relative; left: auto; bottom: auto;}
  .content_top .buttons .btn{width:100%;margin-left: 0; min-width: 280px; padding-left: 5px; padding-right: 5px; font-size: 18px;}
  
  .reference .content_top{padding-bottom: 10px;}
  .reference .content_top .document{padding-top: 310px;}
  .reference .content_top .pc-img{height: 170px; width: 309px; left: -5px; bottom: auto; top: 120px;}
  .reference .content_top .pc-img IMG{max-width: 220px; max-height: 137px; left: 47px; top: 12px;}
  .reference .content_top .tablet-img{width: 145px; height: 173px; left: 220px; bottom: auto; top: 115px;}
  .reference .content_top .tablet-img IMG{max-width: 79px; max-height: 106px; left: 14px; top: 15px;}
  .reference .content_top .document h1{line-height: 34px}
  .reference .content_top .buttons{position: relative; left: auto; bottom: auto;}
  .reference .content_top .buttons .btn{margin-left: 0; min-width: 280px; padding-left: 5px; padding-right: 5px; font-size: 18px;}
  
  .references_list .desc-top{padding: 0 15px;}
  .reference .filter{font-size: 16px;}
  .reference .filter .filter-item{line-height: 14px;}

  .references_list_item{width: 50%;}
  
  #sub-content{padding-top: 45px;}
  #sub-content h2{font-size: 24px; line-height: 30px;}
  #sub-content .pagenotfound h2{font-size: 24px; line-height: 30px;}
  
  table tr td.rwd-first, 
  table tr td.rwd-last{display: block;
    width: auto;
    padding: 0px 0px 30px;
  } 
  
  div.cell-half-text{padding: 0 15px !important;}
  table tr td .btn{/*margin-left: 16px;margin-right: 16px;*/font-size: 17px; line-height: 20px; padding: 10px 20px 13px;}
  
  table tr td.rwd-last IMG{display: none;}
  .opinion{padding: 15px 15px; line-height: 22px;}
  .opinion IMG{display: block !important; margin: 5px auto 20px;}
  
 /* .right-socials{display: none;} */
  
  table.tablestudy{/*margin: 0 15px; display: block; width: auto !important;*/ margin: 7px 0 14px;}
  table.tablestudy-top{display: table; margin: -17px 0 0 0;}
  table.tablestudy tr td,
  table.tablestudy tr th{
    /*display: block;
    width: auto;
    padding: 0 15px;*/
  }
  table.tablestudy tr th{text-align: left !important; padding-bottom: 0;}
  table.tablestudy tr th b{font-size: 20px !important;}
  
  table.table2col tr td.hide-768{display: none;}
  table.table2col tr th.hide-768{display: none;}
  table.tablestudy tr td .progressBarContainer{background-image: none;}
  
  table.tablestudy tr td.text{padding: 17px 0 6px 27px; line-height: 22px;
    background-image: url('/static/img/content/studydesc-bg-small.png');
  }
  
  #sub-content table.primer div.cell-half-text{padding: 40px 15px 68px!important;}
  #sub-content table.primer div.cell-half-text h2{font-size: 30px; padding-bottom: 20px;}
  
  .form-bottom {padding: 40px 15px 20px;}
  .form-bottom h2{font-size: 22px; line-height: 26px;}
  .form2col .fldbtn .btn{font-size: 17px; padding: 10px 30px;}
  .form #flditm-helptype .error-label{position: relative; left: auto; top: auto;}

  body.page404 #sub-content{}
  #sub-content .pagenotfound {}
  body.page404 .pagenotfound .btn{padding: 7px 20px; font-size: 18px;}
  
  table.compare tr th {
    font-size: 22px;
    padding: 10px 10px 15px;
  }
  table.compare tr td {
    padding: 10px 0 10px 15px;
    line-height: 20px;
  }
  table.compare tr td IMG{max-width: 20px; left: 5px; top: 10px; margin-left:10px;}
  
  body.contact-us div.left{padding: 20px 15px 0;}
  
      body #maps-iframe {
    height: 400px !important;
  }

  body .iframe-rwd {
    height: 400px !important;
    margin-top: auto !important;
  }

  body #googlemapContainer {
    margin-top: auto !important;
  }
}

/* View port for mobile */
@media screen and (max-width: 600px) {
  body.contact-us div.left, body.contact-us div.right{float: none; width: auto;}
  body.contact-us div.maps{height: 456px!important; padding: 0;}
  body.contact-us div.maps #googlemap{height: 456px!important; margin-top: 20px;}
}

/* View port for mobile */
@media screen and (max-width: 556px) {
  
  #index-content #section1 .prednosti{background-image: none;}
  #index-content #section1 .prednosti .prednosti-itm{font-size: 0px; color: #1996d3; width: auto; float: none; background-image: none !important; padding: 20px 0 0; height: auto;}
  #index-content #section1 .prednosti .prednosti-itm h3{padding-top: 5px;}
  #index-content #section1 .prednosti .prednosti-itm:hover{background: none;}
  #index-content #section1 .prednosti .prednosti-itm br{display: none;}
  
  #index-content .section .desc .desc-img-rwd{max-height: 130px;}
  
  #index-content .btn{width: 100%;}
  
  table.table4col{margin-top: 0;}
  table.table4col tr td{width: auto !important; height: auto; padding: 0 0 12px 0; float: none;}
  table.table4col tr td IMG{margin-bottom: 5px;}
  div.stirje-razlogi{padding: 0 15px 25px;}
  div.stirje-razlogi h2{padding-bottom: 5px;}
  
  .form2col .flditm-fld-checkbox{float: none; width: auto;}
  
  #footer-stat .stat-itm{float: none; width: auto; margin: 0 10px;}

  .content_top .pc-img-tab{left: -150px;}
  
  .content_top .pc-img{left: -73px;}
  
  table.primer-podrobnosti table.table2col{float: none; margin: 30px 15px 0;}
  div.progress-bar-wrapper{float: none; padding: 0px 15px 60px !important;}
  table.primer-podrobnosti .progressBarContainer{}
  
  #sub-content h3{font-size: 22px !important; line-height: 24px !important;}
  
  .references_list_item{width: auto; display: block; margin: 0 auto; max-width: 400px;}
  .banner-sendinquiry .inner .ttl{width: auto; padding: 0; font-size: 18px;}
  .banner-sendinquiry .inner .buttons{padding-left: 0; margin-left: 0; display: block;}
  .banner-sendinquiry .buttons .buttonitm{margin-left: 0; float: none;}
  .banner-sendinquiry .buttons .btn{padding: 2px 5px 4px; font-size: 18px; width: 100%;}
  
  .reference table.table2col tr td{
    display: block; width: auto;
  }
  
  .reference .loadmore .btn{width: auto; font-size: 17px;}
  
  #index-content .section-blog .blog-item .image IMG{max-height: 140px;}
  
  .section-references .list .reference-item{padding: 10px;}
  .section-references .list .reference-item .summary .ttl{font-size: 20px; line-height: 20px;}
  .section-references .list .reference-item .summary .txt{font-size: 16px; line-height: 18px;}
  .section-references .list .reference-item .summary .btn{font-size: 14px !important; padding: 2px 5px !important;}
}

/* View port for mobile */
@media screen and (max-width: 400px) {
  .typewrite{min-height: 50px;}
  .typewrite .wrap{font-size: 20px; line-height: 24px}
  .typewrite:after{height: 20px;background-size: 6px 20px;}
  .reference .content_top .pc-img{left: -35px;}
  .reference .content_top .tablet-img{left: 190px;}
  
  #index-content .section-blog .blog-item .ttl{font-size: 22px; line-height: 24px;}
  #index-content .section-blog .blog-item .image{float: none; display: none;}
  #index-content .section-blog .blog-item .date{padding-bottom: 0;}
  #index-content .section-blog .blog-item .desc{padding-top: 10px; background-position: center center; font-size: 16px; line-height: 24px;}
  
  #sub-content .pagenotfound{max-width: 70%;}
 
}



.rwd-table { 
  width: 100%;
  border-collapse: collapse;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

  .rwd-table, .rwd-head, .rwd-td { display: block;}
  .rwd-head tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  } 
}

#logo, #logobig {cursor:pointer; z-index:2; }
#logo:hover, #logobig:hover {cursor:pointer; z-index:2; }
.slicknav_menu { z-index:11; }
.sticky-logo > img { z-index:0; }

.slicknav_menu .slicknav_socials{
  text-align: left;
  background: #1996d3;
  padding: 20px 0 20px 20px; 
  position: absolute;
  bottom: 0;
  left: -300px;
  z-index: 90;
}
.slicknav_menu .slicknav_nav.slicknav_hidden .slicknav_socials{
  left: -300px;
}
.slicknav_menu .slicknav_nav .slicknav_socials{
  left: -300px;
  -webkit-animation: slide 0.6s forwards;
  -webkit-animation-delay: 0.15s;
  animation: slide 0.6s forwards;
  animation-delay: 0.15s;
}
@-webkit-keyframes slide {
    100% { left: 0; }
}
@keyframes slide {
    100% { left: 0; }
}
.slicknav_menu .slicknav_socials a{
  height: 44px; 
  width: 44px; 
  display: inline-block; 
  margin: 0 10px 5px 0; 
  background-repeat: no-repeat; 
  background-position: 0px 0px; 
  background-size: 44px 44px;
  border-radius: 50%;
  cursor: pointer;
}
.slicknav_menu .slicknav_socials a.socials-mail{
  background-image: url('/static/img/footer/soc-mail.png');
}
.slicknav_menu .slicknav_socials a.socials-fb{
  background-image: url('/static/img/footer/soc-fb.png');  
}
/*.slicknav_menu .slicknav_socials a.socials-glus{
  background-image: url('/static/img/footer/soc-gplus.png');
}*/
.slicknav_menu .slicknav_socials a.socials-blog{
  background-image: url('/static/img/footer/soc-blog.png');
}

.slicknav_menu.nav-down .slicknav_btn {
  display: table;
  height: 100%;
  width: 100%;
}

.slicknav_menu.nav-down .slicknav_btn .sticky-logo {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.slicknav_menu .slicknav_icon {
  display: table-cell;
  float: right;
  margin: 20px 10px 15px 10px
}

.slicknav_menu.nav-down .slicknav_btn .sticky-log {
  position: relative;
}