body,html {
  font-size: 15px;
  color: #565656;
  width: 100%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: robotolight;
  font-weight: 300;
}

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}

a,a:active,a:focus,a:hover {
  text-decoration: none;
  outline: 0;
}

a,a span,button {
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.btn.extra-width {
  padding: 13px 40px;
}

.btn:active,.btn:focus {
  outline: inherit;
}

*,:after,:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

p {
  margin: 0 0 15px;
}

.width10 {
  width: 10%;
}

.width15 {
  width: 15%;
}

.width50 {
  width: 50%;
}

.width60 {
  width: 60%;
}

.flexDiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

.clear {
  clear: both;
}

ul {
  list-style: none;
  padding: 0;
}

img {
  max-width: 100%;
}

.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
  outline: 0;
}

.form-control {
  border: 1px solid rgba(0,0,0,.08);
  font-size: 16px;
  height: 45px;
}

.form-control:focus {
  border: 2px solid #000;
  box-shadow: 0;
}

.text-center {
  text-align: center!important;
}

* {
  font-family: Oswald,sans-serif;
}

h1,h2,h3 {
  font-weight: 300;
  margin: 0;
}

h4,h5 {
  font-weight: 300;
  margin: 0;
  line-height: 2rem;
}

h1 {
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 300;
}

h2 {
  font-size: 2.5rem;
  line-height: 3rem;
  margin-bottom: .9rem;
  text-transform: capitalize;
}

h3 {
  font-weight: 300;
  margin-bottom: .9rem;
  font-size: 2.1rem;
  line-height: 2.5rem;
}

h4 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin-bottom: 1.1rem;
}

h5 {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

h6 {
  font-size: 1rem;
  margin-bottom: .9rem;
}

p {
  line-height: 1.5rem;
  font-size: 1.1rem;
}

p:last-child {
  margin-bottom: 0;
}

.col-xs-20 {
  width: 20%;
  float: left;
}

.col-sm-20 {
  width: 20%;
  float: left;
}

.col-md-20 {
  width: 20%;
  float: left;
}

.col-lg-20 {
  width: 20%;
  float: left;
}

.home-wrap h2,.home-wrap h3,.home-wrap h4,.home-wrap h5,.home-wrap p {
  color: #fff;
}

body::-webkit-scrollbar {
  width: 5px;
  background-color: #4ecdc4;
}

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

.text {
  color: #333;
}

.colorstext {
  color: #f56363;
}

.coloricon i {
  color: #f56363;
}

.colorsbg {
  background: #f56363;
  color: #fff;
}

.lightbg {
  background-color: #f9f9f9;
}

.font28 {
  font-size: 26px!important;
}

.transition {
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  -ms-transition: all .3s linear;
  transition: all .3s linear;
}

.knowmore-button {
  order: 1px solid #9e9e9e;
  padding: 0 20px!important;
  background: -webkit-linear-gradient(to right,#9e9e9e,#000);
  background: linear-gradient(to right,#9e9e9e,#000);
  border-radius: 10px;
  margin: 15px 10px;
  line-height: 35px!important;
  color: #fff!important;
  display: block!important;
  width: 200px;
  text-align: center;
}

.sections {
  padding-top: 5%;
  padding-bottom: 5%;
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
}

.sections2 {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.whoWeAreSection {
  float: left;
  width: 100%;
  padding: 0 3%;
}

.sections.footer {
  padding-bottom: 80px;
}

section .subtitle h5 {
  margin-top: 10px;
  font-size: 1.3rem;
}

.parallax-section {
  max-width: 100%;
  color: #fff;
}

section .title-half h2 {
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 300;
  margin-bottom: 1.4rem;
}

section .subtitle-half h5 {
  font-weight: 100;
  font-size: 12px;
}

.heading {
  margin-bottom: 4rem;
}

.overlay {
  background-color: rgba(0,0,0,.3);
  width: 100%;
  min-height: 750px;
}

.overlay-fluid-block {
  background-color: rgba(0,0,0,.15);
  width: 100%;
}

.home-overlay-fluid {
  background-color: rgba(41,41,41,.68);
  width: 80%;
  margin: auto;
}

.overlay-img {
  background: rgba(0,0,0,.3);
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  color: #fff;
}

.no-padding {
  padding: 0!important;
}

.fluid-blocks-col {
  padding: 70px 40px 0 80px;
}

.fluid-blocks-col-right {
  padding: 70px 80px 0 40px;
}

.separator {
  height: 2px;
  width: 80px;
  margin: auto;
  background: #ededed;
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary.disabled,.btn-primary.focus,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary:focus,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #64c583;
  border-color: #f56363;
}

.btn-primary:hover {
  background-color: #64c583;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.728571;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  width: 200px;
  height: 50px;
  padding: 1em;
}

.btn-default {
  border-radius: 5px;
  background: #4ecdc4;
  color: #fff;
  border: 0;
  padding: 10px 15px;
  max-width: 160px;
  margin-top: 0;
}

.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default {
  color: #fff;
  background-color: #4ac2aa;
  border-color: transparent;
}

.form-group-lg .form-control,.input-lg {
  height: 46px;
  width: 100%;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
}

.btn-group-lg>.btn,.btn-lg {
  font-size: 18px;
  line-height: 26px;
  border-radius: 0;
  background: #00bf9a;
  border: 0;
  padding: 10px 25px;
}

.input-group button a i {
  color: #fff;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-top-40 {
  margin-top: 40px;
}

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

.margin-top-60 {
  margin-top: 60px;
}

.margin-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.padding-top-20 {
  padding-top: 1.33rem;
}

.padding-bottom-20 {
  padding-bottom: 1.33rem;
}

.padding-top-40 {
  padding-top: 2.66rem;
}

.padding-bottom-40 {
  padding-bottom: 2.66rem;
}

.padding-top-60 {
  padding-top: 5rem;
}

.padding-bottom-60 {
  padding-bottom: 5rem;
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-twenty {
  padding: 10px 0;
}

.padding-fourty {
  padding: 20px 0;
}

.padding-sixty {
  padding: 30px 0;
}

.padding-eighty {
  padding: 40px 0;
}

h1 span {
  color: #f56363;
  font-weight: 400;
}

.aboutList {
  list-style-type: square;
  font-size: 15px;
  font-family: Oswald,sans-serif;
  padding-left: 45px;
  line-height: 2.3;
}

.aboutList li {
  font-family: Poppins;
  font-style: italic;
  font-size: 14px;
}

.aboutList li span {
  font-size: 22px;
  color: #00bf9a;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 2px;
}

.btn-default[disabled]:focus,.btn-default[disabled]:hover {
  background: 0 0;
  color: #fff;
  opacity: 1;
}

input::-webkit-input-placeholder {
  color: #cacaca;
  font-size: 12px;
  padding-top: 2px;
}

input::-moz-placeholder {
  color: #cacaca;
  font-size: 12px;
  padding-top: 2px;
}

input:-ms-input-placeholder {
  color: #cacaca;
  font-size: 12px;
  padding-top: 2px;
}

textarea::-webkit-input-placeholder {
  color: #cacaca;
  font-size: 12px;
  padding-top: 2px;
}

textarea::-moz-input-placeholder {
  color: #cacaca;
  font-size: 12px;
  padding-top: 2px;
}

textarea::-ms-input-placeholder {
  color: #cacaca;
  font-size: 12px;
  padding-top: 2px;
}

.heading-content h1 {
  font-size: 48px;
  margin-bottom: 40px;
}

.social {
  background: #000;
  padding: 10px 0;
}

.social-wrapper .social-icon a {
  float: left;
  font-size: 13px;
  color: #fff;
}

.social-wrapper .social-icon a:hover {
  color: #00bf9a;
}

.social-wrapper .social-icon a i {
  padding-right: 10px;
}

.social-wrapper .social-contact {
  float: right;
  font-size: 13px;
}

.social-wrapper .social-contact a {
  color: #fff;
  margin-right: 20px;
}

.social-wrapper .social-contact a:hover {
  color: #00bf9a;
}

.social-wrapper .social-contact a i {
  padding-right: 5px;
}

.navbar {
  margin-bottom: 10px!important;
}

.navbar-default {
  position: fixed;
  width: 100%;
  padding-top: 7px;
  z-index: 9;
  background: #fff;
  height: 65px;
  top: 0;
  transition: top .2s ease-in-out;
}

nav.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 20;
  box-shadow: 1px 1px 35px -12px #000;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
  color: #4ecdc4;
  background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  font-family: Hind;
  letter-spacing: 1px;
  padding: 15px 18px;
  text-transform: uppercase;
}

.navbar-default .navbar-nav li a:hover {
  color: #00bf9a;
}

.navbar-default .collapse .login a {
  color: #4ecdc4;
  border: 1px solid #4ecdc4;
  border-radius: 20px;
  padding: 4px 30px;
  font-size: 12px;
  margin-top: 0;
  margin-left: 30px;
  display: inline-block;
  overflow: hidden;
}

.navbar-default .collapse .freetrial a {
  color: #fff;
  background: #4ecdc4;
  border: 1px solid #4ecdc4;
  border-radius: 20px;
  padding: 4px 20px;
  font-size: 12px;
  margin-top: 0;
  margin-left: 20px;
  display: inline-block;
  overflow: hidden;
}

.navbar-default .collapse .login:hover a {
  background-color: #4ecdc4;
  color: #fff;
}

.navbar-default .collapse .freetrial:hover a {
  background-color: #fff;
  color: #4ecdc4;
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
  color: #4ecdc4;
  background-color: transparent;
}

.navbar-brand {
  margin-top: -5px;
}

.home {
  background: url(../images/arrived_orignal.png) no-repeat center center;
  color: #000;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}

.home-wrapper {
  padding: 180px 0;
  padding: 273px 0;
  overflow: hidden;
}

.home-content h1 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #fff;
}

.home-content p {
  margin-bottom: 30px;
  color: #fff;
}

.home-content .home-contact {
  margin-top: 90px;
}

.home-contact .input-group {
  display: block;
}

.home-content .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 65%;
  margin-bottom: 0;
  height: 60px;
}

.home-content .home-contact input[type=text] {
  color: #00bf9a;
}

.home-content .home-contact input[type=submit] {
  display: inline-block;
  width: 35%;
  background: #00bf9a;
  color: #fff;
  border: 0;
}

.home-content .home-contact input[type=submit]:hover {
  background-color: rgba(0,173,62,.75);
}

.home-contact p {
  margin-top: 20px;
  color: #000;
  font-size: 15px;
}

.form-control {
  border: 1px solid #dedede;
  height: 45px;
  border-radius: 5px;
  margin-right: -3px;
}

.head_title {
  margin-bottom: 20px;
}

.head_title p {
  max-width: 55%;
  margin: 10px auto;
  padding-bottom: 20px;
  display: inline;
  font-style: italic;
  color: #40bfa6;
  font-size: 21px;
}

.single_features_left img {
  height: 460px;
}

.single_features_right {
  margin-top: 10%;
}

.single_features_right h2 {
  margin-bottom: 40px;
  font-size: 40px;
  color: #222;
}

.single_features_right p {
  font-size: 18px;
}

.single_features_right ul {
  padding: 0 20px;
}

.single_features_right ul li {
  font-size: 18px;
  margin-top: 3%;
  font-family: Poppins,sans-serif;
  list-style: initial;
}

.service_content {
  width: 90%;
  margin: 0 auto;
}

.single_service2 {
  margin-top: 90px;
}

.single_service_left {
  display: inline-block;
}

.single_service2 img {
  width: 70px;
  margin-top: -70px;
}

.single_service2 .single_service_right {
  display: inline-block;
  width: 70%;
  padding-left: 20px;
  overflow: hidden;
}

.single_service_right h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #222;
  margin: 0;
}

.single_service_right p {
  font-size: 18px;
  color: #777;
}

.cd-header {
  height: 100px;
  line-height: 170px;
  position: relative;
}

.cd-header h1 {
  text-align: center;
  color: #fff;
  font-size: 2.2rem;
}

.cd-pricing-container {
  width: 90%;
  max-width: 1170px;
  margin: 4em auto;
}

.cd-pricing-switcher {
  text-align: center;
}

.cd-pricing-switcher .fieldset {
  display: inline-block;
  position: relative;
  padding: 2px;
  border-radius: 50em;
  background: #00bf9a;
}

.cd-pricing-switcher input[type=radio] {
  position: absolute;
  opacity: 0;
}

.cd-pricing-switcher label {
  position: relative;
  z-index: 1;
  display: inline-block;
  float: left;
  width: 90px;
  height: 35px;
  line-height: 40px;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
}

.cd-pricing-switcher .cd-switch {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 40px;
  width: 90px;
  background-color: #0c1f28;
  border-radius: 50em;
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  transition: transform .5s;
}

.cd-pricing-switcher input[type=radio]:checked+label+.cd-switch,.cd-pricing-switcher input[type=radio]:checked+label:nth-of-type(n)+.cd-switch {
  -webkit-transform: translateX(90px);
  -moz-transform: translateX(90px);
  -ms-transform: translateX(90px);
  -o-transform: translateX(90px);
  transform: translateX(90px);
}

.no-js .cd-pricing-switcher {
  display: none;
}

.cd-pricing-list {
  margin: 2em 0 0;
}

.cd-pricing-list>li {
  position: relative;
  margin-bottom: 1em;
}

.cd-pricing-wrapper>li .pricingLi {
  border: 1px solid #00bf9a;
  margin: 20px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  transition: .8s ease all;
}

.cd-pricing-wrapper .is-selected {
  z-index: 3!important;
}

.no-js .cd-pricing-wrapper .is-hidden {
  position: relative;
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  margin-top: 1em;
}

.cd-pricing-header {
  position: relative;
  z-index: 1;
  height: 80px;
  padding: 1em;
  pointer-events: none;
  color: #fff;
  border-bottom: 1px solid #00bf9a;
}

.cd-pricing-header h2 {
  background: #4ecdc4;
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  letter-spacing: 2px;
  margin-bottom: 0;
  transition: .8s ease all;
}

.cd-pricing-wrapper>li .pricingLi .cd-price {
  padding: 15px 0;
  font-size: 14px;
}

.cd-pricing-header {
  height: auto;
  padding: 0;
  pointer-events: auto;
  text-align: center;
  color: #000;
  font-size: 14px;
}

.cd-duration::before {
  content: '/';
  margin-right: 2px;
}

.cd-pricing-body {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.is-switched .cd-pricing-body {
  overflow: hidden;
}

.cd-pricing-features {
  width: 600px;
}

.cd-pricing-features:after {
  content: "";
  display: table;
  clear: both;
}

.cd-pricing-features li {
  width: 100px;
  float: left;
  padding: 1.6em 1em;
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cd-pricing-features em {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

.cd-pricing-footer a {
  background: #4ecdc4;
  color: #fff;
  transition: .8s ease all;
}

.cd-pricing-footer {
  position: relative;
}

.cd-pricing-footer a:active,.cd-pricing-footer a:focus,.cd-pricing-footer a:hover {
  transform: scaleX(1);
  z-index: 0;
}

.cd-select {
  z-index: 1;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  height: auto;
  width: 100%;
  text-align: center;
  font-size: 18px;
  text-indent: 0;
  text-transform: capitalize;
  line-height: 50px;
}

.pricingPage section#price {
  padding-top: 12%;
}

@-webkit-keyframes cd-rotate {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0);
  }

  70% {
    -webkit-transform: perspective(2000px) rotateY(200deg);
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(180deg);
  }
}

@-moz-keyframes cd-rotate {
  0% {
    -moz-transform: perspective(2000px) rotateY(0);
  }

  70% {
    -moz-transform: perspective(2000px) rotateY(200deg);
  }

  100% {
    -moz-transform: perspective(2000px) rotateY(180deg);
  }
}

@keyframes cd-rotate {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0);
    -moz-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    -o-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
  }

  70% {
    -webkit-transform: perspective(2000px) rotateY(200deg);
    -moz-transform: perspective(2000px) rotateY(200deg);
    -ms-transform: perspective(2000px) rotateY(200deg);
    -o-transform: perspective(2000px) rotateY(200deg);
    transform: perspective(2000px) rotateY(200deg);
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(180deg);
    -moz-transform: perspective(2000px) rotateY(180deg);
    -ms-transform: perspective(2000px) rotateY(180deg);
    -o-transform: perspective(2000px) rotateY(180deg);
    transform: perspective(2000px) rotateY(180deg);
  }
}

