* {
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  position: relative;
  font-family: "Source Sans Pro", sans-serif;
  letter-spacing: 0.5px;
  font-size: 14px;
  color: #282C36;
}

body, nav, header, section {
  width: 100%;
}

.grid {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 1280px) {
  .grid {
    padding: 0 2vw;
    padding: 0 clamp(1em, 6vw, 3em);
  }
}

.full, .img, body.front header .grid .featured img, body.front header .bg img, body.front section#porto .content .list img, #login .thumb img, .dashboard .content #about .thumb img, .dashboard .content #seo .thumb img, .dashboard .content #subsidiary .company .list img, body.front main, body.front main div.close, body.front header .bg, #login .login, .dashboard, .dashboard .content #subsidiary .company .list form, .dashboard .content #subsidiary .company .list::before, .swiper-container {
  width: 100%;
  height: 100%;
}

.img, body.front header .grid .featured img, body.front header .bg img, body.front section#porto .content .list img, #login .thumb img, .dashboard .content #about .thumb img, .dashboard .content #seo .thumb img, .dashboard .content #subsidiary .company .list img {
  -o-object-fit: cover;
     object-fit: cover;
}

.full-h, #login {
  width: 100%;
  height: 100vh;
  min-height: 540px;
}

.trans, body.front main img.close, body.front nav .grid .menu-btn, body.front nav .grid .logo img, body.front nav .grid .list, body.front header .grid .content .cta, body.front section#porto .content .list::after, body.front section#contact .content form .cta, body.front section#contact .footer .link, body.front footer .dev, #login .login .cta, .dashboard .side-bar .menu .list, .dashboard .top-nav .drop, .dashboard .content section .act .cta, .dashboard .content section .act .cta i, .dashboard .content section .box, .dashboard .content #about .thumb .select, .dashboard .content #seo .thumb .select, .dashboard .content #seo textarea, .dashboard .content #menu .cta.sent, .dashboard .content #subsidiary .company .list .close, .dashboard .content #subsidiary .company .list .select, .dashboard .content #subsidiary .company .list .url, .dashboard .content .table .row, .dashboard .content .table .cta, .dashboard .side-bar, .dashboard .top-nav, .dashboard .content {
  -webkit-transition: ease 0.4s;
  transition: ease 0.4s;
}

body.front {
  padding-top: 70px;
}

body.front.page {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #282C36;
}

body.front.page img {
  width: 100%;
  height: auto;
  display: none;
}

