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;

}

.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("0b7e02e9904dd6b7f225587b3394d4ba129f77b657e7d2a318a7ce294e44b60b.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
}


#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;
  
  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;
}










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


.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-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-bottom: 5px;
}

.header-top-rht li {
  display: inline-block;

}

.header-top-rht li a {
  
  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 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("ffce3213da0a114e9ee70e078586f6bac56d442507db6afd7015aaaa79cbd09c.png") no-repeat;}





.header-top-rht li span.link-top {
  display: inline-block;
  width: 20px;
  height: 20px;
  background:url("7b501614a473e101bf9fcacea29d3ae24f0edf547bf730ff14cff17f39467ea5.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("7b501614a473e101bf9fcacea29d3ae24f0edf547bf730ff14cff17f39467ea5.png") no-repeat;
}

.header-top-rht li span.you-top {
  display: inline-block;
  width: 20px;
  height: 20px;
  background:url("131132da26af68b0da978e412800b11315f0384733dca55865cc7fb84ace812e.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 {
  display: inline-block;
  width: 20px;
  height: 20px;
  background:url("1cf13d5fe13addaf7397d76aa961b2b1db779e6e39f4d7d77b0d24def51a48a9.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("f5feda14b5f8ccb85dff86a533aee5bc5f259485f37d77d855ba7f24b0d99624.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 {
  display: inline-block;
  width: 20px;
  height: 20px;
  background:url("8f5ff2b1dfb418a45f24a9186dfd5a29a3a3f95213c76c323e22fad967e3c9f6.png") no-repeat;
  opacity: 1;
  margin: 0 10px 0;
  position: relative;
  top: 5px;
  cursor: pointer;
  transition:background 0.3s;
}




.header-top-rht li a.ins-top{background:url("74af4c5c95e74d78dcc0b5ea5f0eaaeb92f8359011df25f2c61a2049bb674f38.png") no-repeat;}
.header-top-rht li a.face-top:hover{background:url("6aaf6e8b56ce32871b23bb0eb633fd03c46950bc51c15c9ccb75cf9d0f46813e.png") no-repeat;}


.header-top-rht li a.ins-top:hover{background:url("73b6ed2fd77c6284262bf1d6fe99e64d7bc9b2fae6784a605fb83166a47db39b.png") no-repeat;}

.link {
  opacity: 0;
}

.logo-container {}

.header-container {
  background: #000;
}

.header-top-fix .header-right {
  
}

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

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


.header-container {
  padding: 0;
  position: relative;
}

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

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


.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-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: none no-repeat;
}

.footer-right a.foot-tw {
  background: none no-repeat;
}

.footer-right a.foot-you {
  background: url("28408e56c1de6c57e624fe083ca0261e08a44dcb6cb52c0cb253c2484703acc7.png") no-repeat;
}

.footer-right a.foot-ins {
  background: url("6ef5e0cee547941f0f05aeff6141bf2ec282bf778ee75392cdbccce7467e5d82.png") no-repeat;
}






.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("9b98d0f61db6cfc991d37a054138f8d9f09dc1c71a827200ab74ca948b7563c1.png") no-repeat;
}

.development-logo {
  background: url("c89ab4ae0d5ab17a1a8d8015de18b32ba86602fc19520b15675973db46531622.png") no-repeat;
}

.content-logo {
  background: url("09ad2193ccd4f97fd4abec9a33fc4903a095d56d36715244df59a29d019f2402.png") no-repeat;
}

.mobile-app-logo {
  background: url("ba4036bcd3e9783de1413aae1bd2b8e367c173a5d4dc0807057a383fc3278278.png") no-repeat;
}

.ecommerce-logo {
  background: url("d2d7e0a5c057845662f78643270346f8a91e0c9735278e030730c4b8fc8ee738.png") no-repeat;
}

.responsive-logo {
  background: url("6797934d48d366aab822ed8f0c132238a9096e7c4bc28ab407ed2da47061cc5c.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
}

.members_work ul li:first-child span {
    font-weight: 600;
}
.team-banner {

    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 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;
  
}

.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-us-container {
  background-color: #f2f2f2;

  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;
}





.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("841252b64a26050db0e53904bcf85e56c8bfee625a7f3c94f35834d6067aef87.png") no-repeat;
}

.portfolio-social .tw-icon {
  background: url("109fd8227b8ff80d8a3841d6e6a79cb51177a18f6e5f96647fb165d90bf80aaa.png") no-repeat;
}

.portfolio-social .in-icon {
  background: url("b163673575523099950cba8439b67e49ffb81174cce5502f987bbc4417bf37b2.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 {
  
}

.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
}


.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
}



span.dev-icon{
    width: auto;
    height: 22px;
    
    -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;
    
    -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;
    
     -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    padding: 0 10px 0 10px;
}


























































.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: none no-repeat;
  width: 15px;
  height: 22px;
}