@-webkit-keyframes cd-rotate-inverse {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-180deg);
  }

  70% {
    -webkit-transform: perspective(2000px) rotateY(20deg);
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(0);
  }
}

@-moz-keyframes cd-rotate-inverse {
  0% {
    -moz-transform: perspective(2000px) rotateY(-180deg);
  }

  70% {
    -moz-transform: perspective(2000px) rotateY(20deg);
  }

  100% {
    -moz-transform: perspective(2000px) rotateY(0);
  }
}

@keyframes cd-rotate-inverse {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-180deg);
    -moz-transform: perspective(2000px) rotateY(-180deg);
    -ms-transform: perspective(2000px) rotateY(-180deg);
    -o-transform: perspective(2000px) rotateY(-180deg);
    transform: perspective(2000px) rotateY(-180deg);
  }

  70% {
    -webkit-transform: perspective(2000px) rotateY(20deg);
    -moz-transform: perspective(2000px) rotateY(20deg);
    -ms-transform: perspective(2000px) rotateY(20deg);
    -o-transform: perspective(2000px) rotateY(20deg);
    transform: perspective(2000px) rotateY(20deg);
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(0);
    -moz-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    -o-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
  }
}

@-webkit-keyframes cd-rotate-back {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0);
  }

  70% {
    -webkit-transform: perspective(2000px) rotateY(-200deg);
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(-180deg);
  }
}

@-moz-keyframes cd-rotate-back {
  0% {
    -moz-transform: perspective(2000px) rotateY(0);
  }

  70% {
    -moz-transform: perspective(2000px) rotateY(-200deg);
  }

  100% {
    -moz-transform: perspective(2000px) rotateY(-180deg);
  }
}

@keyframes cd-rotate-back {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0);
    -moz-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    -o-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
  }

  70% {
    -webkit-transform: perspective(2000px) rotateY(-200deg);
    -moz-transform: perspective(2000px) rotateY(-200deg);
    -ms-transform: perspective(2000px) rotateY(-200deg);
    -o-transform: perspective(2000px) rotateY(-200deg);
    transform: perspective(2000px) rotateY(-200deg);
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(-180deg);
    -moz-transform: perspective(2000px) rotateY(-180deg);
    -ms-transform: perspective(2000px) rotateY(-180deg);
    -o-transform: perspective(2000px) rotateY(-180deg);
    transform: perspective(2000px) rotateY(-180deg);
  }
}

@-webkit-keyframes cd-rotate-inverse-back {
  0% {
    -webkit-transform: perspective(2000px) rotateY(180deg);
  }

  70% {
    -webkit-transform: perspective(2000px) rotateY(-20deg);
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(0);
  }
}

@-moz-keyframes cd-rotate-inverse-back {
  0% {
    -moz-transform: perspective(2000px) rotateY(180deg);
  }

  70% {
    -moz-transform: perspective(2000px) rotateY(-20deg);
  }

  100% {
    -moz-transform: perspective(2000px) rotateY(0);
  }
}

@keyframes cd-rotate-inverse-back {
  0% {
    -webkit-transform: perspective(2000px) rotateY(180deg);
    -moz-transform: perspective(2000px) rotateY(180deg);
    -ms-transform: perspective(2000px) rotateY(180deg);
    -o-transform: perspective(2000px) rotateY(180deg);
    transform: perspective(2000px) rotateY(180deg);
  }

  70% {
    -webkit-transform: perspective(2000px) rotateY(-20deg);
    -moz-transform: perspective(2000px) rotateY(-20deg);
    -ms-transform: perspective(2000px) rotateY(-20deg);
    -o-transform: perspective(2000px) rotateY(-20deg);
    transform: perspective(2000px) rotateY(-20deg);
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(0);
    -moz-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    -o-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
  }
}

.fa-check-circle {
  color: #00bf9a;
}

.fa-remove {
  color: red;
}

p.fggdg {
  width: 100%;
  font-family: Hind;
  font-size: 16px;
  margin-bottom: 15px;
  padding-left: 1.5%;
}

p.fggdg span {
  color: #4ecdc4;
}

p.gdsk {
  float: left;
  width: 40%;
  margin-left: 25%;
  text-align: center;
  font-family: Hind;
  font-size: 17px;
  font-style: italic;
}

p.gdsk span {
  color: #40bfa6;
  font-size: 16px;
}

p.gdsk.hjd {
  margin: 15px;
  text-align: center;
  font-weight: 700;
  width: 40%;
  margin-left: 25%;
  display: block;
  padding: 0;
  font-style: italic;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

p.gdsk.hjd a {
  color: #565656;
  font-weight: 400;
}

.mainIntro {
  padding: 3% 0 0;
}

.portfolio {
  background: url(../images/bg.png) no-repeat top center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  width: 100%;
  overflow: hidden;
}

.community-edition {
  background: #fff;
  padding: 40px 15px;
  border: 1px solid #ececec;
  box-shadow: 2px 2px 5px 0 rgba(55,50,40,.2);
  -webkit-box-shadow: 2px 2px 5px 0 rgba(55,50,40,.2);
  -moz-box-shadow: 2px 2px 5px 0 rgba(55,50,40,.2);
  -o-box-shadow: 2px 2px 5px 0 rgba(55,50,40,.2);
  -ms-box-shadow: 2px 2px 5px 0 rgba(55,50,40,.2);
  transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
}

.community-edition:hover {
  background: #00bf9a;
  color: #fff;
}

.community-edition:hover i {
  color: #fff;
}

.community-edition:hover h4 {
  color: #fff;
}

.community-edition:hover p {
  color: #fff;
}

.community-edition i {
  font-size: 60px;
  color: #00bf9a;
  margin-bottom: 20px;
}

.community-edition h4 {
  font-size: 16px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 15px;
}

.community-edition p {
  font-size: 12px;
  color: #777;
}

.portfolio-wrapper2 {
  margin-top: 25px;
}

.contact_content {
  width: 100%;
  float: left;
}

.single_left_contact input {
  border: 0;
  outline: 0;
  box-shadow: 0;
  border: 1px solid #000;
  background: 0 0;
  height: 43px;
  color: #000;
}

.single_left_contact p {
  font-family: Hind;
  font-size: 18px;
}

.single_right_contact .contact_address span {
  font-size: 18px;
  display: block;
  line-height: 30px;
}

.single_right_contact .contact_socail_bookmark {
  margin-left: -15px;
  margin-top: 20px;
}

.single_right_contact .contact_socail_bookmark a {
  margin-left: 15px;
  transition: .5s;
}

.single_right_contact .contact_socail_bookmark a i {
  color: #222;
  border: 1px solid #777;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
}

.single_right_contact .contact_socail_bookmark a:hover i {
  color: #8a3b6a;
  border: 1px solid #8a3b6a;
}

.footer-menu {
  background: #efefef;
  color: #000;
  border-bottom: 1px solid #cfcdcd;
}

.menu-item {
  margin-bottom: 20px;
}

.menu-item h5 {
  font-size: 16px;
  font-family: robotoregular;
  font-weight: 500;
}

.menu-item p {
  font-size: 12px;
}

.menu-item ul li {
  font-size: 13px;
  text-transform: uppercase;
  font-family: robotolight;
  margin-bottom: 10px;
}

.menu-item .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 65%;
  margin-bottom: 0;
}

.menu-item input[type=text] {
  color: #00bf9a;
}

.menu-item input[type=submit] {
  display: inline-block;
  width: 35%;
  background: #00bf9a;
  color: #fff;
  border: 0;
}

.menu-item input[type=submit]:hover {
  background-color: rgba(0,173,62,.75);
}

.footer {
  color: #000;
}

.footer-wrapper {
  padding: 20px 0;
  display: block;
}

.footer-brand {
  float: left;
}

.copyright {
  text-align: right;
}

.copyright p {
  font-size: 12px;
  margin-bottom: 1px;
  padding: 10px 0;
}

.copyright p i {
  color: red;
}

.copyright p a {
  color: #4ecdc4;
}

.scrollup {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  opacity: .3;
  position: fixed;
  bottom: 20px;
  right: 25px;
  color: #fff;
  cursor: pointer;
  background-color: #000;
  z-index: 10;
  transition: opacity .5s,background-color .5s;
  -moz-transition: opacity .5s,background-color .5s;
  -webkit-transition: opacity .5s,background-color .5s;
}

.scrollup:hover {
  background: #82ca9c;
  opacity: 1;
}

.scrollup i {
  font-size: 13px;
  position: absolute;
  opacity: 1;
  color: #fff;
  left: 50%;
  top: 50%;
  margin-top: -7px;
  margin-left: -6px;
  text-decoration: none;
}

#result-success {
  padding: 10px;
  background: #4ac2aa;
  font-size: 15px;
  margin: 10px 0;
  color: #fff;
  font-weight: 700;
}

#result-failed {
  padding: 10px;
  background: #ca8282;
  margin: 10px 0;
  color: #fff;
  font-weight: 700;
}

.center-content {
  text-align: center;
}

.icon {
  float: left;
  font-size: 20px;
  line-height: 18px;
  color: #000;
  margin: 0 15px 0 0;
  width: 12px;
}

.text {
  overflow: hidden;
  padding: 1px 0 0;
  font-weight: 500;
}

#contact {
  background: url(../images/contact_us.png);
  color: #000;
  padding: 20px 0;
}

.arrivd-overlay {
  width: 100%;
  height: 100%;
  background: url(../images/PreLoader.gif) center no-repeat #fff;
  z-index: 99999;
  position: fixed;
}

.left_intro {
  padding: 15% 5% 0 0;
}

.right_intro {
  padding: 15% 0 0 5%;
}

ul.intro_content {
  float: none;
  border: 0;
  width: auto;
  margin: 0;
  cursor: inherit;
}

ul.intro_content li.intro_li {
  display: block;
  padding: 0;
  list-style: none;
  clear: both;
  position: relative;
  min-height: 1em;
  margin: 0 0 15%;
  line-height: 100%;
  overflow: visible;
  height: 5em;
}

.left_intro ul.intro_content li.intro_li .icon_list_icon {
  float: right;
  position: relative;
  background: #fff;
  color: #32cfac;
  font-size: 40px;
  border: 1px solid #ddd;
  overflow: hidden;
  width: 70px;
  height: 70px;
  line-height: 65px;
  text-align: center;
  box-sizing: content-box;
  margin: 3% 0 0 5%;
}

.right_intro ul.intro_content li.intro_li .icon_list_icon {
  float: left;
  position: relative;
  background: #fff;
  color: #32cfac;
  font-size: 40px;
  border: 1px solid #ddd;
  overflow: hidden;
  width: 70px;
  height: 70px;
  line-height: 65px;
  text-align: center;
  box-sizing: content-box;
  margin: 3% 5% 0 0;
}

