/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:600italic&subset=latin,latin-ext);*/
/*@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin,latin-ext,cyrillic,cyrillic-ext);*/
@import url(//fonts.googleapis.com/css?family=Titillium+Web:200,300,400,700&subset=latin,latin-ext);

/* RESET */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
}

img, fieldset {
  border: 0;
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Common */
HTML{background-color: #fff; }

BODY{
  overflow-x: hidden;
  margin: 0px;padding: 0px; text-align: center;
  font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #494949; font-size: 20px; font-weight: 300; line-height: 30px;
  /*background-image: url("/static/img/page/bg.png"); background-repeat: repeat; background-position: 0px 0px;*/
}
BODY.idx{}
BODY.sub{}

FORM{margin: 0px; padding: 0px;}
P{ margin: 0px; padding: 0px;}
IMG{margin: 0px; padding: 0px; border: 0px;}
IMG.imgrwd{
  max-width: 100%;
  height: auto;
  width: auto\9; / ie8 /
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

.link{ cursor: pointer;}
.clrbth, .clear{clear: both;}
.left{float: left; padding-right: 10px; padding-bottom: 10px;}
.right{float: right; padding-left: 10px; padding-bottom: 10px;}


#bg-bad{}
#bg-good{}


/* Content wrapper */
#container{
  width: 100%; padding: 0px; margin: 0px auto; text-align: left;
  background-color: #fff;
}

#index-content{/*max-width: 1920px;*/ margin: 0 auto; /*background-color: #c7c8ca;*/ background-color: #FFF;}
#sub-content  {margin: 0 auto; padding: 60px 0 0;
  max-width: 1920px;
}

#sub-content h2 {font-size: 55px;}
#sub-content h3 {font-size: 28px; line-height: 30px;}

#index-all, #sub-all{
  /*padding-bottom: 10px;*/
} /* NO LEFT, NO RIGHT*/
#index-big, #sub-big{/*width: 730px; float: left; padding: 0 0 0 0;*/
  padding: 0px;
  display: block;
  overflow: hidden;

} /* LEFT, NO RIGHT*/
#index-big-left{
  /*width: 570px; float: left; padding: 0 0 0 0 ;*/
  float: none;
  overflow: hidden;
  position: relative;
} /* NO LEFT, RIGHT*/
#sub-big-left  {
  /*width: 870px; float: left; padding: 0 0 0 0 ;*/
  float: left; width: 231px; margin-right: 20px;
  overflow: hidden;
  position: relative;
} /* NO LEFT, RIGHT*/

#index-small, #sub-small{width: 526px; float: left; padding: 0px 0px 0px 0px;} /*LEFT, RIGHT*/

/* Left container*/
#sub-left{
  float: left;
  width: 231px;
  margin-right: 20px;
}

/* Right container*/
#index-right{width: 360px; float: right; padding-left: 10px; padding-right: 0px;}
#sub-right  {width: 270px; float: right; padding-left: 30px; padding-right: 0px;}

