/* APP DEVELOPMENT */
.menu-app-development header{ overflow:hidden; height:800px; padding-top:80px; text-align:center;
      background-image: linear-gradient(0deg, #d94f5c 0px, #d94f5c 7%, #891721 80%, #891721 95%, #891721 67%, #891721 75%, #6e0d16 86%, #6e0d16 98%, #6e0d16 100%);
}
.menu-app-development .popContainer { z-index: 3;  }

/* WEB DEVELOPMENT DEVELOPMENT */

.menu-web-development header {
    background-image: linear-gradient(135deg, #000000 0px, #040007 7%, #180d1f 40%, #24132f 53%, #361648 67%, #3c174f 75%, #48195d 86%, #53206f 98%, #53206f 100%);
 }

@media all and (max-width: 700px)  {

  .headerContainer { text-align:center!important; display:flex; justify-content: center; align-items: center; flex-direction: column;}
  .headerContainer h1 { text-align:center!important; }
  .headerContainer .smallLine  { text-align:Center!important; margin:0 auto!important;   }
}







.menu-software-development header { overflow:hidden; height:600px;  text-align:center;
      background-image: linear-gradient(0deg, #1d1649 0px, #1d1649 7%, #1d1649 40%, #1d1649 53%, #361648 67%, #3c174f 75%, #48195d 86%, #53206f 98%, #53206f 100%);

    backgrou nd: url("/images/engage/assets/about2.jpg")no-repeat center center;
    -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
  padding-top:100px;
 }
.menu-software-development .headerContainer h3 { font-weight:300; padding-bottom:10px!important;}
#whatWrapper { margin-top:-20px!important;  }




.menu-ui-ux header {  background:#111; overflow:hidden;
  background-image: linear-gradient(135deg, #09335b 0px, #09335b 7%, #09335b 40%, #09335b 53%, #042a4e 67%, #042a4e 75%, #042a4e 86%, #042a4e 98%, #042a4e 100%);
}
.menu-ui-ux .popContainer { z-index: 1; margin-top:300px;}




.menu-web-development #introWrapper .section-1,
.menu-app-development #introWrapper .section-1,
.menu-software-development #introWrapper .section-1,
.menu-ui-ux #introWrapper .section-1   {
 	background:#fff;
}
.menu-web-development .site-wrapper,
.menu-app-development .site-wrapper,
.menu-software-development .site-wrapper,
.menu-ui-ux .site-wrapper {
 background:#fff;
}

.menu-web-development #testimonialContainer,
.menu-app-development #testimonialContainer,
.menu-software-development #testimonialContainer,
.menu-ui-ux  #testimonialContainer {
  padding-top:220px;
}



/* ######## SERVICES HEADER  ##########
 															########## */

.menu-web-development .header-wrapper ,
.menu-app-development .header-wrapper ,
.menu-software-development .header-wrapper ,
.menu-ui-ux  .header-wrapper   {
    background:#C9545E url('https://static.pexels.com/photos/38544/imac-apple-mockup-app-38544.jpeg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.menu-web-development .header-wrapper:before ,
.menu-app-development .header-wrapper:before,
.menu-software-development .header-wrapper:before ,
.menu-ui-ux  .header-wrapper:before  {
 	position:absolute;
  content:'';
  top:0; right:0; bottom:0; left:0;
  background:rgba(201,84,94,0.96);
  z-index:-1;
}
.menu-web-development .mainHeader ,
.menu-app-development .mainHeader  ,
.menu-software-development .mainHeader ,
.menu-ui-ux  .mainHeader   {
  height:750px;
 	padding-bottom:350px;
  text-align:center;
}
.serviceHeader h1 {
  font-size:70px;
  font-family: 'Heebo', sans-serif;
  margin-bottom:10px;
}
.serviceHeader h3 {
  font-size:22px;
  line-height:1.5em;
  margin-bottom:10px;
  color:#fff
}

@media all and (max-width: 720px)  {

  .menu-web-development .mainHeader ,
  .menu-app-development .mainHeader  ,
  .menu-software-development .mainHeader ,
  .menu-ui-ux  .mainHeader  {
    height:550px;
    padding-top:80px;
    padding-bottom:350px;
    padding-left:30px;
    padding-right:30px;
  }
  .serviceHeader h1 {
  	font-size:3rem;
  }
  .serviceHeader h3 {
  	font-size:1.8rem;
  }

  .headerContainer h1 { font-size:2rem!important;}
  .headerContainer h3 { font-size:1.3rem!important;}
  .popContainer img { max-width:200px;}

}









/* ##########  SERVICE INTRO ########## */
#serviceIntro {
 	max-width:800px;
  margin:0 auto;
  padding:80px 0px 80px 0px;
  text-align:center;
}

#serviceIntro h2 {
  font-size:40px;
  margin-bottom:30px;
}

#serviceIntro p {
 	font-size:17px;
  font-weight:300;
  line-height:1.8em;
}

