@import url('font.css');
@import url('font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html {
  overflow-x: hidden;
}

body {
  -webkit-font-smoothing: antialiased;
  font-family: 'ralewayregular', sans-serif;
  color: #363636;
  line-height: 25px;
  overflow-x: hidden;
}

a, button, input, a:link, a:hover, a:focus, textarea, select {
  outline: 0;
  text-decoration: none;
}

.clear {
  clear: both;
}

.clear {
  clear: both;
}

* {
  margin: 0;
  padding: 0
}

li {
  list-style-type: none
}

p {
  margin: 0;
}

a, a:link {
  color: #fff;
}

a:hover {
  color: #70bf4d;
}

img {
  max-width: 100%;
  height: auto;
}

.left-float {
  float: left;
}

.right-float {
  float: right;
/*  margin-right: 40px;*/
}

.modal-backdrop {
  bottom: 0;
  position: fixed;
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100002
}

#loader-wrapper #loader-logo {
  background: url("../images/byteme_loading.png") no-repeat scroll center center / 50% auto;
  display: block;
  height: 190px;
  left: 50%;
  margin: -95px 0 0 -95px;
  position: absolute;
  top: 50%;
  width: 190px;
  z-index: 1001
}

#loader {
  display: block;
  position: relative;
  box-shadow: 0 0 0 #000;
  left: 50%;
  top: 50%;
  width: 190px;
  height: 190px;
  margin: -95px 0 0 -95px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #0070FF;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1002;
}

#loader:before {
  content: "";
  position: absolute;
  box-shadow: 0 0 0 #000;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #222;
  border-top-color: #f1f1f1;
  -webkit-animation: spin 8s linear infinite;
  animation: spin 8s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  box-shadow: 0 0 0 #000;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #0070FF;
  -webkit-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
.trans-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.trans-play-btn .btn-border {
    border: 3px solid #70bf4d;
    padding: 10px;
    border-radius: 50%;
}
.btn-border img {
    height: 25px;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.fadeIn, .fadeInDown {
  opacity: 1
}

/* ==========================================================================
  Global style
  ========================================================================== */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222222;
  background: #edfee5;
  background: #eee;
  z-index: 1000;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.req-section {
  display: none
}

.loaded .req-section {
  display: block
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color .2s ease-out;
}


.loading-anim {
  position: absolute;
  width: 200px;
  height: 200px;
  margin: auto;
  perspective: 800px;
  transform-style: preserve-3d;
  /*transform: translateZ(-100px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) scale(0.5);*/
  transition: all .2s ease-out;
  margin: -100px 0 0 -100px;
  top: 50%;
  left: 50%;
  z-index: 1001
}

.loading .loading-anim {
  transform: translateZ(0) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1);
  opacity: 1;
  z-index: 1001;
}

.loading .loading-overlay {
  background: rgba(255, 255, 255, 0.5);
}

.loading-anim .border {
  position: absolute;
  border-radius: 50%;
  border: 3px solid #414540;
}

.dot {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #6fbf4d;
  animation: jitter 5s ease-in-out infinite, fade-in-out 5s linear infinite;
}



.dot:nth-child(1) {
  top: 90px;
  left: 180px;
  animation-delay: 0s;
}

.dot:nth-child(2) {
  top: 135px;
  left: 168px;
  animation-delay: 0.41667s;
}

.dot:nth-child(3) {
  top: 168px;
  left: 135px;
  animation-delay: 0.83333s;
}

.dot:nth-child(4) {
  top: 180px;
  left: 90px;
  animation-delay: 1.25s;
}

.dot:nth-child(5) {
  top: 168px;
  left: 45px;
  animation-delay: 1.66667s;
}

.dot:nth-child(6) {
  top: 135px;
  left: 12px;
  animation-delay: 2.08333s;
}

.dot:nth-child(7) {
  top: 90px;
  left: 0px;
  animation-delay: 2.5s;
}

.dot:nth-child(8) {
  top: 45px;
  left: 12px;
  animation-delay: 2.91667s;
}

.dot:nth-child(9) {
  top: 12px;
  left: 45px;
  animation-delay: 3.33333s;
}

.dot:nth-child(10) {
  top: 0px;
  left: 90px;
  animation-delay: 3.75s;
}

.dot:nth-child(11) {
  top: 12px;
  left: 135px;
  animation-delay: 4.16667s;
}

.dot:nth-child(12) {
  top: 45px;
  left: 168px;
  animation-delay: 4.58333s;
}



@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes jitter {
  0% {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(0.7, 0.7);
  }

  50% {
    transform: scale(1, 1);
  }

  75% {
    transform: scale(1.3, 1.3);
  }

  100% {
    transform: scale(1, 1);
  }
}

@keyframes fade-in-out {
  0% {
    opacity: 0.8;
  }

  25% {
    opacity: 0.2;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 0.8;
  }
}

.loaded #loader,
.loaded #loader-logo, .loaded .loading-anim {
  opacity: 0;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}








/* ==========================================================================
  Global style
  ========================================================================== */
/*#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
#loader-wrapper #loader-logo {
  background: url("../images/vrea-logo-white.png") no-repeat scroll center center / 50% auto;
  display: block;
  height: 190px;
  left: 50%;
  margin: -95px 0 0 -95px;
  position: absolute;
  top: 50%;
  width: 190px;
  z-index: 1001;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 190px;
  height: 190px;
  margin: -95px 0 0 -95px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f1f1f1;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1002;
  box-shadow:0 0 0 #000
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #222;
  border-top-color: #70bf4d;
  -webkit-animation: spin 8s linear infinite;
  animation: spin 8s linear infinite;
  box-shadow:0 0 0 #000
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #70bf4d;
  border-top-color: #f1f1f1;
  -webkit-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
  box-shadow:0 0 0 #000
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}*/
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222222;
  background: #000;
  /*background: #edfee5;*/
  z-index: 1000;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

/*
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}
.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}*/
.loaded #loader,
.loaded #loader-logo {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}









/*******Header******/
.header-top {
  background-color: #000;
  border-bottom: 1px solid #3d3d3d
}

.header-top p {
  float: left;
  line-height: 36px;
  color: #fff;
  font-size: 12px;
  font-family: 'Arial';
  margin-right: 20px
}

.header-top p span {
  opacity: 0.7;
  margin: 0 10px
}

.header-top p img {
  margin-right: 10px
}

.header-top p a {
  color: #fff
}

.header-top-rht {
  float: right;
/*  margin-right: 30px;
  margin-top: 7px;*/
  margin-bottom: 5px;
}

.header-top-rht li {
  display: inline-block;
/*  margin: 0 5px;*/
}

.header-top-rht li a {
  /*float:left;width:20px;height:20px*/
  font-size: 17px;
  color: #777
}

.header-top-rht li a:hover {
  transition: all 0.3s ease;
}

.header-top-rht li a.face-top:hover {
  color: #3c5a98
}

.header-top-rht li a.you-top:hover {
  color: #db342b
}

/*.header-top-rht li a.link-top:hover {
  color: #006dc0
}
*/
.header-top-rht li span.link-top:hover {
  color: #006dc0
}

.header-top-rht li a.ins-top:hover {
  color: #b16c4f
}


.header-top-rht li a.face-top{background:url('../images/face-top.png') no-repeat;}
/*.header-top-rht li a.you-top{background:url('../images/you-top.png') no-repeat;}*/
/*.header-top-rht li a.link-top{background:url('../images/link-top.png') no-repeat;}*/

/*.header-top-rht li a span.link-top{background:url('../images/link-top.png') no-repeat;}*/

.header-top-rht li span.link-top {
  display: inline-block;
  width: 20px;
  height: 20px;
  background:url('../images/link-top-hov.png') no-repeat;
  opacity: 1;
  margin: 0 10px 0;
  position: relative;
  top: 5px;
  cursor: pointer;
  transition: background 0.3s;

}

.header-top-rht li span.link-top:hover{
  background:url('../images/link-top-hov.png') no-repeat;
}

.header-top-rht li span.you-top {
  display: inline-block;
  width: 20px;
  height: 20px;
  background:url('../images/youtube-.png') no-repeat;
  opacity: 1;
  margin: 0 10px 0;
  position: relative;
  top: 5px;
  cursor: pointer;
  transition: background 0.3s;
}

/*.header-top-rht li span.you-top:hover{*/
/*  background:url('../images/you-top-hov.png') no-repeat;*/
/*}*/


.header-top-rht li span.clutch-top {
  display: inline-block;
  width: 20px;
  height: 20px;
  background:url('../images/clutch_co.png') no-repeat;
  opacity: 1;
  margin: 0 10px 0;
  position: relative;
  top: 5px;
  cursor: pointer;
  transition:background 0.3s;
}

.header-top-rht li span.upwork-top{
  display: inline-block;
  width: 20px;
  height: 20px;
  background:url('../images/new-upwork-logo.png') no-repeat;
  opacity: 1;
  margin: 0 10px 0;
  position: relative;
  top: 5px;
  cursor: pointer;
  transition:background 0.3s;
}

/*.header-top-rht li span.clutch-top:hover{
  background:url('../images/clutchhover.webp') no-repeat;
}*/

.header-top-rht li span.goodFirms-top {
  display: inline-block;
  width: 20px;
  height: 20px;
  background:url('../images/good-firms.png') no-repeat;
  opacity: 1;
  margin: 0 10px 0;
  position: relative;
  top: 5px;
  cursor: pointer;
  transition:background 0.3s;
}

/*.header-top-rht li span.goodFirms-top:hover{
  background:url('../images/goodfirmsHover.jpg') no-repeat;
}
*/


.header-top-rht li a.ins-top{background:url('../images/ins-top.png') no-repeat;}
.header-top-rht li a.face-top:hover{background:url('../images/face-top-hov.png') no-repeat;}
/*.header-top-rht li a.you-top:hover{background:url('../images/you-top-hov.png') no-repeat;}*/
/*.header-top-rht li a.link-top:hover{background:url('../images/link-top-hov.png') no-repeat;}*/
.header-top-rht li a.ins-top:hover{background:url('../images/ins-top-hov.png') no-repeat;}

.link {
  opacity: 0;
}

.logo-container {}

.header-container {
  background: #000;
}

.header-top-fix .header-right {
  /*margin-right: 100px;*/
}

.top-header-container {
  width: 100%;
  float: left;
}

.menu-container {
  z-index: 100001;
}

/*.home-page .header-container{height:207px;}
.home-page .header-top-fix{height:auto;}*/
.header-container {
  padding: 0;
  position: relative;
}

.req-quote-img {
  display: inline-block;
}

.header-top-fix .logo2 {
  position: relative;
}

/******Menu style*******/
.toggle-box {
  display: none;
  cursor: pointer
}

.navbar-menu ul li {
  list-style: none;
  display: inline-block;
  padding: 20px;
  color: #3d3c3c;
  font-size: 18px;
  font-family: 'ralewaysemibold';
  float: left
}

.header-top-fix .navbar-menu ul li {
  padding: 22px 15px;
  line-height: 25px
}

.navbar-menu ul li.active a {
  color: #0070FF;
}

.navbar-menu ul li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}

.navbar-menu ul li a:hover {
  color: #0070FF;
}

.toggle-btn {
  display: inline-block;
  float: right;
  width: 25px;
}

.toggle-btn .icon-btn {
  height: 2px;
  background: #111;
  width: 100%;
  display: block
}

.toggle-btn .icon-btn+.icon-btn {
  margin-top: 2px;
}


/****Footer*****/
.footer-container {
  background: #000;
  color: #fff;
  padding: 22px 0
}

.footer-left {
  margin-top: 6px;
}

.footer-page {
  width: 100%;
}

.footer-right a {
  width: 32px;
  height: 32px;
  margin-right: 7px;
}

.footer-right a.foot-fb {
  background: url('../images/face.png') no-repeat;
}

.footer-right a.foot-tw {
  background: url('../images/twit.png') no-repeat;
}

.footer-right a.foot-you {
  background: url('../images/you.png') no-repeat;
}

.footer-right a.foot-ins {
  background: url('../images/inst.png') no-repeat;
}





/****Services section*******/
.services-section {
  padding-bottom: 30px
}

.services-section h1 {
  color: #363636;
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 50px;
}

.services-section .container span {
  display: block;
  text-align: center
}

.content-ico-ser {
  display: block;
  text-align: center
}

.services-section h1:before {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-right: 12px;
}

.services-section h1:after {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-left: 12px;
}

.services-content {
  padding-left: 108px;
  margin-top: 40px;
  position: relative
}

.services-content p {
  font-size: 16px;
}

.design-logo {
  background: url('../images/ser1.png') no-repeat;
}

.development-logo {
  background: url('../images/ser2.png') no-repeat;
}

.content-logo {
  background: url('../images/ser3.png') no-repeat;
}

.mobile-app-logo {
  background: url('../images/ser4.png') no-repeat;
}

.ecommerce-logo {
  background: url('../images/ser5.png') no-repeat;
}

.responsive-logo {
  background: url('../images/ser6.png') no-repeat;
}

a.read-more:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
}

.services-content a.read-more {
  color: #505050;
}

.services-content h4 {
  text-transform: uppercase;
  font-size: 18px;
  color: #423e3e;
}

.services-container {
  margin-bottom: 40px;
}

.ser-logo {
  position: absolute;
  width: 98px;
  height: 98px;
  top: 0;
  left: 0
}

.services-container .services-logo:nth-child(3n+1) {
  clear: both
}
/***team page***/
.members_work ul li:first-child span {
    font-weight: 600;
}
.team-banner {
/*    background-color: #79dbe2 !important;*/
    background-color: #0070FF !important;
}
.work_label img {
    width: 20px;
    margin-right: 6px;
}
.members_work ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

/****BAnner section*****/
.banner-section img {
  width: 100%;
  height: auto;
}

.tparrows.preview2 {
  background: transparent
}

.tparrows.preview2:after {
  top: 42%;
}

.tp-bannertimer {
  height: 5px;
}

.banner-section {
  position: relative;
  max-height: 500px;
  overflow: hidden;
  /*margin-top:-86px*/
}

.slide1_cont3 {
  left: 0
}

.slide3_cont8 {
  font-family: 'ralewayregular';
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 1.5px
}

.slide3_cont8 a {
  background: #70bf4d;
  color: #fff;
  padding: 10px 18px;
  text-decoration: none;
  display: block;
}

.slide2_cont8 {
  font-family: 'ralewayregular';
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 1.5px
}

.slide2_cont8 a {
  color: #000;
  padding: 10px 18px;
  text-decoration: none;
  display: block;
  background: #70bf4d;
}

.slide1_cont6 {
  font-family: 'ralewayregular';
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  background: transparent;
  color: #000;
  text-decoration: none;
  border: solid 1px #000;
}

.slide1_cont6 a {
  color: #000;
  padding: 10px 18px;
  text-decoration: none;
  letter-spacing: 1.5px;
  display: block;
  transition: all 0.5s ease;
}

.slide1_cont6 a:hover {
  color: #f0f0f0;
  background: #000
}


/******Contact section**********/
.contact-us-container {
  background-color: #f2f2f2;
/*  background: #ff9e9d;*/
  display: none;
  padding: 25px 20px;
}

.contact-us-container .form-cont {
  width: 600px;
  margin: 0 auto;
}

.contact-us-container .form-cont input {
  border: 1px solid #ddd;
  padding: 0 10px;
  height: 30px;
  border-radius: 5px;
  width: 100%
}

.contact-us-container .form-cont .csubject {
  border: 1px solid #ddd;
  padding: 0 10px;
  height: 30px;
  border-radius: 5px;
  width: 100%;
  display: flex;
  align-items: center;
}

.contact-us-container .form-cont .cont-half {
  float: left;
  margin-right: 2%;
  width: 48%;
  margin-bottom: 20px;
}

.contact-us-container .form-cont .cont-half.last {
  margin-right: 0;
  margin-left: 2%;
}

.form-cont textarea {
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #ddd;
  height: 80px;
  resize: none
}

.contact-us-container .form-cont input[type="submit"] {
    font: 15px/15px ralewaymedium;
    background: #000;
    color: #fff;
    padding: 12px 15px;
    border-radius: 5px;
    border: 0;
    transition: all .2s ease-out;
    letter-spacing: 0.5px;
    width: 100%;
    margin-top: 20px;
    height: inherit;
    margin-bottom: 0;
}

