:root {

    --black: #000000;
    --grey: #cecece;
    --white: #ffffff;
    --brown: #826756;
    --bg: #2b2b2b;
    --gold-line: rgba(94,82,52,1);
    --form: #262626;
    

  --color:     #e9ac36;    
    
}

    @font-face {
    font-family: 'TTChocolates-Regular';
    font-style: normal;
    font-weight: 100;
    src:  url('../fonts/TTChocolates-Regular.eot') format('eot'), url('../fonts/TTChocolates-Regular.woff') format('woff'), url('../fonts/TTChocolates-Regular.woff2') format('woff2'), url('../fonts/TTChocolates-Regular.ttf') format('ttf');
    }    
    
    @font-face {
    font-family: 'Acto';
    font-style: normal;
    font-weight: 100;
    src:  url('../fonts/Acto-Thin.eot') format('eot'), url('../fonts/Acto-Thin.woff') format('woff'), url('../fonts/Acto-Thin.woff2') format('woff2'), url('../fonts/Acto-Thin.ttf') format('ttf');
    }
@font-face {
    font-family: 'tt_norms_prothin';
    src: url('../fonts/fonnts.com-tt-norms-pro-thin-webfont.eot');
    src: url('../fonts/fonnts.com-tt-norms-pro-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fonnts.com-tt-norms-pro-thin-webfont.woff2') format('woff2'),
         url('../fonts/fonnts.com-tt-norms-pro-thin-webfont.woff') format('woff'),
         url('../fonts/fonnts.com-tt-norms-pro-thin-webfont.ttf') format('truetype'),
         url('../fonts/fonnts.com-tt-norms-pro-thin-webfont.svg#tt_norms_prothin') format('svg');
    font-weight: 100;
    font-style: normal;

}

h1,h2,h3,h4,h5,h6 {padding:unset;margin:unset;font-weight:500}
html 			{height:100%; position:relative; font-size:1rem;font-family: "Montserrat", sans-serif;background-color: var(--bg)}
body 			{margin:0;padding:0;;;background-color:var(--bg); }
img             {max-width:100%}
.w1500 {max-width:1500px;width:100%;margin:0 auto;position: relative}
.container {max-width:1500px;width:100%;margin:0 auto;position: relative}

nav {position: relative;}
nav .nav-container{display:flex;margin: 0 0 0 auto;justify-content: space-between;align-items: center;position: relative}
nav .nav-item{color:var(--brown);text-align: center;display: flex;  align-items: center;  justify-content: center;cursor:pointer;font-size:1.2rem;text-decoration: none;font-weight:500;padding: 0 30px;font-family: "Berlin Sans FB"}
nav .nav-item:hover {text-decoration: underline}

.social-grid {display: flex;grid-gap:20px;position: relative;right: 60px;  float: right;}
.social-grid img {max-width:42px}

.header {position: absolute;top:0;width:100%;left:0;z-index: 10}
.header .logo{position: absolute;top:10px;  left: 50%;   transform: translateX(-50%);width:180px}
.header .nav-grid{display: flex;width: 40%;left:60px;top:40px;position: relative;font-family: 'Acto'}
.header .nav-container{flex-basis: auto;padding:10px 1vw 10px 0}

/*body.page .header {position: relative;min-height:200px}*/

.language-box {position: relative;display: none;z-index: 13;text-align: center;flex-basis: 20%} 