ul.intro_content li.intro_li .icon_description {
  font-size: 24px;
}

ul.intro_content li.intro_li .icon_description h3 {
  font-size: 20px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  clear: none;
  color: #000;
  font-family: Hind;
}

ul.intro_content li.intro_li .icon_description p {
  font-weight: 400;
  font-family: Hind;
  font-size: 17px;
  line-height: 25px;
}

.center_intro_img img {
  margin: auto;
}

.icon_list_connector {
  border-right: 1px dashed #ddd;
  height: 80%;
  position: absolute;
}

.right_intro .icon_list_connector {
  left: 10%;
  bottom: -90%;
}

.left_intro .icon_list_connector {
  right: 10%;
  bottom: -90%;
}

.heading-feature {
  color: #000;
}

.heading-feature h4 {
  display: inline-block;
  margin: 0;
  font-size: 40px;
  position: relative;
  padding: 10px 0 15px 0;
  text-transform: capitalize;
  letter-spacing: 2px;
}

.heading-feature h4:before {
  content: "";
  width: 70px;
  height: 2px;
  position: absolute;
  top: 0;
  left: -20px;
  background: #32cfac;
}

.heading-feature h4:after {
  content: "";
  width: 70px;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: -20px;
  background: #000;
}

.cd-pricing-wrapper>li .pricingLi:hover {
  border-color: #000;
  box-shadow: 3px 3px 27px -8px #000;
}

.cd-pricing-wrapper>li .pricingLi:hover .cd-pricing-footer a {
  background: #000;
}

.cd-pricing-wrapper>li .pricingLi:hover .cd-pricing-header h2 {
  background: #000;
}

#subscribe {
  background: url(../images/contact_us_banner.png);
  background-size: cover;
  background-position: 0 0;
  min-height: 600px;
}

#subscribe .head_title {
  margin-bottom: 0;
}

.bannerBg_analytics .center {
  text-align: center;
  padding: 7% 0;
}

.bannerBg_analytics .center .section-title {
  font-size: 60px;
  color: #32cfac;
}

.bannerBg_analytics .center p {
  font-family: Hind;
  font-size: 46px;
  color: #fff;
  text-transform: capitalize;
  line-height: 90px;
  font-style: italic;
  font-weight: 400;
}

#arriveCarousel {
  padding-top: 65px;
  padding-bottom: 50px;
}

#arriveCarousel .carousel-indicators {
  left: -22%;
  top: 7%;
  margin-left: 0;
  text-align: left;
  width: 6%;
  transform: rotate(90deg);
}

#arriveCarousel .carousel-indicators li.active {
  width: 14px;
  height: 14px;
  margin: 0;
  background-color: #32cfac;
  border-color: #32cfac;
}

#arriveCarousel .carousel-indicators li {
  background-color: #fff;
  border-color: #fff;
}

.tab-content {
  float: left;
  width: 100%;
  padding: 0;
}

.features div#tab-content {
  width: 100%;
  float: left;
}

.features div#tab-content .nav-tabs {
  border-bottom-color: #4ecdc4;
  border-bottom: 0;
  padding: 0 6%;
  float: right;
  margin: auto;
}

.features div#tab-content .nav-tabs li {
  float: left;
  color: #676767;
  border-color: #e5e5e5;
  letter-spacing: 1px;
  padding: 8px 30px;
  border: 1px solid #4ecdc4;
}

.features div#tab-content .nav-tabs li.active {
  color: #fff;
  border-color: #4ecdc4;
  border-radius: 5px;
  background: #4ecdc4;
}

.features div#tab-content .nav-tabs li a {
  background: 0 0;
  color: inherit;
}

.features div#tab-content .nav-tabs li a {
  border: 0;
  padding: 0;
}

.features div#tab-content .nav-tabs li a:after {
  content: '';
  border-top: 8px solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  position: absolute;
  bottom: -17px;
  left: 29%;
  color: #fff;
}

.features div#tab-content .nav-tabs li:nth-child(2) {
  margin: 0 1.5em;
}

.features div#tab-content .nav-tabs li.active a:after {
  color: #4ecdc4;
}

.st-feature .fetauredIn {
  position: absolute;
  bottom: -20%;
  left: calc(50% - 43px);
  visibility: hidden;
  transition: .5s ease all;
}

.st-feature .fetauredIn span {
  width: 30px;
  height: 30px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.st-feature .fetauredIn span i {
  display: block;
  height: 100%;
  width: 100%;
  font-size: 20px;
  line-height: 25px;
}

.st-feature:hover .fetauredIn {
  bottom: 5%;
  visibility: visible;
}

.st-feature .fetauredIn span.visible {
  opacity: 1;
  cursor: pointer;
}

.st-feature .fetauredIn span.ntvisible {
  opacity: .5;
  cursor: not-allowed;
}

.single_left_contact {
  position: relative;
  width: 100%;
  float: left;
  background: #00000000;
  margin: 6%;
  padding: 15% 2%;
  border-radius: 5px;
  border: 2px solid #000;
}

div#loading {
  position: absolute;
  right: 27%;
  bottom: 0;
  display: none;
}

div#loading1 {
  position: absolute;
  right: 27%;
  bottom: 0;
  display: none;
}

.vis-features {
  padding: 6% 0;
}

.panel-group .panel {
  background-color: transparent;
  border-color: #eee;
  margin-bottom: 20px;
  border-radius: 0;
  box-shadow: 0;
}

.panel-default>.panel-heading {
  color: #333;
  font-family: Poppins;
  background-color: #f6f6f6;
  border-bottom: 1px solid;
  border-color: #4fcdc4;
  padding: 25px;
  position: relative;
}

.panel-default>.panel-heading .panel-title {
  line-height: 21px;
}

.panel-default>.panel-heading .panel-title a {
  display: block;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 1px;
  font-family: Poppins;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top: 0;
}

span.plus_minus_wrap {
  position: absolute;
  top: 16px;
  right: 16px;
  border-top-right-radius: 4px;
  display: block;
  height: 43px;
  padding-left: 5px;
  background-color: #333;
  transition: all .3s;
}

span.plus_minus_wrap span {
  position: relative;
  display: inline-block;
  width: 25px;
  font: normal 700 18px Hind;
  color: #fff;
  vertical-align: middle;
  background-color: transparent;
  z-index: 10;
  padding-top: 10px;
  cursor: pointer;
}

span.plus_minus_wrap span:before {
  content: '+';
  cursor: pointer;
}

.opened span.plus_minus_wrap span:before {
  content: '-';
  cursor: pointer;
}

span.plus_minus_wrap:before {
  position: absolute;
  left: -10px;
  display: block;
  width: 23px;
  height: 100%;
  content: '';
  transition: all .3s;
  transform: skewX(26deg);
  background-color: #333;
  cursor: pointer;
}

.panel-default>.panel-heading .panel-title a i {
  padding: 0 16px;
  color: #333;
}

.single_left_contact input::placeholder {
  color: #000;
  font-family: Hind;
  opacity: 1;
}

.single_left_contact input::-ms-input-placeholder {
  color: #000;
  font-family: Hind;
}

.single_left_contact input::-ms-input-placeholder {
  color: #000;
  font-family: Hind;
}

span.overlay-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0000006e;
  top: 0;
  left: 0;
}

.agreeBox {
  font-family: Hind;
  color: #fff;
  font-size: 12px;
}

.agreeBox input#agree {
  height: 15px;
  margin-top: 0;
}

.agreeBox span {
  font-family: inherit;
  vertical-align: top;
  color: #000;
}

.agreeBox span a {
  vertical-align: top;
  font-family: inherit;
  text-decoration: underline;
}

.agreeBox input#terms {
  height: 12px;
  margin: 2px;
}

.analytics-content {
  float: left;
  width: 100%;
  padding: 0;
  min-height: 540px;
}

.analytics-content #tab-content .tab-content {
  float: left;
  padding: 0;
}

.analytics-content #tab-content .tab-content ul {
  width: 100%;
  float: right;
  padding: 25px 0 0 15px;
}

.analytics-content #tab-content .tab-content ul li {
  font-size: 16px;
  letter-spacing: .5px;
  line-height: 30px;
  margin-bottom: 25px;
  font-family: Hind;
  list-style: none;
}

.analytics-content #tab-content .tab-content ul li i {
  display: inline-block;
  float: left;
  padding: 0 10px;
  font-size: 25px;
  color: #4ecdc4;
}

.analytics-content #tab-content .tab-content ul li h4 {
  font-family: Oswald;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-style: italic;
}

.analytics-content #tab-content .tab-content ul li p {
  font-family: Hind;
  font-size: 16px;
  letter-spacing: .5px;
  line-height: 30px;
  padding: 0 0 0 40px;
}

.analytics .analytics-img {
  position: relative;
}

.analytics .analytics-img .img-1 {
  padding: 0 0 0 110px;
}

.analytics .analytics-img img {
  box-shadow: 1px 1px 29px -4px #ccc;
}

.analytics .analytics-img .img-2 {
  position: absolute;
  bottom: -12%;
  left: 5%;
}

.analytics-content #tab-content>ul {
  border-bottom-color: #4ecdc4;
}

.analytics-content #tab-content ul li a {
  color: #4ecdc4;
  padding: 3px 15px;
}

.analytics-content #tab-content ul li.active a {
  color: #fff;
  background: #4ecdc4;
  border-color: #4ecdc4;
}

.nav-up {
  top: -70px;
}

.left_cont {
  float: left;
  width: 100%;
  padding-top: 5%;
}

.left_cont li i {
  padding: 0 15px;
  color: #32cfac;
}

.left_cont li strong {
  font-size: 18px;
  font-family: Hind;
  letter-spacing: 1px;
}

.feature {
  float: left;
  width: 100%;
  padding: 5% 15%;
}

.feature ul li {
  float: left;
  width: 100%;
  min-height: 95px;
}

.feature ul li i {
  float: left;
  position: relative;
  color: #32cfac;
  font-size: 40px;
  border: 2px solid #32cfac;
  border-radius: 50%;
  overflow: hidden;
  width: 70px;
  height: 70px;
  line-height: 66px;
  text-align: center;
  box-sizing: content-box;
  margin: 1% 5% 0 0;
}

.feature ul li h4 {
  font-size: 20px;
  font-family: Hind;
  margin-bottom: 0;
  font-weight: 600;
}

.feature ul li p {
  font-weight: 400;
  font-family: Poppins;
  font-size: 16px;
}

.center_intro_img {
  position: relative;
  padding: 0 3%;
}

.center_intro_img video.mobile_video {
  position: absolute;
  top: 4%;
  left: -3%;
  width: 106%;
  padding: 11.3%;
  z-index: -1;
}

.left_img img,.right_img img {
  margin: auto;
}

.left_cont li {
  font-size: 15px;
  font-family: Poppins;
  line-height: 30px;
  margin-bottom: 15px;
}

#arriveCarousel .carousel-caption.text-right {
  width: 60%;
  left: 0;
  top: 20%;
  text-align: left;
  background: #000000d4;
  padding-left: 2%;
  min-height: 198px;
}

.bannerHyperlinks {
  position: absolute;
  width: 100%;
  top: auto;
  left: 0;
  bottom: 3%;
}

.bannerHyperlinks .hyperWrap {
  float: left;
  width: 100%;
  padding: 0 5%;
}

.bannerHyperlinks .hyperWrap a {
  float: left;
  width: 18%;
  margin: 1%;
  border: 1px solid;
  border-color: #000000ab;
  text-align: center;
  border-radius: 5px;
  font-family: Hind;
  padding: 10px;
  background: #fff;
  box-shadow: 5px 4px 24px -10px #000;
  display: flex;
  align-items: center;
}

.bannerHyperlinks .hyperWrap a img {
  width: 20%;
  float: left;
  padding: 0;
  transition: .6s ease-in-out all;
}

.bannerHyperlinks .hyperWrap a:hover img {
  transform: scale(1.3);
}

.bannerHyperlinks .hyperWrap a:nth-child(odd) {
  color: #000;
}

.bannerHyperlinks .hyperWrap a:nth-child(even) {
  color: #000;
}

.bannerHyperlinks .hyperWrap a p {
  font-family: Hind;
  width: 80%;
  float: left;
  font-size: 14px;
  color: inherit;
}

#arriveCarousel .carousel-caption {
  left: 5%;
  width: 20%;
  top: 65%;
  bottom: auto;
  text-align: center;
}

#arriveCarousel .carousel-caption.ets {
  top: 60%;
  left: 0;
  padding: 5px 0;
  background: #000000d4;
}

#arriveCarousel .carousel-caption.center {
  width: 60%;
  left: 40%;
  top: 0;
  text-align: center;
}

#arriveCarousel .carousel-caption.left {
  width: 60%;
  left: 0;
  top: 20%;
  text-align: left;
  background: #000000d4;
  padding-left: 2%;
  min-height: 198px;
}

#arriveCarousel .carousel-caption.top-right {
  width: 100%;
  left: 0;
  text-align: left;
  padding-right: 2%;
  top: 10%;
  left: 3%;
}

#arriveCarousel .carousel-caption h1 {
  color: #15c6a3;
  font-size: 55px;
  text-shadow: 0;
  margin-bottom: 20px;
  transform: rotate(0);
}

#arriveCarousel .carousel-caption h3 {
  font-size: 60px;
  line-height: 70px;
  position: relative;
}