.contact-us-container .form-cont input[type="submit"]:hover {
    background: #000;
    color: #0070FF;
}

.contact-us-container .form-cont .parsley-error {
  border-color: #f00
}

.contact-us-container .form-cont .parsley-errors-list .parsley-required {
  color: #f00
}

.contact-us-container .form-cont .parsley-errors-list {
  margin: 0
}

.contact-us-container .form-cont .mb-20 {
  margin-bottom: 20px;
}

.float-left {
  float: left;
}

.mr-10 {
  margin-right: 10px;
}

/****Top Drop**********/
/*.forkit {
position: fixed;
right: 30px;
top: 0;
z-index: 99998;
width: 160px;
height: 70px;
font-family: Lato,sans-serif;
text-decoration: none;
}
.forkit .tag {
display: block;
cursor: pointer;
-webkit-transform-origin: 15px 0;
transform-origin: 15px 0;
}
*/

/*****Work section*********/
.sub-page h1, .work-section h2 {
  color: #363636;
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 50px;
}

.sub-page h1:before, .work-section h2:before {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-right: 12px;
}

.sub-page h1:after, .work-section h2:after {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-left: 12px;
}

.work-section .controls a {
  margin-right: 0px;
  display: inline-block;
  color: #7f7d7d;
  color: #000;
  font-size: 15px;
  text-transform: uppercase;
  cursor: pointer
}

.work-section .controls a:last-child {
  margin-right: 0
}

.work-section .controls {
  text-align: center;
  margin: 40px 70px 20px
}

.work-section .controls a.active, .work-section .controls a:hover {
  color: #272727;
  border-bottom: 2px solid #272727;
}

.work-container {
  padding: 0 70px;
  text-align: justify;
  font-size: 0.1px;
  -webkit-backface-visibility: hidden;
}

.work-container:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.work-container .mix, .work-container .gap {
  display: inline-block;
  width: 49%;
}

.work-container .mix {
  text-align: left;
  margin-bottom: 35px;
  display: none;
}

.portfolio-social {
  text-align: center;
  margin-top: 20px;
}

.portfolio-social a {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 12px;
  border: 0;
}

.portfolio-social a:last-child {
  margin-right: 0;
}

.portfolio-social .fb-icon {
  background: url('../images/fac.png') no-repeat;
}

.portfolio-social .tw-icon {
  background: url('../images/twitter.png') no-repeat;
}

.portfolio-social .in-icon {
  background: url('../images/ins.png') no-repeat;
}

a.view-all-work {
  display: inline-block;
  background: #eac21e;
  background: #080808;
  color: #70bf4d;
  color: #fff;
  padding: 5px 20px;
  font-family: 'ralewaymedium';
  font-size: 15px;
  font-size: 17px;
  border-radius: 5px
}

a.view-all-work:hover {
  color: #0070FF;
}

.work-las-sec {
  margin: 20px 0 30px;
  text-align: center;
}

.portfolio-social:before {
  /*content: '';background: #f0f0f0;height: 0.5px;max-width: 50%;display: block;margin: 0 auto 20px;-webkit-animation: img-ani 1s linear 1 -0.3s;-moz-animation: img-ani 1s linear 1 0;-ms-animation: img-ani 1s linear 1 0;-o-animation: img-ani 1s linear 1 0;animation: img-ani 1s linear 1 0;*/
}

.portfolio-title {
  position: relative;
  padding-bottom: 0;
  margin-bottom: 12px;
  display: block;
  margin-top: 5px;
  font-size: 16px;
  text-transform: uppercase;
  height: 19px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  overflow: hidden
}

/*.portfolio-title a:before {content: "";position: absolute;width: 50%;height: 1px;bottom: 0;left: 25%;background-color: #f0f0f0;visibility:hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.portfolio-title a:hover:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);}*/
.port-content {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 12px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
}

.portfolio-title span {
  text-transform: uppercase;
  font-size: 15px
}

.portfolio-cat span {
  display: inline-block;
  margin: 05px 15px 05px 0
}
/*.portfolio-cat {*/
/*    min-height: 90px;*/
/*}*/
span.dev-icon{
    width: auto;
    height: 22px;
    /*background-color: #ff9e9d;*/
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    padding: 0 10px 0 10px;
}
span.uiux-icon {
      width: auto;
    height: 22px;
    /*background: #79dce2;*/
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    padding: 0 10px 0 10px;
}
span.res-icon {
     width: auto;
    height: 22px;
    /*background: #d8bed7;*/
     -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    padding: 0 10px 0 10px;
}

/*.portfolio-cat span:before {*/
/*  content: '';*/
/*  margin-bottom: 5px;*/
/*  display: block;*/
/*  width: 100%;*/
/*  height: 22px;*/
/*  background-position: center;*/
/*  background-size: contain;*/
/*  background-repeat: no-repeat*/
/*}*/

/*.portfolio-cat span:last-child {*/
/*  margin-right: 0*/
/*}*/

/*.portfolio-cat span.dev-icon:before {*/
/*  background-image: url('../images/dev.png')*/
/*}*/

/*.portfolio-cat span.ui-icon:before, .portfolio-cat span.uiux-icon:before {*/
/*  background-image: url('../images/uiux.png')*/
/*}*/

/*.portfolio-cat span.res-icon:before {*/
/*  background-image: url('../images/respon.png')*/
/*}*/

/*.portfolio-cat span.oc-icon:before {*/
/*  background-image: url('../images/open_cart.png')*/
/*}*/

/*.portfolio-cat span.wp-icon:before {*/
/*  background-image: url('../images/wordpress.png')*/
/*}*/

/*.portfolio-cat span.joomla-icon:before {*/
/*  background-image: url('../images/joomla.png')*/
/*}*/

/*.portfolio-cat span.pinacle-icon:before {*/
/*  background-image: url('../images/pinacle-cart.png')*/
/*}*/

/*.portfolio-cat span.php-icon:before {*/
/*  background-image: url('../images/php.png')*/
/*}*/

/*.portfolio-cat span.app-and-icon:before {*/
/*  background-image: url('../images/andr-icon1.png')*/
/*}*/

/*.portfolio-cat span.app-appl-icon:before {*/
/*  background-image: url('../images/Apple_logo-app.png')*/
/*}*/


/**********Feedback Section***********/
.feedback-section h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 40px
}

.feedback-section h2:before {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-right: 12px;
}

.feedback-section h2:after {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-left: 12px;
}

.testi-left {
  float: right;
  width: 125px;
  margin-right: 5px;
  text-align: center
}

.testi-green .tip:before {
  background: url('../images/arr_gr1.png') no-repeat;
  width: 15px;
  height: 22px;
}

.testi-blue .tip:before {
  background: url('../images/arr_blu1.png') no-repeat;
  width: 15px;
  height: 22px;
}

.testi-pink .tip:before {
  background: url('../images/arr_pin1.png') no-repeat;
  width: 15px;
  height: 22px;
}

.tip:before {
  position: absolute;
  display: inline-block;
  left: -15px;
  top: 50px;
  content: '';
  z-index: 101;
}

.tip {
  padding: 0;
  position: relative;
  font-size: 12px;
  line-height: 20px;
  height: 122px;
  overflow: hidden;
  color: #363636;
}

.testi-green .tip {
  background: #fdfdfa
}

.testi-blue .tip {
  background: #f8fcfc
}

.testi-pink .tip {
  background: #fef4fe
}

.testi-right {
  overflow: hidden;
  padding-left: 10px;
}

.testi-name {
  color: #6ec14d;
  font-size: 16px;
  display: block;
  text-align: right;
  font-family: 'ralewaybold';
  margin-top: 6px;
  position: relative;
  z-index: 10
}

.testi-name>span {
  color: #222;
  font-size: 14px
}

.testi-name>a.testi-website {
  color: #333;
  font-size: 14px;
  font-family: 'ralewaymedium'
}

.feedback-content {
  margin-top: 40px;
  margin-bottom: 20px;
}

.feedback-section {
  background: url(../images/banner-pattern.png) repeat;
  background-color: #808080;
  position: relative;
  min-height: 600px;
}


/**********Contact Section***********/
.contact-section h2 {
  color: #363636;
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 40px;
}

.contact-section h2:before {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-right: 12px;
}

.contact-section h2:after {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-left: 12px;
}

.contact-section .sub-heading {
  color: #000000;
  font-family: 'ralewaysemibold';
  font-size: 14px;
  margin-top: 0;
  text-align: center
}

.contact-section h3 {
  color: #000000;
  font-family: 'ralewaysemibold';
  font-size: 22px;
  margin-top: 0;
  text-align: center
}

.contact-widget h4 {
  color: #000000;
  font-size: 18px;
  font-family: 'ralewaymedium';
  margin-bottom: 5px;
}

.contact-section h3 {}

.contact-widget, .contact-hidden-section {
  text-align: center
}

.contact-widget .address, .contact-widget .emp-con, .contact-widget .proj-con {
  font-size: 13px;
  line-height: 20px;
  color: #000;
  font-family: 'ralewaymedium';
}

.contact-widget a {
  color: #000;
  font-family: 'ralewaysemibold';
  font-size: 14px;
}

.icon-cont {
  display: inline-block;
  width: 97px;
  height: 97px;
  border-radius: 50%;
}

.icon-cont.contact1-icon {
  background: url('../images/cont1.png') no-repeat center center #8dc73f;
}

.icon-cont.contact2-icon {
  background: url('../images/cont2.png') no-repeat center center #eac21e;
}

.icon-cont.contact3-icon {
  background: url('../images/cont3.png') no-repeat center center #3b89c9;
}

.contact-container {
  margin-top: 35px;
  margin-bottom: 40px;
}

.contact-hidden-section h5 {
  font-size: 17px;
  font-family: 'ralewaybold';
}

.contact-hidden-section .open-cont-sec {
  display: inline-block;
  background: url('../images/plus.png') no-repeat;
  width: 24px;
  height: 24px;
  border: 0
}

.contact-hidden-section {
  margin-bottom: 22px
}




/********Process Section ganapathy Style**********/
.process-section {
  background: url("../images/SSS.jpg") repeat;
  padding: 20px 0;
  height: 4500px;
  height: 4650px;
  height: 4680px;
}

.process-section-child {
  position: relative;
}

.process-section .first {
  position: relative;
  height: auto
}

.process-section h2 {
  font-family: yard_saleregular;
  font-size: 36px;
  color: #72b33b;
  text-align: center;
  margin: 0;
  line-height: normal;
}

.process-section span {
  font-family: ralewayregular;
  font-size: 18px;
  color: #423e3e
}

.process-section span.cen {
  text-align: center;
  display: block
}

.mr_tp10 {
  margin-top: 10px
}

.process-section span.f1 {
  position: absolute;
  background: url("../images/wire1.png") no-repeat;
  height: 76px;
  width: 421px;
  top: 160px;
  left: 50%
}

.process-section span.f2 {
  position: absolute;
  background: url("../images/img1.png") no-repeat 38px 25px;
  height: 80px;
  width: 125px;
  top: 240px;
  right: 8%
}

.process-section span.f3 {
  position: absolute;
  background: url("../images/wire2.png") no-repeat;
  height: 92px;
  width: 285px;
  top: 310px;
  right: 13.5%
}

.process-section span.f4 {
  position: absolute;
  height: 95px;
  width: 185px;
  top: 390px;
  right: 33%
}

.process-section span.f4 .class {
  background: url("../images/img2.png") no-repeat;
  width: 68px;
  height: 52px;
  display: block;
  margin: 0 auto 5px
}

.process-section span.f5 {
  position: absolute;
  background: url("../images/wire3.png") no-repeat;
  height: 100px;
  width: 435px;
  top: 400px;
  left: 18%
}

.process-section span.f6 {
  position: absolute;
  height: 95px;
  width: 293px;
  top: 515px;
  left: 6%
}

.process-section span.f6 .class {
  background: url("../images/img3.png") no-repeat;
  width: 35px;
  height: 52px;
  display: block;
  margin: 0 auto 5px
}

.process-section .second {
  position: relative;
  height: auto;
  margin-top: 400px
}

.process-section span.s1 {
  position: absolute;
  background: url("../images/wire4.png") no-repeat;
  height: 125px;
  width: 160px;
  top: -18px;
  left: 25%;
  background-position: center bottom
}

.process-section span.s2 {
  position: absolute;
  background: url("../images/wire5.png") no-repeat;
  height: 103px;
  width: 90px;
  top: 70px;
  right: 13%
}

.process-section span.s3 {
  /*position:absolute;height:150px;width:300px;top:200px;right:0%;text-align:center*/
}

.process-section span.s3 {
  position: absolute;
  height: 200px;
  width: 300px;
  top: 0px;
  right: 0%;
  text-align: center;
  padding-top: 195px;
}

.process-section span.s3 .class {
  background: url("../images/img5.png") no-repeat;
  width: 52px;
  height: 52px;
  display: block;
  margin: 0 auto 5px
}

.process-section span.s4 {
  position: absolute;
  background: url("../images/arr1.png") no-repeat;
  height: 130px;
  width: 38px;
  top: 150px;
  right: 30%;
  background-position: center bottom
}

.process-section .second .tech {
  width: 400px;
  position: absolute;
  top: 180px;
  right: 36%;
  padding-top: 30px
}

.process-section .second .tech ul li {
  float: left;
  width: 64px;
  height: 64px;
}

.process-section .second .tech span {
  text-align: center;
  display: block;
  width: 300px;
  margin: 0 auto
}

.process-section span.s5 {
  position: absolute;
  background: url("../images/arr1.png") no-repeat;
  height: 80px;
  width: 38px;
  top: 220px;
  left: 23%;
  background-position: center bottom
}

.process-section span.s6 {
  position: absolute;
  height: 150px;
  width: 230px;
  top: 260px;
  left: 0%;
  text-align: center
}

.process-section span.s6 .class {
  background: url("../images/img6.png") no-repeat;
  width: 70px;
  height: 86px;
  display: block;
  margin: -80px auto 5px
}

.process-section span.s7 {
  position: absolute;
  background: url("../images/wire6.png") no-repeat;
  height: 124px;
  width: 100px;
  top: 320px;
  left: 10%;
  background-position: center bottom
}

.process-section span.s8 {
  position: absolute;
  height: 150px;
  width: 320px;
  top: 350px;
  left: 28%;
  text-align: center
}

.process-section span.s8 .class {
  background: url("../images/img7.png") no-repeat;
  width: 52px;
  height: 52px;
  display: block;
  margin: 10px auto 5px
}

.process-section span.s9 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 50px;
  width: 38px;
  top: 380px;
  right: 35%;
  background-position: center bottom
}

.process-section span.s10 {
  position: absolute;
  height: 150px;
  width: 320px;
  top: 420px;
  right: 10%;
  text-align: center
}

.process-section span.s10 .class {
  background: url("../images/img8.png") no-repeat;
  width: 70px;
  height: 52px;
  display: block;
  margin: -60px auto 5px
}

.process-section span.s11 {
  position: absolute;
  top: 460px;
  right: 0%;
}

.process-section span.s11_img {
  background: url("../images/wire7.png") no-repeat;
  width: 170px;
  height: 199px;
  display: inline-block;
  margin-top: -60px
}

.process-section span.pro-img4 {
  background: url("../images/img4.png") no-repeat;
  width: 63px;
  height: 72px;
  margin: 10px auto 0;
  background-position: center bottom;
  position: relative;
  top: -20px
}

.process-section .third {
  position: relative;
  height: auto;
  margin-top: 430px
}

.process-section span.t1 {
  position: absolute;
  background: url("../images/wire22.png") no-repeat;
  width: 98px;
  height: 99px;
  top: 55px;
  left: 10%
}

.process-section span.t2 {
  position: absolute;
  width: 165px;
  height: 135px;
  top: 105px;
  left: 6%
}

.process-section span.t2 .class {
  background: url("../images/img9.png") no-repeat;
  width: 69px;
  height: 69px;
  display: block;
  margin: 80px auto 5px
}

.process-section span.t3 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 140px;
  width: 38px;
  top: 140px;
  left: 22%;
  background-position: center bottom
}

.process-section span.t4 {
  position: absolute;
  height: 92px;
  width: 285px;
  top: 180px;
  left: 30%;
  text-align: center
}

.process-section span.t4 .class {
  background: url("../images/img10.png") no-repeat;
  width: 76px;
  height: 75px;
  display: block;
  margin: 0 auto 5px
}

