@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";
@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap";
@font-face{font-family:sf_ui_displayregular;src:url(../media/sf-ui-display-regular-webfont.b59f7277.woff2)format("woff2"),url(../media/sf-ui-display-regular-webfont.20132f05.woff)format("woff");font-weight:400;font-style:normal}body,html{scroll-behavior:smooth;width:100%;height:100%;margin:0;padding:0;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box;outline:none;transition:all .3s ease-in-out}a{text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}.clearFix:after{content:"";clear:both;width:0;height:0;margin:0;padding:0;display:block}.hide{display:none!important}.colorBlackBg{background-color:#000}.colorWhiteBg{background-color:#fff}.container{width:100%;max-width:1170px;margin:0 auto;padding:0 15px}.container .col-30{width:30%}.container .col-50{width:50%}.container h2{padding:0 15px}.container .box{vertical-align:top;padding:0 15px;display:inline-block}.container .box.width-50{width:50%}.container .box.width-100{width:100%}h2{color:#606060;font-size:30px;line-height:34px}.gotoTopSection{color:#fff;text-align:center;background:#333;justify-content:space-between;width:100%;padding:20px;display:flex}.gotoTopSection button{width:120px;box-shadow:none;color:#fff;cursor:pointer;background:0 0;border:none;margin:0 auto;font-size:20px;position:relative}.gotoTopSection button:hover{color:#f8a51b}.gotoTopSection button:before,.gotoTopSection button:after{content:"";position:absolute}.gotoTopSection button:before{border:2px solid #f8a51b;border-width:0 2px 2px 0;padding:3px;display:inline-block;top:2px;right:-1px;transform:rotate(-135deg)}.gotoTopSection button:after{background:#f8a51b;width:2px;height:20px;top:2px;right:2px}.gotoTopSection .nextPrevLink{color:#fff;padding-right:20px;line-height:25px;transition:all .3s ease-in-out;position:relative}.gotoTopSection .nextPrevLink:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;padding:4px;transition:all .3s ease-in-out;display:inline-block;position:absolute;top:47%;right:0;transform:rotate(-45deg)translateY(-50%)}.gotoTopSection .nextPrevLink.prevLink{padding:0 0 0 20px}.gotoTopSection .nextPrevLink.prevLink:after{top:18%;left:0;right:auto;transform:rotate(135deg)translateY(-50%)}.gotoTopSection .nextPrevLink.prevLink:hover:after{left:-5px;right:auto}.gotoTopSection .nextPrevLink:hover{color:#f8a51b}.gotoTopSection .nextPrevLink:hover:after{border-color:#f8a51b;right:-5px}@keyframes spinner{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.spinner:before{animation:1.5s linear infinite spinner;animation-play-state:inherit;content:"";will-change:transform;border:5px solid #ddd;border-bottom-color:#44d871;border-radius:50%;width:40px;height:40px;position:absolute;top:10%;left:10%;transform:translate(-50%,-50%)}.icon{background:url(/images/sprite-2x.png) no-repeat}@media screen and (max-width:999px){.gotoTopSection{padding:20px 10px}.gotoTopSection .nextPrevLink{padding-right:10px;font-size:12px}.gotoTopSection .nextPrevLink:after{padding:3px;right:-3px}.gotoTopSection .nextPrevLink.prevLink{padding-left:10px}.gotoTopSection .nextPrevLink.prevLink:after{top:21%;left:-3px}}.preLoaderWrap{z-index:30;opacity:1;background:#000;width:100%;height:100%;transition:all .5s ease-in-out;position:fixed;top:0;left:0}.preLoaderWrap.fadeOut{opacity:0;z-index:-30}.preLoaderWrap .boxes{width:32px;height:32px;transform-style:preserve-3d;transform-origin:50%;margin:-16px 0 0 -16px;position:absolute;top:50%;left:50%;transform:rotateX(60deg)rotate(45deg)rotateY(0)translateZ(0)}.preLoaderWrap .boxes .box{width:32px;height:32px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0}.preLoaderWrap .boxes .box:first-child{animation:1s linear infinite box1;transform:translate(100%)}.preLoaderWrap .boxes .box:nth-child(2){animation:1s linear infinite box2;transform:translateY(100%)}.preLoaderWrap .boxes .box:nth-child(3){animation:1s linear infinite box3;transform:translate(100%,100%)}.preLoaderWrap .boxes .box:nth-child(4){animation:1s linear infinite box4;transform:translate(200%)}.preLoaderWrap .boxes .box>div{--translateZ:15.5px;--rotateY:0deg;--rotateX:0deg;width:100%;height:100%;-webkit-transform:rotateY(var(--rotateY))rotateX(var(--rotateX))translateZ(var(--translateZ));transform:rotateY(var(--rotateY))rotateX(var(--rotateX))translateZ(var(--translateZ));background:#f8a51b;position:absolute;inset:auto}.preLoaderWrap .boxes .box>div:first-child{background:#f8a51b;top:0;left:0}.preLoaderWrap .boxes .box>div:nth-child(2){--rotateY:90deg;background:#f8a622;right:0}.preLoaderWrap .boxes .box>div:nth-child(3){--rotateX:-90deg;background:#fcba50}.preLoaderWrap .boxes .box>div:nth-child(4){--translateZ:-90px;background:#0e0d0d;top:0;left:0}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}.mainNav.responsive{display:none}.mainNav{z-index:10;width:100%;padding:0 10px;position:fixed;top:0;left:0}.mainNav .container{justify-content:space-between;padding:20px 0;display:flex}.mainNav.scrolled{background:#000}.mainNav.scrolled .container{padding:10px 0}.mainNav.scrolled .container .logo{width:34px;height:50px}.mainNav.scrolled{box-shadow:0 3px 6px #0000001a,0 3px 6px #0000001a}.mainNav.scrolled ul li a.hasSubMenu .subMenu a,.mainNav.scrolled ul li div.hasSubMenu .subMenu a{background:#000}.mainNav .logo{background:url(/images/RTJ_LOGO_light.png) 50%/contain no-repeat;width:44px;height:67px;display:block}.mainNav ul{justify-content:space-between;align-items:center;display:flex}.mainNav ul li a,.mainNav ul li div{color:#fff;text-transform:uppercase;cursor:pointer;padding:10px 20px;font-size:14px;display:block;position:relative}.mainNav ul li a.hasSubMenu,.mainNav ul li div.hasSubMenu{position:relative}.mainNav ul li a.hasSubMenu:before,.mainNav ul li div.hasSubMenu:before{content:"";background:#0003;width:31px;height:36px;position:absolute;top:0;right:-31px}.mainNav ul li a.hasSubMenu:after,.mainNav ul li div.hasSubMenu:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;padding:3px;transition:all .3s ease-in-out;display:inline-block;position:absolute;top:47%;right:5px;transform:translateY(-50%)rotate(45deg)}.mainNav ul li a.hasSubMenu .subMenu,.mainNav ul li div.hasSubMenu .subMenu{transform-origin:top;width:300px;transition:all .3s ease-in-out;position:absolute;top:36px;left:0;transform:scaleY(0)}.mainNav ul li a.hasSubMenu .subMenu a,.mainNav ul li div.hasSubMenu .subMenu a{text-transform:capitalize;background:#0003;border-top:1px solid #ffffff1a;padding:10px 15px 10px 20px;font-size:12px;display:block}.mainNav ul li a.hasSubMenu .subMenu a:first-child,.mainNav ul li div.hasSubMenu .subMenu a:first-child{border-top:none}.mainNav ul li a.hasSubMenu:hover:after,.mainNav ul li div.hasSubMenu:hover:after{border-color:#f8a51b;top:56%;transform:translateY(-50%)rotate(-135deg)}.mainNav ul li a.hasSubMenu:hover .subMenu,.mainNav ul li div.hasSubMenu:hover .subMenu{transform:scaleY(1)}.mainNav ul li a:hover,.mainNav ul li div:hover{color:#f8a51b}.mainNav ul li a.homeLink.home,.mainNav ul li div.homeLink.home,.mainNav ul li a.aboutLink.about,.mainNav ul li div.aboutLink.about{color:#f8a51b;pointer-events:none}.mainNav ul li a.projectLink.trp,.mainNav ul li a.projectLink.payments,.mainNav ul li a.projectLink.procurement,.mainNav ul li a.projectLink.cards,.mainNav ul li a.projectLink.ecomportal,.mainNav ul li a.projectLink.serviceportal,.mainNav ul li div.projectLink.trp,.mainNav ul li div.projectLink.payments,.mainNav ul li div.projectLink.procurement,.mainNav ul li div.projectLink.cards,.mainNav ul li div.projectLink.ecomportal,.mainNav ul li div.projectLink.serviceportal{color:#f8a51b;background:#0003}.mainNav ul li a.projectLink.trp:after,.mainNav ul li a.projectLink.payments:after,.mainNav ul li a.projectLink.procurement:after,.mainNav ul li a.projectLink.cards:after,.mainNav ul li a.projectLink.ecomportal:after,.mainNav ul li a.projectLink.serviceportal:after,.mainNav ul li div.projectLink.trp:after,.mainNav ul li div.projectLink.payments:after,.mainNav ul li div.projectLink.procurement:after,.mainNav ul li div.projectLink.cards:after,.mainNav ul li div.projectLink.ecomportal:after,.mainNav ul li div.projectLink.serviceportal:after{border-color:#f8a51b}.mainNav ul li a.projectLink.trp .trp,.mainNav ul li a.projectLink.cards .cards,.mainNav ul li a.projectLink.payments .payment,.mainNav ul li a.projectLink.ecomportal .ecomportal,.mainNav ul li a.projectLink.procurement .procurement,.mainNav ul li a.projectLink.serviceportal .serviceportal,.mainNav ul li div.projectLink.trp .trp,.mainNav ul li div.projectLink.cards .cards,.mainNav ul li div.projectLink.payments .payment,.mainNav ul li div.projectLink.ecomportal .ecomportal,.mainNav ul li div.projectLink.procurement .procurement,.mainNav ul li div.projectLink.serviceportal .serviceportal{color:#f8a51b;pointer-events:none}@media screen and (max-width:999px){.mainNav{display:none}.mainNav.responsive .logo{width:60px;height:90px;margin:0 auto}.mainNav.responsive .hamburgerIcon{z-index:2;cursor:pointer;width:30px;height:30px;position:absolute;top:20px;right:20px}.mainNav.responsive .hamburgerIcon span{background:#f8a51b;border-radius:20px;width:100%;height:2px;margin-top:-1px;transition:all .3s ease-in-out;position:absolute;top:50%}.mainNav.responsive .hamburgerIcon span:before,.mainNav.responsive .hamburgerIcon span:after{content:"";background:#f8a51b;border-radius:20px;width:100%;height:2px;position:absolute;left:0}.mainNav.responsive .hamburgerIcon span:before{top:-7px}.mainNav.responsive .hamburgerIcon span:after{top:8px}.mainNav.responsive:before{content:"";background:#000000b3;width:100%;height:100%;display:none;position:fixed;left:0}.mainNav.responsive{display:block}.mainNav.responsive ul{background:#fff;width:60%;height:100%;padding:50px 0;display:block;position:fixed;top:0;right:-70%}.mainNav.responsive ul li{display:block}.mainNav.responsive ul li a,.mainNav.responsive ul li div{color:#606060;padding:15px;font-size:18px;line-height:20px;display:block}.mainNav.responsive ul li a:hover,.mainNav.responsive ul li div:hover{color:#f8a51b}.mainNav.responsive ul li a.hasSubMenu:after,.mainNav.responsive ul li div.hasSubMenu:after{top:46%;left:120px;right:auto}.mainNav.responsive ul li a.hasSubMenu .subMenu a,.mainNav.responsive ul li div.hasSubMenu .subMenu a{background:0 0}.mainNav.responsive ul li a .subMenu,.mainNav.responsive ul li div .subMenu{padding-top:10px;left:11px;transform:scaleY(1)}.mainNav.responsive ul li a .subMenu a,.mainNav.responsive ul li div .subMenu a{background:0 0;padding:5px 10px 5px 20px;font-size:14px;line-height:18px;position:relative}.mainNav.responsive ul li a .subMenu a:before,.mainNav.responsive ul li div .subMenu a:before{content:"";background:#606060;width:8px;height:1px;position:absolute;top:50%;left:5px}.mainNav.responsive ul li a.projectLink.trp,.mainNav.responsive ul li a.projectLink.payments,.mainNav.responsive ul li a.projectLink.procurement,.mainNav.responsive ul li a.projectLink.cards,.mainNav.responsive ul li a.projectLink.ecomportal,.mainNav.responsive ul li a.projectLink.serviceportal,.mainNav.responsive ul li div.projectLink.trp,.mainNav.responsive ul li div.projectLink.payments,.mainNav.responsive ul li div.projectLink.procurement,.mainNav.responsive ul li div.projectLink.cards,.mainNav.responsive ul li div.projectLink.ecomportal,.mainNav.responsive ul li div.projectLink.serviceportal{color:#f8a51b;background:0 0}.mainNav.responsive ul li a.projectLink.trp .trp,.mainNav.responsive ul li a.projectLink.cards .cards,.mainNav.responsive ul li a.projectLink.payments .payment,.mainNav.responsive ul li a.projectLink.ecomportal .ecomportal,.mainNav.responsive ul li a.projectLink.procurement .procurement,.mainNav.responsive ul li a.projectLink.serviceportal .serviceportal,.mainNav.responsive ul li div.projectLink.trp .trp,.mainNav.responsive ul li div.projectLink.cards .cards,.mainNav.responsive ul li div.projectLink.payments .payment,.mainNav.responsive ul li div.projectLink.ecomportal .ecomportal,.mainNav.responsive ul li div.projectLink.procurement .procurement,.mainNav.responsive ul li div.projectLink.serviceportal .serviceportal{color:#f8a51b;pointer-events:none}.mainNav.responsive.open:before{display:block}.mainNav.responsive.open ul{right:0}.mainNav.responsive.open .hamburgerIcon{overflow:hidden}.mainNav.responsive.open .hamburgerIcon span{left:-31px}.mainNav.responsive.open .hamburgerIcon span:before,.mainNav.responsive.open .hamburgerIcon span:after{top:0;left:31px}.mainNav.responsive.open .hamburgerIcon span:before{transform:rotate(45deg)}.mainNav.responsive.open .hamburgerIcon span:after{transform:rotate(-45deg)}}.homePageWrapper .pageSections{width:100%;min-height:100vh;padding-top:110px;position:relative}.homePageWrapper .pageSections h2{text-align:center;margin:0 0 20px}.homePageWrapper .sectionIntroduction{position:relative}.homePageWrapper .sectionIntroduction .nameContainer{text-align:center;color:#fff;width:336px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.homePageWrapper .sectionIntroduction .nameContainer p,.homePageWrapper .sectionIntroduction .nameContainer h1{margin:0}.homePageWrapper .sectionIntroduction .nameContainer h1{text-transform:uppercase;margin-bottom:8px;font-size:40px;line-height:50px}.homePageWrapper .sectionIntroduction .nameContainer p.helloText,.homePageWrapper .sectionIntroduction .nameContainer p.subText{font-size:18px;line-height:26px}.homePageWrapper .sectionIntroduction .nameContainer p.certifyText{color:#f8a51b;margin-bottom:5px;font-size:16px;line-height:20px}.homePageWrapper .sectionIntroduction .scrollDownArrow{z-index:1;cursor:pointer;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.homePageWrapper .sectionIntroduction .scrollDownArrow .scrollArrow{border-bottom:2px solid #fff;border-right:2px solid #fff;width:12px;height:12px;animation:1s infinite alternate arrow-wave;transform:rotate(45deg)}.homePageWrapper .sectionIntroduction .scrollDownArrow .scrollArrow:first-child{animation-delay:.1s}.homePageWrapper .sectionIntroduction .scrollDownArrow .scrollArrow:nth-child(2){animation-delay:.2s}.homePageWrapper .sectionIntroduction .scrollDownArrow .scrollArrow:nth-child(3){animation-delay:.3s}.homePageWrapper .sectionProjects{padding:110px 20px 40px}.homePageWrapper .sectionProjects .projectContent{text-align:center}.homePageWrapper .sectionProjects .projectContent li{opacity:0;margin-bottom:10px;transition:all .5s ease-in-out;display:block;position:relative;left:-10px;right:auto}.homePageWrapper .sectionProjects .projectContent li a{float:left;color:#333;justify-content:flex-start;width:50%;display:flex}.homePageWrapper .sectionProjects .projectContent li a .imgWrap,.homePageWrapper .sectionProjects .projectContent li a .projectTextWrap{flex-basis:50%}.homePageWrapper .sectionProjects .projectContent li a .imgWrap{width:340px;height:257px;position:relative}.homePageWrapper .sectionProjects .projectContent li a .imgWrap:before{content:"";z-index:0;border-radius:50%;width:257px;height:100%;position:absolute}.homePageWrapper .sectionProjects .projectContent li a .imgWrap img{z-index:1;object-fit:contain;width:100%;position:relative;top:50%;transform:translateY(-50%)scale(1)}.homePageWrapper .sectionProjects .projectContent li a .projectTextWrap{text-align:left;flex-direction:column;justify-content:center;margin-left:20px;display:flex}.homePageWrapper .sectionProjects .projectContent li a .projectTextWrap h3{margin:0 0 10px;padding-bottom:5px;font-size:18px;font-weight:400;position:relative}.homePageWrapper .sectionProjects .projectContent li a .projectTextWrap h3:after{content:"";width:15%;height:2px;transition:all .5s ease-in-out;position:absolute;bottom:0;left:0}.homePageWrapper .sectionProjects .projectContent li a .projectTextWrap .itemDesc{margin:0;font-size:14px;line-height:18px}.homePageWrapper .sectionProjects .projectContent li a:hover .imgWrap img{transform:translateY(-50%)scale(1.1)}.homePageWrapper .sectionProjects .projectContent li a:hover .projectTextWrap h3:after{width:70%}.homePageWrapper .sectionProjects .projectContent li a.payments .imgWrap img{right:-40px}.homePageWrapper .sectionProjects .projectContent li a.payments .imgWrap:before,.homePageWrapper .sectionProjects .projectContent li a.payments .projectTextWrap h3:after{background-color:#007aff}.homePageWrapper .sectionProjects .projectContent li a.procurement .imgWrap img{left:-64px}.homePageWrapper .sectionProjects .projectContent li a.procurement .imgWrap:before,.homePageWrapper .sectionProjects .projectContent li a.procurement .projectTextWrap h3:after{background-color:#0a768b}.homePageWrapper .sectionProjects .projectContent li a.serviceportal .imgWrap img{left:-20px;transform:translateY(-50%)scale(1.1)}.homePageWrapper .sectionProjects .projectContent li a.serviceportal .imgWrap:before,.homePageWrapper .sectionProjects .projectContent li a.serviceportal .projectTextWrap h3:after{background-color:#f1ad43}.homePageWrapper .sectionProjects .projectContent li a.serviceportal:hover .imgWrap img{transform:translateY(-50%)scale(1.2)!important}.homePageWrapper .sectionProjects .projectContent li a.ecomportal .imgWrap img{width:75%;left:50%;transform:translate(-58%,-50%)scale(1)}.homePageWrapper .sectionProjects .projectContent li a.ecomportal .imgWrap:before,.homePageWrapper .sectionProjects .projectContent li a.ecomportal .projectTextWrap h3:after{background-color:#a1a801}.homePageWrapper .sectionProjects .projectContent li a.ecomportal:hover .imgWrap img{transform:translate(-58%,-50%)scale(1.1)}.homePageWrapper .sectionProjects .projectContent li a.cards .imgWrap img{top:95px;left:50%;transform:translate(-50%,-50%)scale(1)}.homePageWrapper .sectionProjects .projectContent li a.cards .imgWrap:before,.homePageWrapper .sectionProjects .projectContent li a.cards .projectTextWrap h3:after{background-color:#0181ca}.homePageWrapper .sectionProjects .projectContent li a.cards:hover .imgWrap img{transform:translate(-50%,-50%)scale(1.1)}.homePageWrapper .sectionProjects .projectContent li.show{opacity:1;left:0;right:auto}.homePageWrapper .sectionProjects .projectContent li:nth-child(2n){left:auto;right:-10px}.homePageWrapper .sectionProjects .projectContent li:nth-child(2n) a{float:right}.homePageWrapper .sectionProjects .projectContent li:nth-child(2n) a .imgWrap{order:2}.homePageWrapper .sectionProjects .projectContent li:nth-child(2n) a .projectTextWrap{order:1;margin:0 20px 0 0}.homePageWrapper .sectionProjects .projectContent li:nth-child(2n).show{left:auto;right:0}@keyframes arrow-wave{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@media screen and (max-width:999px){.homePageWrapper .sectionIntroduction .scrollDownArrow{bottom:80px}.homePageWrapper .sectionProjects{padding:80px 20px 40px}.homePageWrapper .sectionProjects .container{padding:0}.homePageWrapper .sectionProjects .projectContent{text-align:center}.homePageWrapper .sectionProjects .projectContent li{margin-bottom:40px}.homePageWrapper .sectionProjects .projectContent li a{float:none;flex-direction:column;justify-content:center;width:100%}.homePageWrapper .sectionProjects .projectContent li a .imgWrap{flex-basis:unset;width:260px;height:200px;margin:0 auto}.homePageWrapper .sectionProjects .projectContent li a .imgWrap img{width:100%;max-width:246px}.homePageWrapper .sectionProjects .projectContent li a .imgWrap:before{width:200px;height:200px}.homePageWrapper .sectionProjects .projectContent li a .projectTextWrap{flex-basis:unset;text-align:center;margin:10px 0 0}.homePageWrapper .sectionProjects .projectContent li a .projectTextWrap h3:after{width:10%;left:50%;transform:translate(-50%)}.homePageWrapper .sectionProjects .projectContent li a:hover .imgWrap img{transform:translateY(-50%)scale(1)}.homePageWrapper .sectionProjects .projectContent li a:hover .projectTextWrap h3:after{width:39%;left:30%;transform:translate(0)}.homePageWrapper .sectionProjects .projectContent li a.payments .imgWrap img{right:-16px}.homePageWrapper .sectionProjects .projectContent li a.procurement .imgWrap:before{left:auto;right:0;transform:translate(0)}.homePageWrapper .sectionProjects .projectContent li a.procurement .imgWrap img{width:77%;left:0}.homePageWrapper .sectionProjects .projectContent li a.serviceportal .imgWrap:before{left:0}.homePageWrapper .sectionProjects .projectContent li a.serviceportal .imgWrap img{width:74%}.homePageWrapper .sectionProjects .projectContent li a.serviceportal:hover .imgWrap img{transform:translateY(-50%)scale(1.1)!important}.homePageWrapper .sectionProjects .projectContent li a.ecomportal .imgWrap:before{left:auto;right:0}.homePageWrapper .sectionProjects .projectContent li a.ecomportal .imgWrap img{width:56%;top:50%;left:0;transform:translateY(-50%)scale(1)}.homePageWrapper .sectionProjects .projectContent li a.ecomportal:hover .imgWrap img{transform:translateY(-50%)scale(1)}.homePageWrapper .sectionProjects .projectContent li a.cards .imgWrap:before{left:0;transform:translate(0)}.homePageWrapper .sectionProjects .projectContent li a.cards .imgWrap img{width:70%;left:32%}.homePageWrapper .sectionProjects .projectContent li:nth-child(2n) a{float:none}.homePageWrapper .sectionProjects .projectContent li:nth-child(2n) a .imgWrap{order:1}.homePageWrapper .sectionProjects .projectContent li:nth-child(2n) a .projectTextWrap{order:2;margin:10px 0 0}}@media screen and (max-width:659px){.homePageWrapper .sectionProjects .projectContent{text-align:center;margin:0}.homePageWrapper .sectionProjects .projectContent li{width:100%;margin-left:0}}@media screen and (max-width:400px){.homePageWrapper .sectionIntroduction .nameContainer{width:100%;padding:0 20px}.homePageWrapper .sectionIntroduction .nameContainer h1{font-size:30px}.homePageWrapper .sectionIntroduction .nameContainer p.subText{font-size:20px}}.footerWrap{color:#fff;background:#000;width:100%;padding:50px 20px 30px}.footerWrap .iconList{justify-content:space-between;padding:0 100px;display:flex}.footerWrap .iconList li{color:#fff;width:80px}.footerWrap .iconList li .socialLinks{cursor:pointer;color:#fff;display:block}.footerWrap .iconList li .socialLinks.popupLink{position:relative}.footerWrap .iconList li .socialLinks.popupLink .popupElement{color:#606060;background:#fff;border-radius:5px;width:170px;padding:10px;font-size:14px;line-height:20px;display:none;position:absolute;bottom:-70px;left:14px}.footerWrap .iconList li .socialLinks.popupLink .popupElement:before{content:"";background:#fff;width:10px;height:10px;position:absolute;top:-5px;left:10px;transform:rotate(45deg)}.footerWrap .iconList li .socialLinks.popupLink .popupElement span{color:#f8a51b}.footerWrap .iconList li .socialLinks.popupLink.show .popupElement{display:block}.footerWrap .iconList li .iconDesc{text-align:center;margin:0 0 10px;font-size:14px}.footerWrap .iconList li .iconDesc strong{display:block}.footerWrap .iconList li .iconWrap{width:32px;height:32px;margin:0 auto;line-height:30px;display:block}.footerWrap .iconList li .iconWrap img{width:100%;height:100%}.footerWrap .copyrightSection{text-align:center;border-top:1px solid #fff3;margin-top:46px;padding-top:30px}.footerWrap .copyrightSection p{margin:0}@media screen and (max-width:999px){.footerWrap{padding:40px 20px 20px}.footerWrap .iconList{padding:0}.footerWrap .iconList li .socialLinks.popupLink .popupElement{top:-70px;bottom:auto}.footerWrap .iconList li .socialLinks.popupLink .popupElement:before{top:auto;bottom:-5px}.footerWrap .iconList li.gmail .socialLinks.popupLink .popupElement{left:-108px}.footerWrap .iconList li.gmail .socialLinks.popupLink .popupElement:before{inset:auto 24px -5px auto}.footerWrap .iconList li a .iconDesc{display:none}.footerWrap .iconList li a .iconWrap{width:26px;height:26px;line-height:26px}.footerWrap .copyrightSection{margin-top:20px;padding-top:20px}.footerWrap .copyrightSection p{font-size:14px}}.aboutPageWrapper h1,.aboutPageWrapper h2{text-align:left;color:#000;margin-bottom:0;font-size:44px}.aboutPageWrapper .pageSections{padding-top:70px}.aboutPageWrapper .sectionAboutMe{background:url(/images/about-bg.svg) 98% 80px/30% no-repeat}.aboutPageWrapper .sectionAboutMe .mainNav{background:#000}.aboutPageWrapper .sectionAboutMe .mainNav.scrolled{box-shadow:0 3px 6px #0000001a,0 3px 6px #0000001a}.aboutPageWrapper .sectionAboutMe .mainNav .container{padding:10px 0}.aboutPageWrapper .sectionAboutMe .mainNav .container .logo{width:34px;height:50px}.aboutPageWrapper .sectionAboutMe .mainContainer{justify-content:space-between;padding:40px 20px;display:flex}.aboutPageWrapper .sectionAboutMe .mainContainer .profileImageWrap .imgWrap{width:80%;margin:0 auto}.aboutPageWrapper .sectionAboutMe .mainContainer .aboutMeWriteup{padding-top:50px}.aboutPageWrapper .sectionAboutMe .mainContainer .aboutMeWriteup p{color:#606060;font-size:1.2rem;line-height:24px}.aboutPageWrapper .sectionSkills{background:#f2f2f2}.aboutPageWrapper .sectionSkills .skillsPara{color:#606060;text-align:center;margin:40px auto 20px;padding:0 30px;font-size:1.2rem;line-height:24px}.aboutPageWrapper .sectionSkills .mainSkillsSection{flex-wrap:wrap;justify-content:space-between;display:flex}.aboutPageWrapper .sectionSkills .mainSkillsSection .skillOuter{text-align:center;padding:10px 20px}.aboutPageWrapper .sectionSkills .mainSkillsSection .skillOuter h3{text-transform:uppercase}.aboutPageWrapper .sectionSkills .mainSkillsSection .skillOuter .skillInnerSection{flex-direction:column;display:flex}.aboutPageWrapper .sectionSkills .mainSkillsSection .skillOuter .skillInnerSection p{color:#606060;margin-top:10px;font-size:16px;line-height:20px}.aboutPageWrapper .sectionSkills .mainSkillsSection .skillOuter .skillInnerSection p:first-child{margin-top:0}.aboutPageWrapper .sectionTools{min-height:70vh}.aboutPageWrapper .sectionTools .aboutTools{color:#606060;text-align:center;margin:40px auto 20px;padding:0 30px;font-size:1.2rem;line-height:24px}.aboutPageWrapper .sectionTools .toolsInnerWrap{flex-wrap:wrap;justify-content:space-between;display:flex}.aboutPageWrapper .sectionTools .toolsInnerWrap .toolsItem{color:#fa4251;text-align:center;margin:20px auto;padding:0 10px;font-size:16px}.aboutPageWrapper .sectionTools .toolsInnerWrap .toolsItem .iconWrap{width:80px;height:80px;margin:0 auto 20px}.aboutPageWrapper .sectionTools .toolsInnerWrap .toolsItem .iconWrap img{width:100%}.aboutPageWrapper .sectionTools .toolsInnerWrap .toolsItem span{text-transform:uppercase}.aboutPageWrapper .sectionProcess{background:#f2f2f2}.aboutPageWrapper .sectionProcess .subInformationProcess{text-align:center;color:#606060;margin-top:30px;padding:0 20px;font-size:1.2rem;line-height:24px}.aboutPageWrapper .sectionProcess .sectionImg{width:80%;margin:50px auto 0;padding:0 20px}.aboutPageWrapper .sectionProcess .sectionImg img{width:100%}.aboutPageWrapper .sectionProcess .processDescSection{margin:40px 0 0;padding-bottom:50px}.aboutPageWrapper .sectionProcess .processDescSection p{color:#333;margin-top:20px;padding-left:70px;font-size:16px;line-height:24px;position:relative}.aboutPageWrapper .sectionProcess .processDescSection p:first-child{margin-top:0}.aboutPageWrapper .sectionProcess .processDescSection p .processIcon{width:53px;height:53px;position:absolute;top:0;left:0}.aboutPageWrapper .sectionProcess .processDescSection p .processIcon img{width:100%}.aboutPageWrapper .sectionProcess .processDescSection p .highlighted{text-transform:uppercase;color:#f8a51b;font-weight:600}@media screen and (max-width:767px){.aboutPageWrapper .sectionAboutMe{background-size:50%}.aboutPageWrapper .sectionAboutMe .mainContainer{flex-direction:column}.aboutPageWrapper .sectionAboutMe .mainContainer .col-50{width:100%}.aboutPageWrapper .sectionAboutMe .mainContainer .profileImageWrap .imgWrap{width:300px}.aboutPageWrapper .sectionAboutMe .mainContainer .aboutMeWriteup{padding-top:0}.aboutPageWrapper .sectionAboutMe .mainContainer .aboutMeWriteup h1{margin-top:0;font-size:28px}.aboutPageWrapper .sectionAboutMe .mainContainer .aboutMeWriteup p{margin:10px 0;font-size:18px}.aboutPageWrapper .sectionProcess{min-height:80vh}.aboutPageWrapper .sectionSkills,.aboutPageWrapper .sectionTools{padding-top:40px}.aboutPageWrapper .sectionSkills h2,.aboutPageWrapper .sectionTools h2{font-size:28px}.aboutPageWrapper .sectionSkills .mainSkillsSection,.aboutPageWrapper .sectionTools .mainSkillsSection{justify-content:center}.aboutPageWrapper .sectionSkills .skillsPara,.aboutPageWrapper .sectionSkills .aboutTools,.aboutPageWrapper .sectionTools .skillsPara,.aboutPageWrapper .sectionTools .aboutTools{margin:20px auto;padding:0;font-size:.9rem;line-height:22px}}.caseStudyWrap{height:100%}.caseStudyWrap .landingBanner{color:#fff;text-align:center;min-height:100vh;padding-top:100px;font-family:Open Sans,sans-serif;position:relative}.caseStudyWrap .landingBanner h1{text-transform:uppercase;opacity:0;margin:30px 0 20px;font-size:50px;line-height:60px;transition:all .5s ease-in-out}.caseStudyWrap .landingBanner p.subHeader{text-transform:uppercase;opacity:0;margin:10px 0;font-size:26px;font-weight:300;line-height:30px;transition:all .5s ease-in-out}.caseStudyWrap .landingBanner .bannerImgWrap{opacity:0;width:800px;height:500px;margin:90px auto 0;transition:all .5s ease-in-out;display:block;position:relative}.caseStudyWrap .landingBanner .bannerImgWrap img{width:100%}.caseStudyWrap .landingBanner .bannerImgWrap.bannerProcurement{width:700px}.caseStudyWrap .landingBanner .bannerImgWrap.servicePortal{width:600px}.caseStudyWrap .landingBanner .bannerImgWrap.ecomPortal{width:450px}.caseStudyWrap .landingBanner .bannerImgWrap.cardsBanner{width:500px}.caseStudyWrap .landingBanner.show h1,.caseStudyWrap .landingBanner.show p.subHeader{opacity:1}.caseStudyWrap .landingBanner.show h1{margin-top:40px}.caseStudyWrap .landingBanner.show .bannerImgWrap{opacity:1;margin-top:70px}.caseStudyWrap .landingBanner.show .bannerImgWrap.cardsBanner,.caseStudyWrap .landingBanner.show .bannerImgWrap.servicePortal,.caseStudyWrap .landingBanner.show .bannerImgWrap.bannerProcurement,.caseStudyWrap .landingBanner.show .bannerImgWrap.ecomPortal{margin-top:40px}.caseStudyWrap.payments .landingBanner{background:#007aff}.caseStudyWrap.payments .descriptionSection h2{color:#007aff}.caseStudyWrap.procurement .landingBanner{background:#0a768b}.caseStudyWrap.procurement .descriptionSection h2{color:#0a768b}.caseStudyWrap.serviceportal .landingBanner{background:#f1ad43}.caseStudyWrap.serviceportal .descriptionSection h2{color:#f1ad43}.caseStudyWrap.ecomportal .landingBanner{background:#0181ca}.caseStudyWrap.ecomportal .descriptionSection h2{color:#0181ca}.caseStudyWrap.cards .landingBanner{background:#a1a801}.caseStudyWrap.cards .descriptionSection h2{color:#a1a801}.caseStudyWrap header.nav .mainMenu .sub-menu,.caseStudyWrap header.nav .mainMenu .bgMenu{background-color:#ffbc00cc}.caseStudyWrap .descriptionSection{padding:75px 0}.caseStudyWrap .descriptionSection:nth-child(2n){background-color:#f2f2f2}.caseStudyWrap .descriptionSection h2{color:#dfb468;margin:10px 0;font-size:30px;font-weight:600}.caseStudyWrap .descriptionSection .box h3{color:#000;font-size:18px;line-height:22px}.caseStudyWrap .descriptionSection .box p{color:#5f5f5f;font-family:Open Sans Condensed,sans-serif;font-size:16px;font-weight:300;line-height:30px}.caseStudyWrap .descriptionSection .box .descImgsWrap{text-align:center;cursor:pointer;width:66%;margin:40px auto 20px;position:relative}.caseStudyWrap .descriptionSection .box .descImgsWrap img{width:100%}.caseStudyWrap .descriptionSection .box .descImgsWrap img.imgForOverlay{z-index:-1;opacity:0;width:0;height:0;transition:all .3s ease-in-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.caseStudyWrap .descriptionSection .box .descImgsWrap .overlayImg{z-index:-99;opacity:0;background:#000000e6;width:0;height:0;transition:all .3s ease-in-out;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.caseStudyWrap .descriptionSection .box .descImgsWrap .overlayImg.whiteBG{background:#ffffffe6}.caseStudyWrap .descriptionSection .box .descImgsWrap .overlayImg.whiteBG a.closeOverlay:before,.caseStudyWrap .descriptionSection .box .descImgsWrap .overlayImg.whiteBG a.closeOverlay:after{background:#000}.caseStudyWrap .descriptionSection .box .descImgsWrap .overlayImg a.closeOverlay{width:25px;height:25px;display:block;position:absolute;top:10px;right:10px}.caseStudyWrap .descriptionSection .box .descImgsWrap .overlayImg a.closeOverlay:before,.caseStudyWrap .descriptionSection .box .descImgsWrap .overlayImg a.closeOverlay:after{content:"";background:#fff;width:100%;height:2px;position:absolute;top:10px;left:0}.caseStudyWrap .descriptionSection .box .descImgsWrap .overlayImg a.closeOverlay:before{transform:rotate(45deg)}.caseStudyWrap .descriptionSection .box .descImgsWrap .overlayImg a.closeOverlay:after{transform:rotate(-45deg)}.caseStudyWrap .descriptionSection .box .descImgsWrap.show .overlayImg{opacity:1;z-index:99;width:100%;height:100%}.caseStudyWrap .descriptionSection .box .descImgsWrap.show img.imgForOverlay{opacity:1;z-index:100;width:80%;height:auto;max-height:calc(100vh - 40px)}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper{justify-content:flex-start;display:flex}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box{padding:0}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box.successfulReport{background-color:#f6fff2}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box.successfulReport p{color:#325806}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box.observedIssues{background-color:#fffbf2}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box.observedIssues p{color:#b00d0d}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box .titleIconWrap{text-align:center;padding:10px}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box .titleIconWrap .icon{width:30px;height:40px;margin:0 auto;display:block}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box .titleIconWrap .icon.iconReportGreen{background:url(/images/procurement/report-icon-green.png) 50%/contain no-repeat}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box .titleIconWrap .icon.iconReportRed{background:url(/images/procurement/report-icon-red.png) 50%/contain no-repeat}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box .titleIconWrap p{margin-bottom:0;font-size:16px;font-weight:600;line-height:18px}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper{flex-wrap:wrap;justify-content:flex-start;margin-top:40px;display:flex}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper h3{text-align:center;width:100%}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper .box{flex:1}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper .box .innertexts{padding:10px}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper .box .innertexts p{margin:5px 0}.caseStudyWrap .descriptionSection.userresearchSection .userResearchTowBoxes .descImgsWrap{width:50%}.caseStudyWrap .descriptionSection.useabilitytestingSection .usabilityImgTextBox{justify-content:center;align-items:center;display:flex}.caseStudyWrap .descriptionSection.useabilitytestingSection .usabilityImgTextBox .descImgsWrap{width:30%;margin:20px 20px 0 0}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap{justify-content:space-between;display:flex}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap .insightInner{border:1px solid #0181ca66;margin-left:30px;padding:10px}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap .insightInner p{margin:0 0 10px}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap .insightInner p .icon{vertical-align:middle;width:54px;height:60px;margin-right:10px;display:inline-block}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap .insightInner p .icon.contentIcon{background:url(/images/ecom/content-icon.png) 50%/contain no-repeat}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap .insightInner p .icon.communicationIcon{background:url(/images/ecom/watch-icon.png) 50%/contain no-repeat}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap .insightInner p .icon.efficientIcon{background:url(/images/ecom/chat-icon.png) 50%/contain no-repeat}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap .insightInner .iconWrap{font-weight:600}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap .insightInner:first-child{margin-left:0}.caseStudyWrap .roleSection{border-bottom:1px solid #bbb;padding:80px 0}.caseStudyWrap .roleSection p.roleWrap{font-family:Open Sans Condensed,sans-serif;font-size:20px;font-weight:300;line-height:24px}.caseStudyWrap .roleSection p.roleWrap .icon{vertical-align:top;background-size:100%;width:45px;height:45px;margin:-12px 15px 0 0;display:inline-block}.caseStudyWrap .roleSection p.roleWrap .icon.icon-sketch{background-position:0 5px;background-size:107%}.caseStudyWrap .roleSection p.roleWrap .icon.icon-invision{background-position:0 -38px}.caseStudyWrap .roleSection p.roleWrap .icon.icon-photoshop{background-position:0 -83px}.caseStudyWrap .analysisWrap{margin-bottom:30px}.caseStudyWrap .analysisWrap .box{padding:0}.caseStudyWrap .analysisWrap .usesAccountType p.representationBox{color:#5f5f5f;vertical-align:top;margin-right:50px;padding-left:30px;font-family:Open Sans Condensed,sans-serif;font-weight:300;display:inline-block;position:relative}.caseStudyWrap .analysisWrap .usesAccountType p.representationBox:before{content:"";width:15px;height:15px;position:absolute;top:7px;left:0}.caseStudyWrap .analysisWrap .usesAccountType p.representationBox.green:before{background:#44d871}.caseStudyWrap .analysisWrap .usesAccountType p.representationBox.grey:before{background:#5f5f5f}.caseStudyWrap .analysisWrap h5.taskCompletionTitle{font-family:Open Sans Condensed,sans-serif;font-size:14px}.caseStudyWrap .analysisWrap h5.taskCompletionTitle.success{color:#44d871}.caseStudyWrap .analysisWrap h5.taskCompletionTitle.guidance{color:#0181ca}.caseStudyWrap .analysisWrap h5.taskCompletionTitle.failure{color:#fa4251}.caseStudyWrap .analysisWrap .userFlowDiagram{justify-content:flex-start;padding:10px 0;display:flex}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap{text-align:center;width:199px;margin-left:40px}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap:first-child{margin-left:0}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap .icon{vertical-align:top;width:29px;height:77px;margin-left:6px;display:inline-block}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap .icon:first-child{margin-left:0}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap .icon.userIconGreen{background-position:0 -593px}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap .icon.userIconGrey{background-position:-34px -593px}.caseStudyWrap .analysisWrap .finalFeedbackBox{justify-content:space-between;display:flex}.caseStudyWrap .analysisWrap .finalFeedbackBox .feedbackIssueWrap{padding:15px;display:block}.caseStudyWrap .analysisWrap .finalFeedbackBox .feedbackIssueWrap h4{margin:0 0 10px;font-family:Open Sans Condensed,sans-serif}.caseStudyWrap .analysisWrap .finalFeedbackBox .feedbackIssueWrap h4.textRed{color:#fa4251}.caseStudyWrap .analysisWrap .finalFeedbackBox .feedbackIssueWrap h4.textBlue{color:#0181ca}.caseStudyWrap .analysisWrap .finalFeedbackBox .feedbackIssueWrap ol{padding-left:0}.caseStudyWrap .analysisWrap .finalFeedbackBox .feedbackIssueWrap ol li{color:#5f5f5f;margin-top:10px;line-height:24px}.caseStudyWrap .analysisWrap .finalFeedbackBox .feedbackIssueWrap ol li:first-child{margin-top:0}.caseStudyWrap .analysisWrap .finalFeedbackBox .feedbackIssueWrap.lightPinkBox{background:#fff8f2}.caseStudyWrap .analysisWrap .finalFeedbackBox .feedbackIssueWrap.lightBlueBox{background:#e3feff}.caseStudyWrap .analysisWrap .boxesForGuidanceTwo{width:30%}.caseStudyWrap .analysisWrap .boxesForGuidanceTwo .iconDescWrap{width:255px}.caseStudyWrap .analysisWrap.task2Wrap .boxTask2{width:28%;margin-left:50px}.caseStudyWrap .analysisWrap.task2Wrap .boxTask2.marginLeft0{margin-left:0}.caseStudyWrap .analysisWrap.task2Wrap .boxTask2 .iconDescWrap{width:100%}.caseStudyWrap .designIssueSection .issueSection figure,.caseStudyWrap .designIssueSection .issueSection figure.descImgsWrap{text-align:left;width:auto;margin:20px 0}.caseStudyWrap .designIssueSection .issueSection figure img,.caseStudyWrap .designIssueSection .issueSection figure.descImgsWrap img{width:auto}.caseStudyWrap .designIssueSection .issueSection .box{margin-left:-15px}.caseStudyWrap .designIssueSection .issueSection .issueNumber{padding-left:34px;font-family:Open Sans,sans-serif;font-size:16px;line-height:20px;position:relative}.caseStudyWrap .designIssueSection .issueSection .issueNumber span{text-align:center;color:#fff;background:#b00d0d;border-radius:50%;width:25px;height:25px;font-size:18px;font-weight:600;line-height:24px;display:block;position:absolute;top:-2px;left:0}.caseStudyWrap .newDesignSection h2{margin-bottom:30px}.caseStudyWrap .newDesignSection .box{min-height:544px;margin-bottom:50px;position:relative}.caseStudyWrap .newDesignSection .box img{width:100%}.caseStudyWrap .newDesignSection .box.mobileDesign figure.descImgsWrap,.caseStudyWrap .newDesignSection .box.mobileDesign img{min-width:570px;min-height:533px;position:absolute;bottom:0;left:0}.caseStudyWrap .newDesignSection .box.mobileDesign figure.descImgsWrap.imgForOverlay.twoMobile,.caseStudyWrap .newDesignSection .box.mobileDesign img.imgForOverlay.twoMobile{width:50%}.caseStudyWrap .newDesignSection .box.mobileDesign figure.descImgsWrap.imgForOverlay.singleMobile,.caseStudyWrap .newDesignSection .box.mobileDesign img.imgForOverlay.singleMobile{width:30%}.caseStudyWrap .newDesignSection .box.mobileDesign.adjustImgDimension img{width:56%;min-width:320px;height:98%;min-height:533px;margin-bottom:-20px}.caseStudyWrap .newDesignSection .box figure.descImgsWrap{width:auto;margin:0;position:relative}.caseStudyWrap .newDesignSection .box figure.descImgsWrap img{height:auto}@media screen and (max-width:999px){.caseStudyWrap .landingBanner{height:calc(100vh - 50px);padding-top:60px}.caseStudyWrap .landingBanner h1{margin:40px 0 10px;font-size:30px;line-height:36px}.caseStudyWrap .landingBanner p.subHeader{font-size:24px;line-height:28px}.caseStudyWrap .landingBanner .bannerImgWrap{width:100%;height:auto;margin:100px auto 0}.caseStudyWrap .landingBanner .bannerImgWrap.servicePortal,.caseStudyWrap .landingBanner .bannerImgWrap.ecomPortal,.caseStudyWrap .landingBanner .bannerImgWrap.cardsBanner,.caseStudyWrap .landingBanner .bannerImgWrap.bannerProcurement{width:100%}.caseStudyWrap .landingBanner .bannerImgWrap.servicePortal img,.caseStudyWrap .landingBanner .bannerImgWrap.ecomPortal img,.caseStudyWrap .landingBanner .bannerImgWrap.cardsBanner img,.caseStudyWrap .landingBanner .bannerImgWrap.bannerProcurement img{width:90%}.caseStudyWrap .landingBanner.show h1{margin-top:104px}.caseStudyWrap .landingBanner.show .bannerImgWrap{margin-top:60px}.caseStudyWrap .descriptionSection .box .descImgsWrap.show img.imgForOverlay{width:90%}.caseStudyWrap .descriptionSection.newDesignSection .box.mobileDesign img.imgForOverlay{width:50%;min-width:300px;min-height:330px;position:fixed}.caseStudyWrap .designIssueSection .issueSection figure img,.caseStudyWrap .caseStudyWrap .designIssueSection .issueSection figure.descImgsWrap img{width:100%!important}.caseStudyWrap .newDesignSection .box{min-height:290px}.caseStudyWrap .newDesignSection .box.mobileDesign.adjustImgDimension img,.caseStudyWrap .newDesignSection .box.mobileDesign figure.descImgsWrap,.caseStudyWrap .newDesignSection .box.mobileDesign img{width:100%;min-width:100%;max-width:100%;height:auto;min-height:100%;max-height:100%;display:block;position:static}.caseStudyWrap .container .box.width-50{width:100%}}@media screen and (max-width:767px){.caseStudyWrap .roleSection{padding:40px 0}.caseStudyWrap .descriptionSection .box .descImgsWrap{width:100%}.caseStudyWrap .descriptionSection h2{margin-bottom:0;font-size:22px;line-height:24px}.caseStudyWrap .descriptionSection.newDesignSection h2{margin-bottom:10px}.caseStudyWrap .descriptionSection.useabilitytestingSection .usabilityImgTextBox{flex-direction:column;justify-content:center;display:flex}.caseStudyWrap .descriptionSection.useabilitytestingSection .usabilityImgTextBox .descImgsWrap{width:80%;margin:20px auto}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap{flex-direction:column}.caseStudyWrap .descriptionSection.insightsSection .insightContentWrap .insightInner{margin:20px 0 0}.caseStudyWrap .analysisWrap .finalFeedbackBox{flex-direction:column}.caseStudyWrap .analysisWrap .finalFeedbackBox ol li{margin-bottom:10px}.caseStudyWrap .analysisWrap .userFlowDiagram{flex-direction:column}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap{width:100%;margin:0}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap p{text-align:left}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap .icon{background-size:630%;width:24px;height:60px}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap .icon.userIconGreen{background-position:0 -446px}.caseStudyWrap .analysisWrap .userFlowDiagram .iconDescWrap .icon.userIconGrey{background-position:-26px -446px}.caseStudyWrap .analysisWrap.task2Wrap .boxTask2{margin-left:0}}@media screen and (max-width:480px){.caseStudyWrap .landingBanner h1{font-size:24px;line-height:30px}.caseStudyWrap .landingBanner p.subHeader{font-size:18px;line-height:20px}.caseStudyWrap .landingBanner .bannerImgWrap{margin-top:140px}.caseStudyWrap .landingBanner .bannerImgWrap img{transform:scale(1)}.caseStudyWrap .landingBanner.show .bannerImgWrap{margin-top:100px}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksTitleWrapper .box .titleIconWrap p{margin-top:5px;font-size:14px}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper{flex-direction:column}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper .box{margin-bottom:20px}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper .box .innertexts{padding:0}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper .box .innertexts.completed p{color:#325806}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper .box .innertexts.issues p{color:#b00d0d}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper .box .innertexts p{margin:5px 0;line-height:20px}.caseStudyWrap .descriptionSection.procurementAnalysisWrap .tasksWrapper h3{margin:10px 0;font-size:16px}}