/* Theme Name: Marcum LLP - Marcum Asia Theme Template: marcum Author: Antenna | Digital Author URI: https://www.antennagroup.com Description: Custom theme designed and built for Marcum LLP Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /******************************************************************************** --- Header --- *********************************************************************************/ @media only screen and (min-width: 1025px) { .drawer { display: flex; justify-content: end; gap: 30px; } .drawer nav.menu { width: auto; position: relative; } .drawer .menu > ul { float: none; width: 100%; margin: 0; } .drawer .utility-links { position: relative; } .menu > ul {float: right; margin-left: 0; margin-right: 0.9375rem; width:76%;} .menu > ul > li > a {margin: 0 1.2vw;} .menu > ul > li:last-child > a {margin-right: 0;} } .top-bar__arrow a::before {content: "\e920"; font-family: 'CD-Project-Icons'; position: relative; top: 1px; margin-right: 0.4615em;} @media only screen and (min-width: 1025px) { .logo {top:35px; width: 275px; } } @media only screen and (min-width: 1200px) { .logo {left:1.875rem;} } @media only screen and (min-width: 1366px) { .logo {left:0.9375rem;} } @media only screen and (max-width: 1024px) { .logo {width: 108px; top: 6px;} .header__cta-mobile__events { position: absolute; top: 0; right: 4.375em; height: 54px; line-height: 54px; z-index: 32423423; } .header__cta-mobile__events .button { font-size: 0.75em; display: inline-block; padding-right: 1.25em; padding-left: 1.25em; vertical-align: middle; width: auto; margin-bottom: 0; } .utility-links { display: none; } } @media only screen and (min-width: 1025px) { .sticky-header .logo {max-width: 250px; top: 25px;} .header__cta-mobile__events { display: none; } } /******************************************************************************** --- Horizontal Scroll Menu --- *********************************************************************************/ .sub-header {background: #f4f8f8; border-bottom: 1px solid rgba(226, 226, 236, 0.75);;} .sub-header__container {max-width: 1350px; margin-right: auto; margin-left: auto; } .sub-nav {overflow-x: auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;} .sub-nav ul {width: 100%; list-style: none; margin: 0; padding: 0; text-align: center;} .sub-nav li {display: inline-block; padding:1.25em 2.75em; } .sub-nav a {font-size: 1em; display: block; font-weight: 700; color: #565e68; position: relative;} .sub-nav a::after {content: ""; display: block; position: absolute; bottom: -1.4375em; left: 0; width: 100%; height: 0.25em; background: #00a0af; opacity: 0; transition: opacity 250ms ease} .sub-nav a:hover {color: #00a0af;} .sub-nav li.selected a {color: #00a0af;} .sub-nav li.selected a::after {opacity: 1;} .sticky-header--down .sub-header {position: fixed; top: 80px; left: 0; right: 0; width: 100%; z-index: 99;} @media only screen and (min-width: 1200px) { .sub-nav--centered ul {justify-content:space-around} } @media only screen and (max-width: 1024px) { .sticky-header--down .sub-header {top: 54px;} } .sticky-header--down .sub-header{opacity: 0; -webkit-animation-name:stickyFilterDown;animation-name:stickyFilterDown;-webkit-animation-duration:150ms;animation-duration:150ms; -webkit-animation-delay: 250ms; animation-delay: 250ms; -webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} @-webkit-keyframes stickyFilterDown{from{opacity:0}to{opacity:1}}@keyframes stickyFilterDown{from{opacity:0}to{opacity:1}} /******************************************************************************** --- Scroll Panel --- *********************************************************************************/ .scroll-panel {} /******************************************************************************** --- Page Header --- *********************************************************************************/ .page-header__logo {margin-bottom: 1.25em;} .page-header__logo img {max-width: 18.75em;} .page-header--events .page-header__headline {font-size: 2.8125em; margin-bottom: 0.4444em} .page-header__meta {margin-bottom: 1.875em;} .page-header__meta li {font-size: 1em; margin: 0 1.5em 1em 0; position: relative; padding-left: 1.5625em;} .page-header__meta li span[class^="icon-"] {position: absolute; top: 0.25em; left: 0; color: #00a0af} .page-header__meta li.page-header__meta--addr {display: block;} .page-header__actions .addeventatc {font-size: 1rem; font-family: 'Roboto',sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; line-height: 1; border: none; border-radius: 3px; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 1em 1.875em; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #fff!important; background: #00a0af; text-shadow: none; box-shadow: none!important; outline: none;} .page-header__actions .addeventatc > span:not(.icon-calendar) {display: none;} .page-header__actions .addeventatc .addeventatc_icon {display: none;} .page-header__actions .addeventatc:hover {font-size: 1rem; color: #ffffff; background-color: #565e68;} .page-header__actions .addeventatc:active {border: none;} @media only screen and (max-width: 479px) { .page-header--events .page-header__headline {font-size: 1.9375em;} .page-header__logo img {max-width: 50%;} } @media only screen and (max-width: 375px) { .page-header__actions .addeventatc {display: block; width: 100%;} } /******************************************************************************** --- Two Column Layout --- *********************************************************************************/ @media only screen and (min-width: 1025px) { .page-body--events .page-body__left {width: 24%;} .page-body--events .page-body__right {width: 72%;} } @media only screen and (min-width: 1350px) { .page-body--events .card__title {font-size: 1.125em;} .page-body--events .card__image-label {font-size: 0.6875em} .page-body--events .card__action-center {font-size: 0.75em;} } /******************************************************************************** --- Schedule --- *********************************************************************************/ .step-list {margin-top: 2.5rem;} .step-list__item {position: relative; padding-bottom: 2.688rem; padding-left: 2.5rem;} .step-list__body {position: relative; top: -1.05rem;} .step-list__item:not(:last-child)::before {content: ''; display: block; position: absolute; top: 1rem; left: 0.375rem; width: 1px; border-right: 1px solid #007a87; height: 100%;} .step-list__circle {display: block; position: absolute; bottom: 0; left: 0; top: 3px; width: 0.9rem; height: 0.9rem; border-radius: 0.9rem; background-color: #007a87;} .step-list__time {font-size: 2.25rem; color: #007a87;} .step-list__detail {font-style: italic; font-size: 1.5rem; margin-left: 0.5rem;} /******************************************************************************** --- Sponsors --- *********************************************************************************/ .sponsor-levels {padding-top: 3.75em; border-top: 1px solid rgba(226, 226, 236, 0.75);} .sponsor-levels .post-card-small__image img {display: block; width: 100%;} @media only screen and (max-width: 479px) { .sponsor-levels .post-card-small {display: block;} .sponsor-levels .post-card-small__image {width: 100%; text-align: center; margin-bottom: 1.25em} .sponsor-levels .post-card-small__image img {display: inline-block; width: auto; max-width: 65%;} .sponsor-levels .post-card-small__body-wrapper {display: block; width: 100%;} } /******************************************************************************** --- Speakers --- *********************************************************************************/ .speakers {padding-top: 3.75em; border-top: 1px solid rgba(226, 226, 236, 0.75);} .speakers .post-card-small__image img {display: block; width: 100%;} @media only screen and (max-width: 479px) { .speakers .post-card-small {display: block;} .speakers .post-card-small__image {width: 100%; text-align: center; margin-bottom: 1.25em} .speakers .post-card-small__image img {display: inline-block; width: auto; max-width: 65%;} .speakers .post-card-small__body-wrapper {display: block; width: 100%;} } /******************************************************************************** --- Footer --- *********************************************************************************/ .footer__list ul {list-style: none; margin: 0; padding: 0;} .footer__list li {font-size: 0.875em; line-height: 1.4; display: block;} .footer__list li a {color: #00a0af} .footer__list li a:hover {color: #a6acb3;} @media only screen and (min-width: 960px) { .footer--events .footer__middle-col--2 {width: 38%;} } /******************************************************************************** --- CTA Bar --- *********************************************************************************/ .events-cta-bar{font-size:16px;position:fixed;bottom:0;left:0;right:0;width:100%; z-index: 100; background: #212936; -webkit-transform:translate3d(0,6.000em,0);transform:translate3d(0,6.000em,0);-webkit-transition:-webkit-transform 350ms ease-in-out;transition:-webkit-transform 350ms ease-in-out;transition:transform 350ms ease-in-out;transition:transform 350ms ease-in-out,-webkit-transform 350ms ease-in-out;box-shadow:0px 0px 50px 0px rgba(7,18,22,0.05);} .events-cta-bar.active {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .events-cta-bar__container {width:100%; max-width:60em; margin:0 auto; padding:0 0.9375em;} .events-cta-bar__inner {height:5.000em; line-height:5.000em; text-align:center; } .events-cta-bar__label {font-size:1.3125em; color:#fff; display:inline-block; margin-right:1.1905em; padding-right: 1.1905em; line-height:1.2; position: relative;} .events-cta-bar__label:after {content: ""; display: block; position: absolute; top: -0.3333em; right:0; width: 1px; height: 2.0952em; background: rgba(255,255,255,0.15);} .events-cta-bar__inner a {font-size:0.875em; font-weight: 500; display:inline-block; margin:0 0.533em; line-height:1.2; padding:1em 1.25em; text-transform: uppercase; background: #00a0af; border-radius: 3px; color: #fff; transition: background-color 250ms ease;} .events-cta-bar__inner a:hover, .events-cta-bar__inner a.disabled {color: #fff; background-color:#565e68;} .events-cta-bar__inner a.disabled {cursor: default;} .events-cta-bar__inner a span {margin-right: 0.250em; position: relative; transition: all 250ms ease;} .events-cta-bar__inner a:hover span {color: #fff;} .events-cta-bar__mobile-toggle {display:none;} @media only screen and (max-width: 1199px) { .events-cta-bar {font-size:15px;} } @media only screen and (max-width: 959px) { .events-cta-bar {font-size:14px;} } @media only screen and (max-width: 800px) { .events-cta-bar {font-size:13px;} } @media only screen and (max-width: 700px) { .events-cta-bar__label {font-size:1.125em; margin-right:0.500em;} .events-cta-bar__inner a {margin-right:0.333em; margin-left:0.333em; padding-right:1.250em; padding-left:1.250em;} } @media only screen and (max-width: 639px) { .events-cta-bar {padding-bottom:0.714em; width: 11.765em; left:inherit; transition:width 150ms ease; background: none;} .events-cta-bar__container {padding-right:0.500em; padding-left:0.500em;} .events-cta-bar__label {display:none;} .events-cta-bar__inner {visibility:hidden; opacity:0; height:0; line-height:1.2; border:none; transition:opacity 200ms 150ms ease; background:#212936;} .events-cta-bar__inner a {font-size:1.000em; display:block; margin:0.7692em 0;} .events-cta-bar__mobile-toggle {font-size:1.125em; display:block; height:2.857em; line-height:2.857em; background:#212936; text-align:center; box-shadow: 0px 0px 1.333em 0px rgba(6, 30, 49,0.35); color:#fff; position:relative; padding-right:2.857em; width:100%; margin:0 0 0 auto; transition:all 250ms ease;} .events-cta-bar__mobile-toggle span {position:absolute; top:0; right:0; width:2.857em; height:100%; line-height:2.857em; font-size:1.000em; background:#00a0af; text-align:center; transition:background 250ms ease;} .events-cta-bar__mobile-toggle span.icon-arrow-right:before {display:inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition:-webkit-transform 250ms ease; transition:transform 250ms ease;} .active--mobile {width:100%;} .active--mobile .events-cta-bar__inner {visibility:visible; opacity:1; height:auto; padding:6px 12px; } .active--mobile .events-cta-bar__mobile-toggle {width:100%;} .active--mobile .events-cta-bar__mobile-toggle span.icon-arrow-right:before {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)} } @media only screen and (max-width: 479px) { .events-cta-bar {font-size:13px;} } @media only screen and (max-width: 375px) { .events-cta-bar {font-size:12px;} } .gform_body ul { display: contents; list-style: none; } @media only screen and (max-width: 1024px) { .utility-links__cta { display: block !important; margin-top: 2em; } } .panel { border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 1.25rem; padding: 1.25rem; background: #f2f2f2; color: #333333; /* Typography */ @font-face { font-family: 'RobotoRegular'; src: url('../fonts/RobotoRegular.eot'); src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'), url('../fonts/RobotoRegular.woff2') format('woff2'), url('../fonts/RobotoRegular.woff') format('woff'), url('../fonts/RobotoRegular.ttf') format('truetype'), url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg'); } @font-face { font-family: 'RobotoMedium'; src: url('../fonts/RobotoMedium.eot'); src: url('../fonts/RobotoMedium.eot') format('embedded-opentype'), url('../fonts/RobotoMedium.woff2') format('woff2'), url('../fonts/RobotoMedium.woff') format('woff'), url('../fonts/RobotoMedium.ttf') format('truetype'), url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg'); } @font-face { font-family: 'RobotoBold'; src: url('../fonts/RobotoBold.eot'); src: url('../fonts/RobotoBold.eot') format('embedded-opentype'), url('../fonts/RobotoBold.woff2') format('woff2'), url('../fonts/RobotoBold.woff') format('woff'), url('../fonts/RobotoBold.ttf') format('truetype'), url('../fonts/RobotoBold.svg#RobotoBold') format('svg'); } @font-face { font-family: 'BarlowMedium'; src: url('../fonts/BarlowMedium.eot'); src: url('../fonts/BarlowMedium.eot') format('embedded-opentype'), url('../fonts/BarlowMedium.woff2') format('woff2'), url('../fonts/BarlowMedium.woff') format('woff'), url('../fonts/BarlowMedium.ttf') format('truetype'), url('../fonts/BarlowMedium.svg#BarlowMedium') format('svg'); } @font-face { font-family: 'BarlowSemiBold'; src: url('../fonts/BarlowSemiBold.eot'); src: url('../fonts/BarlowSemiBold.eot') format('embedded-opentype'), url('../fonts/BarlowSemiBold.woff2') format('woff2'), url('../fonts/BarlowSemiBold.woff') format('woff'), url('../fonts/BarlowSemiBold.ttf') format('truetype'), url('../fonts/BarlowSemiBold.svg#BarlowSemiBold') format('svg'); } @font-face { font-family: 'BarlowBold'; src: url('../fonts/BarlowBold.eot'); src: url('../fonts/BarlowBold.eot') format('embedded-opentype'), url('../fonts/BarlowBold.woff2') format('woff2'), url('../fonts/BarlowBold.woff') format('woff'), url('../fonts/BarlowBold.ttf') format('truetype'), url('../fonts/BarlowBold.svg#BarlowBold') format('svg'); } @font-face { font-family: 'Helvetica'; src: url('../fonts/Helvetica.eot'); src: url('../fonts/Helvetica.eot') format('embedded-opentype'), url('../fonts/Helvetica.woff2') format('woff2'), url('../fonts/Helvetica.woff') format('woff'), url('../fonts/Helvetica.ttf') format('truetype'), url('../fonts/Helvetica.svg#Helvetica') format('svg'); } /* // End typography */ /* Resets ------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; } ul{list-style: none;} article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{display: block;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} table{border-collapse: collapse; border-spacing: 0;} b, strong{font-weight: bold;} [type="checkbox"], [type="radio"]{box-sizing: border-box; padding: 0;} [type="search"]{-webkit-appearance: textfield; outline-offset: -2px;} [type="search"]::-webkit-search-decoration{-webkit-appearance: none;} ::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;} .clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} a img{border:0; width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;} a,input,select,textarea{outline:none;} img{width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;} /* Selection colours (easy to forget) */ img::selection{background: transparent;} img::-moz-selection{background: transparent;} a{text-decoration: none; display: inline-block;} input[type='number']{-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;} input::-moz-focus-inner{border:0; padding: 0; } input:invalid, input:required{box-shadow: none;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration{display: none;} input:required { box-shadow:none; } input::-moz-focus-inner{box-shadow:0 0 0px transparent;} /* Default Layout ------------------------------------------------------------------------------- */ /* Font property css font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit; */ body{background: rgb(255,255,255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; font-family: 'RobotoRegular',sans-serif; font-size: 28px; color: #666; line-height: normal;} *{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;} /* Global style */ h1, h2, h3, h4, h5, h6{ font-family: 'BarlowSemiBold',sans-serif; font-weight: 600;} dfn, address, em{font-style: normal;} label, input[type="submit"]{cursor: pointer;} button:focus{outline: none;} .btn{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #FFF;font-family: 'RobotoBold',sans-serif;font-size: 30px; font-style: normal; font-weight: 700; } .mobi{display: none;} .desk{display: block;} .common-wrap{max-width: 1680px;margin: 0 auto;clear: both;padding: 0 20px;} .centerY { position: absolute; left: 0; right: 0; text-align: center; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; } /* Flex style */ .flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .flex-horizontal-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} .flex-vertical-align{-webkit-box-align: center; align-items: center;} .flex-bottom-align{-webkit-box-align: flex-end; align-items: flex-end;} .flex-content-align{-webkit-align-content: center; -moz-align-content: center; align-content: center;} .order-1{-webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;} .order-2{-webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;} .flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} /* End Flex style */ section, footer, header{float: left; width: 100%; position: relative;} body,html{height: 100%;} .main-wrap{min-height: 100%; overflow: hidden;position: relative; overflow-x: hidden;} /* Beginning header style */ .main-header-section {background: transparent;position: fixed;z-index: 1111;float: left;width: 100%;padding: 64px 0;top: 0;} .header-inner { float: left; width: 100%; display: flex; justify-content: space-between; align-items: end;} .main-logo{float: left; width:100%; height: auto; } .phone-nav{position: relative; right: 0px; top:5px; width: 24px; display: none;} .phone-nav div{float: left; width: 100%; height: 2px; background: #ffffff; margin: 3px 0;} .main-nav{float: right; width: 100%; } .main-nav .search-btn a{ position: relative; } .main-nav ul li{display: inline-block; margin: 0 14px;} .main-nav ul li:last-child, .footer-nav ul li:last-child{margin-right: -2px;} .main-nav ul li a { display: block; text-transform: uppercase; color: #ffffff; position: relative; font-size: 19px; text-transform: capitalize; line-height: 27px; font-family: 'RobotoMedium',sans-serif; font-weight: 500; } .main-nav ul li a:after, .main-nav .search-btn a::after{position: absolute; left: 0; bottom: -5px; width: 0; height: 5px; background: #fff; content: ""; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;} .main-nav > ul > li:hover > a::after,.main-nav .search-btn:hover > a::after, .main-nav > ul > li.current-menu-item > a:after{width: 100%;} .logo-wrap {display: flex;align-items: center;justify-content: flex-start;width: 545px;} .top-menu {display: flex;justify-content: flex-end;padding: 18px 0px;width: 100%;float: left;/* border: 1px solid red; */margin-bottom: 13px;} .nav-wrap { margin-left: auto;width: 100%; float: left;} .socila-link {list-style: none;display: flex;margin-right: 5px;} .socila-link img{width: 21px;} .socila-link li { border-right: 1px solid #37A9B6; padding: 0 10px;} .socila-link li:last-child{border: 0;} .socila-link li a { text-decoration: none; color: #37A9B6; font-size: 20px; line-height: 24px; text-transform: uppercase; font-family: 'Helvetica',sans-serif; font-weight: 400;} .nav-menu { display: flex; justify-content: flex-end; align-items: center;width: 100%;flex-flow: row wrap;} .nav-wrap {margin-left: auto; } .main-nav ul {list-style: none;display: flex;gap: 6.7%;padding: 0;width: 100%;justify-content: end;} .main-nav ul li {margin: 0;} .main-nav ul li a img {margin-right: 5px; width: 30px;} header.main-header-section.sticky{background-color: #212936;} header.main-header-section.sticky .header-inner{ align-items: center; } header.main-header-section.sticky .top-menu{display: none;} /* //End header style */ .hero-bg-wrap{float: left;width: 100%;height: 928px;display: flex;align-items: center;justify-content: center;} .hero-thumb{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .hero-inner {float: left;width: 100%;position: relative;z-index: 1;margin-top: 50px;} .hero-info {max-width: 1504px;margin: 0 auto;padding: 0px 0px;} .hero-info h1{text-align: right;font-size: 60px;line-height: normal;color: #fff;padding-bottom: 23px;} .counter-item { float: left; width: 22%;} .counter-wrap { width:100%; max-width: 1477px; opacity: 0.9864; background: linear-gradient(180deg, #37A9B6 100.66%, #00B9CA 26.42%); position: absolute; right: 0; bottom: 83px; padding: 32px; display: flex; gap: 6%; padding-left: 100px; align-items: start; } .counter-item span{display: block;color: #FFFFFF;text-align: center;font-family: 'BarlowSemiBold';font-size: 130px;font-style: normal;font-weight: 600;line-height: normal} .counter-item dfn {color: #FFF;text-align: center;font-family: 'BarlowBold',sans-serif;font-size: 27px;font-style: normal;font-weight: 700;line-height: 100%;display:block;} .hero-thumb img { object-fit: cover; object-position: right center; width: 100%; height: 100%; } .go-brand-wrap{ position:relative; float: left; width: 100%; padding: 63px 0 163px; } .go-brand-wrap::before{ position:absolute; top:0; left:0; content:""; width: 48.5%; height:10px; background:#0099A9; display:block; z-index:99; } .brand-text-inner { float: left; width: 100%; display: flex; justify-content: space-between; flex-flow: row wrap; /* align-items: center; */ } .left-content { float: left; width: 42.714286%; margin-top: 85px; } .left-content h2{color: #212936; font-family: 'BarlowMedium',sans-serif; font-size: 70px; font-style: normal; font-weight: 500; line-height: 78px;} .left-content p{ color: #37A9B6; padding-top: 37.76px; font-family: 'BarlowMedium',sans-serif; font-size: 50px; font-style: normal; font-weight: 500; line-height: 60px; } .right-content{width: 45.714286%;float: left;} .go-brand-wrap:after { content: ''; position: absolute; background: linear-gradient(0deg, #E2E2EC 0%, #EAEAF4 29.37%); width: 51.5%; height: 100%; right: 0px; top: 0; z-index: -1; } .right-content img.polygon-img{width: 68px;transform: translateX(-50%);} .right-content p{ color: #666; padding-top: 15px; font-size: 32px; font-style: normal; font-weight: 400; line-height: 45px; /* max-width: 401px; */ max-width: 91%; } a.btn.why-btn { display: flex; align-items: center; gap: 25px; color: #37A9B6; font-family: 'RobotoBold',sans-serif; font-size: 27px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .cta-wrap { float: left; width: 100%; padding-top: 99px; } a.btn.why-btn img{width: 50px;} .service-banner{float: left;width: 100%;height: 770px;margin-top: 5.63px;} .banner-thumb{float: left; width: 100%; position: absolute; top: 0; left: 0; height: 100%;} .banner-inner{position: relative; z-index: 1; float: left; width: 100%;} .bullet-btn{float: left;width: 100%;padding-top: 66.63px;} .btn-tablet{ width: 320px; padding: 6px 27px; color: #37A9B6; font-family: 'RobotoBold',sans-serif; border-radius: 14px; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; background-color: #fff; } .location-info {float: left;width: 100%;display: flex;/* flex-flow: row wrap; */padding-top: 215px;} .location-content {width: 34.666667%;float: left;} .location-content h2{color: #FFF;font-weight: 600;line-height: 75px; font-size: 65px;} .location-btn {width: 100%; float: left; margin-top: 40px;} .location-btn a.btn.why-btn{color: #fff;} .banner-thumb img{height: 100%; width: 100%; object-fit: cover; object-position: center;} .service-counter { width: 979px; display: flex; align-items: end; justify-content: space-between; margin-top: 150px; flex-grow: 1; } .service-item { float: left; width: 51.666667%; padding-left: 20px; border-left: 5px solid #fff; /* max-width: 548px; */ } .service-item span { color: #FFF; font-family: 'BarlowSemiBold',sans-serif; font-size: 60px; font-style: normal; font-weight: 600; line-height: 75px; } .service-item p{color: #FFF; font-family: 'BarlowSemiBold',sans-serif; font-size: 32px; font-style: normal; font-weight: 600; line-height: 42px;} .slider-wrap{float: left; width: 100%; height: 783px;} .slider-thubmb{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .slider-thubmb img{height: 100%; width: 100%; object-fit: cover; object-position: center;} .slider-inner{float: left; width: 100%; } .slider-wrap .bullet-btn {position: relative; z-index: 111;} .slider-wrap-info { width: 100%; height: 100%; display: flex; float: left; overflow: hidden; position: absolute; top: 0; left: 0; } .slide { width: 25%; border-right: 2px solid#FFF; transition: 0.3s; position: relative; background-size: cover; background-repeat: no-repeat; background-position: left; overflow:hidden; } .slide:after{content: ''; position: absolute; left: 0; height: 100%; width: 100%; top: 0; opacity: 0.7; background: #000; z-index: 1;} .slide:hover { width: 40%; } .slide:hover:after{opacity: 0.4; background: #000;} .slide .content { width: 100%; position: absolute; left: 0; bottom: 0px; box-sizing: border-box; color: white; margin: 0 auto; z-index: 11; overflow:hidden; display:flex; height:100%; padding:0 40px; transition: 0.3s; align-items:end; } .slide:hover .content{ padding: 0 120px; } .content h3 { color: #FFF; font-size: 52px; font-family: 'BarlowSemiBold', sans-serif; font-style: normal; font-weight: 600; line-height: normal; transition:0.3s; min-height: 162px; max-width:380px; } .slide .content-inner{ transition:0.3s; height:auto; display:flex; flex-direction:column; transform: translateY(67%); width: 100%; } .slide:hover .content-inner{ transform:translateY(0%); } .bio-contact-content { display: flex; flex-direction: column; overflow: hidden; flex-grow:1; overflow:hidden; } .bio-contact-content .paragraph-container{ min-height:100px; min-width:570px; } .slide:hover .bio-contact-content .paragraph-container{ min-width:0; } .bio-contact-content .learn-btn { flex-grow:1; padding-bottom:73px; margin-top:92px; } /* .slide:hover .bio-contact-content { opacity: 1; overflow: visible; max-height: 999px; max-width:999px; } */ /* .slide:hover .content { bottom: 0; transition: 0.5s; transition-delay: 0.3s } */ .learn-btn{margin-top: 70px;float: left;width: 100%;} .learn-btn a.btn.why-btn{color: #fff;} .blog-wrap{float: left; width: 100%; background-color: #EFF4F4; padding: 100px 0 114px;} .blog-inner { width: 100%; display: flex; /* flex-flow: row wrap; */ justify-content: space-between; gap: 50px; } .large-item { float: left; width: 31.5009%; border-radius: 8px; background: var(--rgb-255255255, #FFF); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.11); } .blog-content { float: left; width: 100%; padding: 42px; } .blog-content span{color: #A7A9AC; font-family: 'RobotoBold',sans-serif; font-size: 21px; font-style: normal; font-weight: 700; line-height: 42px;} .blog-content h3{color: #212936; font-family: 'BarlowMedium', sans-serif; font-size: 30px; font-style: normal; font-weight: 500; line-height: 42px;} .blog-content p{padding-top: 60px;} .read-btn { padding-bottom: 20px; border-bottom: 1px solid #DEDEE9; width: 100%; float: left; margin-top: 15px; } .read-btn a{display: flex; align-items: center; justify-content: space-between; color: #108F9D; font-family: 'RobotoBold',sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: 42px;} .read-btn img{width: 38px;} .tag-btn{float: left; width: 100%;} .tag-btn a{ border-radius: 8px; background: #37A9B6; width: auto; padding: 8px 25px; color: #F4F8F8; font-family: 'BarlowBold',sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal;} .grid-item { /* float: left; */ /* width: calc(100% - 583px); */ display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 50px; flex-grow: 1; } .blog-item { width:100%; border-radius: 8px; background: var(--rgb-255255255, #FFF); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.11); padding: 41px; } .blog-item .blog-content{padding: 0; padding-top: 33px;} .blog-item .read-btn{margin-top: 40px;} .blog-item .blog-content h3 {min-height: 84px;} .career-cta-wrap{float: left;width: 100%;height:auto;padding: 71px 0;} .career-cta-wrap .btn-tablet{ width:272px; } .cta-banner{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .cta-banner img{width: 100%; float: left; object-fit: cover; object-position: center; height: 100%;} .career-inner {float: left; width: 100%; position: relative; z-index: 1;} .career-inner .bullet-btn{ padding-top: 0 !important; } .career-inner .btn-tablet{background-color: #0D97A6; color: #fff;} .banner-text { max-width: 1068px; float: left; margin-top: 115px; } .banner-text h2{color: #37A9B6; font-family: 'BarlowBold',sans-serif; font-size: 65px; font-style: normal; font-weight: 600; line-height: 75px;} .banner-text p{color: #2D3A4B; font-family: 'RobotoBold',sans-serif; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 30px;} .banner-btn{float: left; width: 100%; margin-top: 78px;} .banner-btn a{border-radius: 15px; background: var(--rgb-455875, #2D3A4B); height: 64px; line-height: 64px; width: auto; padding: 0 41px;} /* Beginning footer style */ .footer-nav-wrap {float: left; width: 100%; background-color: #0C97A6; padding: 18px 0 13px;} .footer-nav-wrap .main-nav ul { justify-content: start; } .lang-nav a {display: flex; gap: 15px; color: #FFF; align-items: center; font-family: 'RobotoRegular', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;} .footer-nav-info { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; } .lang-nav { width: 200px; float: left; } .lang-nav img{width: 31px;} .large-widget { float: left; width: 40.190476%; padding-right: 140px; } .main-footer-section{float: left;width: 100%;padding: 60px 0 0;} .footer-inner{float: left; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; } .footer-nav { float: left; width: 22.70238095238095%; } .footer-nav ul li a:hover{text-decoration: underline;} .footer-inner h4{color: #0C97A6; font-family: 'RobotoBold',sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; padding-bottom: 13px;} .footer-inner p{color: #1C1E1F; font-family: 'RobotoRegular', sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;} .address-text { float: left; width: auto; margin-top: 60px; padding-bottom: 20px; border-bottom: 2px solid #0C97A6; margin-bottom: 11px; } .address-text span{color: #1C1E1F; font-family: 'BarlowMedium', sans-serif; font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; padding-bottom: 20px; display: block;} .address-text ul li{color: #1C1E1F; font-family: 'RobotoRegular', sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: 26px;} ul.menu-list { float: left; width: 100%; } ul.menu-list li a{color: #1C1E1F; font-family: 'RobotoRegular', sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; display: block;} ul.menu-list .sub-menu li a{color: #1C1E1F; font-family: 'RobotoRegular', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;} ul.sub-menu { padding-left: 20px; } .nav-item{float: left; width: 100%;} .custom-mt{margin-top: 61px;} .menu-list li{padding-bottom: 5px; display: block;} .footer-inner span{color: #1C1E1F; font-family: 'BarlowMedium', sans-serif; font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; padding-bottom: 20px; display: block; width: 100%; float: left;} .social-icon{float: left; width: 100%; display: flex;gap: 20px; padding-top: 100px;} .social-icon img{width: 54px;} .footer-nav.small-item { width: 12.702381%; } .bottom-footer{float: left; width: 100%;border: 1px solid #707070; background: var(--rgb-334154, #212936); padding: 31px 0; margin-top: 57px;} .bottom-inner-copy { float: left; width: 100%; display: flex ; justify-content: space-between; } .copy-text p{color: #F8F8F8; font-family: 'RobotoRegular', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;} .quick-link{display: flex; gap: 30px;} .quick-link a {color: #F8F8F8; font-family: 'RobotoRegular', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;} /* //End footer style */ .feature-image {float: left; width: 100%;} .feature-image img{float: left; width: 100%;} main#primary { background-color: #b5b4b4; padding-top: 200px; } h1.entry-title { padding-bottom: 20px; } span.posted-on{padding-top:20px } .post-thumbnail { width: 100%; margin-top: 40px; float: left; } .main-nav { float: right; width: 100%; display: flex; justify-content: end; gap:3%; } .main-nav li { list-style: none; } .main-nav li a { display: block; text-transform: uppercase; color: #ffffff; position: relative; font-size: 24px; text-transform: capitalize; line-height: 32px; font-family: 'RobotoMedium', sans-serif; font-weight: 500; } .main-nav img { margin-right: 5px; width: 30px; } .footer-nav-wrap .main-nav{justify-content:flex-start} .footer-nav-info .main-nav{ margin-top:0px; } .menu li a{ color: #1C1E1F; font-family: 'RobotoRegular', sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; display: block;} .main-nav .search-btn{width: 145px;} .main-nav .search-btn a{display: flex; gap: 15px;} .address-text ul li a{ color: #1C1E1F; font-family: 'RobotoRegular', sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: 26px; } /* section.hero-bg-wrap:after { content: ''; position: absolute; background: #000; opacity: 0.2; width: 100%; height: 100%; top: 0; left: 0; } */ /* ======================================================================================================= ============================================ Responsive style ========================================== */ /* Mobile Layout: 320px and 480px and more but less than or equal to 767px. ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 320px) and (max-width: 767px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} /* Menu style */ .main-header-section{background: transparent;position: fixed;left: 0;top: 1px;margin-top: -1px;z-index: 999;padding: 48px 0;padding-bottom: 30px;} .header-inner{padding: 0; flex-flow: row wrap;} .logo-wrap{float: left; width: 100%; justify-content: space-between; position: relative; padding-top: 20px; z-index: 11;} .main-logo{width: 230px;} .phone-nav{display: flex; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; align-items: center; } .nav-wrap{background: #ffffff; box-shadow: 0 1px 10px 0px rgba(0, 0, 0, .3); display: none;} .nav-wrap{ padding: 120px 20px; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: scroll; background-color: #212936;} .main-nav ul li a:after, .main-nav .search-btn a::after{display: none; width: 0;} .main-logo img{ width: 180px; } .main-nav{ margin-top: 20px; } .main-nav ul{text-align: center; flex-direction: column; gap:10px; margin-bottom:12px;} .main-nav .search-btn{ width: 128px ; } .main-nav .search-btn a{align-items: center;} .main-nav .search-btn img{width: 25px; height: 25px;} .main-nav ul{text-align: center; flex-direction: column; } .main-nav ul li{float: left; width: 100%; margin: 0;} .main-nav ul li a{display: inline-block; color: #fff;} .nav-expand .nav-wrap{display: block; transform: translateX(0); overflow-y: scroll;} .nav-expand .phone-nav div:after, .nav-expand .phone-nav div:before {width: 30%;} .phone-nav div:after, .phone-nav div:before{content: ''; top: -8px; left: 0; position: absolute; background-color: #ffffff; width: 100%; height: 2px; transition: .5s ease-in-out} .phone-nav div:before{bottom: -7px; top: auto;} .btn-tablet { width: auto; } .top-menu { position: absolute; top: 0; justify-content: center; left: 0; } header.main-header-section.sticky .top-menu{display:block;padding: 18px 0;} /* //End menu style */ .hero-bg-wrap{flex-flow: row wrap;} .hero-info h1{text-align: center; font-size: 40px; line-height: normal;} .counter-wrap{width: 100%; right: auto; flex-flow: row wrap; padding: 40px; bottom: 0;} .counter-item {width: 100%; margin-bottom: 30px;} .counter-item span {font-size: 50px;} .hero-bg-wrap { float: left; width: 100%; height: 900px; display: flex; align-items: start; justify-content: center; padding-top: 150px; } .left-content { width: 100%; padding-bottom: 50px; } .right-content { width: 100%; margin-top: 50px; } .left-content h2 {font-size: 42px; line-height: normal;} .left-content p{font-size: 30px; line-height: normal;} .go-brand-wrap:after { width: 100%; height: 52%; top: auto; bottom: 0; } .go-brand-wrap::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 10px; background: #0099A9; display: block; z-index: 99; } .right-content img.polygon-img { width: 40px; transform: translateX(-50%); } .right-content p { font-size: 22px; line-height: normal; } a.btn.why-btn {font-size: 22px;} .cta-wrap {padding-top: 30px;} .go-brand-wrap {padding-bottom: 50px;} .location-content h2 {font-size: 42px; line-height: normal;} .location-info {padding-top: 60px;} .location-content {width: 100%;} .service-banner{height: 100%; padding-bottom: 50px;} .service-counter { width: 100%; margin-top: 20px; gap: 20px; flex-wrap:wrap; } .service-item { width: 100%; margin-bottom: 30px; } .location-info { padding-top: 100px; gap: 20px; flex-wrap: wrap; } .service-item span { font-size: 35px; font-weight: 600; line-height: 45px; } .location-content { width: 90.666667%; } .slider-wrap-info { position:relative; flex-flow: row wrap; /* padding-top: 80px; */ } .slide{width: 100%; border-right: 0; border-bottom: 2px solid #FFF;padding-bottom: 50px;} .slide .content{position: relative;bottom: 0;} .bio-contact-content{/* padding: 0 40px; */} .content h3 {font-size: 30px; padding-top: 40px;} .slide:hover{width: 100%;} .slide:hover .content h3 {padding-bottom: 40px;} .learn-btn{margin-top: 40px;} .slider-wrap{height: auto;} .blog-inner{ flex-wrap:wrap; } .large-item{width: 100%;} .large-item .blog-content{ padding: 20px; } .grid-item{width: 100%; grid-template-columns: 1fr; gap:40px;} .blog-item{width: 100%;} .blog-item { padding: 20px; } .career-cta-wrap { height: auto; padding: 50px 0; } .career-cta-wrap .bullet-btn{padding-top: 0;} .banner-text h2{font-size: 32px; line-height: normal;} .banner-text { margin-top: 40px;} .banner-text p {font-size:22px;} /* Footer style */ .lang-nav { width: 100%; display: flex; justify-content: center; } .footer-nav-info{flex-flow: row wrap; justify-content: center;} .footer-nav.small-item{width: 100%;} .large-widget { float: left; width: 100%; padding-right: 0; } .social-icon{padding-top: 30px;} .footer-nav{width: 100%; margin-top: 60px;} .bottom-inner-copy{flex-flow: row wrap; row-gap: 20px;} .copy-text p{font-size: 16px;} .footer-nav-info { margin-bottom:8px; } } /* Wide Mobile Layout: 480px. ------------------------------------------------------------ */ @media only screen and (min-width: 480px) and (max-width: 767px) { .main-nav{ margin-top: 30px; } .main-logo img{ width: 190px; } .main-nav ul{text-align: center; flex-direction: column; gap:10px; margin-bottom:12px;} .main-nav .search-btn{ width: 128px ; } .main-nav .search-btn a{align-items: center;} .main-nav .search-btn img{width: 25px; height: 25px;} .service-counter { width: 100%; margin-top: 20px; gap: 20px; flex-wrap:wrap; } .service-item { width: 100%; margin-bottom: 30px; } .location-info { padding-top: 150px; gap: 20px; flex-wrap: wrap; } .service-item span { font-size: 35px; font-weight: 600; line-height: 45px; } .location-content { width: 90.666667%; } .footer-nav-info { margin-bottom:8px; } } /* Tablet Layout: 768px. ----------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 991px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} /* Menu style */ .main-header-section{background: transparent;position: fixed;left: 0;top: 1px;margin-top: -1px;z-index: 999;padding: 55px 0;padding-bottom: 26px;} .header-inner{padding: 0; flex-flow: row wrap;} .logo-wrap{ float: left; width: 100%; justify-content: space-between; position: relative; padding-top: 0px; z-index: 11; } .main-nav ul li a:after, .main-nav .search-btn a::after{display: none; width: 0;} .main-logo{width: 230px;} .phone-nav{display: flex; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; align-items: center; } .nav-wrap{background: #ffffff; box-shadow: 0 1px 10px 0px rgba(0, 0, 0, .3); display: none;} .nav-wrap{ padding: 120px 20px; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: scroll; background-color: #212936;} .main-logo img{ width: 220px; } .main-nav{ margin-top: 50px; } .main-nav ul{text-align: center; flex-direction: column; gap:10px; margin-bottom:12px;} .main-nav .search-btn{ width: 128px ; } .main-nav .search-btn a{align-items: center;} .main-nav .search-btn img{width: 25px; height: 25px;} .main-nav ul{text-align: center; flex-direction: column; } .main-nav ul li{float: left; width: 100%; margin: 0;} .main-nav ul li a{display: inline-block; color: #fff;} .nav-expand .nav-wrap{display: block; transform: translateX(0); overflow-y: scroll;} .nav-expand .phone-nav div:after, .nav-expand .phone-nav div:before {width: 30%;} .phone-nav div:after, .phone-nav div:before{content: ''; top: -8px; left: 0; position: absolute; background-color: #ffffff; width: 100%; height: 2px; transition: .5s ease-in-out} .phone-nav div:before{bottom: -7px; top: auto;} .top-menu { position: absolute; top: 0; justify-content: center; left: 0; } header.main-header-section.sticky .top-menu{display:block;} /* //End menu style */ .hero-bg-wrap{flex-flow: row wrap;} .hero-info h1{text-align: center; font-size: 40px; line-height: normal;} .counter-wrap{width: 100%; right: auto; flex-flow: row wrap; padding: 40px; bottom: 0;} .counter-item {width: 100%; margin-bottom: 30px;} .counter-item span {font-size: 50px;} .hero-inner { margin-top: 50px; } .hero-bg-wrap { float: left; width: 100%; height: 83vh; display: flex; align-items: start; justify-content: center; padding-top: 150px; min-height: 600px; } .left-content { width: 100%; padding-bottom: 50px; } .right-content { width: 100%; margin-top: 50px; } .left-content h2 {font-size: 42px; line-height: normal;} .left-content p{font-size: 30px; line-height: normal;} .go-brand-wrap:after { width: 100%; height: 55%; top: auto; bottom: 0; } .go-brand-wrap::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 10px; background: #0099A9; display: block; z-index: 99; } .right-content img.polygon-img { width: 40px; transform: translateX(-50%); } .right-content p { font-size: 22px; line-height: normal; } a.btn.why-btn {font-size: 22px;} .cta-wrap {padding-top: 30px;} .go-brand-wrap {padding-bottom: 50px;padding-top: 0px;} .location-content h2 {font-size: 42px; line-height: normal;} .location-info {padding-top: 60px;} .location-content {width: 100%;} .service-banner{height: 100%; padding-bottom: 50px;} .service-counter { width: 100%; margin-top: 0px; gap: 20px; } .service-item { width: 100%; margin-bottom: 30px; } #bullet-btn-common-wrap{ display:none; } .location-info { padding-top: 150px; gap: 20px; flex-wrap: wrap; } .location-content { width: 70.666667%; } .slider-wrap-info { position:relative; flex-flow: row wrap; /* padding-top: 80px; */ } .slide{width: 100%; border-right: 0; border-bottom: 2px solid #FFF;padding-bottom: 50px;} .slide .content{position: relative;bottom: 0;} .bio-contact-content{padding: 0 40px;} .content h3 {font-size: 30px; padding-top: 40px;} .slide:hover{width: 100%;} .slide:hover .content h3 {padding-bottom: 40px;} .learn-btn{margin-top: 40px;} .slider-wrap{height: auto;} .large-item{width: 100%;} .blog-inner{ flex-wrap:wrap; gap:40px; } .grid-item{width: 100%;gap:30px} .blog-item{width: 100%;} .career-cta-wrap { height: auto; padding: 50px 0; } .career-cta-wrap .bullet-btn{padding-top: 0;} .banner-text h2{font-size: 42px; line-height: normal;} /* Footer style */ .lang-nav { width: 100%; display: flex; justify-content: center; } .footer-nav-info{flex-flow: row wrap; justify-content: center;} .footer-nav.small-item{width: 100%;} .large-widget { float: left; width: 100%; padding-right: 0; } .social-icon{padding-top: 30px;} .footer-nav{width: 100%; margin-top: 60px;} .footer-nav-info { margin-bottom:8px; } .bottom-inner-copy{flex-flow: row wrap; row-gap: 20px;} .copy-text p{font-size: 16px;} } /* Tablet Layout: 1024px. ----------------------------------------------------------------- */ @media only screen and (min-width: 992px) and (max-width: 1023px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} .main-nav ul li a:after, .main-nav .search-btn a::after{display: none; width: 0;} /* Menu style */ .main-header-section{background: transparent; position: fixed; left: 0; top: 1px; margin-top: -1px; z-index: 999;} .header-inner{padding: 0; flex-flow: row wrap;} .logo-wrap{float: left; width: 100%; justify-content: space-between; position: relative; padding-top: 20px; z-index: 11;} .main-logo{width: 230px;} .phone-nav{display: flex; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; align-items: center; } .main-nav{ margin-top: 50px; } .nav-wrap{background: #ffffff; box-shadow: 0 1px 10px 0px rgba(0, 0, 0, .3); display: none;} .nav-wrap{ padding: 120px 20px; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: scroll; background-color: #212936;} .main-nav ul{text-align: center;flex-direction: column;gap:10px;margin-bottom:12px;background: transparent;} .main-nav .search-btn{ width: 128px ; } .footer-nav-info { margin-bottom:8px; } .main-nav .search-btn a{align-items: center;} .main-nav .search-btn img{width: 25px; height: 25px;} .main-nav ul li{float: left; width: 100%; margin: 0;} .main-nav ul li a{display: inline-block; color: #fff;} .nav-expand .nav-wrap{display: block; transform: translateX(0); overflow-y: scroll;} .nav-expand .phone-nav div:after, .nav-expand .phone-nav div:before {width: 30%;} .phone-nav div:after, .phone-nav div:before{content: ''; top: -8px; left: 0; position: absolute; background-color: #ffffff; width: 100%; height: 2px; transition: .5s ease-in-out} .phone-nav div:before{bottom: -7px; top: auto;} .top-menu { position: absolute; top: 0; justify-content: center; left: 0; } header.main-header-section.sticky .top-menu{display:block;} /* //End menu style */ .hero-bg-wrap{flex-flow: row wrap;} .hero-info h1{text-align: center; font-size: 40px; line-height: normal;} .counter-wrap{width: 100%; right: auto; flex-flow: row wrap; padding: 40px; bottom: 0;} .counter-item {width: 100%; margin-bottom: 30px;} .counter-item span {font-size: 50px;} .hero-bg-wrap { float: left; width: 100%; height: 900px; display: flex; align-items: start; justify-content: center; padding-top: 150px; } .go-brand-wrap::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 10px; background: #0099A9; display: block; z-index: 99; } .right-content img.polygon-img { width: 45px; transform: translateX(-50%); } .left-content { width: 100%; padding-bottom: 50px; } .right-content { width: 100%; margin-top: 50px; } .left-content h2 {font-size: 42px; line-height: normal;} .left-content p{font-size: 30px; line-height: normal;} .go-brand-wrap:after { width: 100%; height: 60%; top: auto; bottom: 0; } .right-content p { font-size: 22px; line-height: normal; } a.btn.why-btn {font-size: 22px;} .cta-wrap {padding-top: 30px;} .go-brand-wrap {padding-bottom: 50px;} .location-content h2 {font-size: 42px; line-height: normal;} .location-info {padding-top: 60px;} .location-content {width: 100%;} .service-banner{height: 100%; padding-bottom: 50px;} .service-counter { width: 100%; margin-top: 00px; } .service-item { width: 100%; margin-bottom: 30px; } .location-info { padding-top: 150px; gap: 20px; flex-wrap: wrap; } .location-content { width: 70.666667%; } .slider-wrap-info { position:relative; flex-flow: row wrap; /* padding-top: 80px; */ } .slide{width: 100%; border-right: 0; border-bottom: 2px solid #FFF;padding-bottom: 50px;} .slide .content{position: relative;bottom: 0;} .bio-contact-content{/* padding: 0 40px; */} .content h3 {font-size: 30px; padding-top: 40px;} .slide:hover{width: 100%;} .slide:hover .content h3 {padding-bottom: 40px;} .learn-btn{margin-top: 40px;} .slider-wrap{height: auto;} .blog-inner{ flex-wrap:wrap; } .large-item{width: 100%;} .grid-item{width: 100%; flex-flow: row wrap;} .blog-item{width: 100%;} .career-cta-wrap { height: auto; padding: 50px 0; } .career-cta-wrap .bullet-btn{padding-top: 0;} .banner-text h2{font-size: 42px; line-height: normal;} /* Footer style */ .lang-nav { width: 100%; display: flex; justify-content: center; } .footer-nav-info{flex-flow: row wrap; justify-content: center;} .footer-nav.small-item{width: 100%;} .large-widget { float: left; width: 100%; padding-right: 0; } .social-icon{padding-top: 30px;} .footer-nav{width: 100%; margin-top: 60px;} .bottom-inner-copy{flex-flow: row wrap; row-gap: 20px;} .copy-text p{font-size: 16px;} } @media only screen and (min-width: 1025px) and (max-width: 1280px){ .hero-bg-wrap{flex-flow: row wrap; padding-top:250px; align-items: start; justify-content: center;} .hero-info h1{text-align: center; font-size: 40px; line-height: normal;} .counter-wrap{width: 100%;right: auto;/* flex-flow: row wrap; */padding: 40px;bottom: 0;} .counter-item {width: 100%;margin-bottom: 11px;} .counter-item span {font-size: 50px;} .service-banner {padding-bottom: 60px; height: auto;} .slider-wrap-info { position:relative; flex-flow: row wrap; padding-top: 80px; } .slide{width: 100%; border-right: 0; border-bottom: 2px solid #FFF;padding-bottom: 50px;} .slide .content{position: relative;bottom: 0;} .bio-contact-content{padding: 0 40px;} .content h3 {font-size: 30px; padding-top: 40px;} .slide:hover{width: 100%;} .slide:hover .content h3 {padding-bottom: 40px;} .learn-btn{margin-top: 40px;} .slider-wrap{height: auto;} .slider-wrap #bullet-btn-common-wrap{ display:none; } .grid-item{/* width: 100%; */gap: 30px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .blog-inner { gap: 30px; align-items:start; } .large-item { width: 40%; } .large-widget { width: 32.190476%; padding-right: 50px; } .location-info { padding-top: 150px; gap: 20px; } .location-content { width: 55.666667%; } } @media only screen and (min-width: 1280px) and (max-width:1366px){ .grid-item{/* width: 100%; */gap: 30px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .blog-inner { gap: 30px; align-items:start; } .large-item { width: 35%; } .location-info { padding-top: 150px; gap: 20px; } .location-content { width: 45.666667%; } } @media only screen and (min-width:1367px) and (max-width:1500px){ .counter-wrap {width: 100%;} .large-item { float: left; /* width: 37.5009%; */ } .blog-item { float: left; /* width: 46.426009%; */ } .nav-menu {padding-right:30px} .location-info { padding-top: 200px; gap: 20px; } .location-content { width: 40.666667%; } } @media only screen and (max-width:1025px){ .main-nav { flex-direction: column; justify-content: center; align-items: center; } } /* Retina media query. Overrides styles for devices with a device-pixel-ratio of 2+, such as iPhone 4. ----------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { } /* extra media query for slider */ @media screen and (max-width: 1760px) { .slide .content { /* padding: 0 20px; */ /* padding: 0; */ } .slide:hover .content { padding: 0 80px; } .bio-contact-content .paragraph-container { min-height: 130px; min-width: 570px; } .slide .content-inner h3 { font-size: 45px; } } @media screen and (min-width: 1501) and (max-width: 1640px) { .location-info { padding-top: 215px; } } @media screen and (min-width: 1281px) and (max-width: 1500px) { .slide:hover .content { padding: 0 60px; } .bio-contact-content .paragraph-container { min-height: 130px; min-width: 570px; } .slide .content-inner h3 { font-size: 38px; word-wrap: break-word; max-width: 100; } .slide .content-inner { transform: translateY(73%); } .slide a.btn.why-btn { gap: 20px; font-size: 22px; font-weight: 600; } .bio-contact-content .paragraph-container { min-height: 160px; min-width: 570px; } /* resiging font-sizes for mackbook screen */ .main-header-section { padding: 41px 0; } .top-menu { margin-bottom: 0px; } .logo-wrap { width: 441px; } .search-btn img { width: 25px; height: 25px; } .main-nav li a { font-size: 18px; line-height: 32px; } .main-nav ul { gap: 5.7%; } .main-nav .search-btn a { gap: 10px; align-items: center; } .main-nav .search-btn { width: 114px; } .socila-link li:last-child { border: 0; padding-right: 0; } .hero-bg-wrap { height: 694px; } .hero-info { max-width: 1123px; } .counter-wrap { bottom: 55px; width: 78%; padding: 19px; } .counter-wrap { } .counter-wrap { bottom: 55px; width: 78%; } .btn-tablet { width: 232px; padding: 6px 15px; font-size: 17px; } .bullet-btn { padding-top: 52.63px; } .location-content h2 { line-height: 64px; font-size: 48px; } .location-info { padding-top: 218px; gap: 20px; } .location-btn { margin-top: 7px; } .location-btn a.btn.why-btn img { gap: 8px; } .location-btn a.btn.why-btn img { width: 39px; } .hero-info h1 { font-size: 45px; padding-bottom: 17px; } .service-item span { font-size: 40px; line-height: 65px; } .service-counter { margin-top: 116px; } .service-banner { height: 582px; } .slide .content-inner h3 { font-size: 34px; } .slider-wrap { height: 594px; } .content h3 { min-height: 117px; } .bio-contact-content .learn-btn { padding-bottom: 49px; margin-top: 26px; } .slide a.btn.why-btn { font-size: 21px; } .slide a.btn.why-btn img { width: 40px; } .slide:hover .bio-contact-content .paragraph-container p{ /* font-size: 1rem; */ } .service-item p { font-size: 22px; line-height: 27px; } .hero-info h1 { font-size: 45px; padding-bottom: 10px; } .common-wrap { max-width: 1276px; } .nav-menu { padding-right: 0px !important; } .go-brand-wrap::before { height: 8px; } .counter-item span { font-size: 99px; } .counter-wrap { bottom: 55px; width: 78%; padding: 12px 71px; } .left-content h2 { font-size: 52px; line-height: 56px; } .go-brand-wrap { padding: 51px 0 118px; } .go-brand-wrap { padding: 51px 0 124px; } .right-content img.polygon-img { width: 49px; transform: translateX(-50%); } .left-content { width: 42.714286%; margin-top: 69px; } .left-content p { font-size: 37px; line-height: 39px; } a.btn.why-btn { font-size: 22px; } .right-content a.btn.why-btn img { width: 42px; } .right-content .cta-wrap { padding-top: 64px; } .go-brand-wrap { padding: 51px 0 118px; } .right-content p { font-size: 24px; line-height: 34px; max-width: 93%; } .hero-bg-wrap { height: 687px; } .blog-wrap { padding: 74px 0 114px; } .large-item { width: 41.5009%; } .blog-content { padding: 30px; } .blog-content h3 { font-size: 28px; line-height: 37px; } .blog-content span { font-size: 18px; line-height: 38px; } .blog-content p { padding-top: 21px; font-size: 1.3rem; line-height: 133%; } .read-btn a { font-size: 18px; line-height: 36px; } .blog-inner { align-items: start; } .grid-item { grid-template-columns: repeat(auto-fill, minmax(289px, 1fr)); gap: 37px; } .blog-item { padding: 30px; } .tag-btn a { padding: 6px 20px; font-size: 18px; } .blog-item .blog-content { padding-top: 25px; } .blog-item .read-btn { margin-top: 13px; } .read-btn { margin-top: 15px; padding-bottom: 5px; } .blog-inner { gap: 37px; } .banner-text { max-width: 842px; margin-top: 55px; } .banner-text h2 { font-size: 49px; line-height: 58px; } .banner-text p { font-size: 23px; margin-top: 30px; } .banner-btn .btn { font-size: 18px; } .banner-btn { margin-top: 45px; } .banner-btn a { height: 47px; line-height: 48px; padding: 1px 45px; } .footer-nav-wrap { padding: 10px 0 10px; } .footer-nav-wrap .main-nav ul li a { font-size: 19px; line-height: 25px; } .footer-inner h4 { font-size: 22px;; } .large-widget { width: 41.190476%; padding-right: 70px; } .footer-inner p { font-size: 17px; } .footer-inner .menu-list li a { font-size: 17px; margin-bottom: 2px; } .footer-inner ul.menu-list .sub-menu li a { font-size: 17px; } .footer-inner .menu li a { font-size: 17px; } .footer-inner span { font-size: 22px; padding-bottom: 16px; } .address-text ul li { font-size: 17px; line-height: 22px; } .social-icon img { width: 42px; } .social-icon { padding-top: 50px; } .copy-text p { font-size: 18px; } .quick-link a { font-size: 18px; } } @media screen and (min-width: 1024px) and (max-width: 1280px) { /* ===== new style ========= */ .slide:hover .content { padding: 0 60px; } .bio-contact-content .paragraph-container { min-height: 130px; min-width: 570px; } .slide .content-inner h3 { font-size: 38px; word-wrap: break-word; max-width: 100; } .slide .content-inner { transform: translateY(73%); } .slide a.btn.why-btn { gap: 20px; font-size: 22px; font-weight: 600; } .bio-contact-content .paragraph-container { min-height: 160px; min-width: 570px; } /* resiging font-sizes for mackbook screen */ .main-header-section { padding: 21px 0; } .top-menu { margin-bottom: 0px; } .logo-wrap { width: 350px; } .search-btn img { width: 25px; height: 25px; } .main-nav li a { font-size: 18px; line-height: 32px; } .main-nav ul { gap: 5.7%; } .main-nav .search-btn a { gap: 10px; align-items: center; } .main-nav .search-btn { width: 121px; } .socila-link li:last-child { border: 0; padding-right: 0; } .hero-bg-wrap { height: 694px; } .hero-info { max-width: 844px; } .counter-wrap { bottom: 55px; width: 78%; padding: 19px; } .counter-wrap { } .counter-wrap { bottom: 55px; width: 78%; } .btn-tablet { width: 232px; padding: 6px 15px; font-size: 17px; } .bullet-btn { padding-top: 52.63px; } .location-content h2 { line-height: 46px; font-size: 40px; } .location-info { padding-top: 127px; gap: 20px; } .location-btn { margin-top: 14px; } .location-btn a.btn.why-btn img { gap: 8px; } .location-btn a.btn.why-btn img { width: 38px; } .hero-info h1 { font-size: 45px; padding-bottom: 17px; } .service-item span { font-size: 33px; line-height: 38px; } .service-counter { margin-top: 78px; } .service-banner { height: 426px; } .service-item p { font-size: 18px; line-height: 23px; } .hero-info h1 { font-size: 38px; padding-bottom: 10px; } .common-wrap { max-width: 1276px; } .nav-menu { padding-right: 0px !important; } .go-brand-wrap::before { height: 8px; } .counter-item span { font-size: 76px; } .counter-wrap { bottom: 55px; width: 78%; padding: 12px 53px; } .left-content h2 { font-size: 33px; line-height: 45px; } .go-brand-wrap { padding: 51px 0 118px; } .go-brand-wrap { padding: 51px 0 124px; } .right-content img.polygon-img { width: 38px; transform: translateX(-50%); } .left-content { width: 39.714286%; margin-top: 69px; } .left-content p { font-size: 28px; line-height: 35px; } a.btn.why-btn { font-size: 18px; } .right-content a.btn.why-btn img { width: 38px; } .right-content .cta-wrap { padding-top: 28px; } .go-brand-wrap { padding: 51px 0 59px; } .right-content p { font-size: 20px; line-height: 31px; max-width: 89%; } .hero-bg-wrap { height: 687px; } .blog-wrap { padding: 60px 0 60px; } .large-item { width: 41.5009%; } .blog-content { padding: 20px; } .blog-content h3 { font-size: 20px; line-height: 24px; } .blog-content span { font-size: 16px; line-height: 34px; } .blog-content p { padding-top: 16px; font-size: 1rem; line-height: 133%; } .read-btn a { font-size: 16px; line-height: 32px; } .blog-inner { align-items: start; } .grid-item { grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); gap: 25px; } .blog-item { padding: 20px; } .tag-btn a { padding: 6px 20px; font-size: 16px; } .blog-item .blog-content { padding-top: 25px; } .blog-item .read-btn { margin-top: 0px; } .read-btn { margin-top: 15px; padding-bottom: 5px; } .blog-inner { gap: 25px; } .banner-text { max-width: 679px; margin-top: 55px; } .banner-text h2 { font-size: 36px; line-height: 42px; } .banner-text p { font-size: 18px; margin-top: 30px; } .banner-btn .btn { font-size: 16px; } .banner-btn { margin-top: 26px; } .banner-btn a { height: 39px; line-height: 39px; padding: 1px 35px; } .footer-nav-wrap { padding: 8px 0 10px; } .footer-nav-wrap .main-nav ul li a { font-size: 19px; line-height: 25px; } .footer-inner h4 { font-size: 20px; } .large-widget { width: 41.190476%; padding-right: 70px; } .footer-inner p { font-size: 16px; } .footer-inner .menu-list li a { font-size: 16px; margin-bottom: 3px; } .footer-inner ul.menu-list .sub-menu li a { font-size: 16px; } .footer-inner .menu li a { font-size: 16px; line-height: 22px; } .footer-inner span { font-size: 18px; padding-bottom: 11px; } .address-text ul li { font-size: 16px; line-height: 21px; } .social-icon img { width: 37px; } .social-icon { padding-top: 32px; } .copy-text p { font-size: 16px; } .quick-link a { font-size: 16px; } .counter-wrap { right: 0 !important; } .slider-wrap-info { padding-top: 0px; } .slide{ max-height: 400px; padding-bottom: 0; } .slide:hover .content { /* padding: 0 60px; */ } .slide .content-inner { transform: translateY(55%); } .slide .content h3 { /* min-height: 150px; */ max-width: auto; } .bio-contact-content .paragraph-container { min-height: 0px; min-width: 0px; } .bio-contact-content .learn-btn { padding-bottom: 40px; margin-top: 30px; } .bio-contact-content { padding: 0; } .slider-wrap #bullet-btn-common-wrap { display: none !important; } } @media screen and (max-width: 1023px){ #bullet-btn-common-wrap { display: none !important; } } @media screen and (max-width: 768px) { .slide { max-height: auto; height: auto; } .slide .content-inner { transform: translateY(68%); } .bio-contact-content .paragraph-container p{ font-size: 20px; } } @media screen and (max-width: 540px) { .slide { max-height: auto; } .slide:hover .content { padding: 0 30px; } .slide .content h3 { padding-top: 80px; min-height: 80px; } .slide .content-inner { transform: translateY(80%); } .slider-inner .slide { max-height: 999px !important; padding-bottom: 0; } .bio-contact-content .paragraph-container p{ font-size: 18px; } .go-brand-wrap:after { height: 52%; } .slide .content-inner { transform: translateY(65%); } .slide .content h3 { padding-bottom: 40px; min-height: 200px; } } .footer-nav-wrap .menu, #menu-main-menu.menu, #menu-footer-menu.menu { position: relative !important; background-color: transparent !important; } /* Typography */ @font-face { font-family: "RobotoRegular"; src: url("../fonts/RobotoRegular.eot"); src: url("../fonts/RobotoRegular.eot") format("embedded-opentype"), url("../fonts/RobotoRegular.woff2") format("woff2"), url("../fonts/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular.ttf") format("truetype"), url("../fonts/RobotoRegular.svg#RobotoRegular") format("svg"); } @font-face { font-family: "RobotoMedium"; src: url("../fonts/RobotoMedium.eot"); src: url("../fonts/RobotoMedium.eot") format("embedded-opentype"), url("../fonts/RobotoMedium.woff2") format("woff2"), url("../fonts/RobotoMedium.woff") format("woff"), url("../fonts/RobotoMedium.ttf") format("truetype"), url("../fonts/RobotoMedium.svg#RobotoMedium") format("svg"); } @font-face { font-family: "RobotoBold"; src: url("../fonts/RobotoBold.eot"); src: url("../fonts/RobotoBold.eot") format("embedded-opentype"), url("../fonts/RobotoBold.woff2") format("woff2"), url("../fonts/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold.ttf") format("truetype"), url("../fonts/RobotoBold.svg#RobotoBold") format("svg"); } @font-face { font-family: "BarlowMedium"; src: url("../fonts/BarlowMedium.eot"); src: url("../fonts/BarlowMedium.eot") format("embedded-opentype"), url("../fonts/BarlowMedium.woff2") format("woff2"), url("../fonts/BarlowMedium.woff") format("woff"), url("../fonts/BarlowMedium.ttf") format("truetype"), url("../fonts/BarlowMedium.svg#BarlowMedium") format("svg"); } @font-face { font-family: "BarlowSemiBold"; src: url("../fonts/BarlowSemiBold.eot"); src: url("../fonts/BarlowSemiBold.eot") format("embedded-opentype"), url("../fonts/BarlowSemiBold.woff2") format("woff2"), url("../fonts/BarlowSemiBold.woff") format("woff"), url("../fonts/BarlowSemiBold.ttf") format("truetype"), url("../fonts/BarlowSemiBold.svg#BarlowSemiBold") format("svg"); } @font-face { font-family: "BarlowBold"; src: url("../fonts/BarlowBold.eot"); src: url("../fonts/BarlowBold.eot") format("embedded-opentype"), url("../fonts/BarlowBold.woff2") format("woff2"), url("../fonts/BarlowBold.woff") format("woff"), url("../fonts/BarlowBold.ttf") format("truetype"), url("../fonts/BarlowBold.svg#BarlowBold") format("svg"); } @font-face { font-family: "Helvetica"; src: url("../fonts/Helvetica.eot"); src: url("../fonts/Helvetica.eot") format("embedded-opentype"), url("../fonts/Helvetica.woff2") format("woff2"), url("../fonts/Helvetica.woff") format("woff"), url("../fonts/Helvetica.ttf") format("truetype"), url("../fonts/Helvetica.svg#Helvetica") format("svg"); } /* // End typography */ /* Resets ------ */ html#MarcumAsiaWM, #MarcumAsiaWM body, #MarcumAsiaWM div, #MarcumAsiaWM span, #MarcumAsiaWM object, #MarcumAsiaWM iframe, #MarcumAsiaWM h1, #MarcumAsiaWM h2, #MarcumAsiaWM h3, #MarcumAsiaWM h4, #MarcumAsiaWM h5, #MarcumAsiaWM h6, #MarcumAsiaWM p, #MarcumAsiaWM blockquote, #MarcumAsiaWM pre, #MarcumAsiaWM a, #MarcumAsiaWM abbr, #MarcumAsiaWM address, #MarcumAsiaWM cite, #MarcumAsiaWM code, #MarcumAsiaWM del, #MarcumAsiaWM dfn, #MarcumAsiaWM em, #MarcumAsiaWM img, #MarcumAsiaWM ins, #MarcumAsiaWM kbd, #MarcumAsiaWM q, #MarcumAsiaWM samp, #MarcumAsiaWM small, #MarcumAsiaWM strong, #MarcumAsiaWM sub, #MarcumAsiaWM sup, #MarcumAsiaWM var, #MarcumAsiaWM b, #MarcumAsiaWM i, #MarcumAsiaWM hr, #MarcumAsiaWM dl, #MarcumAsiaWM dt, #MarcumAsiaWM dd, #MarcumAsiaWM ol, #MarcumAsiaWM ul, #MarcumAsiaWM li, #MarcumAsiaWM fieldset, #MarcumAsiaWM form, #MarcumAsiaWM label, #MarcumAsiaWM legend, #MarcumAsiaWM table, #MarcumAsiaWM caption, #MarcumAsiaWM tbody, #MarcumAsiaWM tfoot, #MarcumAsiaWM thead, #MarcumAsiaWM tr, #MarcumAsiaWM th, #MarcumAsiaWM td, #MarcumAsiaWM article, #MarcumAsiaWM aside, #MarcumAsiaWM canvas, #MarcumAsiaWM details, #MarcumAsiaWM figure, #MarcumAsiaWM figcaption, #MarcumAsiaWM hgroup, #MarcumAsiaWM menu, #MarcumAsiaWM footer, #MarcumAsiaWM header, #MarcumAsiaWM nav, #MarcumAsiaWM section, #MarcumAsiaWM summary, #MarcumAsiaWM time, #MarcumAsiaWM mark, #MarcumAsiaWM audio, #MarcumAsiaWM video { margin: 0; padding: 0; border: 0; } #MarcumAsiaWM ul { list-style: none; } #MarcumAsiaWM article, #MarcumAsiaWM aside, #MarcumAsiaWM canvas, #MarcumAsiaWM figure, #MarcumAsiaWM figure img, #MarcumAsiaWM figcaption, #MarcumAsiaWM hgroup, #MarcumAsiaWM footer, #MarcumAsiaWM header, #MarcumAsiaWM nav, #MarcumAsiaWM section, #MarcumAsiaWM audio, #MarcumAsiaWM video { display: block; } #MarcumAsiaWM blockquote, #MarcumAsiaWM q { quotes: none; } #MarcumAsiaWM blockquote:before, #MarcumAsiaWM blockquote:after, #MarcumAsiaWM q:before, #MarcumAsiaWM q:after { content: ""; content: none; } #MarcumAsiaWM table { border-collapse: collapse; border-spacing: 0; } #MarcumAsiaWM b, #MarcumAsiaWM strong { font-weight: bold; } #MarcumAsiaWM [type="checkbox"], #MarcumAsiaWM [type="radio"] { box-sizing: border-box; padding: 0; } #MarcumAsiaWM [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } #MarcumAsiaWM [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #MarcumAsiaWM ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } #MarcumAsiaWM .clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #MarcumAsiaWM a img { border: 0; width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none; } #MarcumAsiaWM a, #MarcumAsiaWM input, #MarcumAsiaWM select, #MarcumAsiaWM textarea { outline: none; } #MarcumAsiaWM img { width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none; } /* Selection colours (easy to forget) */ #MarcumAsiaWM img::selection { background: transparent; } #MarcumAsiaWM img::-moz-selection { background: transparent; } #MarcumAsiaWM a { text-decoration: none; display: inline-block; } #MarcumAsiaWM input[type="number"] { -moz-appearance: textfield; } #MarcumAsiaWM input::-webkit-outer-spin-button, #MarcumAsiaWM input::-webkit-inner-spin-button { -webkit-appearance: none; } #MarcumAsiaWM input::-moz-focus-inner { border: 0; padding: 0; } #MarcumAsiaWM input:invalid, #MarcumAsiaWM input:required { box-shadow: none; } #MarcumAsiaWM input[type="search"]::-webkit-search-decoration, #MarcumAsiaWM input[type="search"]::-webkit-search-cancel-button, #MarcumAsiaWM input[type="search"]::-webkit-search-results-button, #MarcumAsiaWM input[type="search"]::-webkit-search-results-decoration { display: none; } #MarcumAsiaWM input:required { box-shadow: none; } #MarcumAsiaWM input::-moz-focus-inner { box-shadow: 0 0 0px transparent; } /* Default Layout ------------------------------------------------------------------------------- */ /* Font property css font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit; */ #MarcumAsiaWM body { background: rgb(255, 255, 255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; overflow-x: hidden; overflow-y: auto; font-family: "RobotoRegular", sans-serif; font-size: 28px; color: #666; line-height: normal; } #MarcumAsiaWM * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Global style */ #MarcumAsiaWM h1, #MarcumAsiaWM h2, #MarcumAsiaWM h3, #MarcumAsiaWM h4, #MarcumAsiaWM h5, #MarcumAsiaWM h6 { font-family: "BarlowSemiBold", sans-serif; font-weight: 600; } #MarcumAsiaWM p { } #MarcumAsiaWM span { } #MarcumAsiaWM dfn, #MarcumAsiaWM address, #MarcumAsiaWM em { font-style: normal; } #MarcumAsiaWM label, #MarcumAsiaWM input[type="submit"] { cursor: pointer; } #MarcumAsiaWM button:focus { outline: none; } #MarcumAsiaWM .btn { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; color: #fff; font-family: "RobotoBold", sans-serif; font-size: 30px; font-style: normal; font-weight: 700; } #MarcumAsiaWM .mobi { display: none; } #MarcumAsiaWM .desk { display: block; } #MarcumAsiaWM .common-wrap { max-width: 1680px; margin: 0 auto; clear: both; padding: 0 20px; } #MarcumAsiaWM .centerY { position: absolute; left: 0; right: 0; text-align: center; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } #MarcumAsiaWM .flex-box { display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } #MarcumAsiaWM .flex-horizontal-align { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } #MarcumAsiaWM .flex-vertical-align { -webkit-box-align: center; align-items: center; } #MarcumAsiaWM .flex-bottom-align { -webkit-box-align: flex-end; align-items: flex-end; } #MarcumAsiaWM .flex-content-align { -webkit-align-content: center; -moz-align-content: center; align-content: center; } #MarcumAsiaWM .order-1 { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; } #MarcumAsiaWM .order-2 { -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; } #MarcumAsiaWM .flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } #MarcumAsiaWM section, #MarcumAsiaWM footer, #MarcumAsiaWM header { float: left; width: 100%; position: relative; } #MarcumAsiaWM body, #MarcumAsiaWM html { height: 100%; } #MarcumAsiaWM .main-wrap { min-height: 100%; overflow: hidden; position: relative; overflow-x: hidden; } #MarcumAsiaWM .main-header-section { background: transparent; position: fixed; z-index: 1111; float: left; width: 100%; padding: 64px 0; top: 0; } #MarcumAsiaWM .header-inner { float: left; width: 100%; display: flex; justify-content: space-between; align-items: end; } #MarcumAsiaWM .main-logo { float: left; width: 100%; height: auto; } #MarcumAsiaWM .phone-nav { position: relative; right: 0; top: 5px; width: 24px; display: none; } #MarcumAsiaWM .phone-nav div { float: left; width: 100%; height: 2px; background: #ffffff; margin: 3px 0; } #MarcumAsiaWM .main-nav { float: right; width: 100%; } #MarcumAsiaWM .main-nav .search-btn a { position: relative; } #MarcumAsiaWM .main-nav ul li { display: inline-block; margin: 0 14px; position: relative; }#MarcumAsiaWM .main-nav ul li:hover >ul { display: block !important; } #MarcumAsiaWM .main-nav ul li:last-child, #MarcumAsiaWM .footer-nav ul li:last-child { margin-right: -2px; } #MarcumAsiaWM .main-nav ul li a { display: block; text-transform: uppercase; color: #fff; position: relative; font-size: 19px; text-transform: capitalize; line-height: 27px; font-family: RobotoMedium, sans-serif; font-weight: 500; } #MarcumAsiaWM .main-nav ul li a:after, #MarcumAsiaWM .main-nav .search-btn a:after { position: absolute; left: 0; bottom: -5px; width: 0; height: 5px; background: #fff; content: ""; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } #MarcumAsiaWM .main-nav > ul > li:hover > a:after, #MarcumAsiaWM .main-nav .search-btn:hover > a:after, #MarcumAsiaWM .main-nav > ul > li.current-menu-item > a:after { width: 100%; } #MarcumAsiaWM .logo-wrap { display: flex; align-items: center; justify-content: flex-start; width: 545px; } #MarcumAsiaWM .top-menu { display: flex; justify-content: flex-end; padding: 18px 0; width: 100%; float: left; margin-bottom: 13px; } #MarcumAsiaWM .nav-wrap { margin-left: auto; width: 100%; float: left; } #MarcumAsiaWM .socila-link { list-style: none; display: flex; margin-right: 5px; } #MarcumAsiaWM .socila-link img { width: 21px; } #MarcumAsiaWM .socila-link li { border-right: 2px solid #37a9b6; padding: 0 20px; line-height: 18px; } #MarcumAsiaWM .socila-link li:last-child { border: 0; } #MarcumAsiaWM .socila-link li a { text-decoration: none; color: #37a9b6; font-size: 18px; line-height: 24px; text-transform: uppercase; font-family: Helvetica, sans-serif; font-weight: 400; } .lang_items { background: #fff; padding: 10px !important; text-align: left; position: absolute; top: 29px; z-index: 999; display: none; width: max-content; } .lang_btn{ position: relative; }.lang_items li { padding: 0 !important; border: none !important; }.lang_items li a { padding: 5px !important; color: #212936 !important; font-size: 13px !important; display: flex !important; }.lang_items li a span { padding-left: 5px !important; } #MarcumAsiaWM .main-nav #menu-custom-menu ul { position: absolute; right: 0px; top: 27px; width: max-content; background: #fff; padding: 15px; border-radius: 2px; color: #212936; display: block; display: none; z-index: 999; } #MarcumAsiaWM .main-nav #menu-custom-menu ul a{ color: #212936; }#MarcumAsiaWM .main-nav #menu-custom-menu ul li { display: block; padding: 5px 0; }#MarcumAsiaWM .main-nav #menu-custom-menu ul li:hover { color: #37a9b6 } #MarcumAsiaWM .nav-menu { display: flex; justify-content: flex-end; align-items: center; width: 100%; flex-flow: row wrap; } #MarcumAsiaWM .nav-wrap { margin-left: auto; } #MarcumAsiaWM .main-nav ul { list-style: none; display: flex; gap: 6.7%; padding: 0; width: 100%; justify-content: end; } #MarcumAsiaWM .main-nav ul li { margin: 0; } #MarcumAsiaWM .main-nav ul li a img { margin-right: 5px; width: 30px; } #MarcumAsiaWM header.main-header-section.sticky { background-color: #212936; } #MarcumAsiaWM header.main-header-section.sticky .header-inner { align-items: center; } #MarcumAsiaWM header.main-header-section.sticky .top-menu { display: none; } #MarcumAsiaWM .hero-bg-wrap { float: left; width: 100%; height: 928px; display: flex; align-items: center; justify-content: center; } #MarcumAsiaWM .hero-thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MarcumAsiaWM .hero-inner { float: left; width: 100%; position: relative; z-index: 1; margin-top: 50px; } #MarcumAsiaWM .hero-info { max-width: 1504px; margin: 0 auto; padding: 0; } #MarcumAsiaWM .hero-info h1 { text-align: right; font-size: 60px; line-height: normal; color: #fff; padding-bottom: 23px; } #MarcumAsiaWM .counter-item { float: left; width: 22%; } #MarcumAsiaWM .counter-wrap { width: 100%; max-width: 1477px; opacity: 0.9864; background: linear-gradient(180deg, #37a9b6 100.66%, #00b9ca 26.42%); position: absolute; right: 0; bottom: 83px; display: flex; gap: 6%; padding: 32px 32px 32px 100px; align-items: start; } #MarcumAsiaWM .counter-item span { display: block; color: #fff; text-align: center; font-family: BarlowSemiBold; font-size: 130px; font-style: normal; font-weight: 600; line-height: normal; } #MarcumAsiaWM .counter-item dfn { color: #fff; text-align: center; font-family: BarlowBold, sans-serif; font-size: 27px; font-style: normal; font-weight: 700; line-height: 100%; display: block; } #MarcumAsiaWM .hero-thumb img { object-fit: cover; object-position: right center; width: 100%; height: 100%; } #MarcumAsiaWM .go-brand-wrap { position: relative; float: left; width: 100%; padding: 63px 0 163px; } #MarcumAsiaWM .go-brand-wrap:before { position: absolute; top: 0; left: 0; content: ""; width: 48.5%; height: 10px; background: #0099a9; display: block; z-index: 99; } #MarcumAsiaWM .brand-text-inner { float: left; width: 100%; display: flex; justify-content: space-between; flex-flow: row wrap; } #MarcumAsiaWM .left-content { float: left; width: 42.714286%; margin-top: 85px; } #MarcumAsiaWM .left-content h2 { color: #212936; font-family: BarlowMedium, sans-serif; font-size: 70px; font-style: normal; font-weight: 500; line-height: 78px; } #MarcumAsiaWM .left-content p { color: #37a9b6; padding-top: 37.76px; font-family: BarlowMedium, sans-serif; font-size: 50px; font-style: normal; font-weight: 500; line-height: 60px; } #MarcumAsiaWM .right-content { width: 45.714286%; float: left; } #MarcumAsiaWM .go-brand-wrap:after { content: ""; position: absolute; background: linear-gradient(0deg, #e2e2ec 0%, #eaeaf4 29.37%); width: 51.5%; height: 100%; right: 0; top: 0; z-index: -1; } #MarcumAsiaWM .right-content img.polygon-img { width: 68px; transform: translate(-50%); } #MarcumAsiaWM .right-content p { color: #666; padding-top: 15px; font-size: 32px; font-style: normal; font-weight: 400; line-height: 45px; max-width: 91%; } #MarcumAsiaWM a.btn.why-btn { display: flex; align-items: center; gap: 25px; color: #37a9b6; font-family: RobotoBold, sans-serif; font-size: 27px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } #MarcumAsiaWM .cta-wrap { float: left; width: 100%; padding-top: 99px; } #MarcumAsiaWM a.btn.why-btn img { width: 50px; } #MarcumAsiaWM .service-banner { float: left; width: 100%; height: 770px; margin-top: 5.63px; } #MarcumAsiaWM .banner-thumb { float: left; width: 100%; position: absolute; top: 0; left: 0; height: 100%; } #MarcumAsiaWM .banner-inner { position: relative; z-index: 1; float: left; width: 100%; } #MarcumAsiaWM .bullet-btn { float: left; width: 100%; padding-top: 66.63px; } #MarcumAsiaWM .btn-tablet { width: 320px; padding: 6px 27px; color: #37a9b6; font-family: RobotoBold, sans-serif; border-radius: 14px; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; background-color: #fff; } #MarcumAsiaWM .location-info { float: left; width: 100%; display: flex; padding-top: 306px; } #MarcumAsiaWM .location-content { width: 34.666667%; float: left; } #MarcumAsiaWM .location-content h2 { color: #fff; font-weight: 600; line-height: 75px; font-size: 65px; } #MarcumAsiaWM .location-btn { width: 100%; float: left; margin-top: 40px; } #MarcumAsiaWM .location-btn a.btn.why-btn { color: #fff; } #MarcumAsiaWM .banner-thumb img { height: 100%; width: 100%; object-fit: cover; object-position: center; } #MarcumAsiaWM .service-counter { width: 979px; display: flex; align-items: end; justify-content: space-between; margin-top: 150px; flex-grow: 1; } #MarcumAsiaWM .service-item { float: left; width: 51.666667%; padding-left: 20px; border-left: 5px solid #fff; } #MarcumAsiaWM .service-item span { color: #fff; font-family: BarlowSemiBold, sans-serif; font-size: 60px; font-style: normal; font-weight: 600; line-height: 75px; } #MarcumAsiaWM .service-item p { color: #fff; font-family: BarlowSemiBold, sans-serif; font-size: 32px; font-style: normal; font-weight: 600; line-height: 42px; } #MarcumAsiaWM .slider-wrap { float: left; width: 100%; height: 783px; } #MarcumAsiaWM .slider-thubmb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #MarcumAsiaWM .slider-thubmb img { height: 100%; width: 100%; object-fit: cover; object-position: center; } #MarcumAsiaWM .slider-inner { float: left; width: 100%; } #MarcumAsiaWM .slider-wrap .bullet-btn { position: relative; z-index: 111; } #MarcumAsiaWM .slider-wrap-info { width: 100%; height: 100%; display: flex; float: left; overflow: hidden; position: absolute; top: 0; left: 0; } #MarcumAsiaWM .slide { width: 25%; border-right: 2px solid #fff; transition: 0.3s; position: relative; background-size: cover; background-repeat: no-repeat; background-position: left; overflow: hidden; } #MarcumAsiaWM .slide:after { content: ""; position: absolute; left: 0; height: 100%; width: 100%; top: 0; opacity: 0.7; background: #000; z-index: 1; } #MarcumAsiaWM .slide:hover { width: 40%; } #MarcumAsiaWM .slide:hover:after { opacity: 0.4; background: #000; } #MarcumAsiaWM .slide .content { width: 100%; position: absolute; left: 0; bottom: 0; box-sizing: border-box; color: #fff; margin: 0 auto; z-index: 11; overflow: hidden; display: flex; height: 100%; padding: 0 40px; transition: 0.3s; align-items: end; } #MarcumAsiaWM .slide:hover .content { padding: 0 120px; } #MarcumAsiaWM .content h3 { color: #fff; font-size: 52px; font-family: BarlowSemiBold, sans-serif; font-style: normal; font-weight: 600; line-height: normal; transition: 0.3s; min-height: 162px; max-width: 380px; } #MarcumAsiaWM .slide .content-inner { transition: 0.3s; height: auto; display: flex; flex-direction: column; transform: translateY(67%); width: 100%; } #MarcumAsiaWM .slide:hover .content-inner { transform: translateY(0); } #MarcumAsiaWM .bio-contact-content { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; } #MarcumAsiaWM .bio-contact-content .paragraph-container { min-height: 100px; min-width: 570px; } #MarcumAsiaWM .slide:hover .bio-contact-content .paragraph-container { min-width: 0; } #MarcumAsiaWM .bio-contact-content .learn-btn { flex-grow: 1; padding-bottom: 73px; margin-top: 12px; } #MarcumAsiaWM .learn-btn { margin-top: 70px; float: left; width: 100%; } #MarcumAsiaWM .learn-btn a.btn.why-btn { color: #fff; } #MarcumAsiaWM .blog-wrap { float: left; width: 100%; background-color: #eff4f4; padding: 100px 0 114px; } #MarcumAsiaWM .blog-inner { width: 100%; display: flex; justify-content: space-between; gap: 50px; } #MarcumAsiaWM .large-item { float: left; width: 31.5009%; border-radius: 8px; background: var(--rgb-255255255, #fff); box-shadow: 0 3px 3px #0000001c; } #MarcumAsiaWM .blog-content { float: left; width: 100%; padding: 42px; } #MarcumAsiaWM .blog-content span { color: #a7a9ac; font-family: RobotoBold, sans-serif; font-size: 21px; font-style: normal; font-weight: 700; line-height: 42px; } #MarcumAsiaWM .blog-content h3 { color: #212936; font-family: BarlowMedium, sans-serif; font-size: 30px; font-style: normal; font-weight: 500; line-height: 42px; } #MarcumAsiaWM .blog-content p { padding-top: 60px; } #MarcumAsiaWM .read-btn { padding-bottom: 20px; border-bottom: 1px solid #dedee9; width: 100%; float: left; margin-top: 15px; } #MarcumAsiaWM .read-btn a { display: flex; align-items: center; justify-content: space-between; color: #108f9d; font-family: RobotoBold, sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: 42px; } #MarcumAsiaWM .read-btn img { width: 38px; } #MarcumAsiaWM .tag-btn { float: left; width: 100%; } #MarcumAsiaWM .tag-btn a { border-radius: 8px; background: #37a9b6; width: auto; padding: 8px 25px; color: #f4f8f8; font-family: BarlowBold, sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } #MarcumAsiaWM .grid-item { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 50px; flex-grow: 1; } #MarcumAsiaWM .blog-item { width: 100%; border-radius: 8px; background: var(--rgb-255255255, #fff); box-shadow: 0 3px 3px #0000001c; padding: 41px; } #MarcumAsiaWM .blog-item .blog-content { padding: 33px 0 0; } #MarcumAsiaWM .blog-item .read-btn { margin-top: 40px; } #MarcumAsiaWM .blog-item .blog-content h3 { min-height: 84px; } #MarcumAsiaWM .career-cta-wrap { float: left; width: 100%; height: auto; padding: 71px 0; } #MarcumAsiaWM .career-cta-wrap .btn-tablet { width: 272px; } #MarcumAsiaWM .cta-banner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #MarcumAsiaWM .cta-banner img { width: 100%; float: left; object-fit: cover; object-position: center; height: 100%; } #MarcumAsiaWM .career-inner { float: left; width: 100%; position: relative; z-index: 1; } #MarcumAsiaWM .career-inner .bullet-btn { padding-top: 0; } #MarcumAsiaWM .career-inner .btn-tablet { background-color: #0d97a6; color: #fff; } #MarcumAsiaWM .banner-text { max-width: 1068px; float: left; margin-top: 115px; } #MarcumAsiaWM .banner-text h2 { color: #37a9b6; font-family: BarlowBold, sans-serif; font-size: 65px; font-style: normal; font-weight: 600; line-height: 75px; } #MarcumAsiaWM .banner-text p { color: #2d3a4b; font-family: RobotoBold, sans-serif; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 30px; } #MarcumAsiaWM .banner-btn { float: left; width: 100%; margin-top: 78px; } #MarcumAsiaWM .banner-btn a { border-radius: 15px; background: var(--rgb-455875, #2d3a4b); height: 64px; line-height: 64px; width: auto; padding: 0 41px; } #MarcumAsiaWM .footer-nav-wrap { float: left; width: 100%; background-color: #0c97a6; padding: 18px 0 13px; } #MarcumAsiaWM .footer-nav-wrap .main-nav ul { justify-content: start; } #MarcumAsiaWM .lang-nav a { display: flex; gap: 15px; color: #fff; align-items: center; font-family: RobotoRegular, sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; } #MarcumAsiaWM .footer-nav-info { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; } #MarcumAsiaWM .lang-nav { width: 200px; float: left; } #MarcumAsiaWM .lang-nav img { width: 31px; } #MarcumAsiaWM .large-widget { float: left; width: 40.190476%; padding-right: 140px; } #MarcumAsiaWM .main-footer-section { float: left; width: 100%; padding: 60px 0 0; } #MarcumAsiaWM .footer-inner { float: left; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; } #MarcumAsiaWM .footer-nav { float: left; width: 22.7023809524%; } #MarcumAsiaWM .footer-nav ul li a:hover { text-decoration: underline; } #MarcumAsiaWM .footer-inner h4 { color: #0c97a6; font-family: RobotoBold, sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; padding-bottom: 13px; } #MarcumAsiaWM .footer-inner p { color: #1c1e1f; font-family: RobotoRegular, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; } #MarcumAsiaWM .address-text { float: left; width: auto; margin-top: 60px; padding-bottom: 20px; border-bottom: 2px solid #0c97a6; margin-bottom: 11px; } #MarcumAsiaWM .address-text span { color: #1c1e1f; font-family: BarlowMedium, sans-serif; font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; padding-bottom: 20px; display: block; } #MarcumAsiaWM .address-text ul li { color: #1c1e1f; font-family: RobotoRegular, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: 26px; } #MarcumAsiaWM ul.menu-list { float: left; width: 100%; } #MarcumAsiaWM ul.menu-list li a { color: #1c1e1f; font-family: RobotoRegular, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; display: block; } #MarcumAsiaWM ul.menu-list .sub-menu li a { color: #1c1e1f; font-family: RobotoRegular, sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; } #MarcumAsiaWM ul.sub-menu { padding-left: 20px; } #MarcumAsiaWM .nav-item { float: left; width: 100%; } #MarcumAsiaWM .custom-mt { margin-top: 61px; } #MarcumAsiaWM .menu-list li { padding-bottom: 5px; display: block; } #MarcumAsiaWM .footer-inner span { color: #1c1e1f; font-family: BarlowMedium, sans-serif; font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; padding-bottom: 20px; display: block; width: 100%; float: left; } #MarcumAsiaWM .social-icon { float: left; width: 100%; display: flex; gap: 20px; padding-top: 100px; } #MarcumAsiaWM .social-icon img { width: 54px; } #MarcumAsiaWM .footer-nav.small-item { width: 12.702381%; } #MarcumAsiaWM .bottom-footer { float: left; width: 100%; border: 1px solid #707070; background: var(--rgb-334154, #212936); padding: 31px 0; margin-top: 57px; } #MarcumAsiaWM .bottom-inner-copy { float: left; width: 100%; display: flex; justify-content: space-between; } #MarcumAsiaWM .copy-text p { color: #f8f8f8; font-family: RobotoRegular, sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; } #MarcumAsiaWM .quick-link { display: flex; gap: 30px; } #MarcumAsiaWM .quick-link a { color: #f8f8f8; font-family: RobotoRegular, sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; } #MarcumAsiaWM .feature-image, #MarcumAsiaWM .feature-image img { float: left; width: 100%; } #MarcumAsiaWM main#primary { background-color: #b5b4b4; padding-top: 200px; } #MarcumAsiaWM h1.entry-title { padding-bottom: 20px; } #MarcumAsiaWM span.posted-on { padding-top: 20px; } #MarcumAsiaWM .post-thumbnail { width: 100%; margin-top: 40px; float: left; } #MarcumAsiaWM .main-nav { float: right; width: 100%; display: flex; justify-content: end; gap: 3%; } #MarcumAsiaWM .main-nav li { list-style: none; } #MarcumAsiaWM .main-nav li a { display: block; text-transform: uppercase; color: #fff; position: relative; font-size: 24px; text-transform: capitalize; line-height: 32px; font-family: RobotoMedium, sans-serif; font-weight: 500; } #MarcumAsiaWM .main-nav img { margin-right: 5px; width: 30px; } #MarcumAsiaWM .footer-nav-wrap .main-nav { justify-content: flex-start; } #MarcumAsiaWM .footer-nav-info .main-nav { margin-top: 0; } #MarcumAsiaWM .menu li a { color: #1c1e1f; font-family: RobotoRegular, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; display: block; } #MarcumAsiaWM .main-nav .search-btn { width: 145px; } #MarcumAsiaWM .main-nav .search-btn a { display: flex; gap: 15px; } #MarcumAsiaWM .address-text ul li a { color: #1c1e1f; font-family: RobotoRegular, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: 26px; } @media only screen and (min-width: 320px) and (max-width: 767px) { #MarcumAsiaWM input[type="text"], #MarcumAsiaWM input[type="email"], #MarcumAsiaWM input[type="tel"], #MarcumAsiaWM input[type="search"], #MarcumAsiaWM input[type="number"], #MarcumAsiaWM input[type="submit"], #MarcumAsiaWM input[type="password"], #MarcumAsiaWM select, #MarcumAsiaWM textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #MarcumAsiaWM .main-header-section { background: transparent; position: fixed; left: 0; top: 1px; margin-top: -1px; z-index: 999; padding: 48px 0 30px; } #MarcumAsiaWM .header-inner { padding: 0; flex-flow: row wrap; } #MarcumAsiaWM .logo-wrap { float: left; width: 100%; justify-content: space-between; position: relative; padding-top: 20px; z-index: 11; } #MarcumAsiaWM .main-logo { width: 230px; } #MarcumAsiaWM .phone-nav { display: flex; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; align-items: center; } #MarcumAsiaWM .nav-wrap { background: #ffffff; box-shadow: 0 1px 10px #0000004d; display: none; } #MarcumAsiaWM .nav-wrap { padding: 120px 20px; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: scroll; background-color: #212936; } #MarcumAsiaWM .main-nav ul li a:after, #MarcumAsiaWM .main-nav .search-btn a:after { display: none; width: 0; } #MarcumAsiaWM .main-logo img { width: 180px; } #MarcumAsiaWM .main-nav { margin-top: 20px; } #MarcumAsiaWM .main-nav ul { text-align: center; flex-direction: column; gap: 10px; margin-bottom: 12px; } #MarcumAsiaWM .main-nav .search-btn { width: 128px; } #MarcumAsiaWM .main-nav .search-btn a { align-items: center; } #MarcumAsiaWM .main-nav .search-btn img { width: 25px; height: 25px; } #MarcumAsiaWM .main-nav ul { text-align: center; flex-direction: column; } #MarcumAsiaWM .main-nav ul li { float: left; width: 100%; margin: 0; } #MarcumAsiaWM .main-nav ul li a { display: inline-block; color: #fff; } #MarcumAsiaWM .nav-expand .nav-wrap { display: block; transform: translate(0); overflow-y: scroll; } #MarcumAsiaWM .nav-expand .phone-nav div:after, #MarcumAsiaWM .nav-expand .phone-nav div:before { width: 30%; } #MarcumAsiaWM .phone-nav div:after, #MarcumAsiaWM .phone-nav div:before { content: ""; top: -8px; left: 0; position: absolute; background-color: #fff; width: 100%; height: 2px; transition: 0.5s ease-in-out; } #MarcumAsiaWM .phone-nav div:before { bottom: -7px; top: auto; } #MarcumAsiaWM .btn-tablet { width: auto; } #MarcumAsiaWM .top-menu { position: absolute; top: 0; justify-content: center; left: 0; } #MarcumAsiaWM header.main-header-section.sticky .top-menu { display: block; padding: 18px 0; } #MarcumAsiaWM .hero-bg-wrap { flex-flow: row wrap; } #MarcumAsiaWM .hero-info h1 { text-align: center; font-size: 40px; line-height: normal; } #MarcumAsiaWM .counter-wrap { width: 100%; right: auto; flex-flow: row wrap; padding: 40px; bottom: 0; } #MarcumAsiaWM .counter-item { width: 100%; margin-bottom: 30px; } #MarcumAsiaWM .counter-item span { font-size: 50px; } #MarcumAsiaWM .hero-bg-wrap { float: left; width: 100%; height: 900px; display: flex; align-items: start; justify-content: center; padding-top: 150px; } #MarcumAsiaWM .left-content { width: 100%; padding-bottom: 50px; } #MarcumAsiaWM .right-content { width: 100%; margin-top: 50px; } #MarcumAsiaWM .left-content h2 { font-size: 42px; line-height: normal; } #MarcumAsiaWM .left-content p { font-size: 30px; line-height: normal; } #MarcumAsiaWM .go-brand-wrap:after { width: 100%; height: 60%; top: auto; bottom: 0; } #MarcumAsiaWM .go-brand-wrap:before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 10px; background: #0099a9; display: block; z-index: 99; } #MarcumAsiaWM .right-content img.polygon-img { width: 40px; transform: translate(-50%); } #MarcumAsiaWM .right-content p { font-size: 22px; line-height: normal; } #MarcumAsiaWM a.btn.why-btn { font-size: 22px; } #MarcumAsiaWM .cta-wrap { padding-top: 30px; } #MarcumAsiaWM .go-brand-wrap { padding-bottom: 50px; } #MarcumAsiaWM .location-content h2 { font-size: 42px; line-height: normal; } #MarcumAsiaWM .location-info { padding-top: 60px; } #MarcumAsiaWM .location-content { width: 100%; } #MarcumAsiaWM .service-banner { height: 100%; padding-bottom: 50px; } #MarcumAsiaWM .service-counter { width: 100%; margin-top: 20px; gap: 20px; flex-wrap: wrap; } #MarcumAsiaWM .service-item { width: 100%; margin-bottom: 30px; } #MarcumAsiaWM .location-info { padding-top: 100px; gap: 20px; flex-wrap: wrap; } #MarcumAsiaWM .location-content { width: 90.666667%; } #MarcumAsiaWM .slider-wrap-info { position: relative; flex-flow: row wrap; } #MarcumAsiaWM .slide { width: 100%; border-right: 0; border-bottom: 2px solid #fff; padding-bottom: 50px; } #MarcumAsiaWM .slide .content { position: relative; bottom: 0; } #MarcumAsiaWM .content h3 { font-size: 30px; padding-top: 40px; } #MarcumAsiaWM .slide:hover { width: 100%; } #MarcumAsiaWM .slide:hover .content h3 { padding-bottom: 40px; } #MarcumAsiaWM .learn-btn { margin-top: 40px; } #MarcumAsiaWM .slider-wrap { height: auto; } #MarcumAsiaWM .blog-inner { flex-wrap: wrap; } #MarcumAsiaWM .large-item { width: 100%; } #MarcumAsiaWM .large-item .blog-content { padding: 20px; } #MarcumAsiaWM .grid-item { width: 100%; grid-template-columns: 1fr; gap: 40px; } #MarcumAsiaWM .blog-item { width: 100%; } #MarcumAsiaWM .blog-item { padding: 20px; } #MarcumAsiaWM .career-cta-wrap { height: auto; padding: 50px 0; } #MarcumAsiaWM .career-cta-wrap .bullet-btn { padding-top: 0; } #MarcumAsiaWM .banner-text h2 { font-size: 32px; line-height: normal; } #MarcumAsiaWM .banner-text { margin-top: 40px; } #MarcumAsiaWM .banner-text p { font-size: 22px; } #MarcumAsiaWM .lang-nav { width: 100%; display: flex; justify-content: center; } #MarcumAsiaWM .footer-nav-info { flex-flow: row wrap; justify-content: center; } #MarcumAsiaWM .footer-nav.small-item { width: 100%; } #MarcumAsiaWM .large-widget { float: left; width: 100%; padding-right: 0; } #MarcumAsiaWM .social-icon { padding-top: 30px; } #MarcumAsiaWM .footer-nav { width: 100%; margin-top: 60px; } #MarcumAsiaWM .bottom-inner-copy { flex-flow: row wrap; row-gap: 20px; } #MarcumAsiaWM .copy-text p { font-size: 16px; } #MarcumAsiaWM .footer-nav-info { margin-bottom: 8px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { #MarcumAsiaWM .main-nav { margin-top: 30px; } #MarcumAsiaWM .main-logo img { width: 190px; } #MarcumAsiaWM .main-nav ul { text-align: center; flex-direction: column; gap: 10px; margin-bottom: 12px; } #MarcumAsiaWM .main-nav .search-btn { width: 128px; } #MarcumAsiaWM .main-nav .search-btn a { align-items: center; } #MarcumAsiaWM .main-nav .search-btn img { width: 25px; height: 25px; } #MarcumAsiaWM .service-counter { width: 100%; margin-top: 20px; gap: 20px; flex-wrap: wrap; } #MarcumAsiaWM .service-item { width: 100%; margin-bottom: 30px; } #MarcumAsiaWM .location-info { padding-top: 150px; gap: 20px; flex-wrap: wrap; } #MarcumAsiaWM .service-item span { font-size: 35px; font-weight: 600; line-height: 45px; } #MarcumAsiaWM .location-content { width: 90.666667%; } #MarcumAsiaWM .footer-nav-info { margin-bottom: 8px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { #MarcumAsiaWM input[type="text"], #MarcumAsiaWM input[type="email"], #MarcumAsiaWM input[type="tel"], #MarcumAsiaWM input[type="search"], #MarcumAsiaWM input[type="number"], #MarcumAsiaWM input[type="submit"], #MarcumAsiaWM input[type="password"], #MarcumAsiaWM select, #MarcumAsiaWM textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #MarcumAsiaWM .main-header-section { background: transparent; position: fixed; left: 0; top: 1px; margin-top: -1px; z-index: 999; padding: 55px 0 26px; } #MarcumAsiaWM .header-inner { padding: 0; flex-flow: row wrap; } #MarcumAsiaWM .logo-wrap { float: left; width: 100%; justify-content: space-between; position: relative; padding-top: 0; z-index: 11; } #MarcumAsiaWM .main-nav ul li a:after, #MarcumAsiaWM .main-nav .search-btn a:after { display: none; width: 0; } #MarcumAsiaWM .main-logo { width: 230px; } #MarcumAsiaWM .phone-nav { display: flex; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; align-items: center; } #MarcumAsiaWM .nav-wrap { background: #ffffff; box-shadow: 0 1px 10px #0000004d; display: none; } #MarcumAsiaWM .nav-wrap { padding: 120px 20px; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: scroll; background-color: #212936; } #MarcumAsiaWM .main-logo img { width: 220px; } #MarcumAsiaWM .main-nav { margin-top: 50px; } #MarcumAsiaWM .main-nav ul { text-align: center; flex-direction: column; gap: 10px; margin-bottom: 12px; } #MarcumAsiaWM .main-nav .search-btn { width: 128px; } #MarcumAsiaWM .main-nav .search-btn a { align-items: center; } #MarcumAsiaWM .main-nav .search-btn img { width: 25px; height: 25px; } #MarcumAsiaWM .main-nav ul { text-align: center; flex-direction: column; } #MarcumAsiaWM .main-nav ul li { float: left; width: 100%; margin: 0; } #MarcumAsiaWM .main-nav ul li a { display: inline-block; color: #fff; } #MarcumAsiaWM .nav-expand .nav-wrap { display: block; transform: translate(0); overflow-y: scroll; } #MarcumAsiaWM .nav-expand .phone-nav div:after, #MarcumAsiaWM .nav-expand .phone-nav div:before { width: 30%; } #MarcumAsiaWM .phone-nav div:after, #MarcumAsiaWM .phone-nav div:before { content: ""; top: -8px; left: 0; position: absolute; background-color: #fff; width: 100%; height: 2px; transition: 0.5s ease-in-out; } #MarcumAsiaWM .phone-nav div:before { bottom: -7px; top: auto; } #MarcumAsiaWM .top-menu { position: absolute; top: 0; justify-content: center; left: 0; } #MarcumAsiaWM header.main-header-section.sticky .top-menu { display: block; } #MarcumAsiaWM .hero-bg-wrap { flex-flow: row wrap; } #MarcumAsiaWM .hero-info h1 { text-align: center; font-size: 40px; line-height: normal; } #MarcumAsiaWM .counter-wrap { width: 100%; right: auto; flex-flow: row wrap; padding: 40px; bottom: 0; } #MarcumAsiaWM .counter-item { width: 100%; margin-bottom: 30px; } #MarcumAsiaWM .counter-item span { font-size: 50px; } #MarcumAsiaWM .hero-inner { margin-top: 50px; } #MarcumAsiaWM .hero-bg-wrap { float: left; width: 100%; height: 83vh; display: flex; align-items: start; justify-content: center; padding-top: 150px; min-height: 600px; } #MarcumAsiaWM .left-content { width: 100%; padding-bottom: 50px; } #MarcumAsiaWM .right-content { width: 100%; margin-top: 50px; } #MarcumAsiaWM .left-content h2 { font-size: 42px; line-height: normal; } #MarcumAsiaWM .left-content p { font-size: 30px; line-height: normal; } #MarcumAsiaWM .go-brand-wrap:after { width: 100%; height: 55%; top: auto; bottom: 0; } #MarcumAsiaWM .go-brand-wrap:before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 10px; background: #0099a9; display: block; z-index: 99; } #MarcumAsiaWM .right-content img.polygon-img { width: 40px; transform: translate(-50%); } #MarcumAsiaWM .right-content p { font-size: 22px; line-height: normal; } #MarcumAsiaWM a.btn.why-btn { font-size: 22px; } #MarcumAsiaWM .cta-wrap { padding-top: 30px; } #MarcumAsiaWM .go-brand-wrap { padding-bottom: 50px; padding-top: 0; } #MarcumAsiaWM .location-content h2 { font-size: 42px; line-height: normal; } #MarcumAsiaWM .location-info { padding-top: 60px; } #MarcumAsiaWM .location-content { width: 100%; } #MarcumAsiaWM .service-banner { height: 100%; padding-bottom: 50px; } #MarcumAsiaWM .service-counter { width: 100%; margin-top: 0; gap: 20px; } #MarcumAsiaWM .service-item { width: 100%; margin-bottom: 30px; } #MarcumAsiaWM #bullet-btn-common-wrap { display: none; } #MarcumAsiaWM .location-info { padding-top: 150px; gap: 20px; flex-wrap: wrap; } #MarcumAsiaWM .location-content { width: 70.666667%; } #MarcumAsiaWM .slider-wrap-info { position: relative; flex-flow: row wrap; } #MarcumAsiaWM .slide { width: 100%; border-right: 0; border-bottom: 2px solid #fff; padding-bottom: 50px; } #MarcumAsiaWM .slide .content { position: relative; bottom: 0; } #MarcumAsiaWM .content h3 { font-size: 30px; padding-top: 40px; } #MarcumAsiaWM .slide:hover { width: 100%; } #MarcumAsiaWM .slide:hover .content h3 { padding-bottom: 40px; } #MarcumAsiaWM .learn-btn { margin-top: 40px; } #MarcumAsiaWM .slider-wrap { height: auto; } #MarcumAsiaWM .large-item { width: 100%; } #MarcumAsiaWM .blog-inner { flex-wrap: wrap; gap: 40px; } #MarcumAsiaWM .grid-item { width: 100%; gap: 30px; } #MarcumAsiaWM .blog-item { width: 100%; } #MarcumAsiaWM .career-cta-wrap { height: auto; padding: 50px 0; } #MarcumAsiaWM .career-cta-wrap .bullet-btn { padding-top: 0; } #MarcumAsiaWM .banner-text h2 { font-size: 42px; line-height: normal; } #MarcumAsiaWM .lang-nav { width: 100%; display: flex; justify-content: center; } #MarcumAsiaWM .footer-nav-info { flex-flow: row wrap; justify-content: center; } #MarcumAsiaWM .footer-nav.small-item { width: 100%; } #MarcumAsiaWM .large-widget { float: left; width: 100%; padding-right: 0; } #MarcumAsiaWM .social-icon { padding-top: 30px; } #MarcumAsiaWM .footer-nav { width: 100%; margin-top: 60px; } #MarcumAsiaWM .footer-nav-info { margin-bottom: 8px; } #MarcumAsiaWM .bottom-inner-copy { flex-flow: row wrap; row-gap: 20px; } #MarcumAsiaWM .copy-text p { font-size: 16px; } } @media only screen and (min-width: 992px) and (max-width: 1023px) { #MarcumAsiaWM input[type="text"], #MarcumAsiaWM input[type="email"], #MarcumAsiaWM input[type="tel"], #MarcumAsiaWM input[type="search"], #MarcumAsiaWM input[type="number"], #MarcumAsiaWM input[type="submit"], #MarcumAsiaWM input[type="password"], #MarcumAsiaWM select, #MarcumAsiaWM textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #MarcumAsiaWM .main-nav ul li a:after, #MarcumAsiaWM .main-nav .search-btn a:after { display: none; width: 0; } #MarcumAsiaWM .main-header-section { background: transparent; position: fixed; left: 0; top: 1px; margin-top: -1px; z-index: 999; } #MarcumAsiaWM .header-inner { padding: 0; flex-flow: row wrap; } #MarcumAsiaWM .logo-wrap { float: left; width: 100%; justify-content: space-between; position: relative; padding-top: 20px; z-index: 11; } #MarcumAsiaWM .main-logo { width: 230px; } #MarcumAsiaWM .phone-nav { display: flex; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; align-items: center; } #MarcumAsiaWM .main-nav { margin-top: 50px; } #MarcumAsiaWM .nav-wrap { background: #ffffff; box-shadow: 0 1px 10px #0000004d; display: none; } #MarcumAsiaWM .nav-wrap { padding: 120px 20px; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: scroll; background-color: #212936; } #MarcumAsiaWM .main-nav ul { text-align: center; flex-direction: column; gap: 10px; margin-bottom: 12px; } #MarcumAsiaWM .main-nav .search-btn { width: 128px; } #MarcumAsiaWM .footer-nav-info { margin-bottom: 8px; } #MarcumAsiaWM .main-nav .search-btn a { align-items: center; } #MarcumAsiaWM .main-nav .search-btn img { width: 25px; height: 25px; } #MarcumAsiaWM .main-nav ul li { float: left; width: 100%; margin: 0; position: relative; } #MarcumAsiaWM .main-nav ul li a { display: inline-block; color: #fff; } #MarcumAsiaWM .nav-expand .nav-wrap { display: block; transform: translate(0); overflow-y: scroll; } #MarcumAsiaWM .nav-expand .phone-nav div:after, #MarcumAsiaWM .nav-expand .phone-nav div:before { width: 30%; } #MarcumAsiaWM .phone-nav div:after, #MarcumAsiaWM .phone-nav div:before { content: ""; top: -8px; left: 0; position: absolute; background-color: #fff; width: 100%; height: 2px; transition: 0.5s ease-in-out; } #MarcumAsiaWM .phone-nav div:before { bottom: -7px; top: auto; } #MarcumAsiaWM .top-menu { position: absolute; top: 0; justify-content: center; left: 0; } #MarcumAsiaWM header.main-header-section.sticky .top-menu { display: block; } #MarcumAsiaWM .hero-bg-wrap { flex-flow: row wrap; } #MarcumAsiaWM .hero-info h1 { text-align: center; font-size: 40px; line-height: normal; } #MarcumAsiaWM .counter-wrap { width: 100%; right: auto; flex-flow: row wrap; padding: 40px; bottom: 0; } #MarcumAsiaWM .counter-item { width: 100%; margin-bottom: 30px; } #MarcumAsiaWM .counter-item span { font-size: 50px; } #MarcumAsiaWM .hero-bg-wrap { float: left; width: 100%; height: 900px; display: flex; align-items: start; justify-content: center; padding-top: 150px; } #MarcumAsiaWM .go-brand-wrap:before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 10px; background: #0099a9; display: block; z-index: 99; } #MarcumAsiaWM .right-content img.polygon-img { width: 45px; transform: translate(-50%); } #MarcumAsiaWM .left-content { width: 100%; padding-bottom: 50px; } #MarcumAsiaWM .right-content { width: 100%; margin-top: 50px; } #MarcumAsiaWM .left-content h2 { font-size: 42px; line-height: normal; } #MarcumAsiaWM .left-content p { font-size: 30px; line-height: normal; } #MarcumAsiaWM .go-brand-wrap:after { width: 100%; height: 60%; top: auto; bottom: 0; } #MarcumAsiaWM .right-content p { font-size: 22px; line-height: normal; } #MarcumAsiaWM a.btn.why-btn { font-size: 22px; } #MarcumAsiaWM .cta-wrap { padding-top: 30px; } #MarcumAsiaWM .go-brand-wrap { padding-bottom: 50px; } #MarcumAsiaWM .location-content h2 { font-size: 42px; line-height: normal; } #MarcumAsiaWM .location-info { padding-top: 60px; } #MarcumAsiaWM .location-content { width: 100%; } #MarcumAsiaWM .service-banner { height: 100%; padding-bottom: 50px; } #MarcumAsiaWM .service-counter { width: 100%; margin-top: 0; } #MarcumAsiaWM .service-item { width: 100%; margin-bottom: 30px; } #MarcumAsiaWM .location-info { padding-top: 150px; gap: 20px; flex-wrap: wrap; } #MarcumAsiaWM .location-content { width: 70.666667%; } #MarcumAsiaWM .slider-wrap-info { position: relative; flex-flow: row wrap; padding-top: 80px; } #MarcumAsiaWM .slide { width: 100%; border-right: 0; border-bottom: 2px solid #fff; padding-bottom: 50px; } #MarcumAsiaWM .slide .content { position: relative; bottom: 0; } #MarcumAsiaWM .bio-contact-content { padding: 0 40px; } #MarcumAsiaWM .content h3 { font-size: 30px; padding-top: 40px; } #MarcumAsiaWM .slide:hover { width: 100%; } #MarcumAsiaWM .slide:hover .content h3 { padding-bottom: 40px; } #MarcumAsiaWM .learn-btn { margin-top: 40px; } #MarcumAsiaWM .slider-wrap { height: auto; } #MarcumAsiaWM .blog-inner { flex-wrap: wrap; } #MarcumAsiaWM .large-item { width: 100%; } #MarcumAsiaWM .grid-item { width: 100%; flex-flow: row wrap; } #MarcumAsiaWM .blog-item { width: 100%; } #MarcumAsiaWM .career-cta-wrap { height: auto; padding: 50px 0; } #MarcumAsiaWM .career-cta-wrap .bullet-btn { padding-top: 0; } #MarcumAsiaWM .banner-text h2 { font-size: 42px; line-height: normal; } #MarcumAsiaWM .lang-nav { width: 100%; display: flex; justify-content: center; } #MarcumAsiaWM .footer-nav-info { flex-flow: row wrap; justify-content: center; } #MarcumAsiaWM .footer-nav.small-item { width: 100%; } #MarcumAsiaWM .large-widget { float: left; width: 100%; padding-right: 0; } #MarcumAsiaWM .social-icon { padding-top: 30px; } #MarcumAsiaWM .footer-nav { width: 100%; margin-top: 60px; } #MarcumAsiaWM .footer-nav-info { margin-bottom: 8px; } #MarcumAsiaWM .bottom-inner-copy { flex-flow: row wrap; row-gap: 20px; } #MarcumAsiaWM .copy-text p { font-size: 16px; } } @media only screen and (min-width: 1025px) and (max-width: 1280px) { #MarcumAsiaWM .hero-bg-wrap { flex-flow: row wrap; padding-top: 250px; align-items: start; justify-content: center; } #MarcumAsiaWM .hero-info h1 { text-align: center; font-size: 40px; line-height: normal; } #MarcumAsiaWM .counter-wrap { width: 100%; right: auto; padding: 40px; bottom: 0; } #MarcumAsiaWM .counter-item { width: 100%; margin-bottom: 11px; } #MarcumAsiaWM .counter-item span { font-size: 50px; } #MarcumAsiaWM .service-banner { padding-bottom: 60px; height: auto; } #MarcumAsiaWM .slider-wrap-info { position: relative; flex-flow: row wrap; padding-top: 80px; } #MarcumAsiaWM .slide { width: 100%; border-right: 0; border-bottom: 2px solid #fff; padding-bottom: 50px; } #MarcumAsiaWM .slide .content { position: relative; bottom: 0; } #MarcumAsiaWM .bio-contact-content { padding: 0 40px; } #MarcumAsiaWM .content h3 { font-size: 30px; padding-top: 40px; } #MarcumAsiaWM .slide:hover { width: 100%; } #MarcumAsiaWM .slide:hover .content h3 { padding-bottom: 40px; } #MarcumAsiaWM .learn-btn { margin-top: 40px; } #MarcumAsiaWM .slider-wrap { height: auto; } #MarcumAsiaWM .slider-wrap #bullet-btn-common-wrap { display: none; } #MarcumAsiaWM .grid-item { gap: 30px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } #MarcumAsiaWM .blog-inner { gap: 30px; align-items: start; } #MarcumAsiaWM .large-item { width: 40%; } #MarcumAsiaWM .large-widget { width: 32.190476%; padding-right: 50px; } #MarcumAsiaWM .location-info { padding-top: 150px; gap: 20px; } #MarcumAsiaWM .location-content { width: 55.666667%; } } @media only screen and (min-width: 1280px) and (max-width: 1366px) { #MarcumAsiaWM .grid-item { gap: 30px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } #MarcumAsiaWM .blog-inner { gap: 30px; align-items: start; } #MarcumAsiaWM .large-item { width: 35%; } #MarcumAsiaWM .location-info { padding-top: 150px; gap: 20px; } #MarcumAsiaWM .location-content { width: 45.666667%; } } @media only screen and (min-width: 1367px) and (max-width: 1500px) { #MarcumAsiaWM .counter-wrap { width: 100%; } #MarcumAsiaWM .large-item, #MarcumAsiaWM .blog-item { float: left; } #MarcumAsiaWM .nav-menu { padding-right: 30px; } #MarcumAsiaWM .location-info { padding-top: 200px; gap: 20px; } #MarcumAsiaWM .location-content { width: 40.666667%; } } @media only screen and (max-width: 1024px) { #MarcumAsiaWM .main-nav { flex-direction: column; justify-content: center; align-items: center; } } @media screen and (max-width: 1760px) { #MarcumAsiaWM .slide .content { padding: 0 20px; } #MarcumAsiaWM .slide:hover .content { padding: 0 80px; } #MarcumAsiaWM .bio-contact-content .paragraph-container { min-height: 130px; min-width: 570px; } #MarcumAsiaWM .slide .content-inner h3 { font-size: 45px; } } @media screen and (min-width: 1281px) and (max-width: 1500px) { #MarcumAsiaWM .slide:hover .content { padding: 0 60px; } #MarcumAsiaWM .bio-contact-content .paragraph-container { min-height: 130px; min-width: 570px; } #MarcumAsiaWM .slide .content-inner h3 { font-size: 38px; word-wrap: break-word; max-width: 100; } #MarcumAsiaWM .slide .content-inner { transform: translateY(73%); } #MarcumAsiaWM .slide a.btn.why-btn { gap: 20px; font-size: 22px; font-weight: 600; } #MarcumAsiaWM .bio-contact-content .paragraph-container { min-height: 160px; min-width: 570px; } #MarcumAsiaWM .main-header-section { padding: 41px 0; } #MarcumAsiaWM .top-menu { margin-bottom: 0; } #MarcumAsiaWM .logo-wrap { width: 441px; } #MarcumAsiaWM .search-btn img { width: 25px; height: 25px; } #MarcumAsiaWM .main-nav li a { font-size: 18px; line-height: 32px; } #MarcumAsiaWM .main-nav ul { gap: 5.7%; } #MarcumAsiaWM .main-nav .search-btn a { gap: 10px; align-items: center; } #MarcumAsiaWM .main-nav .search-btn { width: 114px; } #MarcumAsiaWM .socila-link li:last-child { border: 0; padding-right: 0; } #MarcumAsiaWM .hero-bg-wrap { height: 694px; } #MarcumAsiaWM .hero-info { max-width: 1123px; } #MarcumAsiaWM .counter-wrap { bottom: 55px; width: 78%; padding: 19px; } #MarcumAsiaWM .counter-wrap { bottom: 55px; width: 78%; } #MarcumAsiaWM .btn-tablet { width: 232px; padding: 6px 15px; font-size: 17px; } #MarcumAsiaWM .bullet-btn { padding-top: 52.63px; } #MarcumAsiaWM .location-content h2 { line-height: 64px; font-size: 48px; } #MarcumAsiaWM .location-info { padding-top: 218px; gap: 20px; } #MarcumAsiaWM .location-btn { margin-top: 7px; } #MarcumAsiaWM .location-btn a.btn.why-btn img { gap: 8px; } #MarcumAsiaWM .location-btn a.btn.why-btn img { width: 39px; } #MarcumAsiaWM .hero-info h1 { font-size: 45px; padding-bottom: 17px; } #MarcumAsiaWM .service-item span { font-size: 40px; line-height: 65px; } #MarcumAsiaWM .service-counter { margin-top: 116px; } #MarcumAsiaWM .service-banner { height: 582px; } #MarcumAsiaWM .slide .content-inner h3 { font-size: 34px; } #MarcumAsiaWM .slider-wrap { height: 594px; } #MarcumAsiaWM .content h3 { min-height: 117px; } #MarcumAsiaWM .bio-contact-content .learn-btn { padding-bottom: 49px; margin-top: 26px; } #MarcumAsiaWM .slide a.btn.why-btn { font-size: 21px; } #MarcumAsiaWM .slide a.btn.why-btn img { width: 40px; } #MarcumAsiaWM .service-item p { font-size: 22px; line-height: 27px; } #MarcumAsiaWM .hero-info h1 { font-size: 45px; padding-bottom: 10px; } #MarcumAsiaWM .common-wrap { max-width: 1276px; } #MarcumAsiaWM .nav-menu { padding-right: 0 !important; } #MarcumAsiaWM .go-brand-wrap:before { height: 8px; } #MarcumAsiaWM .counter-item span { font-size: 99px; } #MarcumAsiaWM .counter-wrap { bottom: 55px; width: 78%; padding: 12px 71px; } #MarcumAsiaWM .left-content h2 { font-size: 52px; line-height: 56px; } #MarcumAsiaWM .go-brand-wrap { padding: 51px 0 124px; } #MarcumAsiaWM .right-content img.polygon-img { width: 49px; transform: translate(-50%); } #MarcumAsiaWM .left-content { width: 42.714286%; margin-top: 69px; } #MarcumAsiaWM .left-content p { font-size: 37px; line-height: 39px; } #MarcumAsiaWM a.btn.why-btn { font-size: 22px; } #MarcumAsiaWM .right-content a.btn.why-btn img { width: 42px; } #MarcumAsiaWM .right-content .cta-wrap { padding-top: 64px; } #MarcumAsiaWM .go-brand-wrap { padding: 51px 0 118px; } #MarcumAsiaWM .right-content p { font-size: 24px; line-height: 34px; max-width: 93%; } #MarcumAsiaWM .hero-bg-wrap { height: 687px; } #MarcumAsiaWM .blog-wrap { padding: 74px 0 114px; } #MarcumAsiaWM .large-item { width: 41.5009%; } #MarcumAsiaWM .blog-content { padding: 30px; } #MarcumAsiaWM .blog-content h3 { font-size: 28px; line-height: 37px; } #MarcumAsiaWM .blog-content span { font-size: 18px; line-height: 38px; } #MarcumAsiaWM .blog-content p { padding-top: 21px; font-size: 1.3rem; line-height: 133%; } #MarcumAsiaWM .read-btn a { font-size: 18px; line-height: 36px; } #MarcumAsiaWM .blog-inner { align-items: start; } #MarcumAsiaWM .grid-item { grid-template-columns: repeat(auto-fill, minmax(289px, 1fr)); gap: 37px; } #MarcumAsiaWM .blog-item { padding: 30px; } #MarcumAsiaWM .tag-btn a { padding: 6px 20px; font-size: 18px; } #MarcumAsiaWM .blog-item .blog-content { padding-top: 25px; } #MarcumAsiaWM .blog-item .read-btn { margin-top: 13px; } #MarcumAsiaWM .read-btn { margin-top: 15px; padding-bottom: 5px; } #MarcumAsiaWM .blog-inner { gap: 37px; } #MarcumAsiaWM .banner-text { max-width: 842px; margin-top: 55px; } #MarcumAsiaWM .banner-text h2 { font-size: 49px; line-height: 58px; } #MarcumAsiaWM .banner-text p { font-size: 23px; margin-top: 30px; } #MarcumAsiaWM .banner-btn .btn { font-size: 18px; } #MarcumAsiaWM .banner-btn { margin-top: 45px; } #MarcumAsiaWM .banner-btn a { height: 47px; line-height: 48px; padding: 1px 45px; } #MarcumAsiaWM .footer-nav-wrap { padding: 10px 0; } #MarcumAsiaWM .footer-nav-wrap .main-nav ul li a { font-size: 19px; line-height: 25px; } #MarcumAsiaWM .footer-inner h4 { font-size: 22px; } #MarcumAsiaWM .large-widget { width: 41.190476%; padding-right: 70px; } #MarcumAsiaWM .footer-inner p { font-size: 17px; } #MarcumAsiaWM .footer-inner .menu-list li a { font-size: 17px; margin-bottom: 2px; } #MarcumAsiaWM .footer-inner ul.menu-list .sub-menu li a, #MarcumAsiaWM .footer-inner .menu li a { font-size: 17px; } #MarcumAsiaWM .footer-inner span { font-size: 22px; padding-bottom: 16px; } #MarcumAsiaWM .address-text ul li { font-size: 17px; line-height: 22px; } #MarcumAsiaWM .social-icon img { width: 42px; } #MarcumAsiaWM .social-icon { padding-top: 50px; } #MarcumAsiaWM .copy-text p, #MarcumAsiaWM .quick-link a { font-size: 18px; } } @media screen and (min-width: 1024px) and (max-width: 1280px) { #MarcumAsiaWM .slide:hover .content { padding: 0 60px; } #MarcumAsiaWM .bio-contact-content .paragraph-container { min-height: 130px; min-width: 570px; } #MarcumAsiaWM .slide .content-inner h3 { font-size: 38px; word-wrap: break-word; max-width: 100; } #MarcumAsiaWM .slide .content-inner { transform: translateY(73%); } #MarcumAsiaWM .slide a.btn.why-btn { gap: 20px; font-size: 22px; font-weight: 600; } #MarcumAsiaWM .bio-contact-content .paragraph-container { min-height: 160px; min-width: 570px; } #MarcumAsiaWM .main-header-section { padding: 21px 0; } #MarcumAsiaWM .top-menu { margin-bottom: 0; } #MarcumAsiaWM .logo-wrap { width: 350px; } #MarcumAsiaWM .search-btn img { width: 25px; height: 25px; } #MarcumAsiaWM .main-nav li a { font-size: 18px; line-height: 32px; } #MarcumAsiaWM .main-nav ul { gap: 5.7%; } #MarcumAsiaWM .main-nav .search-btn a { gap: 10px; align-items: center; } #MarcumAsiaWM .main-nav .search-btn { width: 121px; } #MarcumAsiaWM .socila-link li:last-child { border: 0; padding-right: 0; } #MarcumAsiaWM .hero-bg-wrap { height: 694px; } #MarcumAsiaWM .hero-info { max-width: 844px; } #MarcumAsiaWM .counter-wrap { bottom: 55px; width: 78%; padding: 19px; } #MarcumAsiaWM .counter-wrap { bottom: 55px; width: 78%; } #MarcumAsiaWM .btn-tablet { width: 232px; padding: 6px 15px; font-size: 17px; } #MarcumAsiaWM .bullet-btn { padding-top: 52.63px; } #MarcumAsiaWM .location-content h2 { line-height: 46px; font-size: 40px; } #MarcumAsiaWM .location-info { padding-top: 127px; gap: 20px; } #MarcumAsiaWM .location-btn { margin-top: 14px; } #MarcumAsiaWM .location-btn a.btn.why-btn img { gap: 8px; } #MarcumAsiaWM .location-btn a.btn.why-btn img { width: 38px; } #MarcumAsiaWM .hero-info h1 { font-size: 45px; padding-bottom: 17px; } #MarcumAsiaWM .service-item span { font-size: 33px; line-height: 38px; } #MarcumAsiaWM .service-counter { margin-top: 78px; } #MarcumAsiaWM .service-banner { height: 426px; } #MarcumAsiaWM .service-item p { font-size: 18px; line-height: 23px; } #MarcumAsiaWM .hero-info h1 { font-size: 38px; padding-bottom: 10px; } #MarcumAsiaWM .common-wrap { max-width: 1276px; } #MarcumAsiaWM .nav-menu { padding-right: 0 !important; } #MarcumAsiaWM .go-brand-wrap:before { height: 8px; } #MarcumAsiaWM .counter-item span { font-size: 76px; } #MarcumAsiaWM .counter-wrap { bottom: 55px; width: 78%; padding: 12px 53px; } #MarcumAsiaWM .left-content h2 { font-size: 33px; line-height: 45px; } #MarcumAsiaWM .go-brand-wrap { padding: 51px 0 118px; } #MarcumAsiaWM .go-brand-wrap { padding: 51px 0 124px; } #MarcumAsiaWM .right-content img.polygon-img { width: 38px; transform: translate(-50%); } #MarcumAsiaWM .left-content { width: 39.714286%; margin-top: 69px; } #MarcumAsiaWM .left-content p { font-size: 28px; line-height: 35px; } #MarcumAsiaWM a.btn.why-btn { font-size: 18px; } #MarcumAsiaWM .right-content a.btn.why-btn img { width: 38px; } #MarcumAsiaWM .right-content .cta-wrap { padding-top: 28px; } #MarcumAsiaWM .go-brand-wrap { padding: 51px 0 59px; } #MarcumAsiaWM .right-content p { font-size: 20px; line-height: 31px; max-width: 89%; } #MarcumAsiaWM .hero-bg-wrap { height: 687px; } #MarcumAsiaWM .blog-wrap { padding: 60px 0; } #MarcumAsiaWM .large-item { width: 41.5009%; } #MarcumAsiaWM .blog-content { padding: 20px; } #MarcumAsiaWM .blog-content h3 { font-size: 20px; line-height: 24px; } #MarcumAsiaWM .blog-content span { font-size: 16px; line-height: 34px; } #MarcumAsiaWM .blog-content p { padding-top: 16px; font-size: 1rem; line-height: 133%; } #MarcumAsiaWM .read-btn a { font-size: 16px; line-height: 32px; } #MarcumAsiaWM .blog-inner { align-items: start; } #MarcumAsiaWM .grid-item { grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); gap: 25px; } #MarcumAsiaWM .blog-item { padding: 20px; } #MarcumAsiaWM .tag-btn a { padding: 6px 20px; font-size: 16px; } #MarcumAsiaWM .blog-item .blog-content { padding-top: 25px; } #MarcumAsiaWM .blog-item .read-btn { margin-top: 0; } #MarcumAsiaWM .read-btn { margin-top: 15px; padding-bottom: 5px; } #MarcumAsiaWM .blog-inner { gap: 25px; } #MarcumAsiaWM .banner-text { max-width: 679px; margin-top: 55px; } #MarcumAsiaWM .banner-text h2 { font-size: 36px; line-height: 42px; } #MarcumAsiaWM .banner-text p { font-size: 18px; margin-top: 30px; } #MarcumAsiaWM .banner-btn .btn { font-size: 16px; } #MarcumAsiaWM .banner-btn { margin-top: 26px; } #MarcumAsiaWM .banner-btn a { height: 39px; line-height: 39px; padding: 1px 35px; } #MarcumAsiaWM .footer-nav-wrap { padding: 8px 0 10px; } #MarcumAsiaWM .footer-nav-wrap .main-nav ul li a { font-size: 19px; line-height: 25px; } #MarcumAsiaWM .footer-inner h4 { font-size: 20px; } #MarcumAsiaWM .large-widget { width: 41.190476%; padding-right: 70px; } #MarcumAsiaWM .footer-inner p { font-size: 16px; } #MarcumAsiaWM .footer-inner .menu-list li a { font-size: 16px; margin-bottom: 3px; } #MarcumAsiaWM .footer-inner ul.menu-list .sub-menu li a { font-size: 16px; } #MarcumAsiaWM .footer-inner .menu li a { font-size: 16px; line-height: 22px; } #MarcumAsiaWM .footer-inner span { font-size: 18px; padding-bottom: 11px; } #MarcumAsiaWM .address-text ul li { font-size: 16px; line-height: 21px; } #MarcumAsiaWM .social-icon img { width: 37px; } #MarcumAsiaWM .social-icon { padding-top: 32px; } #MarcumAsiaWM .copy-text p, #MarcumAsiaWM .quick-link a { font-size: 16px; } #MarcumAsiaWM .counter-wrap { right: 0; } #MarcumAsiaWM .slider-wrap-info { padding-top: 0; } #MarcumAsiaWM .slide { max-height: 400px; padding-bottom: 0; } #MarcumAsiaWM .slide .content-inner { transform: translateY(55%); } #MarcumAsiaWM .slide .content h3 { max-width: auto; } #MarcumAsiaWM .bio-contact-content .paragraph-container { min-height: 0px; min-width: 0px; } #MarcumAsiaWM .bio-contact-content .learn-btn { padding-bottom: 40px; margin-top: 30px; } #MarcumAsiaWM .bio-contact-content { padding: 0; } #MarcumAsiaWM .slider-wrap #bullet-btn-common-wrap { display: none !important; } } @media screen and (max-width: 1023px) { #MarcumAsiaWM #bullet-btn-common-wrap { display: none !important; } } @media screen and (max-width: 768px) { #MarcumAsiaWM .slide { max-height: auto; height: auto; } #MarcumAsiaWM .slide .content-inner { transform: translateY(68%); } #MarcumAsiaWM .bio-contact-content .paragraph-container p { font-size: 20px; } } @media screen and (max-width: 540px) { #MarcumAsiaWM .slide { max-height: auto; } #MarcumAsiaWM .slide:hover .content { padding: 0 30px; } #MarcumAsiaWM .slide .content h3 { padding: 80px 0; min-height: 80px; } #MarcumAsiaWM .bio-contact-content{ display: none; } #MarcumAsiaWM .slide .content-inner { transform: translateY(0%); } #MarcumAsiaWM .slider-inner .slide { max-height: 999px !important; padding-bottom: 0; } #MarcumAsiaWM .bio-contact-content .paragraph-container p { font-size: 18px; } }