CINXE.COM
Website Localization Services
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <title>Website Localization Services</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="/sites/all/themes/tdcv6/favicon.ico" type="image/x-icon" /> <meta property="og:title" content="Website Localization Services" /> <meta name="description" content="Reach your customers and clients with your message in your exact words—anywhere. Reduce the time to launch for your multilingual websites to as little as 30 days." /> <meta property="og:description" content="Reach your customers and clients with your message in your exact words—anywhere. Reduce the time to launch for your multilingual websites to as little as 30 days." /> <meta name="keywords" content="website localization,global resources,multilingual website,globallink,onelink" /> <meta property="og:image" content="http://www.translations.com/sites/default/files/shutterstock_285792920.jpg" /> <meta name="dcterms.date" content="2016-12-01T00:00:00Z" /> <meta property="og:type" content="website" /> <link rel="canonical" href="https://www.translations.com/technology/website-localization" /> <meta property="og:url" content="https://www.translations.com/technology/website-localization" /> <meta name="revisit-after" content="1 day" /> <meta id="testViewport" name="viewport" content="width=device-width"> <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 src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="/sites/all/themes/tdcv6/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="/sites/all/themes/tdcv6/js/swipeup.js"></script> <!-- <script src="http://tympanus.net/Development/PageTransitions/js/modernizr.custom.js"></script> --> <!-- <script src="http://cherne.net/brian/resources/jquery.hoverIntent.js"></script> --> <script src="/sites/all/themes/tdcv6/js/jquery.hoverIntent2.js"></script> <link href='/sites/all/themes/tdcv6/css/jquery.fullPage.css' rel='stylesheet' type='text/css' /> <!-- Kris Made Local <link href='https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-minimal.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.fullPage.js"></script> <script src="/sites/all/themes/tdcv6/js/jquery.slimscroll.js"></script> <script src="/sites/all/themes/tdcv6/js/jquery.fittext.js"></script> <link href='/sites/all/themes/tdcv6/css/menu2.css' rel='stylesheet' type='text/css'> <link href='/sites/all/themes/tdcv6/css/mirra.css' rel='stylesheet' type='text/css' /> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.src.js"></script> <![endif]--> <!--[if lte IE 9]> <link rel="stylesheet" type="text/css" href="/sites/all/themes/tdcv6/css/iestyle.css" /> <![endif]--> <style> @media only screen and (max-width : 950px){ #topbanner { display:block; z-index:0; opacity:1;} #topbannerimage img {display:block;} } </style> </head> <!-- CHEQ INVOCATION TAG --> <script async src="https://ob.forroundprince.com/i/ddd651d2013f093e29f5f4c3fead957e.js" data-ch="cheq4ppc" class="ct_clicktrue_38299"></script> <!-- END CHEQ INVOCATION TAG --> <body style="background:white; perspective:7000;"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N76544G" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- CHEQ INVOCATION TAG (noscript) --> <noscript><iframe src="https://obs.forroundprince.com/ns/ddd651d2013f093e29f5f4c3fead957e.html?ch=cheq4ppc" width="0" height="0" style="display:none"></iframe></noscript> <!-- End CHEQ INVOCATION TAG (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> <!--[if lte IE 9]> <style type="text/css"> #menucontainer{top:-100%;} .fp-section{ background:#121f48 !important; } </style> <![endif]--> <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 id="language"><a>language selection</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> <!-- START OF WWD --> <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"><!--GlobalLink--> </span></div><!-- <i class="icon-external-link"></i> --> <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/abreve-products'" class="itemblocks"> <span>Abreve</span></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 onclick="window.open('https://mogi-group.com/','_blank')" class="itemblocks clr2 itemblocks-width2"> <span>Gaming</span></div> <div onclick="window.open('https://www.applanga.com/','_blank')" 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> <!-- Request Quote Block --> <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> <!--OneLinkTxShow_es_LA <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "ES_LA" ); }); </script> OneLinkTxShow_es_LA--><!--OneLinkTxShow_fr_CA <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "FR_CA" ); }); </script> OneLinkTxShow_fr_CA--><!--OneLinkTxShow_pt_BR <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "PT_BR" ); }); </script> OneLinkTxShow_pt_BR--><!--OneLinkTxShow_da <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "DA" ); }); </script> OneLinkTxShow_da--><!--OneLinkTxShow_de <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "DE" ); }); </script> OneLinkTxShow_de--><!--OneLinkTxShow_es_ES <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "ES_ES" ); }); </script> OneLinkTxShow_es_ES--><!--OneLinkTxShow_fr_FR <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "FR_FR" ); }); </script> OneLinkTxShow_fr_FR--><!--OneLinkTxShow_it <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "IT" ); }); </script> OneLinkTxShow_it--><!--OneLinkTxShow_nl <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "NL" ); }); </script> OneLinkTxShow_nl--><!--OneLinkTxShow_ru <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "RU" ); }); </script> OneLinkTxShow_ru--><!--OneLinkTxShow_sv <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "SV" ); }); </script> OneLinkTxShow_sv--><!--OneLinkTxShow_ar <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "AR" ); }); </script> OneLinkTxShow_ar--><!--OneLinkTxShow_he <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "HE" ); }); </script> OneLinkTxShow_he --><!--OneLinkTxShow_zh <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "ZH" ); }); </script> OneLinkTxShow_zh--><!--OneLinkTxShow_ja <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "JA" ); }); </script> OneLinkTxShow_ja--><!--OneLinkTxShow_kr <script type="text/javascript"> $( document ).ready(function() { $('#edit-submitted-pg1-hidden-url').attr("value", "KR" ); }); </script> OneLinkTxShow_kr--></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-D-7mGXgTlQakVTmM3tplkyAdbx2W8FpqoMxuCoFbC9k" value="form-D-7mGXgTlQakVTmM3tplkyAdbx2W8FpqoMxuCoFbC9k" /> <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="67507916" /> <input type="hidden" name="captcha_token" id="edit-captcha-token" value="68bd164a4ef56691b3ed2a6fccf324bb" /> <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> <!-- Call Rep Block --> <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> <!-- Email Us --> <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> <!-- Find an Office --> <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;"> <!-- old code <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBcGcu8i1ruyKDaR9fIUpWaujof9bNM-PY&libraries=places&language=en" type="text/javascript"></script> --> <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><!-- image --><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;'><!-- contact info --><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><!-- iframe time --><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><!-- iframe time --></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> <!--[if lte IE 9]> <script src="/sites/all/themes/tdcv6/js/jquery.placeholder.min.js"></script> <script type="text/javascript"> $('.back').remove(); $('#whoweare').click(function(){ if($('#menucontainer').css('top') == '-70px'){ $('#menucontainer').animate({top:'-100%'},{duration : 600}); $('.main').animate({opacity:'1'},{duration : 800}); } else{ $('#menucontainer').animate({top:'-70px'},{duration : 600}); $('.main').animate({opacity:'.3'},{duration : 600}); } }); $('#whatwedo').click(function(){ if($('#menucontainer_wwd').css('top') == '-70px'){ $('#menucontainer_wwd').animate({top:'-100%'},{duration : 600}); $('.main').animate({opacity:'1'},{duration : 800}); } else{ $('#menucontainer_wwd').animate({top:'-70px'},{duration : 600}); $('.main').animate({opacity:'.3'},{duration : 600}); } }); $(document).ready(function() { $('input, textarea').placeholder(); }); </script> <![endif]--> <!-- Global site tag (gtag.js) - Google Analytics --> <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> <!-- Facebook Pixel Code --> <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> <!-- End Facebook Pixel Code --> <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="topbanner"> <!-- change for Full top banner Image top 1s cubic-bezier(0.7, 0, 0.3, 1)--> <div id="topbannerimage" class="landing-image-show" style="background:url('/sites/default/files/shutterstock_285792920.jpg') center/cover;" > <!-- <img src="" id="landingImage" style="bottom:0px; width:100%; height:100%; position:absolute;"> --> </div> <div id="landing-text-container" style="overflow:hidden;background-color: #121f48;width: 100%; height: 50%; bottom: -50%; position: absolute; transition:bottom .75s cubic-bezier(0.7, 0, 0.3, 1); background: -moz-linear-gradient(top, rgba(18,31,72,0.85) 0%, rgba(18,31,72,1) 45%, rgba(18,31,72,1) 100%); background: -webkit-linear-gradient(top, rgba(18,31,72,0.85) 0%,rgba(18,31,72,1) 45%,rgba(18,31,72,1) 100%); background: linear-gradient(to bottom, rgba(18,31,72,0.85) 0%,rgba(18,31,72,1) 45%,rgba(18,31,72,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9121f48', endColorstr='#121f48',GradientType=0 ); "> <div id="pin-blue-stripes"> <div id="landing-inner-container"> <div id="landing-title"> <div style="top: 0;position: relative;display: table-cell;vertical-align: middle;"><style> @media only screen and (max-width : 1400px){ #landing-title div h1 { font-size:42px!important; line-height:40px!important; letter-spacing:3px;} } @media only screen and (max-height : 760px){ #landing-title div h1 { font-size:42px!important; line-height:40px!important; letter-spacing:3px;} } @media only screen and (max-width : 800px){ #landing-title div h1 { font-size:35px!important; line-height:35px!important; letter-spacing:2px;} } @media only screen and (max-height : 700px){ #landing-content { font-size:20px; line-height:25px; height:25%;} } ul.briefs li, ul.briefs2 li { display: inline-block; margin: 5px; } .icon2_box{width: 22%;text-align: center;margin-right: 20px;} #block-grid {margin-bottom:15px;} .gl_btn2 { display:inline-block; width:275px; background:rgba(255,255,255,0.65); font-size:16px; font-weight:600; line-height:18px; color:#04214e; margin:6px 3px; padding:10px 10px 10px 5px; height:80px; vertical-align:top;} .gl_btn2 img { margin-right:10px; float:left; width:80px;} .gl-links { display:inline-block; width:210px; min-height:210px; background:rgba(0,0,0,0.5); border:2px solid #000; padding:5px 15px 0; margin:3px; vertical-align:top;} .gl-links:hover { border:2px solid #ff6600;} #adaptor { display:block; width:100%; background:rgba(255,255,255,0.5); margin:0 0 15px; padding:15px; text-align:center;} #adaptor li { display:inline-block; margin:6px 3px; background:#fff; padding:1px; border-radius:5px;} #adaptor li:hover { background:#ff6600;} #adaptor li img { width:120px; border-radius:5px;} </style> <h1> Website Localization <br>Technologies and Services</h1> </div> </div> <div id="landing-content"> <div style="height: auto;position: relative;display: table-cell;vertical-align: top;"><p>Create, launch, and optimize your website in 170+ languages in no time flat.</p> <p>No, really.</p> <p>Translations.com has a suite of solutions that make adapting your site for global markets easier than ever.</p> </div> </div> <div id="landing-icon"> <i class="icon-angle-down"></i> </div> </div> </div> </div> </div> <div class="main"> <div id="fullpage" > <div id="slideone" class="section fp-auto-height" style=" width:100%; background-color: #121f48;" data-index="3"> <div style="height:0px;"></div> </div> <!-- section number 2 --> <!-- section number 4 --> <div id='slide1' class='FULL-WIDTH section fp-tableCell-knockout' style='background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(/sites/default/files/shutterstock_183461438.jpg) 100% 50%; background-size: cover;'><div class='default-text-container'><div><h2> GlobalLink OneLink Proxy</h2> <img alt="Launch Global Websites Quickly" src="/images/gl_advantage_launch2.png" style="max-width:100%; max-height:298px;" /> <p>Reduce the time to launch for your multilingual websites to as little as 30 days. How? Translations.com’s award-winning GlobalLink OneLink localization technology.</p> <p>The world’s most advanced and user-friendly website localization solution, GlobalLink OneLink can be leveraged as a cloud-based or on-premise tool to reduce your project management burden and nearly eliminate the need for IT involvement. You’re welcome.</p></div></div></div><div id='slide2' class='FULL-WIDTH section fp-tableCell-knockout' style='background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(/sites/default/files/video-blue-fade.jpg) 100% 50%; background-size: cover;'><div class='default-text-container'><div><iframe allowfullscreen="" frameborder="0" height="422" mozallowfullscreen="" src="//player.vimeo.com/video/128170991" style="display:block; border: 1px solid #111; box-shadow: 0 8px 12px -2px rgba(0, 0, 0, 0.5); max-width:100%; margin:10px auto;" webkitallowfullscreen="" width="760"></iframe> </div></div></div><div id='slide3' class='FULL-WIDTH section fp-tableCell-knockout' style='background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(/sites/default/files/shutterstock_376541137b_0.jpg) 100% 50%; background-size: cover;'><div class='default-text-container'><div><h2> Key Features</h2> <p>Here are GlobalLink OneLink’s key features supporting your worldwide reach:</p> <div id="block-grid"> <div class="gl_btn2"> <img alt="translations" src="http://www.transperfect.com/images/cir_icon_1.png"> Developed, Owned, and Supported by Translations.com </div> <div class="gl_btn2"> <img alt="PCI Certified Translation" src="http://www.transperfect.com/images/cir_icon_2.png"> PCI Certified </div> <div class="gl_btn2"> <img alt="Secure" src="http://www.transperfect.com/images/cir_icon_3.png"> Hosted (SSAE 16 SOC 1 Type 2) or On-Premise Installation </div> <div class="gl_btn2"> <img alt="translation memory" src="http://www.transperfect.com/images/cir_icon_4.png"> Savings for Partially Matched Content </div> <div class="gl_btn2"> <img alt="website localization" src="http://www.transperfect.com/images/cir_icon_5.png"> Internal Engineering Expertise for Complex Sites </div> <div class="gl_btn2"> <img alt="e-commerce translation" src="http://www.transperfect.com/images/cir_icon_6.png"> E-Commerce and CDN Support </div> <div class="gl_btn2"> <img alt="accurate translation" src="http://www.transperfect.com/images/cir_icon_7.png"> In-Context Preview / Editing </div> <div class="gl_btn2"> <img alt="cost savings" src="http://www.transperfect.com/images/cir_icon_8.png"> Electronic Scissors </div> <div class="gl_btn2"> <img alt="efficient" src="http://www.transperfect.com/images/cir_icon_9.png"> Reuse Content Online and Offline </div> <div class="gl_btn2"> <img alt="local offices" src="http://www.transperfect.com/images/cir_icon_10.png"> Global Data Centers (US, EU, APAC) </div> <div class="gl_btn2"> <img alt="patented translations" src="http://www.transperfect.com/images/cir_icon_11.png"> Patented Technologies </div> <div class="gl_btn2"> <img alt="scalable" src="http://www.transperfect.com/images/cir_icon_12.png"> Deploy Other GlobalLink Solutions if Requirements Change </div> </div> <p>Request Your <a href="http://www.translations.com/globallink/products/onelink.html"> Demo</a></p> <p>Visit the GlobalLink <a href="http://www.translations.com/globallink/products/onelink.html"> Website </a></p></div></div></div><div id='slide4' class='FULL-WIDTH section fp-tableCell-knockout' style='background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(/sites/default/files/stock_217904419_0.jpg) 100% 50%; background-size: cover;'><div class='default-text-container'><div><h2>CMS / E-Commerce / Database Integration</h2> <p>And—perhaps most importantly—reduce your costs by removing manual project management.</p> <p>For companies looking for a more hands-on solution to website localization, GlobalLink offers the world’s most integration-friendly technology to manage the process of globalizing your sites. With GlobalLink, you get the control and flexibility to customize workflows, utilize any combination of translation vendors and internal resources, and most importantly, cut out time-consuming and cost-bloating manual project management.</p> <ul> <div class="gl-links" onclick="window.top.location = '/globallink/products/globallink_connect.html';" style="cursor:pointer;"> <p style="text-align:center"><img src="/images/gl_connect_icon_40.png" /><br><strong>GlobalLink <font color="#2380b8">Connect</font></strong></p> <p style="font-size:13px">Integrate directly from leading CMS, Database, <nobr>E-Commerce</nobr>, and PIM platforms to Translations.com language solutions</p> </div> <div class="gl-links" onclick="window.top.location = '/globallink/products/globallink_pro.html';" style="cursor:pointer;"> <p style="text-align:center"><img src="www.transperfect.com/images/gl_pro_icon_40.png" /><br><strong>GlobalLink <font color="#2380b8">Pro</font></strong></p> <p style="font-size:13px">Plug in to powerful workflow management, automated submission and delivery, and process control to cut costs and save time</p> </div> <div class="gl-links" onclick="window.top.location = '/globallink/products/globallink_enterprise.html';" style="cursor:pointer;"> <p style="text-align:center"><img src="http://www.transperfect.com/images/gl_enterprise_icon_40.png" /><br><strong>GlobalLink <font color="#2380b8">Enterprise</font></strong></p> <p style="font-size:13px">Manage enterprise-wide multilingual content management programs with customized workflows and the ability to integrate multiple language resources</p> </div> </ul> <P> </P> <h3>E-Commerce / CMS / WEM / PIM Integration Available:</h3> <ul id="adaptor"> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_aem.pdf" target="_blank"><img src="/images/adobe2.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/Adaptor_Brief_Astoria_TPT.pdf" target="_blank"><img src="http://www.transperfect.com/images/astoria.jpg" /></a></li> <!--<li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_documentum.pdf" target="_blank"><img src="http://www.transperfect.com/images/documentum.jpg" /></a></li> --> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_drupal.pdf" target="_blank"><img src="http://www.transperfect.com/images/drupal.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_ektron.pdf" target="_blank"><img src="http://www.transperfect.com/images/ektron.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_eloqua.pdf" target="_blank"><img src="http://www.transperfect.com/images/eloqua.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_episerver.pdf" target="_blank"><img src="http://www.transperfect.com/images/episerver.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_teamsite.pdf" target="_blank"><img src="http://www.transperfect.com/images/teamsite.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_sap_hybris.pdf" target="_blank"><img src="http://www.transperfect.com/images/hybris.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_inriver.pdf" target="_blank"><img src="http://www.transperfect.com/images/inRiver.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/TransPerfect_Adaptor_Brief_Jahia.pdf" target="_blank"><img src="http://www.transperfect.com/images/jahia.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_liferay.pdf" target="_blank"><img src="http://www.transperfect.com/images/liferay.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_magento.pdf" target="_blank"><img src="http://www.transperfect.com/images/magento.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/TransPerfect_Adaptor_Brief_Magnolia.pdf" target="_blank"><img src="http://www.transperfect.com/images/magnolia.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_marketo.pdf" target="_blank"><img src="http://www.transperfect.com/images/marketo.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/Adaptor_Brief_OpenText_TPT.pdf" target="_blank"><img src="http://www.transperfect.com/images/opentext.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_oracle.pdf" target="_blank"><img src="http://www.transperfect.com/images/oracle.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_sharepoint.pdf" target="_blank"><img src="http://www.transperfect.com/images/sharepoint.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_sitecore.pdf" target="_blank"><img src="http://www.transperfect.com/images/sitecore_tap.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_salesforce_knowledge.pdf" target="_blank"><img src="http://www.transperfect.com/images/salesforce.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_salesforce_cc.pdf" target="_blank"><img src="http://www.transperfect.com/images/demandware.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_tridion.pdf" target="_blank"><img src="http://www.transperfect.com/images/tridion2.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/Adaptor_Brief_Vasont_TPT.pdf" target="_blank"><img src="http://www.transperfect.com/images/vasont.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/Adaptor_Brief_WordPress_TPT.pdf" target="_blank"><img src="http://www.transperfect.com/images/wordpress.jpg" /></a></li> <li> <a href="http://www.transperfect.com/globallink/downloads/transperfect_adaptor_brief_2017_zendesk.pdf" target="_blank"><img src="http://www.transperfect.com/images/zendesk.jpg" /></a></li> </ul></div></div></div><div id='slide5' class='FULL-WIDTH section fp-tableCell-knockout' style='background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(/sites/default/files/computer-data-center_0.jpg) 100% 50%; background-size: cover;'><div class='default-text-container'><div><h2>We Know How</h2> <ul> <li><h3><strong>Proven</strong> Record of Success</h3></li> <li><h3><strong>Flexible</strong> Technology Solutions</h3></li> <li><h3><strong>Unmatched</strong> Global Scale & Resources</h3></li> <li><h3><strong>Comprehensive</strong> Multilingual Support</h3></li> </ul></div></div></div> <!-- section number 5 --> <div id="slideeight" class="section fp-auto-height fp-tableCell-knockout" style="width:100%;"> <div style="height:200px;"></div> </div> </div> </div> <script type="text/javascript"> isie = true; </script> <!--[if lte IE 9]> <script type="text/javascript"> isie = false; </script> <![endif]--> <script type="text/javascript"> function titleResize(){ if($('#landing-title div h1').height() > 90 && $(window).width() > 1030){ $('#landing-title div h1').css({'font-size':'60px','line-height':'62px'}); } else if($('#landing-title div h1').height() > 90 && $(window).width() < 1030) { $('#landing-title div h1').css({'font-size':'42px','line-height':'46px'}); } else{ $('#landing-title div h1').css({'font-size':'','line-height':''}) } console.log('resize'); } $(document).ready(function(){ titleResize(); $(function() { $("#topbanner").swipe( { //Generic swipe handler for all directions swipeUp:function(event, direction, distance, duration, fingerCount, fingerData) { if($('.main').hasClass('main-open')) { } else{ $.fn.fullpage.moveSectionDown(); } } }); }); function halfslideCalc(){ var winheight = $(window).height(), mainHeight = winheight - 200 + "px", bannerOffset = -(winheight - 12 - (winheight * .5)), imageHeight = -(($('#fullpage').height()) / 2); $(".halfslideImage").css('marginTop',imageHeight); } function bannerOffsetFunction(){ var winheight = $(window).height(), bannerOffset = -(winheight - 12 - (winheight * .5)); if ($('.main').hasClass('main-open')){ $("#topbanner").css('top',bannerOffset + 'px'); } else{ console.log('bang'); } } function isiebannerOffsetFunction(){ var winheight = $(window).height(), bannerOffset = -(winheight - 12 - (winheight * .5)), banban = {'top' : bannerOffset + 'px'}; if ($('#slideone').hasClass('active')){ } else{ $("#topbanner").animate(banban, 600); } } function flipDelay(){ $(".flipper").removeClass("hover-flip"); } function openTop(){ $("#topbannerimage").addClass('landing-open'); $("#landing-text-container").addClass('landing-text-container-open'); } function fullpage(){ if(isie){ $('#fullpage').fullpage({ anchors: ['Overview', 'GlobalLink_OneLink_Proxy', '3_Minute_Video', 'Key_Features', 'Integration', 'We_Know_How', 'Slide 6'], navigation:true, navigationTooltips: ['Overview', 'GlobalLink OneLink Proxy', '3 Minute Video', 'Key Features', 'Integration', 'We Know How', 'Slide 6'], showActiveTooltip: false, normalScrollElements: '#menu, #menucontainer, #border-left, #border-right, #border-bottom, #contactform-container-outter', scrollingSpeed:'1000', easing:'cubic-bezier(0.7, 0, 0.3, 1)', onLeave: function(index, nextIndex, direction){ var leavingSection = $(this); if(nextIndex != 1){ $(".main").addClass('main-open'); //$("#landing-title div h1").css('top', bannerOffset + 'px'); //$("#topbanner").addClass('topbanner-open'); bannerOffsetFunction(); $("#menucontainer").addClass('bottommenu-trans'); $("#topbannerimage").addClass('topbannerimage-open'); } else{ $(".main").removeClass('main-open'); $("#landing-title div h1").css({"top" : "0px" }); //$("#topbanner").removeClass('topbanner-open'); $("#topbanner").css('top','0px'); $("#menucontainer").removeClass('bottommenu-trans'); $("#topbannerimage").removeClass('topbannerimage-open'); } if(nextIndex != 7){ quoteClose(); } else{ quoteOpen(); } }, scrollOverflow:true, recordHistory:false }); } else{ $('#fullpage').fullpage({ anchors: ['Overview', 'GlobalLink OneLink Proxy', '3 Minute Video', 'Key Features', 'Integration', 'We Know How', 'Slide 6'], navigation:true, navigationTooltips: ['Overview', 'GlobalLink OneLink Proxy', '3 Minute Video', 'Key Features', 'Integration', 'We Know How', 'Slide 6'], showActiveTooltip: false, normalScrollElements: '#menu, #menucontainer, #border-left, #border-right, #border-bottom, #contactform-container-outter', scrollingSpeed:'1000', onLeave: function(index, nextIndex, direction){ var leavingSection = $(this); if(nextIndex != 1){ $(".main").animate({bottom : '0px'}); //$("#landing-title div h1").css('top', bannerOffset + 'px'); //$("#topbanner").addClass('topbanner-open'); isiebannerOffsetFunction(); $("#menucontainer").addClass('bottommenu-trans'); $("#topbannerimage").addClass('topbannerimage-open'); } else{ $(".main").animate({bottom : '-79.275%'}); $("#landing-title div h1").css({"top" : "0px" }); //$("#topbanner").removeClass('topbanner-open'); $("#topbanner").css('top','0px'); $("#menucontainer").removeClass('bottommenu-trans'); $("#topbannerimage").removeClass('topbannerimage-open'); } if(nextIndex != 7){ quoteClose(); } else{ quoteOpen(); } }, scrollOverflow:true//, //recordHistory:false //Kris Testing /* if (document.documentElement.clientWidth < 1024) { alert("YES") } if (document.documentElement.clientWidth > 1023) { scrollOverflow: true } */ }); } } halfslideCalc(); $(window).resize(function(){ bannerOffsetFunction(); halfslideCalc(); titleResize(); console.log('windowresize'); }); $("#landingImage").load(function(){ }); $("#topbannerimage").removeClass('landing-image-show'); setTimeout(function(){openTop();},1250); setTimeout(function(){$('#menu').removeClass('hide-menu'); $('#menucontainer').removeClass('hide-bottom-menu'); $('#bottommenu').removeClass('hide-bottom');},250); setTimeout(function(){$('#menu').removeClass('overflow');},1000); setTimeout(function(){flipDelay();},3000); $(".flip-container").hoverIntent({ sensitivity: 10, interval: 50, over:function(){ $(".flipper").addClass("hover-flip"); }, out:function(){ $(".flipper").removeClass("hover-flip"); } }); fullpage(); $('#landing-icon .icon-angle-down').click(function(){ $.fn.fullpage.moveSectionDown(); }); if ($('.section').css('background-image') != 'none') { $(".fp-tableCell").addClass('fp-tableCell-knockout'); } /*$(".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 ($('#slidesix').hasClass('active')){ $('#slidesixvid').get(0).play(); } }, afterMove: function(index){ //Pause landing video if (!$('#youdiv').hasClass('active')){ $('#bgvid').get(0).pause(); } //Pause SlideSix Video if (!$('#slidesix').hasClass('active')){ $('#slidesixvid').get(0).pause(); } } });*/ 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; } } }); function halfslideCalc(){ var winheight = $(window).height(), mainHeight = winheight - 200 + "px", bannerOffset = -(winheight - 12 - (winheight * .5)), imageHeight = -(($('#fullpage').height()) / 2); $(".halfslideImage").css('marginTop',imageHeight); } function bannerOffsetFunction(){ var winheight = $(window).height(), bannerOffset = -(winheight - 12 - (winheight * .5)); if ($('.main').hasClass('main-open')){ $("#topbanner").css('top',bannerOffset + 'px'); } else{ console.log('bang'); } } halfslideCalc(); $(window).resize(function(){ bannerOffsetFunction(); halfslideCalc(); titleResize(); }); //$("#landing-title").css('height',height50 + 'px'); //$("#landing-content").css('height',height50 + 'px'); $('#fp-nav ul li a:last div').text("Free Quote"); //Function to close menu on click $('#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(); } } }); //var $container = $('#menurightproducts'); // init //$container.packery({ // itemSelector: '.itemblocks', // gutter: 0 //}); //var $container = $('#menurightservices'); // init //$container.packery({ // itemSelector: '.itemblocks-services', // gutter: 0 //}); }); $('#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> <!--[if lte ie 9]> <script type='text/javascript'> </script> <![endif]--> </div> <div style="display:none"> <script type="text/javascript" src="/misc/drupal.js"></script><link rel="stylesheet" type="text/css" href="/sites/all/modules/eu_cookie_compliance/css/eu_cookie_compliance.css" /><script type="text/javascript" src="/sites/all/modules/eu_cookie_compliance/js/eu_cookie_compliance.js?G"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- jQuery.extend(Drupal.settings, { "eu_cookie_compliance": { "popup_enabled": 1, "custom_cookie_enabled": 0, "custom_cookie_domain": "", "popup_agreed_enabled": 0, "popup_hide_agreed": 1, "popup_clicking_confirmation": 1, "popup_html_info": "\u000A\u003Cdiv\u003E\u000A \u003Cdiv class =\u0022popup-content info\u0022\u003E\u000A \u003Cdiv id=\u0022popup-text\u0022\u003E\u000A \u003Ch2\u003E\u0009We use cookies on this site to enhance your user experience\u003C\u002Fh2\u003E\u003Cp\u003EBy clicking any link on this page you are giving your consent for us to set cookies.\u003C\u002Fp\u003E \u003C\u002Fdiv\u003E\u000A \u003Cdiv id=\u0022popup-buttons\u0022\u003E\u000A \u003Cbutton type=\u0022button\u0022 class=\u0022agree-button\u0022\u003EOK\u003C\u002Fbutton\u003E\u000A \u003Cbutton type=\u0022button\u0022 class=\u0022find-more-button\u0022\u003ENo\u003C\u002Fbutton\u003E\u000A \u003C\u002Fdiv\u003E\u000A \u003C\u002Fdiv\u003E\u000A\u003C\u002Fdiv\u003E\u000A", "popup_html_agreed": "\u000A\u003Cdiv\u003E\u000A \u003Cdiv class =\u0022popup-content agreed\u0022\u003E\u000A \u003Cdiv id=\u0022popup-text\u0022\u003E\u000A \u003Ch2\u003E\u0009Thank you for accepting cookies\u003C\u002Fh2\u003E\u003Cp\u003EYou can now hide this message or find out more about cookies.\u003C\u002Fp\u003E \u003C\u002Fdiv\u003E\u000A \u003Cdiv id=\u0022popup-buttons\u0022\u003E\u000A \u003Cbutton type=\u0022button\u0022 class=\u0022hide-popup-button\u0022\u003EHide \u003C\u002Fbutton\u003E\u000A \u003Cbutton type=\u0022button\u0022 class=\u0022find-more-button\u0022 \u003EMore info\u003C\u002Fbutton\u003E\u000A \u003C\u002Fdiv\u003E\u000A \u003C\u002Fdiv\u003E\u000A\u003C\u002Fdiv\u003E\u000A", "popup_height": "auto", "popup_width": "100%", "popup_delay": 1000, "popup_link": "https:\u002F\u002Fwww.transperfect.com\u002Fabout\u002Fprivacy.html", "popup_position": null, "popup_language": "en" } }); //--><!]]> </script> </div> </body> </html>