.process-section span .color {
  width: 30px;
  height: 30px;
  margin: -8px 1px 0;
  vertical-align: middle;
}

.process-section span.t5 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 70px;
  width: 38px;
  top: 220px;
  right: 39%;
  background-position: center bottom
}

.process-section span.t6 {
  position: absolute;
  width: 400px;
  height: 110px;
  top: 255px;
  right: 0%;
  text-align: center
}

.process-section span.t6 .class {
  background: url("../images/img11.png") no-repeat;
  width: 63px;
  height: 60px;
  display: block;
  margin: -60px auto 5px
}

.process-section span.t7 {
  position: absolute;
  background: url("../images/wire23.png") no-repeat;
  width: 721px;
  height: 210px;
  top: 300px;
  right: 15%;
  background-position: center bottom
}

.process-section span.t8 {
  position: absolute;
  height: 92px;
  width: 285px;
  top: 380px;
  left: 27%;
  text-align: center
}

.process-section span.t8 .class {
  background: url("../images/img11a.png") no-repeat;
  width: 40px;
  height: 44px;
  display: block;
  margin: 0 auto 5px
}

.process-section span.t8 .color {
  width: 137px;
  height: 54px;
  position: relative;
  margin-top: 15px;
  left: 35px
}

.process-section span.t9 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 100px;
  width: 38px;
  top: 417px;
  right: 50%;
  background-position: center bottom
}

.process-section span.t10 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 100px;
  width: 38px;
  top: 417px;
  right: 44%;
  background-position: center bottom
}

.process-section span.t11 {
  position: absolute;
  height: 110px;
  width: 146px;
  top: 460px;
  left: 57%;
}

.process-section span.t11 .class {
  background: url("../images/img13a.png") no-repeat;
  width: 35px;
  height: 39px;
  display: block;
  margin: 10px auto 5px
}

.process-section span.t11 .color {
  width: 137px;
  height: 54px;
  position: absolute;
  top: -40px;
  left: 0px
}

.process-section span.t12 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 20px;
  width: 38px;
  top: 495px;
  right: 25%;
  background-position: center bottom
}

.process-section span.t13 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 20px;
  width: 38px;
  top: 487px;
  right: 23%;
  background-position: center bottom
}

.process-section span.t14 {
  position: absolute;
  width: 240px;
  height: 110px;
  top: 540px;
  right: 0%;
  text-align: center
}

.process-section span.t14 .class {
  background: url("../images/img14.png") no-repeat;
  width: 52px;
  height: 52px;
  display: block;
  margin: -95px auto 5px
}

.process-section span.t13 {
  position: absolute;
  background: url("../images/wire8.png") no-repeat;
  height: 88px;
  width: 221px;
  top: 550px;
  right: 8%
}

.process-section .fourth {
  position: relative;
  height: auto;
  margin-top: 540px
}

.process-section span.fo1 {
  position: absolute;
  background: url("../images/wire9.png") no-repeat;
  height: 138px;
  width: 331px;
  top: 70px;
  left: 20%
}

.process-section span.fo2 {
  position: absolute;
  width: 263px;
  height: 105px;
  top: 130px;
  left: 11%
}

.process-section span.fo2 .class {
  background: url("../images/img15.png") no-repeat;
  width: 39px;
  height: 52px;
  display: block;
  margin: 100px auto 5px
}

.process-section span.fo3 {
  position: absolute;
  background: url("../images/wire10.png") no-repeat;
  width: 314px;
  height: 150px;
  top: 180px;
  left: 37%;
  background-position: center bottom
}

.process-section span.fo4 {
  position: absolute;
  width: 230px;
  height: 95px;
  top: 230px;
  right: 10%
}

.process-section span.fo4 .class {
  background: url("../images/img16.png") no-repeat;
  width: 58px;
  height: 52px;
  display: block;
  margin: 0 auto 5px
}

.process-section span.fo5 {
  position: absolute;
  background: url("../images/wire14.png") no-repeat;
  width: 288px;
  height: 91px;
  top: 340px;
  right: 25%
}

.process-section .fifth {
  position: relative;
  height: auto;
  margin-top: 380px
}

.process-section span.fi1 {
  position: absolute;
  width: 334px;
  height: 135px;
  top: 60px;
  left: 20%
}

.process-section span.fi1_img {
  display: inline-block;
  background: url("../images/wire12.png") no-repeat;
  width: 334px;
  height: 135px;
  margin-top: -60px
}

.process-section span.fi2 {
  position: absolute;
  width: 320px;
  height: 95px;
  top: 100px;
  left: 7%
}

.process-section span.fi2 .class {
  background: url("../images/img17.png") no-repeat;
  width: 95px;
  height: 60px;
  display: block;
  margin: 40px auto 5px
}

.process-section span.fi3 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 110px;
  width: 38px;
  top: 120px;
  left: 38%;
  background-position: center bottom
}

.process-section span.fi4 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 80px;
  width: 38px;
  top: 150px;
  left: 46%;
  background-position: center bottom
}

.process-section span.fi5 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 40px;
  width: 38px;
  top: 190px;
  left: 55%;
  background-position: center bottom
}

.process-section .fifth .tech {
  width: 490px;
  position: absolute;
  top: 230px;
  right: 0%
}

.process-section .fifth .tech ul {
  margin-left: 110px;
  margin-top: -100px;
  margin-bottom: 75px
}

.process-section .fifth .tech ul li {
  float: left;
  width: 62px;
  height: 63px;
}

.process-section .fifth .tech span {
  text-align: center;
  display: block;
  width: 450px;
  margin: 0 auto;
  clear: both
}

.process-section span.fi6 {
  position: absolute;
  background: url("../images/wire13.png") no-repeat;
  width: 95px;
  height: 101px;
  top: 280px;
  right: 25%
}

.process-section span.fi7 {
  position: absolute;
  width: 600px;
  height: 175px;
  top: 320px;
  left: 25%;
  text-align: center
}

.process-section span.fi7 .class {
  background: url("../images/responsive.png") no-repeat;
  width: 321px;
  height: 102px;
  display: block;
  margin: -20px auto 5px
}

.process-section span.fi8 {
  position: absolute;
  background: url("../images/arr3.png") no-repeat;
  width: 29px;
  height: 41px;
  top: 510px;
  left: 48.5%
}


.process-section .sixth {
  position: relative;
  height: auto;
  margin-top: 500px
}

.process-section span.si1 {
  position: absolute;
  background: url("../images/wire14.png") no-repeat;
  width: 334px;
  height: 135px;
  top: 100px;
  left: 25%
}

.process-section .sixth .tech {
  width: 550px;
  position: absolute;
  top: 150px;
  left: 0%;
  padding-top: 50px
}

.process-section .sixth .tech ul {
  margin-left: 110px
}

.process-section .sixth .tech ul li {
  float: left;
  width: 64px;
  height: 64px;
}

.process-section .sixth .tech ul li:last-child {
  width: 110px;
}

.process-section .sixth .tech span {
  text-align: center;
  display: block;
  width: 490px;
  margin: 0 auto
}

.process-section span.si2 {
  position: absolute;
  width: 460px;
  height: 125px;
  top: 250px;
  right: 0;
  text-align: center
}

.process-section span.si2 .class {
  background: url("../images/data.png") no-repeat;
  width: 60px;
  height: 60px;
  display: block;
  margin: -50px auto 5px
}

.process-section span.si6 {
  position: absolute;
  background: url("../images/wire24.png") no-repeat;
  width: 624px;
  height: 95px;
  top: 320px;
  right: 22%
}

.process-section .sixth span.fi4 {
  top: 200px;
  left: 52%
}

.process-section .sixth .tech1 {
  width: 550px;
  position: absolute;
  top: 350px;
  left: 3%;
  padding-top: 0
}

.process-section .sixth .tech1 ul {
  margin-left: 210px;
  margin-top: 80px
}

.process-section .sixth .tech1 span {
  text-align: center;
  display: block;
  width: 450px;
  margin: 0 auto;
  clear: both
}

.process-section span.si3 {
  position: absolute;
  background: url("../images/wire15.png") no-repeat;
  width: 154px;
  height: 127px;
  top: 380px;
  left: 48%;
  background-position: center bottom
}

.process-section .sixth .tech2 {
  width: 350px;
  position: absolute;
  top: 430px;
  right: 5%;
  left: none;
}

.process-section .sixth .tech2 ul {
  margin-left: 10px
}

.process-section .sixth .tech2 ul li {
  float: left;
  width: 64px;
  height: 64px;
}

.process-section .sixth .tech2 span {
  text-align: center;
  display: block;
  width: 350px;
}

.process-section span.si7 {
  position: absolute;
  background: url("../images/wire16.png") no-repeat;
  width: 134px;
  height: 70px;
  top: 600px;
  left: 46%
}

.process-section .seventh {
  position: relative;
  height: auto;
  margin-top: 630px
}

.process-section span.se1 {
  position: absolute;
  width: 341px;
  height: 94px;
  top: 80px;
  left: 12%
}

.process-section span.se1_img {
  display: inline-block;
  background: url("../images/wire17.png") no-repeat;
  width: 341px;
  height: 94px;
  margin-top: -60px
}

.process-section span.se2 {
  position: absolute;
  width: 260px;
  height: 128px;
  top: 130px;
  left: 32px;
  text-align: center
}

.process-section span.se2 .class {
  background: url("../images/img18.png") no-repeat;
  width: 64px;
  height: 65px;
  display: block;
  margin: 0 auto 5px
}

.process-section span.se3 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 70px;
  height: 95px;
  width: 38px;
  top: 130px;
  left: 27%;
  background-position: center bottom
}

.process-section span.se4 {
  position: absolute;
  width: 193px;
  height: 115px;
  top: 160px;
  left: 31.3%;
  text-align: center
}

.process-section span.se4 .class {
  background: url("../images/img25.png") no-repeat;
  width: 64px;
  height: 65px;
  display: block;
  margin: -30px auto 5px
}

.process-section span.se5 {
  position: absolute;
  height: 20px;
  width: 38px;
  top: 160px;
  left: 49%
}

.process-section span.se5_img {
  display: inline-block;
  background: url("../images/arr2.png") no-repeat;
  height: 20px;
  height: 47px;
  width: 38px;
  top: 18px;
  background-position: center bottom;
  position: relative
}

.process-section span.se6 {
  position: absolute;
  width: 218px;
  height: 115px;
  top: 200px;
  left: 54%;
  text-align: center
}

.process-section span.se6 .class {
  background: url("../images/img21.png") no-repeat;
  width: 64px;
  height: 65px;
  display: block;
  margin: -70px auto 5px
}

.process-section span.se7 {
  position: absolute;
  height: 20px;
  width: 38px;
  top: 200px;
  right: 23%
}

.process-section span.se7_img {
  display: inline-block;
  background: url("../images/arr2.png") no-repeat;
  height: 45px;
  width: 38px;
  background-position: center bottom;
  top: -20px;
  position: relative
}

.process-section span.se8 {
  position: absolute;
  width: 245px;
  height: 115px;
  top: 240px;
  right: 0%;
  text-align: center
}

.process-section span.se8 .class {
  background: url("../images/img19.png") no-repeat;
  width: 64px;
  height: 65px;
  display: block;
  margin: -110px auto 5px
}

.process-section span.se9 {
  position: absolute;
  background: url("../images/wire18.png") no-repeat;
  height: 118px;
  width: 502px;
  top: 280px;
  right: 10%
}

.process-section .eighth {
  position: relative;
  height: auto;
  margin-top: 360px
}

.process-section span.e1 {
  position: absolute;
  background: url("../images/wire19.png") no-repeat;
  width: 100px;
  height: 104px;
  top: 170px;
  left: 42%
}

.process-section span.e2 {
  position: absolute;
  width: 380px;
  height: 163px;
  top: 210px;
  left: 0%;
  text-align: center
}

.process-section span.e2 .class {
  background: url("../images/img20.png") no-repeat;
  width: 123px;
  height: 112px;
  display: block;
  margin: 10px auto 5px
}

.process-section span.e3 {
  position: absolute;
  background: url("../images/wire20.png") no-repeat;
  width: 371px;
  height: 107px;
  top: 255px;
  left: 35%;
  background-position: center bottom
}

.process-section span.e4 {
  position: absolute;
  width: 380px;
  height: 163px;
  top: 290px;
  right: 0%;
  text-align: center
}

.process-section span.e4 .class {
  background: url("../images/img22.png") no-repeat;
  width: 123px;
  height: 112px;
  display: block;
  margin: -70px auto 5px
}

.process-section span.e5 {
  position: absolute;
  background: url("../images/wire21.png") no-repeat;
  width: 672px;
  height: 105px;
  top: 400px;
  left: 28%
}

.process-section span.e6 {
  position: absolute;
  width: 380px;
  height: 163px;
  top: 420px;
  left: 0%;
  text-align: center
}

.process-section span.e6 .class {
  background: url("../images/img23.png") no-repeat;
  width: 123px;
  height: 112px;
  display: block;
  margin: 30px auto 5px
}

.process-section span.e7 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 110px;
  width: 38px;
  top: 480px;
  left: 38%;
  background-position: center bottom
}

.process-section span.e8 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 80px;
  width: 38px;
  top: 510px;
  left: 46%;
  background-position: center bottom
}

.process-section span.e9 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 50px;
  width: 38px;
  top: 540px;
  left: 54%;
  background-position: center bottom
}

.process-section span.e10 {
  position: absolute;
  background: url("../images/arr2.png") no-repeat;
  height: 20px;
  width: 38px;
  top: 570px;
  right: 35%;
  background-position: center bottom
}

.process-section span.e11 {
  position: absolute;
  width: 380px;
  height: 163px;
  top: 610px;
  right: 0%;
  text-align: center
}

.process-section span.e11 .class {
  background: url("../images/img24.png") no-repeat;
  width: 123px;
  height: 112px;
  display: block;
  margin: -150px auto 5px
}

.process-section-black {
  position: relative;
  background: url("../images/bg.gif") repeat;
  background: #000;
  padding: 20px 0 100px
}

.process-section-black span {
  color: #fff
}

.process-section-black span.f1 {
  background: url("../images/wire1_wh.png") no-repeat;
}

/***Process title****/
.process-section .title-container h2, .process-section .title-container h1 {
  color: #363636;
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 40px;
  font-family: 'ralewayregular', sans-serif;
}

.process-section .title-container h2:before, .process-section .title-container h1:before {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-right: 12px;
}

.process-section .title-container h2:after, .process-section .title-container h1:after {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-left: 12px;
}

.process-section .process-wrapper {
  overflow: hidden;
  height: 4500px;
  height: 4530px;
}

#pro-img4 {}


/**********Sub Menu***********/
#main-menu {
  margin-bottom: 0;
}

.navbar-menu ul li:hover div.sub-menu {
  /*display: block;*/
}

div.sub-menu {
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(250, 250, 250, 0.95);
  display: none;
  float: none;
  padding: 30px 0 10px;
  box-shadow: 0 -3px 3px #e4e4e4;
  top: 88px;
  z-index: 1001
}

div.sub-menu .col-sub-menu {
  width: 33.33%;
  float: left;
  margin-bottom: 20px;
}

div.sub-menu .col-sub-menu h4 {
  text-transform: uppercase;
  font-size: 15px;
  margin: 0 0 10px;
  font-weight: normal;
}

div.sub-menu .col-sub-menu ul {
  margin: 0;
  padding: 0 20px 0 0;

}

div.sub-menu .col-sub-menu ul li {
  margin: 0;
  padding: 0;
  float: none;
  line-height: 20px;
  height: auto;
  display: block;
  font-size: 14px;
}

div.sub-menu .col-sub-menu ul li a {
  background: url(../images/arr-sub-menu.png) 0 9px no-repeat;
  text-transform: none;
  line-height: normal;
  margin: 0;
  padding: 2px 0 2px 11px;
  display: block;
}

.header-top-fix {
  position: fixed;
  z-index: 1001;
  width: 100%;
  margin-top: 0;
  padding: 5px 0;
  padding: 8px 0;
  border-bottom: solid 3px #0070FF;
  top: 0
}

.header-top-fix .menu-container {
  margin-top: 0;
}

.header-top-fix .logo1 {
  display: none;
}

.header-top-fix .logo-img {
  transition: all .3s ease;
  width: auto;
}