#arriveCarousel .carousel-caption p {
  color: #fff;
  text-shadow: 1px 1px 4px #000;
  line-height: 45px;
  padding: 5px 20px;
  font-family: Poppins;
  letter-spacing: 1px;
  font-size: 30px;
  text-align: left;
}

#arriveCarousel .carousel-caption p span {
  color: #32cfac;
  font-weight: 500;
  font-size: 33px;
  font-family: Poppins;
  text-shadow: 1px 1px 1px #676262;
  position: relative;
}

#arriveCarousel .carousel-caption p span:after {
  content: "";
  width: 100%;
  height: 7px;
  background: #32cfac;
  position: absolute;
  bottom: -7px;
  left: 1%;
}

#arriveCarousel .carousel-caption.top p {
  color: #fff;
  letter-spacing: .5px;
  text-shadow: 1px 1px 4px #000;
}

.bannerBg_analytics {
  min-height: 355px;
  background: 0 0;
  position: relative;
}

#contact a {
  color: #000;
  text-decoration: underline;
}

#price article {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#price article ul {
  display: flex;
  top: 0;
  z-index: 10;
  padding-bottom: 14px;
}

#price article ul li {
  list-style: none;
  flex: 1;
}

#price article ul li:last-child {
  border-right: 1px solid #ddd;
}

#price article ul li.active button {
  background: #f5f5f5;
  color: #000;
}

#price article table {
  border-collapse: collapse;
  width: 100%;
}

#price article td,#price article th {
  border: 1px solid #ddd;
  padding: 10px;
  empty-cells: show;
  text-align: left;
}

#price article td.default {
  display: table-cell;
}

#price article .bg-base {
  border-top: 3px solid #32cfac;
}

#price article .bg-blue {
  border-top: 3px solid #0097cf;
}

#price article .sep {
  background: #f5f5f5;
  font-weight: 700;
}

#price article .txt-l {
  font-size: 28px;
  font-weight: 700;
}

#price article .txt-top {
  position: relative;
  top: -9px;
  left: -2px;
}

#price article .tick {
  font-size: 18px;
  color: #2ca01c;
}

#price article .hide {
  border: 0;
  background: 0;
}

.get_it_now {
  background-size: cover;
  background-position: 0 0;
  padding-top: 5%;
  padding-bottom: 35px;
  min-height: 230px;
}

.get_now_wrapper h4 {
  font-size: 26px;
  font-family: hind;
  color: #fff;
  font-style: italic;
}

.get_now_wrapper p {
  font-size: 18px;
  font-family: hind;
  letter-spacing: 1px;
  color: #fff;
}

.inner_sec_howWorks .border {
  border: 2px dashed #4ecdc4;
  width: 400px;
  height: 400px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  margin-top: 35px;
  margin-bottom: 150px;
}

.bordergrid1 {
  position: absolute;
  top: -36%;
  left: 0;
  text-align: center;
  width: 100%;
}

.bordergrid2 {
  position: absolute;
  top: 10%;
  left: -77%;
  text-align: right;
  width: 100%;
}

.bordergrid5 {
  position: absolute;
  top: 63%;
  left: -74%;
  text-align: right;
  width: 90%;
}

.bordergrid3 {
  position: absolute;
  top: 10%;
  left: 77%;
  text-align: left;
  width: 100%;
}

.bordergrid6 {
  position: absolute;
  top: 63%;
  left: 83%;
  text-align: left;
  width: 90%;
}

.bordergrid4 {
  position: absolute;
  bottom: -32%;
  left: 2%;
  text-align: center;
  width: 100%;
}

.ion-f {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-f i.ion-f {
  border-radius: 50%;
  font-size: 30px;
  width: 65px;
  border: 2px solid #4ecdc4;
  background: #f9f9f9;
  height: 65px;
  line-height: 60px;
  text-align: center;
  color: #4ecdc4;
}

.text h4 {
  font-size: 1.6em;
  color: #3d403f;
  font-weight: 600;
}

.text p {
  color: #6d6d6d;
  letter-spacing: 1px;
}

.bulb {
  text-align: center;
  margin: 0 auto;
}

.bulb img {
  text-align: center;
  margin: 0 auto;
  box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
  -o-box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-top: 5em;
}

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

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

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

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

.emp-feat .box {
  margin-bottom: 15px;
  min-height: 80px;
}

.emp-feat li.box:hover .icon-emp i {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: inline-block;
}

.emp-feat .icon-emp {
  margin-bottom: 10px;
  text-align: right;
}

.emp-feat .icon-emp i {
  color: #4fcdc4;
  font-size: 40px;
  transition: .5s ease all;
}

.emp-feat .title-emp {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 20px;
  font-family: hind;
  color: #000;
  line-height: 1;
  font-style: italic;
}

.emp-feat .title-emp a {
  color: #111;
}

.emp-feat .description-emp {
  font-size: 13px;
  padding: 0;
  line-height: 26px;
  margin-bottom: 0;
  font-family: Poppins;
}

div#emplyrCarousel {
  padding: 5.7% 17%;
  border-radius: 5px;
  z-index: -1;
}

.employee-wrapper {
  position: relative;
}

.employee-wrapper img {
  display: block;
  margin: auto;
  width: 50%;
}

div#emplCarousel {
  padding: 5% 5%;
  position: absolute;
  top: 5%;
  z-index: -1;
  left: 22.2%;
}

div#emplCarousel .item img {
  width: 100%;
}

.slider-sec-caption {
  bottom: -7%;
  position: absolute;
  width: 100%;
  display: inline-block;
  text-align: center;
}

.slider-wrapper {
  background: url(../images/macbook-laptop.png) no-repeat;
  background-position: 0 14px;
  background-size: contain;
  margin-top: 5%;
}

#emp-tab>ul>li {
  text-align: center;
  font-size: 18px;
  border: 1px solid #ccc;
  border-bottom: 0;
  margin: 0 .25em;
  display: block;
  float: left;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  transition: .3s ease all;
}

#emp-tab>ul>li a {
  margin: 0;
  border: 1px solid #000;
  margin-right: 5px;
  border-radius: 0;
  text-transform: uppercase;
  padding: 5px;
  color: #000;
  font-size: 14px;
  letter-spacing: 1px;
}

#emp-tab>ul>li a:before {
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  margin: -.25em .4em 0 0;
}

#emp-tab .tab-content {
  padding: 0;
}

#employee .emp-feat {
  padding-top: 10%;
}

#emp-tab>ul>li.active a {
  border: 1px solid #32cfac;
  border-radius: 0;
  background: #32cfac;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: 1px solid #000;
}

#emplyrCarousel .carousel-caption {
  padding: 0;
  background: #00000063;
}

#emplyrCarousel .carousel-caption p {
  letter-spacing: 1px;
  line-height: 1;
  font-family: Hind;
  padding: 4px 0;
  margin: 0;
}

section#features .head_title {
  margin-bottom: 50px;
}

.st-feature {
  text-align: center;
  position: relative;
  margin: 10px;
  overflow: hidden;
}

.st-feature-content {
  width: 100%;
  height: 100%;
  padding: 13% 0;
  border: 1px solid #4fcdc4;
  border-radius: 5px;
}

.st-feature .st-feature-icon {
  line-height: 45px;
  font-size: 55px;
  color: #4ecdc4;
  margin: 0 auto 10px;
  background-color: transparent;
  position: relative;
  -webkit-transform: rotate(0) scale(1);
  -ms-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  -webkit-transition: color .3s,border-color .3s,background-color .3s,-webkit-transform .3s;
  transition: color .3s,border-color .3s,background-color .3s,transform .3s;
}

.st-feature .st-feature-title {
  display: block;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #4c4c4c;
  text-transform: capitalize;
}

.st-feature-overlay {
  display: none;
  position: absolute;
  top: 0;
  background: #0000008c;
  width: 100%;
  height: 100%;
  color: #fff;
  border-radius: 5px;
  display: none;
  align-items: center;
  vertical-align: middle;
  padding: 5px;
}

.st-feature:hover .st-feature-overlay {
  display: flex;
}

.st-feature:hover .st-feature-icon {
  color: #4ecdc4;
  border-color: #4ecdc4;
  background-color: transparent;
  -webkit-transform: rotate(360deg) scale(1.8);
  -ms-transform: rotate(360deg) scale(1.8);
  transform: rotate(360deg) scale(1.8);
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-cog:before,.fa-gear:before {
  content: "\f013";
}

:after,:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.section-title h3 {
  font-family: Poppins;
  text-transform: capitalize;
  color: #4c4c4c;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 23px;
  line-height: 23px;
  display: inline-block;
  clear: both;
  position: relative;
  padding: 0 10px;
}

.section-title h3 span {
  font-size: 27px;
  color: #00bf9a;
  text-transform: capitalize;
  letter-spacing: 2px;
  font-weight: 700;
}

.section-title p {
  font-family: Oswald;
  text-transform: uppercase;
  color: #00bf9a;
  font-size: 18px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: 3px;
}

.st-feature p {
  font-family: Hind;
  font-size: 16px;
  letter-spacing: 1px;
}

.fa-cog:before,.fa-gear:before {
  content: "\f013";
}

:after,:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.custom-image-style-1 {
  position: relative;
  border-radius: 100%;
  border: 7px solid #fff;
  z-index: 2;
  box-shadow: 1px 1px 30px -15px #000;
}

svg#curved-line-1 {
  position: absolute;
  top: 3%;
  left: 25%;
  width: 53%;
  height: 70%;
  transform: rotate(-45deg);
}

svg#curved-line-1 .circle,svg#curved-line-1 .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  opacity: .3;
}

.appear-animation {
  opacity: 0;
}

.appear-animation-visible {
  opacity: 1;
}

.firstSlide {
  position: absolute;
  bottom: 20%;
  right: 50%;
  top: 45%;
}

#arriveCarousel .carousel-caption p span a {
  color: #33ceac;
}

.trialbutton {
  border-radius: 4px;
  background-color: #00ac8bd1;
  border: 0;
  color: #fff;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all .5s;
  cursor: pointer;
  margin: 5px;
}

.trialbutton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: .5s;
}

.trialbutton span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: .5s;
}

.trialbutton:hover span {
  padding-right: 25px;
}

.trialbutton:hover span:after {
  opacity: 1;
  right: 0;
}

.contact_content.footer_contactUs .single_left_contact {
  margin: 0;
  padding: 10px;
  border-width: 1px;
}

.contact_content.footer_contactUs .form-group {
  margin-bottom: 5px;
}

.contact_content.footer_contactUs input {
  height: 28px;
  line-height: 8px;
  padding: 0 5px;
  font-size: 12px;
}

.contact_content.footer_contactUs .single_left_contact textarea {
  background: 0 0;
  color: #000;
  text-align: left;
  outline: 0;
  box-shadow: 0;
  border: 1px solid #000;
}

.contact_content.footer_contactUs .single_left_contact textarea::placeholder {
  color: #000;
  white-space: nowrap;
}

@keyframes dash {
  from {
    stroke-dasharray: 1000;
  }

  to {
    stroke-dasharray: 2000;
  }
}

@keyframes dash_2 {
  from {
    stroke-dashoffset: 1700;
  }

  to {
    stroke-dashoffset: 2000;
  }
}

.line-anim {
  animation: dash 4.5s linear forwards;
}

.line-anim-2 {
  animation: dash_2 1.5s linear forwards;
}

.circle-anim {
  animation: dash 15s linear forwards;
}

.custom-image-style-2 {
  position: absolute;
  left: 10%;
  bottom: 0;
  box-shadow: 0 7px 60px -15px rgba(0,0,0,.5);
}

.custom-image-style-2._big {
  width: 90%;
}

.custom-image-style-2._small {
  left: 0;
}

.custom-height {
  height: 250px;
}

.foo-bott-link {
  font-size: 12px;
  margin-bottom: 1px;
  padding: 10px 0;
  text-align: center;
}

.foo-bott-link a {
  color: #4ecdc4;
  font-weight: 400;
  font-family: Hind;
}

.mobile-disabled {
  display: block;
}

iframe#arrivd_video {
  position: absolute;
  top: 70px;
  left: 43px;
  width: 300px;
  height: 530px;
}

.carousel-control.slide {
  width: 4.5%;
  font-size: 20px;
  color: #40bfa6;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  opacity: 1;
}

.carousel-control.slide.right {
  right: -4.5%;
  left: auto;
  background-image: none;
}

.carousel-control.slide.left {
  left: -4.5%;
  right: auto;
  background-image: none;
}

ul.whatIsVms {
  list-style: none;
  padding: 0 5%;
  float: left;
  width: 100%;
}

ul.whatIsVms li {
  font-family: Hind;
  line-height: 2;
  min-height: 150px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #d3d3d3;
}

ul.whatIsVms li ul li {
  list-style: none;
  min-height: fit-content;
  border-bottom: 0;
}

ul.whatIsVms li span {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
}

ul.whatIsVms li>.othCont {
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.whatIsVms li>.othCont .othImage {
  width: 100%;
}

ul.whatIsVms li>.othCont .othImage img {
  display: block;
  margin: auto;
}

ul.whatIsVms li>div {
  width: 50%;
  font-family: Hind;
}

li.whyArivd:hover .whyArivd-dropdown {
  display: block!important;
  position: absolute;
  min-width: 220px;
  left: 0;
}

ul.whyArivd-dropdown li {
  color: #000;
}

ul.whyArivd-dropdown li a {
  display: block;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  font-family: Hind;
  letter-spacing: 1px;
  padding: 10px 5px;
  text-transform: uppercase;
}

ul.whyArivd-dropdown {
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 0 10px;
}

li.divider {
  border-top: 1px solid #e3e3e3;
}

.table {
  display: table;
  margin: 0 auto;
}

ul#horizontal-list {
  list-style: none;
  padding-top: 80px;
}

