/* company info old css*/

.company_info_wrapper {
  position: fixed;
  width: 100%;
  height: auto;
  background-color: #ccc;
  bottom: 0px;
    left: 0px;
    border-bottom: solid 1px #ABABAB;
    z-index: 9999;
    color: #fff;
}
.company_info {
  text-align: center;
  line-height: 30px;
  font-size: 12px;
}

.company_logo {
  display: inline;
  background:url('../images/company_logo.php') center center no-repeat;
  padding: 6px 12px;
  margin-right: 10px;
}

.new_company_logo {
  padding-right: 10px;
  max-width: 30px!important;
  display: inline-block;
}

.disclamer_fixed {
  width: 150px;
  height: auto;
  background-color: #F5F9FA;
  padding: 10px;
  position: fixed;
  left: 5%;
  bottom: 80px;
  font-size: 12px;
  color: red;
  border:solid 1px #ccc;
  border-radius: 5px;
}
.cookie {
  position: relative;
  margin-top: 0px;
}
body {
  padding-bottom: 50px;
}
.safe {
  bottom: 0px!important;
  z-index: 99999;
}
/* 

========================                  ========================
======================== DESKTOP SETTINGS ========================
========================                  ========================

 */

/* COOKIE */

.cookie{width:100%;height:22px;margin-top:10px;background-color:#ccc;position:fixed;bottom:0;z-index:99999}

.cookie p{text-align:center;font-weight:700;font-size:10px;color:#fff;padding-top:0;margin:0;line-height:22px;}

.cookie a{cursor:pointer;color:#fff}

.cookie a:hover{color:#ff0;text-decoration:none;}

/* COMPANY INFO */

.company_info{margin-bottom:20px} /*podesiti u skladu sa potrebama stranice*/


/*
@media screen and (min-width:1400px) and (max-width:1434px){
  .disclamer_fixed{
  left: 4%!important;
  }
}

@media screen and (min-width:1300px) and (max-width:1399px){
  .disclamer_fixed{
  left: 0.3%!important;
  }
}
*/

/*ostalo je od 1000 do 1299 disclamer sredit*/


/* 
========================                     ========================
======================== RESPONSIVE SETTINGS ========================
========================                     ========================

*/

/* FOR ALL RESOLUTIONS */
@media only screen and (max-width:1400px){
  .company_info_wrapper {
    display: -webkit-box;
      display: -moz-box;
      display: box;

      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
  }
  #floater {
  display: none;
  }
  .safe {
    display: none;
  }
  .disclamer_fixed{
      position: relative;
      clear: both;
      text-align: center;
    font-size: 15px;
    width: 100%;
      padding: 0px;
      line-height: 20px;
      bottom: initial;
      left: 0px;
      border: none;
      border-radius: 0px;
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      box-ordinal-group: 1;
  }
  .cookie{
    position: relative;
    clear:both;
    height:auto;
    overflow: hidden;   
    margin-top:0px;
    left 0;
    -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      box-ordinal-group: 3;
  }

  .company_info{
    margin-bottom:0px;
    -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2;
  }

}


@media only screen and (max-width:1000px){
  .disclamer_fixed{
    text-align: center;
    bottom:0px;
    left:0px;
    width:100%;
    line-height: 11px;
      overflow: hidden;
      height: auto;
      padding: 2px 0px;
      font-size:12px;
  }

  .cookie, .disclamer_fixed{
    position:relative;
    clear:both;
  }

  .cookie{
    clear:both;
    height:auto;
    overflow: hidden;
    line-height: 10px;
    margin-top:0px;
  }

  .company_info{
    margin-bottom:0px;
    line-height: 20px;
  }
  .company_logo{
    background-size: 75%;
  }
}



/* FOR any device between lumia and tablet */
@media only screen and (max-width:519px){
  /* ako je potrebno importovati dodatna podešavanja */
}

/* FOR NEXUS */
@media only screen and (max-width:619px){
  .company_info{
    font-size:13px;
  }
  .cookie p{
    font-size:11px;
  }
  .disclamer_fixed{
    font-size:12px;
  }

}

/*custom fix for company info - hidden under 480px*/
@media only screen and (max-width:479px){
  .company_info_wrapper{display:none!important;} /*THIS LINE HIDES COMPANY INFO DATA */
}

/* FOR NOKIA LUMIA */
@media only screen and (max-width:419px){
.company_info_wrapper{display:none!important;} /*THIS LINE HIDES COMPANY INFO DATA */
  .company_info{
    font-size: 11px;
  }
  .cookie p{
    font-size: 9px;
  }
  .disclamer_fixed{
    font-size: 11px;
    line-height:8px!important;
  }
}

/* FOR SAMSUNG */
@media only screen and (max-width:319px){
.company_info_wrapper{display:none!important;} /*THIS LINE HIDES COMPANY INFO DATA */
  .company_info{
    width:600%;
    text-align:left;
    line-height: 10px!important;
  }
  .cookie p{
    width:600%;
    text-align:left;
    line-height: 9px!important;
  }
  .disclamer_fixed{
    width:600%;
    text-align:left;
    line-height: 10px!important;
  }
}

/* FOR iPad2 */
@media only screen and (max-width:768px){
  .company_info{
    line-height: 12px;
    -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      box-ordinal-group: 1;
  }
  .cookie {
    -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2;
  }
  .cookie p{
    line-height: 9px;
  }
  .disclamer_fixed{
    line-height: 10px;
    -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      box-ordinal-group: 3;
  }
}


/* 
========================                     ========================
===================== RESPONSIVE SETTINGS FIX =======================
========================                     ========================
*/



@media screen and (max-width:1023px){
  div.company_info, div.cookie p, div.disclamer_fixed{
    line-height:12px!important;
    font-size:12px!important;
    height: initial;
  }
}

/* 
========================                     ========================
===================== FOOTER / CERT / CTA CSS =======================
========================                     ========================
*/

.cert,.cert h2{text-align:center}#footer{width:100%;height:auto;margin:0 auto}#wrapper-footer{clear:both;max-width:830px;width:100%;height:auto;margin:20px auto 0;padding:10px}.cert,.cert h2,.cert h3{margin:0 auto;line-height:1.2em}.cert{width:820px;height:451px;padding:0 auto;background:url(../image.php?comnt=cert_.jpg) top center no-repeat}.cert h2{padding-top:90px;font-family:Georgia,"Times New Roman",Times,serif;font-size:33px;font-weight:700;color:#333}.cert h3{font-size:22px;font-weight:700;color:#333;text-align:center}.cert h5,.cert p{margin:14px auto 0;font-weight:700;text-align:center}.cert p{width:440px;padding:0;font-size:17px;line-height:1.25em;border:0;outline:0;vertical-align:baseline;background:0 0}.cert h5{color:#903;font-size:18px;line-height:1.2em}div#mobCert{width:100%;max-width:980px}.clear,.clr{clear:both}.tosbox{margin:0 auto;text-align:center;padding-top:2px;font-size:15px;color:#333}.last_text{width:100%!important}.footer-1,.footer-2,.footer-3,.footer-4,.footer-5{font-family:Calibri,Helvetica,Arial,sans-serif!important;width:19%!important;margin:0 .5%!important}.footer-img1,.footer-img2,.footer-img3,.footer-img4,.footer-img5{width:19%!important;margin:0 .5%!important}.footer-img1 img,.footer-img2 img,.footer-img3 img,.footer-img4 img,.footer-img5 img{max-width:140px;max-height:120px}.footer-1 h4,.footer-2 h4,.footer-3 h4,.footer-4 h4,.footer-5 h4{padding:10px 0 0;margin: 3px 0px 10px 0px;line-height:initial!important;}@media (min-width:900px){.tosbox{width:100%;max-width:1024px;margin:20px auto 0;text-align:center;padding-top:2px;font-size:15px;color:#333;padding-bottom:5px}.tosbox a{text-decoration:underline;cursor:pointer;margin:0;padding:0}}.hidemob{padding:10px 0}.safe{bottom:0!important;z-index:99999;position:fixed}a.cta-link{display:block;text-align:center;}#footer,#wrapper-footer,.cert,.cert h2,.cert h3,.cert h5,.cert p,.footer-1,.footer-1 h4,.footer-1 p,.footer-2,.footer-2 h4,.footer-2 p,.footer-3,.footer-3 h4,.footer-3 p,.footer-4,.footer-4 h4,.footer-4 p,.footer-5,.footer-5 h4,.footer-5 p,.footer-img1,.footer-img1 img,.footer-img2,.footer-img2 img,.footer-img3,.footer-img3 img,.footer-img4,.footer-img4 img,.footer-img5,.footer-img5 img,.hidemob,.last_text,.safe,.tosbox,.tosbox a,a.cta-link,div#mobCert{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* 
========================                  ========================
===================== FORMA PHONE ORDER FIX ======================
========================                  ========================
*/
.phoneNumber{background-repeat:no-repeat!important;}
/*hide for mob */
@media only screen and (max-width:1024px){
.phoneOrder{
  display : none!important;
}
}
/*show for mob */
@media only screen and (min-width:1024px){
.aboveB1,.aboveB2,.aboveB3{
  display: none;
}
}

/* 
========================                  ========================
===================== FORM AND BLACK BOX FIX =====================
========================                  ========================
*/

.contact-form-content{height:auto;}
@media screen and (min-width:1024px){#repp3,#repp33,#repp34{position:absolute;height:88%;}}
@media screen and (max-width:1023px){#repp3,#repp33,#repp34{position:absolute;height:100%;}}


/*Counter BOX */
#cnt-bg div.cntSep{color:#000;font-size:51px;margin-top:23px;}#cnt-sm div.cntSep{font-size:48px;margin:5px 0 0 0;color:#fafafa;}

/*CSS Class for hidding elements on mobile/tablet devices*/
@media screen and (max-width:1023px){.mobNone{display:none!important;}}

/*Pnotify popup fix */
div.hidePnotify{display:none!important};