/*
Theme Name: Toppac Theme
Description: This is a child theme
Author: VietSwiss
Template: twentytwenty
Text Domain: vietswiss
Version: 1.0.0
Author: VietSwiss
Author URI: https://vietswiss.com
*/
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap");
html, body { -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility !important; }

html { font-size: 100%; scroll-behavior: auto; }

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

/*--- MIXIN FONT ---*/
/*--- MIXIN COLOR ---*/
/*--- MIXIN TEXT ---*/
/*--- MIXIN MARGIN ---*/
/*--- MIXIN MARGIN ---*/
/*--- MIXIN Z-INDEX ---*/
/*--- RATIO ---*/
html, body { font-size: 100%; height: 100%; left: 0; margin: 0; padding: 0; top: 0; width: 100%; }

* { font-family: "Source Sans Pro", sans-serif; }

h1 { font-size: 2.5rem; }

h2 { font-size: 2rem; }

h3 { font-size: 1.375rem; }

h4 { font-size: 1.125rem; }

h5 { font-size: 1rem; }

h6 { font-size: 0.875rem; }

.font-light { font-weight: 300; }

.font-regular { font-weight: 400; }

.font-heavy { font-weight: 700; }

.left { text-align: left; }

.right { text-align: right; }

.center { margin-left: auto; margin-right: auto; text-align: center; }

.justify { text-align: justify; }

.hidden-sm { display: none; }

.container { margin-left: auto; margin-right: auto; width: 90%; }

@media only screen and (min-width: 33.75em) { .container { width: 80%; } }

@media only screen and (min-width: 60em) { .container { max-width: 60rem; width: 75%; } }

.row { position: relative; width: 100%; }

.row [class^='col'] { float: left; margin: 0.5rem 2%; min-height: 0.125rem; }

.row::after { clear: both; content: ''; display: table; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 96%; }

.col-1-sm { width: 4.33333%; }

.col-2-sm { width: 12.66667%; }

.col-3-sm { width: 21%; }

.col-4-sm { width: 29.33333%; }

.col-5-sm { width: 37.66667%; }

.col-6-sm { width: 46%; }

.col-7-sm { width: 54.33333%; }

.col-8-sm { width: 62.66667%; }

.col-9-sm { width: 71%; }

.col-10-sm { width: 79.33333%; }

.col-11-sm { width: 87.66667%; }

.col-12-sm { width: 96%; }

@media only screen and (min-width: 45em) { .col-1 { width: 4.33333%; }
  .col-2 { width: 12.66667%; }
  .col-3 { width: 21%; }
  .col-4 { width: 29.33333%; }
  .col-5 { width: 37.66667%; }
  .col-6 { width: 46%; }
  .col-7 { width: 54.33333%; }
  .col-8 { width: 62.66667%; }
  .col-9 { width: 71%; }
  .col-10 { width: 79.33333%; }
  .col-11 { width: 87.66667%; }
  .col-12 { width: 96%; }
  .hidden-sm { display: block; } }

body { color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 100%; font-weight: 400; letter-spacing: 0; line-height: 1.625; }