.header-top-fix div.sub-menu {
  top: 88px;
}

.req-quote-tag {
  position: absolute;
  top: 0;
  width: 100%
}

.req-quote-img {
  float: right;
  background: url('../images/top.png') no-repeat;
  width: 141px;
  height: 56px;
}


.logo1 {}

.logo2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  overflow: hidden
}

.loaded .logo1 {
  -webkit-animation: img-opacity 0.1s linear 1 5.5s;
  -moz-animation: img-opacity 0.1s linear 1 5.5s;
  -ms-animation: img-opacity 0.1s linear 1 5.5s;
  -o-animation: img-opacity 0.1s linear 1 5.5s;
  animation: img-opacity 0.1s linear 1 5.5s;
}

.loaded .logo2 {
  -webkit-animation: img-ani 5s linear 1 0.8s;
  -moz-animation: img-ani 5s linear 1 0.7s;
  -ms-animation: img-ani 5s linear 1 0.7s;
  -o-animation: img-ani 5s linear 1 0.7s;
  animation: img-ani 5s linear 1 0.7s;
}

.logo2 img {
  /*width:130px;height:89px;max-width:130px*/
}

.vrea-logo-img img, .logo2 img {
  width: auto;
  height: 60px;
  max-width: 130px
}

.logo1 img {
  height: 70px;
  width: auto
}

.logo-container {}

.logo-cont {
  position: relative;
  width: 80px;
}

.navbar-menu ul li {
  padding: 22px 8px;
  line-height: 25px;
}

@-webkit-keyframes img-ani {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes img-ani {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-ms-keyframes img-ani {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-o-keyframes img-ani {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}


@keyframes img-ani {
  0% {
    width: 0px;
  }

  100% {
    width: 130px;
  }
}

@-webkit-keyframes img-opacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes img-opacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes img-opacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes img-opacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


@keyframes img-opacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.services-content {
  color: #666
}

#request_form {
  position: fixed;
  width: 100%;
  height: 100%;
  /*background:url(../images/opacity.png);*/
  -ms-filter: "alpha(Opacity=80)";
  filter: alpha(opacity=80);
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: auto
}

#request_form .close-button {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 10px;
  top: 10px;
  cursor: pointer;
  background-repeat: no-repeat
}

#request_form .close-button .fa {
  color: #77C256;
  font-size: 35px;
  display: inline-block;
  font-family: fontawesome;
  font-style: normal;
  font-weight: 400;
}

#request_form .title {
  font: 44px/44px ralewaylight;
  color: #fff;
  margin-bottom: 25px;
  text-align: center
}

#request_form .title span {
  color: #0070ff;
  font-size: 44px;
}

.form-wrap {
  width: 950px;
  margin: 0 auto;
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -475px
}

.form-wrap .rq-form .input-wrap {
  float: left;
  width: 445px;
  margin-bottom: 10px;
  text-align: left;
}

.form-wrap .rq-form .input-wrap.odd {
  text-align: right;
  float: right
}

.form-wrap .rq-form .w-email {
  width: 100%;
}

.form-wrap .rq-form .w-email span input {
  padding-left: 4%;
}

.form-wrap .rq-form .input-wrap input {
  background: 0 0;
  width: 100%;
  line-height: 16px;
  padding: 10px 3% 10px 8%;
  font: 13px/16px ralewaysemibold;
  color: #303030;
  border: 1px solid #616161
}

.form-wrap .rq-form .input-wrap input#name {
  background: url(../images/name.png) no-repeat 10px center #fff;
}

.form-wrap .rq-form .input-wrap input#phone {
  background: url(../images/phone.png) no-repeat 10px center #fff
}

.form-wrap .rq-form .input-wrap input#email {
  background: url(../images/email.png) no-repeat 10px center #fff
}

.form-wrap .rq-form .input-wrap input#proj-sel {
  background: url(../images/viewing.png) no-repeat 10px center #fff
}

.form-wrap .rq-form .input-wrap select#proj-select-opt {
  height: 37px;
  background: url(../images/drop-arr.png) no-repeat 96% center, url(../images/viewing.png) no-repeat 10px center #fff;
  width: 100%;
  line-height: 16px;
  padding: 4px 3% 4px 8%;
  font: 13px/16px ralewaysemibold;
  color: #303030;
  border: 1px solid #616161;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-wrap .rq-form .input-wrap select#proj-select-opt option {
  padding: 3px 10px
}

.form-wrap .rq-form .textarea-wrap {
  float: left;
  width: 100%;
  margin-bottom: 15px
}

.form-wrap .rq-form .textarea-wrap textarea {
  color: #303030;
  background: #fff;
  width: 100%;
  padding: 2%;
  font: 13px/16px ralewaysemibold;
  border: 1px solid #616161;
  resize: none;
  height: 132px
}

.form-wrap .rq-form #file {
  font: 13px/16px ralewaysemibold
}

.form-wrap .rq-form .submit-wrap {
  text-align: right;
  float: left;
  width: 100%
}

.form-wrap .rq-form .submit-wrap #quote-submit {
  font: 15px/15px ralewaymedium;
  background: transparent;
  color: #fff;
  padding: 12px 15px;
  border-radius: 3px;
  border: 0;
  transition: all .2s ease-out;
  letter-spacing: 0.5px;
  width: 205px;
border: solid 1px #0070ff;
}

.form-wrap .rq-form .submit-wrap #quote-submit:hover {
  background: #0070ff;
  color: #fff
}

.form-wrap .rq-form .wpcf7-response-output, .form-wrap .rq-form div.wpcf7-validation-errors {
  clear: both;
  font: 12px/12px ralewaysemibold
}

.form-wrap .rq-form span.wpcf7-not-valid-tip {
  text-align: left;
  font: 12px/12px ralewaysemibold;
  bottom: 5px;
  right: 0;
  position: absolute
}

.form-wrap .rq-form span.wpcf7-form-control-wrap {
  width: 100%
}

.form-wrap .rq-form div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  width: 96%;
  padding: 2%;
  margin: 12px 0 0;
  float: left;
  border-radius: 3px
}

::-webkit-input-placeholder {
  color: #777777;
  color: #303030
}

::-moz-placeholder {
  color: #777777;
  color: #303030
}

::-ms-input-placeholder {
  color: #777777;
  color: #303030
}

.forkit .tag {
  background: url('../images/ribbon.png') no-repeat;
  font-size: 12px;
  font-family: 'ralewaysemibold';
  line-height: 30px;
  text-transform: uppercase;
}

.forkit .string {
  background: rgba(45, 15, 5, 1);
}

.forkit-curtain {
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  padding-top: 50px;
  z-index: 1001;
}

.req-section ul.parsley-errors-list {
  display: none;
}

/*********Work Page********/
.gray-bg {
  background: #f5f5f5
}

.breadcrumbs-section {
  border-top: solid 1px #70bf4d;
  padding: 15px 0;
  color: #363636
}

.breadcrumbs-section a {
  color: #363636
}

.breadcrumbs-section span {
  opacity: 0.5
}

.work-header-section {
  background-size: 100% auto;
}

.single-work-page .work-header-section {
  padding: 230px 0;
  color: #fff;
  text-align: center;
  text-transform: uppercase
}

.single-work-page .work-header-section h1 {
  margin-top: 0;
  font-size: 60px;
  font-family: 'ralewaysemibold'
}

.single-work-page .work-header-section .sub-title {
  font-size: 24px;
  font-family: 'ralewaylight'
}

.feedback-content.work-feedback-sec {
  max-width: 690px;
  margin: 50px auto 65px
}

.feedback-content.work-feedback-sec .testi-left {
  margin-top: 5px;
}

.feedback-content.work-feedback-sec .tip:before {
  top: 36%
}

.work-imgs-section {
  padding: 100px 0;
  text-align: center
}

.work-imgs-section .work-page-img {
  margin: 40px 0;
}

/*
.forkit .tag{-webkit-transform-origin: 0px 0px;-moz-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;-o-transform-origin: 0px 0px;transform-origin: 0px 0px;}
.forkit .string1 {
display: block;
height: 1px;
width: 0px;
position: absolute;
background: green;
box-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.4 );
-webkit-transform-origin: 0px 0px;
-moz-transform-origin: 0px 0px;
-ms-transform-origin: 0px 0px;
-o-transform-origin: 0px 0px;
transform-origin: 0px 0px;
left:180px
}
.forkit {z-index:10001;font-family:'ralewaysemibold';right:0px;width:300px;height:10px}
.forkit .string{box-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.4 );height: 1px;left:15px}
*/
.forkit {
  z-index: 10001;
  font-family: 'ralewaysemibold';
  right: -42px;
  top: 0px
}

.services-tags a {
  display: block;
  padding: 8px 10px;
  text-align: center;
  color: #000;
  margin-bottom: 15px
}

.design-tag {
  background: #73f1a7
}

.dev-tag {
  background: #ff8cf2
}

.digital-tag {
  background: #dff536
}

.mobile-tag {
  background: #c6acff
}

.respon-tag {
  background: #ffce38
}

.contw-tag {
  background: #4dfbff
}




.ui-front {
  z-index: 1000001;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 4px 8px;
  cursor: pointer;
  min-height: 0;
  /* support: IE7; */
  /* support: IE10, see #8844; */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.tparrows:before {
  font-family: 'revicons';
  color: #000;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 0;
  margin-top: 6px;
  text-align: center;
  width: 40px;
  font-size: 20px;
}

.tparrows {
  background: #fff !important;
  background: rgba(255, 255, 255, 0.5) !important;
  color: #000 !important;
}

.tp-rightarrow:before {
  content: '\e825';
}

.tp-leftarrow:before {
  content: '\e824';
}

.forkit {
  width: 170px
}

.menu-shrink .forkit {
  /*width:156px;*/
}

.forkit .tag:after, .forkit .tag:before {
  border: 0
}

.forkit .tag {
  width: 161px;
  height: 25px;
  background: url('../images/ribbon1a.png') no-repeat;
  font-size: 13px;
  line-height: 23px;
  cursor: pointer;
  letter-spacing: 1.5px
}

.menu-shrink .forkit .tag {
  /*width:142px*/
}

/*02.02.15*/
.contact-us-container .form-cont input[type="text"]::-webkit-input-placeholder {
  color: #333;
}

.contact-us-container .form-cont input[type="text"]:-ms-input-placeholder {
  color: #333;
}

.contact-us-container .form-cont input[type="text"]::-moz-placeholder {
  color: #333;
}

.contact-us-container .form-cont input[type="text"]:-moz-placeholder {
  color: #333;
}


/*

.content-item {position:relative;background: #162633;text-align: left;}
.content-item img {-webkit-transition: opacity 0.45s;transition: opacity 0.45s;-webkit-backface-visibility: hidden;backface-visibility: hidden;width:100%}
.content-item .overlay-content::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/triangle.svg) no-repeat center center;background-size: 100% 100%;content: '';-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;transition: opacity 0.45s, transform 0.45s;-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.content-item h3 {-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform: translate3d(0,20px,0);font-weight:300;font-size:30px;opacity:0;color:#fff}
.content-item h3 a{color:#fff}
.content-item .portfolio-social {position:absolute;right:0;bottom:0;padding:0 1.5em 7% 0;}
.content-item .portfolio-social a {margin:0 10px;color:#5d504f;font-size:170%;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}

.content-item .portfolio-social a {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,50px,0);	transform: translate3d(0,50px,0);}
.content-item:hover img {	opacity: 0.3;}
.content-item:hover h3 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity:1}
.content-item:hover .overlay-content::before {opacity: 0.7;-webkit-transform: rotate3d(0,0,1,22deg);transform: rotate3d(0,0,1,22deg);}
.content-item:hover .portfolio-social a {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.content-item:hover .portfolio-social a:nth-child(3) {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.content-item:hover .portfolio-social a:nth-child(2) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.content-item:hover .portfolio-social a:first-child {-webkit-transition-delay: 0.15s;	transition-delay: 0.15s;}
.content-item img {position: relative;display: block;	min-height: 100%;max-width: 100%;opacity: 1;}
.content-item .overlay-content {padding: 15px;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.content-item .overlay-content::before,.content-item .overlay-content::after {pointer-events: none;}
.content-item .overlay-content {	position: absolute;	top: 0;left: 0;width: 100%;height: 100%;}
.content-item:hover .overlay-content .portfolio-social > a{opacity:1}
.content-item .overlay-content .portfolio-social > a{display:inline-block;width:16px;height:16px}

.content-item .overlay-content .portfolio-social > a {z-index: 1000;text-indent: 200%;font-size: 0;opacity: 0;}
.content-item {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	height: auto;
	text-align: center;
	cursor: pointer;
}*/



.content-item {
  backface-visibility: hidden;
  margin: 20px auto;
  overflow: hidden;
  position: relative;
  width: 400px;
}

.overlay {
  border-bottom: 100px solid rgba(255, 255, 255, 0);
  border-left: 100px solid transparent;
  bottom: 0;
  height: 0;
  opacity: .95;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  transition: all .5s ease-out;
  width: 0;
}

.content-item:hover .overlay {
  border-bottom: 800px solid rgba(0, 0, 0, 0.9);
  border-left: 800px solid transparent;
  transition: all .5s ease-out;
}

.corner-overlay-content {
  bottom: 15px;
  color: #333;
  position: absolute;
  right: 15px;
  transition: all .5s ease-out;
}

.content-item:hover .corner-overlay-content {
  opacity: 0;
  transition: all .5s ease-out;
}

/*.overlay-content {*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  opacity: 0;*/
/*  padding: 70px 12px 30px;*/
/*  position: absolute;*/
/*  right: 0;*/
/*  top: 0;*/
/*  transition: all .3s ease-out;*/
/*  text-align: center;*/
/*  font-size: 13px;*/
/*  color: #fbfafa;*/
/*}*/

/*.content-item:hover .overlay-content {*/
/*  opacity: 1;*/
/*  transition: all .3s ease-out;*/
/*  transition-delay: .3s;*/
/*}*/
.overlay-content {
    opacity: 1 !important;
}
.overlay-content {
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 70px 12px 30px;
  position: static;
  right: 0;
  top: 0;
  transition: all .3s ease-out;
  text-align: center;
  font-size: 13px;
  color: #000;
}
.overlay-content {
    border-top: 2px solid #addcff;
    padding: 0 0 10px;
}
.mix img {
    margin-bottom: 10px;
}
.overlay-content a {
  /*color: #fbfafa;*/
  color: #000;
}

.form-wrap .rq-form .parsley-error {
  border-color: #F53838 !important
}



/****Bootstrap Slider******/
html, body {
  height: 100%
}

body.loaded {
  height: auto;
  overflow-x: hidden !important
}

.carousel, .carousel .item, .carousel .active {
  height: 100%
}

.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  min-height: 536px
}

.full-width-banner-section .carousel-control.left, .full-width-banner-section .carousel-control.right {
  font-size: 90px;
  margin-top: -75px;
  width: 100px;
  background: none;
  font-family: 'ralewaythin';
  font-family: 'ralewaythin';
  height: 125px;
  top: 50%;
  color: #303030;
  box-shadow: none;
  text-shadow: 0 0 0 #303030;
  transition: all 2s ease;
}

.full-width-banner-section .carousel-control.left:hover, .full-width-banner-section .carousel-control.right:hover {
  color: #fff;
  text-shadow: 0 0 0 #fff
}

/* faster sliding speed */
.carousel-inner>.item {
  -webkit-transition: 0.3s ease-in-out left;
  -moz-transition: 0.3s ease-in-out left;
  -o-transition: 0.3s ease-in-out left;
  transition: 0.3s ease-in-out left;
}

@media (max-width: 767px) {
  body {
    padding-left: 0;
    padding-right: 0;
  }
}

/*******End Bootstrap Slider*****/
a.dropdown-toggle-submenu span {
  padding-right: 15px;
  background: url("../images/arr-menu.png") no-repeat scroll 100% center
}

.home-work-sec.work-section .controls {
  margin: 20px 70px 0px;
}

@media (max-width: 768px) {
    .home-work-sec.work-section .controls {
          margin: 20px 0px 0px;
    }
}

.home-work-sec.work-section .work-container .mix, .home-work-sec.work-section .work-container .gap {
  width: 49%;
  margin-bottom: 0px;
}

.form-wrap .rq-form .input-wrap select#proj-select-opt {
  background-color: #fff
}

