/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote, q {
  quotes: none;
}

  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
  }

table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* start editing from here */
a {
  text-decoration: none;
}

.txt-rt {
  text-align: right;
}
/* text align right */
.txt-lt {
  text-align: left;
}
/* text align left */
.txt-center {
  text-align: center;
}
/* text align center */
.float-rt {
  float: right;
}
/* float right */
.float-lt {
  float: left;
}
/* float left */
.clear {
  clear: both;
}
/* clear float */
.pos-relative {
  position: relative;
}
/* Position Relative */
.pos-absolute {
  position: absolute;
}
/* Position Absolute */
.vertical-base {
  vertical-align: baseline;
}
/* vertical align baseline */
.vertical-top {
  vertical-align: top;
}
/* vertical align top */
.underline {
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  margin: 0 0 20px 0;
}
/* Add 5px bottom padding and a underline */
nav.vertical ul li {
  display: block;
}
/* vertical menu */
nav.horizontal ul li {
  display: inline-block;
}
/* horizontal menu */
img {
  max-width: 100%;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Varela Round', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #555555;
  font-size: 13px !important;
  background: #f7f7f7;
}

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

input {
  font-family: 'Varela Round', sans-serif;
}

.text-field {
  width: 100%;
  color: #222;
  font-size: 14px;
  padding: 6px;
  outline: none;
  border: 1px solid #C7C7C7;
  border-radius: 0px;
  background: #FFF;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  line-height: inherit;
  height: initial;
}

  .text-field:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  }

