/*
Theme Name: Avada-Child
Template: Avada
-----------------------------------------------------------------------------*/

@import url('//fonts.googleapis.com/css?family=Montserrat:500,600');

@font-face {
    font-family: "Noto Sans CJK JP";
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans CJK JP Light'), url('font/NotoSansCJKjp-R.woff') format('woff'), url('font/NotoSansCJKjp-R.otf') format('opentype')
}

@font-face {
    font-family: "Noto Sans CJK JP";
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans CJK JP Medium'), url('font/NotoSansCJKjp-M.woff') format('woff'), url('font/NotoSansCJKjp-M.otf') format('opentype')
}

@font-face {
    font-family: "Noto Sans CJK JP";
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans CJK JP Bold'), url('font/NotoSansCJKjp-B.woff') format('woff'), url('font/NotoSansCJKjp-B.otf') format('opentype')
}


html,body,h1,h2,h3,h4,h5,h6,div,p,li,blockquote,em,input,textarea,#main .post h2,#main .reading-box h2,#main h2,#wrapper .fusion-tabs-widget .tab-holder .tabs li a,.cart-empty,
.ei-title h2,.fusion-accordian .panel-heading a,.fusion-accordian .panel-title,.fusion-author .fusion-author-title,.fusion-carousel-title,.fusion-flip-box .flip-box-heading-back,.fusion-header-tagline,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title,.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a,
.fusion-modal .modal-title,.fusion-page-title-bar h1,.fusion-person .person-desc .person-author .person-author-wrapper,.fusion-pricing-table .pricing-row,
.fusion-pricing-table .title-row,.fusion-tabs .nav-tabs li .fusion-tab-heading,.fusion-title h3,.main-flex .slide-content h2,.main-flex .slide-content h3,
.popover .popover-title,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6,.product-title,.project-content h3,.share-box h4,
.sidebar .widget h4,.woocommerce-success-message .msg,table th,.comment-form input[type="submit"],.fusion-button,.fusion-load-more-button,.ticket-selector-submit-btn[type="submit"],.woocommerce .avada-order-details .order-again .button,
.woocommerce .checkout #place_order,.woocommerce .checkout_coupon .button,.woocommerce .login .button,.woocommerce .register .button,.woocommerce .shipping-calculator-form .button,.woocommerce .single_add_to_cart_button,
.woocommerce button.button,.wpcf7-form input[type="submit"],.fusion-main-menu > ul > li > a {
    font-family: "Noto Sans CJK JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#main .post h2, #main .reading-box h2, #main h2, #wrapper .fusion-tabs-widget .tab-holder .tabs li a, .ei-title h2, .fusion-accordian .panel-heading a, .fusion-accordian .panel-title, .fusion-author .fusion-author-title, .fusion-carousel-title, .fusion-flip-box .flip-box-heading-back, .fusion-header-tagline, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a, .fusion-modal .modal-title, .fusion-page-title-bar h1, .fusion-person .person-desc .person-author .person-author-wrapper, .fusion-pricing-table .pricing-row, .fusion-pricing-table .title-row, .fusion-tabs .nav-tabs  li .fusion-tab-heading, .fusion-title h3, .main-flex .slide-content h2, .main-flex .slide-content h3, .popover .popover-title, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .project-content h3, .share-box h4, .sidebar .widget h4, table th {
    font-weight: 900;
}

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

h1,h2,h3,h4,p {
    -webkit-font-feature-settings: palt 1;
    font-feature-settings: palt 1
}

a {
    word-wrap: break-word
}

.table-2,
.table-2 tr td,
.table-2 tr th {
    border-bottom: 1px solid #dadada;
    background: none
}

.table-2 tr td,
.table-2 tr th {
    font-size: 14px;
    line-height: 1.7;
    padding: .8rem 1rem;
    word-wrap: break-word
}

.table-2 tr th {
    font-weight: 400!important
}

.table-2 tr td {
    word-wrap: break-word!important;
    white-space: normal!important
}

.font15 {
    font-size: 15px;
    line-height: 1.8
}

.font16 {
    font-size: 16px
}

.font18 {
    font-size: 18px;
    line-height: 1.8!important
}

.fontfmly-1 {
    font-family: 'Montserrat'!important
}

.align-center {
    text-align: center
}

.fusion-page-title-bar,
.fusion-page-title-bar *,
#content > .hentry,
#content > .hentry * {
    animation: hentry_fadeIn 2s ease 0s 1 normal;
}

@keyframes hentry_fadeIn { 
    0% {opacity: 0}
    100% {opacity: 1}}
@-webkit-keyframes hentry_fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}}


.policy-wrapper {
    padding-bottom: 90px
}

@media screen and (max-width: 800px) {
    .policy-wrapper {
        padding-top: 30px!important
    }
}

.policy-wrapper dl > dd {
    margin-left: 0;
    padding: 0
}

.policy-wrapper .fusion-row {
    max-width: 980px!important
}

.page-template-policy #wrapper,
.page-template-policy #main {
    background: #f9f9f9
}

.page-template-policy .fusion-page-title-captions > h3 {
    font-family: 'Open Sans';
    font-weight: 500;
    letter-spacing: .08rem;
    font-size: 13px!important
}

#content .hover-type-zoomin img {
    -webkit-transition: opacity 1s, -webkit-transform .3s;
    transition: opacity 1s, transform .3s
}

form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="tel"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="password"],
form.wpcf7-form textarea {
    color: #444;
    background-color: #fafafa
}

.wpcf7-form .wpcf7-not-valid-tip {
    display: block
}

span.wpcf7-not-valid-tip:before {
    content: "\f071";
    display: inline-block;
    margin-right: 4px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto
}

.close.toggle-alert {
    border: none;
    width: 30px!important;
    height: 30px!important
}

.fusion-body .fusion-button-large,
.button-large,
.button.large {
    padding: 10px 20px;
    font-size: 12px
}

#wrapper .fusion-button.button-default,
form.wpcf7-form input[type="submit"] {
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.fusion-button.ff-btn-1,
form.wpcf7-form input[type="submit"] {
    max-width: 50%;
    padding: 20px 1.75em;
    letter-spacing: 2px
}

form.wpcf7-form input[type="submit"] {
    margin-top: 15px;
    font-size: 16px
}

body.single-post #main .fusion-row {
    max-width: 900px
}

#wrapper .fusion-header-wrapper .fusion-row {
    max-width: 1400px
}

#wrapper .fusion-is-sticky .fusion-header-v1 .fusion-sticky-shadow,
#wrapper .fusion-is-sticky .fusion-header-v2 .fusion-sticky-shadow,
#wrapper .fusion-is-sticky .fusion-header-v3 .fusion-sticky-shadow {
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px
}

#wrapper .fusion-header-shadow .fusion-mobile-menu-design-classic,
#wrapper .fusion-header-shadow .fusion-mobile-menu-design-modern {
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.25)
}

#wrapper .fusion-main-menu > ul > li.fusion-last-menu-item {
    padding-right: 0
}

.fusion-main-menu > ul > li. > a {
    font-size: 13px!important;
    font-weight: 500!important;
    color: #666!important
}

.fusion-main-menu > ul > li.current-menu-item.menu-item > a > span,
.fusion-main-menu > ul > li.current-menu-parent > a > span {
    display: inline-block!important;
    border-bottom: 2px solid #005b97!important;
    line-height: 2.5!important
}

.fusion-header .fusion-main-menu .current-menu-ancestor > a,
.fusion-header .fusion-main-menu .current-menu-item > a,
.fusion-header .fusion-main-menu .current-menu-parent > a,
.fusion-header .fusion-main-menu .current_page_item > a {
    color: #666
}

li#menu-item-71 {
    padding-right: 13px
}

li#menu-item-71 .fusion-button {
    padding: 8px 20px;
    color: #7a7a7a;
    background: none;
    border: 1px solid #ccc;
    font-weight: 400
}


li.menu-item-13938 .button-default,
li.menu-item-13932 .button-default {
    margin-top: 1px;
    padding: 10px 20px 12px;
    background: none;
    font-weight: 400;
    filter: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

/* for IE 10 */
.ie10 li.menu-item-13938 .button-default,
.ie10 li.menu-item-13932 .button-default {
    padding: 10px 20px 5px;
  }
}

.fusion-header div.fusion-main-menu li .fusion-button.button-default:hover{
    border-width: 1px!important;
}


/* Inquiry Button */
.fusion-header div.fusion-main-menu li.menu-item-13938 {
    padding-right: 30px
}

li.menu-item-13938 .button-default {
    border: 1px solid #777;
    background: #fff;
    border-bottom-color: #555;
    color: #232323;
}
li.menu-item-13938 .button-default:hover {
    border: 1px solid #ccc;
    color: #666;
}

body.page-id-13926 li.menu-item-13938 {
    display: none;
}


/* Consulting Button*/
li.menu-item-13932 .button-default {
    border: 1px solid #e1bf00;
    background: #e1bf00;
    border-bottom-color: #C6A500;
    color: #fff;
}
li.menu-item-13932 .button-default:hover {
    border: 1px solid #ffe342;
} 


body.page-id-13927 li.menu-item-13932,
body.page-id-13927 li.menu-item-13938 {
    display: none;
}


li.menu-item-13932 .fusion-button > .button-icon-divider-left {
    border: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, li.menu-item-13932 .fusion-button > .button-icon-divider-left {
    top: -18px;
  }
}

li.menu-item-13932 .fusion-button > .fusion-button-text-left {
    padding-left: 14px
}

li.menu-item-13932:hover .button-default {
    border: 1px solid #e1bf00;
    background: #f1ce09
}

.home-topimg h1 {
    max-width: 877px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6!important
}

@media screen and (max-width: 800px) {
    .home-topimg h1 > span {
        display: block;
        width: 100%
    }
    #content .home-topimg {
        padding: 60px 20px!important
    }
    #content .home-topimg h1 {
        font-size: 25px;
        line-height: 1.8
    }
    #content .home-topimg h3 {
        font-size: 16px;
        line-height: 1.8
    }
}


.home-features-icon {
    display: inline-block;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    border: 0 dashed #00A0BA
}

.home-features-icon:hover {
    -webkit-transform: scale(1.13);
    transform: scale(1.13)
}

.post-content .home-features-box {
    padding-top: 1rem
}

.post-content .home-features-box h4 {
    margin-top: 0;
    margin-bottom: .7rem;
    font-weight: 600
}

.post-content .home-features-box h4 > span,
.post-content .home-features-box p > span {
    color: #333!important
}

@media screen and (max-width: 800px) {
    .post-content .home-features {
        padding-top: 40px!important
    }
    .post-content .home-features-box {
        padding-top: 0
    }
    .post-content .home-features-box p > span > br {
        display: none;
    }    
}

.post-content .home-features-box h4 + p {
    max-width: 320px;
    margin: 0 auto
}

.features-img-retina {
    margin-top: 0;
    margin-bottom: 0
}

#content .post-content .home-3point-title {
    margin: 0;
    padding: 0!important
}

#content .post-content .home-3point-title h2 {
    max-width: 760px;
    margin: 0 auto;
    padding: 2.5em 35px 2.5rem;
    line-height: 1.67;
    font-size: 30px;
    font-weight: 600
}

@media screen and (max-width: 800px) {
    #content .post-content .home-3point-title h2 {
        padding: 2rem 1.5rem;
        font-size: 25px;
        line-height: 1.4
    }
    #content .post-content .home-3point-title h2 br {
        display: none
    }
}

.home-customers {
    padding: 50px 0 20px!important
}

.home-customers-title {
    margin: 0!important;
    font-size: 24px!important;
    font-weight: 500!important;
    letter-spacing: .07rem!important
}

@media screen and (max-width: 800px) {
    #content .home-customers-title {
        line-height: 1.6
    }
}

.home-customers h3 {
    display: none;
    margin: 0
}