ul#horizontal-list li {
  display: inline;
  padding: 13px;
}

.fa-facebook-f:before,.fa-facebook:before {
  content: "\f09a";
  font-size: 30px;
}

.fa-twitter:before {
  content: "\f099";
  font-size: 30px;
}

.fa-linkedin:before {
  content: "\f0e1";
  font-size: 30px;
}

.single_right_contact1 {
  margin-left: 36px;
}

section#price {
  padding: 35px 0;
  overflow-x: scroll;
}

.plan-container {
  display: inline;
}

.plan {
  margin-left: -3px;
  display: inline-block;
  vertical-align: top;
}

table {
  width: 240px;
  border: 0 solid #ddd;
}

.table-1 {
  width: 900px;
}

.features {
  font-size: 13px;
}

th {
  border-bottom: 1px solid #ddd;
}

.lead {
  line-height: 40px;
  background: #eee;
}

tbody tr:nth-child(2n+1) {
  background: #fff;
}

tbody tr:nth-child(2n) {
  background: #40bfa673;
}

.data {
  text-align: center;
}

.table-2 .features,.table-3 .features,.table-4 .features {
  display: none;
}

#price article .tick {
  font-size: 15px;
  color: #2ca01c;
}

#price article .n-tick {
  font-size: 15px;
  color: #ff9090;
}

#price article .numb {
  font-size: 14px;
  color: #000;
}

#price article .hide {
  border: 0;
  background: 0;
}

.table-1 td:nth-child(3),.table-1 td:nth-child(4),.table-3 td:nth-child(3),.table-3 td:nth-child(4) {
  text-align: center;
  padding: 5px;
}

.table-1 td:nth-child(1) {
  text-align: center;
  padding: 0;
  border-right: 1px solid #ddd;
}

.table-1 td:nth-child(3),.table-1 td:nth-child(4),.table-3 td:nth-child(3) {
  border-right: 1px solid #ddd;
}

.tabcontent article {
  padding: 2% 0;
}

td.annualButn {
  border: 0;
  text-align: center;
  padding: 0;
}

td.monthlyButn {
  border: 0;
  text-align: center;
  padding: 0;
}

#price .tab {
  text-align: center;
}

#price .tab.desktop-disabled {
  margin-bottom: 20px;
}

#price .tab button {
  border: 0;
  background: 0 0;
  padding: 4px 3%;
  font-size: 15px;
  color: #000;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 0;
  outline: 1px solid #000;
  font-family: Hind;
}

#price .tab button.active {
  background: #4ecdc4;
  color: #fff;
}

.price-modal-content table.table-1 {
  width: 785px;
}

.price-modal-content table .features {
  font-size: 12px;
}

#price .bg-base {
  border-top: 3px solid #32cfac;
}

#price .bg-blue {
  border-top: 3px solid #0097cf;
}

.price-modal-content .tab {
  margin-bottom: 20px;
}

.price-modal {
  display: none;
  position: fixed;
  z-index: 100002;
  padding-top: 5%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0,0,0,.4);
}

.price-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.closePricePlan {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: 700;
}

.closePricePlan:focus,.closePricePlan:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.planAttr p {
  margin: 0;
  font-size: 12px;
}

.planAttr select {
  border: 1px solid #ccc;
  width: 100%;
  height: 34px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  padding: 6px 25px;
  color: #555;
}

.priceplanbtn {
  border: 1px solid #d42c3c;
  background: 0 0;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #d42c3c;
}

.infoPlanDiv p.infoPlan {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  background: red;
  color: #fff;
  margin-left: 5px;
  margin-bottom: 2px;
  font-style: italic;
  cursor: pointer;
}

.infoPlanDiv {
  display: flex;
  align-items: center;
}

.planAttr select option.linebreaker {
  background: #ccc;
  color: #000;
}

.header {
  font-size: 15px!important;
}

.plan-title {
  font-size: 25px;
  text-align: center;
}

.feature {
  border: none!important;
  font-size: 20px;
  text-align: center;
}

.feature .regular-price {
  position: absolute;
  top: 5px;
  right: 49%;
}

.btn-plan {
  padding: 20px!important;
}

.plan {
  overflow: hidden;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  border: 2px solid #fff;
  width: 100%;
  margin: 1%;
  position: relative;
  border-radius: 0;
  opacity: 1%;
  color: #000000b3;
  font-weight: 900;
}

.price-table-wrapper {
  font-family: Lato,sans-serif;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 30px;
  align-items: flex-start;
}

.price-table-wrapper .featured-table {
  box-shadow: 0 0 19px -3px rgba(0,0,0,.36);
}

.price-table-wrapper .pricing-table {
  display: inline-block;
  border: 1px solid #c8c8c8;
  border-radius: 10px;
  background: #fff;
  margin: 20px;
  transition: all .3s ease-in-out;
  width: 20%;
}

.price-table-wrapper .pricing-table__header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 5px;
  font-size: 22px;
  color: #fff;
  background: #4ecdc4;
  margin-bottom: 0;
}

.price-table-wrapper .pricing-table__price {
  color: #6cc;
  padding: 15px 10px 10px 10px;
  margin: auto;
  font-size: 40px;
  font-weight: 500;
}

.price-table-wrapper .pricing-table__button {
  display: block;
  background: #6cc;
  text-decoration: none;
  padding: 20px;
  color: #fff;
  position: relative;
  overflow: hidden;
  transition: all .3s ease-in-out;
}

.price-table-wrapper .pricing-table__button:before {
  position: absolute;
  left: -20%;
  top: -10%;
  content: '';
  width: 60%;
  height: 220%;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  background: #fff;
  opacity: .3;
  transition: all .3s ease-in-out;
}

.price-table-wrapper .pricing-table__button:after {
  position: absolute;
  content: '>';
  top: 0;
  right: 0;
  font-size: 25px;
  padding: 15px;
  padding-right: 40px;
  color: #fff;
  opacity: 0;
  transition: all .3s ease-in-out;
}

.price-table-wrapper .pricing-table__button:hover {
  background: #000;
}

.price-table-wrapper .pricing-table__list {
  padding: 10px;
  color: #a0a0a0;
  margin-bottom: 0;
}

.price-table-wrapper .pricing-table__list li {
  border-bottom: 1px solid #c8c8c8;
  padding: 10px 0;
  font-size: 15px;
  font-family: Hind;
}

.price-table-wrapper .pricing-table__list li strong {
  font-weight: 400;
  letter-spacing: 1px;
}

.price-table-wrapper .pricing-table__list li:last-child {
  border: 0;
}

.price-table-wrapper .pricing-table:hover {
  box-shadow: 0 0 19px -3px rgba(0,0,0,.36);
}

.price-table-wrapper .pricing-table:hover .pricing-table__button {
  padding-left: 0;
  padding-right: 35px;
}

.price-table-wrapper .pricing-table:hover .pricing-table__button:before {
  top: -80%;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  width: 100%;
}

.price-table-wrapper .pricing-table:hover .pricing-table__button:after {
  opacity: 1;
  padding-right: 15px;
}

div#whyVms .container-custom {
  padding: 0;
}

div#whyVmsSlider .item img {
  width: 65%;
  float: left;
}

div#whyVmsSlider .item .carousel-caption {
  position: relative;
  display: block;
  width: 35%;
  float: left;
  text-align: right;
  right: auto;
  left: auto;
  bottom: auto;
  top: auto;
  padding: 0;
  color: #000;
  text-shadow: 0;
  padding: 7% 4% 0;
  height: 100%;
}

div#whyVmsSlider .item .carousel-caption h4 {
  text-align: left;
  color: #32cfac;
  letter-spacing: 1px;
}

div#whyVmsSlider .item .carousel-caption p {
  font-weight: 400;
  font-family: Hind;
  text-align: left;
}

#featureSlide ul.nav.nav-tabs {
  border-bottom: 0;
}

div#whyVmsSlider .carousel-indicators {
  bottom: -40px;
}

div#whyVmsSlider .carousel-indicators li {
  background-color: #32cfaca8;
  border: 1px solid #32cfac;
}

div#whyVmsSlider .carousel-indicators li.active {
  background-color: #fff;
}

div#whyVmsSlider .item .carousel-caption ul li {
  font-family: Hind;
}

#featureSlide ul.nav.nav-tabs {
  border-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  text-align: center;
}

#featureSlide ul.nav.nav-tabs li {
  max-width: 150px;
  width: 100%;
  float: left;
  border: 0;
  padding: 0;
}

#featureSlide ul.nav.nav-tabs li a {
  margin: 0;
  border: 1px solid #000;
  margin-right: 5px;
  border-radius: 0;
  text-transform: uppercase;
  padding: 5px;
  letter-spacing: 1px;
  color: #000;
}

#featureSlide ul.nav.nav-tabs li.active a {
  border: 1px solid #32cfac;
  border-radius: 0;
  background: #32cfac;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: 1px solid #000;
}

div#whyVmsSlider {
  border: 1px solid #32cfac;
  width: 90%;
  margin: 0 auto 40px;
}

div#emp-tab .nav-tabs {
  border-bottom: 0;
  border-bottom: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

div#emp-tab .nav-tabs li {
  max-width: 140px;
  width: 100%;
  float: left;
  border: 0;
  padding: 0;
  text-align: center;
  margin: 0;
  display: block;
}

div#etsSlider {
  border: 1px solid #ccc;
  width: 90%;
  margin: 0 auto 40px;
}

div#etsSlider .item img {
  width: 65%;
  float: left;
}

div#etsSlider .item .carousel-caption {
  position: relative;
  display: block;
  width: 35%;
  float: left;
  text-align: right;
  right: auto;
  left: auto;
  bottom: auto;
  top: auto;
  padding: 0;
  color: #000;
  text-shadow: 0;
  padding: 7% 4% 0;
  height: 100%;
}

div#etsSlider .carousel-indicators {
  bottom: -40px;
}

div#etsSlider .carousel-indicators li {
  background-color: #32cfaca8;
  border: 1px solid #32cfac;
}

div#etsSlider .item .carousel-caption h4 {
  text-align: left;
  color: #32cfac;
  letter-spacing: 1px;
}

div#etsSlider .item .carousel-caption p {
  font-weight: 400;
  font-family: Hind;
  text-align: left;
  line-height: 1.8;
}

.faqcontainer .accordion-item {
  padding: 10px 5px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  border-radius: 5px;
}

.plan-ribbon {
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  background-color: #21ba45;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 55px;
  min-width: 200px;
  text-align: center;
  position: absolute;
  top: 0;
  right: -45px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.2);
  -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.2);
  box-shadow: 1px 1px 8px rgba(0,0,0,.2);
  z-index: 1;
  line-height: 10px;
}

.plan-ribbon.red {
  background-color: #db2828;
}

.plan-ribbon.green {
  background-color: #21ba45;
}

.plan-ribbon.yellow {
  background-color: #fbbd08;
}

.plan-ribbon.blue {
  background-color: #478de1;
}

.amount {
  font-size: 20px;
  line-height: 45px;
  font-weight: 600;
}

.regular-price {
  text-decoration: line-through;
  font-weight: 100;
  font-size: 16px;
  color: #bebebe;
}

.column {
  padding: 4%;
}

.ui.inverted.violet.segment {
  background-color: #00ac8b!important;
  color: #fff!important;
}

.ui.violet.button,.ui.violet.buttons .button {
  background-color: #00ac8b;
  color: #fff;
  text-shadow: none;
  background-image: none;
}

.ui.violet.button:hover,.ui.violet.buttons .button {
  background-color: #fff;
  color: #00ac8b;
  text-shadow: none;
  background-image: none;
}

.seapadding {
  padding: 10px;
}

.setfontads {
  font-size: 15px;
}

.faqcontainer {
  padding: 0 5%;
  width: 100%;
  float: left;
}

.accordion a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: Poppins;
  color: #000;
}

.accordion a:hover,.accordion a:hover::after {
  cursor: pointer;
  color: #4ecdc4;
}

.accordion a.active {
  color: #4ecdc4;
  border-bottom: 1px solid #4ecdc4;
}

.accordion a::after {
  font-family: Ionicons;
  content: '\f218';
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1rem;
  color: #7288a2;
  padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}

.accordion a.active::after {
  font-family: Ionicons;
  content: '\f209';
  color: #03b5d2;
}

.accordion .content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  clear: both;
  transition: all .2s ease .15s;
}

.accordion .content p {
  font-size: 1rem;
  font-weight: 300;
  font-family: Poppins;
  color: #000;
  padding: 10px 0;
  text-align: left;
}

