@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Poppins/Poppins-Regular.eot?") format("eot"), url("../fonts/Poppins/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Regular.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Poppins/Poppins-Light.eot?") format("eot"), url("../fonts/Poppins/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Light.woff") format("woff"), url("../fonts/Poppins/Poppins-Light.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Light.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Poppins/Poppins-ExtraLight.eot?") format("eot"), url("../fonts/Poppins/Poppins-ExtraLight.woff2") format("woff2"), url("../fonts/Poppins/Poppins-ExtraLight.woff") format("woff"), url("../fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype"), url("../fonts/Poppins/Poppins-ExtraLight.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Poppins/Poppins-Medium.eot?") format("eot"), url("../fonts/Poppins/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Medium.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Poppins/Poppins-SemiBold.eot?") format("eot"), url("../fonts/Poppins/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype"), url("../fonts/Poppins/Poppins-SemiBold.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Poppins/Poppins-Bold.eot?") format("eot"), url("../fonts/Poppins/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Bold.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Poppins/Poppins-ExtraBold.eot?") format("eot"), url("../fonts/Poppins/Poppins-ExtraBold.woff2") format("woff2"), url("../fonts/Poppins/Poppins-ExtraBold.woff") format("woff"), url("../fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype"), url("../fonts/Poppins/Poppins-ExtraBold.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Poppins/Poppins-Black.eot?") format("eot"), url("../fonts/Poppins/Poppins-Black.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Black.woff") format("woff"), url("../fonts/Poppins/Poppins-Black.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Black.svg#Poppins") format("svg"); }
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Lato/Lato-Regular.eot?") format("eot"), url("../fonts/Lato/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato/Lato-Regular.woff") format("woff"), url("../fonts/Lato/Lato-Regular.ttf") format("truetype"), url("../fonts/Lato/Lato-Regular.svg#Lato") format("svg"); }
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Lato/Lato-Bold.eot?") format("eot"), url("../fonts/Lato/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato/Lato-Bold.woff") format("woff"), url("../fonts/Lato/Lato-Bold.ttf") format("truetype"), url("../fonts/Lato/Lato-Bold.svg#Lato") format("svg"); }
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Lato/Lato-Light.eot?") format("eot"), url("../fonts/Lato/Lato-Light.woff2") format("woff2"), url("../fonts/Lato/Lato-Light.woff") format("woff"), url("../fonts/Lato/Lato-Light.ttf") format("truetype"), url("../fonts/Lato/Lato-Light.svg#Lato") format("svg"); }
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Lato/Lato-Black.eot?") format("eot"), url("../fonts/Lato/Lato-Black.woff2") format("woff2"), url("../fonts/Lato/Lato-Black.woff") format("woff"), url("../fonts/Lato/Lato-Black.ttf") format("truetype"), url("../fonts/Lato/Lato-Black.svg#Lato") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat/Montserrat-Regular.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Regular.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Montserrat/Montserrat-Light.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Light.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Montserrat/Montserrat-ExtraLight.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-ExtraLight.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Montserrat/Montserrat-Medium.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Medium.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Montserrat/Montserrat-SemiBold.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-SemiBold.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Montserrat/Montserrat-Bold.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Bold.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Montserrat/Montserrat-ExtraBold.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-ExtraBold.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Montserrat/Montserrat-Black.eot?") format("eot"), url("../fonts/Montserrat/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Black.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Black.svg#Montserrat") format("svg"); }
@font-face {
  font-family: "Elecomp";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/elecomp/elecomp.eot?") format("eot"), url("../fonts/elecomp/elecomp.woff2") format("woff2"), url("../fonts/elecomp/elecomp.woff") format("woff"), url("../fonts/elecomp/elecomp.ttf") format("truetype"), url("../fonts/elecomp/elecomp.svg#Elecomp") format("svg"); }
[data-icon]:before {
  font-family: "elecomp" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="elecomp-"]:before {
  font-family: "elecomp" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class*=" elecomp-"]:before {
  font-family: "elecomp" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.elecomp-arrow-point-to-right:before {
  content: "\e000"; }

.elecomp-balance:before {
  content: "\e001"; }

.elecomp-bars:before {
  content: "\e002"; }

.elecomp-black-back-closed-envelope-shape:before {
  content: "\e003"; }

.elecomp-blackberry-qr-code-variant:before {
  content: "\e004"; }

.elecomp-camera:before {
  content: "\e005"; }

.elecomp-chevron:before {
  content: "\e006"; }

.elecomp-cloud-computing:before {
  content: "\e007"; }

.elecomp-down-chevron:before {
  content: "\e008"; }

.elecomp-facebook:before {
  content: "\e009"; }

.elecomp-fax-machine:before {
  content: "\e00a"; }

.elecomp-folder:before {
  content: "\e00b"; }

.elecomp-globe:before {
  content: "\e00c"; }

.elecomp-google-plus:before {
  content: "\e00d"; }

.elecomp-group:before {
  content: "\e00e"; }

.elecomp-guarantee-certificate:before {
  content: "\e00f"; }

.elecomp-id-card:before {
  content: "\e010"; }

.elecomp-instagram:before {
  content: "\e011"; }

.elecomp-linkedin:before {
  content: "\e012"; }

.elecomp-map-location:before {
  content: "\e013"; }

.elecomp-medal:before {
  content: "\e014"; }

.elecomp-phone-receiver-silhouette:before {
  content: "\e015"; }

.elecomp-placeholder:before {
  content: "\e016"; }

.elecomp-tag:before {
  content: "\e017"; }

.elecomp-tag-1:before {
  content: "\e018"; }

.elecomp-time:before {
  content: "\e019"; }

.elecomp-twitter:before {
  content: "\e01a"; }

.elecomp-video-camera:before {
  content: "\e01b"; }

body {
  overflow: hidden;
  overflow-y: auto; }

body, html {
  font-family: Montserrat, serif; }

input:focus, button:focus, textarea:focus {
  box-shadow: none !important;
  outline: none !important; }

.header-main {
  width: 100%;
  height: 9.375rem;
  background-color: white;
  display: flex;
  align-items: center; }
  .header-main .navbar-elecomp .navbar-brand {
    margin-right: 6.5rem; }
  .header-main .navbar-elecomp .navbar-nav .nav-item .nav-link {
    font-weight: 300;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.7);
    word-spacing: -0.125rem;
    padding: 1.125rem 1.4375rem;
    transition: color 0.5s ease; }
    .header-main .navbar-elecomp .navbar-nav .nav-item .nav-link:hover {
      color: #9b1c53; }
  .header-main .navbar-elecomp .navbar-nav .nav-item:first-child .nav-link {
    padding-left: 0; }
  .header-main .navbar-elecomp .navbar-nav .nav-item:last-of-type .nav-link {
    padding-right: 0; }
  .header-main .navbar-elecomp .navbar-nav .nav-item.dropdown .dropdown-menu-elecomp:after {
    margin-left: 0.625rem;
    margin-right: 0;
    position: absolute;
    top: 50%;
    vertical-align: 0; }
  .header-main .navbar-elecomp .btn-language {
    margin-left: 2.5rem;
    background-color: transparent;
    font-weight: 300;
    font-size: 0.875rem;
    color: #9b1c53;
    padding: 1.125rem 1.9375rem 1.125rem 2.25rem;
    position: relative;
    border: none; }
    .header-main .navbar-elecomp .btn-language:focus {
      background-color: transparent;
      color: #9b1c53; }
    .header-main .navbar-elecomp .btn-language:after {
      content: "\e00c";
      position: absolute;
      border: 0;
      width: auto;
      height: auto;
      font-family: "elecomp";
      font-weight: normal;
      font-size: 1rem;
      color: #9b1c53;
      top: 50%;
      transform: translateY(-50%);
      right: 0; }
    .header-main .navbar-elecomp .btn-language:before {
      content: "\e008";
      position: absolute;
      border: 0;
      width: auto;
      height: auto;
      font-family: "elecomp";
      font-weight: normal;
      font-size: 1rem;
      color: #9b1c53;
      top: 50%;
      transform: translateY(-50%);
      left: 0; }
  .header-main .navbar-elecomp .menu-burger {
    margin-left: auto; }
    .header-main .navbar-elecomp .menu-burger i {
      color: #9b1c53;
      font-size: 1.375rem;
      display: block;
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: FlipH;
      -ms-filter: "FlipH"; }

.vertically {
  top: 50%;
  transform: translateY(-50%); }

.mr-60 {
  margin-right: 2.4375rem; }

.full-header {
  width: 100%; }
  .full-header .border {
    border-color: #efefef; }
  .full-header .top-bar {
    width: 100%;
    height: 2.8125rem;
    background-color: #FFFFFF; }
    .full-header .top-bar .text-information {
      font-weight: 300;
      font-size: 0.75em;
      color: #666666;
      display: inline-block; }
      .full-header .top-bar .text-information span {
        color: #9b1c53;
        font-weight: bold; }
    .full-header .top-bar .social > .nav {
      padding: 0; }
      .full-header .top-bar .social > .nav > .nav-item > .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0;
        padding-bottom: 0;
        color: #444444;
        font-size: 0.6875rem; }
    .full-header .top-bar .login-register > .nav {
      padding-left: 2.625rem; }
      .full-header .top-bar .login-register > .nav > .nav-item {
        position: relative; }
        .full-header .top-bar .login-register > .nav > .nav-item > .nav-link {
          padding-left: 1.875rem;
          padding-right: 1.875rem;
          padding-top: 0;
          padding-bottom: 0;
          color: #444444;
          font-size: 0.75rem;
          font-weight: 300;
          position: relative; }
          .full-header .top-bar .login-register > .nav > .nav-item > .nav-link:before {
            content: '';
            position: absolute;
            width: 0.0625rem;
            height: 0.5625rem;
            background-color: #b5b5b5;
            right: 0; }
        .full-header .top-bar .login-register > .nav > .nav-item:first-child:before {
          content: '';
          position: absolute;
          width: 0.0625rem;
          height: 2.875rem;
          background-color: #efefef;
          left: 0;
          top: -150%; }
        .full-header .top-bar .login-register > .nav > .nav-item:first-child > .nav-link {
          padding-left: 2.5625rem; }
        .full-header .top-bar .login-register > .nav > .nav-item:last-child:after {
          content: '';
          position: absolute;
          width: 0.0625rem;
          height: 2.875rem;
          background-color: #efefef;
          right: 0;
          top: -150%; }
        .full-header .top-bar .login-register > .nav > .nav-item:last-child > .nav-link {
          padding-right: 2.5625rem; }
          .full-header .top-bar .login-register > .nav > .nav-item:last-child > .nav-link:before {
            display: none; }
  .full-header .main-header {
    height: 9.6875rem;
    width: 100%;
    position: relative; }
    .full-header .main-header:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: url("../img/logoOilShow.png");
      background-size: 61%;
      background-repeat: no-repeat;
      background-position: center left;
      opacity: 0.03;
      left: -9rem; }
    .full-header .main-header .brand-top {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem; }
      .full-header .main-header .brand-top > .brand-logo svg {
        width: auto;
        height: 5.3125rem; }
        .full-header .main-header .brand-top > .brand-logo svg path {
          fill: #9b1c53; }
      .full-header .main-header .brand-top > .brand-logo .detail {
        width: 15.6875rem;
        font-size: 0.9375rem;
        font-weight: bold;
        line-height: 1.4375rem;
        margin-top: 0.1875rem;
        margin-left: 1.25rem;
        color: #9b1c53; }
    .full-header .main-header .hosted h3 {
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      color: #303030;
      margin-bottom: 0.9375rem;
      text-align: left; }
    .full-header .main-header .hosted > .nav {
      direction: ltr; }
      .full-header .main-header .hosted > .nav > .nav-item {
        margin-left: 0.9375rem; }
        .full-header .main-header .hosted > .nav > .nav-item:last-child {
          margin-left: 0; }
    .full-header .main-header .navbar-oil-show {
      background-color: #9b1c53;
      z-index: 99; }
      .full-header .main-header .navbar-oil-show .navbar-nav:hover > .nav-item > .nav-link {
        color: rgba(255, 255, 255, 0.3); }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link {
        font-size: 0.8rem;
        font-weight: bold;
        color: #FFFFFF;
        text-transform: uppercase;
        padding-top: 1.6875rem;
        padding-bottom: 1.6875rem;
        padding-left: 1.375rem;
        padding-right: 1.375rem;
        position: relative;
        word-spacing: -2px;
        -moz-transition: color 0.7s ease;
        -webkit-transition: color 0.7s ease;
        -o-transition: color 0.7s ease;
        -ms-transition: color 0.7s ease;
        transition: color 0.7s ease; }
        .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link:before {
          content: '';
          position: absolute;
          width: 0.0625rem;
          height: 0.5625rem;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          background-color: rgba(255, 255, 255, 0.5); }
        .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link:hover {
          color: #FFFFFF !important; }
        .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link.dropdown-toggle:after {
          width: auto;
          height: auto;
          margin: 0;
          border: none !important;
          content: "\e000";
          position: absolute;
          left: 50%;
          font-family: "elecomp";
          font-size: 0.5rem;
          transition: left 0.3s ease;
          transform: rotate(90deg) translateY(-50%) translateX(-50%);
          top: 75%; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item:last-child > .nav-link:before {
        display: none; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item:first-child > .nav-link {
        padding-left: 1.875rem; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item.dropdown:hover .nav-link {
        color: #FFFFFF !important; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item.dropdown .dropdown-menu {
        text-align: left;
        padding: 0;
        border: none;
        top: 103%;
        overflow: hidden; }
        .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item.dropdown .dropdown-menu .dropdown-item {
          padding: 1.0625rem 1.5625rem;
          font-size: 0.75rem;
          font-weight: 500; }
      .full-header .main-header .navbar-oil-show .menu-burger {
        background-color: #9b1c53;
        width: 65px;
        height: 65px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger {
          background: none;
          border: 0 !important;
          width: 24px;
          height: 20px;
          position: relative; }
          .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .top-menuburger, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .middle-menuburger, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .bottom-menuburger {
            display: block;
            height: 3px;
            width: 100%;
            position: absolute;
            right: 0; }
            .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .top-menuburger:before, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .top-menuburger:after, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .middle-menuburger:before, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .middle-menuburger:after, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .bottom-menuburger:before, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .bottom-menuburger:after {
              content: '';
              position: absolute;
              height: 3px;
              background: #ffffff; }
            .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .top-menuburger:before, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .middle-menuburger:before, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .bottom-menuburger:before {
              width: 18px;
              left: 0;
              top: 0; }
            .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .top-menuburger:after, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .middle-menuburger:after, .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .bottom-menuburger:after {
              width: 4px;
              right: 0;
              top: 0; }
          .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .top-menuburger {
            top: 0; }
          .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .middle-menuburger {
            top: 50%;
            transform: translateY(-50%); }
          .full-header .main-header .navbar-oil-show .menu-burger .btn-menuburger .bottom-menuburger {
            bottom: 0; }
  .full-header .menu-fix {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-image: -moz-linear-gradient(120deg, #9b1c53 0%, #9b1c53 100%);
    background-image: -webkit-linear-gradient(120deg, #9b1c53 0%, #9b1c53 100%);
    background-image: -ms-linear-gradient(120deg, #9b1c53 0%, #9b1c53 100%);
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; }
    .full-header .menu-fix.open {
      visibility: visible;
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
      transition: transform 0.4s, opacity 0.4s; }
    .full-header .menu-fix .close-menu {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      cursor: pointer; }
    .full-header .menu-fix .item-menu {
      padding: 0 3.5rem;
      position: relative;
      text-align: left; }
      .full-header .menu-fix .item-menu:first-of-type {
        padding-left: 0 !important; }
      .full-header .menu-fix .item-menu:last-of-type {
        padding-right: 0 !important; }
        .full-header .menu-fix .item-menu:last-of-type:after {
          display: none; }
      .full-header .menu-fix .item-menu:after {
        content: '';
        position: absolute;
        width: 0.0625rem;
        height: 6.1875rem;
        background-color: #fff;
        opacity: 0.15;
        top: 50%;
        transform: translateY(-50%);
        right: 0rem; }
      .full-header .menu-fix .item-menu .item-menu-head {
        font-weight: bold;
        font-size: 1.25rem;
        color: #FFFFFF;
        margin-bottom: 2.5rem; }
      .full-header .menu-fix .item-menu .nav-menu-fix .nav-item .nav-link {
        padding: 0.875rem 0;
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.5);
        -moz-transition: color 0.2 ease;
        -webkit-transition: color 0.2 ease;
        -o-transition: color 0.2 ease;
        -ms-transition: color 0.2 ease;
        transition: color 0.2 ease; }
        .full-header .menu-fix .item-menu .nav-menu-fix .nav-item .nav-link:hover {
          color: #FFFFFF; }
      .full-header .menu-fix .item-menu .nav-menu-fix .nav-item:first-child .nav-link {
        padding-top: 0; }

.slider {
  width: 100%;
  height: 41.8125rem;
  position: relative;
  margin-bottom: 8.125rem; }
  .slider:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-image: url("../img/shape/slider.png");
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    bottom: 0;
    z-index: 99; }
  .slider .slider-item {
    width: 100%;
    height: 41.8125rem;
    position: relative;
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center; }
    .slider .slider-item:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(34, 34, 34, 0.55);
      left: 0;
      top: 0; }
  .slider .slider-content {
    position: relative;
    text-align: center; }
    .slider .slider-content .subtitle {
      font-weight: 200;
      font-size: 2.125rem;
      color: white;
      font-family: Montserrat , serif;
      word-spacing: -0.125rem;
      margin-bottom: 1rem;
      text-shadow: 0px 0px 20px black; }
    .slider .slider-content .title {
      font-family: Montserrat, serif;
      font-weight: bold;
      font-size: 3.125rem;
      color: white;
      word-spacing: -0.125rem;
      margin-bottom: 1.1875rem;
      text-shadow: 0px 0px 20px black; }
    .slider .slider-content .description {
      font-weight: 300;
      font-size: 1.875rem;
      color: white;
      word-spacing: -0.125rem;
      margin-bottom: 2.5rem;
      text-shadow: 0px 0px 9.2px black; }
    .slider .slider-content .btn-slider {
      border-radius: 3px;
      background-color: white;
      box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3);
      padding: 1.375rem 2.9375rem;
      font-weight: 300;
      font-size: 1rem;
      color: #3d3d3d;
      word-spacing: -0.125rem; }
  .slider .nav-slider {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    flex-direction: row-reverse; }
    .slider .nav-slider .btn-slider {
      width: 1.8125rem;
      height: 1.8125rem;
      border: 1px solid rgba(0, 0, 0, 0.06);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #FFFFFF; }
      .slider .nav-slider .btn-slider i {
        font-size: 0.625rem;
        color: #c7c6c6;
        transition: color 0.5s ease; }
      .slider .nav-slider .btn-slider.next i {
        display: block;
        transform: rotate(180deg); }
      .slider .nav-slider .btn-slider:hover {
        cursor: pointer; }
        .slider .nav-slider .btn-slider:hover i {
          color: #9b1c53; }

.container-nav {
  padding-left: 5rem !important;
  padding-right: 5rem !important; }

.step-box {
  margin-bottom: 9.5rem; }
  .step-box .item-box-link .item-box {
    width: 100%;
    height: 6.5625rem;
    background-color: #f4f4f4;
    border-radius: 0.3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.5s ease; }
    .step-box .item-box-link .item-box i {
      font-size: 2.375rem;
      color: rgba(0, 0, 0, 0.5);
      margin-right: 1.875rem; }
    .step-box .item-box-link .item-box .title {
      font-family: "Lato";
      font-weight: 300;
      font-size: 1.25rem;
      color: #7c7c7c;
      word-spacing: -0.0625rem; }
    .step-box .item-box-link .item-box:hover {
      background-color: #9b1c53; }
      .step-box .item-box-link .item-box:hover i, .step-box .item-box-link .item-box:hover .title {
        color: white; }
  .step-box .item-box-link:hover {
    text-decoration: none !important; }

.about-elecomp {
  margin-bottom: 9.4375rem; }
  .about-elecomp .description {
    font-weight: 300;
    font-size: 1.000625rem;
    color: #8c8b8b;
    word-spacing: -0.125rem;
    text-align: justify;
    text-align-last: center;
    line-height: 1.876875rem;
    margin: 0; }

.my-news {
  margin-bottom: 8.75rem; }
  .my-news .owl-carousel .owl-stage-outer {
    padding-bottom: 3.75rem; }
  .my-news .item-news {
    width: 23.125rem;
    height: 32.375rem;
    border-radius: 0.1875rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden; }
    .my-news .item-news .thumbnail-news {
      width: 100%;
      height: 13.125rem;
      object-fit: cover;
      object-position: center center; }
    .my-news .item-news .detail-news {
      padding: 2rem 1.875rem; }
      .my-news .item-news .detail-news .date {
        display: flex;
        align-items: center;
        font-weight: 300;
        font-size: 0.75rem;
        color: #a1a0a0;
        margin-bottom: 1.3125rem; }
        .my-news .item-news .detail-news .date i {
          font-size: 1rem;
          margin-right: 0.625rem; }
      .my-news .item-news .detail-news .title {
        font-family: Lato;
        font-weight: bold;
        font-size: 0.9375rem;
        color: #5a5a5a;
        line-height: 1.5rem;
        word-spacing: -0.0625rem;
        margin-bottom: 0.6875rem;
        transition: color 0.5s ease; }
      .my-news .item-news .detail-news .description {
        font-family: Lato;
        font-weight: normal;
        font-size: 0.875rem;
        color: #979797;
        line-height: 1.6875rem;
        text-align: justify;
        text-align-last: left;
        overflow: hidden;
        margin: 0;
        height: 19.25rem;
        transition: height 0.5s ease; }
      .my-news .item-news .detail-news .learn-more {
        font-size: 0.875rem;
        display: flex;
        justify-content: flex-start;
        margin-top: 0.8125rem; }
        .my-news .item-news .detail-news .learn-more .btn-learn-more {
          padding: 0.9375rem 1.5rem;
          background-color: #9b1c53;
          color: #FFFFFF; }
          .my-news .item-news .detail-news .learn-more .btn-learn-more i {
            font-size: 0.5625rem;
            margin-left: 0.3125rem; }
            .my-news .item-news .detail-news .learn-more .btn-learn-more i:before {
              display: inline-block; }
    .my-news .item-news:hover {
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08);
      border-color: transparent; }
      .my-news .item-news:hover .detail-news .title {
        color: #9b1c53; }
      .my-news .item-news:hover .detail-news .description {
        height: 7.0625rem; }

.navigation-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse; }
  .navigation-dots .container-dots {
    padding: 0.25rem 0.375rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 0.625rem;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .navigation-dots .container-dots .owl-dot {
      width: 0.4375rem;
      height: 0.4375rem;
      border-radius: 50%;
      background-color: #cecece;
      margin-right: 0.25rem;
      margin-left: 0.25rem; }
      .navigation-dots .container-dots .owl-dot.active {
        background-color: #9b1c53; }
      .navigation-dots .container-dots .owl-dot:last-of-type {
        margin-right: 0; }
      .navigation-dots .container-dots .owl-dot:first-of-type {
        margin-left: 0; }
    .navigation-dots .container-dots:before {
      content: '';
      position: absolute;
      width: 4rem;
      height: 0.0625rem;
      border: 1px dashed rgba(0, 0, 0, 0.06);
      left: -4rem;
      top: 50%;
      transform: translateY(-50%); }
    .navigation-dots .container-dots:after {
      content: '';
      position: absolute;
      width: 4rem;
      height: 0.0625rem;
      border: 1px dashed rgba(0, 0, 0, 0.06);
      right: -4rem;
      top: 50%;
      transform: translateY(-50%); }
  .navigation-dots .btn-arrow-news {
    width: 1.8125rem;
    height: 1.8125rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF; }
    .navigation-dots .btn-arrow-news i {
      font-size: 0.625rem;
      color: #c7c6c6;
      transition: color 0.5s ease; }
    .navigation-dots .btn-arrow-news.prev {
      margin-left: 3.875rem; }
    .navigation-dots .btn-arrow-news.next {
      margin-right: 3.875rem; }
      .navigation-dots .btn-arrow-news.next i {
        display: block;
        transform: rotate(180deg); }
    .navigation-dots .btn-arrow-news:hover {
      cursor: pointer; }
      .navigation-dots .btn-arrow-news:hover i {
        color: #9b1c53; }

.reporter {
  width: 100%;
  height: 30.625rem;
  background-image: -o-linear-gradient(110deg, #9b1c53 0%, #9b1c53 40%, rgba(155, 28, 83, 0) 70%, rgba(155, 28, 83, 0) 100%);
  background-image: -moz-linear-gradient(110deg, #9b1c53 0%, #9b1c53 40%, rgba(155, 28, 83, 0) 70%, rgba(155, 28, 83, 0) 100%);
  background-image: -webkit-linear-gradient(110deg, #9b1c53 0%, #9b1c53 40%, rgba(155, 28, 83, 0) 70%, rgba(155, 28, 83, 0) 100%);
  background-image: linear-gradient(110deg, #9b1c53 0%, #9b1c53 40%, rgba(155, 28, 83, 0) 70%, rgba(155, 28, 83, 0) 100%);
  display: flex;
  position: relative;
  margin-bottom: 12.5rem; }
  .reporter .bg-right {
    position: absolute;
    width: 100%;
    height: 30.625rem;
    top: 0;
    right: 0; }
    .reporter .bg-right:before {
      content: '';
      position: absolute;
      width: 26.5625rem;
      height: 100%;
      background-image: url("../img/background/reporter.png");
      background-position: 0px -5.625rem;
      background-repeat: no-repeat;
      background-size: cover;
      left: 0;
      top: 0;
      opacity: 0.2; }
  .reporter:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-image: url("../img/shape/reporter_bottom.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    bottom: 0; }
  .reporter:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-image: url("../img/shape/reporter_top.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 0; }
  .reporter .container-reporter {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center; }
    .reporter .container-reporter:after {
      content: '';
      position: absolute;
      width: 37.6875rem;
      height: 44.375rem;
      background-image: url("../img/background/card-reporter.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      top: -6.5rem;
      right: 1.5rem;
      z-index: 999; }
  .reporter .detail-reporter .subtitle {
    font-family: Montserrat, serif;
    font-weight: 300;
    font-size: 1.5rem;
    color: #bb4779;
    word-spacing: -0.0625rem;
    margin-bottom: 1.125rem; }
  .reporter .detail-reporter .title {
    font-family: "Poppins";
    font-weight: bold;
    font-size: 2.5rem;
    color: #fff;
    word-spacing: -0.0625rem;
    margin-bottom: 3.4375rem; }
  .reporter .detail-reporter .btn-report {
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 0.1875rem;
    width: 12.5rem;
    height: 3.125rem;
    font-weight: 300;
    font-size: 0.875rem;
    color: #fff;
    text-transform: uppercase; }
    .reporter .detail-reporter .btn-report:hover {
      font-weight: bold;
      color: #9b1c53;
      background-color: #FFFFFF; }
    .reporter .detail-reporter .btn-report.get-card {
      margin-right: 0.625rem; }

.news-media {
  margin-bottom: 8.75rem; }
  .news-media .owl-carousel .owl-stage-outer {
    padding-bottom: 3.75rem; }
  .news-media .item-media {
    width: 23.125rem;
    height: 23.125rem;
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: box-shadow 0.5s ease , border 0.5s ease;
    border-radius: 0.1875rem; }
    .news-media .item-media .thumbnail-media {
      width: 100%;
      height: 16.875rem;
      object-fit: cover;
      object-position: center center; }
    .news-media .item-media .detail-media {
      position: absolute;
      width: 100%;
      height: 11.25rem;
      background-color: #FFFFFF;
      bottom: -5rem;
      left: 0;
      z-index: 99;
      padding: 2.75rem 1.875rem;
      transition: bottom 0.5s ease; }
      .news-media .item-media .detail-media .category-icon {
        width: 3.125rem;
        height: 3.125rem;
        border-radius: 50%;
        background-color: #9b1c53;
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 1.875rem;
        top: 0;
        transform: translateY(-50%); }
        .news-media .item-media .detail-media .category-icon i {
          font-size: 0.875rem;
          color: #FFFFFF; }
      .news-media .item-media .detail-media .title {
        font-family: Lato;
        font-weight: 300;
        font-size: 1rem;
        color: #5a5a5a;
        word-spacing: -0.0625rem;
        text-align: center;
        margin-bottom: 0rem;
        transition: margin 0.5s ease , color 0.5s ease; }
      .news-media .item-media .detail-media .description {
        font-family: Lato;
        font-weight: 300;
        font-size: 0.875rem;
        color: #979797;
        word-spacing: 0.03125rem;
        text-align: justify;
        text-align-last: center;
        line-height: 1.375rem;
        transform: translateY(100%);
        transition: transform 0.5s ease; }
    .news-media .item-media:hover {
      cursor: pointer;
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08);
      border-color: transparent; }
      .news-media .item-media:hover .detail-media {
        bottom: 0; }
        .news-media .item-media:hover .detail-media .title {
          color: #9b1c53;
          font-weight: bold;
          margin-bottom: 1.25rem; }
        .news-media .item-media:hover .detail-media .description {
          transform: translateY(0); }

.stars {
  width: 100%;
  height: 30.875rem;
  background-color: #1c1c1c;
  position: relative;
  overflow: hidden; }
  .stars:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../img/background/stars.png");
    opacity: 0.15; }
  .stars:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-image: url("../img/shape/reporter_top.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 0; }
  .stars .container-start {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end; }
    .stars .container-start:before {
      content: '';
      position: absolute;
      width: 48.6875rem;
      height: 53.5rem;
      background-image: url("../img/background/elecomp-Tshirt.png");
      background-repeat: no-repeat;
      background-size: cover;
      left: -3.125rem;
      top: -9.375rem; }
    .stars .container-start .detail-stars {
      position: relative; }
      .stars .container-start .detail-stars .title {
        font-family: Montserrat, serif;
        font-weight: 900;
        font-size: 4.0625rem;
        color: #c1aa79;
        word-spacing: -0.0625rem;
        margin-bottom: 3rem; }
      .stars .container-start .detail-stars .btn-report {
        background-color: transparent;
        border: 1px solid #c1aa79;
        border-radius: 0.1875rem;
        width: 12.5rem;
        height: 3.125rem;
        font-weight: 300;
        font-size: 0.875rem;
        color: #c1aa79;
        word-spacing: -0.125rem;
        text-transform: uppercase; }
        .stars .container-start .detail-stars .btn-report:hover {
          color: #736547;
          background-color: #c1aa79; }
        .stars .container-start .detail-stars .btn-report.get-card {
          margin-right: 0.625rem; }

.comment {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  margin-bottom: 8.75rem;
  width: 100%;
  height: 36.4375rem;
  background-color: #f9f9f9;
  position: relative; }
  .comment:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-image: url("../img/shape/comment_top.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: -1.875rem; }
  .comment:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-image: url("../img/shape/comment_bottom.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    bottom: -1.875rem; }
  .comment .comment-container {
    width: 100%;
    padding: 0 11.375rem;
    position: relative; }
    .comment .comment-container .item-comment {
      display: flex;
      align-items: center; }
      .comment .comment-container .item-comment .avatar-comment {
        width: 10.25rem;
        height: 10.25rem;
        border-radius: 50%;
        padding: 0.25rem;
        border: 1px solid rgba(0, 0, 0, 0.08);
        margin-right: 4rem; }
        .comment .comment-container .item-comment .avatar-comment img {
          width: 9.625rem;
          height: 9.625rem;
          border-radius: 50%;
          object-fit: cover;
          object-position: center center; }
      .comment .comment-container .item-comment .detail-comment .header-detail-comment {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 1.375rem; }
        .comment .comment-container .item-comment .detail-comment .header-detail-comment .title {
          font-weight: bold;
          font-size: 1rem;
          color: #5b5b5b;
          margin: 0; }
        .comment .comment-container .item-comment .detail-comment .header-detail-comment .date {
          font-weight: 300;
          font-size: 1rem;
          color: #5b5b5b; }
      .comment .comment-container .item-comment .detail-comment .description-comment {
        font-weight: 300;
        font-size: 0.875rem;
        color: #979797;
        word-spacing: -0.125rem;
        text-align: justify;
        text-align-last: left;
        line-height: 1.875rem;
        margin: 0;
        padding: 0; }
    .comment .comment-container .nav-comment {
      width: 100%;
      position: absolute;
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      top: 50%;
      transform: translateY(-50%);
      z-index: 999;
      left: 0; }
      .comment .comment-container .nav-comment i {
        font-size: 0.625rem;
        color: #b7b7b7; }
        .comment .comment-container .nav-comment i:hover {
          cursor: pointer;
          color: #9b1c53; }
        .comment .comment-container .nav-comment i.reverse {
          display: block;
          transform: rotate(180deg); }

.media {
  margin-bottom: 8.75rem; }
  .media .owl-carousel .owl-stage-outer {
    padding-bottom: 5rem; }
  .media .item-media {
    width: 35.625rem;
    height: 29.75rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.1875rem;
    position: relative;
    transition: box-shadow 0.5s ease , border 0.5s ease; }
    .media .item-media .thumbnail-media {
      width: 100%;
      height: 12.5rem;
      object-fit: cover;
      object-position: center center; }
    .media .item-media .detail-media {
      padding: 1.25rem 3.0625rem; }
      .media .item-media .detail-media .head-media {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        margin-bottom: 2.875rem; }
        .media .item-media .detail-media .head-media .date {
          display: flex;
          align-items: center;
          font-weight: 300;
          font-size: 0.75rem;
          color: #a1a0a0;
          margin-bottom: 1.3125rem; }
          .media .item-media .detail-media .head-media .date i {
            font-size: 1rem;
            margin-right: 0.625rem; }
        .media .item-media .detail-media .head-media .logo-media {
          width: 7rem;
          height: 7rem;
          background-color: #9b1c53;
          border-radius: 50%;
          position: absolute;
          box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
          left: 50%;
          top: 0;
          transform: translateY(-70%) translateX(-50%); }
          .media .item-media .detail-media .head-media .logo-media img {
            width: auto;
            height: 2.1875rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%); }
      .media .item-media .detail-media .title {
        font-weight: bold;
        font-size: 1.125rem;
        color: #5a5a5a;
        word-spacing: -0.125rem;
        margin-bottom: 1.3125rem;
        text-align: center;
        transition: color 0.5s ease; }
      .media .item-media .detail-media .description {
        font-weight: 300;
        font-size: 0.9375rem;
        color: #979797;
        word-spacing: -0.0625rem;
        text-align: justify;
        text-align-last: center;
        line-height: 1.5rem; }
      .media .item-media .detail-media .btn-readmore {
        padding: 0.9375rem 2.75rem;
        background-color: #9b1c53;
        color: #FFFFFF;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%) translateY(50%);
        opacity: 0;
        transition: opacity 0.5s ease; }
        .media .item-media .detail-media .btn-readmore i {
          font-size: 0.5625rem;
          margin-left: 0.3125rem; }
          .media .item-media .detail-media .btn-readmore i:before {
            transform: rotate(0deg);
            display: inline-block; }
    .media .item-media:hover {
      box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08);
      border-color: transparent; }
      .media .item-media:hover .detail-media .title {
        color: #9b1c53; }
      .media .item-media:hover .detail-media .btn-readmore {
        opacity: 1; }

.maps {
  margin-bottom: 8.75rem;
  overflow: hidden; }
  .maps .container-maps .right {
    margin-top: 4.6875rem; }
  .maps .container-maps .nav-license .nav-item .nav-link {
    padding: 0 4.28125rem; }
    .maps .container-maps .nav-license .nav-item .nav-link .item-license {
      display: block;
      position: relative; }
      .maps .container-maps .nav-license .nav-item .nav-link .item-license .icon-licence {
        font-size: 7.5rem;
        color: rgba(0, 0, 0, 0.15);
        transition: color 0.5s ease; }
      .maps .container-maps .nav-license .nav-item .nav-link .item-license .get-license {
        position: absolute;
        width: 200%;
        left: 50%;
        transform: translateX(-50%) translateY(-100%);
        bottom: -3.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        font-weight: 300;
        font-size: 0.8775rem;
        color: rgba(0, 0, 0, 0.4);
        transition: transform 0.5s ease , opacity 0.5s ease; }
        .maps .container-maps .nav-license .nav-item .nav-link .item-license .get-license i {
          font-size: 1rem;
          margin-right: 0.625rem; }
    .maps .container-maps .nav-license .nav-item .nav-link:hover .item-license .icon-licence {
      color: #9b1c53; }
    .maps .container-maps .nav-license .nav-item .nav-link:hover .item-license .get-license {
      opacity: 1;
      transform: translateX(-50%) translateY(0%); }
  .maps .container-maps .nav-license .nav-item:last-child .nav-link {
    padding-right: 0; }
  .maps .container-maps .nav-license .nav-item:first-child .nav-link {
    padding-left: 0; }
  .maps .container-maps .map-background {
    position: relative;
    width: 26.0625rem;
    height: 26.875rem; }
    .maps .container-maps .map-background:before {
      content: '';
      position: absolute;
      width: 49.375rem;
      height: 31.0625rem;
      left: 0;
      top: 0;
      background-image: url("../img/shape/map.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }

.sponser {
  margin-bottom: 11.25rem; }
  .sponser .logo-sponser {
    width: auto !important;
    height: 3.8125rem;
    max-width: 10.8125rem;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.38 !important;
    transition: opacity 0.5s ease , filter 0.5s ease; }
    .sponser .logo-sponser:hover {
      -webkit-filter: grayscale(0%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(0%);
      opacity: 1 !important; }
  .sponser .nav-sponser {
    width: 100%;
    height: 0.75rem;
    display: flex;
    justify-content: center;
    z-index: 999;
    margin-top: 3.75rem; }
    .sponser .nav-sponser i {
      font-size: 0.625rem;
      color: #b7b7b7;
      padding: 0rem 0.9375rem; }
      .sponser .nav-sponser i:hover {
        cursor: pointer;
        color: #9b1c53; }
      .sponser .nav-sponser i.reverse {
        display: block;
        transform: rotate(180deg); }

.logo {
  width: 100%;
  height: 24.3125rem;
  background-color: #f9f9f9;
  position: relative;
  display: flex;
  align-items: center; }
  .logo:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-image: url("../img/shape/comment_top.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: -1.875rem; }
  .logo:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-image: url("../img/shape/comment_bottom.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    bottom: -1.875rem; }
  .logo .container-logo {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 6.5625rem; }
    .logo .container-logo .subtitle {
      font-family: Poppins;
      font-weight: 900;
      font-size: 1.558125rem;
      color: #5a5a5a;
      word-spacing: -0.0625rem;
      margin-bottom: 0.8125rem; }
    .logo .container-logo .title {
      font-family: Poppins;
      font-weight: 900;
      font-size: 2.24375rem;
      color: #9b1c53;
      word-spacing: -0.0625rem;
      margin-right: 5.875rem; }
    .logo .container-logo .logos {
      display: flex; }
      .logo .container-logo .logos .item-logo {
        margin-right: 3.125rem; }
        .logo .container-logo .logos .item-logo img {
          width: auto;
          height: 4rem; }
          .logo .container-logo .logos .item-logo img.lg-photo {
            width: auto;
            height: 5.25rem; }
        .logo .container-logo .logos .item-logo:last-of-type {
          margin-right: 0; }

footer .main-footer {
  width: 100%;
  height: 25.625rem;
  background-color: #252525;
  padding-top: 6.875rem;
  padding-bottom: 5rem;
  display: flex; }
  footer .main-footer .footer-widget .title {
    font-weight: bold;
    font-size: 1.125rem;
    color: white;
    word-spacing: -0.0625rem;
    margin-bottom: 1.25rem; }
  footer .main-footer .footer-widget .content-widget.contact-us .address {
    font-family: Lato;
    font-weight: normal;
    font-size: 0.875rem;
    color: #939292;
    word-spacing: -0.125rem;
    text-align: justify;
    text-align-last: left;
    line-height: 1.5rem;
    margin-bottom: 1.3125rem; }
  footer .main-footer .footer-widget .content-widget.contact-us .icon-contact-us {
    font-family: Lato;
    font-weight: normal;
    font-size: 0.875rem;
    color: #939292;
    word-spacing: -0.0625rem;
    padding-left: 1.8125rem;
    margin-bottom: 0.625rem;
    display: block;
    position: relative; }
    footer .main-footer .footer-widget .content-widget.contact-us .icon-contact-us:before {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      font-family: "elecomp";
      font-size: 0.6875rem;
      color: #939292; }
    footer .main-footer .footer-widget .content-widget.contact-us .icon-contact-us.tel:before {
      content: "\e015"; }
    footer .main-footer .footer-widget .content-widget.contact-us .icon-contact-us.fax:before {
      content: "\e00a"; }
    footer .main-footer .footer-widget .content-widget.contact-us .icon-contact-us.email:before {
      content: "\e003"; }
  footer .main-footer .footer-widget .content-widget.contact-us .nav-social {
    padding: 0;
    margin-top: 1.875rem; }
    footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item .nav-link {
      width: 2.1875rem;
      height: 2.1875rem;
      border: 2px solid rgba(255, 255, 255, 0.15);
      position: relative;
      border-radius: 50%;
      margin-left: 0.3125rem;
      margin-right: 0.3125rem; }
      footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item .nav-link i {
        font-size: 0.8125rem;
        color: rgba(255, 255, 255, 0.15);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%); }
      footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item .nav-link:hover {
        background-color: #9b1c53;
        border-color: transparent; }
        footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item .nav-link:hover i {
          color: #FFFFFF; }
    footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item:first-child .nav-link {
      margin-left: 0; }
    footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item:last-child .nav-link {
      margin-right: 0; }
  footer .main-footer .footer-widget.contact-us-footer {
    margin-right: 6.125rem;
    width: 18.75rem; }
  footer .main-footer .footer-widget.links-footer {
    width: 19.1875rem; }
  footer .main-footer .footer-widget.links {
    width: 20.8125rem; }
  footer .main-footer .footer-widget .nav-links .nav-item .nav-link {
    padding: 0.625rem 0;
    font-family: Lato;
    font-weight: normal;
    font-size: 0.875rem;
    color: #939292; }
    footer .main-footer .footer-widget .nav-links .nav-item .nav-link:hover {
      color: #d8d8d8; }
  footer .main-footer .footer-widget .nav-links .nav-item:first-child .nav-link {
    padding-top: 0; }
  footer .main-footer .footer-widget .nav-links .nav-item:last-child .nav-link {
    padding-bottom: 0; }
footer .copyright-footer {
  width: 100%;
  height: 5rem;
  background-color: white;
  display: flex;
  align-items: center; }
  footer .copyright-footer .copyright-text {
    font-weight: 300;
    font-size: 0.875rem;
    color: #b4b3b3;
    word-spacing: -0.0625rem; }
  footer .copyright-footer .back-to-top {
    border-radius: 50%;
    background-color: white;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -3.75rem; }
    footer .copyright-footer .back-to-top i {
      font-size: 0.6875rem;
      color: #9b1c53;
      transform: rotate(-90deg); }

.content-single {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  min-height: 50rem;
  line-height: 2; }
  .content-single:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-image: url("../img/shape/reporter_top.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    bottom: -1.875rem; }

.slider-single {
  width: 100%;
  height: 12.875rem;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .slider-single:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(56, 56, 56, 0.82);
    top: 0;
    left: 0; }
  .slider-single:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-image: url("../img/shape/reporter_bottom.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    bottom: 0; }
  .slider-single .title {
    font-family: Poppins;
    font-weight: bold;
    font-size: 1.875rem;
    color: white;
    word-spacing: -0.0625rem;
    position: relative; }
  .slider-single .nav-b .nav-item .nav-link {
    padding: 0 0.6875rem;
    font-weight: normal;
    font-size: 0.875rem;
    color: white;
    position: relative; }
    .slider-single .nav-b .nav-item .nav-link:after {
      content: '>';
      position: absolute;
      font-weight: normal;
      font-size: 0.75rem;
      color: white;
      right: 0;
      top: 50%;
      transform: translateX(50%) translateY(-50%); }
  .slider-single .nav-b .nav-item:first-child .nav-link {
    padding-left: 0; }
  .slider-single .nav-b .nav-item:last-child .nav-link {
    padding-right: 0; }
    .slider-single .nav-b .nav-item:last-child .nav-link:after {
      display: none; }

.dropdown-menu {
  right: inherit;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.04); }
  .dropdown-menu .dropdown-item {
    text-align: left;
    padding: 0.625rem 0.9375rem;
    font-weight: 300;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.4);
    transition: color 0.5s ease; }
    .dropdown-menu .dropdown-item:hover {
      color: rgba(0, 0, 0, 0.7); }

.head-section {
  font-weight: bold;
  font-size: 1.50125rem;
  color: #9b1c53;
  word-spacing: -0.125rem;
  text-align: center;
  margin-bottom: 5.9375rem; }
  .head-section .title {
    position: relative;
    text-transform: uppercase; }
    .head-section .title:after {
      content: '';
      position: absolute;
      width: 2.3125rem;
      height: 0.3125rem;
      background-image: url("../img/shape/dots.png");
      background-repeat: no-repeat;
      background-position: center center;
      left: 50%;
      transform: translateX(-50%);
      top: 3.625rem; }
  .head-section .link-more-archive {
    font-weight: 300;
    font-size: 0.8125rem;
    color: #a7a7a7;
    display: flex;
    align-items: center;
    transition: color 0.5s ease; }
    .head-section .link-more-archive i {
      font-size: 0.8125rem;
      margin-left: 1.25rem; }
    .head-section .link-more-archive:hover {
      text-decoration: none;
      color: #8e8c8c; }
  .head-section .dolat {
    display: inline-block;
    font-weight: 300;
    font-size: 0.8125rem;
    color: #a7a7a7; }
    .head-section .dolat #electronic {
      display: none; }
      .head-section .dolat #electronic:checked + #electronic-label .scroll-bar-electronic:before {
        right: 100%;
        transform: translate3d(50%, -50%, 0);
        background-color: #9b1c53; }
    .head-section .dolat #electronic-label {
      margin-bottom: 0;
      margin-right: 1.25rem; }
      .head-section .dolat #electronic-label .scroll-bar-electronic {
        width: 2rem;
        height: 0.5rem;
        border-radius: 0.25rem;
        border: 1px solid #b1b0b0;
        position: relative;
        display: block; }
        .head-section .dolat #electronic-label .scroll-bar-electronic:before {
          content: '';
          position: absolute;
          width: 0.75rem;
          height: 0.75rem;
          background-color: #b1b0b0;
          right: 0;
          top: 50%;
          transform: translate3d(50%, -50%, 0);
          border-radius: 50%;
          transition: transform 0.5s ease , left 0.5s ease; }

.news {
  margin-top: 9.3125rem; }
  .news .detail-news .title {
    display: flex;
    justify-content: space-between; }
    .news .detail-news .title .left .sub-title {
      font-size: 1rem;
      font-weight: 300;
      color: rgba(0, 0, 0, 0.3);
      display: block;
      margin-bottom: 1rem; }
    .news .detail-news .title .left .text-title {
      font-size: 2.375rem;
      font-weight: 800;
      color: #000000;
      margin-bottom: 0;
      padding-bottom: 1.5rem;
      position: relative; }
      .news .detail-news .title .left .text-title:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0.0625rem;
        width: 1.875rem;
        background-color: #e9e9e9; }
      .news .detail-news .title .left .text-title:before {
        content: '';
        position: absolute;
        bottom: 0.25rem;
        left: 0;
        height: 0.0625rem;
        width: 3.75rem;
        background-color: #e9e9e9; }
    .news .detail-news .title .right .show {
      font-size: 0.875rem;
      font-weight: 300;
      color: rgba(0, 0, 0, 0.6);
      display: flex;
      justify-content: center;
      align-items: center;
      width: 9.875rem;
      height: 3rem;
      border-radius: 0.1875rem;
      border: 1px solid #d6d6d6;
      transition: all 0.5s;
      position: relative; }
      .news .detail-news .title .right .show:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 0;
        background-color: #9b1c53;
        z-index: -1;
        transition: height 0.5s; }
      .news .detail-news .title .right .show:hover {
        font-weight: bold;
        color: #FFFFFF;
        border: none; }
        .news .detail-news .title .right .show:hover:after {
          height: 100%; }
  .news .detail-news .body {
    margin-top: 2.5rem;
    display: flex;
    justify-content: space-between; }
    .news .detail-news .body .item {
      width: 36.5625rem; }
      .news .detail-news .body .item .item-news {
        font-size: 1rem;
        font-family: Lato;
        color: #8d8c8c;
        line-height: 2.5rem;
        font-weight: bold;
        padding-left: 1.75rem;
        position: relative;
        display: block;
        transition: all 0.5s; }
        .news .detail-news .body .item .item-news:before {
          content: '';
          position: absolute;
          left: 0;
          width: 0.4375rem;
          height: 0.4375rem;
          border: 1px solid #b2b2b2;
          top: 50%;
          transform: translateY(-50%);
          transition: all 0.5s; }
        .news .detail-news .body .item .item-news:hover {
          color: #9b1c53;
          text-decoration: none; }
          .news .detail-news .body .item .item-news:hover:before {
            background-color: #9b1c53;
            border: none; }

@media screen and (max-width: 720px) {
  .container {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important; }

  .header-main {
    width: 100%;
    height: 5.375rem;
    background-color: white;
    display: flex;
    align-items: center; }
    .header-main .navbar-elecomp .navbar-nav .nav-item .nav-link {
      font-size: 0.875rem;
      word-spacing: -0.125rem; }
    .header-main .navbar-elecomp .navbar-nav .nav-item:first-child .nav-link {
      padding-left: 1.125rem; }
    .header-main .navbar-elecomp .navbar-nav .nav-item:last-of-type .nav-link {
      padding-right: 1.125rem; }
    .header-main .navbar-elecomp .navbar-collapse {
      position: absolute;
      z-index: 99;
      width: 100%;
      top: 65px;
      background: #fff; }
    .header-main .navbar-elecomp .btn-language, .header-main .navbar-elecomp .menu-burger {
      display: none; }

  .full-header .top-bar {
    width: 100%;
    height: 2.8125rem; }
    .full-header .top-bar .text-information {
      font-size: 0.5625em;
      line-height: 15px;
      margin-right: 20px; }
      .full-header .top-bar .text-information:last-of-type {
        margin-right: 0 !important; }
      .full-header .top-bar .text-information span {
        display: block; }
    .full-header .top-bar .social {
      display: none; }
    .full-header .top-bar .login-register > .nav {
      flex-wrap: inherit !important;
      padding-left: 0; }
      .full-header .top-bar .login-register > .nav > .nav-item {
        position: relative; }
        .full-header .top-bar .login-register > .nav > .nav-item > .nav-link {
          padding-left: 0.5416666667rem;
          padding-right: 0.5416666667rem;
          padding-top: 0;
          padding-bottom: 0;
          font-size: 0.625rem; }
        .full-header .top-bar .login-register > .nav > .nav-item:first-child:before {
          top: -220%; }
        .full-header .top-bar .login-register > .nav > .nav-item:first-child .nav-link {
          padding-left: 1.625rem; }
        .full-header .top-bar .login-register > .nav > .nav-item:last-child:after {
          top: -210%; }
        .full-header .top-bar .login-register > .nav > .nav-item:last-child .nav-link {
          padding-right: 1.625rem; }
  .full-header .main-header {
    height: 7.75rem;
    width: 100%;
    position: relative; }
    .full-header .main-header:before {
      background-size: 100% !important;
      left: -6.09375rem; }
    .full-header .main-header .brand-top {
      padding-top: 1rem;
      padding-bottom: 1rem; }
      .full-header .main-header .brand-top > .brand-logo {
        width: 100%; }
        .full-header .main-header .brand-top > .brand-logo svg {
          height: 4.25rem; }
        .full-header .main-header .brand-top > .brand-logo .detail {
          width: auto;
          padding-left: 20%;
          font-size: 0.75rem;
          line-height: 0.875rem;
          margin-top: 0.625rem;
          margin-right: 1.0416666667rem; }
    .full-header .main-header .hosted {
      display: none; }
    .full-header .main-header .navbar-oil-show {
      z-index: 99; }
      .full-header .main-header .navbar-oil-show .navbar-toggler {
        border: none transparent !important;
        padding: 0.75rem 0.75rem; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link {
        font-size: 0.75rem;
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        text-align: left; }
        .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link:after {
          display: none; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item:last-child > .nav-link:after {
        display: none; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item:first-child > .nav-link {
        padding-left: 0.625rem; }
      .full-header .main-header .navbar-oil-show .menu-burger {
        width: 3.3854166667rem;
        height: 3.3854166667rem;
        position: absolute;
        right: 0;
        top: 0; }
        .full-header .main-header .navbar-oil-show .menu-burger:hover {
          cursor: pointer; }
  .full-header .menu-fix .row {
    display: block !important; }
  .full-header .menu-fix .close-menu {
    position: absolute;
    top: -15%;
    right: 15px;
    transform: translateY(0);
    cursor: pointer; }
    .full-header .menu-fix .close-menu img {
      width: 1.25rem;
      height: 1.25rem; }
  .full-header .menu-fix .item-menu {
    padding: 0 0rem;
    position: relative;
    text-align: center;
    margin-bottom: 1.5625rem; }
    .full-header .menu-fix .item-menu .flex-column {
      flex-direction: row !important; }
    .full-header .menu-fix .item-menu:after {
      display: none; }
    .full-header .menu-fix .item-menu .item-menu-head {
      font-size: 1rem;
      margin-bottom: 1.25rem; }
    .full-header .menu-fix .item-menu .nav-menu-fix {
      justify-content: center !important; }
      .full-header .menu-fix .item-menu .nav-menu-fix .nav-item .nav-link {
        padding: 0.4375rem 0.625rem;
        font-size: 0.8rem; }
      .full-header .menu-fix .item-menu .nav-menu-fix .nav-item:first-child .nav-link {
        padding-top: 0.4375rem; }

  .slider {
    width: 100%;
    height: 23.0625rem;
    margin-bottom: 4.0625rem; }
    .slider:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 0.9375rem;
      background-image: url("../img/shape/slider.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      left: 0;
      bottom: 0; }
    .slider .slider-item {
      width: 100%;
      height: 23.0625rem; }
    .slider .slider-content {
      position: relative;
      text-align: center; }
      .slider .slider-content .subtitle {
        font-size: 1.125rem;
        word-spacing: -0.25rem;
        margin-bottom: 1.625rem; }
      .slider .slider-content .title {
        font-size: 1.875rem;
        word-spacing: -0.125rem;
        margin-bottom: 0.625rem; }
      .slider .slider-content .description {
        font-size: 0.875rem;
        word-spacing: -0.25rem;
        margin-bottom: 1.25rem; }
      .slider .slider-content .btn-slider {
        padding: 0.625rem 1.6875rem;
        font-weight: 300;
        font-size: 0.875rem;
        color: #3d3d3d;
        word-spacing: -0.0625rem; }

  .nav-slider {
    display: none; }

  .step-box {
    margin-bottom: 4.75rem; }
    .step-box .item-box {
      width: 100%;
      height: 5rem;
      margin-bottom: 0.625rem; }
      .step-box .item-box i {
        font-size: 1.875rem;
        margin-right: 1.5625rem; }
      .step-box .item-box .title {
        font-size: 1.125rem;
        word-spacing: -0.0625rem; }

  .about-elecomp {
    margin-bottom: 4.71875rem; }

  .my-news {
    margin-bottom: 16rem; }
    .my-news .owl-carousel .owl-stage-outer {
      padding-bottom: 3.75rem; }
    .my-news .item-news {
      width: 100%;
      height: 32.375rem; }

  .navigation-dots {
    display: none; }

  .reporter {
    width: 100%;
    height: 30.625rem;
    background-image: -o-linear-gradient(-110deg, #9b1c53 0%, #9b1c53 40%, #9b1c53 70%, #9b1c53 100%);
    background-image: -moz-linear-gradient(-110deg, #9b1c53 0%, #9b1c53 40%, #9b1c53 70%, #9b1c53 100%);
    background-image: -webkit-linear-gradient(-110deg, #9b1c53 0%, #9b1c53 40%, #9b1c53 70%, #9b1c53 100%);
    background-image: linear-gradient(-110deg, #9b1c53 0%, #9b1c53 40%, #9b1c53 70%, #9b1c53 100%);
    margin-bottom: 6.25rem;
    text-align: center; }
    .reporter .bg-right {
      display: none; }
    .reporter .container-reporter:after {
      display: none; }
    .reporter .detail-reporter {
      margin: 0 auto; }
      .reporter .detail-reporter .subtitle {
        font-size: 1.625rem;
        word-spacing: -0.125rem;
        margin-bottom: 1.125rem; }
      .reporter .detail-reporter .title {
        font-size: 2.25rem;
        word-spacing: -0.125rem;
        margin-bottom: 3.4375rem; }
      .reporter .detail-reporter .btn-report {
        display: block;
        width: 100%;
        font-size: 0.875rem; }
        .reporter .detail-reporter .btn-report.get-card {
          margin-bottom: 0.625rem;
          margin-right: 0rem; }

  .news-media {
    margin-bottom: 6.25rem; }
    .news-media .owl-carousel .owl-stage-outer {
      padding-bottom: 3.75rem; }
    .news-media .item-media {
      width: 100%;
      height: 23.125rem; }

  .stars {
    width: 100%;
    height: 30.875rem; }
    .stars .container-start {
      position: relative;
      width: 100%;
      height: 100%;
      justify-content: center; }
      .stars .container-start:before {
        display: none; }
      .stars .container-start .detail-stars {
        text-align: center; }
        .stars .container-start .detail-stars .title {
          font-family: Montserrat, serif;
          font-weight: normal;
          font-size: 4.375rem;
          color: #c1aa79;
          font-size: 3.75rem;
          margin-bottom: 2.375rem; }
        .stars .container-start .detail-stars .btn-report {
          width: 100%;
          display: block;
          font-size: 0.875rem; }
          .stars .container-start .detail-stars .btn-report:hover {
            color: #736547;
            background-color: #c1aa79; }
          .stars .container-start .detail-stars .btn-report.get-card {
            margin-bottom: 0.625rem;
            margin-right: 0rem; }

  .comment {
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
    margin-bottom: 6.25rem;
    width: 100%;
    height: 45.625rem;
    position: relative; }
    .comment .comment-container {
      width: 100%;
      padding: 0 0rem;
      position: relative; }
      .comment .comment-container .item-comment {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center; }
        .comment .comment-container .item-comment .avatar-comment {
          width: 10.25rem;
          height: 10.25rem;
          margin-right: 0rem;
          margin-bottom: 1.875rem; }
        .comment .comment-container .item-comment .detail-comment .header-detail-comment {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          flex-direction: column;
          margin-bottom: 1.375rem; }
          .comment .comment-container .item-comment .detail-comment .header-detail-comment .title {
            text-align: center;
            margin-bottom: 1.875rem; }
          .comment .comment-container .item-comment .detail-comment .header-detail-comment .date {
            text-align: center; }
      .comment .comment-container .nav-comment {
        display: none; }

  .media {
    margin-bottom: 6.25rem; }
    .media .owl-carousel .owl-stage-outer {
      padding-bottom: 5rem; }
    .media .item-media {
      width: 100%;
      height: 31.25rem; }
      .media .item-media .detail-media {
        padding: 1.25rem 0.9375rem; }
        .media .item-media .detail-media .head-media {
          width: 100%;
          position: relative;
          display: flex;
          justify-content: space-between;
          margin-bottom: 1.25rem; }
          .media .item-media .detail-media .head-media .date {
            display: flex;
            align-items: center;
            font-weight: 300;
            font-size: 0.75rem;
            color: #a1a0a0;
            margin-bottom: 0rem; }
            .media .item-media .detail-media .head-media .date i {
              font-size: 1rem;
              margin-right: 0.625rem; }
          .media .item-media .detail-media .head-media .logo-media {
            width: 3.75rem;
            height: 3.75rem;
            background-color: #9b1c53;
            border-radius: 50%;
            position: absolute;
            box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
            left: 50%;
            top: 0;
            transform: translateY(-70%) translateX(-50%); }
            .media .item-media .detail-media .head-media .logo-media img {
              width: auto;
              height: 1.25rem;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translateY(-50%) translateX(-50%); }
        .media .item-media .detail-media .title {
          font-weight: bold;
          font-size: 1rem;
          color: #5a5a5a;
          margin-bottom: 1.3125rem; }
        .media .item-media .detail-media .description {
          font-weight: 300;
          font-size: 0.875rem;
          color: #979797;
          line-height: 1.5rem; }
        .media .item-media .detail-media .btn-readmore {
          padding: 0.9375rem 2.75rem; }

  .maps {
    margin-bottom: 6.25rem; }
    .maps .container-maps .right {
      width: 100%;
      margin-top: 4.6875rem; }
      .maps .container-maps .right .owl-carousel .owl-stage-outer {
        padding-bottom: 65px; }
    .maps .container-maps .nav-license {
      justify-content: center; }
      .maps .container-maps .nav-license .nav-item .nav-link {
        padding: 0;
        text-align: center; }
        .maps .container-maps .nav-license .nav-item .nav-link .item-license {
          display: block;
          position: relative; }
          .maps .container-maps .nav-license .nav-item .nav-link .item-license .icon-licence {
            font-size: 7.5rem;
            color: rgba(0, 0, 0, 0.15);
            transition: color 0.5s ease; }
      .maps .container-maps .nav-license .nav-item:last-child .nav-link {
        padding-right: 0; }
      .maps .container-maps .nav-license .nav-item:first-child .nav-link {
        padding-left: 0rem; }
    .maps .container-maps .map-background {
      display: none; }

  .sponser {
    margin-bottom: 6.25rem; }
    .sponser .logo-sponser {
      margin: 0 auto; }

  .logo {
    width: 100%;
    height: 18.75rem; }
    .logo .container-logo {
      display: flex;
      align-items: center;
      flex-direction: column;
      height: 100%;
      padding-left: 0rem; }
      .logo .container-logo .subtitle {
        font-size: 1.375rem;
        word-spacing: -0.125rem;
        margin-bottom: 0.8125rem;
        text-align: center; }
      .logo .container-logo .title {
        font-size: 2.0625rem;
        margin-right: 0rem;
        margin-bottom: 2.5rem;
        text-align: center; }
      .logo .container-logo .logos .item-logo {
        margin-right: 0rem;
        margin: 0 auto; }
        .logo .container-logo .logos .item-logo img {
          margin: 0 auto; }
        .logo .container-logo .logos .item-logo:last-of-type {
          margin-right: 0; }

  footer .main-footer {
    width: 100%;
    height: 25.625rem;
    background-color: #252525;
    padding-top: 6.875rem;
    padding-bottom: 5rem;
    display: flex; }
    footer .main-footer .footer-widget .title {
      text-align: center; }
    footer .main-footer .footer-widget .content-widget.contact-us {
      text-align: center; }
      footer .main-footer .footer-widget .content-widget.contact-us .address {
        text-align: justify;
        text-align-last: center; }
      footer .main-footer .footer-widget .content-widget.contact-us .icon-contact-us {
        font-weight: 300;
        font-size: 0.875rem;
        color: #939292;
        word-spacing: -0.125rem;
        padding-left: 1.8125rem;
        margin-bottom: 0.625rem;
        display: block;
        position: relative; }
        footer .main-footer .footer-widget .content-widget.contact-us .icon-contact-us:before {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          font-family: "elecomp";
          font-size: 0.6875rem;
          color: #939292; }
        footer .main-footer .footer-widget .content-widget.contact-us .icon-contact-us.tel:before {
          content: "\e015"; }
        footer .main-footer .footer-widget .content-widget.contact-us .icon-contact-us.fax:before {
          content: "\e00a"; }
        footer .main-footer .footer-widget .content-widget.contact-us .icon-contact-us.email:before {
          content: "\e003"; }
      footer .main-footer .footer-widget .content-widget.contact-us .nav-social {
        padding: 0;
        margin-top: 1.875rem; }
        footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item .nav-link {
          width: 2.1875rem;
          height: 2.1875rem;
          border: 2px solid rgba(255, 255, 255, 0.15);
          position: relative;
          border-radius: 50%;
          margin-left: 0.3125rem;
          margin-right: 0.3125rem; }
          footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item .nav-link i {
            font-size: 0.8125rem;
            color: rgba(255, 255, 255, 0.15);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%); }
          footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item .nav-link:hover {
            background-color: #9b1c53;
            border-color: transparent; }
            footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item .nav-link:hover i {
              color: #FFFFFF; }
        footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item:first-child .nav-link {
          margin-left: 0; }
        footer .main-footer .footer-widget .content-widget.contact-us .nav-social .nav-item:last-child .nav-link {
          margin-right: 0; }
    footer .main-footer .footer-widget.contact-us-footer {
      margin-right: 0rem;
      width: 100%; }
    footer .main-footer .footer-widget.links-footer {
      display: none; }
    footer .main-footer .footer-widget.links {
      display: none; }
    footer .main-footer .footer-widget .nav-links .nav-item .nav-link {
      padding: 0.625rem 0;
      font-weight: 300;
      font-size: 0.875rem;
      color: #939292; }
      footer .main-footer .footer-widget .nav-links .nav-item .nav-link:hover {
        color: #d8d8d8; }
    footer .main-footer .footer-widget .nav-links .nav-item:first-child .nav-link {
      padding-top: 0; }
    footer .main-footer .footer-widget .nav-links .nav-item:last-child .nav-link {
      padding-bottom: 0; }
    footer .main-footer .barcode {
      display: none !important; }
  footer .copyright-footer {
    width: 100%;
    height: 7.5rem;
    background-color: white;
    display: flex;
    align-items: center; }
    footer .copyright-footer .copyright-text {
      font-weight: 300;
      font-size: 0.875rem;
      color: #b4b3b3;
      word-spacing: -0.125rem;
      line-height: 1.5rem;
      text-align: center; }
      footer .copyright-footer .copyright-text .mr-4 {
        margin: 0 !important; }
    footer .copyright-footer .back-to-top {
      border-radius: 50%;
      background-color: white;
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
      width: 3.125rem;
      height: 3.125rem;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: inherit;
      left: 50%;
      transform: translateX(-50%);
      top: -3.75rem; }
      footer .copyright-footer .back-to-top i {
        font-size: 0.6875rem;
        color: #9b1c53;
        transform: rotate(-90deg); }

  .slider-single .title {
    width: 100%;
    text-align: center;
    margin-bottom: 2.5rem; }
  .slider-single .nav-b {
    width: 100%;
    justify-content: center; }

  .dropdown-menu {
    right: inherit;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.04); }
    .dropdown-menu .dropdown-item {
      text-align: left;
      padding: 0.625rem 0.9375rem;
      font-weight: 300;
      font-size: 0.875rem;
      color: rgba(0, 0, 0, 0.4);
      transition: color 0.5s ease; }
      .dropdown-menu .dropdown-item:hover {
        color: rgba(0, 0, 0, 0.7); }

  .head-section .link-more-archive {
    display: none; }
  .head-section.mobile-head {
    justify-content: center !important; } }

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

.Mycontact-us {
        width: 100%;
        height: 22.875rem;
        background-color: #f2f2f2;
        padding: 1.25rem;
        border-radius: 0.1875rem;
    }

        .Mycontact-us .contact-info {
            border-radius: 0.1875rem;
            background-color: white;
            box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.09);
            width: 100%;
            height: 100%;
            padding-top: 4.375rem;
            padding-bottom: 4.375rem;
            padding-left: 5.6875rem;
            padding-right: 6.4375rem;
        }

            .Mycontact-us .contact-info .flex-column-small {
                width: 17.375rem;
            }

            .Mycontact-us .contact-info .flex-column-standard {
                width: 20.5625rem;
            }

            .Mycontact-us .contact-info .item-contact {
                position: relative;
            }

                .Mycontact-us .contact-info .item-contact:after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 0;
                    width: 0.0625rem;
                    height: 6.25rem;
                    background-color: #e8e8e8;
                }

                .Mycontact-us .contact-info .item-contact:last-of-type:after {
                    display: none;
                }

                .Mycontact-us .contact-info .item-contact > .item-icon {
                    width: 5.1875rem;
                    height: 5.1875rem;
                    border-radius: 50%;
                    background-color: #fbfcfc;
                }

                    .Mycontact-us .contact-info .item-contact > .item-icon img {
                        width: 2.1875rem;
                        height: 2.1875rem;
                    }

                    .Mycontact-us .contact-info .item-contact > .item-icon.maps img {
                        width: 2.6875rem;
                        height: 2.6875rem;
                    }

                .Mycontact-us .contact-info .item-contact .title {
                    
                    font-size: 1rem;
                    text-transform: uppercase;
                    color: #444444;
                    margin-top: 1.625rem;
                    margin-bottom: 1.25rem;
                }

                .Mycontact-us .contact-info .item-contact .detail {
                    
                    font-weight: 500;
                    font-size: 0.9375rem;
                    color: #666666;
                    word-spacing: 0.125rem;
                    line-height: 1.75rem;
                }

    .contact-wrap {
        padding-right: 2.40625rem;
    }

        .contact-wrap h3 {
            
            font-size: 1.5rem;
            font-weight: 400;
            color: #444444;
            margin-bottom: 2.4375rem;
        }

        .contact-wrap p {
            font-family: "Lato", serif;
            font-size: 0.9375rem;
            word-spacing: 0.125rem;
            line-height: 1.625rem;
            color: rgba(85, 85, 85, 0.6);
            margin-bottom: 2.4375rem;
        }

    .contact-form-submit {
        padding-left: 2.40625rem;
    }