.process-section-black h1 {
  color: #fff;
  text-align: center
}

.process-section-black h1:before {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-right: 12px;
}

.process-section-black h1:after {
  display: inline-block;
  content: '';
  width: 65px;
  border-bottom: solid 1px #c1c1c1;
  position: relative;
  top: -10px;
  margin-left: 12px;
}

.home-work-sec.work-section .portfolio-title {
  font-size: 14px;
  height: 16px;
  margin-bottom: 10px;
}

.home-work-sec.work-section .overlay-content {
  font-size: 12px;
  padding: 20px 5px 30px
}

/*.home-work-sec.work-section .portfolio-cat span {*/
/*  margin: 20px 10px 20px 0*/
/*}*/

.home-work-sec.work-section .portfolio-cat span:last-child {
  margin-right: 0
}

.services-section h2 {
  font-family: 'ralewaysemibold';
  font-size: 16px;
  text-transform: uppercase;
  text-align: center
}


.services-section h3 {
  font-family: 'ralewaysemibold';
  font-size: 16px;
  text-transform: uppercase;
  text-align: center
}

.test-par {
  background-color: #fff;
  width: 92%;
  padding: 15px 20px;
  position: relative;
  height: 200px;
  margin: 0 auto 30px
}

.test-par:after {
  /*z-index: -1;position: absolute;content: "";bottom: 17px;right: 10px;left: auto;width: 50%;top: 80%;max-width: 300px;background: #fff;-webkit-box-shadow: 0 15px 10px #000;-moz-box-shadow: 0 15px 10px #000;box-shadow: 0 15px 10px #000;-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(7deg);box-shadow: 7px 15px 15px -4px #000;-webkit-box-shadow: 7px 15px 15px -4px #000;-moz-box-shadow: 7px 15px 15px -4px #000;top: 50%;right: 6px;*/
}

.feedback-content .col-lg-6 {
  position: relative;
  z-index: 1
}

.feedback-content .col-md-3 {
  position: absolute;
  width: 30%;
}

.feedback-content .col-md-3:first-child {
  top: 15%;
  left: 0;
}

.feedback-content .col-md-3:nth-child(n+0) {
  top: 15%;
  left: 26%;
}

.feedback-content .col-md-3:nth-child(n+1) {
  top: 39%;
  left: 68%;
}

.feedback-content .col-md-3:nth-child(n+2) {
  top: 18%;
  left: 52%;
}

.feedback-content .col-md-3:nth-child(n+3) {
  top: 28%;
  left: 32%;
}

.feedback-content .col-md-3:nth-child(n+4) {
  top: 18%;
  left: 7%;
}

.feedback-content .col-md-3:nth-child(n+5) {
  top: 61%;
  left: 22%;
}

.feedback-content .col-md-3:nth-child(n+6) {
  top: 55%;
  left: 0%;
}

.feedback-content .col-md-3:nth-child(n+7) {
  top: 61%;
  left: 52%;
}

/*
.form-wrap .rq-form span.wpcf7-form-control-wrap.proj-sel{}
.form-wrap .rq-form .input-wrap select#proj-select-opt{padding:10px 13% 10px 17%;width: 106%;border:0}
.form-wrap .rq-form .parsley-errors-list{color:#fff;text-align:left}


.drop-down-sel{display:block;overflow-x:hidden;border: 1px solid #616161;width:100%;background:url('../images/drop-arr.png') no-repeat;background-position:98% center;height:37px}

*/
span.test-img-look {
  display: block;
  background: url('../images/img-shadow.png') no-repeat;
  width: 120px;
  padding: 7px 0 0 7px;
}

span.test-img-look img {
  max-width: 100%
}

.phone-grn {}

.header-top p span.top-mail-ico {
  display: inline-block;
  width: 16px;
  height: 16px;
/*  background: url('../images/mail-grn.png') no-repeat;*/
  background: url('../images/message.svg') no-repeat;
  opacity: 1;
  margin: 0 10px 0;
  position: relative;
  top: 3px
}

.header-top p span.phone-grn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../images/phone-grn.png') no-repeat;
  background: url('../images/call.svg') no-repeat;
  opacity: 1;
  margin: 0 10px 0;
  position: relative;
  top: 5px
}

.parsley-required {
  color: #bbb
}

.mix.content-item {
  border: 1px solid #f0f0f0;
  padding: 3px
}

/****New Work Page 18.4.15***/
.work-header-image-section {
  text-align: center;
  padding: 30px 0 50px
}

.work-section h3 {
  font-family: ralewaylight;
  font-size: 22px;
  margin-bottom: 20px;
  line-height: 18px
}

.work-page-sec {
  padding: 30px 0;
  position: relative
}

.work-page-sec:after {
  background: url('../images/arr-shad.png') no-repeat center top, url('../images/shad.png') repeat-x center -10px;
  content: '';
  height: 38px;
  width: 100%;
  display: block;
  margin-bottom: -68px
}

.work-testi-section h2 {
  text-align: center;
  font-size: 25px;
  margin-bottom: 20px
}

.work-testi-section {
  padding: 50px 0 0
}

.testi-center {
  max-width: 800px;
  margin: 0 auto
}

.services-tags .col-tag {
  float: right;
  width: 48%
}

.services-tags .col-tag:nth-child(2n) {
  float: left;
  clear: both
}

.technology-icon .col-lg-6 {
  text-align: center
}

.technology-icon h3 {
  /*text-align:center*/
}

.technology-icon .col-lg-6 a:hover, .technology-icon .col-lg-6 a, .technology-icon .col-lg-12 a {
  color: #363636
}

.technology-icon .col-lg-6 a {
  display: block;
  margin-bottom: 15px
}

.work-testi-section .test-par:after {
  content: "";
  background: url('../images/shadow2.png') no-repeat;
  background-position: right bottom;
  display: block;
  height: 217px;
  position: absolute;
  width: 100%;
  bottom: -22px;
  right: -30px;
}

.technology-icon .col-lg-6 a:before {
  content: '';
  display: block;
  height: 40px;
  height: 35px;
  margin-bottom: 3px;
  width: 100%
}

a.design-tech-icon:before {
  background: url('../images/icon-tec1.png') no-repeat;
  background-position: center bottom
}

a.jomr-tech-icon:before {
  background: url('../images/jomr-tech-icon.png') no-repeat;
  background-position: center bottom
}

a.res-tech-icon:before {
  background: url('../images/icon-tec2.png') no-repeat;
  background-position: center bottom
}

a.ui-tech-icon:before {
  background: url('../images/icon-tec3.png') no-repeat;
  background-position: center bottom
}

a.oc-tech-icon:before {
  background: url('../images/icon4.png') no-repeat;
  background-position: center bottom
}

a.wor-tech-icon:before {
  background: url('../images/icon5wo.png') no-repeat;
  background-position: center bottom
}

a.oscom-tech-icon:before {
  background: url('../images/op-ost.png') no-repeat;
  background-position: center bottom
}

a.pina-tech-icon:before {
  background: url('../images/icon4pin.png') no-repeat;
  background-position: center bottom
}

a.boot-icon-icon:before {
  background: url('../images/boot-icon.png') no-repeat;
  background-position: center bottom
}

a.par-tech-icon:before {
  background: url('../images/icon-tec3z.png') no-repeat;
  background-position: center bottom
}

a.StackMob:before {
  background: url('../images/StackMob-icon.png') no-repeat;
  background-position: center bottom
}

a.ios-skd-icon:before {
  background: url('../images/app-icon-det.png') no-repeat;
  background-position: center bottom
}

a.and-skd-icon:before {
  background: url('../images/icon-and-sdk.png') no-repeat;
  background-position: center bottom
}


.technology-icon .col-lg-12 a {
  display: block;
  margin-bottom: 15px;
  text-align: center
}

.technology-icon .col-lg-12 a:before {
  content: '';
  display: block;
  height: 40px;
  height: 35px;
  margin-bottom: 3px;
  width: 100%
}

.work-page-adj {
  height: 50px
}

.work-page .work-section {
  min-height: 468px
}

.home-page .feedback-section .test-par:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 17px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #fff;
  -webkit-box-shadow: 0 15px 10px #000;
  -moz-box-shadow: 0 15px 10px #000;
  box-shadow: 0 15px 10px #000;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(7deg);
  box-shadow: 7px 15px 15px -4px #000;
  -webkit-box-shadow: 7px 15px 15px -4px #000;
  -moz-box-shadow: 7px 15px 15px -4px #000;
  top: 50%;
  right: 6px;
}

section.home-work-sec {
  min-height: 750px
}

.app_mob_link {
  margin-right: 10px
}


.nav-project-links a {
  position: fixed;
  top: 50%;
  margin-top: -25px;
  display: block;
  font-weight: normal;
  height: 60px;
  width: 25px;
  background: url('../images/arrow.png') center no-repeat;
  background-color: #777;
  z-index: 31;
  overflow: hidden;
  text-indent: -99999px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}

/*
.nav-project-links a[rel='prev'] {left: -2rem;padding-left: .625rem;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.nav-project-links a[rel='next'] {right: -2rem;padding-right: .625rem;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.nav-project-links a[rel='prev']:before {content: ' ';display: block;background: transparent;position: absolute;top: 0.75rem;border-top: 6px solid #f7f7f7;border-right: 6px solid transparent;border-bottom: none;border-left: 6px solid transparent;width: 0px;height: 0px;z-index: 2}
.nav-project-links a[rel='next']:after {content: ' ';display: block;background: transparent;position: absolute;top: 0.75rem;left: 4.25rem;border-top: 6px solid #f7f7f7;border-right: 6px solid transparent;border-bottom: none;border-left: 6px solid transparent;width: 0px;height: 0px;z-index: 2}
.nav-project-links a[rel='prev']:hover,.nav-project-links a[rel='next']:hover{background-color:green}
*/
.nav-project-links a[rel='prev'] {
  left: 0
}

.nav-project-links a[rel='next'] {
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.nav-project-links a:hover {
  background-color: #70bf4d
}

.ser-tag a {
  width: 23.33%;
  height: 50px;
  float: left;
  margin-bottom: 20px;
  margin-right: 10%
}

.tech-tag a {
  width: 20%;
  height: 50px;
  float: left;
  margin-bottom: 20px;
  background-position: center !important;
  margin-right: 5%
}

.tool-tag a {
  width: 20%;
  height: 50px;
  float: left;
  margin-bottom: 20px;
  background-position: center !important;
  margin-right: 5%
}

.ser-tag a.des-ser {
  background: url('../images/services_icons/design.png') no-repeat
}

.ser-tag a.dev-ser {
  background: url('../images/services_icons/developement.png') no-repeat
}

.ser-tag a.content-ser {
  background: url('../images/services_icons/content.png') no-repeat
}

.ser-tag a.ecomm-ser {
  background: url('../images/services_icons/ecommerce.png') no-repeat
}

.ser-tag a.app-ser {
  background: url('../images/services_icons/mobile.png') no-repeat
}

.ser-tag a.res-ser {
  background: url('../images/services_icons/responsive.png') no-repeat
}

.tech-tag a.boot-tech {
  background: url('../images/services_icons/boot.png') no-repeat
}

.tech-tag a.js-tech {
  background: url('../images/services_icons/js.png') no-repeat
}

.tech-tag a.html-tech {
  background: url('../images/services_icons/htmlcss.png') no-repeat
}

.tech-tag a.php-tech {
  background: url('../images/services_icons/php.png') no-repeat
}

.tech-tag a.wp-tech {
  background: url('../images/services_icons/wordpress.png') no-repeat
}

.tech-tag a.ios-tech {
  background: url('../images/services_icons/ios.png') no-repeat
}

.tech-tag a.and-tech {
  background: url('../images/services_icons/and.png') no-repeat
}

.tool-tag a.bal-tool {
  background: url('../images/services_icons/balmiq.png') no-repeat
}

.tool-tag a.psd-tool {
  background: url('../images/services_icons/psd.png') no-repeat
}

.tool-tag a.ill-tool {
  background: url('../images/services_icons/ai.png') no-repeat
}

.tool-tag a.ang-tool {
  background: url('../images/services_icons/angular.png') no-repeat
}


/*
.field-tip {position:relative, }
.field-tip .tip-content {position:absolute;top:-50px;right:0;left:0;width:auto;margin:0 auto;padding:10px;color:#fff;background:#333;-webkit-box-shadow:2px 2px 5px #aaa;-moz-box-shadow:2px 2px 5px #aaa;box-shadow:2px 2px 5px #aaa;opacity:0;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-ms-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;}
.field-tip .tip-content:before {content:' ';position:absolute;left:50%;bottom:-16px; width:0;height:0;margin-left:-8px;border:8px solid transparent;border-top-color:#333;}
.field-tip:hover .tip-content {opacity:1}
*/


.field-tip {
  transition: all .3s ease-in-out;
  position: relative;
  overflow: visible;
  display: inline-block;
      padding: 4px 20px;
    width: 100%;
}

.field-tip:hover {
  /*color: #70bf4d;*/
}

.field-tip .tip-content {
  background: #70bf4d;
  border-radius: 3px;
  color: #FFF;
  margin: 0 auto;
  padding: 4px 3px;
  text-align: center;
  width: 34px;
  position: absolute;
  bottom: 0;
  left: -3px;
  right: 0;
  -ms-filter: "alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  box-sizing: content-box;
}

.field-tip:hover .tip-content {
  bottom: 30px;
  -ms-filter: "alpha(Opacity=100)";
  opacity: 1;
}

.tip-content:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #70bf4d;
  display: none;
}

.field-tip:hover .tip-content:before {
  display: block;
}

.all-cat .field-tip .tip-content {
  background: #272727
}

.all-cat .field-tip .tip-content:before {
  border-top-color: #272727
}

.controls a.all-cat:hover {
  color: #272727
}

.design-cat .field-tip .tip-content {
  background: #93C572
}

.design-cat .field-tip .tip-content:before {
  border-top-color: #93C572
}

.controls a.design-cat:hover {
  color: #93C572
}

.dev-cat .field-tip .tip-content {
  background: #FF9E9D
}

.dev-cat .field-tip .tip-content:before {
  border-top-color: #FF9E9D
}

.controls a.dev-cat:hover {
  color: #FF9E9D
}

.res-cat .field-tip .tip-content {
  background: #8CC63F
}

.res-cat .field-tip .tip-content:before {
  border-top-color: #8CC63F
}

.controls a.res-cat:hover {
  color: #8CC63F
}

.app-cat .field-tip .tip-content {
  background: #D8BFD8
}

.app-cat .field-tip .tip-content:before {
  border-top-color: #D8BFD8
}

.controls a.app-cat:hover {
  color: #D8BFD8
}

.ecomm-cat .field-tip .tip-content {
  background: #FFE5B4
}

.ecomm-cat .field-tip .tip-content:before {
  border-top-color: #FFE5B4
}

.controls a.ecomm-cat:hover {
  color: #FFE5B4
}

.content-cat .field-tip .tip-content {
  background: #79DBE2
}

.content-cat .field-tip .tip-content:before {
  border-top-color: #79DBE2
}

.controls a.content-cat:hover {
  color: #79DBE2
}


.work-section .controls a.all-cat.active, .work-section .controls a.all-cat:hover {
  border-bottom: 2px solid #272727
}

.work-section .controls a.design-cat.active, .work-section .controls a.design-cat:hover {
  border-bottom: 2px solid #93C572
}

.work-section .controls a.dev-cat.active, .work-section .controls a.dev-cat:hover {
  border-bottom: 2px solid #FF9E9D
}

.work-section .controls a.res-cat.active, .work-section .controls a.res-cat:hover {
  border-bottom: 2px solid #8CC63F
}

.work-section .controls a.app-cat.active, .work-section .controls a.app-cat:hover {
  border-bottom: 2px solid #D8BFD8
}

.work-section .controls a.ecomm-cat.active, .work-section .controls a.ecomm-cat:hover {
  border-bottom: 2px solid #FFE5B4
}

.work-section .controls a.content-cat.active, .work-section .controls a.content-cat:hover {
  border-bottom: 2px solid #79DBE2
}




.industries-title-section h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 25px;
  color: #363636;
  margin: 0
}

.industries-title-section h1 span {
  position: relative
}

.industries-title-section h1 span:before {
  content: '';
  width: 65px;
  height: 1px;
  background: #c1c1c1;
  position: absolute;
  left: -85px;
  top: 50%;
  margin-top: -1px;
}