.the-normal-btn, .wpcf7-form .wpcf7-submit { position: relative; color: var(--e-global-color-primary); background: transparent; font-size: 16px; font-weight: 700; border: 2px solid currentColor; -webkit-border-radius: 25px; border-radius: 25px; font-family: "Source Sans Pro", sans-serif; padding: 14px 93px 14px 17px; text-align: left; letter-spacing: 0; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.the-normal-btn::after, .wpcf7-form .wpcf7-submit::after { position: absolute; content: ''; width: 11px; height: 11px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -moz-calc(50% - 5px); top: calc(50% - 5px); right: 15px; }

.the-normal-btn:hover, .the-normal-btn:focus, .the-normal-btn:active, .wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:focus, .wpcf7-form .wpcf7-submit:active { text-decoration: none; }

.the-normal-btn:hover, .wpcf7-form .wpcf7-submit:hover { background-color: var(--e-global-color-primary); color: #fff; border-color: var(--e-global-color-primary); }

.btn-download-small a { display: block; background: url("assets/img/ico_download_cloud.svg") top 2px left/20px 15px no-repeat; text-align: left; }

@media screen and (min-width: 40em) { .btn-download-small a { background-position: top 6px left; } }

p { line-height: 1.28; margin: 0; }

h1, h2, h3, h4, h5, h6, .faux-heading { margin: 0; padding: 0; }

.color-blue { color: var(--e-global-color-primary); }

body.up .header { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.header { padding: 20px 0; position: fixed; width: 100%; z-index: 98; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; top: 0; left: 0; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); }

.header .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }

.branding { padding-left: 20px; width: 200px; display: inline-block; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.branding img { height: 30px; }

/** Hamburger menu */
.hamburger { display: inline-block; width: 27px; position: fixed; top: 26px; right: 20px; z-index: 100; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.hamburger span { width: 100%; background-color: #000; height: 2px; display: block; margin-bottom: 5px; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.hamburger span:first-child, .hamburger span:last-child { width: 16px; }

.hamburger span:last-child { margin-left: auto; margin-bottom: 0; }

/** Menu bar */
.header-nav { width: -moz-calc(100% - 520px); width: calc(100% - 520px); padding: 0 0 0 26px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; display: none; }

.header-nav .main-nav { width: 100%; margin-top: 7px; }

.header-nav .main-nav ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; }

.header-nav .main-nav li { margin: 0 40px 10px 0; }

.header-nav .main-nav li:last-child { margin-right: 0; }

.header-nav .main-nav li a { color: #000; font-size: 0.875rem; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; font-weight: 700; position: relative; display: block; }

.header-nav .main-nav li a::before { position: absolute; content: ''; background-color: var(--e-global-color-primary); width: 0; height: 1px; left: 0; bottom: 0; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.header-nav .main-nav li.current-menu-item a, .header-nav .main-nav li.current-page-ancestor a, .header-nav .main-nav li:hover a { color: var(--e-global-color-primary); }

.header-nav .main-nav li.current-menu-item a::before, .header-nav .main-nav li.current-page-ancestor a::before, .header-nav .main-nav li:hover a::before { width: 100%; }

/** Fixed nav bar right */
.fixednav { background-color: transparent; position: fixed; right: 0; top: 158px; width: 80px; z-index: 101; display: none; }

.fixednav-wrap { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; padding: 0 0 15px; }

.fixednav ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; list-style: none; margin: 0; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

.fixednav li { margin: 0 19px 36px 0; }

.fixednav li:last-child { margin-bottom: 0; }

.fixednav li a { color: #000; font-size: 0.875rem; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; position: relative; display: block; }

.fixednav li a::before { position: absolute; content: ''; background-color: var(--e-global-color-primary); width: 1px; height: 0; left: 0; top: 0; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.fixednav li.current-menu-item a, .fixednav li.current-page-ancestor a, .fixednav li:hover a { color: var(--e-global-color-primary); }

.fixednav li.current-menu-item a::before, .fixednav li.current-page-ancestor a::before, .fixednav li:hover a::before { height: 100%; }

/** Menu */
.fw-panel { position: fixed; width: 100%; max-width: 927px; background-color: var(--e-global-color-primary); right: 0; top: 0; bottom: 0; z-index: 99; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.fw-panel a { color: #fff; display: block; text-decoration: none; }

.fw-panel a:hover, .fw-panel a:focus { text-decoration: none; }

.fw-panel--wrap { max-width: 785px; margin: 0 0 0 auto; padding: 50px 20px; height: 100vh; overflow: auto; }

.fw-panel .sticky-menu { padding-right: 35px; }

.fw-panel .sticky-menu li { margin-left: 0; }

.fw-panel .sticky-menu a { font-size: 18px; line-height: 1.28; letter-spacing: 0.05em; font-weight: 600; }

.fw-panel .sticky-menu .menu > .menu-item:not(:last-child) { margin-bottom: 35px; }

.fw-panel .sticky-menu .menu > .menu-item > a { text-transform: uppercase; font-size: 25px; margin-bottom: 10px; }

.fw-panel .sticky-menu .sub-menu > .menu-item { margin-bottom: 5px; }

.fw-panel .sticky-submenu { margin-top: 0; position: fixed; bottom: 0; left: 0; width: 100%; background-color: var(--e-global-color-primary); padding: 10px 20px; }

.fw-panel .sticky-submenu .menu { text-align: left; }

.fw-panel .sticky-submenu .menu-item { display: inline-block; }

.fw-panel .sticky-submenu .menu-item:not(:last-child) { margin-right: 15px; }

.fw-panel .sticky-submenu a { text-transform: uppercase; font-size: 12px; letter-spacing: 0.05em; }

.show-panel { overflow: hidden; position: fixed; }

.show-panel .fw-panel { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.show-panel .hamburger span { background-color: #fff; }

.show-panel .hamburger span:first-child, .show-panel .hamburger span:last-child { width: 100%; }

.show-panel .hamburger span:first-child { -webkit-transform: rotate(45deg) translate(5px, 5px); -moz-transform: rotate(45deg) translate(5px, 5px); -o-transform: rotate(45deg) translate(5px, 5px); transform: rotate(45deg) translate(5px, 5px); }

.show-panel .hamburger span:nth-child(2) { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }

.show-panel .hamburger span:last-child { -webkit-transform: rotate(-45deg) translate(5px, -5px); -moz-transform: rotate(-45deg) translate(5px, -5px); -o-transform: rotate(-45deg) translate(5px, -5px); transform: rotate(-45deg) translate(5px, -5px); }

.show-panel .fixednav li a { color: #fff; }

body { padding-top: 68px; }

.small-header .header { background-color: #fff; }

@media screen and (min-width: 64em) { body { padding-top: 158px; }
  main { padding-right: 80px; }
  .header { padding: 52px 80px 52px 0; }
  .branding { width: 420px; padding-left: 20px; }
  .hamburger { top: 71px; right: 86px; }
  .header-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; }
  .fixednav { display: block; }
  .small-header .header { padding: 30px 0; }
  .small-header .hamburger { top: 47px; }
  .small-header .branding { width: 210px; }
  .small-header .header-nav { width: -moz-calc(100% - 290px); width: calc(100% - 290px); padding: 0 70px 0 26px; }
  .fw-panel { width: 70%; }
  .fw-panel a { -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }
  .fw-panel--wrap { padding: 138px 120px 100px 25px; }
  .fw-panel .sticky-menu { max-width: 380px; }
  .fw-panel .sticky-menu a { font-size: 25px; line-height: 32px; }
  .fw-panel .sticky-menu .menu > .menu-item:not(:last-child) { margin-bottom: 67px; }
  .fw-panel .sticky-menu .menu > .menu-item > a { font-size: 30px; margin-bottom: 19px; }
  .fw-panel .sticky-menu .sub-menu .menu-item a:hover { -webkit-transform: scale(1.2) translateX(8.5%); -moz-transform: scale(1.2) translateX(8.5%); -o-transform: scale(1.2) translateX(8.5%); transform: scale(1.2) translateX(8.5%); }
  .fw-panel .sticky-submenu { width: -moz-calc(100% - 30px); width: calc(100% - 30px); padding-bottom: 60px; }
  .fw-panel .sticky-submenu a { letter-spacing: 0.1em; font-size: 14px; }
  .fw-panel .sticky-submenu .menu { text-align: right; padding-right: 68px; }
  .fw-panel .sticky-submenu .menu-item:not(:last-child) { margin-right: 37px; }
  .fw-panel .sticky-submenu .menu-item a:hover { -webkit-transform: scale(1.45); -moz-transform: scale(1.45); -o-transform: scale(1.45); transform: scale(1.45); } }

@media screen and (min-width: 90em) { main { padding-left: 80px; } }

@media (min-width: 1025px) { .branding { padding-left: 139px; }
  .branding img { max-width: none; height: 45px; } }

@media only screen and (min-width: 640px) and (max-width: 1023px) { .branding { width: 300px; }
  .branding img { height: 40px; max-width: none; }
  body { padding-top: 68px; }
  .header { padding: 14px 0; } }

@media (min-width: 1200px) { .branding { width: 450px; }
  .branding img { height: 55px; } }

.footer { -webkit-box-shadow: 0 -4px 10px rgba(50, 50, 50, 0.1); box-shadow: 0 -4px 10px rgba(50, 50, 50, 0.1); padding: 40px 15px 30px; }

.footer .footer-info * { font-family: "Source Sans Pro", sans-serif; }

.footer .footer-info a { text-decoration: none; color: #000; }

.footer .footer-info .brand { display: block; margin-bottom: 20px; }

.footer .footer-info .brand .brand-name { font-size: 18px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 5px; }

.footer .footer-info .brand .brand-address { font-size: 18px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.4; }

.footer .footer-info .brand-tel { font-size: 18px; font-weight: 600; letter-spacing: 0.05em; padding-left: 35px; background: url("assets/img/ico_phone.svg") center left/13px 18px no-repeat; display: block; margin-bottom: 10px; }

.footer .footer-info .brand-mail { font-size: 18px; font-weight: 600; letter-spacing: 0.05em; padding-left: 35px; background: url("assets/img/ico_mail.svg") center left/18px 12px no-repeat; display: block; }

.footer .menu-sub-page-menu-container .menu { text-align: right; }

.footer .menu-sub-page-menu-container .menu-item { display: inline-block; margin-bottom: 0; }

.footer .menu-sub-page-menu-container .menu-item:not(:last-child) { margin-right: 18px; }

.footer .menu-sub-page-menu-container .menu-item a { display: block; font-size: 13px; text-transform: uppercase; color: #000; }

.footer .menu-sub-page-menu-container .menu-item a:hover { text-decoration: none; }

@media screen and (min-width: 64em) { .footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; padding: 95px 15px 50px; }
  .footer .footer-info .brand { margin-bottom: 35px; }
  .footer .footer-info .brand-tel { margin-bottom: 24px; }
  .footer .wrap { max-width: 1214px; width: 100%; margin: 0 auto; padding-left: 5%; }
  .footer .widget_custom_html { width: -moz-calc(100% - 570px); width: calc(100% - 570px); display: inline-block; }
  .footer .widget_nav_menu { width: 570px; display: inline-block; }
  .footer .menu-sub-page-menu-container .menu { text-align: right; }
  .footer .menu-sub-page-menu-container .menu-item:not(:last-child) { margin-right: 36px; }
  .footer .menu-sub-page-menu-container .menu-item a { font-size: 14px; letter-spacing: 0.08em; } }

.btn-download a { background: url("assets/img/ico_download_cloud.svg") center left/30px 22px no-repeat; }

.btn-normal a { position: relative; }

.btn-normal a::after { position: absolute; content: ''; width: 11px; height: 11px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -moz-calc(50% - 5px); top: calc(50% - 5px); right: 15px; }

button:focus, a:focus, div:focus { outline: none; }

.sec-mv { position: relative; padding-bottom: 20px; }

.sec-mv .map { position: relative; }

.sec-mv .map::before { display: block; content: ''; width: 100%; padding-top: 58.30882%; }

.sec-mv .map > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.sec-mv .map iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }

.sec-mv .box-info { background-color: var(--e-global-color-primary); position: static; width: 100%; z-index: 2; bottom: 0; right: 8%; padding: 3.3% 5% 4.3% 4%; }

.sec-mv .box-info * { font-family: "Source Sans Pro", sans-serif; }

.sec-mv .box-info a { text-decoration: none; color: #fff; }

.sec-mv .box-info .brand { display: block; }

.sec-mv .box-info .brand-name, .sec-mv .box-info .brand-address, .sec-mv .box-info .brand-tel, .sec-mv .box-info .brand-mail { font-size: 20px; }

.sec-mv .box-info .brand-name { font-weight: bold; line-height: 1.32; letter-spacing: 0.05em; }

.sec-mv .box-info .brand-address { font-weight: 600; letter-spacing: 0.05em; line-height: 1.32; margin-bottom: 20px; }

.sec-mv .box-info .brand-tel { font-weight: 600; letter-spacing: 0.05em; line-height: 1.32; padding-left: 35px; background: url("assets/img/ico_phone_white.svg") center left/13px 17px no-repeat; display: block; margin-bottom: 10px; }

.sec-mv .box-info .brand-mail { font-weight: 600; letter-spacing: 0.05em; line-height: 1.32; padding-left: 35px; background: url("assets/img/ico_mail_white.svg") center left/18px 11px no-repeat; display: block; }

.forminator-custom-form .forminator-response-message { display: none; }

.forminator-custom-form .forminator-error-message { color: var(--e-global-color-primary); font-size: 16px; }

.forminator-custom-form .forminator-row { display: block; }

.forminator-custom-form .forminator-row-last { margin-top: 40px; }

.forminator-custom-form .forminator-row .forminator-label { display: none !important; }

.forminator-custom-form .forminator-row .item { width: 100%; margin-bottom: 15px; }

.forminator-custom-form .forminator-row textarea, .forminator-custom-form .forminator-row input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid #000; font-size: 18px; line-height: 1.26; letter-spacing: 0.05em; color: #000 !important; font-weight: 600; padding: 12px 15px; font-family: "Source Sans Pro", sans-serif; background: transparent !important; }

.forminator-custom-form .forminator-row textarea::-webkit-input-placeholder, .forminator-custom-form .forminator-row input::-webkit-input-placeholder { color: #000; }

.forminator-custom-form .forminator-row textarea::-moz-placeholder, .forminator-custom-form .forminator-row input::-moz-placeholder { color: #000; }

.forminator-custom-form .forminator-row textarea:-ms-input-placeholder, .forminator-custom-form .forminator-row input:-ms-input-placeholder { color: #000; }

.forminator-custom-form .forminator-row textarea::-ms-input-placeholder, .forminator-custom-form .forminator-row input::-ms-input-placeholder { color: #000; }

.forminator-custom-form .forminator-row textarea::placeholder, .forminator-custom-form .forminator-row input::placeholder { color: #000; }

.forminator-custom-form .forminator-row textarea { height: 266px; }

.forminator-custom-form .the-normal-btn { display: block; margin-left: auto; }

div.wpcf7 .ajax-loader { display: none; }

@media screen and (min-width: 40em) { .sec-mv { padding-bottom: 60px; }
  .sec-mv .box-info { position: absolute; width: auto; }
  .forminator-custom-form .forminator-error-message { font-size: 18px; }
  .forminator-custom-form .forminator-row-last { margin-top: 50px; }
  .forminator-custom-form .forminator-row .item { margin-bottom: 30px; }
  .forminator-custom-form .forminator-row textarea, .forminator-custom-form .forminator-row input { padding: 31px 20px; }
  .form-footer { text-align: right; } }

@media screen and (min-width: 64em) { .sec-mv .box-info .brand-name, .sec-mv .box-info .brand-address, .sec-mv .box-info .brand-tel, .sec-mv .box-info .brand-mail { font-size: 25px; }
  .sec-mv .box-info .brand-address { margin-bottom: 44px; }
  .sec-mv .box-info .brand-tel { margin-bottom: 33px; } }

@media screen and (min-width: 90em) { .sec-mv { width: -moz-calc(100% + 80px); width: calc(100% + 80px); margin-left: -80px; } }

.textimage-html .btn-custom01 { color: #000; font-size: 18px; font-weight: 700; position: relative; padding-left: 34px; letter-spacing: 0.05em; display: block; margin-bottom: 16px; }

.textimage-html .btn-custom01::before { position: absolute; content: ''; width: 11px; height: 11px; top: 9px; left: 0; border-top: 2px solid var(--e-global-color-primary); border-right: 2px solid var(--e-global-color-primary); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.textimage-html .btn-custom02 { color: #000; font-size: 18px; font-weight: 700; position: relative; padding-left: 60px; letter-spacing: 0.05em; display: block; }

.textimage-html .btn-custom02::before { position: absolute; content: ''; width: 30px; height: 22px; top: 4px; left: 0; background: url("assets/img/ico_download_cloud.svg") center/cover no-repeat; }

.toppac_certification { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; }

.toppac_certification__img { width: 300px; }

.toppac_certification img { width: 100%; display: block; }

.toppac_certification__content { list-style: none; padding: 0; margin: 40px 0 0; }

.toppac_certification__content li { margin: 0 0 30px; padding: 0; }

.toppac_certification__content li:last-child { margin-bottom: 0; }

.toppac_certification__content a { color: #000; font-size: 18px; font-weight: 700; position: relative; padding-left: 50px; letter-spacing: 0.05em; display: block; margin-bottom: 16px; }

.toppac_certification__content-link a { background: url("assets/img/icon_arrow_blue.svg") no-repeat 0 7px; }

.toppac_certification__content-pdf a { background: url("assets/img/ico_download_cloud.svg") no-repeat 0 4px; padding-left: 56px; }

@media screen and (min-width: 992px) { .is-produktion .toppac_certification__content { -webkit-transform: translate(-50px, 0); -moz-transform: translate(-50px, 0); -o-transform: translate(-50px, 0); transform: translate(-50px, 0); }
  .is-produktion .toppac_certification__content-link a { background-position: 11px 7px; }
  .is-produktion .toppac_certification__content-pdf a { background-position: 2px 4px; padding-left: 56px; } }

.toppac_team { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.toppac_team__listing { max-width: 1280px; margin: 0 auto; padding: 0 16px; }

.toppac_team__item { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; margin-bottom: 20px; }

.toppac_team__item::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; background-color: var(--e-global-color-primary); z-index: 1; }

.toppac_team__item_img img { width: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain; }

.toppac_team__item_info { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 1s; transition: opacity 0.5s, -webkit-transform 1s; -o-transition: opacity 0.5s, -o-transform 1s; -moz-transition: opacity 0.5s, transform 1s, -moz-transform 1s; transition: opacity 0.5s, transform 1s; transition: opacity 0.5s, transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s; -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); z-index: 2; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.toppac_team__item_name { font-size: 20px; font-weight: 600; margin-left: 40px; margin-right: 40px; margin-bottom: 30px; margin-top: 50px; letter-spacing: 1px; line-height: 1.4; width: 60%; }

.toppac_team__item_description { font-size: 18px; font-weight: 600; margin-left: 40px; margin-right: 40px; margin-bottom: 30px; letter-spacing: 1px; }

.toppac_team__item_email { font-size: 18px; font-weight: 600; margin-left: 40px; margin-right: 40px; }

.toppac_team__item:hover::before { opacity: 1; }

.toppac_team__item:hover .toppac_team__item_info { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; opacity: 1; }

.toppac_team__contact { background: var(--e-global-color-primary); width: 100%; padding: 60px 20px; z-index: 200; top: 0; left: 0; color: #fff; -webkit-transform: translate(120%, 0); -moz-transform: translate(120%, 0); -o-transform: translate(120%, 0); transform: translate(120%, 0); -webkit-transition: opacity 0.1s, -webkit-transform 1s; transition: opacity 0.1s, -webkit-transform 1s; -o-transition: opacity 0.1s, -o-transform 1s; -moz-transition: opacity 0.1s, transform 1s, -moz-transform 1s; transition: opacity 0.1s, transform 1s; transition: opacity 0.1s, transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s; opacity: 0; position: fixed; overflow: hidden; overflow-y: auto; height: 100vh; padding-bottom: 40px; }

.toppac_team__contact_wrap { max-width: 1280px; margin: 0 auto; min-height: 100vh; padding-bottom: 120px; }

.toppac_team__contact.active { opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; }

.toppac_team__contact_subtitle { font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1.9px; }

.toppac_team__contact_title { font-size: 36px; font-weight: 600; margin-bottom: 50px; letter-spacing: 1.4px; }

.toppac_team__contact_name { display: inline-block; }

.toppac_team__contact_close { display: block; width: 30px; height: 30px; text-indent: -9999px; position: absolute; font-size: 0; top: 30px; right: 20px; z-index: 10; outline: 0 none; }

.toppac_team__contact_close::after, .toppac_team__contact_close::before { display: block; content: ''; width: 30px; height: 1px; background: #fff; position: absolute; top: 0; left: 0; z-index: 1; }

.toppac_team__contact_close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 14px; left: -1px; }

.toppac_team__contact_close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; left: -1px; }

.toppac_team__contact_close:hover, .toppac_team__contact_close:active, .toppac_team__contact_close:focus { outline: 0 none; }

.toppac_team__contact .forminator-input, .toppac_team__contact .forminator-textarea { border-color: #fff !important; color: #fff !important; font-size: 16px !important; letter-spacing: 1.9px; -webkit-border-radius: 0 !important; border-radius: 0 !important; padding-top: 16px !important; padding-bottom: 16px !important; }

.toppac_team__contact .forminator-input::-webkit-input-placeholder, .toppac_team__contact .forminator-textarea::-webkit-input-placeholder { color: #fff !important; }

.toppac_team__contact .forminator-input::-moz-placeholder, .toppac_team__contact .forminator-textarea::-moz-placeholder { color: #fff !important; }

.toppac_team__contact .forminator-input:-ms-input-placeholder, .toppac_team__contact .forminator-textarea:-ms-input-placeholder { color: #fff !important; }

.toppac_team__contact .forminator-input::-ms-input-placeholder, .toppac_team__contact .forminator-textarea::-ms-input-placeholder { color: #fff !important; }

.toppac_team__contact .forminator-input::placeholder, .toppac_team__contact .forminator-textarea::placeholder { color: #fff !important; }

.toppac_team__contact .forminator-button-submit { background-color: transparent !important; background-image: url("assets/img/icon_arrow_send.svg") !important; background-repeat: no-repeat !important; background-position: 90% 54% !important; -webkit-border-radius: 100px !important; border-radius: 100px !important; border: 1px solid #fff !important; font-size: 16px !important; letter-spacing: 1.9px; padding-right: 50px !important; padding-left: 20px !important; font-size: 16px !important; font-weight: 700 !important; -webkit-box-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; float: right; }

@media screen and (min-width: 992px) { .toppac_team { margin-right: 80px; }
  .toppac_team__listing { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .toppac_team__contact_wrap { padding: 40px 80px; }
  .toppac_team__item { width: 32%; margin: 0 2% 2% 0; }
  .toppac_team__item:nth-child(3n) { margin-right: 0; }
  .toppac_team.is-form-active { padding-bottom: 400px; } }

@media screen and (min-width: 1366px) { .toppac_team__contact { padding: 126px 0; }
  .toppac_team__contact .forminator-input, .toppac_team__contact .forminator-textarea { line-height: 50px !important; font-size: 18px !important; padding-left: 20px !important; }
  .toppac_team__contact_title { font-size: 50px; letter-spacing: 1.9; }
  .toppac_team__contact_title > span { display: block; }
  .toppac_team__contact_close { right: 8.33%; top: 4.33%; }
  .toppac_team__item_name { font-size: 25px; width: 40%; } }

@media screen and (min-width: 1440px) { .toppac_team { margin-right: 0; }
  .toppac_team__listing { padding: 0 8px; }
  .toppac_team__contact_wrap { padding: 0; } }

.toppac_download ul { list-style: none; margin: 0; padding: 0; }

.toppac_download ul > li { margin-left: 0; }

.toppac_download ul > li a { background: url("assets/img/ico_download_cloud.svg") 0 4px no-repeat; background-size: 23px; color: #000; text-decoration: none; outline: 0 none; padding-left: 40px; font-weight: 600; font-size: 1rem; }

@media screen and (min-width: 992px) { .toppac_download ul > li a { font-size: 25px; background-position: 0 8px; padding-left: 50px; } }

body { background-color: transparent; }

.hero { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; }

.hero-sliders { padding-bottom: 0; white-space: nowrap; }

.hero-inner { -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; height: auto; left: 0; position: relative; width: 100%; z-index: 10; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.hero-content { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; position: relative; }

.hero-links { margin-left: auto; margin-right: 0; width: 100%; }

.hero-links .lst-link.has-border a { color: currentColor; display: block; }

.hero-links .lst-link.has-border a:not(:last-child) { border-bottom: 2px solid currentColor; }

.hero-links .lst-link .item { position: relative; }

.hero-links .lst-link .item-icon { position: absolute; right: 0; width: 28px; }

.hero-links .lst-link .item-icon svg { width: 100% !important; height: auto !important; display: block; }

.hero-slide { background: center/cover no-repeat; position: relative; display: inline-block; width: 100%; height: 100%; white-space: normal; }

.hero-slide img { width: 100%; }

.hero-slide-page { display: inline-block; font-size: 13px; font-weight: 700; left: 20px; top: 0; line-height: 16px; padding: 5px 15px 5px 0; position: relative; cursor: pointer; z-index: 11; }

.hero-slide-page:hover::after { right: -5px; }

.hero-slide-page::after { border-right: 2px solid #000; border-top: 2px solid #000; content: ''; height: 8px; position: absolute; right: 0; top: -moz-calc(50% - 4px); top: calc(50% - 4px); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 8px; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.hero-slide-img::before { display: block; content: ''; width: 100%; padding-top: 56.266%; }

.hero-sub .hero-inner { height: 100%; position: absolute; }

.hero-sub .hero-title, .hero-sub .hero-subtitle { display: inline-block; }

.hero-sub .hero-content { width: 100%; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; text-align: center; padding-bottom: 7px; }

@media screen and (min-width: 64em) { .hero-sliders { padding-bottom: 40px; height: -moz-calc(100vh - 158px); height: calc(100vh - 158px); }
  .hero-inner { position: absolute; }
  .hero-content { width: -moz-calc(100% - 350px); width: calc(100% - 350px); }
  .hero-links { width: 350px; }
  .hero-slide-page { position: absolute; font-size: 16px; bottom: 6px; top: auto; left: 140px; padding: 5px 24px 5px 0; }
  .hero-slide-page::after { height: 12px; top: -moz-calc(50% - 6px); top: calc(50% - 6px); width: 12px; }
  .hero-slide video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
  .hero .slick-list { height: 100%; }
  .hero .slick-list .slick-track { height: 100%; } }

@media screen and (min-width: 768px) { .hero-sub .hero-content { padding-bottom: 0; margin-bottom: -3px; } }

@media screen and (min-width: 64em) { .hero-sub .hero-content { padding-bottom: 10px; margin-bottom: 0; } }

@media screen and (device-width: 64em) { .hero-slide-page { left: 20px; } }

@media screen and (min-width: 90em) { .hero { width: -moz-calc(100% + 80px); width: calc(100% + 80px); margin-left: -80px; }
  .hero-content { width: -moz-calc(100% - 400px); width: calc(100% - 400px); }
  .hero-links { width: 400px; } }

.clearfix::after { content: ''; clear: both; display: table; }

.textimage-button a { display: inline-block; -webkit-border-radius: 25px; border-radius: 25px; position: relative; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.textimage-button a::after { content: ''; position: absolute; top: -moz-calc(50% - 6px); top: calc(50% - 6px); right: 15px; width: 10px; height: 10px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (device-width: 64em) { .textimage-wrapper.content-reverse .textimage-block-content { padding-right: 20px; padding-left: 0; }
  .textimage-wrapper .textimage-block-content { padding-left: 20px; } }

@media screen and (min-width: 64em) { .textimage-wrapper.content-reverse .textimage-inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; flex-direction: row-reverse; }
  .textimage-wrapper.content-reverse .textimage-block-image { text-align: right; }
  .textimage-wrapper .textimage-block-image { text-align: left; }
  .textimage-wrapper .textimage-block-image img { display: inline-block; }
  .textimage-inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .textimage-block-content { width: 50%; }
  .textimage-block-image { width: 50%; } }

.csw { padding-left: 10px; }

.csw .csw-ttl { position: relative; z-index: 2; }

.csw-wrapper-header { position: relative; }

.csw-nav { position: absolute; right: 0; bottom: 0; z-index: 10; min-height: 50px; width: 100px; }

.csw .slick-arrow { position: absolute; width: 18px; height: 31px; z-index: 5; background-position: center; background-repeat: no-repeat; top: auto; bottom: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.csw .slick-arrow::before { display: none; }

.csw .slick-arrow.slick-prev { background-image: url("assets/img/arrow-left.svg"); background-position: left center; left: 20px; }

.csw .slick-arrow.slick-next { background-image: url("assets/img/arrow-right.svg"); background-position: right center; right: 20px; }

.csw-slider { display: inline-block; white-space: nowrap; }

.csw-slide { display: inline-block; vertical-align: top; white-space: normal; }

.csw-slide .slide-img { overflow: hidden; position: relative; max-width: -moz-calc(100vw - 100px); max-width: calc(100vw - 100px); background-position: center; background-repeat: no-repeat; background-size: cover; height: 215px; max-height: 412px; }

.csw-slide .slide-img img { opacity: 0; display: none; width: 100%; -o-object-fit: contain; object-fit: contain; height: auto; }

.csw-slide .slide-img .slide-hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); background-color: currentColor; }

.csw-slide .slide-img .slide-hover-btn { position: absolute; }

.csw-slide .slide-img .slide-hover-btn a { display: inline-block; -webkit-border-radius: 25px; border-radius: 25px; position: relative; }

.csw-slide .slide-img .slide-hover-btn a::after { content: ''; position: absolute; top: -moz-calc(50% - 4px); top: calc(50% - 4px); right: 10px; width: 7px; height: 7px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.csw-slide .slide-img.has-link:hover .slide-hover { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.csw-slide .slide-img.has-link:hover ~ .slide-ttl { opacity: 0; }

.csw-slide .slide-ttl { -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

@media screen and (min-width: 40em) { .csw-nav { bottom: 10px; }
  .csw-slide .slide-img { height: 375px; }
  .csw-slide .slide-img img { opacity: 0; }
  .csw-slide .slide-img .slide-hover-btn a::after { top: -moz-calc(50% - 6px); top: calc(50% - 6px); right: 15px; width: 10px; height: 10px; } }

@media screen and (min-width: 64em) { .csw { width: -moz-calc(100% + 80px); width: calc(100% + 80px); margin-right: -80px; }
  .csw-wrapper-header { margin-right: 80px; }
  .csw-slide .slide-img { height: 412px; min-width: 515px; }
  .csw .slick-slider .slick-arrow { width: 22px; height: 22px; }
  .csw .slick-slider .slick-arrow::before, .csw .slick-slider .slick-arrow::after { border-width: 4px; }
  .csw .slick-slider .slick-arrow.slick-prev { right: 9.33%; }
  .csw .slick-slider .slick-arrow.slick-next { right: 7.33%; } }

@media screen and (min-width: 1366px) { .csw-nav { bottom: 15px; }
  .csw-wrapper-header { margin-right: 100px; } }

.tsw { text-align: center; overflow: hidden; }

.tsw-slider { padding: 0 30px 5px; white-space: nowrap; }

.tsw-slide { display: inline-block; white-space: normal; }

.tsw .slide-media { position: relative; text-align: center; }

.tsw .slide-media::after { position: absolute; content: attr(data-num); z-index: 2; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.tsw .slide-video, .tsw .slide-image { position: relative; width: 100%; max-width: 540px; margin: 0 auto; }

.tsw .slide-video.is-youtube { position: relative; }

.tsw .slide-video.is-youtube::before { display: block; content: ''; width: 100%; padding-top: 56.25%; }

.tsw .slide-video.is-youtube > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.tsw .slide-video iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }

.tsw .slick-dotted.slick-slider .slick-arrow { position: absolute; width: 15px; height: 15px; top: auto; bottom: 17%; left: auto; z-index: 5; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.tsw .slick-dotted.slick-slider .slick-arrow::before { display: none; }

.tsw .slick-dotted.slick-slider .slick-arrow::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-top: 3px solid currentColor; border-right: 3px solid currentColor; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; }

.tsw .slick-dotted.slick-slider .slick-arrow.slick-prev { left: 5px; }

.tsw .slick-dotted.slick-slider .slick-arrow.slick-prev::after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.tsw .slick-dotted.slick-slider .slick-arrow.slick-next { right: 5px; }

.tsw .slick-dotted.slick-slider .slick-arrow.slick-next::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.tsw .slick-dotted.slick-slider .slick-dots { left: 0; }

.tsw .slick-dotted.slick-slider .slick-dots li { width: 7px; height: 7px; margin: 0 5px; }

.tsw .slick-dotted.slick-slider .slick-dots li button { font-size: 0; background-color: #000; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin: 0; padding: 0; }

.tsw .slick-dotted.slick-slider .slick-dots li.slick-active button { background-color: currentColor; }

@media screen and (min-width: 64em) { .tsw { text-align: center; }
  .tsw-slider { padding: 0 170px 93px; }
  .tsw .slick-dotted.slick-slider .slick-arrow { width: 23px; height: 23px; bottom: 20%; }
  .tsw .slick-dotted.slick-slider .slick-arrow::after { border-top-width: 4px; border-right-width: 4px; }
  .tsw .slick-dotted.slick-slider .slick-arrow.slick-prev:hover::after { left: 5px; }
  .tsw .slick-dotted.slick-slider .slick-arrow.slick-next:hover::after { left: -5px; }
  .tsw .slick-dotted.slick-slider .slick-dots { left: 0; }
  .tsw .slick-dotted.slick-slider .slick-dots li { width: 10px; height: 10px; margin: 0 8px; }
  .tsw .slick-dotted.slick-slider .slick-dots li button { width: 10px; height: 10px; } }

.team-widget { position: relative; }

.team-widget::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; background-color: currentColor; z-index: 1; }

.team-widget .box-info { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; -o-transition: opacity 0.5s, -o-transform 0.5s; -moz-transition: opacity 0.5s, transform 0.5s, -moz-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); z-index: 2; }

.team-widget:hover::before { opacity: 1; }

.team-widget:hover .box-info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

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