.home-customers h3 > span {
    font-size: 17px
}

.home-customers-carousel {
    margin: 0
}

#content .home-customers-carousel .fusion-image-wrapper {
    height: 90px!important;
    line-height: 88px;
    border-color: transparent;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.fusion-carousel .fusion-carousel-nav span.fusion-nav-next,
.fusion-carousel .fusion-carousel-nav span.fusion-nav-prev,
.fusion-carousel .fusion-carousel-nav span.fusion-nav-next:hover,
.fusion-carousel .fusion-carousel-nav span.fusion-nav-prev:hover {
    background: none
}

.fusion-carousel .fusion-carousel-nav span.fusion-nav-next:before,
.fusion-carousel .fusion-carousel-nav span.fusion-nav-prev:before {
    color: #aaa;
    font-size: 34px
}

.fusion-carousel .fusion-carousel-nav span.fusion-nav-next:hover:before,
.fusion-carousel .fusion-carousel-nav span.fusion-nav-prev:hover:before {
    color: #444
}

.home-customers-carousel img {
    max-width: 130px!important;
    max-height: 50px!important
}

img.fusion-sticky-logo-1x {
    margin-top: 4px!important;
    width: 129px!important;
    height: 30px!important
}

.home-customers + .fusion-button-wrapper {
    margin-top: -20px!important
}

div.post-content .home-divider {
    position: absolute;
    top: -45px;
    margin-left: -44px;
    z-index: 2000;
    -webkit-border-radius: 80px!important;
    border-radius: 50px 50px 0 0!important;
    padding: 0 15px 30px;
    line-height: 65px;
    width: 60px;
    height: 16px;
    border: none!important;
    background: #05b1dd!important
}

.home-divider .fa {
    margin: 0;
    font-size: 32px;
    font-weight: 600
}

.home-divider .fa:before {
    color: #fff
}

.home-divider .fusion-button-text {
    display: none
}

div.post-content .home-divider:hover {
    background: #05b1dd
}

#content .post-content .home-device-wrapper {
    padding: 5px 0 0!important
}

#content .post-content .home-device-wrapper h2 {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 500
}

#content .post-content .home-device-wrapper h2 + p {
    max-width: 840px;
    margin: 0 auto 2em
}

#content .post-content #home-device-img,
#content .post-content .home-device-txt {
    padding-top: 5rem
}

@media screen and (max-width: 800px) {
    #content .post-content #home-device-img,
    #content .post-content .home-device-txt {
        padding-top: 0
    }
}

#content .post-content .home-device-txt {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px
}

#content .post-content .home-device-txt .fontfmly-1 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 19px;
    color: #366892;
    font-family: 'Montserrat'!important;
    font-weight: 500
}

#content .post-content .home-device-txt a {
    display: inline-block
}

#content .post-content .home-device-txt h2 {
    margin-bottom: 1.5rem
}

.home-more-btn {
    display: inline-block;
    background: #51738e;
    color: #fff;
    padding: .7rem 1.6rem;
    border-radius:2px;
    font-size: 13px
}

.home-more-btn.features {
    margin: 3rem 0
}

.home-more-btn.case {
    margin: .5rem 0 0
}

.fullwidth-faded {
    background-size: auto!important;
    background-position: 18% top!important
}

.home-3point-wrapper {
    padding-top: 4rem!important;
    background-image: none!important
}

.home-3point-wrapper.odd {
    background-color: #f2f4f6
}

.feature-top-point.odd {
    background-color: #f9f9f9
}

.home-3point-wrapper .fusion-row {
    padding: 0 40px
}

#content .home-3point-wrapper h3 {
    position: relative;
    margin: 1rem 0 1rem;
    padding: 0;
    font-size: 24px;
    font-weight: 700
}

#content .home-3point-wrapper h3 > em {
    display: none;
    position: absolute;
    left: 0;
    top: 1px;
    font-style: normal;
    background: #0874c3;
    color: #fff;
    margin-right: 10px;
    padding: 0 .85rem;
    font-size: 18px
}

#content .home-3point-wrapper h3 > strong {
    display: block;
    margin-bottom: .3rem;
    font-size: 15px;
    font-weight: 500;
    color: #366892;
    letter-spacing: .06rem;
    line-height: 1.6
}

@media screen and (max-width: 800px) {
    #content .home-3point-wrapper h3 {
        padding: 0;
        margin: 0 0 1rem;
        font-size: 22px;
        text-align: center
    }
    #content .home-3point-wrapper h3 > br {
        display: none
    }
}

.home-3point {
    padding: 40px 0 10px
}

#content .home-3point-box {
    padding: 0
}

.home-3point-box .fusion-column-wrapper {
    padding: 0 10px 3rem 0
}

.home-3point-box-img {
    margin-top: -10px
}

.home-3point-box-img img {
    width: 260px;
    height: 260px
}

@media screen and (max-width: 800px) {
    .home-3point-box-img img {
        width: 10rem;
        height: 10rem;
        margin-top: 0
    }
    .home-3point-box .fusion-column-wrapper {
        padding: 0
    }
    #content .home-3point-box {
        padding: 0
    }
    .home-3point-box a {
        display: block;
        position: relative;
        text-align: center
    }
    .home-3point-box-img > div {
        padding-top: 0!important
    }
    #content .post-content .home-3point-box h3 {
        max-width: 90%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        line-height: 1.6
    }
}

.home-3point-box > .fusion-column-wrapper {
    border-right: none!important
}

.home-3point-wrapper div.fusion-aligncenter {
    margin: 20px 0
}

.home-3point-box .fusion-separator {
    margin: 0 0 20px!important
}

.home-3point-box a {
    position: relative;
    display: inline-block;
    margin-top: 1rem;
    font-size: 12px;
    background: #32A5D4;
    color: #fff;
    padding: .45rem 25px .45rem 15px;
    border-radius: 2px;
    transition: all .2s linear;
}
  .home-3point-box a:hover {
    background: #1ECCF4;
  }

@media screen and (max-width: 800px) {
    .home-3point-box a {
        display: block;
        max-width: 300px;
        margin: 1rem auto
    }
}

.home-3point-box a:after {
  position: absolute;
  top: 0px;
  display: inline-block;
  content: "\f054";
  margin-left: .7em;
  padding: 10px 10px 9px 13px;
  border: 2px solid #32A5D4;
  background: #fff;
  border-radius: 25px;
  font-size: 11px;
  color: #5b7c97;
  font-family: FontAwesome;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  }



.home-3point-box a:hover {
    color: #fff
}

.post-content .home-3point-box p {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.7;
    text-align: justify;
}

@media screen and (max-width: 800px) {
    .post-content .home-3point-box p {
        line-height: 1.6
    }
}

.home-3point-box img {
    margin-top: 20px;
    width: 180px
}

.home-news-wrapper {
    animation: home_news_fadeIn 2s ease 0s 1 normal;
    border: none!important
}

@keyframes home_news_fadeIn { 0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes home_news_fadeIn {0% {opacity: 0}100% {opacity: 1}}


@media screen and (max-width: 800px) {
    .home-news-wrapper {
        background: none!important
    }
    .home-news-wrapper .fusion-row{
        margin-left: -30px;
        margin-right: -30px;
    }
    .home-news-content.news {
        padding: 30px!important;
        background: #DAEEF8
    }
    .home-news-content.event {
        padding: 30px!important;
        background: #F7F5E4
    }
}

.home-news-content {
    margin-bottom: 0;
    box-sizing: border-box
}

.home-news-content h3 {
    margin: 0;
    padding-left: .5rem;
    font-size: 18px!important;
    font-family: "Montserrat"!important;
    font-weight: 500!important;
    line-height: 39px!important
}

.home-news-content.news h3 {
    color: #366a92;
    border-bottom: 2px solid #366a92
}

.home-news-content.event h3 {
    color: #a39020;
    border-bottom: 2px solid #a39020
}

.home-news-content p {
    position: absolute;
    right: 20px;
    top: 40px;
    display: inline-block
}

.home-news-content .home-news-title {
    margin-top: 50px!important;
    overflow: hidden
}

.home-news-title p {
    margin: 0;
    font-weight: 700;
    font-size: 16px
}

.home-news-title > h3 {
    padding-left: 10px;
    border-left: 3px solid #94A4B4;
    line-height: 1.2!important
}

.home-news-title > p {
    margin: 16px 0 0 12px;
    color: #888;
    font-size: 12px
}

.home-news-title + p {
    position: absolute;
    top: 20px;
    right: 0;
    display: inline-block
}

.news-showall {
    font-size: 12px
}


@media screen and (min-width: 800px) {
    .home-news-content.news {
        padding: 0 20px
    }
    .home-news-content.news section {
        padding-right: 10px
    }
    .home-news-content.event {
        padding-left: 20px
    }
    .home-news-content.event section {
        margin-left: 0
    }
    .home-news-content p {
    top: 5px;
    }
}

.home-news .fusion-date-and-formats {
    display: none
}

.fusion-recent-posts.layout-date-on-side .columns .column {
    margin: 0;
    border-bottom: 1px dashed #bbb;
    padding-top: 14px
}

.home-news .fusion-recent-posts.layout-date-on-side .columns .column {
    margin-bottom: 0
}

.home-news .recent-posts-content {
    position: relative;
    padding-top: 0
}

.home-news .recent-posts-content h4 > a {
    margin-bottom: .5em;
    font-size: 14px;
    font-weight: 300;
    margin-left: 5px
}

@media screen and (min-width: 800px) {
    .home-news .recent-posts-content p.meta {
        position: absolute!important;
        left: 0;
        top: 5px;
        width: 95px
    }
    .home-news .recent-posts-content h4 {
        float: left;
        margin-left: 100px!important
    }
}

.home-news .recent-posts-content p.meta {
    position: relative;
    margin-top: -5px;
    margin-bottom: 7px!important
}

.home-news .recent-posts-content p.meta span {
    color: #60717F;
    font-weight: 300;
    font-size: 13px
}

.home-news.fusion-recent-posts {
    margin-bottom: 0
}

.home-photo {
    border: none
}


div.fusion-page-title-bar {
    position: relative;
    border: none;
    height: auto;
    padding: 4rem 0;
    background-color: #4eb7d4
}

#wrapper .fusion-page-title-bar .fusion-page-title-wrapper,
#wrapper .fusion-page-title-bar .fusion-page-title-captions {
    display: block;
    width: 100%
}

div.fusion-page-title-bar h1.entry-title {
    font-weight: 600;
    font-size: 24px;
    margin: 0;
    color: #fff;
    letter-spacing: .06em
}

body.single-post h1.entry-title,
body.page-id-11863 h1.entry-title,
body.page-id-11857 h1.entry-title,
body.page-id-12894 h1.entry-title,
body.page-id-11662 h1.entry-title {
    letter-spacing: 0
}

div.fusion-page-title-bar h1.entry-title:before {
    display: block;
    text-align: center;
    font-size: 48px;
    margin: 0;
    color: #fff;
    font-family: 'Montserrat'!important;
    line-height: 1.3;
    letter-spacing: 2px;
    font-weight: 600
}

@media screen and (max-width: 800px) {
    div.fusion-page-title-bar h1.entry-title {
        font-weight: 600;
        font-size: 6vw!important
    }
    div.fusion-page-title-bar h1.entry-title:before {
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 1px
    }
}

.page-id-11492 div.fusion-page-title-bar h1.entry-title:before {
    content: "PRICING"
}

.page-id-13589 div.fusion-page-title-bar h1.entry-title:before {
    content: "COMPANY"
}

.page-id-11672 div.fusion-page-title-bar h1.entry-title:before {
    content: "CUSTOMERS"
}

.page-id-929 div.fusion-page-title-bar h1.entry-title:before {
    content: "NEWS"
}

.page-id-11863 div.fusion-page-title-bar,
.page-id-11565 div.fusion-page-title-bar,
.page-id-11563 div.fusion-page-title-bar,
.page-id-11567 div.fusion-page-title-bar {
    padding: 4rem 0
}