select.form-control {
  cursor: pointer;
  background: #FFF url("../images/select-dropdown.png") no-repeat 97% center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.main-section {
  overflow: hidden;
  /*  Prevents Flickering  */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

header {
  padding: 12px 0;
  position: relative;
  background-color: #FFF;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
}

  header h1 {
    color: #9aa6af;
    text-align: left;
    padding-left: 65px;
  }

    header h1 a {
      display: inline-block;
      line-height: 0;
      vertical-align: middle;
    }

.burger {
  position: absolute;
  float: left;
  padding: 10px;
  top: 4px;
  left: 10px;
  display: none;
}

  .burger li {
    width: 30px;
    height: 4px;
    background-color: #3795D7;
    margin: 5px 0;
  }

  .burger.open li {
    background-color: #d9dde1;
  }

nav {
  position: absolute;
  top: 0;
  right: 65px;
}

  nav li {
    float: left;
    display: inline-block;
  }

    nav li a {
      font-size: 14px;
      color: #646464;
      padding: 14px 25px 13px;
      display: block;
      text-align: center;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

      nav li a span {
        display: block;
      }

      nav li a:hover {
        color: #000;
      }

      nav li a i {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url("../images/SpriteImg.png") no-repeat;
        vertical-align: middle;
        margin-bottom: 3px;
      }

        nav li a i.icon1 {
          background-position: -51px -2px;
        }

      nav li a:hover i.icon1, nav li.active a i.icon1 {
        background-position: -2px -2px;
      }

      nav li a i.icon2 {
        background-position: -52px -48px;
      }

      nav li a:hover i.icon2, nav li.active a i.icon2 {
        background-position: -2px -48px;
      }

      nav li a i.icon3 {
        background-position: -51px -106px;
      }

      nav li a:hover i.icon3, nav li.active a i.icon3 {
        background-position: -3px -106px;
      }

      nav li a i.icon4 {
        background-position: -51px -160px;
      }

      nav li a:hover i.icon4, nav li.active a i.icon4 {
        background-position: -2px -160px;
      }

      nav li a.signin-btn {
        background: #3795d7;
        color: #FFF;
        margin-top: 25px;
        font-size: 15px;
        padding: 8px 20px;
        margin-left: 25px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }

        nav li a.signin-btn:hover {
          background: #1E82C7;
        }

/** Main Content **/
.wrap {
  width: 85%;
  margin: 0 auto;
}

.content {
  background: #f3f3f3;
}
/** Footer Section **/
.footer {
  padding: 3% 0;
  position: relative;
}

.footer-desc h3 {
  font-size: 16px;
  color: #353535;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
}

.footer-desc li {
  display: block;
}

  .footer-desc li a {
    font-size: 13px;
    color: #505050;
    font-weight: normal;
    display: inline-block;
    line-height: 28px;
    text-decoration: none;
    /*text-transform:capitalize;*/
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
  }

    .footer-desc li a:hover {
      color: #268AD2;
    }

.contacts-list li {
  display: block;
  font-size: 13px;
  color: #505050;
  font-weight: normal;
  line-height: 30px;
  text-decoration: none;
  /*text-transform:uppercase;*/
}

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

.footer-socail-icons {
  text-align: right;
  margin-top: 10px;
}

  .footer-socail-icons h3 {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding-right: 20px;
    color: #505050;
  }

  .footer-socail-icons .socail-icons {
    display: inline-block;
    vertical-align: bottom;
    line-height: 0;
  }

.socail-icons li {
  display: inline-block;
  margin-left: 8px;
}

  .socail-icons li:first-child {
    margin-left: 0;
  }

  .socail-icons li a {
    display: block;
    width: 38px;
    height: 38px;
    background: url("../images/SpriteImg.png") no-repeat;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    text-decoration: none;
  }

  .socail-icons li.linkedin a {
    background-position: -95px 3px;
  }

  .socail-icons li.twitter a {
    background-position: -94px -38px;
  }

  .socail-icons li.facebook a {
    background-position: -98px -88px;
  }

  .socail-icons li.google-plus a {
    background-position: -102px -138px;
  }

  .socail-icons li.pinterest a {
    background-position: -102px -137px;
  }

  .socail-icons li a:hover {
    opacity: 0.8;
  }
/** Copy Right **/
.copy-right {
  background: #4e545d;
  padding: 10px 0;
  position: relative;
}

.copy-right-desc {
  line-height: 20px;
  color: #FFF;
  font-size: 12px;
  letter-spacing: 0.5px;
  font-weight: 300;
}

.copy-right-nav {
  text-align: right;
}

  .copy-right-nav li {
    display: inline-block;
    margin: 0 5px;
  }

    .copy-right-nav li a {
      font-size: 12px;
      color: #FFF;
      font-weight: 100;
      display: block;
      padding-left: 10px;
      border-left: 1px solid rgba(255, 255, 255, 0.37);
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      text-decoration: none;
      letter-spacing: 0.5px;
    }

    .copy-right-nav li:first-child a {
      padding-left: 0;
      border-left: none;
    }

    .copy-right-nav li a:hover {
      color: #79C8FF;
    }

.content-inner {
  padding: 3% 0;
}
/** Button Styling */
.rippler {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

  .rippler:focus,
  .rippler:active {
    outline: none;
  }

  .rippler::-moz-focus-inner {
    border: 0;
  }

.rippler-button {
  display: inline-block;
}

.rippler-img {
  display: block;
}

.rippler-circle-mask {
  border-radius: 50%;
  -webkit-mask: url(../svg/circle.svg) no-repeat;
  -webkit-mask-size: 100%;
}

.rippler-effect {
  position: absolute;
  opacity: .2;
}

.rippler-default .rippler-svg {
  fill: #fff;
}

.rippler-inverse .rippler-svg {
  fill: #000;
}

.rippler-bs-default .rippler-svg {
  fill: #000;
}

.rippler-bs-inverse .rippler-svg {
  fill: #000;
}

.rippler-bs-primary .rippler-svg {
  fill: #428bca;
}

.rippler-bs-info .rippler-svg {
  fill: #5bc0de;
}

.rippler-bs-success .rippler-svg {
  fill: #5cb85c;
}

.rippler-bs-warning .rippler-svg {
  fill: #ed9c28;
}

.rippler-bs-danger .rippler-svg {
  fill: #d2322d;
}

.rippler-div {
  border-radius: 50%;
}

.rippler-default .rippler-div {
  background-color: #fff;
}

.rippler-inverse .rippler-div {
  background-color: #000;
}

.rippler-bs-default .rippler-div {
  background-color: #000;
}

.rippler-bs-inverse .rippler-div {
  background-color: #000;
}

.rippler-bs-primary .rippler-div {
  background-color: #428bca;
}

.rippler-bs-info .rippler-div {
  background-color: #5bc0de;
}

.rippler-bs-success .rippler-div {
  background-color: #5cb85c;
}

.rippler-bs-warning .rippler-div {
  background-color: #ed9c28;
}

.rippler-bs-danger .rippler-div {
  background-color: #d2322d;
}

/** Home Page **/
.HeaderSlider {
  padding: 5% 0 3%;
  background: #F7F7F7 url("../images/headerbg.png") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.carousel-control.left, .carousel-control.right {
  background-image: none !important;
}

.carousel-inner .item img {
  width: 95%;
  height: 100%;
}

.carousel-control {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 20px 0;
  width: 35px;
  top: auto;
  left: auto;
  bottom: 36%;
  text-align: center;
}

  .carousel-control.right {
    right: 0px;
  }

  .carousel-control.left {
    left: 0px;
  }

.sliderCointent {
  padding-top: 5%;
}

  .sliderCointent h1 {
    font-size: 46px;
    color: #525252;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 15px;
  }

  .sliderCointent h3 {
    color: #525252;
    font-size: 17px;
    line-height: 1.8em;
    font-weight: 300;
  }

.sliderbtn {
  margin-top: 20px;
}

  .sliderbtn a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #88ca60;
    padding: 12px 25px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    vertical-align: middle;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.45);
  }

    .sliderbtn a:hover {
      background: #7CBD54;
    }

.indexpage h2 {
  text-align: center;
  font-size: 35px;
  color: #505050;
  letter-spacing: 3px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

.features {
  padding: 3% 0 10% 0;
  background: #FFF url("../images/FeaturesBg.png") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.featuresItem {
  text-align: center;
  padding-top: 3%;
}

  .featuresItem h3 {
    font-size: 22px;
    color: #252525;
    padding: 20px 0 10px 0;
    font-weight: 500;
  }

  .featuresItem p {
    font-size: 15px;
    color: #4a4a4a;
    line-height: 1.8em;
    font-weight: 300;
  }

    .featuresItem p a {
      display: inline-block;
    }

.ClientTestimonials {
  padding: 5% 0;
  background: url("../images/TestimonialBG.jpg") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding-bottom: 0;
}

.ClientTestimonialsdesc {
  float: right;
  width: 55%;
  text-align: right;
}

  .ClientTestimonialsdesc h3 {
    display: block;
  }

  .ClientTestimonialsdesc span {
    font-size: 44px;
    color: #FFF;
    text-transform: uppercase;
  }

  .ClientTestimonialsdesc .Clientcount {
    font-size: 110px;
    line-height: 15px;
    vertical-align: bottom;
    display: inline-block;
    padding-right: 15px;
  }

    .ClientTestimonialsdesc .Clientcount em {
      font-size: 60px;
      vertical-align: super;
    }

  .ClientTestimonialsdesc .TestimonialHeader {
    float: right;
    text-align: left;
    line-height: 42px;
    vertical-align: middle;
  }

    .ClientTestimonialsdesc .TestimonialHeader b {
      font-size: 55px;
    }

  .ClientTestimonialsdesc p {
    font-size: 16px;
    color: #FFF;
    line-height: 1.8em;
    letter-spacing: 1px;
    font-weight: 300;
    width: 100%;
    padding-top: 60px;
  }

.ClientImg {
  float: left;
  line-height: 0;
}

  .ClientImg img {
    margin-top: -150px;
  }

.ProductDesc {
  padding: 5% 0;
  background: #FFF url("../images/FeaturesBg.png") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

  .ProductDesc h2 {
    color: #3795d7;
  }

.ProductContent {
  text-align: center;
}

  .ProductContent p {
    font-size: 16px;
    line-height: 1.8em;
    text-align: center;
    width: 95%;
    margin: 0 auto;
    color: #5e5e5e;
    padding: 10px 0;
    font-weight: 300;
  }

  .ProductContent a {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    background: #ff9d2a;
    padding: 15px 25px;
    letter-spacing: 0.5px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    vertical-align: middle;
    min-width: 350px;
    margin-top: 30px;
  }

    .ProductContent a:hover {
      background: #F5A344;
    }

.AppPromo {
  padding: 5% 0;
  background: #5d95da;
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
}

.AppPromo-left {
  float: left;
  margin-top: 20px;
}

.AppPromo h2 {
  color: #FFF;
  font-weight: 300;
  font-size: 38px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7);
  letter-spacing: 1px;
}

  .AppPromo h2 span {
    font-weight: 600;
    font-size: 45px;
    display: block;
    margin-top: 6px;
  }

.AppPromo-right {
  float: right;
  margin-bottom: -90px;
}

  .AppPromo-right li, .AppPromo li img {
    display: inline-block;
    position: relative;
  }

.AppPromo li.android-phn {
  bottom: -15px;
}

.app-download {
  position: absolute;
  bottom: 40px;
}

  .app-download li {
    display: inline-block;
    margin-left: 10px;
  }

    .app-download li:first-child {
      margin-left: 0;
    }

    .app-download li a {
      display: block;
    }

      .app-download li a:hover {
        opacity: 0.8;
      }

.app-desc .DownloadIcon {
  width: 100px;
  height: 100px;
  display: inline-block;
  background: url("../images/DownloadApp.png") no-repeat center;
  margin-right: 10px;
  margin-bottom: -4px;
}

.app-desc h3 {
  display: inline-block;
  font-size: 50px;
  color: #373737;
  text-transform: uppercase;
  line-height: 50px;
}

  .app-desc h3 span {
    display: block;
  }

    .app-desc h3 span.FreeTrail {
      font-weight: 600;
      color: #FFF;
      letter-spacing: 3px;
    }

.app-desc h4 {
  font-size: 20px;
  margin-top: 15px;
  color: #2f1d18;
}

  .app-desc h4 span {
    display: block;
    font-size: 24px;
    color: #FFF;
    padding-top: 6px;
  }

.clients {
  padding: 3% 0;
  background: #FFF;
}
/* Slider */
.clientsSlider {
  padding-top: 10px;
}

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

  .slick-list:focus {
    outline: none;
  }

  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

  .slick-track:before,
  .slick-track:after {
    display: table;
    content: '';
  }

  .slick-track:after {
    clear: both;
  }

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/** Price Table **/
.Price-Table {
  width: 100%;
  text-align: center;
}

  .Price-Table h2 {
    font-size: 40px;
    color: #2b2e33;
    padding-bottom: 20px;
    font-weight: 300;
  }

.PriceTable-desc {
  padding-bottom: 30px;
}

  .PriceTable-desc p {
    font-size: 15px;
    color: #505050;
    line-height: 1.8em;
    font-weight: 300;
  }

.Price-Table .row {
  margin: 0;
}

  .Price-Table .row > div {
    padding: 0 0px;
  }

.Price-Table .plan {
  background-color: #FFF;
  color: white;
  text-align: center;
  border-left: 1px solid #F8F8F8;
  margin-bottom: 15px;
}

.Price-Table .plan_one {
  border-left: none;
}

.plan_one .plan-header, .plan_one .price {
  background: #ffaf67;
}

.plan_Two .plan-header, .plan_Two .price {
  background: #ffa44c;
}

.plan_Three .plan-header, .plan_Three .price {
  background: #ff9f2e;
}

.plan_Four .plan-header, .plan_Four .price {
  background: #ffa312;
}

.Price-Table .plan-header {
  padding: 10px 0;
  font-size: 22px;
  color: #442a09;
  font-weight: 600;
}

.Price-Table .plan-type p {
  font-size: 30px;
  color: #FFF;
  text-align: center;
}

.Price-Table .month {
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  padding: 0px;
  font-weight: normal;
}

.Price-Table ul {
  list-style: none;
  font-size: 0.95em;
  color: #505B6D;
  padding: 0px;
  margin: 0px;
  font-weight: 500;
}

.Price-Table li {
  border-top: 1px dotted #CECECE;
  padding: 0px;
  margin: 0px;
  text-align: center;
  padding: 18px 0;
}

  .Price-Table li:first-child {
    border-top: none;
  }

.Price-Table .price a {
  color: white;
  padding: 10px;
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

  .Price-Table .price a:hover {
    background: #353535;
  }
/** FAQ **/
.FAQ-section {
  padding: 5% 0;
}

  .FAQ-section h1 {
    color: #4cba4c;
    font-size: 40px;
    text-transform: capitalize;
    text-align: center;
    font-weight: 300;
    padding-bottom: 10px;
  }

  .FAQ-section h2 {
    font-size: 26px;
    color: #515861;
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px;
  }

.FAQ-container {
  padding-top: 20px;
}

  .FAQ-container .panel-group .panel {
    border-radius: 0 !important;
    border: none;
    background-color: inherit !important;
    font-size: 13px;
    line-height: 1.8em;
    box-shadow: none;
  }

  .FAQ-container > .panel {
    margin-top: 0px !important;
    border-top: 1px dotted #C5C5C5 !important;
  }

    .FAQ-container > .panel:first-child {
      border-top: none !important;
    }

  .FAQ-container .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: none !important;
    padding: 0;
  }

  .FAQ-container .panel-default > .panel-heading {
    background: #ececec !important;
    border-radius: 0 !important;
    border: none;
    padding: 0 !important;
  }

  .FAQ-container .panel-title > a {
    text-decoration: none;
    font-size: 16px;
    display: block;
    padding: 12px 15px;
    background: #48c9d4;
    color: #FFF;
    font-weight: 500;
  }

    .FAQ-container .panel-title > a.collapsed {
      background: #FFF;
      color: #505050;
    }

  .FAQ-container .panel {
    border-radius: 0;
    border: none;
    box-shadow: none;
  }

  .FAQ-container .panel-group {
    margin-bottom: 0;
  }

.Nested-panel-group .panel {
  padding: 0px 15px 10px 15px;
  border-top: 1px solid #ECECEC !important;
  margin-top: 0 !important;
}

  .Nested-panel-group .panel:first-child {
    border-top: none !important;
  }

  .Nested-panel-group .panel a {
    font-size: 14px;
    color: #949494;
    font-weight: 500;
  }

.FAQ-container .panel-group .panel + .panel {
  margin-top: 0;
}

.FAQ-container .panel-desc ul {
  padding-left: 20px;
  font-size: 12px;
  letter-spacing: 0.5px;
}

  .FAQ-container .panel-desc ul li:before {
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    margin-top: -3px;
  }

.panel-desc a {
  font-size: 14px;
  color: #0088cc !important;
}

.panel-desc {
  padding-right: 20px;
}

  .panel-desc p {
    padding: 3px 0;
    font-size: 12px;
    color: #222;
    letter-spacing: 0.5px;
  }

.FAQ-container .panel-title > a.collapsed:after, .FAQ-container .panel-title > a:after {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  float: right;
  margin-top: 8px;
}

.FAQ-container .panel-title > a.collapsed:after {
  content: "\f067";
}

.FAQ-container .panel-title > a:after {
  content: "\f068";
}

.Nested-panel-group .panel > a {
  padding: 10px 0;
  padding-bottom: 0px;
  display: block;
}

  .Nested-panel-group .panel > a.collapsed:after, .Nested-panel-group .panel > a:after {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    float: right;
    font-size: 20px;
  }

  .Nested-panel-group .panel > a.collapsed:after {
    content: "\f105";
  }

  .Nested-panel-group .panel > a:after {
    content: "\f107";
  }
/** Place Order **/
.dashboardLink {
  display: inline-block;
  padding-right: 15px;
}

  .dashboardLink a {
    display: block;
    background: #e0e5eb;
    padding: 8px 12px;
    font-size: 14px;
    color: #464c54;
    font-weight: 500;
  }

    .dashboardLink a span {
      padding-right: 4px;
      color: #41b1ff;
      vertical-align: text-top;
    }

    .dashboardLink a:hover {
      background: #C9E2FF;
    }

.loginuser {
  display: inline-block;
  padding: 28px 0 26px;
  padding-left: 15px;
  border-left: 1px solid #e2e2e2;
}

.dropdown-toggle .glyphicon-cog {
  font-size: 15px;
  color: #4b4b4b;
  text-align: center;
  vertical-align: middle;
  margin-top: -6px;
  margin-left: 5px;
}

.user-desc {
  display: inline-block;
  min-width: 150px;
}

  .user-desc img {
    width: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    margin-right: 10px;
    float: left;
    margin-top: -7px;
  }

  .user-desc .username {
    font-weight: 600;
    color: #606060;
    font-size: 16px;
    letter-spacing: 0.5px;
  }

.loginuser .dropdown-menu {
  padding: 0;
  border-radius: 0;
  left: auto;
  right: auto;
}

  .loginuser .dropdown-menu > li {
    float: none;
    display: block;
  }

    .loginuser .dropdown-menu > li > a {
      padding: 8px 15px;
      color: #545454;
      font-size: 13px;
      font-weight: 400;
      text-align: left;
      text-decoration: none;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }

      .loginuser .dropdown-menu > li > a:hover {
        background: #3795d7;
        color: #FFF;
      }

.plan-subscription {
  background: #fcfcfc;
}

  .plan-subscription h2 {
    padding: 18px 20px;
    font-size: 24px;
    /*font-weight:500;*/
    color: #545454;
    border-bottom: 1px solid #D4D4D4;
  }

.select-subscription {
  padding: 20px 0;
  text-align: center;
}

  .select-subscription h4 {
    display: inline-block;
    font-size: 20px;
    color: #ffa00b;
    letter-spacing: 0.5px;
  }

  .select-subscription a {
    font-size: 11px;
    color: #666666;
    letter-spacing: 0.5px;
    margin-left: 15px;
  }

    .select-subscription a:hover {
      text-decoration: underline;
      color: #222;
    }

.subscription-type {
  margin: 20px;
  border-bottom: 1px dashed #D5D5D5;
  padding-bottom: 20px;
}

.subscription-row {
  border-bottom: 1px dashed #D5D5D5;
  padding: 25px 0;
}

  .subscription-row:first-child {
    padding-top: 0;
  }

  .subscription-row .row {
    margin: 0;
  }

  .subscription-row .row2 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .subscription-row .control-label {
    font-size: 17px;
    margin-top: 7px;
    padding-left: 0;
    text-align: left;
    color: #434343;
  }

  .subscription-row select.form-control {
    font-size: 15px;
  }

.discount-desc {
  padding-left: 0;
}

  .discount-desc p {
    font-size: 12px;
    color: #8c8c8c;
    font-weight: 300;
    letter-spacing: 1px;
  }

    .discount-desc p span {
      display: block;
      font-size: 16px;
      color: #49b921;
      font-weight: 600;
      line-height: 20px;
    }

.Order_Details_list_header {
  padding-bottom: 5px;
  border-bottom: 1px dashed #C5C5C5;
}

  .Order_Details_list_header .row {
    margin-right: 0;
    margin-left: 0;
  }

  .Order_Details_list_header .col-sm-5,
  .Order_Details_list_header .col-sm-2,
  .Order_Details_list_header .col-sm-3 {
    color: #303030;
    font-weight: 500;
    font-size: 16px;
  }

  .Order_Details_list_header .col-sm-5 {
    padding-left: 0;
  }

.Subscription_Order_Details {
  margin: 20px;
  padding-bottom: 30px;
  margin-bottom: 0;
}

.PlaceOrder-footer {
  border-top: 1px dashed #C5C5C5;
  padding-top: 10px;
}

.promo-textfield {
  font-size: 14px;
  width: 300px !important;
  height: inherit;
}

.apply_btn {
  border: none;
  background: #41ccff;
  color: #FFF;
  outline: none;
  padding: 8px 30px;
  letter-spacing: 0.5px;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
  margin-left: 8px;
  font-size: 13px;
  font-weight: 500;
}

  .apply_btn:hover {
    background: #28AFE0;
  }

.PlaceOrder-footer .Amt-payable span.span-title {
  margin-right: 10px;
  color: #2D2D2D;
  font-weight: 600;
  font-size: 22px;
}

.PlaceOrder-footer .Amt-payable span.span-title2 {
  font-size: 16px;
  color: #656565;
  font-weight: 500;
}

.PlaceOrder-footer .Amt-payable span.price-right {
  float: right;
  min-width: 100px;
  font-size: 22px;
  font-weight: 500;
}

.PlaceOrder-footer .Amt-payable span.price-right2 {
  font-size: 20px;
  line-height: 22px;
}

.PlaceOrder-footer .row-filed {
  padding-bottom: 8px;
}

.grand-total {
  text-align: right;
  border-top: 1px solid #E2E2E2;
  padding-top: 10px;
  margin-top: 10px;
}

  .grand-total span.price-right {
    float: right;
    min-width: 100px;
    font-size: 25px;
    font-weight: 600;
  }

  .grand-total span.span-title {
    margin-right: 10px;
    color: #2D2D2D;
    font-weight: 600;
    font-size: 24px;
  }

.color-green {
  color: #3ea33a;
}

.color-blue {
  color: #3795d7;
}

.Amt-payable {
  text-align: right;
}

.Amt-payable-btns {
  margin-top: 15px;
  text-align: center;
}

  .Amt-payable-btns button {
    font-size: 20px;
    color: #FFF;
    font-weight: normal;
    display: inline-block;
    padding: 13px 20px;
    border: none;
    outline: none;
    letter-spacing: 0.5px;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    min-width: 250px;
  }

.PlaceOrder_list {
  padding: 15px 0;
}

.PlaceOrder_list, .Order_Details_list_header row {
  margin-left: 0;
  margin-right: 0;
}

.myorderlist_block1 {
  padding-left: 0;
}

.plan-features h3 {
  font-size: 18px;
  color: #636363;
  font-weight: 500;
}

.plan-features ul li {
  display: block;
  font-size: 14px;
  padding: 2px 0;
  line-height: 1.8em;
  color: #545A63;
}

.plan-features a {
  font-size: 12px;
  text-decoration: underline;
  color: #252525;
}

  .plan-features a:hover {
    text-decoration: none;
    color: #3795d7;
  }

.plan-features ul li:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #3b3b3b;
  margin-right: 6px;
  vertical-align: middle;
  margin-top: -3px;
  border-radius: 2em;
}

.plan-price .price-right {
  font-size: 24px;
  font-weight: 600;
  color: #393d44;
  display: block;
}

.plan-price em {
  font-size: 12px;
  color: #909090;
}

.add-quantity {
  font-size: 15px;
  font-weight: 600;
}

  .add-quantity a {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #252525;
  }

    .add-quantity a:hover {
      color: #3795d7;
    }

  .add-quantity .ItemOrder-QuantityNo {
    padding: 0 15px;
  }

.plan-cost .price-right {
  font-size: 28px;
  font-weight: 600;
}

  .plan-cost .price-right em {
    font-size: 20px;
    font-weight: 500;
  }

.notice-desc {
  background: #fcfcfc;
  padding: 10px 15px;
  border-top: 1px solid #C4C4C4;
}

  .notice-desc p {
    font-size: 12px;
    color: #232323;
    line-height: 1.8em;
  }

.copyRight {
  padding: 10px 0;
  text-align: center;
}

  .copyRight .copy-right-desc {
    color: #010101;
  }

  .copyRight .copy-right-nav li a {
    color: #1d7ab0;
    border-left-color: #ccc;
  }

  .copyRight .copy-right-nav {
    text-align: center;
    padding-top: 10px;
  }

    .copyRight .copy-right-nav li a:hover {
      color: #000;
    }
/** Payment Method **/
.resp-tabs-list li {
  font-weight: 600;
  font-size: 15px;
  display: inline-block;
  padding: 13px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer;
  float: left;
}

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
}

