/* global */

body {
    font-size: 1.6em;
}

.fullscreen {
    height: 85vh;
}

.triangle {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    border: 0;
    padding: 0;
}

.logo {
    z-index: 999;
    margin-left: 1em;
}

.module {
    padding: 0 12px;
}

a {
    font-weight: normal;
}

.underline-white {
    text-decoration: underline;
    color: #fff !important;
}

.green {
    color: #47b475 !important;
}

.v-align-transform {
    top: 50%;
}

/* flash messages */

.modal-strip {
    font-size: .9em;
    top: 1%;
    z-index: 9999;
}

/* home page */

.cover .background-image-holder {
    background-position: 50% 31% !important;
}

.cover .intro h1, .cover .intro h4, .cover .intro p {
    color: #fff !important;
}

.cover .intro h1 {
    font-size: 42px;
}

.cover .intro h4 {
    font-size: 24px;
    letter-spacing: 1px;
}

.cover .intro .btn {
    margin: 0;
}

.cover span.counter {
    color: #fff;
    font-weight: bold;
}

.cover p.customer-count {
    font-size: 1.4em;
}

.logo-bar p {
    font-weight: bold;
}

.logo-bar .slides li {
    padding: 20px;
}

.text-slider .flex-direction-nav a.flex-prev, .text-slider .flex-direction-nav a.flex-next {
    top: 45px;
}

/* navigation */

.sub-menu {
    padding: 0 0 0 24px !important;
}

.nav-open .sub-menu {
    padding-right: 17px !important;
}

.menu > li {
    margin-right: 24px;
}

.menu li a:hover {
    text-decoration: underline;
}

nav.transparent .module.widget-handle .green {
    background-color: #47b475;
    padding: 0 1em 0 1.2em;
    height: 100%;
    border-bottom: 0px solid rgba(255, 255, 255, 0.2) !important;
}

.nav > li > a , .nav > li > a:hover, .nav > li > a:focus {
    background: none;
    padding: 0;
}

.menu li a {
    font-size: 13px;
    width: 100%;
}

/* pricing page */

.pt-2 ul {
    line-height: 2.4em;
    font-size: 1.1em;
}

.pt-2 strong {
    font-size: 1.8em !important;
}

.tooltip.in {
    opacity: .75;
}

.icon-tabs .active .tab-title i {
    color: #47b475 !important;
}

.table {
    table-layout: fixed;
}

.table td {
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-mobile {
    display: none;
}

.table th > h6 {
   text-align: center;
}

.table > tbody > tr > td {
    border-left: 1px solid #ddd;
}

.table > tbody > tr > td:first-child {
    border-left: none;
}

.icon.plan-comparison {
    font-size: .8em;
    margin-left: 47%;
}

.icon.product-comparison {
    font-size: .8em;
    padding: 0 11em;
}

span.or {
    display: inline-block;
    top: -10px;
    position: relative;
    padding: 0 1em;
    margin-right: 5px;
}

.sub-text {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 0;
}

.cta-text {
    font-size: 1.3em;
}

.pricing-header {
    margin-top: -4em;
}

.pricing-body {
    margin-top: -17em;
    z-index: 2;
}

.pricing-table {
    padding: 30px;
}

.pricing-table.boxed, .pricing-table.emphasis {
    border-radius: 4px;
    border: 1px solid #e6e6e6;
}

.pricing-table .plan-attribute {
    font-weight: bold;
    display: block;
    font-size: 1.6em;
    margin-bottom: 0;
}

.pricing-table  .plan-subattribute {
    display: block;
    position: relative;
    top: -1em;
    font-size: .8em;
}

/* buttons */

.btn:hover {
    color: #fff;
    border: 2px solid #47b475 !important;
}

.btn-filled:hover {
    background-color: transparent !important;
    color: #47b475;
}

.btn-dark:hover {
    color: #fff !important;
}

.btn-light {
    color: #fff !important;
}

.btn-light:hover {
    color: #47b475 !important;
}

/* blog page */

.post-title h4 {
    font-size: 42px;
    line-height: 47px;
}

.post-title h4 a {
    color: #000;
}

.post-snippet h5 {
    font-size: 27px;
    line-height: 30px;
    font-weight: 400;
}

.post-snippet h6 {
    font-size: 22px;
    line-height: 25px;
    font-weight: 400;
}

.post-body ul {
    list-style-type: circle;
}

.post-body ul, .post-body ol, .guest-post ul, .guest-post ol {
    margin-left: 3em;
}

.post-body li, .guest-post li {
    margin-bottom: 1em;
}

.blog-detail .page-title, .blog .page-title {
    height: 210px !important;
}

.sharing {
    margin-bottom: 1em;
}

.sharing img.share-icon {
    border-radius: 50px;
    width: 1.8em;
}

.pagination li a {
    padding-top: 4px;
}

/* integrations grid */

.integrations-list h4 {
    font-size: 20px;
}

.integrations-list .feature {
    height: 14em;
}

.integrations-list a {
    color: #666;
}

.integrations-list a div {
    border: 2px solid #fff;
}

.integrations-list a:hover div {
    border: 2px solid #47b475;
}

/* sign up page */

.sign-up.image-bg .feature.bordered {
    background-color: #dbdbdb;
    border-radius: .2em;
    border: 1px solid #fff;
}

.wizard > .content > .body {
    padding: 2.5% 0;
    width: 100%;
}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
    display: none;
}