.industries-title-section h1 span:after {
  content: '';
  width: 65px;
  height: 1px;
  background: #c1c1c1;
  position: absolute;
  right: -85px;
  top: 50%;
  margin-top: -1px;
}

.industries-title-section {
  padding: 50px 0;
  border-top: solid 1px #78C357
}

.industries-section {
  margin-bottom: 100px;
  margin-top: 25px
}

.industries-tabs li {
  display: block;
  width: 100%;
  padding: 5px 0;
  margin: 0
}

.industries-tabs li a {
  display: inline;
  border: 0;
  background: none;
  padding: 0
}

.industries-tabs li a:hover {
  background: none
}

.industries-tabs.nav-tabs>li>a {
  color: #363636;
  font-size: 14px;
  text-transform: uppercase
}

.industries-tabs.nav-tabs>li.active>a, .industries-tabs.nav-tabs>li.active>a:hover, .industries-tabs.nav-tabs>li>a:hover, .industries-tabs.nav-tabs>li.active>a:focus {
  border: 0;
  color: #70bf4d
}

.industries-tabs.nav-tabs {
  border: 0;
  padding-right: 15px
}

.ind_category h3 {
  margin-top: 0;
  font-size: 15px;
  color: #70bf4d;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 7px
}

.ind_category {
  margin-bottom: 20px
}

.ind_category ul {
  margin-bottom: 0
}

.ind_category li {
  color: #777777;
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.2px;
  text-shadow: 0px 0px 0px #777
}

.ind_category li a {
  color: #777777
}

.industries-right .tab-content {
  position: relative;
  min-height: 315px;
  padding: 10px 0 0
}

.industries-right .tab-content:before {
  content: '';
  position: absolute;
  height: 90%;
  width: 1px;
  background: #D8D8D8;
  left: -30px;
  top: 0
}

img.grayscale {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
}

img.grayscale:hover {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
}

.logo_table_row {}

.logo_table_row .cmpy_logo {
  width: 33.33%;
  float: left;
  height: 150px;
  line-height: 150px;
  text-align: center;
  border-top: solid 1px #e1e1e1;
  border-left: solid 1px #e1e1e1
}

.logo_table_row .cmpy_logo img {
  max-width: 50%;
  max-height: 100px;
  width: auto;
  height: auto
}

.logo_table_row:first-child .cmpy_logo {
  border-top: 0
}

.logo_table_row .cmpy_logo:first-child {
  border-left: 0
}

.map_selection {}

.map_selection .map-tabs li {
  width: 50%;
  text-align: center;
  padding-top: 5px;
  transform: all 0.3s ease;
  -webkit-transform: all 0.3s ease;
  -moz-transform: all 0.3s ease;
  -o-transform: all 0.3s ease
}

.map_selection .map-tabs li.active {
  border-top: solid 5px #72C050;
  padding-top: 0
}

.map_selection .map-tabs.nav-tabs>li>a {
  width: 100%;
  margin-right: 0;
  border-radius: 0;
  background: #ddd;
  color: #3A4147;
  border: 0;
  text-transform: uppercase;
  transform: all 0.3s ease;
  -webkit-transform: all 0.3s ease;
  -moz-transform: all 0.3s ease;
  -o-transform: all 0.3s ease;
  position: relative
}

.map_selection .map-tabs.nav-tabs>li.active>a {
  background: #fff
}

.contact_form_section ::-webkit-input-placeholder {
  color: #777
}

.contact_form_section ::-moz-placeholder {
  color: #777
}

.contact_form_section ::-moz-placeholder {
  color: #777
}

.contact_form_section ::-ms-input-placeholder {
  color: #777
}

.contact_form_section input, .contact_form_section select, .contact_form_section textarea {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  padding: 5px 10px;
  border: solid 1px #ECECEC
}

.contact_form_section input, .contact_form_section select {
  line-height: 38px;
  height: 38px
}

.contact_form_section textarea {
  resize: none;
  height: 80px
}

.contact_form_section input[type="submit"] {
  float: right;
  width: 200px;
  background: #72C050;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 16px
}

.contact_address h3 {
  text-align: left;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 0
}

.contact_address {
  padding-left: 50px;
  color: #888888
}

.contact_address a {
  color: #888888
}

.address_vrea, .phone_vrea, .mail_vrea, .skype_vrea {
  margin-top: 15px;
  font-size: 16px;
  padding-left: 35px;
  line-height: 1.8
}

.sub_title {
  text-align: center;
  margin-top: 10px;
  padding: 0 29%;
  font-size: 16px;
}

.contact-title-section .sub_title {
  padding: 0 22%
}

.careers-title-section .sub_title {
  padding: 0 15%
}

.address_vrea {
  background: url('../images/contact_imgs/building.png') no-repeat;
  background-position: 0 5px;
  margin-top: 0
}

.phone_vrea {
  background: url('../images/contact_imgs/phone.png') no-repeat;
  background-position: 0 5px
}

.mail_vrea {
  background: url('../images/contact_imgs/mail.png') no-repeat;
  background-position: 0 5px
}

.skype_vrea {
  background: url('../images/contact_imgs/skype.png') no-repeat;
  background-position: 0 3px
}

.singapore_map:before {
  background: url('../images/contact_imgs/singapore.png') no-repeat;
  background-position: 0 center;
  width: 38px;
  display: inline-block;
  content: '';
  height: 18px;
  position: absolute;
  top: 0;
  left: 0
}

.india_map:before {
  background: url('../images/contact_imgs/india.png') no-repeat;
  width: 38px;
  display: inline-block;
  top: -6px;
  content: '';
  height: 32px;
  position: absolute;
  background-position: 0 center;
  left: 0
}

.singapore_map, .india_map {
  display: inline-block;
  padding-left: 38px;
  position: relative
}

.location_top .location_map {
  height: 220px;
  float: right;
  width: 426px
}

.location_tab ul {
  float: left;
  width: 524px;
  border: 0
}

.location_tab li {
  float: left;
  width: 50%;
  margin: 0;
  text-align: center
}

.location_tab li a {
  margin: 0;
  background: #a5a7a4;
  color: #fff;
  border-radius: 0;
  border: 0
}

.location_tab li.active a {
  margin: 0;
  background: #fff;
  color: #393939;
  border: 0
}

.location_tab .tab-content {
  background: #fff;
  padding: 0;
  height: 220px
}

.location_tab .tab-content .address_vrea, .location_tab .tab-content .phone_vrea, .location_tab .tab-content .mail_vrea, .location_tab .tab-content .skype_vrea {
  margin-top: 10px
}

.location_top {
  text-align: left
}

.location_top h3 {
  text-align: left;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px
}

.location_address_area {
  padding: 30px 15px 15px
}

.location_address_area .mail_vrea a {
  color: #363636
}

.location_tab .nav-tabs>li.active>a, .location_tab .nav-tabs>li.active>a:hover, .location_tab .nav-tabs>li.active>a:focus {
  border: 0
}

.location_tab .tab-content>.tab-pane {
  display: block
}

body.loaded .location_tab .tab-content>.tab-pane {
  display: none
}

body.loaded .location_tab .tab-content>.tab-pane {
  display: none
}

body.loaded .location_tab .tab-content>.active {
  display: block
}

.careers_accordion {
  max-width: 990px;
  min-height: 320px;
  margin: 50px auto 100px
}

.careers_accordion .panel-default>.panel-heading {
  background: #fff;
  padding: 0
}

.careers_accordion .panel {
  border: 0;
  box-shadow: none
}

.careers_accordion .panel-body ul {
  padding-left: 25px
}

.careers_accordion .panel-body ul li {
  list-style-type: disc;
  margin-bottom: 20px;
  font-size: 18px;
  color: #363636
}

.careers_accordion .panel-body ul li a {
  color: #363636
}

.careers_accordion .panel-body ul li span {
  color: #666666
}

.careers_accordion .panel .panel-title a {
  display: block;
  color: #FFB7C5;
  font-weight: 500;
  font-size: 25px;
  padding: 10px 0;
  line-height: 1;
  border-bottom: solid 1px #c1c1c1;
  background: url('../images/acc_open.png') no-repeat #fff;
  background-position: right center
}

.careers_accordion .panel .panel-title a.collapsed {
  background: url('../images/acc_close.png') no-repeat #fff;
  background-position: right center
}

.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
  border: 0
}

.careers_accordion.panel-group .panel+.panel {
  margin-top: 25px
}

.location_top h3 {
  margin-top: 0;
}

.form-wrap {
  top: 4%;
}

.location_tab li a:hover {
  color: #393939;
}

.tabs_framed li .singapore_map:before {
  background: url('../images/singapore_white.png') no-repeat;
}

.tabs_framed li.active .singapore_map:before, .tabs_framed li:hover .singapore_map:before {
  background: url('../images/contact_imgs/singapore.png') no-repeat
}

.tabs_framed li .india_map:before {
  background: url('../images/india_white.png') no-repeat;
}

.tabs_framed li.active .india_map:before, .tabs_framed li:hover .india_map:before {
  background: url('../images/contact_imgs/india.png') no-repeat
}


.common-head h1 {
  color: #363636;
  /*color: #ffffff;*/
  font-family: "Roboto", sans-serif;
  font-size: 30px !important;
  font-weight: 400;
  margin: 0 0 25px !important;
  text-align: center;
  text-transform: uppercase;
}

.common-head h1 b {
  transform: rotate(20deg);
  display: inline-block;
  color: #fff;
  color: #000;
}

.common-head h1:before {
  border-bottom: 1px solid #c1c1c1;
  content: "";
  display: inline-block;
  margin-right: 12px;
  position: relative;
  top: -10px;
  width: 65px;
}

.common-head h1:after {
  border-bottom: 1px solid #c1c1c1;
  content: "";
  display: inline-block;
  margin-left: 12px;
  position: relative;
  top: -10px;
  width: 65px;
}

.tools-page-section .common-head h1:before,
.tools-page-section .common-head h1:after,
.white-bor-title h1:before,
.white-bor-title h1:after {
  border-color: #fff;
}

.tools-page-section.wlabelingsec .common-head h1:after,
.tools-page-section.wlabelingsec .common-head h1:before {
  border-color: #c1c1c1;
}

.home-page .white-bor-title h1 {
  color: #fff;
}

.home-page .services-section,
.home-page .process-section-black,
.home-page .home-work-sec,
.home-page .feedback-section,
.home-page .contact-section,
.whyvrea-section, .corevalue-section,
.work-page .work-section {
  padding: 50px 0;
}

.work-page .work-section .controls {
  margin-top: 0;
}

.header-top p span.ph-last {
  color: #ffffff;
  opacity: 1;
}

.header-top p span {
  color: #fff;
}

.whyvrea-section .services-container {
  margin-bottom: 0px;
}

.home-page .process-section-black {
  padding-bottom: 150px;
}

/*.home-work-sec.work-section .portfolio-cat span {*/
/*  margin: 20px 10px 0px 0;*/
/*}*/

@media (max-width:767px) {

  .common-head h1:before,
  .common-head h1:after {
    content: none !important;
    display: none !important;
  }

  .retainer_head.common-head {
    margin-top: 50px !important;
  }
}

@media (max-width: 1020px) {
  .retainer_head.common-head {
    margin-top: 50px;
}
}

/*mega menu*/
.sub-menu-list {
  position: absolute;
  width: 100%;
  display: none;
  left: 0;
  background-color: #F9F7FC;
  top: 70px;
  z-index: 10;
}

.sub-menu-list ul li {
  list-style: none;
  float: left;
  padding: 0px;
}

.header-top-fix .navbar-menu .sub-menu-list ul li {
  padding: 10px;
}

.sub-menu-list ul li a {
  display: block;
  line-height: 25px;
  font-size: 15px;
  font-weight: 500;
  color: #757575;
}

.navbar-menu .sub-menu-list ul li a {
  color: #757575;
  padding: 10px;
}

.header-top-fix .navbar-menu .sub-menu-list ul li a {
  color: #757575;
  padding: 0;
}

.header-top-fix .sub-menu-list {
  top: 75px;
}

.header-top-fix .sub-menu-list ul li.active, .header-top-fix .sub-menu-list ul li:hover {
  border-bottom: 2px solid #70bf4d;
}

.navbar-menu .sub-menu-list ul li:hover a {
  color: #70bf4d;
}

ul.solution_links li a i {
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: #009FE1;
  line-height: 35px !important;
}

ul.solution_links li a {
  color: #333;
}

ul.solution_links li.active a {
  color: #70bf4d;
  border-bottom: 2px solid #70bf4d;
}

.solution_sublist {
  background: url("../images/arrow_down.png") no-repeat 98% 33px;
  display: inline-block;
}

.footer_links {
  float: right;
  margin: 0;
  text-align: right;
}

.footer-left {
  margin-top: 0;
}

ul.footer_links li {
  float: left;
  list-style: outside none none;
  padding: 0 10px;
}

ul.footer_links li a {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "ralewaysemibold";
}

ul.footer_links li:hover a,
ul.footer_links li.active a {
  color: #0070FF;
}

.footer-left.left-float p {
  color: #fff;
  float: left;
}

/*new subsolution list css*/
.solution_sublist {
  position: relative;
}

.subsolutions_list {
  background: #000000 none repeat scroll 0 0;
  border-radius: 5px;
  display: none;
  left: 0;
  min-width: 250px;
  position: absolute;
  top: 60px;
  z-index: 10;
}

.header-top-fix .navbar-menu ul li.solution_sublist ul.subsolutions_list li {
  padding: 0px;
}

.solution_sublist .subsolutions_list li {
  line-height: normal;
  padding: 0;
  width: 100%;
}

.navbar-menu .solution_sublist .subsolutions_list li a {
  padding: 10px 15px;
  float: left;
  color: #fff;
  width: 100%;
}

.navbar-menu .solution_sublist .subsolutions_list li:hover a,
.navbar-menu .solution_sublist .subsolutions_list li.active a {
  color: #70bf4d;
  padding: 10px 20px;
}

.solution_sublist:hover .subsolutions_list {
  display: block;
}

.industries-title-section h1 {
  margin-bottom: 20px;
}


/*Contact us page redesign*/

.contact_form_section input, .contact_form_section select {
  height: 50px;
  line-height: 50px;
}

.contry_head h2 {
  float: left;
  font-size: 30px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}

.contry_head h2 img {
  margin-right: 10px;
}

.contry_add, .contry_head, .locsec, .ctryph {
  display: inline-block;
  width: 100%;
}

.contry_add {
  padding: 10px 0px 10px 0px;
}

.fast_enquiry_sec .contry_add {
  padding: 0px;
}