@media all and (max-width: 782px)  {
  #serviceIntro {
    padding:80px 30px 80px 30px!important;
  }
}
@media all and (max-width: 500px)  {
  #serviceIntro h2 {
  	font-size:2rem;
  }
  #serviceIntro p {
 		font-size:1.1rem;
  }
}

/* ##########  WHY SECTION ########## */
.moduleid-128.mod-container.clearfix > div.mod-inner   {
  margin:0px;
  padding:0px;
}
.serviceImage {
  height:500px;
}
.serviceExplainWrapper   {
  background:#fff;
  padding:0px 0px 70px 0px;
  position:relative;
}
.servic eWhyWrapper:after {
 	position:absolute;
  content:'';
  top:0; right:0; bottom:0; left:0;
  background:rgba(250,250,250,0.76);
 }
.serviceExplainWrapper img { max-width:600px;}

.serviceExplainContainer {
  max-width:1000px;
  margin:0 auto;
  position:relative;
  z-index:1;
  text-align:Center;
}
.serviceExplainText {
  padding-left:100px;
}
.serviceExplainHeading h2 {
  font-size:120px;
  margin:0px;
  font-family: 'Heebo', sans-serif;
  text-transform:uppercase;
  color:#CA5862;
}
.serviceExplainHeading h3 {
  text-ali gn:center;
  font-size:17px;
  line-height:1.2em;
}
.serviceExplainText > h3 {
  font-family:'Montserrat',sans-serif;
  text-align:left;
  color:#CA5862;
  font-size:22px;
}
.serviceExplainContainer p {
  font-size:15px;
  line-height:1.8em;
  text-align:left;
  font-weight:300;
}
@media all and (max-width: 991px)  {
  .serviceExplainContainer {
   	padding:0px 30px;
  }
  .serviceExplainText{
    margin-top:30px;
    padding-left:20px;
    padding-right:20px;
  }
  .serviceImage { height:300px; }
}
@media all and (max-width: 640px)  {
  .serviceExplainContainer  {
   	padding:0px;
    margin:0px;
  }
  .serviceExplainWrapper  {
   	padding:20px 30px!important;
  }
  .serviceExplainWrapper img {
    max-width:100%;
  }
  .serviceExplainBox > div.inner {
   	padding:30px!important;
  }

}





/* ##########  Middle Picture ########## */
.serviceBoxContainer {
 	max-width:1000px;
  margin:0 auto;
}
.serviceExplainBox > div.inner {
  background:#fff;
  z-index:2;
  position:relative;
 	padding:50px 50px 50px 50px;
  min-height:340px;
  box-shadow:0px 0px 10px rgba(50,50,50,0.2);
}
.serviceBoxImage {
  max-width:800px;
  margin:0 auto;
}
.serviceBoxContainer.bottom   {
 	padding-bottom:150px;
}
.serviceBoxContainer.top .left > div.inner {
  margin-bottom:-280px;
}
.serviceBoxContainer.bottom .right > div.inner {
  margin-top:-250px;
}
.serviceBoxContainer h3 {
  text-align:left;
  font-size:17px;
  line-height:1.4em;
  font-family:'Montserrat',sans-serif;
}
.serviceBoxContainer .smallerLine {
  background:#80EFCE;
  height: 4px;
  width: 100px;
  display: block;
  margin-top: 15px;
  margin-bottom:10px;
}
.serviceBoxContainer p {
  font-size:15px;
  line-height:1.6em;
  text-align:left;
  font-weight:300;
}

@media all and (max-width: 768px)  {
  .serviceExplainBox > div.inner {
    margin:10px 30px;
    min-height:auto;
  }
  .serviceBoxContainer.top .left > div.inner {
    margin-bottom:-50px;
  }
  .serviceBoxContainer.bottom .right > div.inner {
    margin-top:-50px;
  }
}



