@font-face {
  font-family: "Calibre-Regular";
  src: url('../fonts/Calibre-Regular.otf') format("opentype");
}
@font-face {
  font-family: "Calibre-Medium";
  src: url('../fonts/Calibre-Medium.otf') format("opentype");
}
@font-face {
  font-family: "Gotham-Medium";
  src: url('../fonts/Gotham-Medium.otf') format("opentype");
}
@font-face {
  font-family: "EksellDisplay-Large";
  src: url('../fonts/EksellDisplay-Large.otf') format("opentype");
}
@font-face {
  font-family: "Calibre-Semibold";
  src: url('../fonts/Calibre-Semibold.otf') format("opentype");
}
@font-face {
  font-family: "Calibre-RegularItalic";
  src: url('../fonts/Calibre-RegularItalic.otf') format("opentype");
}
/**
#work-page .scrollcontainer {

scroll-snap-type: y mandatory;
  overflow-y: scroll;

}

#work-page .scrollcontainer .child{
  scroll-snap-align: start;

}
**/

#work-page.wrapper {
  width: 100%;
  height: 100%;
  position:relative;
  margin:auto;
}  

.workwithus1.anima-valign-text-middle{
	    top: -18px;
}
                  
   
#work-page {
  width               : 100%;
  /*min-width           : 1440px;*/
  height              : 100vh;
  min-height          : 4940px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*background-color    : rgba(255, 255, 255, 1.0);*/
}
#work-page a {
  text-decoration     : none;
}
#work-page div {
  -webkit-text-size-adjust: none;
}
.anima-full-width-a {
  width               : 100%;
}
.anima-full-height-a {
  height              : 100%;
}
#work-page div {
  -webkit-text-size-adjust: none;
}
#work-page .headerdark {
  background-color    : rgba(255,255,255,0.0);
  top                 : 33px;
  height              : 541px;
  width               : 1193px;
  position            : absolute;
  margin              : 0;
  left                : 131px;
  overflow            : hidden;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .headerdark .background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 541px;
  width               : 1193px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .headerdark .headerdark1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 5px;
  height              : 588px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .headerdark .headerdark1 .hybridlogonostraprgbdark02 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 2px;
  height              : 38px;
  width               : 138px;
  position            : absolute;
  margin              : 0;
  left                : 15px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .headerdark .headerdark1 .getintouch {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : auto;
  -ms-transform       : rotate(-360deg); /* IE 9 */
  -webkit-transform   : rotate(-360deg); /* Chrome, Safari, Opera */
  transform           : rotate(-360deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 24.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 30.0px;
  right: 100px;
}
#work-page .headerdark .headerdark1 .menuicon {
  background-color    : rgba(255,255,255,0.0);
  top                 : 4px;
  height              : 24px;
  width               : 40px;
  position            : absolute;
  margin              : 0;
  left                : auto;
  right: 15px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .headerdark .headerdark1 .menuicon .line {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 3px;
  width               : 40px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .headerdark .headerdark1 .menuicon .linecopy2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 10px;
  height              : 3px;
  width               : 40px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .headerdark .headerdark1 .menuicon .linecopy3 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 21px;
  height              : 3px;
  width               : 40px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group {
  background-color    : rgba(255,255,255,0.0);
  top                 : 3170px;
  height              : 890px;
  width               : 1440px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .rectangle1 {
  background-color    : rgba(243, 243, 243, 1.0);
  top                 : 0px;
  height              : 890px;
  width               : 1440px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .someofourpartners {
  background-color    : rgba(255,255,255,0.0);
  top                 : 123px;
  height              : auto;
  width               : 470px;
  position            : absolute;
  margin              : 0;
  left                : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 32.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 38.0px;
}
#work-page .group .clients {
  background-color    : rgba(255,255,255,0.0);
  top                 : 240px;
  height              : 340px;
  width               : 980px;
  position            : absolute;
  margin              : 0;
  left                : 100px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 340px;
  width               : 980px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos06 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos07 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 200px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos30 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 120px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos12 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 120px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 200px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos21 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 120px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 400px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos13 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 120px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 600px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos29 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 120px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 800px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos14 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 240px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos25 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 240px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 200px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos15 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 240px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 400px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos27 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 240px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 600px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .group .clients .logos .hybridcowebsiteclientslogos20 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 240px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 800px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .hybridcowebsiteclientslogos31 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 3410px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 630px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .hybridcowebsiteclientslogos08 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 3410px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 830px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .hybridcowebsiteclientslogos09 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 3410px;
  height              : 99px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 1030px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .rectangle {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 365px;
  width               : 1440px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 552px;
  height              : 397px;
  width               : 1210px;
  position            : absolute;
  margin              : 0;
  left                : 100px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy1 .text {
  background-color    : rgba(255,255,255,0.0);
  top                 : 28px;
  height              : 341px;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy1 .text .beyourbestself {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 40.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 46.0px;
}
#work-page .casestudy1 .text .contentcreative {
  background-color    : rgba(255,255,255,0.0);
  top                 : 319px;
  height              : 22px;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Medium", Helvetica, Arial, serif;
  font-size           : 16.0px;
  color               : rgba(150, 150, 150, 1.0);
  text-align          : left;
  letter-spacing      : 2.2px;
  line-height         : 22.0px;
}
#work-page .casestudy1 .text .backedbyonthegro {
  background-color    : rgba(255,255,255,0.0);
  top                 : 156px;
  height              : auto;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 24.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 30.0px;
}
#work-page .casestudy1 .screenshot20190905at141137 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 397px;
  width               : 710px;
  position            : absolute;
  margin              : 0;
  left                : 500px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1856px;
  height              : 426px;
  width               : 1210px;
  position            : absolute;
  margin              : 0;
  left                : 100px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy2 .text {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 426px;
  width               : 1210px;
  position            : relative;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy2 .text .beyourbestself {
  background-color    : rgba(255,255,255,0.0);
  top                 : 67px;
  height              : auto;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 40.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 46.0px;
}
#work-page .casestudy2 .text .contentcreative {
  background-color    : rgba(255,255,255,0.0);
  top                 : 337px;
  height              : 22px;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Medium", Helvetica, Arial, serif;
  font-size           : 16.0px;
  color               : rgba(150, 150, 150, 1.0);
  text-align          : left;
  letter-spacing      : 2.2px;
  line-height         : 22.0px;
}
#work-page .casestudy2 .text .backedbyonthegro {
  background-color    : rgba(255,255,255,0.0);
  top                 : 174px;
  height              : auto;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 24.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 30.0px;
}
#work-page .casestudy2 .text .placeholderimage {
  background-color    : rgba(255,255,255,0.0);
  top                 : -1px;
  height              : 426px;
  width               : 710px;
  position            : absolute;
  margin              : 0;
  left                : 500px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy2 .text .placeholderimage .placeholderimage1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 426px;
  width               : 710px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy2 .text .placeholderimage .placeholderimage1 .rectangle1 {
  background-color    : rgba(215, 215, 215, 1.0);
  top                 : 2px;
  height              : 424px;
  width               : 708px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy2 .text .placeholderimage .placeholderimage1 .line {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 427px;
  width               : 709px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy2 .text .placeholderimage .placeholderimage1 .linecopy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 427px;
  width               : 709px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy2 .text .placeholderimage .label {
  background-color    : rgba(255,255,255,0.0);
  top                 : 202px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 323px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Gotham-Medium", Helvetica, Arial, serif;
  font-size           : 20.0px;
  color               : rgba(163, 163, 163, 1.0);
  text-align          : center;
  line-height         : 24.0px;
}
#work-page .casestudy3 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1197px;
  height              : 426px;
  width               : 1210px;
  position            : absolute;
  margin              : 0;
  left                : -100px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy3 .text {
  background-color    : rgba(255,255,255,0.0);
  top                 : 67px;
  height              : 292px;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 830px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy3 .text .beyourbestself {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 40.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 46.0px;
}
#work-page .casestudy3 .text .contentcreative {
  background-color    : rgba(255,255,255,0.0);
  top                 : 270px;
  height              : 22px;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Medium", Helvetica, Arial, serif;
  font-size           : 16.0px;
  color               : rgba(150, 150, 150, 1.0);
  text-align          : left;
  letter-spacing      : 2.2px;
  line-height         : 22.0px;
}
#work-page .casestudy3 .text .backedbyonthegro {
  background-color    : rgba(255,255,255,0.0);
  top                 : 107px;
  height              : auto;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 24.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 30.0px;
}
#work-page .casestudy3 .placeholderimage {
  background-color    : rgba(255,255,255,0.0);
  top                 : -1px;
  height              : 426px;
  width               : 710px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy3 .placeholderimage .placeholderimage1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 426px;
  width               : 710px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy3 .placeholderimage .placeholderimage1 .rectangle1 {
  background-color    : rgba(215, 215, 215, 1.0);
  top                 : 2px;
  height              : 424px;
  width               : 708px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy3 .placeholderimage .placeholderimage1 .line {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 427px;
  width               : 709px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy3 .placeholderimage .placeholderimage1 .linecopy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 427px;
  width               : 709px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy3 .placeholderimage .label {
  background-color    : rgba(255,255,255,0.0);
  top                 : 202px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 323px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Gotham-Medium", Helvetica, Arial, serif;
  font-size           : 20.0px;
  color               : rgba(163, 163, 163, 1.0);
  text-align          : center;
  line-height         : 24.0px;
}
#work-page .casestudy4 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 2515px;
  height              : 426px;
  width               : 1210px;
  position            : absolute;
  margin              : 0;
  left                : -100px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy4 .text {
  background-color    : rgba(255,255,255,0.0);
  top                 : 67px;
  height              : 292px;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 830px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy4 .text .beyourbestself {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 40.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 46.0px;
}
#work-page .casestudy4 .text .contentcreative {
  background-color    : rgba(255,255,255,0.0);
  top                 : 270px;
  height              : 22px;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Medium", Helvetica, Arial, serif;
  font-size           : 16.0px;
  color               : rgba(150, 150, 150, 1.0);
  text-align          : left;
  letter-spacing      : 2.2px;
  line-height         : 22.0px;
}
#work-page .casestudy4 .text .backedbyonthegro {
  background-color    : rgba(255,255,255,0.0);
  top                 : 107px;
  height              : auto;
  width               : 380px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 24.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 30.0px;
}
#work-page .casestudy4 .placeholderimage {
  background-color    : rgba(255,255,255,0.0);
  top                 : -1px;
  height              : 426px;
  width               : 710px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy4 .placeholderimage .placeholderimage1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 426px;
  width               : 710px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy4 .placeholderimage .placeholderimage1 .rectangle1 {
  background-color    : rgba(215, 215, 215, 1.0);
  top                 : 2px;
  height              : 424px;
  width               : 708px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy4 .placeholderimage .placeholderimage1 .line {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 427px;
  width               : 709px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy4 .placeholderimage .placeholderimage1 .linecopy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 427px;
  width               : 709px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .casestudy4 .placeholderimage .label {
  background-color    : rgba(255,255,255,0.0);
  top                 : 202px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 320px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Gotham-Medium", Helvetica, Arial, serif;
  font-size           : 20.0px;
  color               : rgba(163, 163, 163, 1.0);
  text-align          : center;
  line-height         : 24.0px;
}
#work-page .ourclientsarethe {
  background-color    : rgba(255,255,255,0.0);
  top                 : 167px;
  height              : 240px;
  width               : 891px;
  position            : absolute;
  margin              : 0;
  left                : 230px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "EksellDisplay-Large", Helvetica, Arial, serif;
  font-size           : 50.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 60.0px;
}
#work-page .workwithus {
  background-color    : rgba(255,255,255,0.0);
  top                 : 3939px;
  height              : 242px;
  width               : 1355px;
  position            : absolute;
  margin              : 0;
  left                : 42px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .workwithus .workwithus1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : -10px;
  height              : 220px;
  width               : 1200px;
  position            : absolute;
  margin              : 0;
  left                : -1px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "EksellDisplay-Large", Helvetica, Arial, serif;
  font-size           : 220.0px;
  color               : rgba(221, 221, 221, 1.0);
  text-align          : center;
  line-height         : 60.0px;
}
#work-page .workwithus .linkwhitecopy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 212px;
  height              : 30px;
  width               : 281px;
  position            : absolute;
  margin              : 0;
  left                : 1000px;
  overflow            : hidden;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .workwithus .linkwhitecopy .background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 30px;
  width               : 281px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .workwithus .linkwhitecopy .linkwhite {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 30px;
  width               : 125px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  display: contents;
}
#work-page .workwithus .linkwhitecopy .linkwhite .link {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 11px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 24.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 30.0px;
}
#work-page .workwithus .linkwhitecopy .linkwhite .label1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 24.0px;
  color               : rgba(255, 23, 68, 1.0);
  text-align          : left;
  line-height         : 30.0px;
}
#work-page .footer {
  background-color    : rgba(255,255,255,0.0);
  top                 : 4290px;
  height              : 650px;
  width               : 1440px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  overflow            : hidden;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 650px;
  width               : 1440px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 2px;
  height              : 650px;
  width               : 1440px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .rectanglecopy {
  background-color    : rgba(6, 6, 8, 1.0);
  top                 : -2px;
  height              : 650px;
  width               : 1440px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .links {
  background-color    : rgba(255,255,255,0.0);
  top                 : 96px;
  height              : 481px;
  width               : 1180px;
  position            : absolute;
  margin              : 0;
  left                : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .links .logos {
  background-color    : rgba(255,255,255,0.0);
  top                 : 444px;
  height              : 37px;
  width               : 580px;
  position            : absolute;
  margin              : 0;
  left                : 600px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  opacity             : 0.56;
}
#work-page .footer .footer1 .links .logos .u2blogorgbwhite {
  background-color    : rgba(255,255,255,0.0);
  top                 : 5px;
  height              : 26px;
  width               : 58px;
  position            : absolute;
  margin              : 0;
  left                : 260px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .links .logos .studyinternationalnewlogofinalwhite {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 37px;
  width               : 223px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .links .logos .techwireasialogorgbwhite {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 37px;
  width               : 111px;
  position            : absolute;
  margin              : 0;
  left                : 355px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .links .logos .techhqlogorgbwhite {
  background-color    : rgba(255,255,255,0.0);
  top                 : 3px;
  height              : 31px;
  width               : 77px;
  position            : absolute;
  margin              : 0;
  left                : 503px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .links .a2512019copyrighthybr {
  background-color    : rgba(255,255,255,0.0);
  top                 : 451px;
  height              : auto;
  width               : 213px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 22.0px;
}
#work-page .footer .footer1 .links .links1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 249px;
  width               : 59px;
  position            : absolute;
  margin              : 0;
  left                : 740px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .links .links1 .aboutbrandsservice {
  background-color    : rgba(255,255,255,0.0);
  top                 : 35px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 22.0px;
}
#work-page .footer .footer1 .links .links1 .menu {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  display:				contents;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Medium", Helvetica, Arial, serif;
  font-size           : 16.0px;
  color               : rgba(150, 150, 150, 1.0);
  text-align          : left;
  letter-spacing      : 2.2px;
  line-height         : 22.0px;
}
#work-page .footer .footer1 .links .links2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 147px;
  width               : 162px;
  position            : absolute;
  margin              : 0;
  left                : 859px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .links .links2 .brands {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Medium", Helvetica, Arial, serif;
  font-size           : 16.0px;
  color               : rgba(150, 150, 150, 1.0);
  text-align          : left;
  letter-spacing      : 2.2px;
  line-height         : 22.0px;
}
#work-page .footer .footer1 .links .links2 .studyinternationalc {
  background-color    : rgba(255,255,255,0.0);
  top                 : 35px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 22.0px;
}
#work-page .footer .footer1 .links .links2copy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 54px;
  width               : 98px;
  position            : absolute;
  margin              : 0;
  left                : 1082px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .links .links2copy1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 103px;
  height              : 89px;
  width               : 55px;
  position            : absolute;
  margin              : 0;
  left                : 1081px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .links .links2copy1 .legal {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Medium", Helvetica, Arial, serif;
  font-size           : 16.0px;
  color               : rgba(150, 150, 150, 1.0);
  text-align          : left;
  letter-spacing      : 2.2px;
  line-height         : 22.0px;
}
#work-page .footer .footer1 .links .links2copy1 .termsprivacy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 35px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 22.0px;
}
#work-page .footer .footer1 .hour {
  background-color    : rgba(255,255,255,0.0);
  top                 : 112px;
  height              : 83px;
  width               : 595px;
  position            : absolute;
  margin              : 0;
  left                : 0;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .hour .time {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 83px;
  width               : 158px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .hour .time .bristoluk {
  background-color    : rgba(255,255,255,0.0);
  top                 : 61px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Medium", Helvetica, Arial, serif;
  font-size           : 16.0px;
  color               : rgba(150, 150, 150, 1.0);
  text-align          : left;
  letter-spacing      : 2.2px;
  line-height         : 22.0px;
}
#work-page .footer .footer1 .hour .time .a1530 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 80.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 46.0px;
}
#work-page .footer .footer1 .hour .timecopy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 83px;
  width               : 173px;
  position            : absolute;
  margin              : 0;
  left                : 200px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .hour .timecopy .kualalumpurmy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 61px;
  height              : 22px;
  width               : 175px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Medium", Helvetica, Arial, serif;
  font-size           : 16.0px;
  color               : rgba(150, 150, 150, 1.0);
  text-align          : left;
  letter-spacing      : 2.2px;
  line-height         : 22.0px;
}
#work-page .footer .footer1 .hour .timecopy .a2230 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 80.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 46.0px;
}
#work-page .footer .footer1 .hour .timecopy2 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 83px;
  width               : 180px;
  position            : absolute;
  margin              : 0;
  left                : 415px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .hour .timecopy2 .sydneyaus {
  background-color    : rgba(255,255,255,0.0);
  top                 : 61px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Medium", Helvetica, Arial, serif;
  font-size           : 16.0px;
  color               : rgba(150, 150, 150, 1.0);
  text-align          : left;
  letter-spacing      : 2.2px;
  line-height         : 22.0px;
}
#work-page .footer .footer1 .hour .timecopy2 .a0030 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 80.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 46.0px;
}
#work-page .footer .footer1 .linkwhite {
  background-color    : rgba(255,255,255,0.0);
  top                 : 262px;
  height              : 30px;
  width               : 281px;
  position            : absolute;
  margin              : 0;
  left                : 0;
  overflow            : hidden;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .linkwhite .background1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 30px;
  width               : 281px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
#work-page .footer .footer1 .linkwhite .linkwhite1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 30px;
  width               : 125px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  display: contents;
}
#work-page .footer .footer1 .linkwhite .linkwhite1 .link {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 11px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 24.0px;
  color               : rgba(255, 255, 255, 1.0);
  text-align          : left;
  line-height         : 30.0px;
}
#work-page .footer .footer1 .linkwhite .linkwhite1 .label1 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Calibre-Regular", Helvetica, Arial, serif;
  font-size           : 24.0px;
  color               : rgba(255, 23, 68, 1.0);
  text-align          : left;
  line-height         : 30.0px;
}
 #work-page  img.myfadeartboard1uogdigital{
	   background-color: rgba(255,255,255,0.0);
		top: 3366px;
		height: 629px;
		width: 1201px;
		position: absolute;
		margin: 0;
		left: -6px;
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
  opacity             : 0;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 normal forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 normal forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
  opacity             : 1;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay  : 0;
  animation-delay     : 0;
}
@-webkit-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-moz-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-o-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
.anima-valign-text-middle {
  display             : flex;
  flex-direction      : column;
  justify-content     : center;
}
/*extra styles*/
#work-page .footer,
#work-page .footer .background,
#work-page .footer .footer1,
#work-page .footer .footer1 .rectanglecopy {
  width: 100%;
}

#work-page .workwithus {
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 1200px;
}

#work-page .headerdark,
#work-page .headerdark .background,
#work-page .headerdark .headerdark1,
#work-page .ourclientsarethe {
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}

#work-page .ourclientsarethe {
  left: -100px;
}

#work-page video.glo-hero-video {
  position: relative;
  left: 500px;
}

#work-page .containerCenterFooter {
    position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}
#work-page .group,
#work-page .group .rectangle1 {
  width: 100%;
}

 #work-page .hybridcowebsiteclientslogos31 {
  left: 400px;
  top: 0;
  }

  #work-page .hybridcowebsiteclientslogos08 {
    top: 0;
    left: 600px;
  }
  #work-page .hybridcowebsiteclientslogos09 {
    top: 0;
    left: 800px;
  }
/*
@media (min-width: 1201px) {
 #work-page .hybridcowebsiteclientslogos3 {
  border-left-width: 400px;
  top: 0;
  }

  #work-page .hybridcowebsiteclientslogos08 {
    top: 0;
    left: 600px;
  }
  #work-page .hybridcowebsiteclientslogos09 {
    top: 0;
    left: 800px;
  }
}*/