CINXE.COM
Hybrid POV
<!DOCTYPE html> <html> <head> <base href="https://www2.gpj.com" > <link rel="shortcut icon" href="https://www.gpj.com/favicon.ico"> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""/> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:title" content="Hybrid POV" /> <meta property="og:description" content="" /> <meta property="og:image" content="%%metaimage%%" /> <link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> <title>Hybrid POV</title> <style type="text/css"> @font-face{font-family:DinLight;src:url(https://www.gpj.com/css/fonts/din_light.eot);src:local('☺'),url(https://www.gpj.com/css/fonts/din_light.woff) format('woff'),url(https://www.gpj.com/css/fonts/din_light.ttf) format('truetype'),url(https://www.gpj.com/css/fonts/din_light.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:DinLightAlt;src:url(https://www.gpj.com/css/fonts/din_lightalternate.eot);src:local('☺'),url(https://www.gpj.com/css/fonts/din_lightalternate.woff) format('woff'),url(https://www.gpj.com/css/fonts/din_lightalternate.ttf) format('truetype'),url(https://www.gpj.com/css/fonts/din_lightalternate.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:DinRegular;src:url(https://www.gpj.com/css/fonts/din_regular.eot);src:local('☺'),url(https://www.gpj.com/css/fonts/din_regular.woff) format('woff'),url(https://www.gpj.com/css/fonts/din_regular.ttf) format('truetype'),url(https://www.gpj.com/css/fonts/din_regular.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:DinBold;src:url(https://www.gpj.com/css/fonts/din_bold.eot);src:local('☺'),url(https://www.gpj.com/css/fonts/din_bold.woff) format('woff'),url(https://www.gpj.com/css/fonts/din_bold.ttf) format('truetype'),url(https://www.gpj.com/css/fonts/din_bold.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:DinBoldAlt;src:url(https://www.gpj.com/css/fonts/din_boldalternate.eot);src:local('☺'),url(https://www.gpj.com/css/fonts/din_boldalternate.woff) format('woff'),url(https://www.gpj.com/css/fonts/din_boldalternate.ttf) format('truetype'),url(https://www.gpj.com/css/fonts/din_boldalternate.svg) format('svg');font-weight:400;font-style:normal}body,h1,h2,h3,h4,h5,h6,html,p,span,table{font-family:DinRegular,'Helvetica Neue',arial,sans-serif}.ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}body,html{margin:0;height:100%;width:100%}body{padding-top:100px}b,strong{font-family:DinBold;font-weight:400}.alert{margin-bottom:0}.atsymbol{font-family:arial,sans-serif;font-size:90%}.progress-bar-success{background-color:#9dc53b}.main-container{width:100%;height:100%;margin:0 auto;float:left}.main-container .ui-accordion-header-active .expand{display:none}.main-container .content{height:100%}.main-container .content .container{max-width:1280px;margin:0 auto;float:none}.main-container .content .default-button{color:#000;background:0 0;border:2px solid #000;font-size:14px;text-transform:uppercase;padding:7px 13px;border-radius:4px;float:left;font-family:DinLightAlt;outline:0}.main-container .content .default-button:hover{text-decoration:none;background:#eee}.main-container .content .default-button .dropdown{font-family:DinBoldAlt;float:right;font-size:12px;margin-left:15px;margin-top:1px}.color-button{background:#9dc53b;color:#fff;font-size:18px;border-radius:100px;padding:15px 40px;float:left;border:none;outline:0}.color-button:hover{color:#fff;background:#2d7437;text-decoration:none}.main-container .content .divider{font-family:DinLightAlt;font-weight:100;float:left;text-transform:uppercase;font-size:24px;height:30px;width:100%;border-top:1px solid #d0d0d0;color:#aaa;text-align:center;margin:0}.main-container .content .divider .divider-text{background:#fff;display:block;padding:0 10px;margin:-15px auto 0;letter-spacing:5px;line-height:30px;font-size:22px;font-family:DinLightAlt;width:100%}.main-container .content .see-more{margin:0 auto}.main-container .content .see-more a{margin:20px auto}.main-container .breadcrumbs-container{float:left;width:100%;border-bottom:4px solid #1f7339;padding:20px 40px 16px;background:#fff;position:relative;z-index:1}.main-container .breadcrumbs-container .breadcrumb-divider{padding:0 7px;color:#73777b}.main-container .breadcrumbs-container,.main-container .breadcrumbs-container a{color:#000;font-size:16px;font-family:DinLightAlt}.main-container .filters-container{float:left;width:100%;padding:20px 8px 8px}.main-container .filters-container .filters{max-width:1140px;margin:0 auto}.main-container .filters-container .list-inline{margin:0}.main-container .filters-container .filters .list-inline li{margin:0;padding:0 7px}.main-container .filters-container .dropdown-menu{top:40px;margin:0}.main-container .filters-container .dropdown-menu li:hover{cursor:pointer}.main-container .row-content{width:auto!important}.main-container .row-content ul{margin-top:5px;float:left;width:100%}.main-container .row-content ul li{color:#000;float:left;width:100%}.main-container .row-content ul li a{color:#000;font-family:DinBold}.main-container .row-content ul li ul{margin-bottom:15px;padding-left:35px}.main-container .row-content a{color:#000;font-family:DinBold}.main-container .row-content h3{color:#000;border-bottom:1px solid #d0d0d0;margin-bottom:20px;padding-bottom:10px}.main-container .content-block-container{float:left;width:100%;clear:both}.main-container .content-block-container img{width:100%;margin-bottom:15px}.main-container .content-block-container .row{margin-bottom:30px}.main-container .content-block{padding:50px 100px;max-width:1480px;margin:0 auto}.main-container .content-block,.main-container .content-block p{font-family:DinLightAlt;font-size:18px;color:#73777b;line-height:26px;margin-bottom:20px}.main-container .content-block p strong,.main-container .content-block strong{font-family:DinRegular;font-weight:400;color:#000}.main-container .content-block h4{margin:20px 0;font-size:22px;border-bottom:1px solid #d0d0d0;line-height:26px;padding-bottom:5px;color:#000}.main-container .content-block ul{list-style:none;padding:0;float:left;margin-right:60px;padding-left:20px}.main-container .content-block ul li:before{content:'•';color:#1f7339;font-size:30px;display:inline-block;vertical-align:middle;margin-right:7px}.main-container .content-block ul li{line-height:30px;font-size:16px;color:#000}.main-container .content-block ul li ul li:before{content:'>';font-family:DinBold;font-size:14px;font-weight:600}.main-container .content-block .article h2 a{color:#000}.main-container .content-block .article .content-preview{float:left;width:100%;margin-bottom:40px}.main-container .content-block .article .content-preview label{color:#000}.main-container .content-block .sidebar h3{float:left;width:100%;color:#000;clear:both}.main-container .content-block .sidebar ul a{color:#000}header{min-height:85px;position:fixed;top:0;left:0;width:100%;z-index:998}header .navbar{background:#fff;margin:0;min-height:100px;border:none;border-radius:0}header .navbar .navbar-collapse{padding:0}header .navbar .contact{color:#fff;font-family:DinRegular;background:#9dc53b;border-bottom-left-radius:5px;border-bottom-right-radius:5px;position:absolute;top:0;right:15px;padding:8px 45px;font-size:16px;width:145px}header .navbar .contact:hover{text-decoration:none;opacity:.8}header .navbar .social{margin-top:55px}header .navbar .social li{float:left}header .navbar .social li .social-icon{background:url(https://gpj.com/img/social.png) no-repeat;display:block;width:22px;height:22px;text-indent:-9999px;padding:0;margin-left:8px}header .navbar .social li .social-icon:hover{text-decoration:none;opacity:.8}header .navbar .social li .facebook{background-position:0 0}header .navbar .social li .linkedin{background-position:-21px 0}header .navbar .social li .twitter{background-position:-42px 0;width:21px}header .navbar .social li .youtube{background-position:-63px 0;width:19px}header .navbar .social li .google{background-position:-82px 0;width:20px}header .navbar .social li .instagram{background-position:-102px 0;width:22px}header .navbar .navbar-header{margin:0}header .navbar .navbar-header .navbar-brand{float:left;margin:27px 60px 30px 0;padding:0;width:240px;height:43px;background:url('https://www.gpj.com/img/header-logo.jpg') no-repeat;background-size:100%;display:block}header .navbar .navigation li{float:left;line-height:100px}header .navbar .navigation li a{font-size:18px;color:#000;padding:0 25px}header .navbar .navigation li a.active{background:#73767B;color:#fff}header.sticky{position:fixed;top:0;left:0;min-height:70px;z-index:999}header.sticky .navbar{min-height:70px}header.sticky .navbar .navbar-toggle{margin-top:19px}header.sticky .navbar .contact{width:100px;padding:2px 20px}header.sticky .navbar .social{margin-top:36px}header.sticky .navbar .navigation li{line-height:70px}header.sticky .navbar .navbar-header{min-height:70px}header.sticky .navbar .navbar-header .navbar-brand{width:43px;height:43px;background:url(https://gpj.com/img/header-logo-mark.jpg) no-repeat;background-size:100%;margin:14px 60px 0 0}.content .interstitial{padding:150px 0;width:100%;float:left;clear:both;color:#fff;background-color:#73767B;text-align:center;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.content .interstitial.white{padding:100px 0;background-color:#fff;color:#000}.content .interstitial .row .col{text-align:left}.content .interstitial .row .col a{color:#000;border-bottom:0}.content .interstitial .overlay{top:0;left:0;width:100%;height:100%;position:absolute;background:#000;opacity:.55;z-index:1}.content .interstitial h1{margin-top:0;position:relative;z-index:2;font-family:DinBold}.content .interstitial p{font-size:16px;margin-bottom:25px;position:relative;z-index:2;font-family:DinLightAlt}.content .interstitial .button{margin:0 auto;float:none;display:inline-block;position:relative;z-index:2}.content .interstitial.contact{margin-top:35px}.hero-container .slides{position:absolute;top:0;left:0;display:block;height:100%;width:100%;z-index:1}.hero-container .slides .slick-list{height:100%;width:100%}.hero-container .slides .slick-list .slick-track{position:relative;height:100%}.hero-container .slides .slick-list .slick-track .slick-slide{height:100%;background-size:cover!important;background-position:center!important}.main-container .hero-container{width:100%;height:80%;float:left;overflow:hidden;max-height:500px;position:relative}.main-container .hero-container.home{max-height:650px}.main-container .hero-container.nobanner{height:45%!important}.main-container .hero-container.small{height:50%}.main-container .hero-container .hero{float:left;width:100%;height:100%;background-size:cover!important;background-position:center!important;color:#fff;position:relative;display:table}.main-container .hero-container .hero.large,.main-container .hero-container .hero.small{height:100%}.main-container .hero-container .hero .hero-text{margin:auto;position:relative;z-index:100;top:0;left:0;bottom:0;right:0;width:100%;text-align:left;padding:0 40px;display:table-cell;vertical-align:middle}.main-container .hero-container .hero .hero-text h1{width:100%;float:left;margin:0;font-size:56px;font-family:DinBold}.main-container .hero-container .hero .hero-text h2{width:100%;float:left;margin-top:10px;margin-bottom:30px;font-size:36px;font-family:DinBold}.main-container .hero-container .hero.small .hero-text{height:48px}.main-container .hero-container .hero.small .hero-text h1{font-size:46px}.main-container .hero-container .hero.large .video{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.main-container .hero-container .hero.large .video video{top:auto;right:auto;bottom:auto;left:auto;max-height:4000%;max-width:4000%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;z-index:90}.main-container .hero-container .hero .gradient{height:100%;width:100%;opacity:.8;background:-moz-linear-gradient(left,rgba(0,0,0,1)0,rgba(0,0,0,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,1)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(left,rgba(0,0,0,1)0,rgba(0,0,0,0)100%);background:-o-linear-gradient(left,rgba(0,0,0,1)0,rgba(0,0,0,0)100%);background:-ms-linear-gradient(left,rgba(0,0,0,1)0,rgba(0,0,0,0)100%);background:linear-gradient(to right,rgba(0,0,0,1)0,rgba(0,0,0,0)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);position:absolute;z-index:95;top:0;left:0}.modal{z-index:99999999}.modal h2{font-size:24px;margin:10px 0 5px;text-align:center}.modal .close[data-dismiss=modal]{font-family:DinLightAlt;color:#000;font-weight:100;opacity:.8;font-size:40px;position:absolute;top:10px;right:20px}.modal-header .close{top:18px}.modal .close:hover{opacity:1}.modal-video .modal-large{width:100%;height:100%;margin:auto}.modal-video .modal-large .modal-content{height:100%;border-radius:0}.modal-video .modal-large .modal-content .modal-body{height:100%;padding:50px 20px 20px}.modal-video .modal-large .modal-content .modal-body .video-container{height:100%;width:100%;float:left}.modal-contact .alert{margin-bottom:10px}.modal-contact h4{text-transform:uppercase}.modal-contact p{margin-bottom:15px}.modal-contact .attached{margin:26px 26px 0 0;text-align:right}.modal-contact label.color-button{width:auto;padding:10px 25px;font-size:16px;margin-bottom:30px}.modal-contact label.color-button:hover{cursor:pointer}.modal-contact input[type=file]{display:none}.modal-contact form textarea{height:120px;margin-bottom:15px;border:2px solid #73767b;border-radius:0}.contact-email{border-left:solid 5px #9dc53b;padding-left:5px}@media (min-width:768px){.modal-contact .contactus-emails{margin-top:50px}}.factoids{float:left;width:100%;text-align:center;padding:15px 0 70px}.factoids .factoid h2{color:#000;font-size:32px;margin-bottom:20px}.factoids .factoid h2 .large{font-family:DinBold;font-size:46px}.factoids .factoid h2 .large .green{font-family:DinBold;color:#9dc53b}.factoids .factoid img{display:block;margin:0 auto}.factoids button{width:38px;height:60px;display:block;background:url(/img/arrows.png) no-repeat}.factoids button:before{content:''}.factoids .slick-prev{left:40px;background-position:0 -61px;top:50%;margin-top:-39px}.factoids .slick-prev:hover{background-position:0 0}.factoids .slick-next{right:40px;background-position:-39px -61px;top:50%;margin-top:-39px}.factoids .slick-next:hover{background-position:-39px 0}.awards{text-align:center;padding:0 40px 70px;float:left;width:100%;clear:both}.awards .row{padding:0;width:auto}.awards .row .col{padding:0}.awards .row .col img{max-width:100%}.awards .content-block{padding:15px 0 20px;margin-bottom:0}.featured{float:left;width:100%;padding:0 0 70px}.featured .row{padding:0 15px;margin:0}.featured .row .col{padding:15px;position:relative}.featured .row .col .overlay a{width:100%;height:100%;position:absolute;z-index:3;top:0;left:0}.featured .row .col .overlay{position:relative;bottom:0;width:100%;z-index:1}.featured .row .col .overlay .featured-text{position:absolute;width:100%;bottom:0;color:#fff;z-index:2;padding:15px}.featured .row .col .overlay .featured-text h4{font-family:DinBold;margin-bottom:3px;margin-top:1px;font-size:24px}.featured .row .col .overlay .featured-text p{margin-bottom:0;font-size:18px;line-height:18px}.featured .row .col .overlay .transparency{background:#000;opacity:.6;width:100%;height:100%;position:absolute;bottom:0;z-index:-1;margin-left:-15px}.featured .row .col .overlay img{width:100%}.clients{float:left;width:100%;padding:0 0 70px}.clients .row{margin:0}.clients .row .col{text-align:center}.clients .row .col img{max-width:100%}.contact{width:100%;float:left;padding:20px 40px 80px}label{font-size:15px;font-family:DinLightAlt;font-weight:400;text-transform:uppercase;width:100%}.contact .contact-info{border-left:6px solid #000;padding-left:15px;padding-top:1px;margin-bottom:20px}.contact .green{border-color:#1f7338}.contact .lightgreen{border-color:#9dc53b}.contact .blue{border-color:#4dc5e7}.contact .yellow{border-color:#ffea2f}.contact .grey{border-color:#73767b}.contact .lightgrey{border-color:#d5d6d8}.contact .contact-info a{color:#000}.contact .contact-info a img{width:100%;max-width:403px}.contact .contact-info a:hover{opacity:.8;text-decoration:none}form label{margin-bottom:0}form input{font-family:arial,sans-serif}form input[type=email],form input[type=text],form select,form textarea{border:2px solid #73767b;border-radius:0}form input[type=email],form input[type=text],form textarea{width:100%;height:40px;padding:0 10px;margin-bottom:15px}form input[type=text]:hover,form textarea:hover{border-color:#000}form input[type=text]:focus,form textarea:focus{background:#eee}form textarea{padding:7px 10px;height:200px}.who-we-are-container{float:left;width:100%;padding:0 40px}.history-container{float:left;width:100%;padding:0;color:#fff;margin-bottom:-35px}.history-container .section{margin:0 auto;width:100%;box-shadow:0 0 50px rgba(0,0,0,.8);clear:both;overflow:hidden;padding:35px 0 15px;background-size:cover;background-repeat:no-repeat;background-position:center}.default .history-container .section{background-attachment:fixed}.history-container .section-main{background-image:url(https://gpj.com/img/history/main.jpg)}.history-container .section-1910{background-image:url(/img/history/1910.jpg)}.history-container .section-1920{background-image:url(/img/history/1920.jpg)}.history-container .section-1950{background-image:url(/img/history/1950.jpg)}.history-container .section-1960{background-image:url(/img/history/1960.jpg)}.history-container .section-1970{background-image:url(/img/history/1970.jpg)}.history-container .section-1980{background-image:url(/img/history/1980.jpg)}.history-container .section-1990{background-image:url(/img/history/1990.jpg)}.history-container .section-2000{background-image:url(/img/history/2000.jpg)}.main-container .hero-container .hero-history .hero-text h2{font-size:22px;margin-bottom:0}.history-container .content-block{margin-bottom:0}.history-container .content-block .row-content{margin-bottom:15px}.history-container .content-block .row-content img{width:100%;margin-bottom:15px}.history-container .content-block .row-content h2,.history-container .content-block .row-content p{color:#fff}.history-container .content-block .row-content h2{margin-top:0;margin-bottom:15px}.main-container .our-team-container{float:left;width:100%;padding:0 8px 38px}.main-container .our-team-container .our-team{max-width:1140px;overflow-y:visible;margin:0 auto}.our-team-container .our-team .large{width:50%}.our-team-container .our-team .thumb-container{opacity:1}.our-team-container .our-team .full-container{display:none}.our-team-container .our-team .large .thumb-container{opacity:0}.our-team-container .our-team .large .thumb-container img{width:50%!important;padding-right:7px}.our-team-container .our-team .large .featured-text{display:none}.our-team-container .our-team .large .full-container{display:block;background:#1F7339;position:absolute;bottom:0;left:0;width:100%;height:100%}.our-team-container .our-team .large .full-container img{height:100%;width:auto!important;background:#1b6532}.our-team-container .our-team .large .full-container .full-content{position:absolute;top:25px;right:25px;width:45%;text-align:right;color:#fff}.our-team-container .our-team .large .full-container .full-content h2{color:#fff;font-family:DinBold;margin-top:0;font-size:32px}.our-team-container .our-team .large .full-container .full-content label{text-transform:uppercase;font-family:DinLightAlt;font-weight:400}.our-team-container .our-team .large .full-container .full-content .full-bio{font-size:12px;font-family:DinLightAlt}.our-team-container .row{margin:0 -7px}.our-team-container .row .col{padding:7px;position:relative}.our-team-container .row .col .overlay a{width:100%;height:100%;position:absolute;z-index:3}.our-team-container .row .col .overlay{position:relative;bottom:0;width:100%;z-index:1}.our-team-container .row .col .overlay .featured-text{position:absolute;width:100%;top:0;color:#fff;z-index:2;padding:15px}.our-team-container .row .col .overlay .featured-text label{text-transform:uppercase;font-family:DinLightAlt;font-weight:400}.our-team-container .row .col .overlay .featured-text h4{font-family:DinBold;margin:0;font-size:18px}.our-team-container .row .col .overlay .featured-text p{margin-top:15px;margin-bottom:0;display:none}.our-team-container .row .col .overlay .transparency{background:#000;opacity:.6;width:100%;height:100%;position:absolute;bottom:0;z-index:-1;margin-left:-15px;transition:transform .1s,opacity .1s,height .1s;-webkit-transition:-webkit-transform .1s,opacity .1s,height .1s}.our-team-container .row .col .overlay:hover .transparency{border-top:4px solid #1F7339;opacity:.8}.our-team-container .row .col .overlay img{width:100%}.content-block-container .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;overflow:hidden;max-width:100%;height:auto}.content-block-container .video-container embed,.content-block-container .video-container iframe,.content-block-container .video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.main-container .case-study-image img{margin-bottom:0}.main-container .case-study-container{float:left;width:100%;padding:0 8px 40px}.main-container .case-study-container .row{max-width:1140px;margin:0 auto}.case-study-container .row .col{padding:7px;position:relative}.case-study-container .row .col .overlay a{width:100%;height:100%;position:absolute;z-index:3}.case-study-container .row .col .overlay{position:relative;bottom:0;width:100%;z-index:1}.case-study-container .row .col .overlay .featured-text{position:absolute;width:100%;top:0;color:#fff;z-index:2;padding:15px}.case-study-container .row .col .overlay .featured-text label{text-transform:uppercase;font-family:DinLightAlt;font-weight:400}.case-study-container .row .col .overlay .featured-text h4{font-family:DinBold;margin:0;font-size:18px}.case-study-container .row .col .overlay .transparency{background:#000;opacity:.6;width:100%;height:100%;position:absolute;bottom:0;z-index:-1;margin-left:-15px;transition:transform .1s,opacity .1s,height .1s;-webkit-transition:-webkit-transform .1s,opacity .1s,height .1s}.case-study-container .row .col .overlay:hover .transparency{border-top:4px solid #1F7339;opacity:.8}.case-study-container .row .col .overlay img{width:100%}.what-we-do-container{float:left;width:100%}.what-we-do-container .bar{color:#fff;padding:0 40px;line-height:100px;margin:0 0 15px;outline:0;border:none;position:relative}.what-we-do-container .bar:hover{cursor:pointer;opacity:.9}.what-we-do-container .bar h3{font-size:28px}.what-we-do-container .bar .expand{float:right;font-size:16px;position:absolute;right:105px}.what-we-do-container .bar .expand .dropdown{border:2px solid #fff;border-radius:100px;padding:15px;line-height:15px;display:block;font-family:DinBoldAlt;position:absolute;right:-65px;z-index:99;top:25%}.what-we-do-container .bar-green{background:#1f7339}.what-we-do-container .bar-lightgreen{background:#8ab034}.what-we-do-container .bar-yellow{background:#e5d42a}.what-we-do-container .bar-blue{background:#4dc5e6}.what-we-do-container .bar-grey{background:#6c7073}.our-clients-container{float:left;width:100%;padding:40px}.our-clients-container .row{max-width:1140px;margin:0 auto}.our-clients-container .row .col img{width:100%}.global-locations-container{float:left;width:100%}.global-locations-container .map-container{float:left;width:100%;background:#2e2f31;margin-bottom:30px;position:relative}.global-locations-container .map-container .transparency{position:absolute;background:#000;opacity:.3;width:100%;height:100%;top:0;left:0;z-index:1}.global-locations-container .map-container .map{width:1180px;height:541px;background:url(/img/map-large.png) no-repeat;display:block;position:relative;margin:40px auto}.global-locations-container .map-container .map .popup-container{max-width:400px;position:absolute;border:2px solid #fff;z-index:99;color:#fff;margin:auto;right:0;left:0}.global-locations-container .map-container .map .popup-container .popup{position:relative}.global-locations-container .map-container .map .popup-container .popup-content{padding:25px}.global-locations-container .map-container .map .popup-container .popup-content span{float:left;width:100%;clear:both;margin-bottom:25px}.global-locations-container .map-container .map .popup-container .popup-content span .flag{float:left;margin-right:15px}.global-locations-container .map-container .map .popup-container .popup-content span label{text-transform:uppercase;font-family:DinLightAlt;font-weight:400;font-size:16px;margin-bottom:4px;margin-left:2px;display:block}.global-locations-container .map-container .map .popup-container .popup-content span h4{border-bottom:medium none;font-family:DinLightAlt;font-size:34px;line-height:20px;margin:0}.global-locations-container .map-container .map .popup-container .popup-content p{font-family:DinLightAlt;float:left;margin-right:30px;margin-bottom:18px;line-height:22px}.global-locations-container .map-container .map .popup-container .popup-content p strong{font-family:DinBold}.global-locations-container .map-container .map .popup-container .popup-content a{color:#9dc53b;font-family:DinLightAlt;float:left;clear:both}.global-locations-container .map-container .map .popup-container .popup-content a:hover{text-decoration:none;opacity:.8}.global-locations-container .map-container .map .popup-container .popup-content .close{color:#fff;position:absolute;top:10px;right:15px;opacity:1;font-family:DinLightAlt;font-weight:400}.global-locations-container .map-container .map .popup-container .popup .transparency{position:absolute;background:#000;opacity:.8;width:100%;height:100%;top:0;left:0;z-index:-1}.global-locations-container .map-container .map .dot{display:block;width:17px;height:17px;background:#fff;border-radius:100px;border:3px solid #2E2F31;position:absolute;transition:width .1s,height .1s,transform .1s,margin .1s;-webkit-transition:width .1s,height .1s,-webkit-transform .1s,margin .1s;z-index:1}.global-locations-container .map-container .map .dot:hover{margin:-4px 0 0 -3px;background:#1f7339;cursor:pointer;width:24px;height:24px;z-index:2}.global-locations-container .bar{color:#000;padding:0 40px;line-height:95px;margin:0 0 15px;outline:0;border:none;background:#f6f7fb;position:relative}.global-locations-container .bar:hover{cursor:pointer;opacity:.9;background:#efefef}.global-locations-container .bar h3{font-size:28px}.global-locations-container .bar .expand{float:right;font-size:16px;position:absolute;right:105px}.global-locations-container .bar .expand .dropdown{border:2px solid #000;border-radius:100px;padding:15px;line-height:15px;display:block;font-family:DinBoldAlt;position:absolute;right:-65px;z-index:990;top:25%}.global-locations-container .bar-americas{border-top:4px solid #9dc53b}.global-locations-container .bar-apac{border-top:4px solid #ffea2f}.global-locations-container .bar-emea{border-top:4px solid #4dc5e6}.global-locations-container .global-locations-list .col{margin-bottom:60px;float:left}.global-locations-container .global-locations-list .col .flagtitle{float:left;width:100%;clear:both;margin-bottom:25px}.global-locations-container .global-locations-list .col .flagtitle .flag{float:left;margin-right:15px;margin-bottom:10px}.global-locations-container .global-locations-list .col .flagtitle label{text-transform:uppercase;font-family:DinLightAlt;font-weight:400;font-size:16px;color:#73777b;margin-bottom:4px;margin-left:2px;display:block;line-height:21px}.global-locations-container .global-locations-list .col .flagtitle h4{border-bottom:medium none;font-family:DinLightAlt;font-size:34px;line-height:30px;margin:0}.global-locations-container .global-locations-list .col p{color:#000;font-family:DinLightAlt;float:left;margin-right:30px}.global-locations-container .global-locations-list .col p strong{font-family:DinBold}.global-locations-container .global-locations-list .col .button{float:left;clear:both;margin-top:10px}.careers-container,.careers-container .careers{float:left;width:100%}.careers-container .careers .bar{color:#fff;padding:40px;line-height:28px;margin:0 0 15px;outline:0;border:none;background:#2e2f31;border-top:4px solid #9DC53B;width:100%;float:left;clear:both;position:relative}.careers-container .careers .bar:hover{cursor:pointer;opacity:.9}.careers-container .careers .bar a{color:#fff;text-decoration:none}.careers-container .careers .bar h3{font-size:28px;width:100%;float:left;clear:both}.careers-container .careers .bar .expand{float:right;font-size:16px;line-height:52px;position:absolute;right:105px}.careers-container .careers .bar a{width:90%;display:inline-block}.careers-container .careers .bar .location{float:none;font-size:14px;font-weight:100;text-decoration:none;text-transform:uppercase;font-family:DinLightAlt;position:relative;left:0;line-height:14px}.careers-container .careers .bar span .dropdown{border:2px solid #fff;border-radius:100px;padding:15px;line-height:15px;display:block;font-family:DinBoldAlt;position:absolute;right:-65px;z-index:99;top:3px}.careers-container .careers .content-block,.careers-container .careers .content-block p,.careers-view .content-block p{float:left;clear:both;width:100%}.careers-container .careers .content-block u,u{color:#000}.careers-container .careers .content-block .button{margin:25px 0 35px}.careers-view form .form-group{margin-bottom:15px}.careers-view form .form-group .col-sm-offset-2{margin-left:0}.careers-view form .form-group .control-label{text-align:left}.careers-view form .form-group input{margin-bottom:0}.careers-view form .form-group input[type=file]{height:auto;border:none}.careers-view form .uploader{margin-top:20px}.careers-view form .progress{display:none}.careers-view form .color-button{margin:25px 0}.main-container .content-block .pagination{float:left;width:100%}.main-container .content-block .pagination ul{float:left;list-style:none;padding:0;margin:0}.main-container .content-block .pagination ul li{float:left;margin-right:10px}.main-container .content-block .pagination ul li:before{content:none}.main-container .content-block .pagination ul li a{font-family:DinRegular;border-radius:4px;color:#000;border:2px solid #000;background:#fff;padding:4px 16px;display:block}.main-container .content-block .pagination ul li a:hover{background:#eee;text-decoration:none}.main-container .content-block .pagination ul li.current a{border-color:#9DC53B;background:#9DC53B;color:#fff;font-family:DinBold}.main-container .content-block .pagination ul li.current a:hover{cursor:default}footer{float:left;width:100%;background:#131313}footer .international-sites,footer .nav a{color:#73777b;font-family:DinLightAlt;font-weight:400;outline:0;border:none;text-decoration:none}footer .nav a:hover{text-decoration:none;opacity:.8}footer .row{margin:0}footer .row.nav{float:left;width:100%;height:350px}footer .row.nav .international-sites ul li .ui-accordion-header-active{color:#fff}footer .row.nav .international-sites ul li ul{margin-top:10px}footer .international-sites img{width:25px;margin-right:3px}footer .row .col-md-2{width:20%}footer .row .row{margin:0 -15px}footer .row .footer-column{padding:20px;height:inherit;position:relative}footer .row .footer-column h3{margin-top:0;margin-bottom:15px}footer .row .footer-column h4{margin-top:0;margin-bottom:10px}footer .row .footer-column h3 a,footer .row .footer-column h4 a{color:#fff;font-size:16px;margin-top:5px}footer .row .footer-column h4 a{font-size:14px}footer .row .footer-column ul{margin:0;padding:0;list-style:none;line-height:18px}footer .row .footer-column ul li{margin-bottom:13px}footer .row .footer-column-grey{background:#1b1b1b;height:100%}footer .footer{float:left;width:100%;background:#fff;padding:30px 0}footer .footer .logo{display:inline-block;width:240px;height:67px;background:url(https://gpj.com/img/footer-logo.jpg) no-repeat;background-size:100%}footer .footer .logo:hover{opacity:1}footer .footer a{color:#000}footer .footer a:hover{text-decoration:none;opacity:.8}footer .footer ul{padding:0;list-style:none;float:left;margin:15px 0 8px}footer .footer ul li{float:left;margin-right:20px}footer .footer .copyright{color:#73777b;float:left;clear:both}footer .footer .copyright a{text-decoration:underline}footer .footer .copyright a:hover{text-decoration:none}@media (max-width:1180px){.global-locations-container .map-container .map{width:768px;height:354px;background:url(/img/map-medium.png) no-repeat}.global-locations-container .map-container .map .dot{width:14px;height:14px}.global-locations-container .map-container .map .dot:hover{margin:-3px 0 0 -3px}}@media (max-width:1165px){.navbar .pull-right{display:none}.sticky .navbar .pull-right{display:block}}@media (max-width:1024px){.main-container .hero-container{max-height:300px}.our-team-container .row .col .overlay .featured-text p{display:block}}@media (max-width:990px){.main-container label{font-size:16px}.main-container .content .hero-container .hero .hero-text{padding:0 15px}.main-container .content .hero-container .hero .hero-text h1{font-size:40px}.main-container .content .hero-container .hero .hero-text h2{font-size:22px}.contact-info p{font-size:16px}.ima{display:none}.factoids .slick-next,.factoids .slick-prev{margin-top:15px}.factoids .factoid h2{line-height:38px;font-size:24px;margin-bottom:20px}.factoids .factoid h2 .large{font-size:32px}.contact{padding:20px 10px 80px}.content .interstitial .row{margin-left:-15px;margin-right:-15px}.our-team-container{padding:0 15px}.who-we-are-container{padding:0}.featured .row,.featured .row .col{padding:10px}.main-container .content-block{padding:15px}.main-container .breadcrumbs-container{padding:20px 15px 16px}footer .row .footer-column,footer .row .row .col-md-4,footer .row.nav{float:left;width:100%;height:auto;clear:both}footer .row .footer-column{padding:15px}footer .footer{text-align:center;font-size:16px}footer .footer ul{max-width:280px;float:left;clear:both;margin:40px 0 30px -140px;position:relative;left:50%}footer .footer ul li:last-child{margin-right:0}footer .footer p{width:100%}footer .footer ul li{margin-left:3px;margin-right:17px}footer .row .footer-column ul li a{font-size:16px}footer .row .footer-column h3{margin:10px 0 15px}footer .row .footer-column h3 a{font-size:24px}footer .row .footer-column h4{margin-bottom:20px}footer .row .footer-column h4 a{font-size:18px}.main-container .case-study-image img{margin-bottom:15px}header .navbar .container-fluid{padding:0}header .navbar{margin:0}header .navbar .navbar-header .navbar-brand{margin-right:0;margin-left:15px}header .navbar .contact{border-top-left-radius:5px;border-top-right-radius:5px;right:auto;top:auto;margin-left:15px}header .navbar .pull-right{display:block;float:left!important;position:relative;margin-top:15px}header .navbar .social{clear:both;margin-left:6px;margin-top:15px}header .navbar .navigation{width:100%;margin:15px 0}header .navbar .navigation li{width:100%;line-height:45px}header .navbar .navigation li a{font-size:20px;padding:0 15px;width:100%}.navbar-header{float:none}.navbar-left,.navbar-right{float:none!important}.navbar-toggle{display:block;margin-right:15px;margin-top:33px}header .navbar-collapse{border-top:1px solid #ddd;box-shadow:0 1px 0 #eee inset}.navbar-collapse.collapse{display:none!important}.navbar-nav{float:none!important}.navbar-nav>li{float:none}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}.collapse.in{display:block!important}header.sticky .navbar .social{margin-top:15px}header.sticky .navbar .contact{padding:8px 45px;width:145px}header.sticky .navbar .navigation li{line-height:35px}header.sticky .navbar .navbar-header .navbar-brand{margin-left:15px}}@media (max-width:800px){.modal-contact .modal-dialog{width:auto}}@media (max-width:767px){.global-locations-container .map-container{display:none}}@media (max-width:768px){body{padding-top:70px}header.sticky .navbar .navbar-header .navbar-brand{width:228px;height:41px;background:url('https://www.gpj.com/img/header-logo.jpg') no-repeat;background-size:100%;margin-right:0}.case-study-container .col-sm-3{width:100%}header .navbar .navbar-header .navbar-brand{margin-right:0;margin-left:15px}.navbar-toggle{display:block;margin-right:15px;margin-top:33px}.our-clients-container{padding:15px}.main-container .content .bar{padding:0 20px!important}.main-container .content .bar .expand{right:70px}.main-container .content .bar .expand .dropdown{padding:8px;top:30%;right:-50px}.main-container .content .careers-container .bar .expand .dropdown{top:18%}.careers-container .careers .bar{padding:20px!important}.careers-container .careers .bar a{width:50%;font-size:20px}.main-container .hero-container.small{height:90%}header .navbar .contact{margin-left:30px}header .navbar .navigation li a{padding:0 30px}header .navbar .social{margin-left:21px}}@media (max-width:767px) and (orientation:landscape){body{padding-top:0}header.sticky{position:relative}}@media (max-width:480px){.factoids .slick-prev{left:15px}.factoids .slick-next{right:15px}.main-container .hero-container.nobanner{height:70%!important}}@media (max-width:992px){#lp .navbar-default .navbar-toggle{display:none}} /* Additional CSS */ header .navbar .social li .social-icon { background-size: auto 100%; } h3 { color: #000; border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; padding-bottom: 10px; float: left; clear: both; width: 100%; } p { font-size: 16px; } .col { padding: 0 25px; } form { margin-top: 0 !important; padding-top: 0 !important; } form.form p { padding: 2px 0 !important; } form.form p label { color: #000 !important; text-align: left !important; width: auto !important; } form.form p.submit { margin: 20px auto !important; } form.form p.required label, form.form span.required label { background: none !important; } form.form p.required label:after, form.form span.required label:after { content: "*"; } .main-container img { max-width: 260px; } .main-container .hero-container { width: 100%; height: 45%; float: left; overflow: hidden; max-height: 300px; position: relative; margin-bottom: 50px; } .main-container .hero-container.home { max-height: 700px; } .main-container .hero-container.nobanner { height: 45% !important; } .main-container .hero-container.small { height: 50%; } .main-container .hero-container .hero { float: left; width: 100%; height: 100%; background-size: cover !important; background-position: center !important; color: #fff; position: relative; display: table; } .main-container .hero-container .hero.small { height: 100%; } .main-container .hero-container .hero.large { height: 100%; } .main-container .hero-container .hero .hero-text { margin: auto; position: relative; z-index: 100; top: 0; left: 0; bottom: 0; right: 0; width: 100%; text-align: left; padding: 0 40px; display: table-cell; vertical-align: middle; } .main-container .hero-container .hero .hero-text h1 { width: 100%; float: left; margin: 0; font-size: 48px; font-family: 'DinBold'; } .main-container .hero-container .hero .hero-text h2 { width: 100%; float: left; margin-top: 7px; margin-bottom: 0; font-size: 30px; font-family: 'DinBold'; } .main-container .hero-container .hero.small .hero-text { height: 48px; } .main-container .hero-container .hero.small .hero-text h1 { font-size: 46px; } .main-container .hero-container .hero.large .video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .main-container .hero-container .hero.large .video video { top: auto; right: auto; bottom: auto; left: auto; max-height: 4000%; max-width: 4000%; min-height: 100%; min-width: 100%; overflow: hidden; position: absolute; z-index: 90; } .main-container .hero-container .hero .gradient { height: 100%; width: 100%; opacity: .8; background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); position: absolute; z-index: 95; top: 0; left: 0; } .well form.form input.text { width: 100%; } .main-container input[type="submit"] { background: #9dc53b; color: #fff; font-size: 18px; border-radius: 100px; padding: 15px 40px !important; border: none; outline: none; font-family: 'DinRegular', 'Helvetica Neue', arial, sans-serif; margin-top: 20px; } .main-container input[type="submit"]:hover { color: #ffffff; background: #2d7437; text-decoration: none; } .main-container form input[type=email], .main-container form input[type=text], .main-container form textarea { margin-bottom: 5px; width: 100% !important; } .main-container .container ul { list-style: none; padding: 0; float: left; margin-right: 60px; margin-bottom: 25px; padding-left: 20px; } .main-container .container ul li:before { content: '•'; color: #1f7339; font-size: 30px; display: inline-block; vertical-align: middle; margin-right: 7px; } .main-container .container ul li { line-height: 22px; margin-bottom: 10px; font-size: 16px; color: #000; } .main-container .container ul li strong { font-family: 'Dinbold'; } .main-container .container ul li ul li:before { content: '>'; font-family: "DinBold"; font-size: 14px; font-weight: 600; } @media (max-width:600px) { body { padding: 0; } .main-container img { max-width: 100%; } .main-container header { position: relative; } .main-container .hero-container .hero .hero-text { padding: 0 15px; } .main-container .hero-container .hero .hero-text h1 { font-size: 26px; } .main-container .hero-container .hero .hero-text h2 { margin-top: 24px; font-size: 28px; } .main-container img { width: 100%; margin-bottom: 20px; } } <script type="text/javascript" src="https://active-trk7.com/js/26001.js"></script> <noscript><img src="https://active-trk7.com/images/track/26001.png?trk_user=26001&trk_tit=jsdisabled&trk_ref=jsdisabled&trk_loc=jsdisabled" height="0px" width="0px" style="display:none;" /></noscript> </style> <meta name="robots" content="noindex" /><script type="text/javascript"> piAId = '36572'; piCId = '1966'; piHostname = 'pi.pardot.com'; (function() { function async_load(){ var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ('https:' == document.location.protocol ? 'https://pi' : 'http://cdn') + '.pardot.com/pd.js'; var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); } if(window.attachEvent) { window.attachEvent('onload', async_load); } else { window.addEventListener('load', async_load, false); } })(); </script></head> <body> <div class="main-container"> <header id="lp" class="default"> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle mb" data-toggle="collapse" data-target="#nav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="https://www.gpj.com/" class="navbar-brand" target="_blank"> </a> </div> <div class="collapse navbar-collapse" id="nav"> <a href="https://www.gpj.com/contact/" class="pull-right contact" target="_blank">Contact</a><ul class="nav pull-right social"><li><a href="https://www.facebook.com/pages/George-P-Johnson-Experience-Marketing/260557861040" class="social-icon facebook" alt="Facebook" target="_blank"></a></li><li><a href="https://www.linkedin.com/company/george-p-johnson" class="social-icon linkedin" alt="LinkedIn" target="_blank"></a></li><li><a href="https://twitter.com/GPJExpMktg" class="social-icon twitter" alt="Twitter" target="_blank"></a></li><li><a href="https://www.youtube.com/user/GeorgePJohnson" class="social-icon youtube" alt="YouTube" target="_blank"></a></li> <!--<li><a href="https://plus.google.com/109841694682295360098" class="social-icon google" alt="Google+" target="_blank"></a></li>--><li><a href="https://instagram.com/GPJExperienceMarketing" class="social-icon instagram" alt="Instagram" target="_blank"></a></li></ul><ul class="nav pull-left navigation"><li><a href="https://www.gpj.com/who-we-are" class="default" target="_blank">Who We Are</a></li><li><a href="https://www.gpj.com/what-we-do" class="default" target="_blank">What We Do</a></li><li><a href="https://www.gpj.com/what-weve-done" class="default" target="_blank">What We've Done</a></li><li><a href="https://www.gpj.com/news-insights" class="default" target="_blank">News & Insights</a></li></ul> </div> </div> </nav> </header> <div class="row"> <!-- <div class="col col-md-6 col-md-offset-3">--> <div class="col col-md-12"> <style type="text/css">.google-slides-container{ position: relative; width: 100%; padding-top: 60%; overflow: hidden; } .google-slides-container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <p style="margin:auto;text-align:center"> </p> <div style="margin:auto;text-align:center;max-width:960px"> <div class="google-slides-container"><iframe allowfullscreen="true" frameborder="0" height="569" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/e/2PACX-1vTmoUNEsJVLXv4nmmLDD-cenarh9avFpHtyhNBSp9oISZQGTlOsgk77qY3khhdbHZ09VBVNwlTHDL5q/embed?start=false&loop=false&delayms=3000" webkitallowfullscreen="true" width="960"></iframe></div> </div> <p> </p> <div class="col col-md-4"> </div> <div class="col col-md-4"> <p style="padding-left:30px"><a class="button color-button" href="http://www2.gpj.com/l/35572/2021-03-12/w84l4w/35572/1615580945fSd9Dde9/Beyond_Hybrid.pdf" style="width: 260px; display: block; float: none; margin: 20px auto; font-family:'DinBold',Helvetica, Arial, sans-serif; font-size: 17px; text-align: center;margin-left:30px" target="_blank"><span style="font-family:'DinBold',Helvetica, Arial, sans-serif; font-size: 17px; text-align: center;">Download the Report</span></a></p> </div> <!-- <div class="col col-md-4"> </div> <div class="col col-md-3"> <p><a class="button color-button" href="https://www.gpj.com/what-we-do/industries/gaming-events-and-activations/" style="width: 260px; display: block; float: none; margin: 20px auto; font-family:'DinBold'; font-size: 17px; text-align: center;margin-right:30px" target="_blank"><span style="font-family:'DinBold',Helvetica, Arial, sans-serif; font-size: 17px; text-align: center;">Watch the Gaming Reel</span></a></p> </div> <div class="col col-md-2"> </div>--> </div> </div> </div> </body> </html>