@charset "UTF-8";
.burger {
  display: none;
  position: relative;
  cursor: pointer;
  user-select: none;
  min-width: 52px;
  max-width: 52px;
  height: 52px;
  background: #fff;
  border-radius: 10px;
  padding: 16px 14px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  @media (max-width: 1300px) {
    .burger {
      display: block; } }
  @media (max-width: 550px) {
    .burger {
      position: absolute;
      left: 12px; } }
  .burger .innerbtn {
    position: relative;
    width: 1.75rem;
    height: 1rem; }
  .burger-line {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 1;
    border: none;
    outline: none;
    background: #000;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .burger-line:nth-child(1) {
      top: 0px; }
    .burger-line:nth-child(2) {
      top: 0.5rem;
      width: 80%; }
    .burger-line:nth-child(3) {
      top: 1rem;
      width: 60%; }

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 66.666667%;
  padding-right: 15px;
  z-index: 1002;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  @media (max-width: 1300px) {
    .header {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      padding: 12px;
      background: #fafdfd;
      box-shadow: 11px 3px 16px #0000000d; } }
  @media (max-width: 550px) {
    .header {
      justify-content: flex-end; } }
  .header .color,
  .header .language a,
  .header .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    max-width: 72px;
    height: 72px;
    background: #fff;
    border-radius: 10px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1300px) {
      .header .color,
      .header .language a,
      .header .dropdown-toggle {
        min-width: 52px;
        max-width: 52px;
        height: 52px; } }
  .header .language,
  .header .dropdown-toggle {
    margin-left: 16px; }
    @media (max-width: 1300px) {
      .header .language,
      .header .dropdown-toggle {
        margin-left: 12px; } }
  .header .language a {
    font-weight: 400;
    font-size: 24px;
    color: #000; }
    @media (max-width: 1300px) {
      .header .language a {
        font-size: 16px; } }
    .header .language a:hover {
      background: #156eb6;
      color: #fff; }
  .header .dropdown-toggle:hover {
    background: #156eb6; }
    .header .dropdown-toggle:hover svg path {
      fill: #fff; }
  .header .search {
    width: 100%;
    height: 72px;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 16px; }
    @media (max-width: 1300px) {
      .header .search {
        height: 52px;
        margin-left: 12px; } }
    @media (max-width: 550px) {
      .header .search {
        display: none; } }
    .header .search .formsearch {
      width: 100%;
      position: relative; }
    .header .search .form-control {
      width: 100%;
      height: 72px;
      border: 0px;
      box-shadow: none;
      outline: none;
      text-transform: none;
      padding: 0px;
      padding: 0px;
      font-weight: 400;
      font-size: 24px;
      color: #91929F;
      text-align: center;
      padding-left: 40px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      @media (max-width: 1300px) {
        .header .search .form-control {
          font-size: 16px;
          height: 52px; } }
    .header .search .botsearch {
      position: absolute;
      top: 22px;
      left: 22px;
      padding: 0px;
      background: none;
      border: 0px;
      cursor: pointer; }
      @media (max-width: 1300px) {
        .header .search .botsearch {
          top: 13px;
          left: 13px; } }
      .header .search .botsearch:focus {
        outline: 0px; }
      .header .search .botsearch svg {
        width: 24px;
        height: 24px; }
        .header .search .botsearch svg path {
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
      .header .search .botsearch:hover svg path {
        fill: #156eb6; }
  .header .dropdown {
    text-transform: capitalize; }
    .header .dropdown .dropdown-toggle {
      display: flex;
      align-items: center;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .header .dropdown .dropdown-toggle::after {
        display: none; }
      @media (max-width: 1300px) {
        .header .dropdown .dropdown-toggle svg {
          width: 20px; } }
    .header .dropdown a {
      color: #767676;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .header .dropdown .dropdown-menu.show {
      margin-top: 0px;
      right: 0px !important;
      left: auto !important;
      min-width: inherit;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-clip: padding-box;
      width: 400px;
      height: 528px;
      transform: none !important;
      top: 120% !important;
      border: 0px;
      z-index: 2;
      overflow: hidden;
      overflow-y: scroll;
      padding: 16px;
      -webkit-box-shadow: 0 3px 20px #1d26260d;
      -moz-box-shadow: 0 3px 20px #1d26260d;
      -o-box-shadow: 0 3px 20px #1d26260d;
      -ms-box-shadow: 0 3px 20px #1d26260d;
      box-shadow: 0 3px 20px #1d26260d; }
      @media (max-width: 1300px) {
        .header .dropdown .dropdown-menu.show {
          width: 280px;
          right: -44px !important;
          height: 328px; } }
      .header .dropdown .dropdown-menu.show .dropdown-item {
        display: flex;
        align-items: center;
        padding: 16px;
        border: 0px;
        border-radius: 10px;
        white-space: normal;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .header .dropdown .dropdown-menu.show .dropdown-item:hover {
          background: #f6f9f9; }
        .header .dropdown .dropdown-menu.show .dropdown-item .photo {
          min-width: 80px;
          max-width: 80px;
          height: 80px;
          overflow: hidden;
          border-radius: 50%;
          margin-right: 12px; }
          @media (max-width: 1300px) {
            .header .dropdown .dropdown-menu.show .dropdown-item .photo {
              min-width: 60px;
              max-width: 60px;
              height: 60px; } }
          .header .dropdown .dropdown-menu.show .dropdown-item .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
        .header .dropdown .dropdown-menu.show .dropdown-item .title {
          color: #000;
          font-size: 22px;
          font-weight: 500; }
          @media (max-width: 1300px) {
            .header .dropdown .dropdown-menu.show .dropdown-item .title {
              font-size: 16px; } }
        .header .dropdown .dropdown-menu.show .dropdown-item .text {
          margin-top: 4px; }
          @media (max-width: 1300px) {
            .header .dropdown .dropdown-menu.show .dropdown-item .text {
              display: none; } }
        .header .dropdown .dropdown-menu.show .dropdown-item .date {
          display: block;
          margin-top: 4px;
          color: #156eb6; }
          @media (max-width: 1300px) {
            .header .dropdown .dropdown-menu.show .dropdown-item .date {
              font-size: 12px; } }
      .header .dropdown .dropdown-menu.show:before {
        display: none; }

.titlemenu {
  position: relative;
  text-transform: uppercase;
  padding: 20px 15px;
  font-size: 12px;
  margin-top: 0.93em; }

.menu_mobile {
  position: fixed;
  top: 0px;
  left: 0px;
  background: #fafdfd;
  width: 330px;
  height: 100%;
  z-index: 1001;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  box-shadow: 0px 0px 20px #0000000d; }
  @media (max-width: 1300px) {
    .menu_mobile {
      left: -100%;
      width: 280px; }
      .menu_mobile.active {
        left: 0px;
        z-index: 1005; } }
  .menu_mobile .logoitem {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 82px;
    background: #fff;
    padding: 0px 24px;
    box-shadow: 0 3px 16px #0000000d;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1300px) {
      .menu_mobile .logoitem {
        height: 76px;
        padding: 0px 12px; } }
    .menu_mobile .logoitem .logo img {
      max-width: 154px; }
    .menu_mobile .logoitem .cancel {
      position: absolute;
      top: 26px;
      right: 16px;
      cursor: pointer;
      opacity: 0; }
      @media (max-width: 1300px) {
        .menu_mobile .logoitem .cancel {
          opacity: 1; } }
      .menu_mobile .logoitem .cancel svg {
        width: 18px;
        height: 18px; }
  .menu_mobile .menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: calc(100% - 80px);
    overflow: hidden;
    overflow-y: scroll;
    padding: 14px; }
    @media (max-width: 1000px) {
      .menu_mobile .menu {
        padding: 14px 0px; } }
    .menu_mobile .menu::-webkit-scrollbar {
      width: 0px;
      height: 0px; }
    .menu_mobile .menu ul.accordion {
      width: 100%;
      margin: 0px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .menu_mobile .menu ul.accordion .inner {
        width: 100%;
        padding: 4px 0px 4px 54px;
        overflow: hidden;
        display: none; }
        .menu_mobile .menu ul.accordion .inner.show {
          /*display: block;*/ }
        .menu_mobile .menu ul.accordion .inner li {
          padding: 0px; }
          .menu_mobile .menu ul.accordion .inner li a {
            position: relative;
            color: #767676;
            display: inline-block;
            width: 100%;
            padding: 5px 12px;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
            .menu_mobile .menu ul.accordion .inner li a:hover, .menu_mobile .menu ul.accordion .inner li a.active {
              color: #156eb6; }
            .menu_mobile .menu ul.accordion .inner li a::before {
              content: "";
              position: absolute;
              left: 0px;
              top: 12px;
              width: 6px;
              height: 6px;
              background: #156eb6;
              border-radius: 50%; }
      .menu_mobile .menu ul.accordion .towlist li .child-lin {
        position: relative; }
        .menu_mobile .menu ul.accordion .towlist li .child-lin.active {
          background: none; }
          .menu_mobile .menu ul.accordion .towlist li .child-lin.active::before {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }
      .menu_mobile .menu ul.accordion .towlist .inner {
        margin-top: 0px; }
      .menu_mobile .menu ul.accordion li {
        padding: 10px 15px; }
        .menu_mobile .menu ul.accordion li a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          color: #000;
          position: relative;
          font-weight: 400;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .menu_mobile .menu ul.accordion li a .links {
            display: flex;
            align-items: center; }
          .menu_mobile .menu ul.accordion li a .icon {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 40px;
            max-width: 40px;
            height: 40px;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0px 4px 4px 0px #CCDEFF40; }
            .menu_mobile .menu ul.accordion li a .icon svg,
            .menu_mobile .menu ul.accordion li a .icon img {
              width: 22px !important;
              height: 22px !important; }
          .menu_mobile .menu ul.accordion li a span {
            margin-left: 12px;
            text-transform: capitalize;
            white-space: nowrap;
            text-overflow: ellipsis; }
          .menu_mobile .menu ul.accordion li a:hover span {
            color: #156eb6; }
          .menu_mobile .menu ul.accordion li a.navicon .arow {
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
          .menu_mobile .menu ul.accordion li a.navicon.active .arow {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }

@media (max-width: 1300px) {
  .color {
    margin-left: 12px; } }
.color li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .color li svg {
    width: 35px;
    height: 35px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1300px) {
      .color li svg {
        width: 24px;
        height: 24px; } }
  .color li.active {
    display: none; }
    .color li.active svg {
      fill: #fff; }

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  right: -100%;
  background: #000000ad;
  z-index: 1004;
  -moz-transition: all 0.8s ease-in-out 0s;
  -o-transition: all 0.8s ease-in-out 0s;
  -webkit-transition: all 0.8s ease-in-out 0s;
  transition: all 0.8s ease-in-out 0s; }
  .overlay.active {
    right: 0px; }

.department {
  width: 100%;
  text-align: center;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .department p {
    margin-top: 16px;
    font-weight: 500;
    text-transform: uppercase; }

.error404 {
  position: relative;
  width: 100%;
  padding: 48px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
  background: #fff url(../images/shape-bottom-left.png) no-repeat bottom left; }
  @media (max-width: 991px) {
    .error404 {
      padding: 24px 0px; } }
  .error404::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30%;
    height: 400px;
    background: url(../images/shape-top-right.png) no-repeat top right;
    background-size: 100%; }
  .error404 .title {
    font-size: 150px !important;
    line-height: 1; }
    .error404 .title::before {
      display: none; }
  .error404 p {
    color: #202043;
    font-size: 24px; }
  .error404 .bottom {
    margin-top: 24px; }

.footer {
  position: relative;
  padding: 0px 12px 24px 12px; }
  @media (max-width: 1000px) {
    .footer {
      text-align: center; } }
  .footer .scrollToTop {
    position: fixed;
    right: 16px;
    bottom: 16px;
    width: 46px;
    height: 46px;
    z-index: 998;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    background: #156eb6;
    padding-top: 11px;
    display: none; }
    .footer .scrollToTop:before {
      content: '';
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      height: 100%;
      background: #202043;
      -webkit-transform: scale(0);
      transform: scale(0);
      -moz-transition: all 0.6s ease-in-out 0s;
      -o-transition: all 0.6s ease-in-out 0s;
      -webkit-transition: all 0.6s ease-in-out 0s;
      transition: all 0.6s ease-in-out 0s; }
    .footer .scrollToTop span {
      position: relative;
      z-index: 1;
      color: #fff; }
    .footer .scrollToTop:hover::before {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media (max-width: 991px) {
      .footer .scrollToTop {
        display: none !important; } }

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ul,
li,
hr,
strong,
b,
input,
select,
textarea,
.highcharts-title,
.highcharts-axis-labels,
.highcharts-yaxis-title {
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-decoration: none;
  list-style: none;
  font-size: 16px;
  line-height: 1.2em;
  color: #767676;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto; }

::-webkit-scrollbar {
  width: 8px;
  height: 4px; }

/* Track */
::-webkit-scrollbar-track {
  background: #f6f9f9; }

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #156eb6;
  cursor: pointer; }

body {
  position: relative;
  direction: ltr;
  text-align: left;
  background: #f6f9f9;
  zoom: 70%;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  @media (max-width: 1300px) {
    body {
      zoom: 100%; } }
  @media (min-width: 1600px) {
    body {
      zoom: 82%; } }
  @media (min-width: 1900px) {
    body {
      zoom: 90%; } }
  body.active {
    overflow: hidden; }

.bottom {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-weight: 400;
  padding: 0px 24px;
  background: #156eb6;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  border: 0px;
  outline-style: none;
  outline: 0px;
  color: #fff;
  width: 206px;
  height: 74px;
  font-size: 28px;
  font-weight: 400;
  cursor: pointer;
  overflow: hidden;
  text-transform: capitalize;
  -moz-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s; }
  @media (max-width: 1300px) {
    .bottom {
      width: auto;
      height: auto;
      font-size: 20px;
      padding: 12px 24px; } }
  @media (max-width: 991px) {
    .bottom {
      padding: 12px 16px;
      font-size: 14px; } }
  .bottom:before {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    background: #fbae1f;
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s; }
  .bottom span {
    position: relative;
    z-index: 1; }
  .bottom:focus {
    outline: 0px !important; }
  .bottom:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .bottom:hover span {
    color: #fff; }

.social {
  display: flex;
  direction: ltr; }
  .social a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 8px; }
    .social a svg {
      max-width: 20px;
      max-height: 20px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .social a.icon-facebook svg {
      fill: #fff; }
    .social a.icon-facebook:hover svg {
      fill: #3b5998 !important; }
    .social a.icon-twitter svg {
      fill: #fff; }
    .social a.icon-twitter:hover svg {
      fill: #00acee !important; }
    .social a.icon-instagram svg {
      fill: #fff; }
    .social a.icon-instagram:hover svg {
      fill: #8d5b46 !important; }
    .social a.icon-youtube svg {
      fill: #fff; }
    .social a.icon-youtube:hover svg {
      fill: #c4302b !important; }
    .social a.icon-rss svg {
      fill: #fff; }
    .social a.icon-rss:hover svg {
      fill: #ee802f !important; }
    .social a.icon-snapchat svg {
      fill: #fff; }
    .social a.icon-snapchat:hover svg {
      fill: #fbeb0c !important; }
    .social a.icon-linkedin svg {
      fill: #fff; }
    .social a.icon-linkedin:hover svg {
      fill: #007fb1 !important; }
    .social a.icon-gplus svg {
      fill: #fff; }
    .social a.icon-gplus:hover svg {
      fill: #dd4b39 !important; }
    .social a.icon-whatsapp svg {
      fill: #fff; }
    .social a.icon-whatsapp:hover svg {
      fill: #189d0e !important; }
    .social a.icon-email svg {
      fill: #fff; }
    .social a.icon-email:hover svg {
      fill: #dd4b39 !important; }
    .social a.icon-print svg {
      fill: #fff; }
    .social a.icon-print:hover svg {
      fill: #8d5b46 !important; }
    .social a.icon-behance svg {
      fill: #fff; }
    .social a.icon-behance:hover svg {
      fill: #156eb6 !important; }

.title {
  font-size: 27px;
  color: #fff;
  font-weight: 700;
  position: relative; }
  @media (max-width: 1300px) {
    .title {
      font-size: 22px;
      font-weight: 500; } }

.wizard {
  margin-bottom: 16px; }
  .wizard li {
    display: inline-block;
    margin-left: 16px;
    color: #000;
    line-height: 14.4px;
    font-weight: 400; }
    .wizard li a {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      color: #000;
      line-height: 14.4px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .wizard li a:hover {
        color: #008a3a; }
      .wizard li a svg {
        margin-right: 16px;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }
  @media (max-width: 991px) {
    .wizard {
      display: none; } }

.form-control {
  height: 54px;
  text-transform: none;
  box-shadow: none;
  background: #fff;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .form-control:focus {
    border: 1px solid #f87412; }

textarea.form-control {
  height: 120px;
  resize: none; }

.che-box {
  position: relative;
  cursor: pointer;
  font-weight: normal;
  margin: 0px;
  padding-left: 28px; }
  .che-box input[type="checkbox"],
  .che-box input[type="radio"] {
    position: absolute;
    right: 9000px; }
  .che-box input[type="checkbox"] + .label-text:before,
  .che-box input[type="radio"] + .label-text:before {
    content: ' ';
    font-size: 1.5em;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    width: 19px;
    height: 19px;
    line-height: 19px;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 0;
    box-sizing: border-box;
    border-radius: 50%; }
  .che-box input[type="radio"] + .label-text:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box; }
  .che-box input[type="checkbox"]:checked + .label-text:before,
  .che-box input[type="radio"]:checked + .label-text:before {
    background: #156eb6;
    box-shadow: inset 0 0 0px 4px #fff; }
  .che-box span.label-text {
    font-size: 14px;
    font-style: normal;
    color: #202043;
    text-transform: capitalize; }

.textcenter {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 96px; }
  @media (max-width: 991px) {
    .textcenter {
      margin-top: 24px; } }
  .textcenter p {
    color: #202043;
    font-size: 18px; }
    @media (max-width: 991px) {
      .textcenter p {
        font-size: 14px; } }
  .textcenter .bottom {
    margin: 16px 4px 0px 4px; }
  .textcenter .st-btn {
    background: #18AAE3; }

.alert {
  display: flex;
  align-items: center;
  border: 0px;
  margin: 0px;
  margin-top: 16px;
  padding: 16px;
  border-radius: 4px;
  height: 60px;
  color: #fff; }
  .alert a {
    text-decoration: underline;
    color: #fff;
    font-weight: 400; }
    .alert a:hover {
      text-decoration: none; }
  .alert .text-mass {
    margin: 0px !important;
    margin-left: 12px !important; }
  .alert p {
    margin: 0px !important;
    color: #fff !important; }
  .alert.alert-success {
    background: linear-gradient(303.91deg, #1F7A66 7.57%, #60B3A7 94.39%); }
  .alert.alert-danger {
    background: linear-gradient(303.91deg, #C24848 7.57%, #D34A4A 94.39%); }

select.form-control {
  -webkit-appearance: none;
  background: url(../images/arrow.svg) no-repeat;
  background-position: 98% 19px; }
  select.form-control option {
    padding: 24px; }

.map-back {
  position: relative;
  width: 100%;
  padding: 48px 0px;
  height: 192px;
  padding: 0px;
  background: #f6f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  @media (max-width: 991px) {
    .map-back {
      padding: 24px 0px; } }
  .map-back:before {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(303.91deg, #041c3fd1 7.57%, #041c3f57 94.39%);
    z-index: 2; }
  .map-back img {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1; }
  .map-back .container {
    z-index: 2; }
  .map-back .title {
    color: #fff; }
    @media (max-width: 991px) {
      .map-back .title {
        font-size: 28px; } }
  .map-back .maplink {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    margin-top: 12px; }
    @media (max-width: 991px) {
      .map-back .maplink {
        display: none; } }
    .map-back .maplink li {
      display: inline-block;
      color: #fbae1f;
      margin-left: 8px;
      font-weight: 600; }
      .map-back .maplink li:last-child {
        margin-right: 0px; }
        .map-back .maplink li:last-child a {
          padding-left: 0px; }
      .map-back .maplink li a {
        color: #fff;
        position: relative;
        padding-left: 16px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .map-back .maplink li a:hover {
          color: #fbae1f; }
        .map-back .maplink li a:before {
          position: absolute;
          top: 0px;
          left: 2px;
          content: "/";
          display: inline-block;
          color: #fff; }

.pagination {
  width: 100%;
  margin-top: 64px;
  justify-content: flex-end; }
  @media (max-width: 991px) {
    .pagination {
      margin-top: 24px; } }
  .pagination li {
    display: inline-block;
    margin: 0px 10px; }
    .pagination li a,
    .pagination li span {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      -webkit-border-radius: 50% !important;
      border-radius: 50% !important;
      background-clip: padding-box;
      border: 0px;
      color: #55555547;
      font-size: 25px;
      padding: 0px;
      background: none !important;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .pagination li svg {
      width: 12px;
      height: 12px; }
    .pagination li:last-child a {
      width: 33px;
      height: 33px;
      border: 1px solid #156eb6;
      border-radius: 50%; }
      .pagination li:last-child a:hover {
        background: #156eb6 !important; }
        .pagination li:last-child a:hover svg {
          fill: #fff; }
    .pagination li:last-child svg {
      transform: rotate(-90deg); }
    .pagination li:first-child a {
      width: 33px;
      height: 33px;
      border: 1px solid #156eb6;
      border-radius: 50%; }
      .pagination li:first-child a:hover {
        background: #156eb6 !important; }
        .pagination li:first-child a:hover svg {
          fill: #fff; }
    .pagination li:first-child svg {
      transform: rotate(90deg); }
  .pagination .page-link.active,
  .pagination .page-link:hover {
    color: #156eb6 !important; }

.content {
  width: 100%;
  padding: 20px 60px 24px 390px; }
  @media (max-width: 1300px) {
    .content {
      padding: 68px 12px 12px 12px;
      width: calc(100% - 4px); } }
  .content .boxstyle {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    margin-top: 30px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
  .content .more_button {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    position: relative;
    border-top: 1px solid #e4e4e4;
    padding-top: 24px;
    margin-top: 24px;
    line-height: 20px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .content .more_button a {
      position: relative;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      color: #000;
      line-height: 1; }
      @media (max-width: 550px) {
        .content .more_button a {
          font-size: 14px; } }
      .content .more_button a:hover {
        color: #156eb6; }
        .content .more_button a:hover svg {
          margin-left: 8px;
          stroke: #156eb6; }
    .content .more_button svg {
      margin-left: 4px;
      width: 15px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
  @media (max-width: 1199px) {
    .content .item {
      max-width: 100%;
      flex: 100%; } }
  .content .item .it-span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #156eb6;
    color: #fff;
    padding: 4px 16px;
    border-radius: 60px;
    margin-bottom: 12px;
    text-transform: capitalize; }
  .content .item .carousel-indicators li {
    background: #FFFFFFB2;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .content .item .carousel-indicators li.active {
      background: #fff;
      width: 78px; }
  .content .item .carousel {
    border-radius: 20px;
    overflow: hidden;
    margin-top: 30px; }
  .content .item .carousel-item a {
    position: relative;
    display: block;
    width: 100%;
    height: 428px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1000px) {
      .content .item .carousel-item a {
        height: 282px; } }
    .content .item .carousel-item a img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .content .item .carousel-item a:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .content .item .carousel-item a:hover .contant .title {
      color: #156eb6; }
  .content .item .contant {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 100px 30px 30px 30px;
    background: linear-gradient(#00000000, #000000); }
    @media (min-width: 1600px) {
      .content .item .contant {
        padding: 100px 44px 44px 44px; } }
    .content .item .contant .title {
      color: #fff;
      font-size: 28px;
      margin-top: 8px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      @media (min-width: 1600px) {
        .content .item .contant .title {
          font-size: 42px; } }
    .content .item .contant p {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 15px;
      color: #fcfcfc;
      margin-top: 10px; }
      @media (min-width: 1600px) {
        .content .item .contant p {
          font-size: 17px; } }
    .content .item .contant .flex {
      display: flex;
      margin-top: 20px;
      font-size: 14x; }
      .content .item .contant .flex svg {
        width: 18px;
        margin-right: 4px; }
      .content .item .contant .flex span {
        color: #bdbcbc; }
      .content .item .contant .flex .date {
        display: flex;
        align-items: center;
        margin-right: 24px; }
  .content .erpsystem {
    position: relative;
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    background: #fbae1f url(../images/block_bg.png) no-repeat center center/cover;
    margin-bottom: 24px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .content .erpsystem .icon-clos {
      position: absolute;
      top: 35px;
      left: auto;
      display: none;
      cursor: pointer;
      right: 24px; }
      .content .erpsystem .icon-clos svg path {
        stroke: #fff; }
    .content .erpsystem .tablebox {
      margin: 24px auto 0px auto;
      width: 60%;
      border-radius: 16px;
      overflow: hidden;
      display: none;
      background: #fff;
      padding: 24px; }
      @media (max-width: 991px) {
        .content .erpsystem .tablebox {
          width: 100%; } }
      .content .erpsystem .tablebox .title {
        color: #000;
        margin-bottom: 12px;
        text-align: center; }
      .content .erpsystem .tablebox p {
        color: #767676;
        text-align: center;
        font-size: 18px; }
      .content .erpsystem .tablebox .meeting {
        margin-top: 24px;
        color: #000;
        font-size: 26px;
        text-transform: capitalize;
        text-align: center; }
        .content .erpsystem .tablebox .meeting span {
          color: #156eb6;
          font-size: 22px; }
    .content .erpsystem.active {
      display: flex;
      align-items: center;
      position: fixed;
      height: 100%;
      left: 0px;
      top: 0px;
      z-index: 1002;
      background: #000000c9;
      padding: 12px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      border-radius: 0px;
      overflow: hidden;
      overflow-y: scroll; }
      .content .erpsystem.active .inner {
        display: none; }
      .content .erpsystem.active .tablebox,
      .content .erpsystem.active .icon-clos {
        display: block; }
    .content .erpsystem .inner {
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .content .erpsystem .icon svg,
    .content .erpsystem .icon img {
      fill: #fff;
      width: 60px;
      height: 60px;
      margin-bottom: 12px; }
    .content .erpsystem .title {
      color: #fff;
      line-height: 20px;
      margin-bottom: 12px; }
    .content .erpsystem p {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #fff;
      line-height: 20px;
      font-size: 14px;
      margin-bottom: 12px; }
    .content .erpsystem .bottom {
      width: 100%;
      background: #ffffff52;
      margin-bottom: 16px;
      border-radius: 10px; }
      .content .erpsystem .bottom::before {
        border-radius: 10px; }
    .content .erpsystem .more {
      border-top: 1px solid #ffffff42;
      padding-top: 12px; }
      .content .erpsystem .more .btn-more {
        color: #fff;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        text-transform: capitalize; }
        .content .erpsystem .more .btn-more:hover {
          color: #156eb6; }
    .content .erpsystem table {
      margin: 0px;
      background: #fff !important;
      text-transform: capitalize; }
      .content .erpsystem table th {
        background: #156eb6;
        color: #fff !important; }
      .content .erpsystem table td,
      .content .erpsystem table th {
        border: 0px !important;
        font-weight: normal; }
        @media (max-width: 991px) {
          .content .erpsystem table td,
          .content .erpsystem table th {
            white-space: nowrap; } }
      .content .erpsystem table svg {
        fill: #008a3a;
        width: 22px; }
      .content .erpsystem table tr:nth-of-type(odd) {
        background: #f6f9f9 !important; }
  .content .calendar {
    padding: 0px !important; }
    .content .calendar .photo {
      width: 100%;
      height: 220px;
      overflow: hidden; }
      .content .calendar .photo img {
        width: 100%;
        min-height: 100%;
        object-fit: cover; }
    .content .calendar .nao-month {
      position: relative;
      width: 100%;
      overflow: hidden;
      direction: ltr;
      padding: 24px; }
      .content .calendar .nao-month.no-overflow {
        overflow: hidden !important;
        transform: translateZ(0); }
      .content .calendar .nao-month .month-head {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 16px;
        margin-bottom: 16px; }
        .content .calendar .nao-month .month-head button {
          background: none;
          border: none;
          outline: none;
          outline-style: none;
          cursor: pointer;
          position: absolute;
          z-index: 1; }
        .content .calendar .nao-month .month-head .arowleft,
        .content .calendar .nao-month .month-head .arowright {
          background: url(../images/arrow.svg) no-repeat;
          height: 15px;
          width: 15px;
          padding: 0;
          left: 0px;
          background-size: 100%;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          top: 2px; }
        .content .calendar .nao-month .month-head .arowright {
          left: auto;
          right: 0px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); }
        .content .calendar .nao-month .month-head button.btn.ic.ic-arrow-circle-angle-down.ripple-elemen,
        .content .calendar .nao-month .month-head button.btn.ic.ic-target.ripple-element,
        .content .calendar .nao-month .month-head button.btn.ic.ic-arrow-circle-angle-down {
          display: none; }
        .content .calendar .nao-month .month-head div {
          cursor: pointer;
          color: #000;
          font-size: 18px;
          line-height: 16px; }
      .content .calendar .nao-month .year-month {
        position: absolute;
        left: 0;
        padding: 0px 24px;
        display: block;
        width: 100%;
        height: 0px;
        z-index: 3;
        overflow: hidden;
        transition: height 5ms linear .5s, background .5s ease;
        pointer-events: none; }
        .content .calendar .nao-month .year-month div:first-child {
          margin-top: -100%;
          transition: margin 0.5s ease; }
    .content .calendar .nao-month > div + div {
      transition: opacity .5s ease;
      filter: none;
      opacity: 1; }
    .content .calendar .nao-month table {
      width: 100%;
      transform: none;
      filter: none;
      opacity: 1;
      transition: transform .5s ease, opacity .5s ease; }
      .content .calendar .nao-month table thead,
      .content .calendar .nao-month table tbody {
        width: 100%; }
    .content .calendar .nao-month table.prev,
    .content .calendar .nao-month table.next,
    .content .calendar .nao-month table.come {
      position: absolute; }
    .content .calendar .nao-month table.prev {
      transform: translateX(-110%); }
    .content .calendar .nao-month table.prev + table {
      transform: translateX(110%); }
    .content .calendar .nao-month table.next {
      transform: translateX(110%); }
    .content .calendar .nao-month table.next + table {
      transform: translateX(-110%); }
    .content .calendar .nao-month table.come {
      transform: none; }
    .content .calendar .nao-month th,
    .content .calendar .nao-month td {
      text-align: center;
      padding: 4px 1px;
      font-weight: normal;
      width: calc(100% / 7); }
    .content .calendar .nao-month th {
      font-weight: 500;
      color: #000; }
    .content .calendar .nao-month td {
      cursor: pointer;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      box-shadow: 0 0 0 2px transparent inset; }
    .content .calendar .nao-month td.ripple {
      z-index: 99; }
    .content .calendar .nao-month td.today,
    .content .calendar .nao-month td.active {
      background: #156eb6;
      overflow: hidden;
      color: #fff;
      -webkit-box-shadow: 0px 0px 20px #156eb69c;
      -moz-box-shadow: 0px 0px 20px #156eb69c;
      -o-box-shadow: 0px 0px 20px #156eb69c;
      -ms-box-shadow: 0px 0px 20px #156eb69c;
      box-shadow: 0px 0px 20px #156eb69c; }
    .content .calendar .nao-month td.active {
      padding: 0px; }
    .content .calendar .nao-month td:empty {
      cursor: auto; }
    .content .calendar .nao-month td:empty::before {
      content: "•";
      opacity: .3;
      display: inline-block; }
    .content .calendar .nao-month .year-month.visible {
      display: block;
      transition: height 5ms linear 0s;
      height: 100%;
      pointer-events: auto; }
    .content .calendar .nao-month .year-month.visible ~ div,
    .content .calendar .nao-month .year-month.visible ~ table {
      filter: blur(5px);
      filter: none;
      opacity: 0.05; }
    .content .calendar .nao-month .year-month.visible > table,
    .content .calendar .nao-month .year-month.visible > div {
      margin-top: 0%;
      transform: none; }
    .content .calendar .nao-month .year-month.visible > div {
      text-align: center;
      cursor: pointer;
      font-size: 18px;
      display: block; }
    .content .calendar .fas.fa-angle-up {
      background: url(../images/arrow.svg) no-repeat;
      height: 15px;
      width: 15px;
      padding: 0;
      background-size: 100%;
      margin: 0 auto; }
      .content .calendar .fas.fa-angle-up::before {
        display: none; }
    .content .calendar .nao-month .year-month table {
      height: 70%; }
    .content .calendar .nao-month .year-month td {
      overflow: hidden;
      width: 33.333%; }
    .content .calendar .nao-month .year-month > .ic {
      position: absolute;
      display: block;
      bottom: 0;
      right: 0;
      box-sizing: border-box;
      padding: 10px;
      text-align: center;
      width: 100%;
      cursor: pointer; }
  .content .boxitem {
    position: relative;
    width: 100%; }
    .content .boxitem .bottom {
      height: 40px;
      margin-top: 12px; }
    .content .boxitem .t-style {
      font-size: 34px;
      line-height: 36px; }
    .content .boxitem .innernews {
      position: relative;
      width: 100%;
      margin-top: 24px; }
      .content .boxitem .innernews .photo {
        display: block;
        position: relative;
        width: 100%;
        height: 166px;
        overflow: hidden;
        border-radius: 10px; }
        .content .boxitem .innernews .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
        .content .boxitem .innernews .photo:hover img {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
      .content .boxitem .innernews .date {
        display: flex;
        align-items: center;
        margin-top: 12px;
        font-size: 15px; }
        .content .boxitem .innernews .date svg {
          width: 14px;
          height: 14px;
          margin-right: 4px; }
      .content .boxitem .innernews .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 18px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        margin-top: 8px; }
        .content .boxitem .innernews .title:hover {
          color: #156eb6; }
  .content .listemployees {
    position: relative; }
    .content .listemployees li {
      display: flex;
      align-items: center;
      margin-bottom: 24px; }
      .content .listemployees li:last-child {
        margin-bottom: 32px; }
      .content .listemployees li:hover .photo img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
      .content .listemployees li:hover .title {
        color: #156eb6; }
      .content .listemployees li .photo {
        min-width: 60px;
        max-width: 60px;
        height: 60px;
        overflow: hidden;
        border-radius: 50%;
        margin-right: 12px; }
        .content .listemployees li .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
      .content .listemployees li .title {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 18px;
        color: #000;
        text-transform: capitalize;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .content .listemployees li p {
        font-size: 14px;
        text-transform: capitalize;
        margin-top: 8px; }
  .content .app-item {
    background: #156eb6 url(../images/block_bg.png) no-repeat center center/cover; }
    .content .app-item .listapp {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 550px) {
        .content .app-item .listapp {
          flex-wrap: wrap; } }
      .content .app-item .listapp a {
        position: relative;
        text-align: center;
        min-width: calc(100% / 5);
        border-right: 1px solid #ffffff42;
        margin-top: 12px; }
        @media (max-width: 550px) {
          .content .app-item .listapp a {
            border: 0px;
            min-width: 50%; } }
        .content .app-item .listapp a:last-child {
          border: 0px; }
        .content .app-item .listapp a:hover .icon {
          background: #fff; }
          .content .app-item .listapp a:hover .icon svg {
            fill: #156eb6; }
        .content .app-item .listapp a .icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 52px;
          height: 52px;
          background: #ffffff4d;
          border-radius: 50%;
          margin: 0px auto;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          .content .app-item .listapp a .icon svg {
            width: 24px;
            fill: #fff;
            -moz-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s; }
        .content .app-item .listapp a .title {
          color: #fff;
          font-size: 16px;
          margin-top: 12px; }
  .content .itemevents {
    position: relative; }
    .content .itemevents li a {
      display: flex;
      align-items: center;
      margin-bottom: 24px;
      border-bottom: 1px solid #e4e4e4;
      padding-bottom: 16px; }
      .content .itemevents li a:hover .title {
        color: #156eb6; }
      .content .itemevents li a:hover .datemonth {
        background: #156eb6; }
    .content .itemevents li:last-child a {
      border-bottom: 0px;
      padding-bottom: 0px;
      margin-bottom: 32px; }
    .content .itemevents li .infodate {
      margin-top: 8px;
      font-size: 14px; }
    .content .itemevents li .date {
      min-width: 52px;
      max-width: 52px;
      background: #f0f0ed;
      border-radius: 10px;
      overflow: hidden;
      margin-right: 16px; }
      .content .itemevents li .date .dateday {
        display: block;
        text-align: center;
        font-size: 24px;
        color: #000;
        line-height: 20px;
        padding: 8px 0px; }
      .content .itemevents li .date .datemonth {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fbae1f;
        color: #fff;
        font-size: 14px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
    .content .itemevents li .icon {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 70px;
      max-width: 70px;
      height: 70px;
      overflow: hidden;
      margin-right: 12px;
      background: #f6f9f9;
      border-radius: 10px; }
      .content .itemevents li .icon svg,
      .content .itemevents li .icon img {
        width: 44px;
        height: 44px; }
    .content .itemevents li .title {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 16px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .content .itemevents li .download {
      display: flex;
      align-items: center;
      text-transform: capitalize;
      margin-top: 4px;
      color: #156eb6;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .content .itemevents li .download:hover {
        color: #fbae1f; }
      .content .itemevents li .download svg {
        fill: #156eb6;
        width: 18px;
        height: 18px;
        margin: -4px 8px 0px 0px; }
  .content .Lessons {
    width: 100%; }
    .content .Lessons a {
      display: block;
      border-left: 4px solid #e4e4e4;
      margin-bottom: 16px;
      padding-left: 12px;
      color: #000;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .content .Lessons a:last-child {
        margin: 0px; }
      .content .Lessons a:hover {
        color: #156eb6;
        border-left: 4px solid #156eb6; }
  .content .knowledge {
    width: 100%; }
    .content .knowledge a {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      position: relative;
      margin-bottom: 16px;
      color: #000;
      padding-left: 32px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .content .knowledge a:last-child {
        margin: 0px; }
      .content .knowledge a svg {
        position: absolute;
        left: 0px;
        top: 5px;
        fill: #156eb6;
        width: 20px; }
      .content .knowledge a:hover {
        color: #156eb6; }
  .content .itemnews li {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 16px; }
    @media (max-width: 550px) {
      .content .itemnews li {
        display: block; } }
    .content .itemnews li:last-of-type {
      border-bottom: 0px;
      padding-bottom: 0px;
      margin-bottom: 0px; }
    .content .itemnews li:hover .photo img {
      -webkit-transform: scale(1.15);
      -moz-transform: scale(1.15);
      -ms-transform: scale(1.15);
      -o-transform: scale(1.15);
      transform: scale(1.15); }
    .content .itemnews li:hover .title {
      color: #156eb6; }
    .content .itemnews li .photo {
      display: block;
      position: relative;
      min-width: 206px;
      max-width: 206px;
      height: 154px;
      overflow: hidden;
      background: #f6f9f9;
      border-radius: 10px;
      overflow: hidden;
      margin-right: 24px; }
      @media (max-width: 550px) {
        .content .itemnews li .photo {
          min-width: 100%;
          max-width: 100%;
          margin: 0px;
          margin-bottom: 12px; } }
      .content .itemnews li .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
    .content .itemnews li .title {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 18px;
      color: #000;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .content .itemnews li p {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 14px;
      line-height: 22px;
      margin-top: 12px; }
    .content .itemnews li .info {
      display: flex;
      align-items: center;
      margin-top: 16px;
      font-size: 14px; }
      @media (max-width: 550px) {
        .content .itemnews li .info {
          font-size: 14px; } }
      .content .itemnews li .info .date {
        display: flex;
        align-items: center;
        margin-right: 24px; }
        .content .itemnews li .info .date svg {
          margin-right: 4px;
          width: 18px; }
      .content .itemnews li .info .time {
        display: flex;
        align-items: center; }
        .content .itemnews li .info .time svg {
          margin-right: 4px;
          width: 14px; }
  .content .itemphoto {
    margin-top: 24px; }
    @media (max-width: 550px) {
      .content .itemphoto {
        max-width: 100%;
        flex: 100%; } }
    .content .itemphoto i.icon-play {
      position: absolute;
      top: 50%;
      right: 0px;
      left: 0px;
      width: 64px;
      height: 54px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0px auto;
      z-index: 1;
      background: #156eb6;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      background-clip: padding-box;
      margin-top: -27px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .content .itemphoto i.icon-play svg {
        width: 20px;
        height: 20px;
        fill: #fff; }
    .content .itemphoto:first-child {
      margin: 0px; }
      .content .itemphoto:first-child .inner .photo {
        height: 284px; }
        @media (max-width: 550px) {
          .content .itemphoto:first-child .inner .photo {
            height: 240px; } }
      .content .itemphoto:first-child .inner .title {
        font-size: 20px; }
        @media (max-width: 550px) {
          .content .itemphoto:first-child .inner .title {
            font-size: 18px; } }
    .content .itemphoto .inner {
      display: block;
      position: relative;
      width: 100%;
      background: #f6f9f9;
      border-radius: 10px;
      overflow: hidden;
      text-align: center; }
      .content .itemphoto .inner:hover .photo img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
      .content .itemphoto .inner .photo {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 140px;
        overflow: hidden;
        background: #f6f9f9;
        cursor: pointer; }
        .content .itemphoto .inner .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
  .content .slider-projects {
    position: relative; }
    .content .slider-projects .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      outline: none; }
      .content .slider-projects .slick-list .slick-track {
        position: relative;
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        overflow: hidden; }
        .content .slider-projects .slick-list .slick-track:after, .content .slider-projects .slick-list .slick-track:before {
          display: table;
          content: ''; }
    .content .slider-projects .slick-prev,
    .content .slider-projects .slick-next {
      position: absolute;
      top: 44%;
      right: -52px;
      cursor: pointer;
      border: 0px;
      padding: 0px;
      outline: none;
      font-size: 0px;
      background: none;
      display: none !important; }
      .content .slider-projects .slick-prev svg,
      .content .slider-projects .slick-next svg {
        width: 34px;
        height: 34px;
        fill: #000;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .content .slider-projects .slick-prev:hover svg,
      .content .slider-projects .slick-next:hover svg {
        fill: #D1362A !important; }
    .content .slider-projects .slick-prev {
      right: auto;
      left: -52px;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
    .content .slider-projects .slick-dots {
      width: 100%;
      padding: 0px;
      list-style: none;
      text-align: center;
      margin-top: 12px;
      display: none !important; }
      .content .slider-projects .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 2px;
        padding: 0px;
        cursor: pointer;
        background: #f6f9f9; }
        .content .slider-projects .slick-dots li button {
          font-size: 0px;
          line-height: 0px;
          display: block;
          width: 30px;
          height: 3px;
          cursor: pointer;
          color: #f6f9f9;
          border: 0px;
          outline: none;
          background: transparent; }
      .content .slider-projects .slick-dots li.slick-active {
        background: #156eb6; }
  .content .itemproject {
    display: inline-block;
    margin: 0px 12px;
    text-align: center; }
    .content .itemproject:hover .photo {
      border: 4px solid #156eb6; }
      .content .itemproject:hover .photo img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
    .content .itemproject:hover .title {
      color: #156eb6; }
    .content .itemproject .photo {
      position: relative;
      width: 100%;
      height: 260px;
      border-radius: 10px;
      overflow: hidden;
      border: 4px solid #f6f9f9;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .content .itemproject .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
    .content .itemproject .title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-top: 24px;
      font-size: 18px;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
  .content .tacno {
    padding: 0px; }
    .content .tacno:hover .photo img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .content .tacno .photo {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 100%;
      height: 240px;
      overflow: hidden;
      background: #f6f9f9;
      cursor: pointer;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      @media (min-width: 1600px) {
        .content .tacno .photo {
          height: 268px; } }
      @media (min-width: 1880px) {
        .content .tacno .photo {
          height: 364px; } }
      .content .tacno .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
    .content .tacno .textcontent .title {
      -webkit-line-clamp: 2;
      text-align: left; }
    .content .tacno .info {
      display: flex;
      align-items: center;
      color: #bdbcbc;
      margin-top: 8px; }
      .content .tacno .info .date {
        display: flex;
        align-items: center;
        font-size: 14px;
        margin-right: 16px; }
        .content .tacno .info .date svg {
          margin-right: 8px; }
      .content .tacno .info .time {
        display: flex;
        align-items: center; }
        .content .tacno .info .time svg {
          margin-right: 8px; }

.avatar-block {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -4px; }
  .avatar-block .item-avatar {
    position: relative;
    width: 80px;
    height: 80px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    margin: 28px 18px 26px 0px; }
    @media (max-width: 991px) {
      .avatar-block .item-avatar {
        width: 70px;
        height: 70px;
        margin: 16px 8px 16px 0px; } }
    @media (min-width: 1600px) {
      .avatar-block .item-avatar {
        width: 90px;
        height: 90px;
        margin: 28px 18px 16px 0px; } }
    .avatar-block .item-avatar:hover span {
      opacity: 1; }
    .avatar-block .item-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%; }
    .avatar-block .item-avatar span {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      position: absolute;
      left: 0px;
      top: -24px;
      width: 100%;
      background: #156eb64d;
      border-radius: 10px;
      font-size: 12px;
      text-align: center;
      line-height: 2;
      color: #156eb6b3;
      opacity: 0;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }

.textcontent {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 10;
  padding: 48px 12px 16px 12px;
  background: linear-gradient(180deg, rgba(238, 166, 22, 0) 0%, #000000 100%); }
  .textcontent .title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
  .textcontent .text {
    text-align: center;
    font-size: 14px;
    color: #bdbcbc;
    margin-top: 4px; }

.useritem {
  position: relative;
  display: flex;
  width: 100%;
  background: #156eb6;
  padding: 24px;
  border-radius: 20px;
  margin-top: -72px; }
  @media (max-width: 1300px) {
    .useritem {
      margin-top: 30px; } }
  .useritem .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .useritem .photo {
    min-width: 244px;
    max-width: 244px;
    height: 244px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 16px; }
    @media (max-width: 1300px) {
      .useritem .photo {
        min-width: 144px;
        max-width: 144px;
        height: 144px; } }
    @media (max-width: 450px) {
      .useritem .photo {
        min-width: 80px;
        max-width: 80px;
        height: 80px; } }
    .useritem .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .useritem .title {
    font-size: 24px; }
    @media (max-width: 1300px) {
      .useritem .title {
        font-size: 20px; } }
  .useritem .name {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    margin-top: 14px; }
    @media (max-width: 1300px) {
      .useritem .name {
        font-size: 18px;
        margin-top: 8px; } }
  .useritem p {
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    margin-top: 14px; }
    @media (max-width: 1300px) {
      .useritem p {
        font-size: 16px;
        margin-top: 8px; } }
  .useritem .edit {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px; }
    @media (max-width: 1300px) {
      .useritem .edit {
        font-size: 16px;
        margin: 0px;
        margin-top: 8px; } }
    .useritem .edit svg {
      width: 17px;
      margin-left: 8px; }

.timebox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #ccc;
  z-index: 1002;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .timebox.active {
    display: flex;
    align-items: center;
    position: fixed;
    height: 100%;
    left: 0px;
    top: 0px;
    transform: none;
    background: #000000c9;
    padding: 12px;
    overflow: hidden;
    overflow-y: scroll; }
  .timebox .icon-clos {
    position: absolute;
    top: 35px;
    left: auto;
    cursor: pointer;
    right: 24px; }
    .timebox .icon-clos svg path {
      stroke: #fff; }
  .timebox .innertime {
    margin: 24px auto 0px auto;
    width: 40%;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    padding: 48px;
    text-align: center; }
    @media (max-width: 991px) {
      .timebox .innertime {
        width: 100%;
        padding: 24px; } }
    .timebox .innertime svg {
      width: 72px;
      margin-bottom: 24px; }
    .timebox .innertime .meeting {
      color: #000;
      font-size: 26px;
      text-transform: capitalize;
      text-align: center; }
      .timebox .innertime .meeting span {
        display: block;
        color: #156eb6;
        font-size: 22px;
        margin-top: 16px; }

.inneritem {
  padding: 24px 44px; }
  @media (max-width: 1300px) {
    .inneritem {
      padding: 20px; } }

.minheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #156eb6;
  height: 78px;
  padding: 24px 44px; }
  @media (max-width: 1300px) {
    .minheader {
      height: auto;
      padding: 20px; } }
  .minheader .title {
    line-height: 1;
    color: #fff !important; }
  .minheader .more_button {
    border: 0px;
    padding: 0px;
    margin: 0px; }
  .minheader span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    max-width: 28px;
    height: 28px;
    background: #D1362A;
    color: #fff;
    border-radius: 50%;
    font-size: 12px; }

.v-item {
  margin-top: 24px; }
  @media (max-width: 991px) {
    .v-item {
      max-width: 50%;
      flex: 50%; } }
  @media (max-width: 550px) {
    .v-item {
      max-width: 100%;
      flex: 100%; } }
  .v-item:hover i.icon-play {
    background: #fbae1f; }
  .v-item:hover .photo img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15); }
  .v-item .textcontent {
    padding-bottom: 24px; }
  .v-item .photo {
    display: block;
    position: relative;
    width: 100%;
    height: 30vh;
    overflow: hidden;
    background: #f6f9f9;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer; }
    @media (max-width: 550px) {
      .v-item .photo {
        height: 220px; } }
    .v-item .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
  .v-item .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    margin-top: 10px;
    cursor: pointer; }
    @media (max-width: 1300px) {
      .v-item .title {
        font-size: 16px; } }
  .v-item i.icon-play {
    position: absolute;
    top: 50%;
    right: 0px;
    left: 0px;
    width: 64px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    z-index: 1;
    background: #156eb6;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    margin-top: -27px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .v-item i.icon-play svg {
      width: 20px;
      height: 20px;
      fill: #fff; }

.applicationslist .item-avatar {
  position: relative;
  margin-bottom: 28px; }
  @media (max-width: 991px) {
    .applicationslist .item-avatar {
      max-width: 50%;
      flex: 50%; } }
  .applicationslist .item-avatar a {
    display: block;
    background: #f1f3f6;
    border-radius: 10px;
    padding: 36px 8px;
    overflow: hidden;
    height: 156px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 991px) {
      .applicationslist .item-avatar a {
        height: auto;
        padding: 18px 8px; } }
    .applicationslist .item-avatar a:hover {
      box-shadow: 0 3px 20px #1d26260d;
      background: #fff; }
  .applicationslist .item-avatar .photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    overflow: hidden; }
  .applicationslist .item-avatar img {
    max-width: 100%;
    max-height: 100%; }
  .applicationslist .item-avatar span {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    color: #000;
    margin-top: 8px; }
.applicationslist .item-avatar {
  position: relative;
  margin-bottom: 28px; }
  @media (max-width: 991px) {
    .applicationslist .item-avatar {
      max-width: 50%;
      flex: 50%; } }

#video-popup-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000000c9;
  z-index: 1006;
  display: none;
  padding: 24px; }
  #video-popup-overlay #video-popup-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer; }
    #video-popup-overlay #video-popup-close svg {
      width: 24px;
      height: 24px; }
      #video-popup-overlay #video-popup-close svg path {
        stroke: #fff; }
  #video-popup-overlay #video-popup-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    width: 60%;
    height: 100%; }
    @media (max-width: 767px) {
      #video-popup-overlay #video-popup-container {
        width: 100%; } }
  #video-popup-overlay #video-popup-iframe-container {
    background: #D1362A; }
    #video-popup-overlay #video-popup-iframe-container iframe {
      display: block;
      border: 0px;
      width: 100%;
      height: 60vh; }
  #video-popup-overlay .title {
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin-top: 24px; }
  #video-popup-overlay .info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px; }
    #video-popup-overlay .info .date {
      display: flex;
      align-items: center;
      color: #ffffffbf;
      margin-right: 24px; }
      #video-popup-overlay .info .date svg {
        margin-right: 8px;
        fill: #ffffffbf; }
    #video-popup-overlay .info .time {
      display: flex;
      align-items: center;
      color: #ffffffbf; }
      #video-popup-overlay .info .time svg {
        margin-right: 8px;
        fill: #ffffffbf; }

.newstaff {
  display: block;
  width: 100%;
  margin-top: 12px;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 12px; }
  .newstaff:hover .photo img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .newstaff .photo {
    position: relative;
    width: 100%;
    height: 120px;
    overflow: hidden;
    background: #f6f9f9;
    border-radius: 10px;
    margin-bottom: 12px; }
    .newstaff .photo span {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 10px;
      top: 10px;
      font-weight: 400;
      background: #008a3a;
      border-radius: 10px;
      font-size: 14px;
      color: #fff;
      line-height: 20px;
      padding: 4px 12px; }
    .newstaff .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }

.projects {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 11px solid #156eb6;
  border-radius: 20px;
  margin-top: 30px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .projects .minheader .more_button {
    margin: 0px;
    border: 0px; }
    .projects .minheader .more_button a {
      color: #fff; }
      .projects .minheader .more_button a svg {
        fill: #fff; }

@media (max-width: 1199px) {
  .w-res {
    max-width: 100%;
    flex: 100%; } }

.sliderprojects {
  position: relative;
  overflow: hidden; }
  .sliderprojects .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none; }
    .sliderprojects .slick-list .slick-track {
      position: relative;
      top: 0;
      right: auto;
      bottom: auto;
      left: auto;
      display: block;
      overflow: hidden; }
      .sliderprojects .slick-list .slick-track:after, .sliderprojects .slick-list .slick-track:before {
        display: table;
        content: ''; }
  .sliderprojects .slick-prev,
  .sliderprojects .slick-next {
    position: absolute;
    top: 44%;
    right: -52px;
    cursor: pointer;
    border: 0px;
    padding: 0px;
    outline: none;
    font-size: 0px;
    background: none;
    display: none !important; }
    .sliderprojects .slick-prev svg,
    .sliderprojects .slick-next svg {
      width: 34px;
      height: 34px;
      fill: #000;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .sliderprojects .slick-prev:hover svg,
    .sliderprojects .slick-next:hover svg {
      fill: #D1362A !important; }
  .sliderprojects .slick-prev {
    right: auto;
    left: -52px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .sliderprojects .slick-dots {
    width: 100%;
    padding: 0px;
    list-style: none;
    text-align: center;
    margin-top: 12px;
    display: none !important; }
    .sliderprojects .slick-dots li {
      position: relative;
      display: inline-block;
      margin: 0px 2px;
      padding: 0px;
      cursor: pointer;
      background: #f6f9f9; }
      .sliderprojects .slick-dots li button {
        font-size: 0px;
        line-height: 0px;
        display: block;
        width: 30px;
        height: 3px;
        cursor: pointer;
        color: #f6f9f9;
        border: 0px;
        outline: none;
        background: transparent; }
    .sliderprojects .slick-dots li.slick-active {
      background: #156eb6; }
  .sliderprojects .itemslide {
    display: inline-flex;
    vertical-align: text-top;
    position: relative;
    text-align: center; }
    .sliderprojects .itemslide .photo {
      position: relative;
      display: block;
      width: 100%;
      height: 870px;
      overflow: hidden; }
      @media (max-width: 1300px) {
        .sliderprojects .itemslide .photo {
          height: 848px; } }
      @media (max-width: 991px) {
        .sliderprojects .itemslide .photo {
          height: 480px; } }
      .sliderprojects .itemslide .photo img {
        width: 100%;
        min-height: 100%; }
    .sliderprojects .itemslide .infouser {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px; }
      .sliderprojects .itemslide .infouser li {
        color: #fbae1f; }
        .sliderprojects .itemslide .infouser li.name {
          color: #fbae1f;
          margin-left: 4px; }
  .sliderprojects .textcontent {
    background: #fff;
    text-align: center;
    padding: 24px 24px 45px 24px; }
    .sliderprojects .textcontent::after {
      content: "";
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 16px;
      margin: 0px auto;
      width: 134px;
      height: 5px;
      background: #000;
      border-radius: 50px; }
    .sliderprojects .textcontent .title {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      box-shadow: 0px 4px 20px 0px #0000001A;
      border-radius: 10px;
      text-align: center;
      font-weight: 400;
      font-size: 17px;
      color: #000;
      padding: 10px 0px; }
      .sliderprojects .textcontent .title svg {
        width: 8px;
        margin-right: 4px; }

.itempolicies {
  position: relative;
  margin-bottom: 28px; }
  @media (max-width: 991px) {
    .itempolicies {
      max-width: 50%;
      flex: 50%; } }
  .itempolicies a {
    display: block;
    background: #fff;
    height: 141px;
    border-radius: 10px;
    padding: 26px 8px;
    overflow: hidden;
    box-shadow: 0 3px 20px #1d26260d;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .itempolicies a:hover {
      box-shadow: 0 3px 20px #1674bf40; }
  .itempolicies .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    overflow: hidden;
    text-align: center; }
  .itempolicies svg {
    max-width: 100%;
    max-height: 100%; }
  .itempolicies span {
    display: block;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 15px;
    margin-top: 12px; }

.as-box .che-box {
  width: 100%;
  margin-top: 24px; }

.socialicons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px; }
  .socialicons a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    color: #fff;
    min-width: 42px;
    max-width: 42px;
    height: 42px;
    background: #F7F5F5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    text-transform: capitalize; }
    @media (max-width: 767px) {
      .socialicons a span {
        display: none; } }
    .socialicons a svg {
      fill: #000;
      width: 16px;
      height: 16px; }
    .socialicons a.icon-facebook:hover {
      background: #3b5998; }
      .socialicons a.icon-facebook:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-facebook.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-twitter:hover {
      background: #00acee; }
      .socialicons a.icon-twitter:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-twitter.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-instagram:hover {
      background: #8d5b46; }
      .socialicons a.icon-instagram:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-instagram.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-youtube:hover {
      background: #c4302b; }
      .socialicons a.icon-youtube:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-youtube.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-rss:hover {
      background: #ee802f; }
      .socialicons a.icon-rss:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-rss.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-snapchat:hover {
      background: #fbeb0c; }
      .socialicons a.icon-snapchat:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-snapchat.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-linkedin:hover {
      background: #007fb1; }
      .socialicons a.icon-linkedin:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-linkedin.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-gplus:hover {
      background: #dd4b39; }
      .socialicons a.icon-gplus:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-gplus.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-whatsapp:hover {
      background: #189d0e; }
      .socialicons a.icon-whatsapp:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-whatsapp.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-email:hover {
      background: #dd4b39; }
      .socialicons a.icon-email:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-email.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-print:hover {
      background: #8d5b46; }
      .socialicons a.icon-print:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-print.icon-twitter:hover path {
      fill: #fff !important; }
    .socialicons a.icon-behance:hover {
      background: #156eb6; }
      .socialicons a.icon-behance:hover svg {
        fill: #fff !important; }
    .socialicons a.icon-behance.icon-twitter:hover path {
      fill: #fff !important; }
  .socialicons a {
    margin: 0px 4px; }

.allmedia a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0px;
  border-bottom: 1px solid #e4e4e4;
  cursor: pointer; }
  .allmedia a:hover .title {
    color: #156eb6; }
  .allmedia a .submedia {
    display: flex;
    align-items: center; }
  .allmedia a .photo {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px; }
    .allmedia a .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .allmedia a .title {
    font-size: 18px;
    color: #000;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
  .allmedia a .text {
    color: #156eb6;
    margin-top: 4px; }
  .allmedia a span {
    font-size: 14px; }

.banner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  height: 281px;
  padding: 32px;
  background: #156eb6 url(../images/banner.jpg) no-repeat left top;
  margin-top: 30px;
  border-radius: 20px; }
  @media (max-width: 1300px) {
    .banner {
      height: 200px; } }
  .banner .title {
    font-weight: 400;
    font-size: 54px; }
    @media (max-width: 1300px) {
      .banner .title {
        font-size: 34px; } }

.saubitem {
  position: relative;
  width: 100%;
  margin-top: 30px; }
  .saubitem .title {
    font-size: 34px;
    color: #1A70B8; }
    @media (max-width: 1300px) {
      .saubitem .title {
        font-size: 28px; } }
  .saubitem .listprojects li {
    display: flex;
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 24px;
    margin-top: 28px;
    -moz-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s; }
    @media (max-width: 767px) {
      .saubitem .listprojects li {
        display: block; } }
    .saubitem .listprojects li .photo {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 330px;
      max-width: 330px;
      height: 230px;
      margin-right: 16px; }
      @media (max-width: 767px) {
        .saubitem .listprojects li .photo {
          min-width: 230px;
          max-width: 230px;
          height: 124px;
          margin: 0px;
          justify-content: flex-start;
          margin-bottom: 16px; } }
      .saubitem .listprojects li .photo img {
        max-width: 100%;
        max-height: 100%; }
    .saubitem .listprojects li .title {
      color: #3578FF;
      font-size: 24px;
      -moz-transition: all 0.6s ease-in-out 0s;
      -o-transition: all 0.6s ease-in-out 0s;
      -webkit-transition: all 0.6s ease-in-out 0s;
      transition: all 0.6s ease-in-out 0s; }
    .saubitem .listprojects li .infoetxt {
      display: flex;
      font-weight: 400;
      font-size: 20px;
      color: #ACACAC;
      margin-top: 12px; }
      @media (max-width: 1300px) {
        .saubitem .listprojects li .infoetxt {
          font-size: 16px; } }
      .saubitem .listprojects li .infoetxt i {
        color: #000;
        font-style: normal;
        margin-left: 8px; }
    .saubitem .listprojects li p {
      font-weight: 400;
      font-size: 25px;
      margin-top: 12px;
      color: #000; }
      @media (max-width: 1300px) {
        .saubitem .listprojects li p {
          font-size: 16px; } }
    .saubitem .listprojects li .more {
      display: inline-block;
      font-weight: 400;
      font-size: 25px;
      margin-top: 8px;
      color: #ACACAC;
      -moz-transition: all 0.6s ease-in-out 0s;
      -o-transition: all 0.6s ease-in-out 0s;
      -webkit-transition: all 0.6s ease-in-out 0s;
      transition: all 0.6s ease-in-out 0s; }
      @media (max-width: 1300px) {
        .saubitem .listprojects li .more {
          font-size: 16px; } }
      .saubitem .listprojects li .more:hover {
        color: #156eb6; }

.backpage {
  margin-top: 48px; }
  @media (max-width: 1300px) {
    .backpage {
      margin-top: 30px; } }
  .backpage a {
    display: inline-flex;
    align-items: center;
    font-size: 35px;
    font-weight: 700;
    color: #000;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1300px) {
      .backpage a {
        font-size: 25px; } }
    .backpage a:hover {
      color: #156eb6; }
      .backpage a:hover svg path {
        fill: #156eb6; }
    .backpage a svg {
      width: 34px;
      height: 34px;
      margin-right: 12px; }
      @media (max-width: 1300px) {
        .backpage a svg {
          width: 24px;
          height: 24px; } }
      .backpage a svg path {
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
  .backpage p {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 400; }
    @media (max-width: 1300px) {
      .backpage p {
        font-size: 16px; } }

.culture {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 550px;
  background: #fff;
  padding: 64px 90px;
  border: 1px solid #D6D6D6;
  box-shadow: 5px 5px 14px 0px #D9E8FF;
  border-radius: 40px;
  margin-top: 48px;
  -moz-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s; }
  @media (max-width: 1300px) {
    .culture {
      padding: 20px 48px;
      height: 332px;
      margin-top: 30px; } }
  @media (max-width: 850px) {
    .culture {
      display: block;
      height: auto;
      padding: 30px; } }
  .culture .innertext .title {
    color: #000;
    font-size: 64px; }
    @media (max-width: 1300px) {
      .culture .innertext .title {
        font-size: 44px; } }
    @media (max-width: 850px) {
      .culture .innertext .title {
        font-size: 34px; }
        .culture .innertext .title br {
          display: none; } }
  .culture .innertext p {
    color: #000;
    margin-top: 24px;
    font-size: 20px;
    font-weight: 700; }
    @media (max-width: 1300px) {
      .culture .innertext p {
        font-size: 16px; } }
    @media (max-width: 850px) {
      .culture .innertext p br {
        display: none; } }
  .culture .innertext .icons {
    display: flex;
    align-items: center;
    margin-top: 24px; }
    .culture .innertext .icons a img {
      width: 208px; }
      @media (max-width: 1300px) {
        .culture .innertext .icons a img {
          width: 150px; } }
      @media (max-width: 850px) {
        .culture .innertext .icons a img {
          width: 100px; } }
    .culture .innertext .icons a:last-child {
      margin-left: 20px; }
  .culture .photo {
    width: 664px;
    margin-top: -50px; }
    @media (max-width: 1300px) {
      .culture .photo {
        width: 418px; } }
    @media (max-width: 850px) {
      .culture .photo {
        display: none; } }
    .culture .photo img {
      width: 100%; }

.oneapp {
  position: relative;
  width: 100%;
  margin-top: 48px;
  margin-bottom: 160px;
  overflow: hidden; }
  @media (max-width: 1300px) {
    .oneapp {
      margin: 0px;
      margin-top: 30px; } }
  .oneapp .photo {
    width: 55px;
    height: 118px;
    margin: 0px auto; }
    .oneapp .photo img {
      width: 100%;
      max-height: 100%; }
  .oneapp .title {
    color: #000;
    font-size: 40px;
    font-weight: 400;
    margin-top: 28px;
    text-align: center; }
    @media (max-width: 1300px) {
      .oneapp .title {
        font-size: 24px; } }
  .oneapp .row {
    margin-left: -60px;
    margin-right: -60px; }
    @media (max-width: 850px) {
      .oneapp .row {
        margin-left: -15px;
        margin-right: -15px; } }
  .oneapp .itemapp {
    margin-top: 88px;
    padding: 0px 60px; }
    @media (max-width: 1300px) {
      .oneapp .itemapp {
        margin-top: 30px; } }
    @media (max-width: 850px) {
      .oneapp .itemapp {
        max-width: 100%;
        flex: 100%;
        padding: 0px 15px; } }
    .oneapp .itemapp .inner {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      width: 100%;
      height: 270px;
      border-radius: 20px;
      -moz-transition: all 0.6s ease-in-out 0s;
      -o-transition: all 0.6s ease-in-out 0s;
      -webkit-transition: all 0.6s ease-in-out 0s;
      transition: all 0.6s ease-in-out 0s; }
      @media (max-width: 1300px) {
        .oneapp .itemapp .inner {
          height: 170px; } }
      @media (max-width: 850px) {
        .oneapp .itemapp .inner {
          height: 120px; } }
      .oneapp .itemapp .inner .title {
        color: #000;
        font-size: 60px;
        font-weight: 400;
        margin: 0px; }
        @media (max-width: 1300px) {
          .oneapp .itemapp .inner .title {
            font-size: 40px; } }
        @media (max-width: 850px) {
          .oneapp .itemapp .inner .title {
            font-size: 24px; } }

.listappitem li {
  margin-top: 74px; }
  @media (max-width: 1300px) {
    .listappitem li {
      margin-top: 30px; } }
  .listappitem li:nth-child(even) .in-app:last-child {
    order: -1; }
    @media (max-width: 991px) {
      .listappitem li:nth-child(even) .in-app:last-child {
        order: 0; } }
  .listappitem li .in-app {
    display: flex;
    align-items: center; }
    @media (max-width: 991px) {
      .listappitem li .in-app {
        max-width: 100%;
        flex: 100%; } }
    .listappitem li .in-app .photo {
      width: 100%;
      height: 784px;
      text-align: center; }
      @media (max-width: 1300px) {
        .listappitem li .in-app .photo {
          height: 584px; } }
      @media (max-width: 991px) {
        .listappitem li .in-app .photo {
          height: 320px; } }
      .listappitem li .in-app .photo img {
        max-width: 100%;
        max-height: 100%; }
    .listappitem li .in-app .title {
      color: #000;
      font-size: 74px; }
      @media (max-width: 1300px) {
        .listappitem li .in-app .title {
          font-size: 54px; } }
      @media (max-width: 991px) {
        .listappitem li .in-app .title {
          font-size: 34px; } }
    .listappitem li .in-app p {
      color: #000;
      font-size: 30px;
      font-weight: 700;
      margin-top: 12px; }
      @media (max-width: 1300px) {
        .listappitem li .in-app p {
          font-size: 20px; } }
      @media (max-width: 991px) {
        .listappitem li .in-app p {
          font-size: 16px; } }
    .listappitem li .in-app .bottom {
      margin-top: 100px;
      border-radius: 60px;
      background: #fff;
      border: 1px solid #000000;
      color: #000; }
      @media (max-width: 1300px) {
        .listappitem li .in-app .bottom {
          margin-top: 48px; } }
      @media (max-width: 991px) {
        .listappitem li .in-app .bottom {
          margin-top: 24px; } }
      .listappitem li .in-app .bottom:hover {
        border: 1px solid #156eb6;
        background: #156eb6;
        color: #fff; }
      .listappitem li .in-app .bottom::before {
        display: none; }

.presscenter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 20px;
  padding: 48px;
  margin-top: 50px;
  -moz-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s; }
  @media (max-width: 850px) {
    .presscenter {
      display: block;
      padding: 24px; } }
  .presscenter .photo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 400px;
    max-width: 400px;
    height: 307px; }
    @media (max-width: 1300px) {
      .presscenter .photo {
        min-width: 200px;
        max-width: 200px;
        height: 200px; } }
    @media (max-width: 850px) {
      .presscenter .photo {
        margin-top: 24px;
        min-width: 100%;
        max-width: 100%; } }
    .presscenter .photo img {
      max-width: 100%;
      max-height: 100%; }
  .presscenter .title {
    font-size: 64px;
    color: #822339; }
    @media (max-width: 1300px) {
      .presscenter .title {
        font-size: 44px; } }
    @media (max-width: 850px) {
      .presscenter .title {
        font-size: 34px; } }
  .presscenter p {
    color: #000;
    font-size: 64px;
    font-weight: 400;
    margin-top: 48px; }
    @media (max-width: 1300px) {
      .presscenter p {
        font-size: 34px;
        margin-top: 24px; } }
    @media (max-width: 850px) {
      .presscenter p {
        font-size: 24px; } }

.allnews {
  margin-top: 48px; }
  @media (max-width: 1300px) {
    .allnews {
      margin-top: 30px; } }
  .allnews .title {
    display: inline-flex;
    align-items: center;
    font-size: 35px;
    color: #000;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1300px) {
      .allnews .title {
        font-size: 25px; } }
  .allnews p {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 400; }
    @media (max-width: 1300px) {
      .allnews p {
        font-size: 16px; } }
  .allnews .itemnews {
    margin-top: 28px; }
    @media (max-width: 1300px) {
      .allnews .itemnews {
        max-width: 50%;
        flex: 50%; } }
    @media (max-width: 991px) {
      .allnews .itemnews {
        max-width: 100%;
        flex: 100%; } }
    .allnews .itemnews .inner {
      display: flex;
      width: 100%;
      padding: 14px;
      border-radius: 20px;
      background: #fff;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      @media (max-width: 450px) {
        .allnews .itemnews .inner {
          display: block; } }
      .allnews .itemnews .inner:hover {
        box-shadow: 0 3px 20px #1d26260d; }
      .allnews .itemnews .inner .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #F6F6F6;
        border-radius: 15px;
        min-width: 140px;
        max-width: 140px;
        height: 140px;
        margin-right: 20px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        @media (max-width: 450px) {
          .allnews .itemnews .inner .icon {
            min-width: 100%;
            max-width: 100%;
            margin: 0px;
            margin-bottom: 20px; } }
        .allnews .itemnews .inner .icon svg,
        .allnews .itemnews .inner .icon img {
          width: 53px;
          height: 53px; }
      .allnews .itemnews .inner .text {
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .allnews .itemnews .inner .text .title {
          font-size: 24px;
          font-weight: 400; }
        .allnews .itemnews .inner .text p {
          font-size: 20px;
          font-weight: 400;
          color: #156eb6; }
        .allnews .itemnews .inner .text span {
          display: block;
          margin-top: 8px;
          font-size: 20px;
          font-weight: 400;
          color: #ADA7A7; }

.pdfitem {
  position: relative;
  width: 100%;
  margin-top: 32px; }
  .pdfitem object {
    display: block;
    width: 100%;
    border: 0px;
    min-height: 1200px; }
    @media (max-width: 1300px) {
      .pdfitem object {
        min-height: 600px; } }
    @media (max-width: 991px) {
      .pdfitem object {
        min-height: 300px; } }

.allstaff {
  margin-top: 48px; }
  @media (max-width: 1300px) {
    .allstaff {
      margin-top: 30px; } }
  .allstaff .title {
    display: inline-flex;
    align-items: center;
    font-size: 35px;
    color: #000;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1300px) {
      .allstaff .title {
        font-size: 25px; } }
  .allstaff p {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 400; }
    @media (max-width: 1300px) {
      .allstaff p {
        font-size: 16px; } }
  .allstaff .listemployees {
    position: relative;
    border-top: 1px solid #EAEAEA;
    margin-top: 24px;
    padding-top: 24px; }
    .allstaff .listemployees a {
      display: flex;
      align-items: center;
      margin-bottom: 24px; }
      .allstaff .listemployees a:last-child {
        margin-bottom: 0px; }
      .allstaff .listemployees a:hover .photo img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
      .allstaff .listemployees a:hover .title {
        color: #156eb6; }
      .allstaff .listemployees a .photo {
        min-width: 60px;
        max-width: 60px;
        height: 60px;
        overflow: hidden;
        border-radius: 50%;
        margin-right: 12px; }
        .allstaff .listemployees a .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
      .allstaff .listemployees a .title {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 18px;
        color: #000;
        text-transform: capitalize;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .allstaff .listemployees a p {
        font-size: 14px;
        text-transform: capitalize;
        margin-top: 8px; }

.accordion {
  width: 100%;
  margin-top: 50px; }
  @media (max-width: 1300px) {
    .accordion {
      margin-top: 24px; } }
  .accordion .option {
    width: 100%;
    background: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    padding: 24px;
    margin-bottom: 24px;
    position: relative;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1300px) {
      .accordion .option {
        padding: 24px; } }
    .accordion .option:last-child {
      margin: 0px; }
    .accordion .option .click-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer; }
      .accordion .option .click-title a {
        display: flex !important;
        align-items: center;
        width: 100%;
        height: 63px;
        font-size: 35px;
        color: #000;
        font-weight: 400;
        padding: 0px; }
        @media (max-width: 1300px) {
          .accordion .option .click-title a {
            height: auto;
            font-size: 20px; } }
    .accordion .option .text {
      padding: 0px 20px;
      margin-top: 16px; }

.collapsible-link::before {
  content: '';
  position: absolute;
  right: 0px;
  width: 16px;
  height: 10px;
  background: url(../images/arrow.svg) no-repeat;
  display: block;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  z-index: 10; }

/* Vertical line */
.collapsible-link[aria-expanded='true']::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.itdepartment {
  margin-top: 48px; }
  @media (max-width: 1300px) {
    .itdepartment {
      margin-top: 30px; } }
  .itdepartment .title {
    display: inline-flex;
    font-size: 35px;
    color: #000;
    text-transform: capitalize;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1300px) {
      .itdepartment .title {
        font-size: 24px; } }
  .itdepartment p {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 400; }
    @media (max-width: 1300px) {
      .itdepartment p {
        font-size: 16px;
        margin-top: 12px; } }
  .itdepartment .inneritem p {
    margin: 0px;
    font-size: 24px;
    font-weight: 400;
    color: #000;
    line-height: 31.92px; }
    @media (max-width: 1300px) {
      .itdepartment .inneritem p {
        font-size: 18px; } }
  .itdepartment .inneritem .item {
    margin-top: 24px; }
    @media (max-width: 991px) {
      .itdepartment .inneritem .item .col {
        max-width: 100%;
        flex: 100%; } }
    .itdepartment .inneritem .item .inner {
      position: relative;
      width: 100%;
      height: 100%;
      padding: 22px 35px 22px 35px;
      border-radius: 10px;
      background: #F6F5F5;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .itdepartment .inneritem .item .inner .title {
        color: #156eb6;
        font-size: 24px; }
      .itdepartment .inneritem .item .inner .list {
        margin-top: 24px;
        border-left: 1px solid #ACACAC;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .itdepartment .inneritem .item .inner .list li {
          display: flex;
          position: relative;
          font-size: 22px;
          font-weight: 400;
          line-height: 29.26px;
          margin-bottom: 86px;
          padding-left: 34px;
          color: #000;
          -moz-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          -webkit-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s; }
          @media (max-width: 1300px) {
            .itdepartment .inneritem .item .inner .list li {
              font-size: 18px;
              margin-bottom: 56px; } }
          .itdepartment .inneritem .item .inner .list li:last-child {
            margin: 0px; }
          .itdepartment .inneritem .item .inner .list li::before {
            content: "";
            position: absolute;
            left: -13px;
            top: 0px;
            width: 24px;
            height: 24px;
            background: #fff;
            border: 1px solid #156eb6;
            border-radius: 50%; }
      .itdepartment .inneritem .item .inner .press {
        border: 0px; }
        .itdepartment .inneritem .item .inner .press li {
          padding: 0px;
          margin: 0px !important;
          margin-bottom: 30px !important; }
          .itdepartment .inneritem .item .inner .press li:last-child {
            margin: 0px !important; }
          .itdepartment .inneritem .item .inner .press li::before {
            display: none; }
          .itdepartment .inneritem .item .inner .press li svg {
            max-width: 18px;
            margin: 2px 4px 0px 0px; }
      .itdepartment .inneritem .item .inner .carousel {
        margin-top: 24px;
        border-radius: 0px; }
        .itdepartment .inneritem .item .inner .carousel .carousel-item a {
          height: 470px; }
          @media (max-width: 991px) {
            .itdepartment .inneritem .item .inner .carousel .carousel-item a {
              height: 340px; } }
        .itdepartment .inneritem .item .inner .carousel .carousel-indicators {
          position: relative;
          margin: 0px;
          bottom: auto;
          margin-top: 38px; }
          .itdepartment .inneritem .item .inner .carousel .carousel-indicators li {
            background: #1a70b878; }
            .itdepartment .inneritem .item .inner .carousel .carousel-indicators li.active {
              background: #156eb6; }

.table {
  margin: 0px; }
  .table td,
  .table th {
    padding: 24px;
    font-size: 24px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    @media (max-width: 991px) {
      .table td,
      .table th {
        font-size: 18px; } }
  .table td {
    color: #000; }
  .table th,
  .table .subcolor {
    color: #808080; }
  .table .company {
    color: #156eb6; }

.nonebord th {
  border: 0px !important; }

.subtitle {
  width: 100%;
  margin-top: 50px;
  border-bottom: 1px solid #EAEAEA;
  padding-bottom: 16px; }
  .subtitle .title {
    font-size: 24px;
    font-weight: 400; }
    .subtitle .title::before {
      content: "";
      position: absolute;
      left: 0px;
      bottom: -16px;
      width: 170px;
      height: 1px;
      background: #156eb6; }

.filter {
  display: flex;
  margin-top: 20px; }
  .filter .form-control {
    width: 395px;
    height: 52px;
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    background: #fff url(../images/arrow.svg) no-repeat;
    background-position: 98% 19px;
    margin-right: 16px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 500px) {
      .filter .form-control {
        display: none; } }
  .filter .itemfilter {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 125px;
    max-width: 125px;
    height: 52px;
    border-radius: 10px;
    background: #fff;
    color: #ADA7A7;
    border: 1px solid #EAEAEA;
    margin-right: 16px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .filter .itemfilter svg {
      width: 24px;
      height: 24px;
      margin-right: 16px; }
    .filter .itemfilter:hover {
      background: #156eb6;
      color: #fff;
      border: 1px solid #156eb6; }
      .filter .itemfilter:hover svg path {
        stroke: #fff; }
  .filter .ranking {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    max-width: 52px;
    height: 52px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #EAEAEA;
    margin-right: 16px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .filter .ranking:last-child {
      margin: 0px; }
    .filter .ranking svg {
      fill: #ADA7A7; }
    .filter .ranking:hover {
      background: #156eb6;
      border: 1px solid #156eb6; }
      .filter .ranking:hover svg {
        fill: #fff; }

.allvideos .v-item .title,
.allgallery .v-item .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #000;
  font-weight: 400;
  font-size: 24px;
  margin-top: 10px;
  cursor: pointer; }
  @media (max-width: 1300px) {
    .allvideos .v-item .title,
    .allgallery .v-item .title {
      font-size: 16px; } }

.infowatch {
  display: flex;
  align-items: center; }
  .infowatch .infouser {
    display: flex;
    margin-top: 20px; }
    .infowatch .infouser li {
      margin-right: 24px; }
  .infowatch .watch {
    display: flex;
    align-items: center;
    color: #156eb6;
    margin-top: 24px; }
    .infowatch .watch svg {
      margin-right: 8px; }

.slid-photos {
  direction: ltr;
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 24px;
  margin-top: 24px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .slid-photos .het-img {
    margin: 0px auto;
    width: 100%;
    overflow: hidden; }
    .slid-photos .het-img .slides > li {
      display: none;
      -webkit-backface-visibility: hidden;
      display: flex !important;
      justify-content: center;
      align-items: center;
      height: 58vh;
      overflow: hidden; }
      @media (max-width: 991px) {
        .slid-photos .het-img .slides > li {
          height: 48vh; } }
      .slid-photos .het-img .slides > li img {
        display: block;
        max-width: 100%;
        max-height: 100%; }
        @media (max-width: 991px) {
          .slid-photos .het-img .slides > li img {
            width: 100%;
            height: 100%;
            object-fit: cover; } }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.het-img2 {
  position: relative;
  background: #ebebeb;
  padding: 24px;
  border-radius: 8px;
  margin-top: 24px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .het-img2 li {
    cursor: pointer; }
    .het-img2 li img {
      width: 100%;
      height: 120px;
      object-fit: cover;
      border: 2px solid transparent;
      border-radius: 8px; }

.het-img2 li.flex-active-slide img {
  border: 2px solid #156eb6; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  background: #156eb6 url(../images/right-arrow.png) no-repeat center center;
  margin-top: -102px;
  background-size: 27%;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9000px;
  border-radius: 8px; }

.faqs .collapsible-link::before {
  width: 18px;
  height: 10px; }

@media (max-width: 991px) {
  .flex-direction-nav a {
    margin-top: -64px; }

  .flex-direction-nav {
    display: none; }

  .het-img2 li img {
    height: 100px; } }
.flex-direction-nav .flex-prev {
  left: 24px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1; }

.flex-direction-nav .flex-next {
  right: 24px;
  text-align: right;
  text-indent: 9000px; }

.het-img2 .flex-direction-nav a {
  margin-top: -18px;
  display: none; }

.het-img2:hover .flex-direction-nav a {
  display: block; }

.contactitem,
.formprofile,
.faqitem {
  position: relative;
  width: 100%;
  padding: 32px;
  background: #fff;
  border-radius: 16px;
  margin-top: 30px;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  @media (max-width: 1300px) {
    .contactitem,
    .formprofile,
    .faqitem {
      padding: 24px; } }
  .contactitem .title,
  .formprofile .title,
  .faqitem .title {
    display: inline-flex;
    font-size: 35px;
    color: #000;
    text-transform: capitalize;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1300px) {
      .contactitem .title,
      .formprofile .title,
      .faqitem .title {
        font-size: 24px; } }
  .contactitem p,
  .formprofile p,
  .faqitem p {
    margin-top: 16px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400; }
    @media (max-width: 1300px) {
      .contactitem p,
      .formprofile p,
      .faqitem p {
        font-size: 16px; } }
  .contactitem .field,
  .formprofile .field,
  .faqitem .field {
    margin-top: 24px; }
    @media (max-width: 767px) {
      .contactitem .field,
      .formprofile .field,
      .faqitem .field {
        max-width: 100%;
        flex: 100%; } }
    .contactitem .field textarea.form-control,
    .formprofile .field textarea.form-control,
    .faqitem .field textarea.form-control {
      height: 222px;
      resize: none; }
    .contactitem .field label,
    .formprofile .field label,
    .faqitem .field label {
      font-size: 18px;
      color: #000;
      text-transform: capitalize; }
    .contactitem .field.flex,
    .formprofile .field.flex,
    .faqitem .field.flex {
      display: flex;
      align-items: center; }
      .contactitem .field.flex .text,
      .formprofile .field.flex .text,
      .faqitem .field.flex .text {
        font-size: 18px;
        font-weight: 500;
        color: #000;
        margin: 0px;
        margin-right: 64px; }
      .contactitem .field.flex .che-box,
      .formprofile .field.flex .che-box,
      .faqitem .field.flex .che-box {
        margin-right: 64px; }
        @media (max-width: 991px) {
          .contactitem .field.flex .che-box,
          .formprofile .field.flex .che-box,
          .faqitem .field.flex .che-box {
            margin-right: 20px; } }
        .contactitem .field.flex .che-box:last-child,
        .formprofile .field.flex .che-box:last-child,
        .faqitem .field.flex .che-box:last-child {
          margin-right: 0px; }
    .contactitem .field .icon-pass,
    .formprofile .field .icon-pass,
    .faqitem .field .icon-pass {
      position: absolute;
      top: 18px;
      right: 30px;
      z-index: 1;
      cursor: pointer;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .contactitem .field .icon-pass svg,
      .formprofile .field .icon-pass svg,
      .faqitem .field .icon-pass svg {
        width: 24px;
        fill: #156eb6; }
    .contactitem .field .icon-pass.eye-slash.icon-pass,
    .formprofile .field .icon-pass.eye-slash.icon-pass,
    .faqitem .field .icon-pass.eye-slash.icon-pass {
      display: none; }
      .contactitem .field .icon-pass.eye-slash.icon-pass svg,
      .formprofile .field .icon-pass.eye-slash.icon-pass svg,
      .faqitem .field .icon-pass.eye-slash.icon-pass svg {
        stroke: #fbae1f;
        fill: none; }

.itemcontact {
  margin-top: 30px; }
  @media (max-width: 991px) {
    .itemcontact {
      max-width: 50%;
      flex: 50%; } }
  @media (max-width: 550px) {
    .itemcontact {
      max-width: 100%;
      flex: 100%; } }
  .itemcontact .contact-block {
    position: relative;
    background: #fff;
    padding: 40px 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-clip: padding-box;
    min-height: 266px;
    text-align: center;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -webkit-box-shadow: 4px 4px 60px #0000000a;
    -moz-box-shadow: 4px 4px 60px #0000000a;
    -o-box-shadow: 4px 4px 60px #0000000a;
    -ms-box-shadow: 4px 4px 60px #0000000a;
    box-shadow: 4px 4px 60px #0000000a; }
    .itemcontact .contact-block svg {
      max-width: 56px;
      max-height: 56px;
      fill: #156eb6;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .itemcontact .contact-block .block-info {
      position: relative;
      margin-top: 24px;
      z-index: 10; }
      .itemcontact .contact-block .block-info .title {
        color: #000;
        font-size: 28px;
        text-transform: capitalize;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
      .itemcontact .contact-block .block-info p,
      .itemcontact .contact-block .block-info a {
        display: block;
        margin-top: 8px;
        overflow: hidden;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
    .itemcontact .contact-block:hover {
      background: #156eb6; }
      .itemcontact .contact-block:hover svg {
        fill: #fff; }
      .itemcontact .contact-block:hover::before {
        border: 2px solid #fff; }
      .itemcontact .contact-block:hover .block-info .title {
        color: #fff; }
        .itemcontact .contact-block:hover .block-info .title::after {
          background: #fff; }
      .itemcontact .contact-block:hover .block-info p,
      .itemcontact .contact-block:hover .block-info a {
        color: #fff; }

.map-contact {
  position: relative;
  width: 100%;
  border-radius: 16px;
  background: #fff;
  margin-top: 30px;
  overflow: hidden; }
  .map-contact iframe {
    display: block;
    width: 100%;
    height: 500px;
    border: 0px; }

.allapp {
  position: relative;
  width: 100%;
  border-radius: 16px;
  background: #fff;
  padding: 24px;
  padding-top: 0px;
  margin-top: 24px; }
  .allapp .item-avatar,
  .allapp .itempolicies {
    max-width: 20%;
    flex: 20%;
    margin: 0px;
    margin-top: 24px; }
    @media (max-width: 1300px) {
      .allapp .item-avatar,
      .allapp .itempolicies {
        max-width: 25%;
        flex: 25%; } }
    @media (max-width: 991px) {
      .allapp .item-avatar,
      .allapp .itempolicies {
        max-width: 50%;
        flex: 50%; } }

@media (max-width: 1300px) {
  .changbox .item:last-child {
    order: -1; } }

.editprofile {
  padding: 48px;
  position: relative;
  overflow: hidden;
  background: #156eb6;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background-clip: padding-box;
  margin-top: 30px;
  text-align: center; }
  .editprofile .imgcent {
    margin: 0px auto;
    text-align: center;
    width: 244px;
    height: 244px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    position: relative;
    margin-bottom: 12px;
    overflow: hidden; }
    .editprofile .imgcent .img_prev {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 2;
      object-fit: cover; }
    .editprofile .imgcent:hover .file-bro {
      opacity: 1; }
    .editprofile .imgcent .file-bro {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 100%;
      height: 100%;
      background: #0000007a;
      padding: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      -webkit-border-radius: 16px;
      border-radius: 16px;
      background-clip: padding-box;
      -moz-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      -webkit-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      z-index: 3;
      opacity: 0; }
      .editprofile .imgcent .file-bro svg {
        z-index: 10;
        min-width: 16px;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s; }
        .editprofile .imgcent .file-bro svg path {
          fill: #fff; }
  .editprofile .email,
  .editprofile p {
    width: 100%;
    color: #fff;
    margin-top: 12px; }

.faqitem .accordion {
  margin-top: 32px; }
  @media (max-width: 1300px) {
    .faqitem .accordion {
      margin-top: 24px; } }
  .faqitem .accordion .option {
    padding: 12px 24px;
    background: #f8fbfc; }
    .faqitem .accordion .option .click-title a {
      font-size: 28px;
      font-weight: 500; }
      @media (max-width: 1300px) {
        .faqitem .accordion .option .click-title a {
          font-size: 20px;
          height: 63px; } }
.faqitem .collapsible-link::before {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #156eb6 url(../images/arrow2.svg) no-repeat center center; }
.faqitem .collapse {
  font-size: 20px;
  line-height: 32px; }
  @media (max-width: 1300px) {
    .faqitem .collapse {
      font-size: 16px; } }

.itemcourses {
  margin-top: 48px; }
  @media (max-width: 991px) {
    .itemcourses {
      margin-top: 24px;
      max-width: 50%;
      flex: 50%; } }
  @media (max-width: 550px) {
    .itemcourses {
      max-width: 100%;
      flex: 100%; } }
  .itemcourses .inner {
    position: relative;
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    background: #fff;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    @media (max-width: 1300px) {
      .itemcourses .inner {
        padding: 16px; } }
    .itemcourses .inner .photo {
      display: block;
      position: relative;
      width: 100%;
      height: 40vh;
      border-radius: 16px;
      overflow: hidden; }
      .itemcourses .inner .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .itemcourses .inner .photo .complete {
        position: absolute;
        left: 16px;
        top: 16px;
        background: #156eb6;
        border-radius: 60px;
        color: #fff;
        line-height: 1;
        padding: 12px 16px; }
        @media (max-width: 1300px) {
          .itemcourses .inner .photo .complete {
            font-size: 12px;
            padding: 8px 12px; } }
    .itemcourses .inner .title {
      padding: 32px 0px;
      border-bottom: 4px solid #156eb6;
      font-size: 30px;
      font-weight: 500; }
      @media (max-width: 1300px) {
        .itemcourses .inner .title {
          font-size: 20px;
          padding: 20px 0px; } }
    .itemcourses .inner p {
      margin-top: 24px; }
      @media (max-width: 1300px) {
        .itemcourses .inner p {
          margin-top: 20px; } }
    .itemcourses .inner .bottom {
      width: 100%;
      background: none;
      color: #156eb6;
      margin-top: 24px;
      border-radius: 60px;
      border: 1px solid #156eb6; }
      @media (max-width: 1300px) {
        .itemcourses .inner .bottom {
          margin-top: 20px; } }
      .itemcourses .inner .bottom:hover {
        border: 1px solid #fbae1f; }
      .itemcourses .inner .bottom::before {
        border-radius: 60px; }

.policies-details,
.about-details {
  position: relative;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  margin-top: 30px;
  background: #fff;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  .policies-details .photo,
  .about-details .photo {
    width: 100%;
    height: 60vh;
    overflow: hidden; }
    @media (max-width: 1300px) {
      .policies-details .photo,
      .about-details .photo {
        height: auto; } }
    .policies-details .photo img,
    .about-details .photo img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
      @media (max-width: 1300px) {
        .policies-details .photo img,
        .about-details .photo img {
          height: auto; } }
  .policies-details .title,
  .about-details .title {
    color: #000; }
  .policies-details p,
  .about-details p {
    margin-top: 16px;
    font-size: 18px;
    line-height: 32px; }

.phototechnical {
  width: 100%;
  height: 60vh;
  border-radius: 16px;
  margin-top: 24px;
  overflow: hidden; }
  @media (max-width: 1300px) {
    .phototechnical {
      height: auto; } }
  .phototechnical img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
    @media (max-width: 1300px) {
      .phototechnical img {
        height: auto; } }

/*# sourceMappingURL=home.css.map */