.page-id-11863 div.fusion-page-title-bar h1.entry-title,
.page-id-11565 div.fusion-page-title-bar h1.entry-title,
.page-id-11563 div.fusion-page-title-bar h1.entry-title,
.page-id-11567 div.fusion-page-title-bar h1.entry-title {
    font-size: 30px
}

.page-id-11857 div.fusion-page-title-bar,
.page-id-11863 div.fusion-page-title-bar,
.page-id-12894 div.fusion-page-title-bar,
.page-id-11662 div.fusion-page-title-bar {
    padding: 4rem 0 4.5rem
}

.page-id-11857 div.fusion-page-title-bar h1.entry-title,
.page-id-11863 div.fusion-page-title-bar h1.entry-title,
.page-id-12894 div.fusion-page-title-bar h1.entry-title,
.page-id-11662 div.fusion-page-title-bar h1.entry-title {
    font-size: 38px!important
}

.page-id-11857 div.fusion-page-title-bar h1.entry-title:before,
.page-id-11863 div.fusion-page-title-bar h1.entry-title:before,
.page-id-12894 div.fusion-page-title-bar h1.entry-title:before,
.page-id-11662 div.fusion-page-title-bar h1.entry-title:before {
    content: "FEATURES";
    font-size: 21px;
    background: rgba(1, 53, 77, 0);
    width: 100%;
    max-width: 37rem;
    margin: 0 auto;
    padding: 4px 8px
}

@media screen and (max-width: 800px) {
    .page-id-11857 div.fusion-page-title-bar h1.entry-title,
    .page-id-11863 div.fusion-page-title-bar h1.entry-title,
    .page-id-12894 div.fusion-page-title-bar h1.entry-title,
    .page-id-11662 div.fusion-page-title-bar h1.entry-title {
        font-size: 26px!important
    }
    .page-id-11857 div.fusion-page-title-bar h1.entry-title:before,
    .page-id-11863 div.fusion-page-title-bar h1.entry-title:before,
    .page-id-12894 div.fusion-page-title-bar h1.entry-title:before,
    .page-id-11662 div.fusion-page-title-bar h1.entry-title:before {
        margin-bottom: .2rem;
        font-size: 18px
    }
}

.page-id-11857 div.fusion-page-title-bar h3,
.page-id-11863 div.fusion-page-title-bar h3,
.page-id-12894 div.fusion-page-title-bar h3,
.page-id-11662 div.fusion-page-title-bar h3 {
    font-size: 21px
}

.fusion-breadcrumbs span {
    color: #fff;
    padding: 0 3px
}

.fusion-breadcrumb-sep {
    position: relative;
    width: 20px;
    text-indent: -9999px
}

.fusion-breadcrumb-sep:before {
    position: absolute;
    left: 0;
    content: ">";
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
    z-index: 9000;
    text-indent: 0;
    color: #fff
}

div.fusion-page-title-bar h3 {
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #fff
}

body.page-id-11624 div.fusion-page-title-bar,
body.page-id-11492 div.fusion-page-title-bar,
body.page-id-13589 div.fusion-page-title-bar,
body.page-id-929 div.fusion-page-title-bar {
    height: auto!important
}

div.fusion-page-title-bar h3 {
    margin-top: .5rem;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px
}

@media screen and (max-width: 800px) {
    #wrapper div.fusion-page-title-bar h1.entry-title {
        margin: 0;
        padding: 0 20px;
        font-size: 27px
    }
    div.fusion-page-title-bar h3 {
        padding: 0 30px;
        font-size: 16px!important
    }
}

body.page-id-11624 div.fusion-page-title-bar {
    padding-bottom: 10rem
}

div.avada-google-map {
    margin-bottom: 0
}

.ff-news-container {
    margin: 0 auto;
    max-width: 900px
}

div.fusion-recent-posts.layout-thumbnails-on-side .columns .column {
    margin: 30px 0
}

p.meta .meta-separator,
p.meta .meta-separator + span {
    display: none
}

.recent-posts-content {
    line-height: 1.8;
    padding-top: 23px
}

.recent-posts-content p.meta {
    position: absolute;
    top: 0;
    left: 227px;
    color: #05add9!important;
    font-weight: 500
}

.ff-news-container .flex-next {
    display: none
}

.sidebar .widget .heading h4 {
    border-bottom: 2px solid #363839
}

.post-content p {
    line-height: 1.8
}

.recent-posts-content p {
    line-height: 1.6;
    font-size: 15px
}

#content .customer-post-content h2 {
    margin: 1.8rem 0;
    padding-left: 15px;
    line-height: 1.5;
    font-size: 25px;
    border-left: 6px solid #05add9
}

#content .customer-post-content h2 + p {
    margin-top: 0
}

.customer-post-content p {
    font-size: 15px;
    line-height: 2
}

@media screen and (max-width: 800px) {
    .customer-post-content p {
        font-size: 15px;
        line-height: 1.75
    }

    #content .customer-post-content h2 {
        font-size: 5vw;
    }
}

.portfolio-one-sidebar #content {
    width: 73%!important
}

body.single-post .fusion-page-title-bar {
    height: auto;
    padding: 80px 0 60px
}

body.single-post #menu-item-12687 a {
    border-top-color: #05add9
}

@media screen and (min-width: 800px) {
    body.single-post .fusion-page-title-bar h1.entry-title {
        max-width: 70%;
        font-size: 28px;
        margin: 0 auto
    }
    body.single-post .fusion-page-title-bar h1.entry-title,
    body.single-post .fusion-page-title-bar h3 {
        color: #fff
    }
}

.fusion-breadcrumbs {
    display: none
}

body.single-post #main .fusion-row {
    padding-top: 50px;
    background: #fff;
    border-radius: 12px
}

body.single-post #main .fusion-row h3 {
    margin-top: 0
}

body.single-post .fusion-page-title-bar h3 {
    font-size: 14px
}

body.single-post h2.entry-title {
    display: none
}

body.single-post #wrapper #main .post-content > h2 {
    font-size: 22px
}

.fusion-sharing-box .fusion-social-networks.boxed-icons a.fusion-social-network-icon {
    background-color: #999!important;
    border-color: #999!important
}

.fusion-vk,
.fusion-reddit,
.fusion-pinterest,
.fusion-tumblr {
    display: none!important
}

div.fusion-recent-posts.layout-thumbnails-on-side .columns .column .floated-slideshow {
    margin: 0 30px 5px 0;
    width: auto;
    height: auto
}

div.fusion-recent-posts.layout-thumbnails-on-side .columns .column .floated-slideshow a {
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 3px solid #eee
}

div.fusion-recent-posts.layout-thumbnails-on-side .columns .column .floated-slideshow a img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.recent-posts-content h4 > a {
    display: block;
    margin-bottom: .5em;
    font-size: 20px;
    line-height: 1.5;
    color: inherit;
    font-weight: 600
}

@media screen and (max-width: 800px) {
    .recent-posts-content h4 > a {
        font-size: 16px
    }
}

#main #content .company-ff-wrapper .fusion-row {
    max-width: 900px;
    margin: 0 auto
}

.company-ff img {
    height: 95px
}

.company-title h4 {
    margin-bottom: 2rem
}

.menu-company-container a {
    color: #333!important;
    display: block!important;
    line-height: 1.5!important
}

@media screen and (max-width: 800px) {
    #main .company-table {
        padding-top: 20px!important
    }
}

.company-table .table-2 {
    max-width: 920px;
    margin: 0 auto;
    border-top: 1px solid #dadada;
    border-bottom: none
}

.company-table .table-2 th {
    min-width: 13em;
    white-space: nowrap;
    vertical-align: top;
    color: inherit;
    border-right: 0 solid #dadada;
    font-weight: 200
}

@media screen and (max-width: 800px) {
    .company-table .table-2 th {
        min-width: auto
    }
    .table-2 td,
    .table-2 th {
        word-wrap: break-word
    }
}

.investor .imageframe-align-center {
    padding: 15px 0
}

.company-inverstors > .fusion-column-wrapper > p {
    margin: 0 0 0 20px
}

.company-inverstors .fusion-carousel-item {
    width: 130px;
    margin: 0!important;
    padding: 0 10px;
    border-right: 1px solid #e4e4e4
}

.company-inverstors .fusion-carousel-item:last-child {
    border: none
}

div.fusion-column-wrapper .fusion-image-carousel-fixed .fusion-carousel .fusion-image-wrapper {
    height: auto!important
}

div.fusion-flip-boxes .flip-box-front,
div.fusion-flip-boxes .flip-box-back {
    box-sizing: border-box;
    min-height: 130px!important
}

div.fusion-flip-boxes .flip-box-back {
    padding-top: 48px;
    background-color: #626E7A!important
}

div.fusion-flip-boxes .flip-box-back-inner {
    font-size: 13px;
    line-height: 1.4
}

.archetype .flip-box-front-inner {
    margin-top: 27px!important
}

.intelcapital .flip-box-front-inner {
    margin-top: 7px!important
}

.ksp .flip-box-front-inner {
    margin-top: 25px!important
}

div.ksp .flip-box-back {
    padding-top: 57px
}

.nisseicapital .flip-box-front-inner {
    margin-top: 9px!important
}

.smbc .flip-box-front-inner {
    margin-top: 28px!important
}

.fusion-faqs-wrapper {
    width: 85%;
    margin: 0 auto
}

.fusion-faq-post {
    overflow: hidden;
    clear: both
}

#accordian-one {
    border-top: 1px solid #e5e4e3
}

body.page-template-faqs .fusion-accordian .panel-title a {
    font-size: 15px;
    transition: background-color .2s linear, color .2s linear;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    font-weight: 700
}

body.page-template-faqs .fusion-accordian .panel-title a:before {
    content: "Q";
    color: #05add9;
    margin-right: 16px;
    margin-left: 10px;
    font-size: 20px
}

body.page-template-faqs .fusion-accordian .panel-title > a.active {
    background: #6a727f;
    background: #738895;
    color: #fff
}

body.page-template-faqs .fusion-accordian .panel-title a .fa-fusion-box {
    display: inline-block;
    float: right;
    margin-top: 5px;
    background: #526673;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

body.page-template-faqs .fusion-accordian .panel-body > p {
    margin-top: 20px;
    margin-left: 40px
}

body.page-template-faqs .fusion-accordian .panel-body > p:before {
    position: absolute;
    top: 24px;
    left: 12px;
    content: "A";
    color: #555;
    margin-right: 16px;
    font-size: 20px;
    font-weight: 700
}

.ff-left {
    float: left
}


.contact_txt_box {
    text-align: center;
 }
.contact_txt_box > p {
    margin: 15px 0 0;
    line-height: 1.8
 }

.contact_btn_box {
    clear: both;
    width: 100%;
    margin: 20px 0
}

@media screen and (min-width: 780px) {
    .fusion-footer .contact-box {
        box-shadow: inset 0 3px 3px rgba(0, 0, 0, .2);
        padding: 65px 0 50px!important;
        text-align: center
    }
    .contact_content {
        margin: 0 auto;
        text-align: center;
        max-width: 880px;
        overflow: hidden
    }


}

.contact-box .trial-box {
    width: 405px;
    margin-right: 20px
}

.contact-box .trial-title {
    margin: 0 0 .8rem;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px
}

.contact-box .trial-title > em {
    font-style: normal;
    text-decoration: underline
}

.contact-box .trial-title + p {
    margin-bottom: 1.5rem;
    line-height: 1.8;
    font-size: 14px;
    letter-spacing: .05rem
}

@media screen and (max-width: 920px) {
    .contact-box .trial-title + p {
        margin-bottom: 10px;
        font-size: 13px
    }
    .contact-box .trial-title + p > br {
        display: none
    }
}

.contact-box .fusion-button {
    display: inline-block;
    padding: 0 1.9em;
    line-height: 1.6;
    font-size: 17px;
    font-weight: 400;
    min-width: 15em;
    position: relative;
    z-index: 2;
    overflow: hidden;
    text-align: center;
    outline: none;
    color: #fff;
    white-space: nowrap;
}

.contact-box .button-default:hover {
    color: #fff
}

@media screen and (max-width: 840px) {
    #wrapper .contact-box .fusion-button {
        display: block;
        max-width: 300px;
        margin: 10px auto
    }
}

