:root {


   --orange:           #ff6600; 
   --red:            #ee2b2c; 
   --text-color:     #000000; 
   --grey:           #666666;
   --dark-grey:      #353535;
   --in-basket:      #ffd700;
   --brown:      #52352c;
   --orange2:      #db1928;
   --blue:      #1853a1;
	--d: 2500ms;
	--angle: 90deg;
	--gradX: 10%;
	--gradY: 50%;
	--c1: rgba(255,128,0, 1);
	--c2: rgba(255,128,0, 0.1);    
    --border:        #A8A8A8; 
    --btn-yellow: #ffd700;
    --green: #3f9d3d;
    --black: #000000;
    --white: #ffffff;
}



h1,h2,h3,h4,h5,h6 {font-weight:unset;font-size:unset;padding:unset;margin:unset}
html 			{height:100%; position:relative; font-size:1rem;font-family: "Jura", sans-serif;}
body 			{margin:0;padding:0;color: #666;  background-color: #fff;  line-height: 1.7em;  font-weight: 500; }
img             {max-width:100%}
.container {max-width:1400px;width:100%;margin:0 auto;position: relative;box-sizing: border-box;height: 100%;}
.content {padding-top:90px}
.header {position: fixed;  width: 100%;  height: 90px;top:0;z-index: 99;transition: all 0.3s ease-in-out; ;box-shadow: 0 1px 0 rgba(0,0,0,.1); background: white; }
.logo {position:relative;display:inline-block;z-index: 10;height: 100%;}
.logo img{max-height:90%;max-width:unset}
.logo a{display: flex;  align-items: center;height:100%}
.position-fixed {  position: fixed;  top: 0;  width: 100%;  z-index: 9999; height:60px;   }
#header-placeholder {height:23px;background-color: white}

.nav-container { display: flex;grid-template-columns: 1fr 1fr ;justify-content:space-between;align-items: center;height:100%}
nav {display:block;position: relative;;min-height:50px;top:0px;z-index: 11}

nav ul {list-style: none;}
nav li{display: inline-block;margin-right:20px;;position: relative}
nav li a{color: #1e1f1f;text-decoration: none;font-size:0.9rem;font-weight: 600}

nav li::before {content: "";position: absolute;bottom: -15px;left: 0;width: 0%;height: 6px;background-color: #353636;transition: all 0.5s;z-index: -1;}
nav li:hover::before {  width: 100%;}

#navMobile {display:none}
.navMob {display:none}

.language-box {position: relative;display: inline-block;z-index: 13;text-align: center;} 
.language-box .dropbtn {  background-color: white;  color: black;}
.language-box .dropbtn-footer { background-color: transparent;  color: #1e1f1f; border: none;  font-size: 1rem;width: 100%;}
.language-box .dropbtn-footer:hover {  color: #1e1f1f; border: none;  font-size: 1rem;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;    z-index: 1;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}

.slider_container   {position: relative;;background-color: white}

.slider   {position: relative;max-width:100%;margin:0 0 0 auto;color:black;font-size: 0;line-height: 0}
.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:562px;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative}

.slider .slideContent {position: relative; background-color: rgba(24,83,161,.41);width: 100%;padding:20px 50px 10px 50px;text-align: center;line-height: 140%;font-size:2rem;margin-bottom: 150px;transition: all 0.5  ease-in}
.slider .sliderBoxContainer {position: relative;max-width:1100px; margin: 0 auto;z-index: 5;line-height:140%;height:100%;display: flex;
  align-items:self-end;}
.slider .sliderBox .sliderTitle {font-size: 3.6rem;  margin-bottom: 0px;color:var(--white);display: block;margin-bottom: 0px;}
.slider .sliderBox .sliderSubTitle {font-size: 2.5rem;  margin-bottom: 0px;color:var(--white);display: block;}
.slider .prev {position: absolute;  left: 10px;  top: calc(50% - 20px);  z-index: 99;  color: var(--white);font-size: 2rem;}
.slider .next {position: absolute;  right: 10px;  top: calc(50% - 20px);  z-index: 99;  color: var(--white);font-size: 2rem;}
  
  
.slider .slick-dots {  position: absolute;  bottom: 15px;  display: block;  width: 100%;  padding: 0;  margin: 0;  list-style: none;  text-align: center;}
.slider .slick-dots li button::before {  font-size: 2rem;}  
.slider .slick-dots li.slick-active button::before {  opacity: 0.75;  color: white;}
.slider .slick-dots li button::before {  color: #dedddd;}
  
.slider .slider-link {position: absolute;width:100%;height:100%; z-index: 9}
  
  
.slideContent {  opacity: 0;  transform: translateY(50px);}
.fadeInUp {  animation: fadeInUp 0.5s ease-out forwards;}
@keyframes fadeInUp {
  0% {    opacity: 0;    transform: translateY(50px);  }
  100% {    opacity: 1;    transform: translateY(0);  }
}
.fadeOutDown {  animation: fadeOutDown 0.5s ease-out forwards;}

@keyframes fadeOutDown {
  0% {    opacity: 1;    transform: translateY(0);  }
  100% {    opacity: 0;    transform: translateY(50px);  }
}

.box-calc {position: relative;width:100%;;background-color:var(--blue);padding:50px 0;margin:50px 0}
.box-calc .calc-grid{position: relative;display:flex;z-index: 1;grid-gap:50px}
.box-calc .box-calc-item{position: relative;flex-basis: 100%;text-align: center}
.box-calc .box-calc-item .calc-title{position: relative;font-size:2.8rem;color:white;line-height:120%;z-index:10;font-weight: bold;padding-left:2px}
.box-calc .box-calc-item .calc-text{position: relative;font-size:1.2rem;color:white;line-height: 1em;  font-weight: 500;margin-top:30px;text-transform: uppercase}
.box-calc .box-calc-item .calc-img{min-height:120px}


  
 .invest-grid  {display:grid;grid-template-columns: 1fr 1fr;grid-gap:10px;justify-content: flex-start;align-items: flex-start;margin:10px 0}
 .invest-grid  .invest-box{height:440px;padding:5vh 5vw;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative}
 .invest-grid  .invest-title{z-index: 2;position: relative;color:white;font-size:2.6rem;font-weight:600}
 .invest-grid  .invest-text{ position: absolute;  bottom: 20px;  left: 20px;  background-color: rgba(56,56,56,0.82);  padding: 10px 15px;  max-width: 300px;
  z-index: 5;color: #fdfefe;  font-size: 1rem; font-weight: 500; text-align: left; margin-bottom: 15px;min-height:100px;line-height: 120%}
  
.invest-grid  .invest-box::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-image: linear-gradient(180deg,#2c2d2d 10%,rgba(41,196,169,0) 60%);z-index: 1}
.invest-grid a{text-decoration: none}
.invest-grid h4{text-decoration: none}
.invest-grid .invest-logo{position: absolute;  right: 80px;  top: 50px;  z-index: 9;}
.invest-grid .invest-logo img{max-height:100px}
  
  
  
  
  .text_foto_container {position: relative;width:100%;;padding:50px 0;margin:50px 0}
  .text_foto {max-width:1400px;margin:0 auto}
  .text_foto .text-foto-grid  {display: grid;justify-content: flex-start;align-items: flex-start;grid-gap:40px}
  .text_foto .title-section  {font-weight: 700; text-transform: uppercase;font-size: 2.2rem;color: #1853a1 ;margin-bottom:12px}
  .text_foto .subtitle-section  {line-height: 120%; font-weight: 700;font-size: 1.3rem;color: #ff6803;margin-bottom:80px;position: relative;letter-spacing: -0.5px;}
  .text_foto .subtitle-section::after  {content:'';position: absolute;width:80px;height:7px;background-color:var(--blue);left:0;bottom:-30px}
  .text_foto .text-section  {line-height: 160%;font-weight: 500; font-size: 0.8rem}  
  .text_foto .grid-50-50 {grid-template-columns: 1fr 1fr;}
  .text_foto .grid-40-60 {grid-template-columns: 40% 60%;}
  .text_foto .grid-30-70 {grid-template-columns: 30% 70%;}
  .text_foto .grid-20-80 {grid-template-columns: 20% 80%;}
  .text_foto .grid-10-90 {grid-template-columns: 10% 90%;}
  .text_foto .grid-0-100 {grid-template-columns: 1fr;}

  
.paralaxa_container {background-position: center;background-size: cover;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;}
.paralaxa {max-width:1400px;margin:0 auto;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap}
.paralaxa .title-section  {font-weight: 500; text-transform: uppercase;font-size: 1.6rem;color: white ;margin-bottom:30px}
.paralaxa .text-section  {line-height: 160%;font-weight: 500; font-size: 1.4rem;color:white}  
.paralaxa .paralaxa-content  {text-align: center}  
  

  
 
 .news-container .title{font-size:1.4rem;font-weight:bold;;margin-bottom:20px;color:var(--grey)} 
 .news-container .news-title a{font-size:1.2rem;font-weight:bold;;margin-bottom:20px;color:var(--grey);text-decoration: none} 
 .news-container .news-text {font-size:1.2rem;font-weight:normal;color:var(--grey);} 
 .news-container .news-box {margin-bottom:20px} 
 

  

.contact_container   {position: relative;;background-color: var(--white);padding:20px 0}
.contact  {position: relative;max-width:1400px; margin:20px auto 0 auto}
.contact  .grid-contact {display: grid;  grid-template-columns: 60% calc(40% - 50px);justify-content:flex-start;align-items: flex-start;grid-gap:0 30px ;}
.contact  .grid-contact-icon {display: grid;  grid-template-columns: 20% 80%;  justify-content: flex-start;  align-items: center; margin-bottom:10px;border-bottom:1px solid #cecece; padding-bottom:10px}
.contact  .grid-contact-icon i {font-size:1.2rem;color:#616161}
.contact  .contact-left {padding:20px}
.contact  .contact-right {padding:20px}
.contact  .section-title {font-size:1.5rem;font-weight:bold;margin-bottom:10px}

.contact .contact-name {color:gray;font-size:1.5rem;margin-bottom:15px}
.contact .contact-phone {color:var(--blue);font-size:1.5rem;margin-bottom:15px;font-weight: 400}
.contact .contact-hour {color:var(--blue);font-size:1.2rem;margin:30px 0 20px 0 }
.contact .contact-hour-value {color:var(--blue);font-size:1.0rem;;font-weight: 400;margin-bottom:15px}
.contact .contact-hour-value span {color:grey}
.contact .icon {margin:20px 0 }


.form-input {position: relative;margin:10px 0;color:#cecece;font-size:0.85rem}
.form-label {position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.form-input input::placeholder {  color: transparent;}
.form-input input{ padding:10px;width:calc(100% - 20px);border:1px solid #d9d8d8;}
.form-input input:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.form-input input:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;font-family: "Jura", sans-serif; }
.form-input input:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: var(--white);  padding: 0 5px;  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: var(--white);  padding: 0 5px; font-size:0.8rem}
.grid-form { display: grid;grid-template-columns: 1fr 1fr;justify-content: flex-start;align-items: flex-start;grid-gap:0 20px ;margin-top:40px}
.form-input input[name="agree"] {width:20px}
.form-input input[name="agree2"] {width:20px}
.form-input input[name="agree3"] {width:20px}
.form-input  input[name="agree"].required {border:1px solid red}
.form-input  input[name="agree2"].required {border:1px solid red}
.form-input  input[name="agree3"].required {border:1px solid red}
.form-input  .requiredCheckbox {border:1px solid red}
.form-input span {color:black}
.form-input select {  width:100%}
.form-input select::placeholder {  color: transparent;}
.form-input select{ padding:10px;}
.form-input select:focus{ border:2px solid #00e42e !important;box-shadow:unset}
.form-input select:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s; }
.form-input select:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  border-radius: 5px;font-size:0.8rem}
.form-input select: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}

.flex label {left:80px}

.form-input textarea{width:calc(100% - 20px);height:200px;;border:1px solid #d9d8d8;padding:10px} 
.form-input label{font-size:1.0rem;color:#cecece;font-family: "Jura", sans-serif;} 
.form-input textarea::placeholder{font-size:1.0rem;color:#cecece;font-family: "Jura", sans-serif;} 
.form-input textarea:focus-visible{outline: 2px solid #00e42e;} 
.form-input select{width:calc(100% - 0px);border:1px solid #d9d8d8;padding:10px 6px;;background-color:white;font-size: 1rem;}
.form-input select.phone_prefix {display: inline-block;  width: 70px;  margin-right: 5px;}



.contact-title{font-weight:600} 
.contact-text{font-weight:400;font-size:0.9rem;margin-top:5px} 
.btn-send{width: 200px;  background-color: var(--blue); color:white; text-align: center;  padding: 10px;     margin: 0 0 0 auto;cursor:pointer} 
.id_aggre{position: absolute;  top: 25px;  left: 7px;  background-color: white;  color: red;  padding: 0px 10px;  font-size: 0.8rem;} 


.footer-content header .container {  width: 100%;}
footer {background-color:white;padding:10px 0 ;min-height:100px;margin-top:30px}
footer .countries {border-bottom:1px solid #cecece; padding-bottom:5px}
footer .countries ul {list-style:none; padding:0; margin:0; display: flex; justify-content: center;align-items: center}
footer .countries li {display:inline;padding: 5px 10px;}
footer .footer-logo img {max-width:50%}
footer .footer-text {color:#fff; text-align: left; padding-top:50px}
footer ul {list-style:none;padding:0;margin:0}
footer .footer-offer {display: inline-flex;justify-content: space-between;}
footer .footer-link {color:#b1b1b1; text-decoration:none;font-size:0.8rem;position:relative}
footer .footer-link:hover {color:var(--orange); text-decoration:underline;}
footer .footer-offer-title {color:#b1b1b1; font-weight:700}
footer .text-center {text-align:center; font-size:0.8rem; color:#cecece; padding:10px 0 }
footer .menu-container {display: flex;justify-content: center;width: 90%;margin: 0 auto;margin-top:30px;grid-gap:50px}
footer h3 {font-size:0.8rem; color:white; font-weight:bold;text-decoration:none}
footer .footer-box  {position:relative;flex-basis: 100%}
footer .footer-box a {text-decoration:none;}

footer .footer-grid-grey {display:grid;grid-template-columns: 300px 1fr;grid-gap:20px;justify-content: flex-start;align-items: flex-start}
footer .footer-contact-box {margin-top: 30px;;font-size:0.8em}
footer .footer-contact-box-text {color:white}
footer .footer-contact-box .grid-20-80 {justify-content: center;align-items: center}
footer .footer-contact-box i {font-size:2rem;color:var(--orange)}
footer .footer-phone {color:white;font-weight:bold;font-size:1.2rem}
footer .footer-phone .footer-link{color:var(--orange);font-size:1rem}

.footer-menu {display:flex}


  
  footer .btn-footer-nav {color:var(--blue);font-size:0.9rem;text-decoration: none;margin-right:15px}
  
  
footer .footer-left {line-height: 220%}
footer .footer-title {font-size:1.5rem;font-weight:700}
footer .footer-subtitle {font-size:0.9rem}
footer .footer-phone {font-size:0.8rem;color:var(--blue)}
footer .footer-text-small {font-size:0.75rem;line-height:150%;color:#8b8a8a}
footer .btn-footer-text {font-size:0.9rem;color:var(--blue);text-decoration: none}

footer .footer-section {margin:50px 0 }
footer .footer-logo-section {display:inline-block;flex-basis: 100px}
footer .footer-logo-section img{max-width:100%}
footer .footer-text-section {display:inline-block;flex-basis: 100%}

 

.invest-details {position: relative;margin-top:90px}
.invest-header-foto {display:grid;grid-template-columns: 1fr 1fr;grid-gap:10px;justify-content: flex-start;align-items: flex-start;min-height:500px}
.invest-details .invest-logo{position: absolute;  right: 15px;  top: 15px;  z-index: 9;}
.invest-details .invest-logo img{max-height:100px}
.invest-details  .invest-box {height:calc(100vh - 200px);background-position: center;background-size: cover;background-repeat: no-repeat;position: relative ;line-height: 400%;padding:15px 20px}
.invest-details  .invest-box:first-of-type::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-image: linear-gradient(180deg,#2c2d2d 10%,rgba(41,196,169,0) 60%);z-index: 1}
.invest-details  .invest-title {z-index: 2;position: relative;color:white;font-size:4.0rem;font-weight:500}
.invest-details  .invest-title span{z-index: 2;position: relative;color:white;font-size:2.2rem;font-weight:500;display:block}
.invest-details  .invest-content{max-width:1400px;margin: 0 auto}
.invest-details  .invest-nav{display:flex;margin-top:100px}

.invest-details  .invest-btn{width:20%;text-align: center; position: relative;padding:15px 30px;border:1px solid #686969;font-size:1rem;color:#686969;margin-right:5%;transition: all 300ms ease 0ms;cursor: pointer}
.invest-details  .invest-btn:hover{color: #ff6803;  border: 1px solid #ff6803;}

.invest-details  .invest-description{position: relative;width:80%;margin:50px auto;line-height: 140%;font-size:0.975rem}
.invest-details  .invest-name{position: relative;color: #1853a1;font-size: 35px;font-weight: bold; line-height: 1;  text-transform: uppercase;padding-top:15px}
.invest-details  .invest-description:before{content:'';position:absolute;top:0px;left:-20px;width:1px;height:60%;background:#1853a1}
.invest-details  .invest-description:after{content:'';position:absolute;top:80px;left:-80px;width:80%;height:1px;background:#1853a1}
.invest-details  .invest-text{margin-top:50px}
.invest-details  .sortable {  cursor: pointer;  position: relative;}

.invest-details  .sort-arrow {  position: relative;     border-left: 5px solid transparent;  border-right: 5px solid transparent;  opacity: 1;cursor:pointer }
.invest-details  .sort-arrow.asc {  border-top: 5px solid #fff; }
.invest-details  .sort-arrow.desc {  border-bottom: 5px solid #fff; }
.invest-details  .sort-arrow.asc.active { border-top: 5px solid  var(--orange) }
.invest-details  .sort-arrow.desc.active { border-bottom: 5px solid  var(--orange) }
.invest-details  .arrowContainer {  position: relative;display:inline-flex;align-items: center;justify-content: center}


.grid-offer-header {display:flex;justify-content: flex-start;align-items: center;background-color:var(--blue);font-weight:bold;padding:10px 5px;font-size:1rem;text-align: center;color:white}
.grid-offer-list {display:flex;;justify-content: flex-start;align-items: center;font-size:1rem;text-align: center;padding:10px 0;color:red }
.grid-offer-list.wolne {color:var(--blue) }
.grid-offer-list:nth-child(odd) {background-color: #EEEEEE;}

.grid-offer-header > div {flex-basis: 100%}
.grid-offer-list > div {flex-basis: 100%}

.invest-gallery {display:flex;grid-gap:10px}
.invest-gallery .gallery-item{flex-basis: 100%; background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;height:300px;}



.news .section-items-news {display:block;}
.news .news-module-foto {min-height:150px;background-position: center;background-size: cover;background-repeat: no-repeat}
.news .btn-item-details {color:var(--orange);;text-align: right;padding:10px;display:block;margin-top:10px;text-decoration: none}
.news .news-module-title {font-weight:bold;font-size:1.2rem;margin-bottom:10px}
.news .section-title{font-size:2.2rem;font-weight:bold;margin:20px 0;text-shadow: 2px 2px 0em rgba(0,0,0,0.4);color: #fff}
.news-grid {display:grid;grid-template-columns: 1fr 1fr 1fr;justify-content: flex-start;align-items: flex-start;grid-gap:75px}

.news .news-module-content {background-color:#f8f8fa;}
.news .news-header {padding:10vh 5vw 15vh 5vw;background-position: center;background-size: cover;background-repeat: no-repeat}






.products .container {max-width:1500px;margin:20px auto;background-color:white;padding:20px;position: relative;border-radius: 5px;}
.products .section-items-products {display:grid;grid-template-columns: 200px auto;justify-content: flex-start;align-items: flex-start;grid-gap:20px;border-bottom:1px solid #cecece;margin-bottom:10px; padding-bottom:10px}
.products .products-module-foto {min-height:150px;background-position: center;background-size: cover;background-repeat: no-repeat}
.products .btn-item-details {background-color:var(--orange);color:white;font-weight:bold;text-align: center;width:200px;padding:10px;display:inline-block;border-radius:5px;margin-top:10px;text-decoration: none}
.products .products-module-title {font-weight:bold;font-size:1.2rem;margin-bottom:10px}
.products .section-title{font-size:1.2rem;font-weight:bold;margin:20px 0;}


.red-text {color:red;font-weight:bold;}


  .gm-ui-hover-effect {    outline: none !important;    box-shadow: none !important;    border: none !important; }
  .gm-ui-hover-effect > span {    background: black !important;  }
.workshop_details {display:grid;grid-template-columns: 30% 70%;grid-gap:20px;justify-content: flex-start;align-items: flex-start;padding:20px 0}



.prevItem, .nextItem {  display: inline-block;color: black;cursor: pointer;z-index: 9;position: absolute;  top: 45%;  background-color: white;  border-radius: 50%;  box-shadow: 0 0 29px -4px #b6a7a7;  padding: 10px;}
.prevItem {left:-20px;}
.nextItem {right: -20px;}


.btn-yellow-std {display: inline-block;text-align: center;padding: 8px 20px;color: black;background-color: var(--btn-yellow);border-radius: 5px;cursor: pointer;min-width: 100px; position: relative;font-size: 0.8rem;}
.btn-yellow-std:hover {background-color:var(--btn-yellow);color:black;}

.btn-orange-ghost{display:inline-block; text-align: center;padding:8px 15px; color:orange; border-radius:5px;cursor:pointer;position:relative; border:1px solid orange;font-size:1rem;font-weight:normal} 
.btn-orange-ghost:hover { } 


.btn-cyan-ghost-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 7px 0px;color: darkcyan;border-radius: 5px;border: 1px solid darkcyan;cursor: pointer;min-width: 150px;max-width:200px; width:100%;position: relative;font-weight: normal;text-decoration: none;} 
.btn-cyan-ghost-small:hover {  background-color: darkcyan;color:white} 

.btn-red-ghost-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 7px 0px;color: var(--red);border-radius: 5px;border: 1px solid var(--red);cursor: pointer;min-width: 150px;max-width:200px; width:100%;position: relative;font-weight: normal;text-decoration: none;} 
.btn-red-ghost-small:hover {  background-color: var(--red);color:white} 












.btn-select-supervisors {position: absolute;right:-1px;top:0px;background-color:var(--orange);color:black;padding:9.2px 20px; border-radius:5px;cursor:pointer;text-decoration: none}
.btn-select-distributor {position: absolute;right:-1px;top:0px;background-color:var(--orange);color:white;padding:9.2px 20px; border-radius:5px;cursor:pointer;text-decoration: none;font-weight:bold}
.btn-select {position: relative;background-color:var(--orange);color:white;padding:5px 10px; border-radius:5px;cursor:pointer;text-decoration: none;text-align: center;font-weight: bold}




input:focus {    outline: none !important;    box-shadow: 0 0 10px #719ECE;  }

.required {border:2px solid red !important}
.required::after {position: absolute;content:'';width:20px; height:30px; background-color:blue;}
.error_info {  position: absolute;  top: -9px;  right: 10px;  background-color: white;  color: red;  padding: 0px 10px;  font-size: 0.8rem;}
.distr .error_info {  position: absolute;  top: -9px;  right: 110px;  background-color: white;  color: red;  padding: 0px 10px;  font-size: 0.8rem;}
.suprv .error_info {  position: absolute;  top: -9px;  right: 110px;  background-color: white;  color: red;  padding: 0px 10px;  font-size: 0.8rem;}


.btn-back {display:inline-block;padding:10px 30px;background-color:#c2c2c2;color:white;border-radius:10px;font-size:1.2rem;border:none}
.btn-not-data {display:inline-block;padding:10px 30px;background-color:#444;color:white;border-radius:10px;font-size:1.2rem;border:none}
.btn-grey {display:inline-block;padding:10px 30px;background-color:grey;color:white;border-radius:10px;font-size:1rem;border:none;cursor:pointer}
.btn-green {display:inline-block;padding:10px 30px;background-color:green;color:white;border-radius:10px;font-size:1rem;border:none;cursor:pointer}
.btn-save {display:inline-block;padding:10px 30px;background-color:green;color:white;border-radius:10px;font-size:1.2rem;border:none;cursor:pointer}
.btn-save.disabled {background-color:#c2c2c2}
.btn-gus {background-color: #667cd1;  display: inline-block;  border-radius: 5px;  color: white;  padding: 9px 10px;  position: absolute;  right: -1px;top:0px;  cursor: pointer;}
.btn-save[disabled] {background-color:grey}
#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}

.btn-add-section { border:none; display: inline-block;  font-size: 0.8rem;  text-align: center;  padding: 8px 10px;  color: white;  border-radius: 5px;  background-color: darkcyan;  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-small { border:none; display: inline-block;  font-size: 0.8rem;  text-align: center;  padding: 8px 10px;  color: white;  border-radius: 5px;  background-color: darkcyan;  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-red-small {display:inline-block; text-align: center;padding:7px 20px; color: var(--red); border:2px solid  var(--red);border-radius:5px;cursor:pointer;min-width:100px;position:relative;font-size:0.8rem} 
.btn-red-small:hover {  background-color: var(--red);color:white} 



.invest-ended-header {padding-top: 10vh; padding-right: 5vw;  padding-bottom: 10vh;  padding-left: 5vw;background-color: #31352f;color:white;max-width:calc(1400px - 10vw); margin:90px auto 0 auto;font-size:2.2rem;}
.invest-ended {max-width:1400px; margin:0px auto 0 auto}
.invest-ended-grid {display:grid;grid-template-columns: 1fr 1fr ;justify-content: flex-start;align-items: center;grid-gap:50px;margin-top:25px}
.invest-ended-box {height: 40vh;max-height:300px;  background-position: center;  background-size: cover;  background-repeat: no-repeat;  position: relative;  line-height: 200%;  padding: 5vh 4vw;}
.invest-ended-box::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-image: linear-gradient(180deg,#2c2d2d 10%,rgba(41,196,169,0) 60%);z-index: 1}

.invest-ended  .invest-ended-title{z-index: 2;position: relative;color:white;font-size:1.7rem;font-weight:600}
.invest-ended  .invest-ended-text{ position: absolute;  bottom: 20px;  left: 20px;  background-color: rgba(56,56,56,0.82);  padding: 10px 15px;  max-width: 300px;  z-index: 5;color: #fdfefe;  font-size: 1rem; font-weight: 500; text-align: left; margin-bottom: 15px;min-height:100px;line-height: 120%}
.invest-ended  .invest-ended-short{ font-size:1.4rem;line-height: 150%;font-weight: 300}


#map {width: 100%; height: 400px;margin-top:5px }


.text-white-big {font-size:3rem; color:white;}
.text-white-medium {font-size:2rem; color:white;}
.text-white-normal {font-size:1rem; color:white;}
.text-white-small {font-size:0.8rem; color:white;}
.text-white-tiny {font-size:0.7rem; color:white;}
.text-white-micro {font-size:0.6rem; color:white;}

.text-big {font-size:4rem; }
.text-medium {font-size:2.5rem;}
.text-middle {font-size:2rem;}
.text-normal {font-size:1rem;}
.text-small {font-size:0.8rem; }
.text-tiny {font-size:0.7rem;}
.text-micro {font-size:0.6rem; }

.font-big {font-size:3rem; }
.font-medium {font-size:2rem;}
.font-middle {font-size:1.5rem;}
.font-normal {font-size:1rem;}
.font-small {font-size:0.8rem; }
.font-tiny {font-size:0.7rem;}
.font-micro {font-size:0.6rem; }

.text-1-2 {font-size:1.2rem; }
.text-1-4 {font-size:1.4rem; }
.text-1-6 {font-size:1.6rem; }
.text-1-8 {font-size:1.8rem; }

.t-100 {font-weight: 100}
.t-200 {font-weight: 200}
.t-300 {font-weight: 300}
.t-500 {font-weight: 500}
.t-700 {font-weight: 700}
.t-900 {font-weight: 900}


.text-italic {font-style: italic}
.text-blue {color:#3d759c}
.text-quote {position: relative;}
.text-quote::before {position: absolute;content: '“';width:60px;height:60px;left:-80px;top:-40px;font-size:5rem;color:var(--brown);font-weight: bold}
.text-quote::after {position: absolute;content: '“';width:60px;height:60px;right:-80px;bottom:-40px;font-size:5rem;color:var(--brown);transform: rotate(180deg);font-weight: bold}

.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-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-10 {padding-right:10px}
.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-orange {text-decoration:none;font-size:1.2rem;color:var(--orange);font-weight:bold}
.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(--blue);}
.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}

.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);}


.warning-box {padding:20px 20px 20px 85px;text-align: left;border-radius:10px;position: relative;border:2px solid #f7c502;font-size:1rem;height:100%;display:flex}
.warning-box .warning-icon{position: absolute;background-color: #f7c502;height: 100%;width: 70px;top: 0;left: 0;
border-radius: 7px 0 0 7px;display: flex;justify-content: center;align-items: center;font-size: 2rem;color: white;}
.container-modal.warning-box .title{text-align: center}
.warning-box-span {grid-column: 2/2 span;}


#nav-icon3 {
  width: 40px;
  height: 40px;
  position: relative;
  -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;
}
 #nav-icon3 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #d3531a;
  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;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

@property --gradX {
  syntax: '<percentage>';
  initial-value: 50%;
  inherits: true;
}

@property --gradY {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}


@keyframes borderRotate {
	100% {
		--angle: 420deg;
	}
}

@keyframes borderRadial {
	20% {
		--gradX: 100%;
		--gradY: 50%;
	}
	40% {
		--gradX: 100%;
		--gradY: 100%;
	}
	60% {
		--gradX: 50%;
		--gradY: 100%;
	}
	80% {
		--gradX: 0%;
		--gradY: 50%;
	}
	100% {
		--gradX: 50%;
		--gradY: 0%;
	}
}






.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: 40vh;  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: 9;  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: 10px 5px 10px 40px;  text-transform: uppercase;  letter-spacing: 5px;  display: inline-block;  text-decoration: none;}
#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;}


	.navSticky  {position: fixed;top: 0;z-index: 99;background-color:white;width:100%;grid-gap: 1%;box-shadow: 0px 0px 10px 0px black;}
	.navSticky  .headerSticky {   display: flex;  align-items: center;   padding: 10px;   grid-gap: 1%;;}
	.navSticky  .btn-nav-sticky { display: inline-block;text-align: center;text-decoration: none;color: var(--blue2);font-size:0.8rem;width:100%;position: relative;cursor:pointer}
	.navSticky  .btn-nav-sticky:hover { color: var(--blue2);}
	.navSticky  .btn-nav-sticky i{ font-size: 1.2rem;width:100%}
	.navSticky  .btn-nav-sticky i.rotateIcon{ transform: rotate(45deg);left: 5px;top: 5px;}
	.navSticky  .btn-nav-sticky:hover i{ color: var(--blue);}
	.navSticky  .hamburger-inner::before{top:-7px}
	.navSticky  .hamburger-inner::after{top:7px}
	.navSticky  .cart-item { top: 2px; left: unset;right:10%;width: 12px;height: 12px;font-size: 0.6rem;}
	.navSticky  .hamburger-inner, .navSticky .hamburger-inner::before, .navSticky .hamburger-inner::after {   width: 30px;}
	.navSticky  .hamburger-box {    width: 30px;height:15px}
	.navSticky  .hamburger-1.nol {   text-align: center;width:100%;top:0}
	.navSticky  .hamburger-text {  display:block; text-align: center;font-size:0.8rem;color: var(--text);}
	.hamburger-1.hamburger {display:none }
	.hamburger-1.hamburger.is-active {display:block !important}







.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(--white);background-color: var(--orange);border-radius: 5px;cursor: pointer;min-width: 100px;position: relative;text-decoration: none;font-weight: bold;box-sizing: border-box;}
.btn-next {display: inline-block;text-align: center;padding: 11px 20px;color: var(--white);background-color: var(--orange);border-radius: 5px;cursor: pointer;min-width: 100px;position: absolute;text-decoration: none;font-weight: bold;box-sizing: border-box;right:20px;bottom:10px}




.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%);}


.text-bold {font-weight:bold;}

#navMobile {display:none}




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


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

    
}

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

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





@media screen and (max-width : 720px) {
.container { max-width: 100%;}
.showMob {  display: block;}   
.hideMob {  display: none;}   
.header { height: 80px;}
#header-placeholder {height:10px}
#navMobile {display:block}
#navMobile .hamburger i {color:var(--blue);font-size:1.6rem;}
nav {display:none}

.navMob {position: fixed;display:none;width:calc(100% - 40px);background-color:white;margin-left:20px;top:80px;z-index: 10;border-top:3px solid var(--blue)}
.navMob ul{list-style: none;margin: 0;    padding: 0;}
.navMob li{padding:10px 20px;border-bottom:1px solid rgba(0,0,0,.03);}
.navMob a{color:#1e1f1f;text-decoration: none}

.logo img {  max-height: 50%;}
.logo {  flex-basis: 50%;}
.nav-container {  justify-content: space-around;}
.invest-grid { grid-template-columns: 1fr;}
.text_foto_container {padding: 0 5px;width:calc(100% - 10px)}
.text_foto .grid-50-50 {  grid-template-columns: 1fr;}
.box-calc .calc-grid { flex-wrap: wrap;}

footer .grid-2 {  grid-template-columns: 1fr;}
footer .container {padding:0 20px}
.contact .grid-contact {  grid-template-columns: 1fr;}
.grid-form {  grid-template-columns: 1fr;}

.slider .sliderBox {  height: 250px;}
.slider .slideContent {  padding: 0 20px;line-height: 110%;margin:0 0 40px 0}
.slider .sliderBox .sliderSubTitle {  font-size: 1.6rem;}
.slider .sliderBox .sliderTitle {  font-size: 1.6rem;}
.slick-dotted.slick-slider {  margin-bottom: 10px !important;}

.invest-grid .invest-logo { right: 10px;top:40px}
.invest-grid .invest-text {min-height: 80px;}
.invest-grid .invest-title {  font-size: 2.0rem;padding-right:40%}
.invest-grid .invest-logo img {  max-height: 40px;}

.invest-header-foto {  grid-template-columns: 1fr;}

.invest-details .invest-title {  font-size: 2rem;padding-right:40%;line-height: 110%;}
.invest-details .invest-logo img {  max-height: 40px;}
.invest-details .invest-logo { right: 10px;top:40px}
.invest-details .invest-title span {  font-size: 1.6rem;}
.invest-details .invest-box {  height: 200px;}


.invest-details .invest-nav {  flex-wrap: wrap;margin:0 auto;width:calc(100% - 20px);margin-top: 50px;}
.invest-details .invest-btn {  width: 100%;margin-bottom:20px;margin-right: 0%;}
.invest-gallery {  flex-wrap: wrap;}
.invest-gallery .gallery-item {  height: 200px;}
.invest-details .invest-name {  font-size: 1.4rem;}

.news-grid {  grid-template-columns: 1fr;grid-gap:20px}

.modal .modalScroll {  max-height: 80vh;  overflow: auto;height:75vh}
.quqi .modal-content .modal-text .title {  font-size: 1.2rem;}
.quqi .settings-quqi {  max-width: 90%;font-size:0.8rem}
.quqi .quqi-btn-container .btn-orange-small {  min-width: 100px;width:100%}


}