body {
  font-family: 'Open Sans', sans-serif;  
}

.alert{
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

img.logo { 
z-index: 1;   
margin:0px auto;
margin-top:10px;
background: rgba(0,0,0, 0.1);
}

span.kontakt{
background: rgba(0,0,0, 0.1);
}

span.kontaktOk{
color:#71ff5c;
}

.alert{
z-index:10;
width:20%;
margin-bottom:0px;
padding:0px;

}

#carouselExampleIndicators .carousel-item {
  height: 75vh;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#line{
height:2px;
background-color:#f2a325;

}

p.lead mark{
background-color:#f2a325;
color:#6b4200;
}

h1.display-4.text-center{
color: #f2a325;
font-size:50px;
}

span.logo1{                   
font-family: 'Mina', sans-serif;
font-weight:bold;
color:#f2a325;
font-size:60px;
letter-spacing:5px;
}

a.navbar-brand{
margin: 0px !important;
padding: 0px !important;

}
span.logo2{                   
font-family: 'Mina', sans-serif;
font-weight:bold;
color:#ffffff;
font-size:50px;
letter-spacing:5px;

}
span.logo3{                   
font-family: 'Mina', sans-serif;
font-weight:bold;
color:#ffffff;
}

a.nav-link{
    color: white !important;
    font-size: 1.1em !important;
    }

span.logo1 {
  text-shadow:
     2px  2px 0 #f2a325,
    -1px -1px 0 #f2a325,  
     1px -1px 0 #f2a325,
    -1px  1px 0 #f2a325,
     1px  1px 0 #f2a325;
}
span.logo2 {
  text-shadow:
     2px  2px 0 #f2a325,
    -1px -1px 0 #f2a325,  
     1px -1px 0 #f2a325,
    -1px  1px 0 #f2a325,
     1px  1px 0 #f2a325;
}




span.color{
 color: #f2a325;
}

.fa-map-marker-alt{
 color: #f2a325;
}

.fa-phone{
 color: #f2a325;
}

.fa-envelope{
 color: #f2a325;
}
.fa-phone-square{
 color: #f2a325;
}

span.float-right{
  background-color:#d6d8d9;
}
h4.portfolio{
  border: none;
  color: rgba(255,255,255,0.3);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.6) , 1px 1px 1px rgba(0,0,0,0.9) ;   
  }

span h2.display-4.font-weight-bold.text-center {
  -webkit-animation: rotateWord 28s linear infinite 0s;
  -ms-animation: rotateWord 28s linear infinite 0s;
  animation: rotateWord 28s linear infinite 0s;
  background-color:rgba(0, 0, 0, 0.2);
}
h2.headingCaption {
 font-size:40px;
 color:#ffffff;
}
.btn-outline-warning{
  color:#f2a325; 
  font-size:40px;
  background-color:rgba(0, 0, 0, 0.3);
  text-shadow:2px 2px #000000;
}
.btn-outline-warningC{
  color:#f2a325; 
  font-size:15px;
  background-color:rgba(0, 0, 0, 0.3);
  text-shadow:2px 2px #000000;
}
.btn-outline-warningC:hover{
  color:#ffffff; 
  font-size:15px;
  background-color:rgba(0, 0, 0, 0.3);
  text-shadow:2px 2px #000000;
}
.border{
border-color: #f2a325;
height:200px;
}
span.odrazka{
 display:inline-block;
 background:url(obrazky/odrazka.png)  no-repeat;
 width:300px;
 height:67px; 
}
span.odrazka1{
 display:inline-block;
 background:url(obrazky/odrazka1.png)  no-repeat;
 height:67px; 
}

span.odrazka2{
 display:inline-block;
 background:url(obrazky/odrazka2.png)  no-repeat;
 height:67px; 
}
span.odrazka3{
 display:inline-block;
 background:url(obrazky/odrazka3.png)  no-repeat;
 height:67px; 
}


span.nadpis{
margin-left:23px;
line-height:75px;
}


h2.font-weight-light{
color:black;
font-family: 'Mina', sans-serif;
}

.carousel-control-prev,
.carousel-control-next{
      bottom: 25%;
}
#uvod{
background-color:#dee2e6;
margin-bottom:0px;
padding-top:10px;
height:auto;
}
.carousel-inner .row{
  width:100%;
  max-height: 300px !important;
}