.resp-tab-active {
  margin-bottom: -1px !important;
  border: 1px solid #E2E2E2;
  position: relative;
  z-index: 9;
}

.resp-tab-active {
  border-bottom: none;
  background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
  display: block;
}

.resp-tab-content {
  /*border: 1px solid #c1c1c1;
	border-top-color: #5AB1D0;*/
}

h2.resp-accordion {
  font-size: 15px !important;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px;
}

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 25%;
  border-right: 1px solid #FFF;
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 10px 15px !important;
  cursor: pointer;
  float: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  border-top: 2px solid #FFF !important;
  background: #f0f0f0;
  margin-right: 0;
  color: #626262;
  letter-spacing: 0.5px;
}

  .resp-vtabs .resp-tabs-list li:first-child {
    border-top: none !important;
  }

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #FDFDFD;
  float: left;
  width: 75%;
  min-height: 250px;
  clear: none;
  border: 1px solid #ececec;
}

.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  color: #FFF;
  border-bottom: 1px solid #FFF !important;
  background: #3ddae0;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 8px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #CCC;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
  background: #DBDBDB; /* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
  display: block;
}

.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1;
}

  .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1; /* !important;*/
  }

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active {
  display: block;
}

h2.resp-accordion:first-child {
  border-top: 1px solid #c1c1c1; /* !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 800px) {
  ul.resp-tabs-list {
    display: none;
  }

  h2.resp-accordion {
    display: block;
  }

  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none;
  }

  .resp-accordion-closed {
    display: none !important;
  }
}

