/* RESET */
html,  div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strong, ol, ul, li, form, label,
table, caption, tr, td, footer, header {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
footer, header, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  font-family: 'Roboto', sans-serif;
  font-weight:300;
}
.content_wrapper, html, body{
  height:100%;
}
ol, ul {
  list-style: none;
}
a { color:#fe4701; }
a:focus { outline:0; text-decoration:none; color:#fe4701;}
a:hover { color:#fe4701; text-decoration:underline;}

/* COLORS */

.main-content2, .naviwrapper { background-color:#fff;  }
#nav { }
h3 span,
h1 span {
  color:#fe4701;
}
h3 a {color:#fe4701!important; text-decoration:underline!important; }
.z-txt p.subtitles, .z-txt2 p.subtitles,
.z-txt h4.subtitles, .z-txt2 h4.subtitles { color:#fe4701; }
.usecase p.subtitles, .usecase h4.subtitles { color:#fe4701; }
.zlayout2 { }
.bt3 {  background-color:#fe4701; border:0px}
.testimonials .span4:hover .testi-head p { background-color:#fe4701; }
#nav2 a.activeSlide { background-color:#fe4701; }

.text-page { margin:55px 0; padding:0 0 0 0px; }
.text-page strong {font-weight: 400;}
.text-page h1 { padding:0 0 30px; font-size:30px; font-weight:400; }
.text-page h2 { font-size:17px; padding:1em 0 0.5em 0; text-transform: uppercase; font-weight:400; }
.text-page h3 { font-size:15px; padding:1em 0 0.5em 0; font-weight:400; }
.text-page p { padding:0 0 1em; font-size:15px; color:#263644; font-weight:300; line-height:1.7; }
.text-page p.subtitles, .text-page h4.subtitles { padding:0 0 20px; font-size:13px;   font-weight:300; text-shadow:1px 1px 1px rgba(255,255,255,0.4); }
.text-page .bt { float:right; color:#fff; font-size:14px; text-align:center; padding:12px 15px; display:block; opacity:0.6; }
.text-page .bt:hover { opacity:1; color:#fff;  }
.text-page ul {
  margin-left:30px;
  padding:0 0 1em;
}
.text-page ul li {
  padding:0.5em 0 0 0;
  font-size:15px;
  color:#263644;
  font-weight:300;
  line-height:1.7;
  list-style:disc;
  list-style-position: outside;
}
.text-page-left-23 {
  float: left;
  width: 600px;
}
.text-page-right-13 {
  float: right;
  width: 220px;
}


/* SECURITY */
#security img {
  width: 100%;
  margin-bottom: 40px;
}

/* Index */

.main-illu-wrapper {
  width:90%;
  margin:80px auto 40px auto;
}

.main-illu-img {
  width:100%;
}
.main-illu-text {
  padding: 0 20px;
  text-align: center;
  margin-top: 16px;
  font-weight: 300;
  font-size: 15px;
  text-transform: none;
  line-height: 1.4;
  opacity: 0.7;
}

/* Pricing Subpage  Active Tab */
.tabs-nav .ui-tabs-active a { background-color:#fe4701;  color:#e0e0e0; }
.ph   {  background-color:#fe4701;  }

/* Contact Subpage */
.cont a { color:#fe4701; }
input.input-submit { background-color:#fe4701; }

.wrapper { width:940px; margin:0 auto; }
.clear { clear:both; }
.main-content {
  padding:0px 40px;
  display:flex;
  align-items: center;
  justify-content: center;
  height:100%;
  min-height: 510px;
  background:#fff;
}
#welcome_scroll {
  position: absolute;;
  width: 60;
  left:50%;
  text-align: center;
  margin:0px -30px;
  bottom: 30px;
  font-size: 42px;
  color:#263644;
}
.main-content .wrapper {
  padding: 100px 0px;
}
.section_wrap .wrapper {
  padding: 100px 0px;
}

h3 { font-size:30px; }

.header  { clear:both; }
.logo { float:left; margin-top:8px;}
.navbar {
  margin-bottom: 0px;
}
.navbar-inner {
  background:#fff;
  border:0;
  border-radius: 0;
  box-shadow: none;
  padding:0px;
}
.btn-toggle-nav {
  background:#F0F0F0;
  box-shadow: none;
  border-radius: 0px;
  border: 0px;
}
.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #333;
  box-shadow: none;
}
.btn-toggle-nav {

}
.navi { float:right; padding:4px 0 0; }
.navi li.main_navi {
  float:left;
  text-transform: uppercase;
  outline: none;
}
.navbar .nav > li > a {
  outline: none;
  color:#637585;
  font-size:14px;
  line-height:2.4;
  font-weight:400;
  opacity:1;
  display:block;
  padding:0px 12px;
  text-shadow:none;
}
.navbar .brand {
  padding:0px;
  margin-top: 6px;
  margin-left: 0px;
}
.navbar .brand {
  width: 136px;
}
.navbar .nav > li > a:hover {
  color:#111;
}
.navbar .nav > li.active > a,
.navbar .nav > li.active > a:hover {
  opacity:1;
  color:#FF4701;
  box-shadow: none;
  background:transparent;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
  background-color: transparent;
  box-shadow: none;
}
.navbar .nav > li > a.signup_link_top {
  color:#fff;
  background:#fe4701;
  margin-left: 12px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  transition: 0.3s;
}
.navbar .nav > li > a.signup_link_top:hover {
  background:#fe4701;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}


.navi ul li .caret {
  margin-top:7px;
  margin-left:3px;
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navi ul li ul {
  position:absolute;
  left:auto;
  top:auto;
  margin-top:30px;
  border-radius:2px;
  border-color:#999;
  background:#ffffff;
}
.navi ul li ul li {
  display:block;
  float:none;
}
.navi ul li ul li a {
  line-height:2;
  display:block;
  float:none;
  font-size:14px;
  font-weight:400;
  color:#263644!important;
}
.navi ul li ul li a:hover {
  color:#263644;
  background:#f5f5f5;
}
.slider {
  clear:both;
}

.slider-txt {
  margin-right:0px;
  padding-top:0px;
  text-align: center;
}
.slider-txt h3, .slider-txt h2,  .slider-txt h1 {
    font-size: 52px;
    color: #263644;
    line-height: 1.1;
    font-weight: 300;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.9)
}
.slider-txt p {
  text-align: center;
  font-size: 22px;
  color: #2d2c26;
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
  padding:40px 0px 0px 0px;
  line-height:1.4;
}
#signup_link_welcome {
  margin:60px auto 0px auto;
  width:240px;
  float:none;
}
#signup_link_welcome:hover {

}
.slider-img { float:right; width:524px;}
.slider-signup {
  float:right;
  padding:20px;
  background:#fff;;
  margin:80px 0px;
  border:1px solid #ccc;
  border-radius:1px;
  width:275px;
}
.slider-signup input[type="text"],
.slider-signup input[type="password"]{
  border: 1px solid #ccc;
  background:#fff;
  box-shadow:none;
  border-radius:0px;
  font-size:17px;
  line-height:1.6;
  height:1.6em;
  margin:0px;
}
.slider-signup .input-large {
  width:258px;
}
.slider-signup .control-group {
  margin-bottom:20px;
}
.slider-signup .control-group-last {
  margin-bottom:5px;
}
.signup_form_header {
  text-align:left;
  padding:0 0 20px;
  font-size:22px;
  color:#2d2c26;
  font-weight:300;
  text-shadow:1px 1px 1px rgba(255,255,255,0.4);
  display:block;
}
.bt {
  border:2px solid #fe4701;
  background: #fe4701;
  border-radius:2px;
  float:left;
  color:#fff;
  font-size:20px;
  font-weight: 300;
  line-height:2.6;
  text-align:center;
  padding:0px 20px;
  display:block;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  transition: 0.3s;
}
.bt:hover,
.bt:focus {
  color: #fff;
  text-decoration: none;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

.bt2 { margin:0 22px 0 0; }
.signup_submit {
  font-weight: normal!important;
  font-size: 18px;
  padding: 8px 15px;
  opacity:1;
  width:270px;
}
.signup_submit:hover {
  color:#fff;
  opacity:1;
}
.slide-navigation-wrapper {
  padding:2px 50px;
  height:15px;
  width:80px;
  margin:0 auto;
}
#nav {
  margin-top:-25px;
  z-index:30;
  position:absolute;
}
#nav a {
  overflow:hidden;
  display: block;
  overflow: hidden;
  border-radius:40px;
  padding:4px;
  float:left;
  height:1px;
  width:1px;
  background-color:#999;
  margin:3px 0 0 8px;
  opacity:0.8;
}
#nav a.activeSlide {
  background-color:#263644;
}
.pagi {
  height:1px;
  background:#999;
}


/* Case Studies */

.casestudies,
.legal,
.about,
.integrationdetail,
.integrations {
  padding-top:80px;
  background-color:#f5F6F7;
  text-align: center;
}
.contact .wrapper,
.pricing .wrapper,
.casestudies .wrapper,
.legal .wrapper,
.about .wrapper,
.integrations .wrapper {
  padding: 80px 0px 80px 0px;
}
.pricing.section_wrap {
  padding-bottom: 0px;
}
.integrationdetail .wrapper {
  padding: 80px 0px 80px 0px;
}
.testimonial-header {
  background-color:#f5F6F7;
}

.casestudy-header {
  background-color:#f5F6F7;
  padding: 60px 0px 0px 0px;
}
.casestudy-header .wrapper {
  padding: 100px 0px 80px 0px;
}

.integrationdetail h1,
.casestudy-header h1,
.about h1,
.legal h1,
.integrations h3,
.casestudies h3 {
  text-align:center;
  padding:0 0 12px;
  font-size:26px;
  color:#2d2c26;
  font-weight:300;
  text-shadow:1px 1px 1px rgba(255,255,255,0.4);
  text-transform: none;
  line-height: 1.4;
}
.legal h1 {
  padding: 0px;
}
.legal .subtitles {
  margin-top: 1em;
  line-height: 1.4;
}
.tag-navigation {
  display:block;
  margin-top: 80px;
}
.tag-navigation li a {
  font-weight: 300;
  line-height: 40px;
  display: block;
  font-size: 12px;
  color: #666;
  text-align: left;
  display: block;
  background:#fff;
  padding:0px 30px;
  margin:0px 10px 10px 0px;
  float:left;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  transition: 0.3s;
}

.tag-navigation li a:hover {
  opacity: 1;
  text-decoration: none;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

.tag-navigation li.active a {
  background:#fe4701;
  color:#fff;
  opacity: 1;
}
.tag-navigation li.industry a {
  background:#FFF5F5;
}

.testimonial-tags {
  display: block;
  clear:both;
}
.testimonial-tags li a {
  font-weight: 300;
  line-height: 20px;
  display: block;
  font-size: 11px;
  color: #888;
  background:#f5F6F7;
  text-align: left;
  display: block;
  padding:0px 10px;
  margin:0px 10px 10px 0px;
  float:left;
}

.tag-navigation li a:hover {
  opacity: 1;
}

.tag-navigation li.active a {
  background:#fe4701;
  color:#fff;
  opacity: 1;
}

.testimonial {
  padding: 80px 0px;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  line-height: 1.6;

}

.testimonial:last-of-type {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.testimonial-list {
  background-color:#fff;
  margin-bottom:80px;
}

.testimonial .logo-wrapper {
  width: 240px;
  min-height: 40px;
  float:left;
  text-align: center;
  padding: 36px 40px 0px 0px;
}

.testimonial .logo-wrapper img {
  max-width: 180px;
  max-height: 80px;
}

.testimonial .quote-wrapper {
  float:left;
  width:640px;
  font-size: 15px;
  color: #263644;
  font-weight: 300;
  line-height: 1.5;
}
.testimonial .quote-wrapper p {
  display: block;
  clear: both;
}
.testimonial .quote-name {
  font-style: italic;
  padding:10px 0px 0px 0px;
}
.testimonial .quote-name a {
  font-style: italic;
  color:#fe4701;
}

.casestudy-nav-wrapper {
  float: left;
  width: 220px;
}

.casestudy-content-wrapper {
  font-size: 16px;
  line-height: 1.6;
  float:right;
  width: 660px;
}

.tagcloud a {
  color: #949696;
  font-size: 14px!important;
  display: inline-block;
  border: 1px solid #cecece;
  margin: 0px 5px 8px 0px;
  padding: 3px 5px;
  border-radius: 4px;
  text-decoration: none;
}
.tagcloud a:focus,
.tagcloud a:active,
.tagcloud a:hover {
  color: #fe4701;
  border-color: #fe4701;
}

@media (max-width: 979px) and (min-width: 768px) {
  .casestudy-nav-wrapper {
    float: none;
    width: auto;
    margin-bottom: 60px;
  }
  .casestudy-content-wrapper {
    float: none;
    width: auto;
  }
}

@media (max-width: 767px) and (min-width: 480px) {
  .casestudy-nav-wrapper {
    float: none;
    width: auto;
    margin-bottom: 60px;
  }
  .casestudy-content-wrapper {
    float: none;
    width: auto;
  }
}

@media (max-width: 480px) {
  .casestudy-nav-wrapper {
    float: none;
    width: auto;
    margin-bottom: 60px;
  }
  .casestudy-content-wrapper {
    float: none;
    width: auto;
  }
}

.casestudy-content-wrapper p {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.6;
}

.casestudy-nav-wrapper small {
  display: block;
  line-height: 2;
  padding: 0px 0px 12px 0px;
  color: #91918F;
  text-align: center;
}

.casestudy-nav-wrapper ul {
  margin-bottom: 40px;
}

.casestudy-nav-wrapper ul:last-of-type {
  margin-bottom: 0px;
}

.casestudy-nav-wrapper ul li a {
  font-weight: 300;
  line-height: 40px;
  display: block;
  font-size: 14px;
  color: #666;
  border: 1px solid #e0e0e0;
  border-bottom: 0px;
  text-align: left;
  display: block;
  background:#fff;
  padding:0px 20px;
  margin:0px 0px 0px 0px;
  text-decoration: none;
}

.castestudy-wrapper .wrapper {
  padding: 80px 0px;
}

.casestudy-nav-wrapper ul li a:hover {
  background: #FFF5F5;
}
.casestudy-nav-wrapper ul li.active a {
  background: #fe4701;
  color: #FFF;
}

.casestudy-nav-wrapper ul li:last-child a {
  border-bottom: 1px solid #e0e0e0;
}

/* Integrations */

.integrations-list {
  background-color:#fff;
  margin-bottom:00px;
  margin-top: 88px;
}

.integration {
  display: block;
  border: 8px solid #F5F6F7;
  float:left;
  margin-right: 18px;
  margin-top: 18px;
  width: 279px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  transition: 0.3s;
}

.integration img {
  margin: 20px auto;
  height: 44px;
  max-width: 220px;
  display: block;
  transition: 0.3s;
}

.integration span {
  display: block;
  background: #F5F6F7;
  padding: 8px 10px 0px 10px;
  color: #999;
  line-height: 1.6;
  text-align: center;
  transition: 0.3s;
}

a.integration:hover {
  border-color:#E1EDF7;
  opacity: 1;
  text-decoration: none;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
a.integration:hover img {
  opacity: 1;
}
a.integration:hover span {
  background-color:#E1EDF7;
  color:#767585;
}

.integration-bottom .wrapper {
  padding: 20px 0px 120px 0px;
}

@media (max-width: 979px) and (min-width: 768px) {
  .integration {
    margin-right: 20px;
    width: 326px;
  }
}

@media (max-width: 767px) and (min-width: 480px) {
  .integration {
    margin-right: 20px;
    width: 204px;
  }
  .integration img {
    height: 28px;
    max-width: 180px;
  }
}

@media (max-width: 480px) {
  .integration {
    margin-right: 0px;
    width: 90%;
  }
}

.integration-illu-wrapper {
  width:700px;
  margin: 80px auto 0px auto;
}
@media (max-width: 767px) {
  .integration-illu-wrapper {
    display:none;
  }
}

.integration-illu-left {
  width:440px;
  float:left;
  display: block;
}
.integration-illu-logo {
  width:240px;
  margin-left:-1px;
  border: 4px solid #FC4822;
  float:left;
  display: block;
  margin-top: 13px;
  background: #fff;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.integration-illu-logo img {
  height: 52px;
  max-width: 180px;
}

.integration-txt {
  margin:80px 80px 0px 0px;
  width:425px;
  float:left;
  padding: 0px;
  font-size: 16px;
  color: #263644;
  font-weight: 300;
  line-height: 1.6;
}
.integration-txt-full {
  width: 100%;
  margin-top: 30px;
}

.integration-txt ul {
  list-style: none;
  margin-left: 14px;
}

.integration-txt ul li:before {
  content: "•";
  font-weight: 500;
  margin-left: -12px;
  color: #fe4701;
  position: absolute;
}
.integration-txt a {
  color: #fe4701;
}

.integration-txt-right {
  margin-right: 0px;
}
.integration-txt .more {
  color: #fe4701;
  font-size: 16px;
}
.integration-txt .more:hover {
  text-decoration:underline;
}
.integration-txt h2 {
  padding: 0 0px;
  font-size: 16px;
  color: #2d2c26;
  font-weight: 400;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
  display: block;
  line-height: 1.6;
}
.integration-txt h2 span {
  color: #fe4701;
}


/* Features */

.features { clear:both; background:#f5F6F7; }
.features-bottom .wrapper {
  padding: 0px 0px 100px 0px;
}
.features h3{ font-size:22px; line-height:1.4; text-align:center; font-weight:300; }
.features_focus { display:block; margin: 0px auto;}
.featu  { margin:60px 0px 40px 0px; color:#808080; font-size:16px; }
.featu h4, .featu span { text-align:center; font-size:16px; color:#fe4701;  display:block; }

.featu p { padding:0 20px; text-align:center; margin-top:16px; font-weight:300;  text-transform:none; line-height:24px;  }
.icon { width:63px; height:63px;  margin:0 auto; display:block;  }

.featu .ft1 { position:absolute; opacity:0.2; }

.zlayout1 {background-color:#fff; padding:30px 0; }
.zlayout1 a {
  text-decoration:underline!important;
}
#mockup_wrapper {
  padding: 30px 0px 0px 0px;
}
#mockup_wrapper a.bt {
  text-decoration: none!import.ant;
  opacity:0.9;
}
.twitter-follow-button {
  margin-top:18px;
  margin-right:30px;
}
.feature_wrapper_top {
  padding-top: 80px;
  background-color: #fff;
}
.feature_wrapper_top.section_wrap,
.feature_wrapper_top.section_wrap .wrapper {
  padding-bottom: 0px;
}

.feature-txt {
  margin:0px 0px 0px 0px;
  width: 50%;
  float:left;
  padding: 0px;
  font-size: 16px;
  color: #263644;
  font-weight: 300;
  line-height: 1.8;
}
.feature-txt .more {
  color: #fe4701;
  font-size: 16px;
}
.feature-txt .more:hover {
  text-decoration:underline;
}

.feature-wrapper {
  margin: 0px 0px 120px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-img {
  margin:0px 0px 0px 0px;
  width: 50%;
  float:left;
}

.feature-img-left {
}

.feature-img-right {
  text-align: right;
}
.feature-img img {
  width:75%;
}


.feature-txt h1,
.feature-txt h2 {
  padding: 0 0px 4px 0px;
  font-size: 22px;
  color: #2d2c26;
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
  display: block;
  line-height: 1.4;
}
.feature-txt p {
  line-height: 1.6;
}
.feature-txt span {
  color: #fe4701;
}
.feature-txt strong.subtitles {
  padding: 0px 0px 20px 0px;
  font-size: 18px;
  line-height: 1.2;
  color: #fe4701;
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
}

.feature_highlight .feature-txt {
  margin-bottom: 0px;
}
.feature_highlight .feature-img {
  margin-top:10px;
  margin-bottom: 0px;
}

/* About us */

.about-us-txt {
  margin:0px 0px 0px 0px;
  padding: 0px;
  font-size: 16px;
  color: #263644;
  font-weight: 300;
  line-height: 1.8;
}

.about-us-txt h1,
.about-us-txt h2 {
  padding: 0 0px 4px 0px;
  font-size: 22px;
  color: #fe4701;
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
  display: block;
  line-height: 1.4;
}
.about-us-txt p {
  line-height: 1.6;
  margin-bottom: 40px;
}
.about-us-txt span,
.about-us-txt a {
  color: #fe4701;
}

.z-txt { margin:55px 0; width:425px; float:left; }
.zlayout1 .z-txt2 {margin:55px 0px 55px 50px;}
.z-txt h3, .z-txt2 h3,
.z-txt span.title, .z-txt2 span.title
{ padding:0 0 30px; font-size:30px; color:#fff; font-weight:700;  text-shadow:1px 1px 1px rgba(0,0,0,0.4); display:block;}
.z-txt p.subtitles, .z-txt2 p.subtitles,
.z-txt h4.subtitles, .z-txt2 h4.subtitles{ padding:0 0 20px; font-size:18px;   font-weight:300; text-shadow:1px 1px 1px rgba(0,0,0,0.4); }
.z-txt p, .z-txt2 p { padding:0 0 30px; font-size:15px; color:#f5F6F7; font-weight:300; line-height:2; }
.z-img { width:425px; float:left; height:250px; }
.z-txt .bt { float:right; color:#fff; font-size:14px; font-weight:400; text-align:center; padding:12px 15px; display:block; opacity:0.6; }
.z-txt .bt:hover { opacity:1; color:#fff;  }

.video_wrapper {
  background:#f5F6F7
}
.slider2 h3 {
  text-align:center;
  padding:0 0 30px;
  font-size:26px;
  color:#2d2c26;
  font-weight:300;
  text-shadow:1px 1px 1px rgba(255,255,255,0.4);
}
.wrapper .call {
  padding:0 0px;
  font-size: 22px;
  color:#2d2c26;
  font-weight:300;
  text-shadow:1px 1px 1px rgba(255,255,255,0.4);
  display: block;
  line-height:1.7;
  text-align:center;
}
.wrapper .call-sub {
  font-size: 20px;
  line-height: 1.3;
  opacity: 0.5;
  margin: 4px 0px 0px 0px;
}
.call span, .call strong { color:#fe4701;  }
.call a {
  color:#fe4701;
  text-decoration: underline;
}
.sub-call-text {
  margin:20px 0px 0px 0px;
  padding: 0px;
  font-size: 16px;
  color: #263644;
  font-weight: 300;
  line-height: 1.8;
  text-align: center;
}
.slider2 p { color:#808080; text-align:center; font-size:15px; line-height:2.2; padding:0 15%;  }
.slides {
  background:url(../img/macbook.png) center  no-repeat;
  width:94%;
  height:505px;
  overflow:visible;
  position:relative;
  margin:0 auto;
  padding:1px 0 0;
}
.videowrapper {
  width:624px;
  margin:32px auto;
}
#prev2 { float:left; width:24px; height:41px; display:block; background:url(../img/slider2/prev.png) no-repeat; margin:200px 0 0; }
#next2 { float:right; width:24px; height:41px; display:block; background:url(../img/slider2/next.png) no-repeat; margin:200px 0 0;  }
.slides_container { width:626px; margin: 31px auto 100px; height:380px; }
.slides_container  img { width:100%; }
.bt3 {
  border-radius:2px;
  margin:60px auto 0px auto;
  color:#fff;
  font-size:20px;
  line-height:2.6;
  text-align:center;
  width:310px;
  display:block;
  cursor:pointer;
  font-weight: 300;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  transition: 0.3s;
}
.bt3:hover,
.bt3:focus,
.bt3:active {
  color:#fff;
  text-decoration: none;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
.navbar .nav > li > a.signup_link_top:hover {
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

.zlayout2 { padding:30px 0; margin:0px 0 0; }
.z-txt2 { margin:55px 0; width:425px; float:left; padding:0 0 0 0px; }
.usecase { margin:55px 0px;}
.usecase .left { width:425px; float:left; }
.usecase h3 { padding: 0 0 30px; font-size: 30px; color: #fff; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
.usecase p.subtitles, .usecase h4.subtitles { padding: 0 0 20px; font-size: 18px; font-weight: 300; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
.usecase p { padding: 0 0 30px; font-size: 15px; color: #f5F6F7; font-weight: 300; line-height: 2; }
.usecase .bt { float:right; color:#fff; font-size:14px; text-align:center; padding:12px 15px; display:block; opacity:0.6; }
.usecase .bt:hover { opacity:1; color:#fff;  }

.testimonials {padding:80px 0 30px; background-color:#e0e0e0; box-shadow:1px 1px 1px rgba(255,255,255,0.4)inset ,-1px 0px 1px rgba(0,0,0,0.1)  ; }
.testimonials h3 { text-align:center; padding:0 0 80px; font-size:26px; color:#2d2c26; font-weight:300;  text-shadow:1px 1px 1px rgba(255,255,255,0.4); }
.testi-head { position:relative; clear:both; height:95px; }
.testi-head img { float:left; position:absolute; left:0;}
.testi-head p { font-size:15px; color:#fff; float:left; margin:18px 0 0 80px;  background-color:#b8b8b8; display:block; padding:15px 40px 16px; }
.testimonials .span4:hover { cursor:pointer; }

.testi-quote p.quote {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size:72px;
  padding:0 0 0 0px;
  float:left;
  font-style: italic;
  width:55px;
}
.testi-quote p.quote2 {
  font-style: italic;
  text-align:left;
  line-height:1.5;
  font-size:16px;
  padding:0 00px 0px 55px;
  margin:0px;
  text-shadow: none;
  font-weight:300;
  color:#808080;
}
.testi-quote p.quote2 span {
  color:#2d2c26;
}
.testi-quote a, .feature-txt a, .sub-call-text a {
  color:#fe4701;
}
.quote_name {
  color:#999999;
  text-align: left;
  padding:10px 0px 0px 55px;
  font-size:14px;
}

.testi { height:260px; }
#nav2{  width:80px; margin:0 auto; padding:2px 50px; height:15px;  }
#nav2 a { overflow:hidden; display: block; overflow: hidden; border-radius:40px; padding:4px; float:left; height:1px; width:1px; background-color:#c3c3c3; margin:3px 0 0 8px; opacity:0.4; }
#nav2 a.activeSlide { padding:5px; opacity:1; margin:2px 0 0 8px; }

.screenshots { padding:80px 0 40px; background-color:#f5F6F7; box-shadow:1px 1px 1px rgba(255,255,255,0.4)inset ,-1px 0px 1px rgba(0,0,0,0.1)  ; }
.screenshots h3 { text-align:center; padding:0 0 80px; font-size:26px; color:#2d2c26; font-weight:300;  text-shadow:1px 1px 1px rgba(255,255,255,0.4); }
.gallery ul.hiden { display:none; margin-top:40px; padding: 0 0 30px; }
.gallery ul { margin:0; min-height:150px; height:150px; padding-bottom:30px; }
.gallery li { position:relative;   max-width:100%; }
.gallery li img { width:95%; ition:relative;  min-height:150px; max-width:100%; }
.gallery li img { box-shadow: 0 0  1px rgba(0, 0, 0, 0.6), 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 -1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.6);   }
img.a { position: absolute; left: 0;	top: 0;  z-index: 10; border:0px solid #cccccc;	cursor:pointer;	}
img.b {	position: absolute;	left: 0; top: 0; z-index: 12; border:0px solid #cccccc;	opacity:0; cursor:pointer;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/	}
.screenshots .bt3 { margin:40px auto 0px; }
#less { display:none;  }

/* COUNTER */
#counter {
  display:block;
  background: #f5f6f7;
  padding: 80px 0px;
  line-height: 1.6;
}
#counter .counter-col {
  width: 33%;
  float: left;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #999;
  text-transform: uppercase;
}

#counter .counter-col i {
  display: block;
    display: block;
    font-size: 44px;
    color: #ccc;
}
#counter .counter-col .counter-value {
  font-size: 40px;
  display: block;
  font-weight: 400;
  color: #fe4701;
  padding: 6px 0px 0px 0px;
}
#counter .wrapper .call {
  margin-bottom: 50px;
  display: block;
}
/* Footer */

.footer {
  display:block;
  background: #2a3642;
  padding: 80px 0px;
  line-height: 1.6;
  color: #fff;
}
.footer ul li {
  display: block;
  padding: 0px;
  margin: 0px;
}
.footer strong { display: block; font-weight: 400; }
.footer a {color: #999; cursor: pointer;}
.footer a:hover {color: #fff;}
.footer .footer-col {
  float: left;
  width: 20%;
}

.copy { color: #999; display:block; padding-top: 1em; }
.footer .copy a {color: #fff;}

.naviwrapper {
  position:fixed;
  z-index:1000;
  width:100%;
  padding:23px 0px 25px 0px;
  display:block;
  top:0px;
}
body.scrolled .naviwrapper {
  border-bottom: 1px solid #ccc;
}
.naviwrapper .wrapper {

}

.contact {
  padding:80px 0px;
  background: #fff;
}
.contact h3 {
  text-align:center;
  padding:0 0 50px;
  font-size:26px;
  line-height: 1.4;
  color:#2d2c26;
  font-weight:300;
  text-shadow:1px 1px 1px rgba(255,255,255,0.4);
}

.pricing {
  padding:80px 0px;
  background-color:#f5F6F7;
}
.pricing h3 {
  text-align:center;
  padding:0 0 50px;
  font-size:26px;
  line-height: 1.4;
  color:#2d2c26;
  font-weight:300;
  text-shadow:1px 1px 1px rgba(255,255,255,0.4);
}
.pricingInfo {
  color: #808080;
  text-align: center;
  font-size: 15px;
  line-height: 1.6;
}
.pricingInfo .wrapper p {
  margin: 0px 0px 30px 0px;
}
.pricingSub {
  background:#fff;
  padding:80px 0 80px;
}
.pricingSub h3 { padding:2em 0 1em; font-size:18px; color:#2d2c26; font-weight:300;  text-shadow:1px 1px 1px rgba(255,255,255,0.4); }
.pricingSub a {color:#fe4701!important; text-decoration:underline!important; }
.pricingSub p {
  font-size: 15px;
  color: #263644;
  font-weight: 300;
  line-height: 1.5;
  padding-right:5px;
}
.pricingSubTesti {
  background:#f5F6F7;
  padding:80px;
}
#pricing_tabs {
  width: 500px!important;
  margin:0px auto;
  clear:both;
}
#pricing_tabs li {
  width:250px;
  padding:0px;
  margin:0px 0px 80px 0px;
  display:inline;
  float:left;
}

#pricing_tabs a {
  display:block;
  line-height:40px;
  padding:0px 20px;
  text-align:center;
  background:#fff;
  font-size: 16px;
  color: #2d2c26;
  font-weight: 300;
}
#pricing_tabs li.active a {
  background:#fe4701;
  color:#fff;
}
.tab-content {
  display:block;
  margin:0 ;
  clear:both;
  padding-bottom:50px;
}


.pricing .row-fluid .span3 {   margin:0; width:25%; }
.pric-wrap { padding:50px 0; }
.prics { border:1px solid #b8bfc2; background:#fff; margin:0; margin-left:0; border-left:none;}
.prics2 { border-right:none; background:#fff; }
.pric { border:1px solid #b8bfc2; background:#fff; margin:0 0 0px 0px; }
.pric h6 {text-align:center; text-transform:uppercase; font-size:18px; color:#505d63; font-weight: 300; }
.prics h6 {text-align:center; text-transform:uppercase; font-size:18px; color:#505d63; font-weight: 300; }
.pric-head   { padding:20px 0; border-bottom:1px solid #b8bfc2; background-color:#fff;}

.ph h6  {  color:#fff;  }

.pric-body li   {
  font-weight:300;
  line-height:50px;
  display:block;
  font-size:14px;
  color:#666;
  padding:0px 0 0px 20px;
  border-bottom:1px solid #D5D5D5;
  text-align:center;
  display:block;
  background-color: #FFF;
}
.pric-body li.yes   { }
.pric-body li.no   {  text-decoration: line-through; color:#AAA;}
.pric-body li.first {
  background-color:#FFF5F5;
}
.pric-body strong {}
.pric-footer   { height:155px;  background: #FFF;}
.pric-footer p { padding:28px 0; color:#505d63; font-weight:400; font-size:50px; text-align:center; }
.pric-footer p span { font-weight:300; font-size:20px;  }
.pric-footer p small { font-weight:300; font-size:14px; text-align:center; display:block; }
.pric-footer .pric-butt a {
  line-height:25px;
  font-size:14px;
  display:block;
  padding:10px 0;
  margin:0 auto;
  border-radius:2px;
  text-align:center;
  width:160px;
  border:1px solid #333;
  background-color:#fff;
  color:#2d2c26;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  transition: 0.3s;
}
.pric-footer .pric-butt a:hover {
  background-color:#f5f5f5;
  color:#2d2c26;
  text-decoration: none;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
.price_highlight li {

}
.price_highlight .pric-head {
  background-color:#fe4701;
  color:#fff;
}
.price_highlight .pric-head h6 {
  color:#fff;
}
.price_highlight .signup_link a{
  border:1px solid #fe4701;
  background-color:#fe4701;
  color:#fff;
}
.price_highlight .signup_link a:hover {
  background-color:#fe4701;
  color:#fff;
}

#success { }
.text-warning, .text-success { display:block; width:92%;  padding:10px 20px; margin-bottom:20px; border-radius:8px; }
.text-warning {
  border: 2px solid #fe4701;
  color: #fe4701;
}
.text-success {
  border: 2px solid #47b663;
  color: #47b663;
}
.ph p { color:#fff !important; }


.cta h3 { text-align:center; padding:50px 0 30px; font-size:26px; color:#2d2c26; font-weight:300;  text-shadow:1px 1px 1px rgba(255,255,255,0.4); }
.cta p { color:#808080; text-align:center; font-size:15px; line-height:2.2; padding:0 15%;  }


.cont { padding:0 20px;border-left:1px solid #e8e8e8; }
.cont a{ font-size:14px; text-decoration:underline; }
.cont p { padding: 20px 0; line-height:28px; font-size:14px; color:#7b8285; }
.credits     { padding: 20px 0;   }
.credits p   { padding: 5px 0;  line-height:28px; font-size:14px;  }
.cont p strong  {   line-height:28px; font-size:14px; color:#47494a; }

.form-contact  {
  width:470px;
  margin: 30px auto;
  display: block;
}
.form-contact input, .form-contact textarea {
  border-radius:2px;
}
.form-contact input:focus , .form-contact textarea:focus {  border: 1px solid #CCCCCC;
}
.form-contact input { float:left; width:41%; height:30px; padding:5px 20px; }
.input-email {  margin:0 0 0 20px;   }
.form-contact textarea { float:left; width:92%; height:130px; resize:none; padding:15px 20px; margin:20px 0 0; }
input.input-submit {
  display: block;
  float: left;
  height: 40px;
  padding: 12px 0;
  width: 140px;
  margin-left: 10px;
}

input { border:0;  color:#fff;  }
input:focus { border:0; outline:0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #191919;border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3),  1px 1px 2px rgba(0, 0, 0, 0) inset; }
input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #191919;border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3),  1px 1px 2px rgba(0, 0, 0, 0) inset; }

.divi2 { clear:both; width:100%; background-color:#e8e8e8; height: 30px; display:block; }
.modal-body p {
  line-height:1.6;
}

#signupMail {
  margin:15px 0px;
  width:82%;
}
.zlayout2 { padding:30px 0; margin:0px 0 0; }
.usecase p a {
  color:#fe4701;
}
.usecase p a:hover {
  text-decoration: underline;
}
.usecase .z-txt2 { margin:0px 0px 0px 0px; width:425px; float:left; padding:0 0 0 0px; }
.usecase h1 { padding:0 0 30px; font-size:30px; line-height:33px; color:#aaa; font-weight:700;  text-shadow:1px 1px 1px rgba(0,0,0,0.1); }
.usecase p { padding:0 0 30px; font-size:15px; color:#263644; font-weight:300; line-height:2; }
.usecase .subtitles { padding:0px 0px 20px 0px; font-size:18px; line-height:1.2;  color:#fe4701; font-weight:300; text-shadow:1px 1px 1px rgba(255,255,255,0.4); }
.usecase .bt { float:right; color:#fff; font-size:14px; text-align:center; padding:12px 15px; display:block; opacity:0.6; }
.usecase .bt:hover { opacity:1; color:#fff;  }
.usecase #usecaseImage2 {
  margin-top:-120px;
}
.usecase .z-img2 {
  float:right;
}
.usecase .z-img2 img {
  height:auto;
  width:auto;
  display:block;
  float:none;
  clear:both;
}

#signupWrapperUseCase {
  padding:0px 0px 80px 0px;
}

@media(max-width: 979px) {

  .nav-collapse {
    padding:0px;
    width: 100%;
  }
  .nav-collapse .nav > li {
    float:none;
    display: block;
  }
  .nav-collapse .nav.pull-right {
    float:none;
  }
  .navbar .nav > li > a {
    float:none;
    text-align: center;
    display: block;
    margin:0px;
    line-height:4;
    border-bottom: 1px solid #eee;
    background: transparent;
  }
  .navbar .nav > li > a:hover,
  .navbar .nav > li.active > a:hover {
    box-shadow: none;
  }
  .navi li a.signup_link_top {
    box-shadow: none;
    background:transparent;
    color:#444;
    margin-left: 0px;
  }


}

@media(min-width: 768px) and (max-width: 979px) {
  .testimonial .quote-wrapper {
    width:100%;
  }
  .testimonial .logo-wrapper {
    width: 100%;
    margin-bottom:30px;
    text-align: center;
    padding-top:0px;
  }

  .testimonial {
    padding:50px 0px;
  }

  .wrapper { width:725px; }
  .slider-txt h1, .slider-txt h2 {
    font-size:30px;
  }
  .slider-txt p {
    padding:30px 10px;
    font-size:18px;
  }
  .slider-img { width:405px; }
  h3 { font-size:26px; }
  .bt { background-size:100%; font-size:16px;  line-height:2.6; padding:0px 15px; }
  .main-content {  }
  .z-img { width:405px; }
  #mockup_wrapper .z-img { width: 320px; margin-right:30px;}
  .z-txt { width:290px;  margin: 36px 0;}
  .zlayout1 .z-txt { width:330px;  margin: 36px 40px 36px 0px;}
  .z-txt h3, .z-txt2 h3,
  .z-txt span.title, .z-txt2 span.title { font-size:20px; }
  .z-txt p.subtitles, .z-txt2 p.subtitles,
  .z-txt h4.subtitles, .z-txt2 h4.subtitles   { font-size:14px; }
  .z-txt p, .z-txt2 p  { line-height: 1.6; font-size: 14px;}
  .z-img2 { width:350px; float:left; }
  .z-txt2 { width:340px;  margin: 36px 0;}
  .zlayout1 .z-txt2 { width:330px;  margin: 36px 0;}
  .usecase h3 { font-size:20px; }
  .usecase .left { width:350px; float:left; }
  .usecase p.subtitles,
  .usecase h4.subtitles   { font-size:14px; }
  .usecase p { line-height: 1.6; font-size: 14px;}
  .usecase .z-txt2 { width:350px;  margin: 36px 0;}
  .usecase .z-img2 { width:320px; float:left; }
  .usecase p.subtitles  { font-size:14px; }
  .usecase p { line-height: 1.6; font-size: 14px;}
  .slides { width:93%; background-size:100%; }
  .slides_container { width:518px; margin: 68px auto 100px; height:378px; }
  .testi-quote p.quote2 { font-size:13px; }
  .testi-head p { font-size:13px; padding:15px 20px 16px; }
  .divi { width:252px; }
  .form-contact input { width:39%; }
  .features h3, .wrapper .call {font-size:18px;}
  .feature-img {width:250px;}
  .feature-txt {width:350px; margin-top:0px;}
  .feature-txt h1, .feature-txt h2 {
    font-size:22px;
  }
  .usecase #usecaseImage2 {
    margin-top:-80px;
  }
  .pric-body li   {  font-size:12px; padding:0px 0 0px 40px;  }
  .pric-body li.yes   { background-position: 10px 20px;}
  .pric-body li.no   {  background-position: 10px 20px;}

  .videowrapper {
    margin: 80px auto;
    width: 500px;
  }
  .videowrapper img {
    width: 500px;
  }
  .integration-txt {
    width: auto;
    margin:0px;
  }
  .integration-txt:first-of-type {
    margin-top: 100px;
  }
  .testimonial:first-of-type {
    margin-top: 60px;
  }

  #counter .counter-col {
    font-size: 15px;
  }

  #counter .counter-col i {
    font-size: 38px;
  }

  #counter .counter-col .counter-value {
    font-size: 32px;
  }

}


@media(min-width: 480px) and (max-width: 767px) {

  #counter .counter-col {
    font-size: 15px;
    width: 100%;
    float: none;
    margin: 0px 0px 30px 0px;
  }

  #counter .counter-webhooks {
    margin-bottom: 0px;
  }

  #counter .counter-col i {
    font-size: 38px;
  }

  #counter .counter-col .counter-value {
    font-size: 32px;
  }

  .footer .footer-col {
    width: 33%;
    margin-bottom: 20px;
  }
  .wrapper {
    width: 480px;
  }
  .wrapper .call-sub {
    padding: 40px 0px 60px 0px;
  }
  #welcome_scroll {
    display: none;
  }
  .feature-wrapper {
    display: block;
  }
  .feature-txt {
    width:100%;
    margin:0px;
    float:none;
  }
  .feature-img {
    float:none;
    text-align: center;
    width:100%;
    clear: both;
  }
  .feature-img-left {
    display: none;
  }
  .feature-img img {
    margin:40px 0px!important;
    width: 80%
  }
  .feature_highlight .feature-img {
    margin:40px 0px!important;
  }
  .feature_highlight {
    margin:0px;
    padding: 0px;
  }
  .testimonial .quote-wrapper {
    width:100%;
  }
  .testimonial .logo-wrapper {
    width: 100%;
    margin-bottom:20px;
    text-align: center;
    padding-top:0px;
  }

  .testimonial {
    padding:40px 0px;
  }

  #video_wrapper {
    display:none;
  }

  body { padding:0; }
  .main-content {
    padding:0px;
    height: auto;
  }
  .testi-quote {
    margin-bottom:30px;
  }
  .main-illu-wrapper {
    width:100%;
  }
  .bttons { width:416px; margin:0 auto 30px; height:80px;}
  .slide { width:480px; }
  .slider { width:480px; }
  .slider-txt { width:100%;  float:none; clear:both;}
  .slider-txt h3, .slider-txt h2,  .slider-txt h1 {  text-align:center;  padding:10px 0px; font-size:38px; }
  .slider-txt p { text-align:center;  padding: 30px 10px;  font-size:16px; }
  .slider-signup { float:none; margin:40px auto;}
  .slider-img { width:100%; margin:0 auto; float:none; }
  .z-txt { float:none; width:90%; margin:65px auto 0; }
  .z-txt2 { float:none; width:90%; margin:65px auto; padding-left:0px; }
  .usecase .left { width:90%; float:none; }
  .feature-img {margin:30px auto; float:none;}
  .zlayout1 .z-txt2 { float:none; width:90%; margin:65px auto; padding-left:0px; }
  .z-img { width:420px; margin:0 auto; height:350px; float:none;}
  .z-img2 { width:420px; margin:0 auto; height:350px; float:none;}
  .usecase .z-txt2 {
    float:none;
  }
  .usecase .z-img2 {
    float:none;
  }
  .usecase .zlayout2 {
    height:auto;
  }
  .usecase #usecaseImage2 {
    display:none;
  }
  .zlayout1 {  }
  .slides { width:90%; background-size:100%; height: 380px; }
  .slides_container { width:328px; margin: 74px auto 100px; height:378px; }
  .zlayout2 { margin:20px 0 0; padding:10px 0; height:780px;}
  #prev2, #next2 { margin:150px 0 0; }
  .testi { height:690px; }
  .testi-head p { width:300px; text-align:center; }
  .testi .span4 { margin-bottom:80px; }
  .gallery  {   min-height:100px; }
  .gallery li { margin:20px 0 0;  height:300px; }
  .gallery li img { width:90%; margin:0px 0 0 6%;  }
  .gallery ul { height:900px; }
  .gallery ul.hiden { margin-top:40px; padding: 0 0 30px; height:600px; height:900px;}
  .bt3 { margin: 25px auto; }
  .form-contact input { width:39%; }

  .cont { display:none; }
  .cta .bt3 {margin: 40px auto;}
  .pricing .row-fluid .span3 {   margin:80px auto 0; width:100%; }
  .prics { border:1px solid #b8bfc2; margin:0; margin-left:0; border-left:1px solid #b8bfc2; border-right:1px solid #b8bfc2; }
  .prics2 { border:1px solid #b8bfc2; }
  .divi { width:130px; }

  #contactform {
    margin-bottom:40px;
  }
  .pric-body li   {  font-size:18px;  }

  .footer .copy {
    float:none;
    display:block;
    margin: 30px auto;
    text-align:center;
  }
  .footer .social {
    margin:30px auto;
    text-align:center;
    float:none;
  }
  .twitter-follow-button {
    margin:30px auto;
  }
  .main-content .wrapper {
    padding: 120px 0px 100px 0px;
  }
  .integration-txt {
    width: auto;
    margin:0px;
  }
  .integration-txt:first-of-type {
    margin-top: 100px;
  }
  .testimonial:first-of-type {
    margin-top: 60px;
  }
}

@media(max-width:480px) {
  #counter .counter-col {
    font-size: 15px;
    width: 100%;
    float: none;
    margin: 0px 0px 30px 0px;
  }

  #counter .counter-webhooks {
    margin-bottom: 0px;
  }

  #counter .counter-col i {
    font-size: 38px;
  }

  #counter .counter-col .counter-value {
    font-size: 32px;
  }

  .footer .footer-col {
    width: 50%;
    margin-bottom: 20px;
  }

  .main-content .wrapper {
    padding: 120px 0px 100px 0px;
  }
  #welcome_scroll {
    display: none;
  }
  .feature-wrapper {
    display: block;
  }
  .feature-txt {
    width:100%;
    margin:0px;
    float:none;
  }
  .feature-img {
    float:none;
    text-align: center;
    width:100%;
    clear: both;
  }
  .feature-img-left {
    display: none;
  }
  .feature-img img {
    margin:40px 0px!important;
    width: 80%
  }
  .feature_highlight .feature-img {
    margin:40px 0px!important;
  }
  .feature_highlight {
    margin:0px;
    padding: 0px;
  }
  .integration-txt {
    width: auto;
    margin:0px;
  }
  .integration-txt:first-of-type {
    margin-top: 100px;
  }
  .testimonial:first-of-type {
    margin-top: 60px;
  }
  .testimonial .quote-wrapper {
    width:100%;
  }
  .testimonial .logo-wrapper {
    width: 100%;
    margin-bottom:20px;
    text-align: center;
    padding-top:0px;
  }

  .testimonial {
    padding:40px 0px;
  }

  #video_wrapper {
    display:none;
  }

  .main-illu-wrapper {
    width:100%;
  }

  .testimonial .quote-wrapper {
    width:100%;
  }
  .testimonial .logo-wrapper {
    width: 100%;
    margin-bottom:20px;
    text-align: center;
    padding-top:0px;
  }

  .testimonial {
    padding:40px 0px;
  }

  .testi-quote {
    margin-bottom:30px;
  }
  .slider-txt { width:100%;  float:none; clear:both;}
  .slider-txt h3, .slider-txt h2,  .slider-txt h1 {  text-align:center;  padding:10px 0px; font-size:38px; }
  .slider-txt p { text-align:center;  padding: 30px 10px;  }
  .slider-signup { float:none; margin:40px auto; padding:0px; border:0px; background:transparent; }
  body { padding:0; }
  .wrapper {
    width:90%;
    margin:0px auto;
  }
  .bt { background-size:100%; font-size:16px;  padding:10px 15px; }
  .features h4 { line-height:1.8; }

  .feature-txt,
  .feature-img {
    width: 100%!important;
    padding:0px;
    margin:30px auto;
    float:none;
  }
  .feature-txt h2,
  .feature-txt h1 {
    font-size:22px;
  }

  h3 { font-size:26px; }
  .main-content {
    height: auto;
  }
  .bttons { width:280px; margin:0 auto 30px; height:80px;}
  .slide { width:auto; }
  .slider { width:auto; }
  .slider-txt { width:100%; }
  .slider-txt h3, .slider-txt h2,  .slider-txt h1 {   text-align:center;  padding:10px 0 30px; }
  .slider-txt p { text-align:center; padding:30px 10px;   }
  .slider-img { width:100%; margin:0 auto; float:none; }
  .usecase .left { width:300px; float:none; }
  .z-txt { float:none; margin:0px auto 0; width:300px; text-align:center;}
  .z-txt2 { float:none; margin:65px auto 75px; width:300px; text-align:center; padding:0; }
  .z-img { position:relative; width:300px; margin:0 auto; height:350px; float:none;}
  .z-img img { width:100%; }
  .z-img2 img { width:100%; }
  .z-img2 { position:relative; width:300px; margin:0 auto; height:350px; float:none;}
  .zlayout1 {  }
  .slides { width:82%; background-size:100%; height: 283px; }
  .slides_container { width:188px; margin: 74px auto 100px; height:378px; }
  .zlayout2 { margin:20px 0 0; padding:10px 0; height:800px;}
  #prev2, #next2 { margin:110px 0 0; }
  .testi { height:880px; }
  .testi-head p { width:140px; text-align:center; }
  .testi .span4 { margin-bottom:80px; }
  .gallery  {   min-height: 100px; }
  .gallery li { margin:20px 0 0;  height:180px; }
  .gallery li img { width:90%; margin:0px 0 0 6%;  }
  .gallery ul { height:600px; }
  .gallery ul.hiden {  padding: 0 0 30px; height:600px; height:600px;}
  #signup_link_welcome {
    width:90%!important;
  }
  .bt3 {
    width:90%!important;
    margin: 25px auto;
  }
  .form-contact input { width:32%; }
  .form-contact textarea { width:84%; }
  .cont { display:none; }
  .cta .bt3 {margin: 40px auto;}
  .pricing .row-fluid .span3 {   margin:80px auto 0; width:100%; }
  .prics { border:1px solid #b8bfc2; margin:0; margin-left:0; border-left:1px solid #b8bfc2; border-right:1px solid #b8bfc2; }
  .prics2 { border:1px solid #b8bfc2;}
  .divi { width:40px; }
  .copy { display:none; }
  .bt2 { margin:0; }
  #contactform {
    margin-bottom:40px;
  }
  .usecase .z-txt2 {
    float:none;
    width:auto;
    margin:50px 0px;
  }

  .usecase .z-img2 {
    display:none;
  }
  .usecase .zlayout2 {
    height:auto;
  }
  .pric-body li   {  font-size:16px;  }
  .footer .copy {
    float:none;
    display:block;
    margin: 30px auto;
    text-align:center;
  }
  .footer .social {
    margin:30px auto;
    text-align:center;
    float:none;
  }
  .twitter-follow-button {
    margin:30px auto;
  }

}