/* eb-flipbox-d4sm1va Starts */ .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-items-container { align-items: center; } .eb-flipbox-align-center .eb-flipper { margin-right: auto !important; margin-left: auto !important; } .eb-flipbox-align-right .eb-flipper { margin-left: auto !important; } .eb-flipbox-container.eb-flipbox-d4sm1va{ padding: 0px; width: 100%; overflow: hidden; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-back-title { font-size: 24px; line-height: 1.2em; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-front-title { padding-top: 100px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-back-content { font-size: 15px; width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-back-content { padding: 20px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipper { transition: 0.6s; min-height:220px; max-width:600px; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipper .eb-flipbox-front { background-image: url("https://kphsynergy.com.my/wp-content/uploads/project-exec.jpg"); background-size: cover; background-position: center center; z-index: 2; position: relative; background-color: #7967ff; min-height:220px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipper .eb-flipbox-front:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-color: rgba(90,88,88,1); opacity: 0.5; mix-blend-mode: multiply; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipper .eb-flipbox-back { background-image: linear-gradient(180deg, rgba(196,132,77,1) 0% , rgba(181,106,41,1) 100%); z-index: 2; position: relative; background-color: rgba(242,173,26,1); min-height:220px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: default; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipper .eb-flipbox-back:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-image: url("https://kphsynergy.com.my/wp-content/uploads/project-exec.jpg"); opacity: 0.15; mix-blend-mode: overlay; background-size: cover; background-position: center center; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; } .wp-admin .eb-parent-eb-flipbox-d4sm1va { display: block; opacity: 1; } .eb-parent-eb-flipbox-d4sm1va { display: block; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipper .eb-flipbox-front { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-d4sm1va .eb-flipper .eb-flipbox-back:before{ background-attachment: scroll; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-d4sm1va { display: block; opacity: 1; } .eb-parent-eb-flipbox-d4sm1va { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-d4sm1va { display: block; opacity: 1; } .eb-parent-eb-flipbox-d4sm1va { display: block; } }/* =eb-flipbox-d4sm1va= Ends *//* eb-flipbox-uzzcdop Starts */ .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-items-container { align-items: center; } .eb-flipbox-align-center .eb-flipper { margin-right: auto !important; margin-left: auto !important; } .eb-flipbox-align-right .eb-flipper { margin-left: auto !important; } .eb-flipbox-container.eb-flipbox-uzzcdop{ padding: 0px; width: 100%; overflow: hidden; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-back-title { font-size: 24px; line-height: 1.2em; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-front-title { padding-top: 100px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-back-content { font-size: 15px; width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-back-content { padding: 20px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipper { transition: 0.6s; min-height:220px; max-width:600px; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipper .eb-flipbox-front { background-image: url("https://kphsynergy.com.my/wp-content/uploads/airport-terminal.jpg"); background-size: cover; background-position: center center; z-index: 2; position: relative; background-color: #7967ff; min-height:220px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipper .eb-flipbox-front:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-color: rgba(90,88,88,1); opacity: 0.5; mix-blend-mode: multiply; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipper .eb-flipbox-back { background-image: linear-gradient(180deg, rgba(196,132,77,1) 0% , rgba(181,106,41,1) 100%); z-index: 2; position: relative; background-color: rgba(242,173,26,1); min-height:220px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: default; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipper .eb-flipbox-back:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-image: url("https://kphsynergy.com.my/wp-content/uploads/airport-terminal.jpg"); opacity: 0.15; mix-blend-mode: overlay; background-size: cover; background-position: center center; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; } .wp-admin .eb-parent-eb-flipbox-uzzcdop { display: block; opacity: 1; } .eb-parent-eb-flipbox-uzzcdop { display: block; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipper .eb-flipbox-front { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-uzzcdop .eb-flipper .eb-flipbox-back:before{ background-attachment: scroll; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-uzzcdop { display: block; opacity: 1; } .eb-parent-eb-flipbox-uzzcdop { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-uzzcdop { display: block; opacity: 1; } .eb-parent-eb-flipbox-uzzcdop { display: block; } }/* =eb-flipbox-uzzcdop= Ends *//* eb-flipbox-ttdutll Starts */ .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-items-container { align-items: center; } .eb-flipbox-align-center .eb-flipper { margin-right: auto !important; margin-left: auto !important; } .eb-flipbox-align-right .eb-flipper { margin-left: auto !important; } .eb-flipbox-container.eb-flipbox-ttdutll{ padding: 0px; width: 100%; overflow: hidden; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-back-title { font-size: 24px; line-height: 1.2em; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-front-title { padding-top: 100px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-back-content { font-size: 15px; width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-back-content { padding: 20px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipper { transition: 0.6s; min-height:220px; max-width:600px; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipper .eb-flipbox-front { background-image: url("https://kphsynergy.com.my/wp-content/uploads/klia-aerial.jpg"); background-size: cover; background-position: center center; z-index: 2; position: relative; background-color: #7967ff; min-height:220px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipper .eb-flipbox-front:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-color: rgba(90,88,88,1); opacity: 0.5; mix-blend-mode: multiply; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipper .eb-flipbox-back { background-image: linear-gradient(180deg, rgba(196,132,77,1) 0% , rgba(181,106,41,1) 100%); z-index: 2; position: relative; background-color: rgba(242,173,26,1); min-height:220px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: default; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipper .eb-flipbox-back:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-image: url("https://kphsynergy.com.my/wp-content/uploads/klia-aerial.jpg"); opacity: 0.15; mix-blend-mode: overlay; background-size: cover; background-position: center center; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; } .wp-admin .eb-parent-eb-flipbox-ttdutll { display: block; opacity: 1; } .eb-parent-eb-flipbox-ttdutll { display: block; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipper .eb-flipbox-front { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-ttdutll .eb-flipper .eb-flipbox-back:before{ background-attachment: scroll; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-ttdutll { display: block; opacity: 1; } .eb-parent-eb-flipbox-ttdutll { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-ttdutll { display: block; opacity: 1; } .eb-parent-eb-flipbox-ttdutll { display: block; } }/* =eb-flipbox-ttdutll= Ends *//* eb-flipbox-ft0jbvn Starts */ .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-items-container { align-items: center; } .eb-flipbox-align-center .eb-flipper { margin-right: auto !important; margin-left: auto !important; } .eb-flipbox-align-right .eb-flipper { margin-left: auto !important; } .eb-flipbox-container.eb-flipbox-ft0jbvn{ padding: 0px; width: 100%; overflow: hidden; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-back-title { font-size: 24px; line-height: 1.2em; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-front-title { padding-top: 100px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-back-content { font-size: 15px; width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-back-content { padding: 20px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipper { transition: 0.6s; min-height:220px; max-width:600px; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipper .eb-flipbox-front { background-image: url("https://kphsynergy.com.my/wp-content/uploads/aeroplane-parked.jpg"); background-size: cover; background-position: center center; z-index: 2; position: relative; background-color: #7967ff; min-height:220px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipper .eb-flipbox-front:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-color: rgba(90,88,88,1); opacity: 0.5; mix-blend-mode: multiply; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipper .eb-flipbox-back { background-image: linear-gradient(180deg, rgba(196,132,77,1) 0% , rgba(181,106,41,1) 100%); z-index: 2; position: relative; background-color: rgba(242,173,26,1); min-height:220px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: default; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipper .eb-flipbox-back:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-image: url("https://kphsynergy.com.my/wp-content/uploads/project-exec.jpg"); opacity: 0.15; mix-blend-mode: overlay; background-size: cover; background-position: center center; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; } .wp-admin .eb-parent-eb-flipbox-ft0jbvn { display: block; opacity: 1; } .eb-parent-eb-flipbox-ft0jbvn { display: block; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipper .eb-flipbox-front { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-ft0jbvn .eb-flipper .eb-flipbox-back:before{ background-attachment: scroll; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-ft0jbvn { display: block; opacity: 1; } .eb-parent-eb-flipbox-ft0jbvn { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-ft0jbvn { display: block; opacity: 1; } .eb-parent-eb-flipbox-ft0jbvn { display: block; } }/* =eb-flipbox-ft0jbvn= Ends *//* eb-flipbox-std2erf Starts */ .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-items-container { align-items: center; } .eb-flipbox-align-center .eb-flipper { margin-right: auto !important; margin-left: auto !important; } .eb-flipbox-align-right .eb-flipper { margin-left: auto !important; } .eb-flipbox-container.eb-flipbox-std2erf{ padding: 0px; width: 100%; overflow: hidden; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-back-title { font-size: 24px; line-height: 1.2em; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-front-title { padding-top: 100px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-back-content { font-size: 15px; width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-back-content { padding: 10px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipper { transition: 0.6s; min-height:220px; max-width:600px; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipper .eb-flipbox-front { background-image: url("https://kphsynergy.com.my/wp-content/uploads/safety-helmet-manage-control.jpg"); background-size: cover; background-position: center center; z-index: 2; position: relative; background-color: #7967ff; min-height:220px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipper .eb-flipbox-front:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-color: rgba(90,88,88,1); opacity: 0.55; mix-blend-mode: multiply; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipper .eb-flipbox-back { background-image: linear-gradient(180deg, rgba(196,132,77,1) 0% , rgba(181,106,41,1) 100%); z-index: 2; position: relative; background-color: rgba(242,173,26,1); min-height:220px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: default; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipper .eb-flipbox-back:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-image: url("https://kphsynergy.com.my/wp-content/uploads/safety-helmet-manage-control.jpg"); opacity: 0.15; mix-blend-mode: overlay; background-size: cover; background-position: center center; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-std2erf .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; } .wp-admin .eb-parent-eb-flipbox-std2erf { display: block; opacity: 1; } .eb-parent-eb-flipbox-std2erf { display: block; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-std2erf .eb-flipper .eb-flipbox-front { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-std2erf .eb-flipper .eb-flipbox-back:before{ background-attachment: scroll; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-std2erf { display: block; opacity: 1; } .eb-parent-eb-flipbox-std2erf { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-std2erf { display: block; opacity: 1; } .eb-parent-eb-flipbox-std2erf { display: block; } }/* =eb-flipbox-std2erf= Ends *//* eb-flipbox-ezihsfl Starts */ .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-items-container { align-items: center; } .eb-flipbox-align-center .eb-flipper { margin-right: auto !important; margin-left: auto !important; } .eb-flipbox-align-right .eb-flipper { margin-left: auto !important; } .eb-flipbox-container.eb-flipbox-ezihsfl{ padding: 0px; width: 100%; overflow: hidden; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-back-title { font-size: 24px; line-height: 1.2em; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-front-title { padding-top: 100px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-back-content { font-size: 15px; width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-back-content { padding: 10px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipper { transition: 0.6s; min-height:220px; max-width:600px; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipper .eb-flipbox-front { background-image: url("https://kphsynergy.com.my/wp-content/uploads/forensic4.jpg"); background-size: cover; background-position: center center; z-index: 2; position: relative; background-color: #7967ff; min-height:220px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipper .eb-flipbox-front:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-color: rgba(90,88,88,1); opacity: 0.55; mix-blend-mode: multiply; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipper .eb-flipbox-back { background-image: linear-gradient(180deg, rgba(196,132,77,1) 0% , rgba(181,106,41,1) 100%); z-index: 2; position: relative; background-color: rgba(242,173,26,1); min-height:220px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: default; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipper .eb-flipbox-back:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-image: url("https://kphsynergy.com.my/wp-content/uploads/forensic4.jpg"); opacity: 0.15; mix-blend-mode: overlay; background-size: cover; background-position: center center; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; } .wp-admin .eb-parent-eb-flipbox-ezihsfl { display: block; opacity: 1; } .eb-parent-eb-flipbox-ezihsfl { display: block; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipper .eb-flipbox-front { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-ezihsfl .eb-flipper .eb-flipbox-back:before{ background-attachment: scroll; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-ezihsfl { display: block; opacity: 1; } .eb-parent-eb-flipbox-ezihsfl { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-ezihsfl { display: block; opacity: 1; } .eb-parent-eb-flipbox-ezihsfl { display: block; } }/* =eb-flipbox-ezihsfl= Ends *//* eb-flipbox-n40qz9k Starts */ .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-items-container { align-items: center; } .eb-flipbox-align-center .eb-flipper { margin-right: auto !important; margin-left: auto !important; } .eb-flipbox-align-right .eb-flipper { margin-left: auto !important; } .eb-flipbox-container.eb-flipbox-n40qz9k{ padding: 0px; width: 100%; overflow: hidden; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-back-title { font-size: 24px; line-height: 1.2em; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-front-title { padding-top: 100px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-back-content { font-size: 15px; width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-back-content { padding: 10px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipper { transition: 0.6s; min-height:220px; max-width:600px; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipper .eb-flipbox-front { background-image: url("https://kphsynergy.com.my/wp-content/uploads/formwork1.jpg"); background-size: cover; background-position: center center; z-index: 2; position: relative; background-color: #7967ff; min-height:220px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipper .eb-flipbox-front:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-color: rgba(90,88,88,1); opacity: 0.5; mix-blend-mode: multiply; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipper .eb-flipbox-back { background-image: linear-gradient(180deg, rgba(196,132,77,1) 0% , rgba(181,106,41,1) 100%); z-index: 2; position: relative; background-color: rgba(242,173,26,1); min-height:220px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: default; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipper .eb-flipbox-back:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 0; background-image: url("https://kphsynergy.com.my/wp-content/uploads/formwork1.jpg"); opacity: 0.15; mix-blend-mode: overlay; background-size: cover; background-position: center center; transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; } .wp-admin .eb-parent-eb-flipbox-n40qz9k { display: block; opacity: 1; } .eb-parent-eb-flipbox-n40qz9k { display: block; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipper .eb-flipbox-front { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-n40qz9k .eb-flipper .eb-flipbox-back:before{ background-attachment: scroll; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-n40qz9k { display: block; opacity: 1; } .eb-parent-eb-flipbox-n40qz9k { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-n40qz9k { display: block; opacity: 1; } .eb-parent-eb-flipbox-n40qz9k { display: block; } }/* =eb-flipbox-n40qz9k= Ends */