html { overflow-x: hidden; box-sizing: border-box; font-size: 14px; letter-spacing: 0.3px } *, *:before, *:after { box-sizing: inherit } a, .uk-link { color: #f60; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) } a:hover, a:focus, a:active, .uk-link:hover, .uk-link:focus, .uk-link:active { color: #f60; text-decoration: underline } blockquote { margin: 20px auto; padding: 0; border: 0; font-family: "Century_Gothic"; font-size: 1.42857rem; font-style: normal; line-height: 1.4 } blockquote>br:first-child { display: none } cite { font-family: "Century_Gothic"; font-style: normal; color: #eee; text-transform: uppercase } cite strong { color: #f60 } em { color: #f60 } h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-article-title { font-family: "Century_Gothic"; font-weight: bold; line-height: 1.25; letter-spacing: 1px; text-transform: uppercase } h1, .uk-h1 { font-size: 2.5rem } h5, .uk-h5 { letter-spacing: 2.5px } hr { margin: 40px 0 } p { margin-bottom: 40px } p:empty { display: none } p:before { content: ''; display: table-cell } p:after { content: ''; display: table; clear: both } li { margin: 5px auto } textarea { width: 100% } [type='submit']:hover, [type='submit']:focus, [type='submit']:active, .button-hollow:hover, .button-hollow:focus, .button-hollow:active { border-color: #8e8e8e; background: #8e8e8e; color: #fff } [class*='benefit-'] svg { max-width: 96px; max-height: 96px; fill: #fff } [class*='benefit-'] h2, [class*='benefit-'] h4 { color: inherit } .benefit-overview { position: relative; z-index: 1; margin-bottom: 10px; padding: 20px; background: #eee center/cover no-repeat; font-family: "Century_Gothic"; font-size: 1.28571rem; color: #fff; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) } @media (min-width:768px) { .benefit-overview { padding: 40px } } .benefit-overview:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0.5; width: 100%; height: 100%; background: #000 } .benefit-overview h2 { color: inherit } .benefit-overview .button { font-size: 1rem } .benefits-grid .box { width: 100%; padding: 10px; background: #f60; color: #fff; text-align: center } @media (min-width:480px) { .benefits-grid .box { padding: 20px } } .benefits-grid h4 { margin: 10px auto; font-size: 12px } @media (min-width:768px) { .benefits-grid h4 { font-size: 14px } } @media (min-width:960px) { .benefits-grid h4 { font-size: 18px } } .benefits-grid p { display: none; margin-bottom: 20px } @media (min-width:480px) { .benefits-grid p { display: block } } @media (min-width:768px) { .benefits-grid p { display: none } } @media (min-width:960px) { .benefits-grid p { display: block } } .benefits-list { margin: 0 auto } @media (min-width:768px) { .benefits-list { max-width: 80% } } .benefits-list .benefit-item>div:first-child .box { padding: 20px; background: #f60; color: #fff; text-align: center } .benefits-list .box { padding: 10px } .benefits-list h4 { margin: 0 auto } .alignleft, .alignright { margin-bottom: 20px } .separator { display: block; position: relative; z-index: 1; margin: 20px auto; font-weight: bold; color: currentcolor; text-align: center; text-transform: uppercase } .separator:before, .separator:after { content: ''; display: block; position: absolute; top: 50%; z-index: -1; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .separator:before { width: 100%; border-top: 3px solid currentcolor } .separator:after { left: 0; right: 0; margin: 0 auto; width: 25%; height: 100%; background: #000 } @media (min-width:768px) { .column-2 { -webkit-columns: auto 2; -moz-columns: auto 2; columns: auto 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px } } .column-2>br:first-child { display: none } .column-2 *+p { margin-top: 0 } .hide { position: absolute; margin: -1px; width: 1px; height: 1px; padding: 0; overflow: hidden; border: 0; clip: rect(0 0 0 0) } .quote { position: relative; margin: 40px auto; padding: 40px; border-left: 6px solid #f60; background: #000; color: #fff } .quote:after { content: '\f10e'; display: block; position: absolute; right: 20px; bottom: 0; padding: 20px; font-family: 'FontAwesome'; font-size: 2.28571rem } @media (min-width:768px) { .quote:after { font-size: 2.57143rem } } @media (min-width:960px) { .quote:after { font-size: 3.42857rem } } .quote img { float: right; position: relative; z-index: 1; margin: -40px -40px 0 0; max-width: 150px; padding: 20px } @media (min-width:768px) { .uk-article { padding-left: 40px; padding-right: 40px } } .uk-article .uk-subnav { display: block } .uk-slidenav-position .uk-slidenav { display: block; opacity: 0; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) } .uk-slidenav-position:hover .uk-slidenav, .uk-slidenav-position:focus .uk-slidenav, .uk-slidenav-position:active .uk-slidenav { opacity: 1 } .uk-pagination>li>a { background: #eee } .uk-pagination>li>a:hover, .uk-pagination>li>a:focus, .uk-pagination>li>a:active { background: #8e8e8e; color: #fff } .uk-pagination>li.uk-active span { background: #f60; color: #fff } .gallery br { display: none } .gallery-item { display: block; margin: 0 } @media (min-width:480px) { .gallery-item { display: inline-block } } .gallery-icon { padding: 10px; text-align: center } @media (min-width:480px) { .gallery-columns-2 .gallery-item { width: 50% } .gallery-columns-3 .gallery-item { width: 33% } .gallery-columns-4 .gallery-item { width: 25% } .gallery-columns-5 .gallery-item { width: 20% } .gallery-columns-6 .gallery-item { width: 16% } .gallery-columns-7 .gallery-item { width: 14% } .gallery-columns-8 .gallery-item { width: 12% } .gallery-columns-9 .gallery-item { width: 11% } } .tm-logo { float: left; margin: 20px 30px } .tm-navbar { background: #f60; color: #fff; text-transform: uppercase } @media (min-width:768px) { .tm-navbar { margin-top: 0; margin-bottom: 0 } } .tm-navbar .uk-navbar-nav { float: right; margin: 20px 30px 0 0 } .tm-navbar .uk-navbar-nav>li>a { position: relative; background: none; font-family: "Century_Gothic"; letter-spacing: 1px; } .tm-navbar .uk-navbar-nav>li>a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 0; height: 3px; background: #fff; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) } .tm-navbar .uk-navbar-nav>li>a:hover:after, .tm-navbar .uk-navbar-nav>li>a:focus:after, .tm-navbar .uk-navbar-nav>li>a:active:after { width: 100% } .tm-navbar .uk-navbar-nav>li.uk-open>a { background: transparent; } .tm-navbar .uk-navbar-nav>li.uk-open>a:after { width: 100% } .tm-navbar .uk-dropdown-navbar { background: #ff751a; font-size: 12px; } .tm-navbar .uk-dropdown-navbar .uk-nav-navbar>li>a { position: relative; color: inherit } .tm-navbar .uk-dropdown-navbar .uk-nav-navbar>li>a:after { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 0; height: 100%; background: #ff8533; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) } .tm-navbar .uk-dropdown-navbar .uk-nav-navbar>li>a:hover, .tm-navbar .uk-dropdown-navbar .uk-nav-navbar>li>a:focus, .tm-navbar .uk-dropdown-navbar .uk-nav-navbar>li>a:active { background: none } .tm-navbar .uk-dropdown-navbar .uk-nav-navbar>li>a:hover:after, .tm-navbar .uk-dropdown-navbar .uk-nav-navbar>li>a:focus:after, .tm-navbar .uk-dropdown-navbar .uk-nav-navbar>li>a:active:after { width: 100% } .tm-navbar .uk-navbar-content, .tm-navbar .uk-navbar-brand, .tm-navbar .uk-navbar-toggle { height: 60px; color: inherit } .tm-toolbar { margin-top: 0 } .uk-float-right a { display: block; padding: 5px 15px; background: #444; font-size: 11px; color: #fff; text-transform: uppercase } .uk-float-right a:hover, .uk-float-right a:focus, .uk-float-right a:active { background: #000; text-decoration: none } .lang-switcher { list-style: none; margin: 0; padding: 0 } .lang-switcher li { float: left; display: inline-block; margin: 0 } .lang-switcher li>* { display: block; padding: 5px 8px; font-size: 11px; color: #fff; text-transform: uppercase } .lang-switcher li>span { background: #f60 } .lang-switcher li>a { background: #444; text-decoration: none } .lang-switcher li>a:hover, .lang-switcher li>a:focus, .lang-switcher li>a:active { background: #000 } body:not(.wp-front_page) .tm-top-b-outbound { position: relative; z-index: -1; margin-top: -100px; background: rgba(255, 102, 0, 0.75) } body:not(.wp-front_page) .tm-top-b-outbound:before, body:not(.wp-front_page) .tm-top-b-outbound:after { content: ''; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-style: solid } body:not(.wp-front_page) .tm-top-b-outbound:before { top: -100px; border-width: 100px 75vw 0 25vw; border-color: #fff transparent transparent; -webkit-transform: translateY(100%) scale(0.99999); transform: translateY(100%) scale(0.99999) } body:not(.wp-front_page) .tm-top-b-outbound:after { bottom: -100px; border-width: 0 25vw 100px 75vw; border-color: transparent transparent #fff; -webkit-transform: translateY(-100%) scale(0.99999); transform: translateY(-100%) scale(0.99999) } body:not(.wp-front_page) .tm-top-b-outbound .tm-top-b { width: 100% } body:not(.wp-front_page) .tm-top-b-outbound .uk-panel { min-height: 400px } body:not(.wp-front_page) .tm-top-b-outbound h1 { position: absolute; top: 50%; padding: 20px; font-size: 2rem; color: #fff; text-shadow: 0 2px 5px #000; -webkit-transform: translateY(-50%); transform: translateY(-50%) } body:not(.wp-front_page) .featured-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; background: no-repeat center 20%/cover; animation-name: fadeIn; animation-delay: 3s; animation-duration: 1.5s; animation-fill-mode: forwards; animation-timing-function: linear } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } #map-china { float: right; opacity: 0.75; width: 150%; height: auto } #map-china .path { stroke: #fff; stroke-dasharray: 3277px, 3277px; stroke-width: 3; fill-opacity: 0; animation-name: outline; animation-duration: 3s; animation-fill-mode: forwards; animation-timing-function: linear } @-webkit-keyframes outline { 0% { stroke-dashoffset: 3277px } 99% { stroke-dashoffset: 0 } 100% { opacity: 0 } } @keyframes outline { 0% { stroke-dashoffset: 3277px } 99% { stroke-dashoffset: 0 } 100% { opacity: 0 } } .gs-core { padding-bottom: 40px } .page:not(.wp-front_page) .uk-article-title { position: relative; margin-bottom: 40px } .page:not(.wp-front_page) .uk-article-title:after { content: ''; display: block; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; width: 100px; height: 4px; background: #f60 } .page:not(.wp-front_page) .uk-article-title, .page:not(.wp-front_page) .uk-article-title+p:first-of-type { margin-left: auto; margin-right: auto; text-align: center } @media (min-width:768px) { .page:not(.wp-front_page) .uk-article-title, .page:not(.wp-front_page) .uk-article-title+p:first-of-type { max-width: 75% } } .page:not(.wp-front_page) .uk-article-title+p:first-of-type { font-family: "Century_Gothic"; font-size: 1.28571rem } .tm-top-a { min-height: 300px } .tm-top-a h1 { font-size: 1.5rem; line-height: 1.5; color: #fff; text-transform: uppercase; text-shadow: 0 2px 5px #000 } @media (min-width:768px) { .tm-top-a h1 { padding: 20px 60px; font-size: 2rem } } .tm-top-a .headline-animate-wrapper { display: inline-block; white-space: nowrap; vertical-align: bottom } .tm-top-a .headline-animate-wrapper span { float: left; display: inline-block; width: 0; overflow: hidden; background: #f60; text-shadow: none; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) } .tm-top-a .headline-animate-wrapper span.active { width: 100%; padding: 0 10px } .wp-front_page .tm-top-b-outbound { padding: 40px 0; background: #eee; text-align: center } .wp-front_page .tm-top-b-outbound .uk-panel-title { font-weight: bold; text-transform: uppercase } .wp-front_page .tm-top-b-outbound .uk-slidenav-position { margin-top: 40px; margin-left: auto; margin-right: auto; max-width: 800px } .wp-front_page .gs-core { padding-top: 40px } .wp-front_page .uk-article-title { display: none } .tm-bottom-b [class*='split'] { position: relative; z-index: 1; padding: 20px; border: 9px solid transparent; background: no-repeat center/0; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) } @media (min-width:768px) { .tm-bottom-b [class*='split'] { padding: 40px } } .tm-bottom-b [class*='split']:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; background: transparent; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) } .tm-bottom-b [class*='split'] .uk-panel-title { color: inherit } .tm-bottom-b [class*='split']:hover, .tm-bottom-b [class*='split']:focus, .tm-bottom-b [class*='split']:active { border-color: #000; background-size: cover; color: #fff } .tm-bottom-b [class*='split']:hover:before, .tm-bottom-b [class*='split']:focus:before, .tm-bottom-b [class*='split']:active:before { background: rgba(0, 0, 0, 0.5) } .tm-bottom-b .split-merchant { background-image: url("/wp-content/uploads/2015/09/cover-merchants-768x496.jpg") } .tm-bottom-b .split-partner { background-image: url("/wp-content/uploads/2015/09/cover-partners-768x409.jpg") } .team div:nth-of-type(n+4), .team hr:nth-of-type(n+4) { display: none } .team div>div:first-child { padding: 40px; text-align: center } .team img { max-height: 300px; background: #000; box-shadow: 10px -10px #8e8e8e } .team h1 { margin: 20px auto 0 } .team h5 { margin: 0 } .team h5~p:not(:first-of-type):not(:last-of-type) { display: none } .team [class*='read'] { display: inline-block; position: relative; font-family: "Century_Gothic"; font-weight: bold; text-transform: uppercase } .team [class*='read']:after { content: ''; display: block; position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto; width: 100px; height: 4px; background: #f60 } .team .read-less { display: none } .wp-home article:not(:last-of-type), .wp-archive article:not(:last-of-type), .wp-single article:not(:last-of-type) { padding-bottom: 25px; border-bottom: 1px solid #eee } .wp-home .uk-article-title, .wp-archive .uk-article-title, .wp-single .uk-article-title { font-size: 1.71429rem; text-transform: none } .wp-home .uk-subnav>*>*, .wp-archive .uk-subnav>*>*, .wp-single .uk-subnav>*>* { font-family: "Century_Gothic"; color: #8e8e8e; text-transform: uppercase } .wp-home .uk-subnav>*>*:after, .wp-archive .uk-subnav>*>*:after, .wp-single .uk-subnav>*>*:after { content: ' \2192' } .wp-home .uk-subnav>*>*:hover, .wp-home .uk-subnav>*>*:focus, .wp-home .uk-subnav>*>*:active, .wp-archive .uk-subnav>*>*:hover, .wp-archive .uk-subnav>*>*:focus, .wp-archive .uk-subnav>*>*:active, .wp-single .uk-subnav>*>*:hover, .wp-single .uk-subnav>*>*:focus, .wp-single .uk-subnav>*>*:active { color: #f60 } .uk-article-meta { margin-top: -15px } .tm-sidebar-a .uk-panel-title { font-family: "Century_Gothic"; font-weight: bold; text-transform: uppercase } .tm-sidebar-a .uk-list-line>li:nth-child(n+2) { border: 0 } #mcVerify-modal .uk-modal-close { float: right } #mcVerify { display: flex; justify-content: space-around; margin: 0 auto; width: 300px; font-size: 13px } #mcVerify input { display: inline-block } #mcVerify [type="email"] { width: 200px } #mcVerify [type="submit"] { border: 0 } #mcVerify [type="submit"]:hover, #mcVerify [type="submit"]:focus, #mcVerify [type="submit"]:active { background: none; color: #f60 } .press-logo { margin-bottom: 60px } .press-logo div:nth-child(odd) { text-align: center } .press-logo a { display: inline-block } .press-logo img { width: 100%; max-width: 240px } .office { position: relative; margin: 40px 0 } .office-location { min-height: 420px } .office-info { padding: 20px; border-left: 6px solid #f60; background: #000; color: #fff; font-size: 14px } @media (min-width:480px) { .office-info { position: absolute; right: 0; bottom: 20px; width: 45%; max-width: 420px } } .office-info h2 { color: inherit } .office-info p:last-child { margin-bottom: 0 } .uk-accordion-title { position: relative; padding: 5px 30px 5px 20px; opacity: 0.5 } .uk-accordion-title:after { content: '\f0d7'; position: absolute; top: 50%; right: 15px; font-family: 'FontAwesome'; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .uk-accordion-title:hover, .uk-accordion-title:focus, .uk-accordion-title:active { opacity: 1 } .uk-accordion-title.uk-active { opacity: 1 } .consumer-product+.consumer-product { margin-top: 60px } @media (min-width:768px) { .consumer-product+.consumer-product { margin-top: 25px } } @media (min-width:768px) { .consumer-product>div:last-child { padding-top: 40px; padding-bottom: 40px } } .tm-bottom-a-outbound { padding: 40px 0; background: #eee } .animate-wrapper>div:nth-child(odd) { padding-top: 40px } .animate-wrapper>div:nth-child(odd)>div { padding: 30px; background: #fff } @media (min-width:768px) { .animate-wrapper>div:nth-child(odd)>div { padding: 40px } } .animate-wrapper .animate { max-width: 100% } .animate-wrapper .animate-object { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) } .animate-wrapper .animate-active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .corp-video { display: block; position: relative; z-index: 1 } .corp-video:before { content: '\f01d'; position: absolute; left: 0; right: 0; top: 50%; font-family: 'FontAwesome'; font-size: 10rem; color: #fff; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .corp-video img { max-width: calc(100vw - 50px) } @media (min-width:480px) { .corp-video img { max-width: calc(100vw - 70px) } } @media (min-width:960px) { .corp-video img { max-width: calc(50vw - 50px) } } @media (min-width:1220px) { .corp-video img { max-width: 565px } } .tm-bottom-b-outbound { padding: 40px 0; background: #eee; color: #8e8e8e; text-align: center } @media (min-width:768px) { .tm-bottom-b-outbound { padding: 80px 0 } } .tm-bottom-b .uk-panel-title { font-weight: bold; text-transform: uppercase } .tm-misc-outbound { padding: 40px 0; background: #000; font-size: 13px; color: #8e8e8e } .tm-misc>div:first-child a { display: inline-block; margin-right: 15px } .tm-misc h5 { font-weight: bold; color: #fff } .tm-misc time { color: #fff } .tm-misc a { color: #8e8e8e } .tm-misc a.uk-icon { font-size: 28px } .tm-misc a:hover, .tm-misc a:focus, .tm-misc a:active { color: #fff; text-decoration: none } .tm-misc .uk-icon { display: inline-block; margin-right: 5px; font-size: 14px } @media (min-width:768px) { .tm-misc .misc-contact-positioning { display: inline-block; position: relative; left: 50%; font-size: 12px; -webkit-transform: translateX(-50%); transform: translateX(-50%) } } @media (min-width:968px) { .tm-misc .misc-contact-positioning { font-size: inherit } } .tm-misc address { display: inline-block; margin: 0; vertical-align: top } /*.tm-footer { margin: 0; font-size: 11px; color: #8e8e8e; } .tm-footer .menu { padding: 0 } .tm-footer a { color: #fff } .tm-footer a:hover, .tm-footer a:focus, .tm-footer a:active { color: #fff }*/ .tm-totop-scroller { margin: 0 auto; left: 0; top: -15px; width: 35px; height: 35px; padding: 5px; border-radius: 4px 4px 0 0; background: #0d0d0d } .tm-totop-scroller:hover, .tm-totop-scroller:focus, .tm-totop-scroller:active { font-size: 14px; -webkit-transform: translateY(-15%); transform: translateY(-15%) } .custom-to-top { display: inline-block; position: fixed; z-index: 99; right: 20px; bottom: 20px; background: #f60; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; font-size: 20px; font-weight: bold; color: #fff; text-align: center } .custom-to-top .uk-icon { transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) } .custom-to-top:hover, .custom-to-top:focus, .custom-to-top:active { color: #fff } .custom-to-top:hover .uk-icon, .custom-to-top:focus .uk-icon, .custom-to-top:active .uk-icon { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .uk-nav-offcanvas>li>a { font-family: "Century_Gothic"; font-weight: bold; text-transform: uppercase } .uk-nav-sub>li>a { padding: 5px } #footer-copyright { margin-top: 0px } @media (min-width:1220px) { #footer-copyright { margin-top: 0px } }