.Payment_Method-header {
  padding-bottom: 15px;
}

  .Payment_Method-header h2 {
    display: inline-block;
    float: left;
    font-size: 18px !important;
    padding-bottom: 0;
    border-bottom: none;
    padding: 0;
    color: #757575;
  }

  .Payment_Method-header h3 {
    float: right;
    font-size: 15px;
    color: #757575;
    font-weight: 500;
  }

    .Payment_Method-header h3 .cart-payamt, .Payment_Method-header h3 b {
      color: #39a5d7;
      font-weight: 500;
      font-size: 20px;
    }

.Payment_Method {
  padding: 15px 3% 30px;
}
/**  Credit Card Tab **/
.amex {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACi1BMVEUAAAAAAAAAdKIAdqcGdqoDeqkDeKoDe6sFeqoFeqwCeqoGe6wGeasGeqwGe6wFeqwFeqwFeqsGe6oFeawEeqwEeqwFe6wHeaoFe6oFeasFe6wFeawHe6wIfKwJfKwKfa0Lfa0Mfq0Of64Pf64QgK8RgK8Sga8TgbAUgrAVgrAWg7EXg7EYhLEZhLIahbIbhbIdhrMfh7QgiLQhiLQjirUkirUli7YnjLYojLcqjbcsj7gtj7kukLkvkLkwkbkxkboykrozkro0k7s1k7s2lLs3lLw4lbw5lbw6lr07lr08l709l75Amb9Bmr9Dm8BFnMBHncFIncFJnsJKnsJLn8JMn8NNoMNOocRPocRQosRRosVUpMZVpMZWpcZXpcdYpsdZp8dap8dbqMheqclgqslhq8pjrMpkrMtnrsxpr8xqr81tsc5vss5wss9xs89ztNB0tdB1ttF6uNJ8udN9utN+utR/u9SAu9SBvNWCvNWDvdWEvdWGvtaHv9aIv9eKwNeMwdiPw9mQw9mRxNqTxdqUxtuVx9uWx9yXyNyYyNyZyd2ayd2byt2cyt6dy96fzN+gzN+hzd+izeCjzuCkzuCn0OGp0eKq0eKr0uOs0+Ot0+Ov1OSw1eSy1uWz1uW01+W32Oa62ui72+i82+i+3Om/3enC3urE3+vF4OvH4ezI4uzJ4u3K4+3L4+3N5O7O5e7P5e/R5u/S5/DT5/DV6PHW6fHX6fHY6vHa6/Lb7PPc7PPd7fPe7fTf7vTg7vTi7/Xj8PXk8fbm8vbn8vfo8/fp8/fq9Pjr9Pjs9fjt9fnu9vnv9vnw9/rx9/ry+Prz+Pv0+fv1+fv2+vz4+/z5+/37/P38/f7+/v7///+B6xdgAAAAHHRSTlMAARYaJ0FIT1pcYG6YmZyssrPDys3T2tvt9PX+1nJQbwAAAnFJREFUOMtjYOAWESMWiAqwMzBwyZAEOBn4SdMgzCBImgYJUjVI0UeDkoGBrq6BgZ6MhgECqAA56nJ6ICZIWN3AQAeuoevIrvOHDuy6ZLl1366ru3ft2nVl167dJ08cOXHo/P6Dl3Yd33Nm15mdJw+thGnQO2ei2nzDRaZp405Zmd2KxhYWW2TMTeUmJOWv0NOPKVJ1uNEi4329LByuoXKaabvZNZcQw8u5IUANrYuX7pA5eNSxJCk/OPfGBe2ZKotbnAw6kTSs8Axslpnh0mtRr74YqME7LGaHjI6G4uakfOfGG21q3c5hLf7TNDMQGhqUMjN9vFz6O2TCjgA11M+Zs13m4oXIvKT8bOs+i7DMNJks/xuhcggNKQ3b+vfGpS65kLTqVNyRpLi4uP1xl6d09jRPPF+blHC29WB+SsX5PXF1cA0lE/1lWiZOnFg2saZrIgxkgojiyr6JZTLxQFZ5ycSJpRTHdOAmMMiM2Agk103esGnTxiWzwELTVwOJyes29aFqiFtrCQR+x05FuVpaWqcfA3I8FlQDyandjpaWh5KtLI3RNCxTA8ZypHewb7vNrvWKk2QW7wiIzU3YteusXtXWrQvllm+diK5BRl6+4JyW2omJ2qkRiqtknN2VF+UCxWbmKCi5b3GU1fRE16B+4cK5RCe3pH6z6bP3nZOZsyYoMzftwsWrp4+skZt/4kA1mqfjVqgAgcORw/Z23kejg86r7JxXm1AIFOqzVdFLAEoahaNqiDgMBplZQGKNjC6QbD0MA3vmAomN5XTLcaQASQZe0jSIM3CQpoGPgZFHmgT1QkwMDAzMrOxEAjYWBgYAvI9h1MHdhQIAAAAASUVORK5CYII=") #fff;
}

