/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-09-26, 07:57:42
    Author     : Piotr
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700&subset=latin-ext');


h1,h2,h3,h4,h5,h6 {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color:#003761;
}

body {

}

.offerbody {
margin-top: 1em;
}

.boxbox  {
background-color: #f0f0f0;
}

.techdata {
    padding: 10px 20px !important;
}

ul.tech-list {
    margin:0;
    padding: 0;
    
}

ul.tech-list li {
    list-style: none;
}

.well-box {
    background-color: #fafafa;
    padding: 20px;
}

h1 {
    margin-bottom: 1em;
}

.border-col {
    border:1px solid #f0f0f0;
}

.icon-box {
    text-align: center;
}

#topheader  {
    min-height: 200px;
}

.category-title {
    margin: 0.5em 0em;
}

#topheader .bgstyle {
        background-color: rgba(0,50,100,0.8);
        min-height: 200px;
}

#topheader h1 {
    color:#fff;
        font-size: 48px;
        font-weight: 500;
        padding-top:20px;
        margin-bottom: 0.25em;
}

#topheader small {
    color:#fff;
    font-size: 24px;
}

.box-hidden {
    display: none;
}

#company {
    background-color: #f0f0f0;
}

#company .container-fluid {
    padding: 2em 0em;
}

.machine-title {
    font-size: 12px;
    text-align: center;
    word-wrap:break-word;
}

p {
    text-align: justify;
}

h4 {
    font-size: 1.5em;
}

.news-item {
    position: relative;
}

.news-item-thumb {
    width:100%;
}

.news-item-thumb > a > img {
    width:100%;
}

.news-item .datebox, .news-image .datebox {
    position: absolute;
    background-color: rgba(14, 65, 148, 0.85);
    font-family: 'Muli', sans-serif;
    padding: 0.25em;
    color:#fff;
    top:0px;
}

.datebox.small-datebox {
    font-size: 0.8em;
    position: relative;
    background-color:#fff;
    color:#ddd;
    padding: 0px;
}

.news-list .news-item h5 {
    font-size: 1em;
}
.news-list .news-item {
    margin-bottom: 1em;
}

.news-item h4 {
margin-top: 0.35em;
}

a {
    color:#0e4194;
}

.gallery.container-fluid {

}

.carousel-caption h1 {
    color:#fff;
    font-size: 3rem;
    font-weight: bold;
}

.carousel-caption {
    left:25%;
    right:25%;
}

#footer {
    background-color: #003761;
    padding:2em 0em;
    margin-top:2em;
    color:#fff;
}

#footer a:link, #footer a:visited {
    color:#fff;
}

#footer a:hover {
    color:#567ab4;
    text-decoration: none;
}

#footer h3 {
    color:#567ab4;
}

#footer ul li, #footer ol li {
    font-size: 0.85em;
}

#footer ul, #footer ol {
    padding-left: 0;
    list-style: none;
}

.card {
    border:10px solid white;
    background-color: #fafafa;
    border-radius: 0;
}

.card .card-title {
    font-size: 1.2em;
    margin-bottom: 0;
}

.card-group .card-img-top {
    border-radius: 0;
}

.card-group .card:first-child {
    //border-left:0;
}
.card-group .card:last-child {
    //border-right:0;
}


#header {
    padding-top: 2em;
}

.card .card-body {
}

.card .card-body .card-title {
    text-transform: uppercase;
}

#navigation {
    margin-top: 2em;
}

.navbar  {
   padding-left: 0px;
}
.menu-icon {
    margin-right: 4px;
    vertical-align: baseline;

}

.finder-machine-title {
    font-size: 80%;
    display: block;
    line-height: 1.2em !important;
    text-align: center;
}

.getoff {
  display: none !important;
  visibility: hidden !important;
}

.active-card {
    background-color: #0e4194 !important;
}

.technology-select:hover {
    background-color: #fff;

    -moz-transition: all 0.25s ease-in;
    /* WebKit */
    -webkit-transition: all 0.25s ease-in;
    /* Opera */
    -o-transition: all 0.25s ease-in;
    /* Standard */
    transition: all 0.25s ease-in;   
    cursor: pointer;
}

.technology-select:hover h4 {

}

.active-card {

}

.active-card h4 {
    color:#fff !important;
}

.frame {
    border:0px;

    border:0px solid #0e4194;

    padding: 40px;
    padding-top:20px;
}

.col-xx {
    width:180px;
    padding:10px;
}