@-webkit-keyframes open {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

@keyframes open {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}

@-webkit-keyframes scaleup {
  from {
    -webkit-transform: scaleY(0) translateY(-5rem);
            transform: scaleY(0) translateY(-5rem);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scaleup {
  from {
    -webkit-transform: scaleY(0) translateY(-5rem);
            transform: scaleY(0) translateY(-5rem);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

body.front main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
  position: fixed;
  top: 0;
  z-index: 25;
}

body.front main div.close {
  content: '';
  cursor: pointer;
  position: absolute;
  z-index: 1;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

body.front main img.close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  cursor: pointer;
  width: auto;
  height: 30px;
}

body.front main img.close:hover {
  opacity: .5;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}

body.front main.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.front nav {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  z-index: 20;
}

body.front nav .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 70px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

@media (min-width: 841px) {
  body.front nav .grid .menu-btn {
    display: none;
  }
}

body.front nav .grid .logo img {
  width: auto;
  height: 50px;
}

body.front nav .grid .logo img:hover {
  -webkit-filter: brightness(1.3);
          filter: brightness(1.3);
}

body.front nav .grid .list {
  cursor: pointer;
  margin-left: 4rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #282C36;
}

body.front nav .grid .list:hover {
  color: #F70000;
}

@media (max-width: 840px) {
  body.front nav .grid .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    background: #fff;
    border-bottom: 5px solid #F70000;
    margin-top: 1rem;
    -webkit-box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    display: none;
    -webkit-animation: ease .75s forwards;
            animation: ease .75s forwards;
  }
  body.front nav .grid .menu.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation-name: scaleup;
            animation-name: scaleup;
  }
  body.front nav .grid .list {
    padding: 1rem;
    text-align: center;
    margin: 0;
    width: 100%;
  }
  body.front nav .grid .list:hover {
    background: #E9E9EA;
  }
  body.front nav .grid .menu-btn {
    cursor: pointer;
    z-index: 2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    margin-right: -1em;
    border: 2px solid #000;
    padding: 5px 10px;
    border-radius: 10px;
  }
}

@media (max-width: 840px) and (min-width: 841px) {
  body.front nav .grid .menu-btn {
    display: none;
  }
}

@media (max-width: 840px) {
  body.front nav .grid .menu-btn .bar1, body.front nav .grid .menu-btn .bar2, body.front nav .grid .menu-btn .bar3 {
    background: #000;
    width: 35px;
    height: 3px;
    border-radius: 10px;
    margin: 8px 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  body.front nav .grid .menu-btn .bar1 {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  body.front nav .grid .menu-btn .bar2 {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  body.front nav .grid .menu-btn:hover {
    background: #E9E9EA;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }
  body.front nav .grid .menu-btn.active {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    border-radius: 50%;
    border-color: transparent;
    background: #0069D5;
  }
  body.front nav .grid .menu-btn.active > div {
    background: #fff;
  }
  body.front nav .grid .menu-btn.active .bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 8px);
            transform: rotate(-45deg) translate(-8px, 8px);
  }
  body.front nav .grid .menu-btn.active .bar2 {
    opacity: 0;
  }
  body.front nav .grid .menu-btn.active .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
            transform: rotate(45deg) translate(-8px, -8px);
  }
}

body.front main .grid {
  z-index: 2;
  background: #fff;
  width: 90vw;
  padding: 2rem;
  -webkit-box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1);
  max-height: 720px;
  border-top: 5px solid #F70000;
  overflow-y: auto;
  height: 0;
  -webkit-animation: ease 1s both;
          animation: ease 1s both;
}

body.front main.active .grid {
  -webkit-animation-name: open;
          animation-name: open;
}

body.front header {
  background: #00243D;
  padding: 2rem 0;
  position: relative;
  overflow: hidden;
}

body.front header .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  z-index: 3;
}

body.front header .grid .content {
  max-width: calc(100% * 2/4);
  left: 0;
  position: absolute;
  background: #fff;
  padding: 1.8rem 1.5rem;
  -webkit-box-shadow: 1rem 1rem 2.5rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 1rem 1rem 2.5rem 0 rgba(0, 0, 0, 0.25);
}

body.front header .grid .content .desc {
  width: 100%;
  overflow: hidden;
  max-height: 250px;
}

body.front header .grid .content h1 {
  font-size: 24px;
  margin-top: 0;
}

body.front header .grid .content p {
  font-size: 14px;
  line-height: 22.652px;
}

body.front header .grid .content .cta {
  padding: 10px 2rem;
  border: 1px solid #0069D5;
  background: #0069D5;
  color: white;
  border-radius: 10px;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  cursor: pointer;
  margin-top: 1rem;
}

body.front header .grid .content .cta:hover {
  background: #fff;
  color: #0069D5;
}

body.front header .grid .content .cta:hover {
  -webkit-box-shadow: 0 10px 2rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 2rem 0 rgba(0, 0, 0, 0.1);
}

body.front header .grid .featured {
  max-width: calc(100% * 2/3);
  margin-left: auto;
}

@media (max-width: 840px) {
  body.front header .grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.front header .grid .content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    position: relative;
    left: auto;
    max-width: none;
  }
  body.front header .grid .featured {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-left: 0;
    max-width: none;
    margin-bottom: 1rem;
  }
}

body.front header #particles-js {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

body.front header .bg {
  position: absolute;
  top: 0;
  z-index: 1;
}