.image-bg .feature h4 {
    color: #666;
}

.sign-up {
    padding-bottom: 1000px;
}

.sign-up .logo {
    display: block;
    margin: 0 auto;
    width: 50%;
}

.sign-up a {
    text-decoration: underline;
    color: #444;
}

.sign-up a:hover {
    color: #398f5d;
}

.sign-up .select-option i.inside {
    color: #666;
}

p.sign-up-footer {
    color: #8e8b8a;
    font-size: .7em;
}

.sign-up input[type="text"]:focus, .sign-up input[type="password"]:focus, .sign-up select:focus {
    background: #fff;
    margin-bottom: 14px;
}

input[type="text"], input[type="email"], input[type="password"] {
    font-weight: 600;
}

.sign-up.image-bg .feature p, .sign-up.image-bg .feature span, .sign-up.image-bg .feature li {
    color: #666 !important;
}

select {
    font-size: 16px;
    color: #999;
    font-weight: 600;
}

.sign-up .total p#label {
    text-transform: uppercase;
    background-color: #666;
    border-radius: 3px;
    color: #fff !important;
    text-align: center;
    font-size: .8em;
    font-weight: bold;
    margin: 0 auto 10px auto;
    width: 100%;
}

.sign-up .total p#subtotal-amount, .sign-up .total p#total-amount {
    text-align: center;
    line-height: 20px;
}

.sign-up .total p#total-amount {
    font-weight: bold;
    font-size: 1.5em;
}

.sign-up i {
    display: inline;
    color: #666;
}

.sign-up .form-control {
    display: inline;
    margin-bottom: .5em;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #333;
}

.sign-up .form-tooltip {
    margin-left: 1.3em;
    text-decoration: none;
}

.sign-up .form-tooltip i {
    color: #398f5d;
}

.sign-up #vat-rate {
    font-size: .5em;
    display: block;
}

.validation-error {
    border: 1px solid #ce3838 !important;
}

.form-control-feedback {
    top: .5em !important;
    right: 0em !important;
    color: #999 !important;
}

.inline > .form-control-feedback {
    right: 1em !important;
}

.hide-validation-icon > .form-control-feedback {
    display: none !important;
}

.has-success .form-control-feedback {
    color: #47B475 !important;
}

.has-error .form-control-feedback {
    color: #e14c4d !important;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #e14c4d !important;
}

.fv-form-bootstrap .help-block {
    margin-left: .5em;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-top: -9px;
}

