Our Story | Translations.com

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N76544G');</script>  <meta name="generator" content="HTML Tidy for Linux/x86 (vers 25 March 2009), see www.w3.org" /> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /> <title>Our Story | Translations.com</title> <meta property="og:title" content="Our Story | Translations.com" /> <meta name="description" content="More than 20 years ago, Liz Elting and Phil Shawe founded Translations.com with a mission to help the world's businesses navigate the global marketplace." /> <meta property="og:description" content="More than 20 years ago, Liz Elting and Phil Shawe founded Translations.com with a mission to help the world's businesses navigate the global marketplace." /> <meta property="og:image" content="https://www.transperfect.com/sites/default/files/inc-group.jpg" /> <meta property="og:type" content="article" /> <link rel="canonical" href="https://www.translations.com/who-we-are" /> <meta property="og:url" content="https://www.translations.com/who-we-are" /> <meta name="revisit-after" content="1 day" /> <link rel="stylesheet" href="/sites/all/themes/tdcv6/css/normalize.css" type="text/css" media="screen" /> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Open+Sans:300,400,700|Oswald:300,400,700|Raleway:100,200,300,400,500,700|Roboto:100,300,300i,400,700" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="/sites/all/themes/tdcv6/js/jquery.easing.1.3.js"></script>  <script src="/sites/all/themes/tdcv6/js/modernizr.custom.js"></script>  <script src="/sites/all/themes/tdcv6/js/jquery.hoverIntent2.js"></script> <script src="/sites/all/themes/tdcv6/js/isotope.pkgd.min.js"></script>  <link href='/sites/all/themes/tdcv6/css/onepage-scroll.css' rel='stylesheet' type='text/css' />  <link href='/sites/all/themes/tdcv6/css/odometer-theme-minimal.css' rel='stylesheet' type='text/css' /> <script src="/sites/all/themes/tdcv6/js/countTo.js" type="text/javascript"></script>  <script src="/sites/all/themes/tdcv6/js/jquery.onepage-scroll5.js"></script>  <link href='/sites/all/themes/tdcv6/css/menu2.css' rel='stylesheet' type='text/css'>  <style> .onepage-pagination{ z-index:33; } .form-wrapper { background: white; width: 70px; position: absolute; right: -3px !important; bottom: -10px !important; } .form-submit { background: white; border-color: #6aaeda; border-style: solid; border-width: 0px 0px 2px 0px; text-transform: uppercase; font-family: 'lato'; font-weight: 400; padding: 5px; letter-spacing: 1px; font: 13.3333px Arial; color: #6aaeda; } .textstuff { font-family: "lato"; font-size: 48px; text-align: center; color: white; text-transform: uppercase; font-weight: 400; } html, body{ height:100%; width:100%; 1.05em; overflow:hidden; } #bgvid, #slideonevid, #slidesixvid { position: fixed; right: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -10; background-size: cover; transition: all 1s cubic-bezier(.2,.61,.4,.99); transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); } #slideonevid{ transition: all .8s cubic-bezier(.2,.61,.4,.99) .1s; z-index:1; } .bgvid-open{ -webkit-filter: blur(2px) brightness(100%); } .videoblur{ filter: blur(10px) brightness(40%); -webkit-filter: blur(10px); transform: translate3d(0px, 0px, 0px) scale3d(1.02, 1.02, 1) !important; transition:all 0.5s; } .center-vertical-align{ top: 45%; transform: translateY(-50%); position: relative; } /* Landing Page */ #maincontainer{ width: 90%; height: 50%; position: relative; margin-top: -350px; margin-left: auto; top: 50%; font-size: 100px; line-height: 120px; margin-right: auto; } #whoiam{ width: 50%; height: 100%; font-family: oswald; float: left; box-sizing: border-box; border: 20px solid #6aaeda; text-transform: uppercase; top: 50%; padding: 40px; color: #6aaeda; } #whatiwant{ width: 35%; height: 100%; font-family: oswald; float: left; box-sizing: border-box; text-transform: uppercase; background-color: #6aaeda; padding: 40px; margin: 20px; color: white; } #overlay{ position: absolute; top: 0; left: 0; background-image: url(//d2bptzq05weps4.cloudfront.net/assets/patterns/video-overlay-b67970d180e291611b2915fac40b02d8.png); width: 100%; height: 100%; opacity: 0.0; transition:all .5s ease-out; } .overlay-open{ opacity:.4 !important; } #fakebox ul{ background: none; color: white; /* text-shadow: 2px 2px 10px rgba(0,0,0,.5); */ font-family: dosis; font-weight: 400; text-transform: uppercase; border: none; width: 100%; text-align: left; line-height: 100px; position: absolute; font-size: 60pt; transition: all .4s ease; /* padding-left: 15px; */ letter-spacing: 10px; text-align: center; } .fakebox-open{ background-color: rgba(5,5,5,.98) !important; height:515px !important; } #fakebox{ width: 800px; transition: all .5s ease; /* border: 2px solid #31f2b6; */ overflow: hidden; height: 100px; position: absolute; /* margin-top: -84px; */ /* margin-right: 20px; */ /* margin-left: 20px; */ /* margin-bottom: 18px; */ border-width: 2px 0px 2px 0px; border-style: solid; border-color: white; box-sizing: border-box; } #fakebox i{ position: absolute; top: 8px; left: 725px; font-size: 62px; text-shadow: none; color: rgba(255,255,255,.8); cursor: pointer; transition:all .3s ease-out; } .i-fade{ color: rgba(255,255,255,.2) !important; } ul li{ cursor:pointer; transition:color .3s ease; } .voiceover-focus{ margin-top:-400px !important; } .documents-focus{ margin-top:-300px !important; } .webmedia-focus{ margin-top:-200px !important; } .printmedia-focus{ margin-top:-100px !important; } #fakebox-ul li:first-child { transition:transform .5s 0.16s ease; } #fakebox-ul li:nth-child(2) { transition:transform .5s 0.21s ease; } #fakebox-ul li:nth-child(3) { transition:transform .5s 0.26s ease; } #fakebox-ul li:nth-child(4) { transition:transform .5s 0.31s ease; } #fakebox-ul li:nth-child(5) { transition:transform .5s 0.36s ease; } .fakebox-ul-slidein { transform: translateY(0px) !important; } #discoverus{ position: absolute; bottom: 0px; height: 0px; width: 1000px; left: 50%; margin-left: -500px; text-align: center; line-height: 40px; text-transform: uppercase; letter-spacing: 20px; font-family: 'dosis'; font-size: 25px; color: rgb(32, 177, 132); z-index:950; transition:all 1s cubic-bezier(.2,.61,.4,.99) !important; cursor:pointer; } .discoverus-open{ height:40px !important; } .discoverus-hover{ line-height:100px !important; height: 120px !important; color:white !important; } .discoverus-click{ transform: rotateX(90deg); } #borderbox{ height: 100%; width: 100%; position: fixed; box-sizing: border-box; border-color: white; border-width: 0px; border-style: solid; transition:all 1s cubic-bezier(.2,.61,.4,.99); } .borderbox-open{ border-width: 40px 20px 0px 20px !important; } .flip-container { perspective: 1000; cursor:pointer; position:absolute; } .hover-flip{ transform: rotateX(180deg); } .flip-container, .front, .back { width: 320px; height: 40px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* flip speed goes here */ .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; } /* hide back of pane during swap */ .front, .back { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; } /* front pane, placed above back */ .front { z-index: 2; /* for firefox 31 */ transform: rotateX(0deg); } .flip-container .flipper { transform-origin: 100% 20px; /* half of height */ } /* back, initially hidden pane */ .back { transform: rotateX(180deg); } .go-down-page-link { position:absolute; bottom:45px; left:50%; margin-left:-30px; width:60px; text-align:center; height:50px; display:block; color:#007ed0; font-size:60px; transition:all 0.3s; cursor:pointer; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);} .go-down-page-link:hover { bottom:42px;} .return-top { position:absolute; bottom:30px; left:140px; margin-left:-30px; text-align:center; height:50px; display:block; color:#fff; font-size:20px; text-transform:uppercase; transition:all 0.3s; cursor:pointer;} .return-top i { font-size:40px; position:absolute; margin:-15px 0 0 -50px;} .return-top:hover i { margin:-18px 0 0 -50px;} /* Start Counting */ .timer{ position: absolute; height: 0px; color: #007ed0; font-family: oswald; font-size: 100px; z-index: 1000; margin-top: 107px; text-align: left; font-weight: 400; transition: all .5s; } .timer-height{ height:160px !important; transition:all .5s; } #discover-top-text{ margin-top: 18px; } #discover-bottom-text{ margin-top: 198px; } .discovertext-height{ height:70px !important; } #discover-left-text{ position: fixed; width: 0px; display: block; text-transform: none; color: #007ed0; font-family: lato; font-size: 22px; line-height: 28px; z-index: 1000; text-align: left; font-weight: 300; height: 0px; transition: all .5s; overflow: hidden; transition: all .8s, opacity .1s; opacity: 0; letter-spacing: 1px; top: 50%; left: 50%; z-index: 32; /* background-color: rgba(60, 148, 139, 0.7);*/ background-color: rgba(69, 182, 255,.5); width: 1150px; padding: 10px; } .discover-left-text-open { height: 280px !important; width: 1150px !important; border: 10px solid white; opacity:1 !important; margin-left: -595px; margin-top: -170px; } .discover-textbox { position: absolute; text-transform: uppercase; color: #007ed0; font-family: oswald; font-size: 50px; z-index: 1000; text-align: left; font-weight: 400; height: 0px; transition: all .8s; } /* End Counting */ /* Contact Form */ #contactform-left{ height: 100%; float: left; width: calc(40% + 22px); box-sizing: border-box; padding: 20px; text-transform: uppercase; font-size: 60px; line-height: 75px; font-weight: 700; font-family: lato; padding-left: 40px; padding-right: 40px; background-color: white; letter-spacing: 2px; margin-right: 3px; position:relative; } .contactform-inputs{ border: none; height: 30px; width: 545px; padding: 20px; position: relative; margin-top: 0px; background: none; font-family: lato; font-weight: 400; text-transform: uppercase; font-size: 22px; letter-spacing: 3px;margin: 0px 0px 10px 0px; } .webform-client-form input { width:400px; max-width:100%; line-height:35px; padding:5px 10px; margin-bottom:5px;} .contactform-inputs-middle{ border: none; height: 30px; width: 545px; padding: 20px; position: relative; margin-top: 0px; background: none; border-bottom: 2px solid #007ed0; font-family: lato; font-weight: 400; text-transform: uppercase; font-size: 22px; letter-spacing: 3px; border-top: 2px solid #007ed0; } #contactform-container{ height: 100%; width: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); float: left; } .discover-text-stuff-close{ margin-top: -300px; } .slidevideo{ transform:translate3d(0,-120px,0) !important; transition: all .8s cubic-bezier(0.13, 0.68, 0.29, 1.04) !important; } .border-short{ height: calc(100% - 95px) !important; } .pointer{ cursor:pointer; } .faux-border{ width: 100%; position: absolute; z-index: 900; background-color:white; height: 20px; bottom:-40px; transition: all .8s cubic-bezier(.2,.61,.4,.99); } .faux-border-top-open{ bottom:20px !important; transition:all 1s cubic-bezier(0.2, 0.61, 0.26, 1) !important; } .faux-border-bottom-open{ bottom:0px !important; transition:all 1s cubic-bezier(0.2, 0.61, 0.26, 1) !important } .faux-border-top-hover{ bottom:120px !important; transition:all 1s cubic-bezier(.2,.61,.4,.99) !important; } .faux-border-top-click{ bottom:100% !important; transition: all 1s cubic-bezier(0.66, 0.05, 0.1, 1.08) .125s !important; } .faux-border-top-scroll{ transform: rotateX(90deg); transform-origin: bottom; transition:all 1s cubic-bezier(.2,.61,.4,.99) !important; } #border-top, #border-left, #border-right{ background-color:white; position:fixed; z-index:2; transition:all 1s cubic-bezier(.2,.61,.4,.99); } #border-left, #border-right{ width:0px; height:100%; } .border-side-open{ width:20px !important; } #border-left{ left:0px; } #border-right{ right:0px; } #border-top{ width:100%; height:0px; top:0px; } .border-top-open{ height:40px !important; } .discover-text-open{ height:100% !important; } #hitbox{ width:100%; height:40px; position:absolute; bottom:0px; z-index: 1001; cursor:pointer; } .hitbox-open{ height:140px !important; } .delete{ display:none; } #bodyContainer{ transition: all .75s cubic-bezier(0.7,0,0.3,1); height:100%; width:100%; } .bodyContainer-open{ transform: translatey(110px); } .main{ position:absolute !important; box-sizing: border-box; transition:all 1s ease; } .main-open{ bottom:0px !important; } .rotatecontact{ transform: rotateX(-180deg) !important; transition:all .5s ease; } .hq{ font-family: open sans,sans-serif; font-size: 14px; line-height: 18px; font-weight: 300; width: 33%; color: #3c3c3c; vertical-align: middle; display: table-cell; text-align: center; } .center{ position:absolute; width: 100%; height: calc(100%); bottom: 0px; margin-left: -40px; } #contact-back{ color: #007ed0 !important; font-size: 34px; vertical-align: middle; display: table-cell; text-align: center; } #contact-back-container{ height: 25px; width: 40px; background-color: white; position: fixed; top: 50%; margin-top: 150px; margin-left: 50%; left: -595px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all .5s ease; z-index:32; transform-origin: top; display: table; cursor:pointer; } #locateussearch{ width: 100% height: 100% display: table; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; transition: .5s ease; margin-left: -40px; overflow: hidden; margin-top: -12px; } #placeholder{ display: none; position: absolute; width: 100%; height: 100%; bottom: 0px; overflow-x:hidden; } #placeholder_inner{ overflow: visible; display: table; width: 100%; height: 100%; padding: 40px 0px; } .placeholder-inner-div{ margin-top: 0px; width: 85%; margin-left: auto; margin-right: auto; overflow-y: auto; overflow-x: hidden; font-size: 14px; line-height: 18px; text-align: center; font-family: open sans; } .addy{ margin-bottom: 10px; display: block; border-style: solid; border-width: 1px; border-color: #cecece; border-left: none; border-right: none; padding: 7px 0px; margin: 5px 0px; font-weight: 500; color: #3c3c3c; } .addy-container{ margin-top: 0px; width: 85%; margin-left: auto; margin-right: auto; overflow-y: auto; overflow-x: hidden; font-size: 14px; line-height: 18px; text-align: center; font-family: open sans; } p{ padding:0 0 0 0 !important; } .pac-input-close{ margin-top:-78px !important; } #pac-input{ transition: all .5s ease; color: #007ed0; font-family: open sans; width: 75%; margin: 0 10% 0 10%; height: 40px; margin-top: 120px; padding: 0px 10px 0px 10px; font-size: 24px; display:block; } #locateusbutton{ cursor:pointer; transition: transform .5s ease; position: absolute; /*margin-top: -5px;*/ margin-top: 78px; margin-left: 25px; font-size: 65px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #letstranslate{ margin-top: 47px; } #contactusbutton{ -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor:pointer; transition: all .5s ease; position: absolute; margin-left: 85px; font-weight: 700; font-size: 65px; text-transform: uppercase; margin-top: -136px; } #discover-text-left-box{ /*transition: all .5s cubic-bezier(0.7, 0, 0.3, 1), font-size .1s, font-weight .1s, padding .1s, margin 1s cubic-bezier(0.7, 0, 0.3, 1);*/ overflow: hidden; display: table-cell; padding: 25px; vertical-align: middle; background-color: rgba(255,255,255,1); } #discover-text-left-box-container{ width: calc(50% - 3px); height: 100%; background-color: rgba(255,255,255,1); margin-right: 3px; float: left; display: table; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1), font-size .1s, font-weight .1s, padding .1s, margin 1s cubic-bezier(0.7, 0, 0.3, 1); } /* New Stuff */ .scroll-to-learn { font-size: 67px; text-transform: uppercase; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1), margin 1s cubic-bezier(0.7, 0, 0.3, 1) !important; font-weight: 500; font-family: oswald; letter-spacing: 2px; text-align: center; } @media only screen and (max-width : 1280px){ #discover-left-text{ font-size: 20px; line-height: 24px; letter-spacing:0px; } .discover-textbox{ font-size:35px; } .discover-left-text-open{ height: 240px !important; width: 900px !important; border: 10px solid white; opacity: 1 !important; margin-left: -470px; margin-top: -130px; } #discover-top-text { margin-top: 15px; } .timer{ font-size:80px; margin-top:90px; } .hq{ font-size:13px; } .addy-container{ font-size:12px; } .contactform-inputs{ padding:15px; font-size:20px; width:390px; } #letstranslate{ font-size: 45px; line-height: 55px; margin-top: 30px; } #discover-bottom-text { margin-top: 165px; } #contactform-left{ padding-left:20px; padding-right:20px; } .contactform-inputs-middle{ width:390px; padding:15px; font-size:20px; } #contact-back-container{ left: -470px; } #pac-input{ width: calc(100% - 64px); margin:100px 0 0 40px; } #locateusbutton{ font-size:45px; margin-top:15px; } #contactusbutton{ margin-top: -120px; font-size:45px; } .scroll-to-learn{ font-size:45px; } .form-wrapper { bottom:-50px!important;} } @media only screen and (max-width : 960px){ .discover-left-text-open { height: 200px !important; width: 650px !important; border: 5px solid white; opacity: 1 !important; margin-left: -335px; margin-top: -100px; padding: 5px !important; } #locateusbutton { font-size: 35px; margin-top: 42px; margin-left:12px; } #contactusbutton { margin-top: -120px; font-size: 35px; } #contactus-inner{ width: calc(100% - 40px) !important; padding: 0px 20px 0px 20px !important; } .center{ margin-left:-20px !important; } #locateussearch{ width: calc(60% - 160px); height: calc(100% - 10px); margin-top: 0px; } #pac-input { width: 200px; margin: 65px 0 0 45px; font-size: 18px; height: 35px; } #contact-back-container { left: -335px; margin-top: 120px; } .addy-container { font-size: 10px; line-height: 14px; letter-spacing: 0px; } .hq { font-size: 9px; line-height: 12px; } #contactform-container-inline{ padding: 24px 20px 24px 20px !important; } .contactform-inputs-middle { width: 305px; padding: 10px; font-size: 20px; } #contactusbutton { margin-top: -62px; margin-left: 55px; font-size: 35px; } .contactform-inputs { padding: 10px; font-size: 20px; width: 305px; margin: 0px !important; } #letstranslate { font-size: 35px; line-height: 45px; margin-top: 0; } #contact-back{ font-size:30px; } #contact-back-container { left: -335px; margin-top: 120px; width: 35px; } #discover-left-text { font-size: 15px; line-height: 19px; letter-spacing: 0px; } .discover-textbox { font-size: 25px; } #discover-bottom-text { margin-top: 137px; } #discover-top-text { margin-top: 8px; } .scroll-to-learn { font-size: 35px; } .timer { font-size: 65px; margin-top: 71px; } .webform-client-form input { width:290px; line-height:25px;} } /* End New Stuff */ </style> </head>  <script async src="https://ob.forroundprince.com/i/ddd651d2013f093e29f5f4c3fead957e.js" data-ch="cheq4ppc" class="ct_clicktrue_38299"></script>  <body style="background:white; perspective:7000;">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N76544G" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://obs.forroundprince.com/ns/ddd651d2013f093e29f5f4c3fead957e.html?ch=cheq4ppc" width="0" height="0" style="display:none"></iframe></noscript>  <style type="text/css"> #menucontainer_wwd { overflow: hidden; height: 100%; margin-top: 70px; width: 100%; z-index: 34; position: absolute; -webkit-transition: all .75s .2s cubic-bezier(.2,.61,.4,.99); transition: all .75s .2s cubic-bezier(.2,.61,.4,.99); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; background: rgba(48,53,60,.75); -webkit-transform: translate3d(0, -100%, 0) rotatex(0deg); transform: translate3d(0, -100%, 0) rotatex(0deg); } /*.node-type-webform .webform-component label{display:none;}*/ /* Kris Fixes */ #news-flag-banner { background:rgba(0,0,0,0.5); padding:10px 8px; border:2px solid #232323; position:relative; left:0px; bottom:-4px; transition:all 0.3s;} #news-flag-banner:hover { border:2px solid #ff6600; background:rgba(0,0,0,0.75);} #news-flag-banner span { font-size:14px; line-height:16px; font-family:'Open Sans', sans sarif; letter-spacing:1px; text-align:left; text-transform:none; padding-right:10px; color:#eee;} .itemblocks:hover #news-flag-banner span { color:#8593A8;} .itemblocks:hover #news-flag-banner:hover span { color:#eee;} #privacy-link { color:#777; position:absolute; bottom:5px; right:30px; font-size:14px; text-decoration:none; z-index: 5;} #privacy-link:hover { text-decoration:underline;} #menuinner-right {} #menuinner-our-story {margin-left: 2.5%; background: linear-gradient(to bottom right,rgba(0,47,75,0.4),rgba(222,115,95,0.6)),url('/images/menu/bridge.jpg'); background-size:cover;} #menuinner-companies {margin-left: 27.5%; background: linear-gradient(to bottom right,rgba(0,47,75,0.4),rgba(222,115,95,0.6)),url('/images/menu/table.jpg'); background-size:cover;} #menuinner-careers {margin-left: 52.5%; background: linear-gradient(to bottom right,rgba(0,47,75,0.4),rgba(222,115,95,0.6)),url('/images/menu/stairs.jpg'); background-size:cover;} #menuinner-news {margin-left: 77.5%; background: linear-gradient(to bottom right,rgba(0,47,75,0.4),rgba(222,115,95,0.6)),url('/images/menu/news.jpg'); background-size:cover;} #menuinner-top-text { color:#fff; text-align:center; height:15%; font-family:"lato"; font-size:20px; font-weight:300; line-height:34px;} #menuouter {width: 50%;overflow: hidden; height: 100%;box-sizing: border-box;float: left;} .tm-symbol {font-size:0.5em; position:relative; top:-0.7em;} #getintouch {} #getintouch:hover { color: #6aaeda;} .sub-links {position:absolute; color:#685d5b; text-align:center; text-transform:uppercase; letter-spacing:1px; bottom:34px; width:100%; left:0;} .move-wwd .sub-links {width:50%;} .sub-links a {color:#aaa; text-decoration:none;} .sub-links a:hover {color:#eee;} #logo-f {background: url(/sites/all/themes/tdcv6/images/logosmaller.jpg);background-size: 70%;background-repeat: no-repeat;background-position: 32px 3px;width: 225px;height: 100%;} #wwd-toplinks {text-align: center;height: 60px;border-bottom: 1px solid white;padding-bottom: 20px;} #menuouter2 {float: left;width: 50%;overflow: hidden;height: 100%;box-sizing: border-box;} .language-link { display:block; color:#222; font-size:24px; line-height:40px; margin-right:15px; margin-bottom:2px; padding:5px; border-bottom:1px solid #222; transition:all 0.3s; letter-spacing:0;} .language-link:hover { text-decoration:none; color:#6aaeda; letter-spacing:1px;} .language-link span { position:absolute; display:block; background:rgba(106,174,218,0.9); padding:2px 8px; margin-top:-9px; visibility:hidden; opacity:0; transition:all 0.2s;} .language-link:hover span { visibility:visible; opacity:1;} .language-link span a { display:inline-block; width:80px; margin:2px; text-align:center; background:#FFFFFF;} @media only screen and (max-width : 1400px){ #menuinner-top-text { font-size:18px; line-height:27px;} } </style> <script src="/sites/all/themes/tdcv6/js/masonry.pkgd.min.js"></script>  <div id="bodyContainer"> <div id="languagesContainer"> <a href="//www.translations.com" class="language-link">English</a> <div class="language-link">Español <span> <a href="//es_es.translations.com/" class="language-link">ES</a> <a href="//es_la.translations.com/" class="language-link">LA</a> </span></div> <div class="language-link">Français <span> <a href="//fr_fr.translations.com/" class="language-link">FR</a> <a href="//fr_ca.translations.com/" class="language-link">CA</a> </span></div> <a href="//pt_br.translations.com/" class="language-link">Português</a> <a href="//da.translations.com/" class="language-link">Dansk</a> <a href="//de.translations.com/" class="language-link">Deutsch</a> <a href="//it.translations.com/" class="language-link">Italiano</a> <a href="//nl.translations.com/" class="language-link">Nederlands</a> <a href="//ru.translations.com/" class="language-link">Русский</a> <a href="//sv.translations.com/" class="language-link">Svenska</a> <a href="//ja.translations.com/" class="language-link">日本語</a> <a href="//zh_cn.translations.com/" class="language-link">简体中文</a> <a href="//zh_tw.translations.com/" class="language-link">繁體中文</a> <a href="//ko.translations.com/" class="language-link">한국어</a> </div> <div id="menu" class="hide-menu overflow"> <div class="flip-container" style="cursor:pointer;" onclick="location.href='/'"> <div class="flipper"> <div class="front"> <div id="logo-f"> </div> </div> <div class="back"> <div id="logo"> Be Everywhere<span style="font-size: 15px;top: -9px;position: relative;left: 1px;font-family: sans-serif;">™</span> </div> </div> </div> </div> <div id="mobile-menu"> <div id="mobile-menu-button"> <div class="mobile-line"></div> <div class="mobile-line"></div> <div class="mobile-line"></div> </div> <div id="menubuttons"> <ul> <li id="whoweare" class="action--open--button"><a>who we are</a></li> <li id="whatwedo" class="action--open--button"><a>what we do</a></li> <li id="getintouch" ><a>get in touch</a></li> </ul> </div> <div id="bottommenu" class="hide-bottom"> <div id="bottombuttons"> <ul> <li id="join" class=""><a href="https://www.transperfect.com/about/careers.html" target="_blank">join our team</a></li>  <li class="social"><a href="https://twitter.com/translationscom" target="_blank" class="icon-twitter"></a></li> <li class="social"><a class="icon-facebook" href="https://www.facebook.com/translationscom" target="_blank"></a></li> <li class="social"><a class="icon-linkedin" target="_blank" href="https://www.linkedin.com/company/Translations.com"></a></li> </ul> </div> </div> </div> </div> <div id="border-left" ></div> <div id="border-right" ></div> <div id="border-bottom" ></div> <div id="menucontainer" class="hide-bottom-menu" > <div id="menuinner"> <div id="200container" style="width: 200%; height: 100%; transition: .35s all cubic-bezier(0.7, 0, 0.3, 1);"> <div id="menuouter" style=""> <div id="menuinner-top-text">Translations.com is the world’s leading provider of technologies and services that simplify the process of creating and deploying multilingual content. <br> Potential customers can be anywhere, with Translations.com you can BE EVERYWHERE<span class="tm-symbol">TM</span></div> <div class="menuinner-class" id="menuinner-right"> <ul> <li id="menuinner-our-story" style=""> <a href="/who-we-are">Our Story</a> </li> <li id="menuinner-companies" style=""> <a href="/about/global-group">Companies</a> </li> <li id="menuinner-careers" style=""> <a href="https://www.transperfect.com/about/careers.html" target="_blank">Careers</a> </li> <li id="menuinner-news" style=""> <a href="/archive/news/all">News</a> </li> </ul> </div> <p class="sub-links">MORE:  <a href="/about/management-team.html">Leadership</a>  |  <a href="/about/awards.html">Awards</a>  |  <a href="/about/corporate-citizenship">Corporate Citizenship</a>  |  <a href="/globallink/partners/platform.html">Partners</a></p> </div>  <div id="menuouter2"> <div id="wwd-toplinks"> <ul id="toplinks" > <li id="toplinks1" class="toplink-highlight">Technology</li> <li id="toplinks2">Services</li> <li id="toplinks3">Industry</li> <li id="toplinks4">Niche Solutions</li> <li id="toplinks5" onclick="location.href='/resources-support/resources'">Resources</li> </ul> <div id="menuclosex" style="position: absolute;right: 0px;height: 60px;text-align: center;width: 40px;top: 0px;display: table;"> <div id="" class="" style="display: table-cell;vertical-align: middle;cursor: pointer;"> <i class="icon-remove" id="" style="color: white;font-size: 20px;"></i> </div> </div> </div> <div id="wwd-container"> <div id="wwd-inner-content"> <div class="wwd-inner"> <div id="wwd-inner-products" style="width:100%"> <div class="www-inner-subheading" style="margin-top:0; background: none !important;">— OUR BRANDS —</div> <div class="itemblocks itemblocks-height4 itemblocks-width4"> <div style=" display:table; width:100%; height:calc(100% - 60px);" onclick="location.href='/globallink/index.html?id=tdc'"> <span><img src="/globallink/images/logo_gl_w.png" width="200" alt="GlobalLink"> </span></div> <div id="news-flag-banner" onclick="location.href='/globallink5/'"> <span>GlobalLink 5.0 is here!<br /> Click to explore what's new</span> </div> </div>  <div onclick="location.href='/products/technology_alchemy_visual_localization.html'" class="itemblocks"> <span>Alchemy</span></div> <div onclick="location.href='/products/astoria-on-demand'" class="itemblocks"> <span>Astoria</span></div> <div onclick="location.href='/services/managed-services/secure-document-hosting.html#Virtual_Data_Rooms'" class="itemblocks"> <span>TransCEND</span></div> <div onclick="location.href='/services/managed-services/secure-document-hosting.html#Project_Sharing_Platform'" class="itemblocks"> <span>TransPort</span></div> <div onclick="location.href='/technology/vasont'" class="itemblocks"> <span>Vasont</span></div> <div onclick="location.href='/products/wordfast'" class="itemblocks"> <span>Wordfast</span></div> <div onclick="location.href='/services/language-services/machine-translation.html#WorldLingo'" class="itemblocks"> <span>WorldLingo</span></div> <div class="www-inner-subheading" style="background: none !important;">— OUR SOLUTIONS —</div> <div onclick="location.href='/technology/translations-management'" class="itemblocks clr itemblocks-height2 itemblocks-width2 itemblocks-double"> <span>Globalization <br>Management</span></div> <div onclick="location.href='/technology/website-localization'" class="itemblocks clr itemblocks-height2 itemblocks-width2 itemblocks-double"> <span>Website<br />Localization</span></div> <div onclick="location.href='/services/language-services/machine-translation.html'" class="itemblocks clr itemblocks-height2 itemblocks-width2 itemblocks-double"> <span>Machine<br />Translation</span></div> <div onclick="location.href='/technology/content-authoring-management'" class="itemblocks clr itemblocks-height2 itemblocks-width2 itemblocks-double"> <span>Content<br />Authoring & XML</span></div> <div onclick="location.href='/technology/translator-tools'" class="itemblocks clr itemblocks-height2 itemblocks-width2"> <span>Translator Tools</span></div> <div onclick="location.href='/technology/information-rights-management'" class="itemblocks clr itemblocks-height2 itemblocks-width2 itemblocks-double"> <span>Information<br />Rights Management</span></div> </div> </div> <div class="wwd-inner"> <div id="wwd-inner-services" style="width:100%"> <div style="margin:0 0 -5px; width:100%; color:#777; float:left; text-align:center; background: none !important;"> </div> <div onclick="location.href='/services/language-services'" class="itemblocks itemblocks-width2"> <span>Translation</span></div> <div onclick="location.href='/services/language-services/website-translation.html'" class="itemblocks itemblocks-width2"> <span>Website<br />Localization</span></div> <div onclick="location.href='/services/business-process-outsourcing'" class="itemblocks itemblocks-width2"> <span>Business Process<br />Outsourcing</span></div> <div onclick="location.href='/services/language-services/website-translation.html#International_SEO_and_SEM'" class="itemblocks itemblocks-width2"> <span>International<br />Search Engine<br />Optimization</span></div> <div onclick="location.href='/technology/content-authoring-management#ABREVE_Content_Authoring_and_Optimization_'" class="itemblocks itemblocks-width2"> <span>Content Authoring<br />and Optimization</span></div> <div onclick="location.href='/services/call-center-support'" class="itemblocks itemblocks-width2"> <span>Call Center<br />Support</span></div> <div onclick="location.href='/services/multicultural-marketing'" class="itemblocks itemblocks-width2"> <span>Multicultural<br />Marketing</span></div> <div onclick="location.href='/services/language-services/software-localization.html'" class="itemblocks itemblocks-width2"> <span>Software Localization <br />& Testing</span></div> <div onclick="location.href='/services/staffing-solutions'" class="itemblocks itemblocks-width2"> <span>Recruiting<br />& Staffing</span></div> <div onclick="location.href='/solutions/technical-solutions/e-learning-training-translation.html'" class="itemblocks itemblocks-width2"> <span>Training<br />E-Learning</span></div> <div onclick="location.href='/services/multimedia-solutions.html#Voiceover_and_Dubbing'" class="itemblocks itemblocks-width2"> <span>Voiceover <br />& Subtitling</span></div> <div onclick="location.href='/services/media-monitoring'" class="itemblocks itemblocks-width2"> <span>Media <br />Monitoring</span></div> </div> </div> <div class="wwd-inner"> <div id="wwd-inner-industry" style="width:100%"> <div style="margin:0 0 -5px; width:100%; color:#777; float:left; text-align:center; background: none !important;"> </div> <div onclick="location.href='/solutions/industry-solutions/retail-consumer-products-group-translation-localization.html'" class="itemblocks itemblocks-width2"> <span>Retail &<br />E-commerce</span></div> <div onclick="location.href='/solutions/industry-solutions/advertising-marketing-translation-localization.html'" class="itemblocks itemblocks-width2"> <span>Advertising, <br>Marketing, PR</span></div> <div onclick="location.href='/solutions/industry-solutions/life-sciences.html'" class="itemblocks itemblocks-width2"> <span>Life Sciences</span></div> <div onclick="location.href='/solutions/industry-solutions/industrial-practice-group-translation-localization.html'" class="itemblocks itemblocks-width2"> <span>Industrial &<br />Manufacturing</span></div> <div onclick="location.href='/solutions/industry-solutions/legal.html'" class="itemblocks itemblocks-width2"> <span>Legal</span></div> <div onclick="location.href='/solutions/industry-solutions/travel-hospitality-industry-translation-globalization-localization.html'" class="itemblocks itemblocks-width2"> <span>Travel &<br />Hospitality</span></div> <div onclick="location.href='/services/multimedia-solutions.html'" class="itemblocks itemblocks-width2"> <span>Media &<br> Entertainment</span></div> <div onclick="location.href='/solutions/industry-solutions/energy-power-industry-translation-localization.html'" class="itemblocks itemblocks-width2"> <span>Energy & Mining</span></div> <div onclick="location.href='/solutions/industry-solutions/financial-services-industry-translation-localization.html'" class="itemblocks itemblocks-width2"> <span>Finance</span></div> <div onclick="location.href='/solutions/industry-solutions/hardware-software-tech'" class="itemblocks itemblocks-width2"> <span>Hardware,<br />Software &<br /> Technology</span></div> <div onclick="location.href='/solutions/industry-solutions/government'" class="itemblocks itemblocks-width2"> <span>Government</span></div> <div onclick="location.href='/services/consulting.html';" class="itemblocks itemblocks-width2"> <span>business<br />consulting</span></div> </div> </div> <div class="wwd-inner"> <div id="wwd-inner-functional" style="width:100%"> <div style="margin:0 0 -5px; width:100%; color:#777; float:left; text-align:center; background: none !important;"> </div> <div onclick="location.href='/solutions/industry-solutions/life-science-ivr-companies.html'" class="itemblocks clr2 itemblocks-width2"> <span>Interactive <br>Voice Response <br>System Management</span></div> <div onclick="location.href='/niche-solutions/international-conference'" class="itemblocks clr2 itemblocks-width2"> <span>International <br>Conference<br /> Support</span></div> <div onclick="location.href='/technology/content-authoring-management#CMS_Consulting'" class="itemblocks clr2 itemblocks-width2"> <span>XML & DITA<br />Solutions</span></div> <div onclick="location.href='/solutions/technical-solutions/regulatory-compliance.html'" class="itemblocks clr2 itemblocks-width2"> <span>Regulatory <br>Compliance</span></div> <div onclick="location.href='/solutions/technical-solutions/sap-localization.html'" class="itemblocks clr2 itemblocks-width2"> <span>SAP<br>Localization</span></div> <div onclick="location.href='/technology/e-clinical'" class="itemblocks clr2 itemblocks-width2"> <span>E-Clinical<br />Solutions</span></div> <div onclick="location.href='/services/language-services/interpreting.html '" class="itemblocks clr2 itemblocks-width2"> <span>Interpretation</span></div> <div onclick="location.href='/niche-solutions/translations-workflow-automation'" class="itemblocks clr2 itemblocks-width2"> <span>Translation Workflow Automation</span></div> <div onclick="location.href='/services/ai-data-solutions'" class="itemblocks clr2 itemblocks-width2"> <span> AI Data Solutions</span></div> <div onclick="location.href='/niche-solutions/video-game-localization'" class="itemblocks clr2 itemblocks-width2"> <span>Gaming</span></div> <div onclick="location.href='/niche-solutions/mobile-app-localization'" class="itemblocks clr2 itemblocks-width2"> <span>Mobile App <br>Localization</span></div>  </div> </div> </div> </div> </div> </div> </div> </div> <div id="contactform-container-outter" class=""> <div id="contact-back-container2" class="rotatecontact"> <i class="icon-angle-left" id="contact-back"></i> </div> <div id="contactform-container" class="contactform-container-closed" > <h3>Get In Touch</h3> <ul> <li id="request-quote-li" class="" style="margin:10px 0 0 -20px; padding-right:25px;"> <a href="" id="request-quote"><font style="letter-spacing:0px">Request</font> <span class="line2">Free Quote / Demo</span></a><div class="rline"></div></li> <li id="find-office-li" class=""> <a href="" id="find-office">Find <span class="line2">Nearest Office</span></a><div class="rline"></div></li> <li class="norline"> <a href="/locations">View <span class="line2">Global Locations</span></a><div class="rline"></div></li> <li id="call-office-li"> <a href="" id="call-office">Call <span class="line2">Representative</span></a><div class="rline"></div></li> <li id="mail-us-li" style="margin:10px 0; padding:2px 14px;"> <a href="mailto:info@translations.com" id="mail-us">Email <span class="line2" style="position:absolute; width:220px; left:50%; margin-left:-110px;">Questions / Comments</span></a><div class="rline"></div></li> <li class="norline" style="margin-right:-50px;"> <a href="https://www.transperfect.com/about/careers.html" target="_blank">Join <span class="line2">Our Team</span></a></li> </ul>  <div id="quote-cover"> <div id="quote-close-click"><i class="icon-chevron-left"></i></div> <div id="free-quote-box"> <form action="/get_in_touch/contact" accept-charset="UTF-8" method="post" id="webform-client-form-2538" class="webform-client-form" enctype="multipart/form-data"> <div><fieldset class="webform-component-fieldset" id="webform-component-pg1"><div class="webform-component webform-component-textfield" id="webform-component-pg1--first-name"><div class="form-item" id="edit-submitted-pg1-first-name-wrapper"> <input type="text" maxlength="128" name="submitted[pg1][first_name]" id="edit-submitted-pg1-first-name" size="60" value="" class="form-text required" /> </div> </div><div class="webform-component webform-component-textfield" id="webform-component-pg1--last-name"><div class="form-item" id="edit-submitted-pg1-last-name-wrapper"> <input type="text" maxlength="128" name="submitted[pg1][last_name]" id="edit-submitted-pg1-last-name" size="60" value="" class="form-text required" /> </div> </div><div class="webform-component webform-component-textfield" id="webform-component-pg1--phone-work"><div class="form-item" id="edit-submitted-pg1-phone-work-wrapper"> <input type="text" maxlength="128" name="submitted[pg1][phone_work]" id="edit-submitted-pg1-phone-work" size="60" value="" class="form-text required" /> </div> </div><div class="webform-component webform-component-email" id="webform-component-pg1--email"><div class="form-item" id="edit-submitted-pg1-email-wrapper"> <input class="form-text form-email required email" type="email" id="edit-submitted-pg1-email" name="submitted[pg1][email]" size="60" /> </div> </div><input type="hidden" name="submitted[pg1][fq_hidden_url_c]" id="edit-submitted-pg1-fq-hidden-url-c" value="" /> <input type="hidden" name="submitted[pg1][fq_email_distro_c]" id="edit-submitted-pg1-fq-email-distro-c" value="info@translations.com" /> <div class="webform-component webform-component-markup" id="webform-component-pg1--js-onelink-script"><script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-fq-hidden-url-c').attr("value", window.location.href ); }); </script> </div></fieldset> <input type="hidden" name="details[sid]" id="edit-details-sid" value="" /> <input type="hidden" name="details[page_num]" id="edit-details-page-num" value="1" /> <input type="hidden" name="details[page_count]" id="edit-details-page-count" value="3" /> <input type="hidden" name="details[finished]" id="edit-details-finished" value="0" /> <input type="hidden" name="form_build_id" id="form-XANzcfVj0lFm2g_KbPfM1FCdOviZgUpuPFbOda9vOhg" value="form-XANzcfVj0lFm2g_KbPfM1FCdOviZgUpuPFbOda9vOhg" /> <input type="hidden" name="form_id" id="edit-webform-client-form-2538" value="webform_client_form_2538" /> <div id="edit-actions" class="form-actions form-wrapper"><div class="captcha"><input type="hidden" name="captcha_sid" id="edit-captcha-sid" value="69819395" /> <input type="hidden" name="captcha_token" id="edit-captcha-token" value="ba38e84549427f7b858b163fe3f5ebdd" /> <input type="hidden" name="captcha_response" id="edit-captcha-response" value="Google no captcha" /> <div class="form-item"> <div class="g-recaptcha" data-sitekey="6LcocwkUAAAAAAAJsjgTOjrNAuL083Hb2QkCrBBz" data-theme="light" data-type="image"></div> </div> </div><input type="submit" name="op" id="edit-next" value="Next" class="form-submit" /> </div> </div></form> </div> </div>  <div id="call-cover"> <div id="call-close-click"><i class="icon-chevron-left"></i></div> <div id="call-quote-box"> <div id="hq-add1" class="hq"> <div class="hq-head">Global <br>Headquarters</div> <span style=" font-weight: 500;">1250 Broadway, <br>32nd Fl <br> New York, NY 10001 </span> <br> <div class="hq-phone">Tel: <a class="" tabindex="-1" href="tel:012126891616" style="color: #03558b; font-weight: 500;">+1 212.689.1616</a></div> </div> <div id="hq-add2" class="hq"> <div class="hq-head">Europe <br>Headquarters </div> <span style="font-weight:500">33 Aldgate High Street<br>1st Fl <br> London, EC3N 1AH <br></span> <div class="hq-phone">Tel: <a class="" tabindex="-1" href="tel:442070612000" style="color: #03558b; font-weight: 500;">+44 207.061.2000</a></div> </div> <div id="hq-add3" class="hq"> <div class="hq-head">Asia <br>Headquarters </div> <span style="font-weight:500">33 Lockhart Rd, <br>19th Fl<br> Wan Chai, Hong Kong<br></span> <div class="hq-phone">Tel: <a class="" tabindex="-1" href="tel:85222929900" style="color: #03558b; font-weight: 500;">+852.2292.9900</a></div> </div> </div> </div>  <div id="mail-cover"> <div id="mail-close-click"><i class="icon-chevron-left"></i></div> <P> </P> <P style="text-align:center"><a href="mailto:info@translations.com" style="font-size:24px; display:inline; text-transform:none; font-weight:300;">info@translations.com</a></P> </div>  <div id="find-cover"> <div id="close-click"><i class="icon-chevron-left"></i></div> <div id="search-area"> <div id="placeholder" class="scrollable controls"> <div id="placeholder_inner"> </div> </div> <P class="blue-tall">Enter an address or city to search:</P> <input id="pac-input" class="controls OneLinkHide" type="text"placeholder="Search" style="margin-top:12px; margin-bottom:15px;">  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC0NJNR-_v0iWmEJPG1YN67IyKnr1ERpio&libraries=places&language=en" type="text/javascript"></script> <P class="grey-small">90 Cities</P> <P class="grey-small">33 Countries</P> <P class="grey-small">6 Continents</P> <p class="grey-small">1 Global Partner</p> </div> </div> <div id="contactform-left2" style="display:none"> <div id="locateusbutton2" >Find a <br>Local Office</div> <div id="letstranslate" class="rotatecontact" style="transition: transform .5s ease;position: absolute;backface-visibility: hidden;">get your<br>free quote</div> <div id="locateussearch" class="rotatecontact"> <P style="font-size:18px; line-height:46px; margin-left:32px;">Find Your Local Office:</p> <P style="font-size:18px; line-height:28px; margin-left:32px; margin-top:15px; color:#c5c5c5;">90 Cities</p> <P style="font-size:18px; line-height:13px; margin-left:32px; color:#c5c5c5;">33 Countries</p> <P style="font-size:18px; line-height:27px; margin-left:32px; color:#c5c5c5;">6 Continents</p> <P style="font-size:24px; line-height:20px; margin-left:32px; color:#c5c5c5;">1 Global Partner</p> <input type="hidden" id="city2" name="city2" /> <input type="hidden" id="cityLat" name="cityLat" /> <input type="hidden" id="cityLng" name="cityLng" /> </div> </div> </div> <div id="contact-exit"> <i class="icon-remove" id="contact-remove"></i> </div> <a href="/about/terms.html" id="privacy-link">Privacy Policy</a> <script type="text/javascript"> /* <![CDATA[ */ document.write ( '<img src="https://marketing.transperfect.com/acton/bn/687/visitor.gif?ts='+ new Date().getTime()+ '&ref='+escape(document.referrer) + '">' ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ document.write ( '<img src="https://marketing.translations.com/acton/bn/910/visitor.gif?ts='+ new Date().getTime()+ '&ref='+escape(document.referrer) + '">' ); /* ]]> */ </script> <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/22034263.js"></script> </div> <script type="text/javascript"> function quoteOpen(){ $('#contactform-container-outter').addClass('contactform-container-outter-open'); $('#contact-exit').removeClass('rotatecontact'); if($('#locateusbutton2').hasClass('rotatecontact')){ $('#contact-back-container2').removeClass('rotatecontact'); } } function quoteClose(){ $('#contact-exit').addClass('rotatecontact'); $('#contactform-container-outter').removeClass('contactform-container-outter-open'); if($('#fp-nav ul li:last a').hasClass('active')){ $.fn.fullpage.moveSectionUp(); } if(!$('#contact-back-container2').hasClass('rotatecontact')){ $('#contact-back-container2').addClass('rotatecontact'); } } function quoteLogic(){ if ($('#contactform-container-outter').hasClass('contactform-container-outter-open') && $('#fp-nav ul li a:last').hasClass('active')){ } else if ($('#contactform-container-outter').hasClass('contactform-container-outter-open')){ quoteClose(); } else{ quoteOpen(); } } $(document).ready(function(){ $('#language').click(function(){ $('#languagesContainer').toggleClass('languagesContainerOpen'); }); $(document).on('click', function(event) { if (!$(event.target).closest('#languagesContainer, #language').length) { $('#languagesContainer').removeClass('languagesContainerOpen'); } }); $('#webform-component-name input').attr('placeholder','Please enter your name'); $('#edit-submitted-pg1-first-name').attr('placeholder','Please enter your first name'); $('#edit-submitted-pg1-last-name').attr('placeholder','Please enter your last name'); $('#webform-component-email input, #edit-submitted-pg1-email').attr('placeholder','Please enter your email address'); $('#webform-component-phone input, #edit-submitted-pg1-phone-work').attr('placeholder','Please enter your phone number'); try {$('#webform-component-company input').attr('placeholder','Company');}catch(err) {} try {$('#webform-component-company input').addClass('contactform-inputs-middle');}catch(err) {} try {$('#webform-component-description-of-problem textarea').attr('placeholder','Description of Problem:');}catch(err) {} try {$('#webform-component-description-of-problem textarea').addClass('contactform-inputs');}catch(err) {} /*$('#webform-component-name input, #webform-component-phone input').addClass('contactform-inputs'); $('#webform-component-email input').addClass('contactform-inputs-middle');*/ $('#contact-exit').click(function(){ quoteClose(); }); $('#menuclosex').click(function(){ $('#menucontainer').removeClass('menuitemopen'); $('.main').removeClass('videoblur'); $('#fp-nav ul li .fp-tooltip.right').removeClass('fp-tooltip-hide'); }); $('#whoweare, .whoweare').click(function(){ if($('#menucontainer').hasClass('menuitemopen') && $('#200container').hasClass('move-wwd')){ $('#200container').removeClass('move-wwd'); $('#menucontainer').attr('style','background:'); } else if($('#menucontainer').hasClass('menuitemopen') && !$('#200container').hasClass('move-wwd')){ $('#menucontainer').toggleClass('menuitemopen'); $('.main').toggleClass('videoblur'); $('#fp-nav ul li .fp-tooltip.right').toggleClass('fp-tooltip-hide'); } else if(!$('#menucontainer').hasClass('menuitemopen') && $('#200container').hasClass('move-wwd')){ $('#200container').removeClass('move-wwd'); $('#menucontainer').attr('style','background:'); $('#menucontainer').toggleClass('menuitemopen'); $('.main').toggleClass('videoblur'); $('#fp-nav ul li .fp-tooltip.right').toggleClass('fp-tooltip-hide'); } else{ $('#menucontainer').toggleClass('menuitemopen'); $('.main').toggleClass('videoblur'); $('#fp-nav ul li .fp-tooltip.right').toggleClass('fp-tooltip-hide'); } }); $('#whatwedo, .whatwedo').click(function(){ if($('#menucontainer').hasClass('menuitemopen') && $('#200container').hasClass('move-wwd')){ $('#menucontainer').toggleClass('menuitemopen'); $('.main').toggleClass('videoblur'); $('#menucontainer').attr('style','background:'); $('#fp-nav ul li .fp-tooltip.right').toggleClass('fp-tooltip-hide'); } else if($('#menucontainer').hasClass('menuitemopen') && !$('#200container').hasClass('move-wwd')){ $('#200container').addClass('move-wwd'); $('#menucontainer').attr('style','background:rgba(48,53,60,1) !important'); } else if(!$('#menucontainer').hasClass('menuitemopen') && !$('#200container').hasClass('move-wwd')){ $('#200container').addClass('move-wwd'); $('#menucontainer').attr('style','background:rgba(48,53,60,1) !important'); $('#menucontainer').toggleClass('menuitemopen'); $('.main').toggleClass('videoblur'); $('#fp-nav ul li .fp-tooltip.right').toggleClass('fp-tooltip-hide'); } else{ $('#menucontainer').toggleClass('menuitemopen'); $('.main').toggleClass('videoblur'); $('#fp-nav ul li .fp-tooltip.right').toggleClass('fp-tooltip-hide'); $('#menucontainer').attr('style','background:rgba(48,53,60,1) !important'); } }); //Function to close menu on click $('#bodyContainer').click(function (e){ var container = $("#contactform-container-outter, #getintouch, #contact-back-container2, .connect-button"); if (!container.is(e.target) // if the target of the click isn't the container... && container.has(e.target).length === 0) // ... nor a descendant of the container { if($('#fp-nav ul li a:last').hasClass('active')){} else{ quoteClose(); } } }); $('#toplinks1').click(function(){ $('.toplink-highlight').removeClass('toplink-highlight'); $(this).addClass('toplink-highlight'); $('#wwd-inner-content').css('transform','translateX(0%)'); }); $('#toplinks2').click(function(){ $('.toplink-highlight').removeClass('toplink-highlight'); $(this).addClass('toplink-highlight'); $('#wwd-inner-content').css('transform','translateX(-25%)'); }); $('#toplinks3').click(function(){ $('.toplink-highlight').removeClass('toplink-highlight'); $(this).addClass('toplink-highlight'); $('#wwd-inner-content').css('transform','translateX(-50%)'); }); $('#toplinks4').click(function(){ $('.toplink-highlight').removeClass('toplink-highlight'); $(this).addClass('toplink-highlight'); $('#wwd-inner-content').css('transform','translateX(-75%)'); }); /*$('#toplinks5').click(function(){ $('.toplink-highlight').removeClass('toplink-highlight'); $(this).addClass('toplink-highlight'); $('#wwd-inner-content').css('transform','translateX(-66.4%)'); }); $('#toplinks6').click(function(){ $('.toplink-highlight').removeClass('toplink-highlight'); $(this).addClass('toplink-highlight'); $('#wwd-inner-content').css('transform','translateX(-83.0%)'); });*/ if(window.location.pathname.indexOf("/who-we-are") > -1) { $('#contactform-container-outter').html(' '); } $('#getintouch, .connect-button').click(function(){ if(window.location.pathname.indexOf("/who-we-are") > -1) { $(".main").moveTo(11); $('.discover-text-close-box').addClass('discover-text-stuff-close'); } else{ quoteLogic(); } }); //Contact Form Back Button $(function() { $('#contact-back-container2').on('click', function() { if($('#contactusmap').hasClass('rotatecontact')){ $('#contact-back-container2').addClass('rotatecontact'); $('#contactusbutton2').removeClass('rotatecontact'); $('#locateusbutton2').removeClass('rotatecontact'); $('#contactusheadquarters').addClass('rotatecontact'); $('#locateussearch').addClass('rotatecontact'); $('#contactform').addClass('rotatecontact'); $('#letstranslate').addClass('rotatecontact'); } else{ $('#placeholder').slideUp(function(){ $("#locationfeed").remove(); $("#placeholder_inner").empty(); }); $('#pac-input').removeClass('pac-input-close'); $('#contactusmap').addClass('rotatecontact'); $('#contactusheadquarters').removeClass('rotatecontact'); } }); }); //Contact form Button clicks $(function() { $('#locateusbutton2').on('click', function() { $(this).addClass('rotatecontact'); $('#contactusbutton2').addClass('rotatecontact'); $('#contactusheadquarters').removeClass('rotatecontact'); $('#locateussearch').removeClass('rotatecontact'); $('#contact-back-container2').removeClass('rotatecontact'); }); }); $(function() { $('#contactusbutton2').on('click', function() { $(this).addClass('rotatecontact'); $('#locateusbutton2').addClass('rotatecontact'); $('#contactform').removeClass('rotatecontact'); $('#letstranslate').removeClass('rotatecontact'); $('#contact-back-container2').removeClass('rotatecontact'); }); }); //locate stuff --------------------------------------------------------------------------------------------------- thelat = 0; thelon = 0; function extractFromAdress(components, type){ for (var i=0; i<components.length; i++) for (var j=0; j<components[i].types.length; j++) if (components[i].types[j]==type) return components[i].long_name; return ""; } var pac_input = document.getElementById('pac-input'); (function pacSelectFirst(input){ // store the original event binding function var _addEventListener = (input.addEventListener) ? input.addEventListener : input.attachEvent; function addEventListenerWrapper(type, listener) { // Simulate a 'down arrow' keypress on hitting 'return' when no pac suggestion is selected, // and then trigger the original listener. if (type == "keydown") { var orig_listener = listener; listener = function (event) { var suggestion_selected = $(".pac-item-selected").length > 0; if (event.which == 13 && !suggestion_selected) { var simulated_downarrow = $.Event("keydown", {keyCode:40, which:40}) orig_listener.apply(input, [simulated_downarrow]); } orig_listener.apply(input, [event]); }; } // add the modified listener _addEventListener.apply(input, [type, listener]); } if (input.addEventListener) input.addEventListener = addEventListenerWrapper; else if (input.attachEvent) input.attachEvent = addEventListenerWrapper; })(pac_input); function initialize() { var options = { types: ['(regions)'] }; var input = document.getElementById('pac-input'); var autocomplete = new google.maps.places.Autocomplete(input, options); google.maps.event.addListener(autocomplete, 'place_changed', function () { var place = autocomplete.getPlace(); document.getElementById('city2').value = place.name; document.getElementById('cityLat').value = place.geometry.location.lat(); document.getElementById('cityLng').value = place.geometry.location.lng(); thelat = place.geometry.location.lat(); thelon = place.geometry.location.lng(); var country2 = extractFromAdress(place.address_components, "country"); $('#placeholder_inner').css({'overflow':'visible'}); if (country2 == "Israel"){ $('#placeholder_inner').html("<div style='overflow: visible;'><div id='locTitle2' style='display: block; position: relative; font-size: 23px; height: 32px; z-index: 999999; font-weight: 200; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.2); line-height: 32px; background: rgba(180, 218, 243, 0.901961);'><strong>Tel Aviv</strong></div><div style='width: 435px;'><div><img alt='' src='https://www.transperfect.com/sites/default/files/imported/images/locations/telaviv.jpg' style='height: 100px; width: 105px; margin-top: 30px; padding: 0px;'></div><div style='height: 110px; width: 280px; float: right; overflow-y: auto; overflow-x: hidden; padding-left: 15px; padding-bottom: 20px; padding-top: 30px;'><p><strong>Milim</strong><br />21 Bar Kochva Street<br />Bnei Brak 5126</p><p>Tel: +972 3.758.3200<br />Fax: +972 3.562.8150<br /><a href='mailto:telaviv@transperfect.com'>telaviv@transperfect.com</a></p><p>Current Time at Location:<br /><iframe frameborder='0' height='15' src='https://free.timeanddate.com/clock/i2mnfmg3/fs10/ahl/tt0' width='235'></iframe></p></div></div><br><br><br><br><span id='locTitle'></span></div>"); $('#locTitleFormatted').html(""); $('#locTitleFormatted').html("Tel Aviv"); $('#placeholder_inner').css('overflowX', 'none'); $('#placeholder_inner').css('height', '194px'); $('#placeholder_inner').css('width', 'auto'); $('#locTitleFormatted').remove(); $("#placeholder_inner iframe").each(function () { $(this).parent().remove(); }); $('#placeholder').prepend( "" ); $('#placeholder').delay(600).slideDown(); } else{ $.ajax({ url: '/sites/all/themes/tdcv6/map/locate2.php?lat=' + thelat + '&lon=' + thelon , //This is the current doc type: "POST", encoding:"UTF-8", success: function(data){ //Clearing out old data $("#placeholder").slideUp(function(){ $("#locationfeed").remove(); $("#placeholder_inner").empty(); $('#locTitleFormatted').html(''); $("<div>", {'id': "locationfeed",css: {'display': 'none'}}).appendTo("body"); $("<div>", {'id': "loc_container",css: {'display': 'table'}}).appendTo("#locationfeed"); $('#locationfeed #loc_container').html(''); $('#locationfeed #loc_container').html(data); $("<div>", {'id': "locTitle2",css: {'display': 'none'}}).prependTo("#loc_container"); $("#loc_container br").each(function () { if ($(this).next().is('br')) { $(this).next().remove(); } }); //var $pgtitle = $('#loc_container h3').html(); //$('#locTitle2').html($pgtitle); //$('#locationfeed #loc_container div').css({'display':'none'}); //$('#loc_container div:nth-child(1)').next().removeAttr( 'style' ).css({'width':'435px'}).next().remove(); $('#loc_container div:nth-child(1)').next().removeAttr( 'style' ).next().remove(); $('#loc_container div:nth-child(1) img').parent().remove(); $('#loc_container div:eq(3)').removeAttr( 'style' ); $('#loc_container div:eq(3)').parent().addClass('addy-container').parent().css({'display':'table-cell','vertical-align':'middle'}); $('#loc_container h3').remove(); $('#loc_container #latitude').remove(); $('#loc_container #longitude').remove(); $('#loc_container').css({'width':'850px'}); $("#loc_container iframe").each(function () { $(this).parent().remove(); }); $('#loc_container > div:nth-child(2) > div:nth-child(1) > p strong').find('br').remove(); $('#loc_container > div:nth-child(2) > div:nth-child(1) > p strong').removeAttr('style').css({'font-weight':'400','font-size':'1em','color':'rgb(159,159,159)'}); $('#loc_container > div:nth-child(2) > div:nth-child(1) > p:has(strong)').css({'padding-bottom':'0px'}); $('#loc_container > div:nth-child(2) > div:nth-child(1) > p').css({'font-weight':'500','color':'#3c3c3c'}); $('#loc_container > div:nth-child(2) > div:nth-child(1) > p a').css({'font-weight':'500'}); $('#placeholder_inner').html($('#loc_container').html()); $('#pac-input').addClass('pac-input-close'); $('#contactusheadquarters').addClass('rotatecontact'); $('#contactusmap').removeClass('rotatecontact'); $('#placeholder').delay(100).slideDown(); }); } }); } }); } try { google.maps.event.addDomListener(window, 'load', initialize); } catch(err) { } }); // new menu java - Kris // $('#mail-us').click(function(){ $("#mail-us-li").addClass('active'); $("#mail-cover").addClass('active'); }); $('#find-office').click(function(){ $("#find-office-li").addClass('active'); $("#find-cover").addClass('active'); return false; }); $('#request-quote').click(function(){ $("#request-quote-li").addClass('active'); $("#quote-cover").addClass('active'); return false; }); $('#call-office').click(function(){ $("#call-office-li").addClass('active'); $("#call-cover").addClass('active'); return false; }); $('#close-click').click(function(){ $("#find-office-li").removeClass('active'); $("#find-cover").removeClass('active'); $("#pac-input").removeClass('pac-input-close'); $("#placeholder").hide(); return false; }); $('#call-close-click').click(function(){ $("#call-office-li").removeClass('active'); $("#call-cover").removeClass('active'); return false; }); $('#quote-close-click').click(function(){ $("#request-quote-li").removeClass('active'); $("#quote-cover").removeClass('active'); return false; }); $('#mail-close-click').click(function(){ $("#mail-us-li").removeClass('active'); $("#mail-cover").removeClass('active'); return false; }); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-6406125-4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-6406125-4'); </script> <script type="text/javascript"> if (document.cookie.match(/^(.*;)?\s*first_landing\s*=\s*[^;]+(.*)?$/)) { // have cookie do nothing } else { // no cookie, set landing page cookie var date2 = new Date(); date2.setTime(date2.getTime() + (30*24*60*60*1000)); //30 days from now var expires2 = "; expires2=" + date2.toGMTString(); document.cookie = "first_landing=" + window.location + ";" + expires2 + ";path=/"; } // end if if (document.cookie.match(/^(.*;)?\s*first_querystring\s*=\s*[^;]+(.*)?$/)) { // have cookie do nothing } else { // no cookie, set landing page cookie var date1 = new Date(); date1.setTime(date1.getTime() + (30*24*60*60*1000)); //30 days from now var expires1 = "; expires1=" + date1.toGMTString(); document.cookie = "first_querystring=" + location.search + ";" + expires1 + ";path=/"; } // end if </script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1091258574353772'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=1091258574353772&ev=PageView &noscript=1"/> </noscript>  <script> (function() { var zi = document.createElement('script'); zi.type = 'text/javascript'; zi.async = true; zi.src = 'https://ws.zoominfo.com/pixel/LVtOgX8tGX6C5MHFIqpr'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(zi, s); })(); </script> <noscript> <img src="https://ws.zoominfo.com/pixel/LVtOgX8tGX6C5MHFIqpr" width="1" height="1" style="display: none;" /> </noscript>  <div id="contact-back-container" class="rotatecontact"> <i class="icon-angle-left" id="contact-back"></i> </div> <div id="discover-left-text" class="discover-left-text-open"> <div id="discover-text-left-box-container" class="discover-text-close-box"> <div class="scroll-to-learn scroll-to-textalign" id="discover-text-left-box" style="">Scroll To Learn</div> </div> <div class="discover-text-close-box" style="transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);width: 50%;height: 100%;background-color: rgba(255,255,255,1);padding: 20px;box-sizing:border-box;margin-bottom: 20px;float: left;"> <div id="discover-top-text" class="discover-textbox shadow">about the number</div> <div class="timer shadow">1</div> <div id="discover-bottom-text" class="discover-textbox shadow">Translations company</div> </div> <div id="contactform-container" class="contactform-container-closed" style=""> <div id="contactform-left"> <div id="locateusbutton" >Locate Us</div> <div id="letstranslate" class="rotatecontact" style="transition: transform .5s ease;position: absolute;backface-visibility: hidden; -webkit-backface-visibility: hidden;">get your<br>free quote</div> <div id="locateussearch" class="rotatecontact"> <div id="placeholder" class="scrollable controls"><div id="placeholder_inner"> </div> </div> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBcGcu8i1ruyKDaR9fIUpWaujof9bNM-PY&libraries=places&language=en" type="text/javascript"></script> <input id="pac-input" class="controls OneLinkHide" type="text"placeholder="Find Your Local Office"> <input type="hidden" id="city2" name="city2" /> <input type="hidden" id="cityLat" name="cityLat" /> <input type="hidden" id="cityLng" name="cityLng" /> </div> </div> <div id="contactform-container-inline" style="height: 100%;width: calc(60% - 35px);padding: 24px 40px 24px 40px; margin:0; box-sizing: border-box;position:relative; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);float: right;background-color: white;"> <div id="contactform" class="rotatecontact" style=" transform: rotateX(0deg);transition: all .5s ease;backface-visibility: hidden; -webkit-backface-visibility: hidden;"> <form action="/get_in_touch/contact" accept-charset="UTF-8" method="post" id="webform-client-form-2538-1" class="webform-client-form" enctype="multipart/form-data"> <div><fieldset class="webform-component-fieldset" id="webform-component-pg1"><div class="webform-component webform-component-textfield" id="webform-component-pg1--first-name"><div class="form-item" id="edit-submitted-pg1-first-name-1-wrapper"> <input type="text" maxlength="128" name="submitted[pg1][first_name]" id="edit-submitted-pg1-first-name-1" size="60" value="" class="form-text required" /> </div> </div><div class="webform-component webform-component-textfield" id="webform-component-pg1--last-name"><div class="form-item" id="edit-submitted-pg1-last-name-1-wrapper"> <input type="text" maxlength="128" name="submitted[pg1][last_name]" id="edit-submitted-pg1-last-name-1" size="60" value="" class="form-text required" /> </div> </div><div class="webform-component webform-component-textfield" id="webform-component-pg1--phone-work"><div class="form-item" id="edit-submitted-pg1-phone-work-1-wrapper"> <input type="text" maxlength="128" name="submitted[pg1][phone_work]" id="edit-submitted-pg1-phone-work-1" size="60" value="" class="form-text required" /> </div> </div><div class="webform-component webform-component-email" id="webform-component-pg1--email"><div class="form-item" id="edit-submitted-pg1-email-1-wrapper"> <input class="form-text form-email required email" type="email" id="edit-submitted-pg1-email-1" name="submitted[pg1][email]" size="60" /> </div> </div><input type="hidden" name="submitted[pg1][fq_hidden_url_c]" id="edit-submitted-pg1-fq-hidden-url-c-1" value="" /> <input type="hidden" name="submitted[pg1][fq_email_distro_c]" id="edit-submitted-pg1-fq-email-distro-c-1" value="info@translations.com" /> <div class="webform-component webform-component-markup" id="webform-component-pg1--js-onelink-script"><script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-fq-hidden-url-c').attr("value", window.location.href ); }); </script> </div></fieldset> <input type="hidden" name="details[sid]" id="edit-details-sid-1" value="" /> <input type="hidden" name="details[page_num]" id="edit-details-page-num-1" value="1" /> <input type="hidden" name="details[page_count]" id="edit-details-page-count-1" value="3" /> <input type="hidden" name="details[finished]" id="edit-details-finished-1" value="0" /> <input type="hidden" name="form_build_id" id="form-eH3jYIKdJd9ehlL2Z0f4iZlj8ehf_4JkqCv4Jo6Cp9c" value="form-eH3jYIKdJd9ehlL2Z0f4iZlj8ehf_4JkqCv4Jo6Cp9c" /> <input type="hidden" name="form_id" id="edit-webform-client-form-2538-1" value="webform_client_form_2538" /> <div id="edit-actions" class="form-actions form-wrapper"><div class="captcha"><input type="hidden" name="captcha_sid" id="edit-captcha-sid-1" value="69819396" /> <input type="hidden" name="captcha_token" id="edit-captcha-token-1" value="3bdba7aef73aa9ac58a18756434a1ff7" /> <input type="hidden" name="captcha_response" id="edit-captcha-response-1" value="Google no captcha" /> <div class="form-item"> <div class="g-recaptcha" data-sitekey="6LcocwkUAAAAAAAJsjgTOjrNAuL083Hb2QkCrBBz" data-theme="light" data-type="image"></div> </div> </div><input type="submit" name="op" id="edit-next-1" value="Next" class="form-submit" /> </div> </div></form> </div> <div id="contactusbutton"> contact us </div> <div id="contactusmap" style="backface-visibility:hidden; -webkit-backface-visibility: hidden; transition:all .5s ease;background: url('https://www.transperfect.com/maps/locations/dallas.jpg');" class="center rotatecontact"> </div> <div id="contactusheadquarters" style="backface-visibility:hidden; -webkit-backface-visibility: hidden; transition:.5s ease;" class="center rotatecontact" > <div id="contactus-inner" style="display: table; height: 100%; width: calc(100% - 45px); padding: 0px 25px 0px 20px;"> <div id="hq-add1" class="hq"> <div style="border-bottom: 1px solid #CECECE;width: 85%;padding-bottom: 1px;margin: 0px 7.5% 5px 7.5%;">Global Headquarters</div> <span style=" font-weight: 500;">1250 Broadway 32nd floor<br> New York, NY 10006 </span> <br> <div style="border-top: 1px solid #CECECE;width: 85%;padding-top: 4px;margin: 3px 7.5% 0px 7.5%;">Tel: <a class="" tabindex="-1" href="tel:2126895555" style="color: #03558b; font-weight: 500;">+1 (212) 689-5555</a></div> </div> <div id="hq-add2" class="hq"> <div style="border-bottom: 1px solid #CECECE;width: 85%;padding-bottom: 1px;margin: 0px 7.5% 5px 7.5%;">Europe Headquarters </div> <span style="font-weight:500">45 Moorfields, 5th Fl <br> London, EC2Y 9AE <br></span> <div style="border-top: 1px solid #CECECE;width: 85%;padding-top: 4px;margin: 3px 7.5% 0px 7.5%;">Tel: <a class="" tabindex="-1" href="tel:442070612000" style="color: #03558b; font-weight: 500;">+44 207.061.2000</a></div> </div> <div id="hq-add3" class="hq"> <div style="border-bottom: 1px solid #CECECE;width: 85%;padding-bottom: 1px;margin: 0px 7.5% 5px 7.5%;">Asia Headquarters </div> <span style="font-weight:500">33 Lockhart Rd, 19th Fl<br> Wan Chai, Hong Kong<br></span> <div style="border-top: 1px solid #CECECE;width: 85%;padding-top: 4px;margin: 3px 7.5% 0px 7.5%;">Tel: <a class="" tabindex="-1" href="tel:85222929900" style="color: #03558b; font-weight: 500;">+852.2292.9900</a></div> </div> </div> </div> </div> </div> </div>  <div class="main" style="height:100%;z-index: ;">   <section id="youdiv" data-index="1" style="overflow:hidden; height: 100%;background: url(/images/about/fireworks-city.jpg);background-size: cover;">    <div> <div> </div> </div> <div class="go-down-page-link"><i class="icon-chevron-down" style="color:#e5e5e5;"></i></div> </section>  <section id="slideone" data-index="2" class="fullslide" style="overflow: hidden; position: absolute; top: 100%; left: 0px;background: url(/images/about/look-over-japan.jpg);background-size: cover;"> <div class="go-down-page-link"><i class="icon-chevron-down" style="color:#fff;"></i></div> </section>    <section id="slidetwo" class="fullslide" style="background: url(/images/about/open-mic-room.jpg);background-size: cover; z-index:200;"> <div class="go-down-page-link"><i class="icon-chevron-down" style="color:#fff"></i></div> </section>   <section id="slidethree" class="fullslide" style="overflow: hidden; position: absolute; top: 100%; left: 0px;background: url(/images/about/yellow-city.jpg);background-size: cover;"> <div class="go-down-page-link"><i class="icon-chevron-down" style="color:#fff0cc"></i></div> </section>   <section id="slidefour" style="background: url(/images/about/look-up-office-buildings.jpg) 100%; background-size: cover;"> <div class="go-down-page-link"><i class="icon-chevron-down"></i></div> </section>   <section id="slidefive" class="fullslide" style="position: absolute; top: 200%; left: 0px;background: url(/images/about/office-look-out-window.jpg); background-size: cover;" data-index="3"> <div class="go-down-page-link"><i class="icon-chevron-down"></i></div> </section>  <section id="slidesix" style=" background: url(/images/about/flags-look-up.jpg) 100%; background-size: cover;"> <div class="go-down-page-link"><i class="icon-chevron-down"></i></div> </section>    <section id="slideseven" class="fullslide" style="position:absolute;top:200%;left:0px;background: url(/images/about/7180264468.jpg);background-size: cover;" data-index="3"> <div class="go-down-page-link"><i class="icon-chevron-down" style="color:#fff"></i></div> </section>  <section id="slideeight" style="background:url(/images/w-shutterstock_414139855.jpg) 90% 41%; background-size:cover;"> <div class="go-down-page-link"><i class="icon-chevron-down"></i></div> </section>  <section id="slidenine" style="background:url(/images/about/WX191DV28C.jpg); background-size:cover;"> <div class="go-down-page-link"><i class="icon-chevron-down" style="color:#fff"></i></div> </section>   <section id="slideten" style="background:url(/images/about/look-over-water-city.jpg);background-size: cover;"> <div class="return-top"><i class="icon-chevron-up"></i> Return to Top</div> </section> </div> <script type="text/javascript"> function flipMessageLogo(){ function delay(){ $(".rotate-stuff").removeClass("rotate-initial-hidden"); } function flipDelay(){ $(".flipper").removeClass("hover-flip"); } setTimeout(function() {delay();},500); setTimeout(function() {flipDelay();},1000); $("#discoverus-text").removeClass('discoverus-text-transition-slow'); $("#discoverus-text").addClass('discover-text-transition-fast'); } function menuDiscoverOpen(){ $("#discoverus-text").addClass('discoverus-open'); $('#menu').removeClass('hide-menu'); } function introAnimation(){ setTimeout(function() {flipMessageLogo();},1000); setTimeout(function() {menuDiscoverOpen();},500); $("#bgvid").addClass('bgvid-open'); setTimeout(function(){$('#menu').removeClass('hide-menu'); $('#menucontainer').removeClass('hide-bottom-menu'); $('#bottommenu').removeClass('hide-bottom');},250); setTimeout(function(){$('#menu').removeClass('overflow');},1000); $("#discoverus").addClass('discoverus-open'); $("#overlay").addClass('overlay-open'); } // $("#bgvid").on('play',function(){ // setTimeout(function() {introAnimation();},750); // }); function fauxSlide(){ $(".main").moveDown(); $("#discoverus").addClass("discoverus-click"); $("#faux-border-top").addClass("faux-border-top-click"); $("#hitbox").addClass("delete"); $("#slideonevid").removeClass("slidevideo"); $("#overlay").removeClass("overlay-border"); $("#hitbox").removeClass("hitbox-open"); $("#discoverus").removeClass("discoverus-hover"); $("#faux-border-top").removeClass("faux-border-top-hover"); } function frontpagequotelogic(){ $("#discoverus").addClass("discoverus-click"); $("#faux-border-top").addClass("faux-border-top-click"); $("#hitbox").addClass("delete"); $("#slideonevid").removeClass("slidevideo"); $("#overlay").removeClass("overlay-border"); $("#hitbox").removeClass("hitbox-open"); $("#discoverus").removeClass("discoverus-hover"); $("#faux-border-top").removeClass("faux-border-top-hover"); $(".main").moveTo(11); } $(document).ready(function(){ setTimeout(function() {introAnimation();},750); $(function() { $('#locateusbutton').on('click', function() { $(this).addClass('rotatecontact'); $('#contactusbutton').addClass('rotatecontact'); $('#contactusheadquarters').removeClass('rotatecontact'); $('#locateussearch').removeClass('rotatecontact'); $('#contact-back-container').removeClass('rotatecontact'); }); }); $(function() { $('#contactusbutton').on('click', function() { $(this).addClass('rotatecontact'); $('#locateusbutton').addClass('rotatecontact'); $('#contactform').removeClass('rotatecontact'); $('#letstranslate').removeClass('rotatecontact'); $('#contact-back-container').removeClass('rotatecontact'); }); }); $(function() { $('#contact-back-container').on('click', function() { if($('#contactusmap').hasClass('rotatecontact')){ $('#contact-back-container').addClass('rotatecontact'); $('#contactusbutton').removeClass('rotatecontact'); $('#locateusbutton').removeClass('rotatecontact'); $('#contactusheadquarters').addClass('rotatecontact'); $('#locateussearch').addClass('rotatecontact'); $('#contactform').addClass('rotatecontact'); $('#letstranslate').addClass('rotatecontact'); } else{ $('#placeholder').slideUp(function(){ $("#locationfeed").remove(); $("#placeholder_inner").empty(); }); $('#pac-input').removeClass('pac-input-close'); $('#contactusmap').addClass('rotatecontact'); $('#contactusheadquarters').removeClass('rotatecontact'); } }); }); $(".flip-container").hoverIntent({ sensitivity: 10, interval: 50, over:function(){ $(".flipper").addClass("hover-flip"); }, out:function(){ $(".flipper").removeClass("hover-flip"); } }); $("#fakebox").hoverIntent({ sensitivity: 10, interval: 50, over:function(){ $("i").removeClass("i-fade"); }, out:function(){ $("i").addClass("i-fade"); } }); $("#hitbox").hoverIntent({ over:function(){ $("#slideonevid").addClass("slidevideo"); $("#overlay").addClass("overlay-border"); $("#hitbox").addClass("hitbox-open"); $("#discoverus").addClass("discoverus-hover"); $("#faux-border-top").addClass("faux-border-top-hover"); }, out:function(){ $("#slideonevid").removeClass("slidevideo"); $("#overlay").removeClass("overlay-border"); $("#hitbox").removeClass("hitbox-open"); $("#discoverus").removeClass("discoverus-hover"); $("#faux-border-top").removeClass("faux-border-top-hover"); } }); $(".main").onepage_scroll({pagination:false,loop:false, easing: "cubic-bezier(0.7, 0, 0.3, 1)", //beforeMove: function(index){ // if ($('#youdiv').hasClass('active')){ // $('#bgvid').get(0).play(); // } // if ($('#slideone').hasClass('active')){ // $('#slideonevid').get(0).play(); // } // if ($('#slidesix').hasClass('active')){ // $('#slidesixvid').get(0).play(); // } //}, //afterMove: function(index){ //Pause landing video // if (!$('#youdiv').hasClass('active')){ // $('#bgvid').get(0).pause(); // } // //Pause Offices Video // if (!$('#slideone').hasClass('active')){ // $('#slideonevid').get(0).pause(); // } // //Pause SlideSix Video // if (!$('#slidesix').hasClass('active')){ // $('#slidesixvid').get(0).pause(); // } //} }); $('.go-down-page-link').on('click', function() { $(".main").moveDown(); }); $('.return-top').on('click', function() { $(".main").moveTo(1); $('.discover-text-close-box').removeClass('discover-text-stuff-close'); // testing code - reset counter $('.discover-textbox').toggleClass('discovertext-height'); $('.timer').toggleClass('timer-height'); $('.timer').countTo({from: 700000, to: 1, speed: 500}); $('#discover-top-text').text('about the number'); $('#discover-bottom-text').text('translations Company'); $('#discover-text-left-box').html('scroll to learn'); $('#discover-text-left-box').addClass('scroll-to-learn'); $('#discover-text-left-box').addClass('scroll-to-textalign'); }); $('#edit-submitted-pg1-first-name-1').attr('placeholder','Please enter your first name'); $('#edit-submitted-pg1-last-name-1').attr('placeholder','Please enter your last name'); $('#edit-submitted-pg1-email-1').attr('placeholder','Please enter your email address'); $('#edit-submitted-pg1-phone-work-1').attr('placeholder','Please enter your phone number'); $('#fp-nav ul li a:last').prepend("<div class='fp-tooltip right'>Free Quote</div>"); var anchor = document.querySelectorAll('button'); [].forEach.call(anchor, function(anchor){ var open = false; anchor.onclick = function(event){ event.preventDefault(); if(!open){ this.classList.add('close'); open = true; } else{ this.classList.remove('close'); open = false; } } }); // $('#bodyContainer').click(function (e){ // var container = $("#contactform-container-outter, #getintouch"); // if (!container.is(e.target) // if the target of the click isn't the container... // && container.has(e.target).length === 0) // ... nor a descendant of the container // { // if($('#fp-nav ul li a:last').hasClass('active')){ // } // else{ // quoteClose(); // } // } // }); }); $('#mobile-menu').click(function (){ $('#mobile-menu').toggleClass('active'); }); </script> <script type="text/javascript"> function setCookie(name, value, days){ var date = new Date(); date.setTime(date.getTime() + (days*24*60*60*1000)); var expires = "; expires=" + date.toGMTString(); document.cookie = name + "=" + value + expires + ";path=/"; } function getParam(p){ var match = RegExp('[?&]' + p + '=([^&]*)').exec(window.location.search); return match && decodeURIComponent(match[1].replace(/\+/g, ' ')); } var gclid = getParam('gclid'); if(gclid){ var gclsrc = getParam('gclsrc'); if(!gclsrc || gclsrc.indexOf('aw') !== -1){ setCookie('gclid', gclid, 90); } } function getParameterByName(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } if(getParameterByName('ktc')) { setCookie('utm_source', getParameterByName('ktc'), 90); } else { // Fragment doesn't exist }; </script> </div> </body> </html>

CINXE.COM

Our Story | Translations.com