.testi-blue .tip:before {
  background: url("7784184b4791b9ae4a14b76e016515b8e479c23a7fbbe0eff70c9f0241275c20.png") no-repeat;
  width: 15px;
  height: 22px;
}

.testi-pink .tip:before {
  background: none 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("d9d4331e7d08509e97db3ad4813aca9d33c8b6bd6bf3284bf44e5fbe7706ae36.png") repeat;
  background-color: #808080;
  position: relative;
  min-height: 600px;
}



.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("a4c732cefa9af73b0c2c79dd14fc8d7b675d13f704a545cbfc736d748c6aefc8.png") no-repeat center center #8dc73f;
}

.icon-cont.contact2-icon {
  background: url("8ea627d0172e023749479b54a4c82aef465e43452a12951d455780e8510a1e3a.png") no-repeat center center #eac21e;
}

.icon-cont.contact3-icon {
  background: url("59cef655af40fc7c81be0c2c480d2bd78e2aae75e23002a69cf602b560d678ea.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("452e1bf7deef6977cbecb0fd83aa709c3fc8792902964bc0536b7deda7e7ab79.png") no-repeat;
  width: 24px;
  height: 24px;
  border: 0
}

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





.process-section {
  background: url("20b4ca920eb13007f2659c9795fed06379abb2c0a91e6e5e8fb37c7947341c87.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: none no-repeat;
  height: 76px;
  width: 421px;
  top: 160px;
  left: 50%
}

.process-section span.f2 {
  position: absolute;
  background: none no-repeat 38px 25px;
  height: 80px;
  width: 125px;
  top: 240px;
  right: 8%
}

.process-section span.f3 {
  position: absolute;
  background: none 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: none no-repeat;
  width: 68px;
  height: 52px;
  display: block;
  margin: 0 auto 5px
}

.process-section span.f5 {
  position: absolute;
  background: none 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: none 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: none no-repeat;
  height: 125px;
  width: 160px;
  top: -18px;
  left: 25%;
  background-position: center bottom
}

.process-section span.s2 {
  position: absolute;
  background: none no-repeat;
  height: 103px;
  width: 90px;
  top: 70px;
  right: 13%
}

.process-section span.s3 {
  
}

.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: none no-repeat;
  width: 52px;
  height: 52px;
  display: block;
  margin: 0 auto 5px
}

.process-section span.s4 {
  position: absolute;
  background: none 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: none 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: none no-repeat;
  width: 70px;
  height: 86px;
  display: block;
  margin: -80px auto 5px
}

.process-section span.s7 {
  position: absolute;
  background: none 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: none no-repeat;
  width: 52px;
  height: 52px;
  display: block;
  margin: 10px auto 5px
}

.process-section span.s9 {
  position: absolute;
  background: none 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: none 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: none no-repeat;
  width: 170px;
  height: 199px;
  display: inline-block;
  margin-top: -60px
}

.process-section span.pro-img4 {
  background: none 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: none 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: none no-repeat;
  width: 69px;
  height: 69px;
  display: block;
  margin: 80px auto 5px
}

.process-section span.t3 {
  position: absolute;
  background: none 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: none 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: none 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: none no-repeat;
  width: 63px;
  height: 60px;
  display: block;
  margin: -60px auto 5px
}

.process-section span.t7 {
  position: absolute;
  background: none 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: none 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: none no-repeat;
  height: 100px;
  width: 38px;
  top: 417px;
  right: 50%;
  background-position: center bottom
}

.process-section span.t10 {
  position: absolute;
  background: none 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("d423f8b4e0ba481588ad3c17d8282d20cfe865cd5d749c3d0f16f4be067ac925.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: none no-repeat;
  height: 20px;
  width: 38px;
  top: 495px;
  right: 25%;
  background-position: center bottom
}

.process-section span.t13 {
  position: absolute;
  background: none 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("fa6e9243b26358d78059ed242f2d5f188c9ce441f0e92e97d56fa109cdea41d9.png") no-repeat;
  width: 52px;
  height: 52px;
  display: block;
  margin: -95px auto 5px
}

.process-section span.t13 {
  position: absolute;
  background: none 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: none 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("f41990928a300af887ef131cf686d38b7e5ec4484c2074ebc687c1346335cdbd.png") no-repeat;
  width: 39px;
  height: 52px;
  display: block;
  margin: 100px auto 5px
}

.process-section span.fo3 {
  position: absolute;
  background: none 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: none no-repeat;
  width: 58px;
  height: 52px;
  display: block;
  margin: 0 auto 5px
}

.process-section span.fo5 {
  position: absolute;
  background: none 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: none 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: none no-repeat;
  width: 95px;
  height: 60px;
  display: block;
  margin: 40px auto 5px
}

.process-section span.fi3 {
  position: absolute;
  background: none no-repeat;
  height: 110px;
  width: 38px;
  top: 120px;
  left: 38%;
  background-position: center bottom
}

.process-section span.fi4 {
  position: absolute;
  background: none no-repeat;
  height: 80px;
  width: 38px;
  top: 150px;
  left: 46%;
  background-position: center bottom
}

.process-section span.fi5 {
  position: absolute;
  background: none 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: none 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("e38b015f783b48ce59fc7a84616ad8d4bef88ec1a9260776bdb00fb6c02101cb.png") no-repeat;
  width: 321px;
  height: 102px;
  display: block;
  margin: -20px auto 5px
}

.process-section span.fi8 {
  position: absolute;
  background: none 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: none 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("2bfe9cb544fc6861dc8055374782ec3781c34255a1cbfff7dace91c8977ca83c.png") no-repeat;
  width: 60px;
  height: 60px;
  display: block;
  margin: -50px auto 5px
}

.process-section span.si6 {
  position: absolute;
  background: none 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: none 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: none 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: none 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: none no-repeat;
  width: 64px;
  height: 65px;
  display: block;
  margin: 0 auto 5px
}

.process-section span.se3 {
  position: absolute;
  background: none 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("21967c08a2dfc84aa07c5a963530ec1b6af08ef9d5473e5ebd71775e9bdd2e8a.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: none 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: none 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: none 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: none no-repeat;
  width: 64px;
  height: 65px;
  display: block;
  margin: -110px auto 5px
}

.process-section span.se9 {
  position: absolute;
  background: none 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: none 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: none no-repeat;
  width: 123px;
  height: 112px;
  display: block;
  margin: 10px auto 5px
}

.process-section span.e3 {
  position: absolute;
  background: none 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("cd37625582a320729a2cb914a1f486940556378a1439fd6600142b58f71abacf.png") no-repeat;
  width: 123px;
  height: 112px;
  display: block;
  margin: -70px auto 5px
}

.process-section span.e5 {
  position: absolute;
  background: none 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("0c02dda84ac0b79c94e92eb12e74e6a5c43e7ac668fac77bd9f178cb73998abb.png") no-repeat;
  width: 123px;
  height: 112px;
  display: block;
  margin: 30px auto 5px
}

.process-section span.e7 {
  position: absolute;
  background: none no-repeat;
  height: 110px;
  width: 38px;
  top: 480px;
  left: 38%;
  background-position: center bottom
}

.process-section span.e8 {
  position: absolute;
  background: none no-repeat;
  height: 80px;
  width: 38px;
  top: 510px;
  left: 46%;
  background-position: center bottom
}

.process-section span.e9 {
  position: absolute;
  background: none no-repeat;
  height: 50px;
  width: 38px;
  top: 540px;
  left: 54%;
  background-position: center bottom
}

.process-section span.e10 {
  position: absolute;
  background: none 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: none no-repeat;
  width: 123px;
  height: 112px;
  display: block;
  margin: -150px auto 5px
}

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

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

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


.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 {}



#main-menu {
  margin-bottom: 0;
}

.navbar-menu ul li:hover div.sub-menu {
  
}

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: none 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("6a1b76b921ed5fccb345ed882446b40c8ae12c06856e85052e3ac7688e3527ce.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 {
  
}

.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%;
  
  -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("d16dac3cbf51637f8377e9d799bb68d3f13eddef69735555d1c64aa4f634be78.png") no-repeat 10px center #fff;
}

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

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

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

.form-wrap .rq-form .input-wrap select#proj-select-opt {
  height: 37px;
  background: url("760cf2761db2636c6a08d898019b073433265894c5483838e9df846ac3a6b845.png") no-repeat 96% center, url("e9c1c52f70a9384a7116327c8510857499f4aef2063c23fbf197dba48ac6502c.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: none 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;
}


.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 {
  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;
  
  
  list-style-image: none;
}

.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:'';
}