.accordion .content.active {
  opacity: 1;
  max-height: 100%;
  -webkit-transition: all .35s ease .15s;
  -o-transition: all .35s ease .15s;
  transition: all .35s ease .15s;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown a {
  color: #000;
  font-family: Hind!important;
  font-weight: 600;
  font-size: 16px;
}

.dropdown-menu a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

ul li ul.dropdown-menu {
  min-width: 100%;
  background: #fff;
  display: none;
  position: absolute;
  z-index: 999;
  left: 0;
}

ul li ul.dropdown-menu li {
  display: block;
}

@media only screen and (min-width:0) and (max-width:320px) {
  .mobile-disabled {
    display: none;
  }

  .navbar-default .navbar-header .navbar-brand {
    width: 31%;
  }

  .soc-ico {
    width: 33.333%;
    float: left;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }

  li.login {
    float: left;
    width: 50%;
    text-align: center;
  }

  li.login a {
    width: 75%!important;
  }

  .nav>li {
    text-align: center;
  }

  #arriveCarousel .carousel-caption p {
    line-height: 26px;
    margin-top: 0;
    padding-left: 0;
    font-size: 18px;
  }

  #arriveCarousel .carousel-caption {
    top: 7%;
    bottom: auto;
    text-align: unset;
  }

  iframe#arrivd_video {
    left: 26px;
    top: 63px;
    width: 267px;
    height: 475px;
  }

  .analytics .analytics-img .img-2 {
    position: relative;
    bottom: 0;
    left: 0;
  }

  .navbar-default .collapse .freetrial a {
    margin-top: 7px;
  }

  .navbar-default .collapse .login a {
    padding: 4px 20px!important;
  }

  .ui.segments.plan {
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 2px solid #fff;
    width: 100%;
    margin: 1%;
    position: relative;
    border-radius: 3%;
    background-color: #00ac8bd1!important;
    opacity: 1%;
    color: #000000b3;
    font-weight: 900;
  }
}

@media only screen and (min-width:321px) and (max-width:360px) {
  #arriveCarousel .carousel-caption {
    display: none;
  }

  .navbar-default .navbar-header .navbar-brand {
    width: 31%;
  }

  .navbar-right li {
    text-align: center;
    float: left;
    width: 100%;
  }

  .navbar-default .collapse .login a {
    padding: 4px 20px!important;
    margin-left: 0!important;
  }

  .navbar-default .collapse .freetrial a {
    margin-left: 0;
  }

  .navbar-right li.soc-ico {
    width: 33.33%;
    float: left;
    border-top: 1px solid;
    border-bottom: 1px solid;
  }

  .navbar-default .collapse li.login {
    float: left;
    width: 100%;
  }

  .navbar-default .collapse .login a {
    margin-left: 0;
    width: 30%;
  }

  .analytics .analytics-img .img-2 {
    position: relative;
    bottom: 0;
    left: 0;
  }

  .ui.segments.plan {
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 2px solid #fff;
    width: 100%;
    margin: 1%;
    position: relative;
    border-radius: 3%;
    background-color: #00ac8bd1!important;
    opacity: 1%;
    color: #000000b3;
    font-weight: 900;
  }
}

@media only screen and (min-width:361px) and (max-width:375px) {
  .navbar-default .navbar-header .navbar-brand {
    width: 31%;
  }

  .navbar-right li {
    text-align: center;
    float: left;
    width: 100%;
  }

  .navbar-right li.soc-ico {
    width: 33.33%;
    float: left;
    border-top: 1px solid;
    border-bottom: 1px solid;
  }

  .navbar-default .collapse li.login {
    float: left;
    width: 100%;
  }

  .navbar-default .collapse .login a {
    margin-left: 0!important;
    width: 30%;
    padding: 4px 20px!important;
  }

  iframe#arrivd_video {
    left: 38px;
    top: 71px;
    width: 297px;
    height: 529px;
  }

  .analytics .analytics-img .img-2 {
    position: relative;
    bottom: 0;
    left: 0;
  }

  .navbar-default .collapse .freetrial a {
    padding: 4px 20px;
    margin-left: 0;
  }

  .ui.segments.plan {
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 2px solid #fff;
    width: 100%;
    margin: 1%;
    position: relative;
    border-radius: 3%;
    background-color: #00ac8bd1!important;
    opacity: 1%;
    color: #000000b3;
    font-weight: 900;
  }
}

@media only screen and (min-width:376px) and (max-width:414px) {
  #arriveCarousel .carousel-caption {
    display: none;
  }

  .navbar-default .navbar-header .navbar-brand {
    width: 31%;
  }

  iframe#arrivd_video {
    left: 56px;
  }

  .navbar-right li {
    text-align: center;
    float: left;
    width: 100%;
  }

  .navbar-right li.soc-ico {
    width: 33.33%;
    float: left;
    border-top: 1px solid;
    border-bottom: 1px solid;
  }

  .navbar-default .collapse li.login {
    float: left;
    width: 100%;
  }

  .navbar-default .collapse .login a {
    margin-left: 0!important;
    width: 30%;
    padding: 4px 20px!important;
  }

  .navbar-default .collapse .freetrial a {
    margin-left: 0;
    width: 30%;
  }

  .analytics .analytics-img .img-2 {
    position: relative;
    bottom: 0;
    left: 0;
  }

  .ui.segments.plan {
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 2px solid #fff;
    width: 100%;
    margin: 1%;
    position: relative;
    border-radius: 3%;
    background-color: #00ac8bd1!important;
    opacity: 1%;
    color: #000000b3;
    font-weight: 900;
  }
}

@media only screen and (min-width:415px) and (max-width:425px) {
  #arriveCarousel .carousel-caption {
    display: none;
  }

  .navbar-default .navbar-header .navbar-brand {
    width: 31%;
  }

  .navbar-right li {
    text-align: center;
  }

  .navbar-right li.soc-ico {
    width: 33.33%;
    float: left;
    border-top: 1px solid;
    border-bottom: 1px solid;
  }

  .navbar-default .collapse li.login {
    float: left;
    width: 100%;
  }

  .navbar-default .collapse .login a {
    margin-left: 0;
    width: 30%;
  }

  iframe#arrivd_video {
    left: 63px;
    top: 70px;
    width: 298px;
    height: 530px;
  }

  .analytics .analytics-img .img-2 {
    position: relative;
    bottom: 0;
    left: 0;
  }

  .ui.segments.plan {
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 2px solid #fff;
    width: 100%;
    margin: 1%;
    position: relative;
    border-radius: 3%;
    background-color: #00ac8bd1!important;
    opacity: 1%;
    color: #000000b3;
    font-weight: 900;
  }
}

@media only screen and (min-width:600px) and (max-width:767px) {
  .navbar-default .collapse li {
    float: left;
    width: 100%;
  }

  .navbar-default .collapse .login a {
    padding: 4px 30px!important;
    margin-left: 0!important;
  }

  .navbar-default .collapse .freetrial a {
    margin-left: 0;
  }

  .navbar-default .navbar-header .navbar-brand {
    width: 18%;
  }

  .navbar-right {
    margin-top: 8px;
    padding: 0 15px;
  }

  .navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    font-family: Hind;
    letter-spacing: 1px;
    padding: 8px;
    text-transform: uppercase;
  }

  ul.intro_content {
    padding: 0 15%;
  }

  ul.intro_content li.intro_li {
    margin: 0 0 5%;
  }

  .left_intro ul.intro_content li.intro_li .icon_list_icon {
    margin: 0 0 0 5%;
  }

  .left_intro .icon_list_connector {
    right: 7.5%;
    bottom: -78%;
  }

  .right_intro .icon_list_connector {
    left: 7.5%;
    bottom: -90%;
  }

  .center_intro_img {
    padding: 5% 3%;
  }

  iframe#arrivd_video {
    left: 225px;
    top: 108px;
    width: 298px;
    height: 530px;
  }

  .emp-feat li.box {
    float: left;
    width: 100%;
  }

  .analytics .analytics-img .img-2 {
    position: absolute;
    bottom: 18%;
    right: -25%;
    left: auto;
  }

  .ui.segments.plan {
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 2px solid #fff;
    width: 100%;
    margin: 1%;
    position: relative;
    border-radius: 3%;
    background-color: #00ac8bd1!important;
    opacity: 1%;
    color: #000000b3;
    font-weight: 900;
  }
}

@media only screen and (max-width:600px) {
  iframe#arrivd_video {
    pointer-events: all;
    left: 0!important;
    right: 0;
    margin: auto;
  }

  .ui.segments.plan {
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 2px solid #fff;
    width: 100%;
    margin: 1%;
    position: relative;
    border-radius: 3%;
    background-color: #00ac8bd1!important;
    opacity: 1%;
    color: #000000b3;
    font-weight: 900;
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .navbar-default .navbar-header .navbar-brand {
    width: 18%;
  }

  .navbar-right {
    margin-top: 8px;
    padding: 0 15px;
  }

  .navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    font-family: Hind;
    letter-spacing: 1px;
    padding: 8px;
    text-transform: uppercase;
  }

  .ui.segments.plan {
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 2px solid #fff;
    width: 100%;
    margin: 1%;
    position: relative;
    border-radius: 3%;
    background-color: #00ac8bd1!important;
    opacity: 1%;
    color: #000000b3;
    font-weight: 900;
  }
}

@media only screen and (min-width:991px) and (max-width:1024px) {
  iframe#arrivd_video {
    position: absolute;
    top: 65px;
    left: 26px;
    width: 270px;
    height: 480px;
    pointer-events: all;
  }

  .navbar-default .collapse .freetrial a {
    color: #fff;
    background: #4ecdc4;
    border: 1px solid #4ecdc4;
    border-radius: 20px;
    padding: 3px 20px;
    font-size: 12px;
    margin-top: 0;
    margin-left: 20px;
    display: inline-block;
    overflow: hidden;
  }
}

@media(min-width:640px) {
  #price article ul {
    display: none;
  }

  #price article td,#price article th {
    display: table-cell!important;
    text-align: center;
    font-family: Hind;
    font-size: 13px;
  }

  td+td,th+th {
    width: auto;
  }

  tbody tr td.bold.width10[rowspan="4"] {
    background: #a9e2d7;
  }

  tbody tr td.width10[rowspan="9"] {
    background: #a9e2d7;
  }
}

@media only screen and (min-width:768px) {
  .custom-image-style-1:not(._middle) {
    position: absolute;
    top: -10%;
    z-index: 1;
  }

  .custom-image-style-1._left {
    left: 6%;
  }

  .custom-image-style-1._middle {
    left: 61%;
    position: absolute;
    bottom: -2%;
  }

  .custom-image-style-1._right {
    right: 9%;
  }

  .navbar-default .navbar-header {
    float: left;
    width: 15%;
  }

  .navbar-default .navbar-header .navbar-brand {
    float: left;
    width: 100%;
    padding: 0 20px;
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  .navbar-default .collapse .freetrial a {
    padding: 0 20px;
    margin-top: 7px;
  }
}

@media only screen and (max-width:768px) {
  .mobile-disabled {
    display: none;
  }

  .navbar-default .navbar-collapse,.navbar-default .navbar-form {
    background: #fff;
    box-shadow: 3px 4px 48px -28px #000;
  }

  .navbar-default .navbar-header .navbar-brand {
    padding: 5px 0 0 10px;
  }

  .carousel-caption.ets {
    display: none;
  }

  #arriveCarousel .carousel-caption {
    width: 100%;
    left: 0;
    padding: 0;
    top: 0;
  }

  #arriveCarousel .carousel-caption.text-right {
    width: 60%;
    left: 0;
    top: 0;
    text-align: left;
    background: #000000d4;
    padding-left: 2%;
    min-height: 100%;
  }

  #arriveCarousel .carousel-caption.text-right.first {
    min-height: fit-content;
  }

  #arriveCarousel .carousel-caption p {
    padding: 3% 2%;
    line-height: 1.5;
    font-size: 14px;
  }

  #arriveCarousel .carousel-caption p span {
    font-size: 13px;
    text-shadow: 0;
  }

  #arriveCarousel .carousel-caption p span:after {
    height: 3px;
    bottom: -7px;
    left: -145%;
  }

  #arriveCarousel .carousel-caption.center {
    top: 60%;
    text-align: center;
  }

  #arriveCarousel .carousel-caption.left {
    top: 0;
    text-align: left;
    min-height: 100%;
  }

  #arriveCarousel .carousel-indicators {
    width: 100%;
    left: 0;
    margin-left: 0;
    margin: 0;
    text-align: center;
    bottom: 25px;
    top: auto;
    z-index: 8;
    transform: rotate(0);
  }

  #arriveCarousel .carousel-indicators li {
    background-color: #fff;
    border-color: #40bfa6;
  }

  .bannerHyperlinks .hyperWrap {
    display: none;
  }

  .emp-feat li.box {
    float: left;
    width: 100%;
  }

  .sections {
    padding-top: 0;
  }

  p.gdsk,p.gdsk.hjd {
    width: 100%;
    margin: 10px 0;
  }

  .section-title h3 b {
    width: 100%;
    display: block;
    font-size: 14px;
  }

  .section-title h3 b span {
    font-size: 17px;
  }

  .heading-feature h4 {
    font-size: 30px;
    line-height: 1;
  }

  .bannerBg_analytics {
    min-height: 265px;
  }

  .bannerBg_analytics .center .section-title {
    font-size: 30px;
  }

  .bannerBg_analytics .center p {
    font-size: 26px;
    color: #fff;
    line-height: 60px;
  }

  .head_title p {
    max-width: 100%;
    margin: 10px auto;
    padding-bottom: 0;
    font-size: 14px;
  }

  section#arrived_intro {
    max-height: 100%;
  }

  .left_intro,.right_intro {
    padding: 8% 5% 0 5%;
  }

  ul.intro_content li.intro_li .icon_description p {
    font-size: 15px;
  }

  .features div#tab-content .nav-tabs {
    padding: 0;
    width: 100%;
    margin-bottom: 10px;
  }

  .features div#tab-content .nav-tabs li:nth-child(2) {
    margin: 1.5%;
  }

  .features div#tab-content .nav-tabs li {
    padding: 8px 7px;
    margin: 1.5%;
  }

  .st-feature-content {
    padding: 5% 0;
  }

  .st-feature-content img.st-feature-icon {
    width: 20%!important;
  }

  #emp-tab>ul {
    padding: 0;
  }

  #emp-tab>ul>li {
    margin: 0;
    width: 50%;
  }

  #emp-tab>ul>li a {
    font-size: 18px;
    line-height: 30px;
    padding: 0;
  }

  .emp-feat .title-emp {
    font-size: 15px;
  }

  .emp-feat p.description-emp {
    font-size: 12px;
    line-height: 23px;
  }

  .emp-feat .box {
    float: left;
    margin-bottom: 20px;
    margin-top: 15px;
    min-height: auto;
  }

  .slider-sec-caption {
    bottom: -10%;
  }

  .analytics-content {
    min-height: auto;
  }

  .analytics-cont {
    float: left;
  }

  .analytics-content #tab-content .tab-content ul {
    padding: 25px 0 0 0;
  }

  .analytics .analytics-img {
    position: relative;
    float: left;
  }

  .analytics-content #tab-content .tab-content ul li p {
    padding: 0 0 0 45px;
    font-size: 14px;
  }

  .analytics .analytics-img .img-1 {
    padding: 0;
    margin-bottom: 20px;
  }

  .analytics .analytics-img img {
    display: block;
    margin: auto;
  }

  .get_it_now {
    min-height: 300px;
  }

  .get_now_wrapper h4 {
    text-align: center;
    line-height: 1.3;
    font-family: Poppins;
    font-size: 22px;
  }

  .get_now_wrapper p {
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
  }

  .get_now_image {
    float: left;
    width: 100%;
  }

  .get_now_image a {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .get_now_image a img {
    display: block;
    margin: auto;
  }

  #subscribe {
    min-height: auto;
  }

  .main_contact {
    float: left;
    width: 100%;
  }

  .contact_content .single_left_contact {
    margin: 0;
    margin-top: 20px;
  }

  .head_title h4 {
    font-size: 20px;
    margin-top: 20px;
  }

  .single_right_contact p {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    font-family: Hind;
  }

  .single_right_contact a {
    font-family: Hind;
    font-style: italic;
    font-size: 12px;
  }

  .single_right_contact1 h4 {
    font-family: Hind;
    font-size: 15px;
  }

  .text {
    padding: 0;
    font-family: Hind,sans-serif;
    color: #000;
  }

  #contact a {
    font-family: Hind,sans-serif;
  }

  .foo-bott-link a {
    color: #4ecdc4;
    font-weight: 400;
    font-family: Hind;
  }

  .foo-bott-link {
    padding: 0;
    text-align: center;
    margin-bottom: 10px;
  }

  .center_intro_img video.mobile_video {
    z-index: -1;
  }

  .navbar-default .navbar-collapse,.navbar-default .navbar-form {
    background: #fff;
    box-shadow: 3px 4px 48px -28px #000;
  }

  .navbar-default .collapse .login a {
    color: #4ecdc4;
    border: 1px solid #4ecdc4;
    border-radius: 20px;
    padding: 0 20px;
    font-size: 12px;
    margin-top: 7px;
    margin-left: 10px;
    display: inline-block;
    overflow: hidden;
  }

  iframe#arrivd_video {
    pointer-events: all;
    left: 30%;
  }

  div#whyVmsSlider .item .carousel-caption {
    width: 100%;
    padding: 5% 4% 5%;
    min-height: 173px;
  }

  div#whyVmsSlider .item img {
    width: 100%;
    float: left;
  }

  .carousel-control.slide.left {
    left: 10px;
  }

  .carousel-control.slide.right {
    right: 10px;
  }

  div#etsSlider .item .carousel-caption {
    width: 100%;
    padding: 5% 4% 5%;
    min-height: 250px;
  }

  div#etsSlider .item img {
    width: 100%;
    float: left;
  }

  .faqcontainer .accordion-item {
    padding: 10px 35px 10px 5px;
  }

  .accordion a::after {
    right: -30px;
  }

  .price-table-wrapper {
    display: block;
  }

  .price-table-wrapper .pricing-table {
    display: block;
    margin: 5%;
    width: 90%;
  }
}