.language-box .text-white{color:white;font-size:1rem} 
.language-box .dropbtn {  background-color: white;  color: black;}
.language-box .dropbtn-footer { background-color: transparent;  color: var(--white);  border: none;  font-size: 1.2rem;width: 100%;}
.language-box .dropbtn-footer:hover { background-color: #ff7f29; color: white; border: none;  font-size: 1.2rem;width: 100%;}
.language-box .dropbtn-footer i{ margin-right:10px}
.language-box .dropdown-content-language {  width: 200px;min-width:200px}
.language-box header .container { }
.dropdown-content-language {  display: none;  position: absolute;  background-color: white;  min-width: 380px;color:black;   right:0;box-shadow: 0 0 10px -4px black;border-radius: 10px;padding:20px;font-size: 1rem;text-align: left;z-index: 12}
.show {display:block}
.dropdown-content-language span {  color: black;  padding: 5px;  text-decoration: none;  display: block;	cursor:pointer}
.btn-lang.selected_lang {background-color: var(--grey);color:black;border-radius:5px}
.btn-lang:hover {background-color: var(--grey);color:black;border-radius:5px}
.nav-language-title {display:inline-block;padding:10px 0 10px 5px}
.close-l-box {position: absolute;  right: 10px;  top: 4px;}
.close-l-box i{font-size:1.2rem}
.btn-lang img {padding:0 10px 0 0;vertical-align: middle}

.gold-border {  border-width: 1px;  border-style: solid;  border-image: linear-gradient(to right, #d4af37, #f9d976, #d4af37) 1;}
.gold-border-bottom {  border-width: 1px;  border-style:none none  solid none;  border-image: linear-gradient(to right, #d4af37, #f9d976, #d4af37) 1;}

.gradient-border {pointer-events: none;position: absolute;top: 99px;left: 59px;right: 61px;bottom: 61px;border: 1px solid;border-image-slice: 1;border-width: 1px;border-image-source: linear-gradient(90deg, #FFD700, #B8860B);z-index: 10;box-sizing: border-box;clip-path: polygon(  0 0,  calc(50% - 125px) 0,  calc(50% - 125px) 100px,  calc(50% + 125px) 100px,  calc(50% + 125px) 0,  100% 0,  100% calc(100% + 2px), 0px calc(100% + 2px));}

.user-nav-item {color:#d7a406;font-weight: bold;font-size:clamp(12px, 1vw, 20px);;text-decoration: none;position: relative;padding-bottom:0px;top:0px;transition: all 0.5s ease}
.user-nav-item::after {content:"";width:0%;height:2px;top:-10px;left:0;background-color:#d7a406;transition: all 0.5s ease;position: absolute}
.user-nav-item:hover {padding-bottom:20px;top:-10px;color:white}
.user-nav-item:hover::after {content:"";width:100%;height:2px;top:-10px;left:0;background-color:#d7a406;transition: all 0.5s ease;position: absolute}

.gold-gradient-text {background: linear-gradient(0deg,#462523 0%,#cb9b51 45%,#f6e27a 60%,#f6f2c0 100%,#f6e27a 100%,#cb9b51 100%,#462523 100%);color: transparent;background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent;font-weight: bold;font-size: 1.2rem;text-decoration: none}
.border-left-gold {position: relative;}
.border-left-gold::before {content: "";position: absolute;left: -40px;top: 51%;transform: translateY(-50%);width: 1px;height: 88%;  max-height: 250px;       background: linear-gradient(to bottom, #FFD700, #B8860B, #FFD700);border-radius: 3px;}



.slider_container   {position: relative;;background-color: #072527;min-height:1300px;
/*box-shadow: 0px -10px 48px -25px var(--color);  */
transition: all 0.5s ease;font-size: 0;}

.slider_container::after   {content:"";position: absolute;left:0;bottom:0;right:0;height:0.5px;background: linear-gradient(90deg, #FFD700, #B8860B);clip-path: polygon(0px 0px, 100% 0px, 100% 1px, 0px 1px);}
.slider_container .shadow::after   {content:"";width:100%;height:100%;;background-size: cover;position: absolute;top:0;left:0;z-index: 1;box-shadow: inset 0px 100px 100px 10px rgba(0,0,0,0.70);}
.slider_container .shadow2::after   {content:"";width:100%;height:100%;;position: absolute;top:0;left:0;z-index: 1;pointer-events: none;background-color: rgba(0,0,0,0.30);;box-shadow: inset 0px 00px 100px 20px rgba(0,0,0,0.70);}

.slider   {position: relative;max-width:100%;margin:0 0 0 auto;color:black;font-family: "Berlin Sans FB"}
.slider  .sliderFoto {position: absolute;top:0; left:0;width:100%;height:100%;background-position: bottom center;background-repeat: no-repeat;background-size: cover;}
.slider .slider-container {}
.slider .slider-box-3 {display: grid !important;  grid-template-columns: 54% 46%;  grid-gap: 10px;  width: calc(100% - 10px) !important;  margin: 0 auto;}
.slider .slider-box-3 img{max-width:100%}
.slider .box-1{grid-row: 1/2 span;}
.slider .sliderBox {height:1300px;background-position: bottom center;background-repeat: no-repeat;background-size: cover;position:relative}

.slider .sliderBoxContainer {width:70%;max-width:1500px;position: absolute; top: calc(50% - 20px); left: 50%; transform: translate(-52%, -50%);  z-index: 10; }
.slider .sliderBox .sliderTitle {font-size: 2.1rem;  margin-bottom: 0px;color:white}
.slider .sliderBox .sliderText1 {font-size: 6rem;  margin-bottom: 0px;  font-weight: 100;color: white;;line-height: 100%; font-family: 'tt_norms_prothin';}
.slider .sliderBox .sliderText2 {font-size: 6rem;  margin-bottom: 0px;  font-weight: 100;color:white;line-height: 100%; font-family: 'tt_norms_prothin';}
.slider .sliderBox .sliderText3 {font-size: 2.1rem;  color: white;  font-weight: 500;margin-top:10px}
.slider .sliderBox .sliderBtn {color:var(--brown);background-color:white;padding:10px 20px; border-radius:5px;font-size:1.2rem;display: inline-block;text-decoration: none;margin-top:30px}
.slider .prev {position: absolute;  left: 10px;  top: calc(50% - 20px);  z-index: 9999;  color: white;}
.slider .next {position: absolute;  right: 10px;  top: calc(50% - 20px);  z-index: 9999;  color: white;}
.textShadow {text-shadow: 0px 0px 13px black}
.sliderText1, .sliderText2, .sliderText3 {  position: relative;  z-index: 20;}

.slider .slick-dotted.slick-slider {  margin-bottom: 0px !important;}
.slider .slick-dots {  bottom: 30px !important;}

.slider  .slick-dots li {  width: 40px;  height: 5px;}
.slider  .slick-dots li button {width: 30px;height: 5px; border-radius: 2px;  background: #80808080; padding: 0;transition: background 0.3s;}
.slider .slick-dots li.slick-active button {    background: linear-gradient(to right, #d4af37, #f9d976, #d4af37);     opacity: 1;}
.slider .slick-dots li button:before {   content: '';   display: none;}
.slider .slider-buttons { display:none}
.sliderFoto {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1);
  transition: transform 6.5s linear;
  will-change: transform;
}

.zoomActive {
  transform: scale(1.12);
}

@keyframes zoomInAnim {
  from { background-size: 100% auto; }
  to { background-size: 108% auto; }
}

@keyframes zoomOutAnim {
  from { background-size: 108% auto; }
  to { background-size: 100% auto; }
}



.btn-ghost-gold {display: inline-block;position: relative;bottom: -60px;  left: 40px;;color:white;text-align: center;padding:20px 35px;font-size:1.4rem;font-family: 'TTChocolates-Regular'; text-decoration: none}

.section-title {position: relative;font-family: 'tt_norms_prothin';font-size:3.5rem;color:white;text-align: center;padding:20px;display:inline-block;left: 50%;    transform: translateX(-50%);transition: all 0.2s;margin:100px 0}

.section-title::before { content: "";  position: absolute; bottom: 0px;  right: -30px; width:170px ;height:2px; background: linear-gradient(to left, var(--gold-line), rgba(0,0,0,0));}

.section-title::after { content: "";  position: absolute; bottom: -30px;  right: 0%;height:100%;width:2px;  background: linear-gradient(to top, var(--gold-line), rgba(0,0,0,0));}




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

.section-btn::before { content: "";  position: absolute; bottom: 0px;  right: -30px; width:50% ;height:2px; background: linear-gradient(to left, #FFD700, #B8860B, rgba(0,0,0,0));}

.section-btn::after { content: "";  position: absolute; bottom: -30px;  right: 0%;height:60px;width:2px;  background: linear-gradient(to top, #FFD700, #B8860B, rgba(0,0,0,0));}


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

.section-btn-top::before { content: "";  position: absolute; top: 0px;  left: -30px; width:50% ;height:2px; background: linear-gradient(to left,  rgba(0,0,0,0),#FFD700, #B8860B);}

.section-btn-top::after { content: "";  position: absolute; top: -30px;  left: 0%;height:60px;width:2px;  background: linear-gradient(to top,  rgba(0,0,0,0),#FFD700, #B8860B);}
.text-white{color:white;font-size:1rem} 


.section-offer-box {    position: relative;   margin: 50px 0 0 0;}
.section-offer-box .section-box {width: calc(100% - 160px);position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: center;  align-items: center; grid-gap: 20px;  margin: 50px auto;}
.section-offer-box .offer-box-item {position: relative;transition: all 0.5s ease;outline:0 solid var(--color)}
.section-offer-box .offer-box-item:hover {box-shadow: 0px 20px 38px -25px var(--color);outline: 1px solid var(--color);}
.section-offer-box .offer-box-foto {position: relative;font-size: 0;z-index: 2;overflow: hidden; }
.section-offer-box .offer-box-foto::before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%;height: 100%;
background-image: var(--bg-img);   background-position: center;background-size: cover;  background-repeat: no-repeat;transition: transform 0.5s ease-out; 
z-index: 1;}
.section-offer-box .offer-box-foto::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.0); 
transition: background-color 0.5s ease;z-index: 2; }
.section-offer-box .offer-box-text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;
font-size: 0; font-family: 'tt_norms_prothin';color: white;transition: all 0.3s ease;z-index: 11;}
.section-offer-box .offer-box-item:hover .offer-box-foto::before {transform: scale(1.12); }
.section-offer-box .offer-box-item:hover .offer-box-foto::after {background-color: rgba(0,0,0,0.35);}
.section-offer-box .offer-box-item:hover .offer-box-text {font-size: 1.3vw;}
.projekty-podstrona.section-offer-box .offer-box-item:hover .offer-box-text {font-size: 1.1vw;}
.realizations-podstrona.section-offer-box .offer-box-item:hover .offer-box-text {font-size: 1.1vw;}






.project-details .section-title {margin:50px 0}
.project-details .section-content {position: relative;font-family: 'tt_norms_prothin';font-size:1.5rem;color:white;text-align: left;padding:20px;display:block;width:60%; margin:30px auto 80px auto}

.project-details .offer-box-container {padding-top:150px}
.project-details .gradient-border {bottom:-59px}
.project-details.section-offer-box .section-box{width:calc(100% - 240px);grid-template-columns: repeat(4,1fr)}


.realizations-details .gradient-border {bottom:-59px}
.realizations-details.section-offer-box .section-box{width:calc(100% - 240px);grid-template-columns: repeat(4,1fr)}

.realizations .section-title {margin:50px 0}
.realizations .section-content {position: relative;font-family: 'tt_norms_prothin';font-size:1.5rem;color:white;text-align: left;padding:20px;display:block;width:60%; margin:30px auto 80px auto}
.realizations .offer-box-container {padding-top:150px}
.realizations .gradient-border {bottom:-79px}
.realizations.section-offer-box .section-box{width:calc(100% - 320px);margin-top:50px}

.realizations-details .offer-box-container {  padding-top: 150px;}
.realizations-details  .section-title {margin:50px 0}

.section-offer-box.realizations-details {margin:0}


.kontakt-page .section-title {margin:50px 0}
.kontakt-page .contact {padding-top:150px}
.kontakt-page .gradient-border {bottom:-79px}
.kontakt-page .contact-info {position: relative;font-family: 'tt_norms_prothin';font-size:1.5rem;color:white;text-align: left;padding:20px 0;display:block; margin:30px auto 80px auto}
.kontakt-page .contact-info::after {content:"";position: absolute;width:1px;height:100%;top:0;left:-50px;background-color:#d7a406}


.news-page {position: relative}
.news-page .section-title {margin:50px 0}
.news-page .news {padding-top:150px ;margin: 0 auto;  position: relative;}
.news-page .gradient-border {bottom:-39px}
.news-page .section-items-news {position: relative;flex-basis: 15.78%;box-sizing: border-box;transition: all 0.5s ease;}
.news-page .news-module-foto {position: relative;height:400px;background-size: cover;background-position: center;background-repeat:no-repeat;}
.news-page a {text-decoration: none;color:white;font-family: 'tt_norms_prothin';}

.news-page .news-module-title {font-size:0.8vw}
.news-page .section-item-news {width: calc(100% - 160px);position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: center;  align-items: center; grid-gap: 20px;  margin: 0 auto;}
.news-page .offer-box-item {position: relative;transition: all 0.3s ease;outline: 0}
.news-page .offer-box-item:hover {box-shadow: 0px 20px 38px -25px var(--color);outline: 1px solid var(--color);}
.news-page .offer-box-foto {position: relative;font-size: 0;z-index: 2;overflow: hidden; }
.news-page .offer-box-foto::before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%;height: 100%;
background-image: var(--bg-img);   background-position: center;background-size: cover;  background-repeat: no-repeat;transition: transform 0.3s ease-out; 
z-index: 1;}
.news-page .offer-box-foto::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.0); 
transition: background-color 0.3s ease;z-index: 2; }
.news-page .offer-box-text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;
font-size: 0; font-family: 'tt_norms_prothin';color: white;transition: all 0.3s ease;z-index: 11;}
.news-page .offer-box-item:hover .offer-box-foto::before {transform: scale(1.12); }
.news-page .offer-box-item:hover .offer-box-foto::after {background-color: rgba(0,0,0,0.35);}

.news-module-content {position: relative;margin-top:3px}




.news-page .news-grid {  width: calc(100% - 500px);margin:50px auto 0 auto;  display: grid; align-items: center;justify-content: center;grid-gap:20px ;flex-wrap: wrap;  grid-template-columns: repeat(5,1fr);}
.news-page .news-grid-3 {  width: calc(100% - 500px);margin:25px auto 0 auto;  display: grid; align-items: center;justify-content: center;grid-gap:20px ;flex-wrap: wrap;  grid-template-columns: repeat(3,1fr);}

.errorContainer {position: relative}

.section-contact {;position: relative;font-family: 'tt_norms_prothin';}
.section-contact .contact {width:45%;margin:0 auto;position: relative;}
.grid-form {display:grid;grid-template-columns: 1fr 1fr;justify-content: flex-start;align-items: flex-start;grid-gap:20px}


.btn-send {display:inline-block;padding:10px 20px;color:black;font-weight:bold;text-align: center}
.gradientGold { background:linear-gradient(45deg, #b96d19, #fccd4f, #e48d06);}

.btn-form-grid {display:grid;grid-template-columns: 30px 1fr  30px 150px;justify-content: flex-start;align-items: flex-start;color:white;grid-gap:20px;position: relative}
.btn-form-grid i{color:var(--color);font-size:2rem}

.form-input {position: relative;margin:10px 0 20px 0;color:white}
.form-label {position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.form-label-textarea {position: absolute;top: 10%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.form-input input::placeholder {  color: transparent;}
.form-input input{ padding:10px 10px;width:calc(100% - 20px);background-color:var(--form);color:var(--text);font-family: 'tt_norms_prothin';;font-size: 1rem;}
.form-input textarea{ padding:10px;;width:calc(100% - 21px);background-color:var(--form);height:139px;color:white;}

.form-input input:focus{ }
.form-input input:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;font-family: 'tt_norms_prothin' }

.form-input input:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  font-size:0.8rem}

.form-input input:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px; font-size:0.8rem}

.form-input textarea::placeholder {  color: transparent;opacity: 0;}
.form-input textarea:focus{ }
.form-input textarea:placeholder-shown ~ .form-label-textarea{position: absolute;top: 15px;    transform: translateY(-50%);left:10px;transition: all 0.2s;font-family: 'tt_norms_prothin' }
.form-input textarea:not(:placeholder-shown) ~ .form-label-textarea{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  font-size:0.8rem}
.form-input textarea:focus ~ .form-label-textarea { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px; font-size:0.8rem}

.form-input input[name="agree"] {width:20px}
.form-input  input[name="agree"].required {border:1px solid red}
.form-input  .requiredCheckbox {border:1px solid red}
.form-input span {color:black}


.error_info {position: absolute;  top: -10px;  right: 10px;  background-color: #9b0303;  padding: 5px;  border-radius: 5px;  font-weight: bold;}
.errorContainer {position: relative}
.errorContainer .error_info {position: relative;  left:0;right:unset;top:unset;  background-color: #9b0303;  padding: 5px;  border-radius: 5px;  font-weight: bold;color:white;display:inline-block;margin-bottom:10px}
.flex label {left:80px}

#filePreview {color:white;text-align: right}
#filePreview .attachment{margin-bottom:10px;position: relative}
#filePreview  i{color:red;padding-left:10px}



input[type="checkbox"].gold-border-checkbox { appearance: none;width: 26px;height: 26px;border: 1px solid #fab743;background-color: transparent;  cursor: pointer; position: relative;}

input[type="checkbox"].gold-border-checkbox:checked {  background-color: #fab743;  border-color: #fab743;}

input[type="checkbox"].gold-border-checkbox:checked::after {  content: "";  position: absolute;  top: 5px;  left: 9px;  width: 5px;  height: 10px;  border: solid black;  border-width: 0 2px 2px 0;  transform: rotate(45deg);}




#message {position:fixed;top:-150px; right:47%; background-color:green; border-radius:10px;opacity:1;box-shadow: 0px 0px 65px -5px black;z-index: 999}
#message .text{color:white;font-size:1rem; padding:30px 50px;line-height:200%;text-align: center}


.form-input label{font-size:1rem;;color:var(--text);font-family: 'tt_norms_prothin'} 
.form-input textarea::placeholder{font-size:1rem;;color:var(--text);font-family: 'tt_norms_prothin'} 
.form-input textarea:focus-visible{outline: none} 
input:focus-visible {  outline: none;}




footer {position: relative;margin-top:250px;bottom:50px;font-family: 'tt_norms_prothin';font-size:300}
footer .footer-grid-border{display:grid;grid-template-columns: 80% 20%;align-items: flex-end;justify-content: space-between; border-bottom: 1px solid transparent;position: relative;margin-bottom:20px}
footer .footer-grid{display:grid;grid-template-columns: 80% 20%;align-items: center;justify-content: space-between; position: relative;margin-bottom:20px}


footer .footer-phone {text-align: right; color:white;margin-bottom:10px}

footer .menu-container {margin-bottom:10px}
footer .footer-link {color:white;text-decoration: none;margin-right:50px;font-size:1rem;transition: all 0.5s ease}
footer .footer-link:hover {color:#d7a406;}

footer .hdweb {color:white;font-size:0.7rem}
footer img.webp-white {  filter: brightness(0) invert(1);}
.social-grid-footer {display: flex;grid-gap:20px;position: relative;text-align: right;align-items: flex-end;justify-content: flex-end}
.social-grid-footer img{max-width:30px}

.seo-city {font-size:0.7rem;color:#858484;}
.btn-phone-white {color:white;text-decoration: none;display:inline-block !important}

.elements {position: relative}
.elements .section-title {  margin: 50px 0;}
.elements .gradient-border {  bottom: -59px !important;}
.elements .elements-title{font-size:1.6rem;color:#d7a406;padding-bottom:20px}
.elements-container {;position: relative;color:white;min-height:500px;padding-top:150px;font-family: 'tt_norms_prothin';  font-size: 1.5rem;  text-align: left;display:inline-block}
.elements-container .elements-content { display:block; position: relative;  font-family: 'tt_norms_prothin';  font-size: 1.5rem;  color: white;  text-align: left;  padding: 0px;   width: 60%;  margin: 30px auto 80px auto;}

.elements-container .elements-content h3 {font-weight:bold;font-family: "TTChocolates-Regular"; border-bottom: 1px solid var(--color);  padding-bottom: 10px;
  margin-bottom: 10px;  position: relative;}
.elements-container .elements-content b {font-weight:bold;}


  .stage-icon { font-size: 4em; color: #d4af37; margin-bottom: 20px; }
 .elements-content .etapy-realizacji img {  height: auto !important;  width: 100%; }
 .elements-content  h2 {  font-weight:bold;font-family: "TTChocolates-Regular";}


.projekty-podstrona .gradient-border {  bottom: -59px!important;top:99px}
.projekty-podstrona .offer-box-container {  padding-top: 150px;}
.projekty-podstrona  .section-box {  width: calc(100% - 240px);margin-top:50px}
.projekty-podstrona .section-title {  margin: 50px 0;}
.projekty-podstrona.section-offer-box  {  margin:   0;}

.realizations-podstrona .gradient-border {  bottom: -59px!important;top:99px}
.realizations-podstrona .offer-box-container {  padding-top: 150px;}
.realizations-podstrona  .section-box {  width: calc(100% - 240px);margin-top:50px;grid-template-columns: repeat(4,1fr)}
.realizations-podstrona .section-title {  margin: 50px 0;}
.realizations-podstrona.section-offer-box  {  margin:  0;}


.project-details.section-offer-box  {  margin:  0;}
.realizacje.section-offer-box  {  margin:  0;}


.elements-content img{height:auto !important;width:37%;}
.signature {max-width:25%;  position: absolute;  right: 0;bottom:-10vw;height:auto !important;margin-right:0}



.grid-2 {display:grid; grid-template-columns: 1fr 1fr ;align-items: flex-start;justify-content: flex-start}
.grid-4 {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr;align-items: flex-start;justify-content: flex-start}
.grid-80-20 {display:grid; grid-template-columns: 90% 10%;align-items: center;justify-content: flex-start}
.grid-gap-1 {grid-gap:10px}
.grid-gap-2 {grid-gap:20px}
.grid-gap-3 {grid-gap:30px}
.grid-gap-4 {grid-gap:40px}
.grid-gap-5 {grid-gap:50px}
.grid-gap-9 {grid-gap:90px}
.grid-gap-0-2 {grid-gap:0 20px}


.grid-3t {display:grid; grid-template-columns: 1fr 1fr 1fr;align-items: self-start; }
.flex {display:flex}
.grid {display:grid}
.bb {border-bottom:1px solid var(--border);}
.bt {border-top:1px solid var(--border);} 
.bt-w {border-top:1px solid white} 
.br {border-right:1px solid var(--border);} 
.mb-05 {margin-bottom:0.5rem}
.mb-1 {margin-bottom:1rem}
.ml-1 {margin-left:1rem }
.ml-2 {margin-left:2rem}
.mb-2 {margin-bottom:2rem}
.mr-2 {margin-right:2rem}
.mr-1 {margin-right:1rem}
.mb-3 {margin-bottom:3rem}
.mb-4 {margin-bottom:4rem}
.mb-5 {margin-bottom:5rem}
.mb-6 {margin-bottom:6rem}
.mb-8 {margin-bottom:8rem}
.mt-03 {margin-top:0.3rem}
.mt-1 {margin-top:1rem}
.mt-10 {margin-top:10px}
.mb-10 {margin-bottom:10px}
.mt-2 {margin-top:2rem}
.mt-3 {margin-top:3rem}
.mt-4 {margin-top:4rem}
.mt-5 {margin-top:5rem}
.mt-6 {margin-top:6rem}
.mt-8 {margin-top:8rem}
.mt--10 {margin-top:-10px !important}
.mt--9 {margin-top:-9px !important}
.mt--5 {margin-top:-5px !important}
.pb-03 {padding-bottom:3px}
.pb-05 {padding-bottom:5px}
.pb-06 {padding-bottom:6px}
.pb-1 {padding-bottom:1rem}
.pb-2 {padding-bottom:2rem}
.pb-04 {padding-bottom:0.4rem}
.pb-10 {padding-bottom:10px}
.pb-20 {padding-bottom:20px}
.pt-1 {padding-top:1rem}
.pt-10 {padding-top:10px}
.pl-1 {padding-left:1rem}
.pl-2 {padding-left:2rem}
.pl-10 {padding-left:10px}
.pt-2 {padding-top:2rem}
.pr-1 {padding-right:1rem}
.pr-2 {padding-right:2rem}
.pr-50 {padding-right:50px}
.pr-100 {padding-right:100px}
.p1 {padding:1rem;}
.p2 {padding:2rem;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.text-red {color:var(--red);font-weight:bold}
.text-cyan {color:darkcyan;font-weight:bold;text-decoration: none}
.text-0-8 {font-size:0.8rem;}
.text-1 {font-size:1rem;}
.text-1-2 {font-size:1.2rem;}
.text-1-4 {font-size:1.4rem;}
.text-1-6 {font-size:1.6rem;}
.disabled {background-color:#c2c2c2}
.bold {font-weight:bold}
.dark-grey-box {background-color:var(--dark-grey); color:white;border-radius:10px; padding:20px; }
.hide {display:none}
.hide-f {display:none !important}
.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}
.pr {position: relative}
.oh {overflow: hidden}
.lh-2 {line-height:200%}
.w100 {width:100% !important} /* NEW */
.w50 {width:50% } /* NEW */
.w60 {width:60% } /* NEW */
.w70 {width:70% } /* NEW */
.w82 {width:82% } /* NEW */
.mw150 {min-width:150px}
.db {display:block}
.dib {display:inline-block}
.btn-container-right {position: relative;text-align:right }
.btn-container-center {position: relative;text-align:center}
.ar {position:relative; margin-right:0;margin-left:auto} /*  NEW  */
.al {position:relative; text-align: left} /*  NEW  */
.link-text {text-decoration:none;font-size:0.8rem;color:var(--dark-grey);}
.link-text:hover {text-decoration:underline;}
.link-pdf {text-decoration:none;font-size:1rem;color:var(--orange);font-weight: bold}
.link-pdf:hover {text-decoration:underline;}
.auto-rows {grid-auto-rows: 1fr;align-items: unset}
.h100 {height:100%;}
.grid-cb {display:grid; grid-template-columns: 20% 80%; justify-content: center;align-items: center}
.disabledBtn {background-color:grey !important;color:white !important}
.disabledBtnFav {color:grey !important}
.fr {float:right}
.orange {color:orange}
.dark-red {color:var(--red)}
.emptyInfo {background-color: white;padding:20px}
.backToTop {position: sticky;bottom: 20px;right: 0;background-color: white;border-radius: 50%;padding: 10px;box-shadow: 0px 0px 35px -10px black;left: 100%;display: inline-block;margin-bottom: 20px;}
.backToTop:hover {color:var(--red);}
.hideBack {display:none !important}
.gr13 {grid-row:1/3}
.gr12 {grid-row:1/2}
.gc914 {grid-column:9/14}
.gc913 {grid-column:9/13}
.v-center {display:flex;align-items: center;height:100%}
p {margin:0}
.tar {text-align: right}
 .checkCont input[type="checkbox"],.checkCont input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.mh60 {min-height:60px}
.mh100 {min-height:100px}
.mh150 {min-height:150px}
.mh200 {min-height:200px}
.mh300 {min-height:300px}
.mh500 {min-height:500px}
.pt-0 {padding-top:0}
.colorYellow {color:#ff9700}
.colorGreen {color:#3f9d3d}
.colorBlue {color:#056eb0}
.va-c {align-items: center}
.btn-text {text-decoration: none;color:var(--dark-grey);font-size:0.8rem}
.btn-text-white {text-decoration: none;color:var(--white);font-size:0.8rem}
.btn-text-orange {text-decoration: none;  color: #e05c0b;  font-weight: bold;}
.bg-white {background-color:white}
.to-right {float:right}
.grid-2t {display:grid; grid-template-columns: 1fr 1fr;align-items: start; }
.showMob {display:none}
.tr {text-align: right}
.tc {text-align: center}
.checkCont {display: inline-block;position: relative;padding-left: 35px;margin-bottom:0;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkmark { position: absolute; top: -1px; left: 0; height: 20px; width: 20px; background-color: white;border:2px solid #00aafb;border-radius:5px}
.checkCont:hover >.checkmark { background-color: #DFDFDF;}
.checkCont input:checked ~ .checkmark { background-color: #00aafb;}
.checkCont .checkmark:after { content: ""; position: absolute; display: none;}
.checkCont input:checked ~ .checkmark:after { display: block;}
.checkCont .checkmark:after { left: 6px;top: 2px; width: 5px; height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}

.fontTT {font-family: "TTChocolates-Regular";}


.modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
.close-button {position:absolute;right:0;margin:20px;width: 1.5rem;line-height: 1.5rem;text-align: center;cursor: pointer;border-radius: 0.25rem;background-color: #cecece;z-index:10;top:0}
.close-button:hover {background-color: darkgray;}
.show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
.show-modal.modal-i .info-ghost-box{padding: 10px 20px 10px 85px;font-size: 2rem;text-align: center;}
.modal-content {width: 720px;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background-color: white;  border-radius: 0.5rem;  display: block}
.modal-text {  text-align: center;  background-color: white;  border-radius: 0.5rem;}
.modal .powiadomienie { }
.modal .modalScroll {  max-height: 75vh;  overflow: auto;height:75vh}
.modal .msg-modal {text-align: left; padding:50px 20px 20px 20px;}
.modal .msg-modal .temat_wiadomosci {margin-bottom:20px}
.modal .title {font-weight:bold;font-size:1.2rem;margin:20px 0 }







#mobile {  opacity: 0;  visibility: hidden;  width: 100vw;  height: 100vh;  left: 0;  top: 0;  background-color: RGBA(0,0,0,0.9);  color: #fff;  z-index: 20;  display: block;  position: fixed;  transition: opacity .35s, visibility .35s, height .35s;}

.open {  opacity: 1 !important;  visibility: visible !important;  display: block !important; }
#mobile .menu-item {  font-size: 4vw;  color: white;  padding: 15px 5px 15px 40px;  text-transform: uppercase;  letter-spacing: 5px;  display: inline-block;   text-decoration: none;border-bottom: 1px solid #404040;
  width: 100%;}
#mobile ul, #mobile li {  list-style: none;}
#mobile .mobile-menu {  position: relative;  width: 100%;  text-align: left;  margin-top: 15%;  display: inline-block;  z-index: 2;  left: 0%;}
#mobile ul, #mobile li {  list-style: none;  padding: 0;  margin: 0;    margin-top: 0px;}





.show-modal-quqi {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
.quqi .modal-content {width: 100%;position: absolute;top: unset;left: 0;transform: unset;background-color: white;border-radius: 0;display: block;bottom: 0;}
.quqi .modal-content .modal-text .title {font-size:1.5rem}
.quqi .modal-content .modal-tresc {font-size:0.8rem}
.quqi .settings-quqi {max-width: 50%;  margin: 0 auto;  text-align: left;}
.quqi .title {  padding: 10px 0;position:relative;left:unset;top:unset;color:unset}
.quqi label {font-weight: bold}
.quqi .quqi-btn-container {text-align: center;display: flex;align-items: center;justify-content:center;grid-gap: 30px;position: relative;margin: 20px 0;}
.quqi .quqi-item {margin: 20px 0;}
.quqi .checkCont {  padding-left: 45px;}
.footer-quqi .settings-quqi {width:100%;max-width:100%}
.footer-quqi .title {font-weight: bold;  font-size: 1.5rem;}
.quqi .btn-orange-small{min-width:220px}
.quqi .set-quqi{min-width:200px}
.quqi .more-info-quqi{min-width:200px}
.quqi .btn-quqi-set{padding: 7px 10px;font-size: 0.8rem;}
.btn-orange-small {display: inline-block;text-align: center;padding: 8px 20px;color: black;background-color: #7CEA8D;border-radius: 5px;cursor: pointer;min-width: 100px;position: relative;text-decoration: none;font-weight: normal;box-sizing: border-box;}
.btn-cyan-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 8px 10px;color: white;border-radius: 5px;background-color: #4682F5;cursor: pointer;position: relative;font-weight: normal;text-decoration: none;min-width: 100px;box-sizing: unset;margin: 10px 0;max-width: 200px;width: calc(100% - 20px);}
.btn-cyan-ghost-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 7px 10px;color: #7a7979;border-radius: 5px;border: 1px solid #7a7979;cursor: pointer;min-width: 150px;max-width: 200px;width: 100%;position: relative;font-weight: normal;text-decoration: none;}
.btn-red-ghost-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 7px 10px;color: #c72f00;border-radius: 5px;border: 1px solid #AA0000;cursor: pointer;min-width: 150px;max-width: 200px;width: 100%;position: relative;font-weight: normal;text-decoration: none;}

.btn-orange {display: inline-block;text-align: center;padding: 11px 20px;color: var(--black);background-color: var(--orange);border-radius: 5px;cursor: pointer;min-width: 100px;position: relative;text-decoration: none;font-weight: 500;box-sizing: border-box;}


.loader {display:none}
.loader {position: fixed;z-index: 9999;background-color: RGBA(255,255,255,0.5);width: 100%;height: 100%;text-align: center;display:none;top:0;left:0}
.loader img {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);transform: -webkit-translate(-50%, -50%); transform: -moz-translate(-50%, -50%); transform: -ms-translate(-50%, -50%);}


.fa, .far, .fas {
  font-family: "Font Awesome 6 Free";
}

.fa-paperclip {
    --fa: "\f0c6";
    --fa--fa: "\f0c6\f0c6";
    font-family: "Font Awesome 6 Pro";font-weight: 100
}


@media screen and (max-width : 1600px) {
.news-page .news-module-foto {  height: 300px;}
.news-page .news-module-title { min-height:30px}
.slider .sliderBoxContainer {   top: calc(50% + 20px);  transform: translate(-48%, -50%);width:80% }

.elements-container .elements-content {  width: 80%;}
}

@media screen and (max-width : 1500px) {
.user-nav-item {   font-size: clamp(12px, 0.9vw, 20px);
}

@media screen and (max-width : 1360px) {
.slider .sliderBox .sliderText1 {  font-size: 5rem;}
 .slider .sliderBox .sliderText2 {  font-size: 5rem;}
 .news-page .news-module-foto {  height: 230px;}
  .news-page .news-module-title {  font-size: 1.2vw;}
 .news-page .news-module-title {  font-size: 1vw;}
 .news-page .news-grid-3 {  width: calc(100% - 350px);}
 .news-page .news-grid {  width: calc(100% - 350px);  grid-template-columns: repeat(4,1fr);}
}

@media screen and (max-width : 1280px) {
.navSticky  {position: absolute;top:10px; left:30px;display:block}
.navSticky img {max-width:30px}
.header .logo {  width: 80px;}
.header .nav-grid {display:none}
.social-grid {  grid-gap: 10px;  right: 30px;top:20px}
.social-grid img {  max-width: 20px;}

  .gradient-border {    top: 49px;    left: 29px;    right: 31px;    clip-path: polygon(0px 0px, 40% 0px, 40% 100px, 60% 100px, 60% 0px, 100% 0px, 100% calc(100% + 2px), 0px calc(100% + 2px));    bottom: 30px !important;
  }

  .project-details .gradient-border {  bottom: -99px !important;}
  .realizacje .gradient-border {  bottom: -99px !important;}
  .news-page .gradient-border {  bottom: -99px !important;}
  
 .slider_container {  min-height: 330px; }
.slider  {   max-width:100% }   
.slider .slider-title {    font-size: 8vw;    margin-top: 80px;  }   
.slider .slider-title::after {    bottom: -60px;  }  
.slider .slider-sub-title {    font-size: 1rem;  } 
.slider .text-number {    font-size: 1.4rem;}   
.slider .text-price {    font-size: 2rem;}   
.slider .sliderBox {    height: 700px;   }  
.sliderLogo img {  max-width: 160px;}  

 .slider .sliderBoxContainer {   top: calc(50% + 10px);transform: translate(-50%, -50%); width:72% }

.slider .sliderBox .sliderText1 {  font-size: 3rem;}
.slider .sliderBox .sliderText2 {  font-size: 3rem;}

.section-offer-box .section-box { grid-template-columns: 1fr 1fr;}
.section-offer-box .offer-box-item:hover .offer-box-text {  font-size: 2.3vw;}
footer .container {  width: 95%;  margin: 0 auto;  position: relative;}
.section-offer-box {  position: relative;  margin: 0px 0 0 0;}
 .section-offer-box.project-details {    position: relative;    margin: 50px 0 0 0;  }
 .section-offer-box.realizations-podstrona {    position: relative;    margin: 50px 0 0 0;  }
 .section-offer-box.realizations-podstrona .gradient-border{ top:0 ;bottom: -19px !important; }
 
 .close-hamburger-menu {    position: fixed;    bottom: 10px;    text-align: center;    padding: 10px;    width: calc(100% - 40px);    border: 1px solid white;    left: 10px;    cursor: pointer;  }
 
  #mobile.show-mobile {    opacity: 1;    visibility: visible;  }

footer .footer-link {  color: white;  text-decoration: none;  margin-right: 25px;  font-size: 1rem;  transition: all 0.5s ease;}


.news-page .section-items-news {  position: relative;  flex-basis: 48%;}
 .news-page .news-module-title {  font-size: 1.0vw;}
 
  .elements-content img{height:auto !important;width:100%;margin-bottom:50px}  
 .signature {  bottom: -15vw;}
 
 
 }


@media screen and (max-width : 1024px) {
.news-page .news-module-foto { height: 400px;}
.news-page .news-grid { width: calc(100% - 90px);  grid-template-columns: repeat(3,1fr);}
.news-page .news-grid-3 {  width: calc(100% - 90px);    grid-template-columns: repeat(1,1fr);}
 .news-page .news-module-title {  font-size: 1.5vw;}
}




@media screen and (max-width : 720px) {

.showMob {  display: block;}   
.navSticky  {position: absolute;top:10px; left:20px}
.navSticky img {max-width:30px}
.header .logo {  width: 80px;}
.header .nav-grid {display:none}
.social-grid {  grid-gap: 10px;  right: 20px;top:20px}
.social-grid img {  max-width: 20px;}

.gradient-border {  top: 49px;  left: 19px;  right: 21px; clip-path: polygon(0px 0px, 35% 0px, 35% 100px, 65% 100px, 65% 0px, 100% 0px, 100% calc(100% + 2px), 0px calc(100% + 2px)); bottom: 20px !important;}


  
 .slider_container {  min-height: 330px; }
 .slider_container   .gradient-border {  clip-path: polygon(0px 0px, 37% 0px, 37% 100px, 63% 100px, 63% 0px, 100% 0px, 100% 1px, 0px 1px);left:0;right:0  }
.slider  {   max-width:100% }   
.slider .slider-title {    font-size: 8vw;    margin-top: 80px;  }   
.slider .slider-title::after {    bottom: -60px;  }  
.slider .slider-sub-title {    font-size: 1rem;  } 
.slider .text-number {    font-size: 1.4rem;}   
.slider .text-price {    font-size: 2rem;}   
.slider .slider-box {    min-height: 80vh;  }  
.sliderLogo img {  max-width: 160px;}

.border-left-gold::before { left: -20px;top: 65%;  height: 120%;}
.section-btn-top::before {  top: 0px;  left: -10px;  width: 40%;  height: 1px;}
.section-btn-top::after {  top: -10px;  left: 0%;  height: 40px;  width: 1px;}
.section-btn::before {    right: -10px;  width: 50%;  height: 1px;}
.section-btn::after { bottom: -10px;  right: 0%;  height: 40px;  width: 1px;}
 .btn-ghost-gold {  bottom: -60px;  left: 0px; font-size: 3vw;    padding: 10px 15px; position: absolute}
  
  
  
.section-category .category-grid {grid-gap: 10px;  } 
.slider .sliderBox {  height: 330px;  }
.slider .sliderBoxContainer {   top: calc(50% + 20px);  }
.slider .sliderBox .sliderTitle {  font-size: 5vw;}  
.slider .sliderBox .sliderText1 {     font-size: 5vw;}       
.slider .sliderBox .sliderText2 {     font-size: 5vw;}   
.slider .sliderBox .sliderText3 {     font-size: 3vw;margin-top: 0px;}   
.slider .sliderBox {  background-size: cover;}    
.slider .sliderBox .sliderBtn {  padding: 5px 20px;  font-size: 0.9rem;  margin-top: 10px;}   
.nextItem {  right: 10px;}  
.prevItem {  left: 10px;}  


.section-title::before {  bottom: 0px;  right: -20px;  width: 100px;  height: 1px;}
.section-title::after {  bottom: -20px;  right: 0%;  height: 70px;  width: 1px;}
.section-title {  font-size: 1.5rem;  padding: 20px;  margin: 70px 0;}
.section-offer-box .section-box {  width: calc(100% - 40px); grid-template-columns: 1fr ;  grid-gap: 20px;margin: 0 auto 50px auto;}
.section-contact .contact {  width: calc(100% - 40px);}
.grid-form {  grid-template-columns: 1fr;grid-gap:0}
.form-input {  margin: 0px 0 20px 0;}
.btn-form-grid {  grid-template-columns: 30px 1fr;}


.offer-box-container .section-title {   padding: 20px;    margin: 50px 0px 70px 0;  }

footer {  margin-top: 120px;}

footer .footer-grid {  display: grid;  grid-template-columns: 1fr;  align-items: center;  justify-content: center;  margin-bottom: 20px;}
footer .footer-grid-border {  display: grid;  grid-template-columns: 1fr;  align-items: center;  justify-content: center;  margin-bottom: 20px;}
.social-grid-footer {  margin-top:20px;  grid-gap: 20px;  position: relative;  text-align: center;  align-items: center;  justify-content: center;}
.grid-footer {grid-template-columns: 1fr;display:grid;justify-content: center;align-items: center}
footer .hdweb {  color: white;  font-size: 0.7rem;  text-align: center;}
footer .footer-link { margin-right: 0;  font-size: 1rem;  text-align: center;  margin-bottom: 10px;}
.grid-2t {  display: grid;  grid-template-columns: 1fr;}
footer .footer-phone {text-align: center}


.elements .elements-title {  padding-bottom: 0px;}
.projekty-podstrona .section-title {  margin: 0 50px 50px 0;}
.realizations-podstrona .section-title {  margin: 0 50px 50px 0;}
.realizacje .section-title{  margin: 0 50px 50px 0;}
.kontakt-page .section-title {  margin: 0 50px 50px 0;}
.elements  .section-title {  margin: 0 50px 50px 0;}
.project-details .section-title {  margin: 0 0 50px 0;padding:10px;max-width:60%}
.project-details .offer-box-container {  padding-top: 60px;}
.projekty-podstrona .offer-box-container { padding-top: 60px;}
.realizations-podstrona .offer-box-container { padding-top: 60px;}
.elements-container  { padding-top: 120px;}
.elements-container .elements-content {  font-size: 4vw;width: 75%;}
.project-details .section-content {  font-size: 4vw;width: 75%;display:none}
.project-details.section-offer-box .section-box {  width: calc(100% - 80px);grid-template-columns: 1fr}

.projekty-podstrona .section-box {width: calc(100% - 80px);margin-top:0}
.projekty-podstrona.section-offer-box {  margin-top: 50px;}

.realizations-podstrona .section-box {width: calc(100% - 80px);margin-top:0}
.realizacje.section-offer-box .section-box {width: calc(100% - 80px);}
.kontakt-page .contact-info {  font-size: 4vw;  color: white;  text-align: left;  padding: 0px 0;  display: block;  margin: 30px 0 80px 60px;}
.kontakt-page .contact-info::after {  left: -30px;width: 0.5px;}
.kontakt-page #contactForm {width: calc(100% - 60px);  margin: 0 auto;} 
.section-offer-box .offer-box-item:hover .offer-box-text {font-size: 5vw;}

.projekty-podstrona .gradient-border {  top:0px;bottom: -19px !important;}
a[href="tel:502395705"] {display:none}
.mobPhoneSticky {position: sticky;  bottom: 10px;  right: 10px;   left: auto;  margin: 0 0 0 auto;  z-index: 11;width:50px;height:50px;}
.mobPhoneSticky a {background-color:black;border-radius:50%;display:flex;align-items: center;justify-content: center;box-shadow: 0 0 10px 0px black;height:100%;text-decoration: none}
.mobPhoneSticky a i{background: linear-gradient(0deg,#462523 0%,#cb9b51 45%,#f6e27a 60%,#f6f2c0 100%,#f6e27a 100%,#cb9b51 100%,#462523 100%);color: transparent;background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent;font-weight: bold;font-size: 1.6rem;text-decoration: none}

#mobile.show-mobile {opacity:1;visibility: visible}
.close-hamburger-menu {position: fixed;    bottom: 10px;    text-align: center;    padding: 10px;    width: calc(100% - 40px);    border: 1px solid white;    left: 10px;    cursor: pointer;}


.project-details .gradient-border {  bottom: -19px !important;  top: 0px !important;}
.news-page .news-grid {  width: calc(100% - 0px);}
.news-page .section-items-news {    flex-basis: 38%;  }
.news-page .news-module-foto {  height: 240px;} 
.news-page .news-module-title { min-height:unset}
.news-page .gradient-border {    bottom: -19px !important;  }
.news-page .news-grid-3 {  width: calc(100% - 90px);    grid-template-columns: repeat(1,1fr);}
.news-page .news-module-foto { height: 400px;}
.news-page .news-grid { width: calc(100% - 90px);  grid-template-columns: repeat(2,1fr);margin-top:0}
.news-module-title {font-size:0.8rem !important;min-height: 30px !important;}
  .kontakt-page .contact-info a {   color: white;text-decoration: none  }

.realizations-details .offer-box-container {  padding-top: 60px;}
.realizations-details  .section-title {    padding: 10px;    max-width: 60%; margin: 50px 0px 50px 0; }
.realizations-details.section-offer-box .section-box {  width: calc(100% - 80px);  grid-template-columns: repeat(1,1fr);}
.realizations-details .gradient-border {  bottom: -19px !important;}

.news-page .news {  padding-top: 60px;}

.kontakt-page .gradient-border {  bottom: -19px !important;  }

.elements .gradient-border {  bottom: -19px !important;}

.signature {max-width: 160px;  position: relative;float: right;bottom: 0;margin-bottom: 0 !important}

  table.single-column tr {    display: block;    margin-bottom: 10px;    height: auto !important;  }
  table.single-column td {    display: block;    width: 100% !important;    box-sizing: border-box;    height: auto !important;  }
  table.single-column ol {    padding:0; margin:0  }
 .elements-content .etapy-realizacji img {   margin-bottom: 0px;  }

}


@media screen 
and (max-width : 480px) {
.news-page .news-module-foto { height: 200px;}
.news-page .news-grid { width: calc(100% - 90px);  grid-template-columns: repeat(2,1fr);}
.signature {max-width: 160px;  }

}




@media only screen and (max-width: 800px) and (orientation: landscape) {
 .gradient-border {top: 49px !important;left: 29px !important;right: 31px !important;clip-path: polygon(0px 0px, 40% 0px, 40% 100px, 60% 100px, 60% 0px, 100% 0px, 100% calc(100% + 2px), 0px calc(100% + 2px)) !important; bottom: 30px !important;  }

 .slider .sliderBox .sliderText1 {    font-size: 4vw;  }
 .slider .sliderBox .sliderText2 {    font-size: 4vw;  }
 .slider .sliderBoxContainer {left: 90px; top: 170px; max-width: 70%; margin: 0;}
 .btn-ghost-gold { font-size: 2vw;    bottom: -80px;position: absolute;padding: 15px 25px;left:0}
  .slider_container {    min-height: 400px;  }
   .slider .sliderBox {    height: 400px;  }
 .section-btn-top::before {    top: 0px;    left: -10px;    width: 40%;    height: 1px;  }  
  .section-btn-top::after {    top: -10px;    left: 0%;    height: 40px;    width: 1px;  }  
 .section-btn::before {    right: -10px;    width: 50%;    height: 1px;  }  
  .section-btn::after {    bottom: -10px;    right: 0%;    height: 40px;    width: 1px;  } 
 .elements-content img{height:auto !important;width:100%}  
 .border-left-gold::before {  left: -30px;}

}