/* Buttons
-----------------------------------------------------------------*/
.butn.butn-full {
  padding: 14px 30px;
  width: 100%;
  text-align: center; }

.butn.butn-line-light {
  padding: 0 0 10px;
  border-bottom: 1px solid #fff;
  width: 100%; }

.butn.butn-line-dark {
  padding: 0 0 10px;
  border-bottom: 1px solid #666;
  width: 100%; }
  .butn.butn-line-dark img {
    -webkit-filter: invert(1);
    filter: invert(1); }

.butn.butn-line {
  padding: 0 0 10px;
  border-bottom: 1px solid #000;
  width: 100%; }

.butn.butn-circle-md {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  line-height: 70px;
  text-align: center; }
  .butn.butn-circle-md img {
    width: 20px; }

.butn.bord-light {
  border: 1px solid #fff; }

.butn.bord-gray {
  border: 1px solid #999 !important; }

.butn.hover-light:hover {
  background: #fff;
  border-color: #fff;
  color: #1d1d1d; }

.butn.hover-light2:hover {
  background: #eee;
  border-color: #eee;
  color: #1d1d1d; }

.butn.hover-dark:hover {
  background: #1d1d1d;
  border-color: #1d1d1d;
  color: #fff; }

.butn.butn-blur {
  background: rgba(0, 0, 0, 0.03);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 10px 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }
  .butn.butn-blur:hover {
    background: #fff; }
    .butn.butn-blur:hover span {
      color: #1d1d1d; }

.butn.bord-icon {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 7px 10px 7px 20px;
  border-radius: 30px; }
  .butn.bord-icon .icon {
    padding: 8px 10px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.03);
    margin-left: 10px; }
  .butn.bord-icon.light-bord {
    border-color: rgba(255, 255, 255, 0.1); }
    .butn.bord-icon.light-bord .icon {
      background: rgba(255, 255, 255, 0.05); }

.butn.butn-cirle-lg-icon > div {
  display: inline-block;
  width: 160px;
  height: 160px;
  line-height: 170px;
  text-align: center;
  border: 1px solid #1d1d1d;
  border-radius: 50%;
  margin: 0 -10px;
  font-size: 22px;
  text-transform: uppercase;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }
  .butn.butn-cirle-lg-icon > div span {
    line-height: 1.2; }
  .butn.butn-cirle-lg-icon > div:last-of-type {
    background: #1d1d1d; }

.butn.butn-cirle-lg-icon:hover > div {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  margin: 0 10px; }
  .butn.butn-cirle-lg-icon:hover > div:last-of-type {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }

.butn.butn-arrow {
  padding: 10px 20px;
  background: #1d1d1d;
  border-radius: 30px;
  color: #fff; }
  .butn.butn-arrow span {
    margin: 0 3px; }
  .butn.butn-arrow img {
    width: 15px; }
  .butn.butn-arrow.bord {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: inherit; }

.butn.standerd {
  padding: 12px 30px; }