@charset "utf-8";
/* CSS Document */
/***LAYOUT******/
/*body.path-frontpage {
	font-family: 'Aquawax', sans-serif;
}
*/
body {
  background: #f4f2f1;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: #363636;
  overflow-x: hidden;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  background-color: #fff;
  z-index: 9999;
  text-align: center;
}
#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 200px;
  transform: translate(-50%, -50%);
}
#loading-celebrating {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
}
a {
  color: #000;
}
a:hover {
  color: #ccc;
}
a:focus,
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 0 none;
  outline-offset: -2px;
  color: #fff;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #000;
}
p {
  margin: 0 0 20px;
}
.form-control:focus,
.form-tel,
.form-text,
.form-textarea:focus {
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-style: none;
}
.icon-span-filestyle {
  margin-right: 10px;
}
.btn.focus,
.btn:focus,
.btn:hover {
  color: #fff;
}
.btn-primary {
  background-color: #4d7cdc;
  border-color: #4d7cdc;
}
.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
.topsocialdiv {
  display: none;
}
/*.page-node-type-page .right-panel {
	background: #fff;
}*/
.row {
  margin: 0 -3px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-left: 3px;
  padding-right: 3px;
}
/****NAV******/
.header-nav-logo {
  background: #fff;
  padding: 0 0 10px;
  height: 94px;
  overflow: hidden;
  border: 2px solid #e1e1e1;
}
.top-header {
  margin: 10px;
}
.nav-pills > li > a {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
  padding: 15px 18px;
  line-height: 31px;
  margin: 0;
}
.nav-pills > li > a.home i {
  background: url(../img/nav-new-icon-sprite.png) 0 0 no-repeat;
  background-size: cover;
}
.path-frontpage .nav-pills > li > a.home i,
.nav-pills > li > a.home:hover i {
  background: url(../img/nav-new-icon-sprite-hover.png) 0 0 no-repeat;
  background-size: cover;
}
.nav-pills > li > a.who-we-are i {
  background: url(../img/nav-new-icon-sprite.png) 0 -30px no-repeat;
  background-size: cover;
}
.nav-pills > li.active > a.who-we-are i,
.nav-pills > li > a.who-we-are:hover i {
  background: url(../img/nav-new-icon-sprite-hover.png) 0 -30px no-repeat;
  background-size: cover;
}
.nav-pills > li > a.services i {
  background: url(../img/nav-new-icon-sprite.png) 0 -60px no-repeat;
  background-size: cover;
}
.nav-pills > li.active > a.services i,
.nav-pills > li > a.services:hover i {
  background: url(../img/nav-new-icon-sprite-hover.png) 0 -60px no-repeat;
  background-size: cover;
}
.nav-pills > li > a.blog i {
  background: url(../img/nav-new-icon-sprite.png) 0 -90px no-repeat;
  background-size: cover;
}
.nav-pills > li.active > a.blog i,
.nav-pills > li > a.blog:hover i {
  background: url(../img/nav-new-icon-sprite-hover.png) 0 -90px no-repeat;
  background-size: cover;
}
.nav-pills > li > a.our-work i {
  background: url(../img/nav-new-icon-sprite.png) 0 -285px no-repeat;
  background-size: cover;
}
.nav-pills > li.active > a.our-work i,
.nav-pills > li > a.our-work:hover i {
  background: url(../img/nav-new-icon-sprite-hover.png) 0 -285px no-repeat;
  background-size: cover;
}
.nav-pills > li > a.industries i {
  background: url(../img/nav-new-icon-sprite.png) 0 -150px no-repeat;
  background-size: cover;
}
.nav-pills > li.active > a.industries i,
.nav-pills > li > a.industries:hover i {
  background: url(../img/nav-new-icon-sprite-hover.png) 0 -150px no-repeat;
  background-size: cover;
}

.nav-pills > li > a.press i {
  background: url(../img/nav-new-icon-sprite.png) 0 -310px no-repeat;
  background-size: cover;
}
.nav-pills > li.active > a.press i,
.nav-pills > li > a.press:hover i {
  background: url(../img/nav-new-icon-sprite-hover.png) 0 -310px no-repeat;
  background-size: cover;
}