.tp-leftarrow:before {
  content:'';
}

.forkit {
  width: 170px
}

.menu-shrink .forkit {
  
}

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

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

.menu-shrink .forkit .tag {
  
}


.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 {
  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 {
    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: #000;
}

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




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
}


.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;
  }
}


a.dropdown-toggle-submenu span {
  padding-right: 15px;
  background: url("5e7acc71ee30b426307b711e5eef4c5a4a904c831de501b3f3ec30887b96eee5.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: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 {
  
}

.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%;
}


span.test-img-look {
  display: block;
  background: url("afe6a6d9325177a8abfce64fd337248ffe2b9c890d6186c7a912e348088e4eee.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: none 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("a7c675de8e50e1cae61922efc48e6ad4f8466587e5da31dcb4f23a6216299a44.png") no-repeat;
  background: none 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
}


.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("a1ff251a5d5897e895b4eea8cc92bd77040fbafb3079d0d4cffa5b695946b92f.png") no-repeat center top, url("4dfa6c07be2e6ccb8f9184cf3e774707ea21bcb99ca18a237255e0b081e256e3.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 {
  
}

.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("b5c0050d0a371debe736c56b94008f71aa5d94b7ea638dec9a3ccbcbd85bf57c.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: none no-repeat;
  background-position: center bottom
}

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

a.res-tech-icon:before {
  background: none no-repeat;
  background-position: center bottom
}

a.ui-tech-icon:before {
  background: url("9277657a4f15e283ed4616f0b57dc7b8163c38c861973007849de3cbca65c3ed.png") no-repeat;
  background-position: center bottom
}

a.oc-tech-icon:before {
  background: url("e8cac5ed39473fc4f721aa1f046206e01e554e30d2fcab3516725c52a7f21664.png") no-repeat;
  background-position: center bottom
}

a.wor-tech-icon:before {
  background: url("4c99c2131e3c3a51d9b9df57eed06603b4dcc6e0aaee869e0dd751e443dcb237.png") no-repeat;
  background-position: center bottom
}

a.oscom-tech-icon:before {
  background: none no-repeat;
  background-position: center bottom
}

a.pina-tech-icon:before {
  background: none no-repeat;
  background-position: center bottom
}

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

a.par-tech-icon:before {
  background: url("ac5cd293c5ae219661ffd19d645447225549ed02973c3a1142fe0e073338264e.png") no-repeat;
  background-position: center bottom
}

a.StackMob:before {
  background: url("a6f45e23bd0113d1c9c72a8467c504022dd9ba9eff2925f74c146931e80a4e74.png") no-repeat;
  background-position: center bottom
}

a.ios-skd-icon:before {
  background: url("c42425d88b783ba7f8053bbcffb39540c501bfa1b5221ef6392dc76c1d5fb57b.png") no-repeat;
  background-position: center bottom
}

a.and-skd-icon:before {
  background: url("6b4e7f1e369e856c0b178e8a38fb43f75340f9f0cd3d6a9c07df2972fbb84de2.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("71e584187cd2f8505fbc067bf733f7b5c80d1141ede7c217262f74cb9f383f6e.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: 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: none no-repeat
}

.ser-tag a.dev-ser {
  background: url("fec5c2605f747491e2ed334c62a4c59145af5166333f1fe45df7071d77079979.png") no-repeat
}

.ser-tag a.content-ser {
  background: url("dbb9c381d1d31f3f9a6b1f82741806a5b9d22626502fa1d2848345f4ed41ffe1.png") no-repeat
}

.ser-tag a.ecomm-ser {
  background: url("f6023dc8660fc4db05d936afa06c81e56a0fc8c341630da7905cbd4cb2e812e6.png") no-repeat
}

.ser-tag a.app-ser {
  background: url("58cdc9154887d9b4e53ea2f39ce40dd89e54f629b2f1ad4f5e6c4d253a0a80dc.png") no-repeat
}

.ser-tag a.res-ser {
  background: url("16d2c9cd30a9820ad1f576d369a8be2130f291cfcff13368f273fe637dc42bf9.png") no-repeat
}

.tech-tag a.boot-tech {
  background: url("194c0f2cda7e6e8e5b4c055ce1604e6fa90272c7758f2fdf47bc3ca5b7b55448.png") no-repeat
}

.tech-tag a.js-tech {
  background: url("4ad9bc8eef8066147a69f43c14f1ce57f72281a14e5967fd726813aacb58be36.png") no-repeat
}

.tech-tag a.html-tech {
  background: url("48a81eae4f270bbb6d55b33b870e95885ff8492b9d3aa3650a5589007395ff56.png") no-repeat
}

.tech-tag a.php-tech {
  background: url("414a2d7910f6bc19319bf0b544d8661db41a2ac94ea6b558dad19c5f9e1d6627.png") no-repeat
}

.tech-tag a.wp-tech {
  background: url("2bb58c5bc8c20640c95273a15786b4ac5495b31cc6af9c0c32b63d5d7e4ba125.png") no-repeat
}

.tech-tag a.ios-tech {
  background: none no-repeat
}

.tech-tag a.and-tech {
  background: url("b984ed093be598cfa9a991c82be190c98e16a69185c806161d425ae8922cec91.png") no-repeat
}

.tool-tag a.bal-tool {
  background: url("876de40b6d943226d4463678b3cd613f33367e9928df5c427e14ebcff3abfd04.png") no-repeat
}

.tool-tag a.psd-tool {
  background: url("99e7b4241db3072207f3d543bda00fec16309ca3c173f86052e7e0258e74cc6d.png") no-repeat
}

.tool-tag a.ill-tool {
  background: url("a0d8c211e555548374e67013726b4dd4a52873a5b1115526950c00275d267d2d.png") no-repeat
}

.tool-tag a.ang-tool {
  background: url("20135c406904bab5fd17d0660a26f21d510218696e9e167cf595594049a98f22.png") no-repeat
}





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

.field-tip:hover {
  
}

.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("ceedca7df99c5dc50d0958b6f8156afc7f61dfb4063299ca19ad9553d628b0a3.png") no-repeat;
  background-position: 0 5px;
  margin-top: 0
}

.phone_vrea {
  background: url("6251b022692131e8eb7ceeb26e5dde811ff0ff903075ea750b82a7af8d892c6b.png") no-repeat;
  background-position: 0 5px
}

.mail_vrea {
  background: url("373cfae15caf868e53fc6aee0f49d0220953ee91b18fc3113f097a8510424734.png") no-repeat;
  background-position: 0 5px
}

.skype_vrea {
  background: url("df5ca038b0365d927469876c4a57a2b24f39d8c870829e8566d82f34493b737b.png") no-repeat;
  background-position: 0 3px
}

.singapore_map:before {
  background: url("21a63baee72251f9d06abd654232ec1195fee9f1695f2cde7a4c2a72e0ccd6e3.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("00829fa7bcb07888f9f661a877370578e9344978fa152a14e92bd953b73413f0.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("54234fe4e679a85b4cf307a13e5aa99ef6a90a138682145e2a0645c871e64db1.png") no-repeat #fff;
  background-position: right center
}

.careers_accordion .panel .panel-title a.collapsed {
  background: url("e55f2689957e54c978c843c74d043a6edcc06751ecba5c0939ab503c3322d0cf.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("a8a69b9aabae6948898a1432aa7ecc2d271860cb16bc80d46fcd2d295ee039f9.png") no-repeat;
}

.tabs_framed li.active .singapore_map:before, .tabs_framed li:hover .singapore_map:before {
  background: url("21a63baee72251f9d06abd654232ec1195fee9f1695f2cde7a4c2a72e0ccd6e3.png") no-repeat
}

.tabs_framed li .india_map:before {
  background: url("c13a4b42858c6e8625b71e56b41b2c4bafd16bb15e2c5f50740cfdb54360e7a4.png") no-repeat;
}

.tabs_framed li.active .india_map:before, .tabs_framed li:hover .india_map:before {
  background: url("00829fa7bcb07888f9f661a877370578e9344978fa152a14e92bd953b73413f0.png") no-repeat
}


.common-head h1 {
  color: #363636;
  
  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;
}





@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;
}
}


.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("a2f34ceb00b5208809c36d5fa2d2373b25f220687c2e160f6fa35a68a51f90d3.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;
}


.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_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;
}