/* content - h1,h2, ...*/
.content, .content P{text-align: left;}
.content a          {text-align: left; color: #f6ab41; text-decoration: none; font-weight:bold;}
.content a:hover    {text-align: left; color: #f6ab41; text-decoration: underline;}
.content b, .content strong {font-weight: 700;}

.page_title{line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #1996d3; font-size: 90px; font-weight: 700;
  padding: 0px 60px;  margin: 13px 0px 38px;;
}
h1         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #1996d3; font-size: 90px; font-weight: 700; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: 90px; display: block;  }
h2         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #1996d3; font-size: 90px; font-weight: 700; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: 90px; display: block;  }
h3         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #1996d3; font-size: 70px; font-weight: 700; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: normal; display: block;  }
h4         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #1996d3; font-size: 60px; font-weight: 700; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: normal; display: block;  }
h5         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #1996d3; font-size: 40px; font-weight: 700; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: normal; display: block;  }
h6         {line-height: normal; font-family: 'Titillium Web', Arial, Verdana, Geneva, sans-serif; color: #1996d3; font-size: 30px; font-weight: 700; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;  line-height: normal; display: block;  }

BODY.sub h1{font-size: 55px; line-height: 60px;}

.content blockquote {
    border-left: 5px solid #eee;
    margin: 0;
    padding: 10px 20px;
}

.content blockquote p {
    color: #777777;
    font-style: italic;
    font-weight: 400;
    line-height: 1.25;
}

#index-content h1 {margin-bottom: 25px; margin-left: -3px;
  color: #25190B;
  font-size: 28px;
  font-weight: 400;
  padding: 0px;
  line-height: 34px;
  display: block;
}

#index-content .document {padding-left: 2px; margin: 0px auto; margin-top: 23px; max-width: 984px;}


#sub-big .document {line-height: 24px; padding-right: 0px; padding-left: 68px;}

#sub-big .document img {display: inline-block; zoom: 1; *display: inline; max-width: 100%; height: auto !important;}

#sub-all .document{max-width: 1920px;}
/* PRE-set table */
/* RWD -- OLD CLASS */

.progressBarContainer{position: relative; background-image: url('/static/img/faq/arrow-sel.png'); background-repeat: no-repeat; background-position: 0px 47px;
  width: 230px; padding-leftx: 70px; height: 125px; display: inline-block; padding-bottom: 3px;
}
.progressBarContainer .progressBar{width: 125px; height: 125px; position: absolute!important; right: 50px;}
.progressBarContainer .progressbar-text{font-size: 30px; font-weight: 700; color: #494949 !important; position: absolute; top: 48px; right: 67px; width: 95px; text-align: center;}
.progressBarContainer .text{font-size: 18px; font-weight: 700; color: #494949; position: absolute; top: 127px; left: 0px; width: 100%; text-align: center;}

div.stirje-razlogi{padding-bottom: 100px;}
div.stirje-razlogi h2{padding-bottom: 30px;}
div.cell-half-text{padding: 0 60px;}

.document .custom-table{
  width: 100%; border-collapse: collapse; border-bottom: 1px solid #00853f;
}

.document .custom-table TR TH{
  padding: 10px 10px 13px 10px;
  color: #ffffff; font-weight: 600; font-size: 15px;  text-transform: uppercase;
  background-color: #00853f;
}
.document .custom-table TR TD{
  padding: 10px 10px 13px 10px;
  color: #171717; font-weight: 400; font-size: 15px;
}
.document .custom-table TR:nth-child(odd) td{
  background-color: #f4f4f4;
}
.document .custom-table TR.odd TD{
  background-color: #f4f4f4;
}

/* RWD TABLE */
table.tablerwd{
  width: 100%; border-collapse: collapse; border-bottom: 1px solid #00853f;
}

table.tablerwd TR TH{
  padding: 10px 10px 13px 10px;
  color: #ffffff; font-weight: 600; font-size: 15px;  text-transform: uppercase;
  background-color: #00853f;
}
table.tablerwd TR TD{
  padding: 10px 10px 13px 10px;
  color: #171717; font-weight: 400; font-size: 15px;
}
table.tablerwd TR:nth-child(odd) td{
  background-color: #f4f4f4;
}
table.tablerwd TR.odd TD{
  background-color: #f4f4f4;
}

/* 4Col table */
table.table4col{
  width: 100%; max-width: 1720px; margin: 0 auto 0px; border-collapse: collapse;
}

table.table4col tr td{width: 23%; padding: 0 1%; vertical-align: top; text-align: center;line-height: 20px; font-size: 18px;}
table.table4col tr td IMG{margin: 10px 0 15px;}

/* 2Col table */
table.table2col{
  width: 100%; max-width: 1920px; margin: 0px auto 0; border-collapse: collapse;
}

table.table2col tr td{width: 50%; padding: 0 0; vertical-align: top; text-align: left;}
table.table2col tr td IMG{max-width: 100%; height: auto;}

table.table2col tr td ul{}
table.table2col tr td ul li{}

/* Compare table */
table.compare{
  width: 100%; max-width: 1920px; margin: 0px auto 47px; border-collapse: collapse;
  font-size: 17px;
}

table.compare tr th{font-size: 28px; color: #1996d3; font-weight: 700; padding: 10px 10px 36px;}
table.compare tr td{width:50%; padding: 14px 0 14px 50px; vertical-align: top; text-align: left; position: relative;}
table.compare tr td.plus{}
table.compare tr td.minus{}
table.compare tr td IMG{position: absolute; left: 10px; top: 15px;}


.document.reference{
  width: 100%; max-width: 1920px; margin: 0px auto 0; border-collapse: collapse;
}

table.reference tr td{width: 50%; padding: 0 0; vertical-align: top; text-align: left;}
table.reference tr td IMG{max-width: 100%; height: auto;}

/*
table.reference .progressBarContainer{background-image: none; width: auto; height: 250px; padding: 70px 0 18px; margin: 0 auto; display: inline-block;}
table.reference .progressBarContainer .progressBar{width: 250px; height: 250px; right: auto; position: relative!important;}
table.reference .progressBarContainer .progressbar-text{font-size: 60px; line-height: 60px; top: 160px; right: 35px; width: 180px;}
*/
table.primer-podrobnosti tr td{width: 50%; padding: 0 0; vertical-align: top; text-align: left;}
table.primer-podrobnosti tr td IMG{max-width: 100%; height: auto !important;}

table.primer-podrobnosti .progressBarContainer{background-image: none; width: auto; height: 250px; padding: 70px 0 18px; margin: 0 auto; display: inline-block;}
table.primer-podrobnosti .progressBarContainer .progressBar{width: 250px; height: 250px; right: auto; position: relative!important;}
table.primer-podrobnosti .progressBarContainer .progressbar-text{font-size: 60px; line-height: 60px; top: 160px; right: 35px; width: 180px;}

.document div.progress-bar-wrapper{padding: 0px 60px 90px 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;}

.opinion{padding: 60px 60px; text-align: left !important; background-color: #1996d3; font-size: 20px; color: #FFF; background-image: url('/static/img/content/opinion-bg.png'); background-repeat: no-repeat;}
.opinion h3{font-size: 28px; color: #FFF;}
.opinion IMG{max-width: 205px !important; max-height: 205px;}
.opinion-left{background-position: left 202px top 45px;}
.opinion-right{background-position: right 124px top 45px;}
.opinion-left IMG{float: right; margin: 20px 0 40px 50px;}
.opinion-right IMG{float: left; margin: 20px 50px 40px 0px;}

/* 2Col table STUDY */
table.tablestudy{
  width: 100%; margin: 0px auto 0; border-collapse: collapse;
}
table.tablestudy tr{}
table.tablestudy tr th{
  padding-bottom: 8px;
}
table.tablestudy tr td{padding: 20px 0;}
table.tablestudy tr td.text{
  padding: 20px 30px; background-image: url('/static/img/content/studydesc-bg.png'); background-repeat: no-repeat; background-position: 0px 24px;
}
table.tablestudy-top{display: none;}

/* Doctabs */
.document .doctab-header{
  background-color: #eeeeee;
  border-bottom: 2px solid #f6ab41;
  color: #233f60;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 5px 10px 5px 30px;
  text-decoration: none;
  cursor: pointer;
  background-image: url('/static/img/icons/plus.png'); background-repeat: no-repeat; background-position: 10px center;
}
.document .doctab-header-open{background-image: url('/static/img/icons/minus.png');}
.document .doctab-content{display: none;
  padding: 10px 15px;
}

.content ul{margin: 10px 0px 6px 5px; padding-left: 0px; list-style: none;  line-height: 24px;}
.content ul li{ padding: 13px 0 13px 32px; background-image:  url("/static/img/content/bullet2.png"); background-repeat: no-repeat; background-position: 0px 16px;}

.content ol{margin: 0px 0px 0px 0px; padding-left: 21px;}
.content ol li{padding-bottom: 20px; }

.tabela{border-collapse: collapse;border: 0px solid #656565;}
.tabela tr.first{ background-color: #68c11c;}
.tabela tr.first td{ font-size: 14px; color: #ffffff; }
.tabela tr.even{ background-color: #e9fce5;}
.tabela tr td{padding: 8px 10px 8px 10px;}

.table-center td:nth-child(n+2){
    text-align: center;
}

/*Form*/

  .form{padding: 35px 0px 10px; position: relative; /*background-color: #dedfdd;*/}
  #sub-big .form{margin-left: 55px;}

  /*
  body.kontakt .formdesc{padding: 30px 60px 60px; width: 40%; float: left;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
  }
  body.kontakt .form{padding: 30px 30px 60px; width: 60%; float: left;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
  }
  */

  .form_full{}
  body.contact-us #sub-content{padding: 0;}
  body.contact-us h1{margin: 20px 0;}
  body.contact-us div.left, body.contact-us div.right{float: left; width: 50%;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
  }
  body.contact-us div.left{padding: 20px 30px 0 60px;}
  body.contact-us div.right{padding-bottom: 0;}

  body.contact-us .company_data{float: right; width: 35%; margin-left: 5%;}
  body.contact-us .company_data .ttl{font-size: 28px; color: #1996d3; font-weight: 700;}

  body.contact-us .summary{overflow: hidden;}
  body.contact-us .form{max-width: 60%; position: relative;}
  body.contact-us .form .validation{margin: 0 0 2%; position: absolute; top: -35px; left: 0px; z-index: 10000;}
  #form_container_contact .fldbtn .btn{display: block;}

  .form .flditm{/*width: 46%; padding: 0 2%; float: left; */}
  .form .flditm-label{
     padding: 2px 0px 3px 0px;  position: relative;
     font-size:14px; color:#000; font-weight: 300; text-align: left; line-height: 18px;
  }
  .form .flditm-label-mand{ color: #f6ab41; line-height: 18px; padding-left: 2px; margin-top: 3px;}
  .form .flditm-fld{text-align: left; position: relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
  .form .flditm-fld .error-label{display: none; position: absolute; right: 15px; top: 10px; color: #ff0000; font-size: 14px; font-weight: 700; background-color: #FFF;
    background-image: url('/static/img/content/erroricon.png'); background-repeat:  no-repeat; background-position: 0px 0px; padding: 2px 0 0 42px; min-height: 33px;
  }
  .form #flditm-helptype .error-label{top: -62px; right: auto; left: 280px;}
  .form .flditm-fld INPUT,
  .form .flditm-fld SELECT,
  .form .flditm-fld TEXTAREA{width: 100%;  padding: 9px 13px 10px; margin-bottom: 7px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
    font-family: 'Titillium Web', Verdana, Geneva, sans-serif; color: #494949; font-size: 20px; font-style: 300;

    border:1px solid #c7c8ca;
    /* background-color: #f2f2f2; background-image: url("/static/img/form/fieldshadow.jpg"); background-repeat: repeat-x;background-position: top left; */
    background-color: #FFF;
  }
  .form .flditm_textarea{/*width: 96%; padding: 0 2%;*/}


  .form .flditm-fld INPUT:focus,
  .form .flditm-fld SELECT:focus,
  .form .flditm-fld TEXTAREA:focus{border: 1px solid #1996d3;
  }
  .form .flditm-fld-captcha IMG   {margin-left: 15px; vertical-align: middle;}

  .form .flditm-fld.flditm-fld-date INPUT,
  .form .flditm-fld.flditm-fld-time INPUT ,
  .form .flditm-fld.flditm-fld-location INPUT  {padding-left: 37px;}

  .form .fldbtn{margin-top: 20px; position: relative; z-index: 10; font-weight: 700;}
  .form .txt-mandatory{clear: both; padding: 0; font-size: 14px; font-weight: 300; position: absolute; bottom: 0px; left: 0;}
  .form .flditm-fld-captcha INPUT{width: 46%;}

  .form .validation{margin: 0 0 2%;}

  .form .form_thanks{padding: 2%; text-align: center;}

  .form2col{}
  .form2col .flditm-fld INPUT,
  .form2col .flditm-fld SELECT,
  .form2col .flditm-fld TEXTAREA{background-color: #e2e2e2; border: 1px solid #000;}
  .form2col .flditm-fld .error-label{background-color: #e2e2e2;}

  .form2col .section-ttl{color: #494949; font-site: 20px; font-weight: 700; padding: 30px 0; position: relative;}

  .form2col .flditm_section{float: left; padding-bottom: 30px;}
  .form2col #flditm_section_1{width: 656px;}
  .form2col #flditm_section_2{width: 950px;}
  .form2col #flditm_section_3{width: auto; float: none; clear: both;}

  .form2col #flditm_section_3 .section-ttl{padding: 20px 0;}

  .form2col #flditm_section_1 .flditm-fld{max-width: 600px;}

  .form2col .flditm-fld-checkbox{float: left; width: 50%; padding-bottom: 10px;}
  .form2col .flditm-fld-checkbox INPUT{display: none;}
  .form2col .flditm-fld-checkbox label{
    background-image: url('/static/img/form/checkbox.png'); background-repeat: no-repeat; background-position: 0px 0px; padding: 0 0 0 48px; display: inline-block;
    margin: 10px 0 10px; line-height: 30px;
  }
  .form2col .flditm-fld-checkbox INPUT:checked + label {
     background-image: url('/static/img/form/checkbox-check.png');
  }

  .form2col .fldbtn{text-align: center; margin-top: 40px;}
  .form2col .fldbtn .btn{font-size: 33px; padding: 21px 43px 22px 43px;}

  .btn{
    line-height: 30px; font-weight: 400; font-size: 25px; color: #fff;
    background-color: #1996d3; /*background-image: url('/static/img/btn/arrow_fwd.png'); background-position: right 24px center; background-repeat: no-repeat;*/
    text-align: center; padding: 13px 43px 14px 43px; margin: 0 auto; cursor: pointer; display: inline-block; zoom: 1; *display: inline;
    -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;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
    -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px;
  }



  @-webkit-keyframes swing
  {
      15%
      {
          -webkit-transform: translateX(5px);
          transform: translateX(5px);
      }
      30%
      {
          -webkit-transform: translateX(-5px);
         transform: translateX(-5px);
      }
      50%
      {
          -webkit-transform: translateX(3px);
          transform: translateX(3px);
      }
      65%
      {
          -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
      }
      80%
      {
          -webkit-transform: translateX(2px);
          transform: translateX(2px);
      }
      100%
      {
          -webkit-transform: translateX(0);
          transform: translateX(0);
      }
  }
  @keyframes swing
  {
      15%
      {
          -webkit-transform: translateX(5px);
          transform: translateX(5px);
      }
      30%
      {
          -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
      }
      50%
      {
          -webkit-transform: translateX(3px);
          transform: translateX(3px);
      }
      65%
      {
          -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
      }
      80%
      {
          -webkit-transform: translateX(2px);
          transform: translateX(2px);
      }
      100%
      {
          -webkit-transform: translateX(0);
          transform: translateX(0);
      }
  }



  .btn:hover{
    /*background-color: #008ed3;*/
    -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;

  }

  .btn-white{
    color:#1996d3; background-color: #FFF;
  }
  .btn-white:hover{
    /*background-color: #f2f2f2;*/
  }

  .btn-gray{background-color: #c7c8ca; color: #494949;}
  .btn-gray:hover{color: #494949;}

  .btn a{color: #FFF; text-decoration: none; -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;}
  .btn a:hover{text-decoration: none; color: #FFF;}

   a.btn{color: #FFF; font-weight: 300; text-decoration: none;}
   a.btn:hover{color: #FFF; text-decoration: none;}

   a.btn-white{color:#1996d3; }
   a.btn-white:hover{color: #1996d3;}

  a.btn-gray{background-color: #c7c8ca; color: #494949;}
  a.btn-gray:hover{color: #494949;}

  .form .thanks{display: none; }

  .btn-back{
    line-height: 45px; font-weight: 400; font-size: 16px; color: #fff;
    background-color: #6d5941; background-image: url('/static/img/btn/arrow_bck.png'); background-position: left 24px center; background-repeat: no-repeat;
    text-align: center; padding: 0px 32px 0px 44px; margin: 0 auto; cursor: pointer; display: inline-block; zoom: 1; *display: inline;
    -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-color: #df2229; font-size: 13px; font-weight: 400; color: #FFF; text-align: left; padding: 12px 20px 12px 41px; margin: 0 auto; cursor: pointer;
    text-transform: uppercase; display: inline-block; zoom: 1; *display: inline;
    background-image: url('/static/img/btn/arrowback.png'); background-repeat: no-repeat; background-position: 15px 9px; */
    -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; }
  .btn-back:hover{background-color: #c19b74;}
  .btn-back a{color: #FFF; -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;}
  .btn-back a:hover{text-decoration: none; color: #FFF;}

  /* Frm small*/
  .form-small{
    /*margin-top: 23px;*/ margin-bottom: 23px; padding: 0px 27px 20px 27px;
    background-image: url("/static/img/form/small-bg.jpg"); background-repeat: no-repeat; background-position: 0px 0px; background-color: #2f2b2c;
  }

  .form-small .form-ttl{color: #FFF; text-align: center; font-size: 30px; font-weight: 400; padding-top: 18px; padding-bottom: 9px;}

  .form-small .flditm-label{ color: #FFF; padding-bottom: 7px;}
  .form-small .flditm-label-mand{ position: absolute; top: 0px; left: -10px;}

  .form-small .flditm-fld INPUT   {width: 228px; padding: 6px 10px 6px 10px;}
  .form-small .flditm-fld SELECT  {width: 228px; padding: 6px 10px 6px 10px;}
  .form-small .flditm-fld TEXTAREA{width: 228px; padding: 6px 10px 6px 10px;}
  .form-small .flditm-fld-captcha INPUT   {width: 100px;}


  .form-small .fldbtn{float: none; text-align: center;}

  .form-small .txt-mandatory{color: #FFF;}

  .form-small .thanks{color: #FFF;  }



  /* Form - msgs */
  .info, .success, .warning, .error, .validation {
      border: 1px solid;
      margin: 10px 0px;
      padding:15px 10px 15px 50px;
      background-repeat: no-repeat;
      background-position: 10px center;
  }

  .info {
      color: #00529B;
      background-color: #BDE5F8;
      background-image: url('/static/img/icons/knob/info.png');
  }
  .success {
      color: #4F8A10;
      background-color: #DFF2BF;
      background-image:url('/static/img/icons/knob/success.png');
  }
  .warning {
      color: #9F6000;
      background-color: #FEEFB3;
      background-image: url('/static/img/icons/knob/warning.png');
  }
  .error {
      color: #D8000C;
      background-color: #FFBABA;
      background-image: url('/static/img/icons/knob/error.png');
  }
  .validation {
      color: #D63301;
      background-color: #FFCCBA;
      background-image: url('/static/img/icons/knob/error.png');
  }
  .validation b, .validation strong{color: #D63301;}


  /* Centered texts in each section
  * --------------------------------------- */
  #index-content .section{
    text-align:center; background-color: #FFF;
  }


  /* Backgrounds will cover all the section
  * --------------------------------------- */
  #index-content .section{
    background-size: cover; overflow: hidden;
  }

  #index-content .section-inner{
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
  }
  #index-content .section-seo .section-inner:before,
  #index-content .section-sem .section-inner:before,
  #index-content .section-iss .section-inner:before,
  #index-content .section-fb .section-inner:before{
    content: "";
    display: block;
    width: 100000px;
    height: 100%;
    position: absolute;
    top: 0;
    background: #1996d3;
  }
  #index-content .section-seo .section-inner:before{
    right: 100%;
  }
  #index-content .section-sem .section-inner:before{
    left: 100%;
  }
  #index-content .section-iss .section-inner:before{
    right: 100%;
  }
  #index-content .section-fb .section-inner:before{
    left: 100%;
  }

  #index-content .slide{
    background-size: cover;
  }

  #index-content h2{margin-bottom: 14px;}

  #index-content .section .left,
  #index-content .section .right{width: 50%; float: none; display: table-cell; /*display: inline-block;*/ vertical-align: middle; padding: 0;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
  }
  #index-content .section .maps{vertical-align: top;}
  #index-content .section .desc{padding: 40px 60px 40px; text-align: left; background-image: url('/static/img/section/desc-bg.png'); background-repeat: no-repeat; background-position: center center;}
  #index-content .section .img{background-color: #1996d3; vertical-align: top;}
  #index-content .section .img .shortdesc{font-size: 20px; font-weight: 300; color: #FFF; padding: 60px 60px; text-align: left; /*min-height: 300px;*/}

  #index-content .section .desc .desc-img-rwd{display: none;}

  #index-content .section IMG{max-width: 100%;}

  #index-content #section7 .left{vertical-align: top;}

  /* Defining each section background and styles
  * --------------------------------------- */
  #index-content #section0{
    /*background-image: url('/static/img/section/section01.jpg');*/
    background-color: #000;
    max-width: none;
  }
  #index-content .section-index-inner{max-width: 1920px; margin: 0 auto; position: relative; height: 100%;}

  #index-content #section0.loading{}
  #index-content #section0.loading .text2,
  #index-content #section0.loading .text-delay{
    opacity:0;
    -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition:all 0.4s ease-out;
  }

  #index-content #section0 .text3{
    opacity: 0;
    position: absolute;
    right: 120px;
    bottom: 130px;
    z-index: 10;
    text-align: left;
  }

  @media screen and (max-width: 1600px) {
    #index-content #section0 .text3{bottom: 130px;}
  }

  @media screen and (max-width: 1301px) {
    #index-content #section0 .text3{display: none;}
  }

  #index-content #section0 .text3 .title{
    color: #fff;
    font-size: 23px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  #index-content #section0 .text3 ul{
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #index-content #section0 .text3 li{

  }
  #index-content #section0 .text3 li a{
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding: 7px 0;
    left: 0;
    -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition:all 0.4s ease-out;
  }
  /*#index-content #section0 .text3 li a:before{
    content: "";
    background: url('/static/img/index/keyboard-right-arrow-button.png') no-repeat center center;
    position: absolute;
    top: 11px;
    left: -20px;
    width: 14px;
    height: 20px;
    opacity: 0;
    -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition:all 0.4s ease-out;
  }*/
  #index-content #section0 .text3 li a:hover{
    left: 20px;
    color: #fff;
  }
  #index-content #section0 .text3 li a:hover:before{
    opacity: 1;
  }

  #index-content #section0 #videos-section:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(35,31,32,0.5);
    z-index:8;
  }

  #index-content #section0 #idxvideo{
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index:3;
  }
  #index-content #section0 #idxvideo.in-front{
    z-index:9;
  }

  #index-content #section0 #idxvideo2{
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index:5;
  }

  #index-content #section0 #idxvideo3{
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index:6;
  }

  #index-content #section0 #idxvideo4{
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index:7;
  }

  #index-content #section0 #idxvideo5{
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index:8;
  }

  video::-webkit-media-controls {
    display:none !important;
  }

  #index-content #section0 #logo{
    position: absolute; top: 65px; left: 60px; z-index: 10;
  }

  #index-content #section0.fp-completely #logo{
  -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition:all 0.4s ease-out;
  }

  #index-content #section0 .text{
    position: absolute; left: 60px; bottom: 230px; text-align: left; z-index: 10;
    color: #FFF; font-size: 27px; line-height: 33px;
    -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;
  }
  /*#index-content #section0 .text h2{
    color: #FFF; font-size: 55px;
  }
  */


  #index-content #section0 .title-type{position: relative;}
  #index-content #section0 .title-type h2{
    color: #FFF; font-size: 55px;
    white-space: nowrap;
    overflow: hidden;
    width: 0em;
    display: inline-block;
  }

  #index-content #section0 .title-type-animate h2{
    /*widthx: 14.2em;*/
    animation: type 2s steps(40, end);
    -webkit-animation: type 2s steps(40, end);
    -moz-animation: type 2s steps(40, end);
    -o-animation: type 2s steps(40, end);

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
  }

  #index-content #section0 .title-type span{background-image: url('/static/img/content/typeholder.png'); background-repeat: no-repeat; background-position: 0px 28px; width: 12px; height: 90px;
    display: inline-block; position: absolute;
    animation: blink-caret 1s step-end infinite;
    -webkit-animation: blink-caret 1s step-end infinite;
    -moz-animation: blink-caret 1s step-end infinite;
    -o-animation: blink-caret 1s step-end infinite;

  }

  /*
  #index-content #section0 .text h2 span{background-image: url('/static/img/content/typeholder.png'); background-repeat: no-repeat; background-position: 0px 28px; width: 12px; height: 90px;
    display: inline-block; margin-left: 5px;
  }


  #index-content #section0 .text h2 a{
    text-decoration: none;
  }

  #index-content #section0 .text h2 span{
    animation: blink 1s infinite;
  }*/

  /**/
  @-webkit-keyframes type{
    from { width: 0; }
    to { width: 14.2em; }
  }

  @-moz-keyframes type{
    from { width: 0; }
    to { width: 14.2em; }
  }

  @-o-keyframes type{
    from { width: 0; }
    to { width: 14.2em; }
  }
  @keyframes type{
    from { width: 0; }
    to { width: 14.2em; }
  }

  @-webkit-keyframes blink-caret {
      from, to {background-image: none; }
      50% {background-image: url('/static/img/content/typeholder.png'); }
  }

  @-moz-keyframes blink-caret {
      from, to {background-image: none; }
      50% {background-image: url('/static/img/content/typeholder.png'); }
  }

  @-o-keyframes blink-caret {
      from, to {background-image: none; }
      50% {background-image: url('/static/img/content/typeholder.png'); }
  }
  @keyframes blink-caret {
      from, to {background-image: none; }
      50% {background-image: url('/static/img/content/typeholder.png'); }
  }



  #index-content #section0 .text .btn{
    margin-right: 30px; min-width: 395px;
  }

  #index-content #section0 .text2{width: 50%; position: absolute; left: 0; bottom: 85px; z-index: 10;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box; padding-left: 40px;
    -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;
  }
  #index-content #section0 .text2 .socials-itm{float: left; height: 54px; width: 54px; margin-left: 20px; background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer;}
  #index-content #section0 .text2 .socials-mail{background-image: url('/static/img/footer/soc-mail.png');}
  #index-content #section0 .text2 .socials-fb{background-image: url('/static/img/footer/soc-fb.png'); margin-left: 10px;}
  /*
  #index-content #section0 .text2 .socials-glus{background-image: url('/static/img/footer/soc-gplus.png');}
  */
  #index-content #section0 .text2 .socials-blog{background-image: url('/static/img/footer/soc-blog.png');}
  #index-content #section0 .text2 .socials-itm:hover{opacity: 0.6;}
  #index-content #section0 .text2 .socials-spacer{float: left; height: 54px; width: 1px; background-color: #FFF; margin-left: 10px;}

   #index-content #section0 .text2 .mouse{float:right;background-image: url('/static/img/content/mouse.png'); background-position: 0px 0px; background-repeat: no-repeat;
      width: 26px; height: 56px; margin: 0 auto; position: relative; left: -20px;
   }
   #index-content #section0 .text2 .mouse .dot{
      position: absolute; left: 10px; top: 22px; width: 6px; height: 6px;
      background-image: url('/static/img/content/dot.png'); background-position: 0px 0px; background-repeat: no-repeat;
     animation: MoveUpDown 1s linear infinite;
   }

  @keyframes MoveUpDown {
    0% {
      top: 22px;
    }
    100% {
     top: 35px;
    }
  }

  .right-socials{position: fixed; right: 4px; top: 44.5%;}
  .right-socials .socials-itm{height: 54px; width: 54px; display: block; margin-bottom: 10px; background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer;}
  .right-socials .socials-mail{background-image: url('/static/img/footer/soc-mail.png');}
  .right-socials .socials-fb{background-image: url('/static/img/footer/soc-fb.png');}
  /*
  .right-socials .socials-glus{background-image: url('/static/img/footer/soc-gplus.png');}
  */
  .right-socials .socials-blog{background-image: url('/static/img/footer/soc-blog.png');}
  .right-socials .socials-itm:hover{opacity: 0.6;}

  #index-content #section1{
    background-color: #1996d3;

  }
  #index-content #section1 .prednosti{height: 256px; color: #FFF; font-size: 30px; max-width: 1780px; padding: 0px 60px 0px;}

  #index-content #section1 .prednosti .prednosti-itm-end{
	 border-right: 1px solid #3BA6DA;
  border-image: linear-gradient(to top, #3BA6DA 50%, rgba(0,0,0,0) 50%); /* to top - at 50% transparent */
  border-image-slice: 1;
  }
  #index-content #section1 .prednosti .prednosti-itm{
	 /* background-image: url('/static/img/content/prednosti-sp.jpg'); background-repeat: no-repeat; background-position: 0px 117px;*/
	 border-left: 1px solid #3BA6DA;
  border-image: linear-gradient(to top, #3BA6DA 50%, rgba(0,0,0,0) 50%); /* to top - at 50% transparent */
  border-image-slice: 1;

    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
    width: 25%; padding: 60px 60px 40px; float: left; text-align: center;
    font-size: 18px; color: #FFF; line-height: 20px; cursor: pointer;
    -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
  }
  #index-content #section1 .prednosti .prednosti-itm IMG{opacity: 0.6;
    -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
  }
  #index-content #section1 .prednosti .prednosti-itm:hover{background-color: #2ab4f8;}
  #index-content #section1 .prednosti .prednosti-itm:hover IMG{opacity: 1;}
  #index-content #section1 .prednosti .prednosti-itm h3{
    font-size: 22px; font-weight: 700; color: #FFF; padding: 10px 0 2px;
  }
  #index-content #section1 .prednosti .prednosti-itm a{
    color: #494949; text-decoration: none; display: inline-block;
    -webkit-border-radius: 7px;   -moz-border-radius: 7px;   border-radius: 7px;
    margin-top: 32px; padding: 5px 21px;
    -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
  }
  #index-content #section1 .prednosti .prednosti-itm:hover a{background-color: #FFF;}

  #index-content #section1 .prednosti #prednosti-itm1{background-image: none;}

  #index-content #section2{

  }
  #index-content #section3{

  }

  #index-content .section-contact .desc{background-image: none;}

  .section-references{}
  .section-references .list{background-color: #eeeeef; vertical-align: top !important;}
  .section-references .list .reference-item{
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
    width: 280px; height: 230px; padding: 25px 30px; position: relative;
    font-size: 18px; color: #494949; display: inline-block; overflow: hidden;
  }
  .section-references .list .reference-item:hover{background-color: #dddddd;}
  .section-references .list .reference-item .summary{display: none; text-align: left;}
  .section-references .list .reference-item .summary .ttl{font-size: 28px; font-weight: 700; color: #1996d3; padding: 0px 0 7px; }
  .section-references .list .reference-item .summary .txt{font-size: 18px; color: #494949; line-height: 24px;}
  .section-references .list .reference-item .summary .btn{font-size: 18px; padding: 6px 15px 7px 20px; margin-top: 20px;}
  .section-references .list .reference-item .logo{displayx: none; background-position: center center; background-repeat: no-repeat; position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px;}
  .section-references .list .reference-item .logo IMG{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .section-references .list .reference-item:hover .logo{display: none;}
  .section-references .list .reference-item:hover .summary{display: block;}
  .section-references .list .reference-item .summary{displayx: block;}
  .section-references .desc .btn{min-width: 395px; margin-top: 10px;}

  #index-content .section-blog{background-color: #1996d3; text-align: left; display: table; width: 100%;}
  #index-content .section-blog .blog-list{display: table-cell; vertical-align: middle;}
  #index-content .section-blog .blog-item{color: #FFF; font-size: 20px; padding: 40px 60px 10px;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
    width: 50%; float: left;
  }
  #index-content .section-blog .blog-item .ttl{font-size: 32px; font-weight: 700; padding-bottom: 7px;}
  #index-content .section-blog .blog-item .date{font-size: 14px; font-weight: 700; padding-bottom: 15px;}
  #index-content .section-blog .blog-item .image{float: right; padding: 0 20px;}
  #index-content .section-blog .blog-item .image IMG{max-height: 290px; width: auto !important;}
  #index-content .section-blog .blog-item .desc{overflow: hidden; background-image: url('/static/img/content/blogbg.png'); background-position: center bottom 7px; background-repeat: no-repeat;
    padding: 35px 0 0;
  }
  #index-content .section-blog .blog-item .desc a{display: block; font-weight: 700; text-decoration: none; color: #FFF;}
  #index-content .section-blog .blog-item .desc a:hover{text-decoration: underline;}

  .section-contact .summary{overflow: hidden; padding-right:100px;}
  .section-contact .company_data{float: right; width: 35%; margin-leftx: 100px;}
  .section-contact .company_data .ttl{font-size: 28px; color: #1996d3; font-weight: 700;}

  .section-contact .form{max-width: 60%; position: relative;}
  .section-contact .form .validation{margin: 0 0 2%; position: absolute; top: -35px; left: 0px; z-index: 10000;}
  #form_container_contact .fldbtn .btn{display: block;}

  #header-container{position: absolute; z-index: 105; left: 0; top: 0; width: 100%;}


  #fp-nav{}
  #fp-nav-bg{position: absolute; top: 22px; bottom: 18px; left: 26px; background-color: #c7c8ca; width: 1px;}

  BODY.fp-viewing-1{}
  /*
  BODY.fp-viewing-1 #fp-nav ul li a.active span,
  BODY.fp-viewing-1 .fp-slidesNav ul li a.active span,
  BODY.fp-viewing-1 #fp-nav ul li:hover a.active span,
  BODY.fp-viewing-1 .fp-slidesNav ul li:hover a.active span {
    background-color: #FFF !important;
  }

  BODY.fp-viewing-1 #fp-nav ul li:hover a span,
  BODY.fp-viewing-1 .fp-slidesNav ul li:hover a span{

  }*/

  BODY.fp-nav-white #fp-nav ul li a.active span,
  BODY.fp-nav-white .fp-slidesNav ul li a.active span,
  BODY.fp-nav-white #fp-nav ul li:hover a.active span,
  BODY.fp-nav-white .fp-slidesNav ul li:hover a.active span {
    background-color: #FFF !important;
  }

  BODY.fp-nav-white #fp-nav ul li:hover a span,
  BODY.fp-nav-white .fp-slidesNav ul li:hover a span{
    background-color: #FFF !important;
  }

  #fp-nav ul li a.active div.bg{width: 19px; height: 19px;
    background-image: url('/static/img/content/nav-bg-blue.png'); background-repeat: no-repeat; background-position: 0px 0px;
  }
  BODY.fp-nav-white #fp-nav ul li a.active div.bg{background-image: url('/static/img/content/nav-bg-white.png'); }


  #topmenu{text-align: left;padding-right:0px; position: absolute; z-index: 110; top: 0px;}
  BODY .topmenu{right: -135px; -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;
    /*border-left: 1px solid #287faa;*/
  }
  BODY.topmenu-open .topmenu{right: 0px;}

  BODY.sub #topmenu{position: fixed;}

  .topmenu .btn-open{padding-top: 35px; height: 110px; width: 130px; cursor: pointer; position: relative; left: -135px;
    -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;
  }
  BODY.topmenu-open .topmenu .btn-open{left: 0;}
  .topmenu .btn-open .line{width: 43px; height: 6px; background-color: #1996d3; margin: 6px auto 0;
    -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;
  }
  /*BODY.fp-viewing-0 .topmenu .btn-open .line{background-color: #FFF;}
  BODY.fp-viewing-1 .topmenu .btn-open .line{background-color: #FFF;}
  body.fp-viewing-7 .topmenu .btn-open .line{background-color: #FFF;}*/
  body.idx .topmenu .btn-open .line{background-color: #494949;}
  body.idx.topmenu-open .btn-open .line{background-color: #fff;}


  BODY.sub .topmenu .btn-open .line{background-color: #494949;}
  BODY.sub.topmenu-open .btn-open .line{background-color: #FFF;}

  BODY.topmenu-open .topmenu{background-color: #c7c8ca;}
  /*BODY.topmenu-open .topmenu .btn-open{padding-left: 50px; padding-top: 30px;}*/
  BODY.topmenu-open .topmenu .btn-open{
    webkit-transform: rotateZ(-90deg);
    -ms-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
  }
  /*BODY.topmenu-open .topmenu .btn-open .line{
    background-color: #FFF; width: 6px; height: 43px; margin: 0 3px; float: left;
  }*/

  .topmenu UL{display: none;}
  BODY.topmenu-open .topmenu UL{display: block;}

  #container{width: auto; -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;}
  BODY.topmenu-open #container{padding-right: 135px;}
  BODY.sub.topmenu-open #footer-stat{padding-right: 135px;}
  BODY.sub.topmenu-open #footer-container{padding-right: 135px;}

  #fp-nav.right{
    -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;
  }
  BODY.topmenu-open #fp-nav.right{right: 180px;}

  #topmenu UL{margin:0 auto;font-size:0;}
  #topmenu UL LI{display:block; text-align: center; border-top: 1px solid #a1a2a3;}
  #topmenu UL LI.item a{display:block;font-size:22px;color:#494949;text-decoration:none; font-weight:700;
    /*background-color: #c7c8ca;*/ width: 135px; height: 135px;
    padding: 78px 10px 0; -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;}
  #topmenu UL LI.item:hover a, #topmenu UL LI.item a:hover{color:#FFF;font-weight:700; background-color: #1996d3;}
  #topmenu UL LI.item_sel a, #topmenu UL LI.item_sel a:hover{color:#FFF;font-weight:700;text-decoration:none;}

  #topmenu UL LI.item a{background-repeat: no-repeat; background-position: center 34px;}

  #topmenu UL LI.item a#adwords{background-image: url('/static/img/menu/menu_adwords.png');}
  #topmenu UL LI.item:hover a#adwords{background-image: url('/static/img/menu/menu_adwords_h.png');}

  #topmenu UL LI.item a#contact-us{height:auto !important;background-image: url('/static/img/menu/menu_kontakt.png');}
  #topmenu UL LI.item:hover a#contact-us{background-image: url('/static/img/menu/menu_kontakt_h.png');}

  #topmenu UL LI.item a#search-engine-optimization{height:auto !important;background-image: url('/static/img/menu/menu_seo.png');}
  #topmenu UL LI.item:hover a#search-engine-optimization{height:auto !important;background-image: url('/static/img/menu/menu_seo_h.png');}

  #topmenu UL LI.item a#facebook{background-image: url('/static/img/menu/menu_facebook.png');}
  #topmenu UL LI.item:hover a#facebook{background-image: url('/static/img/menu/menu_facebook_h.png');}

  #topmenu UL LI.item a#about-us{height:auto !important;background-image: url('/static/img/menu/menu_onas.png');}
  #topmenu UL LI.item:hover a#about-us{background-image: url('/static/img/menu/menu_onas_h.png');}

  #topmenu UL LI.item a#websites{height:auto !important;background-image: url('/static/img/menu/menu_izdelava.png'); line-height: 20px; font-size: 18px;}
  #topmenu UL LI.item:hover a#websites{background-image: url('/static/img/menu/menu_izdelava_h.png');}

  #topmenu UL LI.item a#online-marketing{height:auto !important;background-image: url('/static/img/menu/menu_oglasevanje.png'); line-height: 20px; font-size: 18px;}
  #topmenu UL LI.item:hover a#online-marketing{background-image: url('/static/img/menu/menu_oglasevanje_h.png');}

  #topmenu UL LI.item a#references{height:auto !important;background-image: url('/static/img/menu/menu_reference.png');}
  #topmenu UL LI.item:hover a#references{background-image: url('/static/img/menu/menu_reference_h.png');}

  #topmenu UL LI.item:hover .menusub{display:block;}
  #topmenu UL LI .menusub{position:absolute;top:0px; right: 135px; width:430px;display:none;z-index:105;
    background-color: #1996d3; border-left: 1px solid #babbbd;
    -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;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
    padding: 160px 0px 50px; height: 100%;
  }

  #topmenu UL LI.item .menusub a{padding:11px 45px 11px 62px; margin-top: 24px; display:block;height:auto;color:#FFF;font-size:24px;font-weight:700; width: auto;
    text-transform:none;text-align:left;line-height:24px;text-decoration:none;transition:all 0.2s ease-out 0s;border:none;
  }
  #topmenu UL LI.item .menusub a:hover, #topmenu UL LI.item .menusub a.itemsub_sel{color:#FFF; text-decoration: none; /*background-color: #2ab4f8;*/}
  #topmenu UL LI.item .menusuber{padding: 0 0px;}
  #topmenu UL LI.item .menusuber a{padding:8px 45px 8px 82px; margin: 0 0 0px 0; line-height:24px;text-decoration:none;font-weight:300;transition:all 0.2s ease-out 0s;}
  #topmenu UL LI.item .menusuber .itemsuber_sel, #topmenu UL LI.item .menusuber a:hover{color:#FFF;background-color: #2ab4f8;}


  /*BODY.fp-viewing-1 .top-line{height: 8px; width: 100%; position: fixed; background-color: #1996d3; z-index: 10;
     -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;
  }*/

  BODY.fp-viewing-0{}
  BODY.fp-viewing-1 #header-container{display: block; /*border-top: 8px solid #1996d3;*/}
  BODY.fp-viewing-1 #index-content #section0 #logo{top: 350px; left: 60px; width: 260px;}
  BODY.fp-viewing-1 #index-content #section0 .text{bottom: 200px;}
  BODY.fp-viewing-1 #index-content #section0 .text2{bottom: 55px;}

  BODY.fp-viewing-0 #index-content #section0 #logo{
    -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; -o-transition:all 0.6s ease-out; -ms-transition:all 0.6s ease-out; transition:all 0.6s ease-out;
  }

  #footer-stat{background-color: #1996d3; margin-top: 0px; -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;}
  #footer-stat .inner{max-width: 1740px; margin: 0 auto; color: #333333; padding: 18px 0 2px;}
  #footer-stat .stat-itm{width: 25%; float: left; text-align: left; padding: 17px 20px 20px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;}
  #footer-stat .stat-itm .value{font-size: 70px; font-weight: 200; color: #FFF; line-height: 70px; padding: 0 0 15px 70px;}
  #footer-stat .stat-itm .ttl{font-size: 22px; font-weight: 700; text-transform: uppercase; padding-bottom: 5px;}
  #footer-stat .stat-itm .desc{font-size: 18px; font-weight: 300; line-height: 20px;}

  #footer-stat #stat-itm1{background-image: url('/static/img/footer/stat01.png'); background-position: 20px 30px; background-repeat: no-repeat;}
  #footer-stat #stat-itm2{background-image: url('/static/img/footer/stat02.png'); background-position: 20px 30px; background-repeat: no-repeat;}
  #footer-stat #stat-itm3{background-image: url('/static/img/footer/stat03.png'); background-position: 20px 30px; background-repeat: no-repeat;}
  #footer-stat #stat-itm4{background-image: url('/static/img/footer/stat04.png'); background-position: 20px 30px; background-repeat: no-repeat;}

  BODY.idx #footer-container{width: 100%;}
  #footer-container{background-color: #4a4a4a; position: absolute; bottom: 0px; left: 0; z-index: 10; padding: 11px 0;
    -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;
  }
  BODY.idx .footer-holder{height: 116px;}
  #footer{max-width: 1740px; margin: 0 auto; font-size: 16px; font-weight: 300; color: #FFF; line-height: 25px; text-align: left; /*height: 94px;*/ overflow: hidden;}
  .footer-left{float: left; max-width: 537px; padding: 16px 50px 0px 0;}
  .footer-company{float: left; width: 450px; padding: 16px 20px 16px 60px;}
  .footer-company a{color: #FFF; text-decoration: none;}
  .footer-company a:hover{text-decoration: underline;}
  .footer-copyrights{float: right; width: 335px; padding: 16px 41px 0 15px;}

  .footer-socials{float: right; /*max-width: 225px;*/ padding: 19px 0 19px 30px;}
  .footer-socials .socials-itm{float: left; height: 54px; width: 54px; margin-left: 20px; background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer;}
  .footer-socials .socials-mail{background-image: url('/static/img/footer/soc-mail.png');}
  .footer-socials .socials-fb{background-image: url('/static/img/footer/soc-fb.png');}
  /*
  .footer-socials .socials-glus{background-image: url('/static/img/footer/soc-gplus.png');}
  */
  .footer-socials .socials-blog{background-image: url('/static/img/footer/soc-blog.png');}
  .footer-socials .socials-itm:hover{opacity: 0.6;}

  .footer-spacer{width: 1px; height: 94px; float: left; background-color: #818181;}
  .footer-spacer-right{float: right;}

  /* Sub page */
  .content_top_bg{background-image: url('/static/img/content/sub-bg.png'); background-repeat: repeat-x; background-position: center 0; padding-top: 150px;}
  .content_top{position: relative; max-width: 1800px; min-height: 600px; margin: 0 auto; padding: 80px 60px 0;}



.content_top .pc-img-tab{position: absolute; bottom: -10px; right: 6px; background-repeat: no-repeat; background-position: 0px 0px; width: 1100px; height: 579px;
 }

 .content_top .pc-img-lg{ background-image: url('/data/image/podstrani/custom/libelagroup.png'); }
 .content_top .pc-img-hz{ background-image: url('/data/image/podstrani/custom/hisa-zdravja.png'); }
  .content_top .pc-img-ref{ background-image: url('/data/image/podstrani/custom/reference.png'); }

  .content_top .pc-img{position: absolute; bottom: -10px; right: 6px;
    background-image: url('/static/img/content/pc-bg.png'); background-repeat: no-repeat; background-position: 0px 0px; width: 1053px; height: 579px;
  }
  .content_top .pc-img IMG{left: 158px; top: 38px; position: absolute; max-width: 753px; max-height: 471px;}
  .content_top .tablet-img{display: none;  position: absolute; bottom: 0px; right: 6px;
    background-image: url('/static/img/content/tablet-bg.png'); background-repeat: no-repeat; background-position: 0px 0px; width: 467px; height: 558px;
  }
  .content_top .tablet-img IMG{left: 42px; top: 47px; position: absolute; max-width: 259px; max-height: 345px;}
  .reference .content_top{overflow: hidden;}
  .reference .content_top .tablet-img{display: block;}
  .reference .content_top .pc-img{right: 230px;}
  .content_top .document{max-width: 720px;}
  .content_top .document h1{font-size: 55px; line-height: 60px; margin-bottom: 7px;}
  .content_top .document h2{font-size: 27px; line-height: 34px; font-weight: 300; margin-bottom: 37px;}
  .content_top .document .btn{width: 395px; margin-bottom: 10px; padding: 13px 25px;}

  .reference .content_top .document{max-width: 530px;}
  .reference .content_top .document h1{line-height: 51px;}

  BODY.sub #header-container{border-top: 8px solid #1996d3;}
  #header{max-width: 1920px; position: relative; margin: 0 auto;}
  #header #logo{position: absolute; left: 60px; top: 50px;}

  BODY.sub #footer-container{position: relative; left: auto;}

  .form-bottom-wrapper{background-color: #e2e2e2;}
  .form-bottom{
    max-width: 1800px; padding: 32px 60px 20px; margin: 0 auto;
  }
  .form-bottom h2{font-size: 55px; text-align: center; padding-bottom: 20px;}

  /* 404 page */
  body{displayx: none;}
  body.page404 #sub-content{background-image: url('/static/img/content/404bg.gif'); background-repeat: no-repeat; background-position: right bottom; /*background-position: center top;*/
    height: 840px;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;
  }
  #sub-content .pagenotfound{max-width: 800px; padding: 240px 60px 0 60px;}
  #sub-content .pagenotfound h1{font-size: 55px; text-transform: uppercase; padding-bottom: 13px; line-height: 55px;}
  #sub-content .pagenotfound h2{font-size: 55px; line-height: 55px;}

  body.page404 .pagenotfound .btn{padding: 13px 70px; margin-top: 50px;}


  .reference                        {padding-bottom: 28px; overflow-x: hidden;}

  .reference .filter{font-size: 25px; text-align: center; padding: 60px 0 38px;}
  .reference .filter .filter-item{display: inline-block; line-height: 20px; padding: 0 30px 2px; border-left: 2px solid #858585; cursor: pointer;
    /*-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;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;      box-sizing: border-box;*/
  }
  .reference .filter .filter-item-sel{font-weight: 700; padding: 0 26px 2px;}
  #filter-item-all{border: none;}

  .reference .list_empty{font-size: 20px; font-style: italic; text-align: center; padding: 60px 0 20px 0;}

  .references_list{max-width: 1741px; margin: 0 auto; padding-bottom: 30px; text-align: left; font-size: 0;}
  .references_list .references_list_items{min-heightx: 400px;}
  .references_list .banner-sendinquiry{margin-top: 20px; margin-bottom: 20px; width: 300%; position: relative; left: -100%;}
  .references_list .desc-top{text-align: center; padding: 16px 0 56px;}

  .references_list_item{margin: 5px 0; width: 435px; height: 430px; display: inline-block; font-size: 20px;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    position: relative; vertical-align: top; overflow: hidden;
  }

  .references_list_item.odd{background-color: #c7c8ca;}
  .references_list_item.even{background-color: #e4e4e4;}

  .references_list_item .img {position: relative; width: 355px; height: 430px; margin: 30px auto 0; text-align: center;}
  .references_list_item .img IMG{position: absolute;
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      -moz-transform: rotate(3deg);
      -webkit-transform: rotate(3deg);
      -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
      transform: rotate(3deg);
  }
  .references_list_item .summary{display: none; font-size: 18px; color: #FFF; font-weight: 300; line-height: 24px; text-align: left;
    /*padding: 50px 40px 0;*/
  padding: 29px 26px 0;
  }
  .references_list_item .summary .ttl{font-size: 28px; font-weight: 700;}
  .references_list_item{text-align: center;}
  .references_list_item .link{background-image: url('/static/img/references/link.png'); background-repeat: no-repeat; background-position: 0px 4px;
    color: #FFF; font-size: 17px; padding-left: 32px; display: none; margin-top: 50px; cursor: default;
  }
  .references_list_item:hover .link{display: inline-block;}
  .references_list_item:hover .img{display: none;}
  .references_list_item:hover .summary{display: block;}
  .references_list_item:hover .more{display: block;}
  .references_list_item:hover{background-color: #0190ec;}
  .references_list_item .more{display: none; text-align: left; padding: 20px 40px 0; /*position: absolute; width: 100%; left: 0; bottom: 20px;*/}
  .references_list_item .btn-more{font-size: 17px; color: #000; padding: 5px 20px; cursor: pointer;
    display: inline-block; background-color: #c7c8ca;
    -webkit-border-radius:5px;-moz-border-radius:5px;border-radius: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;
  }
  .references_list_item .btn-more:hover{background-color: #FFF;}
  .references_list_item_big{cursor: pointer; height: 186px;}
  .references_list_item_big .img{height: 165px;}
  .references_list_item_big:hover .img{display: none;}
  .references_list_item_big:hover .summary{display: block;}
  .references_list_item_big:hover .more{display: block;}

  .references_details{max-width: 1180px; margin: 0 auto;}
  .references_details .data{text-align: center; padding: 0px 0 46px; color: #2d2c2c; font-size: 17px; font-weight: 400; line-height: 21px;}
  .references_details .data .img{padding-bottom: 32px;}
  .references_details .data .persion{}
  .references_details .data .persion span{color: #82868f;}
  .references_details .data .link{}
  .references_details .data .link .pc{}
  .references_details .data .link .mobile{display: none;}
  .references_details .data .link a{color: #0190ec;
    display: inline-block; background-image: url('/static/img/references/linkblue.png'); background-repeat: no-repeat; background-position: 0px 0px;
    padding-left: 22px;
  }
  .references_details .data .btn{margin-top: 36px; min-width: 275px;}

  .references_details .desc{text-align: center; padding-bottom: 62px;}
  .references_details .desc b, .references_details .desc strong{color: #2d2c2c; font-weight: 600;}

  .references_details_bottom .txt1-bg{background-color: #f3f3f3;
    background-image: url('/static/img/references/txt1-bg.jpg'); background-repeat: repeat-x; background-position: center top;
  }
  .references_details_bottom .txt1{max-width: 1180px; margin: 0 auto; padding: 78px 0 86px;

  }
  .references_details_bottom .txt1 h2{text-align: center; font-size: 36px; margin-bottom: 62px;}
  .references_details_bottom .txt1 IMG{margin-left: 100px; margin-right: -46px;
    -webkit-box-shadow: 3px 10px 24px 5px rgba(219,219,219,1);
    -moz-box-shadow: 3px 10px 24px 5px rgba(219,219,219,1);
    box-shadow: 3px 10px 24px 5px rgba(219,219,219,1);
  }
  .references_details_bottom .txt1 IMG.img-right{float: right;}
  .references_details_bottom .txt1 .leftdesc{padding-top: 68px;}

  .references_details_bottom{font-size: 18px; line-height: 24px;}
  .references_details_bottom ul{margin-left: 0;}
  .references_details_bottom ul li{padding-bottom: 22px; font-size: 16px;}

  .references_details_bottom .txt2{max-width: 1180px; margin: 0 auto; padding: 66px 0 87px;}
  .references_details_bottom .txt2 IMG{}
  .references_details_bottom .txt2 IMG.img-left{float: left;margin-left: -314px;}
  .references_details_bottom .txt2 .rightdesc{position: relative; left: 45px; padding-top: 55px;}

  .references_details_bottom .badgeclicks{
    background-image: url('/static/img/references/badge-clicks.png'); background-repeat: no-repeat; background-position: 0px 0px;
    width: 490px; height: 173px;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    overflow: hidden;
    font-size: 36px; color: #FFF; font-weight: 300; text-align: center; line-height: 46px;
    position: relative; left: -25px; margin-top: 16px; padding: 36px 0 0 27px;
  }

  .reference .loadmore{text-align: center;}
  .reference .loadmore .btn{width: 500px; max-width: 100%;}

  .banner-sendinquiry{background-color: #f5773a;}
  .banner-sendinquiry .inner{max-width: 1160px; margin: 0 auto; padding: 29px 0;}
  .banner-sendinquiry .inner .ttl{font-size: 25px; font-weight: 300; color: #FFF; float: left; padding-top: 15px;}
  .banner-sendinquiry .inner .ttl b{font-weight: 600;}
  .banner-sendinquiry .inner .buttons{overflow: hidden; padding-left: 10px;}
  .banner-sendinquiry .buttons .buttonitm{widthx: 375px; float: left; margin-left: 30px;/* -zmanjsal ker v mojem FF lomilo 20px*/}
  .banner-sendinquiry .buttons .btn{font-size: 25px; font-weight: 300; width: 100%; line-height: 50px; padding: 2px 32px 4px;  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;

  }
  .banner-sendinquiry .buttons #povprasevanje{background-image: url('/static/img/header/povpsm.png'); background-repeat: no-repeat; background-position: 66px center;
    background-color: #f5773a; padding: 0px 20px 0px 50px; border: 2px solid #FFF;
  }
  .banner-sendinquiry .buttons #povprasevanje:hover{background-color: #e86f35;}
  .banner-sendinquiry .buttons #informativniizracun{color: #1595d4; background-color: #FFF; padding: 0px 10px 0px 40px;
    background-image: url('/static/img/header/calcsm.png'); background-repeat: no-repeat; background-position: 19px center;
  }
  .banner-sendinquiry .buttons #informativniizracun:hover{background-color: #edecec;}

  .banner-sendinquiry .buttons #brezplacnaanaliza{
    color: #1595d4; background-color: #FFF; padding: 0px 10px 0px 10px; text-transform: uppercase;
  }

  #banner-freeanalysis .inner .buttons{display: inline-block; vertical-align: middle;}
  #banner-freeanalysis .inner .ttl{display: inline-block; float: none; vertical-align: middle; padding-top: 0;}

/* FAQ */
.faq {padding-top: 15px;}
.faq-title{padding-bottom: 10px; font-weight: bold; font-size: 18px;  color: #9c9c9c;}
.faq-desc-top    {padding: 0 0 15px 0 ;}
.faq-answer-wrapper {padding: 5px 0 7px 53px;}
.faq-question,
.faq-question-sel {cursor: pointer;  color: #1996d3; font-size: 20px; font-weight: 700;
  padding: 3px 0 5px 53px;
}
.faq-question{background-image: url('/static/img/faq/arrow.png'); background-repeat: no-repeat; background-position: 2px 12px;}
.faq-question-sel{background-image: url('/static/img/faq/arrow-sel.png'); background-repeat: no-repeat; background-position: 10px 0px;}
.faq-desc-bottom    {}
.fullwidthtext {padding: 0 60px;}


.grafika1 {  background-image:url(/data/image/proces-optimizacije/1.png); background-size:contain; float:left; }
.grafika2 {  background-image:url(/data/image/proces-optimizacije/2.png); background-size:contain; float:left; }
.grafika3 {  background-image:url(/data/image/proces-optimizacije/3.png); background-size:contain; float:left; }
.grafika4 {  background-image:url(/data/image/proces-optimizacije/4.png); background-size:contain; float:left; }
.grafika5 {  background-image:url(/data/image/proces-optimizacije/5.png); background-size:contain; float:left; }
.grafika6 {  background-image:url(/data/image/proces-optimizacije/6.png); background-size:contain; float:left; }
.grafika2:hover {  background-image:url(/data/image/proces-optimizacije/2_hover.png); }
.grafika3:hover {  background-image:url(/data/image/proces-optimizacije/3_hover.png); }
.grafika4:hover {  background-image:url(/data/image/proces-optimizacije/4_hover.png); }


#logo {cursor:pointer; }
#logo:hover {cursor:pointer; }

table.packages { font-size:15px !important; }
table.packages td {  padding: 8px;  }
table.packages tr th{font-size: 28px; color: #1996d3; font-weight: 700; padding: 10px 10px 36px;}

table.table4column tr td {  width:25%; }
table.table3column tr td {  width:33%; }

table tr td .top-blue { background-color:#1896D4 !important; color:white !important; /* border-image-source:url(/static/img/reminder-btn.png) !important;*/
    background-size:contain; background-repeat: no-repeat; background-position: center bottom; background-image:url(/static/img/packages-border.png) !important;
    padding-left:20px !important; padding-right:20px !important font-size:16px !important;
}

table tr th .top-orange {
    background-color:#F5773A !important; color:white !important;  border-top:solid 1px red !important; border-radius:10px !important;

}

.top-white {  color:white !important;  font-weight:normal !important;  font-size:19px !important; padding-right:10px !important; }
.top-white:hover {  text-decoration:none !important; }

.packages-check {  width:100%; height:29px; background-image:url(/static/img/priporocamo.png); background-size:contain; background-position:center; background-repeat:no-repeat; float:left; }

.table2column { width: 100%; border-collapse:collapse; /*background-color:#1996d3;*/ }
.celltext { width:50%; vertical-align:top;  }
.image-left { display:none; }
.image-right { display:inline; width:100%; }
.narrowtable { display:none; }
.widetable { display:table; }

@media all and (max-width : 1024px) {
  .table2column, .thead, .tbody, .celltext, .tr { display: block;  }
  .thead .tr { position: absolute; top: -9999px; left: -9999px;  }
  .celltext { position: relative;  width:100%; }
  .celltext:before { position: absolute; white-space: nowrap; }

  .image-left { display:inline; }
  .image-right { display:none; }

  h2 { padding-top:30px; }
  h3 { padding-top:30px; }
}

@media all and (max-width : 500px) {
  table.table4column tr th {  font-size:11px;  }
  table.table3column tr th {  font-size:13px;  }
}

@media all and (max-width : 475px) {
  .narrowtable { display:block; }
  .widetable { display:none; }
}

body.idx #go-top{
  display: none !important;
}

#go-top{
  display: none;
  width: 40px;
  height: 40px;
  background: #1996d3 url(../img/footer/arrow-up-icon.png) no-repeat center center;
  border-radius: 50%;
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99999;
}
#go-top.show{
  display: block;
}

@keyframes caret {
  50% {
    opacity: 0;
  }
}

#index-content #section0 .title-type{
  display: none !important;
}
.typewrite{
  position: relative;
  display: inline-block;
  min-height: 37px;
  margin-bottom: 30px;
}
.typewrite:after{
  content: "";
  display: inline-block;
  background-image: url('/static/img/content/typeholder.png');
  background-repeat: no-repeat;
  background-position: center center;
  width: 12px;
  height: 42px;
  top: 3px;
  right: -5px;
  position: relative;
  opacity: 1;
  animation: caret 1s steps(1) infinite;
  -webkit-animation: caret 1s steps(1) infinite;
  -moz-animation: caret 1s steps(1) infinite;
  -o-animation: caret 1s steps(1) infinite;
}
.typewrite .wrap{
  color: #FFF;
  font-size: 55px;
  /*white-space: nowrap;*/
  font-weight: bold;
}


.img-tooltip1 { width:40px; height:40px; opacity:0.7; }
.img-tooltip1:hover { opacity:1.0;  }

.div-tooltip {
	float:left;
	width:20px;
	height:20px;
    background-image:url(/static/img/info.png);
	background-size:contain;
	background-repeat:no-repeat;
	padding-bottom:8px;
	cursor:pointer;
}

.div-tipspace {  padding-top:0px; padding-left:22px; }

/* Tooltip text */
.div-tooltip .div-tiptext {
  /*visibility: hidden;*/
  display:none;
  width: 150px;
  background-color:#1996d3;
  font-size:13px;
  line-height:16px;
  font-weight:normal;
  color:white;
  /*color: #fff;*/
  text-align: center;
  padding: 5px 0;
  	padding:10px;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  white-space:normal;
}

.monthly-maintenance-price{
  display: none !important;
}
.faq-monthly-maintaince{
  display: none !important;
}
.practical-examples-list{
  padding: 20px 60px !important;
  width: 70%;
}

/*.scrolltable { width:1000px !important; overflow-x: auto; display:block; white-space:nowrap; }*/

.scrolltable { width:100% !important;  white-space:nowrap; }

@media all and (max-width : 1450px) {
	.scrolltable { width:1000px !important; overflow-x: auto; display:block; white-space:nowrap; }
}

@media all and (max-width : 960px) {
	.scrolltable { width:700px !important; overflow-x: auto; display:block; white-space:nowrap; }
}

@media all and (max-width : 770px) {
	.scrolltable { width:550px !important; overflow-x: auto; display:block; white-space:nowrap; }
}

@media all and (max-width : 580px) {
	.scrolltable { width:320px !important; overflow-x: auto; display:block; white-space:nowrap; }
}


@media all and (max-width : 1610px) {
	#index-content #section1 .prednosti { height:265px !important; }
}

@media all and (max-width : 1530px) {
	#index-content #section1 .prednosti { height:300px !important; }
}

@media all and (max-width : 1450px) {
	#index-content #section1 .prednosti { height:330px !important; }
}

@media all and (max-width : 1250px) {
	#index-content #section1 .prednosti { height:360px !important; }
}

@media all and (max-width : 1200px) {
	#index-content #section1 .prednosti { height:380px !important; }
}


@media all and (max-width : 1043px) {
  #index-content #section1 .prednosti .prednosti-itm-end{  border:none; }
  #index-content #section1 .prednosti .prednosti-itm{ border:none;  }
}

/* Paddingi, da ikone ne zakrijejo teksta */
.stirje-razlogi { padding-right:50px; }
.fullwidthtext { padding-right:100px; }
.celltext { padding-right:50px; }
.references_list { padding-right:50px; }
.faq { padding-right:57px; }

.slicknav_menu .slicknav_socials .socials-glus { display:none !important; }

.team-member {
	-moz-transform: rotate(0deg) !important;
	-webkit-transform: rotate(0deg) !important;
	-o-transform: rotate(0deg) !important;
	-ms-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
}

/*.references_list_item:hover { opacity:0.0; }
.references_list_item img:hover { opacity:1.0; }*/

.document .fullwidthtext .references_list_items .references_list_item { width:24.5%; }

@media all and (max-width : 1275px) {
	.document .fullwidthtext .references_list_items .references_list_item { width:24.5%; }
}

@media all and (max-width : 1220px) {
	.document .fullwidthtext .references_list_items .references_list_item { width:100%;max-width:320px; }
}
/*
@media all and (max-width : 768px) {
	.document .fullwidthtext .references_list_items .references_list_item { width:423px; }
}*/


.member-ttl { font-size:72px !important; padding-top:100px !important; }

.grafika { /*width:294px;*/ width:16%; height:300px; background-position:center; background-repeat:no-repeat; } /*width:291px; height:269px; */

/*@media all and (max-width : 1920px) {  .grafika { width:285px; height:263px; }   }*/

@media all and (max-width : 1230px) {  .grafika { width:32%; height:300px; }   }
@media all and (max-width : 1060px) {  .grafika { width:32%; height:230px; }   }
@media all and (max-width : 760px) {  .grafika { width:32%; height:185px; }   }
@media all and (max-width : 594px) {  .grafika { width:49%; height:230px; }   }
@media all and (max-width : 500px) {  .grafika { width:49%; height:180px; }   }
@media all and (max-width : 410px) {  .grafika { width:49%; height:140px; }   }
@media all and (max-width : 360px) {  .grafika { width:80%; height:200px; }   }

@media screen and (min-width: 1300px){
  body.scale-125 #index-content #section0 .typewrite .wrap{font-size: 36px;}
  body.scale-125 #index-content h2{font-size: 60px;}
  body.scale-125 #index-content .section .img .shortdesc{font-size: 18px; padding: 40px 40px;}
  body.scale-125 #index-content .section-blog .blog-item .desc{min-height: 200px; background-size: auto 100%;}
  body.scale-125 #index-content .section-blog .blog-item .image{display: none;}
  body.scale-125 .section-contact .form {max-width: 400px;}
  body.scale-125 .company_data table.tablefullwidth{margin-top: -30px;}
  body.scale-125 .company_data table.tablefullwidth td{padding: 5px !important;}
  /*body.scale-125 #topmenu UL LI.item > a{height: 90px; padding-top: 53px; background-position: center 10px;}
  body.scale-125 #topmenu UL LI.item > a#spletno-oglasevanje{padding-top: 47px; font-size: 15px;}
  body.scale-125 #topmenu UL LI.item > a#izdelava-spletnih-strani{padding-top: 47px; font-size: 15px;}*/
  body.scale-125 #footer-container{padding: 0 0 5px 0;}
  body.scale-125 .footer-copyrights{width: 170px;}
}

@media screen and (min-width: 1200px){
    #index-content #section0 .text3{bottom: 110px;}
    body #logo.hide-top {
        top: 50px !important;
    }
}

.lock-first-col {
    position: absolute;
    left: 0;
    width: 300px;
    height:30px;
}

.grecaptcha-badge {
    visibility: hidden;
}