@media(max-width:991px) {
  .custom-image-style-2._small {
    left: auto;
    right: 25px;
    bottom: 0;
    width: 23.5%;
  }

  .custom-image-style-2._big {
    position: static;
  }
}

@media(max-width:1199px) and (min-width:992px) {
  .custom-image-style-2 {
    bottom: 111px;
  }

  .custom-image-style-2._small {
    left: 25px;
    bottom: 100px;
  }

  svg#curved-line-1 {
    width: 107.4%;
    -webkit-transform: scale(1.13);
    -moz-transform: scale(1.13);
    -ms-transform: scale(1.13);
    -o-transform: scale(1.13);
    transform: scale(1.13);
  }
}

@media screen and (max-width:1028px) {
  .plan-container {
    display: block;
    margin: auto;
    width: 100%;
    padding: 6% 0;
  }

  .table-3 {
    width: 100%;
    margin: 0;
  }

  .table-3 .features {
    display: table-cell;
  }
}

@media screen and (max-width:640px) {
  td.annualButn {
    border: 0;
    text-align: center;
    padding: 2% 0;
  }

  td.monthlyButn {
    border: 0;
    text-align: center;
    padding: 0;
  }

  .plan {
    display: block;
  }

  .table-1 {
    width: 100%;
    margin: 0;
  }

  table {
    margin: auto;
    width: 80%;
    border: 1px solid #ccc;
  }
}

@media screen and (min-width:767px) {
  .principal {
    transform: scale(1.05);
  }

  .principal:hover {
    transform: scale(1.1);
    z-index: 1;
  }
}


