/* code for normalize.css */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* code for fullpage.css */ html.fp-enabled,.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}.fp-section{position:relative;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-10px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:auto!important}.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{height:auto!important} .fp-controlArrow.fp-next, .fp-controlArrow.fp-prev{ border:0; height: 15px; width: 15px; display: inline-block; position: fixed; left: 50%; transform: translateX(-50%); right: 0px; top: 100px; border-left: 4px solid #ffba00; border-bottom: 4px solid #ffba00; -webkit-transform: rotate(135deg); transform: rotate(135deg); display: inline-block; visibility: hidden; } .fullpage-wrapper{ position: relative; z-index: 100; } .fp-controlArrow.fp-next { top: auto; bottom: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .fp-controlArrow.fp-prev:hover{ -webkit-transform: rotate(-45deg) scale(1.1); transform: rotate(-45deg) scale(1.1); } .fp-controlArrow.fp-next:hover{ -webkit-transform: rotate(-45deg) scale(1.1); transform: rotate(-45deg) scale(1.1); } .section{ position: relative; } .section-up, .section-down{ height: 15px; width: 15px; position: fixed; display: block; left: 50%; transform: translateX(-50%); top: 100px; -webkit-transform: rotate(135deg); transform: rotate(135deg); z-index: 1000; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .section-up{ border-right: 4px solid #ffba00; border-top: 4px solid #ffba00; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .section-up:hover{ -webkit-transform: rotate(-45deg) scale(1.1); transform: rotate(-45deg) scale(1.1); } .section-down{ top: auto; bottom: 30px; border-left: 4px solid #ffba00; border-bottom: 4px solid #ffba00; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .fp-viewing-Looking-for-developers .section-up, .fp-viewing-Looking-for-developers .section-down, .fp-viewing-Tech-network-in-poland .section-up, .fp-viewing-Tech-network-in-poland .section-down, .fp-viewing-developers-team .section-up, .fp-viewing-developers-team .section-down, .fp-viewing-Our-nearshoring-agency-team .section-up, .fp-viewing-Our-nearshoring-agency-team .section-down, .fp-viewing-Recruitment-process .section-up, .fp-viewing-Recruitment-process .section-down, .fp-viewing-How-We-Started-Job-Oppertunities .section-up, .fp-viewing-How-We-Started-Job-Oppertunities .section-down, .fp-viewing-Contact .section-up, .fp-viewing-Contact .section-down { opacity: 1; } .fp-viewing--Relocation .section-down{ z-index: 10000; bottom: 25px; opacity: 1 } html { color: #222; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #eee; text-shadow: none; } ::selection { background: #eee; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /*===================================== Helper Classes ======================================*/ .hidden { display: none !important; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /********************** CUSTOM CSS ***********************/ *, *:after, *:before{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } body{ font-family: 'Montserrat', sans-serif; } .page-container{ max-width: 1060px; padding: 0px 15px; margin: 0 auto; } .jd-header{ width: 100%; padding: 20px 30px; position: fixed; top: 0; left: 0; z-index: 300; background-color: rgba(255,255,255,0.95); } .logo{ float: left; position: relative; text-decoration: none; } .logo:hover{ text-decoration: none; } .logo:after{ content: ""; position: absolute; height: 4px; opacity: 0; bottom: -15px; left: 0px; right: 0px; margin: auto; background-color: #ffba00; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .logo:hover:after{ opacity: 1; } .logo img, .logo svg{ width: 165px; } .header-right{ float: right; } .jd-header ul{ list-style: none; padding: 0; margin: 0; display: inline-block; } .jd-header ul li{ display: inline-block; padding: 10px 25px; } .jd-header ul li a{ text-decoration: none; color: #717171; font-size: 13px; padding-bottom: 5px; } .jd-header ul li a:hover{ border-bottom: 2px solid #FFBA00; } .jd-header ul li.active a{ border-bottom: 2px solid #FFBA00; } .add-job-btn{ background: #3E3E3E; text-decoration: none; color: #fff; font-size: 13px; padding: 13px 25px; border-radius: 25px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .add-job-btn:hover{ background-color: #ffba00; } .jd-header:after{ display: table; content: ""; clear: both; } .footer{ position: fixed; left: 0; bottom: 0; z-index: 10; padding: 20px 30px; width: 100%; } .footer p{ opacity: 0.35; font: 500 12px 'Poppins', sans-serif; width: 25%; float: left; display: block; margin-left: 30px; } .footer p.center{ width: 75%; } .container{ display: table; } .svg{ display: table-cell; vertical-align: middle; width: 50%; } .svg svg{ width: 100%; } .content{ display: table-cell; vertical-align: middle; padding-left: 115px; text-align: left; } .content h2{ font: 700 60px 'Montserrat', sans-serif; margin: 0 0 25px 0; letter-spacing: 0.02em; } .wht-w-do-slide1{ width: 925px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .wht-w-do-slide1 h2{ color: #FFBA00; } .content p{ font: 700 18px 'Montserrat', sans-serif; margin: 0 0 10px 0; line-height: 1.8; letter-spacing: 0.02em; } .wht-w-do-slide1 p{ color: #3e3e3e; width: 300px; font-weight: normal; } .wht-w-do-slide1 p span{ border-bottom: 1px solid transparent; } .loaded .wht-w-do-slide1 p span{ border-bottom-color: #3E3E3E; } .wht-w-do-slide1 a{ font: 700 18px 'Montserrat', sans-serif; color: #FFBA00; letter-spacing: 0.02em; text-decoration: none; position: relative; padding-bottom: 10px; } .wht-w-do-slide1 .svg svg{ width: 370px; } .wht-w-do-slide1 .connecting-1{ -webkit-transform: translate(241px, 549px) scale(0); transform: translate(241px, 549px) scale(0); opacity: 0; } .fp-viewing--Connecting .wht-w-do-slide1 .connecting-1{ opacity: 1; -webkit-transform: translate(241px, 549px) scale(1); transform: translate(241px, 549px) scale(1); -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } @-webkit-keyframes chat{ 0%{ opacity: 0; -webkit-transform: scale(0) translate(241px, 549px); transform: scale(0) translate(241px, 549px); -webkit-transform-origin: right bottom; transform-origin: right bottom;} 100%{ opacity: 1; -webkit-transform: scale(1) translate(241px, 549px); transform: scale(1) translate(241px, 549px); -webkit-transform-origin: right bottom; transform-origin: right bottom;} } @keyframes chat{ 0%{ opacity: 0; -webkit-transform: scale(0) translate(241px, 549px); transform: scale(0) translate(241px, 549px); -webkit-transform-origin: right bottom; transform-origin: right bottom;} 100%{ opacity: 1; -webkit-transform: scale(1) translate(241px, 549px); transform: scale(1) translate(241px, 549px); -webkit-transform-origin: right bottom; transform-origin: right bottom;} } .wht-w-do-slide1 #Group_936{ opacity: 0; -webkit-transform: translate(0px, -21px); transform: translate(0px, -21px); -webkit-transition:all 1.5s ease-in-out 0.5s; transition:all 1.5s ease-in-out 0.5s; } .fp-viewing--Connecting .wht-w-do-slide1 #Group_936{ opacity: 1; -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px); } .wht-w-do-slide1 #Group_47{ -webkit-transform: translate(384.63px, 190.887px); transform: translate(384.63px, 190.887px); opacity: 0; -webkit-transition:all 1s ease-in-out 0.5s; transition:all 1s ease-in-out 0.5s; } .fp-viewing--Connecting .wht-w-do-slide1 #Group_47{ opacity: 1; -webkit-transform: translate(384.63px, 211.887px); transform: translate(384.63px, 211.887px); } .spare-parts{ -webkit-transform: translate(0, -21px); transform: translate(0, -21px); opacity: 0; -webkit-transition:all 1s ease-in-out 0.5s; transition:all 1s ease-in-out 0.5s; } .fp-viewing--Connecting .spare-parts{ opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .connecting-13{ opacity: 0; } .fp-viewing--Connecting .connecting-13{ opacity: 0; -webkit-animation: chat-1 4s linear 1 1s; animation: chat-1 4s linear 1 1s; } @-webkit-keyframes chat-1{ 0%{ opacity: 0; } 10%{ opacity: 0; } 20%{ opacity: 0; } 30%{ opacity: 0; } 40%{ opacity: 0; } 50%{ opacity: 0; } 60%{ opacity: 0; } 70%{ opacity: 0; } 75%{ opacity: 1; } 80%{ opacity: 0; } 85%{ opacity: 1; } 90%{ opacity: 0; } 95%{ opacity: 1; } 100%{ opacity: 0; } } @keyframes chat-1{ 0%{ opacity: 0; } 10%{ opacity: 0; } 20%{ opacity: 0; } 30%{ opacity: 0; } 40%{ opacity: 0; } 50%{ opacity: 0; } 60%{ opacity: 0; } 70%{ opacity: 0; } 75%{ opacity: 1; } 80%{ opacity: 0; } 85%{ opacity: 1; } 90%{ opacity: 0; } 95%{ opacity: 1; } 100%{ opacity: 0; } } .connecting-12{ opacity: 0; } .fp-viewing--Connecting .connecting-12{ opacity: 0; -webkit-animation: chat-2 4s linear 1 1.5s; animation: chat-2 4s linear 1 1.5s; } @-webkit-keyframes chat-2{ 0%{ opacity: 0; } 5%{ opacity: 1; } 10%{ opacity: 0; } 15%{ opacity: 1; } 20%{ opacity: 0; } 25%{ opacity: 1; } 30%{ opacity: 0; } 40%{ opacity: 0; } 50%{ opacity: 0; } 60%{ opacity: 0; } 70%{ opacity: 0; } 80%{ opacity: 0; } 90%{ opacity: 0; } 100%{ opacity: 0; } } @keyframes chat-2{ 0%{ opacity: 0; } 5%{ opacity: 1; } 10%{ opacity: 0; } 15%{ opacity: 1; } 20%{ opacity: 0; } 25%{ opacity: 1; } 30%{ opacity: 0; } 40%{ opacity: 0; } 50%{ opacity: 0; } 60%{ opacity: 0; } 70%{ opacity: 0; } 80%{ opacity: 0; } 90%{ opacity: 0; } 100%{ opacity: 0; } } .wht-w-do-slide1 a:after{ display: block; position: absolute; content: ""; background: url('../images/slide_1_underline.svg') no-repeat; bottom: 0; right: -5px; height: 10px; width: 80px; } .wht-w-do-slide2{ width: 1200px; margin: 0 auto; } .wht-w-do-slide2 .svg{ text-align: center; } .wht-w-do-slide2 .svg svg{ width: 290px; } .wht-w-do-slide2 .content{ padding-left: 0; } .wht-w-do-slide2 p{ color: #3E3E3E; } .wht-w-do-slide2 h2{ font-size: 75px; color: #FFBA00; } .wht-w-do-slide2 h2 span{ color: #3E3E3E; } .wht-w-do-slide2 p span{ position: relative; } .wht-w-do-slide2 p span:after{ display: block; position: absolute; content: ""; background: url('../images/slide_1_underline.svg') no-repeat; top: 25px; right: -5px; height: 10px; width: 80px; } .wht-w-do-slide2 .network-teck-7{ opacity:0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 620px 390px; transform-origin: 620px 390px; -webkit-transition:all 0.5s ease-in-out 0.2s; transition: all 0.5s ease-in-out 0.2s; } .fp-viewing--Recruitment .network-teck-7{ opacity:1; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 620px 390px; transform-origin: 620px 390px; } .wht-w-do-slide2 .custom-group{ opacity:0; -webkit-transition:all .5s ease-in-out 1s; transition: all .5s ease-in-out 1s; } .fp-viewing--Recruitment .custom-group{ opacity:1; } .wht-w-do-slide2 #Group_65, .wht-w-do-slide2 #Group_62, .wht-w-do-slide2 #Path_131, .wht-w-do-slide2 #Path_132, .wht-w-do-slide2 #Ellipse_19{ opacity:0; -webkit-transition:all .5s ease-in-out 1.3s; transition: all .5s ease-in-out 1.3s; } .fp-viewing--Recruitment #Group_65, .fp-viewing--Recruitment #Group_62, .fp-viewing--Recruitment #Path_131, .fp-viewing--Recruitment #Path_132, .fp-viewing--Recruitment #Ellipse_19{ opacity:1; } .persons-group{ opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition:all .8s ease-in-out 0.4s; transition: all .8s ease-in-out 0.4s; -webkit-transform-origin: right bottom; transform-origin: right bottom; animation: fade-in-our 1s ease-in-out 5; -moz-animation: fade-in-our 1s ease-in-out 5; -webkit-animation: fade-in-our 1s ease-in-out 5; } @-webkit-keyframes fade-in-our{ 0%{ opacity: 0.4; } 50%{ opacity: 1; } 100%{ opacity: 0.4; } } @keyframes fade-in-our{ 0%{ opacity: 0.4; } 50%{ opacity: 1; } 100%{ opacity: 0.4; } } .fp-viewing--Recruitment .persons-group{ -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .wht-w-do-slide2 #group-200{ -webkit-transform: translate(-494.051px, 166.712px); transform: translate(-494.051px, 166.712px); -webkit-transition:all .8s ease-in-out 0.4s; transition: all .8s ease-in-out 0.4s; -webkit-animation: shaking 1.5s ease-in-out 4; animation: shaking 1.5s ease-in-out 4; opacity: 0 } .fp-viewing--Recruitment #group-200{ opacity: 1; -webkit-transform: translate(-494.051px, 146.712px); transform: translate(-494.051px, 146.712px); } @-webkit-keyframes shaking{ 0%{ -webkit-transform: translate(-494.051px, 150.712px); transform: translate(-494.051px, 150.712px); } 50%{ -webkit-transform: translate(-494.051px, 146.712px); transform: translate(-494.051px, 146.712px); } 100%{ -webkit-transform: translate(-494.051px, 150.712px); transform: translate(-494.051px, 150.712px); } } @keyframes shaking{ 0%{ -webkit-transform: translate(-494.051px, 150.712px); transform: translate(-494.051px, 150.712px); } 50%{ -webkit-transform: translate(-494.051px, 146.712px); transform: translate(-494.051px, 146.712px); } 100%{ -webkit-transform: translate(-494.051px, 150.712px); transform: translate(-494.051px, 150.712px); } } /* @keyframes network-person{ 0%{ opacity: 0; transform: scale(0); } 100%{ opacity: 1; transform: scale(1); } } */ .road-svg{ opacity: 0; -webkit-transform: translate(200px,0px); transform: translate(200px,0px); } .fp-viewing--Relocation .road-svg{ opacity: 1; -webkit-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition:all 0.5s ease-in-out 0.4s; transition: all 0.5s ease-in-out 0.4s; } .building-svg{ opacity: 0; -webkit-transform: translate(0px,-50px); transform: translate(0px,-50px); -webkit-transition:all 0.5s ease-in-out 0.6s; transition: all 0.5s ease-in-out 0.6s; } .fp-viewing--Relocation .building-svg{ opacity: 1; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } .jr-solutions-banner{ opacity: 0; -webkit-transform: translate(-40px,-50px); transform: translate(-40px,-50px); -webkit-transition:all 0.5s ease-in-out 0.6s; transition: all 0.5s ease-in-out 0.6s; } .fp-viewing--Relocation .jr-solutions-banner{ opacity: 1; -webkit-transform: translate(-40px, 0px); transform: translate(-40px, 0px); } .building-flag{ opacity: 0; -webkit-transform: translate(644.778px, 133.747px); transform: translate(644.778px, 133.747px); -webkit-transition:all 0.5s ease-in-out 0.9s; transition: all 0.5s ease-in-out 0.9s; -webkit-animation: flag-shaking 1.5s ease-in-out 6 0.9s; animation: flag-shaking 1.5s ease-in-out 6 0.9s; } .fp-viewing--Relocation .building-flag{ opacity: 1; -webkit-transform: translate(644.778px, 185.747px); transform: translate(644.778px, 185.747px); } @-webkit-keyframes flag-shaking{ 0%{ -webkit-transform: translate(644.778px, 185.747px); transform: translate(644.778px, 185.747px); } 50%{ -webkit-transform: translate(644.778px, 190.747px); transform: translate(644.778px, 190.747px); } 100%{ -webkit-transform: translate(644.778px, 185.747px); transform: translate(644.778px, 185.747px); } } @keyframes flag-shaking{ 0%{ -webkit-transform: translate(644.778px, 185.747px); transform: translate(644.778px, 185.747px); } 50%{ -webkit-transform: translate(644.778px, 190.747px); transform: translate(644.778px, 190.747px); } 100%{ -webkit-transform: translate(644.778px, 185.747px); transform: translate(644.778px, 185.747px); } } .road-to #group-200-3{ -webkit-animation: flag-shaking2 1s ease-in-out 7 0.9s; animation: flag-shaking2 1s ease-in-out 7 0.9s; } @-webkit-keyframes flag-shaking2{ 0%{ -webkit-transform: translate(54.616px, 0); transform: translate(54.616px, 0); } 50%{ -webkit-transform: translate(54.616px, 3px); transform: translate(54.616px, 3px); } 100%{ -webkit-transform: translate(54.616px, 0); transform: translate(54.616px, 0); } } @keyframes flag-shaking2{ 0%{ -webkit-transform: translate(54.616px, 0); transform: translate(54.616px, 0); } 50%{ -webkit-transform: translate(54.616px, 3px); transform: translate(54.616px, 3px); } 100%{ -webkit-transform: translate(54.616px, 0); transform: translate(54.616px, 0); } } .road-to{ opacity: 0; -webkit-transform: translate(0, -20px); transform: translate(0, -20px); -webkit-transition:all 0.5s ease-in-out 1.1s; transition: all 0.5s ease-in-out 1.1s; } .fp-viewing--Relocation .road-to{ opacity: 1; -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } .fp-show-active{ position: fixed; right: 36px; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 1000; display: none; } .fp-show-active ul{ list-style: none; margin: 0px; padding: 0px; } .fp-show-active ul li{ margin: 10px 0px; display: block; position: relative; } .fp-show-active ul li a{ height: 10px; width: 10px; border-radius: 100%; border:solid 1px #333; display: block; } .fp-show-active ul li:hover a, .fp-show-active ul li.active a{ background-color: #ffba00; border-color: #ffba00; } .fp-show-active .fp-tooltip{ font-size: 14px; color: #fff; border-radius: 40px; padding: 6px 30px; background-color: #3e3e3e; position: absolute; right: 100%; margin-right: 15px; text-align: center; display: inline-block; white-space: nowrap; top: -10px; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .fp-show-active ul li:hover .fp-tooltip{ visibility: visible; opacity: 1; } .fp-show-active ul li a{ } .wht-w-do-slide3{ width: 1175px; } .wht-w-do-slide3 .svg svg{ width: 1005px; margin-right: -240px; } .wht-w-do-slide3 .content{ padding-left: 0; } .wht-w-do-slide3 p{ color: #3E3E3E; font-weight: 400; } .wht-w-do-slide3 h2{ color: #FFBA00; font-size: 50px; } .wht-w-do-slide3 p span{ position: relative; color: #FFBA00; } .wht-w-do-slide3 p:last-child span:after{ display: block; position: absolute; content: ""; background: url('../images/slide_3_underline.svg') no-repeat; top: 25px; right: 0px; height: 10px; width: 80px; } .hw-we-strtd1{ width: 750px; margin: 0 auto; } .hw-we-strtd1 .svg{ padding-left: 2%; } .hw-we-strtd1 .svg svg{ width: 285px; } .widnow-svg{ opacity: 0; -webkit-transition:all 1.5s ease-in-out 0.5s; transition:all 1.5s ease-in-out 0.5s; } .fp-viewing-Looking-for-developers .widnow-svg{ opacity: 1; } .light-svg{ opacity: 0; -webkit-transition:all 1.5s ease-in-out 0.8s; transition:all 1.5s ease-in-out 0.8s; } .fp-viewing-Looking-for-developers .light-svg{ opacity: 1; -webkit-transform: rotate(-10deg) translate(-49.23px, 71.54px); transform: rotate(-10deg) translate(-49.23px, 71.54px); -webkit-animation: light 3s linear 3; animation: light 3s linear 3; -webkit-transform-origin: 144px 0px; transform-origin: 144px 0px; } @-webkit-keyframes light{ 0%{ -webkit-transform: rotate(-10deg) translate(-49.23px, 71.54px); transform: rotate(-10deg) translate(-49.23px, 71.54px); } 50%{ -webkit-transform: rotate(10deg) translate(37.77px, -77.46px); transform: rotate(10deg) translate(37.77px, -77.46px); } 100%{ -webkit-transform: rotate(-10deg) translate(-49.23px, 71.54px); transform: rotate(-10deg) translate(-49.23px, 71.54px); } } @keyframes light{ 0%{ -webkit-transform: rotate(-10deg) translate(-49.23px, 71.54px); transform: rotate(-10deg) translate(-49.23px, 71.54px); } 50%{ -webkit-transform: rotate(10deg) translate(37.77px, -77.46px); transform: rotate(10deg) translate(37.77px, -77.46px); } 100%{ -webkit-transform: rotate(-10deg) translate(-49.23px, 71.54px); transform: rotate(-10deg) translate(-49.23px, 71.54px); } } .hw-we-strtd1 #Group_149{ opacity: 0; -webkit-transition:all 0.8s ease-in-out 1s; transition:all 0.8s ease-in-out 1s; -webkit-transform: translate(431.237px, 383.999px); transform: translate(431.237px, 383.999px); } .fp-viewing-Looking-for-developers .hw-we-strtd1 #Group_149{ opacity: 1; -webkit-transform: translate(431.237px, 393.999px); transform: translate(431.237px, 393.999px); } .hw-we-strtd1 #Group_166{ opacity: 0; -webkit-transition:all 0.8s ease-in-out 1.2s; transition:all 0.8s ease-in-out 1.2s; -webkit-transform: translate(544.042px, 343.169px); transform: translate(544.042px, 343.169px); } .fp-viewing-Looking-for-developers .hw-we-strtd1 #Group_166{ opacity: 1; -webkit-transform: translate(544.042px, 353.169px); transform: translate(544.042px, 353.169px); } .hw-we-strtd1 #Group_156{ opacity: 0; -webkit-transition:all 0.8s ease-in-out 1.4s; transition:all 0.8s ease-in-out 1.4s; -webkit-transform: translate(646.927px, 388.417px); transform: translate(646.927px, 388.417px); } .fp-viewing-Looking-for-developers .hw-we-strtd1 #Group_156{ opacity: 1; -webkit-transform: translate(646.927px, 398.417px); transform: translate(646.927px, 398.417px); } .hw-we-strtd1 #Path_1114, .hw-we-strtd1 #Path_1113{ opacity: 0; -webkit-transition:all 0.8s ease-in-out 0.5s; transition:all 0.8s ease-in-out 0.5s; -webkit-transform: translate(0, -892px); transform: translate(0, -892px) } .fp-viewing-Looking-for-developers .hw-we-strtd1 #Path_1114, .fp-viewing-Looking-for-developers .hw-we-strtd1 #Path_1113{ -webkit-transform: translate(0, -882px); transform: translate(0, -882px); opacity: 1; } .hw-we-strtd1 .content{ padding-left: 115px; } .hw-we-strtd1 h2 a{ color: #FFBA00; font-size: 60px; text-decoration: none; position: relative; width: 380px; display: block; } .hw-we-strtd1 h2 a:hover{ text-decoration: underline; } .hw-we-strtd1 h2 a:after{ position: absolute; content: ""; height: 21px; width: 20px; background: url(../images/external_link_icon.svg) no-repeat; bottom: 25px; right: 50px; display: none; } .hw-we-strtd1 h2:hover a:after{ display: block; } .hw-we-strtd1 p{ font-size: 14px; font-weight: 500; width: 340px; position: relative; } .hw-we-strtd1 p span{ position: relative; color: #FFBA00; } .hw-we-strtd1 p span:last-child:after{ position: absolute; content: ""; height: 6px; width: 80px; background: url(../images/slide_4_underline.svg) no-repeat; bottom: -8px; left: 0px; } .hw-we-strtd2{ width: 785px; margin: 0 auto; } .hw-we-strtd2 .svg{ } .hw-we-strtd2 .svg svg{ width: 305px; } .hw-we-strtd2 h2{ color: #FFBA00; width: 380px; } .hw-we-strtd2 p{ font-size: 14px; font-weight: 500; width: 300px; margin-bottom: 40px; } .hw-we-strtd2 .content p span{ position: relative; display: block; margin: 0 0 20px 0; color: #FF4848; } .hw-we-strtd2 .content p span:after{ position: absolute; content: ""; height: 6px; width: 200px; background: url(../images/slide_5_underline.svg) no-repeat; bottom: -5px; left: -5px; } .hw-we-strtd2 .table-svg{ opacity: 0; -webkit-transform: translate(0,10px); transform: translate(0,10px); -webkit-transition:all 0.3s ease-in-out 0.8s; transition: all 0.3s ease-in-out 0.8s; } .fp-viewing-Tech-network-in-poland .hw-we-strtd2 .table-svg{ opacity: 1; -webkit-transform: translate(0,0px); transform: translate(0,0px); } .hw-we-strtd2 .bord-svg, .hw-we-strtd2 .bord-with-text{ opacity: 0; -webkit-transition:all 0.3s ease-in-out 1s; transition: all 0.3s ease-in-out 1s; } .hw-we-strtd2 .bord-with-text{ -webkit-transition:all 0.3s ease-in-out 1.2s; transition: all 0.3s ease-in-out 1.2s; } .fp-viewing-Tech-network-in-poland .hw-we-strtd2 .bord-svg, .fp-viewing-Tech-network-in-poland .hw-we-strtd2 .bord-with-text{ opacity: 1; } .hw-we-strtd2 #Line_3, .hw-we-strtd2 #Line_4, .hw-we-strtd2 #Line_5, .hw-we-strtd2 #Line_6{ opacity: 0; -webkit-transition:all 0.3s ease-in-out 1.5s; transition: all 0.3s ease-in-out 1.5s; } .fp-viewing-Tech-network-in-poland .hw-we-strtd2 #Line_3, .fp-viewing-Tech-network-in-poland .hw-we-strtd2 #Line_4, .fp-viewing-Tech-network-in-poland .hw-we-strtd2 #Line_5, .fp-viewing-Tech-network-in-poland .hw-we-strtd2 #Line_6{ opacity: 1; } .fp-viewing-Tech-network-in-poland .hw-we-strtd2 #Line_4{ -webkit-transition-delay: 1.6s; transition-delay: 1.6s } .fp-viewing-Tech-network-in-poland .hw-we-strtd2 #Line_5{ -webkit-transition-delay: 1.7s; transition-delay: 1.7s } .fp-viewing-Tech-network-in-poland .hw-we-strtd2 #Line_6{ -webkit-transition-delay: 1.8s; transition-delay: 1.8s } .hw-we-strtd2 .building-up-svg-11{ opacity: 0; -webkit-transition:all 0.3s ease-in-out 2.1s; transition: all 0.3s ease-in-out 2.1s; } .fp-viewing-Tech-network-in-poland .building-up-svg-11{ opacity: 1; } .hw-we-strtd2 .building-up-svg-9{ opacity: 0; -webkit-transition:all 0.3s ease-in-out 2.9s; transition: all 0.3s ease-in-out 2.9s; } .fp-viewing-Tech-network-in-poland .building-up-svg-9{ opacity: 1; } .hw-we-strtd2 .bord-svg{ -webkit-transform-origin: 800px 500px; transform-origin: 800px 500px; } .fp-viewing-Tech-network-in-poland .hw-we-strtd2 .bord-svg{ -webkit-animation: heartbeat 1s linear 5 0s; animation: heartbeat 1s linear 5 0s; } /*.hw-we-strtd2 .bord-svg *{ animation: heartbeat 1s linear infinite; }*/ @-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 5% { -webkit-transform: scale(.97); transform: scale(.97); } 10% { -webkit-transform: scale(.95); transform: scale(.95); } 15% { -webkit-transform: scale(.97); transform: scale(.97); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartbeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 5% { -webkit-transform: scale(.97); transform: scale(.97); } 10% { -webkit-transform: scale(.95); transform: scale(.95); } 15% { -webkit-transform: scale(.97); transform: scale(.97); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hw-we-strtd3{ width: 1000px; margin: 0 auto; } .hw-we-strtd3 .svg{ width: 70%; padding-left: 20%; } .hw-we-strtd3 .svg svg{ width: 435px; position: relative; } .hw-we-strtd3 .content{ padding-left: 30px; } .hw-we-strtd3 p{ font-weight: 500; width: 345px; font-size: 14px; } .hw-we-strtd3 p span{ color: #FFBA00; } .hw-we-strtd3 h2{ color: #FFBA00; width: 300px; margin-bottom: 10px; } .hw-we-strtd3 .map-bg-svg, .hw-we-strtd3 .table-svg{ -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 579px 400px; transform-origin: 579px 400px; opacity: 0; -webkit-transition:all 0.5s ease-in-out 0.4s; transition: all 0.5s ease-in-out 0.4s; } .fp-viewing-developers-team .hw-we-strtd3 .table-svg{ -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .fp-viewing-Developers-team .hw-we-strtd3 .map-bg-svg, .fp-viewing-Developers-team .hw-we-strtd3 .table-svg{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .hw-we-strtd3 .jm-signbord-svg{ opacity: 0; -webkit-transform: translate(0,-40px); transform: translate(0,-40px); } .fp-viewing-Developers-team .hw-we-strtd3 .jm-signbord-svg{ opacity: 1; -webkit-transform: translate(0,0px); transform: translate(0,0px); -webkit-transition:all 0.5s ease-in-out 1s; transition: all 0.5s ease-in-out 1s; } .hw-we-strtd3 .path-119, .hw-we-strtd3 .path-116, .hw-we-strtd3 .path-117, .hw-we-strtd3 .path, .hw-we-strtd3 .path-120, .hw-we-strtd3 .path-121, .hw-we-strtd3 .path-122, .hw-we-strtd3 .Group_298, .hw-we-strtd3 .path-123, .hw-we-strtd3 .path-5{ opacity: 0; } .fp-viewing-Developers-team .hw-we-strtd3 .path-119, .fp-viewing-Developers-team .hw-we-strtd3 .path-116, .fp-viewing-Developers-team .hw-we-strtd3 .path-117, .fp-viewing-Developers-team .hw-we-strtd3 .path, .fp-viewing-Developers-team .hw-we-strtd3 .path-120, .fp-viewing-Developers-team .hw-we-strtd3 .path-121, .fp-viewing-Developers-team .hw-we-strtd3 .path-122, .fp-viewing-Developers-team .hw-we-strtd3 .Group_298, .fp-viewing-Developers-team .hw-we-strtd3 .path-123, .fp-viewing-Developers-team .hw-we-strtd3 .path-5{ -webkit-transition:opacity 0.3s linear; transition: opacity 0.3s linear; -webkit-animation: shaking-balls 3s linear 3; animation: shaking-balls 3s linear 3; } .fp-viewing-Developers-team .hw-we-strtd3 .path-119{ -webkit-transition-delay: 0.9s; transition-delay: 0.9s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s } .fp-viewing-Developers-team .hw-we-strtd3 .path-116{ -webkit-transition-delay: 1.1s; transition-delay: 1.1s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s } .fp-viewing-Developers-team .hw-we-strtd3 .path-117{ -webkit-transition-delay: 1.2s; transition-delay: 1.2s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s } .fp-viewing-Developers-team .hw-we-strtd3 .path{ -webkit-transition-delay: 1.3s; transition-delay: 1.3s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s } .fp-viewing-Developers-team .hw-we-strtd3 .path-120{ -webkit-transition-delay: 1.4s; transition-delay: 1.4s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s } .fp-viewing-Developers-team .hw-we-strtd3 .path-121{ -webkit-transition-delay: 1.5s; transition-delay: 1.5s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s } .fp-viewing-Developers-team .hw-we-strtd3 .path-122{ -webkit-transition-delay: 1.6s; transition-delay: 1.6s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s } .fp-viewing-Developers-team .hw-we-strtd3 .Group_298{ -webkit-transition-delay: 1.7s; transition-delay: 1.7s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s } .fp-viewing-Developers-team .hw-we-strtd3 .path-123{ -webkit-transition-delay: 1.8s; transition-delay: 1.8s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s } .fp-viewing-Developers-team .hw-we-strtd3 .path-5{ -webkit-transition-delay: 1.9s; transition-delay: 1.9s; -webkit-animation-delay: 0.10s; animation-delay: 0.10s } .fp-viewing-Developers-team .hw-we-strtd3 .path-119, .fp-viewing-Developers-team .hw-we-strtd3 .path-116, .fp-viewing-Developers-team .hw-we-strtd3 .path-117, .fp-viewing-Developers-team .hw-we-strtd3 .path, .fp-viewing-Developers-team .hw-we-strtd3 .path-120, .fp-viewing-Developers-team .hw-we-strtd3 .path-121, .fp-viewing-Developers-team .hw-we-strtd3 .path-122, .fp-viewing-Developers-team .hw-we-strtd3 .Group_298, .fp-viewing-Developers-team .hw-we-strtd3 .path-123, .fp-viewing-Developers-team .hw-we-strtd3 .path-5{ opacity: 1; } @-webkit-keyframes shaking-balls{ 0%{ -webkit-transform: translate(2px, 0px) rotate(0deg); transform: translate(2px, 0px) rotate(0deg); } 25%{ -webkit-transform: translate(0px, -2px) rotate(0.02deg); transform: translate(0px, -2px) rotate(0.02deg); } 50%{ -webkit-transform: translate(2px, 2px) rotate(0deg); transform: translate(2px, 2px) rotate(0deg); } 75%{ -webkit-transform: translate(0px, 0px) rotate(0.02deg); transform: translate(0px, 0px) rotate(0.02deg); } 100%{ -webkit-transform: translate(2px, 0px) rotate(0deg); transform: translate(2px, 0px) rotate(0deg); } } @keyframes shaking-balls{ 0%{ -webkit-transform: translate(2px, 0px) rotate(0deg); transform: translate(2px, 0px) rotate(0deg); } 25%{ -webkit-transform: translate(0px, -2px) rotate(0.02deg); transform: translate(0px, -2px) rotate(0.02deg); } 50%{ -webkit-transform: translate(2px, 2px) rotate(0deg); transform: translate(2px, 2px) rotate(0deg); } 75%{ -webkit-transform: translate(0px, 0px) rotate(0.02deg); transform: translate(0px, 0px) rotate(0.02deg); } 100%{ -webkit-transform: translate(2px, 0px) rotate(0deg); transform: translate(2px, 0px) rotate(0deg); } } .hw-we-strtd4{ width: 790px; margin: 0 auto; } .hw-we-strtd4 .svg { padding-left: 10%; } .hw-we-strtd4 .svg svg{ width: 460px; } .hw-we-strtd4 .content{ padding-left: 130px; } .hw-we-strtd4 p{ font-weight: 500; font-size: 14px; width: 270px; } .hw-we-strtd4 h2{ color: #FFBA00; margin-bottom: 10px; } .hw-we-strtd4 p span{ color: #FFBA00; font-size: 19px; } .hw-we-strtd4 h4 a{ font-size: 30px; color: #FFBA00; width: 300px; display: inline; position: relative; text-decoration: none; } .hw-we-strtd4 h4 a:hover{ border-bottom: solid 3px; } .hw-we-strtd4 h4 a:after{ position: absolute; content: ""; height: 21px; width: 20px; background: url(../images/external_link_icon.svg) no-repeat; margin-top: 15px; margin-left: 10px; visibility: hidden; } .hw-we-strtd4 h4 a:hover:after{ visibility: visible; } .hw-we-strtd4 #Group_406{ -webkit-transform: translate(586.497px, 350.732px) scale(0); transform: translate(586.497px, 350.732px) scale(0); -webkit-transition:all .5s ease-in-out 0.5s; transition: all .5s ease-in-out 0.5s; -webkit-transform-origin: 70px 60px; transform-origin: 70px 60px; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_406{ -webkit-transform: translate(586.497px, 350.732px) scale(1); transform: translate(586.497px, 350.732px) scale(1); } .hw-we-strtd4 .jd-signbord-svg{ opacity: 0; -webkit-transition:all 0.8s ease-in-out 0.5s; transition: all 0.8s ease-in-out 0.5s; -webkit-transform: translate(0px,-20px); transform: translate(0px,-20px); } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 .jd-signbord-svg{ opacity: 1; -webkit-transform: translate(0px,0px); transform: translate(0px,0px); } .hw-we-strtd4 #Group_653, .hw-we-strtd4 #Group_843, .hw-we-strtd4 #Group_877, .hw-we-strtd4 #Group_844, .hw-we-strtd4 #Group_842, .hw-we-strtd4 #Group_847{ opacity: 0; -webkit-transition:all 0.5s ease-in 0.8s; transition: all 0.5s ease-in 0.8s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_653, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_843, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_877, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_844, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_842, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_847{ opacity: 1; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_843{ -webkit-transition-delay: 1s; transition-delay: 1s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_877{ -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_844{ -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_842{ -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_847{ -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .hw-we-strtd4 #Group_412, .hw-we-strtd4 #Group_414, .hw-we-strtd4 #Group_879, .hw-we-strtd4 #Group_881, .hw-we-strtd4 #Group_885, .hw-we-strtd4 #Group_807, .hw-we-strtd4 #Group_420{ opacity: 0; -webkit-transition:all 0.5s ease-in 0.8s; transition: all 0.5s ease-in 0.8s; position: relative; bottom: -20px; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_412, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_414, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_879, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_881, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_885, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_807, .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_420 { opacity: 1; bottom: 0 } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_885{ -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_412{ -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_879{ -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_414{ -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_881{ -webkit-transition-delay: 1.9s; transition-delay: 1.9s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_420{ -webkit-transition-delay: 2s; transition-delay: 2s; } .fp-viewing-Our-nearshoring-agency-team .hw-we-strtd4 #Group_807{ -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } .hw-we-strtd5{ width: 850px; margin: 0 auto; } .hw-we-strtd5 .content{ padding-top: 50px; } .hw-we-strtd5 .svg{ padding-left: 10%; } .hw-we-strtd5 .svg svg{ width: 395px; } .hw-we-strtd5 p{ font-size: 14px; font-weight: 500; width: 395px; margin-bottom: 0; } .hw-we-strtd5 p ~ p{ margin-bottom: 20px; } .hw-we-strtd5 p span{ color: #FFBA00; } .hw-we-strtd5 h2{ color: #FFBA00; width: 325px; margin: 0; } .hw-we-strtd5 .persons-on-path #Group_1052, .hw-we-strtd5 .persons-on-path #Group_1061, .hw-we-strtd5 .paths-to-countries #Path_1912, .hw-we-strtd5 .paths-to-countries #Path_1914{ opacity: 0; -webkit-transition:all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .fp-viewing-Recruitment-process .hw-we-strtd5 .persons-on-path #Group_1061{ -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .fp-viewing-Recruitment-process .hw-we-strtd5 .persons-on-path #Group_1052{ -webkit-transition-delay: 1s; transition-delay: 1s; } .fp-viewing-Recruitment-process .hw-we-strtd5 .paths-to-countries #Path_1912{ -webkit-transition-delay: 1.2s; transition-delay: 1.2s } .fp-viewing-Recruitment-process .hw-we-strtd5 .paths-to-countries #Path_1914{ -webkit-transition-delay: 1.4s; transition-delay: 1.4s } .fp-viewing-Recruitment-process .hw-we-strtd5 .persons-on-path #Group_1052, .fp-viewing-Recruitment-process .hw-we-strtd5 .persons-on-path #Group_1061, .fp-viewing-Recruitment-process .hw-we-strtd5 .paths-to-countries #Path_1912, .fp-viewing-Recruitment-process .hw-we-strtd5 .paths-to-countries #Path_1914{ opacity: 1; } .hw-we-strtd5 .main-table-svg{ opacity: 0; -webkit-transform: translate(0,-20px); transform: translate(0,-20px); -webkit-transition:all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .fp-viewing-Recruitment-process .hw-we-strtd5 .main-table-svg{ } .fp-viewing-Recruitment-process .hw-we-strtd5 .main-table-svg{ opacity: 1; -webkit-transform: translate(0,0); transform: translate(0,0); -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .hw-we-strtd5 #Group_1039, .hw-we-strtd5 #Group_1041{ opacity: 0; -webkit-transition:all 0.5s ease-in-out 3s; transition: all 0.5s ease-in-out 3s; } .fp-viewing-Recruitment-process #Group_1039{ opacity: 0; -webkit-animation: chat-1 4s linear 3 3s; animation: chat-1 4s linear 3 3s; } .fp-viewing-Recruitment-process #Group_1041{ opacity: 0; -webkit-animation: chat-2 4s linear 3 4s; animation: chat-2 4s linear 3 4s; } .hw-we-strtd5 .belgium-cling-svg, .hw-we-strtd5 .jd-solutions-svg{ opacity: 0; -webkit-transition:all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .fp-viewing-Recruitment-process .hw-we-strtd5 .belgium-cling-svg{ -webkit-transition-delay: 3s; transition-delay: 3s } .fp-viewing-Recruitment-process .hw-we-strtd5 .jd-solutions-svg{ -webkit-transition-delay: 4s; transition-delay: 4s } .fp-viewing-Recruitment-process .hw-we-strtd5 .belgium-cling-svg, .fp-viewing-Recruitment-process .hw-we-strtd5 .jd-solutions-svg{ opacity: 1; } .hw-we-strtd5 #Path_1979, .hw-we-strtd5 #Path_1977{ opacity: 0; -webkit-transition:all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .fp-viewing-Recruitment-process .hw-we-strtd5 #Path_1979, .fp-viewing-Recruitment-process .hw-we-strtd5 #Path_1977{ opacity: 1; transition-delay: 3.2s; } .fp-viewing-Recruitment-process .hw-we-strtd5 #Path_1977{ -webkit-transition-delay: 4.2s; transition-delay: 4.2s; } .hw-we-strtd5 .belgium-flag, .hw-we-strtd5 .poland{ opacity: 0; -webkit-transform: translate(0,-10px); transform: translate(0,-10px); -webkit-transition:all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .fp-viewing-Recruitment-process .hw-we-strtd5 .belgium-flag, .fp-viewing-Recruitment-process .hw-we-strtd5 .poland{ opacity: 1; -webkit-transform: translate(0,0); transform: translate(0,0); transition-delay: 3.6s; } .fp-viewing-Recruitment-process .hw-we-strtd5 .poland{ -webkit-transition-delay: 4.2s; transition-delay: 4.2s; } .hw-we-strtd5 .belgium-flag #group-200, .hw-we-strtd5 .belgium-flag #group-group-200-2{ opacity: 0; -webkit-transition:all 0.5s ease-in-out 3.8s; transition: all 0.5s ease-in-out 3.8s; } .fp-viewing-Recruitment-process .hw-we-strtd5 #group-200, .fp-viewing-Recruitment-process .hw-we-strtd5 #group-group-200-2{ opacity:1; } .fp-viewing-Recruitment-process .hw-we-strtd5 #group-200{ -webkit-animation: shaking-svg-belgium 0.8s ease-in-out 4; animation: shaking-svg-belgium 0.8s ease-in-out 4; } .fp-viewing-Recruitment-process .hw-we-strtd5 #group-200-2{ -webkit-animation: shaking-svg-poland 0.8s ease-in-out 4; animation: shaking-svg-poland 0.8s ease-in-out 4; } @-webkit-keyframes shaking-svg-poland{ 0%{ -webkit-transform: translate(619.362px, 303.18px); transform: translate(619.362px, 303.18px); } 50%{ -webkit-transform: translate(619.362px, 304.18px); transform: translate(619.362px, 304.18px); } 100%{ -webkit-transform: translate(619.362px, 303.18px); transform: translate(619.362px, 303.18px); } } @keyframes shaking-svg-poland{ 0%{ -webkit-transform: translate(619.362px, 303.18px); transform: translate(619.362px, 303.18px); } 50%{ -webkit-transform: translate(619.362px, 304.18px); transform: translate(619.362px, 304.18px); } 100%{ -webkit-transform: translate(619.362px, 303.18px); transform: translate(619.362px, 303.18px); } } @-webkit-keyframes shaking-svg-belgium{ 0%{ -webkit-transform: translate(33.599px,0); transform: translate(33.599px,0); } 50%{ -webkit-transform: translate(33.599px,-1px); transform: translate(33.599px,-1px); } 100%{ -webkit-transform: translate(33.599px,0px); transform: translate(33.599px,0px); } } @keyframes shaking-svg-belgium{ 0%{ -webkit-transform: translate(33.599px,0); transform: translate(33.599px,0); } 50%{ -webkit-transform: translate(33.599px,-1px); transform: translate(33.599px,-1px); } 100%{ -webkit-transform: translate(33.599px,0px); transform: translate(33.599px,0px); } } .timeline{ padding-left: 50px; position: absolute; left: 10%; height: calc(400vh + 12px); } .timeline-bar{ height: 100%; position: absolute; left: 0; top: 0px; width: 2px; background: #F2F0F0; } .timeline-bar span{ display: block; position: relative; width: 100%; height: 0; background: #FFBA00; -webkit-transition:height 1.5s; transition: height 1.5s; } .timeline p.current-date{ font-size: 36px; font-weight: 500; color: #3E3E3E; position: relative; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .timeline p.current-date span{ font-size: 20px; color: #3E3E3E; } .hw-we-strtd1 .timeline p.current-date{ position: absolute; top: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hw-we-strtd1 .timeline p.current-date:before{ top: 50%; margin-top: -2px; } .timeline p.next-date{ font-size: 20px; font-weight: 500; color: #717171; position: relative; margin: 0px; padding: 20px 0px; display: inline-block; width: auto; cursor: pointer; } .timeline p.next-date:hover{ font-weight: 700; } .timeline p.next-date:before{ -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .timeline p.next-date:hover:before{ -webkit-transform: translate(.8); transform: translate(.8); } .timeline p.current-date:before{ content: ""; position: absolute; left: -59px; top: 60px; height: 4px; width: 20px; background: #FFBA00; border-radius: 30px; } .timeline p{ margin:0; } .timeline p.next-date:before{ position: absolute; top: 0px; background: #FFBA00; left: 0; content: ""; height: 18px; width: 18px; border-radius: 50%; padding: 3px; } .timeline p.next-date:after{ position: absolute; top: 7px; left: 7px; content: ""; height: 5px; width: 5px; border: 2px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: none; border-top: none; } .timeline p.next-date.go-prev:after{ -webkit-transform: rotate(225deg); transform: rotate(225deg); } .hw-we-strtd1 .timeline{ top: 50%; } .hw-we-strtd1 .timeline p.next-date{ top: calc(50vh - 120px); } .hw-we-strtd2 .timeline p.next-date:first-child, .hw-we-strtd3 .timeline p.next-date:first-child, .hw-we-strtd4 .timeline p.next-date:first-child, .hw-we-strtd5 .timeline p.next-date:first-child{ position: absolute; top: 100px; } .hw-we-strtd2 .timeline p.next-date:last-child, .hw-we-strtd3 .timeline p.next-date:last-child, .hw-we-strtd4 .timeline p.next-date:last-child{ top: auto; bottom: 50px; position: absolute; } /* .hw-we-strtd3 .timeline p.next-date:first-child{ top: 0vh } .hw-we-strtd3 .timeline p.next-date:first-child{ margin-bottom: 22vh; } .hw-we-strtd3 .timeline p.next-date:last-child{ top: 25vh } .hw-we-strtd4 .timeline p.next-date:first-child{ top: 0vh } .hw-we-strtd4 .timeline p.next-date:first-child{ margin-bottom: 21vh; } .hw-we-strtd4 .timeline p.next-date:last-child{ top: 25vh } .hw-we-strtd5 .timeline p.next-date{ top: 0vh } .hw-we-strtd5 .timeline p.next-date{ margin-bottom: 18vh; } */ .hw-we-strtd2 .timeline, .hw-we-strtd3 .timeline, .hw-we-strtd4 .timeline, .hw-we-strtd5 .timeline{ top: 0; height: 100%; } .contact{ width: 865px; margin: 0 auto; } .contact .svg svg{ width: 370px; } .contact .content{ padding-left: 10px; } .contact h2{ padding-left: 10px; color: #FFBA00; } .contact p{ font-size: 14px; color: #3E3E3E; font-weight: 500; margin-bottom: 40px; } .contact-process{ background: #F2F0F0; position: relative; } .contact #Ellipse_142{ opacity: 0; -webkit-transform: translate(241px, 522px) scale(0); transform: translate(241px, 522px) scale(0); -webkit-transition:all 0.6s ease-in-out 0.8s; transition: all 0.6s ease-in-out 0.8s; -webkit-transform-origin: 210px 30px; transform-origin: 210px 30px; } .fp-viewing-Contact .contact #Ellipse_142{ -webkit-transform: translate(241px, 522px) scale(1); transform: translate(241px, 522px) scale(1); opacity: 1; } .contact .person-svg-3, .contact .shirt-text-svg{ opacity: 0; -webkit-transition:all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .fp-viewing-Contact .contact .person-svg-3, .fp-viewing-Contact .contact .shirt-text-svg{ opacity: 1; transition-delay: 1.5s; } .contact #Group_563, .contact #Group_564{ opacity: 0; -webkit-transition:all 0.6s ease-in-out 2s; transition: all 0.6s ease-in-out 2s; } .contact.start-chat #Group_563, .contact.start-chat #Group_564{ -webkit-animation: chat-1 4s linear 4 0s; animation: chat-1 4s linear 4 0s; opacity: 0; } .contact.start-chat #Group_564{ -webkit-animation: chat-2 4s linear 4 1s; animation: chat-2 4s linear 4 1s; } .contact #Group_946, .contact #Group_796, .contact .-shirt-text-2{ opacity: 0; -webkit-transition:all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .fp-viewing-Contact .contact.step1 .svg #Group_946, .fp-viewing-Contact .contact.step1 .svg #Group_796, .fp-viewing-Contact .contact.step1 .svg .-shirt-text-2{ opacity: 1; } .contact.step1 .svg svg{ -webkit-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; } .contact.step1 .svg svg:not(.shake-hand){ opacity: 0; } .contact.step2 .svg #Group_946{ -webkit-transform: translate(15px, 1.152px); transform: translate(15px, 1.152px); } .contact.step2 .svg #Group_796, .contact.step2 .svg .-shirt-text-2{ -webkit-transform: translate(-33px); transform: translate(-33px); } .questions{ list-style: none; padding: 0; margin: 0; } .questions li{ width: 100%; display: none; position: relative; } .questions li.current{ display: inline-block; padding: 0; margin: 0; } .contact-process input[type=text], .contact-process input[type=email], .contact-process input[type=number]{ margin: 0px 0 0; padding: 0px 18px 0 35px; background: transparent; height: 60px; border: none; outline: none; width: 100%; color: #3E3E3E; font-size: 14px; font-weight: 500; padding-right: 60px; } .contact-process input[type=number]::-webkit-outer-spin-button, .contact-process input[type=number]::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .contact-process input[type=number]{ -moz-appearance:textfield; } .contact-process .next-btn{ position: absolute; right: 0; top: 0; height: 60px; width: 60px; display: inline-block; padding: 15px; border: none; outline: none; background: transparent; } .contact-process .next-btn:after{ position: relative; content: ""; height: 7px; width: 7px; top: 0; left: 5px; display: block; border: 2px solid #000; border-left: none; border-bottom: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .error-message{ padding: 10px 15px; background: #fff; display: block; font-size: 12px; } .progress{ position: relative; bottom: 0; left: 0; height: 3px; background: #3E3E3E; width: 100%; } .progress span{ position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #FFBA00; -webkit-transition:width 0.4s ease-out; transition: width 0.4s ease-out; } .final-message{ background: #FFBA00; display: none; padding: 20px; width: 100%; font-size: 14px; font-weight: 500; text-align: center; margin: 20px 0; -webkit-transition:display 0.9s; transition: display 0.9s; } .show{ display: block; } #theForm.invalid{ -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */ animation-iteration-count: 1; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } .job-oppertunity-head{ padding-top: 120px; padding-bottom: 25px; } .job-oppertunity-head:after{ content: ""; clear: both; display: table; } .job-oppertunity-head h4{ text-align: center; font: 700 20px 'Montserrat', sans-serif; letter-spacing: 0.02em; margin-bottom: 40px; } .filter-section:nth-child(odd){ margin-right: 30px; } .filter-section{ width: calc(50% - 15px); float: left; } .filter-section input[type=text]{ height: 40px; background: #F2F0F0; padding: 10px 30px; width: 100%; border: none; outline: none; font-weight: 500; color: #3E3E3E; font-size: 14px; margin-bottom: 25px; } .filter-section input::-webkit-input-placeholder{ font-weight: 500; color: #3E3E3E; font-size: 14px; } .filter-by{ position: relative; } .filter-by >span{ color: #717171; } .filter-by label{ margin-left: 10px; color: #3E3E3E; } .filter-by label input[type=checkbox]{ margin: 0; display: inline-block; margin-right: 10px; } .filter-by label [type="checkbox"]:not(:checked), .filter-by label [type="checkbox"]:checked { position: absolute; left: -9999px; } .filter-by label [type="checkbox"]:not(:checked) + span, .filter-by label [type="checkbox"]:checked + span { padding-left: 20px; cursor: pointer; content: ''; position: relative; left: 0px; top: 0; width: 18px; margin-left: 15px; margin-right: 10px; height: 18px; background: #fff; border-radius: 6px; border: 1px solid #3E3E3E; } /* checked mark aspect */ .filter-by label [type="checkbox"]:not(:checked) + span:after, .filter-by label [type="checkbox"]:checked + span:after { content: ""; display: block; background: url(../images/radio_button_check_mark.svg); position: absolute; height: 15px; width: 15px; top: 1px; left: 3px; -webkit-transition:all .2s; transition: all .2s; } /* checked mark aspect changes */ .filter-by label [type="checkbox"]:not(:checked) + span:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .filter-by label [type="checkbox"]:checked + span:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .job-oppertunities{ background: #F2F0F0; padding: 30px 0; border-top: 1px solid #95989A; } .job-oppertunity{ background: #fff; padding: 20px 30px; margin-bottom: 15px; } .job-oppertunity:after{ clear: both; display: table; content: ""; } .job-oppertunity .image{ width: 10%; padding: 10px 10px 14px; border-right: 1px solid rgba(149,152,154,0.5); float: left; } .job-oppertunity .image img{ width: 32px; vertical-align: middle; float: left } .job-oppertunity .title{ width: 40%; float: left; padding-left: 30px; } .job-oppertunity .title h3{ margin: 0 0 5px 0; font-size: 16px; color: #3E3E3E; } .job-oppertunity .title h5{ margin: 0; font-size: 13px; opacity: 0.5; color: #3E3E3E; font-weight: 500; } .job-oppertunity .location{ width: 25%; float: left; text-align: center; padding-top: 15px; color: #3E3E3E; } .job-oppertunity .stats{ width: 25%; float: left; text-align: right; } .job-oppertunity .stats p{ margin: 0 0 5px 0; font-size: 13px; line-height: 1; color: #5ABC1D; font-weight: 500; } .job-oppertunity .stats span{ font-size: 13px; opacity: 0.5; color: #3E3E3E; line-height: 1; } .job-oppertunity-head h4 span{ position: relative; color: #FFBA00; } .job-oppertunity-head h4 span:after{ position: absolute; right: 0; top: 25px; content: ""; height: 45px; width: 135px; background: url(../images/slide_10_underline.svg) no-repeat; } .job-oppertunity-head .drag-n-drop{ height: 85px; width: 100%; background-color: #FFBA00; box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.3) inset; background-image: -webkit-linear-gradient( 135deg, rgba(255, 255, 255, 0.35) 25%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.35) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); background-image: linear-gradient( -45deg, rgba(255, 255, 255, 0.35) 25%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.35) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); background-size: 55px 55px; text-align: center; padding: 13px; } .job-oppertunity-head .drag-n-drop img{ width: 70px; margin-bottom: 5px; } .job-oppertunity-head .drag-n-drop p{ margin: 0; color: #3E3E3E; font-size: 13px; font-weight: 600; letter-spacing: 0.02em } .job-poup-overlay{ background: rgba(0,0,0,0.86); width: 100%; height: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999; display: none; } .job-poup{ background: #fff; padding: 40px; text-align: center; max-width: 410px; position: relative; z-index: 9999; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition:top 0.4s ease-out; transition: top 0.4s ease-out; } .job-poup .success{ display: none; font-size: 15px; } .job-poup-animate{ top: 50%; } .job-poup .poup-close{ position: absolute; text-decoration: none; right: 30px; top: 20px; color: #3E3E3E; } .job-poup h4{ position: relative; margin-bottom: 35px; } .job-poup h4:after{ position: absolute; top: 22px; font-size: 20px; left: 60px; height: 6px; width: 201px; content: ""; background: url(../images/slide_11_underline.svg) no-repeat; } .job-poup .job-poup-input{ text-align: left; } .job-poup .job-poup-input input[type=text], .job-poup .job-poup-input input[type=email]{ border: 1px solid #3E3E3E; background: #F2F0F0; padding: 0 20px; height: 35px; width: 100%; outline: none; margin-bottom: 15px; } .job-poup .job-poup-input .error-message{ font-size: 10px; margin-bottom: 10px; } .job-poup .job-submit-btn{ margin-top: 10px; margin-bottom: 10px; width: 300px; padding: 10px; background: #FFBA00; border: none; border-radius: 17px; font-size: 14px; outline: none; } .job-poup .job-submit-btn:hover{ background: #FFCA00; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ width: 10px; height: 10px; border-radius: 50%; margin: 0; background: #FFBA00; border: 1px solid #FFBA00; } #fp-nav ul li, .fp-slidesNav ul li{ height: 15px; width: 0; margin-right: 30px; } #fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 10px; height: 10px; margin: 0; border: 1px solid #3E3E3E; background: transparent; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{ margin: 0; background: #FFBA00; border: 1px solid #FFBA00; } #fp-nav ul li .fp-tooltip{ background: #3E3E3E; top: -5px; padding: 7px 50px; text-align: center; border-radius: 12px; overflow: visible; } .fp-tooltip:after{ content: ""; position: absolute; right: -10px; top: 6px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid #3E3E3E; } #fp-nav.fp-show-active a + .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip{ display: none; } #fp-nav ul li:hover .fp-tooltip, #fp-nav ul li a.active:hover + .fp-tooltip{ display: block; } .fp-slidesNav.bottom { bottom: 50%; left: auto; right: 50px; margin-bottom: -1.6%; } .fp-slidesNav.bottom ul li{ display: block; list-style: none; } .slides #fp-nav{ display: none; } .fp-slidesNav.bottom li .fp-tooltip.right{ position: relative; background: #3E3E3E; padding: 5px 10px; display: none; min-width: 180px; left: -200px; top: -2px; text-align: center; color: #fff; border-radius: 12px; font-size: 14px; } .fp-slidesNav.bottom li .fp-tooltip.right:after{ top: 5px; } .fp-slidesNav.bottom li a:hover .fp-tooltip.right{ display: block; } .contact-section .svg{ position:relative; } .contact-section .shake-hand{ position: absolute; bottom: 7px; left: 0; opacity: 0; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .contact-section .step1 .shake-hand{ opacity: 1; } .responsive-menu-container{ width: 100%; overflow: hidden; float: left; } .responsive-menu{ width: 300px; padding:30px; background-color: #ffba00; height: 300px; -webkit-transform: translateX(100%); transform: translateX(100%); position: fixed; top: 0px; right: 0px; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: none; z-index: 1000; height: 100%; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.0) } .menu-active .responsive-menu{ -webkit-transform: translateX(0); transform: translateX(0); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4) } .responsive-menu ul{ list-style: none; margin: 30px 0px; padding:0px; } .responsive-menu ul li{ width: 100%; margin-bottom: 5px; } .responsive-menu ul li a{ font-size: 14px; color: #fff; font-weight: bold; text-transform: uppercase; display: block; text-decoration: none; padding:10px 0px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; border-radius: 4px; } .responsive-menu ul li a:hover{ background-color: #333; padding:10px 15px } #nav-icon1 { width: 40px; height: 40px; position: relative; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; left: -100px; } .menu-active #nav-icon1{ left: -5px; } .menu-active #nav-icon1 span{ background-color: #fff; } #nav-icon1 span, #nav-icon3 span, #nav-icon4 span { display: block; position: absolute; height: 6px; width: 100%; background: #ffba00; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon1 span:nth-child(1) { top: 0px; } #nav-icon1 span:nth-child(2) { top: 11px; } #nav-icon1 span:nth-child(3) { top: 23px; } #nav-icon1.open span:nth-child(1) { top: 18px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } #nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; } #nav-icon1.open span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .fp-viewing-Contact .contact #Ellipse_142{ -webkit-transform: translate(241px, 522px) scale(1); transform: translate(241px, 522px) scale(1); opacity: 1; } .fp-viewing-Contact .contact .person-svg-3, .fp-viewing-Contact .contact .shirt-text-svg{ opacity: 1; transition-delay: 1.5s; } .fp-viewing-Contact .contact.step1 .svg #Group_946, .fp-viewing-Contact .contact.step1 .svg #Group_796, .fp-viewing-Contact .contact.step1 .svg .-shirt-text-2{ opacity: 1; } .loader{ background: #fff; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 1001; } .loader img{ position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } @media screen and (max-width: 1400px) { } @media screen and (max-width: 1200px) { .wht-w-do-slide3{ padding:0 30px 0 0; } .timeline{ left: 5%; padding-left: 30px; } .content{ padding-left: 25px; } .timeline-bar{ left: -20px; } .timeline p.current-date{ font-size: 30px; } .timeline p.current-date span{ font-size: 16px; } .hw-we-strtd1 .content{ padding-left: 50px; } .hw-we-strtd1 .svg{ padding-left: 4%; } .hw-we-strtd2 .svg{ padding-left: 4%; } .hw-we-strtd3 .svg{ padding-left: 15%; width: 50%; } .hw-we-strtd4 .svg{ padding-left: 7%; } .hw-we-strtd4 .content{ padding-left: 10%; } .hw-we-strtd4 h4 a:after{ left: 100%; margin: 20px; top: -10px; } .hw-we-strtd4 .svg svg{ width: 100%; } .hw-we-strtd5 .svg{ padding-left: 5%; } .wht-w-do-slide2, .wht-w-do-slide1, .wht-w-do-slide3{ width: 100%; } .wht-w-do-slide2 .content{ padding-left: 20px; } } @media screen and (max-width: 990px) { .wht-w-do-slide1 .svg svg{ width:280px; } .wht-w-do-slide1 .svg, .wht-w-do-slide2 .svg { width: 30%; padding-left: 30px; } .wht-w-do-slide2 h2{ font-size: 56px; } .hw-we-strtd1 .svg, .hw-we-strtd2 .svg, .hw-we-strtd3 .svg, .hw-we-strtd4 .svg, .hw-we-strtd5 .svg{ padding: 0px; float: left;; width: 100%; text-align: center; padding:0px 14%; } .hw-we-strtd1 .svg svg, .hw-we-strtd2 .svg svg, .hw-we-strtd3 .svg svg, .hw-we-strtd4 .svg svg, .hw-we-strtd5 .svg svg, .contact .svg svg{ width: 250px; } .hw-we-strtd1, .hw-we-strtd2, .hw-we-strtd3, .hw-we-strtd4, .hw-we-strtd5, .hw-we-strtd1 .content, .hw-we-strtd2 .content, .hw-we-strtd3 .content, .hw-we-strtd4 .content, .hw-we-strtd5 .content{ width: 100%; float: left; text-align: center; padding: 0px; } .hw-we-strtd1 .content, .hw-we-strtd2 .content, .hw-we-strtd3 .content, .hw-we-strtd4 .content, .hw-we-strtd5 .content{ padding: 0px 150px } .hw-we-strtd1 p, .hw-we-strtd2 p, .hw-we-strtd3 p, .hw-we-strtd4 p, .hw-we-strtd5 p, .hw-we-strtd1 h2, .hw-we-strtd2 h2, .hw-we-strtd3 h2, .hw-we-strtd4 h2, .hw-we-strtd5 h2, .hw-we-strtd1 h2 a, .hw-we-strtd2 h2 a, .hw-we-strtd3 h2 a, .hw-we-strtd4 h2 a, .hw-we-strtd5 h2 a{ width: auto; } .hw-we-strtd1 h2, .hw-we-strtd2 h2, .hw-we-strtd3 h2, .hw-we-strtd4 h2, .hw-we-strtd5 h2, .hw-we-strtd1 h2 a, .hw-we-strtd2 h2 a, .hw-we-strtd3 h2 a, .hw-we-strtd4 h2 a, .hw-we-strtd5 h2 a{ font-size: 40px; } .hw-we-strtd2 .content p span::after{ left: 0px; right: 0px; margin: auto; } .timeline{ padding-left: 0px; } .filter-section{ width: 100%; margin: 0px 0px 30px 0px; } .contact-section .svg{ width: 100%; float: left; padding:0px 150px; text-align: center; } .contact .content{ width: 100%; float: left; padding:0px 150px; } .contact{ width: auto; } .contact-section .shake-hand{ right: 0px; margin:auto; } .job-oppertunity-head{ padding: 30px 50px; } .timeline-bar{ left: -6px; } .timeline p.current-date:before{ left: -15px; } .timeline{ left: 10px; } .timeline p.next-date{ margin-left: 20px; } .responsive-menu{ display: block; } .header-right{ display: none; } .hw-we-strtd1 h2 a:after{ bottom: 12px; right: 20px; } } @media screen and (max-width: 767px) { .wht-w-do-slide1 .svg, .wht-w-do-slide2 .svg, .wht-w-do-slide3 .svg{ padding: 0px; float: left; width: 100%; padding:0px 30%; margin-bottom: 20px; } .wht-w-do-slide3 .svg{ padding: 0px 16%; } .wht-w-do-slide1 .content, .wht-w-do-slide2 .content, .wht-w-do-slide3 .content{ width: 100%; float: left; text-align: center; padding:0px 15px; } .wht-w-do-slide1 .content h2, .wht-w-do-slide2 .content h2, .wht-w-do-slide3 .content h2{ font-size: 40px; } .wht-w-do-slide1 .svg svg, .wht-w-do-slide2 .svg svg, .wht-w-do-slide3 .svg svg{ width: 100%; } .wht-w-do-slide1 p, .wht-w-do-slide2 p, .wht-w-do-slide3 p{ width: auto; } .timeline p.current-date span{ font-size: 12px; } .timeline p.current-date{ font-size: 20px; } .timeline-bar{ left: 0px; } .timeline p.current-date:before{ left: -15px; } .hw-we-strtd1 .content, .hw-we-strtd2 .content, .hw-we-strtd3 .content, .hw-we-strtd4 .content, .hw-we-strtd5 .content{ padding: 0px 100px } .timeline p.next-date{ font-size: 12px; } .contact-section .svg{ padding: 0px 80px; } .contact .content{ padding: 0px 80px; text-align: center; } .content{ padding: 0px; } } @media screen and (max-width: 640px) { .contact-section .svg, .contact .content{ padding:0px 30px; } .wht-w-do-slide1 .content h2, .wht-w-do-slide2 .content h2, .wht-w-do-slide3 .content h2{ font-size: 26px; } .wht-w-do-slide1 .content h2 br, .wht-w-do-slide2 .content h2 br, .wht-w-do-slide3 .content h2 br{ display: none; } .hw-we-strtd1 h2, .hw-we-strtd2 h2, .hw-we-strtd3 h2, .hw-we-strtd4 h2, .hw-we-strtd5 h2, .hw-we-strtd1 h2 a, .hw-we-strtd2 h2 a, .hw-we-strtd3 h2 a, .hw-we-strtd4 h2 a, .hw-we-strtd5 h2 a{ font-size: 30px; } .hw-we-strtd1 h2 a:after{ bottom: 6px; right: 30px; } .job-oppertunity-head{ padding: 30px 20px; } .job-oppertunity{ padding: 15px 15px; } .job-oppertunity .title{ padding-left:20px; } .job-oppertunity .image{ padding: 10px 0px; } .job-oppertunity .location{ padding: 0px; } .contact h2{ padding: 0px; font-size: 40px; } .footer{ padding: 0px 20px } .footer p{ width: auto; } } @media screen and (max-width: 479px) { .hw-we-strtd1 .svg svg, .hw-we-strtd2 .svg svg, .hw-we-strtd3 .svg svg, .hw-we-strtd4 .svg svg, .hw-we-strtd5 .svg svg, .contact .svg svg{ width: 180px; } .content p{ font-size: 16px; } .hw-we-strtd1 .content, .hw-we-strtd2 .content, .hw-we-strtd3 .content, .hw-we-strtd4 .content, .hw-we-strtd5 .content{ padding: 0px 20px; } .hw-we-strtd1 h2, .hw-we-strtd2 h2, .hw-we-strtd3 h2, .hw-we-strtd4 h2, .hw-we-strtd5 h2, .hw-we-strtd1 h2 a, .hw-we-strtd2 h2 a, .hw-we-strtd3 h2 a, .hw-we-strtd4 h2 a, .hw-we-strtd5 h2 a, .hw-we-strtd4 h4 a{ font-size: 24px; } .hw-we-strtd4 h4 a::after{ display: none; } .hw-we-strtd4 h4{ margin: 0px; } .content p{ font-size: 12px } .job-oppertunity .title, .job-oppertunity .location, .job-oppertunity .stats{ padding: 0px; width: 100%; text-align: left; margin: 5px 0px; } .job-oppertunity .image{ border-right: none; border-bottom: 1px solid rgba(149, 152, 154, 0.5); padding: 10px 10px; width: auto; margin-bottom: 10px; } .fp-show-active{ display: none !important; } .filter-by > span{ font-size: 12px; } .filter-by label{ font-size: 14px; width: 100%; float: left; margin: 10px 0px; } .filter-by label [type="checkbox"]:not(:checked) + span, .filter-by label [type="checkbox"]:checked + span{ margin-left: 0px; } .contact-section .svg, .contact .content{ padding: 0px 20px; } .contact p, .contact h2{ margin-bottom: 20px; } .timeline{ left: 0px; } .timeline p.current-date::before{ } .timeline{ display: none; } } @media screen and (min-width: 1500px) { .wht-w-do-slide1, .wht-w-do-slide2{ width: calc(100% - 300px); max-width: 100%; } .wht-w-do-slide1 .svg svg, .wht-w-do-slide2 .svg svg{ width: 100%; max-height: 700px; } .content h2{ font-size: 4.3vw; } .wht-w-do-slide1 p, .wht-w-do-slide2 p{ font-size: 1.3vw; width: 21vw; } .content p{ font-size: 1.3vw; } .wht-w-do-slide1 a{ font-size: 1.3vw; } .wht-w-do-slide2 h2{ font-size: 5.4vw; } .wht-w-do-slide3{ width: calc(100vw - 150px); } .wht-w-do-slide3 .svg svg{ width: 50vw; } .wht-w-do-slide3 h2{ font-size: 3.66vw; } .hw-we-strtd1, .hw-we-strtd2, .hw-we-strtd3, .hw-we-strtd4, .hw-we-strtd5{ width: 100%; padding-left: 20%; padding-right: 20%; } .hw-we-strtd1 h2 a{ font-size: 4.3vw; width: 100%; } .hw-we-strtd1 p, .hw-we-strtd2 p, .hw-we-strtd3 p, .hw-we-strtd5 p, .contact p, .contact-process input[type=text], .contact-process input[type=email], .contact-process input[type=number]{ font-size: 1.03vw; } .hw-we-strtd1 .svg svg{ width: 100%; max-height: 700px; } .hw-we-strtd2 h2{ width: 27vw; } .hw-we-strtd2 .svg svg, .hw-we-strtd5 .svg svg{ width: 100%; max-height: 700px; } .hw-we-strtd3 .svg, .hw-we-strtd5 .svg{ padding-left: 4vw; width: 50%; } .hw-we-strtd3 h2{ width: 100%; } .hw-we-strtd5 .content{ padding-left: 3vw; } .page-container{ max-width: 77.6vw; } .contact{ width: 63.3vw; } .contact-section .svg svg{ width: 100%; max-height: 700px; } .hw-we-strtd1 p, .hw-we-strtd3 p{ width: 25vw; } .hw-we-strtd2 p{ width: 22vw; } .hw-we-strtd4 p{ width: 20vw; } .hw-we-strtd4 p span{ font-size: 1.2em; } .hw-we-strtd5 p{ width: 29vw; } .hw-we-strtd5 h2{ width: 100%; } .hw-we-strtd4 h4 a{ font-size: 2.19vw; } .hw-we-strtd4 .svg svg{ width: 100%; } .hw-we-strtd4 .svg{ padding-left: 4vw; } } /*a.arrow-down, a.arrow-up{ width: 20px; height: 20px; display: block; position: absolute; left: 50%; transform: translateX(-50%); } a.arrow-up{ border-right: 4px solid #ffba00; border-top: 4px solid #ffba00; transform: rotate(-45deg); top: 90px; } a.arrow-down{ transform: rotate(-45deg) ; border-left: 4px solid #ffba00; border-bottom: 4px solid #ffba00; } */