html { font-family: 'Lato', sans-serif; } 

h1 { font-family: 'Montserrat', sans-serif; } 
.red { color: rgb(227,6,19); } 
.red-bordered { 
 color: rgb(227,6,19); 
 border: 1rem rgb(227,6,19) solid; 
 background: rgb(255,255,255); 
 display: inline-block; 
 transition: all 0.5s
 } 

.red-bordered:hover { 
 color: rgb(255,255,255); 
 background: rgb(227,6,19); 
 } 

.white { 
 color: rgb(227,6,19); 
 border: 1rem white solid; 
 background: white; 
 display: inline-block; 
 } 

.white-border { border: 1rem white solid; } 
#video-portfolio { 
 background: rgb(227,6,19); 
 } 

.mb-big { margin-bottom: 6rem; } 
.mt-big { margin-top: 6rem; } 
.container-padding { 
 padding-top: 160px; 
 padding-bottom: 160px; 
 } 

.navbar { z-index:3; } 
.big-letters { 
 font-size: 3rem; 
 font-weight: 700; 
 } 

.logotype-center { 
 display:block; 
 position:absolute; 
 bottom: 0; 
 right: 0; 
 width: 280px; 
 max-width: 25%; 
 background: none; 
 transition:all 1s; 
 opacity: 0.6; 
 } 

.logotype-center:hover #logo_th .st0 { fill: rgb(227,6,19) } 
.logotype-center:hover { opacity: 1; } 
.first-section { 
 width: 100%; 
 position: relative; 
 }

.first-section:before { 
 padding-top: 51%; 
 display:block; 
 content: ""; 
 }

.bg-first-section { 
 position:absolute; 
 top:0; 
 bottom:0; 
 left:0; 
 width:100%; 
 height:100%
 } 

.bg-first-photo { 
 background: url('img/untitled-1-54.jpg') center center; 
 background-size: cover; 
 background-attachment: fixed; 
 background-position: center center; 
 } 

#myVideo { 
 position: absolute; 
 top:-5px; 
 left: 0; 
 height: 100%; 
 max-width: 100%; 
 min-width: 100%; 
 min-height: 56.25vw; /* 100 * 9 / 16 */
 z-index:-10; 
 } 

#about { z-index:2; background:white; } 
#about2 { background: rgb(47,47,47); } 
#contact { background: rgb(47,47,47); } 

@media (max-width: 768px) { 
 html { font-size:0.85rem } 
 .container-padding { 
 padding-top: 40px; 
 padding-bottom: 40px; 
 } 
 .mb-big { 
 margin-bottom: 40px; 
 } 
 .no-padding { padding:0 !important } 
 .white { 
 border: none; 
 display: block; 
 } 
 .white:hover { 
 color: rgb(227,6,19); 
 border: none; 
 background: rgb(255,255,255); 
 } 
 } 
.item { 
 transition: all 0.25s; 
 } 
.center { 
 z-index: 2; 
 } 
#map { height:500px; } 
.icons-width { min-width:3rem; } 
.position-rel { position: relative; } 
.position-rel:hover + .icon-absolute { color:green !important } 
.icon-absolute { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 margin: auto; 
 text-align:center; 
 font-size: 5rem
 } 
.no-decorations:hover { 
 text-decoration: none !important; 
 } 
/* bootstrap */

.btn-outline-danger { 
 color: rgb(227,6,19); 
 background-color: transparent; 
 background-image: none; 
 border-color: rgb(227,6,19); 
 } 
.btn-outline-danger:hover { 
 color: #fff; 
 background-color: rgb(227,6,19); 
 border-color: rgb(227,6,19); 
 } 

/* fancybox */

@media (min-width: 800px) { 
 .fancybox-thumbs { 
 display:block !important; 
 top: auto; 
 width: auto; 
 bottom: 0; 
 left: 0; 
 right : 0; 
 height: 95px; 
 padding: 10px 10px 5px 10px; 
 box-sizing: border-box; 
 background: rgba(0, 0, 0, 0.3); 
 } 
 .fancybox-thumbs ul { 
 margin: auto; 
 } 
 .fancybox-show-thumbs .fancybox-inner { 
 right: 0; 
 bottom: 95px; 
 } 
 } 

@media (max-width: 800px) { 
 .fancybox-show-thumbs .fancybox-inner { 
 right: 0; 
 } 
 .fancybox-thumbs { display: none !important; } 
 } 
.fancybox-content { 
 position: relative; 
 padding-top: 45% !important; 
 height: unset !important; 
 margin: 0; 
 } 
.fancybox-iframe { 
 position:absolute; 
 top:0; 
 bottom:0; 
 left:0; 
 right:0; 
 width:100%; 
 height:100%; 
 } 

[lang] { 
 display: none; 
 } 
[lang=pl] { 
 display: unset; 
 } 

#en-flag, #pl-flag { display: none; }