.visa {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAABvFBMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e0mM3onNHspNXkqN30rN30sOH4tN3ovO4AwPIAyPoE1QYM3Q4Q4Q4U4RIU5RYY8R4g9SIhCTYtDToxGUY5HUo5JU49JVJBOWJJQW5RSXJVTXZZVX5dXYZhYYplaY5pfaJ1kbaBlbqFoaZFocaNpcqNqc6RtdqZvd6dzcpV0fKp2f6x5ga18g698hK99hK99hbB+hrCAh7GDi7OHjrWIj7aJkLeNk7mNlLqOlbqRl7yUmr6WnL6YnsCbocKepMSjqMekqceprsqrsMysscytss2uss2xts+xttC0uNG1udK1utK2utK3u9O6vdS7v9W8wNa9wda9wdfBxNnDx9rEx9vFyNzFydvHy93Kzd/Mz+DR0+LS1OPT1uTVnV/V1+XX2ebY2NjZuJbZ2+faoVza3Ojc3+rf4evf4ezi5O7j5e7n6fHp6/Lq6/Lr7PPsmC3snTfs7fPunjnu7/Tu7/Xw8fbx8vfy8/f09fj09fn19vn29/r3z5332LH39/r42LD42bL42bP5+fv76tX77dz7+/v7+/387dv9/f7+9ev//v3///9+dhG/AAAACXRSTlMAGxuq7e7u+vsOT6YMAAABbklEQVQ4y+WUV1cTYRQAlwSIsxoLltgLKgZ7AwV777FiL9gT1x4FGxpb0Gg0On/YBx83D+wz8z7nu+fe800QpNKtpTHSmk4FQUt7pu4YqWfaW4L0BBOQSQdt9SRCvS0omYjSOBZ+fB0d/f5T/VQoDHi6cF4b1/Zt6d9fUZ+cLFyMvfDny6vhN3/1EOwegW4/LAHgpb6bBpNr8ZE2PBz+rQvIvrgJ2+2DdaeOba7pXoBbceHAxHvfHIRNHoHjLobLqlZnkIeDcaHIlAeuh6Jb4bb9EG58rh6G4nTWNNnSHFYNZcnrcsKK1d4Qpl63MY9lrmRmE6GHcCdc0Q7mqt5ZAfM9C7uKvfA0LlyASSzUt7Daz+pIyGw7+c+JuPAxCxzV+7DHrq5tOzqhbxA6crlcSE+TS+dhVk0vwRk7AFhb64a76lIWva7EhKEoKqvvo6jqs6sD526UNYoeq5ajR78a4/k/JM5M4pAlTGUqSBrjf5znrWNE0ZcCAAAAAElFTkSuQmCC") #fff;
}

.mastercard {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACc1BMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e3MAADMAQHMBATNCQnOCwvODAzODg7PDwnPERHRGxvSFgfSHh7SHx/SIB7THhDTJCTTJibTJyfUKSnVIAXVLS3VMDDWMjLWNTXWNjbXIQDXLyLXNS7XNzfXOzvYLxbYPT3YPj7Y2NjZOy/ZRUXaSEjaSUnbLQDbLgDbS0vbTU3cSj/cU1PdNADdSjTdVVXdVlbeNwDeW1vfYmLgUDPgZWXgZmbgaGjhXkvhamrhbW3ia2Lib2/jXDfja1njdXXkeHjkeXnke3vlgIDlgYHmg4PmhITmhobnh4fniIjni4voVgDojIzokJDqXADqaiTqlpbqmJjqmZnqmprrnJzrn5/tpqbuqqrura3urq7vsbHvsrLvs7PwbADwbQDwtLTwtbXwt7fxvLzycgDyjULyvr7yv7/zdQDzmVvzn2fzxMTzxcXzx8f2fwD21tb3gQD3x6/3ybL32Nj4hAD43t7439/44OD5iQD54eH54uL65ub65+f76+v7+/v88vL89PT99/f9+Pj9+fn+lwD+/f3/mQD/mgT/nQv/nw//oRT/oRX/oRb/ohj/qCf/qSn/qSr/qy3/rDH/rjX/rjb/sT7/sj//s0L/tEX/tUf/tUj/tkn/t0v/uVD/uVH/u1X/vFj/vVr/vl7/v2H/w2n/xGz/x3P/yHb/yXr/zob/z4j/0Iv/1Zj/1pr/153/2J7/26X/3q7/4LL/4LP/4bX/4bb/5cD/5sL/58P/58T/58X/6sz/7NH/7dL/8d7/8t//9OX/9eb/9ef/9ur/9+v/+vT/+/X//Pj//fz///90HdR0AAAACXRSTlMAGxuq7e7u+vsOT6YMAAABmElEQVQ4y2NgYGJm0SISsDAzMTAwsrG3XiAStLKzMTIwc1wgAbAzM7C2kqKhlZVB6wJJQItSDS3R5orSmo7pPUD2+d2r506bvWzLKdwaOr14OSFAMuXCzqm9ENC//hwODc2KnHDAVdCLALNOYNXQLo9QzylgGoykY+YZbBqckNSrpKamdSPpWINFQw03kgZhJSUlSyQNfUcxNfjzyfFISUDUi5WCQO+EOZOgGmZswNSgY3VBpyPOxJZf1d4uWdxZW9k45+SBtStWTVowffH8o/MxNUgHNsY0entmxrW5R6VnhNb6NlVu6p247uCOs3sOH941DYuG9MTa3JCiGp+S+CzdrrziBOuK5b1L9x8/tG3vko0bsWjQafCKaIhNqon0qyvzqApyKZMtPLZl8/bTR1Zv3Xd6JRYnBeiJChkJGqppWIgoKKi7mTnIVC9YPHnhnHlTJiyaM3EDgWANz87OLicQrCgRx6VvYJBPIOJQk4ZNWD3BpIGS+DhdCSc+0pM3JAOpkpCBaJOnSS5mSC7ISCwqgYUriYUxAINRRW57ksG5AAAAAElFTkSuQmCC") #fff;
}

.discover {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACLlBMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e3vzbDvzbEBAQECAgIDAwMTExMUFBQWFhYYGBgZGRkeHh4jIyMmJiYnJycpKSksLCwtLS0uLi4wMDAzMzM0NDQ3Nzc6Ojo8PDw/Pz9CQkJDQ0NHR0dJSUlKSkpMTExOTk5PT09RUVFWVlZYWFhcXFxgYGBiYmJjY2Nra2tsbGxtbW1wcHBxcXF0dHR1dXV2dnZ3d3d4eHh8fHx9fX1+fn6AgICBgYGCgoKDg4OLi4uMjIyPj4+VlZWWlpabm5udnZ2enp6fn5+hoaGjo6OoqKirq6usrKyvr6+wsLCysrKzs7O4uLi7u7u8vLy9vb2/v7/AwMDBwcHExMTGxsbHx8fJycnLy8vQ0NDR0dHS0tLU1NTW1tbY2NjZ2dnb29vd3d3f39/h4eHi4uLn5+fo6Ojp6enr6+vs7Ozt7e3v7+/x8fHy8vL1giD1giH1gyP1hCT1iS31ii71izD1jDL2kTv2kjz2kz/2lED2lkP2lkT2l0X2mUn2pmH2pmL3m033n1X3oVf3pF73pV739/f4q2n4q2r4rWz4r3D4r3H4sXT4s3f5uoT5u4b5vov5+fn6xJb6yJ36yqD6zKT6+vr7zqj70a372Ln7+/v83sT838b84Mj84sv848785M/85dD89O78/Pz959X96Nb969z9/f3+8+r+9e7+9u/+9/H++PP++vb++vf+/Pn+/Pr+/fz+/v7////OeAUcAAAAC3RSTlMAGxuq7e7u+vv7+w/+RoMAAAGnSURBVDjLY2BgYmZJJRKwMDMxMDCysS/YSSRYwM7GyMDMsZMEwM7MwLqAFA0LWBlSd5IEUumkwc7A0HPBTuvcTAN13535FuqWJTsXdrdP2+IZuHOnR6iNgYHVDgMDsySEBin3QE2NnWJpKk6x8T1iDsku6UvKSktL+4Kld84RzBb3Co9ZyRPnJYikIXHnAr5ssTR9hYCVIfIg8UmlILBCOMFfa6e4jWvQWh5/e0kUDTuFMsTSpvvI6gUog8QngzVsdDRVC9spbu7st5bbmL8ASUNEipEi0ElRRQEyhYL+K/2Tl5cD1U/cmSMgsXOneHRe3krenSpuCA26ckp2xTu1s2xFZSJ3JqiJqKbvXNrbOWPrzp0m3jt36sjJyS2Q35ms0rNz53wSg3VRI2kaVlc1kKRhVU0pSRoWVZaSpGF2RSkpGjZNAMcM0RoW15aSomE9JOKJ1bB1VnUpCRq2z6srLSVew+ZZyMoJalgzpbq0lGgNG+Z2lGKAplQcxcy6uV3lpVhAKyuWgmzLwqktpTgAJzNaUblt2cz+xnocoLmNiw1YuJJYGAMAEKBGzN/0FVAAAAAASUVORK5CYII=") #fff;
}