.contact-box .fusion-button::before,
.contact-box .fusion-button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: ''
}

.contact-box .fusion-button,
.contact-box .fusion-button::before,
.contact-box .fusion-button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s
}

.contact-box .fusion-button::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contact-box .fusion-button:hover::after {
    -webkit-transform: scale(2) rotate(180deg);
    transform: scale(2) rotate(180deg);
    background: rgba(255, 255, 255, .2)
}

.contact-box .fusion-button:before {
    display: inline-block;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    line-height: 3.4;
    margin-right: 5px;
    color: #fff
}

.contact-box .fusion-button {
    color: #fff;
    font-weight: 500
}

.contact-box #trial-btn {
    margin-right: 15px;
    background: #e1bf00
}

.contact-box #trial-btn:before {
    content: "\f040"
}

.contact-box #inq-btn {
    background: #00aadc
}

.contact-box #inq-btn:before {
    content: "\f003"
}

.back_customers {
    margin: 2rem 0 0;
    border-top: 1px solid gray;
    text-align: center!important
}

.back_customers > a {
    display: inline-block;
    padding: .4rem
}

.back_customers > a > .fa {
    margin-right: 5px
}

@media screen and (min-width: 800px) {
    body.single-avada_portfolio .fusion-fullwidth-2 {
        padding-top: 30px!important;
        padding-bottom: 90px!important
    }
}

body.single-avada_portfolio #menu-item-12694 a {
    border-top-color: #05add9
}

.fusion-portfolio-boxed div.fusion-portfolio-content-wrapper {
    text-align: center;
    border: none;
    border-bottom: 1px solid #ccc!important;
    margin-bottom: 30px
}

div.fusion-portfolio-content-wrapper .fusion-image-wrapper {
    margin: 0 auto
}

div.fusion-portfolio-content-wrapper .fusion-image-wrapper a {
    display: inline-block;
    overflow: hidden;
    width: 400px;
    height: 70px;
    text-align: center;
    line-height: 70px
}

div.fusion-portfolio-content-wrapper .fusion-image-wrapper img {
    width: auto;
    vertical-align: middle
}

div.fusion-portfolio-content-wrapper .fusion-portfolio-content {
    min-height: 140px;
    padding-top: 0
}

div.fusion-portfolio-content h2.entry-title > a {
    font-weight: 500;
    line-height: 1.8;
    font-size: 18px;
    text-decoration: underline
}

div.fusion-portfolio-content h2.entry-title > a:hover {
    text-decoration: none
}

div.fusion-portfolio-content div.fusion-content-sep {
    display: none
}

div.fusion-portfolio-content div.fusion-post-content {
    font-size: 15px;
    font-weight: 400;
    color: #333
}

.customer-person-wrapper {
    margin-bottom: 1rem;
    background: #05add9;
    background: #0daacf!important
}

body.single-avada_portfolio .fusion-page-title-bar {
    height: auto;
    padding: 100px 0 110px;
    background-color: #6D767F
}

body.single-avada_portfolio .fusion-page-title-bar:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(12, 42, 60, 0.5)
}

body.single-avada_portfolio .fusion-page-title-captions > h1.entry-title {
    position: relative;
    color: #fff;
    font-size: 5vmin;
    padding-top: 0
}

@media screen and (max-width:1200px) {
  body.single-avada_portfolio .fusion-page-title-captions > h1.entry-title br {
      display: none !important;
  }
}

body.single-avada_portfolio .fusion-page-title-captions > h1.entry-title:before {
    content: "CUSTOMER STORIES";
    display: block;
    width: 21em;
    margin: 0 auto 14px;
    padding: 0 2px 1rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    font-size: 13px;
    letter-spacing: .4rem;
    font-family: "Montserrat", sans-serif;
    border-bottom: 1px solid #fff
}

body.single-avada_portfolio .fusion-page-title-captions > h3 {
    margin: 10px 0 0;
    color: #fff;
    font-size: 28px
}

body.single-avada_portfolio .fusion-page-title-captions > h3:before {
    content: " ";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 9px;
    margin: 0 auto 1.3rem;
    background: #fff
}

@media screen and (min-width: 800px) {
    .customer-post-content {
        padding-right: 0
    }
}







#content .customer-post-content h4.issues {
    display: block;
    margin: 1rem 0;
    padding: 10px 0;
    font-weight: 500;
    font-size: 18px;
    background: #fff;
    color: #777;
    line-height: 1.7;
    text-align: left;
    border-bottom: 1px solid #ccc
}

#content .customer-post-content h4.issues.after {
    margin-top: 5rem
}

#content .customer-post-content h4.issues + h3 {
    margin: 2rem 0 .3rem;
    font-size: 20px
}

.customer-post-content .fusion-separator {
    margin: 2em 0!important;
    height: 2px;
    width: 100%;
    text-align: center;
    background: #fff!important;
    border-color: #fff!important
}

.customer-post-profile {
    width: 20%;
    margin-top: 16px!important;
    padding: 10px 0 30px;
    border-bottom: 1px solid #ccc
}

.customer-post-profile .imageframe-align-center {
    border: 1px solid #666
}

@media screen and (max-width: 800px) {
    .customer-post-profile .imageframe-align-center {
        border: none
    }
}

.customer-post-profile .logo {
    margin: 20px 0
}

.customer-post-profile .side-company-name {
    margin: 13px 0 .6rem;
    text-align: center;
    font-weight: 500;
    line-height: 1.6;
    font-size: 16px;
}

.customer-post-profile .fusion-separator {
    display: none;
    margin: 20px 0 0;
    border-top: 0 solid #ddd
}

.customer-company-overview {
    padding: 0;
    color: #555;
    font-size: 12px;
    line-height: 1.8;
    text-align: left
}

.customer-company-overview > p {
    margin: 0
}

.customer-company-link {
    padding: 0 10px 20px;
    font-size: 12px;
    display: block;
    text-align: center
}

.link-blank:after {
    content: "\f08e";
    color: #05add9;
    display: inline-block;
    margin-left: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}

.customer-person {
    margin-bottom: 10px!important
}

.customer-person .photo img {
    margin-top: 25px;
    -webkit-border-radius: 105px;
    border-radius: 105px;
    width: 105px;
    height: 105px;
    border: 0 solid #fff
}

.customer-person p {
    font-size: 11px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    margin: .3rem 0
}

.customer-work {
    margin-bottom: 0!important
}

.work-title {
    padding: .5rem;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
    line-height: 1.2;
    text-align: center
}

.work-title + p {
    margin-top: 0;
    line-height: 1.7;
    color: #fff;
    font-size: 14px;
    font-weight: 300
}

@media screen and (min-width: 800px) {
    .work-title {
        position: absolute;
        padding: 2.5rem 1.5rem;
        margin-top: 2.5rem;
        font-size: 16px
    }
    .work-title + p {
        display: table-cell;
        padding: 40px 30px 30px 200px;
        font-size: 13px;
        height: 160px;
        vertical-align: middle
    }
}

.feature-middle-textbox h2 {
    margin-top: 30px;
    font-size: 24px!important;
    line-height: 1.6!important;
    position: relative
}
.feature-middle-textbox h2 + p{
    text-align: justify;
}

@media only screen and (min-width: 800px) {
    .feature-middle-textbox h2 {
        margin-top: 0;
        max-width: 370px
    }
    .feature-top-pagelink a {
        font-size: 14px
    }
    .feature-top-container .feature-top-textbox {
        padding: 0 9%
    }
    .feature-top-container .feature-top-textbox h1 {
        font-size: 45px!important;
        line-height: 1.3!important
    }
    .feature-top-container .feature-top-textbox h1 + p {
        max-width: 760px;
        margin: 0 auto
    }
    .feature-top-container .feature-top-textbox h1 + p > span {
        line-height: 1.8!important
    }
    .feature-middle-textbox h2 + p{
        font-size: 16px;
    }


}

@media only screen and (max-width: 800px) {
    .horizontal-line {
        position: relative;
        margin: 0!important
    }
    .feature-top-container {
        padding-top: 25px!important;
        padding-bottom: 5px!important;
        background-size: cover!important;
        background-position: 73% 0!important
    }
    .feature-top-container .feature-top-textbox h1 {
        margin-top: 50px;
        font-size: 30px;
        line-height: 1.3
    }
}

.feature-top-textbox h2 span:after {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 2px;
    background: #fff
}

.feature-top-point .fusion-row > div {
    margin: 0!important
}

.feature-top-point {
    padding: 10px 0!important
}

#content .post-content .feature-top-point h4 {
    margin: 5rem 0 .8rem;
    font-size: 24px;
}

.feature-top-point p {
    margin-bottom: 3rem;
    font-size: 16px;
    text-align: justify;
}

.feature-top-point img {
    width: 100%;
    max-width: 380px
}

.feature-top-point .fusion-column-tablecell {
    text-align: center
}

@media only screen and (max-width: 800px) {
    #content .post-content .feature-top-point h4 {
        margin: .5em 0 .6rem;
        font-size: 20px;
        text-align:center;
    }
    .feature-top-point .fusion-column-wrapper > p {
        font-size: 14px;
        line-height: 1.65
    }
    .feature-top-point img {
        max-width: 300px;
    }
}

.features-page-title {
    padding: 0;
    text-align: center
}

#main .feature-wrapper-title {
    margin: 0 0 3rem
}

#main .feature-wrapper-title h2 {
    margin: 0;
    color: #fff;
    font-weight: 500
}

#main .feature-wrapper {
    padding: 50px 0
}

#main .feature-wrapper.screenshot {
    background: #fff
}

#main .feature-wrapper {
    padding: 10px 0 60px!important;
    background-size: auto!important;
    background-position: 4% 0!important;
    background-image: none!important
}

#main .feature-wrapper > .fusion-row {
    max-width: 1200px;
    padding: 0 30px
}

.feature-wrapper .fusion-separator {
    margin: 10px 0 0;
    border-color: #fff!important
}

.features-title {
    text-align: center
}

body #wrapper .post-content .feature-ttle {
    position: relative;
    font-weight: 600;
    margin: 5rem 0 1rem;
    text-align: left;
    font-size: 26px;
    letter-spacing: 0.03em;
    font-feature-setting : "pkna";
}

#main .feature-ttle:before {
    position: absolute;
    top: -35px;
    display: block;
    width: 100%;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    color: #05add9
}

#main .feature-ttle.consolidate-and-organize:before {
    content: "Consolidate and Organize"
}

#main .feature-ttle.share-and-collaborate:before {
    content: "Share and Collaborate"
}

#main .feature-ttle.search-and-access:before {
    content: "Search and Access"
}

#main .feature-ttle.manage-and-control:before {
    content: "Manage and Control"
}

@media screen and (max-width: 800px) {
    h2 {
        font-size: 19px;
        line-height: 1.5!important
    }
    body #wrapper .post-content .feature-ttle {
        margin: 3rem 0 1rem;
        font-size: 22px;
    }
    #main .feature-ttle:before {
        top: -24px;
        font-size: 14px
    }
    .fusion-row .fusion-layout-column {
        float: none;
        padding: 0
    }
}

#main .feature-wrapper p {
    margin: 1rem 0 1em;
    font-size: 16px;
    line-height: 1.9;
    color: #333;
    text-align: justify;
}

@media screen and (max-width: 800px) {
    #main .feature-wrapper p {
        margin-top: 0
    }
}

