.button,
.btn
{
  border-radius:6px;
  Background:#2796B6;
  color:#000;
  padding:15px 30px;
  font-size:20px;
  line-height:26px;
  font-weight: 600;
  border:none;
  cursor:pointer;
  display: inline-block;
  background-position: center;
  transition: background 0.5s;
  transform: skew(-15deg);
    white-space: nowrap;
}

.button:hover,
.btn:hover 
{
  background: #027ab0;
  color:#000;
  text-decoration: none;
}

.button.white,
.btn.white
 {
    background: #fff;
    color: #000;
    border-radius:6px;
    padding:15px 30px;;
    cursor:pointer;
    display: inline-block;
    background-position: center;
    transition: background 0.5s;
    transform: skew(-15deg);
}

.button.white:hover,
.btn.white:hover
{
    background: #2796B6;
    color:#fff;
    text-decoration: none;
}


.button.white a,
.btn.white a
{
    transform: skew(15deg);
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    color: #000;
    display: inline-block;
}

.button.white a:hover,
.btn.white a:hover
{
    color: #000;
}




.button.black a,
.btn.black a
{
    transform: skew(15deg);
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    display: inline-block;
}



.button.black,
.btn.black
{
    background: #000;
    color: #fff;
    border-radius:6px;
    padding:15px 30px;;
    cursor:pointer;
    display: inline-block;
    background-position: center;
    transition: background 0.5s;
    transform: skew(-15deg);
}

.button.black:hover,
.btn.black:hover
 {
    background: #2796B6;
    color:#000;
    text-decoration: none;
}

.button a,
.btn a
{
    transform: skew(15deg);
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    color: #000;
    display: inline-block;
}


.button.black a,
.btn.black a
{
    transform: skew(15deg);
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    display: inline-block;
}

.button.black span,
.btn.black span
{
    transform: skew(15deg);
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    display: inline-block;
}

.button.black span:hover,
.btn.black span:hover
{
    color: #000;
}

.button.small,
.btn.small
 {
  font-size: 14px;
  padding: 8px 16px;
}

.button.small:hover,
.btn.small:hover,
 {
  background-color:#027ab0;
  text-decoration: none;
  color: #fff;
  transition: 0.3s;
}

.button *,
.btn *
{
  color:white;
}
.colored_bg .button,
.colored_bg .btn
{
  /* color must be set in template as it coincides with background */
  background-color:white;
}
.pseudo-button
{
  font-size:16px;
  line-height:22px;
  font-weight:bold;
  text-transform: uppercase;
  color:#0177a9;
}
.pseudo-button:hover,
.pseudo-button:hover *
{
  color:#0177a9;
  text-decoration: none;
}
.pseudo-button *
{
  color:#0177a9;
}
.border-button
{
  border-radius:9999px;
  padding:10px 20px;
  color:#0177a9;
  font-size:16px;
  line-height:22px;
  font-weight:bold;
  cursor:pointer;
  white-space: nowrap;
  cursor:pointer;
  border-color:#0177a9;
  border-width: 1px;
  border-style: solid;
}
.border-button_white
{
  border-radius:9999px;
  padding:10px 20px;
  color:white;
  font-size:16px;
  line-height:22px;
  font-weight:bold;
  cursor:pointer;
  white-space: nowrap;
  cursor:pointer;
  border-color:white;
  border-width: 1px;
  border-style: solid;
  transition:0.5s ease all;
}
.border-button_white:hover
{
  background:white;
  color:#2796B6;
}
.bg_blue .border-button
{
  color:white;
  border-color:transparent;
  background-color:transparent;
}
.border-button:hover
{
  color:white;
  background-color:#0177a9;
}
.bg_blue .border-button.active,
.bg_blue .border-button:hover
{
  border-color:#80bcd8;
  border-width: 1px;
  border-style: solid;
  background-color:transparent;
}
.button-style--only
{
  border-radius:9999px;
  padding:10px 20px;
  font-size:16px;
  line-height:22px;
  font-weight:bold;
  text-transform: uppercase;
  border:none;
  cursor:pointer;
  white-space: nowrap;
}
.button.bg_white
{
  background:white;
  color:#0177a9
}
.scrollmarker
{
  display:inline-block;
  margin-bottom:20px;
}

.badge-primary{
  background-color: #f49a00;
}