body.front section {
  padding: 4rem 0;
}

body.front section#porto h1 {
  text-align: center;
}

body.front section#porto .content .list {
  width: 360px;
  margin: 0 1rem;
  height: 275px;
  position: relative;
  overflow: hidden;
  -webkit-transition: .6s ease;
  transition: .6s ease;
}

body.front section#porto .content .list::after {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: brightness(1.5);
          backdrop-filter: brightness(1.5);
  -webkit-transform: translate(-40%, -60%) scale(1.75) rotate(45deg);
          transform: translate(-40%, -60%) scale(1.75) rotate(45deg);
  -webkit-transform-origin: top;
          transform-origin: top;
  width: 100%;
  height: 0%;
  content: '';
  position: absolute;
}

body.front section#porto .content .list:hover {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.25);
}

body.front section#porto .content .list:hover::after {
  height: 75%;
  -webkit-transition: 2s ease-out;
  transition: 2s ease-out;
}

body.front section#contact {
  background: #f5f6f8;
  padding-bottom: 1.5rem;
}

body.front section#contact .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body.front section#contact .content div {
  max-width: 400px;
}

body.front section#contact .content form {
  max-width: 720px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  width: 100%;
  padding: 2rem 1.5rem;
  -webkit-box-shadow: 0 10px 2rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 2rem 0 rgba(0, 0, 0, 0.1);
}

body.front section#contact .content form .input {
  width: 100%;
  margin-bottom: 1rem;
  border: none;
  outline: none;
  border-bottom: 1px solid #93959A;
  padding: 1rem;
}

body.front section#contact .content form .input:focus {
  border-bottom-color: #0069D5;
}

body.front section#contact .content form .cta {
  padding: 10px 4rem;
  border: 1px solid #0069D5;
  background: #0069D5;
  color: white;
  border-radius: 10px;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  cursor: pointer;
  margin-top: 1rem;
}

body.front section#contact .content form .cta:hover {
  background: #fff;
  color: #0069D5;
}

body.front section#contact .content form .cta:hover {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 840px) {
  body.front section#contact .content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body.front section#contact .content div {
    margin-bottom: 2rem;
  }
}

body.front section#contact .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4rem;
}

body.front section#contact .footer .link {
  cursor: pointer;
  color: #93959A;
  margin: 0 1rem;
}

body.front section#contact .footer .link:hover {
  color: #282C36;
}

body.front footer {
  font-size: 14px;
  line-height: 22.652px;
  text-align: center;
  padding: 1rem 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

body.front footer .dev {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  margin-left: 10px;
}

body.front footer .dev img {
  width: 25px;
  height: auto;
}

body.front footer .dev:hover {
  -webkit-filter: none;
          filter: none;
}

body {
  background: #FEFEFE;
}

#logo-brand {
  display: none;
}

#login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: #56a9ff;
  background: linear-gradient(135deg, #56a9ff 0%, #0061E5 100%);
}

#login .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-gap: 0;
  max-width: 840px;
  border-radius: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 1rem 0 rgba(0, 0, 0, 0.1);
}

#login .thumb {
  width: 100%;
  min-height: 500px;
}

#login .login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem;
  background: #fff;
}

#login .login label, #login .login .input {
  width: 100%;
  margin-bottom: 1rem;
}

#login .login .input {
  display: block;
  padding: 10px 1rem;
  border: none;
  border-bottom: 1px solid #0069D5;
}

#login .login .cta {
  padding: 10px 2rem;
  border: 1px solid #0069D5;
  background: #0069D5;
  color: white;
  border-radius: 10px;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  cursor: pointer;
}

#login .login .cta:hover {
  background: #fff;
  color: #0069D5;
}

.dashboard {
  position: relative;
}

.dashboard .side-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem 0;
  background: #fff;
  width: 280px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-box-shadow: 1rem 0 2rem 0 rgba(141, 148, 162, 0.2);
          box-shadow: 1rem 0 2rem 0 rgba(141, 148, 162, 0.2);
  z-index: 21;
}