/* ##########  Bullet Box ########## */

.serviceBulletContainer {
 	max-width:1000px;
  padding-bottom:80px;
  margin:0 auto;
}
.serviceBulletWrapper {
 	padding-top:80px;
  padding-bottom:50px;
}

.bulletHeader {
 	max-width:800px;
  margin:0 auto;
  text-align:center;
  padding-bottom:50px;
}
.bulletHeader h3 {
  font-size:50px;
  color:#222651;
  font-family:'Montserrat',sans-serif;
}
.bulletHeader h5 {
  padding:0px 80px;
  font-size:18px;
  line-height:1.6em;
  margin-bottom:20px;
}

.serviceBulletContainer .row {
  display: flex;
  flex-wrap: wrap;
  align-items:center;
}
.aBullet {
  min-width:50%;
  padding:0px 40px;
}
.aBullet > img {
  text-align:center;
	max-width:100px;
  margin-bottom:20px;
  padding-bottom:100px;
  margin-right:40px;
  float:left;
}
.aBullet h3 {
 	font-size:16px;
  color:#222651;
  font-family:'Montserrat',sans-serif;
}
.aBullet p {
  font-size:15px;
  line-height:1.6em;
  font-weight:300;
}

@media all and (max-width: 550px)  {
  .bulletHeader h3 { padding: 0px 20px; font-size:2rem;}
  .bulletHeader h5 { font-size:1rem; }
}
@media all and (max-width: 450px)  {
  .aBullet > img {
   	max-width:50px;
    margin-right:20px;
    padding-bottom:150px;
  }
}




/* Other Header */
.serviceBlockHeader {
 	margin-bottom:50px;
}
.serviceBlockHeader > h2 {
 	font-size:40px;
  font-family: 'Heebo', sans-serif;
  text-transform:uppercase;
  color:#CA5862;
}
.serviceBlockHeader > h3 {
 	font-size:30px;
  text-transform:uppercase;
}





/* ##########  SERVICES INCLUDE - SERVICE ROWS SECTION ########## */

.serviceDetails {
  padding:100px 0px 100px 0px;
  border-top:10px #E26872 solid;
  background:#D94F5C;
}
#servicesInclude {
  max-width:1000px;
  margin:0 auto;
}
#servicesInclude h3 {
  font-size:40px;
  line-height:1.3em;
  color:#ddd;
  font-weight:300;
  letter-spacing:2px;
  text-transform:uppercase;
  font-f amily: 'Heebo', sans-serif;
}
#servicesInclude ul {
  list-style-type:none;
  color:#fff;
  padding-top:10px;
  padding-left:100px;
}
#servicesInclude li {
  margin-bottom:15px;
  font-weight:300;
  font-family:'Montserrat',sans-serif;
  font-size:18px;
}


@media all and (max-width: 991px)  {
   .serviceDetails {
    padding:50px 30px 50px 30px;
   }
  #servicesInclude ul {
   	padding-left:0px;
  }
}

@media all and (max-width: 450px)  {
  #servicesInclude li {
  	margin-bottom:15px;
    min-height:40px;
	}
}


/* ##########  SERVICES INCLUDE - SERVICE ROWS SECTION ########## */

.section-wrapper-what > section   {
  margin:0px;
  padding:0px;
}
.serviceRowContainer {
  padding:160px 0px 160px 0px;
  position:Relative;
}

.textBox .innerText {
  padding-right:150px;
  margin-top:0px!important;

}
.textBox.right .innerText {
  float:right;
  padding-right:0px;
  padding-left:150px;
  border-right:0px;
}
.textBox h2 {
 	font-family: "Montserrat",sans-serif;
  font-size:42px;
  line-height:1.3em;
  font-weight:900;
  margin-top:20px;
  margin-bottom:30px;
  padding:0px;
}
.textBox h6 span {
    font-size:13px;
    background: #D94F5C;
    font-family:'Montserrat',sans-serif;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    font-weight: 300;
}
.textBox p {
  font-size: 16px;
  letter-spacing:0.5px;
  font-weight: 300;
  line-height: 1.8em;
}
.textBox .smallerLine {
	background: #aaa;
  height: 4px;
  width: 40px;
  display: block;
  margin-top:20px;
  margin-bottom: 30px;
  display:none;
}
.serviceRow { z-index: 22; position:relative;}
.hiddenText {
  position:absolute; z-index:0;
  top:50%;
  margin-top:-250px;
}
.hiddenText h3 {
  color:#222730;
  font-size:600px;
  font-family: 'Heebo', sans-serif;
  animation-name: ticker;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 155s;
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);

    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}
