body {
     overflow-x: hidden;
     font-family: 'Source Sans Pro', sans-serif;
     background-color: rgb(245,0,0);
     margin:0;
     padding:0;
}b{
  font-weight: 700;
}

.pricelist{
width:80%;
margin-left: 10%;
border:0px solid white;
font-size: 20px;
border-collapse: separate;
border-spacing: 0px;
}
tr th{
text-align: center;
color:black;
background-color: red;
padding:10px;
}
tr:hover{
background-color: rgba(255,255,255,0.2);
}
tr td{
text-align: center;
color:white;
padding:5px;
}
td{
border:1px solid rgba(255,255,255,0.1);
}
 .fa{
     color:rgb(245,0,0) !important;
}
 .footerFabula img{
     width:100px;
     display:block;
     margin-left: auto;
     margin-right: auto;
     margin-top:20px;
}
 .tt_logo{
     max-width: 200px;
     margin-left: 10%;
     margin-bottom: 20px;
}
 #contsection video{
     width:80%;
     margin-left:10%;
     margin-top:50px;
     margin-bottom:50px;
}
 .numering{
     padding:3px 10px;
     border-radius:50px;
     background:rgb(245,0,0);
     color:black;
     font-weight:bold;
}
 .facelink:hover{
     text-decoration:none;
}
 .facelink span{
     margin-left: 10px;
}
 .facelink span .fa-facebook{
     color:black !important;
}
 .facelink span .fa-phone{
     color:black !important;
}
 .facelink span:hover{
     opacity:0.6;
}
 .phonelink{
     color:white !important;
}
 .navbar-fixed-bottom, .navbar-fixed-top{
     z-index:998 !important;
}
 form{
     width:80%;
     margin-left: 10%;
     font-family: 'Source Sans Pro', sans-serif;
     font-size:18px;
}
 .tiler h2{
     margin-left: 0 !important;
     line-height: 16px;
}
.tiler h2 span{
  font-size:14px; text-transform:lowercase; line-height:1;
  font-weight:400;
}
.tiler2 h2{
    margin-left: 0 !important;
    line-height: 16px;
    position: absolute;
    bottom:10px;
}
.tiler2 h2 span{
 font-size:14px; text-transform:lowercase; line-height:1;
 font-weight:400;
}
 .logolink img{
     margin-bottom: 20px;
}
 form label{
     color:white;
}
 form input{
     height:50px !important;
     padding:5px !important;
     border-radius: 0 !important;
     background-color: transparent !important;
     color:white !important;
     outline-width: 0 !important;
     outline: none !important;
     outline-style: none;
}
 form input:focus, form textarea:focus{
     outline-width: 0 !important;
     outline: none !important;
     outline-style: none;
     border-color: rgb(245,0,0) !important;
     box-shadow: 0 0 5px rgba(228,67,45, 1) !important;
}
 form textarea{
     height:300px !important;
     max-height: 300px;
     padding:5px !important;
     border-radius: 0 !important;
     background-color: transparent !important;
     color:white !important;
     max-width: 100%;
}
 form button{
     color:white;
     border-radius:0 !important;
     font-size: 20px !important;
     float:right;
     font-family: 'Source Sans Pro', sans-serif;
     font-weight:300 !important;
     padding:10px 15px !important;
}
 form button:hover{
     background-color: #000 !important;
     border-color:#000 !important;
     transition: 0.3s;
     -webkit-transition: 0.3s;
}
 nav{
     height:100% !important;
     width:100% !important;
     background-color: rgba(0,0,0,0.9) !important;
     display:none;
}
 nav li{
     text-align: center !important;
     display: block;
     clear:both;
     width:100%;
     margin-top: 20px;
}
 nav ul{
     width:100%;
     padding-top: 80px;
}
 nav li{
     font-size:40px;
}
 .navbar-brand{
     width:100%;
}
 .navbar-brand img{
     left:50% !important;
     position: absolute;
     margin-left: -60px;
     display: block;
     width:120px;
     margin-top: -20px;
}
 .beforedirections{
     float:left;
     color:white;
     font-family: 'Source Sans Pro', sans-serif;
     font-size:20px;
}
 .cjenik{
     text-align: left;
}
 #directions{
     width:50%;
     height:500px;
     float:left;
     color:white;
     font-size:18px;
     font-family: 'Source Sans Pro', sans-serif;
}
 .directionHolder{
     width:80%;
     margin-left:10%;
}
 #map_canvas{
     width:100%;
     height:500px;
     margin-top:0px;
}
 #navicon{
     width: 60px;
     height: 60px;
     position: fixed;
     float:right;
     right:30px;
     margin: 30px auto;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
     z-index:999;
}
 #navicon span{
     display: block;
     position: absolute;
     height: 9px;
     width: 100%;
     background: rgb(245,0,0);
     border-radius: 9px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
}
 #navicon span:nth-child(1) {
     top: 0px;
}
 #navicon span:nth-child(2),#navicon span:nth-child(3) {
     top: 18px;
}
 #navicon span:nth-child(4), #navicon span:nth-child(5), #navicon span:nth-child(6) {
     top: 36px;
}
 #navicon.open span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%;
}
 #navicon.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 #navicon.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 #navicon.open span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50%;
}
 .firstImg{
     width:150px;
     left:50%;
     margin-left:-75px;
     margin-top:15%;
     padding:0;
     position:absolute;
     opacity:0.8;
}
 .secondImg{
     width:150px;
     left:50%;
     margin-left:-75px;
     margin-top:15%;
     padding:0;
     position:absolute;
     opacity:0;
}
 .tiler:hover .firstImg{
     opacity: 0;
     transition: 0.2s;
}
 .tiler:hover .secondImg{
     opacity: 1;
     transition: 0.2s;
}
 .tiler{
     background-color: rgba(20,20,20,0.90);
     padding-bottom: 27%;
     text-decoration: none !important;
     cursor: pointer;
}
 .tiler:hover{
     background-color: rgb(245,0,0);
     transition: 0.3s;
     -webkit-transition:0.3s;
}
.tiler2{
    background-color: rgba(0,0,0,1) !important;
    padding-bottom: 27%;
    text-decoration: none !important;
    cursor: pointer;
}
.tiler2:hover{
    background-color: rgb(245,0,0);
    transition: 0.3s;
    -webkit-transition:0.3s;
}
 .tiler h2{
     width:100%;
     color:#ddd;
     padding-top:10px;
     display: block;
     text-align:center;
     font-weight: 700 !important;
     font-size: 18px;
}
 .tiler:hover h2{
     color:rgb(0,0,0);
}
.tiler2{
  background-color: rgb(0,0,0);
}
.tiler2:hover h2{
    color:#f50000;
}
 #bgvid {
     position: fixed;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -100;
     transform: translateX(-50%) translateY(-50%);
     background-size: cover;
     transition: 1s opacity;
}
 .galerijafotka{
     width:33.33333%;
     float:left;
     position: relative;
}
 .galerijafotka img{
     width:100%;
     position: relative;
     border:3px solid rgba(255,255,255,0.1);
}
 .galerijafotka img:hover{
     border-color:rgba(245,0,0,0.8);
     transition: 0.3s;
     -webkit-transition:0.3s;
}
 .galerijafotka2{
     width:50%;
     float:left;
     position: relative;
}
 .galerijafotka2 img{
     width:100%;
     position: relative;
     border:3px solid rgba(255,255,255,0.1);
}
 .galerijafotka2 img:hover{
     border-color:rgba(245,0,0,0.8);
     transition: 0.3s;
     -webkit-transition:0.3s;
}
 .navbar-toggle{
     padding: 5px 10px !important;
     border-radius: 0 !important;
}
 .text-muted {
     color: #eee;
     font-size:20px;
}
 .centeredp{
     text-align:center;
}
 .inovation-member .text-muted .spaner{
     font-size: 16px;
     line-height:12px;
     padding:0;
}
 .text-primary {
     color: rgb(245,0,0);
}
 .reded{
     color:#c5003e !important;
}
 .blacked{
     color:#333 !important;
}
 .framedwhite{
     background-color: #fff;
     color:#c5003e !important;
     display:inline-block;
     padding:5px;
     font-size:30px;
}
 #fransiza{
     background-color: #c5003e;
}
 .sized18{
     font-size:18px !important;
}
 .whited{
     color:#eee !important;
}
 .italiced{
     font-style: italic;
}
 p {
     font-size: 14px;
     line-height: 1.45;
}
 p.large {
     font-size: 16px;
}
 a, a:hover, a:focus, a:active, a.active {
     outline: none;
}
 a {
     color: rgb(245,0,0);
}
 a:hover, a:focus, a:active, a.active {
     color: rgb(245,0,0);
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     font-weight: 700;
}
 .img-centered {
     margin: 0 auto;
}
 .bg-light-gray {
     background-color: #eeeeee;
}
 .bg-darkest-gray {
     background-color: #222222;
}
 .btn-primary {
     color: white;
     background-color: rgb(245,0,0);
     border-color: rgb(245,0,0);
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     font-weight: 700;
}
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
     color: white;
     background-color: #fec503;
     border-color: #f6bf01;
}
 .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
     background-image: none;
}
 .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
     background-color: rgb(245,0,0);
     border-color: rgb(245,0,0);
}
 .btn-primary .badge {
     color: rgb(245,0,0);
     background-color: white;
}
 .btn-xl {
     color: white;
     background-color: #c5003e;
     border-color: #c5003e;
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     border-radius: 0px;
     font-size: 18px;
     padding: 20px 40px;
}
 .btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
     color: white;
     background-color: #fec503;
     border-color: #f6bf01;
}
 .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
     background-image: none;
}
 .btn-xl.disabled, .btn-xl[disabled], fieldset[disabled] .btn-xl, .btn-xl.disabled:hover, .btn-xl[disabled]:hover, fieldset[disabled] .btn-xl:hover, .btn-xl.disabled:focus, .btn-xl[disabled]:focus, fieldset[disabled] .btn-xl:focus, .btn-xl.disabled:active, .btn-xl[disabled]:active, fieldset[disabled] .btn-xl:active, .btn-xl.disabled.active, .btn-xl[disabled].active, fieldset[disabled] .btn-xl.active {
     background-color: rgb(245,0,0);
     border-color: rgb(245,0,0);
}
 .btn-xl .badge {
     color: rgb(245,0,0);
     background-color: white;
}
 .navbar-custom {
     background-color: #222222;
     border-color: transparent;
}
 .navbar-custom .navbar-brand {
     color: rgb(245,0,0);
     font-family: 'Source Sans Pro', sans-serif;
}
 .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand.active {
     color: #fec503;
}
 .navbar-custom .navbar-collapse {
     border-color: rgba(255, 255, 255, 0.02);
}
 .navbar-custom .navbar-toggle {
     background-color: rgb(245,0,0);
     border-color: rgb(245,0,0);
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     color: white;
     font-size: 12px;
}
 .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
     background-color: rgb(245,0,0);
}
 .navbar-custom .nav li a {
     font-family: 'Anton', sans-serif !important;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 0px;
     color: white;
}
 .navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus {
     color: rgb(245,0,0);
     outline: none;
}
 .navbar-custom .navbar-nav > .active > a {
     border-radius: 0;
     background-color: transparent;
}
 .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
     color: rgb(245,0,0);
}
 @media (min-width: 768px) {
     .tiler:nth-child(1){
         border-left:5px solid rgba(0,0,0,0.2);
         border-top:5px solid rgba(0,0,0,0.2);
         border-right:5px solid rgba(0,0,0,0.2);
         border-bottom:5px solid rgba(0,0,0,0.2);
    }
     .tiler:nth-child(2){
         border-left:5px solid rgba(0,0,0,0.2);
         border-top:5px solid rgba(0,0,0,0.2);
         border-right:5px solid rgba(0,0,0,0.2);
         border-bottom:5px solid rgba(0,0,0,0.2);
    }
     .tiler:nth-child(3){
         border-left:5px solid rgba(0,0,0,0.2);
         border-top:5px solid rgba(0,0,0,0.2);
         border-right:5px solid rgba(0,0,0,0.2);
         border-bottom:5px solid rgba(0,0,0,0.2);
    }
     .tiler:nth-child(4){
         border-left:5px solid rgba(0,0,0,0.2);
         border-top:5px solid rgba(0,0,0,0.2);
         border-right:5px solid rgba(0,0,0,0.2);
         border-bottom:10px solid rgba(0,0,0,0.2);
    }
     .tiler:nth-child(5){
         border-left:5px solid rgba(0,0,0,0.2);
         border-top:5px solid rgba(0,0,0,0.2);
         border-right:10px solid rgba(0,0,0,0.2);
         border-bottom:10px solid rgba(0,0,0,0.2);
    }
    .tiler:nth-child(6){
        border-left:5px solid rgba(0,0,0,0.2);
        border-top:5px solid rgba(0,0,0,0.2);
        border-right:10px solid rgba(0,0,0,0.2);
        border-bottom:10px solid rgba(0,0,0,0.2);
   }
   .tiler:nth-child(7){
       border-left:5px solid rgba(0,0,0,0.2);
       border-top:5px solid rgba(0,0,0,0.2);
       border-right:10px solid rgba(0,0,0,0.2);
       border-bottom:10px solid rgba(0,0,0,0.2);
  }
     .navbar-custom {
         background-color: transparent;
         padding: 25px 0;
         -webkit-transition: padding 0.3s;
         -moz-transition: padding 0.3s;
         transition: padding 0.3s;
         border: none;
    }
     footer span.webmade img {
         margin-left: auto;
         margin-right: auto;
         display:block;
         width:100px;
         margin-top:0 !important;
    }
     .navbar-custom .navbar-brand {
         font-size: 2em;
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         transition: all 0.3s;
    }
     .navbar-custom .navbar-nav > .active > a {
         border-radius: 0px;
    }
}
 @media (min-width: 768px) {
     .navbar-custom.affix {
         background-color: #222222;
         padding: 10px 0;
    }
     .navbar-custom.affix .navbar-brand {
         font-size: 1.5em;
    }
}
 header {
     background-repeat: no-repeat;
     background-attachment: scroll;
     background-position: center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
     text-align: center;
     color: white;
}
 header .intro-text {
     padding-top: 100px;
     padding-bottom: 50px;
}
 header .intro-text .intro-lead-in {
     font-family: 'Source Sans Pro', sans-serif;
     font-style: italic;
     font-size: 22px;
     line-height: 22px;
     margin-bottom: 25px;
}
 header .intro-text .intro-heading {
     font-weight: 400;
     font-size: 50px;
     line-height: 50px;
     margin-bottom: 25px;
     letter-spacing: 0px;
     width:100%;
     text-align:center;
     margin-top:-50px;
     font-family: 'Anton', sans-serif !important;
}
header .intro-text .intro-heading2 {
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 25px;
    letter-spacing: 0px;
    width:100%;
    text-align:center;
    margin-top:-50px;
    font-family: 'Anton', sans-serif !important;
}
 header .intro-text .intro-heading span {
     font-weight: 500;
     font-size: 40px;
     font-family: 'Source Sans Pro', sans-serif !important;
     line-height: 20px;
}
 @media (min-width: 768px) {
     header .intro-text {
         padding-top: 300px;
         padding-bottom: 200px;
    }
     header .intro-text .intro-lead-in {
         font-family: 'Source Sans Pro', sans-serif;
         font-style: italic;
         font-size: 40px;
         line-height: 40px;
         margin-bottom: 25px;
    }
     header .intro-text .intro-heading {
         font-weight: 400;
         font-size: 75px;
         line-height: 75px;
         margin-bottom: 50px;
    }
    header .intro-text .intro-heading2 {
        font-weight: 400;
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 50px;
   }
}
 section {
     padding: 100px 0;
}
 section h2.section-heading {
     font-size: 40px;
     margin-top: 0;
     margin-bottom: 15px;
     color:white;
}
 section h3.section-subheading {
     font-size: 20px;
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: none;
     font-weight: 400;
     margin-bottom: 75px;
}
 @media (min-width: 768px) {
     section {
         padding: 150px 0;
    }
}
 .service-heading {
     margin: 15px 0;
     text-transform: none;
}
 #portfolio .portfolio-item {
     margin: 0 0 15px;
     right: 0;
}
 #portfolio .portfolio-item .portfolio-link {
     display: block;
     position: relative;
     max-width: 400px;
     margin: 0 auto;
}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover {
     background: rgba(254, 209, 54, 0.9);
     position: absolute;
     width: 100%;
     height: 100%;
     opacity: 0;
     transition: all ease 0.5s;
     -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
     opacity: 1;
}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
     position: absolute;
     width: 100%;
     height: 20px;
     font-size: 20px;
     text-align: center;
     top: 50%;
     margin-top: -12px;
     color: white;
}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
     margin-top: -12px;
}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
     margin: 0;
}
 #portfolio .portfolio-item .portfolio-caption {
     max-width: 400px;
     margin: 0 auto;
     background-color: white;
     text-align: center;
     padding: 25px;
}
 #portfolio .portfolio-item .portfolio-caption h4 {
     text-transform: none;
     margin: 0;
}
 #portfolio .portfolio-item .portfolio-caption p {
     font-family: 'Source Sans Pro', sans-serif;
     font-style: italic;
     font-size: 16px;
     margin: 0;
}
 #portfolio * {
     z-index: 2;
}
 @media (min-width: 767px) {
     #portfolio .portfolio-item {
         margin: 0 0 30px;
    }
}
 .timeline {
     list-style: none;
     padding: 0;
     position: relative;
}
 .timeline:before {
     top: 0;
     bottom: 0;
     position: absolute;
     content: "";
     width: 2px;
     background-color: #f1f1f1;
     left: 40px;
     margin-left: -1.5px;
}
 .timeline > li {
     margin-bottom: 50px;
     position: relative;
     min-height: 50px;
}
 .timeline > li:before, .timeline > li:after {
     content: " ";
     display: table;
}
 .timeline > li:after {
     clear: both;
}
 .timeline > li .timeline-panel {
     width: 100%;
     float: right;
     padding: 0 20px 0 100px;
     position: relative;
     text-align: left;
}
 .timeline > li .timeline-panel:before {
     border-left-width: 0;
     border-right-width: 15px;
     left: -15px;
     right: auto;
}
 .timeline > li .timeline-panel:after {
     border-left-width: 0;
     border-right-width: 14px;
     left: -14px;
     right: auto;
}
 .timeline > li .timeline-image {
     left: 0;
     margin-left: 0;
     width: 80px;
     height: 80px;
     position: absolute;
     z-index: 100;
     background-color: rgb(245,0,0);
     color: white;
     border-radius: 100%;
     border: 7px solid #f1f1f1;
     text-align: center;
}
 .timeline > li .timeline-image h4 {
     font-size: 10px;
     margin-top: 12px;
     line-height: 14px;
}
 .timeline > li.timeline-inverted > .timeline-panel {
     float: right;
     text-align: left;
     padding: 0 20px 0 100px;
}
 .timeline > li.timeline-inverted > .timeline-panel:before {
     border-left-width: 0;
     border-right-width: 15px;
     left: -15px;
     right: auto;
}
 .timeline > li.timeline-inverted > .timeline-panel:after {
     border-left-width: 0;
     border-right-width: 14px;
     left: -14px;
     right: auto;
}
 .timeline > li:last-child {
     margin-bottom: 0;
}
 .timeline .timeline-heading h4 {
     margin-top: 0;
     color: inherit;
}
 .timeline .timeline-heading h4.subheading {
     text-transform: none;
}
 .timeline .timeline-body > p, .timeline .timeline-body > ul {
     margin-bottom: 0;
}
 @media (min-width: 768px) {
     .timeline:before {
         left: 50%;
    }
     .timeline > li {
         margin-bottom: 100px;
         min-height: 100px;
    }
     .timeline > li .timeline-panel {
         width: 41%;
         float: left;
         padding: 0 20px 20px 30px;
         text-align: right;
    }
     .timeline > li .timeline-image {
         width: 100px;
         height: 100px;
         left: 50%;
         margin-left: -50px;
    }
     .timeline > li .timeline-image h4 {
         font-size: 13px;
         margin-top: 16px;
         line-height: 18px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         float: right;
         text-align: left;
         padding: 0 30px 20px 20px;
    }
}
 @media (max-width: 992px) {
     .tiler{
         padding-bottom:30%;
    }
     .tiler h2{
         font-size: 16px;
    }
     .logolink img{
         margin-bottom: 20px;
         width: 50px;
         position: absolute;
         top: 30px;
         left: 20px;
    }
     header .intro-text .intro-heading {
         font-weight: 600;
         font-size: 60px;
         line-height: 60px;
         margin-bottom: 25px;
         letter-spacing: 0px;
         width: 100%;
         text-align: center;
         margin-top: 0%;
    }
    header .intro-text .intro-heading2 {
        font-weight: 600;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 25px;
        letter-spacing: 0px;
        width: 100%;
        text-align: center;
        margin-top: 0%;
   }
     nav li{
         font-size:20px;
         margin-top: 10px;
    }
     .navbar-nav{
         margin:0;
    }
     .navbar-brand img {
         left: 50% !important;
         position: absolute;
         margin-left: -40px;
         display: block;
         width: 80px;
         margin-top: 10px;
    }
     #directions{
         width:100%;
         height:auto;
    }
     #map_canvas {
         width: 100%;
         height: 300px;
         margin-top: 0px;
    }
}
 @media (max-width: 768px) {
     .galerijafotka{
         width:50%;
    }
     .galerijafotka2{
         width:50%;
    }
     .tiler{
         padding-bottom:70%;
    }
     .logolink img{
         margin-bottom: 20px;
         width: 50px;
         position: absolute;
         top: 30px;
         left: 20px;
    }
     header .intro-text .intro-heading {
         font-weight: 500;
         font-size: 40px;
         line-height: 60px;
         margin-bottom: 25px;
         letter-spacing: 0px;
         width: 100%;
         text-align: center;
         margin-top: 40%;
    }
    header .intro-text .intro-heading {
        font-weight: 500;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
        letter-spacing: 0px;
        width: 100%;
        text-align: center;
        margin-top: 40%;
   }
}
 @media (min-width: 992px) {
     .timeline > li {
         min-height: 150px;
    }
     .timeline > li .timeline-panel {
         padding: 0 20px 20px;
    }
     .timeline > li .timeline-image {
         width: 150px;
         height: 150px;
         margin-left: -75px;
    }
     .timeline > li .timeline-image h4 {
         font-size: 18px;
         margin-top: 30px;
         line-height: 26px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         padding: 0 20px 20px;
    }
}
 @media (min-width: 1200px) {
   .tiler h2{
       width:100%;
       color:#ddd;
       padding-top:10px;
       display: block;
       text-align:center;
       font-weight: 700 !important;
       font-size: 25px;
  }
     .timeline > li {
         min-height: 170px;
    }
     .timeline > li .timeline-panel {
         padding: 0 20px 20px 100px;
    }
     .timeline > li .timeline-image {
         width: 170px;
         height: 170px;
         margin-left: -85px;
    }
     .timeline > li .timeline-image h4 {
         margin-top: 40px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         padding: 0 100px 20px 20px;
    }
}
 .inovation-member {
     text-align: center;
     margin-bottom: 50px;
}
 .inovation-member img {
     margin: 0 auto;
     border: 7px solid white;
}
 .inovation-member h4 {
     margin-top: 25px;
     margin-bottom: 0;
     text-transform: none;
}
 .inovation-member p {
     margin-top: 0;
}
 aside.clients img {
     margin: 50px auto;
}
 section#contact {
     background-color: #222222;
     background-image: url('../img/map-image.png');
     background-position: center;
     background-repeat: no-repeat;
}
 section#contact .section-heading {
     color: white;
}
 section#contact .form-group {
     margin-bottom: 25px;
}
 section#contact .form-group input, section#contact .form-group textarea {
     padding: 20px;
}
 section#contact .form-group input.form-control {
     height: auto;
}
 section#contact .form-group textarea.form-control {
     height: 236px;
}
 section#contact .form-control:focus {
     border-color: rgb(245,0,0);
     box-shadow: none;
}
 section#contact ::-webkit-input-placeholder {
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     color: #eeeeee;
}
 section#contact :-moz-placeholder {
    /* Firefox 18- */
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     color: #eeeeee;
}
 section#contact ::-moz-placeholder {
    /* Firefox 19+ */
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     color: #eeeeee;
}
 section#contact :-ms-input-placeholder {
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     color: #eeeeee;
}
 section#contact .text-danger {
     color: #e74c3c;
}
 section p{
     width:80%;
     margin-left: 10%;
     text-align: justify;
     hyphens: auto;
     -webkit-hyphens:auto;
     color:white;
     letter-spacing: 0px;
     font-size:20px;
     font-family: 'Source Sans Pro', sans-serif;
}
section p span{
  font-size:16px;
  line-height: 1 !important;
}
 section #lightgallery{
     width:80%;
     margin-left: 10%;
     text-align: justify;
     hyphens: auto;
     -webkit-hyphens:auto;
     color:white;
     letter-spacing: 0px;
     font-size:20px;
     font-family: 'Source Sans Pro', sans-serif;
}
 section h2{
     width:80%;
     margin-left: 10%;
     text-align: left;
     hyphens: auto;
     -webkit-hyphens:auto;
     color:rgb(245,0,0);
     letter-spacing: 0px;
}
section h3{
    width:80%;
    margin-left: 10%;
    text-align: left;
    hyphens: auto;
    -webkit-hyphens:auto;
    color:white;
    letter-spacing: 0px;
}
 #arrowdown{
     position: absolute;
     top: 90%;
     z-index: 9;
     width:100%;
     background:transparent;
     width:50px;
     left:50%;
     margin-left:-25px;
     text-align:center;
     color: white;
}
 #arrowdown:hover{
     opacity: 0.8;
     transition: 0.3s;
     -webkit-transition:0.3s;
     cursor: pointer;
}
 #contsection{
     background-color:rgba(20,20,20,0.9);
     margin-top:30px;
     padding-top:80px;
}
 .homesection{
     background-color:transparent !important;
     padding-top:0 !important;
}
 footer {
     padding: 100px 0;
     text-align: center;
     margin-bottom: 150px;
     font-size:18px;
     letter-spacing: 0px;
}
 footer span.copyright {
     line-height: 30px;
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     text-transform: none;
     color:white;
}
 footer span.webmade {
     line-height: 40px;
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     text-transform: none;
     color:white;
     text-align: center;
     display:block;
}
 footer span.webmade img {
     margin-left: auto;
     margin-right: auto;
     display:block;
     width:100px;
     margin-top:20px;
}
 footer ul.quicklinks {
     margin-bottom: 0;
     line-height: 40px;
     font-family: 'Source Sans Pro', sans-serif;
     text-transform: uppercase;
     text-transform: none;
}
 ul.social-buttons {
     margin-bottom: 0;
}
 ul.social-buttons li a {
     display: block;
     background-color: #222222;
     height: 40px;
     width: 40px;
     border-radius: 100%;
     font-size: 20px;
     line-height: 40px;
     color: white;
     outline: none;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
 ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {
     background-color: rgb(245,0,0);
}
 .btn:focus, .btn:active, .btn.active, .btn:active:focus {
     outline: none;
}
 .portfolio-modal .modal-dialog {
     margin: 0;
     height: 100%;
     width: auto;
}
 .portfolio-modal .modal-content {
     border-radius: 0;
     background-clip: border-box;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     min-height: 100%;
     padding: 100px 0;
     text-align: center;
}
 .portfolio-modal .modal-content h2 {
     margin-bottom: 15px;
     font-size: 3em;
}
 .portfolio-modal .modal-content p {
     margin-bottom: 30px;
}
 .portfolio-modal .modal-content p.item-intro {
     margin: 20px 0 30px;
     font-family: 'Source Sans Pro', sans-serif;
     font-style: italic;
     font-size: 16px;
}
 .portfolio-modal .modal-content ul.list-inline {
     margin-bottom: 30px;
     margin-top: 0;
}
 .portfolio-modal .modal-content img {
     margin-bottom: 30px;
}
 .portfolio-modal .close-modal {
     position: absolute;
     width: 75px;
     height: 75px;
     background-color: transparent;
     top: 25px;
     right: 25px;
     cursor: pointer;
}
 .portfolio-modal .close-modal:hover {
     opacity: 0.3;
}
 .portfolio-modal .close-modal .lr {
     height: 75px;
     width: 1px;
     margin-left: 35px;
     background-color: #222222;
     transform: rotate(45deg);
     -ms-transform: rotate(45deg);
    /* IE 9 */
     -webkit-transform: rotate(45deg);
    /* Safari and Chrome */
     z-index: 1051;
}
 .portfolio-modal .close-modal .lr .rl {
     height: 75px;
     width: 1px;
     background-color: #222222;
     transform: rotate(90deg);
     -ms-transform: rotate(90deg);
    /* IE 9 */
     -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
     z-index: 1052;
}
 .portfolio-modal .modal-backdrop {
     opacity: 0;
     display: none;
}
 ::-moz-selection {
     text-shadow: none;
     background: rgb(245,0,0);
}
 ::selection {
     text-shadow: none;
     background: rgb(245,0,0);
}
 img::selection {
     background: transparent;
}
 img::-moz-selection {
     background: transparent;
}
 body {
     webkit-tap-highlight-color: rgb(245,0,0);
}