.dashboard .side-bar .logo {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.dashboard .side-bar .logo img {
  width: 180px;
  height: auto;
}

.dashboard .side-bar .menu {
  margin-bottom: auto;
  width: 100%;
}

.dashboard .side-bar .menu .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #8D94A2;
  margin-bottom: 2px;
  border-left: 5px solid transparent;
}

.dashboard .side-bar .menu .list i {
  margin: 15px 2rem;
  font-size: 20px;
}

.dashboard .side-bar .menu .list.active, .dashboard .side-bar .menu .list:hover {
  background: #F9F9F9;
  color: #11223E;
  font-weight: 600;
  border-left-color: #0061E5;
}

.dashboard .side-bar .menu .list.active i, .dashboard .side-bar .menu .list:hover i {
  color: #0061E5;
}

.dashboard .side-bar .pull {
  content: '';
  display: block;
  position: absolute;
  right: -12px;
  width: 12px;
  height: 50px;
  background: #0069D5;
  cursor: pointer;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.15, 1.9) 0.3s;
  transition: all cubic-bezier(0.4, 0, 0.15, 1.9) 0.3s;
}

.dashboard .side-bar .pull:hover {
  width: 25px;
  right: -25px;
}

.dashboard .top-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: fixed;
  right: 0;
  width: calc(100% - 280px);
  z-index: 20;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 70px;
  border-bottom: 1px solid #f0f0f0;
  top: 0;
  background: #FEFEFE;
  padding: 0 2rem;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.dashboard .top-nav h1 {
  color: #11223E;
  font-weight: 600;
}

.dashboard .top-nav .drop {
  padding: 8px 15px;
  position: relative;
  border-radius: 10px;
  border: 1px solid #fff;
  cursor: pointer;
}

.dashboard .top-nav .drop i {
  margin-left: 10px;
}

.dashboard .top-nav .drop .down {
  display: none;
  background: #fff;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
  -webkit-box-shadow: 0 5px 5px rgba(40, 44, 54, 0.1);
          box-shadow: 0 5px 5px rgba(40, 44, 54, 0.1);
  -webkit-animation: ease .4s forwards;
          animation: ease .4s forwards;
}

.dashboard .top-nav .drop .down .menu {
  white-space: nowrap;
  text-align: right;
  color: #282C36;
  padding: 10px 1rem;
  display: block;
  margin-bottom: 2px;
}

.dashboard .top-nav .drop .down .menu:hover {
  background: #f5f6f8;
}

