.flexbox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.layout, .layout-column, .layout-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex, .flex-grow {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.layout-row > .flex {
    min-width: 0;
}

.layout-column, .layout-row {
    -webkit-box-direction: normal;
}

.layout-row {

    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.layout-column {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}

.whiteframe-6dp {
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.section .card-block {
    padding: 60px 30px;
    margin: 50px auto;
    max-width: 770px;
}

.arrow-down {
    position: relative;

}

.arrow-down:after,
.arrow-down:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-down:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 30px;
    margin-left: -30px;
}

.arrow-down:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: transparent;
    border-width: 36px;
    margin-left: -36px;
}

.btn {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.wrapper .section .btn.btn-learn-more {
    height: auto;
    text-transform: uppercase;
    line-height: 1.9;
    padding: 5px 50px;
}

.wrapper .section .button-wrapper .first-start-free.btn {
    padding: 0px 35px;
    height: auto;
    line-height: 50px;
    border-radius: 5px;
    color: #FFF;
}

.wrapper .section .btn-green {
    color: #1bb869;
    background-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid transparent;
    text-transform: uppercase;
    min-width: 268px;
    height: auto;
    line-height: 3.2em;;
}

.wrapper .section .btn-green.btn-inverse {
    background-color: #1bb869;
    color: #FFF;
    border-color: #fff;
}

.wrapper .section .btn-green.btn-primary.btn-inverse:hover {
    background-color: #17a25c;
    color: #FFF;
    border-color: #fff;
}

.wrapper .section .btn-green:hover {
    color: #656b6f;
    border-color: #fff;
}

.wrapper .section .btn-green.btn-inverse:hover {
    color: #656b6f;
    background-color: #fff;
    border: 1px solid transparent;
}

.wrapper .section .btn-blue.btn-inverse {
    background-color: #FFF;
    color: #409ACB;
    border-color: #409ACB;
}

.wrapper .section .btn-blue.btn-wireframe {
    background-color: transparent;
    color: #409ACB;
    border-color: #409ACB;
}

.wrapper .section .btn-blue.btn-wireframe:hover {
    background-color: #409ACB;
    color: #FFF;
    border-color: #FFF;
}

.wrapper .section .btn-blue.btn-inverse:hover {
    color: #2a6496;
    background-color: #fff;
    border-color: #2a6496;
}

.wrapper .section .btn-blue:hover {
    color: #FFF;
    background-color: #2a6496;
}

.wrapper .section .btn-blue {
    background-color: #409ACB;
    color: #FFF;
    border: 1px solid #409ACB;
    padding: 0 50px;
    height: auto;
    line-height: 3.2;
    min-width: 270px;
    text-transform: uppercase;
}

.wrapper .section .btn.btn-dark-gray.btn-inverse {
    color: #706f6f;
    background-color: #fff;
    border: 1px solid #FFF;
}

.wrapper .section .btn.btn-dark-gray.btn-inverse:hover {
    color: #FFF;
    background-color: #706f6f;
    border-color: #FFF;
}

.wrapper .section.green-block {
    background-color: #40B866;
    color: #FFF;
}

.green-block + .arrow-down:after {
    border-top-color: #40B866;
}

.wrapper .section.blue-block {
    background-color: #409ACB;
    color: #FFF;
}

.blue-block + .arrow-down:after {
    border-top-color: #409ACB;
}

.wrapper .blue-block.special-blue {
    background-color: #59adeb;
}

.special-blue.blue-block + .arrow-down:after {
    border-top-color: #59adeb;
}

.wrapper .grey-block {
    background-color: #e6e6e6;
}

.grey-block + .arrow-down:after {
    border-top-color: #e6e6e6;
}

.wrapper .dark-gray-block {
    background-color: #706f6f;
}

.dark-gray-block + .arrow-down:after {
    border-top-color: #706f6f;
}

.wrapper .section .btn-outline {
    border-color: #fff;
}

.grey-block + .arrow-down:before,
.blue-block + .arrow-down:before,
.green-block + .arrow-down:before {
    content: none;
}

.wrapper .section.dark-gray-block a {
    color: #95ceff;
}

.wrapper .section.blue-block .title,
.wrapper .section.dark-gray-block .title,
.wrapper .section.blue-block .text,
.wrapper .section.dark-gray-block .text,
.wrapper .section.green-block .title,
.wrapper .section.blue-block .sub-title,
.wrapper .section.dark-gray-block .sub-title,
.wrapper .section.blue-block .sub-text,
.wrapper .section.dark-gray-block .sub-text,
.wrapper .section.green-block .title,
.wrapper .section.green-block .sub-title,
.wrapper .section.green-block .text,
.wrapper .section.blue-block .dots li,
.wrapper .section.dark-gray-block .dots li,
.wrapper .section.green-block .dots li,
.wrapper .section.blue-block,
.wrapper .section.dark-gray-block,
.wrapper .section.green-block {
    color: #FFF;
}

.wrapper .section.grey-block hr,
.wrapper .section.dark-gray-block hr,
.wrapper .section.blue-block hr,
.wrapper .section.green-block hr {
    border-top-color: #fff;
}

.wrapper .section.blue-block .dots li:before,
.wrapper .section.dark-gray-block .dots li:before,
.wrapper .section.green-block .dots li:before {
    background-color: #fff;
}

.wrapper .section.bg-grey, .bg-grey {
    background-color: #dadada;
}

.wrapper .section .blue-text {
    color: #409ACB;
}

.wrapper .section.better-team-management .title {
    margin-top: 60px;
}

.wrapper .section.better-team-management .dots {
    margin-top: 30px;
}

.wrapper .section.better-team-management .dots li {
    margin-top: 10px;
}

.wrapper .section.better-team-management .block-group-buttons {
    margin-top: 80px;
}

.available-crm-integrations .image-wrapper {
    padding-bottom: 20px;
    height: 104px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.available-crm-integrations .blocks-wrapper {
    text-align: center;
    align-items: flex-end;
}

.available-crm-integrations .blocks-wrapper > div {
    display: inline-block;
    float: none;
}

.available-crm-integrations .blocks-wrapper > div .btn-blue {
    padding: 0 20px;
    line-height: 3.2;
    min-width: auto;
}

.available-crm-integrations .blocks-wrapper > div p.text {
    margin: 0 0 40px 0;
}
.wrapper .section.available-crm-integrations .section-title h2.title{

    margin-bottom: 52px;
}

.wrapper .section.bottom-sign-up .text {
    margin-top: 50px;
}

.wrapper .section.bottom-sign-up {
    padding-top: 70px;
}

.wrapper .section a:hover {
    color: #2a6496;
}

.wrapper .section a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
}

@media screen and (max-width: 1240px) {
    .centered {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 1200px) {
    .wrapper .section .btn-blue {
        min-width: inherit;
        white-space: normal;
        line-height: 1.5;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .available-crm-integrations .blocks-wrapper.layout-row {
        flex-wrap: wrap;
    }


    .wrapper .section.available-crm-integrations .section-title h2.title {
        margin-top: 40px;
    }

    .available-crm-integrations .blocks-wrapper > div {
        min-width: 263px;
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 992px) {
    .block-group-buttons {
        text-align: center;
        float: none;
    }

    .block-group-buttons .btn {
        float: none;
    }

    .block-group-buttons .ptb50 {
        padding: 20px;
    }

    .block-centered-sm, .block-centered-sm h3, .block-centered-sm img, .block-centered-sm p, .block-centered-sm div {
        text-align: center;
    }

    .image-wrapper {
        margin: 30px auto;
    }

    .wrapper .section.customer-service .btn {
        margin: 20px auto;
    }

    .wrapper .section.faster-answer div.images-wrapper {
        margin-top: 30px;
    }

    .wrapper .section.available-crm-integrations .blocks-wrapper {
        margin-bottom: 30px;
    }

    .wrapper .section.available-crm-integrations .section-title,
    .wrapper .section.faster-answer .section-title {
        margin-top: 50px;
    }

    .hr-divider {
        padding: 0;
        margin: 0;
    }

    .wrapper .section .button-wrapper {
        text-align: center;
    }

    .wrapper .section .button-wrapper .btn {
        font-size: 13px;
    }
}

@media screen and (max-width: 400px) {
    .wrapper .section .button-wrapper {
        text-align: center;
    }

    .wrapper .section .button-wrapper .btn {
        font-size: 11px;
    }
}