@keyframes ticker-reverse {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);

    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
}


.innerText > p.serviceQuote {
  margin-top:20px;
  color:#aaa!important;
  font-size:12px;
  font-style: italic;
}
.imageBox.right > img {
  float:right;
}
.imageBox.left > img {
  float:left;
}

body.servicePage .mod-inner  {
  margin:0px!important;
}

/* SERVICE ROWS */
.serviceRowContainer { overflow:hidden;}
.serviceRowContainer.light { background:#fafafa; }
.serviceRowContainer.dark {   background:#1E222B; }
.serviceRowContainer.dark h2 { color:#fff; }
.serviceRowContainer.dark .innerText p { color:#fff;}
.serviceRowContainer.light .hiddenText h3 {
  color:#f1f1f1;
  animation-name: ticker-reverse;
}
.serviceRow {
  max-width:1000px;
  margin:0 auto!important;
  background:none!important;
  padding:0px 0px;
}
.imageBox {  padding: 0px; }
.imageBox img {  max-height: 250px;  }

/*
.section-wrapper-9   {
  padding:100px 0px;
  background: url("../../../images/bgdark.jpg") no-repeat center center;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
}
.centeredHeadline  {
  max-width:800px;
  margin:0 auto;
  text-align:center;
}
.centeredHeadline > h1 {
  color:#1695A4;
  font-weight:900;
}
.centeredHeadline > h3 {
  color:#fff;
  font-size:20px;
  font-weight:300;
}
.centeredHeadline a {
  border:1px #fff solid;
  border-radius:5px;
  color:#fff;
  padding:5px 10px;
  margin-top:20px;
  display:inline-block;
}
*/

@media all and (max-width: 1000px)  {

   .serviceRowContainer {
    padding:120px 40px 120px 40px!important;
  }
}

@media all and (max-width: 900px)  {
 	.textBox .innerText {
    padding-right:50px;
  }
  .textBox.right .innerText {
    padding-left:50px;
   }

}
@media all and (max-width: 767px)  {
  .serviceRowContainer {
    padding:120px 30px 120px 30px;
  }
  .imageBox > img {
   	display:none;
  }
  .textBox { width:100%; }
  .textBox .innerText {
    padding-right:0px;
   }
  .textBox.right .innerText {
    padding-left:0px;
  }
  .textBox h2 {
    padding-right: 0px;
  }
}


/*Talk More */
#clientsWrapper {
  margin-top:20px;
  margin-bot tom:-25px;
}

.centerbox { box-s hadow: 0px 0px 60px rgb(0,0,0,0.1); margin-t op:-60px!important;}





/************************
APP DEVELOPMENT
*************************/
/*Header*/
.menu-app-development div.header-wrapper  {
    background:#C9545E url('https://static.pexels.com/photos/38544/imac-apple-mockup-app-38544.jpeg') no-repeat center center;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.menu-app-development .header-wrapper:before {
  background:rgba(201,84,94,0.96); z-index:-1;
}

.popContainer {
  max-width:1200px;
  margin:0 auto;
  position:Relative;
}
.popElement {
  position:absolute;
  z-index:-1;
  box-shadow:0px 25px 25px rgba(0,0,0,0.4);
  -webkit-transition: 500ms ease all;
   -moz-transition: 500ms ease all;
   -o-transition: 500ms ease all;
   transition: 500ms ease all;
}
.popElement.left {
  max-width:250px;
  bottom:-270px;
  left:250px;
  transform: rotate(-15deg);
}
.popElement.middle {
  max-width:270px;
  bottom:-200px;
  left:50%;
  margin-left:-130px;
}
.popElement.right {
  max-width:250px;
  bottom:-100px;
  right:240px;
  transform: rotate(15deg);
}

/* Intro */
.menu-app-development #serviceIntro  {
 	padding:120px 0px;
}
.menu-app-development .serviceExplainWrapper {
 	background:none;
  color:#fff;
}
.menu-app-development .serviceExplainContainer  h2 {
  color:#f1f1f1;
  font-size:360px;
  position:absolute;
 }
.menu-app-development .serviceExplainHeading > h3 {
   display:none;
 }
.menu-app-development .serviceExplainText h3 {
 	font-size:32px;
  margin-bottom:20px;
  color:#D94F5C;
}
.menu-app-development .serviceExplainText p {
 	font-weight:300;
  font-size:15px;
  line-height:1.6em;
  letter-spacing:0.5px;
  color:#111;
}
/* Bottom intro */
.appbackgroundimage {
  padding:90px 0px;
   background:#fff url('../../../images/services/appserviceimage2.jpg') no-repeat center center;
}
.menu-app-development .serviceBoxImage {
 	height:500px;
}
.menu-app-development .serviceExplainBox small.smallerLine  {
  background:#CA5862!important;
}


#appImage {
   background:#1E222B url('https://static.pexels.com/photos/38544/imac-apple-mockup-app-38544.jpeg') no-repeat center center;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




/************************
UX
*************************/
.menu-ui-ux div.header-wrapper  {
    background:#C9545E url('../../../images/services/uxheader.jpg') no-repeat center center;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.menu-ui-ux .header-wrapper:before {
  background:rgba(4,42,78,0.93);
}

.u xPage .mainHeader  {
  height:650px;
 	padding-bottom:150px;
  text-align:center;
}

.menu-ui-ux .serviceBoxImage {

}

.menu-ui-ux .headerContainer > small.smallLine { background:#5E84A8; }
.menu-ui-ux .serviceDetails { background:#09335B; border-color:#042A4E }
.menu-ui-ux .serviceRowContainer.dark {   background:#042A4E; }
.menu-ui-ux .serviceRowContainer.dark .hiddenText h3 { color:#032647; }
.menu-ui-ux .textBox h6 span { background: #D94F5C; }
.menu-ui-ux .section-clients h1 { color:#123C63!important;}
.menu-ui-ux .testimonial-wrapper    { background:#042A4E;  }


.menu-ui-ux .popContainer {
  max-width:1200px;
  margin:0 auto;
  position:Relative;
}
.menu-ui-ux .popElement {
  position:absolute;
  z-index:-1;
  box-shadow:0px 25px 25px rgba(0,0,0,0);
  -webkit-transition: 500ms ease all;
   -moz-transition: 500ms ease all;
   -o-transition: 500ms ease all;
   transition: 500ms ease all;
}
.menu-ui-ux .popElement.left {
  max-width:260px;
  bottom:-210px;
  left:250px;
  transform: rotate(-15deg);
}
.menu-ui-ux .popElement.middle {
  max-width:280px;
  bottom:-160px;
  left:50%;
  margin-left:-130px;
}
.menu-ui-ux .popElement.right {
  max-width:260px;
  bottom:-180px;
  right:240px;
  transform: rotate(15deg);
}

/* BULLET PART */
.menu-ui-ux .serviceBulletWrapper {
 	border-top:1px #ddd solid;
}
.menu-ui-ux .bulletHeader > h3 {
  color:#1C8AE1;
}
.menu-ui-ux .bulletHeader > img {
  max-width:600px;
}
.menu-ui-ux .aBullet h3 {
  color:#1C8AE1;
}

#uxImage {
  height:670px;
   background:#AFD3D3 url('../../../images/services/uxserviceimage.jpg') no-repeat center center;
}




/************************
WEB DEVELOPMENT
*************************/
.webPage div.header-wrapper  {
    background:#373B63 url('../../../images/services/webheader.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.webPage .header-wrapper:before {
  background:rgba(34,38,83,0.93);
}

.webPage .serviceBulletWrapper {
 	background:#f1f1f1
}
.webPage .bulletHeader > img {
  margin:30px 0px;
}
#webImage {
  display:none;
}


.webPage .headerContainer > small.smallLine { background:#80EFCE; }
.webPage .serviceDetails { background:#1D2249; border-color:#1A1E44 }
.webPage .serviceRowContainer.dark {   background:#222651; }
.webPage .serviceRowContainer.dark .hiddenText h3 { color:#1D2249; }
.webPage .textBox h6 span { color:#fff; }
.webPage .serviceRowContainer.dark small.smallerLine { background:#8FBFBF; }

.webPage .section-clients h1 { color:#343966!important;}
.webPage .testimonial-wrapper    { background:#1D2249;  }







/************************
SOFTWARE DEVELOPMENT
*************************/
.menu-software-development div.header-wrapper  {
    background:#373B63 url('../../../images/services/softwareheader.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.menu-software-development .header-wrapper:before {
  background:rgba(50,54,94,0.80);
  z-index:-1;
}
.menu-software-development .mainHeader  {
  height:500px;
 	padding-bottom:120px;
  text-align:center;
}
.menu-software-development .popContainer {
  display:none;
}
.softwarebackgroundimage {
  padding:0px 0px 150px 0px;
  background:#fff url('../../../images/services/softwareserviceimage3.png') no-repeat center center;
  background-size:700px;
}
.menu-software-development .serviceBoxImage {
  height:500px;
}
.menu-software-development .serviceBoxContainer {
  padding:0px;
}
#softwareImage {
  display:none;
}
.menu-software-development .serviceRowContainer {
 	padding:130px 0px;
}

.menu-software-development .serviceExplainBox small.smallerLine  {  background:#E8CB2C!important;}
.menu-software-development .headerContainer > small.smallLine { background:#E8CB2C; }
.menu-software-development .serviceDetails { background:#1D1649; border-color:#17113F }
.menu-software-development .serviceRowContainer.dark {   background:#eee; }
.menu-software-development .serviceRowContainer.dark h2 { color:#333;}
.menu-software-development .serviceRowContainer.dark p { color:#333; }
.menu-software-development .serviceRowContainer.dark .hiddenText h3 { color:#f1f1f1; }
.menu-software-development  .textBox h6 span { background:#524891;   }

.menu-software-development .section-clients h1 { color:#40367C!important;}
.menu-software-development .testimonial-wrapper    { background:#1D1649;  }









/************************
Game Development
*************************/
.gamePage div.header-wrapper  {
    background:#C9545E url('../../../images/services/gameheader.png') no-repeat center center;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.gamePage .header-wrapper:before {
  background:rgba(4,42,78,0.73);
}

.gamePage  .mainHeader  {
  height:500px;
 	padding-bottom:100px;
  text-align:center;
}

.gamePage .header-wrapper  svg {

}

.gamebackgroundimage  {
      background:#C9545E url('../../../images/services/gameserviceimage.png') no-repeat center center;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.gamePage .serviceExplainBox small.smallerLine  {  background:#E8CB2C!important;}
.gamePage .headerContainer > small.smallLine { background:#E8CB2C; }
.gamePage .serviceDetails { ba ckground:#FFD700; b order-color:#E8CB2C }
.gamePage .serviceRowContainer.dark {   background:#FFD700; }
.gamePage .serviceRowContainer.dark .hiddenText h3 { color:#F9D002; }
.gamePage .textBox h6 span { back ground:#FFD700; }
.gamePage .serviceRowContainer small.smallerLine { display:none; }
.gamePage .section-clients h1 { color:#FFD700!important;}
.gamePage .testimonial-wrapper    { background:#FFD700;  }
.gamePage .innerText > h2 {  	color:#111; }
.gamePage .innerText p { 	color:#111!important; }

.gamePage .popContainer {
  max-width:1200px;
  margin:0 auto;
  position:Relative;
}
.gamePage .popElement {
  position:absolute;
  z-index:-1;
  box-shadow:0px 25px 25px rgba(0,0,0,0);
  -webkit-transition: 500ms ease all;
   -moz-transition: 500ms ease all;
   -o-transition: 500ms ease all;
   transition: 500ms ease all;
}
.gamePage .popElement.left {
  max-width:260px;
  bottom:0px;
  left:20px;
}
.gamePage .popElement.middle {
  max-width:170px;
  bottom:380px;
	right:20px;
  margin:0px;
  left:auto;
}
.gamePage .popElement.right {
  max-width:220px;
  bottom:50px;
  right:0px;
}
.gamePage .popElement.topleft {
  max-width:120px;
  bottom:300px;
  left:-120px;
}
.gamePage .popElement.topright {
  max-width:300px;
  bottom:100px;
  right:-120px;
}
#gameImage {
  padding:80px 0px 80px 0px;
  background:#EAEFF5;
  text-align:center;
  height: auto;
}
.serviceImageText {
  margin: 0px auto;
  max-width: 630px;
}
.serviceImageText > h3 {
	font-family: "Montserrat",sans-serif;
  font-size: 27px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.serviceImageText p {
  color: #333333;
  font-size: 17px;
  font-weight: 300;
	line-height: 1.6em;
}
.platformicons {
  margin-top:5px;
 	max-width:350px;
}