@-webkit-keyframes fade-up {
  0% {
    margin-top: -2rem;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes fade-up {
  0% {
    margin-top: -2rem;
  }
  100% {
    margin-top: 0;
  }
}

.dashboard .top-nav .drop:hover, .dashboard .top-nav .drop.active {
  background: #fbfbfc;
  border: 1px solid #282C36;
}

.dashboard .top-nav .drop.active .down {
  display: block;
  -webkit-animation-name: fade-up;
          animation-name: fade-up;
}

.dashboard .content {
  margin-left: 280px;
  margin-top: 70px;
  padding: 2rem 3rem;
  position: relative;
}

.dashboard .content.card {
  -webkit-columns: 2;
          columns: 2;
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
  page-break-inside: avoid;
}

@media (max-width: 1280px) {
  .dashboard .content.card {
    -webkit-columns: 1;
            columns: 1;
  }
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.dashboard .content .background {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 19;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.dashboard .content .background.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fade ease .6s forwards;
          animation: fade ease .6s forwards;
}

.dashboard .content section {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  padding: 0;
  margin: 0 0 2rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 8px 0 rgba(141, 148, 162, 0.2);
          box-shadow: 0 3px 8px 0 rgba(141, 148, 162, 0.2);
}

.dashboard .content section .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 45px;
  padding-left: 2rem;
  margin-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}

.dashboard .content section .act {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.dashboard .content section .act .cta {
  background: #0061E5;
  font-size: 12px;
  width: 50px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.dashboard .content section .act .cta:hover {
  background: #004bb2;
}

@-webkit-keyframes active {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes active {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.dashboard .content section .act .cta.full:hover i, .dashboard .content section .act .cta.img:hover i, .dashboard .content section .act body.front header .grid .featured img.cta:hover i, body.front header .grid .featured .dashboard .content section .act img.cta:hover i, .dashboard .content section .act body.front header .bg img.cta:hover i, body.front header .bg .dashboard .content section .act img.cta:hover i, .dashboard .content body.front section#porto .act .content .list img.cta:hover i, body.front .dashboard .content section#porto .act .content .list img.cta:hover i, .dashboard .content body.front section#porto .content .list .act img.cta:hover i, body.front .dashboard .content section#porto .content .list .act img.cta:hover i, .dashboard .content section .act #login .thumb img.cta:hover i, #login .thumb .dashboard .content section .act img.cta:hover i, .dashboard .content section .act #about .thumb img.cta:hover i, .dashboard .content #about .thumb section .act img.cta:hover i, .dashboard .content section .act #seo .thumb img.cta:hover i, .dashboard .content #seo .thumb section .act img.cta:hover i, .dashboard .content section .act #subsidiary .company .list img.cta:hover i, .dashboard .content #subsidiary .company .list section .act img.cta:hover i, .dashboard .content section .act body.front main.cta:hover i, body.front .dashboard .content section .act main.cta:hover i, .dashboard .content section .act body.front main div.cta.close:hover i, body.front main .dashboard .content section .act div.cta.close:hover i, .dashboard .content section .act body.front header .cta.bg:hover i, body.front header .dashboard .content section .act .cta.bg:hover i, .dashboard .content section .act #login .cta.login:hover i, #login .dashboard .content section .act .cta.login:hover i, .dashboard .content section .act .cta.dashboard:hover i, .dashboard .content section .act #subsidiary .company .list form.cta:hover i, .dashboard .content #subsidiary .company .list section .act form.cta:hover i, .dashboard .content section .act #subsidiary .company .cta.list:hover::before i, .dashboard .content #subsidiary .company section .act .cta.list:hover::before i {
  -webkit-animation: active ease .4s infinite;
          animation: active ease .4s infinite;
}

.dashboard .content section .act .cta.move {
  cursor: move;
}

.dashboard .content section .act.close .mini {
  background: #004bb2;
}

.dashboard .content section .act.close .mini i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.dashboard .content section .act.active .cta.full, .dashboard .content section .act.active .cta.img, .dashboard .content section .act.active body.front header .grid .featured img.cta, body.front header .grid .featured .dashboard .content section .act.active img.cta, .dashboard .content section .act.active body.front header .bg img.cta, body.front header .bg .dashboard .content section .act.active img.cta, .dashboard .content body.front section#porto .act.active .content .list img.cta, body.front .dashboard .content section#porto .act.active .content .list img.cta, .dashboard .content body.front section#porto .content .list .act.active img.cta, body.front .dashboard .content section#porto .content .list .act.active img.cta, .dashboard .content section .act.active #login .thumb img.cta, #login .thumb .dashboard .content section .act.active img.cta, .dashboard .content section .act.active #about .thumb img.cta, .dashboard .content #about .thumb section .act.active img.cta, .dashboard .content section .act.active #seo .thumb img.cta, .dashboard .content #seo .thumb section .act.active img.cta, .dashboard .content section .act.active #subsidiary .company .list img.cta, .dashboard .content #subsidiary .company .list section .act.active img.cta, .dashboard .content section .act.active body.front main.cta, body.front .dashboard .content section .act.active main.cta, .dashboard .content section .act.active body.front main div.cta.close, body.front main .dashboard .content section .act.active div.cta.close, .dashboard .content section .act.active body.front header .cta.bg, body.front header .dashboard .content section .act.active .cta.bg, .dashboard .content section .act.active #login .cta.login, #login .dashboard .content section .act.active .cta.login, .dashboard .content section .act.active .cta.dashboard, .dashboard .content section .act.active #subsidiary .company .list form.cta, .dashboard .content #subsidiary .company .list section .act.active form.cta, .dashboard .content section .act.active #subsidiary .company .cta.list::before, .dashboard .content #subsidiary .company section .act.active .cta.list::before {
  background: #004bb2;
}

.dashboard .content section h2 {
  margin: 1rem 0;
  font-size: 18px;
  font-weight: 400;
  color: #11223E;
}

.dashboard .content section img {
  width: 100%;
  height: auto;
}

.dashboard .content section .box {
  margin: 2rem;
  padding-bottom: 2rem;
  height: auto;
  overflow: hidden;
}

.dashboard .content section .box.close {
  height: 0;
  margin: 0;
  padding: 0;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
  to {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
}

@keyframes zoom {
  from {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
  }
  to {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
}

.dashboard .content section.full, .dashboard .content section.img, .dashboard .content body.front header section.bg, body.front header .dashboard .content section.bg, .dashboard .content #login section.login, #login .dashboard .content section.login, .dashboard .content section.dashboard, .dashboard .content #subsidiary .company section.list::before {
  -webkit-animation: zoom ease .6s forwards;
          animation: zoom ease .6s forwards;
  position: fixed !important;
  max-width: 720px;
  height: auto;
  max-height: 720px;
  overflow-y: auto;
  z-index: 20;
  margin: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, 0.25);
}

.dashboard .content #preview iframe {
  width: 100%;
  height: 720px;
}

.dashboard .content #about .thumb, .dashboard .content #seo .thumb {
  width: 100%;
  height: 300px;
  -webkit-transition: .6s ease;
  transition: .6s ease;
  cursor: pointer;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
}

.dashboard .content #about .thumb .file, .dashboard .content #seo .thumb .file {
  display: none;
}

.dashboard .content #about .thumb .select, .dashboard .content #seo .thumb .select {
  padding: 10px 1rem;
  border: 1px solid #0061E5;
  background: #0061E5;
  color: white;
  border-radius: 10px;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  border-radius: 10px;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.dashboard .content #about .thumb .select:hover, .dashboard .content #seo .thumb .select:hover {
  background: #fff;
  color: #0061E5;
}