#main .feature-wrapper .feature-img {
    margin-bottom: 20px!important;
    padding-top: 40px
}

@media screen and (max-width: 800px) {
    #main .feature-wrapper .feature-img {
        padding-top: 0
    }
}

#main .feature-wrapper .feature-img-width {
    max-width: 360px
}

#main .feature-wrapper .feature-img-width.middle {
    max-width: 450px
}

.features-text-mr {
    padding-right: 30px
}

#main .feature-wrapper ul {
    margin: 0;
    padding: 1.9rem 2.4rem;
    background: #eaedf2;
    background: #e9f3f8;
    border-radius: 10px
}

#main .feature-wrapper ul > li {
    list-style: none;
    position: relative;
    margin: 10px 0 1rem;
    padding-left: 23px;
    line-height: 1.7;
    font-size: 15px;
    text-align: justify;
}

@media screen and (max-width: 800px) {
    #main .feature-ul ul > li,
    #main .feature-wrapper ul > li {
        line-height: 1.8
    }
    #main .feature-wrapper ul {
        padding: 1rem;
    }    
}

#main .feature-wrapper ul > li:before {
    position: absolute;
    top: 3px;
    left: -2px;
    content: "\f058";
    color: #05add9;
    font-size: 17px!important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}

#main .feature-ul ul {
    margin-top: 0;
    padding: 1em 0
}

#main .feature-ul ul > li {
    list-style: none;
    position: relative;
    margin: 10px 0 1.5rem;
    padding-left: 23px
}

#main .feature-ul ul > li:before {
    position: absolute;
    top: 7px;
    left: -2px;
    content: "\f00c";
    color: #05add9;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}

@media screen and (max-width: 800px) {
    #main .feature-ul .fusion-layout-column,
    #main .feature-ul ul,
    #main .feature-ul ul > li {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.feature-otherlink-wrapper {
    margin: 0
}

#content .feature-otherlink {
    min-height: 180px;
    margin: 0!important;
    padding: 0 30px;
    border: 1px solid #eee;
    background: #f4f6f7;
    background: #fff
}

#content .feature-otherlink.active {
    background: #e2e5e8
}

.feature-otherlink p {
    margin: 0 0 5px
}

.feature-otherlink-wrapper .fusion-imageframe {
    padding: 10px
}

.feature-otherlink > div > p {
    display: block;
    margin-bottom: 0;
    padding-top: 30px;
    line-height: 1.5!important;
    font-size: 14px;
    font-weight: 700
}

@media screen and (min-width: 800px) and (max-width: 1160px) {
    .feature-otherlink > div > p {
        min-height: 200px;
        min-height: 5rem
    }
}

.feature-otherlink > div > p > a {
    color: #3F576F
}

.feature-otherlink.active > div > p {
    color: #999
}

#content .feature-otherlink-wrapper .fusion-section-separator .divider-candy-arrow.bottom {
    border-width: 19px 19px 0
}

#content .feature-otherlink-wrapper .fusion-section-separator .divider-candy-arrow {
    margin-left: -19px
}

#content .feature-otherlink-wrapper .fusion-section-separator .divider-candy {
    bottom: -12px!important;
    margin-left: -15px;
    height: 30px;
    width: 30px
}

.feature-otherlink img {
    width: 5.5rem;
    height: 5.5rem
}

.feature-otherlink.active img {
    color: #888;
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    opacity: .5
}

#content .post-content .feature-otherlink-icon {
    margin-bottom: 50px;
    border: none;
    font-weight: 100!important
}

#content .post-content .feature-otherlink.active .feature-otherlink-icon {
    background-color: #aaa!important
}

.pricing-box {
    min-width: 200px;
    max-width: 400px;
    min-height: 540px;
    background-color: #fff;
    padding: 30px 0;
    text-align: center;
    font-size: 20px;
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.post-content .pricing-box > .fusion-column-wrapper {
    background-position: 0 7%!important
}

.post-content .pricing-box > .fusion-column-wrapper > div {
    display: block;
    margin: 10px 0
}

.post-content .pricing-box div > p {
    margin: .15rem 0
}

.post-content .pricing-box p {
    font-size: 15px;
    font-weight: 300
}

.post-content .pricing-box img {
    max-width: 8rem
}

.post-content .pricing-box h2 {
    display: inline;
    margin: 10px 0;
    font-weight: 600!important;
    font-size: 32px!important;
    color: #fff
}

.post-content .pricing-box .fa {
    margin-bottom: 0;
    border: none!important;
    box-shadow: 0 0 0 3px #34b5d7
}

.pricing-box .fusion-sep-clear {
    margin: 0!important
}

.post-content .pricing-box h4 {
    margin: 1rem 0;
    padding-top: .3rem;
    font-weight: 600;
    letter-spacing: .2rem;
    color: #05b1dd
}

.post-content .pricing-box h5 {
    margin: 0;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    font-family: 'Montserrat'!important;
    letter-spacing: 3px
}

.pricing-tbl table {
    line-height: 1.8;
    border-top: 1px solid #dcdcdc
}

.pricing-tbl table th {
    color: inherit;
    border-bottom: 1px solid #dcdcdc
}

@media screen and (max-width: 800px) {
    .pricing-box {
        padding: 40px 0 30px!important
    }
    .table-2 table th,
    .table-2 table td {
        display: block
    }
    .table-2 table th {
        font-weight: 700
    }
}

.pricing-example {
    min-height: 6em;
    background: #f0f0f0;
    font-size: 14px
}

.pricing-example-wrapper .example {
    overflow: hidden
}

.pricing-example-wrapper .example > p {
    margin: 0
}

.pricing-example-wrapper .example ul {
    display: block;
    overflow: hidden;
    margin: 0
}

.pricing-example-wrapper .example li {
    float: left;
    list-style: none;
    display: inline-block;
    margin-left: 10px
}

.pricing-example-wrapper .example > .total {
    float: left;
    display: inline-block;
    text-align: right;
    margin-left: 60px
}

.post-content dl > dt {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 17px
}

.post-content dl > dd {
    margin-bottom: 1rem;
    line-height: 2
}

@media screen and (max-width: 800px) {
    .post-content dl > dd {
        line-height: 1.75
    }
}

.fusion-footer-widget-area {
    display: none
}

.fusion-footer-copyright-area {
    padding-top: 30px!important;
    padding-bottom: 20px!important
}

footer.fusion-footer-widget-area {
    padding-top: 20px;
    text-align: left
}

#footer .fusion-row{
    position: relative;
}

.backtohome {
    background: #fff;
    padding: 10px 30px;
    border-bottom: 4px solid #05add9!important
}

.backtohome a {
    font-size: 12px;
    font-weight: 400
}

.backtohome a:before {
    display: inline-block;
    margin-right: 13px;
    content: "\f053";
    font-family: FontAwesome;
    line-height: 1;
    text-rendering: auto;
    font-size: 14px
}

#toTop {
    border-radius: 35px;
    bottom: 18px;
    height: 48px;
    line-height: 50px;
    background-color: rgba(0, 0, 0, .3)
}

.footer-container {
    overflow: hidden
}

.footer-company-container {
    position: relative;
    float: left;
    display: inline-block;
    margin: 0 0 20px;
    line-height: 1.8
}

.fflogo,
.fflogo.white {
    position: absolute;
    top: 4px;
    left: 10px;
    width: 45px;
    height: 70px;
    padding-top: 15px;
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.fflogo.white {
    display: inline-block
}

.fflogo {
    display: none
}

.recruit-header.scrll .fflogo.white {
    display: none
}

.recruit-header.scrll .fflogo {
    display: inline-block
}

p.footer-company-name {
    margin: 0 0 0 70px;
    font-size: 13px;
    color: rgba(255, 255, 255, .9)
}

.footer-company-container .tel {
    margin: 0 0 0 70px;
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .05rem;
    font-family: "Roboto"!important;
    line-height: 1.4
}

.footer-company-container .time {
    margin: 0 0 0 70px;
    font-size: 11px;
    font-weight: 100;
    color: rgba(255, 255, 255, .9);
    letter-spacing: .07rem
}

.footer-menu-container {
    display: inline-block;
    float: left;
}

.footer-menu-container li {
    list-style: none
}

.footer-menu-container > ul > li > a {
    font-size: 14px;
    font-weight: 500
}

.footer-menu-container > ul > li {
    line-height: 2.2
}

.footer-menu-container > ul {
    float: left;
    margin-top: 0;
    margin-left: 20px
}

.footer-menu-container > ul.service {
    padding-left: 30px
}

.footer-menu-container > ul.service ul {
    padding-left: 0
}

.footer-menu-container > ul.service ul a {
    font-size: 10px
}

.footer-menu-container > ul.other {
    margin-top: -8px;
    padding-left: 50px
}

.footer-menu-container > ul.other > li {
    display: inline-block;
    margin-right: 80px
}

.footer-menu-container > ul.other > li:last-child {
    margin-right: 0;
}

.footer-menu-container > ul.other > li.inquiry > a {
    display: inline-block;
    padding: .4rem 1.5rem;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.footer-menu-container > ul.other > li.inquiry > a:hover {
    background: rgba(255,255,255,.2);
    color: #fff;
}



/* for IE10 */
.ie10 .footer-menu-container > ul.other > li.inquiry > a {
    padding: .4rem 1.5rem 0;
}

.footer-info-container {
    display: block;
    clear: both;
    text-align: left
}

.footer-info-container > ul {
    display: inline-block;
    margin-left: 10px;
}

.footer-info-container li {
    display: inline-block;
}

.footer-info-container li:before {
    padding: 0 5px 0 10px;
    content: "*";
    color: #666
}

.footer-info-container a {
    font-size: 11px
}

@media screen and (max-width: 800px) {
    .footer-company-container {
        float: none;
        margin: 0 auto 20px;
        text-align: left
    }
    #footer .footer-company-container > p {
        margin-left: 35px
    }
    .fflogo {
        left: 0
    }
    .footer-menu-container {
        display: none
    }
    .footer-info-container {
        text-align: center
    }
    .footer-info-container > ul {
        margin: 0 auto 10px;
        padding: 0
    }
    .footer-info-container a {
        font-size: 11px
    }
}

p.footer-copyright {
    display: block;
    width: 100%;
    margin: 0!important;
    padding: 15px;
    color: rgba(255, 255, 255, .5);
    background: #252c32;
    text-align: center;
    font-weight: 100;
    font-size: 11px;
    letter-spacing: .06rem
}

@media screen and (max-width: 780px) {
    #wrapper .fusion-footer-copyright-area {
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 800px) {
    #wrapper .fusion-header {
        padding-left: 20px;
        padding-right: 20px
    }
    #wrapper .fusion-mobile-menu-icons a:before {
        color: #444
    }
    .fusion-mobile-menu-icons {
        margin-top: 6px!important
    }
    .fusion-body .fusion-page-title-bar {
        height: auto!important;
        padding-top: 60px!important;
        padding-bottom: 60px!important
    }
    .fullwidth-box {
        padding-top: 0
    }
    .home-customers-carousel {
        margin: 0
    }
    .home-3point-wrapper {
        padding-top: 2rem!important
    }
    #content #home-device-wrapper h4 {
        font-size: 16px
    }
    #content #home-device-wrapper h2 {
        padding: 0 20px!important;
        font-size: 28px!important
    }
    #content #home-device-wrapper .parallax-inner {
        background-image: none!important
    }
    #home-device-wrapper h2 > br {
        display: none
    }
    #home-device-wrapper .imageframe-align-center {
        padding: 0 20px
    }
    .home-news-content .news-showall {
        display: block;
        width: 100%;
        position: relative;
        right: auto;
        font-size: 12px
    }
    .fusion-recent-posts.layout-date-on-side .columns .column {
        margin-bottom: 0;
        border-bottom: none
    }
    .home-photo {
        display: none
    }
    .fusion-faqs-wrapper {
        width: 100%
    }
    .ff-news-container .avada-container .fusion-columns {
        margin: 0
    }
    .fusion-portfolio-boxed div.fusion-portfolio-content-wrapper {
        margin-bottom: 0
    }
    div.fusion-portfolio-content-wrapper .fusion-image-wrapper a {
        width: auto
    }
    #wrapper #main .fusion-portfolio-content > h2.entry-title {
        font-size: 17px!important;
        line-height: 1.5!important
    }
    #wrapper #main .fusion-portfolio-content > h2.entry-title > a > br {
        display: none
    }
    body.single-avada_portfolio .fusion-page-title-captions > h1.entry-title:before {
        width: 16rem;
        font-size: 11px;
        padding-bottom: .6rem;
        border-width: 1px
    }
    body.single-avada_portfolio .fusion-page-title-captions > h1.entry-title {
        font-size: 23px;
        padding: 0 30px
    }
    div.fusion-page-title-captions > h1.entry-title > br {
        display: none
    }
    body.single-avada_portfolio .fusion-page-title-captions > h3 {
        font-size: 16px
    }
    .customer-person .photo img {
        margin-top: 0
    }
    .company-table .table-2 {
        margin: 0;
        padding: 0
    }
    .company-table .table-2,
    .company-table .table-2 th,
    .company-table .table-2 td {
        border: none!important
    }
    .company-table td {
        white-space: normal
    }
    .investor .fusion-flip-boxes {
        margin-bottom: 0
    }
    #main .feature-wrapper {
        padding: 0 30px
    }
    div.fusion-recent-posts.layout-thumbnails-on-side .columns .column {
        padding: 0
    }
    div.fusion-recent-posts.layout-thumbnails-on-side .columns .column .floated-slideshow {
        float: none;
        width: 100%
    }
    .recent-posts-content {
        padding-top: 5px
    }
    .recent-posts-content h4 > a > br {
        display: none
    }
    .recent-posts-content p.meta {
        left: 0;
        position: relative
    }
    .recent-posts-content p.meta + p {
        display: none
    }
    .fusion-sharing-box {
        margin-top: 20px!important
    }
    .fusion-sharing-box,
    .fusion-social-networks {
        text-align: center!important
    }
    #main .feature-wrapper p,
    .post-content p {
        font-size: 15px
    }
}