.form-agree {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.form-submit {
    font-size: 16px !important;
}

/* demo page */

.demo h3{
    font-weight: 400;
    font-size: 26px;
}

.demo .step, .sign-up-success .step {
    border: 2px solid;
    border-radius: 3em;
    width: 2em;
    height: 2em;
    font-size: 1.8em;
    font-weight: 600;
    padding-top: 0.4em;
    margin-bottom: .5em;
}

@-webkit-keyframes glowing {
  0% { background-color: #0094FF; -webkit-box-shadow: 0 0 10px #0094FF; }
  100% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }
}

@-moz-keyframes glowing {
  0% { background-color: #FB9D96; -moz-box-shadow: 0 0 10px #FB9D96; }
  100% { background-color: #FF655A; -moz-box-shadow: 0 0 3px #FF655A; }
}

@-o-keyframes glowing {
  0% { background-color: #FB9D96; box-shadow: 0 0 10px #FB9D96; }
  100% { background-color: #FF655A; box-shadow: 0 0 3px #FF655A; }
}

@keyframes glowing {
  0% { background-color: #FB9D96; box-shadow: 0 0 10px #FB9D96; }
  100% { background-color: #FF655A; box-shadow: 0 0 3px #FF655A; }
}

.recording-status {
    margin: 1em auto 2em auto;
    border: 1px solid #e4e4e4;
    width: 2.9em;
    height: 3em;
    padding: 1em;
    border-radius: 5px;
}

.flasher {
    display: block;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -.55em;
    margin-left: -.55em;
    background-color: #FF655A;
    -webkit-animation: glowing 1000ms infinite;
    -moz-animation: glowing 1000ms infinite;
    -o-animation: glowing 1000ms infinite;
    animation: glowing 1000ms infinite;
}

/* opt-out page*/

#tracking-code {
    font-family: 'Courier New', monospace;
}

.clients-list .feature.boxed.summary {
    padding: 2em 0 0 0;
}

/* box sections */

.feature.boxed h5 {
    font-size: .9em;
}

.feature.boxed.summary {
    padding: 1.3em .7em .7em .6em;
    height: 8em;
}

.feature.boxed.demo {
    border-radius: 4px;
    border: 1px solid #e6e6e6;
}

.feature.boxed.demo a:hover {
    text-decoration: underline;
}

.feature-1 i {
    margin-bottom: 0;
}

.image-bg .feature.boxed {
    background-color: rgba(34, 34, 34, 0.7)
}

.boxed a:hover {
    color: #47b475;
}

/* contact page */

table#phone-numbers {
    margin: 0 auto;
}

table#phone-numbers td {
    padding: .8em;
}

/* footer */

.footer-logo {
    margin-left: 0;
}

footer a:hover, footer a:hover span {
    color: #47b475 !important;
}

footer address, .widget .twitter-feed p, .recent-posts .date {
    color: #999;
}

footer {
    font-size: .8em !important;
}

/* 404 page */

.fullscreen.page404 {
    height: 60vh;
}

/* testimonial section */

.testimonial {
    font-size: 26px;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 32px;
    letter-spacing: 1px;
    font-style: italic;
}

/* testimonial sprite */

.testimonials {
    background-image: url('http://msflow.jp/wp-content/themes/mouseflow/static/img/testimonials/sprite.png');
    background-repeat: no-repeat;
    display: block;
    margin: 1em auto;
}

.testimonials-jandersen {
    width: 119px;
    height: 117px;
    background-position: -5px -5px;
}

.testimonials-leahh {
    width: 119px;
    height: 117px;
    background-position: -134px -5px;
}

.testimonials-nicholask {
    width: 119px;
    height: 117px;
    background-position: -5px -132px;
}

.testimonials-pault {
    width: 119px;
    height: 117px;
    background-position: -134px -132px;
}

.testimonials-saeedj {
    width: 100px;
    height: 100px;
    background-position: -263px -5px;
}

/* screenshot sprite */

.sprite {
    background-image: url('http://msflow.jp/wp-content/themes/mouseflow/static/img/screenshots/spritesheet.png');
    background-repeat: no-repeat;
    display: block;
}

.sprite-click-movement {
    width: 735px;
    height: 524px;
    background-position: -5px -5px;
}

.sprite-feedback-campaign {
    width: 735px;
    height: 524px;
    background-position: -750px -5px;
}

.sprite-filters-segments {
    width: 735px;
    height: 524px;
    background-position: -5px -698px;
}

.sprite-form-analytics {
    width: 735px;
    height: 524px;
    background-position: -750px -698px;
}

.sprite-funnels {
    width: 735px;
    height: 524px;
    background-position: -5px -1232px;
}

.sprite-geo-heatmap {
    width: 735px;
    height: 524px;
    background-position: -750px -1232px;
}

.sprite-scroll-attention {
    width: 735px;
    height: 524px;
    background-position: -1918px -5px;
}

.sprite-session-replay {
    width: 735px;
    height: 524px;
    background-position: -1918px -539px;
}

.sprite-ultra-compatible {
    width: 735px;
    height: 524px;
    background-position: -1495px -1073px;
}

/* consulting sprite */

.consulting {
    background-image: url('http://msflow.jp/wp-content/themes/mouseflow/static/img/consulting.png');
    background-repeat: no-repeat;
    display: block;
}

.consulting-data {
    width: 735px;
    height: 524px;
    background-position: -5px -5px;
}

.consulting-meeting {
    width: 735px;
    height: 524px;
    background-position: -5px -539px;
}

.consulting-recommendations {
    width: 735px;
    height: 524px;
    background-position: -750px -5px;
}

.consulting-report {
    width: 735px;
    height: 524px;
    background-position: -750px -539px;
}

/* client logo sprite */

.client {
    background-image: url('http://msflow.jp/wp-content/themes/mouseflow/static/img/clients/clients.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.client-1800-flowers {
    width: 167px;
    height: 50px;
    background-position: -5px -5px;
}

.client-accenture {
    width: 167px;
    height: 50px;
    background-position: -182px -5px;
}

.client-adp {
    width: 167px;
    height: 50px;
    background-position: -359px -5px;
}

.client-aetna {
    width: 167px;
    height: 50px;
    background-position: -536px -5px;
}

.client-aida {
    width: 167px;
    height: 50px;
    background-position: -5px -65px;
}

.client-amf {
    width: 167px;
    height: 50px;
    background-position: -182px -65px;
}

.client-answers-com {
    width: 167px;
    height: 50px;
    background-position: -359px -65px;
}

.client-att {
    width: 167px;
    height: 50px;
    background-position: -536px -65px;
}

.client-auto-scout-24 {
    width: 167px;
    height: 50px;
    background-position: -5px -125px;
}

.client-autodesk {
    width: 167px;
    height: 50px;
    background-position: -182px -125px;
}

.client-bosch {
    width: 167px;
    height: 50px;
    background-position: -359px -125px;
}

.client-business-insider {
    width: 167px;
    height: 50px;
    background-position: -536px -125px;
}

.client-cdw {
    width: 167px;
    height: 50px;
    background-position: -5px -185px;
}

.client-cewe {
    width: 167px;
    height: 50px;
    background-position: -182px -185px;
}

.client-costco {
    width: 167px;
    height: 50px;
    background-position: -359px -185px;
}

.client-deloitte {
    width: 167px;
    height: 50px;
    background-position: -536px -185px;
}

.client-dyson {
    width: 167px;
    height: 50px;
    background-position: -5px -245px;
}

.client-greenpeace {
    width: 167px;
    height: 50px;
    background-position: -182px -245px;
}

.client-hein-gericke {
    width: 167px;
    height: 50px;
    background-position: -359px -245px;
}

.client-home-24 {
    width: 167px;
    height: 50px;
    background-position: -536px -245px;
}

.client-hr-block {
    width: 167px;
    height: 50px;
    background-position: -5px -305px;
}

.client-hubspot {
    width: 167px;
    height: 50px;
    background-position: -182px -305px;
}

.client-idealo {
    width: 167px;
    height: 50px;
    background-position: -359px -305px;
}

.client-immobilien-scout-24 {
    width: 167px;
    height: 50px;
    background-position: -536px -305px;
}

.client-intuit {
    width: 167px;
    height: 50px;
    background-position: -5px -365px;
}

.client-kaufer-portal {
    width: 167px;
    height: 50px;
    background-position: -182px -365px;
}

.client-kobo {
    width: 167px;
    height: 50px;
    background-position: -359px -365px;
}

.client-lexisnexis {
    width: 167px;
    height: 50px;
    background-position: -536px -365px;
}

.client-microsoft {
    width: 167px;
    height: 50px;
    background-position: -5px -425px;
}

.client-nbc {
    width: 167px;
    height: 50px;
    background-position: -182px -425px;
}

.client-office-depot {
    width: 167px;
    height: 50px;
    background-position: -359px -425px;
}

.client-opel {
    width: 167px;
    height: 50px;
    background-position: -536px -425px;
}

.client-optimizely {
    width: 167px;
    height: 50px;
    background-position: -5px -485px;
}

.client-pandora {
    width: 167px;
    height: 50px;
    background-position: -182px -485px;
}

.client-pepsi {
    width: 167px;
    height: 50px;
    background-position: -359px -485px;
}

.client-philips {
    width: 167px;
    height: 50px;
    background-position: -536px -485px;
}

.client-phone-com {
    width: 167px;
    height: 50px;
    background-position: -5px -545px;
}

.client-priceline {
    width: 167px;
    height: 50px;
    background-position: -182px -545px;
}

.client-princess-cruises {
    width: 167px;
    height: 50px;
    background-position: -359px -545px;
}

.client-quora {
    width: 167px;
    height: 50px;
    background-position: -536px -545px;
}

.client-rewe {
    width: 167px;
    height: 50px;
    background-position: -5px -605px;
}

.client-sage {
    width: 167px;
    height: 50px;
    background-position: -182px -605px;
}

.client-sams-club {
    width: 167px;
    height: 50px;
    background-position: -359px -605px;
}

.client-samsung {
    width: 167px;
    height: 50px;
    background-position: -536px -605px;
}

.client-sears {
    width: 167px;
    height: 50px;
    background-position: -5px -665px;
}

.client-the-weather-channel {
    width: 167px;
    height: 50px;
    background-position: -182px -665px;
}

.client-toptarif {
    width: 167px;
    height: 50px;
    background-position: -359px -665px;
}

.client-trend-micro {
    width: 167px;
    height: 50px;
    background-position: -536px -665px;
}

.client-unbounce {
    width: 167px;
    height: 50px;
    background-position: -713px -5px;
}

.client-unicef {
    width: 167px;
    height: 50px;
    background-position: -713px -65px;
}

.client-university-of-washington {
    width: 167px;
    height: 50px;
    background-position: -713px -125px;
}

.client-verivox {
    width: 167px;
    height: 50px;
    background-position: -713px -185px;
}

.client-virgin {
    width: 167px;
    height: 50px;
    background-position: -713px -245px;
}

.client-vodafone {
    width: 167px;
    height: 50px;
    background-position: -713px -305px;
}

.client-vw {
    width: 167px;
    height: 50px;
    background-position: -713px -365px;
}

.client-zalando {
    width: 167px;
    height: 50px;
    background-position: -713px -425px;
}

/* country flag sprite */

.flags {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    display: block;
}

.flags-au {
    width: 16px;
    height: 11px;
    background-position: -5px -5px;
}

.flags-cz {
    width: 16px;
    height: 11px;
    background-position: -31px -5px;
}

.flags-de {
    width: 16px;
    height: 11px;
    background-position: -5px -26px;
}

.flags-dk {
    width: 16px;
    height: 11px;
    background-position: -31px -26px;
}

.flags-fr {
    width: 16px;
    height: 11px;
    background-position: -5px -47px;
}

.flags-gb {
    width: 16px;
    height: 11px;
    background-position: -31px -47px;
}

.flags-it {
    width: 16px;
    height: 11px;
    background-position: -57px -5px;
}

.flags-nl {
    width: 16px;
    height: 11px;
    background-position: -57px -26px;
}

.flags-pl {
    width: 16px;
    height: 11px;
    background-position: -57px -47px;
}

.flags-us {
    width: 16px;
    height: 11px;
    background-position: -5px -68px;
}


/* integrations sprite */

.integrations {
    background-image: url('http://msflow.jp/wp-content/themes/mouseflow/static/img/integrations/integrations.png');
    background-repeat: no-repeat;
    display: block;
}

.integrations-3dcart {
    width: 125px;
    height: 32px;
    background-position: -5px -5px;
}

.integrations-adobe-analytics {
    width: 49px;
    height: 47px;
    background-position: -140px -5px;
}

.integrations-blogger {
    width: 167px;
    height: 50px;
    background-position: -199px -5px;
}

.integrations-coremetrics {
    width: 137px;
    height: 50px;
    background-position: -5px -65px;
}

.integrations-drupal {
    width: 44px;
    height: 50px;
    background-position: -152px -65px;
}

.integrations-eloqua {
    width: 120px;
    height: 47px;
    background-position: -206px -65px;
}

.integrations-ensighten {
    width: 125px;
    height: 35px;
    background-position: -206px -122px;
}

.integrations-freshdesk {
    width: 52px;
    height: 51px;
    background-position: -5px -167px;
}

.integrations-google-analytics {
    width: 49px;
    height: 49px;
    background-position: -67px -167px;
}

.integrations-google-tag-manager {
    width: 60px;
    height: 50px;
    background-position: -126px -167px;
}

.integrations-html {
    width: 44px;
    height: 49px;
    background-position: -341px -65px;
}

.integrations-hubspot {
    width: 45px;
    height: 50px;
    background-position: -341px -124px;
}

.integrations-joomla {
    width: 49px;
    height: 49px;
    background-position: -196px -167px;
}

.integrations-kissmetrics {
    width: 49px;
    height: 49px;
    background-position: -255px -167px;
}

.integrations-magento {
    width: 43px;
    height: 51px;
    background-position: -314px -184px;
}

.integrations-olark {
    width: 77px;
    height: 50px;
    background-position: -5px -245px;
}

.integrations-opinionlab {
    width: 40px;
    height: 50px;
    background-position: -92px -245px;
}

.integrations-optimizely {
    width: 125px;
    height: 27px;
    background-position: -142px -245px;
}

.integrations-prestashop {
    width: 39px;
    height: 51px;
    background-position: -277px -245px;
}

.integrations-qualtrics {
    width: 50px;
    height: 57px;
    background-position: -326px -245px;
}

.integrations-segmentio {
    width: 97px;
    height: 50px;
    background-position: -5px -312px;
}

.integrations-shopify {
    width: 45px;
    height: 50px;
    background-position: -112px -312px;
}

.integrations-shopware {
    width: 50px;
    height: 49px;
    background-position: -167px -312px;
}

.integrations-squarespace {
    width: 45px;
    height: 45px;
    background-position: -227px -312px;
}

.integrations-tealium {
    width: 40px;
    height: 50px;
    background-position: -282px -312px;
}

.integrations-unbounce {
    width: 49px;
    height: 49px;
    background-position: -332px -312px;
}

.integrations-usabilla {
    width: 125px;
    height: 56px;
    background-position: -395px -5px;
}

.integrations-webtrends {
    width: 135px;
    height: 31px;
    background-position: -367px -184px;
}

.integrations-weebly {
    width: 167px;
    height: 50px;
    background-position: -332px -371px;
}

.integrations-wordpress {
    width: 49px;
    height: 50px;
    background-position: -396px -71px;
}

.integrations-zendesk {
    width: 49px;
    height: 49px;
    background-position: -455px -71px;
}

.integrations-zopim {
    width: 52px;
    height: 51px;
    background-position: -386px -225px;
}

/* padding */

.p10 {
    padding: 10px !important;
}

.pt6 {
    padding-top: 6px !important;
}

.pt12 {
    padding-top: 12px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr4 {
    padding-right: 4px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl4 {
    padding-left: 4px !important;
}

/* margin */

.mt4 {
    margin-top: 4px !important;
}

.mt6 {
    margin-top: 6px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt54 {
    margin-top: 54px !important;
}

.mt68 {
    margin-top: 68px !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb11 {
    margin-bottom: 11px !important;
}

@media all and (max-width: 1200px) {

    .v-align-transform {
        top: 44%;
    }

    .cover .intro h1 {
        font-size: 36px;
        line-height: 1.2em;
    }

    .icon.product-comparison {
        padding: 0 9em;
    }
}

@media all and (max-width: 990px) {

    .module.widget-handle {
        border-top: none;
    }

    .logo-bar p {
        text-align: center;
    }

    .cover .intro h1 {
        font-size: 30px;
        line-height: 1em;
        margin-top: 1em;
    }

    .cover .intro h4 {
        font-size: 20px;
    }

    .cover .intro > p.lead {
        display: none;
    }

    .integrations-list .feature {
        height: 16em;
    }

    .pricing-table {
        margin-bottom: 2em;
    }

    .icon.product-comparison {
        padding: 0 8em;
    }

}

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

    h1, h1.large, .h1 {
        padding-top: 1em;
    }

    .mt-xs-16 {
        margin-top: 16px !important;
    }

    .mb-xs-16 {
        margin-bottom: 16px !important;
    }

    .cover {
        background-color: #000;
    }

    .cover .overlay {
        padding: 40px 0;
    }

    .cover .slides li {
        padding: 20px 0 !important;
    }

    .cover .background-image-holder {
        opacity: 0.5;
    }

    .cover .intro {
        margin-top: 0;
        text-align: center;
    }

    .cover .intro .btn {
        width: 100%
    }

     .cover .intro h1 {
        font-size: 30px !important;
    }

    .cover .lead {
        margin-bottom: 22px;
    }

    .cover .container {
        width: 100%;
    }

    h4.intro-text {
        padding: 1em;
    }

    p {
        font-size: 15px;
    }

    p.lead {
        font-size: 16px;
        line-height: 24px;
    }

    .nav-is-overlay .page-title-3.image-bg:first-child {
        height: 240px;
    }

    .table-desktop {
        display:none;
    }

    .table-mobile {
        display: table !important;
    }

    .sign-up .pl4, .sign-up .pr4{
        padding: 0;
    }

    .integrations-list .feature {
        height: 12em;
    }

    .testimonial {
        font-size: 20px;
        line-height: 27px;
    }

}

@media all and (max-width: 560px) {

    ::-webkit-input-placeholder {
      font-size: 14px;
    }

    :-moz-placeholder {
      font-size: 14px;
    }

    ::-moz-placeholder {
      font-size: 14px;
    }

    :-ms-input-placeholder {
      font-size: 14px;
    }

    select {
        font-size: 14px;
    }

    .cover.fullscreen {
        padding: 40px 0;
    }

    .sign-up .logo {
        display: none;
    }

    .icon.product-comparison {
        padding: 0 4em;
    }

    .integrations-list .feature {
        height: 17em;
    }

}

.tweets-feed {
    word-wrap: break-word;
}

#wistia_13.thumb_container {
    width: 100% !important;
}

/* screenshot sprite-add */

.sprite-add {
    background-image: url('http://msflow.jp/wp-content/themes/mouseflow/static/img/screenshots/spritesheet_2.png');
    background-repeat: no-repeat;
    display: block;
}

.sprite-Context {
    width: 600px;
    height: 314px;
    background-position: -5px -5px;
}

.sprite-Conversion-Funnel-Setup-with-Mouseflow {
    width: 600px;
    height: 251px;
    background-position: -615px -5px;
}

.sprite-Conversion-funnel-for-analytics-and-SEO {
    width: 512px;
    height: 269px;
    background-position: -1225px -5px;
}

.sprite-Dashboard-Perspective-e1630402831836 {
    width: 600px;
    height: 243px;
    background-position: -615px -284px;
}

.sprite-Easy-form-analytics-setup-with-Mouseflow {
    width: 520px;
    height: 314px;
    background-position: -1225px -284px;
}

.sprite-Feedback-Notifications {
    width: 600px;
    height: 283px;
    background-position: -5px -608px;
}

.sprite-Feedback-Triggers {
    width: 520px;
    height: 390px;
    background-position: -615px -608px;
}

.sprite-Form-Analysis-e1593076250926 {
    width: 600px;
    height: 363px;
    background-position: -1145px -608px;
}

.sprite-Form-analytics-with-filters-and-cohorts {
    width: 600px;
    height: 372px;
    background-position: -5px -981px;
}

.sprite-Friction {
    width: 600px;
    height: 314px;
    background-position: -1145px -981px;
}

.sprite-Friction-Score-final-2 {
    width: 586px;
    height: 390px;
    background-position: -615px -1305px;
}

.sprite-Funnel-desktop-circle {
    width: 600px;
    height: 276px;
    background-position: -1211px -1305px;
}

.sprite-Sea-of-data-transparent {
    width: 600px;
    height: 314px;
    background-position: -5px -1591px;
}

.sprite-Session-recordings-for-full-funnel-analytics-123 {
    width: 600px;
    height: 282px;
    background-position: -1211px -1591px;
}

.sprite-User-feedback-question-types {
    width: 367px;
    height: 272px;
    background-position: -1755px -5px;
}

.sprite-answer-response-chart {
    width: 589px;
    height: 390px;
    background-position: -2132px -5px;
}

.sprite-heatmap_collage-1 {
    width: 600px;
    height: 366px;
    background-position: -1755px -405px;
}

.sprite-marketing-campaigns-form-analytics {
    width: 600px;
    height: 358px;
    background-position: -1755px -781px;
}

.sprite-user_feedback-1030x645 {
    width: 600px;
    height: 375px;
    background-position: -1821px -1149px;
}