/* Less CSS Document */
/* Will be auto compiled to CSS file on save */
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* FONTS */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: 'Montserrat', sans-serif;
  background: #ededed;
  font-weight: 400;
  font-size: .9rem;
}
body.basenologin .contenedor {
  background-image: url(../img/background.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
body.basenologin .separator {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
body.basenologin .separator span {
  padding: 0 10px;
  position: relative;
  top: 10px;
  background: #fff;
}
footer {
  min-height: 50px;
  margin-top: auto;
}
a {
  text-decoration: none;
  cursor: pointer;
}
p {
  font-weight: 400;
}
.btn {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-family: 'Montserrat', sans-serif;
}
.btn.btn-light.round {
  border-radius: 5em;
  font-weight: 700;
  padding: 0.3em 0.4em 0.2em 0.6em;
  text-transform: uppercase;
}
.btn.btn-light:focus {
  outline: 5px auto transparent;
}
a:active,
a:hover,
a:focus {
  text-decoration: none;
}
a:hover {
  color: #ff0e00;
  text-decoration: none;
}
.bg-black {
  background-color: #1a1c1e;
}
.bg-verde-dark {
  background-color: #ff0e00;
}
.t-title {
  font-family: 'Montserrat', sans-serif;
}
.title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #ff0e00;
  line-height: 1;
}
.title small {
  color: rgba(0, 0, 0, 0.8);
  font-size: 60%;
}
.subtitle {
  color: #ff0e00;
  font-weight: 600 !important;
}
.btn-link {
  color: #ff0e00;
}
.btn-rounded {
  border-radius: 5rem;
}
form .control-label {
  color: #666;
}
form .form-row .form-group label.control-label {
  font-weight: 300 !important;
}
form .velo {
  display: none;
  background-color: #fff;
  z-index: 99;
  text-align: center;
  padding: 1.5rem;
}
form .form-group span.mError {
  display: none;
  font-size: .8rem;
  color: #dc3545;
}
form .msjError {
  display: none;
}
form.fError .msjError {
  display: block;
  text-align: center;
  color: #ff6600;
}
form.fError .form-group .form-control.mError {
  border-color: #dc3545;
  box-shadow: 0 0 6px #dc3545;
}
form.fError .form-group span.mError {
  display: block;
}
form.fProcessing .form-content {
  display: none;
}
form.fProcessing .velo {
  display: block;
}
form.fProcessing .velo i {
  color: #000000;
}
form.fProcessing .velo .ok,
form.fProcessing .velo .error {
  display: none !important;
}
form.fSuccess .form-content {
  display: none;
}
form.fSuccess .velo {
  display: block;
  opacity: initial;
}
form.fSuccess .velo i {
  color: #000000;
}
form.fSuccess .velo .cargando,
form.fSuccess .velo .error {
  display: none !important;
}
form.fErrorMsje .form-content {
  display: none;
}
form.fErrorMsje .velo {
  display: block;
  opacity: initial;
}
form.fErrorMsje .velo i {
  color: #000000;
}
form.fErrorMsje .velo .cargando,
form.fErrorMsje .velo .ok {
  display: none !important;
}
form.frmPago.fError .msjError {
  text-align: left;
}
label.check-icono-label {
  width: 100%;
  cursor: pointer;
  margin-bottom: 0;
}
label.check-icono-label input[type=checkbox] {
  visibility: hidden;
}
label.check-icono-label input[type=checkbox] + .check-icono .fa-check-square {
  display: none;
}
label.check-icono-label input[type=checkbox] + .check-icono .fa-square-o {
  display: inline-block;
  color: #666;
  margin-right: 3px;
  position: relative;
}
label.check-icono-label input[type=checkbox]:checked + .check-icono .fa-check-square {
  display: inline-block;
  color: #000000;
  margin-right: 3px;
  position: relative;
}
label.check-icono-label input[type=checkbox]:checked + .check-icono .fa-square-o {
  display: none;
}
label.check-icono-label input[type=radio] {
  visibility: hidden;
}
label.check-icono-label input[type=radio] + .check-icono {
  font-size: 20px;
}
label.check-icono-label input[type=radio] + .check-icono .fa-check-square {
  display: none;
}
label.check-icono-label input[type=radio] + .check-icono .fa-square-o {
  display: inline-block;
  color: #666;
  top: -5px;
  position: relative;
}
label.check-icono-label input[type=radio]:checked + .check-icono .fa-check-square {
  display: inline-block;
  color: #000000;
  top: -5px;
  position: relative;
}
label.check-icono-label input[type=radio]:checked + .check-icono .fa-square-o {
  display: none;
}
.selectbox .fa {
  position: absolute;
  right: 30px;
  top: 8px;
}
.page-head {
  background-color: #2c3033;
  background-image: url(../img/background.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: soft-light;
  color: #fff;
  padding: 4rem 2rem;
}
.page-head .page-title h1 {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.page-head .page-title .breadcrumb {
  color: #fff;
}
.page-head .page-title .breadcrumb .fa {
  font-size: 8px;
}
.page-head .page-title .breadcrumb a {
  color: #fff;
}
.page-head .page-title .page-breadcrumb {
  background-color: transparent;
}
.page-head .image-cropper {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.page-head .image-cropper img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 50%;
}
.tab-content .title small {
  color: #ff0e00;
  font-size: 100%;
}
.nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.nav-tabs .nav-item .nav-link {
  text-transform: uppercase;
  font-weight: 600;
  color: inherit;
}
.nav-tabs .nav-item .nav-link:hover {
  color: #ff0e00;
}
.nav-tabs .nav-item .nav-link .active:hover {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item .nav-link {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background-color: transparent;
  padding: .8rem 1rem .2rem;
}
.nav-tabs .nav-item .nav-link.active {
  color: #ff0e00;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid #ffffff;
}
.nav-tabs .nav-item .nav-link.active:hover {
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  border-bottom: 1px solid #ffffff !important;
}
.nav-tabs .nav-item .nav-link:hover {
  border: 1px solid #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.card.login- {
  border-radius: 0;
  background-color: #2c3033;
  color: #cccccc;
}
.card.login- form .velo {
  background-color: #2c3033;
  color: #f4f4f4;
}
.card.login- form .custom-select,
.card.login- form .form-control {
  background-color: #2c3033;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
.card.login- form select.custom-select {
  color: #cccccc;
  background: #2c3033 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center / 8px 10px !important;
}
.card.login- a {
  color: #fff;
}
.card.login- a:hover {
  color: #cccccc;
}
@media only screen and (max-width: 400px) {
  .page-head .image-cropper {
    width: 160px;
    height: 160px;
  }
  .page-head .image-cropper img {
    width: 160px;
    height: 160px;
  }
  .navbar .navbar-brand .logo {
    display: none;
  }
  .navbar .navbar-brand .escudo {
    display: inline-block;
    max-width: 50px;
  }
}
@media only screen and (max-width: 991px) {
  body.basenologin footer {
    position: initial;
  }
  /* Force table to not be like tables anymore */
  .tables table,
  .tables thead,
  .tables tbody,
  .tables th,
  .tables td,
  .tables tr {
    display: block;
    border: none;
  }
  .tables tr.collapse-table {
    display: none;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  tr.collapse.in {
    display: block;
  }
  #movimientos .dropdown-table td:before {
    display: none;
  }
  .tables tr {
    border: none;
    margin-bottom: 30px;
    background: #f4f4f4;
  }
  .dropdown-table tr,
  .dropdown-table td {
    background: none;
    position: relative;
  }
  .dropdown-table {
    position: relative;
  }
  .tables td {
    /* Behave  like a "row" */
    border-bottom: 1px solid #e4e4e4;
    border-top: none;
    border-left: none;
    border-right: none;
    position: relative;
    padding-left: 40% !important;
    white-space: normal;
    text-align: left;
  }
  .tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 20px;
    width: 35%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
  .collapse-table td.full {
    padding-left: 0 !important;
    padding: 0 !important;
  }
  /*
    Label the data
    */
  .canjes td:nth-child(1):before {
    content: "Código";
  }
  .canjes td:nth-child(2):before {
    content: "Fecha";
  }
  .canjes td:nth-child(3):before {
    content: "Movimiento";
  }
  .canjes td:nth-child(4):before {
    content: "Debe";
  }
  .canjes td:nth-child(5):before {
    content: "Haber";
  }
  .canjes td:nth-child(6):before {
    content: "Saldo";
  }
  .full:before {
    content: "" !important;
  }
  .dropdown-table td:before {
    content: "Prestador";
  }
  .tables.avencer td:nth-of-type(1):before {
    content: "Fecha";
  }
  .tables.avencer td:nth-of-type(2):before {
    content: "Cantidad";
  }
  .tables.avencer td:nth-of-type(3):before {
    content: "Saldo futuro";
  }
  .tables.vencimientos td:nth-of-type(1):before {
    content: "Fecha";
  }
  .tables.vencimientos td:nth-of-type(2):before {
    content: "Cantidad";
  }
  .tables.vencimientos td:nth-of-type(3):before {
    content: "Saldo";
  }
  .tables.compras td:nth-of-type(1):before {
    content: "Fecha";
  }
  .tables.compras td:nth-of-type(2):before {
    content: "Cantidad";
  }
  .tables.compras td:nth-of-type(3):before {
    content: "Saldo";
  }
  .navbar .navbar-nav {
    width: 100%;
  }
  .navbar .navbar-brand .logo {
    display: none !important;
  }
  .navbar .navbar-brand .escudo {
    display: inline-block !important;
    max-width: 30px;
  }
  .navbar .navbar-text {
    padding-top: 0;
  }
  .navbar .dropdown {
    margin-bottom: .5em;
  }
  .navbar .dropdown-menu {
    text-align: right;
    background-color: transparent;
    padding: 0;
    margin: 0;
    margin-top: .5em;
    border: none;
  }
  .navbar .dropdown-menu .dropdown-item {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.75);
    padding: 0.25rem 0 !important;
    border: none;
    text-transform: initial;
  }
  .navbar .dropdown-menu .dropdown-item:hover,
  .navbar .dropdown-menu .dropdown-item:focus {
    background-color: #000000 !important;
    color: rgba(255, 255, 255, 0.95) !important;
  }
  .navbar .dropdown-menu .dropdown-divider {
    display: none;
  }
  .navbar.navbar-dark .navbar-toggler {
    color: #fff;
    border: transparent;
    padding: .25em;
  }
  .navbar.navbar-dark .navbar-toggler:focus {
    outline: 5px auto transparent;
  }
  .navbar.navbar-dark .navbar-toggler.user {
    color: #fff;
    border: transparent;
    padding: .25em;
  }
  .navbar.navbar-dark .navbar-toggler.user:focus {
    outline: 5px auto transparent;
  }
}
.modal.custom-modal .modal-header {
  border-bottom: none;
  padding: 15px 30px;
}
.modal.custom-modal .modal-header .close {
  margin-top: 15px;
}
.modal.custom-modal .modal-header h1,
.modal.custom-modal .modal-header h2,
.modal.custom-modal .modal-header h3,
.modal.custom-modal .modal-header h4,
.modal.custom-modal .modal-header h5,
.modal.custom-modal .modal-header h6 {
  color: #000000;
  font-weight: 600;
}
.modal.custom-modal .modal-body {
  padding: 30px;
}
.modal.custom-modal .modal-body p {
  font-size: 18px;
}
body .page-sidebar {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  background: #fff !important;
}
body .page-sidebar ul.page-sidebar-menu > li i,
body .page-sidebar ul.page-sidebar-menu > li .title {
  color: #2c3033;
  font-weight: 400;
}
body .page-sidebar ul.page-sidebar-menu > li:hover {
  background-color: #fafafa;
}
body .page-sidebar ul.page-sidebar-menu > li.sincro i,
body .page-sidebar ul.page-sidebar-menu > li.sincro .title {
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
}
body .page-sidebar ul.page-sidebar-menu > li .sub-menu {
  margin: 0px;
}
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li a {
  background-color: #000000;
  font-weight: 300;
}
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.active > li.active a {
  border-radius: 4px;
  background-color: #000000;
  font-weight: 300;
}
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.active > li.active a i,
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.active > li.active a span.title {
  color: #fff;
}
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.open a {
  background-color: #20ab6c;
}
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.open a.active a {
  background-color: #000000;
  font-weight: 300;
}
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.open a ul li.active a {
  background-color: #000000;
  border-radius: 4px;
  font-weight: 700;
}
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.open a ul li.active a i,
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.open a ul li.active a span.title {
  color: #fff;
}
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.open ul li.active a {
  background-color: #000000;
  font-weight: 300;
  border-radius: 4px;
}
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.open ul li.active a i,
body .page-sidebar ul.page-sidebar-menu > li .sub-menu li.open ul li.active a span.title {
  color: #fff;
}
body .page-sidebar ul.page-sidebar-menu > li.active > a {
  border-radius: 4px;
  font-weight: 300;
  background-color: #000000;
}
body .page-sidebar ul.page-sidebar-menu > li.active > a i,
body .page-sidebar ul.page-sidebar-menu > li.active > a span.title {
  color: #fff;
}
body .page-sidebar ul.page-sidebar-menu > li.active.open > a {
  color: #ffF;
  font-weight: 300;
  background-color: #282828;
}
body .page-sidebar ul.page-sidebar-menu > li.open > a {
  color: #fff;
  font-weight: 300;
  background-color: #282828;
}
body .page-sidebar ul.page-sidebar-menu > li:hover {
  color: #000000;
}
body .page-sidebar ul.page-sidebar-menu .info {
  padding: 12px 15px;
  font-size: .85em;
}
#cuenta .list-group.current .list-group-item,
#box-cuenta .list-group.current .list-group-item {
  color: #6c757d;
}
#cuenta .list-group .list-group-item,
#box-cuenta .list-group .list-group-item {
  background-color: transparent;
  padding: .5rem 0;
  border-bottom: 1px solid #dee2e6;
}
#cuenta .list-group .list-group-item.adeuda,
#box-cuenta .list-group .list-group-item.adeuda {
  color: #dc3545 !important;
  font-weight: 600;
}
#cuenta .list-group .list-group-item.adeuda small,
#box-cuenta .list-group .list-group-item.adeuda small {
  color: #6c757d;
}
#cuenta .list-group .list-group-item.pagado,
#box-cuenta .list-group .list-group-item.pagado {
  color: #28a745 !important;
  font-weight: 600;
}
#cuenta .list-group .list-group-item:first-child,
#box-cuenta .list-group .list-group-item:first-child {
  border-top: none;
}
#cuenta table,
#box-cuenta table {
  font-size: .8rem;
}
#cuenta table thead th,
#box-cuenta table thead th {
  font-weight: 500;
}
#cuenta table th,
#box-cuenta table th {
  font-weight: 400;
}
.modal.custom .modal-header {
  padding: 30px 30px 15px;
  border-bottom: transparent;
}
.modal.custom .modal-header .modal-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 24px;
}
.modal.custom .modal-body {
  padding: 30px;
  font-size: 16px;
}
.modal.custom .modal-footer {
  padding: 30px;
  border-top: transparent;
}
#sincro p {
  margin-bottom: 20px;
}
#sincro h4.title {
  font-family: 'Montserrat', sans-serif;
  color: #2c3033;
}
#sincro label {
  font-size: inherit;
  cursor: pointer;
}
#sincro label input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}
#sincro label.check-icono-label {
  width: 100%;
  cursor: pointer;
  margin-bottom: 0;
}
#sincro label.check-icono-label .fa {
  margin-right: 10px;
}
#sincro label.check-icono-label input[type=checkbox] {
  visibility: hidden;
}
#sincro label.check-icono-label input[type=checkbox] + .check-icono .fa-check-square {
  display: none;
}
#sincro label.check-icono-label input[type=checkbox] + .check-icono .fa-square {
  display: inline-block;
  color: #ccc;
}
#sincro label.check-icono-label input[type=checkbox]:checked + .check-icono .fa-check-square {
  display: inline-block;
  color: #000000;
}
#sincro label.check-icono-label input[type=checkbox]:checked + .check-icono .fa-square {
  display: none;
}
#sincro label.check-icono-label {
  width: 100%;
  cursor: pointer;
  margin-bottom: 0;
}
#sincro label.check-icono-label .fa {
  margin-right: 10px;
}
#sincro label.check-icono-label input[type=radio] {
  visibility: hidden;
}
#sincro label.check-icono-label input[type=radio] + .check-icono .fa-check-square {
  display: none;
}
#sincro label.check-icono-label input[type=radio] + .check-icono .fa-square {
  display: inline-block;
  color: #ccc;
}
#sincro label.check-icono-label input[type=radio]:checked + .check-icono .fa-check-square {
  display: inline-block;
  color: #000000;
}
#sincro label.check-icono-label input[type=radio]:checked + .check-icono .fa-square {
  display: none;
}
#sincro a.disabled {
  color: #ccc;
  border-color: #ccc;
}
/*
.velo{
    display: none;
    background-color:#fff;
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    text-align: center;
    padding:1.5rem;
    .mensaje{
        height: 100%;
        .content{
            width: 100%;
            margin: 4em 0;
        }        
    }
}
*/
.btn.btn-lg {
  font-weight: 600;
  border-radius: 50px;
}
.btn-danger {
  background-color: #FF4A4A;
  border-color: #FF4A4A;
}
.btn-primary {
  font-weight: 600;
  border-radius: 50px;
  background-color: #ff0e00;
  border-color: #ff0e00;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}
.btn-primary:hover {
  background-color: #ff0e00;
  border-color: #ff0e00;
}
.text-secundario {
  color: #ff0e00 !important;
}
.text-primario {
  color: #ff0e00 !important;
}
.navbar-dark .navbar-text {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: .03em;
  font-weight: 300;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link .dropdown-toggle {
  color: rgba(255, 255, 255, 0.7);
}
.navbar-dark .navbar-nav .nav-link .dropdown-toggle:hover {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link.right .dropdown-menu {
  right: 0;
  left: auto;
  padding: 0;
  border-color: rgba(0, 0, 0, 0.07);
}
.navbar-dark .navbar-nav .nav-link.right .dropdown-menu .nav-item {
  font-size: .9em;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
}
.navbar-dark .navbar-nav .nav-link.right .dropdown-menu .nav-item a {
  padding: .8rem 1rem;
  color: rgba(0, 0, 0, 0.7);
}
.navbar-dark .navbar-nav .nav-link.right .dropdown-menu .nav-item a:hover {
  color: #ff0e00;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #fff;
}
.navbar .navbar-brand {
  max-width: 280px;
}
.navbar .navbar-brand .logo {
  display: inline-block;
  width: 100%;
}
.navbar .navbar-brand .escudo {
  display: none;
}
.navbar .dropdown {
  margin-bottom: .5em;
}
.navbar .dropdown .btn.btn-sm.round {
  border-radius: 5em;
  font-weight: 700;
  padding: .3em .45em .25em .65em;
  text-transform: uppercase;
}
.navbar .dropdown .btn.btn-sm:focus {
  outline: 5px auto transparent;
}
.navbar.bg-dark {
  background-color: #ff0e00 !important;
}
.navbar .dropdown-menu .dropdown-item {
  font-size: 0.9rem;
  padding: .25rem 1rem;
}
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu .dropdown-item:active {
  color: #000000;
  background-color: #fff;
}
.navbar .navbar-text .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
}
.navbar .navbar-text .input-group .form-control {
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
}
footer {
  background-color: #ff0e00;
  font-size: 0.92rem;
  color: #ffffff;
}
footer .pie p {
  font-weight: 600;
  letter-spacing: .05em;
}
footer .pie p a {
  color: #000000;
}
footer .pie p a:hover {
  color: #ffffff;
}
footer .pie .btn-link:hover {
  color: #ffffff;
}
footer .pie .btn-primary .title {
  color: #fff;
  letter-spacing: 1px;
}
footer .pie .btn-primary:hover {
  background-color: #fff;
}
footer .pie .btn-primary:hover .title {
  color: #000000;
}
footer .pie ul.list-unstyled li {
  line-height: 1rem;
  margin-bottom: 1rem;
}
footer .pie ul.list-unstyled li a {
  color: #6c757d;
  font-size: 0.9rem;
}
footer .pie ul.list-unstyled li a:hover {
  color: #ffffff;
}
footer .pie .social .btn-round {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 1.6rem;
  font-size: .75rem;
}
footer .pie .social .btn-round:hover {
  color: #000000;
}