@media only screen and (max-width: 527px) {
    #footer-contact-box .fusion-button {
        float: none;
        width: 100%;
        min-width: 16em;
        margin: 0 0 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
}

.slide-features .slide-content {
    display: none!important
}

@media screen and (max-width: 750px) {
    .contact-box .trial-title {
        display: block;
        margin: 30px 10px 0;
        font-size: 20px!important
    }
}

@media screen and (max-width: 780px) {
    #menu-main-menu .fusion-mobile-nav-item a {
        font-size: 13px
    }
    #slidingbar-area .slide-excerpt h2,
    .fusion-footer-widget-area .slide-excerpt h2,
    .jtwt .jtwt_tweet,
    .sidebar .jtwt .jtwt_tweet,
    .sidebar .slide-excerpt h2,
    body {
        font-size: 15px!important;
        line-height: 1.7!important
    }
    .contact-box .fusion-row {
        padding: 1rem 20px 2rem!important
    }
    .contact-box .fusion-button {
        display: inline-block;
        width: 100%;
        max-width: 300px;
        margin: 10px auto 0;
        padding: 0 1.7em;
        line-height: 40px;
        font-size: 14px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .backtohome {
        padding: .8rem 30px
    }
}

.trial-header-logo img {
    width: 140px
}

.trial-header-linkbox {
    text-align: right
}

.trial-header-link {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.trial-header-link li {
    float: left;
    display: inline-block;
    margin-right: 20px;
    font-size: 14px
}

.trial-header-link li.tel:before {
    content: "\f095";
    display: inline-block;
    margin-right: 4px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto
}

@media screen and (min-width: 800px) {
    #main .trialform-wrapper {
        background: #fff
    }
    #main .trialform-wrapper .fusion-row {
        max-width: 760px
    }
    #main .contactform-wrapper .fusion-row {
        max-width: 860px
    }
    .trialform-form .fusion-column-wrapper {
        padding: 0 0 30px;
        border-radius: 10px
    }
    #main .trialform-wrapper .fusion-row h2 {
        margin: 1rem auto 1.5rem
    }
}

@media screen and (max-width: 800px) {
    #main .trialform-wrapper .fusion-row h2 {
        font-size: 20px;
        line-height: 1.6
    }
    #main .trialform-form .telbox {
        text-align: center
    }
}

form .required {
    color: red
}

form p > label {
    font-weight: 500
}

form.wpcf7-form > dl {
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 800px) {
    form.wpcf7-form > dl > dt {
        float: left
    }
    form.wpcf7-form > dl > dd:after {
        content: '';
        display: block;
        clear: both
    }
    form.wpcf7-form > dl > dt {
        width: 25%
    }
    form.wpcf7-form > dl > dd {
        padding-left: 25%
    }
}

body.single-post #wrapper #content .category-event h2 {
    font-size: 27px;
    line-height: 1.6;
    font-weight: 500
}

#content .category-event h3 {
    font-size: 18px
}

#content .category-event h4 {
    font-size: 14px;
    color: #fff;
    background: #444;
    margin-bottom: 0;
    padding: .3rem .8rem .37rem;
    font-weight: 400
}

.category-news table {
    margin-bottom: 1rem
}

.category-news table th {
    width: 25%;
    vertical-align: top
}

.category-news table th,
.category-news table td {
    padding: 1rem;
    border-bottom: 1px solid #ccc
}

.category-news table td > h5 {
    margin: .2rem 0 .7rem;
    line-height: 1.6;
    font-size: 18px
}

.category-news table td > h6 {
    display: block;
    font-weight: 500;
    margin: .5rem 0;
    line-height: 1.6
}

.category-news .event-btn {
    display: inline-block;
    padding: 1rem 2em;
    background: #ff8f00;
    color: #fff;
    margin: 2rem auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.category-news .event-btn:hover {
    background: #ffbd33
}

@media screen and (max-width: 800px) {
    form.wpcf7-form > dl > dt {
        margin: 0
    }
    form.wpcf7-form > dl > dd {
        margin: 0 0 1rem
    }
    .category-news table th,
    .category-news table td {
        display: block;
        width: 100%
    }
    .category-news table th {
        padding-bottom: 0;
        border: none
    }
    .category-news table td {
        padding-top: 0
    }
    .category-news .event-btn {
        margin: 0 auto 1rem
    }
}

.fusion-button.ff-btn-1,
form.wpcf7-form input[type="submit"] {
    width: 100%;
    background: #e1bf00;
    color: #fff;
    letter-spacing: 0;
    box-sizing: border-box
}

form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"] {
    border-radius: 4px;
    border-color: #ccc;
    padding-top: 11px;
    padding-bottom: 11px;
    max-width: 670px
}

form.wpcf7-form input[readonly],
form.wpcf7-form textarea[readonly] {
    border: none;
    border-bottom: 1px solid #ccc;
    background: none;
    border-radius: 0
}

.trialform-form {
    font-size: 14px
}

.termbox {
    margin-top: 2rem;
    padding: 1rem 0;
    border-top: 1px solid #ddd;
    line-height: 1.5;
    font-size: 12px;
    line-height: 1.8
}

.trialform-wrapper .limit {
    margin: 0 0 30px 20px;
    padding: 0;
    line-height: 1.8
}

.trialform-wrapper .limit li {
    margin-bottom: .3rem;
    font-size: 14px
}

.trialform-wrapper .trial-img {
    width: 200px;
    height: 200px
}

.wireicons img {
    width: 70px;
    height: 70px
}

.trial-flow {
    padding: 0;
    margin: 0 0 30px 170px;
    overflow: hidden
}

.trial-flow li {
    position: relative;
    float: left;
    display: inline-block;
    width: 180px;
    margin-right: 25px;
    padding: 13px 18px 13px 60px;
    line-height: 1.6;
    box-sizing: border-box;
    background: #eee;
    color: #9DA0A4;
    font-size: 12px
}

.trial-flow li > i {
    position: absolute;
    left: 24px;
    top: 20px;
    content: "";
    display: inline-block;
    margin-right: 4px;
    font: normal normal normal 27px/1 FontAwesome;
    text-rendering: auto
}

.trial-flow li:before,
.trial-flow li:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 0 solid #eee;
    border-width: 40px 18px;
    margin-top: -40px
}

.trial-flow li:before {
    left: -20px;
    border-left-color: transparent
}

.trial-flow li:after {
    border-color: rgba(235, 237, 239, 0);
    border-left-color: #eee
}

.trial-flow li:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.trial-flow li:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.trial-flow li.selected {
    background: #343E46;
    color: #fff
}

.trial-flow li.selected:before {
    border-color: #343E46;
    border-left-color: #343E46
}

.trial-flow li:first-child:before {
    border: none
}

.trial-flow li.selected:after {
    border-color: #343E46;
    border-left-color: #343E46
}

.trial-flow li:last-child {
    margin-right: 0
}

.trial-flow li:last-child:after {
    border: none
}

@media screen and (max-width: 800px) {
    .trial-flow {
        display: none
    }
    fusion-button.ff-btn-1,
    form.wpcf7-form input[type="submit"] {
        max-width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .table-2 table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%
    }
    .table-2 tr th {
        padding: .5rem 0 0;
        border: none
    }
    .table-2 tr td {
        padding: 0 0 .5rem
    }
}

.home_trial_btn {
    border: 2px solid #fff!important;
    color: #fff!important;
    background: none!important;
    padding: 15px 22px;
    border-radius: 5px;
    font-size: 15px;
    display: inline-block;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.home_trial_btn::after {
    display: block;
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0;
    border-radius: 50%;
    background: #fff;
    transition: .3s
}

.home_trial_btn:hover {
    color: #555!important
}

.home_trial_btn:hover::after {
    width: 280px;
    height: 280px;
    margin: -140px 0 0 -140px
}

.fusion-tabs .nav {
    text-align: center
}

.fusion-tabs.horizontal-tabs .nav-tabs {
    max-width: 30%
}

.fusion-tabs .tab-pane {
    border: none
}

.nav .nav-tabs > li .fusion-tab-heading {
    font-size: 15px!important;
    font-weight: 300!important
}

@media only screen and (max-width: 640px) {
    .flex-direction-nav {
        display: block!important
    }
}

body.error404 #main {
    background: #4eb7d4;
    text-align: center;
    color: #fff
}

body.error404 .fusion-page-title-bar {
    display: none
}

body.error404 #main p {
    color: #fff;
    font-family: inherit
}

body.error404 #main a {
    color: #fff;
    text-decoration: underline
}

body.error404 #main .title0 {
    margin: 0 0 40px;
    font-size: 20px
}

body.error404 #main .title1 {
    margin: 20px 0;
    font-size: 90px
}

body.error404 #main .title2 {
    font-size: 20px
}

.fusion-mobile-nav-holder ul li:last-child {
    display: none
}

.fusion-is-sticky .fusion-mobile-nav-holder > ul {
    max-height: 90%!important
}

.recruit-header {
    width: 100%;
    padding: 15px 20px;
    position: fixed;
    z-index: 20020;
    background: none;
    -webkit-transition: background-color .7s;
    -moz-transition: background-color .7s;
    transition: background-color .7s
}

.recruit-header.scrll {
    background-color: rgba(255, 255, 255, .97);
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    transition: background-color .5s;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3)
}

.recruit-header .fusion-row {
    max-width: 100%!important
}

.recruit-header p {
    display: inline-block;
    margin: 0
}

.recruit-fflogo-wrapper {
    float: left;
    display: inline-block
}

.recruit-menu {
    float: right
}

.recruit-fflogo > img {
    width: 170px;
    margin: 0 13px 0 0
}

