@charset "utf-8";
@import url("v3/banners.css");
@import url("v3/badges.css");
/* 

ROOT COLORS
======================================

*/ :root {
  --primary-50: #e9f5fe;
  --primary-100: #badefb;
  --primary-200: #99cff9;
  --primary-300: #6ab9f7;
  --primary-400: #4dabf5;
  --primary-500: #2196f3;
  --primary-600: #1e89dd;
  --primary-700: #176bad;
  --primary-800: #125386;
  --primary-trans-70: rgba(33, 150, 243, 0.70);
  --primary-trans-50: rgba(33, 150, 243, 0.50);
  --primary-trans-25: rgba(33, 150, 243, 0.25);
  --secondary-trans-70: rgba(0, 52, 81, 0.70);
  --secondary-trans-50: rgba(0, 52, 81, 0.50);
  --secondary-trans-25: rgba(0, 52, 81, 0.25);
  --dark-trans-70: rgba(0, 0, 0, 0.70);
  --dark-trans-50: rgba(0, 0, 0, 0.50);
  --dark-trans-25: rgba(0, 0, 0, 0.25);
  --criterion-50: #FFFBF9;
  --criterion-100: #FCD9C5;
  --criterion-200: #FAC6A9;
  --criterion-300: #F8AD82;
  --vcriterio-400: #F79D69;
  --criterion-500: #F58444;
  --criterion-600: #DF783E;
  --criterion-700: #AE5E30;
  --criterion-800: #874925;
  --secondary-500: #3B68B1;
  --neutral-50: #F7F8F9;
  --neutral-100: #F7F8F9;
  --badge-reg: #FF4B21;
  --badge-cro: #3421FF;
  --badge-precro: #10E0B4;
  --badge-id: #2196f3;
  --badge-testing: #F58444;
  ;
}



/* 

ANCHOR OFFSET. 
======================================

*/
.anchor-offset {
  border: white solid 1px;
  display: block;
  height: 56px;
}
@media (min-width:992px) {
  .anchor-offset {
    border: white solid 1px;
    display: block;
    height: 124px;
  }
}
/* 

BORDERS
======================================

*/
.b-red {
  border: red solid 1px !important
}
.b-blue {
  border: red solid 1px !important
}
.b-orange {
  border: red solid 1px !important
}
.b-green {
  border: red solid 1px !important
}
/* 

MISC. 
======================================

*/
@media (min-width:0px) {
  .display-flex-center {
    display: block;
  }
}
@media (min-width:992px) {
  .display-flex-center {
    display: flex;
    align-items: center;
  }
}
.btn, .btn-hero, .btn-hero:hover, .btn-all, .btn-all:hover, .container-fluid, .content, .hero {
  overflow: hidden; 
}
.text-mobileRight-destkopCenter {
  text-align: left;
}
@media (min-width:992px) {
  .text-mobileRight-destkopCenter {
    text-align: center;
  }
}
/* 

VISIBILITY
======================================

*/
/*HIDDEN*/
@media (max-width:576px) {
  .hidden-md {
    display: none
  }
}
@media (max-width:992px) {
  .hidden-lg {
    display: none
  }
}
@media (max-width:1920px) {
  .hidden-xl {
    display: none
  }
}
/* 

FLEX
======================================

*/
/*DISPLAY*/
.d-inline-flex {
  display: inline-flex
}
@media (min-width:768px) {
  .d-md-flex {
    display: flex
  }
}
/*ALIGN*/
.align-items-center {
  align-items: center
}
/*JUSTIFY*/
.justify-content-center {
  justify-content: center
}
.justify-content-end {
  justify-content: flex-end
}
.justify-content-start {
  justify-content: flex-start
}
/*Text*/
@media (min-width:768px) {
  .text-md-right {
    text-align: right
  }
}
/*gap*/
.gap-8 {
  gap: 8px
}
.gap-12 {
  gap: 12px
}
.gap-16 {
  gap: 16px
}
.gap-24 {
  gap: 24px
}
.gap-32 {
  gap: 32px
}
.gap-48 {
  gap: 48px
}
.gap-64 {
  gap: 64px
}
/* 

SPACING
======================================

*/
.mb-24-0 {
  margin-bottom: 24px !important
}
.mb-48-0 {
  margin-bottom: 48px !important
}
@media (min-width:992px) {
  .mb-24-0, .mb-48-0 {
    margin-bottom: 0;
  }
}
/* 

PADDING
======================================

*/
.p-0 {
  padding: 0px !important
}
.p-4 {
  padding: 4px !important
}
.p-8 {
  padding: 8px !important
}
.p-12 {
  padding: 12px !important
}
.p-16 {
  padding: 16px !important
}
.p-24 {
  padding: 24px !important
}
.p-32 {
  padding: 32px !important
}
.p-40 {
  padding: 40px !important
}
.p-48 {
  padding: 48px !important
}
.p-56 {
  padding: 56px !important
}
.p-64 {
  padding: 64px !important
}
.p-72 {
  padding: 72px !important
}
.p-96 {
  padding: 96px !important
}
@media (max-width:567px) {
  .p-xs-0 {
    padding: 4px !important
  }
  .p-xs-4 {
    padding: 4px !important
  }
  .p-xs-8 {
    padding: 8px !important
  }
  .p-xs-12 {
    padding: 12px !important
  }
  .p-xs-16 {
    padding: 16px !important
  }
  .p-xs-24 {
    padding: 24px !important
  }
  .p-xs-32 {
    padding: 32px !important
  }
  .p-xs-40 {
    padding: 40px !important
  }
  .p-xs-48 {
    padding: 48px !important
  }
  .p-xs-56 {
    padding: 56px !important
  }
  .p-xs-64 {
    padding: 64px !important
  }
  .p-xs-72 {
    padding: 72px !important
  }
  .p-xs-96 {
    padding: 96px !important
  }
}
@media (min-width:567px) and (max-width:768px) {
  .p-sm-0 {
    padding: 4px !important
  }
  .p-sm-4 {
    padding: 4px !important
  }
  .p-sm-8 {
    padding: 8px !important
  }
  .p-sm-12 {
    padding: 12px !important
  }
  .p-sm-16 {
    padding: 16px !important
  }
  .p-sm-24 {
    padding: 24px !important
  }
  .p-sm-32 {
    padding: 32px !important
  }
  .p-sm-40 {
    padding: 40px !important
  }
  .p-sm-48 {
    padding: 48px !important
  }
  .p-sm-56 {
    padding: 56px !important
  }
  .p-sm-64 {
    padding: 64px !important
  }
  .p-sm-72 {
    padding: 72px !important
  }
  .p-sm-96 {
    padding: 96px !important
  }
}
@media (min-width:768px) and (max-width:992px) {
  .p-md-0 {
    padding: 4px !important
  }
  .p-md-4 {
    padding: 4px !important
  }
  .p-md-8 {
    padding: 8px !important
  }
  .p-md-12 {
    padding: 12px !important
  }
  .p-md-16 {
    padding: 16px !important
  }
  .p-md-24 {
    padding: 24px !important
  }
  .p-md-32 {
    padding: 32px !important
  }
  .p-md-40 {
    padding: 40px !important
  }
  .p-md-48 {
    padding: 48px !important
  }
  .p-md-56 {
    padding: 56px !important
  }
  .p-md-64 {
    padding: 64px !important
  }
  .p-md-72 {
    padding: 72px !important
  }
  .p-md-96 {
    padding: 96px !important
  }
}
@media (min-width:992px) and (max-width:1200px) {
  .p-lg-0 {
    padding: 4px !important
  }
  .p-lg-4 {
    padding: 4px !important
  }
  .p-lg-8 {
    padding: 8px !important
  }
  .p-lg-12 {
    padding: 12px !important
  }
  .p-lg-16 {
    padding: 16px !important
  }
  .p-lg-24 {
    padding: 24px !important
  }
  .p-lg-32 {
    padding: 32px !important
  }
  .p-lg-40 {
    padding: 40px !important
  }
  .p-lg-48 {
    padding: 48px !important
  }
  .p-lg-56 {
    padding: 56px !important
  }
  .p-lg-64 {
    padding: 64px !important
  }
  .p-lg-72 {
    padding: 72px !important
  }
  .p-lg-96 {
    padding: 96px !important
  }
}
@media (min-width:1200px) and (max-width: 1400px) {
  .p-xl-0 {
    padding: 4px !important
  }
  .p-xl-4 {
    padding: 4px !important
  }
  .p-xl-8 {
    padding: 8px !important
  }
  .p-xl-12 {
    padding: 12px !important
  }
  .p-xl-16 {
    padding: 16px !important
  }
  .p-xl-24 {
    padding: 24px !important
  }
  .p-xl-32 {
    padding: 32px !important
  }
  .p-xl-40 {
    padding: 40px !important
  }
  .p-xl-48 {
    padding: 48px !important
  }
  .p-xl-56 {
    padding: 56px !important
  }
  .p-xl-64 {
    padding: 64px !important
  }
  .p-xl-72 {
    padding: 72px !important
  }
  .p-xl-96 {
    padding: 96px !important
  }
}
@media (min-width:1400px) {
  .p-lg-0 {
    padding: 4px !important
  }
  .p-lg-4 {
    padding: 4px !important
  }
  .p-lg-8 {
    padding: 8px !important
  }
  .p-lg-12 {
    padding: 12px !important
  }
  .p-lg-16 {
    padding: 16px !important
  }
  .p-lg-24 {
    padding: 24px !important
  }
  .p-lg-32 {
    padding: 32px !important
  }
  .p-lg-40 {
    padding: 40px !important
  }
  .p-lg-48 {
    padding: 48px !important
  }
  .p-lg-56 {
    padding: 56px !important
  }
  .p-lg-64 {
    padding: 64px !important
  }
  .p-lg-72 {
    padding: 72px !important
  }
  .p-lg-96 {
    padding: 96px !important
  }
}
/*

Primary Blue - 2196f3
Dark Blue    - 17647F
Dark Grey - 1a1a1a 
*/
a {
  color: #2196f3;
  text-decoration: none;
}
a:focus, a:hover {
  color: #2196f3;
  text-decoration: none;
}
.page-footer p, .sp-1 h2 {
  white-space: nowrap
}
body {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  background: #fff;
  position: relative;
}
.logo img {
  filter: brightness(0) invert(1);
  filter: white;
}
.btn-all, .btn-all:hover, .btn-hero, .btn-hero:hover, .h1, .h2, .h3, .h4, .h5, .h6, .nav-local, .tag, h1, h2, h3, h4, h5, h6, header {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif
}
.logo, header {
  position: fixed
}
header {
  font-size: 85%;
  width: 100%;
  padding: 40px 0px;
  color: #fff;
  z-index: 20;
  font-weight: 200;
  /*
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
*/
}
.logo {
  left: 9%;
  top: 10px;
}
/*
.logo img {
    filter: brightness(0) invert(1)
}
*/
.breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
  margin-top: 6px
}
.nav-local {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: auto;
  margin: auto;
}
.nav-local ul {
  margin-bottom: 0;
  padding-left: 15px;
  margin-top: 5px;
}
.nav-local ul li {
  margin-right: 5px;
  padding: 0
}
.nav-local a:active, .nav-local a:focus, .nav-local a:hover, .nav-local a:link, .nav-local a:visited {
  color: #fff;
  padding: 0;
  background: 0 0;
  margin-right: 30px;
  letter-spacing: 1px;
  text-decoration: none;
  font-weight: 400
}
.dash, .open-nav i, .close-nav i {
  background: #fff;
  display: block
}
.nav-local .open-nav i, .nav-local li > a:before, .nav-local.change, .nav-local.change .logo img, .nav-local.change a:active, .nav-local.change a:focus, .nav-local.change a:hover, .nav-local.change a:link, .nav-local.change a:visited {
  color: #2196f3;
  /*
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;    
    transition-delay: .25s
*/
}
.close-nav, .open-nav {
  position: fixed;
  top: 31px;
  right: 9%;
  cursor: pointer;
  z-index: 1;
  width: 24px;
  display: block;
  transition: 0.5s ease-out;
}
@media (min-width:1330px) {
  .close-nav, .open-nav {
    top: 48px
  }
}
.line {
  position: absolute;
  top: 0;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  animation-fill-mode: forwards
}
.close-nav i, .open-nav i {
  height: 2px;
  margin-bottom: 4px
}
.close-nav i {
  background: #fff !important;
}
.close-nav i:first-child {
  transform: rotate(90deg);
  top: 6px;
  position: relative;
}
.close-nav {
  transform: rotate(45deg);
}
.dash {
  position: absolute;
  width: 4px;
  height: 30px;
  animation-duration: 1s;
  animation-name: dash;
  opacity: .2;
  z-index: 6;
}
.dash-0 {
  left: 0
}
.dash-1 {
  left: 16.66666666%
}
.dash-2 {
  left: 33.33333333%
}
.dash-3 {
  left: 49.99999999%
}
.dash-4 {
  left: 66.66666666%
}
.dash-5 {
  left: 83.33333333%
}
.dash-6 {
  left: 99.9%
}
@keyframes dash {
  0% {
    transform: translateY(5000%)
  }
  100% {
    transform: translateY(0)
  }
}
.content .dash {
  background: #999
}
.hero .content .dash {
  background: #fff
}
.line {
  width: 1px;
  height: 0%;
  background: #000;
  opacity: .075;
  transition: all 2s ease-in-out;
  display: none;
  animation-name: lines;
  animation-duration: .75s;
  animation-delay: 0s
}
.tag, .tag span, img {
  position: relative
}
.line-dark {
  opacity: .3;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}
