.lead-wrapper {
  position: fixed;
  bottom: 25px;
  left: 15px;
  right: 10px;
  max-width: 400px;
  z-index: 9999999999 !important;
}

.lead-circle {
  position: fixed;
  bottom: 30px;
  left: 32px;
  right: 10px;
  z-index: 999999 !important;
}

.lead-circle-inner {
  display: flex;
	justify-content: center;
  align-items: center;
  position: relative;
  width: 160px;
  height: 50px;
  box-shadow: 0 5px 30px rgb(75 17 47 / 20%);
  color: #fff;
  font-size: 24px;
  background-color: #151515;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
}

.lead-circle-inner span {
	font-size: 15px;
  margin-right: 9px;
}

.lead-circle-link {
	cursor:pointer;
}

.lead-wrapper .lead-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  width: 100%;
  height: 110%;
  background-color: #151515;
  border-radius: 20px;
  box-shadow: 0 5px 30px rgb(75 17 47 / 20%);
  padding: 25px;
  position:relative;
}

.lead-wrapper .lead-inner h2 {
  font-size: 18px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 12px;
}

.lead-wrapper .lead-inner p {
  color: #fff;
  font-weight: 500;
  font-size: 13px;
}

.lead-wrapper .lead-inner .lead-form-success p {
  color: #29e829;
  font-weight: 500;
  font-size: 15px;
}

@media (max-width:768px){
  .lead-wrapper, .lead-circle {
  	bottom:20px;
    left:10px;
  }
  .lead-circle-inner {
    width: 160px;
    height: 50px
    font-size:24px;
  }
}

.lead-circle {
  max-width:160px;
}

.lead-wrapper .lead-inner .lead-form-wrapper {
  display: flex;
  align-content: center;
  flex-direction: row;
  align-items: center;
  position:relative;
}

.lead-wrapper .lead-inner .lead-input {
  padding: 15px 15px 15px 60px;
  border-radius: 8px;
  border: 0;
  width: 100%;
  margin-right: 15px;
  font-size: 18px;
  position:relative;
}
.lead-wrapper .lead-inner .btn-lead:hover {
  background-color: #d3931b;
}

.lead-form-wrapper:before {
  content: '+420';
  position: absolute;
  color: #a5a5a5;
  font-size: 18px;
  z-index: 1;
  margin-left: 12px;
  top: 15px;
}

.lead-wrapper .lead-inner .btn-lead {
  width: 160px;
  color: #fff;
  background-color: #caa45c;
  border-radius: 8px;
  border: 0;
  font-size: 15px;
}

.lead-wrapper .lead-inner .close-button {
	font-size: 25px;
  color: #fff;
  position: absolute;
  top: 8px;
  right: 16px;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.lead-wrapper .lead-inner .close-button:hover {
	opacity:1;
  filter: alpha(opacity=100);
}

.lead-wrapper .lead-inner input.lead-input:focus {
  outline: none;
}

.lead-wrapper .lead-inner input.lead-input:after {
  position: absolute;
  font-size: 15px;
  color: #161616;
}

.lead-form-success, .lead-form-error {
	display:none;
}

.lead-wrapper .lead-form-success p {
  color: #29e829;
}

.lead-wrapper .lead-form-error p {
	color: #ed4337;
}

@media (max-width: 768px){
  .lead-wrapper .lead-inner {
    height: 120%;
  }
  .lead-wrapper .lead-inner h2 {
    font-size: 17px;
  }
  .lead-wrapper .lead-inner .lead-form-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .lead-form-wrapper:before {
    top: 12px;
  }
  .lead-wrapper .lead-inner p {
    font-size: 13px;
  }
  .lead-wrapper .lead-inner .btn-lead {
    width: 100%;
  }
  .lead-wrapper .lead-inner .lead-input {
    padding: 12px 15px 12px 60px;
    margin-bottom: 10px;
  }
}

/* HIDE LEAD COLLECTOR FROM MOBILE */

@media (max-width: 768px){
  .lead-wrapper,
  .lead-circle {
    display: none !important;
  }
}