.dashboard .content #about .thumb:hover, .dashboard .content #seo .thumb:hover {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.25);
}

.dashboard .content #about .thumb:hover .select, .dashboard .content #seo .thumb:hover .select {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.dashboard .content #about .bound, .dashboard .content #seo .bound {
  position: relative;
}

.dashboard .content #about .bound .form, .dashboard .content #seo .bound .form {
  margin-top: 2rem;
}

.dashboard .content #about .bound .cta, .dashboard .content #seo .bound .cta {
  padding: 5px 1rem;
  border: 1px solid #0069D5;
  background: #0069D5;
  color: white;
  border-radius: 10px;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.dashboard .content #about .bound .cta:hover, .dashboard .content #seo .bound .cta:hover {
  background: #fff;
  color: #0069D5;
}

.dashboard .content #seo .thumb {
  height: auto;
}

.dashboard .content #seo .input {
  width: 100%;
  padding: 10px 1rem;
  border: 1px solid #dddddd;
  outline: none;
}

.dashboard .content #seo textarea {
  border: 1px solid #dddddd;
  width: 100%;
  font-family: "Source Sans Pro", sans-serif;
  padding: 1rem;
  color: #8D94A2;
  outline: none;
  font-size: 14px;
  line-height: 22.652px;
}

.dashboard .content #seo textarea:focus {
  color: #11223E;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}

.dashboard .content #seo .cta.sent {
  padding: 5px 1rem;
  border: 1px solid #0069D5;
  background: #0069D5;
  color: white;
  border-radius: 10px;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  cursor: pointer;
  margin: 1rem 0 0 0;
  float: right;
}