.fast_enquiry_sec .row {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.fast_enquiry_sec .row:before,
.fast_enquiry_sec .row:after {
  display: none;
}


.social_media_sec .contry_add {
  padding: 0px;
}

.social_media_sec .row {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.social_media_sec .row:before,
.social_media_sec .row:after {
  display: none;
}


@media screen and (max-width: 1023px) {
  .fast_enquiry_sec .row {
    display: block;
  }

  .social_media_sec .row {
    display: block;
  }
}

.locsec {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}


.locsec i, .ctryph i {
  padding: 10px 15px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  font-size: 25px;
  color: #777;
  float: left;
  margin-right: 10px;
}

.locsec>p, .ctryph p, .social_name {
  color: #757575;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  float: left;
}


.ctryph p {
  line-height: 40px;
}

.divider-bor {
  margin: 20px 0;
  width: 100%;
  height: 1px;
  background: #d2d2d2;
  display: inline-block;
}

.locsec a, .locsec a:link,
.ctryph a, .ctryph a:link {
  color: #757575;
}

.locsec a:hover,
.ctryph a:hover {
  color: #70BF4D;
}

.cont_head {
  font-size: 30px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  text-align: left;
}

.fast_enquiry_sec .no_pad {
  padding: 0;
}

.social_media_sec .no_pad {
  padding: 0;
}

.contact_form_section input[type="submit"] {
  background: #000000 none repeat scroll 0 0;
  border-radius: 5px;
  font-family: "Roboto", arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  width: 100%;
  line-height: normal;
  height: auto;
  padding: 10px;
  transition: color 0.3s;
}

.contact_form_section input[type="submit"]:hover {
    color: #0070FF;
}

#map_canvas {
  border: 1px solid black;
  height: 600px;
  width: 100%;
  border-radius: 4px;
}

.map_selection {
  position: relative;
}

.map_tooltip {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  right: 5%;
  top: 5%;
}

.map_tooltip>ul {
  width: 100%;
  margin: 0;
}

.map_tooltip ul li {
  display: table;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  list-style: outside none none;
  margin: 5px 0;
  text-transform: capitalize;
  width: 100%;
}

.map_tooltip img {
  float: left;
  margin-right: 10px;
}


/*Contact us page redesign*/

@media (max-width:767px) {
  .sub-menu-list {
    position: static;
  }

  .header-top-fix .navbar-menu .sub-menu-list ul li {
    padding: 0;
  }

  .sub-menu-list ul li a {
    font-size: 12px;
    font-weight: 400;
  }

  .navbar-menu .sub-menu-list ul li a {
    padding: 10px 20px;
  }

  .navbar-menu .sub-menu-list ul li a {
    color: #757575 !important;
    padding: 10px;
  }

  .navbar-menu .sub-menu-list ul li.active a {
    border-bottom: 2px solid #70bf4d;
    color: #fff !important;
  }

  .navbar-menu .sub-menu-list ul li:hover a {
    border-bottom: 2px solid #70bf4d;
    color: #fff !important;
  }

  .solution_sublist {
    background-position: 95% 13px;
  }

  .submenu_list {
    display: none;
  }

  .solution_sublist:hover .subsolutions_list {
    padding: 0 10px;
    position: static;
  }

  .contact-title-section .sub_title {
    padding: 0;
    text-align: center;
  }

  .contact_uspage .industries-title-section {
    padding: 30px 0;
  }

  .industries-section.form_sec {
    margin: 0;
  }

  .contry_add {
    padding: 10px 0 10px 0px;
  }
}

@media (min-width:768px) and (max-width:992px) {
  .sub-menu-list {
    position: static;
  }

  .header-top-fix .navbar-menu .sub-menu-list ul li {
    padding: 0;
  }

  .sub-menu-list ul li a {
    font-size: 12px;
    font-weight: 400;
  }

  .navbar-menu .sub-menu-list ul li a {
    padding: 10px 20px;
  }

  .solution_sublist {
    background: rgba(0, 0, 0, 0) url("../images/arrow_down.png") no-repeat scroll 99% 30px;
  }
}

.solution_sublist:hover .sub-menu-list {
  display: block;
}

.sub-menu-list ul li a {
  line-height: 20px !important;
}

/*team page*/
.team_wrap {
  float: left;
  width: 100%;
}

.team_wrap .member_img {
  float: left;
  width: 100%;
  margin-right: 10px;
  text-align: center;
  margin-bottom: 20px;
}

.flag-icon {
  margin-left: 10px;
}

.member_img a {
  float: left;
  width: 100%;
}

.member_img img {
  border-radius: 50%;
  border: 4px solid #33a7ff66;
  width: 150px;
  height: 150px;
  object-fit: cover;
}

.member_details {
  float: left;
  width: 80%;
}

.member_details {
  float: right;
  width: 75%;
}

.member_details a.member_name {
  float: left;
  width: 100%;
  font-size: 18px;
  margin-bottom: 6px;
}

.team_wrap>ul>li {
  width: 31%;
  margin-right: 27px;
  background: #fff;
  box-shadow: 0px 0px 22px 2px #efe7ff;
  float: left;
  padding: 30px 30px 36px;
  margin-bottom: 40px;
  position: relative;
}

.team_wrap>ul>li:nth(n+2n) {
  margin-right: 0px;
}

.member_details {
  float: left;
  width: 100%;
  text-align: center;
}

.member_details a.member_name {
  float: left;
  width: 100%;
  font-size: 20px;
  margin-bottom: 6px;
  color: #515151;
  font-weight: bold;
}

.member_details .member_position {
  float: left;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 2px solid #addcff;
  padding: 0 0 10px;
}

.member_ratings {
  float: none;
  width: 100%;
  background: url(../images/star-nofilled-grey.png)left center no-repeat;
  width: 77px;
  position: relative;
  height: 18px;
  margin: 0 auto;
  display: table;
}

.member_ratings .filled_star {
  background: url(../images/star-filled.png) left center no-repeat;
  top: 0;
  left: 0;
  /* width: 50%; */
  position: absolute;
  height: 18px;
}

.member_experience {
  float: left;
  width: 100%;
  font-size: 15px;
  margin: 9px 0 15px;
  font-weight: bold;
  color: #000;
}

.member_experience span {
  float: none;
  width: auto;
  font-weight: bold;
  color: #000;
  padding: 0 10px;
}

.member_experience .devider {
  position: absolute;
  content: "";
  background-color: #9f9797;
  width: 1px !important;
  height: 24px;
  padding: 0;
}

.member_skill {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.member_skill .fre_label {
  float: left;
  width: auto;
  padding: 0px 10px;
  /*background: #f2f5f7;*/
  margin: 0 3px 3px;
  color: #000;
  font-size: 12px;
   z-index: 1;
}

.member_skill .fre_label a {
  color: #666f78;
}

.member_skill .pink-code:before {
    content: '';
    position: absolute;
    z-index: -1;
    
}
.members_work {
  float: left;
  width: 100%;
}

.members_work ul li {
  float: left;
  width: auto;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

/*.members_work ul li:last-child {*/
/*  float: right;*/
/*  margin: 0;*/
/*}*/

.members_work ul li .work_label {
  font-weight: bold;
  padding-right: 5px;
  float: left;
}

.members_work ul li .work_time {
  float: left;
  color: #f8c332;
  font-weight: bold;
}

.team_wrap .btn_wrap {
  position: absolute;
  bottom: -17px;
  background: #000;
  font-size: 17px;
  border-radius: 5px;
  padding: 7px 10px;
  float: none;
  margin: 0 auto;
  display: table;
  margin-left: -60px;
  left: 50%;
  width: 120px;
  text-align: center;
  font-family: 'ralewaymedium';
}

.team_wrap .btn_wrap .details_btn {
  color: #fff;
}

.team_wrap .btn_wrap .details_btn:hover {
  color: #93C572;
}

/*team-details*/
.team_members_details {
  width: 100%;
  text-align: left;
  box-shadow: 1px 2px 3px #e1dfdf;
  border: 1px solid #ccc;
}

.team_members_details .member_img {
  text-align: left;
  width: 12%;
  padding: 20px;
  padding-bottom: 0;
}

.team_members_details .member_details {
  width: 55%;
  text-align: left;
  padding: 30px 0 20px;
  /* padding-bottom: 0; */
}

.team_members_details .member_ratings {
  float: left;
}

.team_members_details .member_experience {
  width: 70%;
  margin: 0px 0 15px 15px;
}

.team_members_details .members_work {
  float: right;
  width: 28%;
  padding: 20px 0 0 20px;
  /* padding-bottom: 0; */
}

.team_members_details .members_work ul li:last-child {
  float: left;
}

.team_members_details .member_details .member_position {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 8px;
}

.member_project_details_wrap {
  float: left;
  width: 100%;
  /* padding-top: 30px; */
  border-top: 1px solid #ccc;
  /* margin-top: 20px; */
}

.member_project_details_wrap ul li {
  box-shadow: none;
  width: 100% !important;
  padding: 0px !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #ccc;
}

.member_project_details_wrap .left_wrap {
  float: left;
  width: 30%;
  padding: 20px;
  border-right: 1px solid #ccc;
  background: #f9f9f9;
}

.member_project_details_wrap .project_logo {
  float: left;
  width: 100%;
  text-align: center;
  padding: 0px 0px 20px;
  border-bottom: 1px dashed #ccc;
}

.customer_ratings {
  float: left;
  width: 50%;
}

.customer_ratings .work_label, .project_timeing .work_label {
  float: left;
  width: auto;
  font-weight: bold;
  padding-right: 5px;
}

.customer_ratings .rating_number {
  float: left;
  width: auto;
}

.project_timeing {
  float: right;
}

.project_name {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.project_name a.project_name {
  font-size: 17px;
  float: left;
  width: 100%;
  line-height: 23px;
}

.member_project_details_wrap .project_details {
  float: left;
  width: 70%;
  padding: 20px 30px;
}

.project_details h3 {
  text-align: left;
  margin-bottom: 15px;
}

.client_profile {
  float: left;
  width: auto;
}

.client_profile span.client_img {
  float: left;
  width: auto;
  /* border-radius: 10%; */
}

.client_img img {
  width: 40px;
  border-radius: 50%;
  border: 2px solid #ccc;
}

span.client_name {
  font-weight: bold;
  color: #000;
  margin-top: 5px;
  float: left;
  font-size: 16px;
  margin-left: 10px;
}

.project_details p {
  float: left;
  width: 100%;
  font-size: 14px;
}

.project_details .member_ratings {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 2px;
}


@media only screen and (max-width: 767px) {
  .feedback-content .col-md-3 {
    position: initial;
    width: 30%;
  }

  .test-par {
    height: auto;
    min-height: 267px;
  }

  .test-par {
    background-color: #fff;
    width: 100%;

  }

}

@media only screen and (max-width: 600px) {
  .feedback-content .col-md-3 {
    width: 50%;
  }

  .yt-btn {
    left: 51% !important;
  }


}

@media only screen and (max-width: 500px) {
  .feedback-content .col-md-3 {
    position: initial;
    width: 100%;
  }
}

/* home page start */
/* hero section start */
.vrea-hero-section {
  padding: 100px 0;
  color: #363636;
}

.vrea-hero-section h2 {
  font-family: 'ralewayextrabold';
  font-size: 42px;
  line-height: 1.4;
  margin-top: 10px;
  width: 100%;
}

.vrea-hero-section p:first-child {
  font-family: 'ralewaysemibold';
}

.vrea-hero-section p.vrea-info {
  font-size: 18px;
  margin-top: 10px;
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  background-color: #0070FF;
  text-transform: uppercase;
  padding: 5px 10px;
}

.vrea-green {
  color: #70bf4d;
}

.vrea-btn {
  display: inline-block;
  background: #000000;
  color: #70bf4d;
  color: #fff;
  padding: 12px 30px;
  font-family: 'ralewaymedium';
  font-size: 15px;
  font-size: 17px;
  border-radius: 5px;
  transition: .3s;
  margin-top: 20px;
}

.vrea-btn:hover {
  color: #0070FF;
}

.vrea-hero-section .vrea-hero-animation {
  width: 90%;
  animation: move-y 2s alternate infinite;
}

.vrea-hero-section .vrea-hero-content {
  width: 100%;
}

/*.data-science {*/
/*  width: 109px;*/
/*}*/
.services-section img {
    width: 100px;
}

.modal-body {

    text-align: center;
}
.modal-header .close {
    margin-top: -23px;
    color: #fff;
    font-size: 32px;
    opacity: 1;
}
.modal-header {
    border-bottom: none;
}

.industries-whitelebling .industries-whitelebling-info {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.industries-whitelebling {
  padding: 100px 0;
  background: #F8C332;
}

.industries-whitelebling .common-head h1:before {
  border-color: #fff !important;
}

.industries-whitelebling .common-head h1::after {
  border-color: #fff !important;
}

.industries-whitelebling p {
  color: #000;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
}

/* animation */
@keyframes move-y {
  0% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }

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

@media screen and (max-width: 991px) {
  .vrea-hero-section h2 {
    font-size: 24px;
    max-width: 450px;
  }
}

/* hero section end */
/* home page end */
.vrea-play-info {
  position: relative;
}

.btn-video {
  background-color: rgba(0, 0, 0, 0);
  background-image: url(../images/grean-play-btn.png);
  background-size: 38px 38px;
  border: medium none;
  color: #ffffff;
  display: block;
  height: 38px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 38px;
}

.contact-us-container {
  display: block;
}

.vrea-contact-section {
  background: #f2f2f2;
/*  background: #ff9e9d;*/
}


.industries-whitelebling .vrea-btn {
  margin-top: 0;
}

.vrea-hero-section video {
  height: calc(100vh - 71px);
  position: relative;
  z-index: 1;
  width: 100%;
  object-fit: cover;
  display: block;
}

.vrea-hero-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1;
}

.vrea-hero-section {
  padding: 0;
  position: relative;
}

.vrea-hero-section .vrea-hero-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  text-align: left;
  max-width: 1212px;
  color: #fff;
  width: 100%;
  z-index: 2;
  padding: 0 15px;
}

.vrea-export-main {
  background-color: #70BF4D;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}

.vrea-export-main {
  position: relative;
  padding: 80px 0;
}

.vrea-export-main .vrea-hero-content {
  width: 60%
}

.vrea-export-main .vrea-hero-content:not(.vrea-export) {
  width: 40%
}

.vrea-export-main .vrea-hero-main {
  display: flex;
  align-items: center;
}

.vrea-export-main .vrea-hero-main {
  flex-direction: row-reverse;
  position: relative;
  z-index: 2;
}

.vrea-export-main .the-buzz-map {
  /*position: absolute;
    top: 50%;
    right: 0px;
    opacity: 0.3;
    width: 50%;
    z-index: 0;
    transform: translateY(-50%);*/
}

.vrea-export-main .vrea-hero-main>div:first-child {
  padding-left: 30px;
}

p.vrea-info {
  color: #111;
}

.vrea-export-main .vrea-hero-content .vrea-export-watch {
  font-size: 18px;
  font-weight: bold;
  color: #111;

}

.vrea-export-main .vrea-common-head h1 b {
  transform: rotate(45deg);
  display: inline-block;
}

.vrea-export-main .common-head h1 {
  color: #fff;
  color: #000;
}

.vrea-common-head h1 {
  margin-bottom: 0 !important;
}

.time-tracker-sec .ms-options-wrap>button:focus, .ms-options-wrap>button {
  font-size: 14px !important;
  border: 0 !important;
}

.time-tracker-sec .ms-options-wrap>.ms-options {
  left: -28px;
  min-width: 300px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
  box-sizing: border-box;
  margin-top: 20px;
  border: 0;
}

.time-tracker-sec .ms-options-wrap ul li {
  width: auto;
  border: 0;
  width: 100%;
  padding: 0 12px;
}

.time-tracker-sec .ms-options-wrap>.ms-options>.ms-selectall.global {
  text-align: right;
  display: block;
  color: #006dc0;
}

.time-tracker-sec .ms-options-wrap>.ms-options>ul label {
  padding: 4px;
}

.time-tracker-sec .ms-options-wrap>.ms-options>ul label:hover {
  background-color: #f6f6f6;
}

.time-tracker-sec .ms-options-wrap>.ms-options>.ms-search input {
  border-bottom: 1px solid rgb(224, 224, 224);
}

.time-tracker-sec .ms-options-wrap>button:focus, .ms-options-wrap>button {
  padding: 0 !important;
  padding-right: 25px !important;
}

.time-tracker-sec .ms-options-wrap>.ms-options>ul input[type="checkbox"] {
  margin-top: 0;
}

.vrea-skills {
  margin: 15px 0;
}

.vrea-skills .fre_label {
  /* min-height: 35px;
  width: 100%;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;*/
}

@media screen and (max-width: 767px) {
  .vrea-export-main .vrea-export {
    display: block !important;
    width: 100%;
    margin-bottom: 30px;
  }

  .vrea-hero-section .vrea-btn {
    margin-top: 20px;
  }

  .vrea-export-main {
    padding: 50px 0 50px 0;
  }

  .vrea-export-main .vrea-hero-main {
    flex-direction: column-reverse;
  }

  .industries-whitelebling .industries-whitelebling-info {

    flex-direction: column;
    align-items: center;
  }

  .industries-whitelebling .industries-whitelebling-info .wlabel_image {
    margin-top: 60px;
  }

  .industries-whitelebling {
    padding: 60px 0;
  }

  .vrea-export-main .vrea-hero-main>div:first-child {
    padding-left: 0
  }

  .vrea-hero-section p.vrea-info {
    margin-top: 0
  }

  .vrea-export-main .vrea-hero-content,
  .vrea-export-main .vrea-hero-content:not(.vrea-export) {
    width: 100%
  }
}

@media screen and (max-width: 767px) {
  .time-tracker-sec .ms-options-wrap>.ms-options {
    left: 0;
  }

}

/* modal start*/
.modal-popup {
  top: 20%;
  transform: translateY(-10%);

}

.modal-footer {
  border-top: none;
  position: absolute;
  top: -46px;
  right: -38px;
  padding: 0;
}

.btn-close {
  font-size: 60px;
  border: none;
  background-color: transparent;
  color: #fff;
  line-height: 0;
  padding: 0;
}

.btn-close:hover {
  border: none;
  background: none;
  color: #fff;
}

.btn-close:focus {
  outline: none;
  outline-offset: 0;
  background-color: none;
}

.btn-close:active {
  color: #fff;
}

.btn-close:focus {
  outline: none;
  outline: 5px auto-webkit-focus-ring-color;
  outline-offset: 0;
}

.btn-close:active:focus {
  outline: none;
  outline: 5px auto-webkit-focus-ring-color;
  outline-offset: 0;
}

@media only screen and (min-width: 991px) {
  .modal-dialog {
    max-width: 800px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .btn-close {
    font-size: 40px;
    line-height: 0;
    padding: 18px 12px;
  }

  .modal-footer {
    padding: 0;
    right: 0;
  }

  .time-tracker-sec .ms-options-wrap>.ms-options>ul label {
    text-align-last: left;
  }
}

/* modal end */
#team-data {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.team_wrap>ul>li {
  margin-right: 0;
  margin: 0 15px;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  #team-data {
    margin: 0 -15px;
  }

  .team_wrap>ul>li {
    width: calc(33.33% - 30px);
  }
}

.time-tracker-sec .selector {
  position: relative;
  padding: 20px;
  width: 400px;
  color: #7e7e7e;
}

.time-tracker-sec .selector ul {
  position: relative;
  display: block;
  overflow: auto;
  min-width: 138px;
  max-height: 200px;
  background: #fff;
  list-style: none;
  white-space: inherit;
  padding-right: 17px;
  width: calc(100% + 17px)
}

.time-tracker-sec .selector li {
  position: relative;
  padding: 3px 20px 3px 25px;
  cursor: pointer
}

.time-tracker-sec .selector li:before {
  position: absolute;
  top: 50%;
  left: 0;
  top: 4px;
  display: inline-block;
  margin-right: 9px;
  width: 17px;
  height: 17px;
  background-color: #f4f4f4;
  border: 1px solid #d5d5d5;
  content: "";
}

.time-tracker-sec .selector li[data-selected="1"]:before {
  border: 1px solid #d7d7d7;
  background-color: #fff;
}

.time-tracker-sec .selector li[data-selected="1"]:after {
  position: absolute;
  top: 50%;
  left: 3px;
  top: 11px;
  display: inline-block;
  width: 4px;
  height: 10px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  background: none;
  color: #39c9a9;
  content: "";
  -webkit-transform: rotate(40deg) translateY(-50%);
  transform: rotate(40deg) translateY(-50%);
}

.time-tracker-sec .selector li:hover {
  color: #aaa;
}

.time-tracker-sec .selector li .total {
  position: absolute;
  right: 0;
  color: #d7d7d7;
}

.time-tracker-sec .selector .price-slider {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-top: 17px;
}

@media (min-width: 768px) {
  .time-tracker-sec .selector .price-slider {
    padding-top: 8px;
  }
}

.time-tracker-sec .selector .price-slider:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: 0;
  color: #39c9a9;
  content: attr(data-currency);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.time-tracker-sec .selector #slider-range {
  width: 90%;
  margin-bottom: 30px;
  border: none;
  background: #5d9f0159;
  height: 3px;
  margin-left: 8px;
  margin-right: 8px;
}

@media (min-width: 768px) {
  .time-tracker-sec .selector #slider-range {
    width: 100%;
  }
}

.time-tracker-sec .selector .ui-slider-handle {
  border-radius: 50%;
  background-color: #5d9f01c5;
  border: none;
  top: -14px;
  width: 28px;
  height: 28px;
  outline: none;
}

@media (min-width: 768px) {
  .time-tracker-sec .selector .ui-slider-handle {
    top: -7px;
    width: 16px;
    height: 16px;
  }
}

/* range dropdown */
.time-tracker-sec .selector .ui-slider-range {
  background-color: #5d9f01c5;
}

.time-tracker-sec .selector .slider-price {
  position: relative;
  display: inline-block;
  padding: 5px 40px;
  width: 40%;
  background-color: #5d9f01c5;
  line-height: 28px;
  text-align: center;
  color: #fff;
}

.time-tracker-sec .selector .slider-price:before {
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: 0;
  color: #fff;
  content: attr(data-currency);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.time-tracker-sec .selector .show-all {
  position: relative;
  padding-left: 25px;
  color: #5d9f01c9;
  cursor: pointer;
  line-height: 28px;
}

.time-tracker-sec .selector .show-all:after, .time-tracker-sec .selector .show-all:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -1px;
  color: #5d9f01c9;
  width: 10px;
  border-bottom: 1px solid;
}

.time-tracker-sec .selector .show-all:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.time-tracker-sec .selector.open ul {
  max-height: none;
}

.time-tracker-sec .selector.open .show-all:after {
  display: none;
}

.time-tracker-sec .range-dropdown .dropdown-toggle {
  background: transparent;
  border: 0;
  color: #aaa;
}

.time-tracker-sec .caret {
  border-top: 6px solid #999;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.time-tracker-sec .dropdown-menu {
  left: -149px;

}

.time-tracker-sec .open>.dropdown-menu {
  border: none;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
  border-radius: 5px;
  margin-top: 20px !important;
}

/*Country flag droddown*/
.time-tracker-sec .select2-results__option {
  color: #555;
  display: block;
}

.flag-text {
  margin-left: 10px;
}

.select2-container--default .select2-selection--single {
  border: 0 !important;
  outline: none;
  width: auto;
}

.select2-container {
  width: auto !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  color: #aaa !important;
}

.select2-container--open .select2-dropdown--below {
  width: 300px !important;
  border: none;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
  border-radius: 5px !important;
  margin-top: 20px !important;
  left: -105px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none !important;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
}

.select2-container--open .select2-dropdown--above {
  width: 300px !important;
}

.filter_wrapper ul {
  margin-bottom: -2px !important;
  margin-top: -1px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent !important;
  border-width: 6px 6px 0 6px !important;
  top: 45% !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #efefef !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: transparent !important;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: #efefef !important;

}

html body.vrea-team-page {
  overflow-x: hidden !important;
}

@media only screen and (max-width: 1024px) {
  /*.select2-container--open .select2-dropdown {
    left: -114px !important;
    top: 289px;
  }*/
}

@media screen and (max-width: 767px) {
  .time-tracker-sec .filter_search_wrap {
    float: none;
    display: flex;
    flex-direction: column;
  }

  .time-tracker-sec .filter_wrapper {
    width: 100%;
  }

  .filter_wrapper ul {
    border-bottom: 1px solid #ccc !important;
  }
}

@media (min-width:768px) and (max-width:992px) {
  .time-tracker-sec .filter_wrapper {
    width: 70%;
  }
}

@media only screen and (max-width: 599px) {
  .filter_wrapper ul li {
    border-bottom: 1px solid #e7e6e6c9;
    border-right: 0 !important;
    text-align: initial !important;
  }

  .time-tracker-sec .dropdown-menu {
    left: 0;
    max-width: 100%;
    width: 100%;
  }

  .time-tracker-sec .selector {
    margin: 0 auto;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
  }

  .select2-container--open .select2-dropdown {
    width: 100%;
    left: 0px !important;
  }

  .time-tracker-sec .filter_search_wrap {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .time-tracker-sec .selector {
    width: 100%;
  }

  .time-tracker-sec .ms-options-wrap>.ms-options {
    min-width: 100%;
  }

  .time-tracker-sec .selector .slider-price {
    padding: 5px 20px;
  }

  .ms-options-wrap>button:focus, .ms-options-wrap>button {
    width: auto !important;
  }

  .ms-options-wrap {
    text-align: initial;
  }

  .select2-container--open .select2-dropdown--above {
    width: 250px !important;
    left: 0 !important;

  }

  .time-tracker-sec .selector .ui-slider-handle {
    width: 20px;
    height: 20px;
    top: -10px;
  }
}

/* pricing section start */
.detail_sec.services-section.pricing-section {
  padding: 100px 0;
}

.pricing-section .pricing-header-heading {
  margin: 40px 0 0 0;
  padding-bottom: 20px;
  font-size: 22px;
  font-family: 'ralewaysemibold';
  border-bottom: 1px solid #ccc;
}

.pricing-main {
  display: flex;
  justify-content: space-evenly;
  margin-top: 50px;
}

.pricing-section .pricing-subheading {
  font-size: 28px;
  font-family: 'ralewaysemibold';
  margin-top: 50px;

}

.pricing-header .pricing-box {
  text-align: center;
  width: 25%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 8px;
  padding: 20px 10px;
}

.pricing-header .pricing-box p {
  font-family: 'ralewayextrabold';
  font-size: 18px;
  margin-top: 20px;

}

.pricing-header .pricing-box h3 {
  display: flex;
  font-size: 28px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.pricing-header .pricing-box span {
  text-transform: lowercase;
  font-size: 15px;
  display: inline-block;
  margin-top: 13px;
}

.pricing-header .pricing-box:first-child {
  border-top: 15px solid #fe6d26;
}

.pricing-header .pricing-box:nth-child(2) {
  border-top: 15px solid #219bcd;
}

.pricing-header .pricing-box:last-child {
  border-top: 15px solid #264751;
}

.pricing-header .pricing-box img {
  width: 40px;
  margin-top: 15px;
}

.pricing-discount {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-header .pricing-discount p {
  margin-top: 0;
}

.pricing-section .pricing-discount span {
  margin-top: 0;
  margin-left: 15px;
  color: #fd0000;
  font-size: 14px;
}

.pricing-section .pricing-tag {
  padding: 10px 15px;
  width: 80px;
  color: #fff;
  background: #080808;
  display: inline-block;
  font-size: 15px;
  margin-top: 25px;
  line-height: 1;
  font-weight: 500;
  border-radius: 5px;
  transition: .3s;
}

.pricing-section .pricing-tag:hover {
  color: #70bf4d;
}

@media screen and (max-width: 992px) {
  .pricing-header .pricing-box {
    width: 29%;
  }

  .home-page .process-section-black {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .pricing-header .pricing-box {
    width: 40%;
    margin-bottom: 30px;
  }

  .pricing-main {
    flex-wrap: wrap;
  }

  .pricing-section .pricing-subheading {
    margin-top: 20px;
    font-size: 25px;
  }

  .detail_sec.services-section.pricing-section {
    padding: 60px 0;
  }
}

@media screen and (max-width: 640px) {
  .pricing-header .pricing-box {
    width: 90%;
  }
}

/* pricing section end */
/* header css start */
header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.vrea-main {
  padding-top: 108px;
}

.home-page.vrea-main {
  padding-top: 0;
}

.home-page header {
  position: static;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .vrea-main {
    padding-top: 104px;
  }

}

@media screen and (min-width: 980px) and (max-width: 992px) {
  .vrea-main {
    padding-top: 97px;
  }
}

@media screen and (max-width: 979px) {
  .vrea-main {
    padding-top: 117px;
  }

}

@media screen and (max-width: 499px) {
  .vrea-main {
    padding-top: 138px;
  }
}

/* header css end */
.nice-select.open .list {
  width: 100%;
}

.nice-select .option {
  line-height: 35px;
  min-height: 35px;
}

@media screen and (min-width: 1200px) {
  .navbar-menu ul li {
    padding: 22px 15px;
    line-height: 25px;
  }

  .vrea-export-main .common-head {
    margin-bottom: 80px;
  }
}

@media screen and (min-width: 768px) {
  .industries-whitelebling .common-head {
    margin-bottom: 50px;
  }

  .vrea-export-main .common-head {
    margin-bottom: 30px;
  }
}

/*Pricing page start*/
.pricing-wrapper {
  padding: 30px 0 60px;
  color: #fff
}

.pricing-row-wrap {
  padding: 30px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  font-family: "Roboto", sans-serif;
  margin-top: 30px;
  align-items: center;
}

.pricing-row-wrap .plan-name {
  font-size: 44px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-top: 0;
  color: #000;
}

.pricing-row-wrap .plan-desc {
  font-size: 20px;
  max-width: 450px;
  line-height: 1.4;
  color: #000;
}

.pricing-row-wrap .pricing-price {
  font-size: 60px;
  color: #000;
}

.pricing-row-wrap .pricing-price small {
  color: #000;
  opacity: .8;
}

.pricing-row-left {
  width: 50%;
  padding-right: 20px;
}

.pricing-row-right {
  min-width: 30%;
}

.pricing-row-center {
  width: 20%;
}

.pricing-row-center img {
  max-width: 150px
}

.pricing-row-wrap.pricing-row {
  /*background: -moz-linear-gradient(left, #f6c837 2%, #eaae35 100%);*/
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(left, #f6c837 2%, #eaae35 100%);*/
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to right, #f6c837 2%, #eaae35 100%);*/
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #ffe5b4;
  background: linear-gradient(to right, #f6c837 2%, #eaae35 100%);
}

.pricing-row-wrap.discount-row {
  /*background: -moz-linear-gradient(left, #ffc0cb 1%, #e5aeaf 100%);*/
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(left, #ffc0cb 1%, #e5aeaf 100%);*/
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to right, #ffc0cb 1%, #e5aeaf 100%);*/
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #ffb7f5;
}

.discount-row .pricing-label {
  display: inline-block;
  background: #fff;
  color: #6fbf4d;
  padding: 7px;
  font-size: 18px;
  border-radius: 6px;
  font-weight: bold;
  margin: 5px 0 10px;
}

.pricing-row-wrap.referral-row {
  /*background: -moz-linear-gradient(left, #70bf4d 1%, #65913b 100%);*/
  /* FF3.6-15 */
  /*background: -webkit-linear-gradient(left, #70bf4d 1%, #65913b 100%);*/
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to right, #70bf4d 1%, #65913b 100%);*/
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      background-color: #93c572;
}

.pocketwatch-badge-wrap {
  position: relative;
}

.pocketwatch-badge-wrap .pocketwatch-badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-10px, -40px);
  z-index: 2;
  width: 60px;
}


@media screen and (min-width: 992px) {
  .tool-common-row .container>.row {
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 991px) {
  .tool-common-row .our-tool {
    margin-top: 20px;
  }

  .tools-content-section .sec-cont.four-sect {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pricing-row-wrap {
    flex-direction: column;
  }

  .pricing-row-wrap>* {
    width: 100%;
    text-align: center;
  }

  .pricing-row-center {
    order: 0;
  }

  .pricing-row-right {
    order: 1
  }

  .pricing-row-left {
    order: 2;
    padding: 0;
  }

  .pricing-row-wrap .plan-name {
    font-size: 30px;
    margin-top: 10px;
    text-align: center;
  }

  .pricing-row-center img {
    max-width: 100px;
  }

  .pocketwatch-badge-wrap {
    display: block;
    margin: 30px auto 0;
    width: 180px;
  }

  .pocketwatch-badge-wrap .pocketwatch-badge {
    transform: translate(20px, -30px);
    width: 50px;
  }

  .tool-common-row .our-tool {
    display: block;
  }

  .tools-content-section .img-bg {
    display: block !important;
    width: 180px !important;
    margin: 10px auto;
  }

  .number-content {
    width: 100% !important;
  }
}

/*Pricing page End*/

.mini-round-box {
  background-color: #79DBE2;
  border-radius: 50%;
  padding: 5px;
  margin-right: 5px;
  font-size: 15px;
  color: #fff;
}

.bg-parrot {
  background-color: #93C572;
}

/* whitebeling2 */
.text-right.vrea-play-info.vrea-play-info2 img {
  width: 100%;
  /*height: 600px !important;*/
  object-fit: contain !important;
  object-position: center !important;
}

/* whitebeling2 */


/*Temas page technology*/
.technology-search {
    border: none !important;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
  	margin: 4px;
}
/*END*/

@media (min-width: 1099px){
.home-column {
    width: 33% !important;
}
}
@media (max-width: 500px){
.home-column {
    width: 100% !important;
}
}

@media (max-width: 767px) {
    section.industries-title-section.tools-page-section.team-banner {
        margin-top: -4px;
    }
}

@media (max-width: 499px) {
    section.industries-title-section.tools-page-section.team-banner {
        margin-top: -25px;
    }
}

	    .visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@media (max-width:1025px) {
    .flex-data {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}