.page-header { 
background: url(obrazky/header1.jpg)no-repeat; 
position: relative; 
background-size: cover; }
.page-headerKovovyroba { 
background: url(obrazky/header2.jpg)no-repeat; 
position: relative; 
background-size: cover; }
.page-caption { 
padding-top: 170px; 
padding-bottom: 174px;
color:#ffffff; 
}
.page-captionAlbum { 
padding-top: 80px; 
padding-bottom: 174px;
color:#ffffff; 
}
.page-headerKontakt { 
background: url(obrazky/zvaranie.jpg)no-repeat; 
position: relative; 
background-size: cover; 
height:350px;
}

.page-headerPortfolio{ 
background: url(obrazky/portfolio.jpg)no-repeat; 
position: relative; 
background-size: cover;
}

.page-headerPortfolioAlbum{ 
background: url(obrazky/portfolioKovovyroba.jpg)no-repeat; 
position: relative; 
background-size: cover;
height:350px;
}

.page-headerPortfolioLaser{ 
background: url(obrazky/zvaranie.jpg)no-repeat; 
position: relative; 
background-size: cover;
height:350px;
}

.page-headerPortfolioOhybanie{ 
background: url(obrazky/ohybanie.jpg)no-repeat; 
position: relative; 
background-size: cover;
height:300px;
}
.page-headerPortfolioZvaranie{ 
background: url(obrazky/zvaranie.jpg)no-repeat; 
position: relative; 
background-size: cover;
height:300px;
}
.page-headerPortfolioCnc{ 
background: url(obrazky/cncH.jpg)no-repeat; 
position: relative; 
background-size: cover;
height:350px;
}
.page-headerPortfolioPraskovanie{ 
background: url(obrazky/praskovanieH.jpg)no-repeat; 
position: relative; 
background-size: cover;
height:300px;
}
.page-headerPortfolioMontaznePrace{ 
background: url(obrazky/montaznePraceH.jpg)no-repeat; 
position: relative; 
background-size: cover;
height:350px;
}

.page-title { font-size: 46px; line-height: 1; color: #fff; font-weight: 600; text-align: center; }

.card-section {
 position: relative; 
 bottom: 60px;
 height:120 %;
 }
.card-block { 
padding: 10px;
-webkit-box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.75);
box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.75);

}
.section-title { margin-bottom: 60px; }

h2.heading{
color:#f2a325;
}

ul a:hover{
  color: #f2a325 !important;
}

li > a.nav-link:after{
    content: '';
    display: block;
    height: 2px;
    background: #f2a325;
    transform: scaleX(0);
    transition: transform .3s;
    position: relative;
    top: 10px;
}
li > a.nav-link:hover:after{
    transform: scaleX(1);
    transition: transform .3s;
}
ul .active{
    color: #f2a325 !important;
    border-bottom: 2px solid #f2a325;
    font-size:110%;
}
/*---------------------------------------
  Contact section              
-----------------------------------------*/


#contact .form-control {
  border: none;
  border-bottom: 2px solid #f0f0f0;
  border-radius: 0px;
  box-shadow: none;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}

#contact .form-control:focus {
  border-bottom-color: #999999;
}

#contact input {
  height: 55px;
}

#contact button#submit {
  background: #2b2b2b;
  border: none;
  border-radius: 50px;
  color: #ffffff;
  height: 50px;
  margin-top: 24px;
}

#contact button#submit:hover {
  background: #7682cc;
  color: #ffffff;
}
.alert a{
text-decoration: none;
color:#292b2c ;

}

.container a{
 text-decoration: none;
 color:#000000;

}


h2.display-4 span {
  -webkit-animation: rotateWord 28s linear infinite 0s;
  -ms-animation: rotateWord 28s linear infinite 0s;
  animation: rotateWord 28s linear infinite 0s;
  background-color:rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 500px) {
span.odrazka3{
 display:inline-block;
 background:url(obrazky/odrazk.png)  no-repeat;
 height:67px;
}

.btn-outline-warning{
margin-top:-70px;
  font-size:25px;
}
.page-header{
 height:250px;
}
.page-headerKontakt{ 
height:250px;
}

.page-headerPortfolioLaser{ 
height:250px;
}
.page-headerPortfolio{ 
height:250px;
}

.page-headerPortfolioAlbum{ 
height:250px;
}

.page-headerPortfolioLaser{ 
height:250px;
}

.page-headerPortfolioCnc{ 
background: url(obrazky/cncH.jpg)no-repeat; 
position: relative; 
background-size: cover;
height:250px;
}

.page-headerPortfolioMontaznePrace{ 
height:250px;
}
}

@media only screen and (max-width: 1200px) {
h2.display-4 span {
  -webkit-animation: rotateWord 28s linear infinite 0s;
  -ms-animation: rotateWord 28s linear infinite 0s;
  animation: rotateWord 28s linear infinite 0s;
  background-color:rgba(0, 0, 0, 0.2);
  font-size:45px;
}
  }
  
  @media only screen and (max-width: 400px) {
span.logo1 {
  font-size:45px;
}
span.logo2 {
  font-size:40px;
}

  }