.dashboard .content #seo .cta.sent:hover {
  background: #fff;
  color: #0069D5;
}

.dashboard .content #menu {
  position: relative;
  width: 100%;
  overflow-x: auto;
}

.dashboard .content #menu .menu {
  position: relative;
  padding-bottom: 40px;
}

.dashboard .content #menu .list {
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  width: 100%;
  margin: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dashboard .content #menu .list input {
  outline: none;
  font-size: 14px;
  padding: 10px 20px;
  border: none;
}

.dashboard .content #menu .list:first-child {
  font-weight: 600;
}

.dashboard .content #menu .list .url, .dashboard .content #menu .list .name {
  color: #8D94A2;
  border-bottom: 1px solid #d0d3d8;
  width: 100%;
}

.dashboard .content #menu .list .url:focus, .dashboard .content #menu .list .name:focus {
  border-bottom-color: #0061E5;
  color: #11223E;
}

.dashboard .content #menu .list .url::-webkit-input-placeholder, .dashboard .content #menu .list .name::-webkit-input-placeholder {
  color: #8D94A2;
}

.dashboard .content #menu .list .url:-ms-input-placeholder, .dashboard .content #menu .list .name:-ms-input-placeholder {
  color: #8D94A2;
}

.dashboard .content #menu .list .url::-ms-input-placeholder, .dashboard .content #menu .list .name::-ms-input-placeholder {
  color: #8D94A2;
}

.dashboard .content #menu .list .url::placeholder, .dashboard .content #menu .list .name::placeholder {
  color: #8D94A2;
}

.dashboard .content #menu .list .name {
  max-width: 100px;
  text-align: center;
  margin: 0 10px;
}

.dashboard .content #menu .list .spot {
  width: 15px;
  height: 40px;
  background: #F60000;
  border-radius: 3px;
}

.dashboard .content #menu .cta.sent {
  background-image: -webkit-gradient(linear, right bottom, left top, from(#6190e8), to(#a7bfe8));
  background-image: linear-gradient(to top left, #6190e8, #a7bfe8);
  position: absolute;
  margin-top: -3rem;
  right: 0;
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.dashboard .content #menu .cta.sent:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.dashboard .content #menu .cta.remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #F70000;
  position: absolute;
  right: 0;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.dashboard .content #menu .cta.remove:hover {
  background: #ff5e5e;
  cursor: pointer;
}

.dashboard .content #menu .cta.add {
  padding: 10px 2rem;
  border: 1px solid #0061E5;
  background: #fff;
  color: #0061E5;
  border-radius: 10px;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
}

.dashboard .content #menu .cta.add:hover {
  background: #0061E5;
  color: white;
}

.dashboard .content #subsidiary h1 {
  text-align: center;
}

.dashboard .content #subsidiary .company {
  display: -ms-grid;
  display: grid;
  grid-gap: 1.5rem;
  -ms-grid-columns: (minmax(278px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(278px, 1fr));
}

.dashboard .content #subsidiary .company .list {
  width: 100%;
  height: 275px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.dashboard .content #subsidiary .company .list form {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.dashboard .content #subsidiary .company .list .file, .dashboard .content #subsidiary .company .list .addfile {
  display: none;
}

.dashboard .content #subsidiary .company .list .close {
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 1.5rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #F60000;
  color: #fff;
  position: absolute;
  top: 7.5px;
  right: 7.5px;
  opacity: 0;
}

.dashboard .content #subsidiary .company .list .close:hover {
  background: #fff;
  color: #282C36;
}

.dashboard .content #subsidiary .company .list .select {
  z-index: 5;
  padding: 10px 1rem;
  border: 1px solid #0061E5;
  background: #0061E5;
  color: white;
  border-radius: 10px;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  border-radius: 10px;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.dashboard .content #subsidiary .company .list .select:hover {
  background: #fff;
  color: #0061E5;
}