.recruit-fflogo-wrapper > span {
    margin-top: 10px;
    font-size: 11px;
    line-height: 42px
}

.recruit-header.scrll .recruit-fflogo + span {
    color: #0BABC9
}

@media screen and (max-width: 800px) {
    .recruit-header {
        height: 70px
    }
    .recruit-fflogo-wrapper {
        width: 295px;
        overflow: hidden
    }
    .recruit-fflogo {
        display: inline-block;
        float: left
    }
    .recruit-fflogo > img {
        padding: 20px 0 5px 20px !important;
        width: 180px
    }
    .recruit-fflogo-wrapper > span {
        display: inline-block;
        float: left;
        margin: 19px 0 0;
        font-size: 10px
    }
    .recruit-menu .fusion-column-wrapper {
        display: inline-block;
        float: right;
        overflow: hidden
    }
    .recruit-menu .fusion-column-wrapper p {
        float: left
    }
    .recruit-menu a {
        display: inline-block;
        float: left;
        margin-right: 3rem;
        color: #fff;
        padding: 0;
        font-weight: 700;
        color: #fff
    }
    .recruit-header.scrll .recruit-menu a {
        color: #333;
        font-weight: 500
    }
    .recruit-hero {
        position: static!important;
        z-index: 20010
    }
    .recruit-mobile-menu {
        display: none
    }
    .recruit-menu .fusion-button-wrapper {
        display: inline-block;
        float: left;
        margin-top: 2px
    }
    .recruit-menu .fusion-button-wrapper a {
        display: inline-block;
        padding: .7rem 1.4rem;
        background: none;
        color: #fff!important;
        border-radius: 20px!important;
        -webkit-border-radius: 20px!important
    }
}

@media screen and (min-width: 800px) {
    .recruit-menu .entry-btn {
        display: inline-block;
        padding: .2rem 1.4rem;
        background: #f8e33b!important;
        color: rgba(0, 0, 0, .8)!important;
        border-radius: 20px!important;
        -webkit-border-radius: 20px!important
    }
}

.recruit-menu a.active {
    border-bottom: 3px solid #05B1DD
}

.recruit-menu a[href="guide"] {
    margin-right: 2rem
}

@media screen and (max-width: 800px) {
    .recruit-menu {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20025;
        width: 100%;
        min-height: 100%;
        background: rgba(0, 0, 0, 0);
        padding-top: 90px
    }
    .recruit-menu.open {
        display: block;
        background: rgba(0, 0, 0, .9)
    }
    .recruit-menu a {
        display: block;
        width: 100%;
        background: none;
        color: #fff!important;
        padding: 20px 30px;
        font-size: 15px;
        font-weight: 400
    }
    .recruit-menu a,
    .recruit-menu a.active {
        border-bottom: 1px solid #666
    }
    .recruit-menu a:first-child {
        border-top: 1px solid #666
    }
    .recruit-mobile-menu {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        width: 50px;
        height: 50px;
        margin: 0!important;
        line-height: 50px;
        background: #000;
        z-index: 20030;
        text-align: center;
        -webkit-transition: all .3s;
        transition: all .3s;
        cursor: pointer;
        border: 1px solid #aaa
    }
    .recruit-mobile-menu:hover {
        background: #777
    }
}

.post-content .visual_title_recruit {
    margin: 0 auto;
    font-family: "Montserrat"!important;
    font-size: 52px
}

@media screen and (max-width: 800px) {
    .post-content .visual_title_recruit {
        font-size: 38px;
        line-height: 1
    }
}

.recruit-page-header .visual_title_recruit:after {
    content: "";
    display: block;
    width: 8rem;
    margin: 1rem auto;
    border-width: 0 0 3px;
    border-style: solid
}

.recruit-page-header p {
    text-align: center
}

.company .visual_title_recruit:after {
    border-color: #3C4749
}

.works .visual_title_recruit:after {
    border-color: #3C4749
}

#wrapper .post-content h2.recruit-top-title {
    margin-bottom: 1rem;
    font-size: 40px
}

#wrapper .post-content .visual_lead_recruit {
    font-size: 18px
}

@media screen and (max-width: 800px) {
    #wrapper .post-content .visual_lead_recruit {
        font-size: 16px
    }
    #wrapper .post-content h2.recruit-top-title {
        margin-bottom: 1rem;
        font-size: 34px
    }
}

.recruit-top-culture .culture-photos .photo {
    float: left;
    width: 25%
}

.recruit-top-culture .culture-text {
    padding: 170px 90px 100px
}

.recruit-contents {
    padding: 6rem 0!important
}

.recruit-contents.mission {
    background: #04a7de
}

.recruit-contents.mission .fusion-column-wrapper {
    text-align: center;
    font-size: 16px
}

@media screen and (max-width: 800px) {
    .recruit-contents {
        padding: 30px!important
    }
    .recruit-contents.mission .fusion-column-wrapper {
        padding: 30px!important
    }
    .recruit-contents.mission .fusion-column-wrapper p {
        font-size: 14px
    }
}

#content .recruit-contents h2 {
    margin-bottom: .4rem
}

.post-content .recruit-contents h3 {
    text-align: center;
    font-size: 28px
}

.post-content .recruit-contents h4.obi {
    display: block;
    text-align: left;
    margin: 4rem auto 2rem;
    background: #0babc9;
    color: #fff;
    padding: .4rem 1rem;
    font-weight: 500;
    font-size: 19px
}

@media screen and (max-width: 800px) {
    .post-content .recruit-contents h4.obi {
        font-size: 16px;
        text-align: center
    }
}

#content .recruit-contents h5 {
    margin: 1rem 0
}

@media screen and (max-width: 800px) {
    #content h2.recruit-company-tit {
        line-height: 1.2!important
    }
    #content h2.recruit-company-tit > span {
        font-size: 24px
    }
    #content .recruit-contents h3 {
        font-size: 22px;
        line-height: 1.5
    }
    .recruit-company-hero {
        padding: 70px 0 0!important
    }
}

#content .recruit-contents hr {
    height: 1px;
    background: rgba(0, 0, 0, .4);
    border: none;
    outline: none;
    position: relative;
    width: 100%;
    margin: 3em auto 4rem;
    letter-spacing: .03rem
}

@media screen and (max-width: 800px) {
    #content .recruit-contents hr {
        margin: 4.5em auto 2.5rem
    }
}

#content .recruit-contents hr:before {
    content: attr(data-symbol);
    position: absolute;
    top: 0;
    left: 50%;
    background: #F9F9F6;
    color: #333;
    padding: 0 3rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 27px;
    font-weight: 600;
    border-left: 1px solid rgba(0, 0, 0, .4);
    border-right: 1px solid rgba(0, 0, 0, .4)
}

#content .recruit-contents hr:after {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
    display: block;
    text-align: center;
    color: #aaaa63;
    font-family: 'Montserrat';
    letter-spacing: .1rem;
    background: #fff657;
    line-height: 1.4;
    padding: .1rem 3rem
}

#content .recruit-contents hr.environment:after {
    content: "ENVIRONMENT"
}

#content .recruit-contents hr.support:after {
    content: "SUPPORT"
}

#content .recruit-contents hr.health:after {
    content: "HEALTH"
}

#content .recruit-contents hr.communication:after {
    content: "COMMUNICATION"
}

#content .recruit-contents hr.customers:after {
    content: "CUSTOMERS"
}

#content .recruit-contents hr.person:after {
    content: "PERSONALITY"
}

#content .recruit-contents hr.recruitment:after {
    content: "RECRUITMENT"
}

#content .recruit-contents hr.flow:after {
    content: "FLOW"
}

#content .recruit-contents.even hr:before,
#content .recruit-contents hr.flow:before {
    background: #EDECE6
}

#content .recruit-contents hr.white:before {
    background: #fff
}

#content .recruit-contents hr.person:before {
    background: #f6f6ee
}

@media screen and (max-width: 800px) {
    #content .recruit-contents hr:before {
        left: 50%;
        margin: 0 auto;
        padding: 0 1em;
        font-size: 20px;
        white-space: nowrap
    }
}

.table-2.recruit th {
    color: #444
}

.color-w {
    color: #fff!important
}

#content .recruit-hero.color-w .visual_title_recruit,
#content .recruit-hero.color-w .visual_lead_recruit {
    color: #fff
}

#content .recruit-hero.color-w .visual_title_recruit:after {
    border-color: rgba(255, 255, 255, .5)!important
}

.recruit-entryform {
    max-width: 65%;
    margin: 0 auto
}

.recruit-entryform dl {
    margin: 0
}

.recruit-entryform dt > label {
    font-size: 14px;
    font-weight: 300
}

@media screen and (max-width: 800px) {
    .recruit-entryform {
        max-width: 100%;
        width: 100%
    }
}

.r-support {
    position: relative;
    min-height: 190px
}

.r-support > div {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center
}

.recruit-culture-workspace .fusion-imageframe,
.recruit-culture-workspace-s .fusion-imageframe {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.recruit-culture-workspace-s .fusion-column-wrapper > p {
    position: relative
}

.recruit-contents.office .capt {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    padding: .8rem .5rem .5rem;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 59%, rgba(0, 0, 0, 0.65) 60%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 59%, rgba(0, 0, 0, 0.65) 60%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 59%, rgba(0, 0, 0, 0.65) 60%);
    color: #fff;
    z-index: 120;
    box-sizing: border-box
}

@media screen and (min-width: 800px) {
    .recruit-culture-workspace .capt {
        width: calc(100% - 20px)!important
    }
    .recruit-culture-workspace .fusion-column-wrapper > p {
        width: 577px;
        margin: 0!important
    }
    .recruit-culture-workspace-s .fusion-column-wrapper > p {
        width: 300px;
        float: left;
        border-left: 20px #F9F9F6 solid
    }
}

.recruit-customers .fusion-imageframe {
    float: left;
    display: block;
    margin: 0 5px 5px 0;
    min-width: 170px;
    min-height: 120px;
    background: #fff;
    text-align: center;
    line-height: 120px;
    vertical-align: middle
}

.recruit-customers .fusion-imageframe > img {
    vertical-align: middle
}

@media screen and (max-width: 800px) {
    .recruit-customers .fusion-imageframe {
        min-width: 30%;
        margin: 0 3%;
        min-height: auto;
        max-height: auto;
        line-height: 90px
    }
    .recruit-customers .fusion-imageframe img {
        height: 40px
    }
}

.recruit-top-btn {
    display: inline-block;
    margin-top: 2rem;
    min-width: 20rem;
    max-width: 30rem;
    line-height: 2.3rem;
    font-size: 15px;
    text-align: center;
    letter-spacing: 2px;
    color: #06a3d3;
    border: solid 2px #06a3d3;
    background: #fff;
    transition: all .3s;
    font-weight: 500
}

.recruit-top-btn.color-w {
    border-color: #fff;
    background: none
}

.recruit-entry-btn {
    display: inline-block;
    margin: .6rem auto 0;
    padding: 1rem 6rem;
    border-radius: 30px;
    background: #f8e33b;
    color: #333;
    font-size: 16px;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .recruit-footer-entry .fusion-column-wrapper {
        padding: 10px 0!important
    }
    .recruit-entry-btn {
        padding: 1rem 3rem
    }
    .recruit-anchor-box {
        display: none
    }
}

.recruit-footer-entry .footer-entry-box {
    border: 5px double rgba(255, 255, 255, .5)
}

.recruit-anchor-box p {
    margin: 0
}

.recruit-anchor-box p > a {
    display: block;
    padding: 1rem;
    border: 2px solid #06a3d3;
    border-right: none;
    background: #fff
}

.recruit-anchor-box.last p > a {
    border-right: 2px solid #06a3d3!important
}

.typeanim {
    opacity: 0
}

.typeanim span {
    opacity: 0;
    filter: alpha(opacity=0)
}