@-webkit-keyframes rotateWord {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes rotateWord {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
    -ms-transform: translateY(-30px);
  }
  5% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }
  20% {
    opacity: 1;
    -ms-transform: translateY(30px);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes rotateWord {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

span.header1.font-weight-bold {
  background-color: #efbf26;
  }
  
  h1 span{
    color: #7f01c7;
}
.sizer{
   width:640px;
}

.sizer1{
   width:420px;
}
  @media only screen and (max-width: 500px) {
 .sizer{
   width:320px;
}

.sizer1{
   width:320px;
}
} 
 .px-2{
  padding-left:  3rem !important;
  padding-right:  3rem !important;
}

 @media only screen and (max-width: 500px) {
 .px-2{
  padding-left:  0rem !important;
  padding-right:  0rem !important;
  width:330px;
}
 
}
 
.column div {
    display:inline-block;
    text-align: center;
	padding: 0;
    margin-top:10px; 
}

.card-block.bg-white.column.no-gutters {
  text-align: center;
            }

.hovereffect {
  width: 100%;
  height: 100%;
  display:inline-block;
  text-align: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}


.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.hovereffect:hover img {
   filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect h2 {
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.2);
  margin-top:33px;
}

span.colorI {
color:#fe9d03;
text-shadow:1px 1px #000000;
font-style:italic;
font-weight:bold;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  border: 1px solid #ffffff;
  margin: 50px 0 0 0;
  background-color: transparent;  
}

.fas.fas.fa-camera.fa-5x {
    color: rgba(255, 255, 255, 0.7);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #ffffff;
}

.hovereffect a.info, .hovereffect h2 {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #ffffff;
  font-style: italic;
}

.hovereffect:hover a.info, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.modal-body {
  padding: 0rem !important;
}
.modal-dialog{
    text-align:center;
     max-width: 95% !important;
     border: 0px !important;  
     width:auto;
     
}
 
   
   img.lightbox { 
  max-width: 90% !important;
  height: auto; 
-webkit-box-shadow: 0px 2px 5px 1px rgba(252,249,252,1);
-moz-box-shadow: 0px 2px 5px 1px rgba(252,249,252,1);
box-shadow: 0px 2px 5px 1px rgba(252,249,252,1); 
}

   .img-thumbnail{  
    background-color:#ffffff;   
}   

   .img-thumbnail:hover {  
    background-color:#ffbc4f; 
    padding:4px; 
} 

  


  .modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
    background-color: rgba(0,0,0,.0001) !important;
    border:none !important;
} 

hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #ffdea8, #f2a325, #ffdea8);
  background-image: -moz-linear-gradient(left, #ffdea8, #f2a325, #ffdea8);
  background-image: -ms-linear-gradient(left, #ffdea8, #f2a325b, #ffdea8);
  background-image: -o-linear-gradient(left, #ffdea8, #f2a325, #ffdea8); 
}
.ukazka{
margin-bottom:10px !important;
}

.btn-custom {
   
    color:#ffbc4f;
}

.btn-warning {
   
    background-color:#ffbc4f;
}

span.pomlcka{
  color:#ffbc4f;
}

.navbar { 
  width:100%;
  padding-top: 0em !important;
  padding-bottom: 0em !important;
  font-size:16px;
}

 .navbar { 
  width:100%;
}
 
 
 @media only screen and (min-width: 1200px) {
 
 .navbar { 
 margin-top:30px;
  width:90%;
  padding-top: 0em !important;
  padding-bottom: 0em !important;
  font-size:16px;
  background-color:rgba(52, 58, 64,0.9) !important;
}
 

.affix {
  z-index:100;
  width:100%;
  height:90px;
  margin-top:0px;
  padding-top: 1.5em !important;
  padding-bottom: 0em !important;
   background-color: rgba(52,58,64,1) !important;
  -webkit-transition:padding 0.2s linear;
  -moz-transition:padding 0.2s linear;  
  -o-transition:padding 0.2s linear;         
  transition:padding 0.2s linear;  
   font-size:15px;
} 
}

#contactInfo{
text-align: right;
text-decoration:none;
color:white;
}

@media only screen and (max-width: 1200px) {
p.contactInfo{
visibility:hidden;
  }
}

p.contactInfo{
font-size:smaller;
text-align:right;
 text-decoration:none; 
 color:white;
  text-shadow:1px 1px #000000;
  
  }
  
.list-group-item.active{
	background-color:#f2a325; 
	  
  }