@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("a2f34ceb00b5208809c36d5fa2d2373b25f220687c2e160f6fa35a68a51f90d3.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_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("4a179110ac3ead00c143ca877e1acd8abe0130c6cebd53b443bca100261ff1d1.png")left center no-repeat;
  width: 77px;
  position: relative;
  height: 18px;
  margin: 0 auto;
  display: table;
}

.member_ratings .filled_star {
  background: url("844db07e40be65ad6bd6d8bc4ef4cde7d41a8206293d90a1a88a8dadd1c80096.png") left center no-repeat;
  top: 0;
  left: 0;
  
  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;
  
  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 .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_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;
  
}

.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;
  
}

.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%;
  
  border-top: 1px solid #ccc;
  
}

.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;
  
}

.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%;
  }
}



.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%;
}




.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;
}


@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;
  }
}



.vrea-play-info {
  position: relative;
}

.btn-video {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("71a92e8522d470f42fc2a8d764a265f3f74320d9cc86439ef153340d0c847672.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;

}


.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 {
  
}

.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 {
  
}

@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-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;
  }
}


#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;
  }
}


.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;
}


.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) {
  
}

@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;
  }
}


.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%;
  }
}



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;
  }
}


.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-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-color: #ffe5b4;
  background: linear-gradient(to right, #f6c837 2%, #eaae35 100%);
}

.pricing-row-wrap.discount-row {
  
  
  
  
  
  
  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-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;
  }
}



.mini-round-box {
  background-color: #79DBE2;
  border-radius: 50%;
  padding: 5px;
  margin-right: 5px;
  font-size: 15px;
  color: #fff;
}

.bg-parrot {
  background-color: #93C572;
}


.text-right.vrea-play-info.vrea-play-info2 img {
  width: 100%;
  
  object-fit: contain !important;
  object-position: center !important;
}





.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;
}


@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;
    }
}