.fontsize-m {
    font-size: 16px;
    letter-spacing: .03rem
}

@media screen and (max-width: 800px) {
    #content .fontsize-m {
        font-size: 14px
    }
}

.recruit-person .fusion-column-wrapper {
    min-height: 170px;
    margin-bottom: 30px;
    padding: 2rem 3rem 3rem;
    background: #fff;
    text-align: center;
    min-height: 255px;
    -webkit-border-radius: 700px
}

.recruit-person p {
    min-height: 3rem;
    margin: 2.3rem 0 0;
    line-height: 1.6;
    font-weight: 600
}

.recruit-person.polite .fontawesome-icon {
    color: #6c92d9!important
}

.recruit-person.challenge .fontawesome-icon {
    color: #eb5e01!important
}

.recruit-person.pc .fontawesome-icon {
    color: #9cc217!important
}

.recruit-person.cloud .fontawesome-icon {
    color: #4cb1cf!important
}

.opacity-mid {
    opacity: .7;
    filter: alpha(opacity=70)
}

dl.recruit-history,
dl.recruit-history > dt,
dl.recruit-history > dd {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px
}

dl.recruit-history {
    background: #eee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc
}

dl.recruit-history > dt,
dl.recruit-history > dd {
    padding: 10px 10px 0;
    border-top: 1px solid #ccc
}

dl.recruit-history > dt {
    width: 40%;
    float: left
}

dl.recruit-history > dd {
    background: #fff;
    margin-left: 40%;
    padding-bottom: 10px;
    border-left: 1px solid #ccc
}

.recruit-history > dd:after {
    content: '';
    display: block;
    clear: both
}

.recruit-top-catch h1,
.recruit-top-catch p {
    margin: 0;
    color: #fff!important
}

#content .recruit-top-catch h1 {
    margin-bottom: 1.4rem;
    font-size: 66px;
    letter-spacing: .1rem;
    font-family: 'Martel', serif;
    font-style: italic
}

#content .recruit-top-catch p {
    font-size: 17px
}

@media screen and (max-width: 800px) {
    #content .recruit-top-catch h1 {
        margin-bottom: 0;
        font-size: 36px
    }
    #content .recruit-top-catch p {
        font-size: 15px
    }
}

.recruit-top-catch .fusion-column-wrapper {
    background-color: rgba(10, 10, 10, .8)!important
}

.recruit-works-vision .fusion-column-wrapper {
    background-color: rgba(255, 255, 255, .9)!important
}

.recruit-works-vision p {
    margin-top: 2rem;
    font-size: 17px;
    text-align: center
}

@media screen and (max-width: 800px) {
    .recruit-works-vision .fusion-column-wrapper {
        padding: 0 8px!important;
        font-size: 14px
    }
    .recruit-works-vision p {
        margin-top: 2rem;
        font-size: 15px
    }
}

.recruit-top-members .members-text .fusion-column-wrapper {
    min-height: 430px
}

.recruit-contents .title-style1 {
    width: calc(100% - 30px);
    background: rgba(255, 255, 255, .95);
    padding: 1.1rem 2rem;
    font-weight: 500;
    border-left: 8px groove #05B1DD
}

.recruit-contents .title-style2 {
    padding: .6rem 0;
    font-weight: 500
}

.recruit-entryform form.wpcf7-form {
    padding: 2rem 0;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none
}

.recruit-entryform dt > label {
    font-weight: 500
}

.recruit-entryform .requird dt > span {
    display: inline-block;
    background: #05B1DD;
    color: #fff;
    margin: 0 0 .3rem .3rem;
    padding: .2rem .4rem .3rem;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4
}

.entry-flow {
    padding: 1rem 2rem 1rem 1rem;
    background: #fff
}

.entry-flow span {
    display: inline-block
}

.entry-flow > .no {
    margin-right: .5rem;
    padding: .2rem .5rem;
    font-weight: 500;
    color: #fff;
    background: #1887a9;
    border-radius: 30px
}

@media screen and (min-width: 800px) {
    .entry-flow-wrapper {
        display: flex;
        justify-content: space-between;
        margin: 2rem 0 1rem
    }
    .entry-flow {
        position: relative;
        float: left;
        display: inline-block;
        margin-right: 2rem;
        box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .entry-flow .text::after {
        content: '';
        width: 7px;
        height: 7px;
        border: 3px;
        border-top: solid 2px #5bc0de;
        border-right: solid 2px #5bc0de;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: -18px;
        margin-top: -4px
    }
    .entry-flow:last-child .text::after {
        border: none
    }
    .entry-flow > .no {
        font-size: 16px;
        font-family: "Montserrat";
        min-width: 35px
    }
    .entry-flow > .text {
        font-size: 20px
    }
}

.event_end {
    padding: .3rem;
    border: 3px double #C00000;
    color: #C00000;
    text-align: center
}

.event_end > a {
    color: #C00000;
    text-decoration: underline
}

/* Revolution Slider */

div.slotholder:after {
  opacity: .14!important;
  background: none !important;
}

.fileforce-big-text {
    text-align: center;
}

.fileforce-middle-text {
    font-weight: 500 !important;
    text-align: center;
}

.rev_slider .tp-caption,
.home-revslide-btn {
    font-family: "YakuHanJP", "Noto Sans CJK JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

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

div.tp-caption > a.home-revslide-btn {
    font-size: 16px!important;
    display: inline-block!important;
    border: 2px solid #fff!important;
    color: #fff!important;
    padding: .3rem 1.6rem!important;
    border-radius: 4px!important;
    -webkit-transition: all .3s;
    transition: all .3s;
}
div.tp-caption > a.home-revslide-btn:hover {
    background-color: #fff!important;
    color: #333!important;

}


.homebanner p {
  margin: 0 !important;
}

/* Home- News & Event Banner */
@media only screen and (max-width: 640px) {
  .homebanner_mobile {
    display: block;
  }
}
@media only screen and (min-width: 640px) {
  .homebanner_mobile {
    display: none;
  }
}

/* Pricing */

.ff-pricing .fusion-row {
  text-align: center;
}


.ff-pricing dt,
.ff-pricing dd {
  margin: 0;
  padding: 0;
}

  dl.ff-pricing-box {
    width: 40%;
    display: inline-block;
    margin: 1rem 10px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
  }

@media only screen and (max-width: 640px){
   dl.ff-pricing-box {
    width: 100%;
    display: block;
    margin: 1rem 10px;
  }
}

    .ff-pricing-box dt,
    .ff-pricing-box dd {
      display: block;
      width: 100%
    }
      .ff-pricing-box dt{
        background: #2880B2;
        color: #fff;
        font-weight: normal;
        padding: .4rem;
      }

      .ff-pricing-box dd{
        font-size: 1.2rem;
      }
         .ff-pricing-box dd strong{
          margin-right: .5rem;
          font-size: 1.8rem;
        }

    .ff-pricing-box + p {
      margin: 2rem 0 4rem;
    }
      .ff-pricing a {
        margin: 0rem 0 2rem;
        padding: .8rem 3rem;
        border: 2px solid #2595c2;
        background: none;
        font-size: 15px;
        color: #2595c2;
        border-radius: 3px;
      }

/* Satori Form */


#satori__creative_container .satori__custom_form .satori__input_group {
  margin-bottom: 10px;
}

#satori__creative_container .satori__custom_form .satori__notes {
  background: #eee;
}

#satori__creative_container .satori__custom_form a {
  color: #32A5D4;
}

#satori__creative_container .satori__custom_form .satori__require,
#satori__creative_container .satori__custom_form .satori__not_require {
  font-size: 13px;
  padding: 8px;
}

#satori__creative_container .satori__custom_form .satori__require{
  color: #e6355c;
  background-color: #fff0f3;
}

#satori__creative_container .satori__custom_form .satori__not_require{
  color: #49a1d0;
  background-color: #ebf8ff;
}

#satori__creative_container .satori__custom_form .satori__btn {
  padding: .5rem 2rem;
  box-shadow: 0 0 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}

  /* Confirm Btn */
  #satori__creative_container .satori__custom_form #satori__submit_confirm {  
    background-color: #32A5D4;
    border-color: #32A5D4;
  }

  /* Cancel Btn */
  #satori__creative_container .satori__custom_form .satori__btn.cancel {  
    background-color: #fff;
    border-color: #888;
  }

  /* Submit Btn */
  #satori__creative_container .satori__custom_form #satori__submit_post {  
    background-color: #ef7791;
    border-color: #ef7791;
  }


#satori__creative_container .satori__custom_form textarea {
  min-height: 13em;
}

/* Checkbox */
#satori__creative_container input[type="checkbox"],
#satori__creative_container input[type="radio"] {
  display: none;
}

#satori__creative_container input[type="checkbox"] + label,
#satori__creative_container input[type="radio"] + label {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: .7rem 1rem .8rem 2.5rem;
  border-radius: 2px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}

/* for IE 10 */
.ie10 #satori__creative_container input[type="checkbox"] + label,
.ie10 #satori__creative_container input[type="radio"] + label {
    padding-bottom: .1rem;
}


#satori__creative_container input[type="checkbox"] + label:hover,
#satori__creative_container input[type="radio"] + label:hover
 {
  background-color: #f0fbff;
}
#satori__creative_container input[type="checkbox"] + label:hover:after,
#satori__creative_container input[type="radio"] + label:hover:after
 {
  border-color: #32A5D4;
}

#satori__creative_container input[type="checkbox"] + label:after,
#satori__creative_container input[type="radio"] + label:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  left: 15px;
  display: block;
  margin-top: -10px;
  border: 2px solid #bbb;
  content: '';
}

#satori__creative_container input[type="checkbox"] + label:after{
  top: 54%;
  width: 16px;
  height: 16px;
  border-radius: 2px;
}

#satori__creative_container input[type="radio"] + label:after {
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 20px;
}

#satori__creative_container input[type="checkbox"] + label:before,
#satori__creative_container input[type="radio"] + label:before
 { 
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 54%;
  left: 21px;
  display: block;
  margin-top: -7px;
  content: '';
  opacity: 0;
}

#satori__creative_container input[type="checkbox"] + label:before { /* checkbox mark */
  width: 5px;
  height: 9px;  
  border-right: 3px solid #32A5D4;
  border-bottom: 3px solid #32A5D4;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
 }

#satori__creative_container input[type="radio"] + label:before { /* radio mark */
  width: 9px;
  height: 9px;
  background: #32A5D4;
  border-radius: 9px;
}

/* for IE 10 */
@media all and (-ms-high-contrast:none) {
    #satori__creative_container input[type="radio"] + label:before {
          margin-top: -6px;
      }
}





#satori__creative_container input[type="checkbox"]:checked + label:before,
#satori__creative_container input[type="radio"]:checked + label:before
 {
  opacity: 1;
}

#satori__finish_panel,
#satori__finish_panel .satori__message {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

/* Search Results */

div.search-results > p.txt {
    font-size: 18px;
}

div.search-results .empty {
    background: #eee;
    padding: 3rem;
    text-align: center;
    font-size: 18px;
}

@media only screen and (min-width: 640px){
    form.searchform {
        position: absolute;
        right: 0;
        bottom: 20px;
        width: 240px;
    }
}

body.search-results {
    font-size: 16px;
}

body.search-results h2 {
    margin: 1.5rem 0 .4rem!important;
}

body.search-results p{
    margin-top: 0!important;
    line-height: 1.7;
}

body.search-results h2 a{
    display: block;
    padding-top: 1rem;
    font-size: 18px;
    font-weight: normal;
    border-top: 1px solid #ddd;
}

#footer .searchform .search-table .search-button input[type="submit"] {
    width: 45px;
}


.trial-lead {
  margin-bottom: 30px;
  font-size: 16px;
  text-align: center;
}
  .trial-lead > span{
    display: inline-block;
    background: aliceblue;
    font-weight: bold;
  }