@keyframes lines {
  0% {
    height: 0%
  }
  100% {
    height: 100%
  }
}
.line-1 {
  left: 0
}
.line-2 {
  left: 16.66666666%
}
.line-3 {
  left: 33.33333333%
}
.line-4 {
  left: 49.99999999%
}
.line-5 {
  left: 66.66666666%
}
.line-6 {
  left: 83.33333333%
}
.line-7 {
  left: 99.9%
}
.lazy-image img {
  opacity: 0
}
.content img.lazy-loaded {
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  opacity: 1;
  -webkit-animation-delay: .2s;
  transition-delay: .2s
}
.h1, .h2, .h3, .h4, .h5, .h6, .tag, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: 200
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
  display: block;
  color: inherit
}
h2, h3 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px
}
img {
  z-index: 1
}
.tag {
  margin-bottom: 10px;
  font-size: 50%;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-left: 2px
}
.tag span {
  padding: 0 10px;
  float: left
}
.tag span:after, .tag span:before {
  content: "/\00a0";
  font-size: 11px;
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 1px
}
.tag span:after {
  left: auto;
  right: -5px
}
h2 .tag span:after {
  left: auto;
  right: -3px
}
.desc, .desc2, .heading, .tag {
  display: block;
  overflow: hidden
}
.wAuto {
  max-width: none
}
.pb {
  padding-bottom: 3vw
}
.hero {
  position: relative
}
/*
.hero:before, .page-footer:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../img/hero-bg.png') center;
    display: block;
}
*/
.criterion .hero, .criterion .page-footer, .criterion header.change, .criterion footer {
  background: rgb(180, 149, 20);
  background: -moz-linear-gradient(90deg, rgba(180, 149, 20, 1) 0%, rgba(245, 132, 68, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(180, 149, 20, 1) 0%, rgba(245, 132, 68, 1) 100%);
  background: linear-gradient(90deg, rgba(180, 149, 20, 1) 0%, rgba(245, 132, 68, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b49514", endColorstr="#f58444", GradientType=1);
}
.exp-sft-dev header.change, .exp-sft-dev .hero, .exp-sft-dev footer {
  background: #fe9a00;
  background: -moz-linear-gradient(left, #fe9a00 0, #fcae3a 100%);
  background: -webkit-linear-gradient(left, #fe9a00 0, #fcae3a 100%);
  background: linear-gradient(to right, #fe9a00 0, #fcae3a 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fe9a00', endColorstr='#fcae3a', GradientType=1)
}
.exp-mec-eng header.change, .exp-mec-eng.hero, .exp-mec-eng footer {
  background: #2bb674;
  background: -moz-linear-gradient(left, #2bb674 0, #2bb694 100%);
  background: -webkit-linear-gradient(left, #2bb674 0, #2bb694 100%);
  background: linear-gradient(to right, #2bb674 0, #2bb694 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2bb674', endColorstr='#2bb694', GradientType=1)
}
.exp-ele-eng header.change, .exp-ele-eng.hero, .exp-ele-eng footer {
  background: #2196f3;
  /*
    background: -moz-linear-gradient(left, #171414 0, #221F1F  100%);
    background: -webkit-linear-gradient(left, #171414 0, #221F1F  100%);
    background: linear-gradient(to right, #171414 0, #221F1F  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171414', endColorstr='#221F1F ', GradientType=1)
*/
}
.exp-ind-des header.change, .exp-ind-des.hero, .exp-ind-des footer {
  background: #18419d;
  background: -moz-linear-gradient(left, #18419d 0, #0e55b0 100%);
  background: -webkit-linear-gradient(left, #18419d 0, #0e55b0 100%);
  background: linear-gradient(to right, #18419d 0, #0e55b0 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#18419d', endColorstr='#0e55b0', GradientType=1)
}
.wrk-redpoint .hero, .wrk-redpoint .page-footer, .wrk-redpoint header.change, .wrk-redpoint footer {
  background: #890202 !important;
  background: -moz-linear-gradient(left, #890202 0, #081a5d 100%) !important;
  background: -webkit-linear-gradient(left, #890202 0, #081a5d 100%) !important;
  background: linear-gradient(to right, #890202 0, #081a5d 100%) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#890202', endColorstr='#081a5d', GradientType=1) !important
}
.wrk-phasor .hero, .wrk-phasor .page-footer, .wrk-phasor header.change, .wrk-phasor footer {
  background: #0070d5 !important;
  background: -moz-linear-gradient(left, #0070d5 0, #08dba1 100%) !important;
  background: -webkit-linear-gradient(left, #0070d5 0, #08dba1 100%) !important;
  background: linear-gradient(to right, #0070d5 0, #08dba1 100%) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0070d5 ', endColorstr='#08dba1 ', GradientType=1) !important;
}
.wrk-vers .hero, .wrk-vers .page-footer, .wrk-vers header.change, .wrk-vers footer {
  background: #d1398f !important;
  background: -moz-linear-gradient(left, #d1398f 0, #3522a8 100%) !important;
  background: -webkit-linear-gradient(left, #d1398f 0, #3522a8 100%) !important;
  background: linear-gradient(to right, #d1398f 0, #3522a8 100%) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d1398f   ', endColorstr='#3522a8   ', GradientType=1) !important
}
.wrk-basepair .hero, .wrk-basepair .page-footer, .wrk-basepair header.change, .wrk-basepair footer {
  background: #0aa751 !important;
  background: -moz-linear-gradient(left, #0aa751 0, #1b4bb7 100%) !important;
  background: -webkit-linear-gradient(left, #0aa751 0, #1b4bb7 100%) !important;
  background: linear-gradient(to right, #0aa751 0, #1b4bb7 100%) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0aa751   ', endColorstr='#1b4bb7   ', GradientType=1) !important
}
.wrk-vis .hero, .wrk-vis .page-footer, .wrk-vis header.change, .wrk-vis footer {
  background: #1b81b1 !important;
  background: -moz-linear-gradient(left, #1b81b1 0, #560082 100%) !important;
  background: -webkit-linear-gradient(left, #1b81b1 0, #560082 100%) !important;
  background: linear-gradient(to right, #1b81b1 0, #560082 100%) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1b81b1   ', endColorstr='#560082   ', GradientType=1) !important
}
.wrk-rlfx .hero, .wrk-rlfx .page-footer, .wrk-rlfx header.change, .wrk-rlfx .master-section, .wrk-rlfx footer {
  background: #4c5eaa !important;
  background: -moz-linear-gradient(left, #4c5eaa 0, #10b6ff 100%) !important;
  background: -webkit-linear-gradient(left, #4c5eaa 0, #10b6ff 100%) !important;
  background: linear-gradient(to right, #4c5eaa, #10b6ff) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4c5eaa   ', endColorstr='#10b6ff   ', GradientType=1) !important
}
.srv-prd-dev .hero, .srv-prd-dev .page-footer, .srv-prd-dev header.change, .srv-prd-dev footer {
  background: #009688;
  background: -moz-linear-gradient(left, #009688 0, #78bf5a 100%);
  background: -webkit-linear-gradient(left, #009688 0, #78bf5a 100%);
  background: linear-gradient(to right, #009688 0, #78bf5a 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#009688   ', endColorstr='#78bf5a    ', GradientType=1)
}
/*I took srv-prd-dev .hero out*/
.srv-prd-man .hero, .srv-prd-man .page-footer, .srv-prd-man header.change, .srv-prd-man footer,
.srv-prd-man .page-footer, .srv-prd-man header.change, .srv-prd-man footer {

  background: #333399;
  background: -moz-linear-gradient(left, #333399 0, #6c5099 100%);
  background: -webkit-linear-gradient(left, #333399 0, #6c5099 100%);
  background: linear-gradient(to right, #333399 0, #6c5099 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333399   ', endColorstr='#6c5099    ', GradientType=1)

}

/*
.srv-prd-man-2 .hero,
.srv-prd-man-2 .page-footer, 
.srv-prd-man-2 header.change, 
.srv-prd-man-2 footer
{
  background: #333399;
  background: -moz-linear-gradient(left, #333399 0, #6c5099 100%);
  background: -webkit-linear-gradient(left, #333399 0, #6c5099 100%);
  background: linear-gradient(to right, #333399 0, #6c5099 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333399   ', endColorstr='#6c5099    ', GradientType=1)
}
*/

.srv-cln-reg .hero, .srv-cln-reg .page-footer, .srv-cln-reg header.change, .srv-cln-reg footer {
  background: #1c2b39;
  background: -moz-linear-gradient(left, #1c2b39 0, #00685f 100%);
  background: -webkit-linear-gradient(left, #1c2b39 0, #00685f 100%);
  background: linear-gradient(to right, #1c2b39 0, #00685f 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1c2b39   ', endColorstr='#00685f    ', GradientType=1)
}
.srv-comm .hero, .srv-comm .page-footer, .srv-comm header.change, .srv-comm footer {
  background: #a3ba4a;
  /* Old browsers */
  background: -moz-linear-gradient(left, #a3ba4a 0%, #5e9b4d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #a3ba4a 0%, #5e9b4d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #a3ba4a 0%, #5e9b4d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a3ba4a', endColorstr='#5e9b4d', GradientType=1);
  /* IE6-9 */
}
.srv-res .hero, .srv-res .page-footer, .srv-res header.change, .srv-res footer {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#144670+0,13316d+100,144670+100 */
  background: #144670;
  /* Old browsers */
  background: -moz-linear-gradient(left, #144670 0, #13316d 100%);
  background: -webkit-linear-gradient(left, #144670 0, #13316d 100%);
  background: linear-gradient(to right, #144670 0, #13316d 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#144670   ', endColorstr='#13316d    ', GradientType=1);
}
.home-page .sp-3 {
  background: #9C27B0;
  /* Old browsers */
  background: -moz-linear-gradient(left, #9C27B0 0, #F44336 100%);
  background: -webkit-linear-gradient(left, #9C27B0 0, #F44336 100%);
  background: linear-gradient(to right, #9C27B0 0, #F44336 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9C27B0    ', endColorstr='#F44336      ', GradientType=1);
}
.home-page .hero {
  background: white
}
.exp-brd .hero, .exp-brd .page-footer, .exp-brd header.change, .exp-brd footer {
  background: #f44336;
}
.sp-3 .text-center {
  max-width: 300px;
  margin: 0 auto;
  text-transform: none;
  font-size: 150%;
  line-height: 1.5em;
  font-weight: 200;
}
.clients .hero_, .clients .page-footer, .clients header.change, .clients footer_ {
  background: url(../img/blue-hero-bg.png) top center no-repeat #2196f3;
  background-size: cover;
}
.clients .hero {
  background-color: #2196f3;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.home-page header.change {
  background: #fff;
}
.wrk-phasor header.change .logo img, .wrk-basepair header.change .logo img, .wrk-redpoint header.change .logo img, .wrk-vis header.change .logo img, .wrk-vers header.change .logo img, .wrk-rlfx header.change .logo img {
  filter: brightness(0) invert(1);
}
.wrk-phasor header.change span i, .wrk-basepair header.change span i, .wrk-redpoint header.change span i, .wrk-vis header.change span i, .wrk-vers header.change span i, .wrk-rlfx header.change span i {
  background: #fff;
}
.hero:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 100%;
  width: 100%;
  /*    filter: brightness(0) invert(1);*/
  opacity: 0.1;
  /*
    transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
*/
}
.team .hero:before {
  background: url(../img/team-bg.png) bottom left no-repeat;
  background-size: contain;
}
.leadership .hero:before {
  background: url(../img/leadership-bg.png) bottom left no-repeat;
  background-size: contain;
}
.career .hero:before {
  background: url(../img/career-bg.png) bottom left no-repeat;
  background-size: contain;
}
.who-we-are .hero:before {
  background: url(../img/about-bg.png) bottom left no-repeat;
  background-size: contain;
}
.contact .hero:before {
  background: url(../img/contact-bg.png) bottom left no-repeat;
  background-size: contain;
}
.privacy .hero:before {
  background: url(../img/privacy-bg.png) bottom left no-repeat;
  background-size: contain;
}
.error-404 .hero img {
  filter: brightness(0) invert(1)
}
.error-404 {
  background: #2196f3;
}
.error-404 .mobile-nav {
  display: none;
}
.facility .hero:before {
  background: url(../img/facility-bg.png) bottom left no-repeat;
  background-size: contain;
}
.srv-prd-dev svg path, .srv-prd-dev svg rect {
  fill: rgba(000, 000, 000, 0);
  stroke: #ffbb01;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.srv-prd-dev .hero svg path, .srv-prd-dev .hero svg rect {
  fill: rgba(000, 000, 000, 0);
  stroke: #FFFFFF;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.srv-prd-dev svg path.path-0, .srv-prd-dev svg rect.path-0 {
  stroke-width: 0;
}
.srv-prd-dev svg .animation-done {
  fill: #ffbb01;
  stroke: #ffbb01;
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
}
.nav-services {
  display: none;
}
@media(min-width:1440px) {
	.srv-res .nav-services, .srv-comm .nav-services, .srv-cln-reg .nav-services, .srv-prd-man .nav-services, .srv-prd-dev .nav-services, .criterion .nav-services, .srv-order-ful .nav-services {
  display: flex;
}
}

.nav-expertise, .nav-about {
  display: none;
}
.about-us .nav-about {
  display: block;
}
.exp-brd .nav-expertise, .exp-sft-dev .nav-expertise, .exp-mec-eng .nav-expertise, .exp-ele-eng .nav-expertise, .exp-ind-des .nav-expertise {
  display: flex;
}
.large {
  font-size: 200%;
  font-weight: 200
}
.wrk-redpoint .hero .line, .wrk-redpoint .page-footer .line {
  opacity: .1
}
.bg-left, .bg-right {
  background: url(../img/img-58.png) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%
}
.bg-right {
  background: url(../img/img-59.png) center no-repeat;
  background-size: cover;
  left: auto;
  right: 0
}
.hero .video-poster {
  position: relative
}
.hero .video-close, .hero .video-close:hover {
  display: block
}
.hero-logo, .page-footer img {
  filter: brightness(0) invert(1)
}
.full-image {
  width: 100%
}
.fp-viewing-1 .id-hero {
  opacity: 1
}
.hero .line, .page-footer .line, .white-line .line {
  background: #fff;
  opacity: .2
}
header li > a:efore {
  content: "";
  width: 30px;
  height: 3px;
  position: absolute;
  bottom: 7px;
  margin-top: -2px;
  background: #fff;
  transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  opacity: 0
}
.btn span:after, .btn:before {
  content: " "
}
.buttons, .text-box {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out
}
header li.active > a:before {
  bottom: 7px;
  opacity: 1
}
header li.active:after {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  background: #fff;
  position: relative;
  bottom: -2px;
}
header.change li.active > a:before {
  background: #1a1a1a
}
#bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1
}
.text-white a:link, .text-white a:hover, .text-white a:focus, .text-white a:active, .text-white a:visited, .text-white, .text-white:hover, .text-white:focus, .text-white:active, .text-white:visited {
  color: #fff
}
#fp-nav.right {
  right: 0
}
.text-box {
  transition: all 1s ease-in-out;
  transform: translateY(-100%);
  transition-delay: .5s
}
.active.text-box {
  transform: translateY(0)
}
.highlights {
  position: absolute;
  z-index: 30;
  width: 4px;
  height: 50px;
  background: #fff
}
.btn, .btn span, .btn span:after, .buttons {
  position: relative
}
#fp-nav ul li a.active span, .btn:before, .fp-slidesNav ul li a.active span {
  background: #2196f3
}
.white-box.active div {
  transform: translateX(0);
  transition-delay: .5s
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
  height: 8px;
  width: 8px;
  margin: -4px 0 0 -4px
}
.visible-vxs {
  display: none
}
.content h3 {
  margin-bottom: 15px
}
.buttons {
  z-index: 1;
  bottom: 0;
  width: 100%;
  padding: 30px;
  opacity: 0;
  transition: all 1s ease-in-out;
  text-align: center
}
.active .buttons, .btn:before {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out
}
.active .buttons {
  transition: all 1s ease-in-out;
  transition-delay: 2s;
  opacity: 1
}
.btn {
  border-radius: 0;
  padding: 10px 30px;
  border: 1px
}
.btn span {
  z-index: 2
}
.btn span:after {
  transform: rotate(45deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 8px;
  height: 9px;
  display: inline-block;
  right: -4px;
  top: 1px
}
.btn:before, .g1, .g2, .g3 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.btn:before {
  position: absolute;
  width: 200%;
  height: 100%;
  z-index: 1;
  transform: translateX(-150%) skew(-45deg);
  transition: all 1s ease-in-out;
  transition-delay: 1s
}
.active .btn:before {
  transform: translateX(-20%) skew(-45deg);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  transition-delay: 2s
}
.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:visited {
  background: #fff;
  border: 1px;
  color: #2196f3;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out
}
.active .btn-primary {
  color: #fff;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 2s ease-in-out
}
.on.btn-primary, .on.btn-primary:active, .on.btn-primary:focus, .on.btn-primary:hover {
  background: #2196f3;
  border: 1px solid #2196f3
}
.hero {
  color: #fff;
  transition: all .0s ease;
  /*
    -o-transition: all .0s ease;
    -ms-transition: all .0s ease;
    -moz-transition: all .0s ease;
    -webkit-transition: all .0s ease;
*/
}
.hero .tag {
  color: #fff;
  font-size: 35%;
  font-weight: 400
}
.hero .content {
  position: relative;
  padding: 95px 0 30px;
  height: 100%;
}
.home-page .hero .content {
  padding: 0 0
}
.home-page .hero .content .carousel {
  padding: 100px 0 30px;
}
.content, .section {
  padding: 10vw 0
}
.hero .content h1, .hero .content p {
  margin-bottom: 5vw
}
.content {
  position: relative;
  /*
    transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease
*/
}
.img-responsive.img-center {
  margin: 0 auto
}
.container-fluid {
  position: relative
}
.g1, .g2, .g3, .sp-1 {
  position: absolute
}
.g1 {
  background: #ddd;
  transform: skewX(-15deg) translateX(-50%);
  opacity: .2
}
.g2 {
  transform: translateX(-50%);
  background: #ecf2f7
}
.g3 {
  transform: translateX(50%);
  background: #e7eff6
}
.clear-both {
  width: 100%;
  clear: both;
  padding: 24px 0
}
@media screen and (min-width:576px) {
  .clear-both {
    padding: 5% 0
  }
}
@media screen and (min-width:992px) {
  .clear-both {
    padding: 10% 0
  }
}
.sp-1 {
  left: 25%;
  top: 16%;
  padding-right: 1%
}
.bg-grey {
  background-color: #fcfcfc
}
.btn-all:after, .btn-hero:after, .pace-div {
  height: 130%;
  background: #fff;
}
.pace-div {
  position: fixed;
  width: 100%;
  z-index: 1
}
.pace-done .pace-div {
  display: none
}
.content-no-padding {
  position: absolute;
  z-index: 6;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 3.75% !important
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.image-switch {
  position: relative
}
.image-switch-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.wow {
  visibility: hidden
}
.work-info {
  margin-top: 15px;
  list-style-type: none;
  padding-left: 0;
  font-weight: 400;
  display: none;
}
.work-info em {
  font-size: 85%;
  font-style: normal;
  display: block;
  margin-right: 15px;
  font-weight: 400;
  width: 40%;
  opacity: .5
}
.work-info li {
  margin-bottom: 20px
}
.pb30px {
  padding-bottom: 30px
}
header.change {
  -webkit-box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
  box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
}
.btn-all, .btn-all:hover, .btn-all:focus, .btn-hero, .btn-hero:hover, .btn-hero:focus {
  text-decoration: none;
  color: #fff;
  border: 0px solid #fff;
  padding: 12px 20px;
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-size: 80%;
}
.btn-all span, .btn-hero span {
  display: block;
  color: #fff;
  position: relative;
  z-index: 1;
  transition: color .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
  transition: color .55s cubic-bezier(.52, .08, .18, 1), transform .55s cubic-bezier(.52, .08, .18, 1);
  transition: color .55s cubic-bezier(.52, .08, .18, 1), transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1)
}

.btn-all:after, .btn-hero:after {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  top: -10%;
  width: 150%;
  transition: -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
  transition: transform .55s cubic-bezier(.52, .08, .18, 1);
  transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateX(-101%) skewX(-17.62deg);
  transform: translateX(-101%) skewX(-17.62deg);
  backface-visibility: hidden;
}
.btn-all:after, .btn-hero:after {
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  width: 120%;
  transition: -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
  transition: transform .55s cubic-bezier(.52, .08, .18, 1);
  transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateX(-101%) skewX(-17.62deg);
  transform: translateX(-101%) skewX(-17.62deg);
  backface-visibility: hidden;
}
.page-footer .btn-hero.arrLeft span:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 7px solid #fff;
  margin-bottom: -1px;
  transition: border-color .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
  transition: border-color .55s cubic-bezier(.52, .08, .18, 1), transform .55s cubic-bezier(.52, .08, .18, 1);
  transition: border-color .55s cubic-bezier(.52, .08, .18, 1), transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
  position: relative;
  left: -15px;
}
.page-footer .btn-hero.arrRight span:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #fff;
  margin-bottom: -1px;
  transition: border-color .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
  transition: border-color .55s cubic-bezier(.52, .08, .18, 1), transform .55s cubic-bezier(.52, .08, .18, 1);
  transition: border-color .55s cubic-bezier(.52, .08, .18, 1), transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
  position: relative;
  right: -15px;
}
.btn-all, .btn-all:hover {
  background: #2196f3;
  box-shadow: 0 0 30px #f5f5f5;
}
.btn-all:focus {
  outline: none;
}
.btn-all:hover {
  color: #2196f3 !important;
}
.btn-all:hover span {
  color: #2196f3 !important;
}
.btn-all:hover:after, .btn-hero:hover:after {
  -webkit-transform: translateX(0) skewX(-17.62deg);
  transform: translateX(0) skewX(-17.62deg);
  -webkit-transform-origin: left top;
  transform-origin: left top
}
.page-footer .btn-hero {
  display: block;
  margin: 0 auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .page-footer .btn-hero {
    display: table;
  }
}
@supports (-ms-ime-align:auto) {
  .page-footer .btn-hero {
    display: block;
  }
}
.parallex .content {
  z-index: 2
}
/*
.parallex, .p1, .p2, .p3 {
    background-position: 50% left;
    background-repeat: no-repeat;
    transition: all 0s ease;
    -o-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -webkit-transition: all 0s ease;
    background-size: cover;
}

.parallex-container {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0
}
*/
.video, .video-wrapper {
  position: relative;
  width: 100%
}
.parallex .lazy-image {
  opacity: 0;
  visibility: hidden;
  padding-bottom: 50%
}
.video {
  margin-bottom: -5px;
  border: 1px solid #eee;
  z-index: 0
}
.video-wrapper {
  display: table;
  z-index: 1
}
.video-close, .pop-up-close, .video-close:hover, .pop-up-close:hover, .video-play {
  z-index: 99999999;
  text-align: center;
  border-radius: 100px;
  text-transform: uppercase;
  line-height: 1em;
  cursor: pointer;
  position: absolute
}
.video-play {
  width: 57px;
  height: 60px;
  left: 50%;
  top: 50%;
  background: #0358cb;
  padding-top: 18px;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  font-size: 12px
}
.verspineVideo {
  background: #fff;
  color: #64511c
}
.video-close, .pop-up-close, .video-close:hover, .pop-up-close:hover {
  opacity: 1;
  top: 15px;
  right: -20px;
  height: 50px;
  width: 50px;
  transform: translateX(-50%)
}
.icon-close:after, .icon-close:before, .video-close:after, .pop-up-close:after, .video-close:before, .pop-up-close:before {
  content: '';
  width: 1px;
  height: 30px;
  transform: rotate(45deg);
  background: #000;
  position: absolute;
  left: 50%;
  top: 22%
}
.icon-close:before, .video-close:before, .pop-up-close:before {
  transform: rotate(-45deg)
}
.video-wrapper-fixed, .pop-up {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 100px 5vw 0;
  background: #fff;
  height: 100%;
  display: none
}
.lazy-image {
  position: relative;
}
.lazy-image img, .video-poster {
  position: absolute
}
.lazy-image img {
  width: 100%;
}
.video-poster {
  left: 0;
  height: auto;
  top: 0;
  width: 100%
}
.hero .video-wrapper {
  display: none
}
.lazy-image-500 {
  position: relative;
  padding-bottom: 58.802%
}
.lazy-image-600 {
  position: relative;
  padding-bottom: 52.494%
}
.lazy-image-400 {
  position: relative;
  padding-bottom: 35%
}
.no-padding {
  padding: 0 !important
}
.no-margin {
  margin: 0 !important
}
.mt1vw {
  margin-top: 1.5vw
}
.mt2vw {
  margin-top: 2vw
}
.lazy-image-6x600 {
  padding-bottom: 71.265%
}
.lazy-image-8x500 {
  padding-bottom: 43.717%
}
.lazy-image-12x600 {
  padding-bottom: 34.839%
}
.lazy-image-12x400 {
  padding-bottom: 33.658%
}
.lazy-image-12x800 {
  padding-bottom: 46.451%
}
.lazy-image-4x400 {
  padding-bottom: 71.832%
}
.lazy-image-4x200 {
  padding-bottom: 44.192%;
}
.lazy-image-2x200 {
  padding-bottom: 44.192%;
}
.lazy-image-6x1200-col-2 {
  padding-bottom: 147.089%
}
.link-white a:active, .link-white a:focus, .link-white a:hover, .link-white a:link, .link-white a:visited {
  color: #fff;
  text-decoration: none
}
.page-footer p {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.page-footer .btn-hero, .page-footer .btn-hero:focus, .page-footer .btn-hero:hover {
  padding: 15px 20px;
  width: 50%;
  margin: 0px auto 0px;
  max-width: 300px;
  overflow: hidden;
}
.page-footer span.wow {
  overflow: hidden;
}
@-moz-document url-prefix() {
  .page-footer .btn-hero, .page-footer .btn-hero:focus, .page-footer .btn-hero:hover {
    width: auto;
    max-width: 340px;
  }
}
.page-footer .content {
  padding: 0 !important
}
#work-info h1, .page-footer p img {
  margin-bottom: 30px
}
#work-info h2 {
  font-size: 18px;
  margin-bottom: 5px
}
#work-info h2 small {
  font-weight: 500
}
.content ul {
  padding-left: 15px
}
.mt-35per-min {
  margin-top: -35% !important;
}
.line-opacity-50 .line {
  opacity: 0.05;
}
.page-footer .content .line {
  opacity: 0 !important;
}
.clients .page-footer .content .line {
  opacity: 0.2 !important;
}
ul {
  list-style-type: circle;
}
.no-shadow {
  box-shadow: 0 0 0 !important;
}
.svg-abs {
  position: absolute;
}
.navigation {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  /*  z-index: 20;*/ /*991*/
  overflow-x: auto;
  background: rgba(000, 000, 000, 0.5);
  transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  opacity: 0;
  z-index: -9999;
}
.navigation.on {
  opacity: 1;
  z-index: 99999999;
}
.navigation a:link, .navigation a:hover, .navigation a:active, .navigation a:focus, .navigation a:visited {
  color: #fff;
  display: block;
}
.navigation > ul {
  padding: 20px 0px 0px 0px;
  margin: 0;
  list-style: none;
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  width: 250px;
  position: fixed;
  background: #2196f3;
  right: -100%;
  top: 0;
  bottom: 0;
  box-shadow: -10px 0px 23px rgba(000, 000, 000, 0.15);
  transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.navigation.on > ul {
  right: 0%;
  transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.navigation li {
  position: relative;
  background: #2196f3;
}
.navigation li:hover {
  background: #1990ef;
}
.navigation ul > li > ul {
  margin-bottom: 15px;
  margin-left: 30px;
  position: absolute;
  left: 0%;
  background: #fff;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  top: 0;
  z-index: -99999;
  transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.navigation ul > li > span {
  display: block;
  padding: 21px 30px 22px 30px;
  background: #fafafa;
}
.navigation a span {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 27px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(45deg) translateX(-70%);
  display: none;
}
.navigation > ul > li:hover > ul {
  left: -100%;
  opacity: 1;
  z-index: -1;
}
.navigation ul > li a {
  font-size: 100%;
  padding: 12px 0px 12px 45px;
  /*    padding: 20px 0px 20px 45px;*/
  position: relative;
}
.navigation ul > li > ul > li a {
  /*    padding: 20px 0px 20px 30px;*/
  padding: 15px 0 15px 15px;
}
.navigation ul > li > ul > li a {
  border-bottom: 0px none;
}
.navigation .content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.navigation .logo img {
  filter: none;
}
.special-page {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow-x: auto;
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
  padding: 15% 0 15% 0;
  left: -25%;
  right: -25%;
  z-index: 4;
}
.speacial-section {
  position: relative;
  display: block;
  width: 50%;
  margin: 0 auto 2% auto;
}
.speacial-section > span {
  display: block;
  padding: 12%;
  margin-left: 50%;
  transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.speacial-section > span > span {
  position: absolute;
  top: 0%;
  left: -5%;
  bottom: 0;
  right: -5%;
  transform: skew(15deg);
  /*     filter:brightness(0) invert(0);*/
  transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  /*    opacity: 0.3;*/
}
.speacial-section:hover > span > span {
  filter: none;
  opacity: 1;
}
.speacial-section > span:afterr {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.2;
  transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.speacial-section:hover > span:afterr {
  opacity: 0;
}
.speacial-section h2 {
  -webkit-transform: skewX(15deg) translateY(-65%);
  transform: skewX(15deg) translateY(-65%);
  position: absolute;
  top: 50%;
  font-size: 200%;
  line-height: 1.5em;
  font-weight: 200;
  transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  z-index: 1;
  left: 0;
}
a.speacial-section:hover h2 {
  left: 30px;
}
.speacial-section h2 small {
  font-weight: 200;
  font-size: 50%;
}
.client-list img {
  margin: 3% 4%;
}
.hero:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.close-nav-full {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
footer {
  bottom: 0;
  z-index: 1;
  color: #fafafa;
  left: 0;
  right: 0;
  padding: 30px 2%;
}
.more {
  position: absolute;
  bottom: 40px;
  left: 5000000%;
  margin-left: -15px;
  width: 30px;
  height: 55px;
  border: 2px solid #000;
  z-index: 999999;
  background-size: cover;
  border-radius: 25px;
  opacity: 1;
  filter: brightness(0) invert(1);
}
.more:after {
  content: " ";
  position: absolute;
  width: 4px;
  height: 14px;
  background: #000;
  display: block;
  top: 30%;
  left: 50%;
  margin-left: -2px;
  border-radius: 100px;
  -webkit-animation: cursor 1.5s infinite ease-in-out;
  /* Safari 4.0 - 8.0 */
  animation: cursor 1.5s infinite ease-in-out;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes cursor {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cursor {
  0% {
    opacity: 1;
    margin-top: -7px;
  }
  50% {
    opacity: 1;
    margin-top: 0;
  }
  100% {
    opacity: 1;
    margin-top: -7px;
  }
}
.work-pages, .work-pages header.change {
  background: #2196f3;
}
.work-pages {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
.work-pages .content {
  background: url(../img/7957.jpg) no-repeat center;
  position: fixed;
  z-index: 3;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0%;
  margin-left: 0;
  right: 0%;
  margin-right: 0;
  background-size: cover;
}
.work-pages .more {
  filter: none;
}
.work-pages .more span {
  color: #000;
}
.vertical-page {
  position: fixed;
  width: 100%;
  height: 100%;
}
.vertical-page-container {
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url(../img/expertise-bg.jpg) bottom right;
  background-size: cover;
}
.vertical-page-container-services {
  background: url(../img/services-bg.jpg) bottom right;
  background-size: cover;
}
.verticals-container {
  height: 100%;
  /*    background: rgba(000,000,000,0.5);*/
}
.verticals {
  display: block;
  padding-bottom: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  position: relative;
  overflow: hidden;
  transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}
.verticals p {
  display: none;
}
.verticals-list {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
/*
.vertical-page-container-services .verticals{
    width: 20%;
}
*/
.vertical-page-expertise .verticals {
  width: 25%;
}
.verticals em {
  width: 100%;
  height: 160px;
  background: #fff;
  display: none;
  margin-bottom: 15px;
  max-width: 360px;
  float: right;
  opacity: 0.75;
}
.verticals span {
  display: block !important;
  position: relative;
  top: 30%;
  padding: 0px 15px 0px 0px;
  text-align: center;
  transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.verticals h2 {
  font-weight: 300;
  display: inline-block;
  margin: 0;
  padding-right: 15px;
  width: 230px;
  text-align: right;
  vertical-align: top;
  transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  line-height: 28px;
  opacity: 0.8;
}
.verticals .material-icons {
  display: inline-block;
  /*    border: 1px solid #fff;*/
  padding: 7px;
  border-radius: 30px;
  margin-top: 0px;
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.verticals:hover h2 {
  color: #ffffff;
  opacity: 1;
}
/*


.verticals:hover .material-icons {  
    background: #fff;
    color: #000;
}
.verticals:hover span{
    padding: 30px 15px 30px 0px;
}
*/
.vertical-page .more {
  display: none;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes arrow {
  from {
    opacity: 1;
    left: 0px;
  }
  to {
    opacity: 1;
    left: 20px;
  }
}
@keyframes arrow {
  from {
    opacity: 1;
    left: 0px;
  }
  to {
    opacity: 1;
    left: 20px;
  }
}
.exp-sft-dev .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin-top: 0px !important;
  z-index: 4;
}
.exp-sft-dev .owl-next {
  float: right;
}
.exp-sft-dev .owl-prev {
  float: left;
}
.exp-sft-dev .owl-dots {
  /*    display: none;*/
}
.exp-sft-dev .owl-carousel {
  position: relative;
}
.exp-sft-dev .mobile .frame, .exp-sft-dev .tablet .frame {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  /*  height: auto;*/ /*991*/
  width: 100%;
  background: url('../img/mobile-frame.png') center no-repeat;
  height: 100%;
  background-size: cover;
}
.exp-sft-dev .tablet .frame {
  background: url('../img/tablet-frame.png') center no-repeat;
  background-size: cover;
}
.exp-sft-dev .mobile-frame span {
  display: block;
  margin: 10% 5%;
}
.exp-sft-dev .owl-theme .owl-nav [class*=owl-], .exp-sft-dev .owl-theme .owl-nav [class*=owl-]:hover {
  font-size: 12px;
  padding: 7px 10px;
  border-radius: 50px;
  background: rgba(000, 000, 000, 0);
  color: #000;
  text-transform: capitalize;
}
.exp-sft-dev .owl-theme .owl-nav [class*=owl-]:hover {
  color: #fff;
}
.exp-sft-dev .owl-next, .exp-sft-dev .owl-prev {
  transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}
.exp-sft-dev .owl-next:after {
  content: " ";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(-45deg);
  vertical-align: middle;
  opacity: 0.5;
  margin-top: -2px;
}
.exp-sft-dev .owl-prev:before {
  content: " ";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  transform: rotate(-45deg);
  vertical-align: middle;
  opacity: 0.5;
  margin-top: -2px;
}
.exp-sft-dev .owl-prev:hover, .exp-sft-dev .owl-next:hover {
  background: rgba(000, 000, 000, 1) !important;
}
.exp-sft-dev .owl-prev:hover:before, .exp-sft-dev .owl-next:hover:after {
  border-color: #fff;
  opacity: 1;
}
.exp-sft-dev .mobile.owl-carousel .owl-item img {
  margin: 60% 0;
}
.exp-sft-dev .tablet.owl-carousel .owl-item img {
  margin: 22% 0;
}
.exp-sft-dev .owl-carousel .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999999;
  bottom: 3%;
}
.exp-sft-dev .tablet.owl-carousel .owl-dots {
  bottom: -10%;
}
.exp-sft-dev .tablet .owl-nav {
  top: 50%;
}
.screen-thumbs > div {
  display: block;
  margin-top: 10%;
  cursor: pointer;
}
.screen-thumb img {
  visibility: hidden !important;
}
.screen-thumbs > div img {
  box-shadow: 0 5px 10px #eee;
  border: 1px solid #eee;
}
.screen-thumbs > div img.active {
  box-shadow: 0 0 0px #fff;
  border: 1px solid #ddd;
}
.screen-thumb {
  position: relative;
}
.screen-thumb span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  z-index: 5;
  min-width: 280px;
}
.about-us-special-1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 50%;
  background: url('../img/DSC_0561.jpg') center no-repeat #f1f1f1;
  background-size: cover;
  opacity: 0.15;
}
.about-us-special-2 {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  right: 0%;
  background: url('../img/bsi-certificate-of-registration.jpg')top left no-repeat #f1f1f1;
  background-size: cover;
  opacity: 0.15;
}
.career h5 {
  font-weight: 600;
  margin-bottom: 30px;
}
.career .btn-all {
  margin-top: 30px;
  margin-bottom: 60px;
}
.career-positions .pop-up p {
  margin: 0 0 15px 0;
  max-width: none;
}
.pop-up-content {
  overflow: auto;
  height: 100%;
  padding-bottom: 15%;
  padding-right: 5%;
}
.pop-up-content h4 {
  margin: 30px 0px 15px;
  font-weight: 400;
  color: #2196f3;
}
.pop-up-content h3 {
  margin-bottom: 30px;
  color: #2196f3;
}
.pop-up-content h2 {
  margin-bottom: 30px;
  color: #ccc;
}
.contact .hero {
  background: #2196f3;
  background-size: cover;
}
.pop-up-back {
  position: absolute;
  top: 26px;
  padding: 5px 10px;
  width: 60px;
  border-radius: 50px;
  transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  left: 5%;
}
.pop-up-back i {
  font-size: 28px;
}
.pop-up-back, .pop-up-close {
  cursor: pointer;
}
.pop-up-back:hover {
  background: #000;
  color: #fff;
}
.pop-up-back:hover:before {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  opacity: 1;
}
.pop-up-back:before {
  content: " ";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  transform: rotate(-45deg);
  vertical-align: middle;
  opacity: 0.5;
  margin-top: -2px;
}
.pop-up-back small, .pop-up-close small {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 23px;
  text-transform: capitalize;
  font-size: 12px;
}
.pop-up-close small {
  margin-top: -6px;
  left: 40px;
}
.pop-up:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 80px;
  background: #f5f5f5;
  z-index: -1;
}
.line-art {
  fill="none";
  stroke="#FFFFFF";
  stroke-width="0.5";
  stroke-miterlimit="10";
}
.svg--responsive {
  width: 260px;
}
.content h5 {
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 5px;
}
.error-404 footer, .error-404 .more {
  display: none;
}
body.error-404 {
  padding-bottom: 0px;
}
.team-desc {
  margin-bottom: 45px;
}
.team-desc img {
  margin-bottom: 15px;
}
.team-info strong {
  text-transform: uppercase;
}
.faded {
  background: #000;
  opacity: 0.15;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: none;
}
.vertical-page footer {
  /*        display: none !important;*/
  background: transparent;
  position: absolute !important;
  bottom: 0;
}
.vertical-page-container-who-we-are {
  background: url(../img/DSC_0673.JPG) center #8fb6d3 no-repeat;
  background-size: cover;
}
.vertical-page-container-who-we-are .verticals h2 {
  margin-top: 5px;
}
.error-404-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  left: 0%;
  right: 0%;
}
.error-404-container p {
  max-width: 500px;
  margin: 0 auto;
  text-transform: uppercase;
}
.more span {
  position: absolute;
  white-space: nowrap;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  text-transform: capitalize;
}
.cro .hero, .our-process .hero, .privacy .hero, .who-we-are .hero, .facility .hero, .team .hero, .leadership .hero, .career .hero, header.change, footer {
  background: #2196f3;
}
.hero svg.off {
  background-image: url(../img/industrial-design-device.png);
  animation-duration: 14s, 11s, 11s;
  animation-delay: 10s, 13.5s, 13.5s;
}
.hero img.svg-image {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.svg-image-container {
  position: relative;
}
.hero svg.off path {
  opacity: 0;
  transition: all 2s ease;
  -o-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -webkit-transition: all 2s ease;
}
sup {
  text-transform: lowercase;
}
.exp-sft-dev .art-work {
  margin-left: 40vw;
  margin-top: 0vw;
  position: absolute;
  top: 0;
  right: -10vw;
  left: 0;
  bottom: 0;
}
.exp-sft-dev .art-work img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 180%;
}
.exp-sft-dev .content {
  z-index: 2;
}
.exp-ele-eng svg {
  display: block;
  position: absolute;
  left: -130%;
  right: 0;
  bottom: 20px;
  width: 300%;
  height: 50%;
  opacity: 0.25;
}
.exp-ele-eng .content {
  z-index: 3;
}
.map-container {
  display: none;
}
.home-page .logo img {
  filter: none;
}
.home-page .container-fluid {
  padding: 0;
}
.home-page .nav-local a:active, .home-page .nav-local a:focus, .home-page .nav-local a:hover, .home-page .nav-local a:link, .home-page .nav-local a:visited {
  color: #2196f3;
}
.home-page .open-nav i, .home-page .close-nav i {
  background: #2196f3;
}
.home-nav {
  opacity: 0;
  display: none;
}
@media(min-width:1330px) {
  .cro .home-nav, .our-process .home-nav, .vertical-page .home-nav, .work-pages .home-nav, .contact .home-nav, .contact .home-nav, .privacy .home-nav, .career .home-nav, .home-page .home-nav, .clients .home-nav {
    opacity: 1;
    display: flex;
  }
}
.carousel-control.left, .carousel-control.right {
  background: transparent;
  display: none;
}
.item-bg {
  position: absolute;
  top: 74px;
  left: 0;
  right: 0;
  bottom: -30px;
  background: #ddd;
  /*    transform: skewY(1.5deg);*/
  z-index: -1;
}
.item-bg-1 {
  background: #fe705e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #fe705e 0%, #fed162 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fe705e 0%, #fed162 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fe705e 0%, #fed162 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fe705e', endColorstr='#fed162', GradientType=1);
  /* IE6-9 */
}
.hero .item img {
  padding: 0 30px;
}
.carousel-hero-text {
  padding: 0 15px;
  width: 115%;
  max-width: 650px;
}
.carousel-hero-text h2 {
  font-size: 160%;
  font-weight: 600;
}
.carousel-hero-text h2 small {
  font-size: 40%;
  margin-bottom: 7px;
}
.home-page .content {
  overflow: visible;
}
.boxes p {
  max-width: 320px;
  margin: 0 auto;
}
.boxes .btn-all, .boxes .btn-all:hover {
  margin-top: 30px;
  margin-bottom: 60px;
}
.home-page header {
  background: #fff;
}
.boxes h3 {
  color: #2196f3;
}
.boxes img {
  padding-bottom: 30px;
}
header.change {
  background: #fff !important;
}
header.change .logo img {
  filter: none;
}
header.change .close-nav i, header.change .open-nav i, header.change li.active:after {
  background: #2196f3;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.sp-hover {
  position: relative;
  clear: both;
  margin: 30px 0;
}
.sp-hover .sp-hover-below {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  z-index: 2;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.smmController:hover .sp-hover .sp-hover-below {
  transform: translateY(-40%);
}
.vertical-page footer, .work-pages footer {
  position: absolute !important;
  bottom: 0;
}
.mobile-nav {
  position: absolute;
  top: 23px;
  right: 21%;
  font-size: 10px;
  font-weight: 400;
  text-align: right;
  height: 52px;
  overflow: hidden;
  transition: 0.5s ease-in-out;
}
@media (max-width:1330px) {
  .mobile-nav {
    display: block !important
  }
}
.mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-nav ul.mobile-nav-sub {
  background: #FFF;
  padding: 7px 0;
  opacity: 0;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  box-shadow: 0 10px 22px rgba(000, 000, 000, 0.2);
  display: none;
}
.mobile-nav a {
  display: block;
  padding: 13px 15px;
}
.mobile-nav-active li {
  padding: 10px 15px 10px 0px;
  margin-bottom: 18px;
}
.mobile-nav-active:after {
  content: " ";
  position: absolute;
  right: 0;
  width: 0px;
  top: 13px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
}
.mobile-nav.on {
  height: auto;
  overflow: visible;
}
.mobile-nav.on .mobile-nav-sub {
  opacity: 1;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
header.change .mobile-nav-active:after {
  border-top-color: #2196f3;
}
.wrk-redpoint header.change .mobile-nav-active:after, .wrk-phasor header.change .mobile-nav-active:after, .wrk-vers header.change .mobile-nav-active:after, .wrk-vis header.change .mobile-nav-active:after, .wrk-basepair header.change .mobile-nav-active:after {
  border-top-color: #fff;
}
.wrk-redpoint header.change .mobile-nav-active, .wrk-phasor header.change .mobile-nav-active, .wrk-vers header.change .mobile-nav-active, .wrk-vis header.change .mobile-nav-active, .wrk-basepair header.change .mobile-nav-active {
  color: #fff;
}
header.change .mobile-nav-active {
  color: #2196f3;
}
.mobile-nav-container {
  position: absolute;
}
.sp-4-left, .sp-4-right {
  /*	background: #ddd;*/
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
}
.sp-4-left {
  left: 0;
}
.sp-4-right {
  right: 0;
}
.video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
big {
  font-size: 100%;
}
.home-page header .mobile-nav-active:after {
  border-top-color: #2196f3;
}
.home-page header .mobile-nav-active {
  color: #2196f3;
}
span.wow {
  display: inline-block;
}
.svg-ie-fix {
  stroke: rgb(136, 202, 255);
  stroke-width: 1;
  fill: transparent;
}
.srv-comm .svg-ie-fix {
  stroke: rgb(255, 255, 255);
}
.no-opacity {
  opacity: 0 !important;
}
.our-process-container {
  padding: 7vw 0;
  position: relative;
}
.process-number span {
  display: inline-block;
  padding: 15px 25px;
  font-weight: bold;
  font-size: 150%;
  border: 2px solid #2196f3;
  border-radius: 100px;
  width: 65px;
  text-align: center;
  position: relative;
  margin-bottom: 5vw;
  background: #2196f3;
  color: #fff;
}
.process-title {
  margin-bottom: 30px;
}
.our-process-container:after {
  content: "";
  position: absolute;
  top: 7vw;
  bottom: 7vw;
  left: 50%;
  margin-left: -1px;
  background: #000;
}
.our-process-container .img-center {
  padding-bottom: 60px;
}
.our-process-container .img-center {
  fill: none;
}
.our-process-container .btn-all, .our-process-container .btn-all:hover, .our-process-container .btn-all:focus {
  margin-bottom: -5px;
  margin-top: 100px;
  padding: 17px 30px;
}
.our-process-path {
  position: absolute;
  width: 2px;
  top: 7vw;
  bottom: 7vw;
  left: 50%;
  margin-left: -1px;
  background: #2196f3;
  border-radius: 50px;
}
.our-process h4 {
  font-weight: 400;
  text-transform: initial;
}
.img-visualase {
  background: #000;
}
.img-visualase * {
  padding: 0 !important;
  border: 0px none !important;
  border-bottom: 0px none !important;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-bottom: 0px none !important;
}
.work-pages footer {
  z-index: 4;
  background: transparent;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-underline {
  text-decoration: underline;
}
.text-bold {
  font-weight: bold;
}
blockquote {
  font-size: 100%;
}
/*
.contact form label, .contact form label span{
    display: block;
    width: 100%;
}

.contact .ucf .field-wrapper label span, .contact .select2 {
    display: block;
    float: none;
    width: 100% !important;
}

.contact  .select2-container--default 
.select2-selection--single 
.select2-selection__arrow b{
    left: 97%;
    display: none;
}

.contact .select2-container--default .select2-selection--single{
    border-radius: 0px;
    border: solid 1px #ccc;
    height: 36px;
    line-height: 36px;
}

.contact .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 36px;
}


.contact  .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #757575;
}

*/
/*
.contact  .ucf .field-wrapper{
    margin-bottom: 15px ;
}
.contact .ucf .field-wrapper select{
    width: 100% !important;
    color: #757575 !important;
    height: 36px;
}
*/
.testimonials {
  background: #2196f3;
}
.testimonials .carousel {
  min-height: 360px;
}
blockquote {
  border-left: 0px none;
  padding: 0 0 60px 0;
}
.ucf button[type=submit].complete {
  color: #fff !important
}
.ucf button[type=submit].complete:after {
  display: none
}
.contact form big {
  display: block;
  margin-bottom: 30px;
}
.home-page .hero img {
  padding: 0 !important;
  /*    opacity: 0;*/
}
.custom-carousel .owl-theme .owl-nav .owl-next, .custom-carousel .owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  bottom: 0;
  font-size: 0;
  background: transparent;
  padding: 0% 30% 0% 6%;
  margin: 0;
}
.custom-carousel .owl-theme .owl-nav .owl-next {
  left: auto;
  right: 0;
  padding: 0% 6% 0% 30%;
}
.custom-carousel .owl-theme .owl-nav .owl-next:after, .custom-carousel .owl-theme .owl-nav .owl-prev:after {
  content: " ";
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  vertical-align: middle;
  margin-top: -2px;
  top: 50%;
  transform: translateX(-65%) translateY(-50%) rotate(-45deg);
  opacity: 0;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.custom-carousel .owl-theme .owl-nav .owl-prev:after {
  transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.custom-carousel .owl-theme .owl-nav .owl-next:before, .custom-carousel .owl-theme .owl-nav .owl-prev:before {
  content: " ";
  position: absolute;
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-top: -2px;
  top: 50%;
  background: #fff;
  border-radius: 100px;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.custom-carousel .owl-theme .owl-nav .owl-next:hover:after, .custom-carousel .owl-theme .owl-nav .owl-prev:hover:after, .custom-carousel .owl-theme .owl-nav .owl-next:hover:before, .custom-carousel .owl-theme .owl-nav .owl-prev:hover:before {
  opacity: .25;
}
.custom-carousel .owl-theme .owl-dots .owl-dot span {
  width: 30px;
  height: 3px;
  margin: 10px 7px;
}
.custom-carousel .hero {
  position: relative;
}
.custom-carousel .hero .owl-carousel {
  padding-top: 74px;
  position: relative;
}
.custom-carousel .hero .owl-stage-outer {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.custom-carousel .owl-theme .owl-dots {
  position: absolute;
  bottom: 0px;
  left: 50%;
  left: 0;
  right: 0;
}
.custom-carousel .owl-carousel .carousel-text {
  color: #333;
  text-align: center;
}
.custom-carousel .owl-theme .owl-dots .owl-dot span {
  opacity: 0.2;
  background: #fff;
}
.custom-carousel .owl-theme .owl-dots .owl-dot.active span, .custom-carousel .owl-theme .owl-dots .owl-dot:hover span {
  opacity: 1;
  background: #fff;
}
.custom-carousel .owl-theme .owl-nav {
  display: none;
}
.home-page .hero .carousel-indicators {
  bottom: 30px;
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  width: 70px;
  height: 70px;
  margin-top: -35px;
  font-size: 0;
  border-radius: 101px;
  display: inline-block;
  /* background: #ddd; */
}
.carousel-control:focus, .carousel-control:hover {
  opacity: 0.3;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 10%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  left: 10%;
}
.hero .carousel-control .glyphicon-chevron-right, .hero .carousel-control .icon-next {
  right: 4%;
}
.hero .carousel-control .glyphicon-chevron-left, .hero .carousel-control .icon-prev {
  left: 4%;
}
.home-page .hero .carousel-inner, .home-page .hero .carousel-inner .item, .home-page .hero .carousel-inner, .home-page .hero .carousel {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
}
.home-page .hero .carousel-inner .item .btn-all {
  position: relative;
  z-index: 999999999999;
}
.home-page .hero .carousel-inner .item {
  padding-top: 30vw;
}
/*.carousel-inner .item-1 h2 {
  font-size: 260%;
  font-weight: 600;
  margin-bottom: 60px;
  max-width: 1100px;
  margin: 0 auto 60px;
}*/
.carousel-control.left span:after, .carousel-control.right span:after {
  content: " ";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  vertical-align: middle;
  top: 50%;
  transform: translateX(-65%) translateY(-50%) rotate(-45deg);
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.carousel-control.left span:after {
  transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.carousel-indicators li, .carousel-indicators li.active {
  background: transparent
}
.carousel-indicators li:after {
  content: "";
  position: absolute;
  top: 50%;
  background: #fff;
  height: 1px;
  left: 0;
  right: 0;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: .4;
}
.carousel-indicators li:before {
  content: "";
  position: absolute;
  top: 50%;
  background: #fff;
  left: 0;
  width: 0%;
  height: 1px;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: none;
}
.hero .carousel-indicators li:after, .hero .carousel-indicators li.active:before {
  background: #2196f3;
}
/*@media (max-width:768px) {
  .hero .carousel-indicators li:after, .hero .carousel-indicators li.active:before {
    background: white !important
  }
}*/
.carousel-indicators li.animate:before {
  display: block;
  height: 3px;
  animation: carouselMove 15s;
  margin-top: -1px;
}
@-webkit-keyframes carouselMove {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes carouselMove {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.carousel-indicators li, .carousel-indicators li.active {
  width: 24px;
  height: 30px;
  margin: 0 5px;
  position: relative;
  border: 0px solid #fff;
  overflow: hidden;
}
.home-page .custom-carousel .carousel-inner {
  margin-bottom: 30px;
  min-height: 200px;
}
.home-page .custom-carousel img {
  margin-bottom: 30px;
}
.home-page .custom-carousel .carousel-indicators {
  bottom: auto;
}
.home-page .custom-carousel .btn-all {
  padding: 7px 10px;
  margin-top: 30px;
}
.home-page .hero .carousel h2 {
  color: #2196f3
}
.home-page .hero .carousel p {
  color: #222 !important;
  font-weight: 500 !important;
}
.home-page .hero .carousel-control .glyphicon-chevron-left, .home-page .hero .carousel-control .glyphicon-chevron-right, .home-page .hero .carousel-control .icon-next, .home-page .hero .carousel-control .icon-prev {
  background: #2196f3;
  background: transparent;
}
.home-page .hero .carousel-control.left span:after, .home-page .hero .carousel-control.right span:after {
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  transition-duration: 700ms;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.table-responsive {
  border: 0px none !important;
}
.home-page .more {
  left: -99em;
}
.btn-all:before, .btn-hero:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0px;
  bottom: 0;
  top: 0;
  border: 1px solid white
}

.btn-all:before {
  /*    border:0px solid #fff;*/
}
.home-page .hero .btn-hero:before {
  border: 0px solid #fff;
}
.btn-all:hover span, .btn-hero:hover span {
  color: #333
}

.page-footer .btn-hero.arrLeft:hover span:before {
  border-right: 7px solid #333
}
.page-footer .btn-hero.arrRight:hover span:after {
  border-left: 7px solid #333
}
.mt15-minus {
  margin-top: -15%
}
#idp-1 {
  background: url('../img/img-35.png') no-repeat fixed;
}
#idp-2 {
  background: url('../img/img-28.png') no-repeat fixed;
}
#mep-1 {
  background: url('../img/img-9.png') no-repeat fixed;
}
#mep-2 {
  background: url('../img/img-15.png') no-repeat fixed #fcfcfc;
}
#sdp-2 {
  background: url('../img/img-2.png') no-repeat fixed;
}
#ehp-1 {
  background: url('../img/img-20.jpg') no-repeat fixed;
}
#ehp-2 {
  background: url('../img/avatron-board.jpg') no-repeat fixed;
}
#csbp-1 {
  background: url('../img/img-74.jpg') no-repeat fixed;
}
#cspp-1 {
  background: url('../img/img-68.jpg') no-repeat fixed;
}
#csrp-1 {
  background: url('../img/img-2.png') no-repeat fixed;
}
#csrb-1 {
  background: url('../img/WomanSleep-3.png') no-repeat fixed right;
  background-size: cover;
}
#csrb-2 {
  background: url('../img/cushion_tray.png') no-repeat fixed;
}
#csrb-3 {
  background: url('../img/rbb_package_1.png') no-repeat fixed right;
}
.parallex {
  background-attachment: fixed;
  min-height: 260px;
  background-repeat: no-repeat;
}
.home-page .item p, .home-page .item h2 {
  padding-left: 60px;
}
.list-style-none {
  list-style-type: none;
  padding-left: 0 !important;
}
/************************************************************************************************/
@media (max-width:600px) {
  .btn-all:after, .btn-hero:after {
    width: 135%;
  }
  .srv-prd-man .hero svg {
    margin-top: -40px;
  }
  .home-page .item p, .home-page .item h2 {
    padding-left: 0px;
  }
  #idp-1 {
    background: url('../img/img-35.png') no-repeat;
    background-attachment: inherit;
    background-size: contain;
  }
  #idp-2 {
    background: url('../img/img-28.png') no-repeat;
    background-attachment: inherit;
    background-size: contain;
  }
  #mep-1 {
    background: url('../img/img-9.png') no-repeat;
    background-attachment: inherit;
    background-size: contain;
  }
  #mep-2 {
    background: url('../img/img-15.png') no-repeat #fcfcfc;
    background-attachment: inherit;
    background-size: contain;
  }
  #sdp-2 {
    background: url('../img/img-2.png') no-repeat;
    background-attachment: inherit;
    background-size: contain;
  }
  #ehp-1 {
    background: url('../img/img-20.jpg') no-repeat;
    background-attachment: inherit;
    background-size: contain;
  }
  #ehp-2 {
    background: url('../img/avatron-board.jpg') no-repeat;
    background-attachment: inherit;
    background-size: contain;
  }
  #csbp-1 {
    background: url('../img/img-74.jpg') no-repeat;
    background-attachment: inherit;
    background-size: contain;
  }
  #cspp-1 {
    background: url('../img/img-68.jpg') no-repeat;
    background-attachment: inherit;
    background-size: contain;
  }
  #csrp-1 {
    background: url(../img/img-2.png) no-repeat;
    background-attachment: inherit;
    background-size: contain;
  }
  .table-responsive {
    border: 0px none !important;
    font-size: 75%;
  }
  .page-footer .btn-hero.arrLeft span:before {
    left: 0px;
  }
  .page-footer .btn-hero.arrRight span:after {
    right: 0px;
  }
  .home-page .hero .carousel .item:after {
    content: '';
    background: #fff;
    /*		position: absolute;*/
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    z-index: -1;
  }
  .carousel-inner .item h2 {
    font-weight: 500;
  }
  .custom-carousel .owl-theme .owl-dots .owl-dot span {
    width: 30px;
  }
  .navigation > ul {
    overflow: hidden;
  }
  footer {
    padding: 30px 2% 0;
  }
  .page-footer .btn-hero.arrRight:hover span:after {
    /* border-left: 7px solid #fff; */
  }
  .page-footer .btn-hero.arrLeft:hover span:before {
    /* border-right: 7px solid #fff; */
  }
  .srv-comm .page-footer .btn-hero span, .srv-res .page-footer .btn-hero span, .srv-prd-dev .page-footer .btn-hero span, .srv-prd-man .page-footer .btn-hero span, .srv-cln-reg .page-footer .btn-hero span, .criterion .page-footer .btn-hero span, .srv-prd-man-2 .page-footer .btn-hero span {
    font-size: 0;
  }
  /*
	.btn-all:after,
	.btn-hero:after {
		opacity: 0;
	}
	.btn-all:hover span,
	.btn-hero:hover span {
		color: #fff !important;
	}
*/
  .page-footer .btn-hero, .page-footer .btn-hero:hover, .page-footer .btn-hero:focus {
    display: inline-block;
    margin: 0 15px;
    width: auto;
  }
  .hero, .hero .content {
    min-height: 580px;
  }
  .mt-35per-min {
    margin-top: -10% !important;
  }
  .exp-sft-dev .mobile .frame {
    background: none;
  }
  .exp-sft-dev .tablet .frame {
    background: none;
  }
  .exp-sft-dev .mobile.owl-carousel .owl-item img, .exp-sft-dev .tablet.owl-carousel .owl-item img {
    margin: 5% 0;
  }
  .exp-sft-dev .tablet .owl-nav {
    top: 50%;
  }
  .exp-sft-dev.mobile .owl-carousel .owl-dots {
    bottom: -5%;
  }
  .exp-sft-dev .owl-theme .owl-nav [class*=owl-], .exp-sft-dev .owl-theme .owl-nav [class*=owl-]:hover {
    background: rgba(000, 000, 000, 0.15);
  }
  .our-process-container .img-center {
    margin: 0 auto;
  }
  .work-pages footer, .vertical-page footer {
    display: none;
  }
  .lazy-image img {
    opacity: 1;
  }
  .exp-ele-eng svg {
    opacity: 1;
  }
}
@media only screen and (max-width : 767px) {
  .animated {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}
@media (max-height:600px) {
  .more {
    display: none;
  }
}
/************************************************************************************************/
@media (max-width:500px) {
  .hero .content h1, .hero .content p {
    margin-bottom: 3vw;
  }
  .page-footer .btn-hero.arrLeft:hover span:before {
    /* border-right: 7px solid #fff */
  }
  .page-footer .btn-hero.arrRight:hover span:after {
    /* border-left: 7px solid #fff */
  }
  .page-footer p {
    top: 35%;
  }
  .logo img {}
  body div.hero:before {
    background-size: cover;
  }
  footer .text-right {
    text-align: center !important;
  }
  .carousel-hero-text {
    padding: 0 15px;
    width: 100%;
  }
  .hero .btn-all, .hero .btn-hero {
    display: inline-block !important;
    /* padding: 5px 8px; */
    position: relative;
    z-index: 1;
  }
  body.contact .hero .btn-hero, body.home-page .hero .btn-all {
    display: inline-block;
  }
  .more {
    left: -9999999999%;
  }
  .pop-up-back small, .pop-up-close small {
    display: none;
  }
  .career-positions p {
    margin: 0;
  }
  .screen-thumb {
    margin-left: -15px;
    margin-right: -15px;
  }
  .screen-thumb img.img-center {
    visibility: hidden !important;
  }
  .verticals span {
    padding: 0;
  }
  .special-page {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    padding-top: 30%;
  }
  .speacial-section h2 {
    -webkit-transform: skewX(0deg) translateY(0%);
    transform: skewX(0deg) translateY(0%);
    margin: 0;
    position: relative;
    line-height: normal;
  }
  .speacial-section {
    width: 60%;
    margin-top: 5%;
  }
  .speacial-section > span {
    margin-left: 0;
    padding: 20%;
    margin-top: 15px;
  }
  .speacial-section > span > span {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  .navigation ul > li:hover > ul {
    left: 0%;
    opacity: 0;
    z-index: -5;
  }
  footer {
    text-align: center;
  }
  footer .pull-right {
    float: none !important;
  }
  .client-list img {
    margin: 5% 4%;
    max-width: 200px;
  }
  .img-responsive.img-center {
    margin: 0;
  }
  .boxes .img-responsive.img-center {
    margin: 0 auto;
  }
  .dash, .hidden-vxs {
    display: none !important;
  }
  .parallex .lazy-image {
    padding-bottom: 100%
  }
  h1 {
    font-size: 28px
  }
  .visible-vxs {
    display: block
  }
  .col-vxs-12 {
    width: 100%;
    margin: 0;
    padding: 0 15px
  }
  h2 {
    margin-top: 15px
  }
  .srv-comm .hero h1 {
    font-size: 24px;
  }
  .our-process-container .img-center {
    margin: 0 auto;
  }
}
/************************************************************************************************/
@media (min-width:768px) {
  .carousel-indicators li:after {
    width: 60px;
  }
  @-webkit-keyframes carouselMove {
    from {
      width: 0px;
    }
    to {
      width: 60px;
    }
  }
  @keyframes carouselMove {
    from {
      width: 0px;
    }
    to {
      width: 60px;
    }
  }
  .parallex-container {
    display: none;
  }
  .carousel-indicators li, .carousel-indicators li.active {
    margin: 0 10px;
    width: 60px;
    background: transparent;
  }
  .custom-carousel .owl-theme .owl-nav {
    display: block;
  }
  /*
    .carousel-indicators .active, .carousel-indicators li {
        width: 60px;
    }
*/
  .home-page .hero .carousel-inner .item {
    padding-top: 20vw;
  }
  .home-page .hero .owl-carousel {
    padding-top: 74px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .custom-carousel .owl-theme .owl-dots .owl-dot span {
    width: 60px;
  }
  .sp-3 .text-center {
    font-size: 250%;
    max-width: 600px;
  }
  .boxes p {
    min-height: 150px;
  }
  .home-page .hero .carousel {
    margin: 0 -4%;
    height: 100%;
  }
  .home-page .hero .carousel-indicators {
    bottom: 40px;
  }
  .testimonials .carousel-indicators {
    bottom: 0px;
  }
  .carousel-control.left, .carousel-control.right {
    display: block;
  }
  .btn-all, .btn-all:focus, .btn-all:hover, .btn-hero, .btn-hero:focus, .btn-hero:hover {
    padding: 12px 20px;
    font-size: 100%;
    border: 0px;
  }
  .more {
    left: 50%;
  }
  .ucf {
    padding: 0 5vw;
    max-width: 600px;
    margin: 0 auto;
  }
  .srv-comm .hero h1 {
    font-size: 28px;
  }
  .exp-ele-eng svg {
    left: -128%;
  }
  .screen-thumb img {
    visibility: inherit !important;
  }
  .exp-sft-dev .art-work {
    bottom: 70px;
  }
  .verticals h2 {
    width: 300px;
    padding-right: 30px;
  }
  .verticals:hover span {
    padding-right: 0px;
  }
  .verticals span {
    padding: 0px 45px 0px 0px
  }
  .speacial-section {
    width: 45%;
  }
  footer {
    text-align: inherit;
  }
  .page-footer .btn-hero span {
    font-size: inherit
  }
  .page-footer .btn-hero.arrRight span:after {
    margin-left: 15px;
  }
  .page-footer .btn-hero.arrRight {
    float: right;
  }
  .page-footer .btn-hero.arrLeft {
    float: left;
  }
  .page-footer .btn-hero.arrLeft span:before {
    margin-right: 12px;
  }
  .page-footer .btn-hero, .page-footer .btn-hero:hover, .page-footer .btn-hero:focus {
    width: auto;
  }
  .page-footer .btn-hero.arrRight span:after {
    right: 0;
  }
  .page-footer .btn-hero.arrLeft span:before {
    left: 0;
  }
  .navigation ul > li > ul > li a {
    padding: 15px 0px 15px 30px;
  }
  .navigation a span {
    display: none;
  }
  .navigation > ul {
    padding: 90px 0px 0px 0px;
    width: 300px;
  }
  .navigation ul > li a {
    font-size: 100%;
    padding: 15px 0px 15px 45px;
  }
  .text-right-not-xs, .work-info {
    text-align: right
  }
  .text-right-not-xs .tag span {
    float: right;
  }
  .cover-grid, .line {
    display: block
  }
  .large {
    font-size: 260%
  }
  #work-info h2 {
    margin-top: 15px
  }
  #work-info h1 {
    margin-bottom: 0
  }
  .lazy-image-6x1200 {
    padding-bottom: 142.53%
  }
  .video-close, .pop-up-close, .video-close:hover, .pop-up-close:hover {
    right: 15px
  }
  .video-play {
    width: 80px;
    height: 80px;
    padding-top: 25px;
    font-size: 14px
  }
  .hero .content h1, .hero .content p {
    margin-bottom: 4vw
  }
  .work-info em {
    width: 100%
  }
  .hero .content {
    padding: 20vw 0 0vw
  }
  .home-page .hero .content {
    padding: 0 0 0vw
  }
  .home-page .hero .content .carousel {
    padding: 20vw 0 0vw
  }
  .sp-2 {
    padding-top: 50%
  }
  .mt15 {
    margin-top: 15%
  }
  .mb15 {
    margin-bottom: 15%
  }
  .card {
    padding: 7vw 5vw;
    box-shadow: 0 0 15px #ddd;
    margin-left: 1vw;
    margin-right: 1vw;
    overflow: hidden;
    position: relative;
    z-index: 5;
    background: #fff;
  }
  .card-blue {
    color: #fff;
    background: #18419d;
    background: -moz-linear-gradient(left, #18419d 0, #0e55b0 100%);
    background: -webkit-linear-gradient(left, #18419d 0, #0e55b0 100%);
    background: linear-gradient(to right, #18419d 0, #0e55b0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#18419d', endColorstr='#0e55b0', GradientType=1)
  }
  .pull-right-xs {
    float: right
  }
  .pt15 {
    padding-top: 15%
  }
  .pb15 {
    padding-bottom: 15%
  }
  .content {
    margin: 0 3%
  }
  h2, h3 {
    font-size: 24px
  }
  .logo {
    left: 7%
  }
  .close-nav, .open-nav {
    right: 7%
  }
  #fp-nav.right {
    right: 17px
  }
  .hero h2 {
    font-size: 220%
  }
  .hero h3 {
    font-size: 420%;
    margin-left: -6px
  }
  .svg-img {
    margin-top: 0
  }
  .clear-both {
    padding: 3% 0
  }
}
.home-page .hero .carousel-inner .item {
  padding-top: 70vw;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
@media (min-width:992px) {
  .home-page .hero .carousel-inner .item {
    padding-top: 40vw;
    background-size: cover;
    background-position: center;
  }
}
.home-page .hero .carousel-indicators {
  bottom: 15px;
}
.carousel-inner .item-1 {
  background: url(../img/index/slider/default/slider-1a-sm.jpg)
}
.carousel-inner .item-2 {
  background: url(../img/index/slider/default/slider-2-sm.jpg);
  background-position: top;
}
.carousel-inner .item-3 {
  background: url('../img/index/slider/default/slider-3-sm.jpg')
}
.carousel-inner .item-4 {
  background: url('../img/index/slider/default/slider-4-sm.jpg')
}
.carousel-inner .item-5 {
  background: url(../img/index/slider/default/slider-5-sm.jpg)
}
.carousel-inner .item-6 {
  background: url(../img/index/slider/default/slider-6-sm.jpg)
}
.carousel-inner .item-7 {
  background: url('https://cdn.studio.swiperjs.com/soviet-tarsier-139/97bc0513c356aa7cb3a7.jpg')
}
.carousel-inner .item-8 {
  background: url('https://cdn.studio.swiperjs.com/soviet-tarsier-139/10b510012829597d31f1.jpg')
}
.carousel-inner .item-9 {
  background: url('https://cdn.studio.swiperjs.com/soviet-tarsier-139/fff761a978a45b58d16a.jpg')
}
.carousel-inner .item-10 {
  background: url('https://cdn.studio.swiperjs.com/soviet-tarsier-139/521324716d492fbfd675.jpg')
}
.carousel-inner .item-11 {
  background: url('https://cdn.studio.swiperjs.com/soviet-tarsier-139/f2b60699ee20428e9fc8.jpg')
}
/*LARGE IMAGE*/
.carousel-inner .item-1 {
  background: url('../img/index/slider/default/slider-1a-lg.jpg');
}
.carousel-inner .item-2 {
  background: url('../img/index/slider/default/slider-2-lg.jpg');
  background-position: top -25px;
}
.carousel-inner .item-3 {
  background: url('../img/index/slider/default/slider-3-lg.jpg');
  background-position: bottom
}
.carousel-inner .item-4 {
  background: url('../img/index/slider/default/slider-4-lg.jpg');
  background-position: top
}
.carousel-inner .item-5 {
  background: url('../img/index/slider/default/slider-5-lg.jpg');
  background-position: bottom
}
.carousel-inner .item-6 {
  background: url('../img/index/slider/default/slider-6-lg.jpg');
  background-position: center
}
.carousel-inner .item-7 {
  background: url('https://cdn.studio.swiperjs.com/soviet-tarsier-139/97bc0513c356aa7cb3a7.jpg')
}
.carousel-inner .item-8 {
  background: url('https://cdn.studio.swiperjs.com/soviet-tarsier-139/10b510012829597d31f1.jpg')
}
.carousel-inner .item-9 {
  background: url('https://cdn.studio.swiperjs.com/soviet-tarsier-139/fff761a978a45b58d16a.jpg')
}
.carousel-inner .item-10 {
  background: url('https://cdn.studio.swiperjs.com/soviet-tarsier-139/521324716d492fbfd675.jpg')
}
.carousel-inner .item-11 {
  background: url('https://cdn.studio.swiperjs.com/soviet-tarsier-139/f2b60699ee20428e9fc8.jpg')
}
@media (max-width:600px) {
  .home-page .hero .carousel-inner .item {
    padding-top: 70vw;
  }
  .home-page .hero .carousel-indicators {
    bottom: 5px;
  }
}
/************************************************************************************************/
@media (min-width:992px) {
  .btn-all:after, .btn-hero:after {
    display: block;
  }
  .mobile-nav {
    display: none;
  }
  .ucf {
    padding: 0 5vw;
    max-width: 600px;
    margin: 0 auto;
  }
  .map-container {
    position: absolute;
    top: 14%;
    left: 10%;
    bottom: 18%;
    width: 40%;
    box-shadow: 0 0 30px #ddd;
  }
  .map-container iframe {
    height: 100%;
  }
  .exp-ele-eng svg {
    display: block;
    position: absolute;
    left: 0%;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .exp-sft-dev .art-work {
    bottom: 0px;
  }
  .hero, .hero .content {
    min-height: 700px;
  }
  .exp-sft-dev .art-work {
    right: -25vw;
  }
  .exp-sft-dev .art-work img {
    width: 130%;
  }
  .svg-image-container {
    margin-top: 100px;
  }
  .exp-mec-eng.hero p.desc, .exp-ind-des.hero p.desc {
    width: 130%
  }
  .team-desc {
    margin-bottom: 0;
  }
  .team-desc img {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .team-desc p {
    margin: -15px;
  }
  .tlg, .trg, .brg, .blg {
    position: absolute;
    border: 3px solid #2196f3;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 1;
  }
  .brg {
    right: 0;
    bottom: 0;
    border-left: 0 none;
    border-top: 0 none;
  }
  .trg {
    right: 0;
    top: 0;
    border-left: 0 none;
    border-bottom: 0 none;
  }
  .blg {
    left: 0;
    bottom: 0;
    border-right: 0 none;
    border-top: 0 none;
  }
  .tlg {
    left: 0;
    top: 0;
    border-right: 0 none;
    border-bottom: 0 none;
  }
  .team-desc .team-info span {
    font-size: 110%;
    display: block;
    position: relative;
    top: 10%;
    transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
  }
  .team-desc .team-info {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #2196f3;
    z-index: 1;
    opacity: 0;
    margin: 0;
    padding: 30px 0px 30px 30px;
    color: #fff;
    transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
  }
  .team-info:hover {
    opacity: 0.85;
  }
  .team-info:hover span {
    display: block;
    position: relative;
    top: 0%;
  }
  .hero:before {
    width: 50%;
  }
  .pop-up-content {
    padding-right: 10%
  }
  .career-positions p {
    margin: 0%;
    min-height: 80px;
  }
  .exp-sft-dev .tablet .owl-next {
    float: right;
    margin-right: 15% !important;
  }
  .exp-sft-dev .tablet .owl-prev {
    float: left;
    margin-left: 15% !important;
  }
  .exp-sft-dev .owl-next {
    float: right;
    margin-right: 10% !important;
  }
  .exp-sft-dev .owl-prev {
    float: left;
    margin-left: 10% !important;
  }
  .verticals {
    padding-bottom: 45px;
  }
  .verticals:hover i {
    background: #fff;
    color: #000;
  }
  .speacial-section > span {
    margin-left: 40%;
  }
  .speacial-section {
    width: 45%;
  }
  .special-page {
    padding: 10% 0 15% 0;
  }
  .speacial-section h2 {
    font-size: 260%;
    left: -5%;
  }
  .navigation {
    background-position: 75% 100%;
  }
  .nav-local ul li {
    margin-right: 5px;
  }
  .nav-local {
    font-size: 100%;
  }
  #work-info h2 {
    font-size: 20px
  }
  .card {
    box-shadow: 0 0 25px #ddd
  }
  .video-play {
    width: 120px;
    height: 120px;
    padding-top: 29px;
    font-size: 16px;
    border: 15px solid #0358cb
  }
  .verspineVideo {
    border: 15px solid #fff;
    background: #fff;
    color: #64511c
  }
  .video-wrapper-fixed, .pop-up {
    padding: 10vw 5vw 0
  }
  .hero .content h1 {
    padding-top: 2.5vw
  }
  .hero .content {
    padding: 15vw 0 0;
  }
  .home-page .hero .content {
    padding: 0 0 0vw
  }
  .home-page .hero .content .carousel {
    padding: 13vw 0 0vw
  }
  .sp-1 {
    position: absolute;
    left: 36%;
    top: 12%;
    padding-right: 10%
  }
  .logo {
    left: 6%
  }
  .close-nav, .open-nav {
    right: 6%
  }
  header a:active, header a:focus, header a:hover, header a:link, header a:visited {
    margin-right: 20px
  }
  h2 {
    margin-bottom: 15px
  }
  .svg-img {
    margin-top: -50px
  }
  .blue-box {
    padding: 15%
  }
  .hero h3 {
    font-size: 580%;
    margin-left: -6px
  }
}
/************************************************************************************************/
@media (min-width:1200px) {
  .home-page .item p, .home-page .item h2 {
    max-width: 580px;
  }
  .home-page .hero .carousel-inner .item {
    padding-top: 15vw;
  }
  .our-process-container h2 {
    margin-top: 17px;
  }
  .home-page .hero .content .carousel {
    padding: 18vw 0 0vw;
  }
  .exp-sft-dev .art-work {
    right: -15vw;
    margin-left: 25vw;
  }
  .exp-sft-dev .art-work img {
    width: 100%;
  }
  .pop-up-content {
    padding-right: 25%
  }
  .verticals-list-services .verticals {
    width: 15.975%;
  }
  .verticals h2 {
    width: auto;
    padding-right: 0;
    display: block;
    margin-bottom: 20px;
    font-size: 160%;
  }
  .verticals span {
    text-align: right;
  }
  .verticals:hover span {
    padding-right: 15px;
  }
  .verticals {
    display: table-column;
    height: 100%;
    width: 25%;
    float: left;
    text-align: right;
  }
  .verticals-list {
    height: 100%;
  }
  .verticals span {
    padding: 30px 45px 30px 0px;
  }
  .video-close, .video-close:hover {
    right: 15%
  }
  .pop-up-close, .pop-up-close:hover {
    right: 5%
  }
  .video-wrapper-fixed {
    padding: 5vw 20vw 0
  }
  .pop-up {
    padding: 100px 20vw 0
  }
  .pt15-lg {
    padding-top: 15%
  }
  .sp-1 {
    left: 31%;
    padding-right: 15%;
    padding-left: 0px
  }
  .logo {
    left: 5%
  }
  .close-nav, .open-nav {
    right: 5%
  }
  .svg-img {
    margin-top: -100px
  }
  .blue-box {
    padding: 20%
  }
  .content {
    padding: 7vw 0;
  }
  .hero .content {
    padding: 9vw 0 0;
  }
  .hero .content h1, .hero .content p {
    margin-bottom: 2vw
  }
  .speacial-section > span {
    margin-left: 35%;
  }
  .speacial-section h2 {
    left: 0;
  }
  .speacial-section {
    width: 35%;
    margin-bottom: 1.5%;
  }
  .special-page {
    padding: 9% 0 10% 0;
  }
  .speacial-section > span {
    padding: 10%;
  }
  .career-positions p {
    max-width: 300px;
    margin: 0 auto;
    min-height: 100px;
  }
  .career .btn-all {
    margin-bottom: 30px;
  }
}
.career-positions p {
  min-height: 100px;
}
/*********************************************************item***************************************/
@media (min-width:1400px) {
  .nav-local ul li {
    margin-right: 8px;
  }
  .home-page .hero .carousel-inner .item {
    padding-top: 14vw;
  }
  .home-page .hero .content .carousel {
    padding: 13vw 0 0vw;
  }
  .card-blue {
    width: 61%
  }
}
/* 

SLIDER
======================================

*/
@media (max-width:768px) {
  .item-1, .item-criterion {
    padding-top: 124px !important;
  }
}
.copy-flex .top {
  transiton: 0.5s all;
}
.copy-flex .top .brand-logo {
  margin-bottom: 8.33%
}
.copy-flex h2 {
  margin-top: 64px;
}
.copy-flex {
  display: flex;
  flex-direction: column;
  gap: 0px;
  margin-left: 0px
}
@media (min-width:769px) {
  .copy-flex {
    margin-left: 60px
  }
}
.copy-flex .top {
  margin-bottom: 24px;
}
.copy-flex .brand-logo {
  width: 364px;
  height: auto;
  display: block;
  margin-bottom: 2rem
}
@media (min-width:769px) {
  .copy-flex .brand-logo {
    display: block
  }
}
.copy-flex .overline-container {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  height: 24px;
}
@media (min-width:769px) {
  .copy-flex .overline-container {
    display: flex
  }
}
.copy-flex .overline-container .horz-line {
  display: block;
  background-color: var(--criterion-500);
  height: 2px;
  width: 100%;
}
.copy-flex .overline-container .overline {
  margin-top: 10px;
  width: 100%;
  align-self: center;
  font-size: 18px;
  line-height: 100%;
  height: 100%;
  display: flex;
  color: var(--criterion-500);
}
@media (min-width:769px) {
  .copy-flex .overline-container .overline {
    font-size: 24px;
  }
}
.copy-flex .title, .copy-flex p {
  padding-left: 0 !important
}
.copy-flex .title {
  color: var(--criterion-500) !important
}
.criterion.btn-all {
  background: var(--criterion-500)
}
.criterion.btn-all:hover span {
  color: var(--criterion-500) !important
}
/* 

CLIENT LOGOS
======================================

*/
.client-items {
  display: flex;
  flex-direction: column;
  max-width: 1920px;
  margin: auto;
  align-items: center;
  margin-bottom: 24px;
  padding: 0;
}
@media(min-width:768px) {
  .client-items {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2%
  }
}
@media(min-width:992px) {
  .client-items {
    margin-bottom: 3%
  }
}
@media(min-width:1500px) {
  .client-items {
    margin-bottom: 4%
  }
}
.flex-pair {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  align-items: center;
}
@media(min-width:768px) {
  .flex-pair {
    flex-direction: row;
    justify-content: space-around;
    order: 1;
    width: 100%
  }
}
.client-items img {
  margin: 0;
  padding: 0
}
.client-items.logos-horz img {
  height: 32px;
  transition: all 0.5s
}
@media(min-width:1500px) {
  .client-items.logos-horz img {
    height: 50px
  }
}
.client-items.logos-stacked img {
  height: 50px;
  transition: all 0.5s
}
.h-smaller img {
  height: 24px !important
}
@media(min-width:1500px) {
  .h-smaller img {
    height: 40px !important
  }
}
@media(min-width:1500px) {
  .client-items.logos-stacked img {
    height: 80px
  }
}

/* 

GOOGLE MAP
======================================

*/


.mapouter {
  position: relative;
  text-align: right;
  width: 100%;
  height: 250px;
}
.gmap_canvas {
  overflow: hidden;
  background: none !important;
  width: 100%;
  height: 250px;
}
.gmap_iframe {
  height: 250px !important;
}
@media(min-width:992px) {
  .mapouter {
    height: 500px;
  }
  .gmap_canvas {
    height: 500px;
  }
  .gmap_iframe {
    height: 500px !important;
  }
}