.dashboard .content #subsidiary .company .list .url {
  position: absolute;
  bottom: -40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background: #fff;
}

.dashboard .content #subsidiary .company .list .url .input {
  width: 100%;
  margin: 0 5px;
  border: none;
  outline: none;
  border-bottom: 1px solid #93959A;
  padding: 10px;
}

.dashboard .content #subsidiary .company .list .url .cta.sent {
  padding: 7.5px 1rem;
  background: #0069D5;
  color: #fff;
  cursor: pointer;
}

.dashboard .content #subsidiary .company .list .url .cta.sent:hover {
  background: #0982ff;
}

.dashboard .content #subsidiary .company .list:hover .select {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.dashboard .content #subsidiary .company .list:hover .close {
  opacity: 1;
}

.dashboard .content #subsidiary .company .list:hover .url {
  bottom: 0;
}

.dashboard .content #subsidiary .company .list.add {
  border: 1px dashed #282C36;
  font-size: 16px;
}

.dashboard .content #subsidiary .company .list.add i {
  margin-right: 10px;
}

.dashboard .content #subsidiary .company .list.add p {
  -webkit-transition: .6s ease;
  transition: .6s ease;
}

.dashboard .content #subsidiary .company .list.add label {
  cursor: pointer;
}

.dashboard .content #subsidiary .company .list.add:hover p {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.dashboard .content #subsidiary .company .list::before {
  content: '';
  position: absolute;
  background: transparent;
}

.dashboard .content .table .row {
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-gap: 1rem;
  -ms-grid-columns: 0.4fr 3fr 2fr 2fr;
      grid-template-columns: 0.4fr 3fr 2fr 2fr;
}

.dashboard .content .table .row:nth-child(even) {
  background: #f6f6f6;
}

.dashboard .content .table .row:nth-child(odd) {
  background: #fff;
}

.dashboard .content .table .row:first-child {
  font-weight: 600;
  background: #fff;
  border: 1px solid #6fb6ff;
}

.dashboard .content .table .row:first-child div:not(:first-child) {
  text-align: center;
}

.dashboard .content .table .row > div {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.dashboard .content .table .row:not(:first-child):hover {
  background: #3e4453;
  color: #fff;
}

.dashboard .content .table .cta {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}

.dashboard .content .table .cta.open {
  padding: 7.5px 15px;
  border: 1px solid #238fff;
  background: #238fff;
  color: white;
  border-radius: 10px;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.dashboard .content .table .cta.open:hover {
  background: #fff;
  color: #238fff;
}

.dashboard .content .table .cta.remove {
  padding: 7.5px 15px;
  border: 1px solid #ff4545;
  background: #ff4545;
  color: white;
  border-radius: 10px;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.dashboard .content .table .cta.remove:hover {
  background: #fff;
  color: #ff4545;
}

.dashboard .content .modal .popup {
  display: none;
  background: #fff;
  padding: 2rem 2rem 4rem;
  border-top: 1rem solid #0069D5;
  position: fixed !important;
  max-width: 720px;
  height: auto;
  max-height: 720px;
  overflow-y: auto;
  z-index: 20;
  margin: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, 0.25);
}

.dashboard .content .modal .popup .input:last-child {
  margin-bottom: 1rem;
}

.dashboard .content .modal .popup span {
  min-width: 115px;
  display: inline-block;
  white-space: nowrap;
  font-weight: 600;
}

.dashboard .content .modal .popup .msg {
  display: block;
  margin-top: 10px;
}

.dashboard .content .modal .popup.active {
  display: block;
  -webkit-animation: zoom ease .6s forwards;
          animation: zoom ease .6s forwards;
}

.dashboard.close .side-bar {
  left: -280px;
}

.dashboard.close .top-nav {
  width: 100%;
}

.dashboard.close .content {
  margin-left: 0;
}
/*# sourceMappingURL=style.css.map */