.expiry-date-group input {
  width: calc(100% + 1px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

  .expiry-date-group input:focus {
    position: relative;
    z-index: 10;
  }

.security-code-group input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-container {
  position: relative;
}

  .input-container input {
    padding-right: 25px;
  }

.card-row {
  padding: 2% 3%;
  border-bottom: 2px solid #E4E4E4;
}

  .card-row h3 {
    display: inline-block;
    margin-right: 20px;
    color: #949494;
    font-weight: 500;
    font-size: 16px;
  }

  .card-row span {
    width: 50px;
    height: 30px;
    margin-right: 3px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
  }

.default-card {
  background: url("../images/SpriteImg.png") no-repeat -148px -173px;
  line-height: inherit !important;
  width: 45px;
  height: 30px;
  top: 2px;
  right: 8px !important;
}

.amex-card {
  background-position: -148px -139px;
}

.visa-card {
  background-position: -148px -34px;
}

.master-card {
  background-position: -148px -69px;
}

.maestro-card {
  background-position: -148px -105px;
}

.Dinnersclub-card {
  background-position: -148px -206px;
}

.Discover-card {
  background-position: -148px -240px;
}

.JCB-card {
  background-position: -148px -274px;
}

.Ruppay-card {
  background-position: -148px -308px;
}

.cvv-hint {
  border-radius: 0;
  background: #FFF url("../images/SpriteImg.png") no-repeat 8px -206px;
  width: 80px;
  border: none;
  padding: 0;
  margin: 0;
}

.CVVdiv .col-sm-4 {
  padding-right: 0;
  text-align: right;
}

.ExpiryDate .ExpiryDate-month {
  padding-right: 0;
}

.btn-pay {
  width: 100%;
}

.checkbox-blue input + i:after {
  background: #4487c6;
}

.btn-orange {
  padding: 6px 35px;
  background: #ffa00b;
  box-shadow: 0 0 0 1px white, 0 0 0 3px #ffa00b;
  -ms-box-shadow: 0 0 0 1px white, 0 0 0 3px #ffa00b;
  -webkit-box-shadow: 0 0 0 1px white, 0 0 0 3px #ffa00b;
  -moz-box-shadow: 0 0 0 1px white, 0 0 0 3px #ffa00b;
}

  .btn-orange:hover {
    background: #E48F0B;
    box-shadow: 0 0 0 2px white, 0 0 0 3px #E48F0B;
    -ms-box-shadow: 0 0 0 2px white, 0 0 0 3px #E48F0B;
    -webkit-box-shadow: 0 0 0 2px white, 0 0 0 3px #E48F0B;
    -moz-box-shadow: 0 0 0 2px white, 0 0 0 3px #E48F0B;
  }

.net-bnk-logo {
  cursor: pointer;
  position: relative;
  padding: 5px;
  border: solid 2px #e6e6e6;
  background-color: #f9f9f9;
  margin-top: 10px;
  transition: 0.3s all ease-in-out;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
}

  .net-bnk-logo .checkbox {
    padding-top: 0;
    display: block;
  }

    .net-bnk-logo .checkbox i {
      bottom: 9px;
      left: 3px;
    }

  .net-bnk-logo .bank-name {
    background: transparent url("../images/net_bank_logos.png") no-repeat 0 0;
    width: 100%;
    margin: 0;
    padding-left: 0;
    margin-left: 30px;
    display: inline-block;
    height: 32px;
  }

.bank-name.HDFC {
  background-position: 0 -60px;
}

.bank-name.ICICI {
  background-position: 0px -94px;
}

.bank-name.CITIBANK {
  background-position: 0 -30px;
}

.bank-name.SBI {
  background-position: 0px 2px;
}

.bank-name.AXIS {
  background-position: 0 -125px;
}

.bank-name.KOTAK {
  background-position: 0px -158px;
}

.net-bnk-logo:hover {
  background: #FFF;
  border-color: rgb(187, 187, 187);
}

.checkbox {
  cursor: pointer;
  display: inline-block;
}

  .checkbox i {
    position: absolute;
    bottom: 4px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #CCC;
    background: #FFF;
    outline: none;
  }

  .checkbox input + i:after {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    top: -1px;
    left: -1px;
    background: #ffa00b;
    width: 18px;
    height: 18px;
    /* font: normal 12px/16px FontAwesome; */
    text-align: center;
    font-size: 12px;
    color: #FFF;
    font-weight: 100;
    line-height: 15px;
  }

  .checkbox input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
  }

  .checkbox input {
    position: absolute;
    left: -9999px;
  }

    .checkbox input:checked + i:after {
      opacity: 1;
    }

  .checkbox span {
    font-size: 14px;
    color: #525252;
    padding-left: 24px;
  }
/*.paymentform{
    padding:3%;
}*/
.paymentform .control-label {
  display: block;
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 5px;
  text-transform: capitalize;
  color: #434343;
  padding-top: 0;
}

.paymentform .text-field {
  font-size: 14px;
  padding: 8px;
  font-weight: 500;
}

.paymentform .card-image {
  padding-right: 65px;
}

.ExpiryDate-month .text-field, .ExpiryDate-year .text-field {
  text-align: center;
}

.subscription-success {
  padding: 20px;
  text-align: center;
}

  .subscription-success h3 {
    font-size: 28px;
    color: #2182bf;
  }

  .subscription-success p {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 1.8em;
    padding: 5px 0;
    width: 80%;
    margin: 0 auto;
  }

.subscription-available {
  background: #edf3f8;
  padding: 20px 0;
}

  .subscription-available h4 {
    font-size: 22px;
    color: #3795d7;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

.subscription-available-list {
  text-align: center;
  margin: 10px 0;
}

  .subscription-available-list h5 {
    font-size: 16px;
    color: #4e4e4e;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

.subscription-available-list-desc h6 {
  font-size: 15px;
  color: #505050;
  letter-spacing: 0.5px;
}

  .subscription-available-list-desc h6 span, .subscription-available-list-desc p span {
    font-weight: 600;
  }

.subscription-available-list-desc p {
  font-size: 12px;
  display: block;
  color: #222324;
  padding-top: 3px;
}

.plane-features-list {
  padding-top: 30px;
}

  .plane-features-list h3 {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    padding-bottom: 10px;
  }

  .plane-features-list ul li {
    display: block;
    font-size: 13px;
    padding: 3px 0;
    line-height: 1.8em;
    color: #242424;
  }

    .plane-features-list ul li span {
      font-weight: 600;
    }

    .plane-features-list ul li:before {
      content: '';
      width: 6px;
      height: 6px;
      display: inline-block;
      background: #606060;
      margin-right: 8px;
      vertical-align: middle;
      margin-top: -3px;
      border-radius: 2em;
    }

.download-btn {
  float: right;
  font-size: 16px;
  color: #555;
  background: url("../images/download.png") no-repeat left center;
  padding-left: 30px;
  display: inline-block;
  font-weight: 500;
  line-height: 30px;
}

  .download-btn:hover {
    color: #4A9D3D;
  }

.Updgrade-btn {
  border-top: 2px solid #D4D4D4;
  margin-top: -25px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.MyOrders h2 {
  border-bottom: none;
}

.section-title {
  font-size: 22px;
  color: #666666;
  letter-spacing: 0.5px;
  padding-bottom: 15px;
}

.plan-subscription h2 span.plan-title {
  font-size: 20px;
  color: #3795d7;
  font-weight: 600;
  text-transform: uppercase;
}

.Updgrade-btn2 {
  padding: 30px 0;
}

.grand-total span.paidType {
  float: left;
  font-size: 13px;
  font-weight: 500;
  color: #666;
  letter-spacing: 0.5px;
  margin-top: 10px;
}

.grand-total2 {
  padding: 12px 20px;
  margin-top: 0;
  border-top: none;
  position: relative;
  padding-right: 60px;
}

.accordion-body {
  border-bottom: 1px solid #E2E2E2;
}

.expand-btn {
  position: absolute;
  right: 12px;
  top: 17px;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("../images/SpriteImg.png") no-repeat -107px -233px;
}

  .expand-btn:hover {
    opacity: 0.8;
  }

  .expand-btn.collapsed {
    background-position: -107px -194px;
  }

.MyOrder-list .MyOrders {
  margin-top: 30px;
}

  .MyOrder-list .MyOrders:first-child {
    margin-top: 0px;
  }

/** FAQ **/
.FAQsection {
  padding: 3% 0 0;
}

.FAQ-desc h3 {
  font-size: 17px;
  color: #363636;
  font-weight: 600;
  padding-bottom: 10px;
}

.FAQ-desc p {
  font-size: 14px;
  color: #656565;
  line-height: 1.8em;
}

.contactQuery {
  border-top: 1px dashed #A4AAB7;
  padding-top: 3%;
}

  .contactQuery h2 {
    color: #2b2e33;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
  }

  .contactQuery h3 {
    font-size: 28px;
    color: #555C65;
    padding-bottom: 10px;
    text-align: center;
  }

.contactQueryInner {
  background: #FFF;
  padding: 6% 3% 3%;
  border: 1px solid #A4A4A4;
  border-radius: 2px;
}

.contactQueryImg {
  text-align: center;
}

  .contactQueryImg span {
    display: inline-block;
    position: relative;
    bottom: -44px;
  }

.contactQueryInner .control-label {
  padding-left: 0;
  text-align: left;
  font-size: 14px;
  color: #5b5b5b;
}

.contactQueryInner .row {
  margin-left: 0;
  margin-right: 0;
}

.contactQueryInner .form-control {
  border-radius: 0;
  color: #000;
}

.contactQueryInner textarea.form-control {
  max-width: 100%;
}

.actiondiv {
  text-align: center;
  padding-top: 20px;
}

.submitbtn {
  background: #63c176;
  font-size: 18px;
  font-weight: 500;
  color: #FFF;
  display: inline-block;
  min-width: 200px;
  padding: 12px 20px;
  border: none;
  outline: none;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

  .submitbtn:hover {
    background: #42A656;
  }

.planSubscriptionHeader {
  padding-bottom: 2%;
}

  .planSubscriptionHeader h2 {
    display: block;
    font-size: 26px;
    color: #4ead4c;
    padding-bottom: 3px;
  }

  .planSubscriptionHeader p {
    font-size: 14px;
    color: #444;
    line-height: 1.8em;
  }

    .planSubscriptionHeader p strong {
      font-weight: 600;
      font-size: 15px;
    }

    .planSubscriptionHeader p span {
      color: #3795d7;
      font-weight: 300;
    }

.subscription-type input.form-control {
  font-size: 15px;
}

.plan-cost h3 {
  font-size: 18px;
  color: #656565;
  font-weight: 500;
  padding-bottom: 5px;
}

.PromoCode {
  border-bottom-style: solid;
  border-bottom-color: #C5C5C5;
}

.BillingDetails {
  padding: 15px;
  border-top: 1px solid #b9b9b9;
  margin-top: -30px;
}

  .BillingDetails h3 {
    font-size: 24px;
    color: #3795d7;
    font-weight: 500;
    padding-bottom: 30px;
  }

.Purchasebtn {
  padding: 10px 20px;
  font-size: 16px;
  font-weight: normal;
  margin-top: 20px;
}

.grand-total2 {
  margin-top: 0;
  border-bottom: none;
  padding: 25px 0;
  text-align: left;
}

  .grand-total2 span.price-right {
    float: none;
  }

  .grand-total2 .control-label {
    margin-top: 0;
  }

.btn-green {
  background: #63c176;
}

  .btn-green:hover {
    background: #57AC68;
  }

.ForgotPass p {
  line-height: 1.6em;
}

.forgot-pass {
  display: inline-block;
  float: right;
  margin-top: 8px;
}

  .forgot-pass a {
    color: #41b1ff;
  }

    .forgot-pass a:hover {
      color: #222;
    }
/** Customers **/
.customers_Header {
  padding: 10% 0;
  margin-top: -3%;
  color: #fff;
  /*background:url("../images/TestimonialBG.jpg") no-repeat center center;*/
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  text-align: center;
  width: 100%;
}

  .customers_Header h1 {
    font-size: 48px;
    text-transform: capitalize;
    padding-bottom: 25px;
  }

  .customers_Header p {
    line-height: 1.8em;
    font-size: 18px;
  }

.customers_Statistics {
  background: #FFF url("../images/FeaturesBg.png") no-repeat center center;
  color: #fff;
  text-align: center;
  padding: 0;
  margin: 0;
}

  .customers_Statistics .customers_Statistics_box {
    padding: 22px 0;
  }

  .customers_Statistics .number {
    color: #3693D4;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: capitalize;
  }

  .customers_Statistics p.small {
    font-weight: 500;
    font-size: 17px;
    color: #848484;
    margin-top: 0;
    margin-top: 5px;
  }

.customers_Cients h2, .customers_Testimonials h2 {
  text-align: center;
  font-size: 35px;
  color: #505050;
  letter-spacing: 3px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

.customers_Testimonials {
  padding: 5% 0 5% 0;
  background: #F7F7F7 url("../images/headerbg.png") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

  .customers_Testimonials h2 small {
    display: block;
    font-size: 15px;
    margin-top: 10px;
  }

  .customers_Testimonials h2 {
    margin-bottom: 30px;
  }
/** Testimonial **/
.testimonials {
  background: none repeat scroll 0 0 #FFFFFF;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 25px;
  overflow: auto;
  padding: 30px;
}

  .testimonials p {
    clear: both;
    color: #565656;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
  }

    .testimonials p.testimo-title {
      font-weight: 600;
      font-size: 16px;
    }

.author-section {
  border-top: 1px dashed #e2e2e2;
  margin-top: 20px;
  padding-top: 20px;
  overflow: hidden;
}

.auth-image {
  float: left;
  height: 60px;
  margin-bottom: 10px;
  margin-right: 15px;
  width: 60px;
}

  .auth-image img {
    border-radius: 100%;
    height: 60px;
    margin: 0 !important;
    width: 60px;
  }

.auth-info {
  float: left;
  width: 75%;
}

  .auth-info p:first-child {
    font-weight: 400;
    color: #00add5 !important;
    font-size: 16px;
  }

.no-image .auth-info {
  width: auto;
}

.auth-info p:last-child {
  font-style: italic;
  font-size: 12px;
  line-height: 20px;
}
/** Testimonial Ends *

*/

/** Features **/
.section-product-header {
  position: relative;
  z-index: 1;
}

  .section-product-header .section-content {
    padding-top: 50px;
  }

.section-content h2 {
  font-size: 47px;
  color: #222;
  padding-bottom: 10px;
}

.section-content p {
  font-size: 16px;
  color: #222;
  line-height: 1.8em;
  padding: 10px 0;
}

.ProductImg {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  background: url("../images/SliderImg_01.png") no-repeat top right;
  background-size: contain;
  height: 35vw;
}

.section--product-screenshots {
  background: #02ceff;
  background: linear-gradient(45deg,#02ceff,#3bf7d1);
  position: relative;
  padding-top: 0;
  z-index: 0
}

  .section--product-screenshots:after,
  .section--product-screenshots:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: -1;
    -webkit-backface-visibility: hidden
  }

  .section--product-screenshots:before {
    background: #F3F3F3;
    -webkit-transform: skewY(-4deg);
    transform: skewY(-4deg);
    height: 130px;
    top: -95px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
  }

@media (min-width:1280px) {
  .section--product-screenshots:before {
    -webkit-transform: skewY(-2.5deg);
    transform: skewY(-2.5deg)
  }
}

.section--product-screenshots h2 {
  text-align: center;
  margin-bottom: 0;
  color: #fff
}

.section--product-screenshots .screenshot-panel-form {
  z-index: 1;
  position: relative
}

.section--product-screenshots .screenshot-panel {
  position: relative;
  padding-bottom: 0;
  padding-top: 100px;
  margin-bottom: 0;
  color: #fff;
  z-index: 1;
  pointer-events: all
}

@media (min-width:960px) {
  .section--product-screenshots .screenshot-panel {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}

@media (max-width:767px) {
  .section--product-screenshots .screenshot-panel {
    padding-top: 80px;
    margin-top: -80px
  }
}

.section--product-screenshots .screenshot-panel:before {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -94%;
  content: "";
  z-index: 1;
  -webkit-backface-visibility: hidden;
  background: #02ceff;
  background: linear-gradient(45deg, #02ceff, #3bf7d1);
  -webkit-transform: skewY(-4deg);
  transform: skewY(-4deg);
  height: 100%;
  top: auto;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

@media (max-width:767px) {
  .section--product-screenshots .screenshot-panel:before {
    bottom: -97.2%;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, .1)
  }
}

.section--product-screenshots .screenshot-panel h3,
.section--product-screenshots .screenshot-panel p {
  color: #fff;
  font-size: 16px;
}

.section--product-screenshots .screenshot-panel h3 {
  font-size: 35px;
  padding-bottom: 10px;
}

.section--product-screenshots .screenshot-panel.screenshot-panel--1 {
  z-index: -2;
  padding-top: 150px;
  padding-bottom: 100px;
}

@media (max-width:767px) {
  .section--product-screenshots .screenshot-panel.screenshot-panel--1 {
    padding-top: 160px
  }
}

.section--product-screenshots .screenshot-panel.screenshot-panel--1:before {
  bottom: -94.5%;
  background: #02ceff;
  background: linear-gradient(-125deg, #02ceff, #a177ff)
}

.section--product-screenshots .screenshot-panel.screenshot-panel--2:before {
  background: #a177ff;
  background: linear-gradient(45deg, #a177ff, #ff6d92);
}

.section--product-screenshots .screenshot-panel:last-child:before {
  background: #02ceff;
  bottom: -89%;
}

.section--product-screenshots .screenshot-panel-content {
  float: left;
  width: 83.33333%;
  margin-left: 8.33333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative
}

@media (min-width:768px) {
  .section--product-screenshots .screenshot-panel-content {
    float: left;
    width: 41.66667%;
    left: 58.33333%;
    margin-left: 0
  }
}

@media (min-width:960px) {
  .section--product-screenshots .screenshot-panel-content {
    float: left;
    width: 33.33333%;
    left: 66.66667%;
    margin-left: 0
  }
}

@media (min-width:768px) {
  .section--product-screenshots .screenshot-panel-content {
    margin-top: 5%
  }
}

@media (max-width:767px) {
  .section--product-screenshots .screenshot-panel-content {
    text-align: center;
    padding-bottom: 20px
  }
}

@media (max-width:1119px) {
  .section--product-screenshots .screenshot-panel-content h3 {
    margin-top: 20px
  }
}

.section--product-screenshots .screenshot-panel-screenshots {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative
}

@media (min-width:768px) {
  .section--product-screenshots .screenshot-panel-screenshots {
    float: left;
    width: 58.33333%;
    right: 41.66667%
  }
}

@media (min-width:960px) {
  .section--product-screenshots .screenshot-panel-screenshots {
    margin-left: 8.33333%
  }
}

.section--product-screenshots .screenshot-panel-screenshots img {
  max-width: 100%;
  display: block;
}

.section--product-screenshots .screenshot-panel.switch-sides .screenshot-panel-content {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative
}

@media (min-width:768px) {
  .section--product-screenshots .screenshot-panel.switch-sides .screenshot-panel-content {
    left: 0
  }
}

@media (min-width:960px) {
  .section--product-screenshots .screenshot-panel.switch-sides .screenshot-panel-content {
    float: left;
    width: 33.33333%;
  }
}

@media (min-width:1280px) {
  .section--product-screenshots .screenshot-panel.switch-sides .screenshot-panel-content {
    left: 0;
  }
}

@media (min-width:768px) {
  .section--product-screenshots .screenshot-panel.switch-sides .screenshot-panel-screenshots {
    right: 0
  }
}

@media (min-width:960px) {
  .section--product-screenshots .screenshot-panel.switch-sides .screenshot-panel-screenshots img {
    position: relative;
  }
}

.browser-mockup {
  border-top: 2em solid rgba(230, 230, 230, 0.7);
  /*box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);*/
  position: relative;
  border-radius: 3px 3px 0 0
}

  .browser-mockup:before {
    display: block;
    position: absolute;
    content: '';
    top: -1.25em;
    left: 1em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #f44;
    box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
  }

  .browser-mockup > * {
    display: block;
  }

.section--product-features {
  padding: 3% 0;
  background: #FFF;
}

  .section--product-features .innerContent {
    float: left;
    width: 83.33333%;
    margin-left: 8.33333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }

@media (min-width:768px) {
  .section--product-features .innerContent {
    float: left;
    width: 66.66667%;
    margin-left: 16.66667%;
  }
}

.section--product-features .innerContent h2 {
  margin-bottom: 2vh;
}

.section--product-features .more-features,
.section--product-features .more-integrations {
  margin-bottom: 50px;
}

.page--icons {
  height: auto !important;
}

.iconList {
  border-bottom: 1px solid #eff0f1;
  /*margin-bottom: 40px;
    padding-bottom: 40px;*/
}

.iconList--no-border {
  border-bottom: none;
}

.iconList-categoryTitle {
  color: #1b2432;
}

.iconList-items {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}

@media (min-width:768px) {
  .iconList-items {
    float: left;
    width: 50%;
  }
}

@media (min-width:960px) {
  .iconList-items {
    float: left;
    width: 33.33333%;
  }
}

.iconList-items p {
  padding: 0 10%;
  line-height: 1.6em;
  font-size: 14px;
}


.iconList-items--company {
  float: left;
  width: 100%;
  margin-left: 0;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width:768px) {
  .iconList-items--company {
    float: left;
    width: 66.66667%;
    margin-left: 16.66667%;
  }
}

@media (min-width:960px) {
  .iconList-items--company {
    float: left;
    width: 33.33333%;
    margin-left: 0;
  }
}

.iconWrapper .icon {
  display: block;
  font-size: 3em;
  height: 2em;
  line-height: 2em;
}

.iconWrapper a {
  display: block;
}

  .iconWrapper a:hover {
    border-bottom: 0;
  }


.iconWrapper .icon--app {
  height: 1.5em;
}

.icon--green {
  color: #3be8b0;
}

.icon--teal {
  color: #1aafd0;
}

.icon--purple {
  color: #6a67ce;
}

.icon--gold {
  color: #ffb900;
}

.icon--coral {
  color: #fc636b;
}

.icon--white {
  color: #fff;
}

.icon--gray {
  color: #b9bcc0;
}

.screenshot-panel-content h3 {
  font-size: 36px;
  padding-bottom: 10px;
}

.screenshot-panel-content p, .section-content p {
  font-size: 16px;
  line-height: 1.8em;
}

.section--product-features .innerContent h2 {
  margin-bottom: 2vh;
  font-size: 38px;
  text-align: center;
}

.section--product-features .innerContent p {
  color: #676d76;
  font-size: 1.375em;
  text-align: center;
}

.iconList-categoryTitle {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  padding-bottom: 30px;
}

.iconList-items h4 {
  color: #44474C;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.features-header {
  text-align: center;
  margin-bottom: 50px;
}

.section--product-features .features-header h2 {
  margin-bottom: 10px;
  font-size: 38px;
  text-align: center;
}

.section--product-features .features-header p {
  color: #676d76;
  font-size: 17px;
  text-align: center;
}

.iconList--no-border {
  border: none;
}

.AppPromo2 {
  background: #02ceff;
}
/** Support **/
.Support_Header {
  background: url("../images/Customers-bnr.png") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

/** Privacy Policy **/
.company-desc h2 {
  font-size: 40px;
  color: #2b2e33;
  padding-bottom: 10px;
  font-weight: 300;
}

.company-desc h4 {
  font-size: 18px;
  color: #505050;
}

.company-desc-header {
  text-align: center;
  position: relative;
  margin-bottom: 35px;
}

  .company-desc-header:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    width: 140px;
    height: 2px;
    margin-left: -70px;
    background: #e74c3c;
  }

.company-desc-content {
  padding: 2.5% 0px;
  background: #FFF;
  margin: 20px 0;
}

.company-desc p {
  font-size: 14px;
  color: #3D3D3D;
  line-height: 1.8em;
  font-weight: 300;
}

  .company-desc p strong {
    font-weight: bold;
  }

.PrivacyPolicy-list {
  margin-bottom: 30px;
}

.PrivacyPolicy-list-header {
  padding-bottom: 10px;
}

.digitcount {
  width: 30px;
  height: 30px;
  background: #1C8FE0;
  text-align: center;
  color: #ffffff;
  border-right: 1px solid #DCDCDC;
  font-size: 16px;
  line-height: 30px;
}

.headingdesc {
  min-width: 300px;
  height: 30px;
  background: #ECECEC;
  text-align: left;
  color: #252525;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 1px solid #fff;
  line-height: 32px;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.5px;
}

.PrivacyPolicy-list ul {
  padding-left: 20px;
}

.PrivacyPolicy-list li {
  font-size: 14px;
  line-height: 1.8em;
  padding: 2px 0;
  color: #3D3D3D;
  list-style-type: square;
}

/** FeedBack Form **/
#Feedback_Tabs {
  padding: 3%;
  background: #FFF;
}

.Feedback_Form .form-control {
  border-radius: 0;
  border-color: #E2E2E2;
  box-shadow: none;
  outline: none;
  color: #307FB7;
}

textarea {
  max-width: 100%;
}

.Feedback_Form textarea.form-control {
  padding-top: 10px;
  padding-bottom: 30px;
}

.UploadFeedbacklabel {
  background: #E6E6E6;
  padding: 4px 6px;
  position: absolute;
  bottom: 0px;
  border: 1px solid #DCDCDC;
  cursor: pointer;
}

.resp-tab-item > i {
  margin-right: 3px;
}

.fa-icon1 {
  color: #F44336;
}

.fa-icon2 {
  color: #4CAF50;
}

.fa-icon3 {
  color: #00BCD4;
}

.fa-icon4 {
  color: #FF9800;
}

#Feedback_Tabs h4 {
  font-size: 26px;
  color: #2b2e33;
  padding-bottom: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}

.contact-address {
  background: #FFF;
  padding: 5%;
}

  .contact-address h2 {
    font-size: 25px;
    color: #333;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: capitalize;
  }

.location p {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
  line-height: 1.8em;
}

  .location p strong {
    font-weight: bold;
    color: #505050;
    font-size: 15px;
  }

.Feedback_Tabs li {
  font-weight: 600;
  font-size: 15px;
  display: inline-block;
  padding: 13px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer;
  float: left;
}

  .Feedback_Tabs li a {
    color: #555555;
  }

  .Feedback_Tabs li i {
    margin-right: 5px;
  }

.alertsuccess {
  text-align: center;
  display: block;
}

.errormsg {
  color: #ff2f2f;
  font-size: 12px;
  margin-top: 5px;
  display: block;
}