.box-head {
    border-bottom: 2px solid #f8f9fa;
    margin-bottom: 1em;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover

{
    text-decoration: none;
}

.technology-title {
    padding-top:1em;
}

.gallery {
    margin-bottom: 2em;
}

.box_header {
border-bottom: 1px solid #eee;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}

.box_header_big {
border-bottom: 1px solid #eee;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
font-size: 28px;
}

.newsletter {
    background: url('/img/newsletter.jpg') no-repeat center;
    background-size: cover;
    padding: 30px 0px;
    margin-top: 2em;
}

.filtr-item:hover {
    background-color: #fafafa;
    -moz-transition: all 0.25s ease-in;
    /* WebKit */
    -webkit-transition: all 0.25s ease-in;
    /* Opera */
    -o-transition: all 0.25s ease-in;
    /* Standard */
    transition: all 0.25s ease-in;   
    cursor: pointer;    
}

.filtr-item {
    background-color: #fff;
    -moz-transition: all 0.25s ease-in;
    /* WebKit */
    -webkit-transition: all 0.25s ease-in;
    /* Opera */
    -o-transition: all 0.25s ease-in;
    /* Standard */
    transition: all 0.25s ease-in;   
    cursor: pointer;    
}

.breadcrumb {
    background-color: #fff;
    padding-left: 0em;
    font-size: 0.8em;
    padding-bottom: 0px;
    margin-bottom: 2em;
}

.news-image {
    position:relative;
    margin-bottom: 1em;
}

a:focus {
border:0;
outline:none;
box-shadow:none;
}

  .paginator .btn {
      border:1px solid #194093;
      background-color:#194093;
      color:#fff;
  }
  
    .paginator .btn-disabled {
      border:1px solid #f0f0f0;
      background-color:white;
      color:#ccc;
  }
  

  
  .paginator > div {
            display: inline-block;
  }
  
  .gallery-name {
      margin-bottom:0;
  }
  
  .gallery-link {
      margin-bottom:1em;
  }
  
  .no-gutters>.col, .no-gutters>[class*=col-] {
      padding-right:2px;
      padding-bottom: 2px;
  }
  
  .numbers span {
      border:1px solid #f0f0f0;
          padding: .5rem .75rem;
      border-radius: .25rem;
      line-height: 1.25;
          vertical-align: middle;
          margin:0px 2px;
  }
  
.numbers span.current {
      border:1px solid #194093;
      background-color: #194093;
      padding: .5rem .75rem;
      border-radius: .25rem;
      line-height: 1.25;
      vertical-align: middle;
      margin:0px 2px;
      color:#fff;
  }
  
  .bodytext * {
      max-width: 100%;
  }
  
  .machine-padding {
      background-color: #fafafa;
      padding: 20px;
      position: relative;
      border: 1px solid #f0f0f0;
  }
  
  .xyz {
      padding: 20px;

  }

  
  .machine-padding p {
    text-align: left;
  }
  
  #languages {
      margin-top:1em;
  }
  
  .laser-color {
    background-color: #f7a600;
    border:2px solid transparent;
}

a.laser-color:hover {
    color: #f7a600;
    background-color: transparent;
    border:2px solid #f7a600;
}

.plasma-color {
    background-color: #951b81;
    border:2px solid transparent;
}

a.plasma-color:hover {
    color: #951b81;
    background-color: transparent;
    border:2px solid #951b81;
}

.water-color {
    background-color: #0069b4;
    border:2px solid transparent;
}

a.water-color:hover {
    color: #0069b4;
    background-color: transparent;
    border:2px solid #0069b4;
}

.oxygen-color {
    background-color: #009a93;
    border:2px solid transparent;
}

a.oxygen-color:hover {
    color: #009a93;
    background-color: transparent;
    border:2px solid #009a93;
}

  ul.finder-technology-list-small {
      list-style: none;
      margin:0;padding:0;
  }
  ul.finder-technology-list {
      list-style: none;
      margin:0;padding:0;
  }
  
  ul.finder-technology-list-small li {
      list-style: none;
      width:auto;
      padding-left:5px;
      padding-right:5px;
      color:#fff;
      font-weight:bold;
      text-transform:uppercase;
      font-size:10px;
      text-align: center;
      float:left;
  }
  ul.finder-technology-list li {
      list-style: none;
      width:auto;
      color:#fff;
      font-weight: bold;
      text-transform: uppercase;
      font-size:16px;
      text-align: center;
      float:left;
      padding: 0px 10px;
  }
  
  .machine-technologies-small {
      position: absolute;
      top:0px;
      left: 0px;
  }
  
  .tab-content {
      padding-top:2em;
  }

  .boxborder {
      border:1px solid #f0f0f0;
      padding:10px 20px;
  }
  
  .box_header {
      
  }
  
  .machine {
//      background: url('http://ihr-immobiliencenter.de/wp-content/uploads/2015/05/Fotolia_66757154_XL.jpg') no-repeat 50% 100%;
      background: url('/img/machine-bg.jpg') no-repeat 50% 100%;
      //background-size: cover;
      
      //background-color: #0e4194;
      color:#fff;
      //border:1px solid #f0f0f0;
  }
  
  .machine .machineimage {

  }
  
  .machineimage {
      position: relative;
  }
  
  .machine-info p {
      text-align: left;
  }
  
  .display-xl {
      font-size: 50px;
      text-transform: uppercase;
      font-weight: bold;
      color:#fff;
  }
  
  .machine-part-dot {
      width:1em;
      height: 1em;
      transition: all .1s ease-in-out;
      display: block;
  }
  
  
  .machine-part-dot:hover {
  cursor: pointer;
transform: scale(1.5);
transform-origin: bottom;
  } 
  
  
 @media (max-width: 991px) { 
  
      .machine {
          background: none;
          background-color: #0e4194; 
      }
      
      .display-xl {
          padding-top:1em;
      }
      
  }
  
  ul.leftmenu li.active {
      font-weight: bold;
  }
  
  .box_header {
font-size: 120%;
font-weight: normal;
  }
  
  .popover {
      max-width: 400px;
  }