/* Tabs */
@font-face {
  font-weight:400;font-style:normal;font-family:stroke7pixeden;src:url(../fonts/stroke7pixeden/stroke7pixeden.eot?u58ytb);src:url(../fonts/stroke7pixeden/stroke7pixeden.eot?#iefixu58ytb) format('embedded-opentype'),url(../fonts/stroke7pixeden/stroke7pixeden.woff?u58ytb) format('woff'),url(../fonts/stroke7pixeden/stroke7pixeden.ttf?u58ytb) format('truetype'),url(../fonts/stroke7pixeden/stroke7pixeden.svg?u58ytb#stroke7pixeden) format('svg');
}

.tabs {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  font-weight: 300;
  font-size: 1.25em;
}

.tabs nav {
  text-align: center;
}

.tabs nav ul {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
  list-style: none;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.tabs nav ul li {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  text-align: center;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tabs nav a {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.5;
}

.tabs nav a span {
  vertical-align: middle;
  font-size: .75em;
}

.tabs nav li.tab-current a {
  color: #74777b;
}

.tabs nav a:focus {
  outline: 0;
}

.icon::before {
  z-index: 10;
  display: inline-block;
  margin: 0 .4em 0 0;
  vertical-align: middle;
  text-transform: none;
  font-weight: 400;
  font-variant: normal;
  font-size: 1.3em;
  font-family: stroke7pixeden;
  line-height: 1;
  speak: none;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-upload::before {
  content: "\e68a";
}

.icon-tools::before {
  content: "\e60a";
}

.icon-plane::before {
  content: "\e625";
}

.icon-joy::before {
  content: "\e6a4";
}

.icon-plug::before {
  content: "\e69a";
}

.icon-home::before {
  content: "\e648";
}

.icon-gift::before {
  content: "\e652";
}

.icon-display::before {
  content: "\e65e";
}

.icon-date::before {
  content: "\e660";
}

.icon-config::before {
  content: "\e666";
}

.icon-coffee::before {
  content: "\e669";
}

.icon-camera::before {
  content: "\e66f";
}

.icon-box::before {
  content: "\e674";
}

.content-wrap {
  position: relative;
}

.content-wrap section {
  display: none;
  margin: 0 auto;
  padding: 1em;
  max-width: 1200px;
}

.content-wrap section.content-current {
  display: block;
  float: left;
}

.content-wrap section.content-current img {
  padding-top: 0;
}

.content-wrap section p {
  margin: 0;
  padding: .75em 0;
  color: rgba(40,44,42,.48);
  font-weight: 900;
  font-size: 4em;
  line-height: 1;
}

.no-js .content-wrap section {
  display: block;
  padding-bottom: 2em;
  border-bottom: 1px solid rgba(255,255,255,.6);
}

.no-flexbox nav ul {
  display: block;
}

.no-flexbox nav ul li {
  min-width: 15%;
  display: inline-block;
}

@media screen and (max-width:58em) {
  .tabs nav a.icon span {
    display: none;
  }

  .tabs nav a:before {
    margin-right: 0;
  }
}

/* tabstyle */
.tabs-style-bar nav {
  background: rgba(40,44,42,.05);
}

.tabs-style-bar nav ul {
  border: 4px solid transparent;
}

.tabs-style-bar nav ul li a {
  margin: 0 2px;
  background-color: #f7f7f7;
  color: #74777b;
  transition: background-color .2s,color .2s;
}

.tabs-style-bar nav ul li a:focus,.tabs-style-bar nav ul li a:hover {
  color: #2cc185;
}

.tabs-style-bar nav ul li a span {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: .6em;
}

.tabs-style-bar nav ul li.tab-current a {
  background: #2cc185;
  color: #fff;
}

.tabs-style-iconbox nav {
  background: rgba(255,255,255,.4);
}

.tabs-style-iconbox nav ul li a {
  overflow: visible;
  padding: 2em 0;
  line-height: 1;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.tabs-style-iconbox nav ul li a span {
  font-weight: 700;
  font-size: .7em;
}

.tabs-style-iconbox nav ul li.tab-current {
  z-index: 100;
}

.tabs-style-iconbox nav ul li.tab-current a {
  background: #fff;
  box-shadow: -1px 0 0 #fff;
}

.tabs-style-iconbox nav ul li.tab-current a::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 10px;
  border-top-color: #fff;
  content: '';
  pointer-events: none;
}

.tabs-style-iconbox nav ul li::after,.tabs-style-iconbox nav ul li:first-child::before {
  position: absolute;
  top: 20%;
  right: 0;
  z-index: -1;
  width: 1px;
  height: 60%;
  background: rgba(0,0,0,.07);
  content: '';
}

.tabs-style-iconbox nav ul li:first-child::before {
  right: auto;
  left: 0;
}

.tabs-style-iconbox .icon::before {
  display: block;
  margin: 0 0 .25em 0;
}

.tabs-style-underline nav {
  background: #fff;
}

.tabs-style-underline nav a {
  padding: .25em 0 .5em;
  border-left: 1px solid #e7ecea;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.tabs-style-underline nav li:last-child a {
  border-right: 1px solid #e7ecea;
}

.tabs-style-underline nav li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #2cc185;
  content: '';
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  -webkit-transform: translate3d(0,150%,0);
  transform: translate3d(0,150%,0);
}

.tabs-style-underline nav li.tab-current a::after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.tabs-style-underline nav a span {
  font-weight: 700;
}

.tabs-style-linetriangle nav a {
  overflow: visible;
  border-bottom: 1px solid rgba(0,0,0,.2);
  -webkit-transition: color .2s;
  transition: color .2s;
}

.tabs-style-linetriangle nav a span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1em;
}

.tabs-style-linetriangle nav li.tab-current a:after,.tabs-style-linetriangle nav li.tab-current a:before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: '';
  pointer-events: none;
}

.tabs-style-linetriangle nav li.tab-current a:after {
  margin-left: -10px;
  border-width: 10px;
  border-top-color: #e7ecea;
}

.tabs-style-linetriangle nav li.tab-current a:before {
  margin-left: -11px;
  border-width: 11px;
  border-top-color: rgba(0,0,0,.2);
}

@media screen and (max-width:58em) {
  .tabs-style-linetriangle nav {
    font-size: .6em;
  }
}

.tabs-style-topline {
  max-width: 1200px;
}

.tabs-style-topline nav li {
  border: 1px solid rgba(40,44,42,.1);
}

.tabs-style-topline nav li:not(:last-child) {
  border-right: none;
}

.tabs-style-topline nav li.tab-current {
  border-top-color: #2cc185;
  border-bottom: none;
}

.tabs-style-topline nav a {
  padding: .65em 0 .5em;
  background: rgba(40,44,42,.05);
  color: #74777b;
  line-height: 1;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.tabs-style-topline nav a:focus,.tabs-style-topline nav a:hover {
  color: #2cc185;
}

.tabs-style-topline nav li.tab-current a {
  background: 0 0;
  box-shadow: inset 0 3px 0 #2cc185;
  color: #2cc185;
}

.tabs-style-topline .icon::before {
  display: block;
  margin: 0;
}

.tabs-style-topline nav a span {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: .5em;
}

.tabs-style-iconfall {
  overflow: visible;
}

.tabs-style-iconfall nav a {
  display: inline-block;
  overflow: visible;
  padding: 1em 0 2em;
  color: #74777b;
  line-height: 1;
  -webkit-transition: color .3s cubic-bezier(.7,0,.3,1);
  transition: color .3s cubic-bezier(.7,0,.3,1);
}

.tabs-style-iconfall nav a:focus,.tabs-style-iconfall nav a:hover,.tabs-style-iconfall nav li.tab-current a {
  color: #2cc185;
}

.tabs-style-iconfall nav a span {
  font-weight: 700;
}

.tabs-style-iconfall nav li::before {
  position: absolute;
  bottom: 1em;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 4px;
  background: #2cc185;
  content: '';
  opacity: 0;
  -webkit-transition: -webkit-transform .2s ease-in;
  transition: transform .2s ease-in;
  -webkit-transform: scale3d(0,1,1);
  transform: scale3d(0,1,1);
}

.tabs-style-iconfall nav li.tab-current::before {
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

.tabs-style-iconfall .icon::before {
  display: block;
  margin: 0 0 .35em;
  opacity: 0;
  -webkit-transition: -webkit-transform .2s,opacity .2s;
  transition: transform .2s,opacity .2s;
  -webkit-transform: translate3d(0,-100px,0);
  transform: translate3d(0,-100px,0);
  pointer-events: none;
}

.tabs-style-iconfall nav li.tab-current .icon::before {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

@media screen and (max-width:58em) {
  .tabs-style-iconfall nav li .icon::before {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

.tabs-style-linemove nav {
  background: #fff;
}

.tabs-style-linemove nav li:last-child::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #2cc185;
  content: '';
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
}

.tabs-style-linemove nav li:first-child.tab-current~li:last-child::before {
  -webkit-transform: translate3d(-400%,0,0);
  transform: translate3d(-400%,0,0);
}

.tabs-style-linemove nav li:nth-child(2).tab-current~li:last-child::before {
  -webkit-transform: translate3d(-300%,0,0);
  transform: translate3d(-300%,0,0);
}

.tabs-style-linemove nav li:nth-child(3).tab-current~li:last-child::before {
  -webkit-transform: translate3d(-200%,0,0);
  transform: translate3d(-200%,0,0);
}

.tabs-style-linemove nav li:nth-child(4).tab-current~li:last-child::before {
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.tabs-style-linemove nav a {
  padding: 1em 0;
  color: #74777b;
  line-height: 1;
  -webkit-transition: color .3s,-webkit-transform .3s;
  transition: color .3s,transform .3s;
}

.tabs-style-linemove nav li.tab-current a {
  color: #2cc185;
  -webkit-transform: translate3d(0,8px,0);
  transform: translate3d(0,8px,0);
}

.tabs-style-linemove nav a span {
  font-weight: 700;
}

.tabs-style-line nav ul {
  padding: 0 2em;
  max-width: none;
  box-shadow: inset 0 -2px #d1d3d2;
}

.tabs-style-line nav a {
  padding: .7em .4em;
  box-shadow: inset 0 -2px #d1d3d2;
  color: #74777b;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: .8em;
  line-height: 1;
  -webkit-transition: color .3s,box-shadow .3s;
  transition: color .3s,box-shadow .3s;
}

.tabs-style-line nav a:focus,.tabs-style-line nav a:hover {
  box-shadow: inset 0 -2px #74777b;
}

.tabs-style-line nav li.tab-current a {
  box-shadow: inset 0 -2px #2cc185;
  color: #2cc185;
}

@media screen and (max-width:58em) {
  .tabs-style-line nav ul {
    display: block;
    box-shadow: none;
  }

  .tabs-style-line nav ul li {
    display: block;
    -webkit-flex: none;
    flex: none;
  }
}

.tabs-style-circle {
  overflow: visible;
}

.tabs-style-circle nav li::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -60px 0 0 -60px;
  width: 120px;
  height: 120px;
  border: 1px solid #2cc185;
  border-radius: 50%;
  content: '';
  opacity: 0;
  -webkit-transition: -webkit-transform .2s,opacity .2s;
  transition: transform .2s,opacity .2s;
  -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
  transition-timing-function: cubic-bezier(.7,0,.3,1);
}

@media screen and (max-width:58em) {
  .tabs-style-circle nav li::before {
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
  }
}

.tabs-style-circle nav li.tab-current::before {
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

.tabs-style-circle nav a {
  overflow: visible;
  color: #74777b;
  font-weight: 700;
  font-size: .9em;
  line-height: 1.1;
  -webkit-transition: color .3s cubic-bezier(.7,0,.3,1);
  transition: color .3s cubic-bezier(.7,0,.3,1);
}

.tabs-style-circle nav a span {
  display: inline-block;
}

.tabs-style-circle .icon::before,.tabs-style-circle nav a span {
  -webkit-transition: -webkit-transform .3s cubic-bezier(.7,0,.3,1);
  transition: transform .3s cubic-bezier(.7,0,.3,1);
}

.tabs-style-circle nav a:focus,.tabs-style-circle nav a:hover {
  color: #4a4a4b;
}

.tabs-style-circle nav li.tab-current a {
  color: #2cc185;
}

.tabs-style-circle nav li.tab-current a span {
  -webkit-transform: translate3d(0,4px,0);
  transform: translate3d(0,4px,0);
}

.tabs-style-circle .icon::before {
  display: block;
  margin: 0;
  pointer-events: none;
}

.tabs-style-circle nav li.tab-current .icon::before {
  -webkit-transform: translate3d(0,-4px,0);
  transform: translate3d(0,-4px,0);
}

.tabs-style-shape {
  max-width: 1200px;
}

.tabs-style-shape nav ul li {
  margin: 0 3em;
}

.tabs-style-shape nav ul li:first-child {
  margin-left: 0;
}

.tabs-style-shape nav ul li.tab-current {
  z-index: 100;
}

.tabs-style-shape nav li a {
  overflow: visible;
  margin: 0 -3em 0 0;
  padding: 0;
  color: #fff;
  font-weight: 500;
}

.tabs-style-shape nav li:first-child a span {
  padding-left: 2em;
  border-radius: 30px 0 0 0;
}

.tabs-style-shape nav li:last-child a span {
  padding-right: 2em;
  border-radius: 0 30px 0 0;
}

.tabs-style-shape nav li a svg {
  position: absolute;
  left: 100%;
  margin: 0;
  width: 3em;
  height: 100%;
  fill: #bdc2c9;
}

.tabs-style-shape nav li a svg:nth-child(2),.tabs-style-shape nav li:last-child a svg {
  right: 100%;
  left: auto;
  -webkit-transform: scale3d(-1,1,1);
  transform: scale3d(-1,1,1);
}

.tabs-style-shape nav li a span {
  display: block;
  overflow: hidden;
  padding: .65em 0;
  background-color: #bdc2c9;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tabs-style-shape nav li a:hover span {
  background-color: #2cc185;
}

.tabs-style-shape nav li a:hover svg {
  fill: #2cc185;
}

.tabs-style-shape nav li a svg {
  pointer-events: none;
}

.tabs-style-shape nav li a svg use {
  pointer-events: auto;
}

.tabs-style-shape nav li.tab-current a span,.tabs-style-shape nav li.tab-current a svg {
  -webkit-transition: none;
  transition: none;
}

.tabs-style-shape nav li.tab-current a span {
  background: #fff;
}

.tabs-style-shape nav li.tab-current a svg {
  fill: #fff;
}

.tabs-style-shape .content-wrap {
  background: #fff;
}

@media screen and (max-width:58em) {
  .tabs-style-shape nav ul {
    display: block;
    padding-top: 1.5em;
  }

  .tabs-style-shape nav ul li {
    display: block;
    margin: -1.25em 0 0;
    -webkit-flex: none;
    flex: none;
  }

  .tabs-style-shape nav ul li a {
    margin: 0;
  }

  .tabs-style-shape nav ul li svg {
    display: none;
  }

  .tabs-style-shape nav ul li a span {
    padding: 1.25em 0 2em!important;
    border-radius: 30px 30px 0 0!important;
    box-shadow: 0 -1px 2px rgba(0,0,0,.1);
    line-height: 1;
  }

  .tabs-style-shape nav ul li:last-child a span {
    padding: 1.25em 0!important;
  }

  .tabs-style-shape nav ul li.tab-current {
    z-index: 1;
  }
}

.tabs-style-linebox nav ul li {
  margin: 0 .5em;
  -webkit-flex: none;
  flex: none;
}

.tabs-style-linebox nav a {
  padding: 0 1.5em;
  color: #74777b;
  font-weight: 700;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.tabs-style-linebox nav a:focus,.tabs-style-linebox nav a:hover {
  color: #2cc185;
}

.tabs-style-linebox nav li.tab-current a {
  color: #fff;
}

.tabs-style-linebox nav a::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #d2d8d6;
  content: '';
  -webkit-transition: background-color .3s,-webkit-transform .3s;
  transition: background-color .3s,transform .3s;
  -webkit-transition-timing-function: ease,cubic-bezier(.7,0,.3,1);
  transition-timing-function: ease,cubic-bezier(.7,0,.3,1);
  -webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
  transform: translate3d(0,100%,0) translate3d(0,-3px,0);
}

.tabs-style-linebox nav li.tab-current a::after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.tabs-style-linebox nav a:focus::after,.tabs-style-linebox nav a:hover::after,.tabs-style-linebox nav li.tab-current a::after {
  background: #2cc185;
}

@media screen and (max-width:58em) {
  .tabs-style-linebox nav ul {
    display: block;
    box-shadow: none;
  }

  .tabs-style-linebox nav ul li {
    display: block;
    -webkit-flex: none;
    flex: none;
  }
}

.tabs-style-flip {
  max-width: 1200px;
}

.tabs-style-flip nav a {
  padding: .5em 0;
  color: #2cc185;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.tabs-style-flip nav a:focus,.tabs-style-flip nav a:hover,.tabs-style-flip nav li.tab-current a {
  color: #74777b;
}

.tabs-style-flip nav a span {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: .625em;
}

.tabs-style-flip nav a::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  content: '';
  -webkit-transition: -webkit-transform .3s,background-color .3s;
  transition: transform .3s,background-color .3s;
  -webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);
  transform: perspective(900px) rotate3d(1,0,0,90deg);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
}

.tabs-style-flip nav li.tab-current a::after {
  background-color: #fff;
  -webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);
  transform: perspective(900px) rotate3d(1,0,0,0deg);
}

.tabs-style-flip .content-wrap {
  background: #fff;
}

.tabs-style-fillup nav ul li a {
  padding: 1.9em 0;
  border-right: 1px solid #2cc185;
  line-height: 1;
  -webkit-transition: color .3s;
  transition: color .3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tabs-style-fillup nav ul li:last-child a {
  border: none;
}

.tabs-style-fillup nav ul li.tab-current {
  z-index: 100;
}

.tabs-style-fillup nav ul li.tab-current a {
  color: #fff;
}

.tabs-style-fillup nav ul li a::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  height: calc(100% + 1px);
  border: 1px solid #2cc185;
  background: #2cc185;
  content: '';
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.tabs-style-fillup nav ul li.tab-current a::after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.tabs-style-fillup .icon::before,.tabs-style-fillup nav ul li a span {
  -webkit-transition: -webkit-transform .5s;
  transition: transform .5s;
  -webkit-transform: translate3d(0,5px,0);
  transform: translate3d(0,5px,0);
}

.tabs-style-fillup nav ul li a span {
  display: block;
  font-weight: 700;
  font-size: .7em;
  line-height: 1.5;
}

.tabs-style-fillup .icon::before {
  display: block;
  margin: 0;
}

.tabs-style-fillup li.tab-current .icon::before,.tabs-style-fillup nav ul li.tab-current a span {
  -webkit-transform: translate3d(0,-10px,0);
  transform: translate3d(0,-10px,0);
}

.tabs-style-tzoid {
  max-width: 1200px;
}

.tabs-style-tzoid nav {
  padding: 0 1em;
}

.tabs-style-tzoid nav ul li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tabs-style-tzoid nav ul li a {
  padding: 0 1.5em 0 .3em;
  color: #0d9564;
  -webkit-transition: color .2s;
  transition: color .2s;
}

@media screen and (max-width:54em) {
  .tabs-style-tzoid nav ul li a {
    padding: 0 .5em 0 .3em;
  }
}

.tabs-style-tzoid nav ul li a:focus,.tabs-style-tzoid nav ul li a:hover {
  color: #fff;
}

.tabs-style-tzoid nav ul li.tab-current a,.tabs-style-tzoid nav ul li.tab-current a:hover {
  color: #2cc185;
}

.tabs-style-tzoid nav ul li a span {
  font-weight: 500;
  font-size: .75em;
}

.tabs-style-tzoid nav ul li a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  outline: 1px solid transparent;
  border-radius: 10px 10px 0 0;
  background: #2cc185;
  box-shadow: inset 0 -3px 3px rgba(0,0,0,.05);
  content: '';
  -webkit-transform: perspective(5px) rotateX(.93deg) translateZ(-1px);
  transform: perspective(5px) rotateX(.93deg) translateZ(-1px);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tabs-style-tzoid .content-wrap,.tabs-style-tzoid nav ul li.tab-current a::after {
  background: #fff;
  box-shadow: none;
}

.tabs-style-circlefill {
  max-width: 1170px;
}

.tabs-style-circlefill nav ul li {
  overflow: hidden;
  border-right: 1px solid #4ecdc4;
}

.tabs-style-circlefill nav li a {
  color: #fff;
}

.tabs-style-circlefill nav li:first-child {
  border-left: none;
}

.tabs-style-circlefill nav li:last-child {
  border: none;
}

.tabs-style-circlefill nav li::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
  border: 1px solid #4ecdc4;
  border-radius: 50%;
  background: #4ecdc4;
  content: '';
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
}

.tabs-style-circlefill nav li.tab-current::before {
  -webkit-transform: scale3d(2.5,2.5,1);
  transform: scale3d(2.5,2.5,1);
}

.tabs-style-circlefill nav a {
  -webkit-transition: color .3s;
  transition: color .3s;
}

.tabs-style-circlefill nav a span {
  display: none;
}

.tabs-style-circlefill nav li.tab-current a {
  color: #fff;
}

.tabs-style-circlefill .icon::before {
  display: block;
  margin: 0;
  pointer-events: none;
}

.tabs-style-circlefill .content-wrap {
  float: left;
  border-top: 1px solid #2cc185;
}