.nav-pills > li > a.contact-us i {
  background: url(../img/nav-new-icon-sprite.png) 0 -180px no-repeat;
  background-size: cover;
}
.nav-pills > li.active > a.contact-us i,
.nav-pills > li > a.contact-us:hover i {
  background: url(../img/nav-new-icon-sprite-hover.png) 0 -180px no-repeat;
  background-size: cover;
}
.nav-pills > li > a.resources i {
  background: url(../img/nav-new-icon-sprite.png) 0 -260px no-repeat;
  background-size: cover;
}
.nav-pills > li.active > a.resources i,
.nav-pills > li > a.resources:hover i {
  background: url(../img/nav-new-icon-sprite-hover.png) 0 -260px no-repeat;
  background-size: cover;
}
.nav-pills > li > a i {
  height: 26px;
  width: 26px;
  float: left;
  margin: 0 25px 0 0;
}
.nav-stacked > li + li {
  margin-top: 0px;
  margin-left: 0;
}
.path-frontpage .nav-pills > li > a i img {
  margin: 5px 15px 0 0;
}
.nav-pills > li > a,
.nav-pills li.active > a:hover {
  border-bottom: 1px solid #444445;
  background: none;
  border-radius: 0;
}
.contact-top {
  color: rgb(255, 255, 255);
  height: 45vh;
  display: flex;
  align-items: center;
  position: relative;
  background: url(../img/contact-top-header-min.jpg) no-repeat;
  background-size: cover;
}
.custom-menu-main > li > a:hover {
  background: #1c42ac !important;
  color: #fff;
}
/*.nav-pills > li.active > a:focus, .nav > li > a:focus {
	background: none !important;
	color: #000
}*/
.nav-pills > li.dropdown.active > a,
.path-frontpage .nav-pills li > a.home {
  background: #333538;
  color: #fff;
}
.navbar-main {
  margin-top: 20px;
}
.custom-menu-mob i,
.custom-menu-web i,
.custom-menu-case-study-menu i,
.custom-menu-industries-menu i {
  display: none;
}
.custom-menu-mob a,
.custom-menu-web a,
.custom-menu-case-study-menu a,
.custom-menu-industries-menu a {
  color: #363c41 !important;
  display: block !important;
}
.custom-menu-mob a.active-sidebar-link,
.custom-menu-web a.active-sidebar-link,
.custom-menu-case-study-menu a.active-sidebar-link,
.custom-menu-industries-menu a.active-sidebar-link {
  background: #fff !important;
}
.top-block {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.career-wrapper p {
  text-align: center;
}
.mob-dev-top-block {
  background: #169aa6;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.working-block {
  background: #e15b35;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.mob-dev-top-block p,
.working-block p {
  color: #fff;
}
.mob-dev-top-block:hover {
  background: #096a73;
}
.working-block:hover {
  background: #b14020;
}
.ls-s1 {
  display: table-cell;
  height: 280px;
  padding: 34px 50px 0;
  text-align: left;
  vertical-align: middle;
  width: 300px;
  left: 50% !important;
}
h3.home-block-title {
  font-size: 35px;
  color: #fff;
  line-height: 31px;
}
.always-reach .more-hover-black,
.our-team .more-hover-black {
  color: #000;
}
.always-reach h3.home-block-title,
.always-reach .more-hover-black,
.work-process h3.home-block-title,
.work-process .more-hover-black {
  color: #000;
}
.more {
  color: #fff;
  display: block;
  margin-top: 0px;
  text-align: center;
  font-size: 16px;
}
.link-label {
  margin-right: 5px;
  font-size: 17px;
  margin-top: 15px;
}
.work-process {
  background: url(../img/work-process-bg.jpg) no-repeat;
  background-size: cover;
}
.work-process-hover {
  background: rgba(200, 65, 10, 0);
  padding: 57px 0px 57px 30px;
  margin: 0 0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.work-process-hover:hover {
  background: rgba(255, 255, 255, 0.5);
  zoom: 1;
}
.our-team {
  background: url(../img/our-team-bg-min.jpg) center center no-repeat;
  background-size: cover;
}
.our-team-hover {
  background: rgba(0, 0, 0, 0);
  padding: 60px 0px 60px 30px;
  margin-bottom: 3px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.our-team-hover:hover {
  background: rgba(0, 0, 0, 0.5);
  zoom: 1;
}
.always-reach {
  background: url(../img/reach-bg.jpg) no-repeat;
  background-size: cover;
}
.always-reach-hover {
  background: rgba(190, 127, 31, 0);
  padding: 57px 0px 57px 25px;
  margin: 0px -3px;
}
.always-reach-hover:hover {
  background: rgba(255, 255, 255, 0.5);
}
.our-blog {
  background: url(../img/our-blog-bg-new.jpg) no-repeat;
  background-size: cover;
}
.our-blog-hover {
  background: rgba(13, 100, 154, 0);
  padding: 57px 0 57px 30px;
  margin: 0;
}
.our-blog-hover:hover {
  background: rgba(0, 0, 0, 0.5);
}
.our-blog h3.home-block-title {
  font-size: 32px;
  text-transform: capitalize;
}
.always-reach h3,
.our-team h3 {
  padding-top: 25px;
}
.more h3,
.more img,
.more .link-label,
.more .more-hover,
.more .more-hover-black {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
  text-decoration: none;
}
.more:hover h3 {
  padding-left: 25px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.more:hover .more-hover,
.more:hover .more-hover-black {
  margin-right: 25px;
}
.mobile-app {
  background: url(../img/mobile-app-bg-tile-min.jpg) center center no-repeat;
  background-size: cover;
}
.mobile-app-hover {
  background: rgba(6, 92, 100, 0);
  padding: 40px 0px 45px 15px;
  margin: 0 0 0px;
}
.mobile-app-hover:hover {
  background: rgba(0, 0, 0, 0.5);
}
.web-app {
  background: url(../img/wad-new-tile-min.jpg) 80% center no-repeat;
  background-size: cover;
}
.web-app-hover {
  background: rgba(72, 122, 11, 0);
  padding: 40px 0px 45px 30px;
  margin: 0 -3px 0px;
}
.web-app-hover:hover {
  background: rgba(0, 0, 0, 0.5);
}
.product-development {
  background: url(../img/dedicated-resource.jpg) center center no-repeat;
  background-size: cover;
}
.product-development-hover {
  background: rgba(2, 68, 97, 0);
  padding: 40px 15px 45px;
  margin: 0 0 0px;
}
.product-development-hover:hover {
  background: rgba(0, 0, 0, 0.5);
}
.contact-bg .more-hover {
  position: relative;
  bottom: -220px;
}
.contact-bg-hover {
  background: rgba(0, 0, 0, 0);
  padding: 0px 15px 0;
  height: 100%;
}
.contact-tiles {
  background: rgba(0, 0, 0, 0);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*.contact-bg-hover:hover,*/
.contact-bg:hover .contact-tiles {
  background: rgba(0, 0, 0, 0.5);
}
.contact-bg h3.home-block-title {
  font-size: 45px;
  padding-top: 150px;
}
.contact-bg {
  background: url(../img/contact-bg.jpg) 85% center no-repeat;
  background-size: cover;
  height: 100%;
  padding-bottom: 482px;
}
/*.contact-bg-hover:hover {
	background: rgba(0,0,0,.5);
}*/
h3.contact-title {
  /*font-size: 50px;*/
  padding-top: 25px;
}
.border-right {
  border-right: 3px solid #000;
}
/*****solution page*********/
.solution-it-recruit {
  background: url(../img/solution-it-recruit.jpg) center center no-repeat;
  background-size: cover;
}
.solution-mobile-app {
  background: url(../img/solution-mobile-app.jpg) center center no-repeat;
  background-size: cover;
}
.solution-it-recruit .home-block-title,
.solution-mobile-app .home-block-title {
  padding: 25px 0;
}
.solution-product-app {
  background: url(../img/solution-product-app.jpg) center center no-repeat;
  background-size: cover;
}
.solution-web-app {
  background: url(../img/solution-web-app.jpg) center center no-repeat;
  background-size: cover;
}
.solution-staff-services {
  background: url(../img/solution-staff-services.jpg) center center no-repeat;
  background-size: cover;
}
.solution-it-recruit-tab {
  background: #fff;
  margin: 10px 0 30px;
}
.solution-it-recruit-tab-content {
  padding: 25px 40px;
  border-bottom: 3px solid #4e4e87;
}
.solution-it-recruit-tab {
  display: none;
}
.solution-page .our-team-hover {
  margin: 0;
}
#solution-it-recruit {
  display: block;
}
.solution-it-recruit .active:after {
  bottom: -5px;
  content: "";
  display: table;
  left: 48%;
  position: absolute;
  border-right: 15px solid transparent;
  border-top: 15px solid #56568b;
  border-left: 15px solid transparent;
}
.solution-it-recruit .active:hover:after {
  border-top: 15px solid #2d5d7c;
}
.solution-mobile-app .active:after {
  bottom: -5px;
  content: "";
  display: table;
  left: 48%;
  position: absolute;
  border-right: 15px solid transparent;
  border-top: 15px solid #58c8cb;
  border-left: 15px solid transparent;
}
.solution-mobile-app .active:hover:after {
  border-top: 15px solid #329aa2;
}
.solution-staff-services .active:after {
  top: -15px;
  content: "";
  display: table;
  left: 48%;
  position: absolute;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #b767ac;
  border-left: 15px solid transparent;
}
.solution-staff-services .active:hover:after {
  border-bottom: 15px solid #793a5c;
}
.solution-web-app .active:after {
  top: -15px;
  content: "";
  display: table;
  left: 48%;
  position: absolute;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #92bd24;
  border-left: 15px solid transparent;
}
.solution-web-app .active:hover:after {
  border-bottom: 15px solid #686519;
}
.solution-product-app .active:after {
  top: -15px;
  content: "";
  display: table;
  left: 48%;
  position: absolute;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #c4520c;
  border-left: 15px solid transparent;
}
.solution-product-app .active:hover:after {
  border-bottom: 15px solid #853715;
}
.solution-container {
  background: #fff;
  margin: 20px -3px;
}
.solution-container-left {
  padding: 40px 40px;
}
.solution-widget {
  display: inline;
}
.mobile-app-conetent {
  background: url(../img/mobile-new-page.jpg) center top no-repeat #162238;
  padding: 25px;
  color: #fff;
  margin-bottom: 10px;
}
.mobile-app-conetent .our-process-item-title {
  color: #fff;
}
.mobile-app-conetent p {
  font-size: 15px;
}
.ios-content,
.enterprise-content,
.windows-content,
.android-content,
.xamarin-content {
  padding: 100px 25px;
  color: #fff;
  position: relative;
  cursor: pointer;
  margin-bottom: 8px;
}
.ios-content {
  background: url(../img/ios-bg.jpg) left top no-repeat;
  margin-right: -3px;
  background-size: cover;
}
.enterprise-content {
  background: url(../img/enterprises-bg.jpg) center top no-repeat;
  margin-right: -3px;
  background-size: cover;
}
.windows-content {
  background: url(../img/window-bg.jpg) center top no-repeat;
  padding: 75px 25px;
  margin-right: -3px;
  background-size: cover;
}
.android-content {
  background: url(../img/android-bg.jpg) center top no-repeat;
  padding: 135px 25px;
}
.xamarin-content {
  background: url(../img/xmarin-bg.jpg) center top no-repeat;
  padding: 173px 25px;
}
.ios-content-hover {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 140%;
  left: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.7);
}
.mobile-app-title {
  position: relative;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.ios-content:hover .ios-content-hover,
.enterprise-content:hover .ios-content-hover,
.windows-content:hover .ios-content-hover,
.android-content:hover .ios-content-hover,
.xamarin-content:hover .ios-content-hover {
  bottom: 0;
}
.ios-content:hover .mobile-app-title,
.enterprise-content:hover .mobile-app-title,
.android-content:hover .mobile-app-title,
.xamarin-content:hover .mobile-app-title {
  top: -100px;
  z-index: 9999;
}
.windows-content:hover .mobile-app-title {
  top: -80px;
  z-index: 9999;
}
.big-pad {
  padding: 68px 45px 0 25px;
  height: 100%;
}
.windows-content .big-pad {
  padding: 48px 45px 0 25px;
}
.android-content .big-pad {
  padding: 100px 45px 0 25px;
}
.xamarin-content .big-pad {
  padding: 135px 45px 0 25px;
}
/*****solution page end*********/
.work-process-hover:hover,
.our-team:hover,
.work-process:hover,
.mobile-app:hover,
.web-app:hover,
.product-development:hover,
.contact-bg:hover {
  cursor: pointer;
}
.bs-example {
  background: #fff;
  padding: 50px 0 25px;
}
textarea.form-control {
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  box-shadow: none;
  height: 100px;
  padding: 0;
  margin-bottom: 0;
}
.form-control {
  border: 0;
  background: none;
}
.views-exposed-form .form-item {
  margin: 15px 0;
}
.views-exposed-form .form-actions {
  text-align: center;
}
table.cols-4 {
  width: 100%;
}
table.cols-4 td {
  padding: 5px 0;
}
.view-all-jobs a {
  color: #000;
}
input::-moz-placeholder {
}
:-ms-input-placeholder {
  text-transform: capitalize;
  color: #adadad;
}
input::-webkit-input-placeholder {
  text-transform: capitalize;
  color: #999;
}
.view-all-jobs a:hover {
  text-decoration: underline;
}
.path-current-openings .views-exposed-form {
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
#contact-message-feedback-form {
  margin: 25px 0;
}
footer {
  background: #000;
  margin-top: 0px;
  position: relative;
  font-family: "Raleway", sans-serif;
}
.page-node-type-blog-post .links.inline {
  display: none;
}
footer {
  padding: calc(16px + 1vw) 0 0;
}
footer .nav > li > a {
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  border: 0;
}
#cookieBar {
  background-color: rgba(0, 0, 0, 0.8);
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  bottom: 0;
  color: #fff;
  left: 67px;
  margin: 0;
  position: fixed;
  right: 0;
  width: calc(100% - 67px);
  z-index: 999;
  padding: 10px 0;
}
#cookieBar .container {
  background: none;
}
#cookieBar a {
  background: #4d7cdc;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  margin-left: 10px;
}
.socialdiv ul {
  margin: 0;
  padding: 0px 0 0 0px;
  list-style: none;
}
.socialdiv ul li {
  display: inline;
}
.contact-widget {
  font-size: 14px;
  padding: 50px 20px 0px 25px;
  color: #e8e8e8;
}
.contact-widget .glyphicon,
.contact-widget .fa {
  color: #176296;
  font-size: 20px;
}
.contact-widget a,
.socialdiv a {
  color: #e8e8e8;
}
.socialdiv a {
  margin: 0 2px;
  display: inline-block;
  font-size: 22px;
}
.clutch-img {
  object-fit: none;
  object-position: -10px -417px;
  width: 32px;
  height: 34px;
  transform: scale(0.5);
}
.fa.fa-facebook {
  font-size: 18px;
}
.contact-widget i {
  float: left;
  margin: 5px 15px 0 0;
}
.contact-widget span {
  display: inline-block;
  margin-left: 5px;
}
.contact-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contact-widget li {
  display: block;
  clear: both;
  margin-bottom: 25px;
}
footer .fa {
  color: #fff;
  padding-right: 5px;
}
footer a {
  color: #979797;
  font-size: 16px;
}
.fa-envelope-o {
  margin-left: 10px;
}
/**************INNER PAGE***************/

.item-block {
  background: #fff;
  padding: 25px 25px 15px;
  margin-bottom: 20px;
}
.item-block h3 {
  font-size: 20px;
  margin: 25px 0;
  text-align: left;
  color: #242424;
}
.leads {
  padding: 0px 0 25px;
  font-size: 19px;
}
.panel-title {
  font-size: 40px;
  color: #fff;
  margin-bottom: 15px;
}
.imgs-frame {
  color: #fff;
  font-size: 21px;
}
.our-process-wrap {
  margin: 25px 0;
}
.our-process {
  background: #f3f3f3;
  margin: 0px 0 5px;
  padding: 0px 35px;
  position: relative;
}
.our-process-item {
  padding: 15px 0;
}
.our-process-item-title,
#block-contactblock h2,
#block-contactblock-2 h2 {
  margin: 25px 0 20px;
  font-size: 27px;
  color: #242424;
}
.error li,
.visually-hidden + ul li {
  font-size: 14px;
  text-transform: capitalize;
  color: #f00;
}
#block-contactblock h2,
#block-contactblock-2 h2,
.contact-message-feedback-form h2 {
  text-align: center;
  margin-bottom: 20px;
}
.triangle {
  width: 0;
  height: 0;
  border-right: 50px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.topleft {
  border-top: 50px solid #20d0ba;
}
.topleft-2 {
  border-top: 50px solid #3a9ce1;
}
.topleft-3 {
  border-top: 50px solid #d1e754;
}
.topleft-4 {
  border-top: 50px solid #33c5d2;
}
.topleft-5 {
  border-top: 50px solid #e74f5b;
}
footer .row {
  margin: 0;
}
.navbar-toggle .icon-bar {
  background: #f00;
}
.content-list {
  margin: 25px 0 0;
  list-style: none;
  padding: 0 0 0 5px;
}
.content-list li {
  background: url(../img/bullet-points.png) 0 5px no-repeat;
  padding: 0 0 0 25px;
  margin: 5px 0;
}
.margin-20 {
  margin: 25px 0 35px;
}
.margin-40 {
  margin: 40px 0 50px;
}
.border-green {
  border-top: 10px solid #d1e754;
  margin-top: 40px !important;
}
.border-blue {
  border-top: 10px solid #48a2e0;
  min-height: 550px !important;
}
.border-red {
  border-top: 10px solid #f06f79;
  margin-top: 40px !important;
}
.text-center {
  text-align: center !important;
}
.border-green-bottom {
  border-bottom: 10px solid #d1e754;
  margin-top: 40px !important;
}
.border-blue-bottom {
  border-bottom: 10px solid #48a2e0;
  min-height: 420px !important;
}
.border-red-bottom {
  border-bottom: 10px solid #f06f79;
  margin-top: 40px !important;
}
.border-blue-bottom h3 {
  border-bottom: 2px dashed #f4f2f1;
  color: #48a2e0;
  margin: 25px 0 10px;
  padding: 0 0 15px;
}
.border-red-bottom h3 {
  border-bottom: 2px dashed #f4f2f1;
  color: #f06f79;
  margin: 25px 0 10px;
  padding: 0 0 15px;
}
.border-green-bottom h3 {
  border-bottom: 2px dashed #f4f2f1;
  color: #d1e754;
  margin: 25px 0 10px;
  padding: 0 0 15px;
}
.product .item-block {
  min-height: 440px;
  margin: 0;
}
.border-red {
  min-height: 460px !important;
}
.product h3 {
  font-size: 28px;
  text-transform: capitalize;
}
.join-team {
  margin: 25px 0 0;
}
.margin-10 {
  margin-bottom: 3px;
}
.margin-15 {
  margin-bottom: 15px;
}
.margin-study {
  margin-bottom: 50px;
}
.view-jobs {
  margin: 25px 0 20px;
}
.view-jobs .btn,
.apply,
.form-submit {
  background: #4d7cdc;
  border: 0;
  color: #fff;
  font-size: 26px;
}
.btn:hover {
  background: #000;
  color: #fff;
}
.border-bottom {
  border-bottom: 3px solid #13bada;
  padding-bottom: 10px;
}
.thank .border-bottom span {
  visibility: hidden;
}
.form-row {
  margin-left: -15px;
}
.form-job {
  background: #fff;
  border-radius: 5px;
  margin: 35px 0;
  padding: 5px 15px 15px;
}
.form-job label {
  font-weight: normal;
  font-size: 15px;
  padding-left: 7px;
  display: block;
}
.form-job select {
  margin-left: 7px;
  width: 100%;
}
input.btn,
input.button {
  padding: 7px 50px;
  font-size: 15px !important;
  text-transform: capitalize;
}
.content-o {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: #000;
  color: #fff;
  border-radius: 6px;
  transition: 0.5s all;
  height: 100%;
  font-size: 16px;
  padding: 15px;
}
.border-bottom-search {
  border-bottom: 1px solid #d5d4d3;
  margin: 0 -3px;
  padding: 5px 10px;
}
.breadcrumb {
  background: none;
}
.breadcrumb > li + li::before {
  color: #ccc;
  content: ">>";
  padding: 0 5px; /*font-size: 18px;*/
}
.apply-job {
  margin: 15px 0 25px;
}
.job-criteria {
  margin: 10px 0 0px;
  padding: 0;
  list-style: none;
}
.job-criteria > li {
  background: url(../img/job-bullet.jpg) 0 8px no-repeat;
  padding: 0 0 10px 25px;
}
.prev-page a {
  margin: 10px 0;
  display: inline-block;
}
.pre-page {
  color: #7c7c7c;
  text-decoration: underline;
}
.pre-page:hover {
  color: #000;
}
.grid {
  margin-top: 25px;
}
.blog-box {
  background: #fff;
  padding: 15px;
  margin: 0 0 6px;
  min-height: 410px;
}
progress {
  background-color: #f3f3f3;
  border: 0;
  height: 18px;
  border-radius: 9px;
}
h2.post-title {
  font-size: 20px;
  padding: 0 10px;
  min-height: 100px;
}
.post-title a {
  color: #000;
}
.blog-box h5,
.sharethis {
  padding: 0 10px;
  color: #000;
}
.single-blog {
  color: #000;
  float: right;
  margin-top: -50px;
  font-size: 20px;
}
.single-blog-share {
  padding: 0;
  margin-left: -5px;
  margin-bottom: 15px;
}
.sharethis {
  padding-bottom: 10px;
}
.owl-item .blog-box {
  margin: 0 5px;
}
.block-title {
  border-bottom: 1px solid #df332f;
  padding-bottom: 10px;
  color: #df332f;
}
.block-article-title {
  font-weight: normal;
  min-height: 80px;
}
.owl-carousel,
.more-carousel {
  width: 90%;
  margin: 0 auto;
  padding: 0 5%;
}
.owl-carousel h3.block-article-title {
  font-size: 21px;
}
.owl-nav .disabled {
  display: none;
}
.more-carousel {
  margin-bottom: 15px;
}
.owl-carousel .owl-item {
  /*background: #fff;*/
  padding: 10px;
}
.owl-carousel img {
  width: auto;
  max-width: 100%;
}
.block-relatedarticles-block {
  /*	background: #f7f7f7;*/
  padding: 35px 0 0;
}
.block-relatedarticles-block .owl-carousel .btn-readmore {
  border-color: #df332f;
  color: #df332f;
  margin: 0 0 20px;
}
.owl-prev,
.owl-next {
  color: #f00;
  background: #fff;
  padding: 50px 10px;
  position: absolute;
  top: 35%;
  z-index: 999;
  font-size: 25px;
}
.owl-next {
  right: -0px;
}
.owl-prev {
  left: -0px;
}
#menuitem {
  width: 20%;
  margin: 15px auto;
}
.get-popup {
  border: 0;
  display: block;
  background: #dd5353;
  font-weight: bold;
  padding: 10px 0;
  color: #fff;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
}
.contact-box-wrap {
  transition: all 1s;
  cursor: pointer;
}
.contact-box-wrap:hover {
  transform: scale(1.05);
}
.contact-box {
  border-top: 10px solid #e4e4e3;
  background: #fff;
  margin: 6px 0;
  padding: 15px;
  transition: all 1s;
}
.contact-box-wrap:hover .contact-box {
  background: #000;
  color: #fff;
}
.contact-box h4 {
  font-size: 22px;
}
.nav-tabs {
  border: 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.nav-tabs > li > a {
  border-radius: 0;
  color: #fff;
  font-size: 28px;
  border: 0;
  transition: all 1s;
}
.nav-tabs > li > a span {
  opacity: 0.2;
}
.nav-tabs > li.active > a span {
  opacity: 1;
  color: #fff;
}
.nav-tabs > li:nth-child(1) a,
.nav-tabs > li.active:nth-child(1) > a:focus {
  background: url(../img/Why_Augment.jpg) no-repeat #169aa6 !important;
  color: #fff;
}
.nav-tabs > li:nth-child(2) a,
.nav-tabs > li.active:nth-child(2) > a:focus {
  background: url(../img/How_we_work.jpg) no-repeat #d89219 !important;
}
.nav-tabs > li:nth-child(3) a,
.nav-tabs > li.active:nth-child(3) > a:focus {
  background: url(../img/Key_Differentiators.jpg) no-repeat #8cbd16 !important;
}
.nav-tabs > li.active > a:hover {
  border: 0;
  cursor: pointer;
  color: #fff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus {
  color: #000 !important;
}
.nav-tabs > li:nth-child(1) a:hover {
  background: #09636b !important;
}
.nav-tabs > li:nth-child(2) a:hover {
  background: #945d00 !important;
}
.nav-tabs > li:nth-child(3) a:hover {
  background: #5c8100 !important;
}
.nav-tabs > li > a > span {
  display: block;
}
.tab-content-text {
  border-bottom: 1px solid #e4e3e2;
  margin: 15px 0;
}
.helm-title {
  margin: 0 0 25px;
}
.who-we-are {
  margin: 20px -15px;
}
.award-section,
.client-section {
  background: #fff;
  padding: 50px 0 100px;
}
.award-section-logo [class*="col-"] {
  display: table;
}
.award-box-logo {
  padding: 10%;
  background: #f4f2f1;
  height: 160px;
  display: table-cell;
  vertical-align: middle;
}
.google-partner {
  padding: 0;
}
.award-box-logo img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transform: scale(0.8);
  transition: all 0.2s;
}
.award-box-logo img:hover {
  -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
  transform: scale(1);
}
.specialist-section {
  background: url(../img/dif-bg.jpg) center center no-repeat;
  background-size: cover;
  padding: 50px 0 75px;
}
.specialist-section h3 {
  color: #fff;
  margin: 0 0 40px -15px;
}
.specialist-section .item-block h3 {
  color: #242424;
}
.animate {
  margin-top: 40px;
  transition: all 0.2s;
}
.animate-show {
  /*opacity:0;*/
  transition: all 0.2s;
}
.specialist-section .item-block:hover {
  background: #e62a29;
  color: #fff;
}
/*.specialist-section .item-block:hover .animate{
	margin-top:0;
	
}*/
.specialist-section .item-block:hover h3 {
  color: #fff;
}
.specialist-section .item-block:hover .animate-show {
  opacity: 1;
}
.client-box-img {
  padding: 2.5%;
}
.client-box-img .img-responsive {
  transform: scale(0.8);
  transition: all 0.2s;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.client-margin {
  margin-top: 50px;
}
.client-section h3:after {
  content: "";
  height: 5px;
  background: #f4f2f1;
  display: block;
  width: 87%;
  position: relative;
  right: -150px;
  top: -15px;
}
.client-box-img .img-responsive:hover {
  transform: scale(1);
  -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
.management-wrap {
  padding: 50px 0;
}
.founder-box {
  display: block;
  background: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.founder-box img {
  display: inline-block;
}
.founder-box:hover {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  color: #666;
}
.founder-box:focus {
  color: #242424;
}
.founder-box:hover .img-responsive {
  -webkit-filter: grayscale(100%);
  -webkit-transition: 0.5s ease-in-out;
  -moz-filter: grayscale(100%);
  -moz-transition: 0.5s ease-in-out;
  -o-filter: grayscale(100%);
  -o-transition: 0.5s ease-in-out;
  opacity: 0.3;
}
.founder {
  background: #fff;
  padding: 7px 0 10px;
  font-size: 14px;
}
.founder h4 {
  margin: 5px 0 0;
}
.img-social {
  left: 0px;
  position: absolute;
  bottom: 50px;
  opacity: 0;
  transition: all 1s;
  background: #fff;
  padding: 0;
  width: 100%;
}
.img-social img {
  position: relative;
  top: -10px;
}
.founder-box:hover .img-social {
  opacity: 1;
}
.who-we-are .item-block {
  font-size: 15px;
  padding-bottom: 25px;
  margin-bottom: 8px;
  cursor: pointer;
}
.who-we-are .item-block h3 {
  margin: 10px 0;
}
.item-block span {
  display: block;
  margin: 0 auto;
  border: 1px solid #bfbfbf;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  padding-top: 25px;
}
.item-block span .fa {
  font-size: 26px;
}
.site-logo {
  display: block;
  height: 80px;
  margin: 6px auto;
}
.small-logo {
  display: block;
  height: 97px;
  margin: 0;
  width: 63px;
}
.path-frontpage .career-wrapper {
  background: none;
}
.career-wrapper {
  background: #fff none repeat scroll 0 0;
  margin: 0 auto 10px;
  padding: 2% 10%;
}
.joins-teams-space {
  padding: calc(16px + 2vw) 0;
  background: #fff;
}
.path-join-our-team .career-wrapper {
  min-height: 400px;
}
.path-frontpage #conatct-form,
.path-current-openings #conatct-form,
.join #conatct-form,
.thank #conatct-form,
.path-join-our-team #conatct-form {
  display: none !important;
}
#conatct-form {
  bottom: 10px;
  position: fixed;
  right: 100px;
  cursor: pointer;
}
/*IT Recurting*/

.panel-primary > .panel-heading {
  background: none;
  border: 0;
  color: #363636;
}
.panel {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #d5d4d4;
}
.panel-primary,
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border: 0;
}
.panel-heading {
  padding: 10px 25px;
  background: none !important;
}
.panel-group .panel {
  border-radius: 0;
  position: relative;
}
.panel-body {
  padding: 0 15px 15px 25px;
  border: 0 !important;
}
.panel-group .panel + .panel {
  margin-top: 20px;
}
.it-panel-title a {
  color: #363636;
}
.panel.panel-primary,
.mob-application-page .panel-primary {
  border-left: 5px solid #d1e754;
}
.panel.panel-success,
.mob-application-page .panel-success {
  border-left: 5px solid #48a2e0;
}
.panel.panel-warning,
.mob-application-page .panel-warning {
  border-left: 5px solid #f06f79;
}
.panel-group .glyphicon {
  float: right;
  background: #d1e754;
  padding: 5px 5px 5px 6px;
  color: #fff;
  font-size: 12px;
  margin-top: -5px;
}
.glyphicon-blue {
  background: #48a2e0 !important;
}
.glyphicon-red {
  background: #f06f79 !important;
}
.competitive-block {
  border-bottom: 1px solid #c6c6c6;
  border-top: 1px solid #c6c6c6;
  margin: 40px 0 25px;
  padding: 0 0 35px 10px;
}
.margin-30 {
  margin: 35px 0 0px;
}
.more-details {
  background: #3f3f3f;
  border-radius: 0;
  color: #fff;
  font-size: 18px;
  margin-top: 10px;
}
.glyphicon.glyphicon-menu-right {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #000;
  font-size: 13px;
  padding: 5px;
  margin-left: 5px;
}
.ls-nav-prev,
.ls-nav-next {
  height: 32px;
  width: 35px;
  position: absolute;
  top: 50%;
  z-index: 99;
  display: block !important;
  background: url(../img/slider-button.png) no-repeat;
}
.ls-nav-prev {
  left: 35px;
}
.ls-nav-next {
  right: 35px;
  background-position: -35px 0;
}
.blog_post img {
  /*	margin: 0px 0 15px;*/
  display: block;
  max-width: 100%;
  height: auto;
}
.blog_post li {
  margin: 10px 0;
}
.key-box {
  margin: 10px;
  min-height: 315px;
  padding: 10px;
}
.key-box img {
  margin-bottom: 15px;
}
.key-box p {
  font-size: 14px;
}
.agufulltab {
  width: 100%;
  height: auto;
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}
.agufulltab ul,
.agufulltabs ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.agufulltab ul li {
  float: left;
  width: 23%;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  padding: 1%;
}
.agufulltabs {
  width: 100%;
  height: auto;
  padding: 10px 0;
}
.agufulltabs ul li {
  float: left;
  width: 22.3%;
  font-family: "Raleway", sans-serif;
  color: #737373;
  padding: 0 1%;
}
.agufulltabs ul li {
  border-right: 1px solid #cccccc;
}
.agufulltabs ul li:last-child {
  border-right: none;
}
.agufulltabs p {
  margin-bottom: 5px;
  font-size: 14px;
}
.mob-application-page .item-block {
  min-height: inherit;
}
.panel-warning:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid #f06f79;
  position: absolute;
  content: "";
  left: 15px;
  top: 40%;
}
.panel-primary:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid #9dd41a;
  position: absolute;
  content: "";
  left: 15px;
  top: 40%;
}
.panel-success:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid #308bcb;
  position: absolute;
  content: "";
  left: 15px;
  top: 40%;
}
.it .panel-success:before,
.it .panel-primary:before,
.it .panel-warning:before {
  left: 0;
}
.web-dev .item-block h3 {
  text-align: center;
}
.parallax-container {
  background: transparent none repeat scroll 0 0;
  color: #fff;
  min-height: 400px;
  padding: 170px 100px 0;
  position: relative;
  top: 50%;
  z-index: 999999999;
}
.page-node-type-blog-post .block-system-breadcrumb-block {
  float: none !important;
  margin: 15px 0 !important;
  text-align: left !important;
}
.path-current-openings .apply {
  font-size: 14px;
}
.navbar-fixed-top {
  background: #f4f2f1;
  margin: 0 auto;
  padding: 30px 0px;
}
.right-panel {
  background: #f4f2f1;
}
/*=== 30 August 2016==*/
.right-panel.resources .bxslider {
  display: none;
}
.mobile-page-bg {
  background: url(../img/mobile-app-page.jpg) left top no-repeat;
  background-size: cover;
  color: #fff;
  height: 95vh;
  display: table-cell;
  vertical-align: bottom;
  overflow: hidden;
}
.mobile-content {
  padding-top: 23vh;
}
.top-margines {
  position: relative;
  bottom: -145px;
}
h3.mobile-page-title,
h1.mobile-page-title {
  font-size: 38px;
}
.mobile-sub-block-ios {
  background: url(../img/mobile-sub-block-ios.png) center bottom no-repeat
    #f79f23;
  color: #fff;
  padding: 10vh 0;
}
.pulls-right {
  float: right;
}
.btn-readmore {
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  padding: 10px 35px;
  margin-top: 20px;
}
.mobile-sub-block-android {
  background: url(../img/mobile-sub-block-android.jpg) center bottom no-repeat
    #0060af;
  padding: 5vh 0;
  color: #fff;
}
.mobile-sub-block-enterprise {
  background: url(../img/mobile-sub-block-enterprise.jpg) center bottom
    no-repeat #deffff;
  padding: 5vh 0;
  color: #000;
}
.mobile-sub-block-enterprise .btn-readmore {
  border-color: #000;
  color: #000;
}
.mobile-sub-block-enterprise .btn-readmore:hover {
  color: #fff;
  border-color: #fff;
}
.mobile-sub-block-game {
  background: url(../img/mobile-sub-block-game.jpg) center bottom no-repeat
    #b73324;
  padding: 5vh 0;
  color: #fff;
}
.mobile-sub-block-hybrid {
  background: url(../img/mobile-sub-block-hybrid.jpg) center bottom no-repeat
    #01b8f2;
  padding: 7vh 0 5vh;
  color: #fff;
}
.web-page-bg {
  background: url(../img/web-page-bg.jpg) left top no-repeat;
  background-size: cover;
  color: #fff;
  height: 95vh;
  display: table-cell;
  vertical-align: bottom;
}
.web-sub-block-ios {
  background: url(../img/web-sub-block-ios.jpg) center bottom no-repeat #00ccf1;
  color: #fff;
  padding: 10vh 0;
}
.ecommerce-sub-block-android {
  background: url(../img/ecommerce-sub-block-android.jpg) center bottom
    no-repeat #e0205c;
  color: #fff;
  padding: 10vh 0;
}
.erp-sub-block-enterprise {
  background: url(../img/erp-sub-block-enterprise.jpg) center bottom no-repeat
    #83cb12;
  color: #fff;
  padding: 10vh 0;
}
.ios-sub-page {
  background: url(../img/ios-sub-page.jpg) right top no-repeat #f4f2f1;
  font-size: 16px;
  background-size: contain;
}
.ios-mobile {
  background: url(../img/ios-header-bg.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
}
.Wearable-app-header {
  background: url(../img/Wearable-app-header.png) center center no-repeat;
  background-size: cover;
  color: #fff;
}
.enterprise-app-header {
  background: url(../img/enterprise-app-header.jpg) center center no-repeat
    #111316;
  background-size: 100%;
}
.ott-app-header {
  background: url(../img/ott-app-header.jpg) center center no-repeat #111316;
  background-size: 100%;
}
.game-app-header {
  background: url(../img/game-header-bg.jpg) center center no-repeat #111316;
  background-size: 100%;
}
.web-app-header {
  background: url(../img/web-app-header-bg.jpg) center center no-repeat #111316;
  background-size: 100%;
}
.ecommerce-app-header {
  background: url(../img/ecommerce-app-header.jpg) center center no-repeat
    #111316;
  background-size: 100%;
}
.erp-app-header {
  background: url(../img/erp-app-header.jpg) center center no-repeat #111316;
  background-size: 100%;
}
.mobile-flex {
  padding-top: 5vh;
  padding-bottom: 5vh;
}
.ios-description {
  padding: calc(16px + 3vw) 0;
  background: #fff;
}
.ios-img {
  padding-left: 50px;
}
.ios-mobile .ios-img {
  padding-top: 50px;
}
.ios-cont {
  padding-left: 80px;
}
.ios-edge {
  margin: 50px 0 0;
  padding: 5% 2.5%;
  color: #4b4c4d;
}
.ios-best-work {
  background: url(../img/ios-best-work.png) left top no-repeat;
  background-size: cover;
  padding: 23% 2.5%;
  color: #4b4c4d;
}
.game-development,
.excel-edge-enter {
  padding: 25% 2.5%;
}
.ios-sub-page h4 {
  font-size: 32px;
  font-weight: normal;
}
.ios-mobile h1 {
  font-size: 42px;
  font-weight: normal;
}
.ios-mobile h4 {
  color: #e9e9e9;
}
.ios-edge h4 {
  color: #df332f;
}
.ios-best-work h4 {
  color: #363c41;
}
.ios-sub-page ul,
.internet-sub-page ul,
.ecommerce-industries-page ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.ios-sub-page ul li,
.internet-sub-page ul li,
.ecommerce-industries-page ul li {
  margin: 10px 0;
  display: flex;
}
.ios-sub-page .fa {
  color: #df332f;
  display: inline-block;
  margin: 5px 10px 0 0;
}
.puls-right {
  float: right;
}
.top-space {
  padding-top: 50px;
}
.middle-img {
  margin: 0 auto;
}
.ios-sub-page span {
  display: block;
}
.ios-sub-page li:before,
.internet-sub-page li:before,
.ecommerce-industries-page li:before {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  color: #f00;
  margin: 4px 5px 0 0;
}
.ios-page-bg {
  background: url(../img/ios-page-bg.jpg) right top no-repeat;
  background-size: 100% auto;
}
.andriod-page-bg {
  background: url(../img/android-page-bg.jpg) right top no-repeat;
  background-size: 100% auto;
}
.enterprise-page-bg {
  background: url(../img/enterprise-page-bg.jpg) right top no-repeat;
  background-size: 100% auto;
}
.game-page-bg {
  background: url(../img/game-page-bg.jpg) right top no-repeat;
  background-size: 100% auto;
}
.hybrid-page-bg {
  background: url(../img/hybrid-page-bg.jpg) right top no-repeat;
  background-size: 100% auto;
}
.our-develpoment .col-md-4 {
  padding-right: 0;
  text-align: center;
}
.our-develpoment .img-responsive {
  display: inline-block;
  padding: 5%;
}
.our-develpoment h2,
.our-develpoment h1 {
  color: #fff;
  margin: 0 0 50px 0;
  font-size: 43px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
.our-develpoment p {
  color: #fff;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 27px;
  font-weight: 300;
}
a.Read_more {
  color: #fff;
  padding: 10px 27px;
  display: inline-block;
  border: 1px solid #fff;
}
.Mobile-Application-img {
  margin-top: 34px;
}
.recruitment_solutions {
  background: url(../img/it-bg.jpg) left top no-repeat;
  background-size: cover;
  padding: 90px 70px 70px 35px;
}
.application_development {
  background: url(../img/Mobile-Application-bg.jpg) left top no-repeat;
  background-size: cover;
  padding: 65px 90px 76px 63px;
}
.hybrid_serices {
  background: url(../img/Hybrid-Staff-bg.jpg) left top no-repeat;
  background-size: cover;
  padding: 90px 70px 70px 35px;
}
.product_consulting {
  background: url(../img/Product-Development-landing.jpg) left top no-repeat;
  background-size: cover;
  padding: 50px 90px 63px 63px;
}
.Augmentation_services {
  background: url(../img/wap-application-bg.jpg) left top no-repeat;
  background-size: cover;
  padding: 90px 70px 40px 35px;
}
/*=== 12 july 2016==*/
.view_button {
  background: #4d7cdc none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff !important;
  display: inline-block;
  font-size: 15px;
  padding: 4px 20px;
  text-decoration: none !important;
}
form#apply-jobs input.error,
select.error {
  border: 1px dotted red !important;
}
form#apply-jobs label.error,
label.error {
  color: red;
  text-transform: none;
  padding: 7px 0 0;
  position: absolute;
}
#edit-cover-letter-error {
  margin-top: -35px;
}
#edit-upload-resume-error {
  top: 0;
}
#hiddenRecaptcha-error {
  position: static !important;
}
form#contact-message-feedback-form input.error,
textarea.error {
  border: 1px dotted red !important;
}
form#contact-message-feedback-form label.error,
.form#contact-message-feedback-form--2 label.error {
  position: static;
}
.pager__items,
.blog-box {
  padding: 0;
}
.grid {
  margin: 0;
}
/*******CASE STUDY*********/
.case_study h4 {
  font-size: 24px;
}
.pollice-case-landing {
  background: url(../img/pollice-case-landing.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
}
.albtross-case-landing {
  background: url(../img/albtross-case-landing.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
}
.buddha-case-landing {
  background: url(../img/buddha-case-landing.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
}
.dow-case-landing {
  background: url(../img/dow-case-study-page.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
}
.life-case-landing {
  background: url(../img/case-study-life-photos.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
}
.jamco-case-landing {
  background: url(../img/jamco-case-landing.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
}
.health-case-landing {
  background: url(../img/health-case-landing-bg.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
}
.img-holder {
  margin-bottom: 25px;
}
.life-case-study-page {
  background: url(../img/case-study-life-photos.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.life-case-study-page-challange {
  background: url(../img/life-challange-bg.jpg);
  height: 60vh;
  display: table-cell;
  vertical-align: middle;
}
.life-case-study-page-approach {
  background: url(../img/life-case-study-page-approach.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.life-case-study-page-result {
  background: url(../img/life-result-bg.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.team-size {
  margin: 0 auto;
  width: 200px;
  border: 5px solid #fff;
  border-radius: 50%;
  height: 200px;
  vertical-align: middle;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding-top: 40px;
}
.team-size img {
  max-width: 50%;
  margin: 0 auto;
}
.team-size ul {
  list-style: none;
  padding: 0;
}
.team-size ul li {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  padding-left: 45px;
  position: relative;
}
.team-size h5 {
  color: #f56f1f;
  font-weight: bold;
  font-size: 18px;
}
.team-size ul li:before {
  content: "\f111";
  font: normal normal normal 12px/1.2 FontAwesome;
  color: #f56f1f;
  left: 25px;
  position: absolute;
}
.life-case-study-page-result .team-size:last-child img {
  margin-top: 10px;
}
.dow-case-study-page {
  background: url(../img/dow-case-study-page.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.dow-case-study-page-approach {
  background: url(../img/dow-case-study-approach.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  height: 70vh;
  display: table-cell;
  vertical-align: middle;
}
.dow-case-study-page-result {
  background: url(../img/life-case-study-challange.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.police-case-study-page {
  background: url(../img/police-case-study-page.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.police-case-study-page-insite {
  background: url(../img/police-case-study-insite.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.police-case-result {
  background: url(../img/police-case-result.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.police-case-challange {
  background: url(../img/life-challange-bg.jpg);
  padding: 10vh 0 0;
}
.albatross-case-study-page {
  background: url(../img/albtross-case-landing.jpg) center top no-repeat;
  background-size: cover;
  padding: 30vh 0 70vh;
  color: #fff;
}
.albatross-case-study-page-insite {
  background: url(../img/albatross-case-study-insite.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.albatross-case-result {
  background: url(../img/life-challange-bg.jpg);
  color: #000;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.albatross-case-result .team-size {
  border-color: #d01a19;
}
/*.page-node-type-case-study .right-panel, .right-panel.case {
	background: #fff;
}*/
.albatross-case-result {
  background: url(../img/life-challange-bg.jpg);
  color: #000;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.jamco-case-study-page {
  background: url(../img/jamco-case-landing.jpg) center top no-repeat;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.jamco-case-study-page-challange {
  background: url(../img/jamco-case-challange.jpg) center top no-repeat;
  color: #fff;
  height: 60vh;
  display: table-cell;
  vertical-align: middle;
  background-size: cover;
}
.jamco-case-study-page-approach {
  background: url(../img/jamco-approach.jpg) center top no-repeat;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.jamco-case-result {
  background: url(../img/jamco-case-challange.jpg) center top no-repeat;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
  background-size: cover;
}
.health-case-study-page {
  background: url(../img/health-case-landing-bg.jpg) center top no-repeat;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
  background-size: cover;
}
.health-case-study-page-approach {
  background: url(../img/health-approach.jpg) center top no-repeat;
  color: #fff;
  height: 80vh;
  display: table-cell;
  vertical-align: middle;
  background-size: cover;
}
.health-case-study-page-result {
  background: url(../img/health-result.jpg) center top no-repeat;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
  background-size: cover;
}
.buddha-case-study-page {
  background: url(../img/buddha-case-landing.jpg) center top no-repeat;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
  background-size: cover;
}
.buddha-case-study-page-insite {
  background: url(../img/buddha-insite.jpg) center center no-repeat;
  color: #fff;
  height: 50vh;
  display: table-cell;
  vertical-align: middle;
  background-size: cover;
  padding: 5vh 0 10vh;
}
.buddha-case-package {
  background: url(../img/buddha-case-result.jpg) center top repeat;
  color: #fff;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.buddha-case-result {
  background: url(../img/life-challange-bg.jpg) center top repeat;
  color: #000;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
}
.buddha-case-result .team-size {
  border-color: #f56f1f;
  color: #f56f1f;
}
.buddha-case-result .team-size li {
  color: #000;
}
.buddha-case-challange {
  padding-bottom: 10vh;
}
.euro-case-landing {
  background: url(../img/euro-case-landing.jpg) center top no-repeat;
  background-size: cover;
}
.jamica-case-landing {
  background: url(../img/jamica-case-landing.jpg) center top no-repeat;
  background-size: cover;
}
.narda-case-landing {
  background: url(../img/narda-case-landing.jpg) center top no-repeat;
  background-size: cover;
}
.buddha-case-landing.jamica-case-landing a {
  padding: 5vh 0 40vh;
}
.euro-case-study-page-approach {
  background: url(../img/euro-case-approach.jpg) center top no-repeat;
  background-size: cover;
}
.euro-case-result {
  background: url(../img/euro-case-result.jpg) center top no-repeat;
  background-size: cover;
}
.jamica-case-study-page-approach {
  background: url(../img/jamica-case-study-approach.jpg) center top no-repeat;
  background-size: cover;
  height: 65vh;
}
.jamica-case-result {
  background: url(../img/jamica-case-result.jpg) center top no-repeat;
  background-size: cover;
}
.narda-case-study-page-approach {
  background: url(../img/narda-case-study-approach.jpg) center top no-repeat;
  background-size: cover;
  height: 60vh;
}
.narda-case-result {
  background: url(../img/narda-case-result.jpg) center top no-repeat;
  background-size: cover;
}
.scales {
  transform: scale(0.7);
}
.margin-60 {
  margin-top: 60px;
}
.download-app {
  padding: 10vh 0;
  text-align: center;
  background: url(../img/life-challange-bg.jpg);
}
.download-app img {
  display: inline-block;
  transform: scale(0.7);
}
.download-app h3 {
  font-size: 4vw;
}
.right-panel.case article a,
.right-panel.case article a:hover {
  color: #fff;
}
.dow-case-landing,
.health-case-landing,
.pollice-case-landing,
.jamco-case-landing,
.life-case-landing,
.albtross-case-landing,
.buddha-case-landing {
  cursor: pointer;
  transition: all 0.5s;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 2px;
}
.dow-case-landing a,
.health-case-landing a,
.pollice-case-landing a,
.jamco-case-landing a,
.life-case-landing a,
.albtross-case-landing a,
.buddha-case-landing a {
  display: block;
}
.dow-case-landing:hover,
.health-case-landing:hover,
.pollice-case-landing:hover,
.jamco-case-landing:hover,
.life-case-landing:hover,
.albtross-case-landing:hover,
.buddha-case-landing:hover {
  opacity: 0.7;
}
.page-node-type-case-study .services-breadcrumbs,
.right-panel.case .services-breadcrumbs {
  display: none;
}
/******* INDUSTRIES**********/
.industries-page-landing {
  background: url(../img/industries-page-landing.jpg) center top;
  background-size: cover;
  padding: 0 0 5vh;
  display: table-cell;
  vertical-align: bottom;
  height: 90vh;
  position: relative;
}
.industries-pages {
  color: #fff;
  text-align: justify;
}
.internet-page-landing {
  background: url(../img/internet-page-landing.jpg) center top;
}
.ecommerce-i-page-landing {
  background: url(../img/ecommerce-i-page-landing.jpg) center top;
}
.health-i-page-landing {
  background: url(../img/health-i-page-landing.jpg) center top;
}
.chemical-page-landing {
  background: url(../img/chemical-page-landing.jpg) center top;
}
.financial-page-landing {
  background: url(../img/financial-page-landing.jpg) center top;
}
.startups-page-landing {
  background: url(../img/startups-page-landing.jpg) center top;
}
.ehs-page-landing {
  background: url(../img/ehs-banner-bg.jpg) center top;
}
.internet-page-landing,
.ecommerce-i-page-landing,
.health-i-page-landing,
.chemical-page-landing,
.financial-page-landing,
.startups-page-landing,
.ehs-page-landing {
  background-size: cover;
  padding: 10vh 0;
}
.internet-sub-page {
  background: url(../img/internet-sub-page.png) left top no-repeat;
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  height: 150vh;
  color: #e9e9e9;
}
.top-spacess {
  position: relative;
  bottom: -150px;
}
.internet-sub-page-edge {
  margin: 0;
  padding: 0% 2.5% 5%;
  color: #000;
}
.ecommerce-industries-page {
  background: url(../img/ecommerce-industries-page.jpg) right top no-repeat
    #cde8be;
  font-size: 16px;
  background-size: contain;
}
.ecom-inds-sub-page {
  background: url(../img/ecom-inds-sub-page.png) left top no-repeat;
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  height: 150vh;
  color: #e9e9e9;
}
.health-industries {
  background: url(../img/health-industries.png) left top no-repeat;
  background-size: cover;
}
.health-industries-sub-page {
  background: url(../img/health-industries-sub-page.jpg) left top no-repeat;
  background-size: cover;
}
.chemical-industries-page {
  background: url(../img/chemical-industries-page.jpg) left top no-repeat
    #c4ecf5;
  background-size: contain;
}
.chemical-inds-sub-page {
  background: url(../img/chemical-inds-sub-page.png) left top no-repeat;
  background-size: cover;
  position: relative;
  z-index: 9;
}
.chemical-sub-page-edge {
  margin-top: -60px;
}
.financial-sub-page {
  background: url(../img/financial-sub-page.png) left top no-repeat;
  background-size: cover;
}
.startups-industries-sub-page {
  background: url(../img/startups-indu-sub-page.jpg) left top no-repeat;
  background-size: cover;
  padding-bottom: 100px;
}
.startups-industries {
  background: url(../img/startups-industries.png) left top no-repeat;
  background-size: cover;
}
.blog-posts-li {
  padding: 0;
  text-align: justify;
  list-style: none;
}
.blog-posts-lis {
  padding: 0 0 0 20px;
}
.blog-posts-li li {
  margin: 0px 0 5px;
}
.blog-posts-li li:nth-child(2),
.blog-posts-li li:nth-child(1) {
  padding-right: 25px;
}
a[style="color:red"] {
  text-transform: uppercase;
}
.more-hover,
.more-hover-black {
  text-transform: capitalize;
  background: url(../img/arrow-icon-sprite-new-min.png) right 0px no-repeat;
  padding-right: 35px;
  line-height: 32px;
}
.more-hover-black {
  background-position: right -34px;
}
.work-process .more-hover-black {
  background-position: right 0px;
}
.resource-one,
.resource-two,
.resource-three,
.resource-four,
.resource-five {
  color: #fff;
  padding: 4vh 2vw;
  margin-bottom: 3vh;
}
.resource-label {
  background: #fff;
  color: #87d4fe;
  display: inline-block;
  padding: 1vh 0.8vw;
  margin-bottom: 1vh;
}
.resource-two .resource-label {
  color: #ab565d;
}
.resource-three .resource-label {
  color: #fa9d5a;
}
.resource-four .resource-label {
  color: #b06665;
}
.resource-five .resource-label {
  color: #85c97e;
}
.resource-one {
  background: #87d4fe;
  border-bottom: 3px solid #0a6da3;
}
.resource-two,
.ebook-box-wrap.Ripped {
  background: #ab565d;
  border-bottom: 3px solid #6f242a;
}
.resource-three,
.ebook-box-wrap.Fund {
  background: #fa9d5a;
  border-bottom: 3px solid #744400;
}
.resource-four,
.ebook-box-wrap.practices {
  background: #b06665;
  border-bottom: 3px solid #744400;
}
.resource-five,
.ebook-box-wrap.Optimization {
  background: #85c97e;
  border-bottom: 3px solid #388230;
}
.ebook-box-wrap.Develop {
  background: url(../img/how-much-cost.jpg) center top no-repeat;
}
.ebook-box-wrap.Develop img,
.ebook-box-wrap.Develop .ebook-title-single,
.ebook-box-wrap.Develop .ebook {
  opacity: 0;
}
.resource-title > div {
  font-size: 1.5vw;
}
.resource-single {
  padding: 0 25px;
  text-align: justify;
}
.resource-form {
  background: #fff;
  padding: 3vh 1.2vw;
  border-bottom: 3px solid #000;
  margin-bottom: 100px;
}
.resource-form span {
  font-size: 15px;
}
.ebook-box-wrap {
  background: #b16766;
  padding: 3.5vw 0;
}
.ebook-box-wrap img {
  margin: auto;
}
.btn-download {
  background: #dd5353;
  border: 0;
  font-weight: bold;
  margin-top: 10px;
}
.contact-message-resource-form-form {
  margin: 25px 20px 0;
}
.contact-message-resource-form-form input[type="text"],
.contact-message-resource-form-form input[type="email"],
.contact-message-resource-form-form input[type="tel"] {
  background: #fff;
  padding: 0 10px;
  margin: 10px 0;
  box-shadow: 0px -5px 2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.contact-message-resource-form-form label {
  margin: 15px 0;
  text-transform: capitalize;
  font-size: 16px;
}
.contact-message-resource-form-form .form-actions label {
  margin: 5px 0;
}
.contact-message-resource-form-form .apply {
  background: #d94739;
  padding: 15px 50px;
  margin-top: 20px;
}
.contact-message-resource-form-form #edit-preview {
  display: none;
}
.ebook-title {
  position: relative;
}
.ebook-title-single {
  /*position: absolute;
    top: 30%;
	font-size:1vw;
	background:rgba(0,0,0,0.5);*/
  padding: 0 1.5vw;
  vertical-align: middle;
  color: #fff;
  text-align: center; /*font-size:1.7vw;*/
}
.contact-message-resource-form-form .error {
  position: static;
  margin: 0;
  padding: 0;
}
sup {
  top: 0;
  color: #f00;
  font-size: 24px;
}
.pull-right.myclass {
  max-width: 50%;
  display: inline-block;
}
.span12 {
  margin: 10px 0;
}
.dow-case-landing a,
.health-case-landing a,
.pollice-case-landing a,
.jamco-case-landing a,
.life-case-landing a,
.albtross-case-landing a,
.buddha-case-landing a {
  padding: 10vh 0 40vh;
  color: #fff;
}
/**********developemnt-process*******/

.developemnt-process {
  padding: 25px 0 50px;
}
.developemnt-process .row-flex .col-md-4 {
  border: 1px solid #dbdbdb;
}
.developemnt-process .row-flex {
  align-items: initial;
  position: relative;
}
.developemnt-process .row-flex .col-md-4 img {
  margin: 10px auto;
}
.procee-list {
  font-size: 18px;
  padding: 15px;
}
.procee-list li {
  margin: 5px 0;
  background: url(../img/red-bullets.png) 0 7px no-repeat;
  padding-left: 25px;
}
.join-team-top {
  color: rgb(255, 255, 255);
  height: 60vh;
  display: flex;
  align-items: center;
  position: relative;
  background: url(/themes/internal/img/join-our-team-banner-min.jpg) center
    bottom no-repeat;
  background-size: cover;
}
.rnf-ecom-platefrom {
  background: #fff;
  padding: 3em 0 0;
}
.rnf-ecom-platefrom .platefroms {
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 30px 0;
  margin-bottom: 20px;
}
/**********NEW IOS ********/
.ios-header-bg {
  background: url(/themes/internal/img/ios-heading-bg.png) right top no-repeat
    #f6f7fb;
  padding: 3em 0 0;
  background-size: 25% 65%;
}
.ios-page-title {
  font-size: calc(16px + 3.5vw);
  font-weight: 300;
  text-align: left;
  margin: 25px 0 0;
  color: #152944;
}

.ios-page-title span {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  color: #fff;
}
.ios-header-bg p {
  color: rgba(0, 0, 0, 0.7);
}
p.sub-heading {
  font-size: calc(16px + 1.5vw);
  line-height: 1.35;
  color: #152944;
  font-family: "Playfair Display", serif;
  font-weight: 700;
}
.rnf-works {
  background: url(../img/portfolio-ios-bg.png) center center no-repeat #f6f7fb;
  color: #fff;
  background-size: 100% 65%;
}
.work-placeholder {
  /*background: url(../img/mobile_iphone-min.png) 0 0 no-repeat;*/
  width: 243px;
  margin: 20px auto;
  /*transform:rotate(-7.55deg);*/
  position: relative;
  z-index: 9; /*height: 497px;position: relative;*/
}
.work-placeholder:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 275px;
  height: 550px;
  background: url(../img/ehs-gif-placeholder.png);
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.work-placeholder img {
  border-radius: 10px;
}
.work-placeholder .owl-carousel .owl-item {
  padding: 0;
}
.rnf-works h2 {
  color: #152944;
  position: relative;
  top: 75px;
  font-size: calc(16px + 2.5vw);
  font-weight: bold;
  text-transform: uppercase;
}
.prev-port-btn,
.next-port-btn {
  color: #000;
  display: inline-block;
  cursor: pointer;
  width: 300px;
  background: #e9eaeb;
  position: relative;
  top: -67px;
  padding: 10px;
  font-size: 26px;
  border-radius: 0 0 10px 10px;
}
.next-port-btn {
  text-align: right;
}
.prev-port-btn {
  text-align: left;
}
.prev-port-btn:hover,
.next-port-btn:hover {
  color: #fff;
  background: #31cce0;
}
.rnf-works h3 {
  font-size: calc(16px + 3vw);
  font-weight: 700;
  font-family: "Playfair Display", serif;
}

#port-slider-text {
  padding: 100px 0 0;
  width: 100%;
}

.our-journey {
  background: #f7f8fa;
  padding: 3em 0;
}
.our-journey h2 {
  font-size: calc(16px + 3vw);
  color: #152944;
  font-weight: 700;
  margin-bottom: 50px;
}
p.journey-point {
  font-size: calc(16px + 1vw);
  color: #152944;
  line-height: normal;
  font-family: "Playfair Display", serif;
  font-weight: 700;
}
.our-journey .img-responsive {
  display: inline-block;
}
.our-journey .row-flex {
  margin: 50px 0;
  position: relative;
}
.rnf-industries {
  margin-top: -2%;
  background: #f7f8fa;
  padding-bottom: 3em;
  position: relative;
}

.rnf-industries h2 {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: calc(16px + 1.5vw);
}
span.industries-title {
  background: #fff;
  display: block;
  text-align: center;
  margin: 15px;
  padding: 10px 15px;
  border-radius: 50px;
  cursor: pointer;
  color: #152944;
  font-weight: 700;
}
span.industries-title:hover,
span.industries-title.current {
  color: #fff;
  background: #30cbe1;
}
.indus-cont {
  margin-bottom: 75px;
}
.industries-parent {
  padding: 0 0 2em;
  background: #f7f8fa;
}
.industries-parent h2,
.rnf-strategy h2 {
  font-weight: 700;
  font-size: calc(16px + 1.5vw);
  color: #152944;
}
.rnf-strategy {
  background: #f7f8fa;
}
.p-5 {
  padding: 25px 25px 45px;
}

.p-5 h3 {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: calc(16px + 1.25vw);
  margin-bottom: 15px;
  color: #152944;
}
.p-5 li {
  margin: 10px 0;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
}
.dashed-line {
  position: relative;
  text-align: center;
}
.dashed-line h6 {
  font-size: 24px;
  font-weight: bold;
  padding: 0 0 15px;
  margin: 0;
}

.rnf-strategy ul li span {
  display: inline-block;
  width: 80px;
  height: 76px;
  margin-right: 10px;
}

.ios-analysis {
  background: url(/themes/internal/img/ios_spirt.png) 0 0 no-repeat;
}
.ios-competitive {
  background: url(/themes/internal/img/ios_spirt.png) -90px 0 no-repeat;
}
.ios-roadmap {
  background: url(/themes/internal/img/ios_spirt.png) -185px 0 no-repeat;
}
.ios-team {
  background: url(/themes/internal/img/ios_spirt.png) -275px 0 no-repeat;
}
.ios-wireframe {
  background: url(/themes/internal/img/ios_spirt.png) -370px 0 no-repeat;
}
.ios-app-design {
  background: url(/themes/internal/img/ios_spirt.png) 0 -89px no-repeat;
}
.ios-scrum {
  background: url(/themes/internal/img/ios_spirt.png) -90px -89px no-repeat;
}
.ios-testing {
  background: url(/themes/internal/img/ios_spirt.png) -185px -89px no-repeat;
}
.monitoring {
  background: url(/themes/internal/img/ios_spirt.png) -275px -89px no-repeat;
}
.ios-support {
  background: url(/themes/internal/img/ios_spirt.png) -370px -89px no-repeat;
}
.journey-wrap {
  width: 150px;
  background: #fff;
  margin: auto;
  border-radius: 10px;
  padding-top: 15px;
  position: relative;
  margin-bottom: 25px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
.journey-wrap span {
  display: inline-block;
  width: 135px;
  height: 135px;
}
span.first-mile {
  background: url(/themes/internal/img/journey_spirte.png) 0px 0px no-repeat;
}
span.second-mile {
  background: url(/themes/internal/img/journey_spirte.png) -150px 0px no-repeat;
}
span.third-mile {
  background: url(/themes/internal/img/journey_spirte.png) -300px 0px no-repeat;
}
span.four-mile {
  background: url(/themes/internal/img/journey_spirte.png) -462px 0px no-repeat;
}
span.five-mile {
  background: url(/themes/internal/img/journey_spirte.png) -630px 0px no-repeat;
}
/******NEW IOS END*********/

/**********NEW ANDROID ********/
.android-header-bg {
  background: url(/themes/internal/img/android-header-bg.png) right top
    no-repeat #f6f7fb;
  padding: 3em 0 0;
  background-size: 25% 65%;
}
.andriod-pgae .next-port-btn:hover,
.andriod-pgae .prev-port-btn:hover,
.andriod-pgae span.industries-title:hover,
.andriod-pgae span.industries-title.current {
  background: #66d175;
}

.android-placeholder {
  /*background: url(../img/mobile_iphone-min.png) 0 0 no-repeat;*/
  width: 243px;
  margin: 20px auto;
  /*transform:rotate(-7.55deg);*/
  position: relative;
  z-index: 9; /*height: 497px;position: relative;*/
}
.android-placeholder:before {
  content: "";
  display: block;
  position: absolute;
  top: 50.5%;
  left: 50%;
  z-index: 1;
  width: 256px;
  height: 554px;
  background: url(../img/android-phone.png);
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.android-placeholder img {
  border-radius: 10px;
}
.android-placeholder .owl-carousel .owl-item {
  padding: 0;
}
span.first-mile-and {
  background: url(/themes/internal/img/journey-spirte.png) 0px -20px no-repeat;
}
span.second-mile-and {
  background: url(/themes/internal/img/journey-spirte.png) -125px 0px no-repeat;
  background-size: cover;
}
span.third-mile-and {
  background: url(/themes/internal/img/journey-spirte.png) -275px 0px no-repeat;
  background-size: cover;
}
span.four-mile-and {
  background: url(/themes/internal/img/journey-spirte.png) -410px 0px no-repeat;
  background-size: cover;
}

.and-analysis {
  background: url(/themes/internal/img/android_spirt.png) 0 0 no-repeat;
}
.and-competitive {
  background: url(/themes/internal/img/android_spirt.png) -90px 0 no-repeat;
}
.and-roadmap {
  background: url(/themes/internal/img/android_spirt.png) -185px 0 no-repeat;
}
.and-team {
  background: url(/themes/internal/img/android_spirt.png) -275px 0 no-repeat;
}
.and-wireframe {
  background: url(/themes/internal/img/android_spirt.png) -370px 0 no-repeat;
}
.and-app-design {
  background: url(/themes/internal/img/android_spirt.png) 0 -89px no-repeat;
}
.and-scrum {
  background: url(/themes/internal/img/android_spirt.png) -90px -89px no-repeat;
}
.and-testing {
  background: url(/themes/internal/img/android_spirt.png) -185px -89px no-repeat;
}
.and-monitoring {
  background: url(/themes/internal/img/android_spirt.png) -275px -89px no-repeat;
}
.and-support {
  background: url(/themes/internal/img/android_spirt.png) -370px -89px no-repeat;
}
/*::-moz-selection { background: transparent; }
::selection { background: transparent; }*/
/**********NEW ANDROID END********/
@media (min-width: 768px) {
  .award-section-logo .col-md-2,
  .award-section-logo .col-sm-2,
  .award-section-logo .col-lg-2 {
    width: 100%;
    *width: 100%;
  }
  #cng-des-wrapper {
    display: flex;
  }
  .platefroms-left {
    position: relative;
    left: -50px;
  }
  .rnf-strategy ul li {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .developemnt-process .row-flex:before {
    content: "";
    width: 50%;
    height: 5px;
    background: #000;
    display: block;
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
  }
  .developemnt-process-android .row-flex:before {
    background: #3ddb85;
  }
  .developemnt-process-hybrid .row-flex:before {
    background: #1c42ac;
  }
  .developemnt-process-Wearable .row-flex:before {
    background: #7e37d5;
  }
  .developemnt-process-enterprise .row-flex:before {
    background: #e2782b;
  }
  .developemnt-process-ott .row-flex:before {
    background: #22b5a2;
  }
  .award-section-logo .col-md-2,
  .award-section-logo .col-sm-2,
  .award-section-logo .col-lg-2 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
  .section-dev .row-flex-row,
  .rnf-react-native-service .row-flex-row {
    display: flex;
    align-items: center;
  }
  .min-ht {
    min-height: 100vh;
  }
  .developemnt-process h2 {
    margin: 25px 0 175px;
  }
  .developemnt-process .row-flex .col-md-4 img {
    margin: -150px auto 0;
  }
  .nav.sideways {
    display: flex;
    justify-content: space-evenly;
  }
  .path-1 {
    position: absolute;
    width: 60%;
    right: -30%;
    top: 25%;
  }
  .path-2 {
    position: absolute;
    width: 60%;
    right: -30%;
    top: 55px;
  }
  .path-3 {
    position: absolute;
    width: 60%;
    right: -5%;
    top: 30%;
  }
  .path-4 {
    position: absolute;
    width: 65%;
    right: -32%;
    top: 0%;
  }
  .path-4 img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .path-1 img,
  .path-2 img,
  .path-3 img,
  .path-4 img {
    opacity: 0.6;
  }
  .circle-1 {
    position: absolute;
    width: 3%;
    right: -30%;
    top: 24%;
  }
  .circle-2 {
    position: absolute;
    width: 3%;
    left: 28%;
    top: 25%;
  }
  .circle-3 {
    position: absolute;
    width: 2%;
    top: 20px;
    left: 30%;
  }
  .circle-4 {
    position: absolute;
    width: 2%;
    right: 35%;
    top: 25%;
  }
  .path-1:before {
    content: "01";
    position: absolute;
    font-size: 16px;
    color: #0072bc;
    font-weight: 500;
    width: 35px;
    height: 35px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    z-index: 1;
  }
  .path-2:before {
    content: "02";
    position: absolute;
    font-size: 16px;
    color: #ff6839;
    font-weight: 500;
    width: 35px;
    height: 35px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    z-index: 1;
  }
  .path-3:before {
    content: "03";
    position: absolute;
    font-size: 16px;
    color: #fcbf1e;
    font-weight: 500;
    width: 35px;
    height: 35px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: -10px;
    z-index: 1;
  }
  .path-3:after {
    content: "04";
    position: absolute;
    font-size: 16px;
    color: #f83737;
    font-weight: 500;
    width: 35px;
    height: 35px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0px;
    z-index: 1;
    bottom: -3px;
  }
  .path-4:before {
    content: "05";
    position: absolute;
    font-size: 16px;
    color: #525ce7;
    font-weight: 500;
    width: 35px;
    height: 35px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    z-index: 1;
    top: -10px;
  }
  .left-arrow:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 25px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #000;
    border-bottom: 10px solid transparent;
    opacity: 0;
  }
  .right-arrow:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 25px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #000;
    border-bottom: 10px solid transparent;
    opacity: 0;
  }
  .left-arrow:hover::after,
  .right-arrow:hover::after,
  .right-arrow.current::after,
  .left-arrow.current::after {
    opacity: 1;
  }
  .android-industries-cont.left-arrow:after {
    border-left: 20px solid #3ddb85;
  }
  .android-industries-cont.right-arrow:after {
    border-right: 20px solid #3ddb85;
  }
  .hybrid-industries-cont.left-arrow:after {
    border-left: 20px solid #1c42ac;
  }
  .hybrid-industries-cont.right-arrow:after {
    border-right: 20px solid #1c42ac;
  }
  #port-slider {
    top: -150px;
    position: relative;
    width: 100%;
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .award-section-logo .col-md-2,
  .award-section-logo .col-sm-2,
  .award-section-logo .col-lg-2 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
  .dotted-box-ind {
    width: 125px;
    position: absolute;
    right: 30px;
    top: -30px;
  }
  .dotted-box-indp {
    width: 100px;
    position: absolute;
    left: -30px;
    top: -50px;
  }
}
@media only screen and (min-width: 1600px) {
  .right-panel.stage-2 {
    margin-left: 486px;
    transition: all 0.5s ease 0s;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  .stage-33 {
    left: 486px !important;
    transition: all 0.5s ease 0s;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  .ios-img img {
    margin: 0 auto;
  }
  .ios-mobile {
    padding: 26% 2.5%;
  }
  .blog-box {
    min-height: 435px;
  }
  .ios-mobile .ios-img {
    padding-top: 0px;
  }
  .team-size {
  }
  .top-spacess {
    bottom: -75px;
  }
}
@media (min-width: 1200px) {
  /*.container {
	background: #f4f2f1;
}*/
  .content-region.page .container {
    background: none;
  }
  .padding-25 {
    padding: 0 2.5%;
  }
  .main-nav {
    float: left;
    background: #fff;
    margin: 0;
    width: 18.3%;
    position: fixed;
    max-width: 230px;
  }
  .right-panel {
    overflow: hidden;
    position: relative;
    width: 97%;
    /*width: 87.75%;*/
    transition: all 0.5s ease 0s;
    margin-left: 230px;
    border-right: 0;
  }
  .stage-32 {
    left: 230px !important;
    transition: all 0.5s ease 0s;
  }
  .sub_pages_node .right-panel {
    overflow: inherit;
  }
  .right-panel.who {
    background: #f4f2f1;
  }
  .top-header {
    display: none;
  }
  #block-mobilewebmenu,
  #block-webappsmenu,
  #block-casestudymenu,
  #block-industriesmenu {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  }
  #block-mobilewebmenu,
  #block-webappsmenu,
  #block-casestudymenu,
  #block-industriesmenu {
    position: fixed;
    width: 175px;
    background: #f8f7f7;
  }
  #block-casestudymenu {
    overflow-y: scroll;
    height: 100% !important;
  }
  #block-casestudymenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
  }
  #block-casestudymenu::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
  }
  #block-casestudymenu::-webkit-scrollbar-thumb {
    background-color: #c6c6c6;
  }
  /*.sub_pages_node .block-system-main-block {
	padding-left: 175px;
}*/
  .sub_pages_node .right-panel.case .block-system-main-block,
  .sub_pages_node .content-region.case_study .block-system-main-block,
  .sub_pages_node .right-panel.industries .block-system-main-block,
  .sub_pages_node .content-region.industries .block-system-main-block {
    padding-left: 0;
  }
  /*.sub_pages_node #contact-message-feedback-form {
	margin-left: 12%;
}*/
  .web-content {
    margin-top: 15px;
  }
  .bottom-space {
    position: relative;
    bottom: 100px;
  }
}
@media only screen and (min-width: 1426px) and (max-width: 1599px) {
  .right-panel {
    margin-left: 233px; /*width: 83.7%;*/
  }
  .stage-2 {
    margin-left: 485px;
  }
  .stage-33 {
    left: 485px !important;
    transition: all 0.5s ease 0s;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  .vertical-middle {
    margin-top: 125px;
  }
  .our-develpoment .img-responsive {
    margin-top: 35%;
    padding: 0 2%;
  }
  .contact-banner {
    top: 0% !important;
    left: 23% !important;
  }
  .top-margines {
    position: relative;
    bottom: -225px;
  }
  h3.mobile-page-title,
  h1.mobile-page-title {
    font-size: 29px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1425px) {
  .main-nav {
    max-width: 250px;
  }
  .our-blog h3.home-block-title {
    font-size: 32px;
  }
  .more:hover h3,
  .more:hover .link-label {
    padding-left: 23px;
  }
  h3.home-block-title {
    font-size: 32px;
  }
  .right-panel {
    margin-left: 233px; /*width: 81.7%;*/
  }
  .stage-2 {
    margin-left: 475px;
  }
  .stage-33 {
    left: 475px !important;
    transition: all 0.5s ease 0s;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  .vertical-middle {
    margin-top: 125px;
  }
}
@media only screen and (min-width: 1200px) {
  /******MENU TEST******/
  .nav > li {
    position: static;
  }
  .dropdown-menu {
    background: #f8f7f7;
    border: 0 none;
    border-radius: 0;
    padding: 0;
    position: fixed;
    top: -2px;
    width: 250px;
    display: none;
    left: 263px;
    z-index: inherit;
  }
  .dropdown-menu.mob-app-menu {
    display: block !important;
  }
  .dropdown-menu > li {
    display: table-row;
  }
  .dropdown-menu > li > a,
  .custom-menu-mob > li > a,
  .custom-menu-web > li > a,
  .custom-menu-case-study-menu > li > a,
  .custom-menu-industries-menu > li > a {
    color: #363c41;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding: 0px 0 0 15px;
    text-transform: uppercase;
    white-space: normal;
    border-bottom: 1px solid #d0d0d0;
    display: table-cell;
    vertical-align: middle;
    position: relative;
  }
  /*.dropdown-menu .dropdown-menu{
	position:absolute;
	top:0;
}*/
  .dropdown-menu .dropdown-menu > li,
  .dropdown-menu .dropdown-menu > li > a {
    display: block;
  }
  .dropdown-menu a span {
    display: block;
  }
  .custom-menu-mob > li > a,
  .custom-menu-web > li > a,
  .custom-menu-case-study-menu > li > a,
  .custom-menu-industries-menu > li > a {
    display: block;
    font-size: 16px;
  }
  .custom-menu-web > li > a,
  .custom-menu-mob > li > a,
  .custom-menu-industries-menu > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .custom-menu-case-study-menu > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /*.dropdown-menu > li > a:before, .custom-menu-mob > li > a:before, .custom-menu-web > li > a:before,.custom-menu-case-study-menu > li > a:before,.custom-menu-industries-menu > li > a:before{
	content: '\f105';
	display: table;
	color: #f00;
	position: absolute;
	top: 32%;
	left:10px;
	font: normal normal normal 20px/1 FontAwesome;
}*/
  .custom-menu-web > li > a:before {
    top: 35%;
  }
  .dropdown-menu li:first-child a {
    padding: 65px 0px;
    background: url(../img/s-overview.jpg) center center no-repeat;
    text-indent: -9999px;
    background-size: cover;
  }
  .dropdown-menu .dropdown-menu li:first-child a {
    padding: 0px 0 0 15px;
    background: none;
    text-indent: initial;
    text-transform: initial;
  }
  .dropdown-menu .dropdown-menu li a {
    display: flex;
    align-items: center;
  }
  .custom-menu-mob li:first-child a {
    padding: 65px 0px;
    background: url(../img/solution-mobile.jpg) no-repeat;
    text-indent: -9999px;
    height: 0 !important;
    background-size: cover;
  }
  .custom-menu-web li:first-child a {
    padding: 65px 0px;
    background: url(../img/solution-web.jpg) no-repeat;
    text-indent: -9999px;
    height: 0 !important;
    background-size: cover;
  }
  .custom-menu-case-study-menu li:first-child a {
    background: url(../img/case-menu.jpg) no-repeat !important;
    background-size: cover !important;
    text-indent: -9999px;
    height: 0 !important;
    padding: 65px 0px;
  }
  .custom-menu-industries-menu li:first-child a {
    background: url(../img/industries-menu.jpg) no-repeat !important;
    background-size: cover !important;
    text-indent: -9999px;
    height: 0 !important;
    padding: 75px 0px;
  }
  .dropdown-menu > li:first-child a:before,
  .custom-menu-mob > li:first-child a:before,
  .custom-menu-web > li:first-child a:before,
  .custom-menu-case-study-menu > li:first,
  .custom-menu-industries-menu li:first {
    content: "";
  }
  .nav-pills.custom-menu-mob a:hover,
  .nav-pills.custom-menu-web a:hover,
  .nav-pills.custom-menu-case-study-menu a:hover,
  .custom-menu-industries-menu a:hover {
    background: #fff !important;
  }
  .dropdown-menu > .active > a {
    background: #333538;
    color: #fff;
  }
  .dropdown-menu > li > a:focus {
    background: #333538;
    color: #000;
  }
  .dropdown-menu .dropdown-menu > li.active > a,
  .nav-pills .dropdown-menu li.active > a:hover {
    background: #333538;
    color: #fff;
  }
  .dropdown-menu > li > a:hover {
    background: #1c42ac;
    color: #fff;
  }
  .dropdown-menu li:first-child a:hover {
    background: url(../img/s-overview.jpg) center center no-repeat !important;
    background-size: cover !important;
  }
  .dropdown-menu .dropdown-menu li:first-child a:hover {
    background: #1c42ac !important;
    background-size: cover !important;
  }
  .custom-menu-mob li:first-child a:hover {
    background: url(../img/solution-mobile.jpg) no-repeat !important;
    background-size: cover !important;
  }
  .custom-menu-web li:first-child a:hover {
    background: url(../img/solution-web.jpg) no-repeat !important;
    background-size: cover !important;
  }
  .custom-menu-case-study-menu li:first-child a:hover {
    background: url(../img/case-menu.jpg) no-repeat !important;
    background-size: cover !important;
  }
  .custom-menu-industries-menu li:first-child a:hover {
    background: url(../img/industries-menu.jpg) no-repeat !important;
    background-size: cover !important;
  }
  .custom-menu-mob li:nth-child(2) a {
    text-transform: initial;
  }
}
@media only screen and (max-width: 550px) {
  .ebook-box-wrap.Develop .ebook {
    opacity: 1;
    margin: 80px 0 10px;
    width: 250px;
    font-size: 24px;
    padding: 10px 0px;
  }
  .digital-marketing-awards img {
    margin: auto;
  }
  .lines {
    margin-bottom: 25px;
  }
  .health-industries-sub-page {
    background: none;
  }
  .chemical-sub-page-edge {
    margin-top: 50px;
  }
  .captions .small-click {
    position: static;
    background: #000;
    transform: translate(0);
    padding: 15px 0;
  }
  .ehs-feature {
    margin-bottom: 25px;
  }
  .content-o {
    padding: 3px;
    box-sizing: content-box;
  }
  .contact-top {
    height: 15vh;
    display: block;
  }
  .join-team-top {
    height: 25vh;
  }
  .platefroms-left {
    margin: 0 auto 20px;
  }
  .rnf-ecom-platefrom .platefroms {
    padding: 15px;
  }
  .rnf-works {
    background-size: cover;
    padding: 1em 0;
    background: #141e21;
  }
  #port-slider-text {
    padding: 50px 0 0;
  }
  .rnf-works h2 {
    color: #fff;
    top: 0;
    font-size: calc(16px + 5vw);
  }
  .prev-port-btn,
  .next-port-btn {
    text-align: center;
    top: 0;
  }
  p.journey-point {
    text-align: center;
  }
  .prev-port-btn,
  .next-port-btn {
    width: auto;
    padding: 15px;
    border-radius: 0;
  }
  .ios-header-bg,
  .android-header-bg {
    background-size: 0;
  }
  .line-center {
    padding: 15px 0;
  }
  .rnf-strategy ul li span {
    display: none;
    /* width: 16px;
    height: 16px;
    margin-right: 10px;
    background: #ccc;
    margin-top: 0px;
    border-radius: 50%;*/
  }
  /*.rnf-strategy ul li{
	display:block;
}*/
  .p-5 {
    padding: 15px;
  }
  .rnf-strategy .list-unstyled {
    padding-left: 15px;
    list-style: disc;
  }
  .rnf-strategy .row-flex {
    margin: 25px 0;
  }
  .tab-content-ind img {
    margin: auto;
  }
}
@media only screen and (max-width: 1369px) {
  h3.home-block-title {
    font-size: 27px;
  }
  .work-process-hover h3.home-block-title {
    font-size: 30px;
  }
  .web-app h3.home-block-title {
    font-size: 31px;
  }
  .more {
    font-size: 20px;
  }
  .page-node-type-blog-post .block-system-breadcrumb-block {
    float: none !important;
    margin: 15px 0 !important;
    text-align: left !important;
  }
  .vertical-middle-hybrid {
    margin-top: 65px;
  }
  .our-develpoment .img-responsive {
    margin-top: 35%;
  }
  .custom-menu-case-study-menu > li > a,
  .custom-menu-industries-menu > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .blog-img-margin {
    margin-top: 20%;
  }
  .link-label {
    font-size: 15px;
  }
  .always-reach-hover .link-label {
    font-size: 14px;
    margin: 0;
  }
  .prev-port-btn,
  .next-port-btn {
    top: -65px;
  }
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1366px) {
  /*.container {
	width: 970px;
}*/
  .main-nav {
    max-width: 225px;
  }
  .right-panel {
    margin-left: 228px;
    /*width: 83%;*/
    border-right: 3px solid #fff;
  }
  .dropdown-menu {
    left: 228px;
  }
  .stage-2 {
    margin-left: 473px;
  }
  .stage-33 {
    left: 473px !important;
    transition: all 0.5s ease 0s;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  h3.mobile-page-title,
  h1.mobile-page-title {
    font-size: 27px;
  }
  .mobile-content {
    padding-top: 15vh;
  }
  .always-reach {
    width: 24.85% !important;
  }
  .vertical-middle {
    margin-top: 125px;
  }
  .ampm {
    right: 7px !important;
  }
  .contact-banner {
    top: 0% !important;
    left: 23% !important;
  }
  .top-margines {
    position: relative;
    bottom: -100px;
  }
  .top-spaces {
    margin-top: 60px;
  }
}

/**************INNER PAGE***************/
@media only screen and (min-width: 1024px) {
  .working-block:hover .working-frame:after {
    border-left-color: #b14020;
  }
  .our-blog {
    border-left: 3px solid #fff;
  }
  .item-block {
    min-height: 570px;
  }
  .row-eq-height {
    width: 102.55%;
  }
  .row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .row-eq-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    margin: 3px -15px 0;
  }
  .col-height {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .item-block {
    height: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }
  h3.home-block-title {
    text-align: left;
  }
  .experience .form-item {
    float: left;
    width: 48%;
  }
  .experience .form-item-year,
  .experience .form-item-annual-compensation {
    margin-right: 4% !important;
  }
  .mob-application-page .item-block img {
    position: relative;
    top: 20px;
    display: inline-block;
  }
  .mob-application-page .item-block.panel-primary img {
    top: 70px;
  }
  .always-reach {
    width: 24.95%;
  }
  .who-we-are .item-block {
    min-height: 320px;
  }
  .resource-wrap h2 {
    min-height: 140px;
  }
  .health-case-study-page-approach .offset-top {
    top: 15%;
  }
}
@media only screen and (min-width: 768px) {
  .row.no-gutter [class*="col-"],
  .row.no-gutter [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
  footer .nav > li > a {
    padding: 10px 8px;
  }
  .last-table {
    display: block;
  }
  .no-padding {
    padding: 0;
  }
  .top-strip {
    position: absolute;
    height: 8px;
    background: #f4f2f1;
    top: 0px;
    width: 100%;
    z-index: 999;
  }
  .over-lay {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: 999;
  }
  .path-current-openings .career-wrapper,
  .join-our-team-wrap {
    min-height: 850px;
  }
  .thank-you-page {
    background: url(../img/thank-page-bg.jpg) center center no-repeat;
    min-height: calc(100vh - 100px);
    color: #fff;
    display: flex;
    align-items: center;
  }
  .thank-you-page p:last-child {
    margin: 0;
  }
  .thank-you-page h1 {
    font-size: calc(16px + 2vw);
    font-weight: bold;
  }
  .thank-you-page h4 {
    margin-bottom: calc(16px + 5vh);
  }
  .user-logged-in .career-wrapper {
    min-height: 900px;
  }
  .more-hover,
  .more-hover-black {
    float: right;
    margin-right: 40px;
    bottom: -35px;
  }
  .responsive-position {
    float: right;
  }
  .resource-title {
    font-size: 2.2vw;
  }
  .mr-15 {
    margin-left: -15px;
  }
  .section-dev {
    /*min-height: 100vh;*/
    display: flex;
    align-items: center;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */

  h3.home-block-title {
    font-size: 30px;
  }
  .web-app h3.home-block-title {
    font-size: 34px;
  }
  .caption {
    width: 50%;
  }
  .right-panel {
    margin-left: 233px;
  }
  .dropdown-menu {
    left: 238px;
  }
  .stage-2 {
    margin-left: 490px;
  }
  .stage-33 {
    left: 490px !important;
    transition: all 0.5s ease 0s;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
  .path-frontpage .right-panel {
    /*width: 83.7%;*/
  }
  .vertical-middle {
    margin-top: 125px;
  }
  .vertical-middle-hybrid {
    margin-top: 65px;
  }
  h3.mobile-page-title,
  h1.mobile-page-title {
    font-size: 28px;
  }
  .mobile-content {
    padding-top: 15vh;
  }
  .our-develpoment .img-responsive {
    margin-top: 35%;
    padding: 0 2%;
  }
  .caption.clutch {
    padding: 12vh 15px;
    font-size: 2.65vw;
  }
  .contact-banner {
    top: 0% !important;
    left: 23% !important;
  }
  .top-margines {
    bottom: -100px;
  }
  .top-spaces {
    margin-top: 75px;
  }
  .internet-sub-page,
  .ecom-inds-sub-page {
    height: 115vh;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  /* STYLES GO HERE */
  .right-panel {
    margin-left: 0px;
  }
  .path-frontpage .right-panel {
    width: 100%;
  }
}
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.3) {
  /* Retina-specific stuff here */
  .path-frontpage .right-panel {
    width: 100%;
  }
}
@media only screen and (min-width: 1199px) and (max-width: 1325px) {
  .main-nav {
    max-width: 210px;
  }
  .our-blog h3.home-block-title {
    font-size: 29px;
  }
  .more:hover h3,
  .more:hover .link-label {
    padding-left: 23px;
  }
  .right-panel {
    /*width: 83.1%;
	margin-left: 213px;*/
  }
  .stage-2 {
    margin-left: 463px;
  }
  .stage-33 {
    left: 483px !important;
    transition: all 0.5s ease 0s;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
  }
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) {
  .main-nav {
    max-width: 210px;
  }
  .web-app h3.home-block-title {
    font-size: 27px;
  }
  .link-label {
    font-size: 15px;
  }
  .contact-bg-hover {
    padding-bottom: 150px;
  }
  .page-node-type-blog-post .block-system-breadcrumb-block {
    float: none !important;
    margin: 15px 0 !important;
    text-align: left !important;
  }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1279px) {
  .main-nav {
    max-width: 195px;
  }
  .web-app h3.home-block-title {
    font-size: 29px;
  }
  .link-label {
    font-size: 15px;
  }
  .contact-bg-hover {
    padding-bottom: 60px;
  }
  .our-blog-hover {
    padding: 20px 15px;
  }
  .page-node-type-blog-post .block-system-breadcrumb-block {
    float: none !important;
    margin: 15px 0 !important;
    text-align: left !important;
  }
  .more:hover h3,
  .more:hover .link-label {
    padding-left: 10px;
  }
  .nav-pills > li > a {
    font-size: 16px;
  }
  .row.top-block.no-gutter {
    margin: 0 -7.5px 0 -15px;
  }
  .work-process {
    width: 24.1%;
  }
  .our-team {
    width: 25.9%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .nav > li > a {
    padding: 10px;
  }
  /*.row {
	margin: 10px;
}*/
  .top-block,
  .top-block:hover,
  .row-eq-height {
    margin: 0;
  }
  .content {
    padding: 0 25px;
    height: auto !important;
  }
  .img-frame {
    padding-bottom: 20px;
  }
  .no-gutter + .row-eq-height {
    display: block;
    margin: 3px 0 0;
  }
  .work-process,
  .always-reach-hover {
    margin-bottom: 10px;
  }
  .mobile-app {
    margin: 0 -3px 3px;
  }
  .web-app {
    margin-bottom: 10px;
  }
  .web-app h3.home-block-title {
    font-size: 35px;
  }
  .nav-tabs > li > a {
    font-size: 18px;
  }
  .join .row [class*="col-"] {
    margin: 5px 0;
  }
  .join .no-padding {
    padding: 0 -3px;
  }
  .img-responsive.pull-right.margin-30 {
    float: left !important;
  }
  .item-block h3 {
    text-align: center;
  }
  h3.home-block-title {
    min-height: inherit;
  }
  h3.contact-title {
    padding-top: 0;
  }
  .caption {
    padding: 30px 50px;
  }
  .blog-box {
    min-height: 260px;
  }
  .mobile-content {
    padding: 0;
    font-size: 12px;
  }
  .top-margines {
    bottom: -75px;
  }
  .web-content {
    font-size: 13px;
  }
  .our-develpoment .img-responsive {
    top: 75%;
  }
  .display {
    padding: 30px 0;
  }
  .digits .d2,
  .digits .d1,
  .digits .d3 {
    width: 12px;
  }
  .digits div {
    width: 22px;
  }
  .ampm {
    bottom: 0;
    right: 0;
  }
  .block-system-breadcrumb-block {
    float: none;
    text-align: left;
    margin: 0 0 15px;
  }
  .path-current-openings .block-system-breadcrumb-block,
  .page-node-type-jobs .block-system-breadcrumb-block,
  .path-join-our-team .block-system-breadcrumb-block {
    margin-top: 0;
  }
  .product .item-block {
    margin-bottom: 5px;
  }
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    bottom: 10px;
  }
}
@media only screen and (max-width: 1280px) {
  .nav-pills.custom-menu-main > li > a {
    padding: 10px 18px;
  }
  .custom-menu-case-study-menu > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .main-nav {
    position: absolute;
    z-index: 999;
    background: #000;
    left: -250px;
    display: none;
    width: 280px;
  }
  h3.home-block-title {
    font-size: 32px;
  }
  .content {
    height: 255px;
  }
  .more {
    font-size: 14px;
  }
  .main-nav .header-nav-logo {
    display: none;
  }
  .navbar-header {
    width: 100%;
  }
  .navbar-toggle {
    display: block !important;
    margin-right: 0 !important;
  }
  .dropdown-menu {
    width: 100%;
    background: #000;
    position: static;
    float: none;
  }
  .dropdown-menu > li > a {
    white-space: normal;
    color: #e8e8e8;
    padding: 10px 20px;
    border-bottom: 1px solid #444445;
    height: inherit !important;
  }
  .link-label {
    font-size: 16px;
  }
  .dow-case-landing a,
  .health-case-landing a,
  .pollice-case-landing a,
  .jamco-case-landing a,
  .life-case-landing a,
  .albtross-case-landing a,
  .buddha-case-landing a {
    padding: 10vh 0 30vh;
  }
  .nav-pills > li > a {
    color: #fff;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .link-label {
    font-size: 15px;
  }
  /*.our-team-hover h3.home-block-title {
	font-size: 28px;
}*/
  footer {
    background: #1f1f1f none repeat scroll 0 0;
    margin: 3px 0px 0 -3px;
    position: relative;
  }
  .row.top-block {
    margin: 0px;
  }
  .mob-application-page .item-block img {
    top: 70px;
  }
  .mob-application-page .item-block.panel-primary img {
    top: 100px;
  }
  .product .item-block {
    min-height: 465px !important;
    margin: 0;
  }
  .thank .border-bottom span {
    display: none;
  }
  .caption {
    padding: 60px 50px;
  }
  .blog-box {
    min-height: 360px;
  }
  .ampm {
    right: 0;
  }
  .top-header .row {
    margin: 0;
  }
  .row-eq-height {
    margin: 3px 0 0;
    width: 100%;
  }
  .resource-wrap h2 {
    min-height: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  #block-webappsmenu,
  #block-mobilewebmenu,
  #block-casestudymenu,
  #block-industriesmenu {
    display: none;
  }
  /*.services-breadcrumbs{
	position:fixed;
	z-index:999;
	top:50px;
}*/
  .services-breadcrumbs ol li,
  .services-breadcrumbs a {
    color: #000;
  }
  /*.row {
	margin: 10px;
}*/
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .home-block-title {
    padding: 155px 0 150px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
  h3.home-block-title {
    font-size: 34px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  h3.home-block-title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 768px) {
  .item-block h3 {
    text-align: center;
  }
  .mob-application-page img {
    display: inline-block;
  }
  .mob-application-page [class*="col-"] {
    text-align: center;
  }
  .mob-application-page p {
    text-align: left;
  }
  .thank .border-bottom span {
    display: none;
  }
  .services-breadcrumbs {
    display: none;
  }
  form#apply-jobs label.error,
  label.error {
    position: static;
  }
  .always-reach-hover,
  .work-process-hover {
    background: rgba(255, 255, 255, 0.4);
  }
  .contact-bg .more-hover {
    bottom: 0px;
  }
  .mobile-app-hover {
    background: rgba(0, 0, 0, 0.4);
  }
  .startupswrap {
    background: rgba(255, 255, 255, 0.92);
    padding: 15px 0;
  }
  .award-box-logo {
    border-bottom: 5px solid #fff;
    height: 240px;
  }
  .award-box-logo img,
  .client-box-img .img-responsive {
    display: block;
    margin: auto;
  }
  .appi-portfolio-sec {
    display: none;
  }
  .path-1,
  .circle-1,
  .path-2,
  .path-3,
  .circle-2,
  .path-4,
  .circle-3 {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .top-block,
  .top-block:hover,
  .row-eq-height {
    background: none;
    margin: 0;
  }
  .img-frame,
  .imgs-frame {
    background: #5e6bd7;
    padding-bottom: 25px;
  }
  .nav.nav-tabs.row {
    margin: 0;
  }
  .row.no-gutter [class*="col-"],
  .row.no-gutter [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
  .border-left,
  .border-right {
    border: 0;
  }
  footer .row.no-gutter {
    margin: 0;
  }
  .content {
    padding: 0 20px;
    height: auto;
  }
  .contact-bg h3 {
    font-size: 40px;
  }
  h3 {
    font-size: 30px;
    line-height: normal;
  }
  .panel-title {
    font-size: 36px;
  }
  .item-block {
    margin: 0 -15px 20px;
  }
  .contact-bg h3.home-block-title {
    font-size: 32px;
    padding-top: 75px;
  }
  .contact-bg-hover {
    padding-bottom: 40px;
  }
  .home-block-title {
    text-align: center;
  }
  .our-team-hover {
    margin-top: 0px;
  }
  .work-process,
  .always-reach-hover,
  .web-app,
  .our-team-hover,
  .product-development,
  .contact-bg-hover,
  .our-blog-hover {
    margin-bottom: 3px;
  }
  footer [class*="col-"] {
    text-align: center !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .img-responsive.pull-right.margin-30 {
    float: left !important;
  }
  #conatct-form {
    right: 0;
  }
  .apply-job .text-right {
    text-align: left !important;
  }
  .join .row [class*="col-"] {
    margin: 10px 0;
  }
  .join .row .col-sm-12:first-child {
    margin-bottom: 0 !important;
  }
  .join .no-padding {
    padding: 0 -10px;
  }
  .ls-nav-prev,
  .ls-nav-next {
    display: none !important;
  }
  .post-title {
    font-size: 18px;
  }
  .web-dev .item-block h3 {
    text-align: center;
  }
  .panel-success:before,
  .panel-primary:before,
  .panel-warning:before {
    left: 0;
  }
  h3.home-block-title {
    min-height: inherit;
  }
  .caption br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .right-panel {
    margin-left: 0;
  }
  .nav-tabs > li {
    float: none;
    margin-bottom: 15px;
  }
  .mobile-app {
    margin: 0 -3px 3px;
  }
  .contact-bg {
    margin-bottom: 3px;
  }
  .caption {
    background: #0c0c0c;
    width: 100%;
    padding: 15px;
  }
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    bottom: -10px;
  }
  .block-system-breadcrumb-block {
    float: none;
    margin: 0 0 25px;
    text-align: left;
  }
  .our-develpoment [class*="col-"] {
    padding: 15px;
  }
  .mobile-sub-block-android,
  .mobile-sub-block-enterprise,
  .mobile-page-bg,
  .mobile-sub-block-ios,
  .mobile-sub-block-game,
  .mobile-sub-block-hybrid,
  .web-sub-block-ios,
  .ecommerce-sub-block-android,
  .erp-sub-block-enterprise,
  .web-page-bg {
    padding: 5vh 3vh;
  }
  .content-region.solutions,
  .right-panel.solutions {
    position: relative;
  }
  .right-panel.solutions .block-breadcrumbs li {
    color: #000;
  }
  .block-breadcrumbs {
    text-align: left;
    width: 100%;
  }
  .block-breadcrumbs ol {
    padding: 0;
  }
  .block-breadcrumbs a {
    margin: 0 4px;
    padding: 0 4px;
  }
  .our-develpoment .img-responsive {
    margin: 5% 0;
  }
  .vertical-middle,
  .vertical-middle-hybrid {
    margin: 0;
  }
  .ios-cont,
  .ios-img,
  .ios-mobile .ios-img {
    padding: 0;
  }
  .path-current-openings .block-system-breadcrumb-block,
  .page-node-type-jobs .block-system-breadcrumb-block,
  .path-join-our-team .block-system-breadcrumb-block {
    margin: 0;
  }
  .view-jobs .btn,
  .apply,
  .form-submit {
    font-size: 20px;
  }
  .bx-wrapper {
    margin-bottom: 3px;
  }
  footer {
    margin-top: 0px;
  }
  .learn-more {
    width: 120px;
    line-height: 25px;
    margin-top: 10px;
  }
  .dow-case-landing a,
  .health-case-landing a,
  .pollice-case-landing a,
  .jamco-case-landing a,
  .life-case-landing a,
  .albtross-case-landing a,
  .buddha-case-landing a {
    padding: 10vh 0 10vh;
  }
  .team-size {
    display: table;
  }
  .dow-case-study-page-approach,
  .life-case-study-page-challange,
  .dow-case-study-page-result,
  .health-case-study-page-result,
  .health-case-study-page-approach {
    padding: 5vh 0;
  }
  #menuitem {
    width: 35%;
  }
  .web-app-hover .more-hover {
    width: 150px;
    margin: auto;
  }
  .mobile-app .more-hover,
  .our-team .more-hover-black,
  .our-team-hover .more-hover {
    width: 130px;
    margin: auto;
  }
  .product-development-hover .more-hover,
  .our-blog .more-hover {
    width: 110px;
    margin: auto;
  }
  .work-process .more-hover-black {
    width: 200px;
    margin: auto;
  }
  .always-reach-hover .more-hover-black {
    width: 175px;
    margin: auto;
  }
  /*.our-team-hover .more-hover-black{
	width:210px;
	margin:auto;
}*/
  .award-section-logo [class*="col-"] {
    width: 100%;
  }
  .web-app-hover {
    background: rgba(0, 0, 0, 0.25);
  }
  .ampm {
    right: 25%;
  }
  .panel-group .glyphicon {
    font-size: 10px;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 4px;
  }
  .path-blog .blog-box .img-responsive {
    max-width: inherit;
    width: 100%;
  }
  .single-blog-share.pull-right,
  .page-node-type-blog-post .blog_post h5.pull-left {
    float: none !important;
  }
  .narda-case-result [class*="col-"],
  .health-case-study-page-result [class*="col-"],
  .police-case-result [class*="col-"],
  .dow-case-study-page-result [class*="col-"],
  .jamco-case-result [class*="col-"],
  .albatross-case-result [class*="col-"] {
    margin: 20px auto;
  }
  .startups-industries,
  .ecommerce-i-page-landing,
  .health-i-page-landing,
  .chemical-page-landing,
  .internet-page-landing,
  .financial-page-landing,
  .ecom-inds-sub-page,
  .internet-sub-page,
  .industries-page-landing {
    display: table;
  }
  .ecommerce-i-page-landing,
  .health-i-page-landing,
  .chemical-page-landing,
  .internet-page-landing,
  .financial-page-landing,
  .ecom-inds-sub-page,
  .internet-sub-page,
  .industries-page-landing {
    padding: 0;
  }
  .ecommerce-i-page-landing > div,
  .health-i-page-landing > div,
  .chemical-page-landing > div,
  .internet-page-landing > div,
  .financial-page-landing > div,
  .ecom-inds-sub-page > div,
  .internet-sub-page > div,
  .industries-page-landing > div {
    padding: 10vh 3px;
  }
  .startups-industries > div,
  .ecommerce-i-page-landing > div,
  .health-i-page-landing > div,
  .chemical-page-landing > div,
  .internet-page-landing > div,
  .financial-page-landing > div,
  .ecom-inds-sub-page > div,
  .internet-sub-page > div,
  .industries-page-landing > div {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .albatross-case-study-page {
    padding: 0;
    height: 100%;
    display: table;
  }
  .resource-banner {
    font-size: 4vw;
  }
  .internet-sub-page,
  .ecom-inds-sub-page {
    height: auto;
  }
  .internet-sub-page-edge .top-spacess {
    top: 0;
  }
  .prev-port-btn,
  .next-port-btn {
    top: 0;
  }
}
@media only screen and (max-width: 580px) {
  .more-details {
    font-size: 14px;
  }
  .solution-web-app {
    margin: 20px 0;
  }
  .panel-body {
    padding: 0 15px 15px;
  }
  .table > tbody > tr > td,
  .table > tbody > tr > th,
  .table > tfoot > tr > td,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > thead > tr > th {
    font-size: 12px;
    padding: 5px;
  }
  .margin-20 {
    margin: 0;
  }
  .staff-augmentation > tbody > tr > td,
  .staff-augmentation > tbody > tr > th,
  .staff-augmentation > tfoot > tr > td,
  .staff-augmentation > tfoot > tr > th,
  .staff-augmentation > thead > tr > td,
  .staff-augmentation > thead > tr > th {
    font-size: 10px !important;
  }
  .key-box {
    min-height: inherit;
  }
  .our-team-hover,
  .web-app-hover {
    padding-left: 0;
  }
  h3.home-block-title {
    line-height: normal;
    min-height: inherit;
    font-size: 34px;
  }
  .h3.contact-title,
  .always-reach h3,
  .our-team h3 {
    padding-top: 0;
  }
  .panel-heading {
    padding: 10px 15px;
  }
  .it-panel-title {
    font-size: 14px;
  }
  #block-contactblock h2 {
    text-align: center;
  }
  .page-node-type-blog-post #block-contactblock h2 {
    padding-top: 20px;
  }
  .view-jobs .btn {
    margin-bottom: 15px;
  }
  .input.button {
    margin: 5px 0;
    border-radius: 5px;
  }
  .rc-anchor-normal {
    width: 250px !important;
  }
  h3.contact-title {
    padding-top: 0px;
  }
  .mobile-app-hover {
    padding-left: 0;
  }
  .clearfix {
    height: 0;
  }
  .competitive-block .row {
    margin: 10px -15px;
  }
  .web-dev .item-block img {
    margin-bottom: 15px;
  }
  .nav-tabs > li > a {
    font-size: 22px;
  }
  #differentiators {
    margin-top: 10px;
  }
  .item-block.item-block-last.text-justify {
    text-align: left;
  }
  .path-current-openings .apply {
    font-size: 14px;
  }
  #edit-upload-resume-error {
    position: absolute;
    z-index: 999;
  }
  .group-span-filestyle .btn-primary {
    padding: 5px;
    font-size: 10px;
  }
  .top-margines {
    bottom: -50px;
  }
  .single-blog {
    float: none;
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 435px) {
  #rc-imageselect,
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  #edit-upload-resume {
    width: 100%;
  }
  .top-margines {
    bottom: -100px;
  }
  .light {
    overflow: hidden;
  }
  .display {
    text-align: center;
    padding: 30px 10px;
  }
  .ampm {
    right: 5%;
  }
  #cookieBar a {
    display: block;
    text-align: center;
    margin: 10px 0;
  }
  .nav-pills.custom-menu-main > li {
    margin: 15px 0;
  }
}
.visually-hidden {
  display: none;
}
#maintenanceID {
  display: block;
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}
#intro-slides h1 {
  font-size: calc(16px + 3vw);
  font-weight: 600;
}
#intro-slides .leads {
  font-size: calc(16px + 1.5vw);
  font-weight: 100;
  margin: 0;
  padding: 0;
}
.path-frontpage section .container > h2 {
  font-size: calc(16px + 1.5vw);
}
.contacts-label {
  background: #232324;
  color: #fff;
  padding: 15px;
  text-align: center;
  font-size: calc(15px + 0.75vw);
  margin-top: calc(16px + 1vh);
  position: relative;
}
.right-panel.thank .contacts-label {
  margin-top: 0;
}
#intro-slides .learn-more {
  background: #e62a29;
  border-color: #e62a29;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: calc(16px + 0.5vw);
  width: auto;
  display: inline-block;
  padding: 10px 15px;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
  .row {
    margin: 0 -3px;
  }
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    padding-left: 3px;
    padding-right: 3px;
  }
  .lines:before {
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
    display: inline-block;
  }
  .lines:after {
    content: "";
    width: 85%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    transform: translate(100px, 60px);
    margin: 25px 0;
  }

  .dashed-line .timeline-arrow {
    content: "";
    width: 80%;
    height: 2px;
    display: block;
    position: absolute;
    left: 10%;
    transform: translateY(150px);
    margin: 25px 0;
    border-bottom: 2px dashed #ccc;
  }
  .dashed-line .journey-wrap:after {
    content: "";
    width: 11px;
    height: 20px;
    display: block;
    position: absolute;
    bottom: 13px;
    right: -45px;
    z-index: 9;
    background: url(../img/rnf-milestone-pointer.png) no-repeat;
  }
  .dashed-line .journey-wrap.last:after {
    display: none;
  }
  .dashed-line .row-flex:after {
    content: "";
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    top: 30%;
    left: 33%;
    z-index: 9;
    background: url(../img/down-dir.png) no-repeat;
  }
  .dashed-line .row-flex:last-child:after {
    background: url(../img/thumsup.png) no-repeat;
    width: 55px;
    height: 60px;
  }
  .rnf-strategy .row-flex {
    margin: 25px 0 100px;
  }
  .col-xs-15 {
    width: 20%;
    float: left;
  }
  .rnf-industries:before {
    content: "";
    width: 97%;
    height: 75%;
    display: block;
    background: #e0e4e9;
    position: absolute;
    top: 7.5%;
    left: 3%;
    border-radius: 10px;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
  .topsocialdiv {
    position: absolute;
    top: 10px;
    right: 40px;
    display: block;
  }
  .topsocialdiv li {
    display: inline;
    margin: 0 5px;
  }
  .topsocialdiv li a {
    color: #fff;
  }
}
/*********top-container************/
.top-container {
  padding: 7vh 0 5vh;
  color: rgba(255, 255, 255, 1);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../img/home-header-bg-mins.jpg) no-repeat;
}
.path-frontpage .owl-carousel .owl-item {
  background: transparent;
}
.headline {
  font-size: calc(16px + 4vw);
  line-height: 0.8;
  font-weight: 600;
  margin-bottom: 25px;
}
.lead {
  font-size: 32px;
  color: rgba(255, 255, 255, 0.45);
}
.owl-next {
  right: 120px;
  position: absolute;
  bottom: 20px;
}
.owl-prev {
  left: 120px;
  position: absolute;
  bottom: 20px;
}
.owl-prev i,
.owl-next i {
  font-size: 40px;
}
.owl-prev i:hover,
.owl-next i:hover {
  color: #ccc;
}
.trust-rows {
  margin: calc(16px + 1vw) 0 0px;
}
/*********about-resourcifi*******/

.about-resourcifi {
  padding: 2em 0 0.5em;
  font-size: 30px;
  color: rgb(52, 52, 63);
  line-height: 1.5;
  background: rgb(255, 255, 255);
}
.about:after {
  content: "";
  width: 40%;
  height: 1px;
  background: rgb(204, 204, 204);
  display: block;
  margin: 50px 0;
}
/*****services-resourcifi*********/

.services-resourcifi {
  padding: 0em 0 4em;
  background: rgb(255, 255, 255);
}
.services-resourcifi h2 {
  margin-bottom: 0em;
}
.service-boundries {
  background: rgb(250, 114, 98);
  border-radius: 20px 350px 20px 20px;
  transform: scale3d(0.65, 0.65, 0.65);
  padding: 25px;
  transition: transform 0.6s cubic-bezier(1, 0.005, 0.37, 1.645);
}
.service-boundries:hover {
  transform: scaleX(1);
}
.service-boundries img {
  position: relative;
  top: -40px;
  right: -50px;
}
/*h3 {
	text-align: center;
	margin: 0
}*/
.service-boundries:hover h3 {
  display: block;
}
.ser {
  width: 100%;
  height: 100%;
  position: relative;
}
img[usemap] {
  border: none;
  height: auto;
  max-width: 100%;
  width: auto;
}
/**********resourcifi-process*********/
.resourcifi-process {
  background: url(../img/resourcifi-precess-bg-min.jpg) 0 0 no-repeat
    rgb(226, 226, 226);
  padding: 3em 0;
}
.resourcifi-process h2 {
  margin-bottom: 20px;
}
.p-silde {
  font-size: 24px;
  background: rgb(255, 255, 255);
  padding: 15px;
  border-radius: 50px;
  line-height: 1.5;
}
.onhove.col-custom > div {
  width: 100%;
}
.onhover {
  position: absolute;
  width: 100%;
  top: 0;
  display: none;
  left: 0;
  padding: 20px 10px 0;
  transition: all 0.3s;
  color: rgb(255, 255, 255);
}
.onhover p {
  font-size: 16px;
}
.number {
  font-size: 70px;
  color: #e5e5e5;
  font-weight: bold;
  position: absolute;
  top: 20px;
  right: 20px;
}
.col-custom {
  position: relative;
}
.col-custom:nth-child(1) {
  height: 53%;
}
.col-custom:nth-child(2) {
  height: 60%;
}
.col-custom:nth-child(3) {
  height: 70%;
}
.col-custom:nth-child(4) {
  height: 80%;
}
.col-custom:nth-child(5) {
  height: 90%;
}
.hoveron {
  transition: all 0.3s;
  width: 100%;
  background: rgb(255, 255, 255);
}
.col-custom:hover {
  height: 100%;
  background: #5579d6;
}
.col-custom:hover:nth-child(2) {
  background: #f1b015;
}
.col-custom:hover:nth-child(3) {
  background: #68209b;
}
.col-custom:hover:nth-child(4) {
  background: #cb2121;
}
.col-custom:hover:nth-child(5) {
  background: #19845b;
}
.col-custom:hover .hoveron {
  opacity: 0;
}
.col-custom:hover .onhover {
  display: block;
}
/*********WEB APP PORTFOLIO***********/
.mobile-app-portfolio {
  color: rgba(255, 255, 255, 0.7);
  position: relative;
  overflow: hidden;
}
.mobile-app-portfolio img {
  transition: all 0.3s; /*filter: grayscale(100%)*/
}
.captions {
  position: relative;
}
.click-here {
  position: absolute;
  font-size: 2.5vw;
  font-weight: 600;
  color: #f00;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translate(18%, -17%);
  transition: all 0.3s;
}
.click-here a,
.click-here a:hover {
  color: rgb(255, 255, 255);
}
.caption-link {
  display: inline-block;
  transition: all 0.5s;
}
.click-here-o,
.caption-link:hover {
  transform: scale(1.2);
}
/*********resourcifi-skills***********/

.resourcifi-skills {
  background: url(../img/skils-bg-min.jpg) 0 0 no-repeat;
  padding: 3em 0;
}
.resourcifi-skills .lead {
  font-size: 24px;
  color: rgb(255, 255, 255);
}
.skill-box {
  background: rgb(255, 255, 255);
  border-radius: 50%;
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto 10px;
  transition: all 0.3s;
}
.resourcifi-skills .owl-item a {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 600;
}
.resourcifi-skills .owl-item .item {
  padding: 25px 25px 0;
  transition: all 0.3s;
  border-radius: 15px;
}
.resourcifi-skills .owl-item:hover .item {
  background: rgb(0, 198, 255);
}
.more-skill {
  margin: 15px auto 0;
  background: rgb(255, 158, 79);
  color: rgb(255, 255, 255);
  font-size: 18px;
  width: 200px;
  border-radius: 50px;
  padding: 15px;
  text-align: center;
  display: block;
}
.more-skill:hover {
  color: rgb(0, 0, 0);
}
#skill-slides {
  margin-top: 50px;
}
.hove-show {
  width: 100%;
  padding-right: 15px;
  text-align: center;
  margin: auto;
  opacity: 0;
  transition: all 0.3s;
}
.hove-show svg {
  width: 35px;
  height: 35px;
}
.resourcifi-skills .owl-item:hover .hove-show {
  opacity: 1;
}
/*********benefits-staff************/

.benefits-staff {
  padding: 1.5em 0;
  font-size: 24px;
  line-height: 1.5;
  background: rgb(255, 255, 255);
}
.list-staff {
  margin: 35px 0 25px;
}
.list-staff li {
  background: url(../img/staff-list.jpg) 0 10px no-repeat;
  margin-bottom: 15px;
  padding-left: 50px;
  background-size: 5%;
}
/*************web-app-dev-hilights*********/
.web-app-dev-hilights {
  background: rgb(27, 62, 83);
  padding: 3em 0;
}
.ios-key-box {
  text-align: center;
  color: #fff;
  position: relative;
}
.ios-key-box img {
  margin-bottom: 20px;
}
.web-app-dev-hilights .count {
  position: absolute;
  top: 25%;
  left: 0;
  font-size: 50px;
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
}
/********digital-marketing-awards************/
.digital-marketing-awards {
  padding: 3em 0;
  background: url(../img/resourcifi-award-bg.png) right bottom no-repeat
    rgb(241, 248, 252);
  font-size: 24px;
  line-height: 1.5;
}
#award-slide {
  margin-top: 35px;
}
/*********client-speak***********/

.client-speak {
  background:/*url(../img/client-speak-left.png) 10% 10% no-repeat,url(../img/client-speak-right.png) 93% bottom no-repeat*/ rgb(
    255,
    255,
    255
  );
  background-size: auto, contain;
  padding: 2em 0;
  color: rgb(0, 0, 0);
}
.client-speak .lead {
  color: rgb(0, 0, 0);
}
.clients-word {
  background: rgb(182, 218, 243);
  border-radius: 50px;
  padding: 10px 20px;
  margin-top: 15px;
  display: inline-block;
  color: rgb(0, 0, 0);
}
/*****************Blogs***********/
.resoircifi-blog {
  background-position: center top;
  background-repeat: no-repeat;
  padding: 3em 0 4em;
  box-shadow: none;
  background: #505050;
}
.home-blog-box {
  background: rgb(255, 255, 255);
  padding-bottom: 20px;
}
.project-in-mind {
  padding: 3em 0 2em;
  font-size: 36px;
  background: rgb(255, 255, 255);
}
.btn.btn-more {
  background: #6c6c6c;
  margin: 010px;
  border-radius: 25px;
  color: #fff;
  font-weight: 600;
}
.btn-project {
  background: #e62a29;
  color: rgb(255, 255, 255);
  font-size: 20px;
  display: block;
  margin: 25px auto;
  border: 0;
  width: 200px;
  padding: 10px 20px;
  border-radius: 5px;
  text-transform: uppercase;
}
.project-bg {
  background: url(../img/project-bg.png) right top no-repeat;
  display: inline-block;
  padding-top: 50px;
  padding-right: 50px;
  color: rgb(0, 0, 0);
}
.owl-prev:focus,
.owl-next:focus {
  outline: 0;
}
@media screen and (max-width: 550px) {
  .headline {
    font-size: 60px;
  }
}
@media screen and (max-width: 825px) {
  .headline,
  h1.lead {
    text-align: center;
  }
  .col-custom {
    margin: 10px;
    padding: 10px;
    text-align: center;
  }
  .resourcifi-skills {
    background-size: cover;
  }
  .hoveron {
    position: relative;
  }
  .headline {
    padding-top: 50px;
  }
}

/*@media screen and (max-width:1499px){
	#intro-slides .img-responsive{
	max-width: 75%;
}
}*/
@media screen and (min-width: 991px) {
  .rowlflex {
    display: flex;
    align-items: center;
  }
  .row-work {
    display: flex;
    align-items: flex-end;
    height: 20em;
    margin-top: 25px;
  }
  .col-custom {
    background: rgb(255, 255, 255);
    padding: 15px;
    font-size: 20px;
    width: 20%;
    margin: 0 1%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: flex-end;
    position: relative;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .top-container {
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
.servicesGrid-item {
  animation-name: serviceItemDisablePointerWhileOnboarding;
  animation-duration: 1.3s;
  animation-fill-mode: backwards;
  margin-bottom: 30px;
}
.serviceItem-ballBGWrapper {
  transform: scale3d(0.5, 0.5, 0.5);
  transition: transform 0.6s cubic-bezier(1, 0.005, 0.37, 1.645);
  animation-name: servicesItemHeroBallBGWrapperOnboard;
  animation-duration: 0.75s;
  animation-fill-mode: backwards;
  animation-delay: 0.5s;
}
.serviceItem-ballBG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  /* border-radius: 20px 350px 20px 20px;*/
  border-radius: 50%;
  background-color: rgb(179, 38, 46);
}
.serviceItem-mainWrapper {
  display: -ms-grid;
  display: grid;
  position: relative;
  height: 250px;
  width: 250px;
  margin: auto;
}
.serviceItem-mainWrapper:hover .serviceItem-ballBGWrapper {
  transform: scaleX(1);
}
.serviceItem-heroImg {
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}
.serviceItem-heroImg {
  transition-delay: 0.15s;
  transition: transform 0.6s cubic-bezier(1, 0.005, 0.37, 1),
    top 0.6s cubic-bezier(1, 0.005, 0.37, 1);
  animation-name: servicesItemHeroImgOnboard;
  animation-duration: 0.75s;
  animation-fill-mode: backwards;
  animation-delay: 0.5s;
}
.serviceItem-mainWrapper:hover .serviceItem-heroImg {
  transform: translate3d(-50%, -50%, 0) scale3d(0.75, 0.75, 0.75);
  top: 100%;
}
.serviceItem-wrapperHeader--preHover {
  width: 100%;
  position: absolute;
  bottom: -10px;
  transition: transform 0.5s, opacity 0.5s;
  animation-name: servicesItemTextOnboard;
  animation-duration: 0.75s;
  animation-fill-mode: backwards;
  animation-delay: 0.5s;
}
.serviceItem-overflowHiddenWrapper {
  overflow: hidden;
}
.serviceItem-wrapperHeader--preHover .serviceItem-headerCopy {
  transition: transform 0.5s, opacity 0.5s;
  animation-name: servicesItemTextOnboard;
  animation-duration: 0.75s;
  animation-fill-mode: backwards;
  animation-delay: 0.5s;
}
.serviceItem-wrapperHeader--preHover .serviceItem-headerCopy {
  font-weight: 600;
  font-size: calc(16px + 0.25vw);
  text-align: center;
}
.serviceItem-mainWrapper:hover
  .serviceItem-wrapperHeader--preHover
  .serviceItem-headerCopy {
  transform: translate3d(0, -40%, 0);
  font-size: calc(16px + 1vw);
}
.serviceItem-mainWrapper:hover
  .serviceItem-wrapperHeader--preHover
  .serviceItem-headerCopy.serviceItem-headerCopies {
  transform: translate3d(0, 20%, 0);
}
.serviceItem-mainWrapper:hover .serviceItem-wrapperHeader--preHover {
  transform: translate3d(0, -100%, 0);
  color: #fff;
}
footer h6 {
  font-size: calc(16px + 0.75vw);
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 1);
  padding: 0;
}
footer li {
  margin: 0 0 10px;
}
footer p,
footer a {
  color: #979797;
}
#intro-slides .owl-dots {
  display: flex;
  justify-content: center;
}
#intro-slides .owl-dot {
  margin: 0 5px;
}
#intro-slides .owl-dot span {
  width: 10px;
  height: 10px;
  background: #666;
  display: block;
  border-radius: 50%;
}
#intro-slides .owl-dot.active span {
  background: #fff;
}
.animated.bounce {
  animation-iteration-count: infinite;
  animation-duration: 2.5s;
}
.contact-wrap-from-scrol {
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  animation: slide-down 0.7s;
  width: calc(100% - 68px);
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 68px;
  transition: all 0.5s ease 0s;
  z-index: 999;
}
.contact-wrap-from-scrol.stage-4 {
  width: calc(100% - 232px);
  margin-left: 232px;
  transition: all 0.5s ease 0s;
}
.contact-wrap-from-scrol.stage-5 {
  width: calc(100% - 490px);
  margin-left: 490px;
  transition: all 0.5s ease 0s;
  justify-content: flex-start;
}
.contact-wrap-from-scrol .form-control {
  background: #fff;
  padding: 0;
  height: auto;
}
.contact-wrap-from-scrol input:not([type="submit"]) {
  min-height: auto;
  border: 0;
  padding: 1.25rem 1rem;
  font-size: 16px;
}
input.button.btn-quote {
  background: #e62a29;
  border-color: #e62a29;
  padding: 1.3rem;
  font-weight: 600;
  text-transform: initial;
}
.quote-col {
  width: auto;
}
input.button.btn-quote:hover {
  background: #e62a29;
  border-color: #e62a29;
}
.contact-wrap-from-scrol label {
  display: none;
}
.contact-wrap-from-scrol .topsocialdiv {
  position: static;
}
.contact-wrap-from-scrol .col-lg-15.form-actions {
  width: auto;
}
.animated.bounce {
  animation-iteration-count: infinite;
  animation-duration: 2.5s;
}
#contact-message-request-a-quote-form {
  display: flex;
  justify-content: center;
  width: 90%;
  margin: auto;
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    transform: translateY(0);
  }
}
.progress-bar {
  height: 6px;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: absolute;
  bottom: -6px;
  left: 0;
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0;
}
.progress-bar::-webkit-progress-bar {
  background-color: transparent;
  height: 6px;
}
.progress-bar::-webkit-progress-value {
  background-color: #e62a29;
  height: 6px;
}
.progress-bar:focus {
  outline: none;
}
.progress-bar::-moz-progress-bar {
  background-color: #e62a29;
  box-shadow: none;
}
/***********abouts Us*******************/

.about-top-container {
  background: url(../img/about-header-bg-min.jpg) top center no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
  padding: 5vh 0;
}
.bread-sec {
  background: #fff;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 1.5rem 0;
}
.bread-sec li,
.breadcrumb-sec li {
  display: inline-block;
}
.bread-sec .fa,
.breadcrumb-sec .fa {
  font-size: 12px;
  color: #b1b1b5;
  display: none;
}
.about-top-container .trust-rows {
  margin: 0;
}
.page-title {
  padding: 0;
  margin: 0;
  font-size: calc(16px + 2vw);
}
.introtext {
  font-size: calc(15px + 0.5vw);
  line-height: 1.3;
}
/********resourcifi-mission**************/
section {
  font-size: calc(16px + 0.15vw);
}
.right-panel .career-wrapper {
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);
  /*  
    
    width: 50%;
    margin: auto;*/
  padding: calc(16px + 2vw) calc(16px + 2vw) calc(16px + 1vw);
}
.right-pane .contact-message-feedback-form {
  margin-bottom: calc(16px + 1vw);
}
.resourcifi-mission {
  background: url(../img/mission-bg-min.png) right top no-repeat;
  background-size: contain;
  padding-top: calc(16px + 5vw);
}
.page-sub-title {
  font-size: calc(16px + 2vw);
  font-weight: 300;
  text-align: left;
}
.right-panel .apply {
  background: #ea1c1c;
  padding: 15px 25px;
  border-radius: 50px;
  margin-top: calc(16px + 1vw);
}
#edit-captcha-response {
  color: #999;
}
/**************resourcifi-inception****************/

.resourcifi-inception {
  padding: calc(16px + 1vw) 0 calc(16px + 3vw);
  background: #fff;
}
.resourcifi-inception h2 {
  margin-bottom: calc(16px + 1vw);
}
/**************management-wrap****************/

.management-wrap {
  padding: calc(16px + 1vw) 0 calc(16px + 2vw);
  background: rgba(245, 245, 245, 1);
}
.management {
  padding: calc(16px + 0.5vw) 0 0;
}
.management > .col-sm-6 > .text-center {
  background: rgb(255, 255, 255);
  border-radius: 10px;
}
.sc_socials_item {
  display: block;
}
.sc_team_item_info {
  padding: 1em 0;
  position: relative;
  font-weight: 600;
}
.sc_team_item_title {
  margin: 0;
  font-size: calc(16px + 0.35vw);
  font-weight: 600;
}
.sc_team_item_position {
  padding: 5px 0;
}
.social-hover {
  position: relative;
  width: 90%;
  margin: auto;
  overflow: hidden;
}
.social-hover img {
  filter: grayscale(100);
  margin: auto;
}
.social_icons:hover .fa-stack-2x,
.fa-stack:hover .fa-stack-2x {
  color: #f8844e !important;
}
.sc_socials_item {
  background: rgba(245, 110, 95, 1);
  background: -moz-linear-gradient(
    300deg,
    rgba(250, 152, 90, 1) 25%,
    rgba(245, 109, 95, 1) 100%
  );
  background: -webkit-linear-gradient(
    300deg,
    rgba(250, 152, 90, 1) 25%,
    rgba(245, 109, 95, 1) 100%
  );
  background: -o-linear-gradient(
    300deg,
    rgba(250, 152, 90, 1) 25%,
    rgba(245, 109, 95, 1) 100%
  );
  background: -ms-linear-gradient(
    300deg,
    rgba(250, 152, 90, 1) 25%,
    rgba(245, 109, 95, 1) 100%
  );
  background: linear-gradient(
    300deg,
    rgba(250, 152, 90, 1) 25%,
    rgba(245, 109, 95, 1) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  transform: scale(0.2);
  border-radius: 50%;
  z-index: 999;
}
.sc_socials_item .fa-linkedin {
  position: absolute;
  bottom: 10px;
  border: 1px solid #fff;
  width: 1.5em;
  font-size: 25px;
  border-radius: 50%;
  height: 1.5em;
  line-height: 1.5em;
  color: #fff;
  font-weight: normal;
  transform: translate(-50%);
  transition: all ease 0.3s;
}
.social-hover:hover .sc_socials_item,
.sc_team_item_title a:hover .sc_socials_item {
  opacity: 0.75;
  transform: scale(2);
}
.social-hover:hover .sc_socials_item .fa-linkedin,
.sc_team_item_title a:hover .sc_socials_item .fa-linkedin {
  bottom: 40%;
}
.inception-row {
  color: rgba(0, 0, 0, 1);
}
.inception-row h4,
.resourcifi-inception-2 h4 {
  color: rgba(0, 0, 0, 1);
  font-size: 1.5em;
  font-weight: 600;
}
.resourcifi-inception-2 {
  color: rgba(0, 0, 0, 1);
}
/*********resourcifi-value"********************/

.resourcifi-value {
  padding: calc(16px + 1vw);
}
.value-box {
  padding: 2rem 2rem;
  font-size: 18px;
  margin: calc(16px + 1vw) 0;
}
.value-box h3 {
  font-size: calc(16px + 0.5vw);
  margin: 2rem 0;
  font-weight: 600;
}
.value-box div {
  transition: ease-in-out 0.5s;
  display: block;
}
.value-box:hover div {
  transform: scale3d(1.1, 1.1, 1.1);
  transition: ease-in-out 0.5s;
}
/********digital-marketing-awards************/

.digital-marketing-awards {
  padding: calc(16px + 2vw) 0 calc(16px + 3vw);
  background: url(../img/resourcifi-award-bg.png) right bottom no-repeat
    rgb(241, 248, 252);
  background-size: 15%;
  line-height: 1.5;
}
#award-slide {
  margin-top: 35px;
}
.right-panel #contact-message-feedback-form .form-item input[type="text"],
.right-panel #contact-message-feedback-form .form-item textarea,
.right-panel #contact-message-feedback-form .form-item input[type="email"],
.right-panel #contact-message-feedback-form .form-item input[type="tel"] {
  font-size: 16px;
}
.field--name-field-your-name,
.js-form-item-captcha-response .js-form-required {
  display: none;
}
/*********NEW MOBILE PAGE**************/

.mobile-top-container {
  color: rgb(255, 255, 255);
  padding-bottom: 5vh;
  position: relative;
  overflow: hidden;
}
.outer-wall {
  border-radius: 10px;
  margin: calc(16px + 2vw) 0;
  padding: calc(16px + 0.25vw) calc(16px + 2vw);
  color: rgb(255, 255, 255);
}
.sub-page-title {
  font-size: calc(16px + 1vw);
  font-weight: 600;
  margin: 0;
  padding-bottom: calc(16px + 0.5vw);
  text-align: left;
}
.more-btn {
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  padding: 10px 15px;
  border-radius: 25px;
  margin: 0 0 25px;
  display: inline-block;
  text-transform: uppercase;
  font-size: calc(10px + 0.25vw);
}
.mobile-dev-rnf {
  background: rgb(235, 235, 235);
  padding: calc(16px + 1.5vw) 0;
}
.flex-box {
  background: #fff;
  padding: 1em;
  color: #797979;
  font-size: calc(10px + 1rem);
  box-shadow: 0 10px 10px rgb(0, 0, 0, 0.2);
}
.flex-row {
  margin-top: 1.5em;
}
.flex-box h4 {
  font-size: calc(14px + 1rem);
  color: #000;
  font-weight: 600;
}
.right-panel .contact-message-feedback-form {
  margin-bottom: calc(16px + 1vw);
}
.small-click {
  transform: translate(20%, -20%);
  font-size: calc(16px + 1vw);
}
.video-overlay {
  display: none;
}
.flex-col {
  flex: 1;
  padding-top: 10vh;
}
.owl-carousel .owl-item img {
  max-width: 100%;
  width: initial;
  margin: auto;
}
.bread a:focus {
  color: #000;
}
@media (max-width: 750px) {
  .mobile-top-container {
    background: url(../img/mobile-header-bg-min.jpg) center bottom no-repeat;
    background-size: cover;
  }
  #video-background {
    display: none;
  }
}
@media (min-width: 768px) {
  #video-background {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: fill;
  }
  .video-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    z-index: 3;
    display: block;
  }
}
@media (min-width: 992px) {
  .flex {
    display: flex;
    align-items: center;
  }
  .flex-row,
  .flex-rows {
    display: flex;
  }
  .row-flex-end {
    align-items: flex-end;
  }
  .page-title .flex-row .col-md-4 {
    margin: 0 15px;
  }
  .bottom-spaces {
    position: relative;
    bottom: calc(16px + -3vw);
    display: inline-block;
  }
  .bottom-spaces-ios {
    position: relative;
    bottom: calc(16px + -5vw);
    display: inline-block;
  }
  .bottom-spaces-game {
    position: relative;
    left: calc(16px + -3vw);
    display: inline-block;
  }
  .mobile-top-container {
    height: 60vh;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
  }
  .Wearable-app-header {
    height: 60vh;
    display: flex;
    align-items: center;
  }
  .Wearable-app-header .trust-rows {
    margin-top: 50px;
  }
  .right-50 {
    position: relative;
    right: -75px;
  }
  .about-top-container {
    height: 60vh;
    display: flex;
    align-items: flex-end;
  }
  .sideway,
  .androidsideway,
  .hybridsideway,
  .Wearablesideway,
  .enterprisesideway,
  .ottsideway,
  .gamesideway {
    position: relative;
    z-index: 9;
    left: 25px;
    padding: 15px;
  }
  .rnf-strategy-col {
    z-index: 9;
    transform: translate(0px, 35px);
  }
  #port-slider:before {
    content: "";
    width: 150px;
    height: 150px;
    display: block;
    position: absolute;
    top: -75px;
    left: -40px;
    background: url(../img/port-slider-bg.png) -7px 0 no-repeat;
  }
}
/*********Case Studies***************/

.case-title {
  font-size: calc(16px + 1.35vw);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.case-title:after {
  content: "";
  width: 100px;
  height: 2px;
  background: rgb(255, 255, 255);
  display: block;
  margin: 25px 10px;
}
.case-btn,
.case-btn:focus {
  background: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  border-radius: 50px;
  padding: 15px;
  margin: 25px 0;
  font-weight: bold;
  color: rgb(0, 0, 0);
}
.case-btn .fa {
  color: rgb(0, 0, 0);
}
.case-btn:hover,
.case-btn:hover .fa {
  background: rgb(241, 103, 58);
  border-color: rgb(241, 103, 58);
  color: rgb(255, 255, 255);
}
.page-template-case-study-page .page-title {
  background: rgb(66, 34, 143);
  height: 285px;
  display: flex;
  align-items: center;
}
.page-title h1 {
  padding-top: 50px;
}
/*********trabo-case-study************/

.trabo-case-study-landing-bg {
  background: url(../img/trabo-case-study-landing-bg-min.jpg) 0 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
/**********fitfiends-case-landing*******/

.fitfiends-case-landing-bg {
  background: url(../img/fitfiends-case-landing-bg-min.jpg) right bottom
    no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
/**********pheramor-case-landing*******/

.pheramor-case-landing-bg {
  background: url(../img/pheramor-case-landing-bg-min.jpg) right bottom
    no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
/**********burg-case-landing*******/

.burg-case-landing-bg {
  background: url(../img/burg-case-study-landing-bg-min.jpg) right bottom
    no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
/************gotribe-case-study************/
.gotribe-case-study-landing-bg {
  background: url(../img/gotribe-case-study-landing-bg-min.jpg) 75% 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
/************dow-case-study************/

.dow-case-study-landing-bg {
  background: url(../img/dow-case-landing-bg-min.jpg) 0 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
/***************buddha-case-study-landing-bg***********/
.buddha-case-study-landing-bg {
  background: url(../img/buddha-case-study-landing-bg-min.jpg) 50% 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
/***************fstv-case-study-landing-bg***********/
.fstv-case-study-landing-bg {
  background: url(../img/fstv-case-bg-min.jpg) 0 0 no-repeat rgb(29, 107, 159);
  color: rgb(255, 255, 255);
}
/***************us-int-case-study-landing-bg***********/
.us-int-case-study-landing-bg {
  background: url(../img/usi-case-bg-min.jpg) 0 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
/*******************proximity-case-study-landing-bg********/

.proximity-case-study-landing-bg {
  background: url(../img/proximity-case-study-landing-bg-min.jpg) 50% 0
    no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
/***************narda*****************/
.narda-case-study-landing-bg {
  background: #1e292d;
  color: rgb(255, 255, 255);
}
.pollice-abuse-case-study-landing-bg {
  background: url(../img/police-abuse-case-bg-min.jpg) 50% 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
.albtros-case-study-landing-bg {
  background: url(../img/albtros-case-bg-min.jpg) 50% 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
.eurotherm-case-study-landing-bg {
  background: url(../img/eurotherm-case-bg-min.jpg) 50% 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
.lifephoto-abuse-case-study-landing-bg {
  background: url(../img/lifephots-case-bg-min.jpg) 50% 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
.jamco-case-study-landing-bg {
  background: url(../img/jamco-approach.jpg) 50% 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
}
/*****************feature-case-studies**************/

.feature-case-studies {
  padding: 2em 0 0;
}
.feature-case-studies h3 {
  font-size: 1.5em;
  color: rgb(0, 0, 0);
  margin-bottom: 1.5em;
}
.feature-case {
  padding: 2em;
  background: rgb(28, 105, 184);
  transition: 1s all;
}
.feature-case:hover {
  opacity: 0.5;
}
/**********your-story**********/
.your-story {
  padding: 2em 0 3em;
  color: rgb(0, 0, 0);
}
.your-story h4 {
  font-size: 1.5em;
}
.landing-btn {
  background: linear-gradient(to left, #f66a61 0%, #fc8d45 100%);
  padding: 0.5em 2em;
  border-radius: 50px;
  margin: 1em 0.5em;
  font-size: 1em;
  font-weight: bold;
}
.landing-btn a {
  color: rgb(255, 255, 255);
}
.landing-btn a:hover {
  color: rgb(0, 0, 0);
}
.fitfiends-case-landing-bg,
.buddha-case-study-landing-bg,
.gotribe-case-study-landing-bg,
.dow-case-study-landing-bg,
.fstv-case-study-landing-bg,
.proximity-case-study-landing-bg,
.burg-case-landing-bg,
.pheramor-case-landing-bg,
.us-int-case-study-landing-bg,
.atefi-case-study-landing-bg,
.narda-case-study-landing-bg,
.pollice-abuse-case-study-landing-bg,
.albtros-case-study-landing-bg,
.eurotherm-case-study-landing-bg,
.lifephoto-abuse-case-study-landing-bg,
.jamco-case-study-landing-bg {
  height: 100vh;
  display: flex;
  align-items: center;
}
.trabo-case-study-landing-bg {
  padding: 5em 0 3em;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .case-row {
    display: flex;
    align-items: center;
  }
  .line-center {
    margin-top: 50px;
  }
  .line-pink {
    border-right: 1px solid #ccc;
  }
  /*.trabo-case-study-landing-bg,.fitfiends-case-landing-bg,.buddha-case-study-landing-bg,.proximity-case-study-landing-bg,.gotribe-case-study-landing-bg,.dow-case-study-landing-bg{
		height: calc(100vh);
		display: flex;
		align-items: center;

	}
	
	.gotribe-case-study-landing-bg,.dow-case-study-landing-bg{
		height: calc(100vh);
		display: flex;
		align-items: center;
	}
	
	.buddha-case-study-landing-bg,.proximity-case-study-landing-bg{
		height: calc(100vh);
		display: flex;
		align-items: center;
	}
	*/
}
@media (min-width: 768px) {
  .feature-case-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .feature-case {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35vh;
  }
}
@media (max-width: 768px) {
  .trabo-case-study-landing-bg,
  .fitfiends-case-landing-bg,
  .buddha-case-study-landing-bg,
  .proximity-case-study-landing-bg,
  .gotribe-case-study-landing-bg,
  .dow-case-study-landing-bg,
  .pheramor-case-landing-bg,
  .burg-case-landing-bg {
    padding: 2em 0;
  }
  .fitfiends-case-landing-bg {
    padding: 5vh 0;
    background: #5d6371;
    height: auto;
  }
  .dow-case-study-landing-bg {
    padding: 5vh 0;
    height: auto;
  }
}
.service-top-container {
  background: url(../img/services-page-bg.jpg) no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
  height: 50vh;
  display: flex;
  align-items: flex-end;

  padding-bottom: 5vh;
  position: relative;
}
.page-service-sub-title {
  font-size: calc(16px + 1.5vw);
  font-weight: 500;
  text-align: left;
  margin-bottom: 2rem;
}
.right-panel.services a.Read_more {
  font-size: calc(12px + 0.5vw);
  font-weight: 500;
  text-align: left;
  margin-bottom: 3rem;
  color: #000;
  padding: 0;
}
.web-top-container {
  background: url(../img/web-top-container-bg-min.jpg) no-repeat;
  color: rgb(255, 255, 255);
  height: 55vh;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  padding-bottom: 5vh;
}
.mobile-dev-services {
  background: #fff;
  padding: calc(16px + 5vh) 0;
}
.portfolio-background {
  background: url(../img/portfolio-background.png) center top no-repeat;
  padding-bottom: 7.5%;
  background-size: contain;
}
.work-port {
  font-size: calc(16px + 1.97vw);
  color: #fff;
  padding: 25px;
}
.view-wrok {
  background: #fff;
  padding: 15px 25px;
  border-radius: 5px;
  font-size: 30px;
  font-weight: 600;
  margin-top: 50%;
  display: inline-block;
  margin-left: 25px;
}
.view-wrok:focus {
  color: #000;
}
@media (min-width: 1200px) {
  .row-flex,
  .rnf-our-work .row {
    display: flex;
    align-items: center;
  }
  .developemnt-process .row-flex .col-md-4 {
    margin: 0 15px;
    padding: 15px;
  }
  .mobile-dev-service {
    background: url(../img/service_moile-min.jpg) right top no-repeat #fff;
    background-size: 40%;
  }
  .web-dev-service {
    background: url(../img/service_web-min.jpg) left top no-repeat #fff;
    background-size: 40%;
  }
  .product-dev-service {
    background: url(../img/service_product-min.jpg) right top no-repeat #fff;
    background-size: 40%;
  }
  .hybrid-dev-service {
    background: url(../img/service_hybrid-min.jpg) right top no-repeat #fff;
    background-size: 40%;
  }
  .it-dev-service {
    background: url(../img/service_recruiter-min.jpg) left top no-repeat #fff;
    background-size: 40%;
  }
  .right-panel .career-wrapper {
    width: 50%;
    margin: auto;
  }
}
@media (max-width: 1100px) {
  .container-fluids {
    padding: 0 15px;
  }
  #cookieBar {
    left: 0;
    width: 100%;
  }
}
/******NEW JOIN OUR TEAM***********/

.join-team-top .btn-default {
  background: #e62a29;
  border-color: #e62a29;
  color: #fff;
  font-size: calc(16px + 0.5vw);
}
@media (min-width: 768px) {
  .no-padding-left {
    padding-left: 0;
  }
  .no-padding-right {
    padding-right: 0;
  }
}
/***********EHS*********/
.ehs-access {
  padding: calc(16px + 5vh) 0 calc(16px + 3vh);
  font-size: calc(16px + 0.25vw);
  font-weight: 600;
  background: #fff;
}
.ehs-top-container {
  background: url(../img/ehs-banner-bg.jpg) 0 0 no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
  height: 60vh;
  display: flex;
  align-items: center;
}
.ehs-access .Read_more {
  background: #e62a29;
  border-color: #e62a29;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: calc(16px + 0.15vw);
  width: auto;
  display: inline-block;
  padding: 10px 15px;
}
.mobile-slider {
  /*background: url(../img/mobile_iphone-min.png) 0 0 no-repeat;*/
  width: 320px;
  height: 641px;
  margin: 25px auto 10px;
  position: relative;
}
.mobile-slider:before {
  content: "";
  display: block;
  position: absolute;
  top: -19px;
  left: 0px;
  z-index: 1;
  width: 320px;
  height: 641px;
  background: url(../img/ehs-gif-placeholder.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.ehs-feature {
  background: #1a588c;
  color: #fff;
  padding: 0 0 calc(16px + 5vh);
}
.lines {
  position: relative;
  display: inline-block;
}
.ehs-box {
  background: #fff;
  color: #000;
  padding: calc(16px + 2vw) 0;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  position: relative;
  margin-top: calc(16px + 5vh);
}
.ehs-box h4 {
  font-size: calc(16px + 0.5vw);
  font-weight: 600;
  margin: 5px 0;
}
.hover-ehs {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #27bed2;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  font-size: 16px;
  padding: 0.75vw;
  color: #fff;
}
.ehs-box:hover .hover-ehs {
  opacity: 1;
  transition: all 1s;
}
.ehs-box:hover .initial {
  opacity: 0;
  transition: all 1s;
}
.benefits-of-ehs {
  padding: 0 0 calc(16px + 5vh);
  background: #fff;
}
.benefits-of-ehs h2 {
  margin-bottom: calc(16px + 5vh);
}
.benefits-of-ehs .page-service-sub-title {
  font-size: calc(16px + 0.75vw);
  margin-top: 0;
}
.benefits-of-ehs .clearfix {
  padding: 50px 0;
}
.ehs-contact .page-service-sub-title {
  text-align: center;
  font-size: calc(16px + 1vw);
}
.benefits-of-ehs .lines:before,
.benefits-of-ehs .lines:after {
  background: #e62a29;
}
.ehs-contact {
  background: #e62a29;
  color: #fff;
  padding: calc(16px + 1.5vw) 0;
}
.owl-nav {
  display: none;
}
/****WORK PORTFOLIO*********/

/****WORK PORTFOLIO*********/
.skip {
  position: absolute;
  bottom: 0;
  left: 48%;
  background: #ffffff;
  padding: 7px 15px;
  border-radius: 10px 10px 0 0;
  font-size: 16px;
  cursor: pointer;
}
.skip:focus {
  color: #000;
}
.appi-portfolio-sec {
  height: 100vh;
  position: relative; /*z-index: 9*/
}
.appi-portfolio-sec-left {
  float: left;
  width: 50%;
  position: relative;
  height: 100vh;
}
.appi-portfolio-sec-left figure {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
}
.appi-portfolio-sec-right {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100vh;
  width: 50%;
  overflow: hidden;
}
.trigger-wpsec {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
.spacer {
  left: 0;
  height: 1px;
  position: absolute;
  width: 100%;
  margin-top: 0;
  top: 50%;
}
.dominos-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.dominos-img figure.l1 {
  left: 20px;
  bottom: -120%;
}
.dominos-img figure.l2 {
  right: 80px;
  top: -120%;
}
.dominos-img figure.l1 {
  left: 20px;
  bottom: -120%;
}
.dominos-img figure.l2 {
  right: 30px;
  top: -120%;
}
.appi-ins-portfolio-right.binkx-img figure.l2 {
  top: -100%;
  right: 30px;
  z-index: 3;
}
.appi-ins-portfolio-right.binkx-img figure.l1 {
  left: 20px;
  bottom: -100%;
  z-index: 2;
}
.appi-ins-portfolio-right.ikea-img figure.l1 {
  bottom: -100%;
  left: 10px;
}
.appi-ins-portfolio-right.ikea-img figure.l2 {
  right: -100%;
  bottom: 150px;
}
.appi-ins-portfolio-right.binkx-img figure,
.dominos-img figure,
.appi-ins-portfolio-right.ikea-img figure,
.appi-ins-portfolio-right.melltoo-img figure,
.nasa-img figure,
.nexgtv-center-text {
  position: absolute;
}
.appi-ins-portfolio-sec {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.flexs {
  color: #fff;
  padding: calc(16px + 5vw);
  z-index: 9;
  position: relative;
}
.flexs h2 {
  font-size: calc(16px + 1.5vw);
}
.clock-dial-center-wrap,
.nexgtv-img,
.vemeport-img,
.nasa-img {
  visibility: hidden;
  opacity: 0;
}
#line {
  width: 3px;
  background: #fff;
  position: absolute;
  left: 49.5%;
  top: 0;
  transform: translate(0px, 125px);
}
#transring,
.nexgtv-img,
.vemeport-img,
.nasa-img {
  position: absolute;
}
#transring,
.nexgtv-img,
.nexgtv-img figure,
.vemeport-img figure,
.nasa-img figure {
  position: absolute;
}
.nexgtv-img,
.vemeport-img,
.nasa-img {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.nexgtv-img figure.l1,
.vemeport-img figure.l1,
.nasa-img figure.l1 {
  left: 100px;
  bottom: -720px;
}
.nexgtv-img figure.l3,
.vemeport-img figure.l3,
.nasa-img figure.l3 {
  top: -720px;
  right: 80px;
}
.clock-dial-center-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(346px + 50px);
  height: calc(346px + 50px);
  border-radius: 50%;
  transform: scale(0) translate(-50%, -50%);
  -webkit-transform: scale(0) translate(-50%, -50%);
  z-index: 5;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: top left;
  -webkit-transform-origin: top left;
}
.clock-dial-center-wrap.active {
  transform: scale(1) translate(-65px, -50%);
  -webkit-transform: scale(1) translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#transring {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.transrgwht {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transform-origin: center;
  transform-origin: center;
}
#Dots {
  transform: translate(0px, 100px);
  -webkit-transform: translate(0px, 100px);
}
#Dots1 {
  transform: translate(0, 150px);
  -webkit-transform: translate(103, 150px);
}
#Dots2 {
  transform: translate(0px, 150px);
  -webkit-transform: translate(0px, 200px);
}
#Dots3 {
  transform: translate(0px, 250px);
  -webkit-transform: translate(0px, 250px);
}
#Dots4 {
  transform: translate(0px, 300px);
  -webkit-transform: translate(0px, 300px);
}
#Dots5 {
  transform: translate(0px, 350px);
  -webkit-transform: translate(0px, 350);
}
#Dots6 {
  transform: translate(0px, 400px);
  -webkit-transform: translate(-0px, 400px);
}
@media screen and (max-width: 1550px) {
  .timeline-app-details {
    font-size: 20px;
    margin: 20px 0 0;
  }
  .nexgtv-img figure.l1,
  .vemeport-img figure.l1,
  .nasa-img figure.l1 {
    -webkit-transform: scale(0.8) translate(-60px, 50px);
    transform: scale(0.8) translate(-60px, 50px);
  }
  .nexgtv-img figure.l3,
  .vemeport-img figure.l3,
  .nasa-img figure.l3 {
    -webkit-transform: scale(0.8) translate(50px, -50px);
    transform: scale(0.8) translate(50px, -50px);
  }
  .dominos-img figure.l1 {
    -webkit-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px);
  }
  .dominos-img figure.l2 {
    -webkit-transform: scale(0.8) translate(0px, -20px);
    transform: scale(0.8) translate(0px, -100px);
  }
  .appi-ins-portfolio-right.binkx-img figure.l1 {
    -webkit-transform: translate(-30px, 0px);
    transform: translate(-30px, 0px);
  }
  .appi-ins-portfolio-right.binkx-img figure.l2 {
    -webkit-transform: scale(0.8) translate(0px, -50px);
    transform: scale(0.8) translate(0px, -100px);
  }
  .appi-ins-portfolio-right.ikea-img figure.l1 {
    -webkit-transform: scale(0.75) translate(100px, 100px);
    transform: scale(0.75) translate(-100px, 100px);
  }
}
/******************HIRE REACT DEVELOPER******************/

.resourcifi-react-service {
  background: url(../img/react-header-bg-min.jpg) center center no-repeat;
  background-position: center center;
  color: rgba(255, 255, 255, 1);
  position: relative;
  background-size: cover; /*padding: 4em 0 2em;*/
}
.h1-title {
  font-size: calc(16px + 1.75vw);
  font-weight: 600;
}
.header-para {
  font-size: calc(16px + 0.5vw);

  line-height: 1.2;
}
.trust-rows {
  margin-top: 0;
}
.mobile-sliders {
  /*background: url(../img/mobile_iphone-min.png) 0 0 no-repeat;*/
  width: 375px;
  margin: 20px 60px;
  height: 234px; /*position: relative;*/
}
.mobile-sliders:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 500px;
  height: 287px;
  background: url(../img/react-slider-placeholder-min.png);
  background-repeat: no-repeat;
  background-size: cover;
}
/*******resourcifi-hiring-modal***************/
.resourcifi-hiring-modal {
  color: #80838c;
  padding: 2em 0 3em;
  background: #fff;
}
.resourcifi-hiring-modal h2 {
  font-size: calc(16px + 2vw);
  color: #000;
}
.resourcifi-hiring-modal img {
  display: inline-block;
}
.resourcifi-hiring-modal h4 {
  font-size: 24px;
  margin-top: 25px;
  font-weight: 600;
}
.resourcifi-hiring-modal .border-right {
  border-right: 1.5px solid #80838c;
}
.resourcifi-hiring-modal .time-model {
  padding: 25px 15px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  margin: 0 15px;
}
/*********hire-from-resourcifi*************/
.hire-from-resourcifi {
  background: #293140;
  padding: 2em 0;
  color: #878d99;
}
.hire-from-resourcifi h2 {
  font-size: calc(16px + 2vw);
  font-weight: 600;
  margin-bottom: calc(16px + 2vw);
  color: #fff;
  text-align: center;
}
.hire-from-resourcifi img {
  display: inline-block;
}
.hire-from-resourcifi h4 {
  font-size: calc(16px + 0.5vw);
  color: #fff;
}
.nav.sideways > li {
  font-size: calc(14px + 0.35vw);
  font-weight: 500;
}
.nav.sideways > li.active {
  border-bottom: 2px solid #ff7146;
}
.nav.sideways > li.active a,
.nav.sideways > li a {
  color: #8d8d8d;
  display: flex;
  align-items: center;
}
.nav.sideways > li.active a {
  color: #ff7146;
}
.nav.sideways > li img {
  margin-right: 5px;
}
.nav.sideways > li a:hover {
  background: transparent;
}
.hire-from-resourcifi .tab-content {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  font-size: calc(16px + 0.35vw);
  line-height: 1.5;
}
.tab-pane {
  border-radius: 7px;
  color: #fff;
}
.padding-col {
  padding: 15px 25px;
}
.padding-col h4 {
  font-size: calc(16px + 0.75vw);
  color: #ffa94d;
  margin: 15px 0;
  font-weight: 600;
}
/*********working modal***************************/
.resourcifi-working-modal {
  /*padding-top:calc(100px + 3vh); */
  padding: 2em 0;
  background: #eee;
}
.resourcifi-working-modal h4 {
  font-size: calc(16px + 0.46875vw);
  color: #000;
  margin-top: 15px;
  font-weight: 500;
}
.research {
  margin-top: calc(16px + 4vh);
  text-align: center;
}
.research img {
  display: inline-block;
}
.research-cont {
  position: absolute;
  top: 0;
  background: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 15px;
  opacity: 0;
  transition: 1s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 2;
  font-size: calc(16px + 0.25vw);
}
.research:hover .research-cont {
  opacity: 1;
}
/********meet-developers************/
.meet-developers {
  background: #1e3257;
  color: #fff;
  padding: 2em 0 15px;
}
/*.meet-developers .fp-tableCell {
	vertical-align: bottom;
}*/
.meet-developers h2 {
  font-size: calc(16px + 2vw);
  font-weight: 600;
}
.bio-img {
  position: relative;
  top: 60px;
  display: inline-block;
}
.dev-bio {
  background: #fff;
  color: #000;
  font-size: calc(16px + 0.5vw);
  width: 300px;
  margin: auto;
  border-radius: 300px 300px 0 0;
  padding: 20px 0;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
}
.exp {
  position: absolute;
  width: 130px;
  height: 130px;
  background: #ffca4b;
  border-radius: 50%;
  top: 150px;
  right: 0px;
  padding: 0;
  color: #000000;
  z-index: 0;
  box-sizing: content-box;
}
.hire-now {
  font-size: calc(16px + 0.5vw);
  color: #01b2ff;
  display: inline-block;
  font-weight: 600;
}
.hire-now:focus {
  color: #000;
}
.client-speak h2,
.digital-marketing-awards h2 {
  font-size: calc(16px + 2vw);
}
/********resourcifi-experts************/
.resourcifi-experts {
  background: #d72150;
  background-image: linear-gradient(-90deg, #841b81, #d72150);
  background-size: cover;
  color: #fff;
  overflow: hidden;
}
.resourcifi-experts .container {
  overflow: hidden;
}
.resourcifi-experts .fp-tableCell {
  vertical-align: bottom;
}
.call-dev {
  background: #2f0c36;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -2.5px;
  position: relative;
  z-index: 1;
  box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.2);
  cursor: pointer;
}
.call-dev-now {
  background: #ffcc43;
  padding: 10px 30px 10px 70px;
  color: #000;
  border-radius: 50px;
  position: relative;
  top: -50px;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
}
/*********HIre Developer***********/

.rnf-hire-developer {
  background: url(../img/hire-dev-banner.jpg) center top no-repeat;
  background-size: cover;
  color: #fff;
  padding: 0;
}
.section-dev .btn-devs {
  background: #57159a;
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
  margin: calc(16px + 1vh) 0;
}
.btn-devs:hover {
  color: #000;
}
.content-region.page .container.hire-dev-react-banner {
  background: url(../img/hire-dev-react-banner.jpg) center 0 no-repeat;
  color: #fff;
  background-size: cover;
  padding-top: 1em;
  border-radius: 15px;
}
.flex-end {
  align-items: flex-end;
  margin: 50px 0;
}
.content-region.page .container.hire-dev-laravel-banner {
  background: url(../img/hire-dev-bg-laravel.jpg) center 0 no-repeat;
  color: #fff;
  background-size: cover;
  padding-top: 1em;
  border-radius: 15px;
}
.m-5 {
  margin: 0.5em 0;
}
.content-region.page .container.hire-dev-react-native {
  background: url(../img/hire-dev-react-native-banner.jpg) center 0 no-repeat;
  color: #fff;
  background-size: cover;
  padding-top: 1em;
  border-radius: 15px;
}
.hire-dev-react-native .btn-devs,
.hire-dev-react-banner .btn-devs {
  color: #000;
}
.hire-dev-react-native .btn-devs:hover,
.hire-dev-react-banner .btn-devs:hover {
  color: #f00;
}
.section-dev li {
  margin: 5px 0;
}
/**************Laravel *********************/

.rnf-laravel-service {
  background: url(../img/rnf-laravel-bg.jpg) center center no-repeat;
  color: rgba(255, 255, 255, 1);
  position: relative;
  background-size: cover; /*padding: 4em 0 2em;*/
}
.lavel-hire {
  color: #f13737;
}
.down-arrow {
  margin-top: 20px;
}
/***********React NATIVE **********/

.rnf-react-native-service {
  background: url(../img/rnf-react-native-header.jpg) 0 0 no-repeat;
  background-size: cover;
  color: rgba(255, 255, 255, 1);
  padding: 2em 0 2em;
}
.react-native-slider {
  width: 250px;
  height: 500px;
  margin: 0 auto;
  position: relative;
}
.react-native-slider:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 1;
  width: 250px;
  height: 500px;
  background: url(/themes/internal/img/ehs-gif-placeholder.png);
  background-repeat: no-repeat;
  background-size: cover;
}
/********rnf-hiring*******/

.rnf-hiring {
  background: #fff;
  padding: 2em;
}
.rnf-hiring h2 {
  font-size: calc(16px + 1.5vw);
  font-weight: 700;
  margin-bottom: 1em;
}
.rnf-hiring h4 {
  font-size: 24px;
  font-weight: 600;
  margin: 15px 0 25px;
  color: #152944;
}
.rnf-our-work {
  padding: 25px 0;
}
.rnf-our-work h4 {
  color: #fff;
}
.rnf-our-work .owl-carousel {
  margin-top: 25px;
}
.rnf-our-work .owl-carousel,
.rnf-our-work .owl-item {
  padding: 0;
  color: #fff;
}
.rnf-our-work .owl-stage-outer {
  border-radius: 6px;
}
.rnf-our-work .owl-dots {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.rnf-our-work .owl-dot {
  width: 50px;
  height: 3px;
  background: #dcdcdc;
  margin: 0 1px;
}
.rnf-our-work .owl-dot.active {
  background: #f00;
}
.paddimg-50 {
  padding: 50px;
}
.paddimg-20 {
  padding: 20px;
}
.paddimg-30 {
  padding: 0 50px;
}
.paddimg-50 h4,
.paddimg-30 h4 {
  font-size: 32px;
}
.rnf-ios-service {
  margin: 25px 0 50px;
}
.rnf-ios-service h2 {
  margin-bottom: 25px;
}
.ios-service-box {
  background: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 25px 15px;
  position: relative;
  margin: 3px 0;
}
.ios-service-box img {
  margin: auto;
}
.ios-service-box h4 {
  font-size: 22px;
  font-weight: 600;
}
.content-o-android {
  background: #3ddb85;
}
.content-o-hybrid {
  background: #1c42ac;
}
.content-o-Wearable {
  background: #7e37d5;
}
.content-o-enterprise {
  background: #e2782b;
}
.content-o-ott {
  background: #22b5a2;
}
.content-o-game {
  background: #f13971;
}
.content-o h4 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}
.content-o h4:after {
  content: "";
  width: 75px;
  height: 2px;
  background: #fff;
  display: block;
  margin: 5px auto;
}
.ios-service-box:hover .content-o {
  opacity: 1;
}
/*****IOS INDUSTRIES********/
.ios-industries {
  background: #fff;
}
.ios-industries h2 {
  margin: 50px 0;
}
.ios-industries img {
  display: inline-block;
}
.ios-industries-cont {
  background: #fff;
  margin-bottom: calc(16px + 0.5vh);
  font-size: calc(16px + 0.2vh);
  padding: 5px 15px;
  border-radius: 10px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  position: relative;
}
.ios-industries-cont:hover,
.ios-industries-cont.current {
  background: #000;
  color: #fff;
}
.android-industries-cont:hover,
.android-industries-cont.current {
  background: #3ddb85;
}
.hybrid-industries-cont:hover,
.hybrid-industries-cont.current {
  background: #1c42ac;
}
.tab-content-ind {
  display: none;
  position: relative;
  z-index: 1;
}
.tab-content-ind.current {
  display: block;
}
/**************work-width-best************************/

.work-width-best {
  background: #fff;
  padding: 25px 0 50px;
}
.work-width-best h2 {
  margin: 25px 0 50px;
}
.work-width-best .nav-tabs > li.active:nth-child(1) > a:focus,
.work-width-best .nav-tabs > li.active:nth-child(2) > a:focus,
.work-width-best .nav-tabs > li.active:nth-child(3) > a:focus {
  background: #000 !important;
}
.work-width-best-android .nav-tabs > li.active:nth-child(1) > a:focus,
.work-width-best-android .nav-tabs > li.active:nth-child(2) > a:focus,
.work-width-best-android .nav-tabs > li.active:nth-child(3) > a:focus {
  background: #3ddb85 !important;
}
.work-width-best-hybrid .nav-tabs > li.active:nth-child(1) > a:focus,
.work-width-best-hybrid .nav-tabs > li.active:nth-child(2) > a:focus,
.work-width-best-hybrid .nav-tabs > li.active:nth-child(3) > a:focus {
  background: #1c42ac !important;
}
.work-width-best-Wearable .nav-tabs > li.active:nth-child(1) > a:focus,
.work-width-best-Wearable .nav-tabs > li.active:nth-child(2) > a:focus,
.work-width-best-Wearable .nav-tabs > li.active:nth-child(3) > a:focus {
  background: #7e37d5 !important;
}
.work-width-best-enterprise .nav-tabs > li.active:nth-child(1) > a:focus,
.work-width-best-enterprise .nav-tabs > li.active:nth-child(2) > a:focus,
.work-width-best-enterprise .nav-tabs > li.active:nth-child(3) > a:focus {
  background: #e2782b !important;
}
.work-width-best-ott .nav-tabs > li.active:nth-child(1) > a:focus,
.work-width-best-ott .nav-tabs > li.active:nth-child(2) > a:focus,
.work-width-best-ott .nav-tabs > li.active:nth-child(3) > a:focus {
  background: #22b5a2 !important;
}
.work-width-best-game .nav-tabs > li.active:nth-child(1) > a:focus,
.work-width-best-game .nav-tabs > li.active:nth-child(2) > a:focus,
.work-width-best-game .nav-tabs > li.active:nth-child(3) > a:focus {
  background: #ef652f !important;
}
.work-width-best .nav-tabs > li a {
  background: none !important;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  border: 1px solid #d5d5d5;
  border-radius: 5px 0 0 0;
}
.work-width-best .nav-tabs > li a:hover,
.work-width-best .nav-tabs > li.active a {
  background: #000 !important;
  color: #fff !important;
}
.work-width-best-android .nav-tabs > li a:hover,
.work-width-best-android .nav-tabs > li.active a {
  background: #3ddb85 !important;
  color: #fff !important;
}
.work-width-best-hybrid .nav-tabs > li a:hover,
.work-width-best-hybrid .nav-tabs > li.active a {
  background: #1c42ac !important;
  color: #fff !important;
}
.work-width-best-Wearable .nav-tabs > li a:hover,
.work-width-best-Wearable .nav-tabs > li.active a {
  background: #7e37d5 !important;
  color: #fff !important;
}
.work-width-best-enterprise .nav-tabs > li a:hover,
.work-width-best-enterprise .nav-tabs > li.active a {
  background: #e2782b !important;
  color: #fff !important;
}
.work-width-best-ott .nav-tabs > li a:hover,
.work-width-best-ott .nav-tabs > li.active a {
  background: #22b5a2 !important;
  color: #fff !important;
}
.work-width-best-game .nav-tabs > li a:hover,
.work-width-best-game .nav-tabs > li.active a {
  background: #ef652f !important;
  color: #fff !important;
}
.work-width-best .tab-pane {
  color: #797979;
}
.work-width-best .tab-content {
  padding: 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
/*******cng-des-wrapper**********/
.rnf-tech {
  background: #fff;
  padding: 25px 0;
}
.rnf-tech h2 {
  margin: 25px 0 50px;
}
#cng-des-wrapper .tabs-content {
  color: #797979;
  border: 1px solid #797979;
}
.rnf-tech .tab-pane {
  color: #797979;
  padding: 20px 50px;
}
.nav.tabs-left.sideway li.active a {
  color: #fff;
  background: #000;
}
.nav.tabs-left.androidsideway li.active a {
  color: #fff;
  background: #3ddb85;
}
.nav.tabs-left.hybridsideway li.active a {
  color: #fff;
  background: #1c42ac;
}
.nav.tabs-left.Wearablesideway li.active a {
  color: #fff;
  background: #7e37d5;
}
.nav.tabs-left.enterprisesideway li.active a {
  color: #fff;
  background: #e2782b;
}
.nav.tabs-left.ottsideway li.active a {
  color: #fff;
  background: #22b5a2;
}
.nav.tabs-left.gamesideway li.active a {
  color: #fff;
  background: #3197d1;
}
.custom-title {
  font-size: calc(16px + 2vw);
  font-weight: 600;
  margin-bottom: 25px;
  color: #14884c;
}

/*********Press Release Page********/

.right-panel.rnf {
  background: rgb(255, 255, 255);
  font-family: "Roboto", sans-serif;
}

.press-top-container {
  background: url(../img/press-header.jpg) center bottom no-repeat;
  font-family: "Roboto", sans-serif;
}

.press-top-container img {
  display: inline-block;
}

.text-white {
  color: rgb(255, 255, 255);
}
.press-title {
  font-size: calc(16px + 2.5vw);
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

.press-top-container .leads-last-child {
  margin-top: 25px;
  padding-bottom: 0;
}
.press-items .panel {
  border-radius: 10px;
}
.press-items .panel img {
  border-radius: 10px 10px 0 0;
}
.press-items .panel .panel-body {
  padding: 0;

  border-radius: 10px;
  box-shadow: 0 -2px 3px rgb(0 0 0 / 30%);
}
.press-items .panel .panel-body p {
  margin-top: 20px;
  min-height: 80px;
}
.panel-body a:focus {
  color: #000;
}
.press-items .col-md-4 {
  padding: 0 15px;
}

.press-video {
  background: url(../img/press-video.jpg) left center no-repeat;
  min-height: 768px;
  display: flex;
  align-items: center;
  background-size: contain;
  position: relative;
}
.press-video iframe {
  position: absolute;
}
.press-video h3 {
  margin: 15px 0 0;
  font-size: calc(16px + 3.5vw);
  font-weight: 700;
}

.press-video h4 {
  font-weight: 100;
  opacity: 0.5;
  border-bottom: 1px solid rgb(255, 255, 255, 0.7);
  border-top: 1px solid rgb(255, 255, 255, 0.7);
  margin: 20px 0 0;
  display: inline-block;
  padding: 10px 0;
  font-size: 24px;
}
.player-video {
  width: 100px;
  height: 100px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% + 100px);
  transform: translate(-50%, 50%);
}

.right-panel.rnf .col-sm-6.col-md-3 {
  box-shadow: 3px 0px 0px rgb(0 0 0 / 10%);
}
.right-panel.rnf .management-wrap {
  background: none;
}
.right-panel.rnf .career-wrapper {
  box-shadow: none;
  background: none;
}
.right-panel.rnf .contact-message-feedback-form {
  background: #424242;
  color: #fff;
  padding-top: 50px;
  margin-bottom: 0;
}
.right-panel.rnf .contacts-label {
  margin-top: 0;
}
.right-panel.rnf .form-item input[type="text"],
.right-panel.rnf .form-item input[type="number"],
.right-panel.rnf .form-item input[type="email"],
.right-panel.rnf .form-item input[type="tel"],
.right-panel.rnf .form-item select,
.right-panel.rnf .form-item-cover-letter textarea {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .press-top-container {
    height: 60vh;
    display: flex;
    align-items: center;
  }
}