div#jupiterx-primary {
    position: relative;
    z-index: 1;
}
img {
    height: auto !important;
}
.thinking-sec.wind .col-md-8.col-md-offset-2 {
  margin: 0 auto;
}
.thinking-sec.wind p {
  font-size: 22px;
}
ul.edvs li {
  color: #ffffff;
  list-style-type: disclosure-closed;
}
.inner-banner .white-arrow {
  margin-top: 2.125em;
}.proud-result-sec .num-sec
.case-study-sec .list  {
    height:  auto;
    padding-bottom:  3.125em }
.case-study-sec .nav-sec  {
    right:  1.875em;
    top:  1.875em }
.case-study-sec .detail-sec  {
    width:  100%;
    margin-left:  0;
    margin-top:  21.875em;
    text-align:  center;
    padding:  0 1.875em }
.case-study-sec h2  {
    font-size:  3.125em }
.case-study-sec h2 br  {
    display:  none }
.case-study-sec p  {
    padding-left:  0;
    margin-top:  1.25em }
.our-work-sec .tabbing-slider  {
    display:  none }
.project-sec h2  {
    font-size:  3.125em }
.our-work-sec h4  {
    font-size:  1.25em }
.bayswater-caseStudy .mtcenter img.img-responsive,  .sec4img img  {
    left:  0px !important;
    width:  100%;
    height:  auto;
}
.bayswater-caseStudy .head_sec p  {
    padding:  0 0em 0em 0em !important;
}
.bayswater-caseStudy .res_precent  {
    font-size:  2.1em !important;
}
.bayswater-caseStudy .results_section3 .mt p br  {
    display:  none;
}
.bayswater-caseStudy .row.mob-div  {
    display:  flex;
}
.bayswater-caseStudy .proud-result-sec .box  {
    padding:  50px 10px 20px 10px;
}
.bayswater-caseStudy.single-case-studies .qoute-sec  {
    margin-top:  3.375em;
    padding-bottom:  4em;
}
/* .bayswater-caseStudy.single-case-studies .inner-banner  {
    height:  45.6875em;
} */
.bayswater-caseStudy .box p img  {
    width:  100%;
    height:  auto;
}
.bayswater-caseStudy .focp-banner .banner-detail-sec  {
    width:  100% !important;
}
.bayswater-caseStudy .results_section  {
    padding:  45px !important;
    
}
.bayswater-caseStudy .results_section .head_sec h2  {
    padding:  25px 0 5px !important;
}
.bayswater-caseStudy .mt.met  {
    margin-top:  2em !important;
}
.bayswater-caseStudy .results_section .img-responsive  {
    bottom:  0 !important;
}
.bayswater-caseStudy .results_section3 .img-responsive  {
    bottom:  0 !important;
}
.bayswater-caseStudy .results_section.results_section4 .img-responsive  {
    bottom:  -20px !important;
}
}
.animated  {
    -webkit-animation-duration:  1s;
    animation-duration:  1s;
    -webkit-animation-fill-mode:  both;
    animation-fill-mode:  both }
.animated.hinge  {
    -webkit-animation-duration:  2s;
    animation-duration:  2s }
@-webkit-keyframes bounce  {
    0%,  100%,  20%,  50%,  80%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
40%  {
    -webkit-transform:  translateY(-30px);
    transform:  translateY(-30px) }
60%  {
    -webkit-transform:  translateY(-15px);
    transform:  translateY(-15px) }
}@keyframes bounce  {
    0%,  100%,  20%,  50%,  80%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
40%  {
    -webkit-transform:  translateY(-30px);
    -ms-transform:  translateY(-30px);
    transform:  translateY(-30px) }
60%  {
    -webkit-transform:  translateY(-15px);
    -ms-transform:  translateY(-15px);
    transform:  translateY(-15px) }
}.bounce  {
    -webkit-animation-name:  bounce;
    animation-name:  bounce }
@-webkit-keyframes flash  {
    0%,  100%,  50%  {
    opacity:  1 }
25%,  75%  {
    opacity:  0 }
}@keyframes flash  {
    0%,  100%,  50%  {
    opacity:  1 }
25%,  75%  {
    opacity:  0 }
}.flash  {
    -webkit-animation-name:  flash;
    animation-name:  flash }
@-webkit-keyframes pulse  {
    0%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
50%  {
    -webkit-transform:  scale(1.1);
    transform:  scale(1.1) }
100%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
}@keyframes pulse  {
    0%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
50%  {
    -webkit-transform:  scale(1.1);
    -ms-transform:  scale(1.1);
    transform:  scale(1.1) }
100%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
}.pulse  {
    -webkit-animation-name:  pulse;
    animation-name:  pulse }
@-webkit-keyframes rubberBand  {
    0%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
30%  {
    -webkit-transform:  scaleX(1.25) scaleY(.75);
    transform:  scaleX(1.25) scaleY(.75) }
40%  {
    -webkit-transform:  scaleX(.75) scaleY(1.25);
    transform:  scaleX(.75) scaleY(1.25) }
60%  {
    -webkit-transform:  scaleX(1.15) scaleY(.85);
    transform:  scaleX(1.15) scaleY(.85) }
100%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
}@keyframes rubberBand  {
    0%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
30%  {
    -webkit-transform:  scaleX(1.25) scaleY(.75);
    -ms-transform:  scaleX(1.25) scaleY(.75);
    transform:  scaleX(1.25) scaleY(.75) }
40%  {
    -webkit-transform:  scaleX(.75) scaleY(1.25);
    -ms-transform:  scaleX(.75) scaleY(1.25);
    transform:  scaleX(.75) scaleY(1.25) }
60%  {
    -webkit-transform:  scaleX(1.15) scaleY(.85);
    -ms-transform:  scaleX(1.15) scaleY(.85);
    transform:  scaleX(1.15) scaleY(.85) }
100%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
}.rubberBand  {
    -webkit-animation-name:  rubberBand;
    animation-name:  rubberBand }
@-webkit-keyframes shake  {
    0%,  100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
10%,  30%,  50%,  70%,  90%  {
    -webkit-transform:  translateX(-10px);
    transform:  translateX(-10px) }
20%,  40%,  60%,  80%  {
    -webkit-transform:  translateX(10px);
    transform:  translateX(10px) }
}@keyframes shake  {
    0%,  100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
10%,  30%,  50%,  70%,  90%  {
    -webkit-transform:  translateX(-10px);
    -ms-transform:  translateX(-10px);
    transform:  translateX(-10px) }
20%,  40%,  60%,  80%  {
    -webkit-transform:  translateX(10px);
    -ms-transform:  translateX(10px);
    transform:  translateX(10px) }
}.shake  {
    -webkit-animation-name:  shake;
    animation-name:  shake }
@-webkit-keyframes swing  {
    20%  {
    -webkit-transform:  rotate(15deg);
    transform:  rotate(15deg) }
40%  {
    -webkit-transform:  rotate(-10deg);
    transform:  rotate(-10deg) }
60%  {
    -webkit-transform:  rotate(5deg);
    transform:  rotate(5deg) }
80%  {
    -webkit-transform:  rotate(-5deg);
    transform:  rotate(-5deg) }
100%  {
    -webkit-transform:  rotate(0);
    transform:  rotate(0) }
}@keyframes swing  {
    20%  {
    -webkit-transform:  rotate(15deg);
    -ms-transform:  rotate(15deg);
    transform:  rotate(15deg) }
40%  {
    -webkit-transform:  rotate(-10deg);
    -ms-transform:  rotate(-10deg);
    transform:  rotate(-10deg) }
60%  {
    -webkit-transform:  rotate(5deg);
    -ms-transform:  rotate(5deg);
    transform:  rotate(5deg) }
80%  {
    -webkit-transform:  rotate(-5deg);
    -ms-transform:  rotate(-5deg);
    transform:  rotate(-5deg) }
100%  {
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0) }
}.swing  {
    -webkit-transform-origin:  top center;
    -ms-transform-origin:  top center;
    transform-origin:  top center;
    -webkit-animation-name:  swing;
    animation-name:  swing }
@-webkit-keyframes tada  {
    0%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
10%,  20%  {
    -webkit-transform:  scale(.9) rotate(-3deg);
    transform:  scale(.9) rotate(-3deg) }
30%,  50%,  70%,  90%  {
    -webkit-transform:  scale(1.1) rotate(3deg);
    transform:  scale(1.1) rotate(3deg) }
40%,  60%,  80%  {
    -webkit-transform:  scale(1.1) rotate(-3deg);
    transform:  scale(1.1) rotate(-3deg) }
100%  {
    -webkit-transform:  scale(1) rotate(0);
    transform:  scale(1) rotate(0) }
}@keyframes tada  {
    0%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
10%,  20%  {
    -webkit-transform:  scale(.9) rotate(-3deg);
    -ms-transform:  scale(.9) rotate(-3deg);
    transform:  scale(.9) rotate(-3deg) }
30%,  50%,  70%,  90%  {
    -webkit-transform:  scale(1.1) rotate(3deg);
    -ms-transform:  scale(1.1) rotate(3deg);
    transform:  scale(1.1) rotate(3deg) }
40%,  60%,  80%  {
    -webkit-transform:  scale(1.1) rotate(-3deg);
    -ms-transform:  scale(1.1) rotate(-3deg);
    transform:  scale(1.1) rotate(-3deg) }
100%  {
    -webkit-transform:  scale(1) rotate(0);
    -ms-transform:  scale(1) rotate(0);
    transform:  scale(1) rotate(0) }
}.tada  {
    -webkit-animation-name:  tada;
    animation-name:  tada }
@-webkit-keyframes wobble  {
    0%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
15%  {
    -webkit-transform:  translateX(-25%) rotate(-5deg);
    transform:  translateX(-25%) rotate(-5deg) }
30%  {
    -webkit-transform:  translateX(20%) rotate(3deg);
    transform:  translateX(20%) rotate(3deg) }
45%  {
    -webkit-transform:  translateX(-15%) rotate(-3deg);
    transform:  translateX(-15%) rotate(-3deg) }
60%  {
    -webkit-transform:  translateX(10%) rotate(2deg);
    transform:  translateX(10%) rotate(2deg) }
75%  {
    -webkit-transform:  translateX(-5%) rotate(-1deg);
    transform:  translateX(-5%) rotate(-1deg) }
100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes wobble  {
    0%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
15%  {
    -webkit-transform:  translateX(-25%) rotate(-5deg);
    -ms-transform:  translateX(-25%) rotate(-5deg);
    transform:  translateX(-25%) rotate(-5deg) }
30%  {
    -webkit-transform:  translateX(20%) rotate(3deg);
    -ms-transform:  translateX(20%) rotate(3deg);
    transform:  translateX(20%) rotate(3deg) }
45%  {
    -webkit-transform:  translateX(-15%) rotate(-3deg);
    -ms-transform:  translateX(-15%) rotate(-3deg);
    transform:  translateX(-15%) rotate(-3deg) }
60%  {
    -webkit-transform:  translateX(10%) rotate(2deg);
    -ms-transform:  translateX(10%) rotate(2deg);
    transform:  translateX(10%) rotate(2deg) }
75%  {
    -webkit-transform:  translateX(-5%) rotate(-1deg);
    -ms-transform:  translateX(-5%) rotate(-1deg);
    transform:  translateX(-5%) rotate(-1deg) }
100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.wobble  {
    -webkit-animation-name:  wobble;
    animation-name:  wobble }
@-webkit-keyframes bounceIn  {
    0%  {
    opacity:  0;
    -webkit-transform:  scale(.3);
    transform:  scale(.3) }
50%  {
    opacity:  1;
    -webkit-transform:  scale(1.05);
    transform:  scale(1.05) }
70%  {
    -webkit-transform:  scale(.9);
    transform:  scale(.9) }
100%  {
    opacity:  1;
    -webkit-transform:  scale(1);
    transform:  scale(1) }
}@keyframes bounceIn  {
    0%  {
    opacity:  0;
    -webkit-transform:  scale(.3);
    -ms-transform:  scale(.3);
    transform:  scale(.3) }
50%  {
    opacity:  1;
    -webkit-transform:  scale(1.05);
    -ms-transform:  scale(1.05);
    transform:  scale(1.05) }
70%  {
    -webkit-transform:  scale(.9);
    -ms-transform:  scale(.9);
    transform:  scale(.9) }
100%  {
    opacity:  1;
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
}.bounceIn  {
    -webkit-animation-name:  bounceIn;
    animation-name:  bounceIn }
@-webkit-keyframes bounceInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateY(30px);
    transform:  translateY(30px) }
80%  {
    -webkit-transform:  translateY(-10px);
    transform:  translateY(-10px) }
100%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes bounceInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateY(30px);
    -ms-transform:  translateY(30px);
    transform:  translateY(30px) }
80%  {
    -webkit-transform:  translateY(-10px);
    -ms-transform:  translateY(-10px);
    transform:  translateY(-10px) }
100%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.bounceInDown  {
    -webkit-animation-name:  bounceInDown;
    animation-name:  bounceInDown }
@-webkit-keyframes bounceInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateX(30px);
    transform:  translateX(30px) }
80%  {
    -webkit-transform:  translateX(-10px);
    transform:  translateX(-10px) }
100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes bounceInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateX(30px);
    -ms-transform:  translateX(30px);
    transform:  translateX(30px) }
80%  {
    -webkit-transform:  translateX(-10px);
    -ms-transform:  translateX(-10px);
    transform:  translateX(-10px) }
100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.bounceInLeft  {
    -webkit-animation-name:  bounceInLeft;
    animation-name:  bounceInLeft }
@-webkit-keyframes bounceInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateX(-30px);
    transform:  translateX(-30px) }
80%  {
    -webkit-transform:  translateX(10px);
    transform:  translateX(10px) }
100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes bounceInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateX(-30px);
    -ms-transform:  translateX(-30px);
    transform:  translateX(-30px) }
80%  {
    -webkit-transform:  translateX(10px);
    -ms-transform:  translateX(10px);
    transform:  translateX(10px) }
100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.bounceInRight  {
    -webkit-animation-name:  bounceInRight;
    animation-name:  bounceInRight }
@-webkit-keyframes bounceInUp  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    transform:  translateY(2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateY(-30px);
    transform:  translateY(-30px) }
80%  {
    -webkit-transform:  translateY(10px);
    transform:  translateY(10px) }
100%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes bounceInUp  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    -ms-transform:  translateY(2000px);
    transform:  translateY(2000px) }
60%  {
    opacity:  1;
    -webkit-transform:  translateY(-30px);
    -ms-transform:  translateY(-30px);
    transform:  translateY(-30px) }
80%  {
    -webkit-transform:  translateY(10px);
    -ms-transform:  translateY(10px);
    transform:  translateY(10px) }
100%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.bounceInUp  {
    -webkit-animation-name:  bounceInUp;
    animation-name:  bounceInUp }
@-webkit-keyframes bounceOut  {
    0%  {
    -webkit-transform:  scale(1);
    transform:  scale(1) }
25%  {
    -webkit-transform:  scale(.95);
    transform:  scale(.95) }
50%  {
    opacity:  1;
    -webkit-transform:  scale(1.1);
    transform:  scale(1.1) }
100%  {
    opacity:  0;
    -webkit-transform:  scale(.3);
    transform:  scale(.3) }
}@keyframes bounceOut  {
    0%  {
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1) }
25%  {
    -webkit-transform:  scale(.95);
    -ms-transform:  scale(.95);
    transform:  scale(.95) }
50%  {
    opacity:  1;
    -webkit-transform:  scale(1.1);
    -ms-transform:  scale(1.1);
    transform:  scale(1.1) }
100%  {
    opacity:  0;
    -webkit-transform:  scale(.3);
    -ms-transform:  scale(.3);
    transform:  scale(.3) }
}.bounceOut  {
    -webkit-animation-name:  bounceOut;
    animation-name:  bounceOut }
@-webkit-keyframes bounceOutDown  {
    0%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateY(-20px);
    transform:  translateY(-20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    transform:  translateY(2000px) }
}@keyframes bounceOutDown  {
    0%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateY(-20px);
    -ms-transform:  translateY(-20px);
    transform:  translateY(-20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    -ms-transform:  translateY(2000px);
    transform:  translateY(2000px) }
}.bounceOutDown  {
    -webkit-animation-name:  bounceOutDown;
    animation-name:  bounceOutDown }
@-webkit-keyframes bounceOutLeft  {
    0%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateX(20px);
    transform:  translateX(20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}@keyframes bounceOutLeft  {
    0%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateX(20px);
    -ms-transform:  translateX(20px);
    transform:  translateX(20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}.bounceOutLeft  {
    -webkit-animation-name:  bounceOutLeft;
    animation-name:  bounceOutLeft }
@-webkit-keyframes bounceOutRight  {
    0%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateX(-20px);
    transform:  translateX(-20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}@keyframes bounceOutRight  {
    0%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateX(-20px);
    -ms-transform:  translateX(-20px);
    transform:  translateX(-20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}.bounceOutRight  {
    -webkit-animation-name:  bounceOutRight;
    animation-name:  bounceOutRight }
@-webkit-keyframes bounceOutUp  {
    0%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateY(20px);
    transform:  translateY(20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}@keyframes bounceOutUp  {
    0%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
20%  {
    opacity:  1;
    -webkit-transform:  translateY(20px);
    -ms-transform:  translateY(20px);
    transform:  translateY(20px) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}.bounceOutUp  {
    -webkit-animation-name:  bounceOutUp;
    animation-name:  bounceOutUp }
@-webkit-keyframes fadeIn  {
    0%  {
    opacity:  0 }
100%  {
    opacity:  1 }
}@keyframes fadeIn  {
    0%  {
    opacity:  0 }
100%  {
    opacity:  1 }
}.fadeIn  {
    -webkit-animation-name:  fadeIn;
    animation-name:  fadeIn }
@-webkit-keyframes fadeInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-20px);
    transform:  translateY(-20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes fadeInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-20px);
    -ms-transform:  translateY(-20px);
    transform:  translateY(-20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.fadeInDown  {
    -webkit-animation-name:  fadeInDown;
    animation-name:  fadeInDown }
@-webkit-keyframes fadeInDownBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes fadeInDownBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.fadeInDownBig  {
    -webkit-animation-name:  fadeInDownBig;
    animation-name:  fadeInDownBig }
@-webkit-keyframes fadeInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-20px);
    transform:  translateX(-20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes fadeInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-20px);
    -ms-transform:  translateX(-20px);
    transform:  translateX(-20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.fadeInLeft  {
    -webkit-animation-name:  fadeInLeft;
    animation-name:  fadeInLeft }
@-webkit-keyframes fadeInLeftBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes fadeInLeftBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.fadeInLeftBig  {
    -webkit-animation-name:  fadeInLeftBig;
    animation-name:  fadeInLeftBig }
@-webkit-keyframes fadeInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(20px);
    transform:  translateX(20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes fadeInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(20px);
    -ms-transform:  translateX(20px);
    transform:  translateX(20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.fadeInRight  {
    -webkit-animation-name:  fadeInRight;
    animation-name:  fadeInRight }
@-webkit-keyframes fadeInRightBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes fadeInRightBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.fadeInRightBig  {
    -webkit-animation-name:  fadeInRightBig;
    animation-name:  fadeInRightBig }
@-webkit-keyframes fadeInUp  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(20px);
    transform:  translateY(20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes fadeInUp  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(20px);
    -ms-transform:  translateY(20px);
    transform:  translateY(20px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.fadeInUp  {
    -webkit-animation-name:  fadeInUp;
    animation-name:  fadeInUp }
@-webkit-keyframes fadeInUpBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    transform:  translateY(2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes fadeInUpBig  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    -ms-transform:  translateY(2000px);
    transform:  translateY(2000px) }
100%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.fadeInUpBig  {
    -webkit-animation-name:  fadeInUpBig;
    animation-name:  fadeInUpBig }
@-webkit-keyframes fadeOut  {
    0%  {
    opacity:  1 }
100%  {
    opacity:  0 }
}@keyframes fadeOut  {
    0%  {
    opacity:  1 }
100%  {
    opacity:  0 }
}.fadeOut  {
    -webkit-animation-name:  fadeOut;
    animation-name:  fadeOut }
@-webkit-keyframes fadeOutDown  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(20px);
    transform:  translateY(20px) }
}@keyframes fadeOutDown  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(20px);
    -ms-transform:  translateY(20px);
    transform:  translateY(20px) }
}.fadeOutDown  {
    -webkit-animation-name:  fadeOutDown;
    animation-name:  fadeOutDown }
@-webkit-keyframes fadeOutDownBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    transform:  translateY(2000px) }
}@keyframes fadeOutDownBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(2000px);
    -ms-transform:  translateY(2000px);
    transform:  translateY(2000px) }
}.fadeOutDownBig  {
    -webkit-animation-name:  fadeOutDownBig;
    animation-name:  fadeOutDownBig }
@-webkit-keyframes fadeOutLeft  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-20px);
    transform:  translateX(-20px) }
}@keyframes fadeOutLeft  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-20px);
    -ms-transform:  translateX(-20px);
    transform:  translateX(-20px) }
}.fadeOutLeft  {
    -webkit-animation-name:  fadeOutLeft;
    animation-name:  fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}@keyframes fadeOutLeftBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}.fadeOutLeftBig  {
    -webkit-animation-name:  fadeOutLeftBig;
    animation-name:  fadeOutLeftBig }
@-webkit-keyframes fadeOutRight  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(20px);
    transform:  translateX(20px) }
}@keyframes fadeOutRight  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(20px);
    -ms-transform:  translateX(20px);
    transform:  translateX(20px) }
}.fadeOutRight  {
    -webkit-animation-name:  fadeOutRight;
    animation-name:  fadeOutRight }
@-webkit-keyframes fadeOutRightBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}@keyframes fadeOutRightBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}.fadeOutRightBig  {
    -webkit-animation-name:  fadeOutRightBig;
    animation-name:  fadeOutRightBig }
@-webkit-keyframes fadeOutUp  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-20px);
    transform:  translateY(-20px) }
}@keyframes fadeOutUp  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-20px);
    -ms-transform:  translateY(-20px);
    transform:  translateY(-20px) }
}.fadeOutUp  {
    -webkit-animation-name:  fadeOutUp;
    animation-name:  fadeOutUp }
@-webkit-keyframes fadeOutUpBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}@keyframes fadeOutUpBig  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}.fadeOutUpBig  {
    -webkit-animation-name:  fadeOutUpBig;
    animation-name:  fadeOutUpBig }
@-webkit-keyframes flip  {
    0%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform:  perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function:  ease-out;
    animation-timing-function:  ease-out }
40%  {
    -webkit-transform:  perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform:  perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function:  ease-out;
    animation-timing-function:  ease-out }
50%  {
    -webkit-transform:  perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform:  perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
80%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
100%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
}@keyframes flip  {
    0%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform:  perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform:  perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function:  ease-out;
    animation-timing-function:  ease-out }
40%  {
    -webkit-transform:  perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform:  perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform:  perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function:  ease-out;
    animation-timing-function:  ease-out }
50%  {
    -webkit-transform:  perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform:  perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform:  perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
80%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
100%  {
    -webkit-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform:  perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
}.animated.flip  {
    -webkit-backface-visibility:  visible;
    -ms-backface-visibility:  visible;
    backface-visibility:  visible;
    -webkit-animation-name:  flip;
    animation-name:  flip }
@-webkit-keyframes flipInX  {
    0%  {
    -webkit-transform:  perspective(400px) rotateX(90deg);
    transform:  perspective(400px) rotateX(90deg);
    opacity:  0 }
40%  {
    -webkit-transform:  perspective(400px) rotateX(-10deg);
    transform:  perspective(400px) rotateX(-10deg) }
70%  {
    -webkit-transform:  perspective(400px) rotateX(10deg);
    transform:  perspective(400px) rotateX(10deg) }
100%  {
    -webkit-transform:  perspective(400px) rotateX(0);
    transform:  perspective(400px) rotateX(0);
    opacity:  1 }
}@keyframes flipInX  {
    0%  {
    -webkit-transform:  perspective(400px) rotateX(90deg);
    -ms-transform:  perspective(400px) rotateX(90deg);
    transform:  perspective(400px) rotateX(90deg);
    opacity:  0 }
40%  {
    -webkit-transform:  perspective(400px) rotateX(-10deg);
    -ms-transform:  perspective(400px) rotateX(-10deg);
    transform:  perspective(400px) rotateX(-10deg) }
70%  {
    -webkit-transform:  perspective(400px) rotateX(10deg);
    -ms-transform:  perspective(400px) rotateX(10deg);
    transform:  perspective(400px) rotateX(10deg) }
100%  {
    -webkit-transform:  perspective(400px) rotateX(0);
    -ms-transform:  perspective(400px) rotateX(0);
    transform:  perspective(400px) rotateX(0);
    opacity:  1 }
}.flipInX  {
    -webkit-backface-visibility:  visible !important;
    -ms-backface-visibility:  visible !important;
    backface-visibility:  visible !important;
    -webkit-animation-name:  flipInX;
    animation-name:  flipInX }
@-webkit-keyframes flipInY  {
    0%  {
    -webkit-transform:  perspective(400px) rotateY(90deg);
    transform:  perspective(400px) rotateY(90deg);
    opacity:  0 }
40%  {
    -webkit-transform:  perspective(400px) rotateY(-10deg);
    transform:  perspective(400px) rotateY(-10deg) }
70%  {
    -webkit-transform:  perspective(400px) rotateY(10deg);
    transform:  perspective(400px) rotateY(10deg) }
100%  {
    -webkit-transform:  perspective(400px) rotateY(0);
    transform:  perspective(400px) rotateY(0);
    opacity:  1 }
}@keyframes flipInY  {
    0%  {
    -webkit-transform:  perspective(400px) rotateY(90deg);
    -ms-transform:  perspective(400px) rotateY(90deg);
    transform:  perspective(400px) rotateY(90deg);
    opacity:  0 }
40%  {
    -webkit-transform:  perspective(400px) rotateY(-10deg);
    -ms-transform:  perspective(400px) rotateY(-10deg);
    transform:  perspective(400px) rotateY(-10deg) }
70%  {
    -webkit-transform:  perspective(400px) rotateY(10deg);
    -ms-transform:  perspective(400px) rotateY(10deg);
    transform:  perspective(400px) rotateY(10deg) }
100%  {
    -webkit-transform:  perspective(400px) rotateY(0);
    -ms-transform:  perspective(400px) rotateY(0);
    transform:  perspective(400px) rotateY(0);
    opacity:  1 }
}.flipInY  {
    -webkit-backface-visibility:  visible !important;
    -ms-backface-visibility:  visible !important;
    backface-visibility:  visible !important;
    -webkit-animation-name:  flipInY;
    animation-name:  flipInY }
@-webkit-keyframes flipOutX  {
    0%  {
    -webkit-transform:  perspective(400px) rotateX(0);
    transform:  perspective(400px) rotateX(0);
    opacity:  1 }
100%  {
    -webkit-transform:  perspective(400px) rotateX(90deg);
    transform:  perspective(400px) rotateX(90deg);
    opacity:  0 }
}@keyframes flipOutX  {
    0%  {
    -webkit-transform:  perspective(400px) rotateX(0);
    -ms-transform:  perspective(400px) rotateX(0);
    transform:  perspective(400px) rotateX(0);
    opacity:  1 }
100%  {
    -webkit-transform:  perspective(400px) rotateX(90deg);
    -ms-transform:  perspective(400px) rotateX(90deg);
    transform:  perspective(400px) rotateX(90deg);
    opacity:  0 }
}.flipOutX  {
    -webkit-animation-name:  flipOutX;
    animation-name:  flipOutX;
    -webkit-backface-visibility:  visible !important;
    -ms-backface-visibility:  visible !important;
    backface-visibility:  visible !important }
@-webkit-keyframes flipOutY  {
    0%  {
    -webkit-transform:  perspective(400px) rotateY(0);
    transform:  perspective(400px) rotateY(0);
    opacity:  1 }
100%  {
    -webkit-transform:  perspective(400px) rotateY(90deg);
    transform:  perspective(400px) rotateY(90deg);
    opacity:  0 }
}@keyframes flipOutY  {
    0%  {
    -webkit-transform:  perspective(400px) rotateY(0);
    -ms-transform:  perspective(400px) rotateY(0);
    transform:  perspective(400px) rotateY(0);
    opacity:  1 }
100%  {
    -webkit-transform:  perspective(400px) rotateY(90deg);
    -ms-transform:  perspective(400px) rotateY(90deg);
    transform:  perspective(400px) rotateY(90deg);
    opacity:  0 }
}.flipOutY  {
    -webkit-backface-visibility:  visible !important;
    -ms-backface-visibility:  visible !important;
    backface-visibility:  visible !important;
    -webkit-animation-name:  flipOutY;
    animation-name:  flipOutY }
@-webkit-keyframes lightSpeedIn  {
    0%  {
    -webkit-transform:  translateX(100%) skewX(-30deg);
    transform:  translateX(100%) skewX(-30deg);
    opacity:  0 }
60%  {
    -webkit-transform:  translateX(-20%) skewX(30deg);
    transform:  translateX(-20%) skewX(30deg);
    opacity:  1 }
80%  {
    -webkit-transform:  translateX(0) skewX(-15deg);
    transform:  translateX(0) skewX(-15deg);
    opacity:  1 }
100%  {
    -webkit-transform:  translateX(0) skewX(0);
    transform:  translateX(0) skewX(0);
    opacity:  1 }
}@keyframes lightSpeedIn  {
    0%  {
    -webkit-transform:  translateX(100%) skewX(-30deg);
    -ms-transform:  translateX(100%) skewX(-30deg);
    transform:  translateX(100%) skewX(-30deg);
    opacity:  0 }
60%  {
    -webkit-transform:  translateX(-20%) skewX(30deg);
    -ms-transform:  translateX(-20%) skewX(30deg);
    transform:  translateX(-20%) skewX(30deg);
    opacity:  1 }
80%  {
    -webkit-transform:  translateX(0) skewX(-15deg);
    -ms-transform:  translateX(0) skewX(-15deg);
    transform:  translateX(0) skewX(-15deg);
    opacity:  1 }
100%  {
    -webkit-transform:  translateX(0) skewX(0);
    -ms-transform:  translateX(0) skewX(0);
    transform:  translateX(0) skewX(0);
    opacity:  1 }
}.lightSpeedIn  {
    -webkit-animation-name:  lightSpeedIn;
    animation-name:  lightSpeedIn;
    -webkit-animation-timing-function:  ease-out;
    animation-timing-function:  ease-out }
@-webkit-keyframes lightSpeedOut  {
    0%  {
    -webkit-transform:  translateX(0) skewX(0);
    transform:  translateX(0) skewX(0);
    opacity:  1 }
100%  {
    -webkit-transform:  translateX(100%) skewX(-30deg);
    transform:  translateX(100%) skewX(-30deg);
    opacity:  0 }
}@keyframes lightSpeedOut  {
    0%  {
    -webkit-transform:  translateX(0) skewX(0);
    -ms-transform:  translateX(0) skewX(0);
    transform:  translateX(0) skewX(0);
    opacity:  1 }
100%  {
    -webkit-transform:  translateX(100%) skewX(-30deg);
    -ms-transform:  translateX(100%) skewX(-30deg);
    transform:  translateX(100%) skewX(-30deg);
    opacity:  0 }
}.lightSpeedOut  {
    -webkit-animation-name:  lightSpeedOut;
    animation-name:  lightSpeedOut;
    -webkit-animation-timing-function:  ease-in;
    animation-timing-function:  ease-in }
@-webkit-keyframes rotateIn  {
    0%  {
    -webkit-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(-200deg);
    transform:  rotate(-200deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}@keyframes rotateIn  {
    0%  {
    -webkit-transform-origin:  center center;
    -ms-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(-200deg);
    -ms-transform:  rotate(-200deg);
    transform:  rotate(-200deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  center center;
    -ms-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}.rotateIn  {
    -webkit-animation-name:  rotateIn;
    animation-name:  rotateIn }
@-webkit-keyframes rotateInDownLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}@keyframes rotateInDownLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}.rotateInDownLeft  {
    -webkit-animation-name:  rotateInDownLeft;
    animation-name:  rotateInDownLeft }
@-webkit-keyframes rotateInDownRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}@keyframes rotateInDownRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}.rotateInDownRight  {
    -webkit-animation-name:  rotateInDownRight;
    animation-name:  rotateInDownRight }
@-webkit-keyframes rotateInUpLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}@keyframes rotateInUpLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}.rotateInUpLeft  {
    -webkit-animation-name:  rotateInUpLeft;
    animation-name:  rotateInUpLeft }
@-webkit-keyframes rotateInUpRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}@keyframes rotateInUpRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
100%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
}.rotateInUpRight  {
    -webkit-animation-name:  rotateInUpRight;
    animation-name:  rotateInUpRight }
@-webkit-keyframes rotateOut  {
    0%  {
    -webkit-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(200deg);
    transform:  rotate(200deg);
    opacity:  0 }
}@keyframes rotateOut  {
    0%  {
    -webkit-transform-origin:  center center;
    -ms-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  center center;
    -ms-transform-origin:  center center;
    transform-origin:  center center;
    -webkit-transform:  rotate(200deg);
    -ms-transform:  rotate(200deg);
    transform:  rotate(200deg);
    opacity:  0 }
}.rotateOut  {
    -webkit-animation-name:  rotateOut;
    animation-name:  rotateOut }
@-webkit-keyframes rotateOutDownLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
}@keyframes rotateOutDownLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
}.rotateOutDownLeft  {
    -webkit-animation-name:  rotateOutDownLeft;
    animation-name:  rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
}@keyframes rotateOutDownRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
}.rotateOutDownRight  {
    -webkit-animation-name:  rotateOutDownRight;
    animation-name:  rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
}@keyframes rotateOutUpLeft  {
    0%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  left bottom;
    -ms-transform-origin:  left bottom;
    transform-origin:  left bottom;
    -webkit-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    transform:  rotate(-90deg);
    opacity:  0 }
}.rotateOutUpLeft  {
    -webkit-animation-name:  rotateOutUpLeft;
    animation-name:  rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
}@keyframes rotateOutUpRight  {
    0%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    opacity:  1 }
100%  {
    -webkit-transform-origin:  right bottom;
    -ms-transform-origin:  right bottom;
    transform-origin:  right bottom;
    -webkit-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    transform:  rotate(90deg);
    opacity:  0 }
}.rotateOutUpRight  {
    -webkit-animation-name:  rotateOutUpRight;
    animation-name:  rotateOutUpRight }
@-webkit-keyframes slideInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
100%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
}@keyframes slideInDown  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
100%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
}.slideInDown  {
    -webkit-animation-name:  slideInDown;
    animation-name:  slideInDown }
@-webkit-keyframes slideInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes slideInLeft  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.slideInLeft  {
    -webkit-animation-name:  slideInLeft;
    animation-name:  slideInLeft }
@-webkit-keyframes slideInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
100%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
}@keyframes slideInRight  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
100%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
}.slideInRight  {
    -webkit-animation-name:  slideInRight;
    animation-name:  slideInRight }
@-webkit-keyframes slideOutLeft  {
    0%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}@keyframes slideOutLeft  {
    0%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(-2000px);
    -ms-transform:  translateX(-2000px);
    transform:  translateX(-2000px) }
}.slideOutLeft  {
    -webkit-animation-name:  slideOutLeft;
    animation-name:  slideOutLeft }
@-webkit-keyframes slideOutRight  {
    0%  {
    -webkit-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}@keyframes slideOutRight  {
    0%  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(2000px);
    -ms-transform:  translateX(2000px);
    transform:  translateX(2000px) }
}.slideOutRight  {
    -webkit-animation-name:  slideOutRight;
    animation-name:  slideOutRight }
@-webkit-keyframes slideOutUp  {
    0%  {
    -webkit-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}@keyframes slideOutUp  {
    0%  {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateY(-2000px);
    -ms-transform:  translateY(-2000px);
    transform:  translateY(-2000px) }
}.slideOutUp  {
    -webkit-animation-name:  slideOutUp;
    animation-name:  slideOutUp }
@-webkit-keyframes hinge  {
    0%  {
    -webkit-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
20%,  60%  {
    -webkit-transform:  rotate(80deg);
    transform:  rotate(80deg);
    -webkit-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
40%  {
    -webkit-transform:  rotate(60deg);
    transform:  rotate(60deg);
    -webkit-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
80%  {
    -webkit-transform:  rotate(60deg) translateY(0);
    transform:  rotate(60deg) translateY(0);
    -webkit-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out;
    opacity:  1 }
100%  {
    -webkit-transform:  translateY(700px);
    transform:  translateY(700px);
    opacity:  0 }
}@keyframes hinge  {
    0%  {
    -webkit-transform:  rotate(0);
    -ms-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transform-origin:  top left;
    -ms-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
20%,  60%  {
    -webkit-transform:  rotate(80deg);
    -ms-transform:  rotate(80deg);
    transform:  rotate(80deg);
    -webkit-transform-origin:  top left;
    -ms-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
40%  {
    -webkit-transform:  rotate(60deg);
    -ms-transform:  rotate(60deg);
    transform:  rotate(60deg);
    -webkit-transform-origin:  top left;
    -ms-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out }
80%  {
    -webkit-transform:  rotate(60deg) translateY(0);
    -ms-transform:  rotate(60deg) translateY(0);
    transform:  rotate(60deg) translateY(0);
    -webkit-transform-origin:  top left;
    -ms-transform-origin:  top left;
    transform-origin:  top left;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out;
    opacity:  1 }
100%  {
    -webkit-transform:  translateY(700px);
    -ms-transform:  translateY(700px);
    transform:  translateY(700px);
    opacity:  0 }
}.hinge  {
    -webkit-animation-name:  hinge;
    animation-name:  hinge }
@-webkit-keyframes rollIn  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-100%) rotate(-120deg);
    transform:  translateX(-100%) rotate(-120deg) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0) rotate(0);
    transform:  translateX(0) rotate(0) }
}@keyframes rollIn  {
    0%  {
    opacity:  0;
    -webkit-transform:  translateX(-100%) rotate(-120deg);
    -ms-transform:  translateX(-100%) rotate(-120deg);
    transform:  translateX(-100%) rotate(-120deg) }
100%  {
    opacity:  1;
    -webkit-transform:  translateX(0) rotate(0);
    -ms-transform:  translateX(0) rotate(0);
    transform:  translateX(0) rotate(0) }
}.rollIn  {
    -webkit-animation-name:  rollIn;
    animation-name:  rollIn }
@-webkit-keyframes rollOut  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0) rotate(0);
    transform:  translateX(0) rotate(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(100%) rotate(120deg);
    transform:  translateX(100%) rotate(120deg) }
}@keyframes rollOut  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateX(0) rotate(0);
    -ms-transform:  translateX(0) rotate(0);
    transform:  translateX(0) rotate(0) }
100%  {
    opacity:  0;
    -webkit-transform:  translateX(100%) rotate(120deg);
    -ms-transform:  translateX(100%) rotate(120deg);
    transform:  translateX(100%) rotate(120deg) }
}.rollOut  {
    -webkit-animation-name:  rollOut;
    animation-name:  rollOut }
.slick-slider  {
    position:  relative;
    display:  block;
    box-sizing:  border-box;
    -webkit-touch-callout:  none;
    -webkit-user-select:  none;
    -khtml-user-select:  none;
    -moz-user-select:  none;
    -ms-user-select:  none;
    user-select:  none;
    -ms-touch-action:  pan-y;
    touch-action:  pan-y;
    -webkit-tap-highlight-color:  transparent }
.slick-list  {
    position:  relative;
    overflow:  hidden;
    display:  block;
    margin:  0;
    padding:  0 }
.slick-list:focus  {
    outline:  0 }
.slick-list.dragging  {
    cursor:  pointer;
    cursor:  hand }
.slick-slider .slick-list,  .slick-slider .slick-track  {
    -webkit-transform:  translate3d(0,  0,  0);
    -moz-transform:  translate3d(0,  0,  0);
    -ms-transform:  translate3d(0,  0,  0);
    -o-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0) }
.slick-track  {
    position:  relative;
    left:  0;
    top:  0;
    display:  block }
.slick-track:after,  .slick-track:before  {
    content:  "";
    display:  table }
.slick-track:after  {
    clear:  both }
.slick-loading .slick-track  {
    visibility:  hidden }
.slick-slide  {
    float:  left;
    height:  100%;
    min-height:  1px;
    display:  none }
[dir=rtl] .slick-slide  {
    float:  right }
.slick-slide img  {
    display:  block }
.slick-slide.slick-loading img  {
    display:  none }
.slick-slide.dragging img  {
    pointer-events:  none }
.slick-initialized .slick-slide  {
    display:  block }
.slick-loading .slick-slide  {
    visibility:  hidden }
.slick-vertical .slick-slide  {
    display:  block;
    height:  auto;
    border:  1px solid transparent }
.slick-arrow.slick-hidden  {
    display:  none }
.slick-next,  .slick-prev  {
    position:  absolute;
    display:  block;
    height:  20px;
    width:  20px;
    line-height:  0;
    font-size:  0;
    cursor:  pointer;
    background:  0 0;
    color:  transparent;
    top:  50%;
    -webkit-transform:  translate(0,  -50%);
    -ms-transform:  translate(0,  -50%);
    transform:  translate(0,  -50%);
    padding:  0;
    border:  none;
    outline:  0 }
.slick-next:focus,  .slick-next:hover,  .slick-prev:focus,  .slick-prev:hover  {
    outline:  0;
    background:  0 0;
    color:  transparent }
.slick-next:focus:before,  .slick-next:hover:before,  .slick-prev:focus:before,  .slick-prev:hover:before  {
    opacity:  1 }
.slick-next.slick-disabled:before,  .slick-prev.slick-disabled:before  {
    opacity:  .25 }
.slick-next:before,  .slick-prev:before  {
    font-family:  slick;
    font-size:  20px;
    line-height:  1;
    color:  #fff;
    opacity:  .75;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale }
.slick-prev  {
    left:  -25px }
[dir=rtl] .slick-prev  {
    left:  auto;
    right:  -25px }
.slick-prev:before  {
    content:  "أƒآ¢أ¢â‚¬ أ‚آگ" }
[dir=rtl] .slick-prev:before  {
    content:  "أƒآ¢أ¢â‚¬ أ¢â‚¬â„¢" }
.slick-next  {
    right:  -25px }
[dir=rtl] .slick-next  {
    left:  -25px;
    right:  auto }
.slick-next:before  {
    content:  "أƒآ¢أ¢â‚¬ أ¢â‚¬â„¢" }
[dir=rtl] .slick-next:before  {
    content:  "أƒآ¢أ¢â‚¬ أ‚آگ" }
.slick-dotted.slick-slider  {
    margin-bottom:  30px }
.slick-dots  {
    position:  absolute;
    bottom:  12px;
    list-style:  none;
    display:  block;
    text-align:  center;
    padding:  0;
    margin:  0;
    width:  100% }
.slick-dots li  {
    position:  relative;
    display:  inline-block;
    height:  20px;
    width:  5px;
    margin:  0 9px;
    padding:  0;
    cursor:  pointer }
.slick-dots li button  {
    border:  none;
    opacity:  .3;
    background:  #fff;
    display:  block;
    height:  10px;
    width:  10px;
    outline:  0;
    margin:  0 auto;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -o-border-radius:  50%;
    -ms-border-radius:  50%;
    border-radius:  50%;
    line-height:  0;
    font-size:  0;
    color:  transparent;
    padding:  0;
    cursor:  pointer;
    outline:  0 }
.slick-dots li button:focus,  .slick-dots li button:hover  {
    outline:  0;
    background:  #fff }
.slick-dots li button:focus:before,  .slick-dots li button:hover:before  {
    opacity:  1 }
.slick-dots li.slick-active button  {
    background:  #fff;
    outline:  0;
    opacity:  1 }
#nav-icon3  {
    width:  2.5em;
    height:  2em;
    position:  relative;
    margin:  1.25em 0 0 0;
    z-index:  99999;
    -webkit-transform:  rotate(0);
    -moz-transform:  rotate(0);
    -o-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transition:  .5s ease-in-out;
    -moz-transition:  .5s ease-in-out;
    -o-transition:  .5s ease-in-out;
    transition:  .5s ease-in-out;
    cursor:  pointer;
    float:  right;
    display:  none }
#nav-icon3 span  {
    display:  block;
    position:  absolute;
    width:  100%;
    height:  2px;
    background:  #fff;
    opacity:  1;
    left:  0;
    -webkit-transform:  rotate(0);
    -moz-transform:  rotate(0);
    -o-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transition:  .25s ease-in-out;
    -moz-transition:  .25s ease-in-out;
    -o-transition:  .25s ease-in-out;
    transition:  .25s ease-in-out }
#nav-icon3 span:nth-child(1)  {
    top:  .375em }
#nav-icon3 span:nth-child(2),  #nav-icon3 span:nth-child(3)  {
    top:  1.125em }
#nav-icon3 span:nth-child(4)  {
    top:  1.875em }
#nav-icon3.click span:nth-child(1)  {
    top:  1.3125em;
    width:  0%;
    left:  50% }
#nav-icon3.click span:nth-child(2)  {
    -webkit-transform:  rotate(45deg);
    -moz-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    transform:  rotate(45deg) }
#nav-icon3.click span:nth-child(3)  {
    -webkit-transform:  rotate(-45deg);
    -moz-transform:  rotate(-45deg);
    -o-transform:  rotate(-45deg);
    transform:  rotate(-45deg) }
#nav-icon3.click span:nth-child(4)  {
    top:  1.875em;
    width:  0%;
    left:  50% }
#mapmenuicon  {
    position:  absolute;
    z-index:  999;
    -webkit-transform:  rotate(0);
    -moz-transform:  rotate(0);
    -o-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transition:  .5s ease-in-out;
    -moz-transition:  .5s ease-in-out;
    -o-transition:  .5s ease-in-out;
    transition:  .5s ease-in-out;
    cursor:  pointer;
    display:  block;
    background:  #14918a;
    width:  2.1875em;
    height:  1.875em;
    left:  .9375em;
    bottom:  -1.875em;
    display:  none;
    border-radius:  0 0 .3125em .3125em }
#mapmenuicon span  {
    display:  block;
    position:  absolute;
    width:  65%;
    height:  .125em;
    background:  #fff;
    opacity:  1;
    left:  0;
    right:  0;
    margin:  0 auto;
    bottom:  0;
    -webkit-transform:  rotate(0);
    -moz-transform:  rotate(0);
    -o-transform:  rotate(0);
    transform:  rotate(0);
    -webkit-transition:  .25s ease-in-out;
    -moz-transition:  .25s ease-in-out;
    -o-transition:  .25s ease-in-out;
    transition:  .25s ease-in-out }
#mapmenuicon span:nth-child(1)  {
    top:  .5em }
#mapmenuicon span:nth-child(2),  #mapmenuicon span:nth-child(3)  {
    top:  .875em }
#mapmenuicon span:nth-child(4)  {
    top:  1.25em }
#mapmenuicon.click span:nth-child(1)  {
    top:  1.3125em;
    width:  0%;
    left:  50% }
#mapmenuicon.click span:nth-child(2)  {
    -webkit-transform:  rotate(45deg);
    -moz-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    transform:  rotate(45deg) }
#mapmenuicon.click span:nth-child(3)  {
    -webkit-transform:  rotate(-45deg);
    -moz-transform:  rotate(-45deg);
    -o-transform:  rotate(-45deg);
    transform:  rotate(-45deg) }
#mapmenuicon.click span:nth-child(4)  {
    top:  1.875em;
    width:  0%;
    left:  50% }
@media (max-width:767px)  {
    #nav-icon3  {
    display:  block;
    margin-top:  0;
    position:  fixed;
    right:  .9375em;
    top:  .75em;
    background:  #009ce5;
    width:  3.4375em;
    height:  3.4375em;
    border-radius:  50% }
#nav-icon3 span  {
    width:  50%;
    margin:  auto;
    left:  .875em }
#nav-icon3 span:nth-child(1)  {
    top:  1.125em }
#nav-icon3 span:nth-child(2),  #nav-icon3 span:nth-child(3)  {
    top:  1.625em }
#nav-icon3 span:nth-child(4)  {
    top:  2.125em }
#nav-icon3.click span:nth-child(1)  {
    top:  2.125em;
    width:  0%;
    left:  50% }
#nav-icon3.click span:nth-child(2)  {
    -webkit-transform:  rotate(45deg);
    -moz-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    transform:  rotate(45deg) }
#nav-icon3.click span:nth-child(3)  {
    -webkit-transform:  rotate(-45deg);
    -moz-transform:  rotate(-45deg);
    -o-transform:  rotate(-45deg);
    transform:  rotate(-45deg) }
#nav-icon3.click span:nth-child(4)  {
    top:  2.125em;
    width:  0%;
    left:  50% }
#mapmenuicon  {
    bottom:  -2.625em }
}@media (max-width:320px)  {
    #nav-icon3  {
    top:  .8125em;
    font-size:  10px }
}@font-face  {
    font-family:  dp-world-corporate;
    src:  url(../fonts/dp-world-corporate.eot);
    src:  url(../fonts/dp-world-corporate.eot?#iefix) format("embedded-opentype"),  url(../fonts/dp-world-corporate.woff) format("woff"),  url(../fonts/dp-world-corporate.ttf) format("truetype"),  url(../fonts/dp-world-corporate.svg#dp-world-corporate) format("svg");
    font-weight:  400;
    font-style:  normal }
[data-icon]:before  {
    font-family:  dp-world-corporate !important;
    content:  attr(data-icon);
    font-style:  normal !important;
    font-weight:  400 !important;
    font-variant:  normal !important;
    text-transform:  none !important;
    speak:  none;
    line-height:  1;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale }
[class*=" icon-"]:before,  [class^=icon-]:before  {
    font-family:  dp-world-corporate !important;
    font-style:  normal !important;
    font-weight:  400 !important;
    font-variant:  normal !important;
    text-transform:  none !important;
    speak:  none;
    line-height:  1;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale }
.icon-search-icon-fontastic:before  {
    content:  "\61" }
.icon-apples:before  {
    content:  "\62" }
.icon-campaigns-left-arrow:before  {
    content:  "\64" }
.icon-campaigns-right-arrow:before  {
    content:  "\65" }
.icon-careers:before  {
    content:  "\66" }
.icon-play1:before  {
    content:  "\69" }
.icon-cars:before  {
    content:  "\6a" }
.icon-cell-phones:before  {
    content:  "\6b" }
.icon-play-circle:before  {
    content:  "\6c" }
.icon-email:before  {
    content:  "\6d" }
.icon-fridges:before  {
    content:  "\6e" }
.icon-investors:before  {
    content:  "\6f" }
.icon-news:before  {
    content:  "\70" }
.icon-our-team-left-arrow:before  {
    content:  "\71" }
.icon-our-team-right-arrow:before  {
    content:  "\72" }
.icon-apples:before  {
    content:  "\62" }
.icon-phone:before  {
    content:  "\64" }
.icon-play:before  {
    content:  "\65" }
.icon-campaigns-left-arrow:before  {
    content:  "\66" }
.icon-campaigns-right-arrow:before  {
    content:  "\67" }
.icon-play1:before  {
    content:  "\68" }
.icon-play-circle:before  {
    content:  "\69" }
.icon-careers:before  {
    content:  "\68" }
.icon-cars:before  {
    content:  "\6a" }
.icon-cell-phones:before  {
    content:  "\6b" }
.icon-email:before  {
    content:  "\6c" }
.icon-fridges:before  {
    content:  "\6d" }
.icon-investors:before  {
    content:  "\6e" }
.icon-logo:before  {
    content:  "\6f" }
.icon-news:before  {
    content:  "\70" }
.icon-our-team-left-arrow:before  {
    content:  "\71" }
.icon-our-team-right-arrow:before  {
    content:  "\72" }
.icon-fb:before  {
    content:  "\63" }
.icon-twitter:before  {
    content:  "\73" }
.icon-instagram:before  {
    content:  "\74" }
.icon-youtube:before  {
    content:  "\75" }
.icon-linkdine:before  {
    content:  "\76" }
.icon-instagram-1:before  {
    content:  "\77" }
.icon-left:before  {
    content:  "\78" }
.icon-right:before  {
    content:  "\79" }
.icon-campaigns-right-arrow:before  {
    content:  "\67" }
.icon-clock:before  {
    content:  "\7a" }
.icon-location:before  {
    content:  "\42" }
.icon-close:before  {
    content:  "\41" }
.icon-search:before  {
    content:  "\43" }
.icon-mobile:before  {
    content:  "\44" }
.icon-download:before  {
    content:  "\45" }
.icon-map-ico:before  {
    content:  "\46" }
.icon-email-1:before  {
    content:  "\47" }
.icon-ph-icon:before  {
    content:  "\48" }
.icon-address2:before  {
    content:  "\49" }
.icon-down-arrow:before  {
    content:  "\4a" }

.social-sec  {
    margin-top:  1.5em;
    display:  flex;
    margin-bottom:  2em;
}
.social-sec a  {
    float:  left;
    margin-right:  1.5625em;
    position:  relative }
.social-sec a img  {
    position:  relative;
    z-index:  2 }
.social-sec a:before  {
    content:  "";
    width:  0;
    height:  0;
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    bottom:  0;
    margin:  auto;
    background:  #36b4ab;
    border-radius:  50%;
    -webkit-transition:  .2s;
    -o-transition:  .2s;
    transition:  .2s }
.small-link  {
    text-align:  right }
.small-link li  {
    list-style:  none;
    display:  inline-block;
    margin-left:  1.875em }
.small-link li a  {
    color:  #fff;
    cursor:  pointer;
    position:  relative;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.small-link li a:before  {
    content:  "";
    width:  1px;
    height:  .625em;
    position:  absolute;
    right:  -1.125em;
    top:  0;
    bottom:  0;
    margin:  auto 0;
    background:  #fff }
.small-link li:last-child a:before  {
    display:  none }
@media (min-width:1401px) and (max-width:1600px)  {
    .social-sec  {
    font-size:  8px }
.bayswater-caseStudy .mtcenter img.img-responsive  {
    left:  0px !important;
}
.bayswater-caseStudy .results_section3 .img-responsive  {
    left:  0;
}
}
@media (min-width:980px) and (max-width:1400px)  {
    .social-sec  {
    font-size:  8px }
}@media (min-width:992px) and (max-width:1199px)  {
    footer  {
    font-size:  8px }
.social-sec a  {
    width:  3.75em }
.social-sec a img  {
    width:  100% }
}@media (min-width:768px) and (max-width:991px)  {
    footer  {
    text-align:  center }
footer h2  {
    display:  none }
.social-sec a  {
    float:  none }
.small-link  {
    text-align:  center }
.small-link li  {
    margin:  0 1.25em }
}@media (max-width:767px)  {
    
.social-sec a  {
    float:  none }
.social-sec a img  {
    width:  3.75em }
.small-link  {
    text-align:  center }
.small-link li  {
    margin:  0 1.25em }
.footer-logo  {
    width:  60% }
}.inner-banner  {
    background:  #322c3e;
    background:  -moz-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  radial-gradient(ellipse at center,  #322c3e 0,  #1e1a25 36%);
    position:  relative;
/*     height:  34.375em  */
}
.inner-banner .logo-sec  {
    position:  absolute;
    left:  4.0625em;
    top:  4.0625em }
.inner-banner .banner-detail-sec  {
    position:  absolute;
    bottom:  0;
    left:  0;
    width:  79.125em;
    padding-left:  19.375em;
    height:  20.5em }
/* .inner-banner .banner-detail-sec:before  {
    content:  "";
    height:  8.125em;
    width:  100%;
    background:  #fff;
    position:  absolute;
    bottom:  0;
    left:  0 } */
.inner-banner .banner-detail-sec h3  {
    font-size:  1.5em;
    font-weight:  600;
    text-transform:  uppercase;
    color:  var(--primary);
    letter-spacing:  .125em;
    position:  relative }
.inner-banner .banner-detail-sec h3:before  {
    content:  "";
    width:  2.1875em;
    height:  2px;
    background:  var(--white);
    position:  absolute;
    bottom:  -1.25em;
    left:  0 }
.inner-banner .banner-detail-sec h2  {
    font-size:  5em;
    color:  #fff;
    font-weight:  800;
    line-height:  .9375em;
    letter-spacing:  -.0625em;
    position:  relative;
    z-index:  2;
    top:  .5625em }
.inner-banner .banner-detail-sec h2 span  {
    color:  #0ec1b4; }
.inner-banner .dot  {
    position:  absolute;
    right:  6.875em;
    top: 0; }
.smart-work-sec  {
    margin-top:  5.9375em;
    position:  relative }
.smart-work-sec .img-sec  {
    position:  relative;
    width:  41.875em }
.smart-work-sec .img-sec img  {
    max-width:  100% }
.smart-work-sec h4  {
    color:  #c72628;
    font-size:  1.125em;
    font-weight:  600;
    text-transform:  uppercase;
    position:  relative;
    margin-top:  3.125em;
    padding-left:  .625em }
.smart-work-sec h4:before  {
    content:  "";
    width:  6.875em;
    height:  1.75em;
    background:  #f9b416;
    position:  absolute;
    left:  0;
    top:  -.4375em }
.smart-work-sec h4 span  {
    position:  relative;
    z-index:  1 }
.smart-work-sec h2  {
    font-weight:  800;
    font-size:  2.8125em }
.smart-work-sec p  {
    color:  #000;
    padding-left:  6.25em;
    margin-top:  1.875em;
    position:  relative;
    width:  63% }
.smart-work-sec p:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  .75em;
    background:  #000 }
.smart-work-sec .down-arrow-img  {
    float:  right;
    margin-top:  6.25em }
.smart-work-sec .green-line-img  {
    position:  absolute;
    left:  .625em;
    top:  2.5em }
.smart-work-sec .pad-left  {
    padding-left:  10em }
.specialize-sec  {
    padding:  3.125em 0;
    margin-bottom:  -12.5em;
    position:  relative }
.specialize-sec .main-head  {
    position:  absolute;
    top:  7.3125em;
    left:  0;
    right:  0;
    margin:  0 auto;
    font-size:  1.5em;
    font-weight:  800;
    text-transform:  uppercase;
    color:  #c72628;
    width:  10.625em;
    z-index:  2 }
.specialize-sec .services-detail-sec  {
    position:  relative;
    padding:  12.5em 6.25em 12.5em 18.4375em }
.specialize-sec .services-detail-sec .num  {
    position:  absolute;
    left:  .1875em;
    top:  .125em;
    font-size:  21.875em;
    color:  #f1f4f8;
    font-weight:  800 }
.specialize-sec .services-detail-sec h2  {
    font-weight:  800;
    color:  #231e2b;
    font-size:  3em;
    position:  relative;
    z-index:  2 }
.specialize-sec .services-detail-sec p  {
    color:  #000;
    padding-left:  6.25em;
    margin-top:  1.875em;
    position:  relative;
    position:  relative;
    z-index:  2 }
.specialize-sec .services-detail-sec p:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  .75em;
    background:  #000 }
.specialize-sec .services-detail-sec.right  {
    padding:  12.5em 18.4375em 12.5em 6.25em }
.specialize-sec .services-detail-sec.right .num  {
    left:  inherit;
    right:  .25em }
.specialize-sec .image-detail-sec  {
    position:  relative }
.specialize-sec .image-detail-sec img  {
    width:  100%;
    height:  100% }
.specialize-sec .image-detail-sec .icon-sec  {
    position:  absolute;
    right:  -4.375em;
    top:  10.625em;
    z-index:  2 }
.specialize-sec .image-detail-sec .link-sec  {
    position:  absolute;
    left:  0;
    bottom:  3.125em;
    padding:  0 4.0625em }
.specialize-sec .image-detail-sec .link-sec h3  {
    font-size:  1.125em;
    color:  #fff;
    font-weight:  600;
    text-transform:  uppercase;
    background:  #c92f27;
    padding:  .3125em .625em;
    display:  inline-block;
    margin-bottom:  1.5625em }
.specialize-sec .image-detail-sec .link-sec ul  {
    padding:  0 }
.specialize-sec .image-detail-sec .link-sec ul li  {
    list-style:  none;
    float:  left }
.specialize-sec .image-detail-sec .link-sec ul li a  {
    font-size:  1.0625em;
    color:  #231e2b;
    font-weight:  600;
    background:  #fff;
    padding:  .625em .625em;
    float:  left;
    margin-right:  .9375em;
    margin-bottom:  .9375em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.specialize-sec .image-detail-sec.right .icon-sec  {
    left:  -4.375em;
    right:  inherit }
.specialize-sec .col-md-6  {
    padding:  0 }
.specialize-sec .learn-more  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  3.125em 0 0 7.5em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.specialize-sec .learn-more span  {
    z-index:  1;
    position:  relative }
.specialize-sec .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.specialize-sec .dark  {
    background:  #fcfdfe;
    background:  -moz-linear-gradient(left,  #fcfdfe 1%,  #f4f8fe 100%);
    background:  -webkit-linear-gradient(left,  #fcfdfe 1%,  #f4f8fe 100%);
    background:  linear-gradient(to right,  #fcfdfe 1%,  #f4f8fe 100%) }
.specialize-sec .bor-right  {
    border-right:  1px solid #0ec1b4;
    padding-top:  4.375em;
    padding-bottom:  15.625em }
.specialize-sec .mar-top  {
    margin-top:  9.375em }
.cms-page .inner-banner .banner-detail-sec:before  {
    background:  #f3f7ff }
.cms-page .smart-work-sec  {
    background:  #f3f7ff;
    margin-top:  0 }
.cms-page .smart-work-sec .down-arrow-img  {
    margin-bottom:  -.9375em }
.cms-page .our-work-sec  {
    margin-top:  0 }
.cms-page .our-work-sec .project-sec  {
    margin-top:  0 }
.cms-sec  {
    padding:  7.8125em 0;
    background:  #fff }
.cms-sec h3  {
    font-size:  1em;
    color:  #c72628;
    text-transform:  uppercase;
    position:  relative;
    font-weight:  600 }
.cms-sec h3:before  {
    content:  "";
    background:  #7f7f7f;
    width:  8.3125em;
    height:  1px;
    position:  absolute;
    left:  -11.25em;
    top:  0;
    bottom:  0;
    margin:  auto 0 }
.cms-sec h2  {
    font-size:  3em;
    font-weight:  800 }
.cms-sec .cms-logo  {
    margin-top:  3.75em }
@media only screen and (min-width: 1281px)  {
    .clutch-widget  {
    width:  85%;
    margin:  auto;
}
}
@media only screen and (min-width: 1329px)  {
    .clutch-widget  {
    width:  85%;
}
}
@media only screen and (min-width: 1601px)  {
    .clutch-widget  {
    width:  65%;
}
}
.clutch-widget h2  {
    margin:  2.5em 0 1.5em;
}
.what-cms-sec  {
    background:  #d42e31;
    margin-top:  11.25em }
.what-cms-sec .black-box  {
    background:  #322c3e;
    background:  -moz-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  radial-gradient(ellipse at center,  #322c3e 0,  #1e1a25 36%);
    padding:  0 12.5em;
    text-align:  center;
    margin-top:  -9.375em;
    margin-bottom:  -9.375em;
    position:  relative }
.what-cms-sec .black-box .black-box-img1  {
    position:  absolute;
    left:  -1.25em;
    top:  30% }
.what-cms-sec .black-box .black-box-img2  {
    position:  absolute;
    right:  -5.625em;
    top:  20% }
.what-cms-sec h3  {
    color:  #0ec1b4;
    font-size:  1em;
    text-transform:  uppercase;
    font-weight:  500;
    position:  relative;
    text-align:  center;
    padding-top:  6.25em }
.what-cms-sec h3:before  {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    top:  -3.125em;
    margin:  0 auto;
    width:  1px;
    height:  6.25em;
    background:  #0ec1b4 }
.what-cms-sec h2  {
    color:  #fff;
    font-size:  2.875em;
    font-weight:  800;
    margin-bottom:  1.875em }
.what-cms-sec p  {
    color:  #fff;
    font-weight:  500;
    margin:  1.5625em 0;
    padding:  0 3.125em }
.what-cms-sec .laptop-img  {
    margin-top:  6.25em;
    margin-bottom:  -5em }
.what-cms-sec .way-sec  {
    position:  relative;
    margin-top:  5em }
.what-cms-sec .way-sec:before  {
    content:  "";
    width:  5em;
    height:  1px;
    position:  absolute;
    left:  0;
    right:  0;
    margin:  0 auto;
    top:  -2.5em;
    background:  #0ec1b4 }
.what-cms-sec .way-sec .yellow-txt  {
    color:  #f9b416;
    font-size:  1em;
    font-weight:  700;
    text-transform:  uppercase;
    letter-spacing:  .125em }
.what-cms-sec .way-sec .big-txt  {
    color:  #fff;
    font-size:  1.875em;
    font-weight:  700;
    margin-top:  .75em }
.why-choose-sec  {
    margin-top:  18.75em;
    position:  relative }
.why-choose-sec h3  {
    font-size:  1em;
    color:  #c72628;
    text-transform:  uppercase;
    position:  relative;
    font-weight:  600 }
.why-choose-sec h3:before  {
    content:  "";
    background:  #7f7f7f;
    width:  8.3125em;
    height:  1px;
    position:  absolute;
    left:  -11.25em;
    top:  0;
    bottom:  0;
    margin:  auto 0 }
.why-choose-sec h2  {
    font-size:  2.875em;
    font-weight:  800;
    margin-bottom:  1.875em }
.b11  {
    font-size:  1.975em !important;
    font-weight:  800 !important;
    margin-bottom:  .875em;
    color:  #231e2b !important;
}
.b11:before  {
    display:  none;
}
.why-choose-sec .choose-img-sec  {
    position:  absolute;
    right:  0;
    top:  0 }
.engage-slider-sec  {
    padding:  3.125em 0;
    margin-bottom:  -12.5em;
    position:  relative }
.engage-slider-sec .services-detail-sec  {
    position:  relative;
    padding:  12.5em 6.25em 12.5em 18.4375em }
.engage-slider-sec .services-detail-sec .num  {
    position:  absolute;
    left:  .1875em;
    top:  .125em;
    font-size:  21.875em;
    color:  #f1f4f8;
    font-weight:  800 }
.engage-slider-sec .services-detail-sec h2  {
    font-weight:  600;
    color:  #0ec1b4;
    font-size:  1.5em;
    position:  relative;
    z-index:  2 }
.engage-slider-sec .services-detail-sec p  {
    color:  #000;
    padding-left:  6.25em;
    margin-top:  1.875em;
    position:  relative;
    position:  relative;
    z-index:  2 }
.engage-slider-sec .services-detail-sec p:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  .75em;
    background:  #000 }
.engage-slider-sec .services-detail-sec.right  {
    padding:  12.5em 18.4375em 12.5em 6.25em }
.engage-slider-sec .services-detail-sec.right .num  {
    left:  inherit;
    right:  .25em }
.engage-slider-sec .image-detail-sec  {
    position:  relative }
.engage-slider-sec .image-detail-sec img  {
    width:  100%;
    height:  100% }
.engage-slider-sec .image-detail-sec .icon-sec  {
    position:  absolute;
    right:  -4.375em;
    top:  10.625em }
.engage-slider-sec .image-detail-sec .link-sec  {
    position:  absolute;
    left:  0;
    bottom:  3.125em;
    padding:  0 4.0625em }
.engage-slider-sec .image-detail-sec .link-sec h3  {
    font-size:  1.125em;
    color:  #fff;
    font-weight:  600;
    text-transform:  uppercase;
    background:  #c92f27;
    padding:  .3125em .625em;
    display:  inline-block;
    margin-bottom:  1.5625em }
.engage-slider-sec .image-detail-sec .link-sec ul  {
    padding:  0 }
.engage-slider-sec .image-detail-sec .link-sec ul li  {
    list-style:  none;
    float:  left }
.engage-slider-sec .image-detail-sec .link-sec ul li a  {
    font-size:  1.0625em;
    color:  #231e2b;
    font-weight:  600;
    background:  #fff;
    padding:  .625em .625em;
    float:  left;
    margin-right:  .9375em;
    margin-bottom:  .9375em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.engage-slider-sec .image-detail-sec.right .icon-sec  {
    left:  -4.375em;
    right:  inherit }
.engage-slider-sec .col-md-6  {
    padding:  0 }
.engage-slider-sec .dark  {
    background:  #fcfdfe;
    background:  -moz-linear-gradient(left,  #fcfdfe 1%,  #f4f8fe 100%);
    background:  -webkit-linear-gradient(left,  #fcfdfe 1%,  #f4f8fe 100%);
    background:  linear-gradient(to right,  #fcfdfe 1%,  #f4f8fe 100%) }
.engage-slider-sec .bor-right  {
    border-right:  1px solid #0ec1b4;
    padding-top:  4.375em;
    padding-bottom:  15.625em }
.engage-slider-sec .mar-top  {
    margin-top:  9.375em }
.feature-article-sec  {
    background:  #dab62b;
    background:  -moz-linear-gradient(left,  #dab62b 0,  #8eba5e 42%,  #31bf9d 100%);
    background:  -webkit-linear-gradient(left,  #dab62b 0,  #8eba5e 42%,  #31bf9d 100%);
    background:  linear-gradient(to right,  #dab62b 0,  #8eba5e 42%,  #31bf9d 100%);
    position:  relative }
.feature-article-sec h3  {
    font-weight:  600;
    font-weight:  1.5em;
    text-align:  center;
    margin-top:  6.25em;
    color:  #fff }
.feature-article-sec h2  {
    font-size:  3em;
    color:  #fff;
    text-align:  center;
    font-weight:  600;
    margin-top:  .9375em }
.feature-article-sec .box  {
    width:  21.25em;
    border:  8px solid #fff;
    float:  left;
    background:  #fff;
    margin-left:  6.25em;
    margin-top:  6.25em;
    margin-bottom:  -8.125em;
    border:  1px solid #ecebeb }
.feature-article-sec .box .img-sec img  {
    width:  100% }
.feature-article-sec .box h4  {
    font-size:  1.375em;
    color:  #1f1b26;
    font-weight:  600;
    padding:  0 .625em;
    margin:  .625em 0;
    word-wrap:  break-word }
.feature-article-sec .box .date  {
    color:  #39c9bd;
    font-size:  .75em;
    padding:  0 1.375em;
    font-weight:  600;
    margin:  .625em 0 }
.feature-article-sec .box p  {
    font-size:  .75em;
    color:  #9f9da1;
    padding:  0 1.25em;
    margin-bottom:  1.5625em }
.feature-article-sec .multi-line  {
    position:  absolute;
    left:  3.75em;
    bottom:  -5em }
.bottom-service-sec  {
    padding:  13.75em 0 0 0 }
.bottom-service-sec .container-fluid  {
    padding:  0 }
.bottom-service-sec .row  {
    margin-left:  0;
    margin-right:  0 }
.bottom-service-sec h3  {
    font-size:  1.125em;
    color:  #fff;
    font-weight:  600;
    background:  #c92f27;
    padding:  .3125em .625em;
    display:  inline-block }
.bottom-service-sec a  {
    border-top:  1px solid #e1e1e1;
    border-right:  1px solid #e1e1e1;
    font-size:  1.5em;
    text-transform:  uppercase;
    color:  #1e1a25;
    text-align:  center;
    display:  block;
    font-weight:  600;
    padding:  1.5625em 0;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.bottom-service-sec a.last  {
    border-right:  0 }
.bottom-service-sec .col-md-4  {
    padding:  0 }
.web-development .inner-banner  {
    background:  #c72628 }
.web-development .inner-banner .banner-detail-sec:before  {
    background:  #1e1a25 }
.custom-web-sec  {
    background:  #322c3e;
    background:  -moz-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  radial-gradient(ellipse at center,  #322c3e 0,  #1e1a25 36%);
    padding-top:  12.5em;
    position:  relative }
.custom-web-sec h2  {
    margin:  0 0 1.25em 0;
    color:  #fff;
    font-weight:  700;
    position:  relative }
.custom-web-sec h2 span  {
    position:  relative;
    z-index:  1 }
.custom-web-sec h2 strong  {
    color:  #0ec1b4 }
.custom-web-sec .line  {
    position:  absolute;
    left:  0;
    top:  15.625em }
.custom-web-sec .dot-bg  {
    text-align:  center;
    margin-top:  5em }
.web-feature-list  {
    border-left:  1px solid #0ec1b4;
    float:  left;
    margin-left:  3.125em;
    padding-left:  5em;
    margin-top:  1.25em }
.web-feature-list .box  {
    margin-bottom:  1.25em;
    float:  left;
    width:  100% }
.web-feature-list .icon-sec  {
    float:  left;
    width:  5em;
    height:  5em;
    position:  relative }
.web-feature-list .icon-sec:before  {
    content:  "";
    width:  10px;
    height:  10px;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -o-border-radius:  50%;
    -ms-border-radius:  50%;
    border-radius:  50%;
    position:  absolute;
    left:  -5.3125em;
    top:  1.875em;
    background:  #0ec1b4 }
.web-feature-list .icon-sec.first:before  {
    top:  0 }
.web-feature-list .icon-sec.target-img  {
    width:  84px;
    height:  82px;
    background-image:  url('../../assets/images/all_icons.png');
    background-repeat:  no-repeat;
}
.web-feature-list .icon-sec.target-img1  {
    background-position:  -150px -391px;
}
.web-feature-list .icon-sec.target-img2  {
    background-position:  -254px -391px;
}
.web-feature-list .icon-sec.target-img3  {
    background-position:  -40px -501px;
}
.web-feature-list .detail  {
    float:  left;
    width:  37.5em;
    padding-left:  2.5em;
    margin-top:  .625em }
.web-feature-list .detail.last  {
    margin-bottom:  6.25em }
.web-feature-list h3  {
    font-size:  1.5em;
    font-weight:  800;
    text-transform:  uppercase;
    color:  #fff;
    margin:  0;
    position:  relative;
    padding-left:  .625em }
.web-feature-list h3:before  {
    content:  "";
    width:  9.375em;
    height:  1.5625em;
    background:  #4d465a;
    position:  absolute;
    left:  0;
    top:  -.1875em }
.web-feature-list h3 strong  {
    color:  #f9b416 }
.web-feature-list h3 span  {
    position:  relative;
    z-index:  2 }
.web-feature-list p  {
    color:  #fff;
    margin-top:  1.25em }
.web-feature-list hr  {
    height:  2px;
    width:  2.6875em;
    background:  #f9b416;
    border:  0;
    float:  left;
    margin-top:  3.75em }
.website-build-sec  {
    margin:  0 }
.tab-service-sec  {
    background:  #f3f7ff;
    padding-top:  31.25em;
    margin-top:  -31.25em }
.tab-service-sec h2  {
    text-align:  center;
    font-size:  1.5em;
    font-weight:  800;
    text-transform:  uppercase;
    letter-spacing:  .3125em }
.tab-service-sec p  {
    text-align:  center;
    width:  50%;
    margin-top:  3.125em;
    margin-left:  auto;
    margin-right:  auto;
    font-weight:  700 }
.tab-service-sec .tab-sec  {
    width:  100%;
    margin-top:  7.5em }
.tab-service-sec .tab-sec .laptop-sec  {
    width:  58em;
    height:  35.0625em;
    margin:  0 auto;
    position:  relative }
.tab-service-sec .tab-sec .laptop-sec .detail-sec  {
    position:  absolute;
    left:  0;
    top:  0 }
.tab-service-sec .tab-sec .laptop-sec p  {
    text-align:  left;
    width:  auto;
    color:  #fff;
    font-weight:  500 }
.ipadimg  {
    position:  absolute;
    left:  33px;
    top:  478px }
.cms-page .engage-slider-sec .services-detail-sec  {
    padding:  0 }
.cms-page .engage-slider-sec .services-detail-sec .box  {
    padding:  12.5em 6.25em 12.5em 18.4375em;
    position:  relative }
.cms-page .engage-slider-sec .arrow-sec  {
    float:  right;
    margin:  0 1.875em 0 0;
    position:  relative;
    bottom:  -1.5625em }
.cms-page .engage-slider-sec .arrow-sec img  {
    margin-right:  .625em }
.cms-page .engage-slider-sec .slick-arrow  {
    display:  none !important }
.cms-page .what-cms-sec .laptop-img  {
    position:  relative;
    bottom:  -6.25em }
.content-marketing-page .smart-work-sec  {
    background:  0 0 }
.content-marketing-page .inner-banner .banner-detail-sec:before  {
    background:  #fff }
.content-marketing-page .why-choose-sec  {
    margin-top:  6.875em }
.content-marketing-page .feature-article-sec  {
    margin-bottom:  12.5em }
.marketing-process-sec  {
    background:  url(../../assets/images/bulb-bg.jpg) no-repeat center;
    height:  57.75em;
    margin-top:  3.125em;
    padding-top:  5em }
.marketing-process-sec h3  {
    font-size:  1em;
    color:  #0ec1b4;
    text-transform:  uppercase }
.marketing-process-sec h2  {
    color:  #fff;
    font-size:  2.875em;
    font-weight:  700 }
.marketing-process-sec .dot-img  {
    margin-top:  5em }
.marketing-process-sec .tab-sec  {
    border-right:  1px solid #fff;
    margin-top:  5em;
    height:  53.125em }
.marketing-process-sec .tab-sec a  {
    font-size:  1.125em;
    text-transform:  uppercase;
    color:  #fff;
    display:  block;
    padding:  1.5625em 0;
    margin-bottom:  3.125em;
    position:  relative;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.marketing-process-sec .tab-sec a:before  {
    content:  "";
    width:  2px;
    position:  absolute;
    right:  0;
    top:  0;
    height:  0;
    background:  #fff;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.marketing-process-sec .tab-sec a.active  {
    color:  #0ec1b4 }
.marketing-process-sec .tab-sec a.active:before  {
    height:  100% }
.marketing-process-sec .tab-detail-sec  {
    margin-top:  5em }
.marketing-process-sec .tab-detail-sec .box  {
    display:  none }
.marketing-process-sec .tab-detail-sec .box.active  {
    display:  block }
.marketing-process-sec .tab-detail-sec h4  {
    font-size:  1.5em;
    color:  #fff }
.marketing-process-sec .tab-detail-sec hr  {
    width:  2.1875em;
    height:  1px;
    background:  #1fc3bd;
    text-align:  left;
    border:  0;
    display:  inline-block;
    margin-top:  5em }
.marketing-process-sec .tab-detail-sec h3  {
    color:  #fff }
.marketing-process-sec .tab-detail-sec p  {
    color:  #fff;
    margin-top:  1.25em;
    direction:  ltr;
}
.web-design-page .why-choose-sec  {
    margin-top:  7.5em }
.web-design-page .what-cms-sec  {
    margin-bottom:  6.25em }
.seo-page .smart-work-sec  {
    background:  0 0 }
.seo-page .inner-banner .banner-detail-sec h1  {
    line-height:  1.2;
    margin-top:  -18px;
}
.seo-page .inner-banner .banner-detail-sec:before  {
    background:  #fff !important;
    bottom:  -0.846em }
.seo-page .marketing-process-sec  {
    clear:  both }
.seo-page .our-work-sec  {
    margin-top:  12.5em }
.seo-page .why-choose-sec  {
    margin-top:  9.375em }
.appraoch-sec  {
    padding:  1.25em 0;
    margin-top:  -47px;
}
.appraoch-sec .left-banner-sec  {
    width:  30%;
    float:  left;
    position:  relative }
.appraoch-sec .left-banner-sec img  {
    width:  100% }
.appraoch-sec .left-banner-sec .small-img  {
    position:  absolute;
    right:  -3.125em;
    bottom:  -3.125em;
    width:  auto;
    z-index:  2 }
.appraoch-sec .left-banner-sec .head  {
    position:  absolute;
    right:  0;
    top:  0;
    font-size:  1.5em;
    color:  #fff;
    font-weight:  700;
    background:  #c92f27;
    padding:  .625em .9375em;
    right:  -5.625em;
    top:  3.75em }
.appraoch-sec .right-detail-sec  {
    width:  70%;
    float:  right;
    background:  url(../../assets/images/twitter-bg.png) no-repeat bottom right;
    height:  64.375em }
.appraoch-sec .right-detail-sec.circle-line-bg  {
    background:  url(../../assets/images/circle-line-bg.png) no-repeat bottom right }
.appraoch-sec .tab-sec  {
    background:  #f3f7ff;
    height:  13.75em;
    width:  100%;
    float:  left;
    margin-top:  1.25em;
    padding-left:  12.5em }
.appraoch-sec .tab-sec a  {
    width:  16.25em;
    float:  left;
    height:  100%;
    border-left:  1px solid #d9d9d9;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.appraoch-sec .tab-sec a.active  {
    background:  #fff }
.appraoch-sec .tab-sec a img  {
    width:  100% }
.appraoch-sec .detail-sec  {
    width:  80%;
    float:  left;
    padding-left:  21.875em;
    margin-top:  4.375em;
    position:  relative;
    height:  45.3125em }
.appraoch-sec .detail-sec:before  {
    content:  "";
    width:  21.5em;
    height:  2.1875em;
    background:  url(../../assets/images/line-before1.png) no-repeat;
    position:  absolute;
    left:  -2.5em;
    top:  0 }
.appraoch-sec .detail-sec:after  {
    content:  "";
    background:  #f3fcfb;
    width:  16.25em;
    height:  31.25em;
    position:  absolute;
    left:  0;
    bottom:  0 }
.appraoch-sec .detail-sec .box  {
    display:  none }
.appraoch-sec .detail-sec .box.active  {
    display:  block }
.appraoch-sec .detail-sec .domain  {
    color:  #0ec1b4;
    text-transform:  uppercase;
    font-size:  1em;
    margin-bottom:  1.875em }
.appraoch-sec .detail-sec p  {
    font-size:  1.5em;
    color:  #1e1a25 }
.appraoch-sec .detail-sec hr  {
    width:  3.125em;
    height:  1px;
    border:  0;
    background:  #c92f27;
    display:  inline-block }
.appraoch-sec .detail-sec .num-sec  {
    margin-top:  1.25em }
.appraoch-sec .detail-sec .num-sec .box  {
    float:  left;
    margin-right:  3.75em;
    display:  block }
.appraoch-sec .detail-sec .num-sec strong  {
    font-size:  2.25em;
    color:  #0ec1b4;
    font-weight:  700;
    display:  block }
.appraoch-sec .detail-sec .num-sec span  {
    display:  block;
    font-size:  1em;
    color:  #1e1a25 }
.appraoch-sec .detail-sec .big-head  {
    font-size:  1.5em;
    color:  #0ec1b4;
    float:  left;
    width:  100%;
    margin-top:  3.125em }
.appraoch-sec .detail-sec .learn-more  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  19.3125em;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  2.5em 0 0 0;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    float:  left }
.appraoch-sec .detail-sec .learn-more span  {
    z-index:  1;
    position:  relative }
.appraoch-sec .detail-sec .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.cro-page .appraoch-sec  {
    float:  left;
    margin-bottom:  6.875em }
.cro-page .what-cms-sec  {
    clear:  both;
    margin-top:  18.75em }
.cro-page .why-choose-sec  {
    margin-top:  25em }
.single-case-studies .inner-banner  {
    background:  url(../../case-studies/doubled/img/case-study-bg.jpg) no-repeat;
/*     height:  59.6875em */
}
.single-case-studies .inner-banner .dot  {
    bottom:  inherit;
    top:  4.375em }
.single-case-studies .inner-banner .banner-detail-sec  {
    bottom:  inherit;
    top:  18%; }
.single-case-studies .inner-banner .banner-detail-sec:before  {
    display:  none }
.single-case-studies .inner-banner h4  {
    font-size:  3em;
    color:  #fff;
    font-weight:  700;
    margin-top:  .8125em;
	margin-bottom: 25px;
}


.single-case-studies .inner-banner ul li:before  {
    content:  "";
    width:  .4375em;
    height:  .4375em;
    background:  #fff;
    position:  absolute;
    right:  -1.25em;
    top:  0;
    bottom:  0;
    margin:  auto 0;
    border-radius:  50% }
.single-case-studies .inner-banner ul li:last-child:before  {
    display:  none }
.single-case-studies .inner-banner .white-arrow  {
    margin-top:  2.125em }
.single-case-studies .inner-banner.che-banner  {
    background:  url(../../assets/images/che-bg.jpg) no-repeat }
.single-case-studies .inner-banner.hanzfree-banner  {
    background:  url(../../case-studies/hanzfree/img/hanzfree-bg.jpg) no-repeat }
.single-case-studies .inner-banner.latdour-banner  {
    background:  url(../../case-studies/latdour/img/latdour-bg.png) no-repeat }
.single-case-studies .inner-banner.hyphen-banner  {
    background:  url(../../assets/images/hyphen/hyphen-bg.jpg) no-repeat }
.single-case-studies .inner-banner.logistics-banner  {
    background:  url(../../assets/images/logistics/logis-bg.jpg) no-repeat }
.single-case-studies .inner-banner.fabyland-banner  {
    background:  url(../../case-studies/fabyland/img/fabylandcopy.png) no-repeat }
.single-case-studies .inner-banner.taskque-banner  {
    background:  url(../../case-studies/taskques/img/taskque-bg.jpg) no-repeat }
.single-case-studies .inner-banner.taskque-dm-banner  {
    background:  url(../../assets/images/taskque-dm/taskque-bg.jpg) no-repeat }
.single-case-studies .inner-banner.windsor-banner  {
    background:  url(../../assets/images/windsor/taskque-bg.jpg) no-repeat }
.single-case-studies .inner-banner.ticket-pay-banner  {
    background:  url(../../case-studies/ticket-pay/img/taskque-bg.jpg) no-repeat }
.single-case-studies .inner-banner.sharjah-banner  {
    background:  url(../../case-studies/sharjah-education/img/rectangle1s.png) no-repeat }
    
.single-case-studies .inner-banner.majid-banner {
    background: url(../../assets/images/majid-solutions/mainimg.png) no-repeat;
}
.single-case-studies .inner-banner.naffco-modular {
    background: url(../../case-studies/naffco-modular/img/Group71.png) no-repeat;
}

.single-case-studies .inner-banner.emiratessteel-banner  {
    background:  url(../../case-studies/emiratessteel/img/banners.jpg.png) no-repeat }
.single-case-studies .inner-banner.dubai-banner  {
    background:  url(../../assets/images/dubai/taskque-bg.jpg) no-repeat }
.single-case-studies .inner-banner.fenyaal-banner  {
    background:  url(../../case-studies/fenyaal/img/taskque-bg.jpg) no-repeat }
.single-case-studies .inner-banner.logic-banner  {
    background:  url(../../assets/images/logic/taskque-bg.jpg) no-repeat }
.single-case-studies .bottom-service-sec  {
    padding-top:  0 }
.single-case-studies .bottom-service-sec a  {
    background:  #000;
    color:  #fff;
    border-top:  0;
    font-size:  1.25em }
.objective-sec  {
    position:  relative }
.objective-sec .simple-line-img  {
    position:  absolute;
    left:  0;
    top:  40% }
.objective-sec:before  {
    content:  "";
    width:  50%;
    height:  100%;
    background:  var(--black);
    position:  absolute;
    left:  0;
    top:  0 }
.objective-sec .black-box  {
    background:  #1e1a25;
    padding:  3.125em;
    width:  34.375em;
    float:  left;
    margin-left:  6.25em;
    position:  relative;
    top:  -12.5em }
.objective-sec .black-box h2  {
    font-size:  2.875em;
    color:  #fff;
    font-weight:  700;
    margin:  0;
    position:  relative;
    padding-bottom:  .9375em }
.objective-sec .black-box h2:before  {
    content:  "";
    width:  1.25em;
    height:  1px;
    position:  absolute;
    bottom:  0;
    left:  0;
    background:  var(--primary) }
.objective-sec .black-box p  {
    color:  #fff;
    font-weight:  500;
    margin-top:  1.25em }
.objective-sec .green-bg  {
    background:  #f3fcfb }
.objective-sec .dou-img  {
    float:  right;
    margin-top:  4.375em }
.objective-sec .simple-txt  {
    padding:  0 6.875em }
.objective-sec h3  {
    font-size:  1.125em;
    color:  var(--primary);
    text-transform:  uppercase;
    font-weight:  500 }
.objective-sec p  {
    font-size:  1.5em;
    color:  #1e1a25;
    font-weight:  500 }
.objective-sec .gray-pizza  {
    margin:  6.25em auto 0 auto;
    width:  40.25em }
.mood-sec  {
    background:  var(--black);
    padding-top:  3.75em;
    margin-bottom:  31.25em }
.mood-sec h3  {
    font-size:  1.5em;
    color:  var(--primary);
    position:  relative;
    text-align:  center;
    padding-top:  1.25em }
.mood-sec h3:before  {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    margin:  0 auto;
    background:  var(--white);
    height:  1px;
    width:  1.875em }
.mood-sec h2  {
    color:  #fff;
    font-size:  2.875em;
    font-weight:  700;
    text-align:  center }
.mood-sec .case-pizza-img  {
    margin-top:  3.125em;
    margin-bottom:  -31.25em }
.simple-bo-txt .box  {
    padding:  0 3.125em }
.simple-bo-txt .box h4  {
    font-size:  1.125em;
    color:  var(--primary);
    text-transform:  uppercase;
    font-weight:  600;
    margin-bottom:  1.25em }
.simple-bo-txt .box p  {
    font-size:  1.125em;
    color:  #1e1a25;
    font-weight:  600 }
.proud-result-sec  {
    background:  url(../../assets/images/multi-color-bg.jpg) no-repeat;
    height:  56.5625em;
    margin-top:  80px;

}
.proud-result-sec.che .col-md-10.col-md-offset-1 {
  margin: 0 auto;
}
.proud-result-sec .box  {
    height:  100%;
    background:  #f4f6fa;
    padding:  6.25em 6.25em 0 6.25em;
    text-align:  center;
    position:  relative;
    margin-top:  -3.125em;
	padding-bottom: 60px;
}
.proud-result-sec .box:before  {
    content:  "";
    width:  1px;
    height:  9.375em;
    position:  absolute;
    left:  0;
    right:  0;
    top:  -5em;
    margin:  0 auto;
    background:  #129d95 }
.proud-result-sec .box:after  {
    content:  "";
    width:  .625em;
    height:  .625em;
    position:  absolute;
    left:  0;
    right:  0;
    top:  3.75em;
    background:  #129d95;
    border-radius:  50%;
    margin:  0 auto }
.proud-result-sec h2  {
    color:  #129d95;
    font-size:  2.875em;
    font-weight:  700;
    margin-bottom:  1.25em }
.proud-result-sec .num-sec  {
    text-align:  center;
    clear:  both;
    display:  table;
    width:  100%;
    margin-top: 40px; }
.proud-result-sec .num-sec .list  {
    float:  left;
    width:  33.33%;
    text-align:  center }
.proud-result-sec .num-sec strong  {
    font-size:  6.25em;
    font-weight:  43.75em;
    color:  #c52527;
    display:  block }
.proud-result-sec .num-sec span  {
    color:  #1ec0a9;
    display:  block;
    font-size:  1.375em }
.proud-result-sec .shap-img  {
    text-align:  center;
    margin-top:  5em }
.thinking-sec  {
    background:  #1e1a25;
    text-align:  center;
    padding:  6.25em 0;
    margin-bottom:  18.75em }
.thinking-sec h2  {
    font-size:  1.375em;
    color:  var(--primary);
    position:  relative;
    padding-top:  1.875em;
    margin-bottom:  .9375em }
.thinking-sec h2:before  {
    content:  "";
    width:  2.1875em;
    height:  1px;
    background:  var(--white);
    position:  absolute;
    left:  0;
    top:  -.3125em;
    right:  0;
    margin:  0 auto }
.thinking-sec p  {
    color:  #fff;
    font-weight:  500;
    margin-top:  .625em }
.thinking-sec .font-laptop  {
    margin-bottom:  -31.25em;
    margin-top:  3.125em }
.portfolio-sec  {
    margin-top:  31.25em }
.portfolio-sec img  {
    margin:  2.5em 0;
    max-width:  100% }
.portfolio-sec.dubai-sec  {
    margin:  6.25em auto 0 auto;
    width:  81.75em;
    padding: 0 0 50px 0;
 }
.qoute-sec  {
    background:  #f7f9ff;
    text-align:  center;
    margin-top:  9.375em;
    padding-bottom:  4.375em }
.qoute-sec .qoute-img  {
    margin-top:  -3.125em;
    margin-bottom:  3.125em }
.qoute-sec p  {
    font-size:  1.5em;
    font-weight:  700 }
.digital-marketing .inner-banner  {
    background:  #c92f27 }
.digital-marketing .inner-banner .banner-detail-sec:before  {
    background:  #1e1a25 }
.digital-marketing .learn-more  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  3.75em 0 6.25em 0 }
.digital-marketing .learn-more span  {
    z-index:  1;
    position:  relative }
.digital-marketing .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.digital-marketing .project-sec  {
    margin-top:  0 }
.digital-marketing .our-work-sec  {
    margin-top:  0 }
.services-img-sec h3  {
    font-size:  1.5em;
    color:  #c92f27;
    font-weight:  700;
    position:  relative }
.services-img-sec h3:before  {
    content:  "";
    width:  1.875em;
    height:  1px;
    position:  absolute;
    left:  -3.125em;
    bottom:  0;
    top:  0;
    margin:  auto 0;
    background:  #c92f27 }
.services-img-sec p  {
    font-size:  2.875em;
    font-weight:  700;
    line-height:  1.25em }
.services-img-sec .multi-port-img  {
    margin-top:  3.75em }
.our-digital-marketing  {
    text-align:  left }
.our-digital-marketing h3  {
    color:  #0ec1b4;
    font-size:  1em }
.our-digital-marketing h5  {
    font-size:  2.875em;
    color:  #fff;
    font-weight:  700 }
.our-digital-marketing .dot-img  {
    margin-top:  1.875em }
.box-tab-sec  {
    margin-top:  2.5em;
    margin-bottom:  3.125em;
    display:  table;
    width:  100% }
.box-tab-sec .box  {
    width:  15.625em;
    float:  left;
    cursor:  pointer }
.box-tab-sec .icon  {
    text-align:  center;
    border-bottom:  1px solid #a89fb5;
    padding:  3.125em 0 }
.mobileApp-page .pp_icons  {
    width:  95px;
    height:  97px;
    display:  inline-block;
    margin-left:  auto;
    margin-right:  auto;
    background-image:  url('../../assets/images/all_icons.png');
    background-repeat:  no-repeat;
}
.mobileApp-page .pp_icon1  {
    background-position:  -154px -41px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon1  {
    background-position:  -39px -41px;
}
.mobileApp-page .pp_icon2  {
    background-position:  -40px -158px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon2  {
    background-position:  -270px -41px;
}
.mobileApp-page .pp_icon3  {
    background-position:  -270px -158px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon3  {
    background1-position:  -155px -158px;
}
.mobileApp-page .pp_icon4  {
    background-position:  -384px -40px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon4  {
    background-position:  -384px -157px;
}
.mobileApp-page .pp_icon5  {
    background-position:  -154px -270px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon5  {
    background-position:  -37px -272px;
}
.mobileApp-page .pp_icon6  {
    background-position:  -385px -272px;
}
.mobileApp-page .box-tab-sec .box:hover .pp_icon6  {
    background-position:  -270px -272px;
}
.box-tab-sec h3  {
    font-size:  1.375em;
    color:  #fff;
    font-weight:  700;
    margin-top:  1.875em;
    width:  100%;
    text-align:  center }
.box-tab-sec p  {
    color:  #fff;
    font-size:  .9375em;
    text-align:  center;
    padding:  0 1.25em;
    opacity:  0;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    margin-top:  1.25em }
.app-love-sec .big-img  {
    margin-bottom:  -25em }
.app-love-sec .container  {
    background:  #f7f6f8;
    padding-top:  28.125em;
    padding-bottom:  18.75em }
.app-love-sec h2  {
    text-align:  center;
    font-size:  1.5em;
    font-weight:  700;
    color:  #1e1a25;
    margin:  .9375em 0 1.25em 0 }
.app-love-sec p  {
    font-size:  1.125em;
    color:  #1e1a25;
    padding:  0 18.75em;
    text-align:  center;
    font-weight:  600;
    margin:  .625em 0 3.125em 0 }
.half-img  {
    position:  absolute;
    top:  41.625em;
    left:  .375em }
.iphonex-sec  {
    width:  58.125em;
    height:  68.75em;
    margin:  6.25em auto 0 auto;
    text-align:  center;
    position:  relative }
.iphonex-sec:before  {
    content:  "";
    width:  58.125em;
    height:  58.125em;
    border:  1px solid #0ec1b4;
    position:  absolute;
    left:  0;
    top:  0;
    bottom:  0;
    right:  0;
    margin:  auto;
    border-radius:  50% }
.iphonex-sec .iphonx-img  {
    position:  relative;
    z-index:  2 }
.iphonex-sec .detail  {
    position:  absolute;
    left:  17.5em;
    top:  24.375em;
    width:  24.375em;
    height:  31.25em;
    z-index:  2;
    padding:  1.875em 2.5em;
    text-align:  left }
.iphonex-sec .detail h4  {
    font-size:  1.5em;
    font-weight:  700;
    color:  #000;
    position:  relative }
.iphonex-sec .detail h4:before  {
    content:  "";
    width:  2.5em;
    height:  1px;
    background:  #c72628;
    position:  absolute;
    left:  0;
    bottom:  -.625em }
.iphonex-sec .detail p  {
    padding:  0;
    margin:  1.5625em 0;
    text-align:  left;
    font-weight:  500 }
.iphonex-sec .detail .learn-btn  {
    font-weight:  700;
    color:  #0ec1b4 }
.iphonex-sec .box  {
    display:  none }
.iphonex-sec .box.active  {
    display:  block }
.iphonex-sec .circle-tab-sec  {
    position:  absolute;
    left:  0;
    width:  58.125em;
    height:  58.125em;
    top:  0 }
.iphonex-sec .circle-tab-sec .circle  {
    width:  6.625em;
    height:  6.625em;
    background:  #fff;
    position:  absolute;
    border-radius:  50%;
    cursor:  pointer;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    border:  1px solid #22c6ba }
.iphonex-sec .circle-tab-sec .circle:before  {
    content:  "";
    width:  7.25em;
    height:  7.25em;
    position:  absolute;
    left:  -.375em;
    top:  -.375em;
    border:  1px solid #22c6ba;
    border-radius:  50% }
.iphonex-sec .circle-tab-sec .circle.one  {
    left:  0;
    top:  18.75em;
}
.iphonex-sec .circle-tab-sec .circle.two  {
    left:  0;
    bottom:  9.375em;
}
.mobileApp-page .iphonex-sec .circle-tab-sec .circle span  {
    width:  54px;
    height:  65px;
    display:  inline-block;
    vertical-align:  middle;
    margin-top:  14px;
}
.mobileApp-page .iphonex-sec .circle-tab-sec .circle.one span  {
    background:  url('../../assets/images/all_icons.png') no-repeat -518px -53px;
}
.mobileApp-page .iphonex-sec .circle-tab-sec .circle.two span  {
    background:  url('../../assets/images/all_icons.png') no-repeat -518px -162px;
    height:  67px }
.mobileApp-page .iphonex-sec .circle-tab-sec .circle.three span  {
    background:  url(../../assets/images/all_icons.png) no-repeat -516px -271px;
    width:  58px;
}
.mobileApp-page .iphonex-sec .circle-tab-sec .circle.four span  {
    background:  url('../../assets/images/all_icons.png') no-repeat -57px -404px;
}
.iphonex-sec .circle-tab-sec .circle.three  {
    right:  0;
    top:  18.75em;
}
.iphonex-sec .circle-tab-sec .circle.three .title  {
    left:  inherit;
    right:  -11.875em;
}
.iphonex-sec .circle-tab-sec .circle.four  {
    right:  0;
    bottom:  9.375em;
}
.iphonex-sec .circle-tab-sec .circle.four .title  {
    left:  inherit;
    right:  -11.875em;
}
.iphonex-sec .circle-tab-sec .circle img  {
    width:  90%;
    margin:  0 auto }
.iphonex-sec .circle-tab-sec .circle .title  {
    position:  absolute;
    left:  -11.875em;
    top:  .625em;
    line-height:  1.125em;
    font-size:  1.5em;
    font-weight:  700;
    text-align:  center;
    color:  #231e2b;
    width:  12.5em }
.iphonex-sec .circle-tab-sec .circle.active  {
    background:  #22c6ba }
.iphonex-sec .request-btn  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  309px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  3.75em auto 0 auto }
.iphonex-sec .request-btn span  {
    z-index:  1;
    position:  relative }
.iphonex-sec .request-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.cd-img  {
    width:  53.125em !important }
.multi-mob  {
    margin-bottom:  -25.625em !important }
.mood-mar-top  {
    margin-bottom:  5em }
.print-design .our-work-sec  {
    margin-top:  0 }
.pack-design .our-work-sec  {
    clear:  both }
.logo-design-page .inner-banner h2  {
    font-size:  5em !important }
.specialize-sec .services-detail-sec  {
    padding:  5em 6.25em }
.specialize-sec .services-detail-sec.right  {
    padding:  5em 6.25em }
.specialize-sec .services-detail-sec .num  {
    font-size:  9.375em }
@media (min-width:980px) and (max-width:1400px)  {
    .objective-sec .gray-pizza img  {
    width:  100% }
.objective-sec .dou-img  {
    width:  37.5em }
.objective-sec .dou-img img  {
    width:  100% }
.thinking-sec .font-laptop img  {
    width:  100% }
.single-case-studies .inner-banner  {
    background-size:  cover !important }
.single-case-studies .inner-banner .dot  {
    display:  none }
.objective-sec .simple-line-img  {
    display:  none }
.cms-sec .cms-logo  {
    width:  100% }
.why-choose-sec .choose-img-sec  {
    display:  none }
.smart-work-sec .green-line-img  {
    display:  none }
.feature-article-sec  {
    text-align:  center }
.feature-article-sec .box  {
    margin:  3.125em 3.125em 0 3.125em;
    float:  none;
    display:  inline-block }

.app-love-sec .big-img  {
    width:  100% }
.iphonex-sec img  {
    width:  65% }
.iphonex-sec .request-btn span  {
    font-size:  1.25em;
    line-height:  2.1875em }
.box-tab-sec .box  {
    width:  17.5em }
.web-feature-list .icon-sec img  {
    width:  100% }
}@media (min-width:992px) and (max-width:1199px)  {
    .inner-banner .banner-detail-sec  {
    padding-left:  5em }
.cms-page .what-cms-sec .laptop-img  {
    width:  100% }
.cms-page .what-cms-sec .black-box .black-box-img2  {
    width:  12.5em }
.appraoch-sec .tab-sec  {
    padding-left:  0 }
.appraoch-sec .left-banner-sec .head  {
    right:  0 }
.appraoch-sec .detail-sec  {
    padding-left:  5.625em }
.appraoch-sec .detail-sec:before  {
    display:  none }
.appraoch-sec .detail-sec:after  {
    display:  none }
.appraoch-sec .right-detail-sec  {
    background:  0 0 }
.learn-more  {
    border:  1px solid #0ec1b4 !important;
    background:  0 0 !important }
.marketing-process-sec .dot-img  {
    display:  none }
.specialize-sec .image-detail-sec .icon-sec  {
    display:  none }
.specialize-sec .learn-more span  {
    font-size:  1.25em }
.custom-web-sec .line  {
    display:  none }
.half-img  {
    width:  19.0625em;
    top:  50.9375em;
    left:  4.375em }
.web-feature-list .icon-sec  {
    display:  none }
.box-tab-sec .box  {
    width:  14.375em }
.box-tab-sec .icon img  {
    width:  50% }
}@media (min-width:768px) and (max-width:991px)  {
    .objective-sec .gray-pizza img  {
    width:  100% }
.objective-sec .dou-img  {
    width:  25em;
    margin-top:  3.125em }
.objective-sec .dou-img img  {
    width:  100% }
.objective-sec:before  {
    display:  none }
.objective-sec .simple-line-img  {
    display:  none }
/* .objective-sec .simple-txt  {
    margin-top:  -12.5em;
	} */
.thinking-sec .font-laptop img  {
    width:  100% }
.single-case-studies .inner-banner  {
    background-size:  cover !important }
.single-case-studies .inner-banner .dot  {
    display:  none }
.inner-banner .banner-detail-sec  {
    padding-left:  4.375em }
.inner-banner .dot  {
    display:  none }
.cms-sec .cms-logo  {
    width:  100% }
.why-choose-sec .choose-img-sec  {
    display:  none }
.smart-work-sec .green-line-img  {
    display:  none }
.feature-article-sec  {
    text-align:  center }
.feature-article-sec .box  {
    margin:  3.125em 1.25em 0 1.25em;
    float:  none;
    display:  inline-block }
.smart-work-sec .pad-left  {
    padding-left:  3.125em }
.what-cms-sec .black-box .black-box-img2  {
    display:  none }
.cms-page .what-cms-sec .laptop-img  {
    width:  100% }
.engage-slider-sec .bor-right  {
    padding-bottom:  0;
    padding-top:  0 }
.why-choose-sec h2  {
    margin-bottom:  0 }
.why-choose-sec h3:before  {
    display:  none }
.marketing-process-sec  {
    height:  auto }
.appraoch-sec .left-banner-sec  {
    display:  none }
.appraoch-sec .right-detail-sec  {
    width:  100%;
    background:  0 0 }
.appraoch-sec .detail-sec  {
    padding:  0 1.875em;
    width:  100% }
.appraoch-sec .detail-sec:after,  .appraoch-sec .detail-sec:before  {
    display:  none }
.appraoch-sec .detail-sec .learn-more  {
    font-size:  1.4375em }
.cms-page .smart-work-sec .down-arrow-img  {
    display:  none }
.learn-more  {
    border:  1px solid #0ec1b4 !important;
    background:  0 0 !important }
.marketing-process-sec .dot-img  {
    display:  none }
.seo-page .why-choose-sec  {
    margin-top:  0 }
.seo-page .why-choose-sec h3  {
    font-size:  1.875em }
.appraoch-sec .detail-sec .domain  {
    font-size:  1.875em }
.smart-work-sec .down-arrow-img  {
    display:  none }
.specialize-sec .learn-more span  {
    font-size:  1.5625em;
    line-height:  2.1875em }
.specialize-sec .image-detail-sec .icon-sec  {
    display:  none }
.specialize-sec .main-head  {
    display:  none }
.specialize-sec .mar-top  {
    margin-top:  0 }
.specialize-sec .bor-right  {
    padding-bottom:  1.25em }
.specialize-sec  {
    margin-bottom:  0 }
.specialize-sec .services-detail-sec .num  {
    display:  none }
}@media (max-width:767px)  {
    .objective-sec .black-box  {
    margin-left:  0;
    margin-top:  -110px;
    top:  auto;
}
.objective-sec .gray-pizza img  {
    width:  100% }
.objective-sec .dou-img  {
    width:  100%;
    top:  auto;
    position:  relative;
    margin-bottom:  15px;
    margin-top:  15px;
}
.objective-sec .dou-img img  {
    width:  100% }
.objective-sec:before  {
    display:  none }
.objective-sec .simple-line-img  {
    display:  none }
/* .objective-sec .simple-txt  {
    margin-top:  -12.5em;
    padding:  0 } */
.objective-sec .gray-pizza  {
    width:  100% }
.cd-img  {
    width:  100% !important }
.thinking-sec .font-laptop img  {
    width:  100% }
.mood-sec  {
    margin-bottom:  1.25em }
.mood-sec .case-pizza-img  {
    margin-bottom:  0 }
.proud-result-sec .num-sec  {
    display:  none }
.thinking-sec  {
    margin-bottom:  0 }
.thinking-sec .font-laptop  {
    display:  none }
.portfolio-sec  {
    margin-top:  0 }
.proud-result-sec .shap-img  {
    display:  none }
.single-case-studies .inner-banner  {
    background-size:  cover !important }
.single-case-studies .inner-banner .dot  {
    display:  none }
.inner-banner .banner-detail-sec  {
    padding-left:  1.875em;
    width:  100%;
    border:  0 }
.inner-banner .white-arrow  {
    display:  none }
.inner-banner ul  {
    width:  100% !important }
.inner-banner ul li  {
    padding-left:  1.25em }
.inner-banner ul li:before  {
    right:  inherit;
    left:  0 }
.inner-banner .dot  {
    display:  none }
.single-case-studies .project-sec  {
    margin-top:  0 }
.portfolio-sec.dubai-sec  {
    width:  100% }
.portfolio-sec.dubai-sec img  {
    width:  100% }
.multi-mob  {
    margin-bottom:  0 !important }
.cms-sec .cms-logo  {
    width:  100% }
.why-choose-sec .choose-img-sec  {
    display:  none }
.smart-work-sec .green-line-img  {
    display:  none }
.feature-article-sec  {
    text-align:  center }
.feature-article-sec .box  {
    margin:  3.125em 1.25em 0 1.25em;
    float:  none;
    display:  inline-block }
.smart-work-sec .pad-left  {
    padding-left:  3.125em }
.what-cms-sec .black-box .black-box-img2  {
    display:  none }
.cms-page .what-cms-sec .laptop-img  {
    width:  100% }
.engage-slider-sec .bor-right  {
    padding-bottom:  0 }
.cms-page .smart-work-sec .down-arrow-img  {
    display:  none }
.inner-banner .banner-detail-sec h2  {
    font-size:  3.125em !important }
.smart-work-sec p  {
    width:  100%;
    padding-left:  0 }
.smart-work-sec p:before  {
    display:  none }
.cms-sec  {
    padding:  1.25em 0 }
.what-cms-sec .black-box .black-box-img1  {
    display:  none }
.what-cms-sec .black-box  {
    padding:  0 1.25em }
.cms-sec h2  {
    font-size:  1.875em }
.what-cms-sec h2  {
    font-size:  1.875em }
.why-choose-sec h2  {
    margin-bottom:  0 }
.why-choose-sec h3  {
    font-size:  1.5625em }
.why-choose-sec h3:before  {
    display:  none }
.engage-slider-sec .services-detail-sec .num  {
    display:  none }
.engage-slider-sec .services-detail-sec .box  {
    padding:  0 }
.cms-page .engage-slider-sec .services-detail-sec .box  {
    padding:  0 1.875em;
    font-size:  1.25em }
.cms-page .engage-slider-sec .services-detail-sec p  {
    padding-left:  0 }
.cms-page .engage-slider-sec .services-detail-sec p:before  {
    display:  none }
.feature-article-sec h3  {
    margin-top:  3.125em }
.feature-article-sec h2  {
    font-size:  2.1875em }
.feature-article-sec .box  {
    margin:  1.875em 0 }
.cms-page .smart-work-sec  {
    margin-top:  -3.125em }
.marketing-process-sec  {
    height:  auto;
    padding-bottom:  3.125em }
.marketing-process-sec .tab-sec  {
    border-right:  0;
    height:  auto }
.marketing-process-sec .tab-sec a  {
    font-size:  1.625em;
    margin-bottom:  0;
    padding:  .625em 0 }
.marketing-process-sec .tab-sec a:before  {
    display:  none }
.marketing-process-sec .tab-sec a.active  {
    font-weight:  800 }
.marketing-process-sec .tab-sec a br  {
    display:  none }
.marketing-process-sec .tab-detail-sec hr  {
    display:  none }
.marketing-process-sec h3  {
    font-size:  1.5625em }
.marketing-process-sec .dot-img  {
    display:  none }
.engage-slider-sec  {
    margin-bottom:  0 }
.appraoch-sec .left-banner-sec  {
    display:  none }
.appraoch-sec .right-detail-sec  {
    width:  100%;
    background:  0 0 }
.appraoch-sec .detail-sec  {
    padding:  0 1.875em;
    width:  100% }
.appraoch-sec .detail-sec:after,  .appraoch-sec .detail-sec:before  {
    display:  none }
.appraoch-sec .detail-sec .learn-more  {
    font-size:  1.25em;
    line-height:  2.1875em }
.appraoch-sec .detail-sec .num-sec .box  {
    margin-right:  3.125em }
.appraoch-sec .tab-sec  {
    padding-left:  0;
    height:  auto }
.appraoch-sec .tab-sec a  {
    width:  9.375em }
.cms-page .smart-work-sec .down-arrow-img  {
    display:  none }
.learn-more  {
    border:  1px solid #0ec1b4 !important;
    background:  0 0 !important }
.seo-page .our-work-sec  {
    margin-top:  0 }
.print-design .bottom-service-sec  {
    padding-top:  1.25em }
.smart-work-sec .img-sec  {
    width:  100% }
.specialize-sec .learn-more span  {
    font-size:  1.5625em;
    line-height:  2.1875em }
.specialize-sec .image-detail-sec .icon-sec  {
    display:  none }
.specialize-sec .main-head  {
    display:  none }
.specialize-sec .mar-top  {
    margin-top:  0 }
.specialize-sec .bor-right  {
    padding-bottom:  1.25em }
.specialize-sec  {
    margin-bottom:  0 }
.specialize-sec .services-detail-sec .num  {
    display:  none }
.specialize-sec .services-detail-sec.right  {
    padding:  1.25em }
.specialize-sec .services-detail-sec  {
    padding:  2.5em }
.specialize-sec .services-detail-sec p  {
    padding-left:  0 }
.specialize-sec .services-detail-sec p:before  {
    display:  none }
.specialize-sec .learn-more  {
    margin:  0 0 2.5em 0;
    width:  195px;
    height:  45px }
.specialize-sec .learn-more span  {
    font-size:  1.375em;
    line-height:  1.6875em }
.smart-work-sec .down-arrow-img  {
    display:  none }
.smart-work-sec  {
    margin-top:  0 }
}.fancybox-image,  .fancybox-inner,  .fancybox-nav,  .fancybox-nav span,  .fancybox-outer,  .fancybox-skin,  .fancybox-tmp,  .fancybox-wrap,  .fancybox-wrap iframe,  .fancybox-wrap object  {
    padding:  0;
    margin:  0;
    border:  0;
    outline:  0;
    vertical-align:  top }
.fancybox-wrap  {
    position:  absolute;
    top:  0;
    left:  0;
    -webkit-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0);
    z-index:  8020 }
.fancybox-skin  {
    position:  relative;
    color:  #444;
    text-shadow:  none;
    -webkit-border-radius:  4px;
    -moz-border-radius:  4px;
    border-radius:  4px }
.fancybox-opened  {
    z-index:  8030 }
.fancybox-inner,  .fancybox-outer  {
    position:  relative }
.fancybox-inner  {
    overflow:  hidden }
.fancybox-type-iframe .fancybox-inner  {
    -webkit-overflow-scrolling:  touch }
.fancybox-error  {
    color:  #444;
    font:  14px/20px "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
    margin:  0;
    padding:  15px;
    white-space:  nowrap }
.fancybox-iframe,  .fancybox-image  {
    display:  block;
    width:  100%;
    height:  100% }
.fancybox-image  {
    max-width:  100%;
    max-height:  100% }
#fancybox-loading  {
    position:  fixed;
    top:  50%;
    left:  50%;
    margin-top:  -22px;
    margin-left:  -22px;
    background-position:  0 -108px;
    opacity:  .8;
    cursor:  pointer;
    z-index:  8060 }
#fancybox-loading div  {
    width:  44px;
    height:  44px }
.fancybox-close  {
    position:  absolute;
    top:  15px;
    right:  15px;
    width:  36px;
    height:  36px;
    cursor:  pointer;
    z-index:  8040;
    background:  #009ce5;
    color:  #fff;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.fancybox-close:hover:before  {
    color:  #fff }
.fancybox-close:before  {
    font-family:  dp-world-corporate !important;
    content:  "\41";
    background-size:  cover;
    width:  1.125em;
    height:  1.125em;
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    bottom:  0;
    line-height:  20px;
    margin:  auto;
    -webkit-transform:  scale(.8);
    -moz-transform:  scale(.8);
    -ms-transform:  scale(.8);
    -o-transform:  scale(.8);
    transform:  scale(.8) }
.fancybox-nav  {
    position:  absolute;
    bottom:  0;
    cursor:  pointer;
    text-decoration:  none;
    -webkit-tap-highlight-color:  transparent;
    z-index:  8040;
    height:  50px;
    width:  100px;
    line-height:  50px;
    text-align:  center }
.fancybox-prev  {
    left:  -60px;
    top:  45%;
    font-size:  20px;
    width:  auto;
    padding:  2px 10px 0 10px }
.fancybox-prev:before  {
    color:  #fff;
    text-align:  center;
    font-family:  effra_light;
    font-weight:  600;
    position:  relative;
    top:  1px }
.fancybox-next:after  {
    font-family:  SGS !important;
    content:  "\72";
    font-size:  12px;
    color:  #14918a;
    margin-left:  0;
    font-size:  40px }
.fancybox-prev:after  {
    font-family:  SGS !important;
    content:  "\43";
    color:  #14918a;
    font-size:  40px }
.fancybox-next:before  {
    color:  #fff;
    text-align:  center;
    top:  2px;
    right:  -13px;
    position:  relative }
.fancybox-next  {
    right:  -60px;
    top:  45%;
    font-size:  20px;
    width:  auto;
    padding:  2px 10px 0 10px }
.fancybox-nav span  {
    position:  absolute;
    top:  50%;
    width:  36px;
    height:  34px;
    margin-top:  -18px;
    cursor:  pointer;
    z-index:  8040;
    visibility:  hidden }
.fancybox-prev span  {
    left:  10px;
    background-position:  0 -36px }
.fancybox-next span  {
    right:  10px;
    background-position:  0 -72px }
.fancybox-nav:hover span  {
    visibility:  visible }
.fancybox-tmp  {
    position:  absolute;
    top:  -99999px;
    left:  -99999px;
    max-width:  99999px;
    max-height:  99999px;
    overflow:  visible !important }
.fancybox-lock  {
    overflow:  visible !important;
    width:  auto }
.fancybox-lock body  {
    overflow:  hidden !important }
.fancybox-lock-test  {
    overflow-y:  hidden !important }
.fancybox-overlay  {
    position:  absolute;
    top:  0;
    left:  0;
    overflow:  hidden;
    display:  none;
    z-index:  8010;
    background:  rgba(29,  34,  47,  .94) }
.fancybox-overlay-fixed  {
    position:  fixed;
    bottom:  0;
    right:  0 }
.fancybox-lock .fancybox-overlay  {
    overflow:  auto;
    overflow-y:  scroll }
.fancybox-title  {
    visibility:  hidden;
    font:  normal 13px/20px "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
    position:  relative;
    text-shadow:  none;
    z-index:  8050 }
.fancybox-opened .fancybox-title  {
    visibility:  visible }
.fancybox-title-float-wrap  {
    position:  absolute;
    bottom:  0;
    right:  50%;
    margin-bottom:  -35px;
    z-index:  8050;
    text-align:  center }
.fancybox-title-float-wrap .child  {
    display:  inline-block;
    margin-right:  -100%;
    padding:  2px 20px;
    background:  0 0;
    background:  rgba(0,  0,  0,  .8);
    -webkit-border-radius:  15px;
    -moz-border-radius:  15px;
    border-radius:  15px;
    text-shadow:  0 1px 2px #222;
    color:  #fff;
    font-weight:  700;
    line-height:  24px;
    white-space:  nowrap }
.fancybox-title-outside-wrap  {
    position:  relative;
    margin-top:  10px;
    color:  #fff }
.fancybox-title-inside-wrap  {
    padding-top:  10px }
.fancybox-title-over-wrap  {
    position:  absolute;
    bottom:  0;
    left:  0;
    color:  #fff;
    padding:  10px;
    background:  #000;
    background:  rgba(0,  0,  0,  .8) }
section.home-faqs-s .panel-default>.panel-heading  {
    color:  #333 !important;
    background-color:  #f5f5f5 !important;
    border-color:  #ddd !important;
    background:  none !important;
}
section.home-faqs-s .panel-default>.panel-heading h4  {
    color:  #333 !important;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),  only screen and (min--moz-device-pixel-ratio:1.5),  only screen and (min-device-pixel-ratio:1.5)  {
    #fancybox-loading,  .fancybox-close,  .fancybox-next span,  .fancybox-prev span  {
    background-size:  44px 152px }
#fancybox-loading div  {
    background-size:  24px 24px }
}@media (min-width:980px) and (max-width:1400px)  {
    .fancybox-close:  before  {
    line-height:  1.25em }
}@media (min-width:1200px)  {
    .iphonex-sec .circle-tab-sec .circle:  hover  {
    background:  #0ec1b4 }
.iphonex-sec .request-btn:hover:before  {
    width:  100% }
.appraoch-sec .tab-sec a:hover  {
    background:  #fff }
.bottom-service-sec a:hover  {
    background:  #c92f27;
    color:  #fff }
.marketing-process-sec .tab-sec a:hover  {
    color:  #39b59d }
.marketing-process-sec .tab-sec a:hover:before  {
    height:  100% }
.specialize-sec .image-detail-sec .link-sec ul li a:hover  {
    color:  #fff;
    background:  #c92f27 }
.our-work-sec .slider-area .thumb-slider .box:hover:before  {
    width:  90%;
    height:  85%;
    opacity:  .8 }
.menu-area ul li a:hover:before  {
    width:  100% }
footer .nav ul li a:hover:before  {
    width:  100% }
.small-link li a:hover  {
    color:  #3dc5bb }
.social-sec a:hover:before  {
    width:  80%;
    height:  80% }
.goal-sec .learn-more:hover,  .specialize-sec .learn-more:hover  {
    color:  #fff }
.learn-more:hover:before  {
    width:  100% }
.project-sec .request-btn:hover:before  {
    width:  100% }
.case-study-sec .nav-sec a:hover  {
    opacity:  1 }
.case-study-sec .nav-sec a:hover span  {
    border:  1px solid #fff }
.case-study-sec .detail-sec .link-btn:hover  {
    color:  #14918a }
.case-study-sec .detail-sec .link-btn:hover:before  {
    width:  100% }
.our-work-sec .tabbing-slider .box:hover:before  {
    width:  100% }
.appraoch-sec .detail-sec .learn-more:hover:before  {
    width:  100% }
.box-tab-sec .box:hover p  {
    opacity:  1 }
.project-sec .request-btn  {
    line-height:  2.5em; }
}
@media (min-width:768px) and (max-width:991px)  {
    .container  {
    width:  95% !important }
}@media (max-width:767px)  {
    .container  {
    width:  95% !important }
}.who-we-are-sec h1  {
    margin:  0 0 1.25em 0;
    color:  #fff;
    font-weight:  700;
    position:  relative;
    font-size:  40px }
.who-we-are-sec h1 span  {
    position:  relative;
    z-index:  1 }
.who-we-are-sec h1 strong  {
    color:  #0ec1b4 }
.digital-marketing .who-head h3  {
    left:  27%;
    top:  -40px }
.branding-page .learn-more .brand  {
    position:  relative }
.lightBlueBg.padTop100  {
    padding-left:  30px }
.feature-article-sec.change2  {
    margin-bottom:  150px }
.bottom-service-sec.change  {
    padding-top:  0 }
.blogsubscribe input[type=text]  {
    font-size:  16px }
.app-love-sec.change .container  {
    padding-bottom:  0 }
.feature-article-sec.change  {
    margin-bottom:  0 }
.app-love-sec h5  {
    font-size:  200px;
    color:  #dde4f1;
    text-transform:  uppercase;
    font-weight:  600;
    margin:  100px 0 0 0;
    text-align:  center;
    line-height:  145px }
.home_page .box-tab-sec .collapse:nth-child(5)  {
    display:  block }
.specialize-sec .services-detail-sec .num  {
    font-size:  14.375em }
.feature-article-sec  {
    margin-bottom:  180px }
.highlight  {
    transform:  translateY(0) !important;
    background:  #c52527 url(../images/top-down.png) no-repeat right 14px top 21px !important;
    background-size:  8% !important }
.work-library .banner-slider .accordion li  {
    max-width:  100% }
.work-library .banner-slider .list  {
    width:  100% }
.our-work-sec.change  {
    margin-top:  0 }
.accordion .list.two  {
    position:  relative;
    left:  -50px }
.proud-result-sec .shap-img  {
    text-align:  center; }
/* .objective-sec .simple-txt  {
    margin-top:  -100px } */
.goal-sec .green-line-img  {
    position:  absolute;
    left:  0;
    top:  8.5em }
.pad-right  {
    padding-right:  17% }
.pad-right-10  {
    padding-right:  10% }
.single-case-studies .inner-banner ul li:nth-child(2):before  {
    display:  none }
.accordion .list.three  {
    position:  relative;
    left:  -81px }
.goal-sec h2  {
    font-size:  31px }
.expert-wrapper  {
    max-width:  1557px;
    margin:  0 auto;
    background:  #f3f7ff;
    padding:  0 144px 0;
    position:  relative }
.web-feature-list .icon-sec img  {
    margin:  0 auto;
    display:  block }
.experts h2  {
    font-size:  1em;
    color:  #c72628;
    text-transform:  uppercase;
    position:  relative;
    font-weight:  600 }
.experts h4  {
    font-size:  200px;
    color:  #dde4f1;
    text-transform:  uppercase;
    font-weight:  600;
    margin:  70px 0 0 0;
    text-align:  center;
    line-height:  145px }
.experts .green-line-img  {
    position:  absolute;
    left:  -7.375em;
    top:  -.5em }
.experts h3  {
    color:  #231e2b;
    font-size:  40px;
    font-weight:  700;
    margin-bottom:  60px }
.appraoch-sec .left-banner-sec .small-img  {
    right:  -12.125em }
.experts .width-25,  .work .width-25  {
    width:  20%;
    box-sizing:  border-box;
    display:  inline-flex;
    border:  solid 1px #e7e4eb;
    height:  200px;
    align-items:  center;
    justify-content:  center;
    vertical-align:  top;
    float:  left;
    padding:  0 20px }
.cms-page .what-cms-sec.change .laptop-img  {
    bottom:  .75em;
    z-index:  9;
    margin-bottom:  80px }
.cms-sec h2  {
    margin-bottom:  60px }
.work .width-25:first-child  {
    border-left:  0 }
.work:last-child .width-25:last-child  {
    border-right:  0 }
.work .width-25:nth-child(5)  {
    border-right:  0 }
.work .width-25:nth-child(6)  {
    border-left:  0 }
.marketing-process-sec  {
    position:  relative }
.appraoch-sec .right-detail-sec.circle-line-bg.circle-line  {
    background:  url(../../assets/images/circle-line.png) no-repeat bottom right }
.marketing-process-sec .bal  {
    position:  absolute }
.marketing-process-sec  {
    background:  url(../../assets/images/bulb-bg2.png) no-repeat center;
    background-position:  right bottom }
.why-choose-sec.change  {
    margin-top:  0;
    padding-top:  100px;
    background:  #f8fafd;
    background:  linear-gradient(left,  #f8fafd 50%,  #fff 50%);
    background:  -moz-linear-gradient(left,  #f8fafd 50%,  #fff 50%);
    background:  -webkit-linear-gradient(left,  #f8fafd 50%,  #fff 50%) }
.why-choose-sec.change h2  {
    margin-bottom:  0 }
.engage-slider-sec.change,  .engage-slider-sec.change .bor-right  {
    padding-top:  0 }
.engage-slider-sec.change .dark  {
    background:  #f8fafd }
.bottom-service-sec.my-class  {
    padding:  5.5em 0 0 0 }
.why-choose-sec.change .choose-img-sec  {
    top:  40% }
.our-work-sec.my-class  {
    margin-top:  0 !important }
.pointer,  .pointer2  {
    position:  relative }
.top-zero  {
    margin-top:  0 }
.cms-page .smart-work-sec .down-arrow-img  {
    margin-top:  0 }
.pointer:after  {
    width:  10px;
    height:  91px;
    content:  '';
    background:  url(../images/pointer.png);
    position:  absolute;
    top:  0;
    right:  0;
    left:  0;
    margin:  0 auto }
.pointer2:after  {
    width:  10px;
    height:  176px;
    content:  '';
    background:  url(../images/pointer2.png);
    position:  absolute;
    top:  -70px;
    right:  0;
    left:  0;
    margin:  0 auto }
.project-sec  {
    margin-top:  4.375em }
.qoute-sec  {
    padding-bottom:  7.375em }
.img-resp  {
    max-width:  100%;
    height:  auto;
    display:  block;
    margin:  0 auto;
    text-align:  center;
    border-radius: 15px;
 }
.half-img  {
    top:  48.5em }
.inner-banner .banner-detail-sec h3  {
    margin-bottom:  30px }
.ipadimg  {
    top:  525px }
.tab-service-sec  {
    margin:  -31.25em auto 0 auto;
    max-width:  1557px }
.web.project-sec  {
    margin-top:  0 }
.our-work-sec  {
    margin-top:  0 }
.project-sec .request-btn  {
    line-height:  52px !important;
    padding:  0 }
.custom-web-sec .request-btn  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  309px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    margin:  0 0 0 120px;
    line-height:  52px !important;
    padding:  0 }
.custom-web-sec .request-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.custom-web-sec .request-btn:hover:before  {
    width:  100% }
.custom-web-sec .request-btn span  {
    z-index:  1;
    position:  relative }
.custom-web-sec .request-btn:hover span  {
    color:  #fff }
.custom-web-sec  {
    padding-bottom:  70px }
#a-specializing  {
    margin-top:  45px }
#a-specializing .caption  {
    color:  #0ec1b4;
    font-size:  18px;
    margin-top:  27px;
    line-height:  28px }
#a-specializing .si-col  {
    width:  auto;
    margin-right:  115px }
#cdte  {
    background:  url(../../assets/images/dubai-man.jpg) no-repeat center top;
    min-height:  992px;
    position:  relative }
#cdte h2  {
    margin:  0;
    padding:  0;
    color:  #fff;
    font-size:  104px;
    font-weight:  700;
    text-shadow:  8px 15px 2px rgba(0,  0,  0,  .34);
    line-height:  100px;
    letter-spacing:  -1px;
    margin-top:  176px }
#cdte .purple-line  {
    width:  316px;
    height:  11px;
    background:  #8503ff;
    position:  absolute;
    right:  0;
    top:  231px;
    border-radius:  5px 0 0 5px }
#cdte p  {
    color:  #fff;
    display:  inline-block;
    float:  right;
    width:  686px;
    margin:  0;
    margin-top:  57px;
    position:  relative;
    box-sizing:  border-box;
    padding-left:  127px;
    line-height:  30px }
#cdte p::before  {
    content:  '';
    background:  #fff;
    height:  1px;
    width:  97px;
    position:  absolute;
    left:  0;
    top:  15px }
.view-btn  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    width:  307px;
    height:  50px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  13em 0 0 9em;
    border:  solid 1px #fff;
    clear:  both }
.view-btn:hover  {
    color:  #000 }
.view-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #fff;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.view-btn:hover:before  {
    width:  100% }
.view-btn span  {
    z-index:  1;
    position:  relative }
.branding-page .inner-banner  {
    background:  #c92f27 }
.branding-page .inner-banner .banner-detail-sec:before  {
    background:  #1e1a25 }
.half-img2  {
    position:  absolute;
    top:  373px;
    left:  -25px }
.branding-page .app-love-sec .big-img  {
    margin-bottom:  0;
    width:  100% }
#cds .who-head h3  {
    left:  0 }
.branding-page .our-work-sec  {
    margin-top:  0 }
#android-smart-work.container  {
    width:  100%;
    padding-bottom:  64px }
#android-smart-work .air  {
    margin:  0;
    padding:  3em 0 0 1em }
#android-smart-work .pad-left  {
    padding-left:  20em }
.smart-work-sec #android-smart-work p  {
    width:  96%;
    margin-bottom:  2em }
#android-smart-work .c-list  {
    margin-left:  6em }
#android-smart-work .c-list ul li  {
    margin-bottom:  45px;
    line-height:  30px;
    color:  #0ec1b4;
    font-size:  26px }
#android-smart-work .c-list ul li span  {
    color:  #000;
    font-size:  16px }
.nlearn-more  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  19.3125em;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  0 0 0 1.5em;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    float:  left }
.nlearn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.nlearn-more span  {
    z-index:  1;
    position:  relative }
.nlearn-more:hover:before  {
    width:  100% }
.aad-page .our-work-sec  {
    clear:  both }
.aad-page .specialize-sec  {
    padding:  3.125em 0;
    margin-bottom:  -12.5em;
    position:  relative;
    clear:  both }
.aad-page .specialize-sec .services-detail-sec  {
    padding:  14em 6.25em }
.aad-page .specialize-sec .services-detail-sec.right  {
    padding:  14em 6.25em }
.aad-page .specialize-sec .image-detail-sec  {
    text-align:  right }
.aad-page .specialize-sec .image-detail-sec.right  {
    text-align:  left }
.aad-page .specialize-sec .image-detail-sec img  {
    width:  auto;
    height:  auto }
.aad-page .specialize-sec .dark  {
    background:  0 0 }
.aad-page .specialize-sec .main-head  {
    width:  28.625em }
.aad-page .specialize-sec .mar-top  {
    margin-top:  15.375em }
.culture-innovation  {
    background:  url(../../assets/images/space-bg.jpg) no-repeat center top;
    min-height:  1180px;
    box-sizing:  border-box;
    margin-top:  0 }
.marketing-process-sec.culture-innovation .tab-sec a  {
    width:  295px;
    height:  294px;
    border:  solid 1px #fff;
    border-radius:  100%;
    position:  absolute;
    left:  0;
    top:  0;
    text-align:  center;
    margin:  0;
    padding:  0;
    box-sizing:  border-box;
    padding-top:  30px }
.marketing-process-sec.culture-innovation .tab-sec  {
    border-right:  none;
    margin-top:  142px;
    height:  auto;
    position:  relative }
.marketing-process-sec.culture-innovation .tab-sec a.active  {
    border-color:  #0ec1b4;
    background:  rgba(255,  255,  255,  .23) }
.marketing-process-sec.culture-innovation .tab-sec a:before  {
    display:  none }
.marketing-process-sec.culture-innovation .tab-sec a:first-child  {
    left:  125px;
    top:  0 }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(2)  {
    left:  0;
    top:  75px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(2) span  {
    float:  left;
    margin:  47px 0 0 17px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(3)  {
    left:  auto;
    top:  75px;
    right:  60px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(3) span  {
    float:  right;
    margin:  47px 17px 0 0 }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(4)  {
    left:  -3px;
    top:  220px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(4) span  {
    float:  left;
    margin:  123px 0 0 27px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(5)  {
    left:  auto;
    top:  220px;
    right:  58px }
.marketing-process-sec.culture-innovation .tab-sec a:nth-child(5) span  {
    float:  right;
    margin:  128px 25px 0 0 }
.marketing-process-sec.culture-innovation .tab-sec a:last-child  {
    left:  125px;
    top:  294px }
.marketing-process-sec.culture-innovation .tab-sec a:last-child span  {
    margin:  194px 0 0 0;
    display:  block }
.marketing-process-sec.culture-innovation .tb-text span.number  {
    color:  #fff;
    font-size:  24px }
.marketing-process-sec.culture-innovation .tb-text h2  {
    color:  #0ec1b4;
    font-size:  72px }
.marketing-process-sec.culture-innovation .tb-text  {
    float:  right;
    margin-right:  245px }
.marketing-process-sec.culture-innovation .tb-text p  {
    color:  #fff;
    font-size:  24px;
    position:  relative;
    width:  536px;
    max-width:  100%;
    box-sizing:  border-box;
    padding-left:  114px }
.marketing-process-sec.culture-innovation .tb-text p:before  {
    content:  '';
    width:  79px;
    height:  1px;
    background:  #fff;
    position:  absolute;
    left:  0;
    top:  20px }
.aad-page .specialize-sec .bor-right  {
    padding-bottom:  0;
    margin-bottom:  15em }
.project-sec .request-btn  {
    line-height:  inherit }
#our-offices  {
    background:  #fff;
    margin-top:  0;
    padding:  0;
    height:  auto;
    position:  relative }
#our-offices .container  {
    width:  100% }
#our-offices .c--off-address  {
    margin-top:  11em;
    margin-left:  3em;
    float:  left }
#our-offices .c--off-address h3  {
    font-weight:  700;
    font-size:  48px;
    color:  #0ec1b4;
    margin:  0;
    margin-bottom:  1em }
#our-offices .c--off-address h4  {
    font-weight:  700;
    margin:  0;
    margin-bottom:  2em;
    color:  #000 }
#our-offices .c--off-address p  {
    font-weight:  600;
    margin:  0;
    margin-bottom:  3em;
    color:  #000 }
#our-offices .c--con-flag  {
    margin-top:  0;
    margin-bottom:  0;
    text-align:  right;
    float:  left;
    background:  #fff;
    width:  auto;
    margin-left:  436px;
    z-index:  1;
    position:  relative;
    box-sizing:  border-box;
    padding-left:  90px;
    border-left:  solid 1px #36cbc0;
    min-height:  1076px;
    padding-top:  14em }
#our-offices.marketing-process-sec .tab-sec  {
    margin:  0;
    width:  291px;
    border-radius:  100%;
    height:  565px;
    margin:  0 auto;
    position:  absolute;
    left:  560px;
    z-index:  1;
    top:  217px;
    background:  url(../../assets/images/flags-tab-round.png) no-repeat center top }
#our-offices.marketing-process-sec .tab-sec a:before  {
    display:  none }
#our-offices.marketing-process-sec .tab-detail-sec  {
    margin-top:  0 }
#our-offices.marketing-process-sec .tab-sec a  {
    width:  92px;
    height:  92px;
    display:  inline-block;
    left:  0;
    top:  0;
    position:  absolute }
#our-offices.marketing-process-sec .tab-sec a:first-child  {
    left:  47px }
#our-offices.marketing-process-sec .tab-sec a:nth-child(2)  {
    left:  -35px;
    top:  210px }
#our-offices.marketing-process-sec .tab-sec a:nth-child(3)  {
    top:  430px;
    left:  70px }
.contactPage .container  {
    max-width:  1400px }
.contactPage h2.greenTextWhiteBg  {
    color:  #0ec1b4;
    font-weight:  700;
    line-height:  1.5em;
    letter-spacing:  -.09em;
    font-size:  80px;
    margin:  0;
    text-transform:  capitalize;
    position:  relative;
    z-index:  2 }
.contactPage .inner-banner  {
    height:  auto;
    background:  url(../../assets/images/contacthdrBg.jpg) no-repeat center top #1e1a25;
    background-size:  cover }
.contactPage .inner-banner .banner-detail-sec h2  {
    top:  inherit;
    margin-top:  140px;
    line-height:  57px;
    margin-bottom:  0;
    padding-bottom:  20px }
.contactPage .inner-banner .logo-sec  {
    position:  inherit;
    left:  inherit;
    top:  inherit;
    padding:  4.0625em 0 0 4.0625em }
.contactPage .inner-banner .banner-detail-sec  {
    position:  inherit;
    bottom:  inherit;
    left:  inherit;
    width:  auto;
    padding-left:  0;
    height:  auto;
    margin:  86px auto 0 auto;
    max-width:  1360px }
.contactPage .inner-banner .banner-detail-sec:before  {
    display:  none }
.contactPage .smart-work-sec  {
    margin-top:  0 }
.contactPage .contactArea:before  {
    content:  "";
    width:  50%;
    height:  100%;
    display:  block;
    position:  absolute;
    top:  0;
    right:  0;
    background-color:  #fff }
.contactPage .contactArea  {
    padding:  0 0 50px 0;
    position:  relative }
.contactPage .contactArea input[type=email],  .contactPage .contactArea input[type=text],  .contactPage .contactArea select,  .contactPage .contactArea textarea  {
    border:  1px solid #0ec1b4;
    padding:  15px 25px;
    width:  100%;
    margin-bottom:  28px }
.contactPage .contactArea textarea  {
    resize:  none }
.contactPage .contactArea select option:first-child  {
    display:  none }
.contactPage .contactArea .request-btn:focus,  .contactPage .contactArea input[type=email]:focus,  .contactPage .contactArea input[type=text]:focus,  .contactPage .contactArea select:focus,  .contactPage .contactArea textarea:focus  {
    outline:  0 }
.contactPage .contactArea input::-webkit-input-placeholder,  .contactPage .contactArea textarea::-webkit-input-placeholder  {
    color:  #b9b9b9 }
.contactPage .contactArea input::-moz-placeholder,  .contactPage .contactArea textarea::-moz-placeholder  {
    color:  #b9b9b9 }
.contactPage .contactArea input:-ms-input-placeholder,  .contactPage .contactArea textarea:-ms-input-placeholder  {
    color:  #b9b9b9 }
.contactPage .contactArea input:-moz-placeholder,  .contactPage .contactArea textarea:-moz-placeholder  {
    color:  #b9b9b9 }
.contactPage .officeInfo  {
    margin-bottom:  50px;
    position:  relative }
.contactPage .officeInfo p  {
    padding-left:  100px }
.contactPage .contactArea p  {
    font-size:  16px;
    color:  #0ec1b4;
    text-transform:  uppercase;
    font-weight:  600;
    margin-bottom:  50px }
.contactPage .officeInfo:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  12px;
    background:  #000 }
.contactPage .contactArea h3,  h2  {
    color:  #231e2b;
    font-size:  40px;
    font-weight:  700;
    margin-top:  0 }
.contactPage .contactArea h3  {
    color:  #231e2b;
    font-weight:  400;
    margin-bottom:  0 }
.contactPage .contactArea form  {
    margin-top:  50px }
.contactPage .contactArea .lightBlueBg .redText  {
    color:  #c72628 }
.contactPage .contactArea .request-btn  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  309px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    border:  none }
.contactPage .contactArea h4  {
    font-size:  20px;
    text-transform:  uppercase;
    font-weight:  700;
    margin:  30px 0 }
.contactPage .contactArea .lightBlueBg p  {
    color:  #000 }
.contactPage .contactArea .padTop100  {
    padding-top:  50px }
.contactPage .map iframe  {
    width:  100%;
    filter:  gray;
    -webkit-filter:  grayscale(99%);
    -webkit-backface-visibility:  hidden }
.contactPage .callToaction  {
    list-style:  none;
    padding:  0;
    margin:  0 }
.contactPage .callToaction li  {
    background-color:  #0ec1b4;
    padding:  15px 40px;
    color:  #fff;
    margin-bottom:  30px;
    text-align:  center }
.contactPage .lightBlueBg .callToaction li a,  .contactPage .lightBlueBg .callToaction li p  {
    color:  #fff;
    font-size:  22px;
    margin-bottom:  0;
    font-weight:  400 }
.contactPage .callToaction .icon  {
    width:  32px;
    height:  32px;
    display:  inline-block;
    vertical-align:  top;
    float:  left }
.contactPage .callToaction p  {
    position:  relative;
    text-transform:  capitalize }
.contactPage .callToaction p:before  {
    background-color:  #fff;
    height:  24px;
    width:  1px;
    display:  block;
    content:  "";
    position:  absolute;
    left:  85px;
    top:  5px }
.contactPage .callToaction .cntIcon01  {
    background:  url(../../assets/images/cntIcon01.png) no-repeat center center }
.contactPage .callToaction .cntIcon02  {
    background:  url(../../assets/images/cntIcon02.png) no-repeat center center }
.contactPage .callToaction .cntIcon03  {
    background:  url(../../assets/images/cntIcon03.png) no-repeat center center }
.contactPage .contactArea:after  {
    content:  "";
    width:  100%;
    max-width:  194px;
    height:  60px;
    position:  absolute;
    left:  0;
    top:  200px;
    background:  url(../../assets/images/greyDotrpt.png) repeat left top;
    display:  block }
.contactPage .inner-banner .dot  {
    max-width:  300px }
.contactPage .our-work-sec  {
    margin-top:  0 }
.blogsubscribe  {
    background:  url(../../assets/images/subscribeBg.jpg) no-repeat center top;
    background-size:  100% }
.blogsubscribe .container  {
    max-width:  1560px }
.blogsubscribe h2  {
    font-size:  20px;
    color:  #fff;
    text-align:  right }
.blogsubscribe input  {
    border:  1px solid #fff;
    padding:  14px 25px 14px 25px;
    background:  0 0;
    vertical-align:  top;
    color:  #fff }
.blogsubscribe input:focus  {
    outline:  0 }
.blogsubscribe input[type=text]  {
    min-width:  410px;
    color:  #fff }
.blogsubscribe .project-sec .request-btn  {
    padding:  16px 30px;
    font-size:  16px;
    width:  auto;
    margin:  0;
    height:  auto;
    display:  inline-block;
    border:  1px solid;
    border-image:  linear-gradient(45deg,  #fff,  #0ec1b4);
    border-image-slice:  1;
    background:  0 0;
    line-height:  18px !important;
    margin-left:  -5px }
.blogsubscribe .project-sec  {
    margin:  5em 0 }
.branding-page .who-head .triangle  {
    top:  110px }
.branding-page .custom-web-sec h2  {
    margin-top:  101px }
.branding-page .engage-slider-sec  {
    padding:  64px 0 0 0;
    margin-bottom:  0 }
.branding-page .engage-slider-sec .services-detail-sec  {
    padding:  0 }
.cd-graphic  {
    float:  left }
.branding-page .engage-slider-sec .services-detail-sec  {
    padding:  0;
    display:  inline-block;
    width:  651px;
    margin-left:  -132px }
.branding-page .engage-slider-sec h3  {
    color:  #0ec1b4;
    font-weight:  700;
    text-transform:  uppercase;
    margin:  0;
    padding:  0;
    font-size:  50px;
    margin-bottom:  56px;
    margin-top:  122px }
.branding-page .engage-slider-sec p  {
    color:  #fff;
    margin:  0;
    padding:  0;
    font-size:  18px;
    box-sizing:  border-box;
    padding-left:  160px }
.branding-page .engage-slider-sec .services-detail-sec p:before  {
    background:  #fff;
    width:  101px;
    height:  1px }
.branding-page .slick-next:before,  .branding-page .slick-prev:before  {
    font-size:  50px;
    opacity:  1 }
.branding-page .slick-prev  {
    left:  -724px;
    top:  467px }
.branding-page .slick-next  {
    top:  0;
    right:  auto;
    left:  59px;
    top:  17px }
#cds  {
    padding-bottom:  5em }
#ecl-co  {
    min-height:  981px;
    background:  url(../../assets/images/red-bg.jpg) no-repeat center top;
    position:  relative }
#ecl-co .red-lines  {
    position:  absolute;
    left:  0;
    top:  0 }
#ecl-co h3  {
    text-transform:  uppercase;
    color:  #fff;
    font-size:  16px;
    text-align:  center;
    margin:  0;
    padding:  0;
    background:  url(../../assets/images/top-hang-icon.png) no-repeat center top;
    padding-top:  82px }
#ecl-co h2  {
    color:  #fff;
    font-size:  48px;
    margin:  0;
    padding:  0;
    margin-top:  60px }
#ecl-co h2 img  {
    float:  left;
    margin-right:  60px;
    margin-bottom:  50px }
#ecl-co p  {
    font-size:  18px;
    color:  #fff;
    line-height:  34px;
    background:  url(../../assets/images/plus-icon.png) no-repeat left top;
    margin:  0;
    margin-left:  10px;
    margin-top:  60px;
    padding-left:  72px;
    margin-right:  601px }
.ecl-co-screen  {
    position:  absolute;
    right:  0;
    bottom:  30px }
#ecl-co .view-btn  {
    margin:  0;
    margin-top:  2em;
    padding-top:  .4em }
.case-study-sec #tab1  {
    background:  url(../../assets/images/chebuono-bg.jpg) no-repeat left top }
.case-study-sec #tab3  {
    background:  url(../../assets/images/pure-logic-group-bg.jpg) no-repeat left top }
.case-study-sec #tab3  {
    background:  #48225a }
.case-study-sec .pure-logic-group-img  {
    position:  absolute !important;
    right:  1.375em !important;
    bottom:  -6.25em !important }
.case-study-sec .taskque-img  {
    position:  absolute !important;
    right:  0 !important;
    bottom:  -6.25em !important }
.case-study-sec .ticket-pay-img  {
    position:  absolute !important;
    right:  -43px !important;
    bottom:  -9.25em !important }
.case-study-sec .dubai-porcelain-img  {
    position:  absolute !important;
    right:  27.375em !important;
    bottom:  -.25em !important }
.special-sec .box-tab-sec h3  {
    margin-left:  0;
    font-weight:  100;
    text-align:  left }
.special-sec .box-tab-sec h3:before  {
    display:  none }
.special-sec .box-tab-sec .icon  {
    border-bottom:  none;
    text-align:  left;
    padding:  0;
    height:  65px }
.special-sec .box-tab-sec  {
    margin-top:  4.5em;
    padding-left:  240px;
    box-sizing:  border-box;
    min-height:  536px }
.special-sec .box-tab-sec p  {
    width:  100%;
    margin:  0;
    padding:  0;
    text-align:  left;
    font-size:  18px;
    color:  #fff;
    opacity:  1 }
.special-sec .box-tab-sec p:before  {
    display:  none }
.special-sec .box-tab-sec span.highlight  {
    float:  left;
    width:  36%;
    font-size:  28px;
    font-weight:  700;
    line-height:  40px;
    background-image:  none !important;
    background-color:  transparent !important }
.special-sec .box-tab-sec span.normalText  {
    float:  right;
    width:  60% }
.special-sec .box-tab-sec span.normalText a  {
    color:  #fff;
    font-weight:  700;
    margin-top:  15px;
    display:  block }
.special-sec .box-tab-sec span.normalText a:hover  {
    text-decoration:  underline !important }
.special-sec .learn-more  {
    margin:  3.75em 0 0 0 }
.dcol  {
    color:  #fff;
    clear:  both;
    margin-top:  50px;
    float:  left;
    width:  100% }
.marketing-col  {
    width:  409px;
    height:  428px;
    background:  #fff;
    position:  absolute;
    right:  20px;
    top:  90px;
    text-align:  left;
    box-sizing:  border-box;
    padding:  40px 30px;
    opacity:  0 }
.marketing-col h4  {
    font-weight:  700;
    font-size:  24px;
    margin:  0;
    padding:  0;
    color:  #1e1a25;
    margin-bottom:  21px }
.marketing-col p  {
    font-size:  16px;
    margin:  0;
    padding:  0;
    color:  #1e1a25;
    line-height:  29px;
    margin-bottom:  20px }
.marketing-col p a:hover  {
    text-decoration:  underline !important }
.cpc:hover .marketing-col  {
    opacity:  1 }
.carousel-inner>.item  {
    height:  882px }
.mobileApp-page .custom-web-sec .carousel-inner>.item  {
    height:  930px;
}
#our-core-services .c-container  {
    max-width:  1557px;
    margin:  0 auto }
#our-core-services  {
    background:  0 0;
    padding:  0;
    margin:  0;
    height:  auto }
#our-core-services .lgray  {
    background:  #f3f7ff }
#our-core-services .space1  {
    padding:  88px 144px 0 144px }
.work-library .banner-slider .amaz-scroll  {
    bottom:  9.5em }
.work-library .banner-slider .list  {
    background-repeat:  no-repeat }
.work-library .banner-slider .banner-dot  {
    right:  4em }
.work-library .banner-slider h2  {
    font-size:  80px;
    letter-spacing:  1px;
    margin:  200px 0 25px 0 }
.work-library .banner-slider h4  {
    font-weight:  400;
    text-transform:  capitalize;
    font-size:  50px }
.work-library .banner-slider .detail  {
    margin-top:  2.9375em }
.work-library .banner-slider .logo-sec:after  {
    content:  "";
    width:  48px;
    height:  2px;
    background-color:  #0ec1b4;
    display:  block;
    margin:  40px auto 0 auto }
.costCalculatorPage .banner-slider .workWithUs,  .work-library .banner-slider .workWithUs  {
    display:  inline-block;
    position:  absolute;
    right:  -30px;
    top:  50px }
.costCalculatorPage .banner-slider .seeCaseStudy a,  .costCalculatorPage .banner-slider .workWithUs a,  .work-library .banner-slider .seeCaseStudy a,  .work-library .banner-slider .workWithUs a  {
    font-size:  14px;
    color:  #fff }
.work-library .paddTop100  {
    padding-top:  100px }
.costCalculatorPage .banner-slider .rotate,  .work-library .banner-slider .rotate  {
    transform:  rotate(-90deg);
    -webkit-transform:  rotate(-90deg);
    -moz-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    -o-transform:  rotate(-90deg) }
.costCalculatorPage .banner-slider .workWithUs:before,  .work-library .banner-slider .workWithUs:before  {
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  5px 5px 5px 0;
    border-color:  transparent #fff transparent transparent;
    content:  "";
    display:  inline-block;
    transform:  rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -moz-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    -o-transform:  rotate(90deg);
    margin-right:  15px }
.costCalculatorPage .banner-slider .seeCaseStudy,  .work-library .banner-slider .seeCaseStudy  {
    display:  inline-block;
    position:  absolute;
    right:  25px;
    bottom:  150px;
    text-align:  right }
.work-library .our-work-sec  {
    margin-top:  0 }
.lightBlueText  {
    color:  #0ec1b4 }
.blueBgGradient  {
    color:  #fff;
    background:  -moz-linear-gradient(270deg,  #00cdff 0,  #09f 100%);
    background:  -webkit-gradient(linear,  left top,  left bottom,  color-stop(0,  #00cdff),  color-stop(100%,  #09f));
    background:  -webkit-linear-gradient(270deg,  #00cdff 0,  #09f 100%);
    background:  -o-linear-gradient(270deg,  #00cdff 0,  #09f 100%);
    background:  -ms-linear-gradient(270deg,  #00cdff 0,  #09f 100%);
    background:  linear-gradient(180deg,  #00cdff 0,  #09f 100%) }
.redText  {
    color:  #c72628 }
.blackBg  {
    background-color:  #1e1a25;
    color:  #fff }
.workLibrarySection_1,  .workLibrarySection_2,  .workLibrarySection_4  {
    padding:  50px 0;
    position:  relative }
.workLibrarySection_1 p.redText  {
    font-weight:  16px;
    text-transform:  uppercase }
.workLibrarySection_1 h2  {
    color:  #231e2b;
    font-size:  48px;
    font-weight:  700;
    margin-top:  70px }
.workLibrarySection_1 h2 span  {
    display:  block }
.workLibrarySection_1:after  {
    content:  "";
    width:  100%;
    max-width:  230px;
    height:  162px;
    position:  absolute;
    left:  0;
    top:  150px;
    background:  url(../../assets/images/greyLineRpt.jpg) repeat left top;
    display:  block }
.workLibrarySection_2  {
    padding:  0 }
.workLibrarySection_2 .librabryBg1  {
    background:  url(../../assets/images/fujifilm-thumnb-bg.jpg) no-repeat left top;
    color:  #fff;
    padding-bottom:  156px;
    background-size:  cover;
    padding-left:  30px !important }
.workLibrarySection_2 .librabryBg2  {
    background:  url(../../assets/images/library02.jpg) no-repeat right top;
    color:  #fff;
    padding-bottom:  100px;
    background-size:  cover;
    min-height:  551px;
    padding-left:  30px !important }
.workLibrarySection_2 p  {
    margin:  100px 0 50px 0 }
.workLibrarySection_2 h3  {
    font-size:  66px;
    font-weight:  700 }
.workLibrarySection_2 p.last  {
    margin-top:  50px;
    padding-left:  80px;
    width:  50%;
    position:  relative }
.addIcon  {
    background:  url(../../assets/images/addIcon.png) no-repeat left top;
    width:  44px;
    height:  44px;
    display:  inline-block;
    position:  absolute;
    left:  0;
    top:  0 }
.workLibrarySection_2 .librabryBg1 .libraryViewBtn  {
    margin-left:  0 }
.workLibrarySection_2 .librabryBg2 .libraryViewBtn  {
    margin-top:  30px }
.workLibrarySection_2 .container-fluid,  .workLibrarySection_6 .container-fluid,  .workLibrarySection_7 .container-fluid  {
    padding:  0 }
.workLibrarySection_3  {
    background:  url(../../assets/images/library03.jpg) no-repeat center top;
    color:  #fff;
    background-size:  100%;
    padding:  80px 0 }
.workLibrarySection_4  {
    padding-bottom:  20px;
    padding-top:  70px }
.workLibrarySection_4 .container:before  {
    content:  "";
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  50px 30px 0 30px;
    border-color:  #1e1a25 transparent transparent transparent;
    display:  block;
    position:  absolute;
    top:  107px;
    left:  124px }
.workLibrarySection_4 .description:after  {
    content:  "";
    width:  100%;
    max-width:  100px;
    height:  240px;
    position:  absolute;
    left:  -25%;
    top:  0;
    background:  url(../../assets/images/greenLine.png) repeat left top;
    display:  block }
.workLibrarySection_4 h2  {
    font-size:  48px;
    margin-top:  40px }
.mobileWrap  {
    overflow:  hidden;
    width:  180px;
    height:  321px;
    position:  absolute;
    top:  54px;
    left:  36px }
.workLibrarySection_4 .mobileWrap h4  {
    font-size:  20px;
    position:  relative;
    margin-bottom:  20px }
.workLibrarySection_4 .mobileWrap h4:after  {
    content:  "";
    width:  30%;
    height:  1px;
    background:  #fff;
    display:  block;
    margin-top:  8px }
.workLibrarySection_4 figure img  {
    width:  100%;
    max-width:  345px }
.workLibrarySection_4 figure .mobileWrap:hover>.overlay  {
    left:  0 }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    text-align:  center;
    background:  #bf2527;
    font-size:  12px;
    padding:  10px 15px;
    border:  none;
    margin-top:  30px }
.workLibrarySection_4 figure .overlay  {
    background:  rgba(0,  0,  0,  .8);
    height:  100%;
    width:  100%;
    box-sizing:  border-box;
    padding:  30px 15px 15px 15px;
    color:  #fff;
    font-size:  12px;
    text-align:  left;
    left:  -100%;
    position:  absolute;
    top:  0;
    transition:  all .2s ease-in-out !important;
    -webkit-transition:  all .2s ease-in-out !important;
    -moz-transition:  all .2s ease-in-out !important;
    -o-transition:  all .2s ease-in-out !important }
.workLibrarySection_5  {
    position:  relative;
    padding:  50px 0 70px;
    color:  #fff }
.workLibrarySection_5:after  {
    content:  "";
    background-color:  #1e1a25;
    width:  100%;
    height:  450px;
    position:  absolute;
    left:  0;
    bottom:  0;
    z-index:  1 }
.workLibrarySection_5 .blueBgGradient  {
    padding:  80px 0 }
.workLibrarySection_5 .blueBgGradient p  {
    margin-bottom:  0;
    color:  #fff !important }
.workLibrarySection_5 .blueBgGradient h2  {
    font-size:  67px;
    color:  #fff }
.workLibrarySection_5 .blueBgGradient .libraryViewBtn  {
    text-transform:  uppercase;
    margin-top:  30px }
.workLibrarySection_5 .zindex2  {
    position:  relative;
    z-index:  2 }
.workLibrarySection_5 .zindex2 p  {
    color:  #0ec1b4 }
.workLibrarySection_5 .zindex2 h2  {
    color:  #fff }
.workLibrarySection_5a  {
    padding:  80px 0;
    background-color:  #1e1a25;
    color:  #0ec1b4 }
.workLibrarySection_5a h2  {
    color:  #fff }
.work-library .officeInfo  {
    position:  relative }
.work-library .officeInfo:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  12px;
    background:  #000 }
.work-library .officeInfo p  {
    padding-left:  100px }
.work-library .clientLogo  {
    display:  block;
    margin:  30px auto }
.workLibrarySection_6 .librabryBg4  {
    background:  url(../../assets/images/library04.jpg) no-repeat center center;
    color:  #fff;
    padding:  310px 0;
    background-size:  cover }
.workLibrarySection_6 .librabryBg5  {
    background:  url(../../assets/images/library05.jpg) no-repeat center center;
    color:  #fff;
    padding:  310px 0;
    background-size:  cover }
.workLibrarySection_6 .librabryBg6  {
    background:  url(../../assets/images/library06.jpg) no-repeat center center;
    color:  #fff;
    padding:  310px 0;
    background-size:  cover }
.workLibrarySection_7 .librabryBg7  {
    background:  url(../../assets/images/library07.jpg) no-repeat center center;
    color:  #fff;
    padding:  380px 0 170px 0;
    background-size:  cover }
.workLibrarySection_7 .librabryBg8  {
    background:  url(../../assets/images/library08.jpg) no-repeat center center;
    color:  #fff;
    padding:  380px 0 170px 0;
    background-size:  cover }
.focflex  {
    display:  flex;
    flex-flow:  row wrap;
}
.focpbg  {
    padding:  60px 60px 25px 60px !important;
    background:  url(../../assets/images/focp--bg.jpg) no-repeat center center !important;
    background-size:  cover !important;
    text-align:  left;
    color:  #fff;
    padding:  60px 60px 59px 60px !important;
}
.focpright  {
    float:  right;
    width:  100%;
    padding:  0px 0px 0px 0px;
}
.librabryBgfocp h1  {
    font-size:  66px;
    font-weight:  700;
    text-align:  left;
    text-transform:  uppercase;
}
.librabryBgfocp a.libraryViewBtn  {
}
.focp-view  {
    padding-top:  14%;
}
.workLibrarySection_8  {
    background:  url(../../assets/images/library09.jpg) no-repeat center center;
    color:  #fff;
    background-size:  cover;
    padding:  400px 0 100px 0 }
.libraryViewBtn  {
    border:  1px solid #fff;
    padding:  15px 25px;
    color:  #fff;
    display:  inline-block;
    position:  relative }
.libraryViewBtn:hover span  {
    color:  #000;
    position:  relative;
    z-index:  2 }
.libraryViewBtn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #fff;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.libraryViewBtn:hover:before  {
    width:  100% }
.work-library .row.no-gutters  {
    margin-right:  0;
    margin-left:  0 }
.work-library .row.no-gutters>[class*=" col-"],  .work-library .row.no-gutters>[class^=col-]  {
    padding-right:  0;
    padding-left:  0 }
#our-core-services.marketing-process-sec .tab-sec  {
    border-right:  none;
    margin-top:  0;
    clear:  both;
    height:  auto;
    padding-bottom:  15em;
    max-width:  882px;
    margin-left:  auto;
    margin-right:  auto }
#our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background:  url(../../assets/images/wd-screen.png) no-repeat center top;
    width:  100%;
    max-width:  100%;
    height:  757px }
    /*hsn*/
    #our-core-services.marketing-process-sec .tab-detail-sec .bots  {
    background:  url(../../assets/images/aaUntitled-2.png) no-repeat center top;
    width:  100%;
    max-width:  100%;
    height:  757px }
    /*hsn nd*/
#our-core-services.marketing-process-sec .tab-sec a:before  {
    display:  none }
#our-core-services.marketing-process-sec .tab-detail-sec  {
    margin-top:  0 }
#our-core-services.marketing-process-sec .tab-sec a  {
    color:  #000;
    font-weight:  700;
    font-size:  24px;
    text-align:  center;
    width:  294px;
    height:  107px;
    background-position:  center -113px;
    background-repeat:  no-repeat;
    padding:  0;
    margin:  0;
    display:  inline-block;
    padding-top:  113px;
    box-sizing:  border-box;
    float:  left;
    margin-top:  -112px }
#our-core-services.marketing-process-sec .tab-sec a.active  {
    color:  #0ec1b4 }
#our-core-services.marketing-process-sec .tab-sec a:first-child  {
    background-image:  url(../../assets/images/ecommerce-web-development-icon.png) }
#our-core-services.marketing-process-sec .tab-sec a:first-child.active  {
    background-position:  center 0 }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(2)  {
    background-image:  url(../../assets/images/custom-web-development-icon.png) }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(2).active  {
    background-position:  center 0 }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(3)  {
    background-image:  url(../../assets/images/content-management-system-icon.png) }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(3).active  {
    background-position:  center 0 }
#our-core-services.marketing-process-sec .tab-detail-sec .box  {
    width:  542px;
    margin:  0 auto;
    padding-top:  80px;
    box-sizing:  border-box }
#our-core-services.marketing-process-sec .tab-detail-sec h3  {
    color:  #fff;
    font-weight:  700;
    font-size:  24px }
#our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  20px }
#our-core-services.marketing-process-sec .tab-detail-sec p a  {
    font-weight:  700;
    color:  #fff;
    padding:  8px 35px;
    background-color:  #e3181b }
#our-core-services.marketing-process-sec .tab-detail-sec p a:hover  {
    text-decoration:  none }
.img-area img  {
    margin-left:  -23px }
.branding-page .half-img2  {
    top:  555px;
    left:  -25px }
.carousel-control.left,  .carousel-control.right  {
    background:  0 0 }
.carousel-control .glyphicon-chevron-left  {
    margin-left:  -10px;
    background:  url(../../assets/images/all_icons.png) no-repeat -98px -588px;
    width:  48px;
    height:  48px;
    color:  transparent;
    box-shadow:  none;
    text-shadow:  none }
.carousel-control .glyphicon-chevron-right  {
    margin-left:  -10px;
    background:  url(../../assets/images/all_icons.png) no-repeat -30px -588px;
    width:  48px;
    height:  49px;
    color:  transparent;
    box-shadow:  none;
    text-shadow:  none }
.carousel-control.left,  .carousel-control.right  {
    width:  48px;
    height:  48px;
    left:  327px;
    bottom:  60px;
    top:  auto }
.carousel-control.left  {
    margin-left:  -82px }
.costCalculatorPage .banner-slider h3  {
    font-size:  50px;
    color:  #fff }
.costCalculatorPage .banner-slider h2  {
    font-size:  160px }
.costCalculatorPage .our-work-sec.section2  {
    padding:  0 0 50px 0;
    margin:  0;
    position:  relative }
.costCalculatorPage .our-work-sec.section2 .project-dot  {
    margin:  0 auto;
    display:  block }
.costCalculatorPage .our-work-sec.section2 .project-sec  {
    text-align:  left;
    margin:  0 }
.costCalculatorPage .our-work-sec.section2 h4  {
    color:  #0ec1b4;
    text-align:  center;
    margin-top:  -50px;
    margin-bottom:  100px }
.costCalculatorPage .our-work-sec.section2 p  {
    color:  #fff }
.costCalculatorPage .our-work-sec.section2 h2  {
    font-size:  48px;
    margin-bottom:  30px }
.costCalculatorPage .our-work-sec.section2:before  {
    content:  "";
    width:  100%;
    max-width:  120px;
    height:  162px;
    position:  absolute;
    left:  0;
    top:  150px;
    background:  url(../../assets/images/gryDot.png) repeat left top;
    display:  block }
.calculatorSection  {
    background:  -moz-radial-gradient(center,  ellipse cover,  #00b457 0,  #009343 100%);
    background:  -webkit-gradient(radial,  center center,  0,  center center,  100%,  color-stop(0,  #00b457),  color-stop(100%,  #009343));
    background:  -webkit-radial-gradient(center,  ellipse cover,  #00b457 0,  #009343 100%);
    background:  -o-radial-gradient(center,  ellipse cover,  #00b457 0,  #009343 100%);
    background:  -ms-radial-gradient(center,  ellipse cover,  #00b457 0,  #009343 100%);
    background:  radial-gradient(ellipse at center,  #00b457 0,  #009343 100%) }
.calculatorSection .imagesArea  {
    background:  url(../../assets/images/link-bar.png) no-repeat center 150px }
.calculatorSection .imagesArea:after  {
    content:  '';
    display:  block;
    position:  absolute;
    right:  0;
    top:  0;
    width:  256px;
    height:  667px;
    background:  url(../../assets/images/pen-img.png) no-repeat left 60px }
.calculatorSection .imagesArea:before  {
    content:  '';
    display:  block;
    position:  absolute;
    left:  0;
    bottom:  0;
    width:  212px;
    height:  349px;
    background:  url(../../assets/images/cofee-img.png) no-repeat left bottom }
.calculatorSection  {
    padding:  75px 0 0 0;
    color:  #fff;
    text-align:  center;
    position:  relative }
.calculatorSection h3  {
    color:  #fff;
    font-size:  48px }
.calculatorSection p  {
    font-size:  18px }
.calculatorSection p:after  {
    content:  "";
    width:  100px;
    height:  2px;
    background-color:  #fff;
    display:  block;
    margin:  20px auto }
.calculatorSection h2  {
    color:  #fff;
    font-size:  83px }
.calculatorSection h5  {
    color:  #fff;
    font-size:  26px;
    margin-bottom:  50px }
.calculatorForm  {
    max-width:  1000px;
    margin:  0 auto }
.calculatorForm label  {
    color:  #fff;
    text-align:  center;
    display:  block;
    margin-bottom:  15px }
.calculatorForm input,  .calculatorSection .text-center input  {
    border:  1px solid #fff;
    font-size:  14px;
    padding:  15px 25px;
    background-color:  transparent;
    color:  #fff;
    width:  100%;
    margin-bottom:  50px }
.calculatorForm input[type=text]:focus  {
    outline:  0 }
.calculatorForm input::-webkit-input-placeholder,  .calculatorForm textarea::-webkit-input-placeholder,  .calculatorSection .text-center input::-webkit-input-placeholder  {
    color:  #fff }
.calculatorForm input::-moz-placeholder,  .calculatorForm textarea::-moz-placeholder,  .calculatorSection .text-center input::-moz-placeholder  {
    color:  #fff }
.calculatorForm input:-ms-input-placeholder,  .calculatorForm textarea:-ms-input-placeholder,  .calculatorSection .text-center input:-ms-input-placeholder  {
    color:  #fff }
.calculatorForm input:-moz-placeholder,  .calculatorForm textarea:-moz-placeholder,  .calculatorSection .text-center input:-moz-placeholder  {
    color:  #fff }
.calculatorForm  {
    padding:  0 0 50px 0;
    border-bottom:  1px solid #00ff74 }
.calculatorSection h6  {
    font-size:  40px;
    margin:  50px 0 }
.calculatorSection .pagination  {
    width:  100%;
    max-width:  1200px;
    margin:  0 auto 75px auto }
.calculatorSection .pagination .btn  {
    position:  relative;
    border:  1px solid #fff;
    padding:  15px 50px;
    border-radius:  0;
    display:  block;
    font-size:  16px;
    color:  #fff;
    text-transform:  uppercase }
.calculatorSection .pagination .btn:hover  {
    background-color:  #1f1b26 }
.calculatorSection .pagination .icon  {
    width:  7px;
    height:  11px;
    display:  inline-block;
    position:  absolute;
    top:  20px }
.calculatorSection .pagination .icon-arwleft  {
    background:  url(../../assets/images/paginationleftArw.png) no-repeat left center;
    left:  15px }
.calculatorSection .pagination .icon-arwright  {
    background:  url(../../assets/images/paginationrightArw.png) no-repeat left center;
    right:  15px }
.rangeSlider  {
    margin:  200px auto 50px auto;
    max-width:  1000px }
.costCalculatorPage #myProgress  {
    width:  100%;
    background-color:  #00b95b;
    border-radius:  15px;
    position:  relative }
.costCalculatorPage #myBar  {
    width:  1%;
    height:  12px;
    background-color:  #fff;
    border-radius:  15px 0 0 15px;
    position:  relative }
.costCalculatorPage #myProgress .pointerdot  {
    margin-left:  -5px;
    position:  absolute;
    top:  -4px;
    width:  20px;
    height:  20px;
    background-color:  #fff;
    border-radius:  15px;
    display:  inline-block;
    content:  "" }
.costCalculatorPage #myBar span  {
    position:  absolute;
    top:  -30px;
    font-size:  18px;
    min-width:  300px }
.costCalculatorPage .switch  {
    position:  relative;
    display:  inline-block;
    width:  100px;
    height:  34px }
.costCalculatorPage .switch input  {
    display:  none }
.costCalculatorPage .slider  {
    position:  absolute;
    cursor:  pointer;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    background-color:  #fff;
    -webkit-transition:  .4s;
    transition:  .4s }
.costCalculatorPage .slider:before  {
    position:  absolute;
    content:  "";
    height:  26px;
    width:  26px;
    left:  4px;
    bottom:  4px;
    background-color:  #009a47;
    -webkit-transition:  .4s;
    transition:  .4s }
.costCalculatorPage .switch input:checked+.slider  {
    background-color:  #fff }
.costCalculatorPage .switch input:focus+.slider  {
    box-shadow:  0 0 1px #2196f3 }
.costCalculatorPage .switch input:checked+.slider:before  {
    -webkit-transform:  translateX(64px);
    -ms-transform:  translateX(64px);
    transform:  translateX(64px) }
.costCalculatorPage .slider.round  {
    border-radius:  34px }
.costCalculatorPage .slider.round:before  {
    border-radius:  50% }
.costCalculatorPage .iconmark  {
    position:  absolute;
    left:  10px;
    top:  10px }
.costCalculatorPage .iconclosed  {
    position:  absolute;
    right:  10px;
    top:  10px }
.calculatorSection h4  {
    font-weight:  700;
    margin-top:  50px }
.calculatorSection .text-center input  {
    max-width:  300px;
    margin-top:  20px;
    margin-bottom:  20px;
    text-align:  center;
    color:  #fff }
.fancyCheckbox  {
    max-width:  1000px;
    margin:  80px auto }
.fancyCheckbox p  {
    font-size:  14px }
.calculatorSection .textarea p:after,  .fancyCheckbox p:after  {
    display:  none }
.calculatorSection hr  {
    border-color:  #00ff74;
    max-width:  1200px;
    margin:  0 auto }
.fancyCheckbox .item  {
    width:  12%;
    display:  inline-block }
.priceArea  {
    background-color:  #fff;
    border-radius:  11px;
    padding:  15px;
    max-width:  300px;
    margin:  50px auto }
.priceArea h2,  .priceArea p  {
    color:  #009a47 }
.priceArea h2  {
    font-size:  30px;
    font-weight:  700;
    margin:  0 }
.priceArea p,  .priceArea span  {
    font-size:  17px;
    line-height:  18px }
.priceArea p:after  {
    display:  none }
.calculatorSection hr.margintop50  {
    margin-top:  50px }
.calculatorSection .textarea textarea  {
    background-color:  transparent;
    border-radius:  5px;
    border:  1px solid #fff;
    min-width:  320px }
.stepform01,  .stepform02,  .stepform03,  .stepform05  {
    display:  none }
.costCalculatorPage .our-work-sec  {
    margin-top:  0 }
.marketing-sec .let-start-sec span a:hover  {
    border-bottom:  solid 1px #fff !important }
.menu-area ul li a:before  {
    top:  auto;
    bottom:  -8px }
.cms-page.privacy-policy-page .smart-work-sec  {
    padding-bottom:  60px }
.cms-page.terms-conditions-page .smart-work-sec  {
    padding-bottom:  60px }
.cms-page.thank-you-page .smart-work-sec  {
    padding-bottom:  60px }
.branding-page .custom-web-sec  {
    padding-top:  93px }
.branding-page .custom-web-sec .line  {
    top:  8.625em }
.ms-row-1  {
    margin-top:  40px;
    margin-bottom:  0 }
.ms-row-2  {
    margin-bottom:  40px }
.ms-row-1 .cpc,  .ms-row-2 .cpc  {
    margin-bottom:  30px }
.case-study-sec  {
    margin-top:  0 }
.menu-area  {
    position:  fixed;
    background-color:  rgba(0,  0,  0,  .9) }
.menu-area ul li a  {
    color:  #fff;
    text-transform:  capitalize }
.menu-area ul li  {
    margin:  1em 0 }
.menu-icon.cancel  {
    position:  fixed;
    right:  20px;
    top:  38px !important;
}
footer .nav ul li a:before  {
    top:  25px }
.branding-page .custom-web-sec  {
    padding-bottom:  0 }
footer .nav ul li.dropdown a.dropdown-toggle:hover  {
    background-color:  transparent }
footer .nav ul li.dropdown a.dropdown-toggle:focus  {
    background-color:  transparent }
footer .nav ul li.dropdown ul.dropdown-menu  {
    padding-top:  14px;
    border-radius:  0;
    border:  0;
    background-color:  #cc191b }
footer .nav ul li.dropdown ul.dropdown-menu li a  {
    color:  #fff;
    padding:  0 14px;
    font-weight:  600;
    font-size:  16px;
    line-height:  20px }
footer .nav ul li.dropdown ul.dropdown-menu li a:hover  {
    background-color:  transparent }
footer .nav ul li.dropdown ul.dropdown-menu li a:active  {
    background-color:  transparent }
footer .nav ul li.dropdown ul.dropdown-menu li a:visit  {
    background-color:  transparent }
footer .nav ul li.dropdown ul.dropdown-menu li a:focus  {
    background-color:  transparent }
.custom_col  {
    width:  100% !important;
    max-width:  700px !important;
    margin:  0 auto !important;
    float:  inherit }
.txt-cover  {
    text-align:  center }
.txt-cover p  {
    color:  #231e2b !important;
    font-weight:  400 !important;
    margin-bottom:  0 !important;
    font-size:  20px !important;
    text-transform:  inherit !important }
.request_btn  {
    display:  flex;
    justify-content:  center }
@-webkit-keyframes fadeInLeft  {
    from  {
    opacity:  0;
    -webkit-transform:  translatex(-10px);
    -moz-transform:  translatex(-10px);
    -o-transform:  translatex(-10px);
    transform:  translatex(-10px) }
to  {
    opacity:  1;
    -webkit-transform:  translatex(0);
    -moz-transform:  translatex(0);
    -o-transform:  translatex(0);
    transform:  translatex(0) }
}@-moz-keyframes fadeInLeft  {
    from  {
    opacity:  0;
    -webkit-transform:  translatex(-10px);
    -moz-transform:  translatex(-10px);
    -o-transform:  translatex(-10px);
    transform:  translatex(-10px) }
to  {
    opacity:  1;
    -webkit-transform:  translatex(0);
    -moz-transform:  translatex(0);
    -o-transform:  translatex(0);
    transform:  translatex(0) }
}@keyframes fadeInLeft  {
    from  {
    opacity:  0;
    -webkit-transform:  translatex(-100px);
    -moz-transform:  translatex(-100px);
    -o-transform:  translatex(-100px);
    transform:  translatex(-100px) }
to  {
    opacity:  1;
    -webkit-transform:  translatex(0);
    -moz-transform:  translatex(0);
    -o-transform:  translatex(0);
    transform:  translatex(0) }
}.in-left  {
    -webkit-animation-name:  fadeInLeft;
    -moz-animation-name:  fadeInLeft;
    -o-animation-name:  fadeInLeft;
    animation-name:  fadeInLeft;
    -webkit-animation-fill-mode:  both;
    -moz-animation-fill-mode:  both;
    -o-animation-fill-mode:  both;
    animation-fill-mode:  both;
    -webkit-animation-duration:  1s;
    -moz-animation-duration:  1s;
    -o-animation-duration:  1s;
    animation-duration:  1s;
    -webkit-animation-delay:  .2s;
    -moz-animation-delay:  .2s;
    -o-animation-duration:  1s;
    animation-delay:  .2s }
.feature-article-sec .box  {
    min-height:  310px;
    padding:  8px;
    background:  #fafbff;
    border:  0 }
.seo-page .our-work-sec.pointer  {
    margin-top:  9em;
    padding:  9.5em 0 0 0 }
.marketing-process-sec .tab-sec a  {
    font-weight:  700;
    transition:  all ease .3s }
.marketing-process-sec .tab-sec a.active,  .marketing-process-sec.culture-innovation .tab-sec a.active  {
    background:  linear-gradient(to right,  #d8b52e 4%,  #21b7b0 50%);
    -webkit-background-clip:  text !important;
    -webkit-text-fill-color:  transparent }
.marketing-process-sec .tab-sec a:hover  {
    background:  linear-gradient(to right,  #d8b52e 4%,  #21b7b0 50%);
    -webkit-background-clip:  text !important;
    -webkit-text-fill-color:  transparent }
#our-core-services .tab-sec a.active,  #our-core-services .tab-sec a:hover  {
    -webkit-background-clip:  initial !important;
    -webkit-text-fill-color:  initial }
.aad-page .specialize-sec .main-head  {
    text-align:  center }
.our-digital-marketing h3  {
    margin-bottom:  40px }
.amaz-scroll  {
    bottom:  15.5em }
.home_page .marketing-sec .img-sec .hub-logo img  {
    max-width:  100% }
#our-offices  {
    margin:  0 auto;
    max-width:  1600px }
#our-offices .c--con-flag img  {
    max-width:  500px }
.objective-sec.change  {
    padding-bottom:  150px }
.objective-sec.task .simple-line-img  {
    top:  44% }
.objective-sec.wind .simple-line-img  {
    top:  46% }
.objective-sec.pay .simple-line-img  {
    top:  51% }
.objective-sec.change .simple-line-img  {
    position:  absolute;
    left:  0;
    top:  58% }
.objective-sec.dm .simple-line-img  {
    top:  42% }
.objective-sec.hyp .simple-line-img  {
    top:  51% }
.objective-sec.gur .simple-line-img  {
    top:  49% }
.proud-result-sec.che  {
    height:  48.9em }
.proud-result-sec.dm  {
    height:  907px }
.proud-result-sec.wind  {
    height:  624px }
.proud-result-sec.hyp  {
    height:  801px }
.proud-result-sec.doub  {
    height:  885px }
.proud-result-sec.gur  {
    height:  745px }
.proud-result-sec.t-p  {
    height:  895px }
.thinking-sec .laptop .col-sm-6 img  {
    margin:  0 auto }
.proud-result-sec  {
    height:  54.2em }
.mood-sec h3  {
    margin-bottom:  60px }
.mood-sec.hanz  {
    background:  url(../images/hanz-back.jpg) no-repeat }
.mood-sec.hanz h1  {
    top:  initial;
    line-height:  normal;
    z-index:  initial }
.mood-sec.hanz .shape  {
    position:  absolute;
    left:  12%;
    top:  25% }
.mood-sec.hanz .hanz-app ul  {
    list-style-type:  none;
    padding:  0;
    text-align:  center;
    margin:  114px 0 }
.mood-sec.hanz .hanz-app ul li  {
    display:  inline-block;
    vertical-align:  top;
    position:  relative }
.mood-sec.hanz .hanz-app ul li img  {
    border-radius:  10px 10px 0 0 }
.mood-sec.hanz .hanz-app ul li:not(:first-child)  {
    margin-left:  -40px }
.mood-sec.hanz .hanz-app ul li:nth-child(3)  {
    width:  22%;
    z-index:  100 }
.mood-sec.hanz .hanz-app ul li:first-child,  .mood-sec.hanz .hanz-app ul li:last-child  {
    margin-top:  142px;
    width:  20% }
.mood-sec.hanz .hanz-app ul li:nth-child(2),  .mood-sec.hanz .hanz-app ul li:nth-child(4)  {
    margin-top:  75px;
    width:  20%;
    z-index:  99 }
.mood-sec.change h4  {
    font-size:  224px;
    text-align:  center;
    color:  #2c2932;
    text-transform:  uppercase;
    font-weight:  700;
    position:  relative;
    bottom:  0; }
.portfolio-sec.dubai-sec  {
    overflow:  hidden }
.portfolio-sec.dubai-sec .left-blk  {
    width:  66%;
    float:  left }
.portfolio-sec.dubai-sec .right-blk  {
    width:  33%;
    float:  left }
.portfolio-sec.dubai-sec .last-blk .wrap,  .portfolio-sec.dubai-sec .left-blk .wrap  {
    width:  50%;
    float:  left;
    box-sizing:  border-box;
    padding:  10px }
.portfolio-sec.dubai-sec .right-blk .wrap  {
    width:  100%;
    float:  left;
    box-sizing:  border-box;
    padding:  10px }
.portfolio-sec.dubai-sec .wrap img  {
    margin:  0 !important }
.mood-sec.change  {
    margin-bottom:  0 }
.offer  {
    text-align:  center }
.offer img  {
    display:  inline-block;
    text-align:  center;
    padding:  0 10px }
.portfolio-sec  {
    margin-top:  0 }
.portfolio-sec .block1 img  {
    padding:  0 10px }
.portfolio-sec .block2 img  {
    padding:  0 23px }
.portfolio-sec .container  {
    width:  100% }

.hansz  {
    background:  url(../images/Group171.png) no-repeat;
    margin-bottom:  0;
    padding-bottom:  0 }
    
.thinkings-secs  {
    background:  url(../images/results123.png) no-repeat;
    margin-bottom:  0;
    padding-bottom:  0 }
.box.advantage-top h4  {
    margin-top:  90px;
}
.box.bottom-img img  {
    margin-top:  100px;
}
.tycoon-sec  {
    background:  url(../images/rectangle19.png) no-repeat;
    margin-bottom:  0;
    padding-bottom:  0 }
.soughas  {
    background:  url(../images/sougha/group40io.png) no-repeat !important;
    margin-bottom:  0;
    padding-bottom:  0 }
.tycoons-medias  {
    background:  url(../images/tycoon-media/media-back.png) no-repeat;
    margin-bottom:  0;
    padding-bottom:  0 }
.bottom-media  {
    background:  url(../images/results123.png) no-repeat;
    margin-bottom:  0;
    padding-bottom:  0 }
.thinking-sec .laptop  {
    margin-top:  70px }
.thinking-sec .laptop .col-sm-3  {
    margin-top:  200px }
.thinking-sec .laptop .col-sm-4  {
    margin-top:  150px }
.thinking-sec .laptop .col-sm-3 img  {
    float:  left }
.thinking-sec .laptop h2  {
    text-align:  left }
.thinking-sec .laptop h3  {
    font-size:  34px;
    font-weight:  700;
    text-align:  left;
    margin-bottom:  20px;
    font-family:  'Open Sans',  sans-serif;
	color: #fff;
}
.thinking-sec .laptop h4  {
	font-size: 60px;
	font-weight: 600;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 20px;
	color: #fff;
	margin-top: 70px;
}
.thinking-sec .laptop p  {
    font-size:  16px;
    text-align:  left;
    color:  #000;
    font-family:  'Open Sans',  sans-serif }
.thinking-sec .laptop h2:before  {
    display:  none }
.margin-15  {
    margin-bottom:  15px }
.pad-left-0  {
    padding-left:  0 }
.chebono-case  {
    margin:  80px auto 0 auto;
    max-width:  1200px }
.mood-sec  {
    background:  url(../images/black.jpg) no-repeat;
    margin-bottom:  30px }
.mood-sec h1  {
    font-size:  224px;
    text-align:  center;
    color:  #f7f7f7;
    text-transform:  uppercase;
    font-weight:  700;
    margin-top:  0;
    line-height:  100px;
    position:  relative;
    z-index:  -99;
    top:  -15px }
.chebono-case .gal-wrap  {
    position:  relative }
.chebono-case .shape  {
    position:  absolute;
    left:  0;
    bottom:  0 }
.chebono-case .col-sm-6:nth-child(3)  {
    margin-top:  -50px }
.branding-page .inner-banner .banner-detail-sec:before  {
    bottom:  -1px }
.web-feature-list .icon-sec:before  {
    left:  -5.4125em }
.margin100TB  {
    margin-top:  100px;
    margin-bottom:  100px }
.digital-marketing .services-img-sec  {
    margin-bottom:  100px }
    .portfolio-sec .block1,  .portfolio-sec .block2  {
        justify-content:  center;
        display: flex;
    }
.mood-sec,  .mood-sec.hanz,  .thinking-sec  {
    background-position:  center top }
.banner-slider .portfolio-list  {
    background-size:  cover !important;
    position:  relative }
.portfolio-list::before  {
    content:  '';
    position:  absolute;
    height:  100vh;
    background-color:  #000;
    width:  100%;
    opacity:  .6 }
.banner-slider .portfolio-list p  {
    font-size:  20px;
    letter-spacing:  1px;
    color:  #fff;
    font-weight:  700 }
.banner-slider .portfolio-list h2  {
    margin:  0 0 25px 0;
    font-size:  160px }
.banner-slider .portfolio-list h4  {
    margin-top:  60px }
.portfolio-who-we-are-sec  {
    padding:  0 }
.portfolio-who-we-are-sec .line  {
    position:  absolute;
    left:  0;
    top:  6.5em }
.portfolio-who-we-are-sec h2  {
    text-align:  center;
    font-size:  48px }
.portfolio-who-we-are-sec h2:before  {
    content:  "";
    width:  0;
    height:  0;
    background:  0 0;
    position:  absolute;
    left:  0;
    top:  0 }
.portfolio-who-we-are-sec .mini-heading-port  {
    text-align:  center;
    margin-bottom:  50px }
.portfolio-who-we-are-sec .mini-heading-port img  {
    margin:  0 auto }
.portfolio-who-we-are-sec .mini-heading-port h5  {
    font-size:  16px;
    color:  #0ec1b4;
    position:  absolute;
    left:  0;
    right:  0;
    top:  38px;
    font-weight:  500 }
.portfolio-who-we-are-sec .line  {
    position:  absolute;
    left:  0;
    top:  8.5em }
.portfolio-work-heading  {
    padding:  50px 0 }
.portfolio-work-heading h2  {
    font-size:  80px;
    font-weight:  700 }
.portfolio-work-heading p  {
    font-size:  18px;
    color:  #fff }
.work-sec-portfolio  {
    background-color:  #1e1a25 }
.work-sec-portfolio .column  {
    float:  left;
    display:  none }
.work-sec-portfolio .show  {
    display:  block }
.work-sec-portfolio .nav-tabs  {
    border-bottom:  1px solid #8f8d92;
    text-align:  center;
    margin-bottom:  30px }
.work-sec-portfolio .nav-tabs button.btn  {
    background-color:  transparent;
    color:  #f4effd;
    font-size:  16px;
    text-transform:  uppercase;
    outline:  0;
    padding:  15px 22px }
.work-sec-portfolio .nav-tabs li  {
    float:  none;
    display:  inline-block }
.work-sec-portfolio .nav-tabs li button.btn.active  {
    border:  1px solid #8f8d92;
    border-radius:  0;
    border-bottom-color:  #1e1a25 }
.work-sec-portfolio .main  {
    margin-top:  20px }
.no-padding  {
    padding:  0 }
#background_overlay  {
    z-index:  99999999999 !important }
#background_overlay .flex-div-in .closebtn  {
    text-align:  center !important;
    background-color:  #c52627;
    color:  #fff;
    cursor:  pointer;
    padding:  8px 15px;
    display:  inline;
    margin:  0 auto;
    border-radius:  40px;
    font-size:  20px;
    margin-top:  20px !important }
#background_overlay .flex-div-in  {
    text-align:  center;
    display:  flex;
    align-items:  center;
    width:  100%;
    height:  100%;
    justify-content:  center }
.con-ac-ar  {
    width:  1000px;
    height:  600px;
    position:  relative;
    margin-bottom:  16px !important }
@media screen and (max-width:649px) and (min-width:351px)  {
    .activePopUpImg  {
    width:  95%;
    height:  400px }
}.single-case-studies .objective-sec h3  {
    font-weight:  700 }
.single-case-studies .proud-result-sec .num-sec span  {
    background:  linear-gradient(to right,  #f9b416 20%,  #21b7b0 70%);
    -webkit-background-clip:  text !important;
    -webkit-text-fill-color:  transparent;
    font-weight:  700 }
.single-case-studies .inner-banner .banner-detail-sec ul li:last-child  {
    margin-right:  0 }
.single-case-studies .proud-result-sec  {
    height:  auto;
    background-repeat:  no-repeat;
    background-position:  center 3em }
.single-case-studies .proud-result-sec .box  {
    margin-top:  0 }
.digital-marketing .services-img-sec .marketing-col a  {
    position:  relative;
    background-color:  #e3181b;
    padding:  8px 35px;
    color:  #fff }
.digital-marketing .services-img-sec .marketing-col a:hover  {
    text-decoration:  none !important }
.digital-marketing .box-tab-sec .box:hover .normal,  .digital-marketing .box-tab-sec .icon .hover,  .hido .box-tab-sec .box:hover .normal,  .hido .box-tab-sec .icon .hover  {
    display:  none }
.digital-marketing .box-tab-sec .box:hover .hover,  .hido .box-tab-sec .box:hover .hover  {
    display:  inline-block }
.branding-page .who-head h3  {
    right:  18px;
    left:  inherit;
    top:  -30px }
.digital-marketing .custom-web-sec .line  {
    top:  12.625em !important }
.branding-page #cds.custom-web-sec h2  {
    margin-top:  101px }
.branding-design-page #cds.custom-web-sec h2  {
    margin-top:  41px }
.branding-page .custom-web-sec h2  {
    margin-top:  0;
    margin-left:  100px }
.branding-page .who-head .triangle  {
    top:  5px }
.branding-design-page #cds.custom-web-sec .who-head .triangle  {
    top:  41px }
.branding-page .custom-web-sec .line  {
    top:  6em }
.branding-page .who-head .triangle  {
    right:  -110px }
.branding-page .web-feature-list .icon-sec:before  {
    top:  0 }
.branding-page .learn-more  {
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0;
    margin:  3.75em 0 6.25em 0 }
.branding-page .learn-more span  {
    position:  relative;
    z-index:  9 }
.branding-page .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.branding-page .learn-more:hover:before  {
    width:  100% }
.branding-page .engage-slider-sec h3:after  {
    display:  inline-block;
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  15px 10px 0 10px;
    border-color:  #c72628 transparent transparent transparent;
    content:  "";
    margin:  0 0 0 10px }
.branding-page .slick-slide .learn-more  {
    margin-left:  160px;
    margin-top:  30px }
.ppc-page .our-work-sec  {
    margin-top:  0 }
.ppc-page .engage-slider-sec  {
    margin-bottom:  0 }
.home_page .special-sec .box-tab-sec  {
    min-height:  inherit }
.home_page .box-tab-sec .collapse:nth-child(5)  {
    display:  none }
.home_page .special-sec .box-tab-sec h3.active  {
    background:  linear-gradient(to right,  #d8b52e 4%,  #21b7b0 50%);
    -webkit-background-clip:  text !important;
    -webkit-text-fill-color:  transparent }
.showMobile  {
    display:  none }
#mobileSlider .item  {
    min-height:  250px }
#mobileSlider .item:nth-child(1)  {
    background-color:  #51ece1 }
#mobileSlider .item:nth-child(2)  {
    background-color:  #fdc546 }
#mobileSlider .item:nth-child(3)  {
    background-color:  #e5474a }
.banner-slider #mobileSlider h4  {
    font-size:  1.2em }
.banner-slider #mobileSlider h2  {
    margin-bottom:  10px }
.banner-slider #mobileSlider .carousel-indicators  {
    bottom:  0;
    z-index:  3 }
#mobileSlider .carousel-caption  {
    text-shadow:  none;
    bottom:  40px }
.banner-slider #mobileSlider .logo-sec  {
    margin-bottom:  0;
    position:  absolute;
    z-index:  2;
    left:  0;
    right:  0;
    margin:  0 auto;
    top:  20px;
    text-align:  center }
.banner-slider #mobileSlider .logo-sec:after  {
    content:  "";
    width:  40px;
    height:  2px;
    background-color:  #f9b416;
    display:  block;
    margin:  20px auto 0 auto }
.home_page .marketing-sec .let-start-sec span a:hover  {
    text-decoration:  none;
    border:  none !important }
.home_page .marketing-sec .let-start-sec  {
    border:  1px solid #716a7b;
    padding:  15px 60px;
    margin-top:  0;
    border-top:  none }
.home_page .marketing-sec .let-start-sec:before  {
    left:  35px }
.home_page .marketing-sec .let-start-sec:after  {
    right:  35px }
.home_page .marketing-sec:before  {
    display:  none }
.home_page .marketing-sec>h3  {
    padding-bottom:  30px;
    margin-bottom:  0;
    position:  relative }
.home_page .marketing-sec>h3 span  {
    position:  relative;
    z-index:  2 }
.home_page .marketing-sec>h3:before  {
    content:  "";
    width:  28%;
    height:  100px;
    border:  1px solid #716a7b;
    border-bottom:  none;
    position:  absolute;
    left:  0;
    right:  0;
    margin:  0 auto;
    top:  0;
    z-index:  1 }
.home_page .marketing-sec:after  {
    z-index:  2 }
.home_page .marketing-sec  {
    height:  auto }
.home_page .marketing-sec .img-sec  {
    margin-top:  0;
    z-index:  1;
    margin-bottom:  80px }
.accordion .list.three,  .accordion .list.two  {
    left:  0 }
.banner-slider .accordion li  {
    width:  100% }
.banner-slider .list  {
    width:  100% !important }
.home_page .special-sec .box-tab-sec .icon.active .hover,  .home_page .special-sec .box-tab-sec .linkHover:hover .hover  {
    display:  block }
.home_page .special-sec .box-tab-sec .icon .hover,  .home_page .special-sec .box-tab-sec .icon.active .normal,  .home_page .special-sec .box-tab-sec .linkHover:hover .normal  {
    display:  none }
.home_page .marketing-sec .red-box  {
    z-index:  4 }
.redContactSection  {
    padding:  80px 0;
    font-family:  Montserrat,  sans-serif;
    background:  #cc191b;
    background:  -moz-radial-gradient(center,  ellipse cover,  #cc191b 0,  #a81213 81%,  #a81213 100%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #cc191b 0,  #a81213 81%,  #a81213 100%);
    background:  radial-gradient(ellipse at center,  #cc191b 0,  #a81213 81%,  #a81213 100%) }
.redContactSection h6  {
    font-size:  16px;
    color:  #f9b416;
    text-transform:  uppercase }
.redContactSection h2  {
    font-size:  48px;
    font-weight:  700;
    color:  #fff;
    margin:  35px 0;
    position:  relative }
.redContactSection input,  .redContactSection select,  .redContactSection textarea  {
    width:  100%;
    resize:  none;
    border:  none;
    padding:  15px;
    margin-bottom:  25px;
    font-family:  Montserrat,  sans-serif }
.redContactSection input:focus,  .redContactSection select:focus,  .redContactSection textarea:focus  {
    outline:  0 }
.redContactSection input[type=submit]  {
    background-color:  #1d8c84;
    color:  #fff;
    font-size:  22px;
    font-weight:  700;
    line-height:  22px }
.redContactSection select  {
    padding:  17px 15px 16px 15px }
.page-marketing-solutions .d-flex-center .redContactSection select  {
    padding:  15px 10px }
.redContactSection select option:first-child  {
    display:  none }
.redContactSection h2:before  {
    content:  "";
    width:  100%;
    max-width:  380px;
    height:  60px;
    position:  absolute;
    left:  15px;
    top:  0;
    background:  url(../../assets/images/whiteDotrpt.png) repeat left top;
    display:  block }
.inner-banner .banner-detail-sec h1  {
    font-size:  5em;
    color:  #fff;
    font-weight:  800;
    line-height:  .9375em;
    letter-spacing:  -.0625em;
    position:  relative;
    z-index:  2;
    top:  .5625em }
.inner-banner .banner-detail-sec h1 span  {
    color:  #0ec1b4 }
.services-img-sec h2  {
    font-size:  2.875em;
    font-weight:  700;
    line-height:  1.25em }
.smart-work-sec h1  {
    font-weight:  800;
    font-size:  2.8125em;
    margin-top:  0 }
.mobileApp-page .inner-banner .banner-detail-sec h1,  .seo-page .inner-banner .banner-detail-sec h1  {
    font-size:  4em;
    top:  .9625em }
.mad-page .inner-banner .banner-detail-sec h1  {
    font-size:  3.6em;
}
.seo-page.print-design .inner-banner .banner-detail-sec h1  {
    font-size:  3.5em;
    top:  1.2em }
.cro-page .inner-banner .banner-detail-sec h1  {
    font-size:  1.5em;
    font-weight:  600;
    text-transform:  uppercase;
    position:  relative;
    letter-spacing:  .125em }
.cro-page .inner-banner .banner-detail-sec h2  {
    top:  .9625em }
.cro-page .inner-banner .banner-detail-sec h1:before  {
    content:  "";
    width:  2.1875em;
    height:  2px;
    background:  #f9b416;
    position:  absolute;
    bottom:  -1.25em;
    left:  0 }
.has-transition  {
    -webkit-transition:  all .4s 0s;
    -moz-transition:  all .4s 0s;
    -ms-transition:  all .4s 0s;
    -o-transition:  all .4s 0s;
    transition:  all .4s 0s }
#header-desktop  {
    position:  relative;
    z-index:  999;
    width:  100%;
    transform-style:  preserve-3d;
    -webkit-transform-style:  preserve-3d;
    transition:  transform .4s linear;
    -webkit-transition:  transform .4s linear }
#header-desktop.is-flipped  {
    height:  100vh }
.header-nav  {
    width:  100%;
    position:  relative }
#header-desktop .header-panel  {
    display:  none }
#header-desktop.is-flipped .header-panel  {
    width:  100%;
    position:  relative;
    height:  100vh;
    background-color:  rgba(0,  0,  0,  .9);
    position:  absolute;
    top:  -23%;
    display:  block }
.header-panel-submenu  {
    width:  100%;
    overflow:  hidden;
    height:  0 }
.header-panel-submenu.is-open  {
    height:  100% }
.header-panel-title  {
    margin:  0;
    line-height:  120px }
.header-panel-close  {
    cursor:  pointer;
    z-index:  9999;
    display:  none }
#header-desktop.is-flipped .header-panel-close  {
    display:  inline-block }
#header-desktop.is-flipped .header-panel-body  {
    background-color:  pink;
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    padding:  30px 10px }
#header-desktop.secondSubMenu .header-panel  {
    top:  -36% }
.home_page .who-we-are-sec h2  {
    margin:  0 0 10px 0 }
.home_page .who-we-are-sec h1,  .home_page .who-we-are-sec h2  {
    display:  inline }
.branding-page .custom-web-sec h1,  .branding-strategy-page .custom-web-sec h1,  .mobileApp-page .custom-web-sec h1  {
    margin:  0 0 1.25em 0;
    color:  #fff;
    font-weight:  700;
    position:  relative;
    font-size:  40px }
#serverMangement .carousel-caption  {
    left:  0;
    right:  0;
    bottom:  inherit;
    top:  0;
    position:  relative }
.what-cms-sec #serverMangement h2  {
    margin-bottom:  .575em;
    margin-top:  60px }
.what-cms-sec #serverMangement p,  .what-cms-sec #serverMangement ul  {
    text-align:  left }
.serverMangement-page ul  {
    margin-bottom:  0 }
.what-cms-sec #serverMangement p  {
    padding:  0 }
.serverMangement-page .what-cms-sec .black-box  {
    margin:  0 }
#serverMangement .carousel-inner>.item  {
    height:  auto;
    min-height:  inherit }
.serverMangement-page .marketing-process-sec p,  .serverMangement-page ul  {
    color:  #fff }
.serverMangement-page .what-cms-sec li  {
    line-height:  1.5625em }
.serverMangement-page .marketing-process-sec li  {
    line-height:  1.5625em;
    font-weight:  700;
    font-size:  1.2em }
.serverMangement-page .marketing-process-sec .tab-sec  {
    height:  auto }
.serverMangement-page.cms-page .what-cms-sec .laptop-img  {
    margin:  3em 0 1em 0 }
.serverMangement-page .engage-slider-sec.change  {
    margin-bottom:  0 }
.engage-slider-sec .bor-right  {
    padding-bottom:  7em }
.serverMangement-page #serverMangement .carousel-indicators  {
    bottom:  inherit;
    top:  30px }
.serverMangement-page .marketing-process-sec .tab-sec a  {
    font-size:  1.525em;
    margin-bottom:  3em }
.serverMangement-page .marketing-process-sec .tab-sec a:nth-child(1)  {
    padding-top:  0 }
.serverMangement-page .marketing-process-sec .tab-sec a:nth-child(3)  {
    padding-bottom:  0;
    margin-bottom:  0 }
.serverMangement-page .marketing-process-sec h3  {
    font-size:  1.5em;
    color:  #f3e529 }
.serverMangement-page .marketing-process-sec  {
    padding-bottom:  100px }
ul.submenu li a  {
    font-size:  3.375em }
.iphonex-sec .detail .learn-btn  {
    color:  #fff;
    background-color:  #e3181b;
    padding:  8px 35px }
.mobileApp-page .web-feature-list .detail.last  {
    margin-bottom:  0 }
.mobileApp-page .carousel-control.left,  .mobileApp-page .carousel-control.right  {
    bottom:  23px;
}
.mobileApp-page .custom-web-sec .web-feature-list .request-btn  {
    display:  inline-block }
.testimonials_page .specialize-sec  {
    margin-bottom:  0 }
.testimonials_page .specialize-sec .bor-right  {
    padding-bottom:  4.625em }
.testimonials_page .specialize-sec .services-detail-sec.right  {
    min-height:  500px }
.testimonials_page .specialize-sec .main-head  {
    width:  14.625em;
    text-align:  center;
    top:  6.3125em }
.thumbSlider .slick-dots li  {
    width:  auto;
    height:  auto;
    margin:  0 }
.thumbSlider .slick-dots li.slick-active  {
    background-color:  #c72628 }
.thumbSlider .slick-dots  {
    bottom:  inherit;
    top:  -80px;
    z-index:  999;
    right:  45% }
.thumbSlider .pagerThumbitem  {
    padding:  12px;
    display:  block;
    border:  1px solid #c72628;
    font-weight:  700;
    color:  #fff }
.thumbSlider .slick-dots li:nth-child(2)  {
    margin:  0 10px }
.home_page .box-tab-sec .box  {
    cursor:  default }
.ddosForm  {
    margin-top:  60px }
.ddosForm .formtoparea  {
    background-color:  #c52527;
    padding:  25px;
    position:  relative;
    z-index:  9 }
.ddosForm .formtoparea h2,  .ddosForm .formtoparea p  {
    color:  #fff }
.ddosForm .formtoparea h2  {
    font-size:  26px }
.ddosForm .formtoparea p:before  {
    display:  none }
.ddosForm .formtoparea p  {
    padding:  0;
    width:  100%;
    margin:  0;
    letter-spacing:  -.7px;
    line-height:  24px }
.ddosForm .formbottomarea  {
    background:  #362f43;
    background:  -moz-linear-gradient(top,  #362f43 0,  #211d29 100%);
    background:  -webkit-gradient(left top,  left bottom,  color-stop(0,  #362f43),  color-stop(100%,  #211d29));
    background:  -webkit-linear-gradient(top,  #362f43 0,  #211d29 100%);
    background:  -o-linear-gradient(top,  #362f43 0,  #211d29 100%);
    background:  -ms-linear-gradient(top,  #362f43 0,  #211d29 100%);
    background:  linear-gradient(to bottom,  #362f43 0,  #211d29 100%);
    padding:  40px 25px;
    position:  relative }
.ddosForm .formbottomarea input  {
    background-color:  #fff;
    border:  none;
    width:  100%;
    padding:  12px;
    margin-bottom:  20px;
    font-size:  15px }
.ddosForm .formbottomarea input[type=submit]  {
    background-color:  #c52527;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    font-size:  18px }
.ddosForm .formtoparea:after  {
    content:  "";
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  20px 20px 0 20px;
    border-color:  #c52527 transparent transparent transparent;
    position:  absolute;
    left:  25px;
    bottom:  -18px;
    display:  block }
.ddosForm .formbottomarea:after  {
    content:  "";
    width:  60px;
    height:  55px;
    position:  absolute;
    left:  0;
    right:  0;
    margin:  0 auto;
    bottom:  0;
    display:  block;
    background:  url(../../assets/images/whiteDotrpt.png) repeat left top }
.getprotectLink span  {
    z-index:  1;
    position:  relative;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.getprotectLink:hover:before  {
    width:  100% }
.getprotectLink:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.getprotectLink:hover span  {
    color:  #fff }
.getprotectLink  {
    font-size:  1em;
    color:  #231e2b;
    text-transform:  uppercase;
    font-weight:  700;
    border:  1px solid #14918a;
    display:  inline-block;
    text-align:  center;
    position:  relative;
    padding:  15px;
    margin:  20px 0 0 0;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    margin-left:  15% }
.ddos_page .smart-work-sec  {
    margin-top:  0 }
.cro-page .engage-slider-sec,  .ddos_page .specialize-sec  {
    margin-bottom:  0 }
.ddos_page .btn-red  {
    background:  #cc191b;
    color:  #fff;
    border-radius:  0;
    position:  fixed;
    right:  1%;
    top:  45%;
    z-index:  9;
    font-weight:  700 }
.ddos_page #ddosModalForm .modal-content  {
    background:  0 0;
    box-shadow:  none;
    border:  none }
.ddos_page #ddosModalForm .formtoparea  {
    text-align:  center;
    background-color:  transparent;
    padding:  0 }
.ddos_page #ddosModalForm .formtoparea h2  {
    font-size:  28px }
#ddosModalForm .ddosForm .formbottomarea:after,  .ddos_page #ddosModalForm .formtoparea:after  {
    display:  none }
.ddos_page #ddosModalForm .formbottomarea  {
    background:  0 0 }
.ddos_page #ddosModalForm label  {
    color:  #fff;
    font-weight:  400;
    font-size:  14px }
.ddos_page #ddosModalForm textarea  {
    width:  100%;
    resize:  none;
    padding:  6px 12px;
    font-size:  15px;
    border:  none }
.ddos_page #ddosModalForm .modal-header  {
    border:  none }
.ddos_page #ddosModalForm button.close  {
    color:  #fff;
    border:  1px solid #14918a;
    font-size:  36px;
    font-weight:  400;
    padding:  5px 10px;
    opacity:  1 }
.ddos_page .modal-backdrop.in  {
    opacity:  .9 }
.ddos_page #ddosModalForm p  {
    color:  #fff }
.ddos_page #ddosModalForm .ddosForm  {
    margin-top:  0 }
.ddos_page #ddosModalForm .radio-inline input[type=radio]  {
    margin-left:  5px;
    padding:  0;
    left:  0;
    top:  3px;
    width:  auto }
.ddos_page .whiteText  {
    color:  #fff;
    margin:  0;
    padding:  0;
    padding-left:  15px }
.ddos_page #ddosModalForm .formbottomarea input  {
    padding:  6px 12px;
    margin-bottom:  6px }
.ddos_page #ddosModalForm .formbottomarea  {
    padding:  0 }
#ddosModalForm .ddosForm .formbottomarea input[type=submit]  {
    display:  inline-block;
    margin-top:  15px;
    width:  auto;
    padding:  10px 30px }
.ddos_page #ddosModalForm .modal-body  {
    padding:  0 }
.ddos_page .modal.in .modal-dialog  {
    background-color:  #000;
    border:  1px solid #14918a;
    margin-top:  10px }
.ddos_page #ddosModalForm .modal-header  {
    padding:  10px 15px }
.ddos_page .specialize-sec .bor-right  {
    padding-bottom:  1em }
.print-design .bottom-service-sec  {
    padding:  3em 0 0 0 }
::-webkit-scrollbar  {
    width:  10px }
#scroll_2  {
    position:  fixed;
    bottom:  20%;
    right:  -20px;
    z-index:  9999;
    border:  none;
    outline:  0;
    background-color:  #1d8c84;
    color:  #fff;
    cursor:  pointer;
    padding:  8px 15px;
    border-radius:  80px;
    font-size:  18px;
    -webkit-transform:  rotate(-90deg);
    -moz-transform:  rotate(-90deg);
    -ms-transform:  rotate(-90deg);
    -o-transform:  rotate(-90deg);
    display:  none }
#scroll_2:hover  {
    background-color:  #f9b416 }
footer a,  footer strong  {
    color:  #fff }
footer h3 a  {
    color:  #14918a }
.copyrightIconSize  {
    font-size:  1.4em;
    vertical-align:  top }
.new-digital-marketing-page .inner-banner .banner-detail-sec:before  {
    display:  none }
.new-digital-marketing-page .inner-banner .banner-detail-sec h1  {
    top:  80px }
.new-digital-marketing-page .inner-banner .banner-detail-sec h3  {
    margin-bottom:  0 }
.new-digital-marketing-page .inner-banner .banner-detail-sec  {
    height:  auto }
.new-digital-marketing-page .inner-banner  {
    height:  27em }
.new-digital-marketing-page .inner-banner .dot  {
    z-index:  2;
    bottom:  -22% }
.d-flex-center  {
    display:  flex;
    align-items:  center;
    position:  relative;
    z-index:  2 }
.new-digital-marketing-page .digitalExperienceSection  {
    background:  url(../images/digital-marketing-banner.jpg) no-repeat top center;
    position:  relative;
    padding-top:  10%;
    padding-bottom:  3%;
    z-index:  0 }
.new-digital-marketing-page .digitalExperienceSection .container  {
    max-width:  1412px;
    width:  100% }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-weight:  400;
    color:  #fff;
    margin-bottom:  0;
    display:  inline-block;
    padding:  1.5%;
    font-size:  55px;
    margin-left:  6%;
    text-shadow:  1px 3px 5px rgba(0,  0,  0,  .5) }
.textGreenBg  {
    background-color:  rgba(29,  140,  132,  .5) }
.textBlackBg  {
    background-color:  rgba(0,  0,  0,  .5) }
.new-digital-marketing-page .digitalExperienceSection .redContactSection  {
    background:  rgba(201,  47,  39,  .78);
    padding:  20px 30px;
    background-blend-mode:  multiply }
.new-digital-marketing-page .digitalExperienceSection .redContactSection input[type=submit]  {
    margin-bottom:  0;
    width:  auto;
    font-family:  Montserrat,  sans-serif;
    font-weight:  700;
    font-size:  16px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection input,  .page-marketing-solutions .digitalExperienceSection .redContactSection select  {
    margin-bottom:  15px;
    padding:  10px 15px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection .g-recaptcha,  .new-digital-marketing-page .digitalExperienceSection .redContactSection textarea  {
    margin-bottom:  15px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h2  {
    font-weight:  700;
    font-size:  25px;
    margin-top:  0;
    margin-bottom:  35px;
    margin-left:  0 }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h2:before  {
    display:  none }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h6  {
    font-family:  Montserrat,  sans-serif;
    font-weight:  700;
    font-size:  16px;
    margin-top:  0 }
.new-digital-marketing-page .result-metter-sec .greyHeadLarge  {
    font-size:  200px;
    color:  #dde4f1;
    text-transform:  uppercase;
    font-weight:  600;
    text-align:  center;
    line-height:  145px;
    position:  relative;
    bottom:  -25px;
    z-index:  -1 }
.new-digital-marketing-page .result-metter-sec .yellowStrip  {
    background-color:  #f9b416;
    color:  #fff;
    position:  absolute;
    bottom:  22%;
    right:  12.5%;
    width:  44%;
    text-align:  left;
    padding-left:  3%;
    padding-top:  1%;
    padding-bottom:  1% }
.new-digital-marketing-page .result-metter-sec .yellowStrip>p  {
    margin-bottom:  0;
    font-size:  24px;
    font-weight:  700 }
.new-digital-marketing-page .result-metter-sec .greenStrip  {
    background-color:  #1d8c84;
    color:  #fff;
    position:  absolute;
    bottom:  0;
    right:  12.5% }
.new-digital-marketing-page .result-metter-sec .greenStrip>a  {
    padding:  15px }
.new-digital-marketing-page .result-metter-sec .yellowStrip.two  {
    right:  2.8%;
    width:  75% }
.new-digital-marketing-page .result-metter-sec .greenStrip.two  {
    right:  2.8% }
.new-digital-marketing-page .result-metter-sec .yellowStrip.three  {
    right:  19.2%;
    width:  82%;
    bottom:  30% }
.new-digital-marketing-page .result-metter-sec .greenStrip.three  {
    right:  19.2%;
    bottom:  7% }
.new-digital-marketing-page .result-metter-sec .yellowStrip.four  {
    right:  14.2%;
    width:  75%;
    bottom:  38% }
.new-digital-marketing-page .result-metter-sec .greenStrip.four  {
    right:  14.2%;
    bottom:  15% }
.new-digital-marketing-page .result-metter-sec .yellowStrip.five  {
    right:  3%;
    width:  75%;
    bottom:  23% }
.new-digital-marketing-page .result-metter-sec .greenStrip.five  {
    right:  3%;
    bottom:  0 }
.new-digital-marketing-page .result-metter-sec .yellowStrip.six  {
    right:  auto;
    left:  2%;
    width:  44%;
    bottom:  23% }
.new-digital-marketing-page .result-metter-sec .greenStrip.six  {
    right:  6%;
    bottom:  5.5% }
.new-digital-marketing-page .result-metter-sec .whiteStrip  {
    background-color:  #fff;
    color:  #000;
    text-align:  left;
    padding:  15px;
    display:  inline-block }
.new-digital-marketing-page .result-metter-sec .whiteStrip>p  {
    margin-bottom:  0;
    font-size:  48px;
    font-weight:  700 }
.new-digital-marketing-page .result-metter-sec .whiteStrip>i  {
    float:  right;
    font-size:  48px;
    font-weight:  700;
    margin-right:  10% }
.new-digital-marketing-page .result-metter-sec .margin100TB  {
    margin-top:  50px;
    margin-bottom:  50px }
.new-digital-marketing-page .marketing-col  {
    right:  0;
    bottom:  50px;
    top:  inherit;
    opacity:  1 }
.new-digital-marketing-page .digitalServicesWorkBg  {
    background:  url(../images/digital-service-work-us.png) no-repeat top center;
    padding:  100px 20px }
.new-digital-marketing-page .digitalExperienceSection:before  {
    width:  37%;
    height:  120px;
    position:  absolute;
    right:  0;
    top:  0;
    background-color:  #c92f27;
    content:  "" }
footer .dmca-badge-parent  {
}
footer .dmca-badge-parent>a  {
    display:  inline-block }
.branding-strategy-page .web-feature-list  {
    border:  none;
    margin-left:  0;
    padding-left:  0 }
.branding-strategy-page .brandStrategy-img02  {
    padding-top:  150px }
.branding-strategy-page .custom-web-sec .col-md-4  {
    padding-left:  0 }
.branding-strategy-page .web-feature-list .detail  {
    padding-left:  0;
    width:  100%;
    float:  none }
.branding-strategy-page .web-feature-list .box  {
    float:  none }
.branding-strategy-page .custom-web-sec .request-btn  {
    margin-left:  0;
    margin-top:  150px }
.branding-strategy-page .why-choose-sec  {
    margin-top:  0 }
.branding-strategy-page .engage-slider-sec  {
    margin-bottom:  0 }
.branding-strategy-page .engage-slider-sec .services-detail-sec  {
    padding-top:  50px;
    padding-bottom:  50px }
.branding-strategy-page .engage-slider-sec .services-detail-sec p  {
    padding-left:  50px }
.branding-strategy-page .engage-slider-sec .services-detail-sec p:before  {
    display:  none }
.branding-strategy-page .cms-slider .box li,  .branding-strategy-page .cms-slider .box ul  {
    padding:  0;
    list-style:  none;
    position:  relative }
.branding-strategy-page .cms-slider .box li span  {
    color:  #0ec1b4;
    font-weight:  700;
    position:  absolute;
    left:  15px }
.branding-strategy-page .brandGuidelines  {
    background:  url(../images/brand-strategy-img04.jpg) no-repeat top center }
.branding-strategy-page .col-md-6  {
    padding:  0 0;
    color:  #fff }
.branding-strategy-page .greyBg.col-md-6  {
    padding:  100px 0 }
.branding-strategy-page .greyBg h2  {
    color:  #fff;
    font-size:  48px;
    padding-left:  10% }
.branding-strategy-page .greyBg h4  {
    position:  relative;
    left:  -100px;
    color:  #fff;
    text-transform:  uppercase;
    font-size:  16px }
.branding-strategy-page .greyBg h3  {
    padding-left:  10% }
fon .branding-strategy-page .greyBg p  {
    padding-left:  10% }
.branding-strategy-page .greyBg a  {
    margin-left:  10%;
    margin-top:  50px;
    display:  inline-block;
    padding:  10px 25px;
    color:  #fff;
    font-size:  16px;
    border:  1px solid #fff }
.branding-page .custom-web-sec p  {
    color:  #fff }
.corporatePage .who-head .triangle  {
    right:  0 }
.corporatePage .engage-slider-sec h3  {
    font-size:  40px;
    margin-top:  50px;
    text-transform:  capitalize }
.about-us-page .smart-work-sec p:before,  .branding-page .engage-slider-sec .slick-dots,  .corporatePage .engage-slider-sec .slick-dots  {
    display:  none }
.corporatePage .engage-slider-sec .services-detail-sec p  {
    margin-bottom:  15px }
.corporatePage #cds  {
    padding-bottom:  0 }
body.corporatePage #ecl-co h3  {
    position:  relative;
    background:  none;
}
body.corporatePage #ecl-co h3:before  {
    background:  url('../../assets/images/all_icons.png') no-repeat -675px -10px;
    width:  11px;
    height:  69px;
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    margin:  auto;
}
body.corporatePage #ecl-co p  {
    position:  relative;
    background:  none;
}
body.corporatePage #ecl-co p:before  {
    background:  url('../../assets/images/all_icons.png') no-repeat -166px -588px;
    width:  44px;
    height:  44px;
    content:  "";
    position:  absolute;
    left:  0;
    top:  0;
}
body.corporatePage .web-feature-list .icon-sec.target-img1  {
    background:  url('../../assets/images/all_icons.png') no-repeat -150px -390px;
}
body.corporatePage .web-feature-list .icon-sec.target-img2  {
    background:  url('../../assets/images/all_icons.png') no-repeat -254px -391px;
}
body.about-us-page .smart-work-sec p  {
    width:  100%;
    padding:  0 }
body.about-us-page #cdte ul  {
    padding-left:  130px;
    padding-top:  20px }
.ecommerce-page .what-cms-sec li,  body.about-us-page #cdte h4,  body.about-us-page #cdte li  {
    color:  #fff }
body.about-us-page #cdte p  {
    margin-top:  30px;
    float:  none;
    width:  100% }
body.about-us-page #cdte h2  {
    margin-top:  50px }
body.about-us-page #cdte .view-btn  {
    margin:  0;
    margin-left:  126px;
    margin-top:  50px }
body.about-us-page .marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  55px }
body.about-us-page .marketing-process-sec .tab-sec a  {
    font-size:  .9em }
.cro-page .appraoch-sec .detail-sec .num-sec .box  {
    margin-right:  1em;
    width:  22% }
.cms-page .engage-slider-sec  {
    margin-bottom:  0 }
.ecommerce-page .what-cms-sec ul  {
    max-width:  300px;
    margin:  0 auto;
    padding:  0 }
.ecommerce-page .what-cms-sec li  {
    margin-bottom:  10px;
    text-align:  left }
.logo-design-page .marketing-process-sec h2  {
    font-size:  2.5em }
.logo-design-page .marketing-process-sec .tab-sec a  {
    margin-bottom:  0.5em }
.logo-design-page .smart-work-sec p  {
    width:  90% }
.logo-design-page .appraoch-sec .detail-sec p,  .print-design .appraoch-sec .detail-sec p,  .seo-page .appraoch-sec .detail-sec p  {
    font-size:  1.2em }
.logo-design-page .appraoch-sec .detail-sec .big-head,  .print-design .appraoch-sec .detail-sec .big-head  {
    margin-top:  1em }
.print-design .box-tab-sec  {
    width:  67%;
    margin:  0 auto }
.home_page .goal-sec p  {
    width:  98% }
.home_page .goal-sec .collapse.dcol.collapse-float-none  {
    float:  none }
.home_page .goal-sec .object-sec .learn-more  {
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    margin-left:  0 }
.home_page .banner-slider .list.first  {
    background:  url(../../assets/images/hmBnr01.jpg) no-repeat }
.home_page .banner-slider .list.two  {
    background:  url(../../assets/images/hmBnr02.jpg) no-repeat }
.home_page .banner-slider .list.three  {
    background:  url(../../assets/images/hmBnr03.jpg) no-repeat }
.home_page .banner-slider h2  {
    font-size:  5em }
.home_page .special-sec .box-tab-sec  {
    padding-left:  0 }
.home_page .box-tab-sec .box  {
    width:  100%;
    margin-bottom:  70px;
}
.home_page .box-tab-sec h3  {
    font-size:  20px;
    line-height:  25px }
.home_page .logo-sec:after  {
    content:  "";
    width:  48px;
    height:  2px;
    background-color:  #f9b416;
    display:  block;
    margin:  40px auto 0 auto }
.home_page .marketing-sec:after  {
    display:  none }
.home_page .marketing-sec>h3:after  {
    content:  "";
    width:  4.875em;
    height:  5px;
    position:  absolute;
    left:  0;
    right:  0;
    top:  -.125em;
    margin:  0 auto;
    background:  #f9b416;
    z-index:  2 }
.ctaBtn  {
    background-color:  #c72628;
    padding:  10px 25px;
    color:  #fff;
    text-transform:  uppercase;
    font-size:  17px;
    display:  inline-block;
    margin-top:  50px }
.home_page .special-sec .learn-more  {
    background-image:  none;
    border:  1px solid transparent;
    width:  auto;
    height:  auto;
    border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416);
    border-image-slice:  1;
    line-height:  18px }
.sticky-top-contact-bar  {
    position:  fixed;
    top:  0;
    width:  100%;
    left:  0;
    right:  0;
    text-align:  right;
    background-color:  #fff;
    z-index:  999999999999;
    padding-top:  10px;
    padding-bottom:  10px;
    box-shadow:  1px 2px 2px rgba(0,  0,  0,  .5) }
.sticky-top-contact-bar>ul  {
    max-width:  1880px;
    width:  38%;
    margin:  0 auto }
.sticky-top-contact-bar>ul>li  {
    margin-right:  15px }
.sticky-top-contact-bar>ul>li>a  {
    color:  #131313;
    font-size:  15px;
    font-weight:  700 }
.sticky-top-contact-bar>ul>li>img  {
    margin-right:  10px }
.menu-icon  {
    z-index:  2222222222 }
.menu-area.active  {
    z-index:  11 }
.menu-icon.cancel  {
    z-index:  11 }
.page-portfolio .work-sec-portfolio .column .content  {
    height:  335px;
    overflow:  hidden;
    margin-bottom:  30px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    line-height:  1;
    top:  44px }
.about-us-page .smart-work-sec .green-line-img,  .android-app-page .smart-work-sec .green-line-img  {
    width:  13% }
.about-us-page .smart-work-sec #a-specializing .img-wrapper  {
    height:  90px;
    display:  flex;
    align-items:  center }
.about-us-page .smart-work-sec #a-specializing .caption>p  {
    color:  #0ec1b4 }
.about-us-page .about-us-large-red-section  {
    padding-left:  7% }
.about-us-page #cdte .purple-line  {
    top:  15% }
.about-us-page #cdte p  {
    line-height:  27px }
.about-us-page .marketing-process-sec .dot-img  {
    width:  100% }
.about-us-page .smart-work-sec #a-specializing .caption  {
    font-weight:  700 }
.about-us-page .smart-work-sec #a-specializing .caption>p  {
    font-weight:  400;
    margin-top:  0 }
.android-app-page .inner-banner .banner-detail-sec h2  {
    line-height:  1.1;
    top:  30px }
.appraoch-sec .detail-sec .learn-more,  .custom-gredient-button,  .logo-design-page .smart-work-sec .learn-more  {
    background-image:  none;
    border:  1px solid transparent;
    width:  auto;
    height:  auto;
    border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416);
    border-image-slice:  1;
    line-height:  18px;
    padding:  15px 25px;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
    position:  relative;
    margin-top:  50px;
    display:  inline-block }
.appraoch-sec .detail-sec .learn-more:before,  .custom-gredient-button:before,  .logo-design-page .smart-work-sec .learn-more:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.appraoch-sec .detail-sec .learn-more:hover:before,  .custom-gredient-button:hover:before,  .logo-design-page .smart-work-sec .learn-more:hover:before  {
    width:  100% }
.appraoch-sec .detail-sec .learn-more span,  .custom-gredient-button span,  .logo-design-page .smart-work-sec .learn-more span  {
    z-index:  1;
    position:  relative;
    color:  #000;
    font-weight:  700 }
.appraoch-sec .detail-sec .learn-more:hover span,  .custom-gredient-button:hover span,  .logo-design-page .smart-work-sec .learn-more:hover span  {
    width:  100% }
.android-app-page .appraoch-sec .detail-sec .big-head  {
    float:  none }
.home_page .banner-slider .list.four  {
    background:  url(../../assets/images/hmBnr04.jpg) no-repeat }
#mobileSlider .item img  {
    min-height:  250px }
.custom-gredient-button span.white-text,  .white-text  {
    color:  #fff }
body.about-us-page #cdte li  {
    width:  42%;
    display:  inline-block }
body.about-us-page #cdte li:before  {
    vertical-align:  top;
    margin-top:  6px;
    content:  "";
    display:  inline-block;
    width:  8px;
    height:  8px;
    background-color:  #fff;
    border-radius:  5px;
    margin-right:  10px }
.android-app-page .specialize-sec .main-head  {
    position:  relative;
    top:  inherit;
    margin-top:  50px;
    margin-bottom:  20px }
.android-app-page .specialize-sec .mar-top  {
    margin-top:  5em }
.aad-page .specialize-sec .services-detail-sec.right,  .android-app-page .specialize-sec .services-detail-sec  {
    padding:  3em 6.25em }
.android-app-page .specialize-sec  {
    margin-bottom:  0 }
.print-design .workLibrarySection_5 .zindex2 h2  {
    margin-top:  40px }
.print-design .workLibrarySection_5:after  {
    height:  80% }
.careersPage .contactArea p  {
    font-weight:  400;
    color:  #000;
    text-transform:  none;
    margin-bottom:  10px }
.careersPage .contactArea h4  {
    margin:  50px 0 20px 0;
    color:  #0ec1b4 }
.careersPage .contactArea:before  {
    display:  none }
.careersPage .inner-banner  {
    background:  url(../../assets/images/careerhdrBg.jpg) no-repeat center top transparent;
    background-size:  100% }
.careersPage .inner-banner .banner-detail-sec h2  {
    margin-top:  270px }
.ecommerce-page .smart-work-sec p  {
    width:  100% }
.ecommerce-page .smart-work-sec p:before  {
    display:  none }
.ecommerce-page .smart-work-sec p.first:before  {
    content:  "";
    width:  4.375em;
    height:  1px;
    position:  absolute;
    left:  0;
    top:  .75em;
    background:  #000;
    display:  block }

.home_page .marketing-sec .red-box  {
    margin-top:  0 }
.pack-design .appraoch-sec .detail-sec:after  {
    bottom:  6px }
.g-recaptcha>div  {
    width:  100% }
.mobileApp-page .custom-gredient-button  {
    margin-top:  0 }
.mobileApp-page .why-choose-sec  {
    margin-top:  5em }
.mobileApp-page .engage-slider-sec  {
    margin-bottom:  0;
    padding:  2em 0 }
.mobileApp-page .engage-slider-sec .bor-right  {
    padding-bottom:  2em }
.home_page .imgHm01  {
    margin:  0 0 20px 36px }
.aad-page .specialize-sec .mar-top  {
    margin-top:  5em }
.aad-page .specialize-sec .services-detail-sec  {
    padding:  3em 6em }
.aad-page .specialize-sec .main-head  {
    top:  50px;
    position:  relative }
.aad-page .our-work-sec .box-tab-sec h3  {
    text-transform:  uppercase }
.seo-page .smart-work-sec p  {
    width:  100% }
.branding-page .web-feature-list .detail.last  {
    margin-bottom:  2em }
.our-work-sec .project-sec .project-dot  {
    padding-bottom:  5px }
.mobileApp-page .project-sec .project-dot  {
    display:  block;
    margin-left:  auto;
    margin-right:  auto;
    width:  55px;
    height:  107px;
    background:  url('../../assets/images/all_icons.png') no-repeat -609px -40px;
}
.about-us-page #our-offices.marketing-process-sec .tab-sec  {
    top:  90px }
.new-digital-marketing-page .digitalExperienceSection h2.textGreenBg  {
    width:  94% }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  30px;
    line-height:  1.1 }
.web-development .inner-banner .dot  {
    z-index:  0;
    width:  25% }
.web-development .inner-banner .banner-detail-sec  {
    z-index:  1 }
.web-development .custom-web-sec .line  {
    width:  23% }
.corporatePage .project-sec p  {
    color:  #fff;
    padding-top:  20px }
.what-cms-sec .black-box h4  {
    color:  #fff }
.menu-icon  {
    position:  fixed;
    top:  44px;
    right:  15px }
.menu-icon.cancel  {
    z-index:  2222222222 }
.goal-sec h5  {
    color:  #231e2b;
    font-weight:  800;
    margin:  1em 0;
    position:  relative;
    z-index:  2;
    font-size:  31px }
.logo-design-page .smart-work-sec h3  {
    font-weight:  800;
    font-size:  2.8125em;
    color:  #231e2b }
.print-design .workLibrarySection_5 .zindex2 h3  {
    font-size:  40px;
    font-weight:  700 }
.print-design .workLibrarySection_5 .dcol  {
    margin-top:  0 }
.terms-conditions-page h4  {
    padding-left:  0;
    font-size:  22px;
    margin-top:  20px }
.terms-conditions-page h4:before  {
    display:  none }
.terms-conditions-page p.t-para:before  {
    display:  none !important }
.terms-conditions-page p.t-para  {
    width:  100%;
    font-size:  16px;
    padding-left:  0;
    line-height:  28px;
    margin-bottom:  15px;
    margin-top:  15px }
.terms-conditions-page h2.t-h2  {
    margin-top:  60px;
    font-size:  35px }
.margin-top-20  {
    margin-top:  20px !important }
.terms-conditions-page ul.t-ul  {
    padding-left:  16px }
.terms-conditions-page ul.t-ul li  {
    margin-bottom:  15px;
    line-height:  28px;
    font-size:  16px }
.terms-conditions-page h2.first  {
    margin-top:  60px }
.mobile-app-video  {
    background-color:  #1e1a25;
    text-align:  center;
    padding-top:  100px }
.mobile-app-video>a  {
    display:  inline-block;
    font-size:  1em;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn2.png) no-repeat;
    width:  309px;
    height:  52px;
    display:  block;
    text-align:  center;
    position:  relative;
    line-height:  52px !important;
    padding:  0;
    margin:  0 auto;
    margin-top:  80px;
    position:  relative }
.mobile-app-video>a>span  {
    position:  relative;
    z-index:  0 }
.mobile-app-video>a:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.mobile-app-video>a:hover:before  {
    width:  100% }
.kcal .inner-portfolio-banner  {
    background:  url(../../assets/images/portfolio-inner/kcal/portfolio-inner-banner.png) no-repeat top center;
}
.kcal.mobile-portfolio-page .section-one  {
	background-size: cover !important;
    background-image:  url(../../assets/images/portfolio-inner/kcal/section-one-bg.png) }
.kcal .prototype-content:before  {
    background-image:  url(../../assets/images/portfolio-inner/kcal/prototype-icon.png);
}
.kcal.mobile-portfolio-page .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/kcal/section-two-bg.jpg);
}
.kcal .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/kcal/section-three-bg.png);
}
.kcal .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/kcal/full-image.png);
}
.sougha .inner-portfolio-banner  {
    background:  url(../../assets/images/portfolio-inner/sougha/banner.png) no-repeat top center;
}
.sougha.mobile-portfolio-page .section-one  {
	background-size: cover;
    background-image:  url(../../assets/images/portfolio-inner/sougha/section-one-bg.png) }
.sougha .prototype-content:before  {
    background-image:  url(../../assets/images/portfolio-inner/sougha/prototype-icon.png);
}
.sougha.mobile-portfolio-page .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/sougha/section-two-bg.jpg);
}
.sougha .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/sougha/section-three-bg.png);
}
.sougha .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/sougha/full-image.png);
}
.sougha .section-repeat-head-number  {
    color:  #503516;
    border-bottom:  1px solid #503516;
}
.sougha .section-repeat-head-text  {
    color:  #503516;
}
.sougha .prototype-content h2  {
    color:  var(--primary);
}
.prototype-content p  {
    color:  #503516;
}
.abu-moosa .inner-portfolio-banner  {
    background:  url(../../assets/images/portfolio-inner/abu-moosa/portfolio-inner-banner.png) no-repeat top center;
}
.abu-moosa .section-two  {
    background:  url(../../assets/images/portfolio-inner/abu-moosa/explore-bg.png) no-repeat top center;
}
.abu-moosa .section-three  {
    background:  url(../../assets/images/portfolio-inner/abu-moosa/section-three-bg.png) no-repeat top center;
    padding-top:  159px;
}
.abu-moosa .inner-portfolio-page ul.has-portfolio li>img  {
    box-shadow:  none !important;
}
.abu-moosa .image-benefits  {
    box-shadow:  none !important;
}
.abu-moosa .image-benefits  {
    display:  flex;
    justify-content:  center;
    align-items:  center;
    margin:  0 auto;
    width:  77%;
    float:  none;
}
.abu-moosa .explore-large-screen  {
    width:  20%;
}
.abu-moosa .explore-tablet  {
    float:  none;
    width:  59%;
}
.abu-moosa .explore-mobile  {
    width:  25%;
    bottom:  20%;
    right:  0;
}
.one-heart .inner-portfolio-banner  {
    background:  url(../../assets/images/portfolio-inner/one-heart/portfolio-inner-banner.png) no-repeat top center;
}
.one-heart .section-two  {
    background:  url(../../assets/images/portfolio-inner/one-heart/explore-bg.png) no-repeat top center;
}
.one-heart .section-three  {
    background:  url(../../assets/images/portfolio-inner/one-heart/section-three-bg.png) no-repeat top center;
    padding-top:  159px;
}
.one-heart .inner-portfolio-page ul.has-portfolio li>img  {
    box-shadow:  none !important;
}
.one-heart .image-benefits  {
    box-shadow:  none !important;
}
.one-heart .image-benefits  {
    display:  flex;
    justify-content:  center;
    align-items:  center;
    margin:  0 auto;
    width:  77%;
    float:  none;
}
.one-heart .explore-tablet  {
    width:  auto;
}
.case-mob-S .col-lg-3  {
    width:  20%;
}
.utmsu-banner  {
    background:  url(../../case-studies/utmsu/img/sssss.png) no-repeat !important;
}
.ducktindo  {
    background:  url(../../assets/images/ducktindo/Mob.jpg) no-repeat !important;
}
.tycoon-media  {
    background:  url(../../assets/images/tycoon-media/Blue-Banner.jpg) no-repeat !important;
}
.rinse-car-wash  {
    background:  url(../../case-studies/rinse-car-wash/img/Dosra-naam.jpg) no-repeat !important;
}
.umex  {
    background:  url(../../case-studies/umex/img/Rectangle-7.jpg) no-repeat !important;
}
.tycoon  {
    background:  url(../../case-studies/tycoon/img/group37.png) no-repeat !important;
}
.sell-now  {
    background:  url(../../case-studies/sell-now/img/group35.png) no-repeat !important;
}
.munasabah  {
    background:  url(../../assets/images/munasabah/tesra-naam.jpg) no-repeat !important;
}
.kcal-banner  {
    background:  url(../../case-studies/kcal/img/cs-bg.png) no-repeat !important;
}
.kcal-page .proud-result-sec.che  {
    display:  block;
}
.kcal-page .mood-sec  {
    background-image:  linear-gradient(to bottom,  #164533 74%,  transparent 35%);
    margin-bottom:  140px;
}
.kcal-page .mood-sec h1  {
    top:  139px;
}
.kcal-page .chebono-case .shape  {
    bottom:  -26%;
}
.kcal-page .thinking-sec  {
    margin-top:  98px;
}
.case-study.kcal-page .proud-result-sec .box  {
    padding:  6.25em 6.25em 6.25em 6.25em;
}
.kcal-page .mood-sec h2  {
    font-size:  2.6em;
}
.kcal-page .proud-result-sec .box .inner-portfolio-page  {
    overflow-x:  hidden }
.inner-portfolio-banner  {
    background:  url(../../case-studies/launch-pad/img/portfolio-inner-banner.jpg) no-repeat top center;
    padding-top:  150px;
    padding-bottom:  170px;
    text-align:  center;
    position:  relative }
.portfolio-inner-logo  {
    margin:  0 auto;
    float:  none }
.inner-portfolio-page .inner-portfolio-banner>.logo-sec  {
    position:  absolute;
    top:  10%;
    left:  5% }
.inner-portfolio-category  {
    font-weight:  700;
    font-size:  22px;
    color:  var(--white);
    text-transform:  uppercase;
    margin-top:  50px;
    padding-bottom:  30px;
    position:  relative }
.inner-portfolio-category:after  {
    content:  "";
    position:  absolute;
    width:  48px;
    height:  2px;
    background-color: var(--white);
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto }
.inner-portfolio-page .section-one  {
    background:  #fff;
    background:  -moz-linear-gradient(bottom,  #1e1a25 75%,  #fff 25%);
    background:  -webkit-linear-gradient(bottom,  #1e1a25 75%,  #fff 25%);
    background:  linear-gradient(to bottom,  #1e1a25 75%,  #fff 25%);
    padding-top:  100px;
    padding-bottom:  0 }
.inner-portfolio-page ul.has-portfolio  {
    width:  51%;
    margin:  0 auto;
    padding-left:  0 }
.inner-portfolio-page ul.has-portfolio li  {
    display:  block;
    width:  100% }
.inner-portfolio-page ul.has-portfolio li>img  {
    width:  100%;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.inner-portfolio-page .section-one ul.has-portfolio  {
    position:  relative;
    top:  -200px }
.position-relative  {
    position:  relative }
.position-absolute  {
    position:  absolute }
.launch-home-tablet  {
    left:  75%;
    bottom:  75%;
    width:  57% !important;
    box-shadow:  none !important }
.launch-home-mobile  {
    left:  -15%;
    bottom:  15%;
    width:  29% !important;
    box-shadow:  none !important }
.section-two  {
    background:  url(../../case-studies/launch-pad/img/explore-bg.jpg) no-repeat top center;
    padding-top:  90px;
    padding-bottom:  90px;
    text-align:  center;
    color:  #fff }
.inner-portfolio-head-two  {
  
    font-weight:  700;
    color:  #fff;
    font-size:  62px }
.inner-portfolio-head-two>small  {
    color:  #fff;
    position:  relative }
.inner-portfolio-head-two>small:after  {
    content:  "";
    display:  inline-block;
    width:  10px;
    height:  10px;
    background-color:  #fff;
    border-radius:  100% }
.inner-portfolio-p  {
    text-align:  center;
    color:  #fff;
    font-size:  20px;
    line-height:  30px;
    max-width:  1180px;
    width:  100%;
    margin:  95px auto }
.btn-transparent,  .btn-transparent:focus,  .btn-transparent:hover  {
 
    font-weight:  100;
    font-size:  18px;
    color:  #fff;
    border:  1px solid rgba(255,  255,  255,  .5);
    display:  inline-block;
    background-image:  none;
    background-color:  transparent;
    border-radius:  0;
    padding:  15px 45px;
    line-height:  1;
    position:  relative }
.section-two .btn-transparent:before  {
    content:  "";
    position:  absolute;
    top:  0;
    left:  0;
    width:  20px;
    height:  20px;
    border-left:  2px solid #fff;
    border-top:  2px solid #fff }
.section-two .btn-transparent:after  {
    content:  "";
    position:  absolute;
    bottom:  0;
    right:  0;
    width:  20px;
    height:  20px;
    border-bottom:  2px solid #fff;
    border-right:  2px solid #fff }
.section-three  {
    background-color:  #c9a554;
    padding-top:  240px;
    padding-bottom:  0 }
.section-three ul.has-portfolio  {
    width:  80% }
.section-three ul.has-portfolio>li>img  {
    box-shadow:  none }
.section-four  {
    background-color:  #eee;
    padding-top:  0;
    padding-bottom:  400px }
.section-four ul.has-portfolio  {
    width:  80% }
.inner-portfolio-head-black  {
   
    font-weight:  700;
    font-size:  56px;
    color:  #000;
    line-height:  70px }
.section-four>.container  {
    max-width:  1150px;
    width:  100%;
    margin:  0 auto;
    padding-left:  15px;
    padding-right:  15px;
    margin-top:  180px }
.section-four .inner-portfolio-p  {

    font-size:  20px;
    color:  #3c3f46;
    text-align:  left;
    margin-top:  0;
    margin-bottom:  0;
    padding-left:  80px;
    position:  relative }
.section-four .inner-portfolio-p:before  {
    content:  "";
    position:  absolute;
    right:  calc(100% - 50px);
    top:  15px;
    width:  50px;
    height:  1px;
    background-color:  #3c3f46 }
.section-five  {
    background-color:  #fff;
    padding-top:  0;
    padding-bottom:  0 }
.section-five ul.has-portfolio  {
    width:  80% }
.launch-pad .section-five  {
    background-color:  transparent }
.section-five ul.has-portfolio>li>img  {
    box-shadow:  none }
.flex-space-between  {
    display:  flex;
    justify-content:  space-around;
    margin-top:  120px;
    margin-bottom:  120px;
    align-items:  flex-start }
.explore-mobile  {
    display:  inline-block;
    width:  15% }
.explore-tablet  {
    display:  inline-block }
.section-five li.position-relative>img  {
    width:  auto !important;
    margin:  auto }
.section-five li.position-relative>.position-absolute  {
    top:  0;
    bottom:  0;
    margin:  auto;
    left:  0;
    right:  0;
    padding-top:  15% }
.section-five li.position-relative>.position-absolute>img  {
    display:  inline-block }
.explore-mobile  {
    float:  right;
    position:  absolute;
    bottom:  20%;
    right:  17% }
.explore-tablet  {
    float:  right;
    width:  21% }
.explore-large-screen  {
    width:  58% }
.launch-iphone-screen  {
    width:  25.5% }
.image-benefits  {
    float:  left;
    width:  95%;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.image-support  {
    float:  right;
    width:  85%;
    position:  relative;
    top:  -100px;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.image-partners  {
    float:  none;
    margin:  0 auto;
    width:  90%;
    position:  relative;
    top:  -200px;
    z-index:  1;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.launch-pad .section-five ul.has-portfolio  {
    position:  relative;
    top:  -150px }
.section-six  {
    background-color:  #1e1a25;
    padding-top:  150px;
    padding-bottom:  150px }
.flex-space-around  {
    display:  flex;
    justify-content:  space-around;
    align-items:  center }
.section-six .btn-transparent  {
    border-color:  #d02c2f }
.footer-view-screen  {
    width:  60%;
    margin:  0 auto }
.reps-and-sets .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/reps-and-sets/banner.jpg) }
.reps-and-sets .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/reps-and-sets/section-two-three-bg.jpg);
    padding-bottom:  0;
    padding-top:  200px }
.reps-and-sets .section-three  {
    background-image:  none;
    background-color:  transparent;
    text-align:  center;
    padding-top:  340px }
.reps-and-sets .section-three>h2  {
    margin-bottom:  90px }
.reps-and-sets .image-main-footer  {
    float:  none;
    margin:  0 auto;
    width:  90%;
    position:  relative;
    z-index:  1;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.chebonu .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/chebonu/banner.jpg);
    padding-top:  120px;
    padding-bottom:  150px }
.no-box-shadow  {
    box-shadow:  none !important }
.chebonu .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/chebonu/section-two-three-bg.jpg);
    padding-bottom:  0;
    padding-top:  0 }
.chebonu .section-two-inner  {
    background-color:  rgba(24,  25,  35,  .7);
    padding-top:  100px;
    padding-bottom:  100px }
.chebonu .section-three  {
    background-color:  rgba(228,  2,  46,  .7) }
.chebonu .section-two-inner>.inner-portfolio-p  {
    margin:  60px auto }
.chebonu .section-three  {
    padding-top:  140px }
.chebonu .section-three>img  {
    margin:  0 auto;
    width:  84% }
.chebonu .section-three>h2  {
    margin-bottom:  100px }
.chebonu .section-four  {
    padding-bottom:  200px }
.chebonu .section-four ul.has-portfolio  {
    width:  84% }
.chebonu .section-five ul.has-portfolio  {
    position:  static;
    margin-bottom:  150px }
.full-image  {
    width:  100% }
.chebonu-slider-image-content  {
    position:  relative }
.image-slider-chebonu  {
    float:  none;
    width:  65%;
    position:  relative;
    top:  -100px;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    margin:  0 auto;
    margin-top:  -100px }
.content-slider-chebonu  {
    float:  none;
    width:  44%;
    position:  absolute;
    top:  100px;
    right:  70px;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    margin:  0 auto }
.home-page-mobile  {
    left:  -15%;
    bottom:  50%;
    width:  29% !important;
    box-shadow:  none !important }
.puerto-rico .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/puerto-rico/banner.jpg) }
.puerto-rico .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/puerto-rico/section-two-bg.jpg);
    padding-bottom:  100px }
.section-two-column-half  {
    width:  50%;
    display:  inline-block }
.section-two-column-half.right  {
    float:  right }
.section-two-column-half.right img  {
    position:  relative;
    top:  35px;
    z-index:  1 }
.section-two-column-half.left img  {
    position:  relative;
    top:  -90px;
    z-index:  1 }
.puerto-rico .section-three  {
    text-align:  center;
    padding-top:  130px;
    background-color:  #b2191e }
.puerto-rico .section-three h2  {
    margin-bottom:  60px }
.puerto-rico .section-two .inner-portfolio-p  {
    margin:  60px auto }
.puerto-rico .section-four ul.has-portfolio  {
    width:  84%;
    background-color:  #fff;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    padding-top:  180px;
    padding-bottom:  180px;
    position:  relative }
.puerto-rico .section-four ul.has-portfolio .left img  {
    margin:  0 auto;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    position:  relative;
    z-index:  1;
    width:  77% !important }
.puerto-rico .section-four ul.has-portfolio .right img  {
    border-radius:  12%;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    position:  relative;
    z-index:  1;
    width:  53% !important }
.puerto-rico-car  {
    position:  absolute;
    box-shadow:  none !important;
    width:  55% !important;
    right:  -100px;
    z-index:  0;
    top:  0;
    bottom:  0;
    margin:  auto }
.puerto-rico .section-four  {
    padding-bottom:  200px }
.content-slider-puerto-rico  {
    float:  none;
    width:  44%;
    position:  absolute;
    bottom:  -100px;
    right:  0;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    margin:  0 auto }
.image-slider-puerto-rico  {
    float:  none;
    width:  65%;
    position:  relative;
    top:  -100px;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    margin:  0 auto }
.full-image-four  {
    margin-top:  100px }
.puerto-rico .explore-mobile  {
    border-radius:  12% }
.kdi .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/kdi/banner.jpg) }
.kdi .section-two  {
    background-color:  #e50d12;
    background-image:  url(../../assets/images/portfolio-inner/kdi/red-bg-image.png);
    background-position:  left center }
.kdi .section-two .inner-portfolio-p  {
    max-width:  1100px }
.kdi .section-three  {
    padding-top:  0;
    background-color:  transparent }
.kdi .section-four  {
    padding-bottom:  200px }
.some-key-facts-kdi  {
    float:  none;
    width:  44%;
    position:  absolute;
    bottom:  -10%;
    right:  10%;
    z-index:  2;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3);
    margin:  0 auto }
.kdi .full-image.last  {
    margin-top:  200px }
.becon .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/becon/banner.jpg);
    padding-top:  125px;
    padding-bottom:  145px }
.becon .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/becon/section-two-bg.jpg) }
.becon .section-two .inner-portfolio-p  {
    margin:  60px auto }
.becon .section-three  {
    background-color:  transparent;
    padding-top:  0 }
.becon .section-four  {
    padding-bottom:  200px }
.becon .section-five ul.has-portfolio  {
    margin-bottom:  100px !important }
.becon .our-gallery-becon  {
    float:  none;
    width:  65%;
    margin:  100px auto;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.becon .full-image.last  {
    margin-top:  30px }
.al-hawra .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/al-hawra/banner.jpg);
    padding-top:  100px;
    padding-bottom:  130px }
.al-hawra .section-one  {
    background:  #fff;
    background:  -moz-linear-gradient(bottom,  #0d2151 75%,  #fff 25%);
    background:  -webkit-linear-gradient(bottom,  #0d2151 75%,  #fff 25%);
    background:  linear-gradient(to bottom,  #0d2151 75%,  #fff 25%) }
.al-hawra .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/al-hawra/section-two-bg.jpg) }
.al-hawra .section-two .inner-portfolio-p  {
    margin:  60px auto }
.al-hawra .section-three  {
    background-color:  transparent;
    padding-top:  0 }
.al-hawra .section-four  {
    padding-bottom:  200px }
.al-hawra .section-five ul.has-portfolio  {
    margin-bottom:  100px !important }
.al-hawra .half-image-al-hawra  {
    float:  none;
    width:  65%;
    margin:  100px auto;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.al-hawra .last  {
    margin-top:  50px }
.gscs .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/gscs/banner.jpg) }
.gscs .section-one  {
    background:  #fff;
    background:  -moz-linear-gradient(bottom,  #546588 75%,  #fff 25%);
    background:  -webkit-linear-gradient(bottom,  #546588 75%,  #fff 25%);
    background:  linear-gradient(to bottom,  #546588 75%,  #fff 25%) }
.gscs .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/gscs/section-two-bg.jpg) }
.gscs .section-two .inner-portfolio-p  {
    margin:  60px auto }
.gscs .section-three  {
    background-color:  transparent;
    padding-top:  0 }
.gscs .section-four  {
    padding-bottom:  200px }
.gscs .section-five ul.has-portfolio  {
    margin-bottom:  100px !important }
.gscs .half-image-al-hawra  {
    float:  none;
    width:  65%;
    margin:  100px auto;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.gscs .last  {
    margin-top:  50px }
.gscs .launch-home-tablet  {
    bottom:  90% }
.almas .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/almas/banner.jpg);
    padding-top:  125px;
    padding-bottom:  140px }
.almas .section-one  {
    background:  #fff;
    background:  -moz-linear-gradient(bottom,  #272637 75%,  #fff 25%);
    background:  -webkit-linear-gradient(bottom,  #272637 75%,  #fff 25%);
    background:  linear-gradient(to bottom,  #272637 75%,  #fff 25%) }
.almas .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/almas/section-two-bg.jpg) }
.almas .section-two .inner-portfolio-p  {
    margin:  60px auto }
.almas .section-three  {
    background-color:  transparent;
    padding-top:  0 }
.almas .section-four  {
    padding-bottom:  200px }
.almas .section-five ul.has-portfolio  {
    margin-bottom:  100px !important }
.almas .half-image-al-hawra  {
    float:  none;
    width:  65%;
    margin:  100px auto;
    box-shadow:  1px 7px 67px rgba(0,  0,  0,  .3) }
.almas .last  {
    margin-top:  50px }
.new-portfolio-image:hover  {
    opacity:  .8 }
.section-two>.btn-transparent  {
    display:  none !important }
.section-two>.inner-portfolio-p  {
    margin-bottom:  0 !important }
.section-two-inner>.btn-transparent  {
    display:  none !important }
.section-two-inner>.inner-portfolio-p  {
    margin-bottom:  0 !important }
.reps-and-sets .section-four  {
    padding-bottom:  200px }
.reps-and-sets .section-five ul.has-portfolio  {
    margin-bottom:  100px }
.puerto-rico .section-five ul.has-portfolio  {
    margin-bottom:  100px }
/*@font-face  {*/
/*    font-family:  HelveticaNeue-Bold;*/
/*    src:  url(../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.eot?#iefix) format('embedded-opentype'),  url(../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.woff) format('woff'),  url(../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.ttf) format('truetype'),  url(../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.svg#HelveticaNeue-Bold) format('svg');*/
/*    font-weight:  400;*/
/*    font-style:  normal }*/
/*@font-face  {*/
/*    font-family:  HelveticaNeue-Light;*/
/*    src:  url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.eot?#iefix) format('embedded-opentype'),  url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.otf) format('opentype'),  url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.woff) format('woff'),  url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.ttf) format('truetype'),  url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.svg#HelveticaNeue-Light) format('svg');*/
/*    font-weight:  400;*/
/*    font-style:  normal }*/
/*@font-face  {*/
/*    font-family:  MyriadPro-Regular;*/
/*    src:  url(../fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix) format('embedded-opentype'),  url(../fonts/MyriadPro-Regular/MyriadPro-Regular.otf) format('opentype'),  url(../fonts/MyriadPro-Regular/MyriadPro-Regular.woff) format('woff'),  url(../fonts/MyriadPro-Regular/MyriadPro-Regular.ttf) format('truetype'),  url(../fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular) format('svg');*/
/*    font-weight:  400;*/
/*    font-style:  normal }*/
.page-portfolio .content>a  {
    display:  inline-block }
.mobile-portfolio-page .inner-portfolio-banner  {
    padding-top:  0;
    padding-bottom:  0;
    height:  100vh;
    background-size:  cover;
    background-position:  center }
.mobile-portfolio-page .inner-portfolio-category  {
    padding-bottom:  0;
    padding-top:  30px }
.mobile-portfolio-page .inner-portfolio-category:after  {
    bottom:  auto;
    top:  0 }
.flex-center  {
    display:  flex;
    align-items:  center;
    width:  100%;
    height:  100%;
    text-align:  center }
.flex-center>div  {
    width:  100% }
.section-repeat-head  {
    width:  100%;
    color:  #fff;
    font-size:  16px;
    font-weight:  700 }
.section-repeat-head-number  {
    width:  100%;
    max-width:  230px;
    color:  #fff;
    text-align:  right;
    border-bottom:  1px solid #fff;
    width:  100%;
    line-height:  1;
    letter-spacing:  4px;
    margin-bottom:  15px }
.section-repeat-head-text  {
    color:  #fff;
    text-align:  left;
    width:  100%;
    line-height:  1;
    letter-spacing:  5px;
    text-transform:  uppercase;
    font-family:  HelveticaNeue-Bold }
.flex-column-around  {
    display:  flex;
    align-items:  center;
    justify-content:  space-between;
    width:  100%;
    padding-left:  77px;
    margin-top:  130px;
    margin-bottom:  165px }
.circle-relative  {
    position:  relative }
.white-circle  {
    position:  absolute;
    top:  0;
    right:  0;
    bottom:  0;
    left:  0;
    margin:  auto }
.icon-top  {
    position:  absolute;
    left:  0;
    right:  0;
    margin:  auto;
    bottom:  calc(100% - 60px) }
.icon-bottom  {
    position:  absolute;
    left:  0;
    right:  0;
    margin:  auto;
    top:  calc(100% - 60px) }
.icon-right  {
    position:  absolute;
    top:  0;
    bottom:  0;
    margin:  auto;
    left:  calc(100% - 60px) }
.icon-left  {
    position:  absolute;
    top:  0;
    bottom:  0;
    margin:  auto;
    right:  calc(100% - 60px) }
.flex-column-around.row-one  {
    margin-bottom:  40px;
    margin-top:  80px }
.flex-column-around.row-two  {
    margin-top:  0;
    margin-bottom:  65px;
    flex-direction:  row;
    justify-content:  flex-end }
.mobile-portfolio-page .section-one  {
    padding-top:  100px;
    padding-bottom:  100px;
    background-image:  url(../../case-studies/gangster-strength/img/section-one-bg.jpg);
    position:  relative;
    overflow:  hidden;
    background-repeat:  no-repeat;
	background-size: cover !important;
}
.mobile-portfolio-page .section-one .container  {
    max-width:  1700px;
    width:  100% !important }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(1)  {
    width:  20% }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(2)  {
    width:  40%;
	height: 550px;
}
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(3)  {
    width:  27% }
.mobile-portfolio-page .section-two  {
    padding-top:  100px;
    padding-bottom:  100px;
    background-image:  url(../../case-studies/gangster-strength/img/section-two-bg.jpg);
    background-repeat:  no-repeat;
	background-size: cover !important;
}
.mobile-portfolio-page .section-two .container  {
    max-width:  1700px;
    width:  100% !important }
.mobile-portfolio-page .section-two .flex-column-around  {
    padding-left:  0 }
.mobile-portfolio-page .section-three  {
    padding-top:  100px;
    padding-bottom:  100px;
    background-repeat:  no-repeat;
    background-color:  #fff }
.mobile-portfolio-page .section-three .container  {
    max-width:  1700px;
    width:  100% !important }
.mobile-portfolio-page .section-three .flex-column-around  {
    padding-left:  0 }
.mobile-portfolio-page .section-four  {
    padding-top:  100px;
    padding-bottom:  100px;
    background-repeat:  no-repeat;
    background-color:  #fff;
    background-position:  top center;
    background-size:  cover }
.mobile-portfolio-page .section-four .container  {
    max-width:  1700px;
    width:  100% !important;
    margin-top:  0 }
.mobile-portfolio-page .section-four .flex-column-around  {
    padding-left:  0 }
.prototype-content  {
    width:  33%;
    text-align:  left;
    margin-left:  50px;
    padding-left:  100px;
    position:  relative }
.prototype-content h2  {
    font-size:  26px;
  
    color:  #3b5578;
    font-weight:  700;
    text-transform:  uppercase;
    margin-bottom:  40px }
.prototype-content p  {
    font-size:  18px;
    font-family:  MyriadPro-Regular;
    color:  #3b5578;
    padding-right:  25% }
.prototype-content:before  {
    content:  "";
    position:  absolute;
    background-image:  url(../../case-studies/gangster-strength/img/prototype-icon.png);
    width:  66px;
    height:  66px;
    top:  0;
    left:  0 }
.prototype-images  {
    width:  64%;
    display:  flex;
    justify-content:  space-between }
.flex-column-around.design-section  {
    max-width:  1350px;
    width:  100%;
    margin:  0 auto;
    margin-top:  150px;
    margin-bottom:  80px }
.prototype-images>div>img  {
    width:  100% }
.mobile-portfolio-page .section-four .flex-column-around  {
    padding-left:  0;
    margin-top:  80px;
    margin-bottom:  70px }
.fake-sec  {
    width:  100%;
    height:  120vh }
.for-ripple-effect  {
    position:  absolute;
    width:  100%;
    height:  100%;
    right:  20px;
    z-index:  0;
    top:  5px }
.ripple  {
    position:  absolute;
    width:  100%;
    height:  100% }
.ripple>span  {
    position:  absolute;
    top:  0;
    left:  0;
    width:  0;
    height:  0;
    margin:  auto;
    border-radius:  50%;
    animation:  animate 10s linear infinite;
    background-color:  #27395c;
    bottom:  0;
    right:  0;
    opacity:  .25 }
.ripple>span:nth-child(1)  {
    animation-delay:  0s }
.ripple>span:nth-child(2)  {
    animation-delay:  5s }
.ripple>span:nth-child(3)  {
    animation-delay:  10s }
@keyframes animate  {
    0%  {
    width:  0;
    height:  0;
    opacity:  0 }
20%  {
    width:  400px;
    height:  400px;
    opacity:  0 }
40%  {
    width:  600px;
    height:  600px;
    opacity:  0 }
60%  {
    width:  800px;
    height:  800px;
    opacity:  .25 }
80%  {
    width:  1000px;
    height:  1000px }
100%  {
    width:  1200px;
    height:  1200px;
    opacity:  0 }
}.fake-sec,  .mobile-portfolio-page .inner-portfolio-banner,  .mobile-portfolio-page .section-four,  .mobile-portfolio-page .section-one,  .mobile-portfolio-page .section-three,  .mobile-portfolio-page .section-two,  .skrollr-footer  {
    position:  fixed;
    width:  calc(100% - 40px);
    height:  100vh;
    top:  0;
    overflow:  hidden }
.skrollr-footer  {
    z-index:  0 }
.mobile-portfolio-page .section-four  {
    z-index:  2 }
.fake-sec  {
    z-index:  3 }
.mobile-portfolio-page .section-three  {
    z-index:  4 }
.mobile-portfolio-page .section-two  {
    z-index:  5 }
.mobile-portfolio-page .section-one  {
    z-index:  6 }
.mobile-portfolio-page .inner-portfolio-banner  {
    z-index:  7 }
.mobile-portfolio-page .section-one .container  {
    position:  relative }
.ripple-relative  {
    position:  relative;
    max-width:  1700px;
    width:  100% !important }
.mobile-portfolio-page .right-choice-height  {
    min-height:  612px;
    display:  flex;
    flex-direction:  column;
    background-color:  #1e1a25 }
.mobile-portfolio-page .footer-height  {
    min-height:  1355px;
    display:  flex;
    flex-direction:  column;
    background-color:  #a91213;
    justify-content:  center;
    background:  linear-gradient(to bottom,  #a91213 50%,  #0e0e0e 50%) }
.mobile-portfolio-page .mobile-app-store-button  {
    margin-top:  5%;
    width:  30% }
.mobile-portfolio-page .mobile-app-store-button>p  {
    font-size:  22px;
    font-family:  MyriadPro-Regular;
    color:  #fff }
.mobile-portfolio-page .mobile-app-store-button>a  {
    display:  inline-block }
.al-waha .inner-portfolio-banner  {
    background-image:  url(../../case-studies/gangster-strength/img/banner.jpg) }
.al-waha .section-one .section-repeat-head-number,  .al-waha .section-one .section-repeat-head-text,  .al-waha .section-two .section-repeat-head-number,  .al-waha .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.al-waha .section-three  {
    background-image:  url(../../case-studies/gangster-strength/img/section-three-bg.jpg) }
.al-waha .section-four  {
    background-image:  url(../../case-studies/gangster-strength/img/full-image.jpg) }
.gangster-strength .inner-portfolio-banner  {
    background-image:  url(../../case-studies/gangster-strength/img/banner.jpg) }
.gangster-strength .section-one .section-repeat-head-number,  .gangster-strength .section-one .section-repeat-head-text,  .gangster-strength .section-two .section-repeat-head-number,  .gangster-strength .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.gangster-strength .section-three  {
    background-image:  url(../../case-studies/gangster-strength/img/section-three-bg.jpg);
	background-size: cover !important;
}
.gangster-strength .section-four  {
    background-image:  url(../../case-studies/gangster-strength/img/full-image.jpg) }
.hanz-free .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/hanz-free/banner.jpg) }
.hanz-free .section-one  {
    background-image:  none;
    background-color:  #121625 }
.hanz-free .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/hanz-free/section-two-bg.jpg) }
.hanz-free .section-one .section-repeat-head-number,  .hanz-free .section-one .section-repeat-head-text,  .hanz-free .section-two .section-repeat-head-number,  .hanz-free .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.hanz-free .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/hanz-free/section-three-bg.jpg) }
.hanz-free .section-four  {
    background-image:  url(../../case-studies/marry-us/img/full-image.jpg) }
.marry-us .section-one  {
    background-color:  var(--black); }
.marry-us .section-two  {
    background-color: var(--black); }
.marry-us .section-one .section-repeat-head-number,  .marry-us .section-one .section-repeat-head-text,  .marry-us .section-two .section-repeat-head-number,  .marry-us .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.marry-us .section-three  {
    background-color: var(--black); }
.marry-us .section-four  {
    background-image:  url(../../assets/imgs/case-studies/marry-us/full_image_4.png) }
    .marry-us .section-three {
    background-size: cover;
}
.taskque .inner-portfolio-banner  {
    background-image:  url(/zedtronix/assets/imgsas/sets/images/portfolio-inner/taskque/banner.jpg) }
.taskque .section-one  {
    background-image:  url(/zedtronix/assets/imgs/assets/images/portfolio-inner/taskque/section-one-bg.jpg);
    background-color:  #121625 }
.taskque.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(1)  {
    width:  14% }
.taskque.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(3)  {
    width:  20% }
.taskque .section-one .section-repeat-head-number,  .taskque .section-one .section-repeat-head-text,  .taskque .section-two .section-repeat-head-number,  .taskque .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.taskque .section-three  {
    background-image:  url(/zedtronix/assets/imgs/assets/images/portfolio-inner/taskque/section-three-bg.jpg) }
.taskque .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/taskque/full-image.jpg) }
.moboil .inner-portfolio-banner  {
    background-image:  url(../../case-studies/moboil/img/banner.jpg) }
.moboil .section-one .section-repeat-head-number,  .moboil .section-one .section-repeat-head-text,  .moboil .section-two .section-repeat-head-number,  .moboil .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.moboil .section-two  {
    background-image:  none;
    background-color:  #cad7e2 }
.moboil .section-three  {
    background-image:  url(../../case-studies/moboil/img/section-three-bg.jpg) }
.moboil .section-four  {
    background-image:  url(../../case-studies/moboil/img/full-image.jpg) }
.moboil .section-one .flex-column-around>div:nth-child(1)>img,  .moboil .section-one .flex-column-around>div:nth-child(3)>img  {
    display:  none }
.ar-kit .inner-portfolio-banner  {
    background-image:  url(../../assets/images/portfolio-inner/decorate-ar/banner.jpg) }
.ar-kit .section-one .section-repeat-head-number,  .ar-kit .section-one .section-repeat-head-text,  .ar-kit .section-two .section-repeat-head-number,  .ar-kit .section-two .section-repeat-head-text  {
    color:  #3b5578;
    border-bottom-color:  #3b5578 }
.ar-kit .section-two  {
    background-image:  url(../../assets/images/portfolio-inner/decorate-ar/section-two-bg.jpg) }
.ar-kit .section-three  {
    background-image:  url(../../assets/images/portfolio-inner/decorate-ar/section-three-bg.jpg) }
.ar-kit .section-four  {
    background-image:  url(../../assets/images/portfolio-inner/decorate-ar/full-image.jpg) }
.ar-kit .section-one .flex-column-around>div:nth-child(1)>img,  .moboil .section-one .flex-column-around>div:nth-child(3)>img  {
    display:  none }
.ar-kit .mobile-app-store-button>p  {
    color:  #000 }
.ar-kit .section-repeat-head  {
    color:  #000 }
.ar-kit .section-repeat-head-number  {
    color:  #000;
    border-bottom:  1px solid #000 }
.ar-kit .section-repeat-head-text  {
    color:  #000 }
.inner-banner .banner-detail-sec h1.h1printdesign  {
    font-size:  1.5em;
    font-weight:  600;
    text-transform:  uppercase;
    color:  #fff;
    letter-spacing:  .125em;
    position:  relative;
    margin-bottom:  35px }
.inner-banner .banner-detail-sec h1.h1printdesign:before  {
    content:  "";
    width:  2.1875em;
    height:  2px;
    background:  #f9b416;
    position:  absolute;
    bottom:  -1.25em;
    left:  0 }
.redBtn  {
    text-transform:  uppercase;
    background-color:  #c72628;
    color:  #fff;
    font-size:  18px;
    font-weight:  700;
    padding:  15px 30px;
    display:  inline-block;
    margin-top:  50px }
.web-development.web-design-abudhabi .inner-banner  {
    background:  url(../../assets/images/bg-abudhabi.jpg) no-repeat center bottom;
    height:  50em }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec:before  {
    display:  none !important }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec  {
    bottom:  235px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec h2  {
    font-size:  56px;
    line-height:  62px;
    top:  18px }
.web-development.web-design-abudhabi .inner-banner>.dot  {
    display:  none }
.web-development.web-design-abudhabi .custom-web-sec>.ipadimg  {
    top:  calc(100% - 530px);
    left:  10% }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  16px }
.web-development.web-design-abudhabi .custom-collaps-toggle p  {
    margin-top:  10px;
    margin-bottom:  40px }
.web-development.web-design-abudhabi .our-services-collapse-btn  {
    font-size:  16px !important;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0 }
.web-development.web-design-abudhabi .our-services-collapse-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.web-development.web-design-abudhabi .our-services-collapse-btn:hover:before  {
    width:  100% }
.web-development.web-design-abudhabi .our-services-collapse-btn span  {
    z-index:  1;
    position:  relative }
.web-development.web-design-abudhabi .custom-collaps-toggle h2  {
    text-transform:  capitalize;
    letter-spacing:  0 }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  1250px }
.web-development.web-design-abudhabi .our-digital-marketing .dot-img  {
    width:  100% }
.web-development.web-design-abudhabi .tab-service-sec  {
    background:  0 0 }
.web-development.web-design-bahrain .inner-banner  {
    background:  url(../../assets/images/bg-bahrain.jpg) no-repeat center bottom;
    height:  50em }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec:before  {
    display:  none !important }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec  {
    bottom:  235px }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec h2  {
    font-size:  56px;
    line-height:  62px;
    top:  18px }
.web-development.web-design-bahrain .inner-banner>.dot  {
    display:  none }
.web-development.web-design-bahrain .custom-web-sec>.ipadimg  {
    top:  calc(100% - 530px);
    left:  10% }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  16px }
.web-development.web-design-bahrain .custom-collaps-toggle p  {
    margin-top:  10px;
    margin-bottom:  40px }
.web-development.web-design-bahrain .our-services-collapse-btn  {
    font-size:  16px !important;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0 }
.web-development.web-design-bahrain .our-services-collapse-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.web-development.web-design-bahrain .our-services-collapse-btn:hover:before  {
    width:  100% }
.web-development.web-design-bahrain .our-services-collapse-btn span  {
    z-index:  1;
    position:  relative }
.web-development.web-design-bahrain .custom-collaps-toggle h2  {
    text-transform:  capitalize;
    letter-spacing:  0 }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  1275px }
.web-development.web-design-bahrain .our-digital-marketing .dot-img  {
    width:  100% }
.web-development.web-design-bahrain .tab-service-sec  {
    background:  0 0 }
.web-development.web-design-ksa .inner-banner  {
    background:  url(../../assets/images/bg-ksa.jpg) no-repeat center bottom;
    height:  50em }
.web-development.web-design-ksa .inner-banner .banner-detail-sec:before  {
    display:  none !important }
.web-development.web-design-ksa .inner-banner .banner-detail-sec  {
    bottom:  235px }
.web-development.web-design-ksa .inner-banner .banner-detail-sec h2  {
    font-size:  56px;
    line-height:  62px;
    top:  18px }
.web-development.web-design-ksa .inner-banner>.dot  {
    display:  none }
.web-development.web-design-ksa .custom-web-sec>.ipadimg  {
    top:  calc(100% - 530px);
    left:  10% }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  16px }
.web-development.web-design-ksa .custom-collaps-toggle p  {
    margin-top:  10px;
    margin-bottom:  40px }
.web-development.web-design-ksa .our-services-collapse-btn  {
    font-size:  16px !important;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0 }
.web-development.web-design-ksa .our-services-collapse-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.web-development.web-design-ksa .our-services-collapse-btn:hover:before  {
    width:  100% }
.web-development.web-design-ksa .our-services-collapse-btn span  {
    z-index:  1;
    position:  relative }
.web-development.web-design-ksa .custom-collaps-toggle h2  {
    text-transform:  capitalize;
    letter-spacing:  0 }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  1275px }
.web-development.web-design-ksa .our-digital-marketing .dot-img  {
    width:  100% }
.web-development.web-design-ksa .tab-service-sec  {
    background:  0 0 }
.web-development.web-design-oman .inner-banner  {
    background:  url(../../assets/images/bg-oman.jpg) no-repeat center bottom;
    height:  50em }
.web-development.web-design-oman .inner-banner .banner-detail-sec:before  {
    display:  none !important }
.web-development.web-design-oman .inner-banner .banner-detail-sec  {
    bottom:  235px }
.web-development.web-design-oman .inner-banner .banner-detail-sec h2  {
    font-size:  56px;
    line-height:  62px;
    top:  18px }
.web-development.web-design-oman .inner-banner>.dot  {
    display:  none }
.web-development.web-design-oman .custom-web-sec>.ipadimg  {
    top:  calc(100% - 530px);
    left:  10% }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  16px }
.web-development.web-design-oman .custom-collaps-toggle p  {
    margin-top:  10px;
    margin-bottom:  40px }
.web-development.web-design-oman .our-services-collapse-btn  {
    font-size:  16px !important;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0 }
.web-development.web-design-oman .our-services-collapse-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.web-development.web-design-oman .our-services-collapse-btn:hover:before  {
    width:  100% }
.web-development.web-design-oman .our-services-collapse-btn span  {
    z-index:  1;
    position:  relative }
.web-development.web-design-oman .custom-collaps-toggle h2  {
    text-transform:  capitalize;
    letter-spacing:  0 }
.web-development.web-design-oman .carousel-inner  {
    min-height:  1190px }
.web-development.web-design-oman .our-digital-marketing .dot-img  {
    width:  100% }
.web-development.web-design-oman .tab-service-sec  {
    background:  0 0 }
.web-development.web-design-qatar .inner-banner  {
    background:  url(../../assets/images/bg-qatar.jpg) no-repeat center bottom;
    height:  50em }
.web-development.web-design-qatar .inner-banner .banner-detail-sec:before  {
    display:  none !important }
.web-development.web-design-qatar .inner-banner .banner-detail-sec  {
    bottom:  235px }
.web-development.web-design-qatar .inner-banner .banner-detail-sec h2  {
    font-size:  56px;
    line-height:  62px;
    top:  18px }
.web-development.web-design-qatar .inner-banner>.dot  {
    display:  none }
.web-development.web-design-qatar .custom-web-sec>.ipadimg  {
    top:  calc(100% - 530px);
    left:  10% }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  16px }
.web-development.web-design-qatar .custom-collaps-toggle p  {
    margin-top:  10px;
    margin-bottom:  40px }
.web-development.web-design-qatar .our-services-collapse-btn  {
    font-size:  16px !important;
    color:  #fff;
    text-transform:  uppercase;
    font-weight:  700;
    background:  url(../../assets/images/btn1.png) no-repeat;
    width:  195px;
    height:  52px;
    text-align:  center;
    position:  relative;
    padding:  .9375em 0 }
.web-development.web-design-qatar .our-services-collapse-btn:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s }
.web-development.web-design-qatar .our-services-collapse-btn:hover:before  {
    width:  100% }
.web-development.web-design-qatar .our-services-collapse-btn span  {
    z-index:  1;
    position:  relative }
.web-development.web-design-qatar .custom-collaps-toggle h2  {
    text-transform:  capitalize;
    letter-spacing:  0 }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  1250px }
.web-development.web-design-qatar .our-digital-marketing .dot-img  {
    width:  100% }
.web-development.web-design-qatar .tab-service-sec  {
    background:  0 0 }
.video-animation-page .inner-banner  {
    height:  50em !important }
.video-animation-page .inner-banner,  .video-animation-page.video-animation-page .inner-banner  {
    background:  url(../../assets/images/video-animation/baner-animation.png) no-repeat center bottom;
    height:  50em }
.video-animation-page .inner-banner video,  .video-animation-page.video-animation-page .inner-banner  {
    width:  100%;
    height:  auto }
.video-animation-page .banner-detail-sec  {
    bottom:  270px;
    padding-left:  10em }
.video-animation-page .inner-banner .banner-detail-sec h2  {
    top:  30px;
    line-height:  1.1;
    font-size:  80px;
    font-weight:  600 !important }
.video-animation-page .inner-banner .banner-detail-sec:before  {
    background:  0 0 }
.video-animation-page .inner-banner .banner-detail-sec h2 span.redish-shadow  {
    text-shadow:  11px 3px 11px #870424;
    color:  #fff }
.video-animation-page .inner-banner .banner-detail-sec h2 span.purple-shadow  {
    color:  #fff;
    text-shadow:  11px 3px 11px #56047e }
.video-animation-page .inner-banner .banner-detail-sec h2 span.blue-shadow  {
    text-shadow:  11px 3px 11px #0a04c5;
    color:  #fff }
img.cartoon-img  {
    position:  absolute;
    left:  -170px;
    top:  785px;
    max-width:  630px }
img.tr-top  {
    position:  absolute;
    top:  0;
    right:  0 }
img.tr-bottom  {
    position:  absolute;
    bottom:  0;
    right:  0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec  {
    border-right:  none;
    margin-top:  0;
    clear:  both;
    height:  auto;
    padding-bottom:  15em;
    max-width:  1100px;
    margin-left:  auto;
    margin-right:  auto }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a  {
    color:  #000;
    font-weight:  700;
    font-size:  24px;
    text-align:  center;
    width:  270px;
    height:  107px;
    background-position:  center -113px;
    background-repeat:  no-repeat;
    padding:  0;
    margin:  0;
    display:  inline-block;
    padding-top:  113px;
    box-sizing:  border-box;
    float:  left;
    margin-top:  -112px }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(4):after  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(4)  {
    background-image:  url(../../assets/images/content-management-system-icon.png) }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(4).active  {
    background-position:  center 0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec .box  {
    padding:  38px !important }
.modal,  .modal-open  {
    padding-right:  0 !important }
.modal  {
    background-color:  rgba(0,  0,  0,  .8) }
.modal-content  {
    height:  100%;
    border-radius:  0;
    color:  #fff;
    overflow:  auto;
    background-color:  transparent;
    display:  flex;
    align-items:  center;
    text-align:  center }
.modal-dialog  {
    width:  100%;
    height:  100%;
    padding:  0;
    margin:  0 }
.modal-body  {
    height:  auto;
    text-align:  center;
    width:  100%;
    max-width:  1315px;
    margin:  auto }
.close  {
    color:  #fff !important;
    opacity:  1;
    position:  absolute;
    left:  calc(100% - 15px);
    bottom:  calc(100% - 15px);
    cursor:  pointer !important;
    z-index:  1 }
.close span  {
    display:  block }
.close span  {
    display:  block }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:first-child  {
    background-image:  url(../../assets/images/video-animation/1-EXPLAINER.png) }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:first-child.active  {
    background-position:  center 0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(2)  {
    background-image:  url(../../assets/images/video-animation/2product.png) }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(2).active  {
    background-position:  center 0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(3)  {
    background-image:  url(../../assets/images/video-animation/3-whiteboard.png) }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(3).active  {
    background-position:  center 0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(4)  {
    background-image:  url(../../assets/images/video-animation/4-motion.png) }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:nth-child(4).active  {
    background-position:  center 0 }
img.thumbnail-play-img  {
    max-width:  40px;
    display:  inline-block;
    position:  absolute;
    top:  44%;
    bottom:  44%;
    left:  44%;
    right:  44% }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background:  url(../../assets/images/video-animation/lcd-pic.png) no-repeat center top;
    width:  100%;
    max-width:  100%;
    height:  757px;
    position:  relative }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec::before  {
    content:  "";
    position:  absolute;
    width:  100%;
    height:  75%;
    top:  135px;
    left:  auto;
    right:  0;
    border:  1px dashed #0ec1b4;
    z-index:  0;
    margin:  0 auto }
#our-core-services.marketing-process-sec .tab-sec a:before  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:after  {
    content:  "";
    position:  absolute;
    width:  15px;
    height:  15px;
    border-radius:  100%;
    background-color:  #0ec1b4;
    top:  45%;
    left:  100%;
    margin:  auto }
.video-animation-page .menu-icon  {
    position:  fixed;
    right:  20px;
    top:  43px !important }
.sticky-consultation-form  {
    height:  calc(100% - 40px);
    position:  fixed;
    z-index:  9999;
    top:  20px;
    bottom:  20px;
    right:  -50%;
    overflow-x:  hidden;
    transition:  .5s;
    background:  url(../images/consultaion-main-form-bg.jpg) no-repeat top center/100% 100%;
    color:  #fff;
    width:  50%;
    padding:  70px 100px }
.sticky-consultation-form.open  {
    right:  0 }
.banner-slider .sticky-consultation-form h2.form-main-head-2,  .sticky-consultation-form .form-main-head-2  {
    font-size:  42px;
    color:  #fff;
    text-transform:  uppercase;
    margin-bottom:  0;
    margin-top:  0;
    letter-spacing:  1px }
.sticky-consultation-form p  {
    margin-top:  45px;
    margin-bottom:  45px }
.sticky-consultation-form input,  .sticky-consultation-form textarea  {
    margin-bottom:  20px;
    color:  #1a1a1a }
.redContactSection input,  .redContactSection textarea,  .sticky-consultation-form input,  .sticky-consultation-form textarea  {
    width:  100%;
    resize:  none;
    border:  none;
    padding:  15px;
    margin-bottom:  25px;
    font-family:  Montserrat,  sans-serif;
    border-radius:  0 }
.sticky-consultation-form input[type=submit]  {
    background-color:  #c52527;
    color:  #fff;
    text-transform:  uppercase;
    margin-bottom:  0;
    font-weight:  700 }
.body-margin-right  {
    left:  -50% }
.body-margin-right #scroll_2  {
    right:  50%;
    z-index:  3 }
.sticky-consultation-form .closebtn  {
    position:  absolute;
    top:  15px;
    right:  50px;
    color:  #fff;
    font-size:  50px;
    z-index:  99 }
.menu-icon.body-margin-right  {
    right:  51%;
    left:  auto }
.client-sticky-button  {
    position:  fixed;
    z-index:  3;
    right:  -102px;
    transition:  .5s;
    transform:  rotate(-90deg);
    bottom:  50%;
    box-shadow:  1px -6px 11px 1px rgba(0,  0,  0,  .3) }
.client-sticky-button>button,  .client-sticky-button>button:active,  .client-sticky-button>button:focus,  .client-sticky-button>button:hover  {
    padding-left:  30px;
    padding-right:  30px;
    color:  #fff;
    background-color:  #f9b416;
    background:  linear-gradient(90deg,  #f9b416,  #17c0ae);
    border-color:  #d50614;
    border-radius:  0;
    padding-top:  13px;
    padding-bottom:  12px;
    font-weight:  700;
    border:  0;
    letter-spacing:  2px }
.triangle-up  {
    width:  0;
    height:  0;
    border-left:  5px solid transparent;
    border-right:  5px solid transparent;
    border-bottom:  10px solid #fff;
    position:  relative;
    margin-top:  5px }
.triangle-up:after  {
    content:  "";
    position:  absolute;
    width:  0;
    height:  0;
    border-left:  3px solid transparent;
    border-right:  3px solid transparent;
    border-bottom:  5px solid #f2b41b;
    left:  -3px;
    top:  3px }
.button-right-arrow  {
    font-size:  24px;
    display:  inline-block;
    line-height:  18px;
    vertical-align:  top }
.inq-form  {
    max-width:  350px;
    width:  100%;
    background:  #c52527 url(../images/top-arrow.png) no-repeat right 14px top 21px;
    position:  fixed;
    left:  20px;
    bottom:  -6px;
    z-index:  4;
    box-sizing:  border-box;
    padding:  10px 17px 25px 17px;
    transform:  translateY(60%);
    background-size:  8%;
    transition:  1s;
    cursor:  pointer }
.inq-form h2  {
    color:  #fff;
    font-weight:  700;
    text-transform:  uppercase;
    font-size:  21px;
    font-family:  Roboto,  sans-serif;
    margin-bottom:  10px;
    margin-top:  8px }
.inq-form p  {
    color:  #fff;
    margin-bottom:  8px;
    font-family:  Roboto,  sans-serif }
.inq-form input[type=text]  {
    border:  0;
    width:  68%;
    padding:  10px 15px;
    box-sizing:  border-box;
    font-size:  14px;
    color:  #000 }
.inq-form input[type=submit]  {
    background:  #fff;
    border:  0;
    text-transform:  uppercase;
    font-weight:  700;
    padding:  10px 10px;
    font-size:  13px;
    width:  30%;
    cursor:  pointer }
.mobile-slider-section>.container  {
    width:  100% !important;
    max-width:  1680px !important }
.mobile-slider-section .mobile-slider-inner-container  {
    display:  flex;
    justify-content:  space-between;
    align-items:  center;
    padding-top:  100px;
    padding-bottom:  100px;
    padding-left:  70px;
    padding-right:  70px }
.mobile-slider-section .mobile-slider-inner-container>div  {
    padding-left:  4%;
    padding-right:  4% }
.mobile-slider-left-text  {
    width:  40% }
.mobile-slider-right-image  {
    width:  60%;
    text-align:  right }
.mobile-slider-inner-container  {
    background-repeat:  no-repeat;
    background-size:  cover;
    background-size:  center center }
.slider-small-head-one  {
    font-size:  18px;
    color:  #fff;
    text-transform:  uppercase;
    font-family:  Montserrat,  sans-serif;
    margin-bottom:  0;
    display:  none }
.slider-small-head-two  {
    font-size:  20px;
    color:  #fff;
    text-transform:  uppercase;
    letter-spacing:  3px;
    font-family:  Montserrat,  sans-serif;
    margin-bottom:  0;
    display:  none }
.mob-head-fixe  {
    font-size:  20px;
    color:  #fff;
    text-transform:  uppercase;
    letter-spacing:  3px;
    font-family:  Montserrat,  sans-serif;
    margin-bottom:  0;
    top:  80px;
    z-index:  1;
    left:  125px;
    position:  absolute }
.mob-head-fixe:after  {
    content:  "";
    position:  absolute;
    top:  calc(100% + 10px);
    background-color:  #fff;
    width:  30px;
    height:  1px;
    left:  0 }
.mob-slider-logo  {
    margin-bottom:  20px;
    margin-top:  20px;
    display:  none }
.mob-slider-head  {
    font-size:  60px;
    color:  #fff;
    font-family:  Montserrat,  sans-serif }
.mob-slider-text  {
    font-size:  18px;
    color:  #fff;
    font-family:  Montserrat,  sans-serif }
.mob-slider-button  {
    font-size:  16px;
    text-transform:  uppercase;
    color:  #fff;
    font-weight:  700;
    font-family:  Montserrat,  sans-serif;
    background-color:  transparent;
    padding:  10px 20px;
    display:  inline-flex;
    border:  2px solid #fff }
.why-choose-sec h2  {
    margin-bottom:  15px }
.mob-slider-image-large  {
    width:  100%;
    max-width:  750px }
.fade-controls  {
    width:  calc(100% - 40px);
    z-index:  4;
    position:  absolute;
    right:  20px;
    left:  20px;
    margin:  auto;
    bottom:  calc(50% - 40px) }
.fade-controls>.carousel-control.left,  .fade-controls>.carousel-control.right  {
    color:  #b1b3c4;
    width:  auto;
    opacity:  1;
    width:  40px;
    height:  40px }
.fade-controls>.carousel-control  {
    margin-left:  0;
    left:  0;
    right:  auto }
.fade-controls>.carousel-control.right  {
    right:  0;
    left:  auto }
.fade-controls span  {
    color:  #fff }
.fade-controls span:hover  {
    color:  #fff }
.testimonials .carousel-inner>.item  {
    padding-left:  3%;
    padding-top:  5% }
.carousel-fade .carousel-inner .item  {
    opacity:  0;
    -webkit-transition-property:  opacity;
    -moz-transition-property:  opacity;
    -o-transition-property:  opacity;
    transition-property:  opacity }
.carousel-fade .carousel-inner .item.active  {
    opacity:  1;
    -webkit-opacity:  1;
    -moz-opacity:  1;
    -o-opacity:  1 }
.glyphicon-menu-left:before  {
    content:  "" }
.glyphicon-menu-right:before  {
    content:  "" }
.glyphicon-menu-left  {
    top:  0 !important }
.glyphicon-menu-right  {
    top:  0 !important }
.item.no-gutter  {
    height:  100% }
.glyphicon-menu-left,  .glyphicon-menu-right  {
    background-image:  none !important;
    border:  2px solid #fff;
    width:  40px !important;
    height:  40px !important;
    color:  #fff !important }
@media all and (transform-3d),  (-webkit-transform-3d)  {
    .carousel-fade .carousel-inner>.item.active.right,  .carousel-fade .carousel-inner>.item.next  {
    opacity:  0;
    -webkit-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0) }
.carousel-fade .carousel-inner>.item.active.left,  .carousel-fade .carousel-inner>.item.prev  {
    opacity:  0;
    -webkit-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0) }
.carousel-fade .carousel-inner>.item.active,  .carousel-fade .carousel-inner>.item.next.left,  .carousel-fade .carousel-inner>.item.prev.right  {
    opacity:  1;
    -webkit-transform:  translate3d(0,  0,  0);
    transform:  translate3d(0,  0,  0) }
}.mob-item-ar-decorate  {
    background-image:  url(../images/mobile-slider/slider-ar-decorate-bg.jpg) }
.mob-item-gs  {
    background-image:  url(../images/mobile-slider/slider-gs-bg.jpg) }
.mob-item-hfree  {
    background-image:  url(../images/mobile-slider/slider-hfree-bg.jpg) }
.mob-item-marry-us  {
    background-image:  url(../images/mobile-slider/slider-marry-us-bg.jpg) }
.mob-item-moboil  {
    background-image:  url(../images/mobile-slider/slider-moboil-bg.jpg) }
.mob-item-taskque  {
    background-image:  url(../images/mobile-slider/slider-taskque-bg.jpg) }
.detail-library-page .our-work-sec  {
    display:  none }
.detail-library-page #redContactSection  {
    display:  none }
.detail-library-page .inner-banner  {
    background-size:  cover;
    height:  26.375em !important;
    background:  #322c3e;
    background:  -moz-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #322c3e 0,  #1e1a25 36%);
    background:  radial-gradient(ellipse at center,  #322c3e 0,  #1e1a25 36%) !important }
.detail-library-page .form-div-media  {
    margin-top:  10px }
.detail-library-page .form-div-media h2  {
    margin:  10px 0;
    color:  #eb0d0d;
    font-size:  22px;
    font-weight:  600 }
.detail-library-page .form-div-media hr  {
    border-top:  1px solid #c5c5c5 }
.detail-library-page .libraries-detail-sec  {
    margin:  70px 0 90px 0 }
.detail-library-page .libraries-detail-sec img  {
    float:  right }
.detail-library-page .libraries-detail-sec .detail-content h2  {
    color:  #333;
    font-size:  36px;
    margin-top:  0 }
.detail-library-page .libraries-detail-sec .detail-content h3  {
    color:  #333;
    font-size:  20px;
    font-weight:  600;
    line-height:  24px }
.detail-library-page .libraries-detail-sec .detail-content p  {
    color:  #333 }
.detail-library-page .libraries-detail-sec .detail-content hr  {
    border-top:  1px solid #333 }
.detail-library-page .form-div-media .uper-div  {
    margin-bottom:  16px }
.detail-library-page .form-div-media input  {
    border:  1px solid #bdbdbd;
    height:  40px }
.detail-library-page .form-div-media button.btn.btn-default  {
    outline:  0;
    background-color:  #1d8c84;
    color:  #fff;
    border-color:  #1d8c84;
    display:  block;
    width:  100%;
    height:  40px }
.media-librabry-page .inner-banner  {
    height:  40.375em !important;
    background:  url(../../assets/images/Media-Library.jpg) no-repeat center top #1e1a25 !important;
    background-size:  cover !important }
.media-librabry-page .libraries-list  {
    margin:  60px 0 }
.media-librabry-page .libraries-list .heading  {
    text-align:  center }
.media-librabry-page .libraries-list .heading h2  {
    color:  #1a1a1a;
    font-size:  40px;
    font-weight:  600;
    margin-bottom:  36px }
.media-librabry-page .libraries-list .li-box  {
    text-align:  center;
    margin-top:  28px;
    margin-bottom:  16px }
.media-librabry-page .libraries-list .li-box a:hover  {
    text-decoration:  none }
.media-librabry-page .libraries-list .li-box a:focus  {
    text-decoration:  none;
    outline:  0 }
.media-librabry-page .libraries-list .li-box a h3  {
    color:  #1a1a1a;
    font-size:  23px;
    font-weight:  600;
    line-height:  28px;
    margin-bottom:  6px }
.media-librabry-page .libraries-list .li-box a p  {
    color:  #1d8c84;
    font-size:  20px;
    font-weight:  500 }
.media-librabry-page .inner-banner .banner-detail-sec h2  {
    top:  inherit;
    margin-top:  66px;
    line-height:  57px;
    margin-bottom:  0;
    padding-bottom:  20px;
    text-align:  center;
    margin-top:  2.5em !important }
.media-librabry-page .redContactSection  {
    display:  none !important }
@media screen and (max-height:900px)  {
    .sticky-consultation-form  {
    padding:  15px 100px }
.sticky-consultation-form p  {
    margin-top:  25px;
    margin-bottom:  25px }
.sticky-consultation-form input,  .sticky-consultation-form textarea  {
    margin-bottom:  12px }
}.gt-slide  {
    background:  url(../../assets/images/gitext-bg.jpg) !important }
.gt-slide .detail  {
    max-width:  590px;
    height:  auto;
    margin-left:  5%;
    text-align:  left;
    margin-top:  0 }
.gt-slide-li  {
    display:  flex;
    align-items:  center }
.gt-slide-li .logo-sec  {
    text-align:  center;
    top:  60px }
.gtex-logo  {
    width:  100% }
.gtex-green-strip  {
    background-color:  #247e7a;
    color:  #fff;
    font-size:  35px;
    font-weight:  300;
    padding:  10px 20px;
    text-transform:  uppercase;
    line-height:  1;
    margin-top:  30px;
    margin-bottom:  30px }
.gtex-green-strip>span  {
    font-weight:  900 }
.gtex-yellow  {
    font-size:  30px;
    color:  #ffc43f;
    font-weight:  700;
    text-transform:  uppercase;
    line-height:  1;
    margin-bottom:  15 }
.gtex-add  {
    font-size:  24px;
    color:  #fff;
    font-weight:  300;
    line-height:  1.25;
    margin-bottom:  25px }
.gtex-add>span  {
    font-size:  20px }
.gtex-btn  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    padding:  10px;
    width:  320px;
    height:  65px;
    font-size:  27px;
    font-weight:  600;
    margin-top:  0;
    margin-bottom:  0 }
.gt-slide .amaz-scroll  {
    bottom:  0 !important }
.banner-slider  {
    height:  100vh }
.banner-slider .accordion  {
    height:  100vh }
.gitex-inquiry-form .container  {
    width:  100% !important;
    max-width:  1560px !important }
.gitex-inquiry-form  {
    background:  #0e1647 url(../../assets/images/gitex/gi-inner-bg.jpg) no-repeat;
    margin:  0;
    padding:  0 }
.gtex-logo-area  {
    padding-top:  50px;
    padding-bottom:  30px;
    border-bottom:  1px solid rgba(255,  255,  255,  .5) }
.gi-form-section  {
    padding-top:  120px;
    padding-bottom:  120px }
.gi-form-section>.container  {
    display:  flex;
    align-items:  center;
    justify-content:  space-between }
.gi-form-section hr  {
    width:  50px;
    margin-left:  0 }
.p-white  {
    font-size:  27px;
    color:  #fff;
    line-height:  1.852;
    text-align:  left }
.p-yellow  {
    font-size:  25px;
    color:  #ffc43f;
    font-weight:  700;
    line-height:  1.2;
    text-align:  left }
.p-white-2  {
    font-size:  22px;
    color:  #fff;
    line-height:  1.852;
    text-align:  left;
    font-weight:  300;
    max-width:  75% }
.gi-form-left  {
    width:  45% }
.gi-form-right  {
    width:  55%;
    border-left:  1px solid rgba(255,  255,  255,  .5);
    padding-left:  7% }
.gi-form-center  {
    width:  1px;
    border-left:  1px solid rgba(255,  255,  255,  .5);
    margin-left:  5%;
    margin-right:  5% }
.gi-inner-logo  {
    margin-bottom:  45px }
.p-bold  {
    font-size:  36px;
    color:  #fff;
    font-weight:  700;
    line-height:  1.667;
    text-align:  left }
.p-light  {
    font-size:  20px;
    color:  #fff;
    line-height:  1.8;
    text-align:  left }
.gtex-form  {
    width:  100% }
.gtex-form>input  {
    border-radius:  5px;
    background-color:  #f6f6f6;
    height:  71px;
    z-index:  44;
    display:  flex;
    align-items:  center;
    margin-bottom:  20px;
    padding-left:  30px;
    font-size:  19px;
    font-weight:  400;
    color:  #333 }
.gtex-btn  {
    border-radius:  5px !important;
    background-color:  #c52527 !important;
    height:  62px !important;
    font-size:  20px;
    font-weight:  700;
    text-transform:  uppercase;
    color:  #fff !important }
.gitex-inquiry-form::-webkit-input-placeholder  {
    font-size:  19px;
    font-weight:  400;
    color:  #333;
    text-transform:  capitalize }
.gitex-inquiry-form:-ms-input-placeholder  {
    font-size:  19px;
    font-weight:  400;
    color:  #333;
    text-transform:  capitalize }
.gitex-inquiry-form::placeholder  {
    font-size:  19px;
    font-weight:  400;
    color:  #333;
    text-transform:  capitalize }
.terms-p  {
    font-size:  19px;
    color:  #fff;
    font-weight:  100;
    margin-bottom:  25px }
.isuzu-caseStudy .proud-result-sec .box  {
    padding:  6.25em 6.25em 6.25em 6.25em }
.isuzu-caseStudy .thinking-sec  {
    background-image:  linear-gradient(to bottom,  #1d1a25 65%,  #1d1a25 35%);
    padding-bottom:  100px }
.isuzu-caseStudy .thinking-sec p  {
    width:  100% }
.isuzu-banner  {
    background:  url(../../case-studies/isuzu/img/cs-bg-1.jpg) no-repeat !important }
.isuzu-caseStudy .objective-sec .simple-txt  {
    margin-top:  0 }
.isuzu-caseStudy .objective-sec .black-box  {
    margin-top:  -12.5em;
    top:  0 }
.isuzu-caseStudy .objective-sec p  {
    font-size:  1.25em }
.isuzu-caseStudy .proud-result-sec p  {
    text-align:  left }
.cs-bg-front-img  {
    position:  absolute;
    bottom:  10%;
    right:  3%;
    width:  49% }
.isuzu-caseStudy .thinking-sec h2  {
    font-size:  2em;
    padding-top:  .5em }
.isuzu-caseStudy .dou-img img  {
    width:  90% }
.isuzu-caseStudy .objective-sec .gray-pizza  {
    width:  75% }
.isuzu-caseStudy .objective-sec .gray-pizza img  {
    width:  100% }
.isuzu-caseStudy .portfolio-sec.dubai-sec .right-blk  {
    width:  50% }
.isuzu-caseStudy .portfolio-sec.dubai-sec .left-blk  {
    width:  50%;
    display:  flex;
    flex-flow:  row wrap }
.isuzu-caseStudy .portfolio-sec.dubai-sec .left-blk>.wrap  {
    width:  100% }
.isuzu-caseStudy .objective-sec.change  {
    padding-bottom:  0 }
.isuzu-caseStudy .simple-bo-txt  {
    padding-bottom:  150px }
.isuzu-caseStudy .portfolio-sec.dubai-sec  {
    padding-bottom:  100px }
.work-lib-banner  {
    width:  100%;
    height:  100vh;
    padding:  50px 30px;
    background:  url(../../assets/images/work-lib-poster.jpg) no-repeat center center/cover;
    position:  relative;
    margin-top:  48px }
.work-lib-banner .container  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    height:  100%;
    text-align:  center;
    position:  relative;
    z-index:  2 }
.work-lib-h  {
    font-weight:  700;
    color:  #242b34;
    font-size:  40px }
.work-lib-btn-play  {
    display:  block;
    margin:  40px auto;
    border:  2px solid #c52527;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  93px;
    height:  93px }
.work-lib-btn-play:after  {
    content:  "";
    position:  absolute;
    z-index:  -1;
    left:  44px;
    top:  44px;
    display:  block;
    width:  100px;
    height:  100px;
    background:  #ba1f24;
    border-radius:  50%;
    animation:  pulse-border 1.5s ease-out infinite }
.work-lib-btn-play:before  {
    position:  absolute;
    top:  0;
    left:  15%;
    right:  0;
    bottom:  0;
    margin:  auto;
    width:  0;
    height:  0;
    content:  "";
    border-top:  23px solid transparent;
    border-bottom:  23px solid transparent;
    border-left:  30px solid #e4e4e4 }
.work-lib-p  {
    color:  #747474;
    font-size:  18px;
    line-height:  1.1;
    font-weight:  900;
    text-transform:  uppercase;
    letter-spacing:  7px;
    margin:  30px 0 0 }
.work-lib-video-area  {
    position:  absolute;
    top:  0;
    bottom:  0;
    right:  0;
    left:  0;
    width:  100%;
    height:  100%;
    display:  none }
.work-lib-video  {
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    width:  100%;
    height:  100%;
    object-fit:  cover }
.work-lib-video-control  {
    position:  absolute;
    top:  0;
    bottom:  0;
    right:  5%;
    margin:  auto 0;
    width:  47px;
    height:  106px;
    z-index:  0 }
.play-pasue-btn  {
    display:  block;
    margin:  0 0 10px;
    border:  2px solid #f6f6f6;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  47px;
    height:  47px;
    display:  none }
.play-pasue-btn:before  {
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    content:  "";
    border-top:  12px solid transparent;
    border-bottom:  12px solid transparent;
    border-left:  17px solid #e4e4e4;
    left:  15%;
    width:  0;
    height:  0 }
.play-pasue-btn-2  {
    display:  block;
    margin:  0 0 10px;
    border:  2px solid #f6f6f6;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  47px;
    height:  47px }
.play-pasue-btn-2:before  {
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    content:  "";
    width:  14px;
    height:  18px;
    border-left:  4px solid #fff;
    border-right:  4px solid #fff }
.sound-btn  {
    display:  block;
    margin:  0 0 10px;
    border:  2px solid #f6f6f6;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  47px;
    height:  47px }
.sound-btn:before  {
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    content:  "";
    width:  24px;
    height:  24px;
    background-size:  24px 24px;
    background:  url(../../assets/images/sound-on.png) no-repeat center center }
.sound-btn-2  {
    display:  none;
    margin:  0 0 10px;
    border:  2px solid #f6f6f6;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  47px;
    height:  47px }
.sound-btn-2:before  {
    position:  absolute;
    top:  0;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    content:  "";
    width:  26px;
    height:  29px;
    background-size:  26px 29px;
    background:  url(../../assets/images/sound-off.png) no-repeat center center }
@keyframes pulse-border  {
    0%  {
    transform:  translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity:  1 }
100%  {
    transform:  translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity:  0 }
}.isuzu-wl-bg  {
    background-image:  url(../../assets/images/isuzu-small-thumb.jpg) !important;
    padding-bottom:  25px !important;
    background-size:  cover !important;
    display:  flex;
    align-items:  flex-start;
    justify-content:  center;
    flex-direction:  column }
.che-wl-bg  {
    background-image:  url(../../assets/images/library01.jpg) !important;
    padding-bottom:  25px !important;
    background-size:  cover }
.cus-flex  {
    display:  flex;
    justify-content:  space-around;
    flex-flow:  row wrap }
.che-small-thumb  {
    width:  250px;
    margin-left:  0 !important }
.che-wl-bg p  {
    margin:  50px 0 50px 0 !important }
.isuzu-small-thumb  {
    margin-left:  0 !important;
    max-width:  250px }
.isuzu-wl-bg .libraryViewBtn  {
    margin-left:  0 !important;
    border-color:  #000;
    color:  #000;
    margin-top:  10%;
    border-width:  2px }
.cli-page-banner  {
    width:  100%;
    height:  100vh;
    padding:  50px 30px;
    background:  url(../../assets/images/cli-page-poster.jpg) no-repeat center center/cover;
    position:  relative;
    margin-top:  48px }
.cli-page-banner .container  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    height:  100%;
    text-align:  center;
    position:  relative;
    z-index:  2 }
.cli-page-h  {
    font-weight:  700;
    color:  #242b34;
    font-size:  40px }
.cli-page-btn-play  {
    display:  block;
    margin:  40px auto;
    border:  2px solid #c52527;
    border-radius:  50%;
    background:  #c52527;
    font-size:  0;
    line-height:  0;
    color:  transparent;
    position:  relative;
    transition:  background .3s;
    width:  93px;
    height:  93px }
.cli-page-btn-play:after  {
    content:  "";
    position:  absolute;
    z-index:  -1;
    left:  44px;
    top:  44px;
    display:  block;
    width:  100px;
    height:  100px;
    background:  #ba1f24;
    border-radius:  50%;
    animation:  pulse-border 1.5s ease-out infinite }
.cli-page-btn-play:before  {
    position:  absolute;
    top:  0;
    left:  15%;
    right:  0;
    bottom:  0;
    margin:  auto;
    width:  0;
    height:  0;
    content:  "";
    border-top:  23px solid transparent;
    border-bottom:  23px solid transparent;
    border-left:  30px solid #e4e4e4 }
.cli-page-p  {
    font-size:  40px;
    line-height:  1.1;
    font-weight:  400;
    text-transform:  uppercase;
    letter-spacing:  2px;
    margin:  0;
    background:  #f4b31b;
    color:  #000;
    display:  inline-flex;
    padding:  4px }
.cli-page-video-area  {
    position:  absolute;
    top:  0;
    bottom:  0;
    right:  0;
    left:  0;
    width:  100%;
    height:  100%;
    display:  none }
.cli-page-video  {
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    width:  100%;
    height:  100%;
    object-fit:  cover }
.cli-page-video-control  {
    position:  absolute;
    top:  0;
    bottom:  0;
    right:  5%;
    margin:  auto 0;
    width:  47px;
    height:  106px;
    z-index:  0 }
.hookd-page .proud-result-sec .box  {
    padding:  6.25em 6.25em 6.25em 6.25em }
.hookd-page .thinking-sec  {
    background-image:  linear-gradient(to bottom,  #1d1a25 65%,  transparent 35%) }
.hookd-page .thinking-sec p  {
    text-align:  left }
.hookd-banner  {
    background:  url(../../assets/imgs/case-studies/fujifilm/cs-bg.jpg) no-repeat !important }
.hookd-page .objective-sec .simple-txt  {
    margin-top:  0 }
.hookd-page .objective-sec p  {
    font-size:  1.25em }
.hookd-page .proud-result-sec p  {
    text-align:  left }
.cs-hkd-banner-mobile  {
    position:  absolute;
    bottom:  0;
    right:  0;
    width:  50% }
.hookd-page .thinking-sec h2  {
    font-size:  2em }
.hookd-page .mood-sec  {
    background-image:  linear-gradient(to bottom,  #000 65%,  transparent 35%) }
.hookd-page .mood-sec h1  {
    margin-top:  100px;
    line-height:  1 }
.hookd-page .chebono-case .shape  {
    left:  47px;
    bottom:  -190px }
.hookd-page .portfolio-sec  {
    margin-top:  90px }
.app-work-container  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    width:  100%;
    flex-flow:  row wrap }
.workLibrarySection_4 h2  {
    text-align:  center;
    position:  relative }
.work-library .officeInfo  {
    text-align:  center;
    padding-top:  40px;
    margin-top:  40px;
    margin-bottom:  65px;
    padding-left:  0 }
.work-library .officeInfo:before  {
    left:  0;
    right:  0;
    top:  0;
    margin:  auto }
.workLibrarySection_4 .container:before  {
    display:  none }
.workLibrarySection_4 h2:before  {
    content:  "";
    width:  0;
    height:  0;
    border-style:  solid;
    border-width:  50px 30px 0 30px;
    border-color:  #1e1a25 transparent transparent transparent;
    display:  block;
    position:  absolute;
    top:  0;
    left:  0 }
.work-library .mobileWrap  {
    width:  74%;
    height:  75%;
    top:  12%;
    left:  14% }
.h-pge-cli  {
    background-color:  #fff;
    padding-top:  60px;
    padding-bottom:  40px }
.h-pge-cli .container  {
    width:  89% }
.h-pge-cli-h  {
    position:  relative;
    color:  #030303;
    padding-bottom:  25px;
    margin-bottom:  0;
    text-align:  center;
    font-size:  2.5em;
    font-weight:  bold;
    display:  block;
}
.h-pge-cli-h:after  {
    content:  "";
    position:  absolute;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto;
    background-color:  #f9b416;
    width:  100%;
    max-width:  100px;
    height:  2px }
.h-pge-cli-container  {
    width:  100% }
.h-pge-cli-container>.slick-list  {
    display:  flex !important;
    align-items:  center;
    justify-content:  space-between;
    width:  calc(100% - 100px);
    margin:  auto }
.h-pge-cli-container>.slick-list>div  {
    display:  flex !important;
    align-items:  center;
    justify-content:  space-between;
    width:  100% }
.h-pge-cli-item  {
    display:  flex !important;
    align-items:  center;
    justify-content:  space-between;
    background-color:  #fff;
    padding:  25px;
    height:  150px;
    margin:  10px;
    text-align:  center }
.h-pge-cli-item img  {
    margin:  auto;
    width:  auto;
    max-width:  100% }
.h-pge-cli .slick-next:before  {
    display:  none }
.h-pge-cli .slick-prev:before  {
    display:  none }
.h-pge-cli .slick-prev  {
    left:  0;
    top:  25px;
    bottom:  0;
    margin:  auto;
    width:  46px;
    height:  44px }
.h-pge-cli .slick-next  {
    right:  0;
    left:  auto;
    top:  25px;
    bottom:  0;
    margin:  auto;
    width:  46px;
    height:  44px }
.portfolio-video-section  {
    padding-top:  100px;
    background-color:  #1e1a25 }
.p-sec-h  {
    color:  #fff;
    text-align:  center;
    font-size:  45px;
    text-transform:  capitalize;
    margin-bottom:  50px;
    padding-bottom:  50px;
    position:  relative;
    font-weight:  400 }
.p-sec-h:after  {
    content:  "";
    position:  absolute;
    bottom:  0;
    width:  60%;
    height:  1px;
    background-color:  #0ec1b4;
    left:  0;
    right:  0;
    margin:  auto }
.p-sec-video  {
    width:  95%;
    margin:  auto;
    display:  flex }
.portfolio-video-section .container  {
    display:  flex;
    align-items:  flex-end;
    justify-content:  space-between;
    flex-flow:  row wrap }
.p-video-left-sec  {
    width:  70%;
    padding:  0 2% }
.p-video-right-sec  {
    width:  30%;
    background:  rgba(201,  47,  39,  .78);
    padding:  20px 30px !important;
    background-blend-mode:  multiply }
.p-video-right-sec input[type=submit]  {
    margin-bottom:  0;
    width:  auto;
    font-family:  Montserrat,  sans-serif;
    font-weight:  700;
    font-size:  16px }
.p-video-right-sec input  {
    margin-bottom:  15px;
    padding:  10px 15px }
.p-video-right-sec .g-recaptcha,  .p-video-right-sec textarea  {
    margin-bottom:  15px }
.p-video-right-sec h2  {
    font-weight:  700;
    font-size:  25px;
    margin-top:  0;
    margin-bottom:  35px;
    margin-left:  0 }
.p-video-right-sec h2:before  {
    display:  none }
.p-video-right-sec h6  {
    font-family:  Montserrat,  sans-serif;
    font-weight:  700;
    font-size:  16px;
    margin-top:  0 }

.p-video-container  {
    position:  relative }
.btn-play-container  {
    position:  absolute;
    z-index:  1;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto;
    width:  150px;
    height:  150px }
.video-contentss .vd-div  {
    display:  flex;
    justify-content:  space-between }
.video-contentss .vd-div>div  {
    width:  50% }
.video-contentss .vd-div .contnt-vd  {
    display:  flex;
    align-items:  center;
    padding-right:  5% }
.video-contentss .vd-div .video-pure-div  {
    position:  relative }
.video-contentss .vd-div .video-pure-div img  {
    width:  100% }
.video-contentss .vd-div .video-pure-div video  {
    position:  absolute;
    background:  #000;
    width:  calc(81% - 12px);
    left:  -10px;
    right:  0;
    top:  0;
    bottom:  0;
    margin:  auto;
    height:  calc(75%) }
.puerto-rico-page .proud-result-sec .box  {
    padding:  6.25em 6.25em 6.25em 6.25em }
.puerto-rico-page .thinking-sec  {
    background-image:  linear-gradient(to bottom,  #1d1a25 65%,  transparent 35%) }
.puerto-rico-page .thinking-sec p  {
    text-align:  left;
    width:  85% }
.puerto-rico-banner  {
    background:  url(../../assets/images/puerto-rico/cs-pr-bg.jpg) no-repeat !important }
.puerto-rico-page .objective-sec .simple-txt  {
    margin-top:  0 }
.puerto-rico-page .objective-sec p  {
    font-size:  1.25em }
.puerto-rico-page .proud-result-sec p  {
    text-align:  left }
.cs-pr-car  {
    position:  absolute;
    bottom:  0;
    right:  0;
    width:  50% }
.cs-pr-boat  {
    position:  absolute;
    bottom:  0;
    left:  4%;
    width:  7% }
.cs-pr-plan  {
    position:  absolute;
    top:  7%;
    right:  25%;
    width:  26% }
.puerto-rico-page .thinking-sec h2  {
    font-size:  2em;
    text-align:  left;
    padding-top:  .5em }
.puerto-rico-page .thinking-sec h2:before  {
    top:  0;
    right:  auto }
.puerto-rico-page .video-contentss .vd-div>div  {
    width:  42% }
.puerto-rico-page .video-contentss .vd-div .contnt-vd  {
    padding-right:  0;
    padding-left:  6% }
.puerto-rico-page .contnt-vd  {
    width:  50% !important }
.puerto-rico-page .dou-img img  {
    width:  90% }
.single-case-studies .inner-banner .dot  {
    width:  auto }
#tab1.cs-isuzu-bg  {
    background:  #cd2222;
    background:  -moz-radial-gradient(center,  ellipse cover,  #cd2222 0,  #dc2e2e 100%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #cd2222 0,  #dc2e2e 100%);
    background:  radial-gradient(ellipse at center,  #cd2222 0,  #dc2e2e 100%) }
.case-study-sec #tab2  {
    background:  #038466 !important }
.case-study-sec .nav-sec  {
    top:  35px }
#tab5.cs-pr-bg  {
    background:  #0d1d37;
    background:  -moz-radial-gradient(center,  ellipse cover,  #0d1d37 0,  #162f59 100%);
    background:  -webkit-radial-gradient(center,  ellipse cover,  #0d1d37 0,  #162f59 100%);
    background:  radial-gradient(ellipse at center,  #0d1d37 0,  #162f59 100%) }
#tab5.cs-pr-bg  {
    background:  url(../../assets/images/focfulll.jpg) no-repeat center top;
}
#tab5.cs-pr-bg h2  {
    font-size:  5em;
    line-height:  1em;
    margin-top:  4rem;
}
#tab5.cs-pr-bg .detail-sec  {
    width:  70em;
}
.case-study-sec #tab5 p  {
    padding:  0 0 0 6%;
    width:  65%;
    max-width:  700px;
    margin-top:  4rem;
}
.case-study-sec #tab5 .detail-sec .link-btn  {
    margin:  2.5em 0 0 6%;
}
.case-study-sec #tab3 .dubai-porcelain-img  {
    right:  15em !important;
    bottom:  1em !important;
}
.case-study-sec #tab3  {
    background:  url(../../assets/images/bluebg.jpg) no-repeat left top;
}
.case-study-sec .tomato-img  {
    left:  -7% !important;
    bottom:  0 !important;
    width:  23% }
.case-study-sec .tomato-img img  {
    width:  100% }
.case-study-sec .pizza-img  {
    right:  5% !important;
    bottom:  0 !important;
    width:  46% }
.case-study-sec .pizza-img img  {
    width:  100% }
.case-study-sec .plus-icon  {
    left:  0 }
.case-study-sec p  {
    padding:  0 0 0 12% }
.case-study-sec .pr-ig-2  {
    left:  4% !important;
    bottom:  0 !important;
    width:  9.5% }
.case-study-sec .pr-ig-2 img  {
    width:  100% }
.case-study-sec .pr-ig-1  {
    right:  -18% !important;
    bottom:  0 !important;
    width:  66% }
.case-study-sec .detail-sec .link-btn  {
    margin:  2.5em 0 0 12% }
.case-study-sec .fujifilm-ig-2  {
    left:  0 !important;
    bottom:  0 !important;
    width:  9.5% }
.case-study-sec .fujifilm-ig-2 img  {
    width:  100% }
.case-study-sec .fujifilm-ig-1  {
    right:  -18% !important;
    bottom:  0 !important;
    width:  55% }
.case-study-sec .fujifilm-ig-1 img  {
    width:  100% }
.video-animation-portfolio-page .custom-web-sec  {
    padding-top:  75px;
    padding-bottom:  75px }
.g-h-small  {
    color:  #0ec1b4;
    font-size:  18px }
.video-animation-portfolio-page .expert-wrapper  {
    padding-top:  75px }
.video-animation-portfolio-page .experts .green-line-img  {
    top:  0 }
.video-animation-portfolio-page img.thumbnail-play-img  {
    max-width:  100px }
.request-call-form  {
    width:  90%;
    max-width:  500px;
    margin:  auto;
    background-color:  #fff;
    padding:  30px }
.request-call-form>input  {
    width:  100%;
    border:  1px solid grey;
    border-radius:  0;
    padding:  15px;
    margin-bottom:  20px }
.req-form-h  {
    text-transform:  uppercase;
    font-size:  22px;
    margin-top:  0;
    font-weight:  600 }
.btn-req  {
    background-color:  #0ec1b4;
    text-transform:  uppercase;
    color:  #fff;
    border-color:  #0ec1b4 !important;
    font-size:  16px }
.video-animation-portfolio-page .expert-wrapper .img-promotion-box  {
    margin-bottom:  50px }
.video-animation-portfolio-page img.thumbnail-play-img  {
    display:  inline-block;
    position:  absolute;
    top:  0;
    bottom:  50px;
    left:  0;
    right:  0;
    margin:  auto }
.fujifilm-caseStudy .proud-result-sec .box  {
    padding:  6.25em 6.25em 6.25em 6.25em }
.fujifilm-caseStudy .thinking-sec  {
    background-image:  linear-gradient(to bottom,  #1d1a25 65%,  #1d1a25 35%);
    padding-bottom:  100px }
.fujifilm-caseStudy .thinking-sec p  {
    width:  100% }

.fujifilm-caseStudy .objective-sec .simple-txt  {
    margin-top:  0 }
.fujifilm-caseStudy .objective-sec p  {
    font-size:  1.25em }
.fujifilm-caseStudy .proud-result-sec p  {
    text-align:  left }
.cs-bg-front-img  {
    position:  absolute;
    bottom:  10%;
    right:  0;
    width:  57% }
.fujifilm-caseStudy .thinking-sec h2  {
    font-size:  2em;
    padding-top:  .5em }
.fujifilm-caseStudy .dou-img img  {
    width:  90% }
.fujifilm-caseStudy .objective-sec .gray-pizza  {
    width:  60% }
.fujifilm-caseStudy .objective-sec .gray-pizza img  {
    width:  100% }
.fujifilm-caseStudy .portfolio-sec.dubai-sec .right-blk  {
    width:  50% }
.fujifilm-caseStudy .portfolio-sec.dubai-sec .left-blk  {
    width:  50%;
    display:  flex;
    flex-flow:  row wrap }
.fujifilm-caseStudy .portfolio-sec.dubai-sec .left-blk>.wrap  {
    width:  100% }
.fujifilm-caseStudy .objective-sec.change  {
    padding-bottom:  0 }
.fujifilm-caseStudy .simple-bo-txt  {
    padding-bottom:  150px }
.fujifilm-caseStudy .portfolio-sec.dubai-sec  {
    padding-bottom:  100px }
.fujifilm-caseStudy .objective-sec .black-box  {
    margin-top:  -12.5em;
    top:  0 }
body.focp-caseStudy  {
}
section.inner-banner.focp-banner  {
    background:  url(../../assets/images/focp/case-study-bg.jpg) no-repeat center center / cover;
}
section.inner-banner.focp-bannerr  {
    background:  url(../../case-studies/optimus/img/Case-study-Optimus-BG.jpg) no-repeat center center / cover;
}
section.inner-banner.focp-bannerrs  {
    background:  url(../../case-studies/human-beings/img/assadas11.jpg) no-repeat center center / cover;
}
body .focp-caseStudy .focp-banner .banner-detail-sec  {
    width:  74.125em;
}
body .focp-caseStudy .cs-bg-front-img  {
    position:  absolute;
    bottom:  6%;
    width:  52%;
}
body .focp-caseStudy .inner-banner .dot  {
    filter:  brightness(100);
    -webkit-filter:  brightness(100);
}
body .focp-caseStudy .objective-sec .black-box h2  {
    font-size:  2.5em;
}
body .focp-caseStudy .objective-sec .black-box p  {
    font-size:  1.12em;
}
body .focp-caseStudy .gray-pizza img  {
    filter:  grayscale(1);
    -webkit-filter:  grayscale(1);
}
body .focp-caseStudy .objective-sec.change  {
    padding-bottom:  0;
}
body .focp-caseStudy .mood-sec h2  {
    padding:  0 1em;
}
body .focp-caseStudy .simple-bo-txt .box h4  {
    font-size:  1.4em;
}
body .focp-caseStudy .simple-bo-txt ul  {
    margin-top:  30px;
    padding-left:  20px;
}
body .focp-caseStudy .simple-bo-txt ul li  {
    font-weight:  bold;
    color:  #129e95;
    margin-bottom:  20px;
    font-size:  1.125em;
}
body .focp-caseStudy .proud-result-sec  {
    margin-top:  12em;
    background:  rgb(221,  185,  49);
    background:  linear-gradient(90deg,  rgba(221,  185,  49,  1) 0%,  rgba(43,  191,  160,  1) 100%);
}
body .focp-caseStudy .proud-result-sec h2  {
    text-transform:  uppercase;
    font-size:  1.5em;
    position:  relative;
    padding-bottom:  40px;
    padding-top:  30px;
}
body .focp-caseStudy .proud-result-sec h2:after  {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    width:  40px;
    height:  1px;
    background:  #1cbbb4;
}
body .focp-caseStudy .proud-result-sec .box  {
    padding:  80px 94px;
    margin-top:  -60px;
}
body .focp-caseStudy .proud-result-sec .box p  {
    color:  #1e1a25;
    font-weight:  500;
}
body .focp-caseStudy .results_section  {
    text-align:  center;
    font-size:  1.125em;
    color:  #fff;
    padding:  70px 0 70px;
}
body .focp-caseStudy .results_section .head_sec h2  {
    color:  #0ec1b4;
    position:  relative;
    font-size:  1.34em;
    text-transform:  uppercase;
    padding:  40px 0 15px;
}
body .focp-caseStudy .results_section .head_sec h2:before  {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    top:  0;
    margin:  auto;
    width:  50px;
    height:  1px;
    background:  #0ec1b4;
}
body .focp-caseStudy .head_sec p  {
    padding:  0 14em;
}
body .focp-caseStudy .res_precent  {
    font-weight:  bold;
    font-size:  4em;
    margin-top:  10px;
}
body .focp-caseStudy .res_price  {
    font-weight:  bold;
    font-size:  1.7em;
}
body .focp-caseStudy .mt  {
    margin-top:  7em;
}
body .focp-caseStudy .results_section .mt p  {
    line-height:  1.4;
    padding-left:  1em;
    padding-right:  1em;
}

body .focp-caseStudy .results_section1  {
    background:  url(../../assets/images/focp/results_section1_bg.jpg) no-repeat center center / cover;
}
body .focp-caseStudy .results_section2  {
    background:  url(../../assets/images/focp/results_section2_bg.jpg) no-repeat center center / cover;
}
body .focp-caseStudy .results_section3  {
    background:  url(../../assets/images/focp/results_section3_bg.jpg) no-repeat center center / cover;
}
body .focp-caseStudy .results_section3 .mt p  {
}
body .focp-caseStudy .results_section3 .mt p span  {
    font-weight:  bold;
    font-size:  1.7em;
    display:  block;
}
body .focp-caseStudy .results_section3 .mt p small  {
    display:  block;
}
body .focp-caseStudy .results_section3 .mt p b  {
}
body .focp-caseStudy .results_section3 .img-responsive  {
    max-width:  100%;

}
body .focp-caseStudy .qoute-sec  {
    background:  none;
}
.bayswater-caseStudy .proud-result-sec  {
    background:  url(../../assets/images/bayswater/multi-color-bg.jpg) no-repeat !important;
    height:  auto;
    margin-top:  14.375em;
}
section.inner-banner.focp-banner  {
    background:  url(../../assets/images/bayswater/case-study-bg.jpg) no-repeat center center / cover;
}
.bayswater-caseStudy .focp-banner .banner-detail-sec  {
    width:  74.125em;
}
.bayswater-caseStudy .cs-bg-front-img  {
    position:  absolute;
    bottom:  6%;
    width:  52%;
}
.bayswater-caseStudy .inner-banner .dot  {
    filter:  brightness(100);
    -webkit-filter:  brightness(100);
}
.bayswater-caseStudy .objective-sec .black-box h2  {
    font-size:  2.5em;
}
.bayswater-caseStudy .objective-sec .black-box p  {
    font-size:  1.12em;
}
.bayswater-caseStudy .gray-pizza img  {
    filter:  grayscale(1);
    -webkit-filter:  grayscale(1);
}
.bayswater-caseStudy .objective-sec.change  {
    padding-bottom:  0;
}
.bayswater-caseStudy .mood-sec h2  {
    padding:  0 1em;
}
.bayswater-caseStudy .simple-bo-txt .box h4  {
    font-size:  1.4em;
}
.bayswater-caseStudy .simple-bo-txt ul  {
    margin-top:  30px;
    padding-left:  20px;
}
.bayswater-caseStudy .simple-bo-txt ul li  {
    font-weight:  bold;
    color:  #129e95;
    margin-bottom:  20px;
    font-size:  1.125em;
}
.bayswater-caseStudy .proud-result-sec  {
    margin-top:  12em;
    background:  rgb(221,  185,  49);
    background:  linear-gradient(90deg,  rgba(221,  185,  49,  1) 0%,  rgba(43,  191,  160,  1) 100%);
}
.bayswater-caseStudy .proud-result-sec h2  {
    text-transform:  uppercase;
    font-size:  1.5em;
    position:  relative;
    padding-bottom:  40px;
    padding-top:  30px;
}
.bayswater-caseStudy .proud-result-sec h2:after  {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    width:  40px;
    height:  1px;
    background:  #1cbbb4;
}
.bayswater-caseStudy .proud-result-sec .box  {
    padding:  80px 94px;
    margin-top:  -60px;
}
.bayswater-caseStudy .proud-result-sec .box p  {
    color:  #1e1a25;
    font-weight:  500;
}
.bayswater-caseStudy .results_section  {
    text-align:  left;
    font-size:  1.125em;
    color:  #fff;
    padding:  80px 0 20px;
}
.bayswater-caseStudy .results_section .head_sec h2  {
    color:  #0ec1b4;
    position:  relative;
    font-size:  1.34em;
    text-transform:  uppercase;
    padding:  40px 0 15px;
}
.bayswater-caseStudy .head_sec p  {
    padding:  0 42em 0em 0em;
}
.bayswater-caseStudy .res_precent  {
    font-weight:  bold;
    font-size:  4em;
    margin-top:  10px;
    padding-left:  0.3em;
}
.bayswater-caseStudy .res_price  {
    font-weight:  bold;
    font-size:  1.7em;
}
.bayswater-caseStudy .mt  {
    margin-top:  7em;
}
.bayswater-caseStudy .results_section .mt p  {
    line-height:  1.4;
    padding-left:  1em;
    padding-right:  1em;
    position: relative;
}
.bayswater-caseStudy .results_section .mt.met p:before  {
    content:  "";
    position:  absolute;
    left: -30px;
    top: 13px;
    margin:  0 auto;
    background:  #f9b416;
    height:  1px;
    width:  1.875em;
}
.bayswater-caseStudy .mt.met  {
    margin-top:  7em;
    padding-left:  4em;
}
.bayswater-caseStudy .results_section4 .mt.met  {
    margin-top:  13em;
    padding-left:  4em;
}
.mtcenter img.img-responsive  {
    left:  170px !important;
}
.bayswater-caseStudy .results_section .img-responsive  {
    /*position:  relative;*/
    /*bottom:  -60px;*/
    max-width: 100%;
}
.sec4img img  {
    position:  relative;
    left:  60px;
}
.bayswater-caseStudy .results_section1  {
    background:  url(../../assets/images/bayswater/results_section1_bg.jpg) no-repeat center center / cover;
}
.bayswater-caseStudy .results_section2  {
    background:  url(../../assets/images/bayswater/results_section2_bg.jpg) no-repeat center center / cover;
    padding-bottom:  0;
}
.bayswater-caseStudy .results_section3  {
    background:  url(../../assets/images/bayswater/results_section3_bg.jpg) no-repeat center center / cover;
    padding-bottom:  0;
}
.bayswater-caseStudy .results_section4  {
    background:  url(../../assets/images/bayswater/results_section4_bg.jpg) no-repeat center center / cover;
    padding-bottom:  0;
}
.bayswater-caseStudy .results_section.results_section4 .img-responsive  {
    bottom:  -119px;
}
.bayswater-caseStudy .results_section3 .mt p  {
}
.bayswater-caseStudy .results_section3 .mt p span  {
    font-weight:  bold;
    font-size:  1.7em;
    display:  block;
}
.bayswater-caseStudy .results_section3 .mt p small  {
    display:  block;
}
.bayswater-caseStudy .results_section3 .mt p b  {
}
.bayswater-caseStudy .results_section3 .img-responsive  {
    max-width:  none;
    left:  -130px;
    bottom:  -60px;
}
.bayswater-caseStudy .qoute-sec  {
    background:  none;
}
.h-pg-video-section  {
    background-color:  #1e1a25;
    padding-bottom:  80px }
.h-pg-video-h  {
    color:  #fff;
    position:  relative;
    text-align:  center;
    font-size:  48px;
    font-weight:  400;
    padding-bottom:  30px }
.h-pg-video-h:after  {
    content:  "";
    position:  absolute;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto;
    width:  100px;
    height:  1px;
    background-color:  #f9b416 }
.h-pg-video-area  {
    margin-top:  100px;
    display:  flex;
    align-items:  center;
    justify-content:  space-between;
    flex-flow:  row wrap }
.h-pg-video-area>div  {
    width:  100%;
    position:  relative }
.video-area-inner-a>video  {
    width:  100%;
}
.h-v-arr:before  {
    display:  none;
}
.h-v-arr  {
    font-size:  25px;
    color:  #fff;
}
.h-v-arr:hover  {
    color:  #fff;
}
.h-page-btn-play  {
    width:  100%;
    cursor:  pointer }
.two-badges  {
    display:  flex;
    align-items:  center;
    justify-content:  space-between;
    max-width:  345px;
}
.bg-fp_icon  {
    width:  60px;
    height:  60px;
    background:  url(../images/css_sprites.png) -111px -103px;
    z-index:  999;
    position:  relative;
}
.bg-in_icon  {
    width:  60px;
    height:  60px;
    background:  url(../images/css_sprites.png) -306px -10px;
    z-index:  999;
    position:  relative;
}
.bg-plus_icon  {
    width:  44px;
    height:  44px;
    background:  url(../images/css_sprites.png) -218px -237px;
    z-index:  999;
    position:  relative;
    display:  block;
}
@media screen and (max-height:800px)  {
    .flex-column-around.design-section  {
    margin-top:  10px !important }
.mobile-portfolio-page .section-four  {
    background-position-y:  center }
.flex-column-around  {
    margin-top:  36px }
.for-ripple-effect  {
    top:  -50px }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(2)  {
    width:  30%;
	height: 350px;
	}
.icon-top  {
    bottom:  calc(100% - 40px);
    width:  80px }
.icon-right  {
    left:  calc(100% - 40px);
    width:  80px }
.icon-bottom  {
    top:  calc(100% - 40px);
    width:  80px }
.icon-left  {
    right:  calc(100% - 40px);
    width:  80px }
.mobile-portfolio-page .right-choice-height  {
    min-height:  490px }
.sticky-consultation-form  {
    padding:  15px 100px }
.sticky-consultation-form p  {
    margin-top:  15px;
    margin-bottom:  15px }
.sticky-consultation-form input,  .sticky-consultation-form textarea  {
    margin-bottom:  8px }
}@media screen and (max-height:760px)  {
    .sticky-consultation-form p  {
    margin-top:  8px;
    margin-bottom:  8px;
    font-size:  12px;
    letter-spacing:  1px }
.sticky-consultation-form .form-main-head-2  {
    font-size:  30px }
}@media screen and (max-height:700px)  {
    .mobile-portfolio-page .section-one .flex-column-around>div:  nth-child(2)  {
    width:  25% }
.white-circle  {
    width:  40% }
.icon-top  {
    bottom:  calc(100% - 35px);
    width:  70px }
.icon-right  {
    left:  calc(100% - 35px);
    width:  70px }
.icon-bottom  {
    top:  calc(100% - 35px);
    width:  70px }
.icon-left  {
    right:  calc(100% - 35px);
    width:  70px }
.mobile-portfolio-page .right-choice-height  {
    min-height:  auto }
.mobile-portfolio-page .footer-height  {
    min-height:  1220px }
.prototype-images  {
    width:  50% }
.prototype-content  {
    width:  46% }
.flex-column-around.design-section  {
    width:  65% }
}@media screen and (max-height:680px)  {
    .sticky-consultation-form  {
    padding:  15px 100px }
.sticky-consultation-form p  {
    margin-top:  8px;
    margin-bottom:  8px }
.redContactSection input,  .redContactSection textarea,  .sticky-consultation-form input,  .sticky-consultation-form textarea  {
    padding:  8px 15px }
}@media screen and (max-height:600px)  {
    .mobile-portfolio-page .redContactSection  {
    padding-bottom:  80px !important }
.prototype-images  {
    width:  37% }
.prototype-content  {
    width:  62% }
.flex-column-around.design-section  {
    width:  50% }
}@media screen and (max-width:2560px)  {
    .video-animation-page .inner-banner  {
    height:  75em !important }
img.cartoon-img  {
    position:  absolute;
    left:  -495px;
    top:  785px;
    max-width:  630px }
}@media screen and (max-width:1920px)  {
    .video-animation-page .inner-banner  {
    height:  50em !important }
img.cartoon-img  {
    position:  absolute;
    left:  -170px;
    top:  785px;
    max-width:  630px }
}.contactPage p.error-msg-phone,  .contactPage p.error-msg-email,  .contactPage p.error-msg-name,  .contactPage p.error-msg-textarea  {
    margin-bottom:  0 !important;
    transform:  translateY(-20px);
    color:  #f00 !important;
    font-size:  12px !important;
}
.redContactSection p.error-msg-email,  .redContactSection p.error-msg-phone,  .redContactSection p.error-msg-name,  .redContactSection p.error-msg-textarea  {
    margin-bottom:  0;
    margin-top:  -20px;
    font-size:  13px;
    text-align:  left;
    color:  #fff;
    transform:  translateY(-6px);
}
.sticky-consultation-form p.error-msg-email,  .sticky-consultation-form p.error-msg-phone,  .sticky-consultation-form p.error-msg-name,  .sticky-consultation-form p.error-msg-textarea  {
    color:  #f00;
    font-size:  13px;
    margin-top:  0;
    margin-bottom:  0;
    transform:  translateY(-12px);
}
#formheaderbanner p.error-msg-email,  #formheaderbanner p.error-msg-phone,  #formheaderbanner p.error-msg-name,  #formheaderbanner p.error-msg-textarea  {
    margin-bottom:  0;
    margin-top:  -20px;
    font-size:  13px;
    text-align:  left;
    color:  #fff;
    transform:  translateY(-6px);
}
.digitalExperienceSection p.error-msg-phone,  .digitalExperienceSection p.error-msg-email,  .digitalExperienceSection p.error-msg-name,  .digitalExperienceSection p.error-msg-textarea  {
    margin-top:  -10px;
}
.portfolio-video-section p.error-msg-phone,  .portfolio-video-section p.error-msg-email,  .portfolio-video-section p.error-msg-name,  .portfolio-video-section p.error-msg-textarea  {
    margin-top:  -10px;
}
.grecaptcha-badge  {
    bottom:  15% !important;
    z-index:  9;
}
.serverMangement-page ul  {
    margin-bottom:  0;
}
.what-cms-sec #serverMangement p  {
    padding:  0;
}
.serverMangement-page .what-cms-sec .black-box  {
    margin:  0;
}
#serverMangement .carousel-inner>.item  {
    height:  auto;
    min-height:  inherit;
}
.serverMangement-page .marketing-process-sec p,  .serverMangement-page ul  {
    color:  #fff;
}
.serverMangement-page .what-cms-sec li  {
    line-height:  1.5625em;
}
.serverMangement-page .marketing-process-sec li  {
    line-height:  1.5625em;
    font-weight:  700;
    font-size:  1.2em;
}
.serverMangement-page .marketing-process-sec .tab-sec  {
    height:  auto;
}
.serverMangement-page.cms-page .what-cms-sec .laptop-img  {
    margin:  3em 0 1em 0;
}
.serverMangement-page .engage-slider-sec.change  {
    margin-bottom:  0;
    padding-bottom:  0;
}
.engage-slider-sec .bor-right  {
    padding-bottom:  7em;
}
.serverMangement-page #serverMangement .carousel-indicators  {
    bottom:  inherit;
    top:  30px;
}
.serverMangement-page .marketing-process-sec .tab-sec a  {
    font-size:  1.525em;
    margin-bottom:  3em;
}
.serverMangement-page .marketing-process-sec .tab-sec a:nth-child(1)  {
    padding-top:  0;
}
.serverMangement-page .marketing-process-sec .tab-sec a:nth-child(3)  {
    padding-bottom:  0;
    margin-bottom:  0;
}
.serverMangement-page .marketing-process-sec h3  {
    font-size:  1.5em;
    color:  #f3e529;
}
.serverMangement-page .marketing-process-sec  {
    padding-bottom:  100px;
    height:  auto !important;
}
.before-not:before  {
    display:  none;
}
.serverMangement-page .marketing-process-sec  {
    margin-top:  0;
}
.serverMangement-page .engage-slider-sec .mar-top  {
    margin-top:  2.375em;
}
.serverMangement-page .engage-slider-sec .services-detail-sec .box  {
    padding:  7.5em 6.25em 7.5em 18.4375em;
}
.packages-sec-a  {
    background-color:  #fff;
    padding:  5em 0;
}
.packages-sec-a>.container  {
    max-width:  1920px;
    width:  100% !important;
    margin:  auto;
}
.packages-arae-a  {
    display:  flex;
    justify-content:  space-between;
}
.packages-left  {
    width:  25%;
}
.packages-right  {
    width:  75%;
    display:  flex;
    justify-content:  space-between;
}
.packages-ul  {
    width:  100%;
    display:  flex;
    flex-direction:  column;
    padding-left:  0;
    border-left:  1px solid #e8e7ed;
}
.packages-ul>li  {
    width:  100%;
    height:  55px;
    display:  flex;
    align-items:  center;
    padding:  1em;
    font-size:  18px;
    font-weight:  600;
    color:  #000000;
    border-top:  1px solid #e8e7ed;
}
.packages-ul>li.p-header  {
    height:  135px;
    background-color:  #f6f5f8;
    color:  #fff;
    display:  flex;
    flex-direction:  column;
    font-size:  24px;
    padding:  0.5em;
}
.packages-ul>li.p-header>p  {
    margin-bottom:  0;
}
.packages-ul>li.p-discount  {
    color:  #fff;
    background-color:  #1d8c84;
    font-size:  24px;
    line-height:  1;
}
.packages-ul>li.p-original  {
    background-color:  #f6f5f8;
}
.packages-right .packages-ul>li  {
    text-align:  center;
    justify-content:  center;
    align-items:  center;
}
.packages-right .packages-ul>li.p-original  {
    text-decoration:  line-through;
}
.packages-right .packages-ul:last-child  {
    border-right:  1px solid #e8e7ed;
}
.p-profesional>.p-header  {
    background:  #09329a;
    background:  -moz-linear-gradient(-45deg,  #09329a 0%,  #22b5bc 100%);
    background:  -webkit-linear-gradient(-45deg,  #09329a 0%,  #22b5bc 100%);
    background:  linear-gradient(135deg,  #09329a 0%,  #22b5bc 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#09329a',  endColorstr='#22b5bc',  GradientType=1);
}
.p-premium>.p-header  {
    background:  #fd1863;
    background:  -moz-linear-gradient(-45deg,  #fd1863 0%,  #ff6e41 100%);
    background:  -webkit-linear-gradient(-45deg,  #fd1863 0%,  #ff6e41 100%);
    background:  linear-gradient(135deg,  #fd1863 0%,  #ff6e41 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd1863',  endColorstr='#ff6e41',  GradientType=1);
}
.p-enterprise>.p-header  {
    background:  #3d1399;
    background:  -moz-linear-gradient(-45deg,  #3d1399 0%,  #cd579c 100%);
    background:  -webkit-linear-gradient(-45deg,  #3d1399 0%,  #cd579c 100%);
    background:  linear-gradient(135deg,  #3d1399 0%,  #cd579c 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d1399',  endColorstr='#cd579c',  GradientType=1);
}
.p-organiztion>.p-header  {
    background:  #1d8c84;
    background:  -moz-linear-gradient(-45deg,  #3d1399 0%,  #cd579c 100%);
    background:  -webkit-linear-gradient(-45deg,  #1d8c84 0%,  #8BC34A 100%);
    background:  linear-gradient(135deg,  #1d8c84 0%,  #8BC34A 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d1399',  endColorstr='#cd579c',  GradientType=1);
}
.p-profesional>li.p-discount  {
    background-color:  #09369b;
}
.p-premium>li.p-discount  {
    background-color:  #d20f42;
}
.p-enterprise>li.p-discount  {
    background-color:  #6a07a2;
}
.packages-right .packages-ul>li.p-original  {
    background-color:  transparent;
}
.packages-ul i.fas.fa-check-square  {
    color:  #00a651;
    font-size:  20px;
}
.packages-ul i.fas.fa-times-circle  {
    color:  #f44437;
    font-size:  20px;
}
.p-button  {
    padding:  0 !important;
}
.p-button .btn-yellow  {
    display:  flex;
    width:  100%;
    height:  100%;
    align-items:  center;
    justify-content:  center;
    color:  #000;
    background-color:  #fdb71c;
    text-transform:  uppercase;
    border-radius:  0;
    font-weight:  bold;
}
.mob-p-slect  {
    display:  none;
}
.packges-tab-arae-a  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
}
.nav-pils-a  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    margin-bottom:  2em !important;
    padding-left:  0;
}
.nav-pils-a>li  {
    padding:  0;
    display:  flex;
}
.nav-pils-a>li>a  {
    padding:  1em 2em;
    color:  #000;
    background-color:  #f2f2f2;
    font-size:  20px;
    font-weight:  600;
}
.nav-pils-a>li.active>a  {
    background-color:  #b01515;
    color:  #fff;
}
.p-windows  {
    display:  none;
}
.p-two-col-a  {
    width:  48%;
    display:  inline-flex;
}
.p-one-col-a  {
    width:  96%;
    display:  flex;
    margin:  auto;
}
.p-form  {
    background-color:  #fff;
}
.p-form input,  .p-form select,  .p-form textarea  {
    width:  100%;
    color:  #000;
    border:  0;
    padding:  1em;
    background-color:  white;
    margin-bottom:  1em;
    height:  auto;
    border-radius:  0;
}
.p-form  {
    background-color:  #b32727;
    padding:  3em 3em;
}
.p-form .modal-body  {
    position:  relative;
}
.p-close  {
    position:  absolute;
    top:  30px;
    right:  30px;
    left:  auto;
    bottom:  auto;
    margin:  0;
}
.btn-order-p  {
    width:  50%;
    margin:  auto;
    text-transform:  uppercase;
    font-size:  18px;
    font-weight:  bold;
}
.packages-bottom  {
    display:  flex;
    margin-top:  2em;
}
.packages-bottom-ul  {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    padding-left:  0;
    list-style:  none;
    margin:  auto;
}
.packages-bottom-ul>li:nth-child(2)  {
    margin-left:  1em;
    margin-right:  1em;
}
.packages-bottom-ul>li  {
    font-size:  18px;
    font-weight:  400;
    color:  #1e1a25;
}
.packages-bottom-ul>li>i  {
    margin-right:  0.25em;
    color:  #00a651;
}
.serverMangement-page .what-cms-sec  {
    margin-top:  0;
}
.serverMangement-page div#detail2  {
    margin-bottom:  0em;
    padding:  7.6em 0 6.6em 0;
}
.serverMangement-page .tab-detail-sec>div  {
    transition:  1s;
}
.serverMangement-page .tab-detail-sec>div:not(.active)  {
    opacity:  0;
}
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a#tab-cor  {
    background-image:  url(../../assets/images/video-animation/icon-presentation.png);
}
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a#tab-edi  {
    background-image:  url(../../assets/images/video-animation/icon-videoediting.png);
}
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a#tab-adv  {
    background-image:  url(../../assets/images/video-animation/icon-ad-videos.png);
}
li.add-ons-a  {
    flex-wrap:  wrap;
    height:  auto;
    min-height:  55px;
    font-size:  15px !important;
}
li.add-ons-a>a  {
    flex:  1;
    display:  flex;
    align-items:  center;
    justify-content:  center;
}
li.add-ons-a>a>i  {
    margin-left:  10px;
}
ul.expandable-addon  {
    width:  100%;
    padding:  0;
    margin:  0;
    text-align:  left;
    padding-left:  10px;
    display:  none;
}
.expanded  {
    display:  block !important;
}
li.freebies-box  {
    min-height:  185px !important;
}
ul.expandable-addon>li  {
    font-size:  0.79em !important;
    margin-bottom:  0.5em;
}
@media screen and (max-width:1919px)  {
    .portfolio-sec .block1 img:  nth-child(1),  .portfolio-sec .block1 img:nth-child(2)  {
    width:  40% }
.portfolio-sec .block1 img:nth-child(3)  {
    width:  12% }
.portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  16% }
.portfolio-sec .block2 img:nth-child(2)  {
    width:  43% }
.portfolio-sec .block2 img:last-child  {
    width:  20% }
.single-case-studies .offer img:nth-child(2),  .single-case-studies .offer img:nth-child(3)  {
    max-width:  25% }
.single-case-studies .offer img:nth-child(4)  {
    max-width:  21% }
.single-case-studies .offer img:nth-child(1)  {
    max-width:  22% }
}@media screen and (max-width:1680px)  {
    .case-study-sec .detail-sec  {
    margin-left:  0.125em;
}
.sticky-top-contact-bar>ul  {
    width:  40% !important;
}
.banner-slider .list  {
    width:  104.5em }
.new-digital-marketing-page .inner-banner .banner-detail-sec  {
    padding-left:  10.375em }
.new-digital-marketing-page .inner-banner .dot  {
    width:  25% }
.new-digital-marketing-page .digitalExperienceSection:before  {
    width:  35% }
.prototype-images>div>img  {
    width:  90% }
.flex-column-around.design-section  {
    width:  100%;
    margin-top:  200px }
.design-section>div>img  {
    width:  90% }
}@media screen and (max-width:1600px)  {
    .case-study-sec .detail-sec  {
    margin-left:  0.125em;
}
.head-logo  {
    padding:  7px 13px;
    width:  13%;
}
.head-logo img  {
    width:  29%;
}
.sticky-top-contact-bar>ul  {
    width:  41% !important%;
}
.web-design-process-box  {
}
.mobileApp-page .custom-web-sec .carousel-inner>.item  {
    height:  786px;
}
#a-specializing .si-col  {
    margin-right:  30px }
body.about-us-page .smart-work-sec  {
    padding-bottom:  50px }
#a-specializing .caption  {
    font-size:  14px;
    margin-top:  0;
    line-height:  20px }
#cdte h2  {
    font-size:  70px;
    line-height:  80px }
#cdte p  {
    width:  570px }
#cdte .view-btn  {
    margin:  17em 0 0 10em }
.marketing-process-sec.culture-innovation .tb-text  {
    margin-right:  0 }
.marketing-process-sec.culture-innovation .tab-sec  {
    width:  608px }
#our-offices .c--con-flag  {
    margin-left:  325px }
#our-offices.marketing-process-sec .tab-sec  {
    left:  440px }
#our-offices.marketing-process-sec .tab-sec  {
    top:  100px;
    left:  415px }
#our-offices .c--con-flag img  {
    width:  100% }
#our-offices .c--con-flag  {
    margin-left:  300px }
.our-work-sec .container  {
    width:  96.625em }
.aad-page .specialize-sec .image-detail-sec img  {
    width:  100% }
.appraoch-sec .detail-sec .learn-more  {
    width:  24.313em }
.proud-result-sec  {
    background-size:  100% 100%;
    height:  auto }
.special-sec .box-tab-sec  {
    padding-left:  198px }
.box-tab-sec .box  {
    width:  15em }
.branding-page .cd-graphic,  .branding-page .engage-slider-sec .services-detail-sec  {
    width:  50% }
.branding-page .cd-graphic img  {
    width:  100% }
.branding-page .slick-prev  {
    bottom:  -12px;
    left:  -78%;
    top:  inherit }
.branding-page .half-img2  {
    top:  433px }
.branding-page #ecl-co p  {
    width:  40% }
.branding-page .engage-slider-sec h3  {
    margin-top:  50px;
    margin-bottom:  30px }
.appraoch-sec .tab-sec a  {
    width:  15em }
.box-tab-sec .box  {
    width:  16% }
.iphonex-sec img  {
    width:  65% }
.portfolio-sec .block1 img:nth-child(1),  .portfolio-sec .block1 img:nth-child(2),  .portfolio-sec .block2 img:nth-child(2)  {
    width:  550px }
.portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  225px }
.portfolio-sec .block1 img:nth-child(3)  {
    width:  155px }
.portfolio-sec .block2 img:last-child  {
    width:  275px }
.mood-sec h1  {
    font-size:  180px }
.mood-sec.change h4  {
    font-size:  150px }
.hanzfree-caseStudy .mood-sec.hanz  {
    position:  relative }
.hanzfree-caseStudy .mood-sec.hanz h1  {
    bottom:  -240px;
    top:  inherit;
    position:  absolute;
    left:  0;
    right:  0 }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:first-child,  .single-case-studies .mood-sec.hanz .mobileScreens ul li:last-child  {
    width:  19.8% }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(2),  .single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(4)  {
    width:  22.1% }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(3)  {
    width:  23.9% }
.hanzfree-caseStudy .simple-bo-txt  {
    margin-top:  200px }
.single-case-studies .mood-sec.hanz .mobileScreens  {
    max-width:  1000px;
    margin:  0 auto }
.single-case-studies .mood-sec.hanz .mobileScreens ul  {
    margin-bottom:  -47px }
.ticket-caseStudy .simple-bo-txt  {
    margin-top:  150px }
.home_page .box-tab-sec .box  {
    width:  100% }
.home_page .special-sec .learn-more  {
    padding-top:  15px }
.home_page .special-sec .box-tab-sec h3  {
    font-size:  1em }
.home_page .marketing-sec  {
    height:  auto }
.accordion .list.three,  .accordion .list.two  {
    left:  0 !important }
.seo-page.print-design .inner-banner .banner-detail-sec h1  {
    top:  1.7em }
.testimonials_page .specialize-sec .services-detail-sec.right  {
    min-height:  inherit }
.thumbSlider .slick-dots  {
    right:  25% }
.ddos_page #ddosModalForm .radio-inline input[type=radio]  {
    top:  0 }
.new-digital-marketing-page .inner-banner .banner-detail-sec h1  {
    top:  70px }
.new-digital-marketing-page .result-metter-sec .yellowStrip  {
    right:  1.8% }
.new-digital-marketing-page .result-metter-sec .greenStrip  {
    right:  1.8% }
.new-digital-marketing-page .result-metter-sec .yellowStrip.four  {
    right:  4% }
.new-digital-marketing-page .result-metter-sec .greenStrip.four  {
    right:  4% }
.print-design .box-tab-sec .box  {
    width:  24% }
.page-portfolio .work-sec-portfolio .column .content  {
    height:  270px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  25px }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  15px }
.careersPage .inner-banner .banner-detail-sec h2  {
    margin-top:  170px }
.redContactSection h2:before  {
    max-width:  150px }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  13px }
.experts h4  {
    font-size:  160px;
    line-height:  120px }
.fake-sec,  .mobile-portfolio-page .inner-portfolio-banner,  .mobile-portfolio-page .section-four,  .mobile-portfolio-page .section-one,  .mobile-portfolio-page .section-three,  .mobile-portfolio-page .section-two,  .skrollr-footer  {
    width:  calc(100% - 32px) }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  1050px }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  1050px }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  1050px }
.web-development.web-design-oman .carousel-inner  {
    min-height:  990px }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  1050px }
.video-animation-page .banner-detail-sec  {
    bottom:  180px;
    padding-left:  10em }
.sticky-consultation-form .form-main-head-2  {
    font-size:  35px }
.p-sec-h  {
    font-size:  35px }
.p-video-right-sec h2  {
    font-size:  22px;
    margin-bottom:  15px }
.p-video-right-sec  {
    padding:  20px 20px !important }
.p-sec-video  {
    width:  97% }
.p-video-right-sec input,  .p-video-right-sec textarea  {
    margin-bottom:  10px;
    padding:  8px 15px }
.h-pg-video-h  {
    font-size:  35px }
body.focp-caseStudy .results_section3 .img-responsive  {
    max-width:  130%;
    left:  -70px;
    bottom:  -60px;
}
body.focp-caseStudy .simple-bo-txt .box img  {
    max-width:  60%;
}
.focpbg .workLibrarySection_2 h3  {
    font-size:  55px;
}
.branding-design-page .carousel-inner>.item  {
    height:  732px;
}
@media screen and (max-width:1536px)  {
    .focpcts img  {
    width:  100%;
    max-width:  70%;
}
.client-sticky-button  {
    position:  fixed;
    z-index:  3;
    right:  -105px }
img.cartoon-img  {
    position:  absolute;
    left:  -130px;
    top:  635px;
    max-width:  580px }
.close  {
    bottom:  calc(100% - 35px) }
}@media screen and (max-width:1530px)  {
    .focpcts img  {
    width:  100%;
    max-width:  70%;
}
.new-digital-marketing-page .digitalExperienceSection:before  {
    width:  33.5% }
}@media screen and (max-width:1400px)  {
    .focpcts img  {
    width:  100%;
    max-width:  70%;
}
.web-design-process-box  {
}
.website-design-process  {
    font-size:  1.2em;
}
.mobileApp-page .custom-web-sec .carousel-inner>.item  {
    height:  705px;
}
.banner-slider .list  {
    width:  119.5em }
.marketingImg-home  {
    width:  100% }
.contactPage .inner-banner .banner-detail-sec  {
    margin-left:  4% }
.contactPage .callToaction p:before  {
    left:  55px }
.contactPage h2.greenTextWhiteBg  {
    font-size:  60px }
.contactPage .lightBlueBg .callToaction li a,  .contactPage .lightBlueBg .callToaction li p  {
    font-size:  18px }
.branding-page .half-img2  {
    top:  285px }
.marketing-col  {
    height:  auto;
    padding:  20px 30px }
.seo-page .inner-banner .banner-detail-sec h1  {
    top:  .5625em }
.seo-page.cro-page .inner-banner .banner-detail-sec h1  {
    top:  0;
    margin-top:  0 }
.ddosForm .formbottomarea input[type=submit]  {
    font-size:  14px }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  45px }
.new-digital-marketing-page .inner-banner .banner-detail-sec h1  {
    top:  73px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h2  {
    font-size:  20px;
    margin-bottom:  20px }
.new-digital-marketing-page .result-metter-sec .greyHeadLarge  {
    font-size:  120px;
    line-height:  1 }
.new-digital-marketing-page .digitalExperienceSection:before  {
    width:  34.3% }
.new-digital-marketing-page .result-metter-sec .greenStrip.three  {
    right:  3.2% }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  14px }
.about-us-page .smart-work-sec .green-line-img  {
    display:  block }
.about-us-page #cdte p  {
    font-size:  15px }
.about-us-page #cdte li  {
    font-size:  15px }
.about-us-page #cdte .view-btn  {
    font-size:  15px;
    height:  auto;
    padding:  5px }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  5px }
.android-app-page .smart-work-sec .green-line-img  {
    display:  block }
.home_page .img-sec iframe  {
    width:  98% }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  5px }
.fake-sec,  .mobile-portfolio-page .inner-portfolio-banner,  .mobile-portfolio-page .section-four,  .mobile-portfolio-page .section-one,  .mobile-portfolio-page .section-three,  .mobile-portfolio-page .section-two,  .skrollr-footer  {
    width:  calc(100% - 28px) }
.mobile-portfolio-page .redContactSection  {
    padding-bottom:  160px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec  {
    bottom:  195px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-abudhabi .custom-web-sec .line  {
    width:  25% }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  900px }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec  {
    bottom:  195px }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-bahrain .custom-web-sec .line  {
    width:  25% }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  900px }
.web-development.web-design-ksa .inner-banner .banner-detail-sec  {
    bottom:  195px }
.web-development.web-design-ksa .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-ksa .custom-web-sec .line  {
    width:  25% }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  900px }
.web-development.web-design-oman .inner-banner .banner-detail-sec  {
    bottom:  195px }
.web-development.web-design-oman .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-oman .custom-web-sec .line  {
    width:  25% }
.web-development.web-design-oman .carousel-inner  {
    min-height:  820px }
.web-development.web-design-qatar .inner-banner .banner-detail-sec  {
    bottom:  195px }
.web-development.web-design-qatar .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-qatar .custom-web-sec .line  {
    width:  25% }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  900px }
.focpbg .workLibrarySection_2 h3  {
    font-size:  40px;
}
.pack-design .inner-banner .banner-detail-sec h2  {
    top:  .3625em;
}
}
@media screen and (max-width:1366px)  {
    .center-imgs img  {
    height:  500px;
}
.sticky-top-contact-bar>ul {
    width: 50% !important;
}
.head-logo img  {
    width:  33%;
}
body.sticky-top-contact-bar>ul  {
    width:  54% !important;
}
body.seo-page .inner-banner .banner-detail-sec h1  {
    top:  1.3em;
}
body.seo-page .box-item ul li  {
    list-style-image:  url(../images/bullets.png);
    padding-left:  18px;
    padding-top:  10px;
    padding-bottom:  10px;
    font-size:  16px;
    color:  #fff;
    font-weight:  bold;
}
section.marketing-process-sec .num  {
    font-size:  9.944em;
    position:  absolute;
    left:  -43px;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -50px;
    color:  #2b2732;
    transition:  all 0.5s;
}
.box-item ul li  {
    list-style-image:  url('../images/bullets.png');
    padding-left:  18px;
    padding-top:  10px;
    padding-bottom:  10px;
    font-size:  16px;
    color:  #fff;
    font-weight:  bold;
}
#scroll_2  {
    position:  fixed;
    bottom:  12%;
    right:  -41px }
.video-animation-page .inner-banner .banner-detail-sec h2  {
    font-size:  60px }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec::before  {
    width:  85%;
    left:  50px;
    right:  50px }
.sticky-consultation-form p  {
    margin-top:  30px;
    margin-bottom:  30px }
.sticky-consultation-form  {
    padding:  100px 60px }
.contactPage .contactArea:after  {
    display:  none }
.blogsubscribe h2  {
    font-size:  17px }
.digital-marketing .who-head h3  {
    left:  46%;
    top:  -30px }
.digital-marketing .custom-web-sec .line  {
    top:  12.5em }
.home_page .special-sec .learn-more  {
    padding-top:  10px }
.smart-work-sec .img-sec  {
    width:  initial }
.specialize-sec .image-detail-sec.right .icon-sec  {
    left:  -6.375em }
.specialize-sec .image-detail-sec:nth-child(2) .icon-sec  {
    top:  24.625em;
    right:  -6.375em }
.specialize-sec .image-detail-sec:nth-child(4) .icon-sec  {
    top:  26.625em;
    right:  -6.375em }
.workLibrarySection_4 .container:before  {
    left:  20px }
.work-library .banner-slider h4  {
    font-size:  36px }
.work-library .banner-slider h2  {
    margin:  92px 0 25px 0 }
.mobileWrap  {
    overflow:  hidden;
    width:  136px;
    height:  241px;
    position:  absolute;
    top:  40px;
    left:  31px }
.workLibrarySection_4 .mobileWrap h4  {
    font-size:  12px }
.workLibrarySection_4 .mobileWrap figcaption  {
    font-size:  10px }
.workLibrarySection_2 .librabryBg1,  .workLibrarySection_2 .librabryBg2,  .workLibrarySection_3  {
    background-size:  cover }
.workLibrarySection_2 .librabryBg2  {
    min-height:  526px }
.workLibrarySection_4 figure .overlay  {
    padding:  10px }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    font-size:  9px }
.workLibrarySection_6 .librabryBg4,  .workLibrarySection_6 .librabryBg5,  .workLibrarySection_6 .librabryBg6,  .workLibrarySection_7 .librabryBg7,  .workLibrarySection_7 .librabryBg8,  .workLibrarySection_8  {
    background-size:  cover;
    background-position:  center top }
.mobileWrap  {
    overflow:  hidden;
    width:  136px;
    height:  241px;
    position:  absolute;
    top:  40px;
    left:  31px }
.objective-sec.change  {
    padding-bottom:  100px }
.objective-sec.change .simple-line-img  {
    position:  absolute;
    left:  0;
    top:  56% }
.mood-sec.change h4  {
    bottom:  -42px }
.offer img  {
    max-height:  366px }
.mood-sec.hanz  {
    background:  url(../images/hanz-back2.jpg) no-repeat }
.mood-sec.hanz .hanz-app ul li:first-child,  .mood-sec.hanz .hanz-app ul li:last-child  {
    margin-top:  111px }
.thinking-sec.dm .laptop .col-sm-3,  .thinking-sec.gur .laptop .col-sm-3,  .thinking-sec.hanz .laptop .col-sm-3,  .thinking-sec.hyp .laptop .col-sm-3,  .thinking-sec.pay .laptop .col-sm-3,  .thinking-sec.wind .laptop .col-sm-3  {
    margin-top:  280px }
.mood-sec.hanz .hanz-app ul  {
    margin-bottom:  60px }
.smart-work-sec .green-line-img  {
    width:  120px;
    display:  block }
.portfolio-sec .block1,  .portfolio-sec .block2  {
    text-align:  center }
.portfolio-sec .block1 img:nth-child(1),  .portfolio-sec .block1 img:nth-child(2),  .portfolio-sec .block2 img:nth-child(2)  {
    width:  500px }
.portfolio-sec .block1 img:nth-child(3)  {
    width:  155px }
.portfolio-sec .block2 img:last-child  {
    width:  250px }
.portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  200px }
.thinking-sec .laptop h3  {
    font-size:  26px;
    margin:  0 }
.thinking-sec .laptop .col-sm-3,  .thinking-sec .laptop .col-sm-4  {
    margin-top:  220px }
.thinking-sec .laptop p  {
    font-size:  12px }
.thinking-sec .laptop h4  {
    font-size:  15px;
    margin-bottom:  0 }
.mood-sec h1,  .mood-sec.change h4  {
    font-size:  170px }
.smart-work-sec .pad-left  {
    padding-left:  13.5em }
.single-case-studies .inner-banner .dot  {
    display:  block;
    width:  150px }
.objective-sec .simple-line-img  {
    width:  120px;
    display:  block;
    top:  39% }
.goal-sec .green-line-img  {
    width:  150px }
.marketing-sec:before  {
    height:  65.875em }
.goal-sec .object-sec .img-sec img  {
    left:  -8.3em }
.goal-sec .object-sec .learn-more  {
    width:  309px }
.special-sec h3  {
    margin-left:  7.0625em }
.special-sec .box-tab-sec  {
    padding-left:  80px }
.experts .green-line-img  {
    display:  none }
.expert-wrapper  {
    padding:  0 20px 0 20px }
.app-love-sec h5,  .experts h4  {
    font-size:  120px;
    line-height:  90px }
.appraoch-sec .left-banner-sec .small-img  {
    width:  450px }
.project-sec h4  {
    margin:  20px 0 0 }
.why-choose-sec .choose-img-sec  {
    display:  block;
    width:  300px }
#our-core-services .space1  {
    padding:  50px 0 0 0 }
.custom-web-sec h2  {
    font-size:  28px;
    margin:  0 0 1.25em 100px }
.who-head .triangle  {
    right:  -9.375em;
    top:  5px }
.carousel-inner>.item  {
    height:  auto;
    min-height:  620px }
.inner-banner .banner-detail-sec h3  {
    margin-bottom:  10px }
.carousel-control.left,  .carousel-control.right  {
    left:  240px;
    bottom:  5px }
.half-img  {
    top:  51.4em;
    width:  250px }
.ipadimg  {
    top:  264px }
.custom-web-sec .request-btn  {
    margin:  0 0 0 73px }
.culture-innovation .ci-right-col  {
    margin-left:  0 !important;
    float:  right;
    margin-top:  90px;
    width:  560px }
#our-offices .c--off-address  {
    margin-left:  0 }
#our-offices .c--con-flag  {
    margin-left:  0;
    float:  right;
    width:  48%;
    min-height:  830px }
.appraoch-sec .detail-sec .learn-more  {
    width:  28.313em }
#android-smart-work .pad-left  {
    padding-left:  14em }
.our-work-sec .container  {
    width:  95% !important }
.box-tab-sec .box  {
    width:  18.5em }
.feature-article-sec .box  {
    float:  none;
    display:  inline-block;
    vertical-align:  top;
    text-align:  left;
    margin:  3.125em 3.125em -100px 3.125em;
    min-height:  316px }
.feature-article-sec .box:first-of-type  {
    margin-left:  0 }
.special-sec .box-tab-sec  {
    padding-left:  0 }
.branding-page .carousel-inner>.item  {
    min-height:  850px }
.branding-page #ecl-co h2  {
    font-size:  36px }
.branding-page #ecl-co p  {
    width:  36% }
.branding-page .slick-prev  {
    bottom:  12px;
    top:  inherit }
.box-tab-sec .box  {
    width:  16%;
    margin:  0 }
.offer img  {
    max-height:  350px }
.dubai-caseStudy .mood-sec.change h4  {
    bottom:  0 }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:first-child,  .single-case-studies .mood-sec.hanz .mobileScreens ul li:last-child  {
    margin-top:  142px }
.banner-slider .portfolio-list h2  {
    margin:  0 0 25px 0;
    font-size:  90px }
.portfolio-who-we-are-sec .mini-heading-port h5  {
    left:  0;
    right:  0 }
.portfolio-who-we-are-sec h2  {
    text-align:  center;
    font-size:  36px }
.portfolio-who-we-are-sec .line  {
    position:  absolute;
    left:  0;
    top:  12.5em;
    width:  20% }
.portfolio-who-we-are-sec  {
    padding:  0;
    background-color:  #1e1a25 }
.portfolio-work-heading  {
    padding:  38px 0 }
.own-class  {
    margin-top:  0;
    padding:  14px 0 }
.who-head .triangle  {
    right:  0;
    max-width:  30px }
.custom-web-sec h2  {
    margin:  0 0 1.25em 0 }
.short-heading  {
    font-size:  inherit !important;
}
.branding-page .custom-web-sec .line,  .digital-marketing .custom-web-sec .line  {
    max-width:  332px;
    top:  8.5em }
.digital-marketing .custom-web-sec img.triangle  {
    max-width:  32px }
.branding-page .who-head h3  {
    text-align:  right }
.branding-page .slick-next  {
    left:  70px;
    top:  8px }
.branding-page .slick-prev  {
    bottom:  0 }
.banner-slider .list  {
    width:  117em }
.home_page .who-we-are-sec h1,  .home_page .who-we-are-sec h2  {
    font-size:  32px }
.mobileApp-page .custom-web-sec h1  {
    font-size:  28px }
.blogsubscribe input[type=text]  {
    min-width:  270px }
.ddos_page .inner-banner .banner-detail-sec h2  {
    top:  .5625em }
.new-digital-marketing-page .inner-banner .dot  {
    width:  22% }
.new-digital-marketing-page .inner-banner  {
    height:  30.575em }
.page-portfolio .work-sec-portfolio .column .content  {
    height:  240px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  35px }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  25px }
.android-app-page #android-smart-work .c-list ul li  {
    margin-bottom:  10px;
    line-height:  22px }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  25px }
.blogsubscribe .project-sec .request-btn  {
    padding:  12px 20px }
.mobile-app-video>iframe  {
    width:  876px;
    height:  500px }
.inner-portfolio-head-black  {
    font-size:  50px;
    line-height:  60px }
.section-two-column-half.left img  {
    top:  -35px }
.section-two-column-half.right img  {
    top:  25px }
.puerto-rico-car  {
    right:  -30px }
.icon-top  {
    bottom:  calc(100% - 40px);
    width:  80px }
.icon-bottom  {
    top:  calc(100% - 40px);
    width:  80px }
.icon-left  {
    right:  calc(100% - 40px);
    width:  80px }
.icon-right  {
    left:  calc(100% - 40px);
    width:  80px }
.mobile-portfolio-page .section-one .flex-column-around  {
    padding-left:  0 }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-ksa .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-oman .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.web-development.web-design-qatar .inner-banner .banner-detail-sec h2  {
    font-size:  50px;
    line-height:  55px }
.packages-ul>li.p-header  {
    font-size:  18px;
}
.packages-ul>li.p-discount  {
    font-size:  20px;
}
.engage-slider-sec .carousel-control.left  {
    left:  0;
}
.branding-design-page .carousel-inner>.item  {
    min-height:  622px;
    height:  auto;
}
.branding-design-page .carousel-control.left,  .branding-design-page .carousel-control.right  {
    left:  240px !important;
    bottom:  35px !important;
}
.pack-design .inner-banner .banner-detail-sec h2  {
    top:  .6925em;
}
}
@media screen and (max-width:1280px)  {
.sticky-top-contact-bar>ul {width: 51% !important;}
    .web-feature-list .icon-sec.target-img  {
    width:  65px;
}
.sticky-top-contact-bar>ul  {
    width:  49% ;
}
.case-study-sec .focpcts#tab5 p  {
    padding:  0 0 0 10%;
    max-width:  80%;
}
.mobileWrap  {
    overflow:  hidden;
    width:  125px;
    height:  224px;
    position:  absolute;
    top:  37px;
    left:  30px }
.workLibrarySection_4 .mobileWrap h4  {
    margin-bottom:  10px }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    font-size:  8px;
    margin-top:  4px }
#cdte h2  {
    font-size:  50px;
    line-height:  60px;
    text-shadow:  5px 8px 2px rgba(0,  0,  0,  .34) }
#cdte p  {
    width:  490px }
#cdte .view-btn  {
    margin:  20em 0 0 11.5em;
    line-height:  2.5em }
.branding-page .engage-slider-sec h3  {
    margin-top:  50px;
    font-size:  30px;
    margin-bottom:  10px }
.branding-page .ecl-co-screen  {
    text-align:  right }
.branding-page .ecl-co-screen img  {
    width:  70% }
.appraoch-sec .tab-sec  {
    padding-left:  0 }
.appraoch-sec .left-banner-sec .head  {
    right:  0 }
.box-tab-sec .box:hover p  {
    opacity:  1 }
.half-img  {
    top:  54.2em }
.mood-sec h1,  .mood-sec.change h4  {
    font-size:  150px }
.offer img  {
    max-height:  320px }
.fenyaal-caseStudy .mood-sec.change h4,  .isuzu-caseStudy .mood-sec.change h4,  .logic-caseStudy .mood-sec.change h4  {
    bottom:  20px; }
.hanzfree-caseStudy .mood-sec.hanz h1  {
    bottom:  -180px;
    top:  inherit;
    position:  absolute;
    left:  0;
    right:  0 }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:first-child,  .single-case-studies .mood-sec.hanz .mobileScreens ul li:last-child  {
    width:  19.3% }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(2),  .single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(4)  {
    width:  20.2% }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(3)  {
    width:  23.9% }
.hanzfree-caseStudy .simple-bo-txt  {
    margin-top:  200px }
.single-case-studies .mood-sec.hanz .mobileScreens  {
    max-width:  800px;
    margin:  0 auto }
.single-case-studies .mood-sec.hanz .mobileScreens ul  {
    margin-bottom:  -47px }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:first-child,  .single-case-studies .mood-sec.hanz .mobileScreens ul li:last-child  {
    margin-top:  111px }
.taskque-caseStudy .simple-bo-txt  {
    margin-top:  70px }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  42px }
body.about-us-page .marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  30px }
body.about-us-page .marketing-process-sec.culture-innovation .tb-text p  {
    font-size:  20px }
.about-us-page .about-us-large-red-section  {
    padding-left:  0 }
body.about-us-page #cdte li  {
    width:  49% }
.mobileApp-page .engage-slider-sec .services-detail-sec  {
    padding:  6em }
.about-us-page .culture-innovation .col-md-7  {
    padding-left:  120px }
.about-us-page .marketing-process-sec .tab-detail-sec  {
    float:  left }
.home_page .img-sec iframe  {
    width:  66%;
    height:  500px }
.packages-ul>li  {
    font-size:  16px;
}
}
@media screen and (max-width:1199px)  {
    .engage-slider-sec .bor-right  {
    padding-top:  2.375em;
    padding-bottom:  8.625em }
.special-sec .learn-more  {
    width:  inherit;
    height:  inherit;
    padding:  10px }
.banner-slider .list  {
    width:  116em }
.banner-slider h2  {
    font-size:  8em }
.box-tab-sec .icon img  {
    max-width:  50px }
.box-tab-sec .box  {
    margin-right:  .5% }
.who-we-are-sec h1,  .who-we-are-sec h2  {
    font-size:  30px }
.special-sec .box-tab-sec span.highlight  {
    font-size:  20px;
    line-height:  28px }
.special-sec .box-tab-sec span.normalText  {
    font-size:  16px;
    line-height:  24px }
.case-study-sec h2  {
    font-size:  5.5em }
.contactPage .contactArea h2,  .contactPage .contactArea h3  {
    font-size:  30px }
.contactPage .contactArea .padTop100  {
    padding-top:  50px }
.contactPage .contactArea .request-btn  {
    font-size:  1.5em }
.contactPage .callToaction li  {
    padding:  15px 20px }
.about-us-page .marketing-process-sec.culture-innovation .tb-text  {
    text-align:  right }
.marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  50px }
.marketing-process-sec.culture-innovation .tb-text p:before  {
    display:  none }
.about-us-page .marketing-process-sec.culture-innovation .tab-sec  {
    margin-top:  50px }
.marketing-process-sec.culture-innovation .tb-text p  {
    font-size:  18px;
    padding-left:  216px }
.branding-page .half-img2  {
    top:  237px }
.ecommerce-page .engage-slider-sec  {
    margin-bottom:  0 }
.cms-page .engage-slider-sec  {
    margin-bottom:  0 }
.appraoch-sec .right-detail-sec  {
    background:  url(../../assets/images/twitter-bg.png) no-repeat bottom right }
.appraoch-sec .tab-sec a  {
    width:  14em }
.cro-page .appraoch-sec  {
    margin-bottom:  10em }
.marketing-col  {
    width:  300px;
    height:  auto;
    background:  #fff;
    left:  0;
    right:  inherit;
    top:  90px;
    padding:  10px;
    box-shadow:  0 5px 5px rgba(0,  0,  0,  .1);
    z-index:  9 }
.marketing-col h4  {
    font-size:  18px;
    margin-bottom:  10px }
.marketing-col p  {
    font-size:  14px;
    line-height:  18px;
    margin-bottom:  10px;
    font-weight:  400 }
.half-img  {
    top:  59.7em }
.web-feature-list .detail  {
    width:  34.5em }
.portfolio-sec .block1 img:nth-child(1),  .portfolio-sec .block1 img:nth-child(2)  {
    width:  40% }
.portfolio-sec .block1 img:nth-child(3)  {
    width:  12% }
.portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  16% }
.portfolio-sec .block2 img:nth-child(2)  {
    width:  43% }
.portfolio-sec .block2 img:last-child  {
    width:  20% }
.thinking-sec .laptop  {
    margin-top:  120px }
.mood-sec h1,  .mood-sec.change h4  {
    font-size:  100px }
.offer img  {
    width:  23% }
.single-case-studies .offer img:nth-child(4)  {
    max-width:  19.5% }
.single-case-studies .offer img:nth-child(1)  {
    max-width:  20.5% }
.home_page .special-sec .learn-more  {
    width:  100%;
    margin-top:  10px;
    margin-bottom:  20px;
    padding:  5px }
.home_page .box-tab-sec .box  {
    width:  100% }
.home_page .box-tab-sec h3  {
    margin-top:  10px }
.home_page .amaz-scroll  {
    bottom:  28.5em }
.redContactSection input[type=submit]  {
    font-size:  15px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection input[type=submit]  {
    font-size:  15px }
.new-digital-marketing-page .inner-banner .dot  {
    width:  18% }
.new-digital-marketing-page .inner-banner .banner-detail-sec h1  {
    top:  60px }
.new-digital-marketing-page .inner-banner .dot  {
    bottom:  5% }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  38px }
.new-digital-marketing-page .result-metter-sec .yellowStrip  {
    right:  2.5% }
.new-digital-marketing-page .result-metter-sec .greenStrip  {
    right:  2.5% }
.new-digital-marketing-page .result-metter-sec .yellowStrip>p  {
    font-size:  20px }
.new-digital-marketing-page .digitalExperienceSection:before  {
    display:  none }
.new-digital-marketing-page .digitalServicesWorkBg  {
    padding:  50px 20px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  30px }
.about-us-page #cdte p  {
    font-size:  14px;
    line-height:  23px;
    margin-top:  20px }
.about-us-page #cdte ul li  {
    font-size:  14px }
.about-us-page #our-offices.marketing-process-sec .tab-sec  {
    left:  0;
    right:  0 }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  20px }
.appraoch-sec .detail-sec .learn-more,  .custom-gredient-button,  .logo-design-page .smart-work-sec .learn-more  {
    padding:  8px 25px }
.learn-more  {
    border:  1px solid #14918a !important;
    border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416) !important;
    -moz-border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416) !important;
    -webkit-border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416) !important;
    border-image-slice:  1 !important;
    -moz-border-image-slice:  1 !important;
    -webkit-border-image-slice:  1 !important }
.redContactSection h2:before  {
    display:  none }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  35px }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  20px }
.about-us-page .culture-innovation .col-md-7  {
    padding-left:  0 }
.home_page .img-sec iframe  {
    height:  345px }
.redBtn  {
    font-size:  16px }
.g-recaptcha,  .g-recaptcha iframe,  .g-recaptcha>div  {
    width:  100% !important;
    max-width:  303px }
.web-development.web-design-abudhabi .custom-web-sec>.ipadimg  {
    left:  5% }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  800px }
.web-development.web-design-bahrain .custom-web-sec>.ipadimg  {
    left:  5% }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  835px }
.web-development.web-design-ksa .custom-web-sec>.ipadimg  {
    left:  5% }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  865px }
.web-development.web-design-oman .custom-web-sec>.ipadimg  {
    left:  5% }
.web-development.web-design-oman .carousel-inner  {
    min-height:  800px }
.web-development.web-design-qatar .custom-web-sec>.ipadimg  {
    left:  5% }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  820px }
body.focp-caseStudy .objective-sec .black-box h2  {
    font-size:  2em;
}
body.focp-caseStudy .results_section  {
    padding:  30px 0 20px;
}
body.focp-caseStudy .results_section1 .img-responsive  {
    bottom:  -100px;
}
body.focp-caseStudy .results_section2 .img-responsive  {
    bottom:  -50px;
}
body.focp-caseStudy .results_section3 .img-responsive  {
    left:  -40px;
    bottom:  -100px;
}
}
@media (max-width:1199px) and (min-width:992px)  {
    .appraoch-sec .detail-sec  {
    padding-left:  14.625em }
.appraoch-sec .left-banner-sec,  .branding-page .custom-web-sec .line,  .web-feature-list .icon-sec  {
    display:  block }
.custom-web-sec .line  {
    display:  block }
.learn-more  {
    border:  1px solid transparent !important;
    border-image:  linear-gradient(45deg,  #17c0ae,  #f9b416) !important;
    border-image-slice:  1 !important }
}@media screen and (max-width:768px)  {
}
@media screen and (max-width:1024px)  {
    .case-study-sec .focpcts#tab5 p  {
    padding:  0px 0 0 10%;
    max-width:  66%;
}
#scroll_2  {
    display:  none !important }
.video-animation-page .inner-banner,  .video-animation-page.video-animation-page .inner-banner  {
    background:  0 0;
    height:  48em !important }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec  {
    max-width:  fit-content }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a  {
    width:  216px }
.video-animation-page .inner-banner .banner-detail-sec h2  {
    font-size:  46px }
.video-animation-page .banner-detail-sec  {
    bottom:  150px;
    padding-left:  10em }
.our-digital-marketing .dot-img  {
    display:  none }
.ipadimg  {
    left:  13px }
.custom-web-sec .line  {
    display:  none }
.mobileWrap  {
    overflow:  hidden;
    width:  95px;
    height:  168px;
    position:  absolute;
    top:  28px;
    left:  26px }
.workLibrarySection_4 .container:before  {
    display:  none }
.workLibrarySection_4 .mobileWrap figcaption  {
    display:  none }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    padding:  5px;
    font-size:  6px }
.smart-work-sec .green-line-img  {
    display:  none }
#cdte .purple-line  {
    top:  30px }
#cdte h2  {
    margin-top:  55px }
#cdte p  {
    width:  430px }
#cdte .view-btn  {
    margin:  22em 0 0 12.5em }
.marketing-process-sec.culture-innovation  {
    min-height:  auto }
.marketing-process-sec.culture-innovation .tab-sec a  {
    border-radius:  0;
    height:  auto;
    position:  static;
    padding:  0;
    text-align:  left;
    margin-bottom:  15px;
    padding:  10px 15px;
    font-size:  14px;
    width:  49%;
    display:  inline-block }
.marketing-process-sec.culture-innovation .tab-sec a span  {
    float:  none !important;
    margin:  0 !important }
.marketing-process-sec.culture-innovation .tab-sec a span br  {
    display:  none }
.marketing-process-sec.culture-innovation .tab-sec  {
    width:  100%;
    margin-top:  40px }
.marketing-process-sec.culture-innovation .tb-text  {
    float:  none }
.marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  50px }
.marketing-process-sec.culture-innovation .tb-text p  {
    font-size:  18px;
    width:  100% }
.culture-innovation .ci-right-col  {
    width:  58%;
    margin-top:  40px }
.marketing-process-sec.culture-innovation .tab-detail-sec  {
    margin-top:  0 }
#our-offices .c--off-address h3  {
    font-size:  34px }
#our-offices.marketing-process-sec .tab-sec  {
    left:  276px;
    background-size:  70% }
#our-offices.marketing-process-sec .tab-sec a:first-child  {
    left:  77px;
    top:  0 }
#our-offices.marketing-process-sec .tab-sec a:nth-child(2)  {
    left:  5px;
    top:  142px }
#our-offices.marketing-process-sec .tab-sec a:nth-child(3)  {
    top:  287px;
    left:  77px }
#our-offices .c--con-flag  {
    min-height:  658px }
#android-smart-work .pad-left  {
    padding-left:  0 }
#android-smart-work.container  {
    width:  100% !important }
.nlearn-more  {
    width:  31.313em }
.contactPage .inner-banner .banner-detail-sec h3  {
    margin-left:  2em }
.contactPage .inner-banner .banner-detail-sec h2  {
    margin-left:  .5em;
    margin-top:  34px;
    padding-bottom:  20px }
.work-library .banner-slider h2  {
    font-size:  50px;
    margin-top:  0 }
.work-library .banner-slider h4  {
    font-size:  30px }
.workLibrarySection_1 h2  {
    font-size:  35px;
    margin-top:  30px }
.workLibrarySection_2 p  {
    margin:  30px 0 15px 0 }
.workLibrarySection_2 h3  {
    font-size:  45px }
.focpbg .workLibrarySection_2 h3  {
    font-size:  28px;
}
.workLibrarySection_2 p.last  {
    margin-top:  15px;
    padding-left:  0 }
.workLibrarySection_2 .librabryBg1 .libraryViewBtn  {
    margin-left:  0 }
.workLibrarySection_2 .librabryBg2  {
    padding-bottom:  0;
    background-size:  cover;
    min-height:  328px }
.workLibrarySection_4 h2  {
    font-size:  34px }
.workLibrarySection_5 .blueBgGradient h2  {
    font-size:  44px;
    margin-top:  6px }
.workLibrarySection_6 .librabryBg4  {
    padding:  159px 0 }
.workLibrarySection_6 .librabryBg5  {
    padding:  159px 0 }
.workLibrarySection_6 .librabryBg6  {
    padding:  159px 0 }
.workLibrarySection_7 .librabryBg7  {
    padding:  240px 0 36px 0 }
.workLibrarySection_7 .librabryBg8  {
    padding:  240px 0 36px 0 }
.workLibrarySection_8  {
    padding:  210px 0 66px 0 }
.about-us-page .marketing-process-sec.culture-innovation .tb-text  {
    text-align:  left }
.about-us-page .marketing-process-sec.culture-innovation .tb-text p  {
    padding-left:  0 }
.app-love-sec img  {
    width:  100% }
.branding-page .half-img2  {
    width:  100%;
    left:  10px }
.branding-page .engage-slider-sec p  {
    padding-left:  120px;
    font-size:  15px }
.branding-page .engage-slider-sec .services-detail-sec  {
    margin-left:  -80px }
.branding-page .engage-slider-sec h3  {
    margin-top:  30px }
.branding-page .slick-next  {
    top:  0 }
.branding-page .slick-prev  {
    bottom:  -20px;
    left:  -81% }
.branding-page #ecl-co h2  {
    font-size:  24px }
.branding-page #ecl-co h2 br  {
    display:  none }
.branding-page #ecl-co p  {
    width:  100% }
.branding-page .ecl-co-screen  {
    position:  relative;
    bottom:  inherit }
.branding-page .ecl-co-screen img  {
    width:  90%;
    margin-top:  15px }
.branding-page #ecl-co  {
    padding-bottom:  100px;
    background-size:  cover }
.branding-page .carousel-control.left,  .carousel-control.right  {
    left:  150px;
    bottom:  -50px }
.cro-page .why-choose-sec  {
    margin-top:  25em }
.cro-page .our-work-sec  {
    margin-top:  0 }
.iphonex-sec img  {
    width:  65% }
.mobileApp-page .carousel-control.left,  .mobileApp-page .carousel-control.right  {
    left:  240px;
    bottom:  5px }
.iphonex-sec .request-btn  {
    padding:  21px 0 }
.work-sec-portfolio .nav-tabs button.btn  {
    background-color:  transparent;
    color:  #f4effd;
    font-size:  12px;
    text-transform:  uppercase;
    outline:  0;
    padding:  12px 12px }
.portfolio-who-we-are-sec h2  {
    text-align:  center;
    font-size:  30px }
.portfolio-who-we-are-sec .line  {
    position:  absolute;
    left:  0;
    top:  15.5em;
    width:  20% }
.portfolio-work-heading h2  {
    font-size:  68px;
    font-weight:  700 }
.thumbSlider .slick-dots li:nth-child(2)  {
    margin:  0 5px }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  36px }
.new-digital-marketing-page .result-metter-sec .whiteStrip>p  {
    font-size:  28px }
.android-app-page .smart-work-sec .green-line-img  {
    display:  none }
body.about-us-page #cdte li:before  {
    margin-right:  8px }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  32px }
.web-development .custom-web-sec .line  {
    display:  block }
.launch-pad .section-three  {
    padding-top:  150px }
.carousel-control.left,  .carousel-control.right  {
    left:  240px;
    bottom:  5px }
.web-development.web-design-abudhabi .custom-web-sec .line  {
    display:  block }
.web-development.web-design-bahrain .custom-web-sec .line  {
    display:  block }
.web-development.web-design-ksa .custom-web-sec .line  {
    display:  block }
.web-development.web-design-oman .custom-web-sec .line  {
    display:  block }
.web-development.web-design-qatar .custom-web-sec .line  {
    display:  block }
.engage-slider-sec .carousel-control.left  {
    left:  0;
}
.engage-slider-sec .carousel-control.right  {
    left:  auto;
}
}
@media screen and (max-width:991px)  {
    .marketing-process-sec.culture-innovation  {
    padding-bottom:  50px }
.culture-innovation .ci-right-col  {
    width:  100%;
    margin-top:  15px }
.nlearn-more  {
    width:  24.313em;
    font-size:  13px }
#android-smart-work .air  {
    padding-left:  8em }
.appraoch-sec .detail-sec .big-head  {
    margin-top:  0 }
footer  {
    text-align:  left;
    padding-top:  30px !important }
.social-sec a  {
    margin-right:  3px }
footer h2  {
    display:  inline-block }
footer h2  {
    font-size:  2em;
    margin-bottom:  2em }
.ppc-management .marketing-process-sec .tab-sec a  {
    margin-bottom:  1em }
.ppc-management .ppc-management .marketing-process-sec  {
    height:  auto;
    padding-bottom:  5em }
.ppc-management .ppc-management .ppc-management .marketing-process-sec .tab-sec  {
    height:  auto }
.ppc-management .ppc-management .ppc-management .ppc-management .appraoch-sec .left-banner-sec  {
    display:  inline-block }
.ppc-management .appraoch-sec .right-detail-sec  {
    width:  70%;
    padding-left:  14.625em }
.home_page .banner-slider .list  {
    width:  100% }
.home_page .who-head .triangle  {
    left:  -23px;
    right:  inherit;
    max-width:  20px;
    top:  17px }
.home_page .case-study-sec .tab-content .list img  {
    max-width:  90%;
    opacity:  .5 }
.home_page .case-study-sec .list,  .home_page .who-we-are-sec .marketing-sec  {
    height:  auto }
.home_page .case-study-sec .list,  .home_page .who-we-are-sec  {
    padding:  50px 0 }
.contactPage .contactArea h4,  .contactPage .contactArea p  {
    font-size:  14px }
.contactPage .callToaction p:before  {
    left:  45px }
.contactPage .lightBlueBg .callToaction li a,  .contactPage .lightBlueBg .callToaction li p  {
    font-size:  15px }
.branding-page .engage-slider-sec p  {
    padding-left:  80px;
    font-size:  14px }
.branding-page .engage-slider-sec .services-detail-sec p:before  {
    width:  50px }
.branding-page .engage-slider-sec h3  {
    font-size:  24px }
.branding-page .slick-prev  {
    bottom:  18px }
footer .small-link  {
    text-align:  right }
.cms-page .engage-slider-sec .services-detail-sec .box,  .ecommerce-page .engage-slider-sec .services-detail-sec .box  {
    padding:  10em 5em }
.cms-page .feature-article-sec .box,  .ecommerce-page .feature-article-sec .box  {
    margin:  0 0 -100px 0 }
.cms-page .feature-article-sec .box p,  .ecommerce-page .feature-article-sec .box p  {
    font-size:  1em }
.feature-article-sec .multi-line  {
    display:  none }
.cms-page .engage-slider-sec .arrow-sec  {
    bottom:  -25px }
.appraoch-sec .left-banner-sec  {
    display:  block }
.appraoch-sec .left-banner-sec .small-img,  .appraoch-sec .left-banner-sec img  {
    width:  100% }
.appraoch-sec .left-banner-sec .small-img  {
    right:  -1em }
.appraoch-sec .right-detail-sec  {
    width:  70% }
.nlearn-more  {
    width:  100%;
    margin:  0 auto;
    max-width:  300px;
    background-image:  none;
    padding-top:  10px;
    line-height:  18px;
    height:  auto }
#android-smart-work .pad-left  {
    padding-left:  15px }
.appraoch-sec .right-detail-sec  {
    height:  auto }
#android-smart-work .c-list ul li  {
    margin-bottom:  20px;
    line-height:  20px }
.digital-marketing .learn-more  {
    height:  auto }
.iphonex-sec  {
    width:  50.125em;
    height:  60.75em }
.iphonex-sec .circle-tab-sec,  .iphonex-sec:before  {
    width:  50em;
    height:  50em }
.iphonex-sec .detail  {
    left:  13.5em;
    top:  18.375em }
.thinking-sec .laptop h3  {
    font-size:  20px }
.thinking-sec .laptop  {
    margin-top:  150px }
.offer img  {
    width:  40%;
    max-height:  inherit }
.single-case-studies .mood-sec.hanz .mobileScreens  {
    position:  relative }
.hanzfree-caseStudy .mood-sec.hanz h1  {
    bottom:  -180px;
    top:  inherit;
    position:  absolute }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:first-child,  .single-case-studies .mood-sec.hanz .mobileScreens ul li:last-child  {
    width:  20.5% }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(2),  .single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(4)  {
    width:  22.2% }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(3)  {
    width:  28% }
.hanzfree-caseStudy .simple-bo-txt,  .taskque-caseStudy .simple-bo-txt  {
    margin-top:  200px }
.single-case-studies .mood-sec.hanz .mobileScreens  {
    max-width:  600px;
    margin:  0 auto }
.single-case-studies .mood-sec.hanz .mobileScreens ul  {
    margin-bottom:  -47px }
.thinking-sec.dm .laptop .col-sm-3,  .thinking-sec.gur .laptop .col-sm-3,  .thinking-sec.hanz .laptop .col-sm-3,  .thinking-sec.hyp .laptop .col-sm-3,  .thinking-sec.pay .laptop .col-sm-3,  .thinking-sec.wind .laptop .col-sm-3  {
    margin-top:  230px }
.thinking-sec .laptop .col-sm-3,  .thinking-sec .laptop .col-sm-4  {
    margin-top:  240px }
.portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  18% }
.portfolio-sec .block2 img:nth-child(2)  {
    width:  41% }
.portfolio-sec .block2 img:last-child  {
    width:  21% }
.portfolio-sec .block1 img:nth-child(3)  {
    width:  13% }
.chebono-case .col-sm-6:nth-child(3)  {
    margin-top:  -35px }
.digital-marketing .who-head h3  {
    right:  0;
    text-align:  right }
.branding-page .custom-web-sec h2  {
    margin-left:  0 }
.branding-page .who-head .triangle  {
    right:  -20px }
.branding-page .custom-web-sec .line  {
    display:  block;
    max-width:  222px }
.branding-page #cds.custom-web-sec h2  {
    margin-top:  20px }
.branding-page #cds.custom-web-sec .who-head .triangle  {
    top:  20px }
.branding-page .slick-slide .learn-more  {
    margin-left:  80px;
    margin-top:  10px;
    height:  auto }
.seo-page.print-design .inner-banner .banner-detail-sec h1  {
    margin-top:  18px;
    top:  0.9em;
}
.testimonials_page .specialize-sec .services-detail-sec h2  {
    font-size:  2em }
.testimonials_page .specialize-sec .services-detail-sec  {
    padding:  2em }
.thumbSlider .slick-dots li:nth-child(2)  {
    margin:  0 0 }
.thumbSlider .pagerThumbitem  {
    padding:  6px }
.thumbSlider .slick-dots  {
    top:  -60px;
    right:  30% }
.ddosForm .formbottomarea input[type=submit]  {
    font-size:  14px }
.ppc-page .engage-slider-sec .mar-top  {
    margin-top:  2em }
.d-flex-center  {
    display:  block }
.new-digital-marketing-page .digitalExperienceSection .redContactSection  {
    margin-top:  5% }
.new-digital-marketing-page .inner-banner .banner-detail-sec  {
    padding-left:  7.375em }
.new-digital-marketing-page .result-metter-sec .yellowStrip>p  {
    font-size:  16px }
.new-digital-marketing-page .result-metter-sec .yellowStrip.six  {
    left:  3% }
.new-digital-marketing-page .result-metter-sec .greenStrip.six  {
    right:  3% }
.new-digital-marketing-page .result-metter-sec .greenStrip.three  {
    right:  5.2% }
.new-digital-marketing-page .result-metter-sec .whiteStrip>p  {
    font-size:  25px }
.new-digital-marketing-page .result-metter-sec .greyHeadLarge  {
    font-size:  80px }
footer .dmca-badge-parent  {
    margin-top:  40px }
.branding-strategy-page .engage-slider-sec .services-detail-sec  {
    padding-left:  0 }
.branding-strategy-page .greyBg.col-md-6  {
    padding:  10px 0 20px 0;
    min-height:  inherit }
.branding-strategy-page .greyBg a  {
    margin-top:  20px;
    font-size:  14px }
.branding-strategy-page .greyBg h2  {
    font-size:  35px }
.branding-strategy-page .custom-web-sec h1  {
    font-size:  35px }
.branding-strategy-page .brandGuidelines .col-md-6 .img-responsive  {
    min-height:  542px }
.page-portfolio .work-sec-portfolio .column .content  {
    height:  auto }
.page-portfolio .work-sec-portfolio .column .content>img  {
    margin:  0 auto }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  23px }
.about-us-page #cdte p::before  {
    width:  50px }
.about-us-page #cdte p  {
    padding-left:  60px }
body.about-us-page #cdte ul  {
    padding-left:  78px }
body.about-us-page #cdte .view-btn  {
    display:  inline-block;
    width:  auto;
    padding:  5px 21px;
    margin-left:  66px }
.about-us-page .about-us-large-red-section  {
    padding-left:  0 }
.about-us-page #our-offices.marketing-process-sec .tab-sec img  {
    width:  75% }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  15px }
.android-app-page #android-smart-work .c-list ul li,  .android-app-page #android-smart-work .c-list ul li span  {
    font-size:  12px;
    line-height:  12px }
body.about-us-page #cdte li  {
    width:  100%;
    display:  block }
.mobileApp-page .engage-slider-sec .services-detail-sec  {
    padding:  5em 3em }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  13px }
.web-development .custom-web-sec .ipadimg  {
    display:  none }
.web-development .custom-web-sec .web-feature-list  {
    margin-left:  0 }
.web-development .custom-web-sec .web-feature-list .icon-sec:before  {
    left:  -85px }
.home_page .special-sec .box-tab-sec h3  {
    font-size:  2em }
#our-core-services.marketing-process-sec .tab-sec a  {
    width:  33% }
.app-love-sec h5,  .experts h4  {
    font-size:  100px }
.blogsubscribe .project-sec .request-btn  {
    padding:  11px 20px;
    margin-left:  -3px }
.web-development .custom-web-sec .web-feature-list .icon-sec:before  {
    display:  none }
.web-development .custom-web-sec .web-feature-list  {
    border:  none }
.web-development .web-feature-list .icon-sec img  {
    width:  100% }
.mobile-app-video>iframe  {
    width:  740px;
    height:  415px }
.inner-portfolio-head-two  {
    font-size:  45px }
.inner-portfolio-p  {
    margin:  50px auto }
.section-three  {
    padding-top:  120px }
.work-sec-portfolio .column  {
    float:  none;
    margin:  0 auto !important;
    text-align:  center !important }
.thumb_gallery  {
    margin:  0 auto;
    margin-bottom:  30px }
.image-partners  {
    top:  -150px }
.new-portfolio-image  {
    margin:  0 auto }
.icon-top  {
    bottom:  calc(100% - 20px);
    width:  40px }
.icon-bottom  {
    top:  calc(100% - 20px);
    width:  40px }
.icon-left  {
    right:  calc(100% - 20px);
    width:  40px }
.icon-right  {
    left:  calc(100% - 20px);
    width:  40px }
.white-circle  {
    width:  50% }
.section-repeat-head-number  {
    max-width:  130px }
.prototype-content:before  {
    display:  none }
.prototype-content  {
    padding-left:  0;
    width:  50% }
.prototype-content h2  {
    margin-bottom:  10px }
.prototype-images  {
    width:  50% }
.flex-column-around.row-one  {
    margin-top:  40px }
.flex-column-around.row-two  {
    margin-bottom:  0 }
.prototype-content h2  {
    font-size:  22px }
.prototype-content p  {
    font-size:  16px }
.mobile-portfolio-page .footer-height  {
    min-height:  1390px }
.redBtn  {
    padding:  10px 20px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec h2  {
    font-size:  35px;
    line-height:  40px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec  {
    bottom:  145px }
.web-development.web-design-abudhabi .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-abudhabi .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-abudhabi .custom-web-sec>.ipadimg  {
    display:  none }
.web-development.web-design-abudhabi .web-feature-list .box:last-child  {
    margin-bottom:  50px }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  auto }
.web-development.web-design-abudhabi .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-abudhabi .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto }
.web-development.web-design-abudhabi .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-abudhabi .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto }
.web-development.web-design-abudhabi .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec h2  {
    font-size:  35px;
    line-height:  40px }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec  {
    bottom:  145px }
.web-development.web-design-bahrain .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-bahrain .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-bahrain .custom-web-sec>.ipadimg  {
    display:  none }
.web-development.web-design-bahrain .web-feature-list .box:last-child  {
    margin-bottom:  50px }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  auto }
.web-development.web-design-bahrain .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-bahrain .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto }
.web-development.web-design-bahrain .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-bahrain .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto }
.web-development.web-design-bahrain .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-ksa .inner-banner .banner-detail-sec h2  {
    font-size:  35px;
    line-height:  40px }
.web-development.web-design-ksa .inner-banner .banner-detail-sec  {
    bottom:  145px }
.web-development.web-design-ksa .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-ksa .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-ksa .custom-web-sec>.ipadimg  {
    display:  none }
.web-development.web-design-ksa .web-feature-list .box:last-child  {
    margin-bottom:  50px }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  auto }
.web-development.web-design-ksa .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-ksa .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto }
.web-development.web-design-ksa .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-ksa .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto }
.web-development.web-design-ksa .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-oman .inner-banner .banner-detail-sec h2  {
    font-size:  35px;
    line-height:  40px }
.web-development.web-design-oman .inner-banner .banner-detail-sec  {
    bottom:  145px }
.web-development.web-design-oman .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-oman .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-oman .custom-web-sec>.ipadimg  {
    display:  none }
.web-development.web-design-oman .web-feature-list .box:last-child  {
    margin-bottom:  50px }
.web-development.web-design-oman .carousel-inner  {
    min-height:  auto }
.web-development.web-design-oman .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-oman .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto }
.web-development.web-design-oman .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-oman .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto }
.web-development.web-design-oman .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-qatar .inner-banner .banner-detail-sec h2  {
    font-size:  35px;
    line-height:  40px }
.web-development.web-design-qatar .inner-banner .banner-detail-sec  {
    bottom:  145px }
.web-development.web-design-qatar .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-qatar .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-qatar .custom-web-sec>.ipadimg  {
    display:  none }
.web-development.web-design-qatar .web-feature-list .box:last-child  {
    margin-bottom:  50px }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  auto }
.web-development.web-design-qatar .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-qatar .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto }
.web-development.web-design-qatar .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-qatar .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto }
.web-development.web-design-qatar .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.banner-slider .sticky-consultation-form h2.form-main-head-2,  .sticky-consultation-form .form-main-head-2  {
    font-size:  25px }
.mobile-slider-section .mobile-slider-inner-container  {
    padding-top:  50px;
    padding-bottom:  50px }
.mob-slider-head  {
    font-size:  40px }
.mobile-slider-left-text  {
    width:  50% }
.mobile-slider-right-image  {
    width:  50% }
.isuzu-wl-bg  {
    padding-top:  50px;
    padding-bottom:  50px !important }
.h-pg-video-area>div  {
    width:  100% }
.video-area-one  {
    margin-bottom:  50px }
.p-video-left-sec  {
    width:  100% }
.p-video-right-sec  {
    width:  100%;
    max-width:  400px;
    margin:  auto;
    margin-top:  5% }
.video-area-one  {
    margin-bottom:  50px }
.h-pg-video-area>div  {
    width:  100% }
.focp-view  {
    padding-top:  4%;
}
.packages-ul>li.p-discount  {
    font-size:  16px !important;
}
.packages-ul>li  {
    height:  50px;
    font-size:  14px !important;
}
.packages-ul>li.p-header  {
    font-size:  14px !important;
}
.nav-pils-a>li>a  {
    padding:  0.5em 1em !important;
    font-size:  16px;
}
}
@media screen and (max-width:829px)  {
    #a-specializing .si-col  {
    margin-right:  0;
    width:  25%;
    text-align:  center }
#a-specializing .si-col img  {
    max-width:  100%;
    height:  60px }
#a-specializing .caption  {
    font-size:  12px }
body.focp-caseStudy .inner-banner h4  {
    font-size:  4em;
}
body.focp-caseStudy .cs-bg-front-img  {
    width:  43%;
}
body.focp-caseStudy .results_section1 .img-responsive  {
    bottom:  -120px;
}
body.focp-caseStudy .res_precent  {
    font-size:  2em;
    margin-top:  10px;
}
body.focp-caseStudy .res_price,  body.focp-caseStudy .results_section3 .mt p span  {
    font-size:  1.2em;
}
body.focp-caseStudy .results_section1 .img-responsive  {
    bottom:  -100px;
}
body.focp-caseStudy .results_section3 .img-responsive  {
    left:  -34px;
    bottom:  -80px;
}
}
@media screen and (max-width:768px)  {
    .update-header-s .bg-sticky_red_mobile_icon  {
    display:  none !important;
}
.update-header-s .bg-sticky_red_phone_icon  {
    display:  none !important;
}
.update-header-s .bg-sticky_red_message_icon  {
    display:  none !important;
}
.sticky-top-contact-bar>ul  {
    width:  80% !important ;
}
.head-logo  {
    width:  20%;
}
#tab5.cs-pr-bg h2  {
    margin-top:  2rem;
    margin-bottom:  1em;
}
.case-study-sec .focpcts#tab5 p  {
    max-width:  100%;
    margin-top:  1rem;
}
#tab5.cs-pr-bg .detail-sec  {
    width:  100%;
}
#tab5.cs-pr-bg h2  {
    font-size:  2.5em;
}
.menu-area ul  {
    padding:  10.875em 0 0 0;
    margin:  0;
    text-align:  center }
.menu-icon.cancel  {
    position:  fixed;
    right:  8px;
    top:  46px }
.video-animation-page .menu-area ul  {
    padding:  18.875em 0 0 0 }
#header-desktop.is-flipped .header-panel-close  {
    display:  inline-block;
    margin-top:  140px }
video#myVideoss  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-size:  contain }
iframe#popup-video  {
    width:  700px }
.close  {
    left:  calc(100% - 40px) }
img.cartoon-img  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a  {
    width:  175px }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a  {
    color:  #000;
    font-weight:  700;
    font-size:  18px }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec  {
    max-width:  fit-content;
    width:  auto !important }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  20px;
    text-align:  center;
    width:  auto;
    margin:  0 auto }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  32px;
    text-align:  center }
.video-animation-page .inner-banner,  .video-animation-page.video-animation-page .inner-banner  {
    background:  url(../../assets/images/video-animation/baner-animation.png) no-repeat center center;
    height:  42em !important;
    background-size:  cover }
.video-animation-page .banner-detail-sec  {
    bottom:  60px;
    padding-left:  10em }
.app-love-sec h5  {
    font-size:  70px;
    line-height:  58px;
    margin:  120px 0 0 0 }
.cms-page.privacy-policy-page ul li  {
    font-size:  13px;
    line-height:  24px;
    margin-bottom:  10px }
.experts h4  {
    font-size:  100px }
#our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  18px;
    text-align:  center }
#our-core-services.marketing-process-sec .tab-detail-sec .box  {
    padding-top:  50px }
#our-core-services.marketing-process-sec .tab-detail-sec p  {
    font-size:  12px;
    text-align:  center;
    width:  400px;
    margin:  0 auto }
#our-core-services.marketing-process-sec .tab-sec a  {
    font-size:  12px;
    width:  255px }
#our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background:  url(../../assets/images/wd-screen2.png) no-repeat center top;
    background-size:  contain;
    height:  465px }
.custom-web-sec .line,  .ipadimg  {
    display:  none }
.feature-article-sec  {
    margin-bottom:  150px }
.appraoch-sec .right-detail-sec.circle-line-bg  {
    background:  0 0 !important }
.cms-page .smart-work-sec .down-arrow-img  {
    display:  none }
.marketing-process-sec  {
    padding-bottom:  40px }
.appraoch-sec .right-detail-sec  {
    margin-bottom:  50px }
.workLibrarySection_4 .col-sm-2  {
    padding:  0 5px }
.mobileWrap  {
    width:  85px;
    height:  152px;
    top:  25px;
    left:  15px }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    padding:  4px }
.smart-work-sec .green-line-img,  .why-choose-sec.change .choose-img-sec  {
    display:  none }
.appraoch-sec .right-detail-sec  {
    background:  0 0 }
.bottom-service-sec.my-class  {
    padding:  0 }
.appraoch-sec .detail-sec  {
    height:  auto }
.box-tab-sec .box  {
    width:  11.5em }
.rpr  {
    float:  none !important }
#our-offices.marketing-process-sec .tab-sec  {
    left:  215px }
.work-library .banner-slider h2  {
    font-size:  40px }
.work-library .banner-slider h4  {
    font-size:  20px }
.workLibrarySection_1,  .workLibrarySection_2,  .workLibrarySection_4  {
    padding:  50px 0 0 0 }
.workLibrarySection_2 p  {
    margin-top:  0;
    padding-top:  30px }
.workLibrarySection_6 .librabryBg4  {
    padding:  114px 0 }
.workLibrarySection_6 .librabryBg5  {
    padding:  114px 0 }
.workLibrarySection_6 .librabryBg6  {
    padding:  114px 0 }
.workLibrarySection_8  {
    padding:  150px 0 46px 0 }
.workLibrarySection_7 .librabryBg7  {
    padding-bottom:  26px;
    padding-top:  170px }
.workLibrarySection_4 .container:before  {
    display:  none }
.workLibrarySection_1,  .workLibrarySection_2,  .workLibrarySection_4  {
    padding:  30px 0 0 0 }
.workLibrarySection_7 .librabryBg8  {
    padding:  144px 0 52px 0 }
.portfolio-work-heading  {
    padding:  28px 0 }
.banner-slider .portfolio-list h2  {
    margin:  0 0 25px 0;
    font-size:  65px }
.portfolio-who-we-are-sec h2  {
    text-align:  center;
    font-size:  13px }
.work-sec-portfolio .nav-tabs button.btn  {
    background-color:  transparent;
    color:  #f4effd;
    font-size:  12px;
    text-transform:  uppercase;
    outline:  0;
    padding:  12px 15px }
.activePopUpImg  {
    width:  100%;
    height:  auto }
}@media screen and (max-width:767px)  {
    .inq-form  {
    max-width:  334px;
    width:  100%;
    background:  #c52527 url(../images/top-arrow.png) no-repeat center 14px top 21px;
    position:  fixed;
    left:  20px;
    bottom:  -6px;
    z-index:  4;
    box-sizing:  border-box;
    padding:  10px 17px 25px 17px;
    transform:  translateY(60%);
    background-size:  8%;
    transition:  1s;
    cursor:  pointer }
.video-animation-page .menu-area ul  {
    padding:  4.875em 0 0 0 }
.video-animation-page .inner-banner .banner-detail-sec h2 span.redish-shadow  {
    display:  inline-block !important }
.video-animation-page .inner-banner .banner-detail-sec h2 span.purple-shadow  {
    display:  inline-block !important }
.video-animation-page .inner-banner .banner-detail-sec h2 span.blue-shadow  {
    display:  inline-block !important }
.video-animation-page .banner-detail-sec  {
    bottom:  0;
    padding-left:  3em;
    top:  66px;
    height:  auto }
.video-animation-page .inner-banner .banner-detail-sec h1.h1printdesign  {
    margin-top:  0;
    font-size:  12px !important;
    margin-bottom:  0 }
.video-animation-page .inner-banner .banner-detail-sec h2  {
    top:  2px;
    line-height:  1;
    margin-top:  18px }
.video-animation-page .inner-banner .banner-detail-sec h1.h1printdesign:before  {
    content:  "";
    width:  2.1875em;
    height:  2px;
    background:  #f9b416;
    position:  absolute;
    bottom:  -9px;
    left:  0 }
.video-animation-page .logo-sec  {
    position:  absolute;
    left:  4.0625em;
    top:  3.0625em }
.video-animation-page .inner-banner,  .video-animation-page.video-animation-page .inner-banner  {
    background:  url(../../assets/images/video-animation/baner-animation.png) no-repeat center center;
    height:  20em !important;
    background-size:  cover }
img.tr-top  {
    max-width:  200px }
img.tr-bottom  {
    max-width:  200px }
.video-animation-page .custom-web-sec  {
    padding:  30px 0 60px 0 }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a  {
    margin-top:  0;
    width:  100%;
    float:  none;
    display:  block;
    margin-bottom:  0;
    background-image:  none !important;
    padding:  0;
    height:  38px }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec a:after  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-sec  {
    max-width:  fit-content;
    width:  auto !important;
    padding-bottom:  6em }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec::before  {
    display:  none }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background:  url(../../assets/images/video-animation/lcd-pic.png) no-repeat center top;
    width:  100%;
    max-width:  100%;
    height:  324px;
    position:  relative;
    background-size:  contain }
.expert-wrapper .img-promotion-box img  {
    margin-bottom:  22px }
.video-animation-page #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    height:  277px }
iframe#popup-video  {
    width:  320px;
    height:  300px }
.close  {
    left:  calc(100% - 36px) }
img.cartoon-img  {
    display:  none }
video#myVideoss  {
    display:  none }
.video-animation-page #our-core-services .space1  {
    padding:  10px 0 0 0 }
.video-animation-page #our-core-services .mobile-own-slider-show  {
    padding-bottom:  36px }
.video-animation-page #our-core-services .mobile-own-slider-show .item  {
    min-height:  fit-content }
.video-animation-page #our-core-services .mobile-own-slider-show .item .iner-box  {
    padding:  0 40px 30px 40px }
.video-animation-page #our-core-services .mobile-own-slider-show .item .iner-box h1  {
    font-size:  2em;
    font-weight:  700;
    text-align:  center }
.video-animation-page #our-core-services .mobile-own-slider-show .item .iner-box p  {
    font-size:  14px;
    text-align:  center }
.video-animation-page #our-core-services .mobile-own-slider-show ol.carousel-indicators  {
    display:  none }
.video-animation-page #our-core-services .mobile-own-slider-show .carousel-control.left  {
    left:  30%;
    bottom:  0;
    margin-left:  0 }
.video-animation-page #our-core-services .mobile-own-slider-show .carousel-control.right  {
    left:  auto;
    bottom:  0;
    right:  25% }
.blogsubscribe input[type=text]  {
    width:  80%;
    min-width:  auto;
    margin-bottom:  20px }
.blogsubscribe .hidden-sm,  .redContactSection h2:before  {
    display:  none }
.project-sec h2  {
    text-align:  center;
    margin-bottom:  20px }
.blogsubscribe  {
    background-size:  cover }
.contactPage .contactArea:before  {
    background-color:  #fff }
.app-love-sec h5  {
    font-size:  40px;
    line-height:  40px;
    margin:  60px 0 0 0 }
.box-tab-sec p  {
    font-size:  14px }
.web-feature-list .icon-sec:before  {
    display:  none }
.web-feature-list .icon-sec img  {
    width:  100% }
.web-feature-list .detail  {
    width:  27.5em }
.custom-web-sec .request-btn  {
    margin:  0 }
.custom-web-sec h2  {
    font-size:  26px;
    margin:  0 0 20px 0 }
.experts h4  {
    font-size:  41px;
    line-height:  normal }
#our-core-services.marketing-process-sec .tab-sec  {
    padding-bottom:  40px }
.experts h3  {
    font-size:  24px }
.tab-service-sec p  {
    width:  100%;
    font-size:  14px }
.web-feature-list  {
    border-left:  0;
    margin-left:  0;
    padding-left:  0 }
.custom-web-sec  {
    padding:  0 0 60px 0 }
.work.my-work .width-25  {
    height:  175px }
#our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  58% }
#our-core-services.marketing-process-sec .tab-sec a  {
    font-size:  12px;
    width:  30%;
    vertical-align:  top;
    float:  none }
#our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    height:  435px }
#our-core-services.marketing-process-sec .tab-detail-sec .box  {
    padding-top:  20px }
#our-core-services.marketing-process-sec .tab-sec  {
    width:  95%;
    text-align:  center }
.feature-article-sec .box p  {
    font-size:  12px !important }
.feature-article-sec  {
    margin-bottom:  0;
    padding-bottom:  40px }
.work-library .banner-slider .accordion  {
    height:  auto;
    min-height:  300px }
.work-library .banner-slider h2,  .workLibrarySection_4 h2,  .workLibrarySection_5 .blueBgGradient h2  {
    font-size:  24px;
    margin-bottom:  10px }
.work-library .banner-slider h4  {
    font-size:  16px }
#blogHeaderBg  {
    display:  none }
.banner-slider .accordion .list,  .work-library .banner-slider,  .work-library .banner-slider .detail  {
    height:  auto;
    min-height:  300px }
.work-library .banner-slider .logo-sec:after  {
    margin-top:  20px }
.workLibrarySection_5 .blueBgGradient  {
    padding:  30px 0 }
.work-library .officeInfo p  {
    padding-left:  50px }
.workLibrarySection_4 .col-sm-2  {
    margin:  10px 0 }
.mobileWrap  {
    height:  74%;
    top:  84px;
    left:  28.2%;
    width:  100%;
    max-width:  286px }
.workLibrarySection_4 .mobileWrap .libraryViewBtn  {
    padding:  15px;
    width:  80%;
    display:  block;
    margin:  0 auto;
    text-align:  center;
    font-size:  12px }
.workLibrarySection_4 .mobileWrap h4:after  {
    left:  0;
    right:  0;
    margin:  0 auto }
.workLibrarySection_4 .mobileWrap h4  {
    margin-bottom:  40px;
    text-align:  center;
    font-size:  30px;
    margin-top:  54% }
.specialize-sec .bor-right  {
    padding-top:  0 }
.our-digital-marketing h3  {
    margin-bottom:  20px }
.img-responsive  {
    margin:  0 auto }
.right-detail-sec  {
    margin-bottom:  40px }
.marketing-process-sec  {
    background-position:  center }
.why-choose-sec.change  {
    background:  #f8fafd !important }
.cms-page .engage-slider-sec  {
    background:  #f8fafd }
.why-choose-sec.change  {
    padding-top:  50px }
.smart-work-sec .pad-left  {
    padding-left:  0 }
.bottom-service-sec a  {
    border:  1px solid #e1e1e1 !important }
.box-tab-sec .icon-sec  {
    text-align:  center }
.box-tab-sec .box  {
    float:  none;
    width:  75%;
    margin:  10px auto }
.box-tab-sec p  {
    display:  block !important;
    opacity:  1 }
#cdte  {
    background:  #fb001f;
    min-height:  auto !important;
    padding-bottom:  30px }
#cdte p  {
    width:  auto }
#cdte .view-btn  {
    margin:  14em 0 0 11em;
    font-size:  1.3em }
#cdte h2  {
    margin-top:  70px;
    margin-left:  20px;
    font-size:  4em;
    line-height:  45px }
#our-offices.marketing-process-sec .tab-sec  {
    background:  0 0;
    position:  static;
    height:  auto;
    width:  100%;
    text-align:  center }
#our-offices.marketing-process-sec .tab-sec a  {
    position:  static;
    margin:  25px 10px }
#android-smart-work .air  {
    padding-left:  0 }
.contactPage .inner-banner .banner-detail-sec h2  {
    margin-top:  0;
    padding-bottom:  0;
    line-height:  22px }
.contactPage .contactArea h2  {
    text-align:  center }
.contactPage .inner-banner .banner-detail-sec h3  {
    margin-bottom:  25px }
.contactPage .inner-banner .banner-detail-sec  {
    margin:  0 auto 0 auto }
.contactPage .contactArea h3  {
    font-size:  22px }
.contactPage .contactArea h2  {
    font-size:  30px }
.contactPage .contactArea .padTop100  {
    padding-top:  30px }
.branding-page .custom-web-sec h2  {
    margin-top:  30px;
    font-size:  2.8125em }
.digital-marketing .custom-web-sec  {
    padding:  20px 0 }
.digital-marketing .custom-web-sec h2  {
    font-size:  24px }
.marketing-col  {
    opacity:  1;
    position:  static }
footer  {
    padding-top:  1.125em !important }
.footer-logo  {
    max-width:  100px;
    margin:  0 auto;
    display:  block }
footer .nav  {
    margin-top:  1.75em;
    text-align:  center }
.blog-page .social-sec a img,  footer .social-sec a img  {
    max-width:  45px }
footer .social-sec a  {
    display:  inline-block;
    float:  none }
footer .social-sec  {
    text-align:  center;
    margin-top:  1em;
    margin-bottom:  10px }
footer h2  {
    font-size:  1em;
    text-align:  center }
footer .pull-right  {
    float:  none !important;
    text-align:  center }
footer h3  {
    margin-top:  0 }
footer .bottom-sec  {
    margin-top:  1em }
footer .bottom-sec p,  footer .small-link  {
    text-align:  center }
footer .small-link ul  {
    padding:  0 }
footer .small-link li  {
    display:  inline-block;
    margin-left:  0 }
footer a,  footer p  {
    font-size:  1em }
footer h2:before  {
    margin:  0 auto;
    right:  0 }
footer h2  {
    display:  none }
.ppc-management .inner-banner .banner-detail-sec h2  {
    top:  inherit;
    margin-top:  53px }
.ppc-management .appraoch-sec .tab-sec  {
    margin-top:  0 }
.ppc-management .appraoch-sec .left-banner-sec  {
    display:  block;
    width:  30% }
.ppc-management .appraoch-sec .right-detail-sec  {
    padding-left:  0;
    height:  auto;
    width:  70%;
    background:  url(../../assets/images/twitter-bg.png) no-repeat bottom right }
.ppc-management .appraoch-sec .left-banner-sec .small-img  {
    bottom:  -22%;
    left:  10%;
    max-width:  120px }
.ppc-management .appraoch-sec .left-banner-sec .head  {
    top:  4.75em;
    font-size:  12px }
.ppc-management .appraoch-sec .detail-sec .learn-more  {
    width:  100% }
.ppc-management .appraoch-sec .detail-sec  {
    padding:  0 0 0 45px;
    height:  auto }
.ppc-management .appraoch-sec .detail-sec .learn-more  {
    height:  44px }
.ppc-management .marketing-process-sec  {
    padding-top:  30px;
    padding-bottom:  30px }
.ppc-management .marketing-process-sec h2  {
    font-size:  2.5em }
.ppc-management .marketing-process-sec h3  {
    margin-top:  0 }
.ppc-management .marketing-process-sec .tab-sec  {
    margin-top:  0 }
.ppc-management .marketing-process-sec .tab-sec a  {
    padding:  5px 0;
    font-size:  1.225em }
.ppc-management .marketing-process-sec .tab-sec a.active  {
    font-weight:  400 }
.ppc-management .marketing-process-sec .tab-detail-sec  {
    margin-top:  0;
    padding-bottom:  30px }
.ppc-management .why-choose-sec  {
    margin-top:  3em }
.our-work-sec  {
    padding-top:  20px }
.our-work-sec .project-sec .request-btn  {
    line-height:  37px !important }
.project-sec h2  {
    font-size:  2em }
.project-sec .project-dot  {
    margin-top:  2.375em }
.ppc-management .engage-slider-sec .mar-top  {
    margin-top:  1em }
.single-case-studies .inner-banner h4  {
    font-size:  3em;
    margin-top:  40px }
.single-case-studies .inner-banner ul li  {
    display:  block }
.single-case-studies .inner-banner ul li:last-child:before  {
    display:  block }
.single-case-studies .objective-sec .black-box  {
    padding:  2.125em;
    width:  100% }
.single-case-studies .qoute-img  {
    max-width:  50px }
.single-case-studies .proud-result-sec  {
    height:  auto;
    background-size:  100% 100% !important }
.single-case-studies .proud-result-sec .num-sec,  .single-case-studies .proud-result-sec .shap-img  {
    display:  block }
.single-case-studies .proud-result-sec .num-sec  {
    margin-top:  0 }
.single-case-studies .proud-result-sec .num-sec strong  {
    font-size:  3.25em }
.single-case-studies .proud-result-sec .box  {
    padding:  50px 10px 0 10px }
.single-case-studies .proud-result-sec .shap-img  {
    margin-top:  2em }
.single-case-studies .proud-result-sec .shap-img img  {
    max-width:  200px }
.single-case-studies .proud-result-sec h2  {
    font-size:  1.875em;
    margin-bottom:  1em }
.single-case-studies .bottom-service-sec a  {
    border:  none;
    font-size:  1em }
.single-case-studies .bottom-service-sec a:hover  {
    background:  #c92f27;
    color:  #fff }
.single-case-studies .qoute-sec  {
    margin-top:  4.375em }
.single-case-studies .thinking-sec  {
    padding:  3.25em 0 }
.single-case-studies .simple-bo-txt .box  {
    padding:  0 }
.single-case-studies .thinking-sec .font-laptop  {
    display:  block;
    margin-bottom:  -160px }
.single-case-studies .portfolio-sec  {
    margin-top:  130px }
.menu-area ul li a  {
    font-size:  2.375em }
.banner-slider .accordion .list  {
    width:  100% }
.banner-slider .logo-sec img  {
    max-width:  120px }
.banner-slider h4  {
    font-size:  2em }
.banner-slider h2  {
    font-size:  4em }
.home_page .case-study-sec h2  {
    font-size:  2.5em !important;
}
.home_page .who-we-are-sec  {
    padding:  30px 0 20px 0 }
.home_page .who-we-are-sec h1  {
    font-size:  18px }
.home_page .special-sec .box-tab-sec  {
    min-height:  inherit }
.home_page .special-sec .box-tab-sec .box  {
    width:  24%;
    margin-bottom:  20px }
.home_page .special-sec h3  {
    margin-left:  0 }
.home_page .special-sec .dcol  {
    display:  none !important }
.contactPage .contactArea:after,  .contactPage .officeInfo:before,  .home_page .green-line-img,  .home_page .special-sec .learn-more  {
    display:  none }
.home_page .special-sec .box-tab-sec .icon,  .home_page .special-sec .box-tab-sec h3  {
    text-align:  center }
.home_page .special-sec .box-tab-sec h3  {
    margin-top:  15px }
.home_page .goal-sec .pad-right  {
    padding-right:  0 }
.home_page .goal-sec h2,  .home_page .our-work-sec h2  {
    font-size:  18px }
.home_page .goal-sec .object-sec .learn-more  {
    width:  100% }
.home_page .case-study-sec .detail-sec .link-btn  {
    padding:  .725em 0;
    font-size:  1.2375em }
.home_page .case-study-sec .detail-sec  {
    margin-top:  24.875em;
}
.home_page .marketing-sec  {
    margin-top:  0 }
.contactPage .contactArea  {
    text-align:  center }
.contactPage .contactArea .padTop100 .img-responsive,  .contactPage .contactArea .request-btn  {
    margin:  0 auto }
.contactPage .officeInfo p  {
    padding:  0 }
.contactPage .contactArea form  {
    margin-top:  30px }
.contactPage .contactArea p  {
    margin-bottom:  10px }
.contactPage .container  {
    width:  100% !important }
.contactPage .contactArea .padTop100  {
    padding-left:  0;
    padding-right:  0 }
.contactPage .callToaction li,  .contactPage .contactArea input[type=email],  .contactPage .contactArea input[type=text],  .contactPage .contactArea textarea  {
    margin-bottom:  10px }
.contactPage .callToaction .icon  {
    margin-top:  -5px }
.contactPage .contactArea  {
    padding-bottom:  30px }
.contactPage .callToaction li  {
    padding:  15px 10px }
.contactPage .map iframe  {
    height:  auto;
    min-height:  300px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  13px }
.marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  30px }
.marketing-process-sec.culture-innovation .tab-sec a  {
    font-size:  10px }
#cdte h2 br,  #ecl-co .red-lines,  #ecl-co h2 br,  .branding-page .custom-web-sec .line,  .branding-page .engage-slider-sec .services-detail-sec p:before,  .branding-page .half-img2,  .cd-graphic,  .ecl-co-screen  {
    display:  none }
#cdte h2  {
    font-size:  3em;
    line-height:  35px }
#cdte p  {
    margin-top:  20px;
    line-height:  18px;
    font-size:  14px;
    float:  none }
#cdte .view-btn  {
    margin-top:  30px }
#our-offices .c--off-address  {
    margin-top:  2em }
#our-offices .c--off-address h3  {
    font-size:  24px }
#our-offices .c--con-flag  {
    padding-left:  20px;
    padding-top:  5em;
    min-height:  inherit;
    padding-bottom:  20px;
    background-color:  transparent }
#our-offices .c--off-address p  {
    margin-bottom:  1em }
.flag-office-address  {
    position:  relative }
#our-offices .c--off-address  {
    position:  relative;
    z-index:  3;
    margin-top:  0;
    margin-left:  20px }
#our-offices .c--con-flag  {
    position:  absolute;
    z-index:  1;
    opacity:  .2;
    border:  none }
#our-offices .c--con-flag img  {
    width:  74% }
.about-us-page .marketing-process-sec.culture-innovation  {
    padding:  30px 0 }
.branding-page .engage-slider-sec .services-detail-sec  {
    margin-left:  0;
    width:  100% }
.branding-page .engage-slider-sec h3  {
    font-size:  24px;
    margin-bottom:  30px;
    margin-top:  30px }
.branding-page .engage-slider-sec p  {
    padding-left:  0;
    font-size:  14px }
.branding-page #ecl-co p  {
    margin:  0;
    line-height:  24px;
    font-size:  14px }
.branding-page #ecl-co h2  {
    font-size:  18px;
    margin-top:  30px;
    margin-bottom:  30px }
.branding-page #ecl-co  {
    min-height:  inherit;
    padding-bottom:  80px }
.branding-page .carousel-control.left,  .carousel-control.right  {
    left:  170px;
    bottom:  -55px }
.branding-page #ecl-co .view-btn  {
    width:  100%;
    padding-top:  13px;
    max-width:  300px;
    margin:  20px auto }
.branding-page .slick-prev  {
    left:  0;
    top:  -15px;
    z-index:  9 }
.branding-page .slick-next  {
    top:  -15px;
    right:  30px;
    left:  inherit }
.branding-page .web-feature-list,  .digital-marketing .web-feature-list  {
    border:  none;
    margin-left:  0 }
.branding-page .custom-web-sec h2  {
    margin:  0 }
.branding-page .web-feature-list .icon-sec,  .digital-marketing .web-feature-list .icon-sec  {
    width:  10em;
    height:  10em }
.branding-page .web-feature-list .detail,  .digital-marketing .web-feature-list .detail  {
    width:  74% }
.branding-page .custom-web-sec  {
    padding-top:  10px }
.inner-banner .banner-detail-sec h2  {
    margin-top:  50px;
    font-size:  2.5em !important }
.branding-page .inner-banner .banner-detail-sec:before  {
    bottom:  -1px }
.branding-page .custom-web-sec h2  {
    font-size:  2em }
.branding-page .carousel-inner>.item  {
    min-height:  inherit }
.branding-page #ecl-co p  {
    padding-left:  0;
    background-image:  none }
.ecommerce-page .engage-slider-sec  {
    padding:  1em 0 }
.ecommerce-page .engage-slider-sec .services-detail-sec .box  {
    padding:  2em }
.work .width-25  {
    width:  49%;
    height:  130px }
.work .width-25 img  {
    max-width:  100px }
.work .width-25:first-child  {
    border-left:  solid 1px #e7e4eb }
.work .width-25:nth-child(5),  .work:last-child .width-25:last-child  {
    border-right:  solid 1px #e7e4eb }
.engage-slider-sec .bor-right,  .specialize-sec .bor-right  {
    border:  none }
.appraoch-sec .left-banner-sec,  .box-tab-sec p,  .ecommerce-page .feature-article-sec .multi-line,  .ecommerce-page .why-choose-sec .choose-img-sec,  .smart-work-sec .green-line-img  {
    display:  none }
.cms-page .feature-article-sec .box,  .ecommerce-page .feature-article-sec .box  {
    min-height:  inherit;
    margin:  0;
    display:  block;
    margin:  10px auto }
.cms-page .feature-article-sec .box p,  .ecommerce-page .feature-article-sec .box p  {
    font-size:  1em }
.ecommerce-page .bottom-service-sec  {
    padding:  2em 0 0 0 }
.ecommerce-page .why-choose-sec h2  {
    font-size:  2em }
.ecommerce-page .what-cms-sec .laptop-img  {
    bottom:  0 }
.cms-page .engage-slider-sec.change .dark  {
    padding:  2em 0 }
.cms-page .what-cms-sec.change .laptop-img  {
    bottom:  -4.25em }
.cms-page .engage-slider-sec .services-detail-sec .box  {
    padding:  1em 1em 0 1em }
.inner-banner .banner-detail-sec h3  {
    font-size:  1em }
.appraoch-sec .detail-sec .learn-more  {
    width:  100%;
    padding-top:  14px;
    background-color:  #fff !important;
    height:  auto }
.appraoch-sec .detail-sec .num-sec .box  {
    margin-right:  0;
    width:  30%;
    margin-bottom:  20px }
.appraoch-sec .tab-sec a  {
    width:  24% }
.inner-banner .logo-sec img  {
    max-width:  120px }
.appraoch-sec .right-detail-sec,  .our-digital-marketing .dot-img  {
    width:  100% }
.cms-page .bottom-service-sec  {
    padding:  0 }
.inner-banner .banner-detail-sec h2 span  {
    display:  block }
.aad-page .specialize-sec .services-detail-sec,  .aad-page .specialize-sec .services-detail-sec.right  {
    padding:  20px }
.aad-page .specialize-sec,  .aad-page .specialize-sec .bor-right  {
    margin-bottom:  0 }
#android-smart-work .c-list ul li  {
    margin-bottom:  20px;
    line-height:  18px;
    font-size:  18px }
.appraoch-sec .detail-sec  {
    height:  auto }
.our-digital-marketing h5,  .services-img-sec p,  .specialize-sec .services-detail-sec h2  {
    font-size:  2em }
.specialize-sec .services-detail-sec p  {
    font-size:  1.5em }
.marketing-col  {
    width:  100%;
    box-shadow:  none }
.digital-marketing .custom-web-sec h2  {
    font-size:  18px;
    margin:  0 }
.margin100TB  {
    margin-top:  20px;
    margin-bottom:  20px }
.marketing-col p  {
    font-size:  14px }
.digital-marketing .services-img-sec  {
    margin-bottom:  20px }
.digital-marketing .our-digital-marketing h3  {
    min-height:  28px;
    margin-bottom:  0 }
.iphonex-sec img.iphonx-img,  .iphonex-sec:before  {
    display:  none }
.iphonex-sec .circle-tab-sec  {
    width:  50%;
    right:  0;
    margin:  0 auto }
.iphonex-sec .detail  {
    padding:  10px }
.iphonex-sec .circle-tab-sec  {
    height:  68.125em }
.mobileApp-page section.app-love-sec p  {
    padding:  0 5.75em }
.mobileApp-page section.app-love-sec .iphonex-sec p  {
    padding:  0 }
.mobileApp-page .carousel-control.left,  .mobileApp-page .carousel-control.right  {
    left:  240px;
    bottom:  5px }
.mobileApp-page .carousel-inner>.item  {
    min-height:  inherit }
.mobileApp-page .custom-web-sec  {
    padding-bottom:  50px }
.mobileApp-page .app-love-sec .container  {
    padding-bottom:  50px }
.mobileApp-page .iphonex-sec  {
    width:  100% }
.mobileApp-page .web-feature-list  {
    margin-left:  5px }
.mobileApp-page .iphonex-sec .detail  {
    margin:  0 auto;
    left:  0;
    right:  0;
    top:  24.375em }
.carousel-control .glyphicon-chevron-left,  .carousel-control .glyphicon-chevron-right  {
    background-size:  70% 70% }
.carousel-control .glyphicon-chevron-right,  .carousel-control .icon-next  {
    right:  70% }
.mood-sec h1,  .mood-sec.change h4  {
    font-size:  35px }
.portfolio-sec .block1 img,  .portfolio-sec .block2 img  {
    max-width:  300px;
    display:  block;
    margin:  20px auto;
    max-height:  400px }
.portfolio-sec .block1 img:nth-child(1),  .portfolio-sec .block1 img:nth-child(2),  .portfolio-sec .block2 img:nth-child(1),  .portfolio-sec .block2 img:nth-child(2),  .portfolio-sec .block2 img:nth-child(3)  {
    width:  inherit }
.single-case-studies .portfolio-sec,  .chebono-case,  .thinking-sec .laptop,  .thinking-sec .laptop .col-sm-3,  .thinking-sec .laptop .col-sm-4,  .thinking-sec.dm .laptop .col-sm-3,  .thinking-sec.gur .laptop .col-sm-3,  .thinking-sec.hanz .laptop .col-sm-3,  .thinking-sec.hyp .laptop .col-sm-3,  .thinking-sec.pay .laptop .col-sm-3,  .thinking-sec.wind .laptop .col-sm-3  {
    margin-top:  30px }
.thinking-sec .laptop .col-sm-6 img  {
    max-width:  250px }
.thinking-sec .laptop .col-sm-3 img  {
    float:  none;
    margin:  20px auto }
.thinking-sec .laptop h2,  .thinking-sec .laptop h3,  .thinking-sec .laptop h4,  .thinking-sec .laptop p  {
    text-align:  center }
.mood-sec h2,  .objective-sec .black-box h2  {
    font-size:  2.1em }
.mood-sec  {
    margin-bottom:  0 }
.chebono-case,  .mood-sec h3  {
    margin-bottom:  30px }
.chebono-case .shape  {
    bottom:  -40px }
.chebono-case .gal-wrap img  {
    width:  100%;
    margin-bottom:  15px }
.single-case-studies .inner-banner ul li:before,  .single-case-studies .inner-banner ul li:last-child:before  {
    display:  none }
.single-case-studies .inner-banner ul li:after  {
    content:  "";
    width:  .4375em;
    height:  .4375em;
    background:  #fff;
    position:  absolute;
    left:  0;
    top:  0;
    bottom:  0;
    margin:  auto 0;
    border-radius:  50%;
    display:  block }
.offer img  {
    width:  100%;
    max-height:  350px;
    max-width:  250px;
    display:  block;
    margin:  10px auto }
.portfolio-sec.dubai-sec .last-blk .wrap,  .portfolio-sec.dubai-sec .left-blk  {
    width:  100% }
.portfolio-sec.dubai-sec .left-blk .wrap  {
    width:  50% }
.portfolio-sec.dubai-sec .right-blk  {
    width:  36% }
.portfolio-sec.dubai-sec .last-blk  {
    width:  64%;
    float:  left }
.portfolio-sec.dubai-sec .last-blk .wrap,  .portfolio-sec.dubai-sec .left-blk .wrap  {
    padding:  9px }
.dubai-caseStudy .objective-sec.change,  .fenyaal-caseStudy .objective-sec.change,  .isuzu-caseStudy .objective-sec.change,  .logic-caseStudy .objective-sec.change  {
    padding-bottom:  30px }
.fenyaal-caseStudy .mood-sec.change h4,  .isuzu-caseStudy .mood-sec.change h4,  .logic-caseStudy .mood-sec.change h4  {
    bottom:  0 }
.chebono-case .pad-left-0 img  {
    margin-bottom:  0 }
.hanzfree-caseStudy .mood-sec.hanz h1  {
    bottom:  -80px }
.single-case-studies .mood-sec.hanz .mobileScreens ul  {
    margin:  30px 0 -32px 0 }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:first-child,  .single-case-studies .mood-sec.hanz .mobileScreens ul li:last-child  {
    width:  25% }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(2),  .single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(4)  {
    width:  31% }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:nth-child(3)  {
    width:  46% }
.hanzfree-caseStudy .simple-bo-txt  {
    margin-top:  100px }
.taskque-caseStudy .simple-bo-txt,  .ticket-caseStudy .simple-bo-txt  {
    margin-top:  50px }
.single-case-studies .mood-sec.hanz .mobileScreens .shape  {
    left:  0;
    top:  10px;
    max-width:  120px;
    right:  0;
    margin:  0 auto }
.hanzfree-caseStudy .proud-result-sec  {
    margin-top:  10em }
.single-case-studies .mood-sec.hanz .mobileScreens ul li:not(:first-child)  {
    margin-left:  -17% }
.single-case-studies .mood-sec.hanz .mobileScreens  {
    max-width:  255px }
.single-case-studies .mood-sec h1  {
    line-height:  50px }
.offer img  {
    min-width:  250px }
.chebono-case .gal-wrap .shape  {
    max-width:  100px }
.single-case-studies .proud-result-sec .shap-img  {
    text-align:  center }
.inner-banner .logo-sec  {
    left:  2em }
.branding-page .who-head h3,  .digital-marketing .who-head h3  {
    text-align:  left;
    right:  0;
    top:  0;
    left:  inherit }
.branding-page .learn-more  {
    height:  auto;
    margin:  10px 0 }
.branding-page #cds.custom-web-sec h2  {
    margin-top:  0 }
.branding-page #cds.custom-web-sec  {
    padding-top:  30px;
    padding-bottom:  30px }
.branding-page .slick-slide .learn-more  {
    margin-left:  0 }
.home_page .case-study-sec .tomato-img  {
    display:  block }
.showDesktop  {
    display:  none }
.home_page .banner-slider  {
    height:  auto }
.showMobile  {
    display:  block }
.home_page .marketing-sec .let-start-sec  {
    padding:  10px 20px }
.home_page .marketing-sec .let-start-sec:before  {
    left:  10px }
.home_page .marketing-sec .let-start-sec:after  {
    right:  10px }
.home_page .marketing-sec>h3:before  {
    width:  50% }
.home_page .special-sec .box-tab-sec .icon.active .hover  {
    margin:  0 auto }
.home_page .pad-right-10  {
    padding-right:  15px }
.home_page .special-sec .dcol  {
    display:  block !important;
    margin-top:  10px;
    margin-bottom:  30px }
.home_page .special-sec .box-tab-sec span.highlight,  .home_page .special-sec .box-tab-sec span.normalText  {
    float:  none;
    display:  block;
    width:  100%;
    font-size:  14px;
    line-height:  18px }
.home_page .special-sec .box-tab-sec .icon  {
    height:  auto }
.home_page .special-sec .box-tab-sec p  {
    text-align:  center }
.home_page .special-sec .box-tab-sec span.normalText  {
    font-size:  12px }
.home_page .special-sec .box-tab-sec .box  {
    width:  100%;
    margin-bottom:  0 }
.home_page .special-sec .box-tab-sec h3  {
    font-size:  16px }
.redContactSection  {
    padding:  30px 0 }
.redContactSection h2  {
    font-size:  28px }
.redContactSection input[type=submit]  {
    font-size:  14px;
    font-weight:  700 }
.inner-banner .banner-detail-sec h1  {
    margin-top:  50px;
    font-size:  2.5em !important }
.inner-banner .banner-detail-sec h1 span  {
    display:  block }
.services-img-sec h2  {
    font-size:  2em }
.smart-work-sec h1  {
    font-size:  2em }
.seo-page.cro-page .inner-banner .banner-detail-sec h1  {
    font-size:  1.3em !important }
.seo-page.cro-page .inner-banner .banner-detail-sec h2  {
    margin-top:  60px }
.home_page .who-we-are-sec h2  {
    font-size:  18px }
#header-desktop.is-flipped .header-panel  {
    top:  -110px;
    padding-top:  50px }
#header-desktop.secondSubMenu .header-panel  {
    top:  -142px;
    padding-top:  50px }
.mobileApp-page .custom-web-sec h1  {
    font-size:  18px }
.serverMangement-page .marketing-process-sec h2,  .serverMangement-page .smart-work-sec h2,  .serverMangement-page .why-choose-sec h2  {
    font-size:  2.1em }
.serverMangement-page .what-cms-sec  {
    margin-top:  20px }
.cms-page.serverMangement-page .what-cms-sec.change .laptop-img  {
    bottom:  inherit;
    max-width:  300px }
.serverMangement-page .marketing-process-sec  {
    padding-bottom:  30px }
.seo-page.print-design .inner-banner .banner-detail-sec h1  {
    margin-top:  52px;
    font-size:  1.7em !important }
.thumbSlider .slick-dots  {
    right:  0;
    top:  -30px }
.thumbSlider .pagerThumbitem  {
    padding:  8px 3px;
    font-size:  7px }
.mobileApp-page .custom-web-sec .web-feature-list .request-btn  {
    margin-top:  0;
    margin-bottom:  30px }
.mobileApp-page .iphonex-sec .detail  {
    margin-bottom:  30px }
.about-us-page #cdte .purple-line  {
    display:  none }
.about-us-page #cdte h2  {
    margin-top:  30px }
.ddosForm .formtoparea h2  {
    font-size:  18px }
.ddosForm .formtoparea p  {
    letter-spacing:  .5px;
    line-height:  18px }
.ddosForm .formtoparea  {
    padding:  15px 25px }
.ddosForm  {
    margin-top:  20px }
.getprotectLink  {
    margin-left:  0 }
.ddos_page #ddosModalForm p span  {
    display:  block }
.ddos_page #ddosModalForm .formtoparea h2  {
    font-size:  18px }
.ddos_page #ddosModalForm label.radio-inline:nth-child(4)  {
    margin-left:  0 }
.ddos_page #ddosModalForm .radio-inline input[type=radio]  {
    top:  -3px }
#scroll_2  {
    padding:  8px 8px;
    font-size:  12px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection  {
    padding:  15px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h2  {
    margin-bottom:  20px;
    font-size:  25px }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  32px }
.new-digital-marketing-page .inner-banner  {
    height:  23em;
    z-index:  3 }
.new-digital-marketing-page .inner-banner .banner-detail-sec h1  {
    top:  34px;
    z-index:  2 }
.new-digital-marketing-page .result-metter-sec .marketing-col  {
    display:  none }
.new-digital-marketing-page .result-metter-sec .yellowStrip  {
    position:  static;
    width:  100%;
    padding-top:  3%;
    padding-bottom:  3% }
.new-digital-marketing-page .result-metter-sec .greenStrip  {
    position:  static;
    width:  100% }
.new-digital-marketing-page .result-metter-sec .greenStrip>a  {
    display:  block;
    width:  100% }
.new-digital-marketing-page .result-metter-sec .yellowStrip>p  {
    font-size:  16px }
.new-digital-marketing-page .result-metter-sec .yellowStrip>p>br  {
    display:  none }
.digital-marketing .result-metter-sec .yellowStrip.five,  .digital-marketing .result-metter-sec .yellowStrip.four,  .digital-marketing .result-metter-sec .yellowStrip.six,  .digital-marketing .result-metter-sec .yellowStrip.three,  .digital-marketing .result-metter-sec .yellowStrip.two,  .new-digital-marketing-page .result-metter-sec .yellowStrip.one  {
    width:  100% }
.new-digital-marketing-page .result-metter-sec .whiteStrip  {
    position:  static;
    width:  100%;
    padding-top:  3%;
    padding-bottom:  3%;
    background-color:  #000;
    color:  #fff }
.new-digital-marketing-page .result-metter-sec .whiteStrip>p  {
    display:  inline-block }
.new-digital-marketing-page .result-metter-sec .whiteStrip>p>br  {
    display:  none }
.new-digital-marketing-page .result-metter-sec .whiteStrip>i  {
    font-size:  22px;
    display:  inline-block;
    float:  left }
.new-digital-marketing-page .result-metter-sec .greyHeadLarge  {
    font-size:  50px;
    bottom:  -16px }
.new-digital-marketing-page .result-metter-sec .cpc  {
    width:  100%;
    margin-bottom:  5% }
.new-digital-marketing-page .result-metter-sec .margin100TB  {
    margin-top:  0;
    margin-bottom:  0 }
footer .dmca-badge-parent  {
    margin-top:  3%;
    margin-bottom:  3%;
    text-align:  center }
.branding-strategy-page .custom-web-sec .col-md-6,  .branding-strategy-page .greyBg h2,  .branding-strategy-page .greyBg h3,  .branding-strategy-page .greyBg p  {
    padding:  0 15px }
.branding-strategy-page .greyBg h4,  .branding-strategy-page .who-head h3  {
    left:  15px }
.branding-strategy-page .custom-web-sec .request-btn  {
    margin-top:  60px;
    margin-bottom:  50px }
.branding-strategy-page .custom-web-sec h1,  .branding-strategy-page .greyBg h2  {
    font-size:  30px }
.branding-strategy-page .engage-slider-sec .services-detail-sec  {
    padding:  0 20px 0 20px }
.branding-strategy-page .engage-slider-sec,  .branding-strategy-page .engage-slider-sec .bor-right  {
    padding-bottom:  0 }
.branding-strategy-page .why-choose-sec.change  {
    padding:  0 }
.branding-strategy-page .greyBg a  {
    margin-left:  15px;
    margin-top:  20px }
.branding-strategy-page .greyBg.col-md-6  {
    padding:  30px 0 }
.branding-strategy-page .brandGuidelines  {
    background-position:  right top }
.print-design .box-tab-sec  {
    width:  100% }
.print-design .box-tab-sec .box  {
    width:  85% }
.home_page .banner-slider h2  {
    font-size:  2em }
.sticky-top-contact-bar  {
    text-align:  center }
.sticky-top-contact-bar>ul  {
    width:  100% }
.sticky-top-contact-bar>ul>li,  .sticky-top-contact-bar>ul>li>img  {
    margin-right:  0 }
.sticky-top-contact-bar>ul>li>a  {
    font-size:  12px }
.about-us-page .inner-banner .banner-detail-sec h2  {
    top:  10px }
.about-us-page .smart-work-sec .green-line-img  {
    display:  none }
.about-us-page .smart-work-sec #a-specializing .row>div  {
    margin-bottom:  2% }
.about-us-page .smart-work-sec #a-specializing .img-wrapper>img  {
    margin:  0 auto;
    width:  75%;
    height:  auto }
.about-us-page .smart-work-sec #a-specializing .img-wrapper  {
    width:  12%;
    float:  left;
    display:  inline-block;
    text-align:  center }
.about-us-page .smart-work-sec #a-specializing .caption  {
    width:  84%;
    float:  left;
    margin-left:  2% }
.about-us-page .smart-work-sec #a-specializing .caption>br  {
    display:  none }
.about-us-page #our-offices .c--con-flag  {
    width:  100% }
.about-us-page #our-offices .c--con-flag>img  {
    width:  45%;
    margin-top:  -40px }
.android-app-page .inner-banner .banner-detail-sec h2  {
    top:  5px }
.about-us-page .smart-work-sec #a-specializing .img-wrapper  {
    height:  auto;
    margin-bottom:  15px }
body.about-us-page #cdte p,  body.about-us-page #cdte ul  {
    padding-left:  0 }
body.about-us-page #cdte ul  {
    margin-bottom:  20px }
body.about-us-page #cdte .view-btn  {
    margin-left:  0 }
#our-offices.marketing-process-sec .tab-sec a  {
    margin-left:  5px;
    margin-right:  5px }
.android-app-page .smart-work-sec,  .cms-page .smart-work-sec,  .logo-design-page .smart-work-sec,  .print-design .smart-work-sec,  body.about-us-page .smart-work-sec  {
    margin-top:  0 }
.print-design .workLibrarySection_5 .zindex2 h2  {
    font-size:  24px;
    margin-top:  20px }
.print-design .workLibrarySection_5 .blueBgGradient  {
    padding:  30px 0 }
.custom-gredient-button,  .print-design .workLibrarySection_5 .blueBgGradient .libraryViewBtn  {
    margin-top:  10px }
.contactPage.careersPage .contactArea  {
    text-align:  left }
.careersPage .contactArea h2  {
    font-size:  26px;
    margin-bottom:  20px }
.careersPage .contactArea h4  {
    margin-top:  30px }
.home_page .imgHm01  {
    margin:  0 0 10px 0 }
.home_page .img-sec iframe  {
    height:  auto }
.careersPage .inner-banner  {
    background-size:  cover;
    min-height:  170px }
.new-digital-marketing-page .digitalExperienceSection h2.textGreenBg  {
    width:  auto }
.new-digital-marketing-page .digitalExperienceSection h2  {
    margin-left:  0;
    font-size:  28px }
.android-app-page .appraoch-sec .right-detail-sec,  .logoDesignPortfolio .thumb_gallery  {
    margin-bottom:  15px }
.logo-design-page .engage-slider-sec .bor-right  {
    padding-bottom:  0 }
.logo-design-page .smart-work-sec .learn-more  {
    margin-top:  10px }
.logo-design-page .smart-work-sec h2,  .print-design .smart-work-sec h2  {
    margin:  15px 0 }
.ctaBtn  {
    padding:  10px;
    font-size:  15px;
    margin-top:  20px }
.web-development .inner-banner .banner-detail-sec h2  {
    top:  2px;
    line-height:  1.2 }
.mobileApp-page .choose-img-sec,  .web-development .custom-web-sec .line  {
    display:  none }
.android-app-page .specialize-sec .services-detail-sec,  .android-app-page .specialize-sec .services-detail-sec.right  {
    padding:  0 }
.android-app-page .box-tab-sec .box,  .mobileApp-page .box-tab-sec .box,  .new-digital-marketing-page .box-tab-sec .box,  .web-development .box-tab-sec .box  {
    width:  100% }
.mobileApp-page .app-love-sec h4  {
    font-size:  16px;
    font-weight:  700 }
.custom-web-sec .request-btn  {
    border:  1px solid #14918a;
    width:  auto;
    height:  auto;
    padding:  10px;
    line-height:  18px !important;
    background:  0 0 }
.mobileApp-page .engage-slider-sec .services-detail-sec  {
    padding:  2em }
.contactPage.careersPage .contactArea ol,  .contactPage.careersPage .contactArea ul  {
    padding-left:  10px }
.web-development .custom-web-sec h2,  .web-development .experts h3  {
    font-size:  16px }
.web-development #our-core-services.marketing-process-sec .tab-detail-sec p a  {
    padding:  4px 15px }
.about-us-page .marketing-process-sec.culture-innovation .tb-text h2,  .corporatePage .custom-web-sec h1  {
    font-size:  24px }
.corporatePage .engage-slider-sec  {
    padding-top:  0 }
.corporatePage .carousel-control.left,  .corporatePage .carousel-control.right  {
    left:  90px }
.feature-article-sec.change2  {
    margin-bottom:  20px }
.branding-page .custom-web-sec .request-btn  {
    margin-bottom:  20px }
#our-offices.marketing-process-sec .tab-detail-sec  {
    width:  100%;
    padding:  0 15px }
.about-us-page .culture-innovation .col-md-7,  body.about-us-page .smart-work-sec .pad-left  {
    padding-left:  15px }
body.about-us-page .marketing-process-sec.culture-innovation .tb-text p  {
    font-size:  14px }
.blogsubscribe input  {
    width:  100%;
    margin-bottom:  15px;
    padding:  15px }
.blogsubscribe .project-sec .request-btn  {
    margin-left:  0;
    font-size:  14px }
.web-development .web-feature-list .detail  {
    width:  82% }
.web-development .web-feature-list .icon-sec img  {
    max-width:  40px }
.digital-marketing .web-feature-list .icon-sec img  {
    max-width:  50px }
.portfolio-work-heading h2  {
    font-size:  28px }
.page-portfolio .banner-slider .amaz-scroll,  .work-library .banner-slider .amaz-scroll  {
    display:  none }
.digital-marketing .who-head h3  {
    font-size:  1.5em }
.seo-page .why-choose-sec  {
    margin-top:  2em }
.seo-page .engage-slider-sec .bor-right  {
    padding-bottom:  1em }
.seo-page .engage-slider-sec .mar-top  {
    margin-top:  1em }
.ppc-page .engage-slider-sec .arrow-sec  {
    bottom:  0;
    float:  left;
    margin:  0 0 0 10px }
.home_page .special-sec .box-tab-sec span.normalText a  {
    color:  #14918a }
.home_page .who-we-are-sec p  {
    width:  100%;
    padding-top:  15px }
.home_page .who-we-are-sec p:before  {
    top:  20px }
.home_page .who-head h3  {
    margin-bottom:  1.8em }
.menu-icon  {
    right:  10px;
    top:  42px }
.goal-sec h5  {
    font-size:  20px }
.print-design .workLibrarySection_5 .zindex2 h3  {
    font-size:  20px }
.home_page .img-sec iframe  {
    width:  100%;
    height:  274px }
.mobile-app-video  {
    padding-top:  40px;
    padding-bottom:  40PX }
.mobile-app-video>iframe  {
    width:  450px;
    height:  250px }
.inner-portfolio-head-two  {
    font-size:  30px }
.inner-portfolio-p  {
    font-size:  18px;
    line-height:  25px }
.section-two  {
    padding-top:  50px }
.section-three  {
    padding-top:  50px }
.inner-portfolio-head-black  {
    font-size:  30px;
    line-height:  35px;
    text-align:  center }
.section-four .inner-portfolio-p:before  {
    display:  none }
.section-four .inner-portfolio-p  {
    font-size:  18px;
    text-align:  center;
    padding-left:  0 }
.section-four>.container  {
    margin-top:  50px }
.section-four  {
    padding-bottom:  100px }
.section-five ul.has-portfolio  {
    top:  -50px }
.image-support  {
    top:  -50px }
.image-partners  {
    top:  -50px }
.section-six  {
    padding-top:  50px;
    padding-bottom:  50px }
.flex-space-around  {
    display:  block;
    text-align:  center }
.footer-view-screen  {
    width:  75% }
.section-six .btn-transparent  {
    margin:  20px auto }
.flex-space-between  {
    display:  block;
    margin-top:  50px;
    margin-bottom:  50px }
.launch-iphone-screen  {
    width:  60%;
    margin-bottom:  30px !important }
.inner-portfolio-page ul.has-portfolio  {
    width:  90%;
    box-shadow:  none }
.inner-portfolio-banner  {
    padding-bottom:  100px }
.inner-portfolio-page .section-one ul.has-portfolio  {
    top:  -50px }
.position-absolute  {
    position:  static;
    margin:  20px auto !important }
.inner-portfolio-page .section-one  {
    padding-top:  0;
    background:  -moz-linear-gradient(bottom,  #1e1a25 90%,  #fff 10%);
    background:  -webkit-linear-gradient(bottom,  #1e1a25 90%,  #fff 10%);
    background:  linear-gradient(to bottom,  #1e1a25 90%,  #fff 10%) }
.launch-home-tablet  {
    width:  80% !important;
    margin:  30px auto !important }
.section-five li.position-relative>.position-absolute>img  {
    display:  block }
.explore-large-screen  {
    width:  100% }
.explore-mobile  {
    float:  none;
    position:  static;
    width:  50% }
.explore-tablet  {
    float:  none;
    width:  60%;
    margin:  30px auto !important }
.section-five li.position-relative>img  {
    display:  none }
.section-five li.position-relative>.position-absolute  {
    background-color:  #273542;
    padding:  30px }
.image-benefits  {
    float:  none }
.image-support  {
    float:  none;
    width:  95%;
    position:  static;
    margin:  30px auto !important }
.image-partners  {
    float:  none;
    width:  95%;
    position:  static }
.inner-portfolio-page .carousel-indicators  {
    bottom:  0 }
.inner-portfolio-page .carousel-indicators .active  {
    background-color:  #a81213;
    border-color:  #a81213 !important;
    margin:  1px }
.inner-portfolio-page .carousel-indicators li  {
    background-color:  #111;
    border-color:  #111;
    display:  inline-block !important;
    width:  15px !important;
    height:  15px;
    border-radius:  100% }
.inner-portfolio-page .carousel  {
    margin:  30px auto }
.inner-portfolio-page .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.image-support  {
    width:  100% }
.reps-and-sets .image-main-footer  {
    width:  100% }
.reps-and-sets .section-two  {
    background-color:  #101229 !important;
    padding-left:  0;
    padding-right:  0;
    background-image:  none }
.reps-and-sets .section-three  {
    padding-top:  50px;
    background-color:  #af1d28 !important;
    margin-top:  50px }
.reps-and-sets .section-three>h2  {
    margin-bottom:  30px }
.chebonu .section-three  {
    padding-top:  50px }
.chebonu .section-two-inner  {
    padding-top:  50px;
    padding-bottom:  50px }
.chebonu .section-three>h2  {
    margin-bottom:  30px }
.chebonu .section-four  {
    padding-bottom:  50px }
.image-slider-chebonu  {
    top:  -30px }
.content-slider-chebonu  {
    top:  0;
    right:  30px }
.puerto-rico .section-three  {
    padding-top:  50px;
    padding-bottom:  50px }
.section-two-column-half  {
    width:  100%;
    display:  block }
.section-two-column-half.right  {
    float:  none }
.section-two-column-half.right img  {
    position:  static }
.puerto-rico-car  {
    display:  none }
.puerto-rico .section-four ul.has-portfolio  {
    padding-top:  50px;
    padding-bottom:  50px }
.puerto-rico .section-four ul.has-portfolio .left img  {
    margin-bottom:  50px }
.puerto-rico .section-four  {
    padding-bottom:  50px }
.puerto-rico .section-four ul.has-portfolio  {
    background-color:  transparent;
    box-shadow:  none }
.section-five ul.has-portfolio  {
    margin-bottom:  50px }
.image-slider-puerto-rico  {
    position:  static;
    margin-top:  50px }
.content-slider-puerto-rico  {
    position:  relative;
    bottom:  auto;
    top:  -50px }
.puerto-rico .section-two  {
    padding-bottom:  50px }
.kdi .section-two  {
    padding-bottom:  50px }
.kdi .section-four  {
    padding-bottom:  50px }
.image-slider-puerto-rico  {
    width:  100% }
.some-key-facts-kdi  {
    position:  static;
    width:  100% }
.kdi .full-image.last  {
    margin-top:  50px }
.inner-portfolio-page .inner-portfolio-banner>.logo-sec  {
    position:  absolute;
    top:  2%;
    left:  2% }
.becon .our-gallery-becon  {
    width:  100%;
    margin:  50px auto }
.al-hawra .section-four  {
    padding-bottom:  50px }
.al-hawra .half-image-al-hawra  {
    width:  100%;
    margin:  50px auto }
.gscs .section-two  {
    padding-bottom:  50px }
.gscs .section-four  {
    padding-bottom:  50px }
.gscs .section-five ul.has-portfolio  {
    margin-bottom:  50px !important }
.gscs .half-image-al-hawra  {
    margin:  50px auto }
.almas .section-four  {
    padding-bottom:  50px }
.almas .half-image-al-hawra  {
    margin:  50px auto }
.almas .section-two  {
    padding-bottom:  50px }
.almas .section-four  {
    padding-bottom:  50px }
.almas .section-five li.position-relative>.position-absolute  {
    background-color:  #8fd3e0 }
.footer-view-screen:first-child  {
    margin-bottom:  30px }
.section-repeat-head  {
    text-align:  center }
.section-repeat-head-number  {
    text-align:  center;
    margin:  0 auto;
    margin-bottom:  10px;
    padding-bottom:  10px }
.section-repeat-head-text  {
    text-align:  center }
.mobile-portfolio-page .section-one  {
    padding-top:  50px;
    padding-bottom:  50px }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(1),  .mobile-portfolio-page .section-one .flex-column-around>div:nth-child(3)  {
    display:  none }
.mobile-portfolio-page .section-one .flex-column-around>div:nth-child(2)  {
    width:  75%;
    text-align:  center;
    margin:  auto }
.white-circle  {
    margin:  auto }
.icon-left  {
    margin:  auto }
.icon-right  {
    margin:  auto }
.transparent-circle  {
    width:  100% }
.flex-column-around  {
    margin-top:  50px;
    margin-bottom:  30px;
    padding-left:  0 }
.mobile-portfolio-page .section-one  {
    background:  #1e1a25 }
.icon-top  {
    bottom:  calc(100% - 30px);
    width:  60px }
.icon-bottom  {
    top:  calc(100% - 30px);
    width:  60px }
.icon-left  {
    right:  calc(100% - 30px);
    width:  60px }
.icon-right  {
    left:  calc(100% - 30px);
    width:  60px }
.mobile-portfolio-page .section-two  {
    padding-top:  50px;
    padding-bottom:  50px;
    background-color:  #cedbe4;
    background-image:  none }
.mobile-portfolio-page .section-two .flex-column-around  {
    display:  block;
    text-align:  center }
.prototype-images  {
    width:  100% }
.prototype-content  {
    width:  100%;
    text-align:  center;
    margin-top:  40px }
.prototype-content h2>br  {
    display:  none }
.flex-column-around.design-section  {
    margin-top:  40px }
.mobile-portfolio-page .section-four  {
    position:  static;
    width:  100%;
    height:  auto;
    padding-top:  50px;
    padding-bottom:  50px;
    background-color:  #2d1d76;
    background-image:  none;
    padding-left:  15px;
    padding-right:  15px }
.section-repeat-head-number  {
    max-width:  200px }
.mobile-portfolio-page .section-four .flex-column-around  {
    padding-left:  0;
    margin-top:  40px;
    margin-bottom:  0 }
.mobile-portfolio-page .carousel-indicators  {
    bottom:  -50px;
    z-index:  1 }
.mobile-portfolio-page .section-three .carousel-inner>.item>img  {
    width:  75% }
.fake-sec  {
    display:  none }
.for-ripple-effect  {
    display:  none }
.mobile-portfolio-page .section-three  {
    padding-top:  50px;
    padding-bottom:  50px;
    background:  linear-gradient(to bottom,  #39557c 75%,  #fff 25%) }
.fake-sec,  .mobile-portfolio-page .inner-portfolio-banner,  .mobile-portfolio-page .section-four,  .mobile-portfolio-page .section-one,  .mobile-portfolio-page .section-three,  .mobile-portfolio-page .section-two,  .skrollr-footer  {
    position:  static;
    width:  100%;
    height:  auto }
.mobile-portfolio-page .inner-portfolio-banner  {
    height:  100vh }
.mobile-portfolio-page.inner-portfolio-page .inner-portfolio-banner>.logo-sec  {
    top:  6%;
    left:  5% }
.al-waha .section-three  {
    background:  linear-gradient(to bottom,  #39557c 75%,  #fff 25%) }
.al-waha .section-four  {
    background-color:  #2d1d76 }
.gangster-strength .section-three  {
    background:  linear-gradient(to bottom,  #06092a 75%,  #fff 25%) }
.gangster-strength .section-four  {
    background-color:  #ab1020 }
.hanz-free .section-three  {
    background:  linear-gradient(to bottom,  #623afc 75%,  #fff 25%) }
.hanz-free .section-four  {
    background-color:  #3f8f23 }
.marry-us .section-one  {
    background-color:  #060b2e }
.marry-us .section-two  {
    background-color:  #ebdce2 }
.marry-us .section-three  {
    background:  linear-gradient(to bottom,  #930234 75%,  #fff 25%) }
.marry-us .section-four  {
    background-color:  #f04470 }
.taskque .section-one  {
    background-color:  #050a34 }
.taskque .section-three  {
    background:  linear-gradient(to bottom,  #0f4c75 75%,  #fff 25%) }
.taskque .section-four  {
    background-color:  #dc611b }
.mobile-portfolio-page.moboil .portfolio-inner-logo  {
    width:  auto }
.moboil .section-one  {
    background-color:  #0d0c25 }
.moboil .section-three  {
    background:  linear-gradient(to bottom,  #0c0e33 75%,  #fff 25%) }
.moboil .section-four  {
    background-color:  #1b1e5e }
.mobile-portfolio-page.ar-kit .portfolio-inner-logo  {
    width:  auto }
.ar-kit .section-one  {
    background-color:  #070b29 }
.ar-kit .section-two  {
    background-color:  #c9d6e1 }
.ar-kit .section-three  {
    background:  linear-gradient(to bottom,  #272936 75%,  #fff 25%) }
.ar-kit .section-four  {
    background-color:  #ebcc03 }
.mobile-portfolio-page .right-choice-height  {
    min-height:  100%;
    display:  block }
.mobile-portfolio-page .footer-height  {
    min-height:  100%;
    display:  block }
.mobile-portfolio-page .redContactSection  {
    padding-bottom:  30px;
    padding-top:  30px }
.mobile-portfolio-page .mobile-app-store-button  {
    text-align:  center;
    width:  100% }
.inner-banner .banner-detail-sec h1.h1printdesign  {
    margin-top:  0;
    font-size:  16px !important }
.redBtn  {
    font-size:  14px }
.redContactSection .g-recaptcha  {
    margin-bottom:  25px }
.web-development.web-design-abudhabi .inner-banner .banner-detail-sec h2  {
    font-size:  25px !important;
    line-height:  30px }
.web-development.web-design-abudhabi .custom-web-sec .line  {
    display:  none }
.web-development.web-design-abudhabi .custom-web-sec  {
    padding-top:  50px !important;
    padding-bottom:  50px !important }
.web-development.web-design-abudhabi .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-abudhabi .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-image:  none;
    background-color:  #000;
    padding-bottom:  25px;
    height:  auto }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  95% }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-sec  {
    margin-top:  30px;
    float:  left;
    display:  block }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-sec a  {
    height:  50px;
    padding-top:  0;
    background-image:  none;
    margin-top:  0 }
.web-development.web-design-abudhabi .carousel-inner  {
    min-height:  auto }
.web-development.web-design-abudhabi .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-abudhabi .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-abudhabi .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-abudhabi .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-abudhabi .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-bahrain .inner-banner .banner-detail-sec h2  {
    font-size:  25px !important;
    line-height:  30px }
.web-development.web-design-bahrain .custom-web-sec .line  {
    display:  none }
.web-development.web-design-bahrain .custom-web-sec  {
    padding-top:  50px !important;
    padding-bottom:  50px !important }
.web-development.web-design-bahrain .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-bahrain .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-image:  none;
    background-color:  #000;
    padding-bottom:  25px;
    height:  auto }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  95% }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-sec  {
    margin-top:  30px;
    float:  left;
    display:  block }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-sec a  {
    height:  50px;
    padding-top:  0;
    background-image:  none;
    margin-top:  0 }
.web-development.web-design-bahrain .carousel-inner  {
    min-height:  auto }
.web-development.web-design-bahrain .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-bahrain .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-bahrain .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-bahrain .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-bahrain .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-ksa .inner-banner .banner-detail-sec h2  {
    font-size:  25px !important;
    line-height:  30px }
.web-development.web-design-ksa .custom-web-sec .line  {
    display:  none }
.web-development.web-design-ksa .custom-web-sec  {
    padding-top:  50px !important;
    padding-bottom:  50px !important }
.web-development.web-design-ksa .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-ksa .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-image:  none;
    background-color:  #000;
    padding-bottom:  25px;
    height:  auto }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  95% }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-sec  {
    margin-top:  30px;
    float:  left;
    display:  block }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-sec a  {
    height:  50px;
    padding-top:  0;
    background-image:  none;
    margin-top:  0 }
.web-development.web-design-ksa .carousel-inner  {
    min-height:  auto }
.web-development.web-design-ksa .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-ksa .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-ksa .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-ksa .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-ksa .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-oman .inner-banner .banner-detail-sec h2  {
    font-size:  25px !important;
    line-height:  30px }
.web-development.web-design-oman .custom-web-sec .line  {
    display:  none }
.web-development.web-design-oman .custom-web-sec  {
    padding-top:  50px !important;
    padding-bottom:  50px !important }
.web-development.web-design-oman .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-oman .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-image:  none;
    background-color:  #000;
    padding-bottom:  25px;
    height:  auto }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  95% }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-sec  {
    margin-top:  30px;
    float:  left;
    display:  block }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-sec a  {
    height:  50px;
    padding-top:  0;
    background-image:  none;
    margin-top:  0 }
.web-development.web-design-oman .carousel-inner  {
    min-height:  auto }
.web-development.web-design-oman .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-oman .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-oman .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-oman .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-oman .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.web-development.web-design-qatar .inner-banner .banner-detail-sec h2  {
    font-size:  25px !important;
    line-height:  30px }
.web-development.web-design-qatar .custom-web-sec .line  {
    display:  none }
.web-development.web-design-qatar .custom-web-sec  {
    padding-top:  50px !important;
    padding-bottom:  50px !important }
.web-development.web-design-qatar .web-feature-list .detail  {
    width:  calc(100% - 50px) }
.web-development.web-design-qatar .web-feature-list .icon-sec>img  {
    width:  45px;
    max-width:  45px !important }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    background-image:  none;
    background-color:  #000;
    padding-bottom:  25px;
    height:  auto }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-detail-sec p  {
    width:  95% }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-sec  {
    margin-top:  30px;
    float:  left;
    display:  block }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-sec a  {
    height:  50px;
    padding-top:  0;
    background-image:  none;
    margin-top:  0 }
.web-development.web-design-qatar .carousel-inner  {
    min-height:  auto }
.web-development.web-design-qatar .carousel-inner>.item  {
    height:  auto;
    min-height:  auto }
.web-development.web-design-qatar .carousel-control.right  {
    left:  0;
    right:  5px;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-qatar .carousel-control.right>span  {
    margin-right:  0;
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100% }
.web-development.web-design-qatar .carousel-control.left  {
    left:  5px;
    margin-left:  0;
    right:  0;
    margin:  auto;
    bottom:  0 }
.web-development.web-design-qatar .carousel-control.left>span  {
    margin-left:  0;
    width:  40px;
    height:  40px;
    background-size:  100%;
    margin-right:  0 }
.sticky-consultation-form  {
    width:  100%;
    right:  -100%;
    padding:  50px 30px;
    height:  100%;
    top:  0 }
.sticky-consultation-form input,  .sticky-consultation-form textarea  {
    margin-bottom:  15px }
.sticky-consultation-form input[type=submit]  {
    padding:  10px }
.mobile-slider-section .mobile-slider-inner-container  {
    flex-flow:  row wrap }
.mobile-slider-left-text  {
    width:  100% }
.mobile-slider-right-image  {
    width:  100%;
    margin-top:  30px }
.fade-controls>.carousel-control.left  {
    bottom:  0 !important }
.fade-controls>.carousel-control.right  {
    bottom:  0 !important }
.fade-controls>.carousel-control.left,  .fade-controls>.carousel-control.right  {
    font-size:  30px }
.fade-controls  {
    bottom:  auto;
    top:  60px }
.fade-controls>.carousel-control.left  {
    left:  calc(100% - 86px) !important }
.detail-lib-bg  {
    display:  flex;
    flex-direction:  column;
    justify-content:  space-between }
.detail-lib-h  {
    padding-bottom:  25px;
    padding-left:  30px;
    width:  100% !important }
.lib-det-f-img  {
    display:  flex }
.lib-det-f-img img  {
    float:  left;
    margin-left:  0 }
.detail-library-page .form-div-media input  {
    margin-bottom:  20px }
.gitex-inquiry-form  {
    background:  #0e1647 url(../../assets/images/gitex/gitex-mobile.jpg) no-repeat }
.gi-form-section>.container  {
    flex-direction:  column-reverse }
.gi-form-right  {
    width:  100%;
    border-left:  0;
    padding-left:  0 }
.gi-form-left  {
    width:  100%;
    margin-top:  40px }
.gi-form-section  {
    padding-top:  40px;
    padding-bottom:  40px }
.gitex-inquiry-form .container  {
    max-width:  90% !important }
.gtex-logo-area  {
    padding-top:  20px;
    padding-bottom:  20px }
.gtex-logo-area img  {
    max-width:  110px }
.p-bold  {
    font-size:  22px;
    line-height:  1.5;
    margin-bottom:  18px }
.p-light  {
    font-size:  15px;
    line-height:  1.5;
    margin-bottom:  20px }
.gtex-form>input  {
    height:  47px;
    margin-bottom:  14px;
    padding-left:  25px;
    font-size:  13px;
    font-weight:  600 }
.gtex-btn  {
    height:  47px !important;
    font-size:  15px !important;
    font-weight:  700 !important;
    width:  100%;
    padding-left:  15px !important;
    text-align:  center;
    justify-content:  center;
    margin-bottom:  0 !important;
    letter-spacing:  .5px;
    font-weight:  400 }
.gi-inner-logo  {
    margin-bottom:  0 }
.gi-form-section hr  {
    margin-top:  30px;
    margin-bottom:  25px }
.p-white-2  {
    font-size:  15px;
    line-height:  1.5;
    max-width:  100%;
    margin-bottom:  0 }
.gitex-inquiry-form::-webkit-input-placeholder  {
    font-size:  15px;
    font-weight:  600 }
.gitex-inquiry-form:-ms-input-placeholder  {
    font-size:  15px;
    font-weight:  600 }
.gitex-inquiry-form::placeholder  {
    font-size:  15px;
    font-weight:  600 }
.gtex-logo  {
    max-width:  200px;
    min-height:  100% !important }
.gtex-add>br  {
    display:  none }
.home_page .carousel-inner>.item  {
    height:  540px }
.gt-slide  {
    background-image:  none !important;
    background-color:  #712033 !important }
.gtex-btn  {
    margin:  auto;
    font-size:  20px }
.gtex-green-strip  {
    font-size:  18px;
    padding:  10px 10px }
.gtex-yellow  {
    font-size:  20px }
.banner-slider #mobileSlider .logo-sec  {
    top:  40px }
.home_page .banner-slider h2  {
    font-size:  35px }
.banner-slider #mobileSlider h4  {
    font-size:  22px }
#mobileSlider .item:not(:first-child) .carousel-caption  {
    text-shadow:  none;
    bottom:  0;
    top:  0;
    display:  flex;
    align-items:  center;
    flex-flow:  row wrap;
    justify-content:  center;
    flex-direction:  column }
#mobileSlider .carousel-caption  {
    left:  15px !important;
    right:  15px !important }
#mobileSlider .item img  {
    min-height:  250px;
    object-fit:  cover;
    height:  100% }
.portfolio-video-section  {
    padding-top:  50px;
    padding-bottom:  50px }
.p-sec-h>br  {
    display:  none }
.p-sec-h  {
    margin-bottom:  25px;
    padding-bottom:  25px }
.p-sec-video  {
    width:  100% }
.p-sec-h  {
    font-size:  25px }
.h-pge-cli-item  {
    padding:  15px;
    height:  150px;
    margin:  0 }
.h-pge-cli  {
    padding-top:  50px }
.h-pg-video-h  {
    font-size:  30px }
.h-pg-video-section  {
    padding-bottom:  50px }
body.focp-caseStudy .mt  {
    margin-top:  1em;
}
body.focp-caseStudy .results_section .img-responsive  {
    position:  static;
    margin:  15px auto;
    max-width:  50%;
}
body.focp-caseStudy .res_precent  {
    font-size:  1.2em;
}
body.focp-caseStudy .res_price,  body.focp-caseStudy .results_section3 .mt p span  {
    font-size:  1em;
}
body.focp-caseStudy .head_sec p  {
    padding:  0;
}
body.focp-caseStudy .proud-result-sec .box  {
    padding:  80px 15px;
}
body.focp-caseStudy .focp-banner .banner-detail-sec  {
    width:  100%;
    max-width:  220px !important;
}
body.focp-caseStudy .inner-banner h4  {
    font-size:  3em;
}
.focflex  {
    display:  block;
}
.librabryBg8.focpbg  {
    text-align:  center;
    padding:  0px 25px 25px 25px !important;
}
.focpright  {
    float:  none;
    width:  300px;
    padding:  30px 0px 0px 0px;
}
.focpbg .workLibrarySection_2 h3  {
    font-size:  22px;
}
.contactPage p.error-msg-phone,  .contactPage p.error-msg-email,  .contactPage p.error-msg-name,  .contactPage p.error-msg-textarea  {
    transform:  translateY(-6px);
    text-align:  left;
}
.redContactSection p.error-msg-email,  .redContactSection p.error-msg-phone,  .redContactSection p.error-msg-name,  .redContactSection p.error-msg-textarea  {
    margin-top:  -9px;
}
.serverMangement-page .marketing-process-sec h2,  .serverMangement-page .smart-work-sec h2,  .serverMangement-page .why-choose-sec h2  {
    font-size:  2.1em;
}
.serverMangement-page .what-cms-sec  {
    margin-top:  20px;
}
.cms-page.serverMangement-page .what-cms-sec.change .laptop-img  {
    bottom:  inherit;
    max-width:  300px;
}
.serverMangement-page .marketing-process-sec  {
    padding-bottom:  30px;
}
.packages-left  {
    width:  50%;
}
.packages-right  {
    width:  50%;
}
.packages-right>.packages-ul:not(.p-profesional)  {
    display:  none;
}
.packages-ul>li.p-header  {
    display:  none;
}
.packages-sec-a>.container  {
    padding:  0 !important;
}
.mob-p-slect  {
    display:  block;
}
.mob-p-slect>select  {
    width:  100%;
    padding:  0.5em;
    font-size:  18px;
    background:  #d42e31;
    color:  #fff;
    border:  0;
}
.p-two-col-a  {
    width:  100%;
    display:  flex;
}
.p-one-col-a  {
    width:  100%;
    display:  flex;
}
.btn-order-p  {
    width:  100%;
}
.packages-bottom-ul  {
    flex-direction:  column;
    text-align:  center;
}
.packages-bottom-ul>li:nth-child(2)  {
    margin-left:  0;
    margin-right:  0;
}
.packages-bottom-ul>li  {
    font-size:  14px;
}
.serverMangement-page .tab-detail-sec>div:not(.active)  {
    display:  none;
}
.serverMangement-page div#detail2  {
    padding:  0;
}
}
@media screen and (max-width:667px)  {
    .mobileWrap  {
    left:  26.1% }
}@media screen and (max-width:640px)  {
    .mobileWrap  {
    left:  25% }
#our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    height:  405px }
#our-core-services.marketing-process-sec .tab-detail-sec .box  {
    max-width:  542px;
    width:  initial }
}@media screen and (max-width:600px)  {
    .mobileApp-page section.app-love-sec p  {
    padding:  0 15px }
.iphonex-sec .request-btn  {
    margin:  0;
    background-image:  none;
    border:  1px solid #22c6ba;
    width:  100% }
.mobileApp-page .carousel-control.left,  .mobileApp-page .carousel-control.right  {
    left:  63px;
    bottom:  -20px }
.iphonex-sec .circle-tab-sec  {
    width:  100%;
    margin-bottom:  60px }
.iphonex-sec .circle-tab-sec,  .iphonex-sec .circle-tab-sec .circle .title,  .iphonex-sec .detail  {
    position:  relative;
    left:  inherit;
    right:  inherit;
    top:  inherit;
    width:  100%;
    height:  auto }
.iphonex-sec  {
    height:  auto;
    margin-top:  30px }
.iphonex-sec .circle-tab-sec .circle,  .iphonex-sec .circle-tab-sec .circle.four,  .iphonex-sec .circle-tab-sec .circle.one,  .iphonex-sec .circle-tab-sec .circle.three,  .iphonex-sec .circle-tab-sec .circle.two  {
    position:  relative;
    left:  inherit;
    top:  inherit;
    right:  inherit;
    bottom:  inherit }
.iphonex-sec .circle-tab-sec .circle.four .title,  .iphonex-sec .circle-tab-sec .circle.three .title  {
    right:  inherit }
.iphonex-sec .circle-tab-sec a  {
    display:  inline-block;
    width:  24%;
    vertical-align:  top }
.iphonex-sec .circle-tab-sec .circle .title  {
    font-size:  9px;
    margin-top:  15px }
.iphonex-sec .circle-tab-sec .circle  {
    margin:  0 auto }
.iphonex-sec .circle-tab-sec .circle img  {
    width:  100% }
.mobileApp-page .iphonex-sec .detail  {
    top:  inherit }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  28px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection h2  {
    font-size:  22px }
.new-digital-marketing-page .inner-banner .banner-detail-sec  {
    padding-left:  5.375em }
}@media screen and (max-width:480px)  {
    .mobileWrap  {
    left:  16% }
#a-specializing .si-col  {
    width:  50%;
    margin-bottom:  50px }
#our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  none }
#our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  12px }
body.about-us-page .smart-work-sec  {
    padding-bottom:  0 }
.marketing-process-sec.culture-innovation .tb-text p  {
    padding-left:  0;
    padding-top:  40px }
.marketing-process-sec.culture-innovation .tb-text h2  {
    font-size:  30px }
#our-offices .c--off-address  {
    margin-left:  0;
    width:  100% }
#our-offices .c--con-flag  {
    float:  left;
    width:  100%;
    padding:  0;
    border:  none;
    margin:  50px 0 0 0 }
#our-offices .c--con-flag  {
    min-height:  auto }
footer .col-md-6.pull-right  {
    float:  none !important }
footer .bottom-sec .col-md-5.pull-right  {
    width:  100% }
.home_page .special-sec .box-tab-sec .box  {
    width:  48%;
    margin-bottom:  20px }
.marketing-process-sec.culture-innovation .tab-sec a  {
    font-size:  11px;
    padding:  5px 10px;
    display:  block;
    width:  100%;
    margin-bottom:  5px }
.about-us-page .marketing-process-sec.culture-innovation .tab-sec  {
    margin-top:  0 }
.about-us-page .marketing-process-sec.culture-innovation .tb-text p  {
    padding-top:  0 }
.branding-page .web-feature-list .icon-sec:before,  .digital-marketing .web-feature-list .icon-sec:before  {
    display:  none }
.branding-page .web-feature-list,  .branding-page .web-feature-list .detail,  .digital-marketing .web-feature-list,  .digital-marketing .web-feature-list .detail  {
    padding-left:  0 }
.branding-page .web-feature-list .detail,  .digital-marketing .web-feature-list .detail  {
    width:  100% }
.branding-page .web-feature-list .detail.last,  .digital-marketing .web-feature-list .detail.last  {
    margin-bottom:  20px }
.web-feature-list hr  {
    margin-top:  0 }
.portfolio-sec.dubai-sec .last-blk .wrap,  .portfolio-sec.dubai-sec .left-blk .wrap  {
    padding:  6px }
.redContactSection h2  {
    font-size:  18px;
    margin:  15px 0 }
.redContactSection input,  .redContactSection textarea  {
    margin-bottom:  15px }
.redContactSection input[type=submit]  {
    line-height:  14px }
.seo-page .inner-banner .banner-detail-sec h1  {
    top:  .8625em;
    font-size:  2em !important }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  22px }
.new-digital-marketing-page .inner-banner .banner-detail-sec  {
    padding-left:  4.375em }
.new-digital-marketing-page .result-metter-sec .greyHeadLarge  {
    font-size:  35px;
    bottom:  -10px }
.new-digital-marketing-page .result-metter-sec .cpc  {
    width:  100%;
    margin-bottom:  5% }
.sticky-top-contact-bar>ul>li>a  {
    font-size:  9px }
.new-digital-marketing-page .digitalExperienceSection .redContactSection input[type=submit]  {
    font-size:  12px;
    padding:  2% 4% }
.mobile-app-video>iframe  {
    width:  280px;
    height:  160px }
.mobile-app-video>a  {
    background-image:  none;
    border:  1px solid #f9b416;
    width:  18.75em }
.inner-portfolio-head-two  {
    font-size:  20px }
.inner-portfolio-p  {
    margin:  25px auto }
.btn-transparent,  .btn-transparent:focus,  .btn-transparent:hover  {
    padding:  15px 20px }
.reps-and-sets .portfolio-inner-logo  {
    width:  50% }
.mobile-portfolio-page .portfolio-inner-logo  {
    width:  50% }
.mobile-portfolio-page.moboil .portfolio-inner-logo  {
    width:  auto }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  16px }
.web-development.web-design-abudhabi #our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  block;
    margin-bottom:  20px }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  16px }
.web-development.web-design-bahrain #our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  block;
    margin-bottom:  20px }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  16px }
.web-development.web-design-ksa #our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  block;
    margin-bottom:  20px }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  16px }
.web-development.web-design-oman #our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  block;
    margin-bottom:  20px }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  16px }
.web-development.web-design-qatar #our-core-services.marketing-process-sec .tab-detail-sec p:first-of-type  {
    display:  block;
    margin-bottom:  20px }
.sticky-consultation-form .form-main-head-2  {
    font-size:  20px }
.sticky-consultation-form  {
    padding:  15px }
.slider-small-head-two  {
    letter-spacing:  1px }
.mob-slider-head  {
    font-size:  35px }
.mobile-slider-section .mobile-slider-inner-container  {
    padding-left:  10px;
    padding-right:  10px }
.slider-small-head-two  {
    letter-spacing:  1px }
.mob-slider-head  {
    font-size:  35px }
.mobile-slider-section .mobile-slider-inner-container  {
    padding-left:  10px;
    padding-right:  10px }
.gtex-btn  {
    width:  180px;
    height:  40px }
.gitex-inquiry-form .gtex-btn  {
    width:  100%;
    height:  47px }
.nav-pils-a  {
    flex-direction:  column;
}
.nav-pils-a>li  {
    width:  100%;
}
.nav-pils-a>li>a  {
    width:  100%;
    align-items:  center;
    justify-content:  center;
    display:  flex;
}
}
@media screen and (max-width:460px)  {
    #cdte .pull-right  {
    float:  none !important }
#cdte h2  {
    margin-left:  0 }
#cdte p  {
    margin-top:  25px;
    padding-left:  0;
    max-width:  100% !important;
    padding-top:  25px;
    max-width:  100%;
    box-sizing:  border-box }
#cdte p::before  {
    top:  0 }
#cdte .view-btn  {
    margin-left:  0;
    width:  100% }
#cdte .purple-line  {
    width:  100% }
.contactPage .officeInfo p  {
    padding-left:  0;
    padding-top:  30px }
.contactPage .contactArea .lightBlueBg p  {
    font-size:  14px }
.contactPage .contactArea h2  {
    font-size:  20px }
.contactPage .contactArea .request-btn  {
    width:  100%;
    background-image:  none;
    background-color:  #0ec1b4;
    color:  #fff }
.contactPage .contactArea .request-btn  {
    background-size:  contain;
    line-height:  1em !important;
    height:  40px;
    font-size:  14px }
.contactPage .callToaction p::before  {
    display:  none }
.contactPage .lightBlueBg .callToaction li a,  .contactPage .lightBlueBg .callToaction li p  {
    font-size:  14px }
.contactPage .contactArea form  {
    margin-top:  40px }
}@media screen and (max-width:414px)  {
    .mobileWrap  {
    left:  10%;
    max-width:  275px;
    top:  81px;
    height:  74% }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(3)  {
    background-image:  url(../../assets/images/content-management-system-icon2.png) }
#our-core-services.marketing-process-sec .tab-sec a:nth-child(2)  {
    background-image:  url(../../assets/images/custom-web-development-icon2.png) }
#our-core-services.marketing-process-sec .tab-sec a:first-child  {
    background-image:  url(../../assets/images/ecommerce-web-development-icon2.png) }
#our-core-services.marketing-process-sec .tab-sec a  {
    height:  60px;
    padding-top:  62px;
    background-position:  center -61px }
#our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    height:  295px }
#our-core-services.marketing-process-sec .tab-detail-sec h3  {
    font-size:  10px }
#android-smart-work .c-list  {
    margin-left:  0 }
.aad-page .specialize-sec .bor-right  {
    border-right:  none }
.workLibrarySection_1 h2  {
    font-size:  24px;
    margin-top:  0;
    line-height:  26px }
.workLibrarySection_1 p.redText  {
    font-size:  16px;
    text-transform:  uppercase }
.workLibrarySection_2 h3  {
    font-size:  30px;
    margin-top:  0 }
.workLibrarySection_2 p.last  {
    margin-top:  0;
    padding-top:  0 }
.workLibrarySection_2 .librabryBg1  {
    padding-bottom:  27px }
.workLibrarySection_5 .blueBgGradient h2  {
    font-size:  28px }
.work-library .paddTop100  {
    font-size:  24px;
    padding-top:  40px }
.workLibrarySection_7 .librabryBg8  {
    padding:  119px 0 26px 0 }
.workLibrarySection_7 .librabryBg7  {
    padding-bottom:  86px;
    padding-top:  249px }
.workLibrarySection_8  {
    padding:  75px 0 7px 0 }
.work-library .our-work-sec  {
    padding:  0 }
.workLibrarySection_4 h2  {
    margin-top:  0 }
}@media screen and (max-width:375px)  {
    #our-core-services.marketing-process-sec .tab-detail-sec .innerset  {
    height:  275px }
.mobileWrap  {
    height:  74%;
    top:  71px;
    left:  10%;
    width:  100%;
    max-width:  245px }
#our-offices.marketing-process-sec .tab-sec img  {
    height:  70px }
#our-offices.marketing-process-sec .tab-sec a  {
    width:  auto;
    margin-bottom:  0 }
.workLibrarySection_2 h3  {
    font-size:  20px }
.workLibrarySection_2 .librabryBg1  {
    background-size:  100% 100% }
.workLibrarySection_3  {
    padding:  30px 0 }
.work-library .clientLogo  {
    display:  none }
.workLibrarySection_7 .librabryBg7  {
    padding-bottom:  48px }
.workLibrarySection_7 .librabryBg8  {
    padding:  119px 0 8px 0 }
.workLibrarySection_8  {
    padding:  62px 0 7px 0 }
.portfolio-work-heading h2  {
    font-size:  44px;
    font-weight:  700 }
.portfolio-work-heading p  {
    font-size:  14px;
    color:  #fff }
.work-sec-portfolio .nav-tabs button.btn  {
    background-color:  transparent;
    color:  #f4effd;
    font-size:  12px;
    text-transform:  uppercase;
    outline:  0;
    padding:  10px 10px }
.container_img  {
    position:  relative;
    max-width:  1000px;
    max-height:  600px;
    margin:  12% auto;
    animation-name:  zoom_image;
    animation-duration:  .4s }
.branding-page .web-feature-list .icon-sec,  .digital-marketing .web-feature-list .icon-sec  {
    float:  none }
.new-digital-marketing-page .digitalExperienceSection h2  {
    font-size:  18px }
}@media screen and (max-width:360px)  {
    #our-offices.marketing-process-sec .tab-sec a  {
    margin:  10px 1px }
}@media screen and (max-width:320px)  {
    .web-feature-list .detail  {
    float:  none;
    padding-left:  7.5em }
.custom-web-sec .request-btn  {
    font-size:  1.3125em;
    margin:  1.875em auto 0 auto;
    width:  18.75em;
    padding:  0 0;
    background:  0 0;
    border:  1px solid #f9b416;
    line-height:  52px !important }
.mobileWrap  {
    height:  74%;
    top:  59px;
    left:  11%;
    width:  100%;
    max-width:  200px }
.workLibrarySection_5a h2  {
    font-size:  25px }
.workLibrarySection_7 .librabryBg8  {
    padding:  83px 0 17px 0 }
.workLibrarySection_8  {
    padding:  92px 0 17px 0;
    background-size:  cover }
.workLibrarySection_7 .librabryBg7  {
    padding-bottom:  47px;
    padding-top:  197px }
.workLibrarySection_6 .librabryBg4  {
    padding:  276px 0 5px 0 }
.banner-slider .portfolio-list h2  {
    margin:  0 0 25px 0;
    font-size:  40px;
    margin-top:  12px }
}.two-badges  {
    clear:  both;
    margin-top:  20px;
    display:  block;
    width:  100% }
footer .dmca-badge-parent  {
    float:  left;
    margin-top:  0 }
.google-partner  {
    float:  left;
    margin-top:  5px;
    margin-left:  30px }
@media (max-width:1019px)  {
    .google-partner  {
    margin-left:  15px }
}.bg-fp_icon  {
    width:  60px;
    height:  60px;
    background:  url(../images/css_sprites.png) -111px -103px;
    z-index:  999;
    position:  relative;
}
.bg-in_icon  {
    width:  60px;
    height:  60px;
    background:  url(../images/css_sprites.png) -306px -10px;
    z-index:  999;
    position:  relative;
}
.bg-plus_icon  {
    width:  44px;
    height:  44px;
    background:  url(../images/css_sprites.png) -218px -237px;
    z-index:  999;
    position:  relative;
    display:  block;
}
.bg-project_dot  {
    width:  55px;
    height:  107px;
    background:  url(../images/css_sprites.png) -10px -110px;
    z-index:  999;
    position:  relative;
    margin:  0 auto;
    transform:  translateY(-8px);
}
body.home_page .box .icon>div  {
    width:  70px;
    height:  79px;
    background-image:  url(../images/all_icons.png);
    background-repeat:  no-repeat;
}
.bg-s1  {
    background-position:  -736px -293px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s1  {
    background-position:  -736px -202px;
}
.bg-s2  {
    background-position:  -736px -112px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s2  {
    background-position:  -736px -21px;
}
.bg-s3  {
    background-position:  -836px -109px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s3  {
    background-position:  -836px -10px;
}
.bg-s4  {
    background-position:  -736px -393px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s4  {
    background-position:  -736px -484px;
}
.bg-s5  {
    background-position:  -736px -567px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s5  {
    background-position:  -20px -667px;
}
.bg-s6  {
    background-position:  -361px -666px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s6  {
    background-position:  -290px -666px;
}
.bg-s7  {
    background-position:  -111px -667px;
    z-index:  999;
    position:  relative;
}
.box:hover .bg-s7  {
    background-position:  -201px -667px;
}
.bg-sticky_red_message_icon  {
    width:  19px;
    height:  22px;
    background:  url(../images/css_sprites.png) -204px -182px;
    z-index:  999;
    position:  relative;
}
.bg-sticky_red_mobile_icon  {
    width:  12px;
    height:  19px;
    background:  url(../images/css_sprites.png) -111px -183px;
    z-index:  999;
    position:  relative;
}
.bg-sticky_red_phone_icon  {
    width:  18px;
    height:  17px;
    background:  url(../images/css_sprites.png) -243px -182px;
    z-index:  999;
    position:  relative;
}
.home_page .special-sec .box-tab-sec .linkHover:hover .bg-s4Hover  {
    background:  url(../images/css_sprites.png) -10px -237px;
    display:  block;
    position:  absolute;
    top:  0;
    z-index:  999;
}
.sticky-top-contact-bar>ul  {
    display:  flex;
    justify-content:  flex-end;
}
.sticky-top-contact-bar>ul>li  {
    display:  flex;
    align-items:  center;
}
.sticky-top-contact-bar>ul>li>a  {
    margin-left:  10px;
}
.home_page .special-sec .box-tab-sec .linkHover:hover .hover  {
    position:  absolute;
    top:  0;
    z-index:  999;
}
}
@media(min-width:1440px)  {
    #counter  {
    margin-left:  -88px !important;
}
}
.cta_seo  {
    background:  url(../images/cta.png);
    background-repeat:  no-repeat;
    background-size:  cover;
    padding:  5rem;
    margin-top:  15px;
}
.contactPage .contactArea h3,  h2  {
    color:  #231e2b;
    font-size:  2.5em;
    font-weight:  bold;
    margin-top:  0;
}
.cta_seo input:nth-child(1)  {
    border:  1px solid #0000002b !important;
}
.tab-heading-smaill  {
    font-size:  24px !important;
    font-weight:  400 !important;
}
.tab-sec_cust a  {
    padding:  15px 0;
    width:  100%;
    font-size:  1em;
    text-transform:  uppercase;
    display:  block;
    color:  #95909f;
}
.tab-sec_cust a.active  {
    border-bottom:  1px solid;
    color:  #0ec1b4;
}
.tab-sec_cust a span  {
    margin-right:  30px }
.box-item  {
    margin-left:  5rem;
    text-align:  left !important;
    padding-left:  3.125rem;
}
.marketing-process-sec .num  {
    font-size:  12.944em;
    position:  absolute;
    left:  -0.75em;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -70px;
    color:  #2b2732;
    transition:  all 0.5s;
}
.box-item::-webkit-scrollbar  {
    width:  3px;
}
.box-item::-webkit-scrollbar-track  {
    background:  #ffffff;
    width:  3px;
}
.box-item::-webkit-scrollbar-thumb  {
    background:  #d8b62c;
    transform:  rotate(0deg) }
.box-item::-webkit-scrollbar-thumb:hover  {
    background:  #555;
}
.business_comp .box-item  {
    margin-left:  0;
    padding-right:  60px;
    padding-left:  0;
    max-height:  100vh !important;
}
.business_comp .box-item .num  {
    margin-left:  0;
    font-size:  10.609rem;
    position:  absolute;
    left:  31rem !important;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -6rem;
    color:  #f5f7f9;
    z-index:  -1;
}
.business_comp .left .box-item  {
    margin-left:  0;
    padding-right:  0;
    direction:  ltr;
    padding-left:  0;
}
.business_comp .left .num  {
    margin-left:  0;
    font-size:  10.60875em;
    position:  absolute;
    left:  -0.9em !important;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -6rem;
    color:  #f5f7f9;
    z-index:  -1;
}
.business_comp .num  {
    margin-left:  0;
    font-size:  10.60875em;
    position:  absolute;
    right:  -0.5em;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -6rem;
    color:  #f5f7f9;
    z-index:  -1;
}
.box-item h4  {
    background:  rgb(249,  180,  22);
    background:  linear-gradient(90deg,  rgba(249,  180,  22,  1) 0%,  rgba(26,  184,  183,  1) 100%,  rgba(0,  212,  255,  1) 100%);
    -webkit-background-clip:  text;
    -webkit-text-fill-color:  transparent;
    font-size:  2.5em !important;
    font-weight:  bold;
}
.box-item ul li  {
    list-style-image:  url('../images/bullets.png');
    padding-left:  18px;
    padding-top:  15px;
    padding-bottom:  15px;
    font-size:  16px;
    color:  #fff;
    font-weight:  bold;
}
.box-item ul  {
    direction:  ltr;
    padding-left:  27px;
}
.process h3  {
    font-size:  1em;
    color:  #c72628;
    text-transform:  uppercase;
    position:  relative;
    font-weight:  600;
}
.marketing-process-sec  {
    background:  url(../../assets/images/tab-bg.png) no-repeat;
    background-size:  cover;
}
.process  {
    margin-top:  98px;
    padding-top:  50px;
    background:  #f3f7ff;
    background:  linear-gradient(left,  #f3f7ff 50%,  #fff 50%);
    background:  -moz-linear-gradient(left,  #f3f7ff 50%,  #fff 50%);
    background:  -webkit-linear-gradient(left,  #f3f7ff 55%,  #fff 50%);
    padding-bottom:  70px;
}
.smm-process  {
    margin-top:  100px;
    padding-top:  50px;
    padding-bottom:  60px;
    background:  #f3f7ff;
    background:  linear-gradient(left,  #f3f7ff 50%,  #fff 50%);
    background:  -moz-linear-gradient(left,  #f3f7ff 50%,  #fff 50%);
    background:  -webkit-linear-gradient(left,  #f3f7ff 55%,  #fff 50%);
}
.smm-process .rightimg  {
    margin-top:  -9.45rem;
    height:  55vh;
}
.smm-process .rightimg img:nth-child(1)  {
    height:  130%;
    width:  100%;
    margin-left:  -6px;
}
.smm-process .rightimg img:nth-child(2)  {
    bottom:  -300px;
}
.process h3:before  {
    content:  "";
    background:  #7f7f7f;
    width:  8.3125em;
    height:  1px;
    position:  absolute;
    left:  -11.25em;
    top:  0;
    bottom:  0;
    margin:  auto 0;
}
.rightimg  {
    margin-left:  0;
    margin-top:  -9.35rem;
    width:  50%;
    position:  absolute;
    right:  0;
}
.process .second-right-img  {
    position:  absolute;
    bottom:  -140px;
    z-index:  1;
}
.business_comp h4  {
    position:  relative;
    font-size:  16px;
    color:  #0ec1b4;
    font-weight:  bold;
}
.business_comp h4:before  {
    content:  "";
    background:  #212121;
    width:  4.688em;
    height:  1px;
    position:  absolute;
    right:  120px;
    top:  0;
    bottom:  0;
    margin:  auto 0;
}
.business_comp p  {
    font-size:  1.185em;
    color:  #1e1a25;
    direction:  ltr;
}
#accordion .panel  {
    border-radius:  0;
    border:  0;
    margin-top:  0px;
}
#accordion a  {
    display:  block;
    padding:  10px 15px;
    border-bottom:  none;
    text-decoration:  none;
    padding:  20px;
    background:  #f5f5f5;
    border:  none !important;
    font-weight:  600;
    box-shadow:  0px 6px 7px 0px #ededed;
}
#accordion .panel-heading a.collapsed:hover,  #accordion .panel-heading a.collapsed:focus  {
    background-color:  ##f5f5f5;
    color:  #231e2b;
    transition:  all 0.2s ease-in;
}
#accordion .panel-heading a.collapsed:hover::before,  #accordion .panel-heading a.collapsed:focus::before  {
    color:  #b3b3b3;
}
#accordion .panel-heading  {
    padding:  0;
    border-radius:  0px;
    text-align:  center;
    border:  none;
}
#accordion .panel-heading a:not(.collapsed)  {
    color:  #231e2b;
    background-color:  #f5f5f5;
    transition:  all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before  {
    color:  #444;
    transform:  rotate(-135deg);
    transition:  all 0.2s ease-in;
}
.faqs .panel-collapse  {
    background:  #f5f5f5 }
.faqs h2  {
    font-size:  2.25em;
    font-weight:  bold;
    line-height:  2em;
}
.faqs p  {
    font-size:  1.5em;
    width:  85%;
    margin:  0 auto;
    margin-bottom:  2em;
}
.faqs h4  {
    font-size:  16px;
    text-align:  left;
}
.faqs .panel-collapse p  {
    font-size:  14px;
    padding:  0 !important;
    margin:  10px;
    line-height:  1.8;
}
.border-left  {
    position:  absolute;
    left:  0;
    right:  0;
    margin:  0 auto;
    width:  10.3px;
    height:  23px;
    z-index:  -1;
}
section.faqs  {
    position:  relative;
}
section.faqs:after  {
    background:  #fff;
    position:  absolute;
    content:  '';
    width:  100%;
    height:  9%;
    bottom:  0;
}
.border-left:after  {
    position:  absolute;
    content:  '';
    width:  100%;
    height:  100%;
    z-index:  22;
    bottom:  0;
}
section.faqs [data-toggle="collapse"].collapsed:after  {
    transform:  rotate(90deg);
}
section.faqs [data-toggle="collapse"]:after  {
    display:  inline-block;
    display:  inline-block;
    font:  normal normal normal 14px/1 FontAwesome;
    font-size:  inherit;
    text-rendering:  auto;
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing:  grayscale;
    content:  "\f054";
    transform:  rotate(90deg);
    transition:  all linear 0.25s;
    float:  right;
    display:  none;
}
#accordion .panel-heading .accordion-toggle  {
    color:  red !important;
}
#accordion .panel-heading .accordion-toggle.collapsed  {
    color:  #000 !important;
}
#accordion .panel-heading .accordion-toggle::before  {
    font-family:  'FontAwesome';
    content:  '\f00d';
    float:  left;
    color:  red;
    font-weight:  lighter;
    transform:  rotate(0deg);
    transition:  all 0.2s ease-in;
    float:  right;
    padding:  2px 4px;
    border:  1px solid red;
    border-radius:  50px;
    height:  25px;
    width:  25px;
    text-align:  center;
    margin-top:  0;
    margin-left:  1px;
}
#accordion .panel-heading .accordion-toggle.collapsed::before  {
    color:  #b3b3b3;
    transform:  rotate(0deg);
    transition:  all 0.2s ease-in;
    border-color:  #b3b3b3;
    content:  '\f078';
    padding:  2px 4px;
    height:  25px;
    width:  25px;
}
@media(max-width: 768px)  {
    .cta_seo  {
    padding:  2em 0 }
.smm-process .rightimg img:nth-child(1)  {
    position:  relative !important;
    margin-top:  0 !important;
    top:  0 !important;
    width:  100%;
}
.smm-process .rightimg img:nth-child(2)  {
    bottom:  -90px;
}
.cta_seo .input-group input  {
    margin-bottom:  10px;
}
.cta_seo .input-group button  {
    font-size:  1em !important;
}
.rightimg  {
    z-index:  0;
    position:  relative;
    margin-top:  0;
    width:  100%;
    margin:  0 !important;
}
.process .second-right-img  {
    position:  relative;
    margin:  0;
    bottom:  -50px;
}
.business_comp h4  {
    font-size:  1.9em }
.business_comp p  {
    font-size:  2em;
}
.marketing-process-sec div.num  {
    left:  -17px !important;
    font-size:  7.944em !important;
    margin-top:  0px !important;
}
section.business_comp div.left .num  {
    left:  0 !important;
    font-size:  10.60875em;
}
.business_comp img  {
    width:  50em;
    margin:  10px auto;
    left:  0;
    right:  0;
    position:  relative;
    float:  none;
    display:  none;
}
.business_comp .num  {
    margin-left:  0;
    font-size:  10.60875em;
    position:  absolute;
    left:  20px;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -6rem;
    color:  #f5f7f9;
    z-index:  -1;
}
.business_comp p  {
    margin-bottom:  2em;
}
}
@media(max-width: 1024px)  {
    .marketing-process-sec div.num  {
    font-size:  9.944em;
    position:  absolute;
    left:  -57px;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -50px;
    color:  #2b2732;
    transition:  all 0.5s;
}
.head-logo  {
    width:  18%;
}
body.sticky-top-contact-bar.update-header-s>ul  {
    width:  62% !important ;
}
.business_comp .left .num  {
    left:  -64px !important;
}
}
@media(max-width: 1440px)  {
    .marketing-process-sec .num  {
    font-size:  9.944em;
    position:  absolute;
    left:  -95px;
    font-weight:  600;
    padding:  0 !important;
    margin-top:  -50px;
    color:  #2b2732;
    transition:  all 0.5s;
}
.sticky-top-contact-bar>ul  {
    /*width:  44% !important;*/
    width: 47% !important;
}
}
.cust-frm div  {
    margin:  0;
    padding:  0;
}
.smm-banner  {
    background-image:  url('../../assets/images/smm-banner.png');
}
.cta_seo .input-group input  {
    height:  50px;
    border-radius:  0;
    border:  none;
}
.cta_seo .input-group button  {
    font-size:  1em !important;
}
.cta_seo .input-group input::placeholder  {
    font-size:  1em !important;
}
.cta_seo .input-group button  {
    height:  50px;
    text-transform:  uppercase;
    background-color:  #c72628;
    color:  #fff;
    width:  100%;
}
.cta_seo .form-control  {
    display:  block;
    width:  100%;
    height:  36px;
    padding:  6px 12px;
    font-size:  16px;
    line-height:  1.42857;
    color:  #555;
    background-color:  #fff;
    background-image:  none;
    border:  1px solid #ccc;
    border-radius:  4px;
    -webkit-box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  0.075);
    box-shadow:  inset 0 1px 1px rgba(0,  0,  0,  0.075);
    -webkit-transition:  border-color ease-in-out 0.15s,  box-shadow ease-in-out 0.15s;
    -o-transition:  border-color ease-in-out 0.15s,  box-shadow ease-in-out 0.15s;
    transition:  border-color ease-in-out 0.15s,  box-shadow ease-in-out 0.15s;
}
.logo-design-page .why-choose-sec.change  {
    padding-top:  30px;
}
.logo-design-page .bottom-service-sec.my-class  {
    padding:  0.5em 0 0 0;
}
.smart-and-simplified  {
    overflow:  hidden;
    margin:  1em 0 6em;
    clear:  both;
    border-top:  1px solid #c5c5c5;
    padding-top:  3em;
}
.smart-and-simplified h2  {
    margin-bottom:  3em;
}
.smart-list  {
    text-align:  right;
    margin-bottom:  3em;
    display:  flex;
    justify-content:  flex-end;
    flex-wrap:  wrap;
    padding:  1em;
    transition:  0.3s all;
    -webkit-transition:  0.3s all;
    -o-transition:  0.3s all;
    -ms-transition:  0.3s all;
    -moz-transition:  0.3s all;
}
.smart-list h4,  .services-we-offer h4  {
    font-size:  1.1em;
    font-weight:  700;
}
.smart-list .desc  {
    min-height:  9.3em;
}
.smart-list img  {
    margin-left:  1em;
    margin-bottom:  1em;
    filter:  grayscale(100%);
    -webkit-filter:  grayscale(100%);
    transition:  0.3s all;
    -webkit-transition:  0.3s all;
    -o-transition:  0.3s all;
    -ms-transition:  0.3s all;
    -moz-transition:  0.3s all;
}
.smart-list:hover  {
    box-shadow:  0px 0px 9px #dedcdc;
}
.smart-list:hover img  {
    filter:  hue-rotate(-75deg);
    -webkit-filter:  hue-rotate(-75deg);
}
.smart-list-par-right .smart-list  {
    text-align:  left;
    flex-direction:  row-reverse;
}
.smart-list-par-right .smart-list img  {
    margin-left:  0;
    margin-right:  1em;
}
.smart-and-simplified-inn  {
    display:  flex;
    align-items:  center;
}
.services-we-offer  {
    text-align:  center;
    overflow:  hidden;
    margin:  0 0 1em;
}
.services-we-offer-box:hover img  {
    transform:  translateY(-1em);
}
.services-we-offer h2  {
    margin:  0 0 4em;
}
.services-we-offer img  {
    margin-bottom:  1.2em;
    width:  8em;
    height:  8em;
    object-fit:  contain;
    transition:  0.3s all;
    -webkit-transition:  0.3s all;
    -o-transition:  0.3s all;
    -ms-transition:  0.3s all;
    -moz-transition:  0.3s all;
}
.services-we-offer p  {
    font-weight:  normal;
    font-size:  .9em;
    padding:  0;
}
.red-btn  {
    background-color:  #c72628;
    color:  #fff;
    font-weight:  600;
    border:  1px solid;
    margin:  auto;
    text-align:  center;
    padding:  .8em 2em;
    font-size:  1em;
    transition:  .4s ease-in-out;
    display:  inline-block;
    text-transform:  uppercase;
}
.red-btn:hover  {
    background-color:  #fff;
    color:  #c72628;
}
.red-btn-2  {
    background-color:  #fff;
    color:  #c72628;
}
.red-btn-2:hover  {
    background-color:  #3a3a3a;
    color:  #fff;
}
.app-love-sec-chng p  {
    font-size:  1em;
    font-weight:  normal;
}
.app-love-sec-chng h2  {
    font-size:  2em;
    font-weight:  800;
}
.app-love-sec-chng h4  {
    font-weight:  700;
}
.print-design .smart-work-sec .ctaBtn  {
    margin-bottom:  50px;
}
.print-design .tab-sec  {
    height:  auto;
}
.print-design .brochurePortSection  {
    margin-top:  3em;
}
@media(max-width: 1280px)  {
.sticky-top-contact-bar>ul {width: 50% !important;}    
}

@media(max-width: 1200px)  {
.sticky-top-contact-bar>ul {width: 56% !important;}
}

@media(max-width: 1024px)  {
.sticky-top-contact-bar>ul {width: 62% !important;}    
    
}

@media(max-width: 768px)  {
.sticky-top-contact-bar>ul {width: 71% !important;}    
    
}

@media(max-width: 767px)  {
    .footer-area {
        height: auto !important;

}
.prototype-images {
    display: block !important;
}
.flex-column-around {
    display: block !important;

}
.menu-icon {top: 35px !important; /*top: 33px !important;*/}  
.menu-icon.sticky {top: 15px !important;}
.menu-inner-content .content .inner-content .txt {width: 100%;}
.menu-area ul {padding: 0em 0 0 0 !important;}
#menu-main-area ul li a {font-size: 20px !important;}
.menu-inner-content .content .inner-content .img {width: 100%;}
#menu-content-area .about-txt h2 {font-size: 13px !important; line-height: 25px !important;}
#menu-content-area .about-txt p {font-size: 13px; line-height: 27px;}
#menu-content-area .servic-col ul{position: initial;}
#menu-content-area .servic-col{width: 100%;}
#menu-content-area .inner-content .ourwork-col ul li {width: 100%;}



}

@media only screen and (max-width: 1199px)  {
    .app-love-sec-chng h4  {
    font-size:  1.8em;
}
.smart-list-par-right .smart-list  {
    align-items:  center;
}
.smart-list h4  {
    width:  70%;
}
.smart-list img  {
    width:  20%;
    height:  auto;
}
}
@media only screen and (max-width: 1024px)  {
    body.sticky-top-contact-bar>ul  {
    width:  62% !important ;
}
}
@media only screen and (max-width: 767px)  {
    .smart-and-simplified-hero img  {
    width:  60%;
    margin:  auto;
    display:  block;
}
.head-logo  {
    width:  20% !important;
}
.head-logo img  {
    width:  85% !important;
}
.update-header-s .bg-sticky_red_mobile_icon  {
    display:  none !important;
}
.update-header-s .bg-sticky_red_phone_icon  {
    display:  none !important;
}
.update-header-s .bg-sticky_red_message_icon  {
    display:  none !important;
}
.sticky-top-contact-bar>ul>li>a  {
    margin-left:  0px;
}
.sticky-top-contact-bar>ul  {
    width:  80% !important;
    padding-top:  9px;
    padding-bottom:  10px;
    padding-right:  34px;
}
.sticky-top-contact-bar>ul>li>a  {
    font-size:  9px;
}
.smart-list img  {
    width:  inherit;
}
.smart-list h4  {
    width:  100%;
}
.red-btn  {
    display:  block;
    margin-bottom:  1em;
    width:  50%;
    font-size:  1.5em;
}
.smart-list  {
    text-align:  center !important;
    justify-content:  center;
}
.smart-list .desc  {
    min-height:  auto;
}
.services-we-offer h2,  .smart-and-simplified h2  {
    font-size:  2.2em;
}
.smart-list .desc,  .services-we-offer p  {
    font-size:  1.5em;
}
.smart-and-simplified-inn  {
    display:  block;
}
.services-we-offer img  {
    width:  10em;
}
}
@media only screen and (max-width: 544px)  {
    .red-btn  {
    width:  70%;
}
}
@media only screen and (max-width: 480px)  {
    .smart-and-simplified-hero img  {
    width:  100%;
}
}
@media only screen and (max-width: 413px)  {
    .red-btn  {
    width:  100%;
}
}
@media only screen and (max-width: 334px)  {
    .smart-list h4  {
    font-size:  1.6em !important;
}
}
.our-services-collapse-btn  {
    display:  inline-block !important;
    margin:  0 auto !important;
    float:  none !important;
    margin-top:  30px !important;
}
.custom-soft-dev .smart-work-sec  {
    padding-top:  4em;
}
.our-services-collapse-btn>span  {
    color:  #000 !important;
}
.cus-grd-btn-a  {
    border:  2px solid;
    border-image-slice:  1;
    border-width:  2px;
    border-image-source:  linear-gradient(-130deg,  #f2b51b,  #21bfa7);
    padding:  0.75em 2em;
    position:  relative;
    margin-left:  7em !important;
    margin-bottom:  3em !important;
}
.cus-grd-btn-a:before  {
    content:  "";
    width:  0;
    height:  100%;
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    top:  0;
    margin:  auto;
    background:  #24bfa5;
    -webkit-transition:  .5s;
    -o-transition:  .5s;
    transition:  .5s;
}
.cus-grd-btn-a>span  {
    position:  relative;
    z-index:  1;
}
.custom-soft-dev .dcol  {
    margin-top:  1em;
}
.custom-soft-dev .dcol>p  {
    margin-top:  1em !important;
    margin-bottom:  2em !important;
}
.head-one-a  {
    font-size:  1.5em !important;
    font-weight:  600 !important;
    text-transform:  uppercase !important;
    color:  #fff !important;
    letter-spacing:  .125em !important;
    position:  relative !important;
    margin-bottom:  30px !important;
}
.head-one-a:before  {
    content:  "";
    width:  2.1875em !important;
    height:  2px !important;
    background:  #f9b416;
    position:  absolute;
    bottom:  -1.25em;
    left:  0 !important;
}
.faqs-a  {
    padding-top:  6em;
    padding-bottom:  6em;
}
.faqs-a .panel-heading  {
    cursor:  pointer;
    padding:  0;
    background-color:  #f9b416;
    background:  linear-gradient(308deg,  #f9b416,  #17c0ae);
}
.faqs-a .panel-title  {
    padding:  1em 1em;
    line-height:  1;
    color:  #fff;
}
.head-two-a  {
    text-transform:  uppercase;
    margin-bottom:  1em;
    font-size:  2.5rem;
}
.faqs-a .panel-title  {
    display:  flex;
    justify-content:  space-between;
    font-weight:  bold;
}
.panel-title:not(.collapsed) .fa-chevron-down:before  {
    content:  "\f077";
}
.faqs-a ul  {
    padding:  0;
    margin:  0;
    list-style:  none;
    margin-top:  15px;
}
.faqs-a ul>li  {
    position:  relative;
    padding-left:  15px;
}
.faqs-a ul>li:before  {
    content:  "";
    position:  absolute;
    background-color:  #000;
    width:  5px;
    height:  5px;
    border-radius:  100%;
    top:  0;
    bottom:  0;
    left:  0;
    margin:  auto;
}
.check-box-a  {
    margin-top:  -15px;
    margin-bottom:  30px;
}
.check-box-a-2  {
    color:  #fff;
    text-align:  left;
}
.check-box-a-2>label>input  {
    margin-left:  0 !important;
    left:  0 !important;
    width:  auto;
}
.panel-group .panel+.panel  {
    margin-top:  5px !important;
}
.panel-title:not(.collapsed) .fa-chevron-down:before  {
    content:  "\f077";
}
.fa-chevron-down:before  {
    content:  "\f078";
}
.fa-chevron-down:before  {
    content:  "\f078";
}
.b01  {
    top:  1.255em !important;
}
.c01  {
    top:  1.7625em !important;
}
@media only screen and (max-width:1077px)  {
    .logo-design-page .marketing-process-sec h2  {
    font-size:  2.1em;
}
.logo-design-page .marketing-process-sec .tab-sec a  {
    padding:  1.2625em 0;
}
}
@media screen and (max-width:767px) and (min-width:320px)  {
    .banner-slider .h2  {
    font-size:  2.8em !important;
    line-height:  1.5;
    margin-top:  50px !important;
}
.home_page .carousel-inner>.item  {
    height:  329px;
}
.banner-slider .h4  {
    margin-top:  20px !important;
    font-size:  1.3em !important;
    ;
}
.our-work-sec .thumb-slider .box img  {
    width:  65%;
}
.home_page .who-we-are-sec p  {
    width:  100%;
    padding-top:  15px;
    font-size:  12px;
}
.h-pg-video-h  {
    font-size:  22px;
}
.contactPage .contactArea h3,  h2  {
    color:  #231e2b;
    font-size:  1.5em;
}
.h-pg-video-h  {
    font-size:  20px;
}
.gw_company__name  {
    font-size:  20px;
}
.object-sec h4  {
    font-size:  12px;
}
.goal-sec h4  {
    font-size:  12px;
}
.home_page .goal-sec h2,  .home_page .our-work-sec h2  {
    font-size:  16px;
}
.goal-sec h5  {
    font-size:  16px;
}
.banner-slider .h4  {
    margin-top:  50px !important;
}
}
.our-process p.learn-btn  {
    display:  none;
}
.counter p.learn-btn a  {
    display:  none;
}
.custom-width{
	max-width: 1100px;
	margin: 0 auto;
}
.custom-width #form-field-message {
  height: 233px !important;
}
.single-case-studies .inner-banner{
	background-position: center center !important;
	background-size: cover !important;
}
.proud-result-sec .col-md-10.col-md-offset-1 {
  margin: 0 auto !important;
}
.mood-sec, .mood-sec.hanz, .thinking-sec{
    background-size: cover !important;
}
#jupiterx-primary .container {
  max-width: 1280px !important;
}
.hidden-lg.hidden-md.hidden-sm {
  display: none !important;
}
body .focp-caseStudy .qoute-sec {
  margin-top: 65px;
  padding-bottom: 50px;
}
.bayswater-caseStudy .mt.met {
  margin-top: 0 !important;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.postid-19109 .portfolio-sec .block2 img{
    width: 25% !important;
    object-fit: contain !important;
}
.circle-relative img {
  max-width: 100%;
}
#fake-sec {
  width: 101% !important;
}
@media only screen and (min-width: 1600px){
   #jupiterx-primary .container {
      max-width: 1480px !important;
    } 
    .objective-sec .black-box{
        top: -15.5em !important;
    }
}