
:root {
  --primary-color: #0b7a53;
  --text-color: #595959;
  --error-color: #e31e24;
  --add-color:#ffffff;
}
@font-face {
  font-family: 'ProximaNova';
  src        : local('ProximaNova'), local('ProximaNova-Black'), url(../fonts/ProximaNova-Black.woff2) format('woff2'), url(../fonts/ProximaNova-Black.woff) format('woff');
 font-display: block;
  font-weight: 900;
  font-style : normal
}
@font-face {
  font-family: 'ProximaNova';
  src        : local('ProximaNova'), local('ProximaNova-Bold'), url(../fonts/ProximaNova-Bold.woff2) format('woff2'), url(../fonts/ProximaNova-Bold.woff) format('woff');
 font-display: block;
  font-weight: 700;
  font-style : normal
}
@font-face {
  font-family: 'ProximaNova';
  src        : local('ProximaNova'), local('ProximaNova-Extrabold'), url(../fonts/ProximaNova-Extrabld.woff2) format('woff2'), url(../fonts/ProximaNova-Extrabld.woff) format('woff');
 font-display: block;
  font-weight: 800;
  font-style : normal
}
@font-face {
  font-family: 'ProximaNova';
  src        : local('ProximaNova'), local('ProximaNova-Light'), url(../fonts/ProximaNova-Light.woff2) format('woff2'), url(../fonts/ProximaNova-Light.woff) format('woff');
 font-display: block;
  font-weight: 300;
  font-style : normal
}
@font-face {
  font-family: 'ProximaNova';
  src        : local('ProximaNova'), local('ProximaNova-Regular'), url(../fonts/ProximaNova-Regular.woff2) format('woff2'), url(../fonts/ProximaNova-Regular.woff) format('woff');
 font-display: block;
  font-weight: 400;
  font-style : normal
}
@font-face {
  font-family: 'ProximaNova';
  src        : local('ProximaNova'), local('ProximaNova-Semibold'), url(../fonts/ProximaNova-Semibold.woff2) format('woff2'), url(../fonts/ProximaNova-Semibold.woff) format('woff');
 font-display: block;
  font-weight: 500;
  font-style : normal
}


div,p,a,button,ul,ol,li{
	font-family: ProximaNova, Verdana, Avenir Next;
}
body{
font-weight: 400;
}
.privacy-policy header{
  border-bottom:1px solid rgba(56, 167, 147, 0.15);
}
.button-1{
  display       : block !important;
  max-width: 350px;
  padding       : .75rem 1.25rem;
  color         : var(--error-color);
  font-size     :20px;
  font-weight   : 800;
  letter-spacing: 0.05em;
  transition    : all .4s;
  position      : relative;
  overflow      : hidden;
  border        : 2px solid var(--error-color);
  background: transparent;
  z-index       : 1;
  cursor        : pointer;
  text-align: center;
}
.button-1.button-1-margin{
  margin: 0 auto;
}
#kontakty .button-1{
  border-color:#38a793;
  color:var(--add-color);
}
#advice .button-1{
  border-color:#38a793;
  color:var(--add-color);
  padding       : 10px 75px;
}
#form-fixed .button-1{
  border-color:#38a793;
  color:#38a793;
  padding       : 7px 75px;
  max-width: 100%;
  font-size     :18px;
  font-weight   : 600;
}
.button-1:after  {
  content         : '';
  position        : absolute;
  bottom          : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  background-color: rgba(0,0,0,0);
  z-index         : -2;
}

.button-1:before {
  content         : '';
  position        : absolute;
  bottom          : 0;
  left            : 0;
  width           : 0%;
  height          : 100%;
  background-color:  var(--error-color);
  transition      : all .4s;
  z-index         : -1;
}
#kontakty .button-1:before {
  background-color:#38a793;
}
#advice .button-1:before {
  background-color:#38a793;
}
#form-fixed .button-1:before {
  background-color:#38a793;
}
.button-1:hover {
  transition: all .4s linear;
  color        :  var(--add-color) !important;
}

.button-1:hover:before{
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .button-1 {
    padding       : 7px 15px;
    font-size     : 14px;
    font-weight   : 600;

  }
  #advice .button-1{
    padding       : 7px 15px;
  }
  #form-fixed .button-1{
    padding       : 7px 15px;
  }
}
@media only screen and (max-width: 450px) {
  .button-1 {
max-width: 100%;
font-size     :18px;
  }
}
:root :where(a:where(:not(.wp-element-button))) {
  text-decoration: none !important;
}
