@font-face {
    font-family: 'lobster-icon';
    src: url('../../assets/fonts/lobster-icon.eot?d3xr5u');
    src: url('../../assets/fonts/lobster-icon.eot?d3xr5u#iefix') format('embedded-opentype'), url('../../assets/fonts/lobster-icon.ttf?d3xr5u') format('truetype'), url('../../assets/fonts/lobster-icon.woff?d3xr5u') format('woff'), url('../../assets/fonts/lobster-icon.svg?d3xr5u#lobster-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="lob-icon-"],
[class*=" lob-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'lobster-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 1.25rem;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="lob-icon-"].sm,
[class*=" lob-icon-"].sm {
    font-size: 1rem;
}

.lob-icon-activity:before {
    content: "\e900";
}

.lob-icon-activity-add:before {
    content: "\e901";
}

.lob-icon-agreement:before {
    content: "\e902";
}

.lob-icon-attachment:before {
    content: "\e903";
}

.lob-icon-bell:before {
    content: "\e904";
}

.lob-icon-calendar:before {
    content: "\e905";
}

.lob-icon-cancel:before {
    content: "\e906";
}

.lob-icon-change-guardian:before {
    content: "\e907";
}

.lob-icon-checked:before {
    content: "\e908";
}

.lob-icon-client:before {
    content: "\e909";
}

.lob-icon-clock-big:before {
    content: "\e90a";
}

.lob-icon-contacts:before {
    content: "\e90b";
}

.lob-icon-correspondence:before {
    content: "\e90c";
}

.lob-icon-correspondence-in:before {
    content: "\e90d";
}

.lob-icon-correspondence-mark:before {
    content: "\e90e";
}

.lob-icon-correspondence-out:before {
    content: "\e90f";
}

.lob-icon-dashboard:before {
    content: "\e910";
}

.lob-icon-deadline:before {
    content: "\e911";
}

.lob-icon-doc:before {
    content: "\e912";
}

.lob-icon-document:before {
    content: "\e913";
}

.lob-icon-documents:before {
    content: "\e914";
}

.lob-icon-download:before {
    content: "\e915";
}

.lob-icon-edit:before {
    content: "\e916";
}

.lob-icon-event:before {
    content: "\e917";
}

.lob-icon-event-copy:before {
    content: "\e918";
}

.lob-icon-event-empty:before {
    content: "\e919";
}

.lob-icon-experience:before {
    content: "\e91a";
}

.lob-icon-eye:before {
    content: "\e91b";
}

.lob-icon-invoices:before {
    content: "\e91c";
}

.lob-icon-fav:before {
    content: "\e91d";
}

.lob-icon-fav2:before {
    content: "\e91e";
}

.lob-icon-internal:before {
    content: "\e91f";
}

.lob-icon-key:before {
    content: "\e920";
}

.lob-icon-language:before {
    content: "\e921";
}

.lob-icon-law:before {
    content: "\e922";
}

.lob-icon-link:before {
    content: "\e923";
}

.lob-icon-link2:before {
    content: "\e924";
}

.lob-icon-list:before {
    content: "\e925";
}

.lob-icon-lock:before {
    content: "\e926";
}

.lob-icon-lock-o:before {
    content: "\e927";
}

.lob-icon-mail:before {
    content: "\e928";
}

.lob-icon-matters:before {
    content: "\e929";
}

.lob-icon-matters-noshare:before {
    content: "\e92a";
}

.lob-icon-menu:before {
    content: "\e92b";
}

.lob-icon-menu-double:before {
    content: "\e92c";
}

.lob-icon-mobile:before {
    content: "\e92d";
}

.lob-icon-money:before {
    content: "\e92e";
}

.lob-icon-noshare:before {
    content: "\e92f";
}

.lob-icon-note:before {
    content: "\e930";
}

.lob-icon-office:before {
    content: "\e931";
}

.lob-icon-partnership:before {
    content: "\e932";
}

.lob-icon-pdf:before {
    content: "\e933";
}

.lob-icon-person-add:before {
    content: "\e934";
}

.lob-icon-person-remove:before {
    content: "\e935";
}

.lob-icon-phone:before {
    content: "\e936";
}

.lob-icon-photo:before {
    content: "\e937";
}

.lob-icon-photo-package:before {
    content: "\e938";
}

.lob-icon-play:before {
    content: "\e939";
}

.lob-icon-plus:before {
    content: "\e93a";
}

.lob-icon-point:before {
    content: "\e93b";
}

.lob-icon-refresh:before {
    content: "\e93c";
}

.lob-icon-report:before {
    content: "\e93d";
}

.lob-icon-search:before {
    content: "\e93e";
}

.lob-icon-settings:before {
    content: "\e93f";
}

.lob-icon-share:before {
    content: "\e940";
}

.lob-icon-signature:before {
    content: "\e941";
}

.lob-icon-sort:before {
    content: "\e942";
}

.lob-icon-statistics:before {
    content: "\e943";
}

.lob-icon-subject:before {
    content: "\e944";
}

.lob-icon-tag:before {
    content: "\e945";
}

.lob-icon-task:before {
    content: "\e946";
}

.lob-icon-task-copy:before {
    content: "\e947";
}

.lob-icon-task-empty:before {
    content: "\e948";
}

.lob-icon-time:before {
    content: "\e949";
}

.lob-icon-trash:before {
    content: "\e94a";
}

.lob-icon-trophy:before {
    content: "\e94b";
}

.lob-icon-upload:before {
    content: "\e94c";
}

.lob-icon-user:before {
    content: "\e94d";
}

.lob-icon-user-assign:before {
    content: "\e94e";
}

.lob-icon-user-change:before {
    content: "\e94f";
}

.lob-icon-wrong:before {
    content: "\e950";
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../../assets/fonts/lato/LatoLatin-Regular.eot');
    /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'), url('../../assets/fonts/lato/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../assets/fonts/lato/LatoLatin-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../assets/fonts/lato/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */ url('../../assets/fonts/lato/LatoLatin-Regular.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    src: url('../../assets/fonts/lato/LatoLatin-Semibold.eot');
    /* IE9 Compat Modes */
    src: local('Lato SemiBold'), local('Lato-SemiBold'), url('../../assets/fonts/lato/LatoLatin-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../assets/fonts/lato/LatoLatin-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../../assets/fonts/lato/LatoLatin-Semibold.woff') format('woff'), /* Modern Browsers */ url('../../assets/fonts/lato/LatoLatin-Semibold.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('../../assets/fonts/lato/LatoLatin-Light.eot');
    /* IE9 Compat Modes */
    src: local('Lato Light'), local('Lato-Light'), url('../../assets/fonts/lato/LatoLatin-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../assets/fonts/lato/LatoLatin-Light.woff2') format('woff2'), /* Super Modern Browsers */ url('../../assets/fonts/lato/LatoLatin-Light.woff') format('woff'), /* Modern Browsers */ url('../../assets/fonts/lato/LatoLatin-Light.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../../assets/fonts/lato/LatoLatin-Bold.eot');
    /* IE9 Compat Modes */
    src: local('Lato Bold'), local('Lato-Bold'), url('../../assets/fonts/lato/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../assets/fonts/lato/LatoLatin-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('../../assets/fonts/lato/LatoLatin-Bold.woff') format('woff'), /* Modern Browsers */ url('../../assets/fonts/lato/LatoLatin-Bold.ttf') format('truetype');
    /* Safari, Android, iOS */
}

html {
    font-size: 14px;
}

body {
    font-family: "Lato", Arial, sans-serif;
    padding-top: 135px;
}

.lead {
    font-size: 2rem;
}

.page-title {
    padding-bottom: 2rem;
    font-size: 3rem;
    font-weight: bold;
}

@media (min-width: 768px) {
    .page-header {
        min-height: 135px;
    }

    .logo {
        width: 90px;
        height: 90px;
        text-align: center;
        background: #e0bd6b;
        margin-top: -44px;
    }

    .logo img {
        max-width: 100%;
        margin: 8px auto;
    }

    .display-md-0 {
        font-size: 6.571rem;
    }

    .lead {
        font-size: 2.572rem;
    }

    .page-title {
        padding-bottom: 3rem;
        font-size: 4.2857rem;
    }

    .page-title.big {
        font-size: 6.5rem;
        letter-spacing: 1rem;
    }
}

.container {
    max-width: 1366px;
}

.dropdown-menu {
    min-width: 4rem;
}

.dropdown-item {
    padding: 0.25rem 0.75rem;
}

.page-footer {
    min-height: 130px;
    background: #101A2C;
    color: #fff;
}

.page-footer .title {
    font-size: 3.571rem;
}

.bg-azure {
    background-color: #F5FAFE;
}

.bg-gray {
    background-color: #FBFAFA;
}

.bg-input {
    background-color: #f6f6f6;
}

.period-radio-wrapper label {
    font-size: 2.714rem;
    padding-left: 0;
}

.period-radio-wrapper.custom-control {
    padding-left: 3rem;
}

.period-radio-wrapper.custom-control-inline {
    margin-right: 0;
}

.period-radio-wrapper .custom-control-label::after,
.period-radio-wrapper .custom-control-label::before {
    top: 1rem;
    left: -2.5rem;
    width: 2rem;
    height: 2rem;
}

@media (min-width: 768px) {
    .mr-md-6 {
        margin-right: 6rem !important;
    }

    .period-radio-wrapper label {
        padding-left: 1.5rem;
    }
}

.underline-none:hover,
.underline-none:focus {
    text-decoration: none;
}

.pb-6 {
    padding-bottom: 4rem !important;
}

.deck {
    padding-bottom: 3rem;
    justify-content: center;
    align-items: flex-start;
    margin-right: -15px;
    margin-left: -15px;
}

.deck input[type=number]::-webkit-inner-spin-button,
.deck input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.deck input[type=number] {
    -moz-appearance: textfield;
}

.deck .card {
    position: relative;
    border: none;
    border-radius: 1rem;
    max-width: 405px;
    background: #fff;
    margin-right: 30px;
    margin-bottom: 5rem;
    margin-left: 30px;
    align-self: center;
}

.deck .card label,
.deck .card input,
.deck .card .info {
    font-size: 1.286rem;
}

.deck .card .card-header:first-child {
    border-radius: 1rem 1rem 0 0;
}

.deck .card .card-header {
    border: none;
    color: #fff;
    background: #101A2C;
    padding: 1rem;
}

.deck .card .card-body {
    padding: 2.143rem;
}

.deck .card .card-body .card-title {
    font-size: 3.429rem;
    margin-bottom: 1.857rem;
}

.deck .card .card-body .card-sub-title {
    font-size: 1.714rem;
    margin-bottom: 5.4rem;
}

.deck .card .card-body .contains {
    margin: 0 -2.143rem -2.143rem;
    padding: 2.143rem;
    background: #F6F6F6;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    box-shadow: inset 0 1rem 2rem -1rem rgba(0, 0, 0, 0.15) !important;
}

.deck .card .card-body .contains .list-unstyled li {
    padding-bottom: 1rem;
}

.deck .card .card-body .calculate {
    font-size: 1rem;
}

.deck .card .try {
    position: absolute;
    right: 50%;
    width: 160px;
    margin-right: -80px;
    bottom: -26px;
    white-space: normal;
    padding: 0.8571rem 1.714rem;
}

.deck .card .try.free {
    bottom: -38px;
}

@media (min-width: 992px) {
    .deck .card {
        align-self: start;
        margin-right: 30px;
        margin-bottom: 5rem;
        margin-left: 30px;
    }
}

blockquote {
    padding-left: 15px;
    padding-right: 15px;
}

blockquote p {
    font-size: 2.286rem;
}

blockquote footer {
    font-size: 1.857rem;
}

.trusted {
    padding: 1.143rem 0;
    font-size: 2.286rem;
}

a.anchor {
    display: block;
    position: relative;
    top: -135px;
    visibility: hidden;
}

.errorHighlight {
    border: 1px solid #D22030 !important;
}

.errorHighlight:focus {
    box-shadow: 0 0 0 0.2rem rgba(210, 32, 48, 0.25);
    border-color: #D22030;
}

.textinput {
    border: 1px silver solid;
}

.text-gray {
    color: #c8c8c8;
}

.font-size-11 {
    font-size: 0.7857rem !important;
}

.font-size-12 {
    font-size: 0.8571rem !important;
}

.font-size-13 {
    font-size: 0.9286rem !important;
}

.font-size-14 {
    font-size: 1rem !important;
}

.font-size-15 {
    font-size: 1.071rem !important;
}

.font-size-16 {
    font-size: 1.143rem !important;
}

.font-size-18 {
    font-size: 1.286rem !important;
}

.font-size-20 {
    font-size: 1.429rem !important;
}

.font-size-22 {
    font-size: 1.571rem !important;
}

.font-size-23 {
    font-size: 1.643rem !important;
}

.font-size-24 {
    font-size: 1.714rem !important;
}

.font-size-28 {
    font-size: 2rem !important;
}

.font-size-33 {
    font-size: 2.4rem !important;
}

.font-size-35 {
    font-size: 2.5rem !important;
}

@media (max-width: 576px) {
    .text-right.text-right-0 {
        text-align: center !important;
    }
}

.white-box-min-height {
    min-height: 280px;
}

.line-height-normal {
    line-height: normal !important;
}

.functions {
    padding: 100px 0;
}

.functions h2 {
    font-size: 3rem;
    font-weight: bold;
    padding-bottom: 2rem;
}

.functions .functions-desc {
    font-size: 1.429rem;
    font-weight: 300;
    text-align: justify;
    margin-bottom: 2rem;
    padding-bottom: 5rem;
}

.functions .img-bg {
    min-height: 590px;
}

.functions .icon-bg {
    position: relative;
    background-repeat: no-repeat;
    background-position-y: 90px;
    background-position-x: right;
    min-height: 590px;
}

.functions .icon-bg .try-demo-btn {
    position: absolute;
    bottom: 0;
    font-size: 1.429rem !important;
}

.functions.partnership .img-bg {
    background: url('../../assets/img/functions/bg-partnership-img.png') no-repeat;
}

.functions.partnership .icon-bg {
    background-image: url('../../assets/img/functions/bg-partnership-icon.png');
}

.functions.dashboard .img-bg {
    background: url('../../assets/img/functions/bg-dashboard-img.png') no-repeat;
}

.functions.dashboard .icon-bg {
    background-image: url('../../assets/img/functions/bg-dashboard-icon.png');
}

.functions.contacts .img-bg {
    background: url('../../assets/img/functions/bg-contacts-img.png') no-repeat;
}

.functions.contacts .icon-bg {
    background-image: url('../../assets/img/functions/bg-contacts-icon.png');
}

.functions.timesheet .img-bg {
    background: url('../../assets/img/functions/bg-timesheet-img.png') no-repeat;
}

.functions.timesheet .icon-bg {
    background-image: url('../../assets/img/functions/bg-timesheet-icon.png');
}

.functions.costs .img-bg {
    background: url('../../assets/img/functions/bg-costs-img.png') no-repeat;
}

.functions.costs .icon-bg {
    background-image: url('../../assets/img/functions/bg-costs-icon.png');
}

.functions.documents .img-bg {
    background: url('../../assets/img/functions/bg-documents-img.png') no-repeat;
    min-height: 599px;
}

.functions.documents .icon-bg {
    min-height: 599px;
    background-image: url('../../assets/img/functions/bg-documents-icon.png');
}

.functions.matters .img-bg {
    background: url('../../assets/img/functions/bg-matters-img.png') no-repeat;
}

.functions.matters .icon-bg {
    background-image: url('../../assets/img/functions/bg-matters-icon.png');
}

.functions.calendar .img-bg {
    background: url('../../assets/img/functions/bg-calendar-img.png') no-repeat;
}

.functions.calendar .icon-bg {
    background-image: url('../../assets/img/functions/bg-calendar-icon.png');
}

.functions.correspondence .img-bg {
    background: url('../../assets/img/functions/bg-correspondence-img.png') no-repeat;
    height: 666px;
}

.functions.correspondence .icon-bg {
    height: 666px;
    background-image: url('../../assets/img/functions/bg-correspondence-icon.png');
}

.functions.correspondence .icon-bg .try-demo-btn {
    bottom: 80px;
}

.functions.invoices .img-bg {
    background: url('../../assets/img/functions/bg-invoices-img.png') no-repeat;
}

.functions.invoices .icon-bg {
    background-image: url('../../assets/img/functions/bg-invoices-icon.png');
}

.functions.reports .img-bg {
    background: url('../../assets/img/functions/bg-reports-img.png') no-repeat;
}

.functions.reports .icon-bg {
    background-image: url('../../assets/img/functions/bg-reports-icon.png');
}

.functions.tasks .img-bg {
    background: url('../../assets/img/functions/bg-tasks-img.png') no-repeat;
    min-height: 677px;
}

.functions.tasks .icon-bg {
    min-height: 677px;
    background-image: url('../../assets/img/functions/bg-tasks-icon.png');
}

.functions.tasks .icon-bg .try-demo-btn {
    bottom: 90px;
}

.functions.right .img-bg {
    background-position-x: right;
}

.functions.right .icon-bg {
    background-position-x: left;
}

.homepage .carousel-item,
.contact .carousel-item,
.login .carousel-item {
    padding: 50px 80px;
}

.homepage .carousel-item .rounded-circle,
.contact .carousel-item .rounded-circle,
.login .carousel-item .rounded-circle {
    width: 280px;
    height: 280px;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 auto;
}

.homepage .carousel-item .carousel-text,
.contact .carousel-item .carousel-text,
.login .carousel-item .carousel-text {
    padding-left: 80px;
    padding-top: 20px;
}

.homepage .carousel-control-next,
.contact .carousel-control-next,
.login .carousel-control-next,
.homepage .carousel-control-prev,
.contact .carousel-control-prev,
.login .carousel-control-prev {
    width: 8%;
}

.homepage .carousel-control-prev-icon,
.contact .carousel-control-prev-icon,
.login .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dbb46c' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.homepage .carousel-control-next-icon,
.contact .carousel-control-next-icon,
.login .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dbb46c' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.homepage .gainings .col-md-6,
.contact .gainings .col-md-6,
.login .gainings .col-md-6 {
    text-align: center;
    margin-bottom: 30px;
}

.homepage .gainings .title,
.contact .gainings .title,
.login .gainings .title {
    font-size: 1.642rem;
    font-weight: bold;
    padding-bottom: 1rem;
}

.homepage .gainings .desc,
.contact .gainings .desc,
.login .gainings .desc {
    font-size: 1.2857rem;
    text-align: center;
}

.homepage .gainings .rounded-circle,
.contact .gainings .rounded-circle,
.login .gainings .rounded-circle {
    margin: 20px auto;
    width: 130px;
    height: 130px;
    background: #fff;
    text-align: center;
}

.homepage .gainings .rounded-circle span,
.contact .gainings .rounded-circle span,
.login .gainings .rounded-circle span {
    font-size: 4.2857rem;
    font-weight: bold;
    color: #dbb46c;
    line-height: 130px;
    vertical-align: middle;
}

.homepage .gainings .rounded-circle span:hover,
.contact .gainings .rounded-circle span:hover,
.login .gainings .rounded-circle span:hover {
    color: #fff;
}

.homepage .gainings .rounded-circle:hover,
.contact .gainings .rounded-circle:hover,
.login .gainings .rounded-circle:hover {
    background: #dbb46c;
    color: #fff;
}

.homepage .gainings .rounded-circle:hover span,
.contact .gainings .rounded-circle:hover span,
.login .gainings .rounded-circle:hover span {
    color: #fff;
}

.homepage .show-more,
.contact .show-more,
.login .show-more {
    position: absolute;
    cursor: pointer;
    bottom: 0;
    font-size: 1.571rem !important;
    color: #dbb46c !important;
}

.homepage .show-more-container,
.contact .show-more-container,
.login .show-more-container {
    display: none;
    padding: 70px 0;
    -moz-box-shadow: inset 0px 14px 40px -10px #ddd, inset 0px -14px 40px -10px #ddd;
    -webkit-box-shadow: inset 0px 14px 40px -10px #ddd, inset 0px -14px 40px -10px #ddd;
    box-shadow: inset 0px 14px 40px -10px #ddd, inset 0px -14px 40px -10px #ddd;
}

.homepage .box,
.contact .box,
.login .box {
    padding: 70px 0;
}

.homepage .box h2.box-title,
.contact .box h2.box-title,
.login .box h2.box-title {
    font-size: 4.2857rem;
    font-weight: bold;
    padding-bottom: 100px;
}

.homepage .box .networking,
.contact .box .networking,
.login .box .networking {
    position: relative;
    background: url('../../assets/img/homepage/networking.png') no-repeat right center;
    height: 715px;
    padding-right: 532px;
}

.homepage .box .form,
.contact .box .form,
.login .box .form {
    background: url('../../assets/img/login/login-bg.png') no-repeat right center;
    height: 727px;
    padding-right: 676px;
    padding-top: 80px;
}

.homepage .box .safety,
.contact .box .safety,
.login .box .safety {
    position: relative;
    background: url('../../assets/img/homepage/safety.png') no-repeat right center;
    height: 718px;
    padding-right: 575px;
}

.homepage .box .control,
.contact .box .control,
.login .box .control {
    position: relative;
    background: url('../../assets/img/homepage/control.png') no-repeat left center;
    height: 722px;
    padding-left: 570px;
    text-align: right;
}

.homepage .box .control .show-more,
.contact .box .control .show-more,
.login .box .control .show-more {
    right: 0;
}

.homepage .homepage-desc,
.contact .homepage-desc,
.login .homepage-desc {
    font-size: 1.6rem;
    font-weight: bold;
    color: #9398A0;
}

.homepage .big-btn,
.contact .big-btn,
.login .big-btn {
    font-size: 2.86rem;
}

.homepage .ecosystem,
.contact .ecosystem,
.login .ecosystem {
    background: url('../../assets/img/homepage/ecosystem.png') no-repeat right center;
    min-height: 583px;
    margin: 40px auto;
    max-width: 1300px;
    padding-right: 850px;
}

.homepage .ecosystem h2,
.contact .ecosystem h2,
.login .ecosystem h2 {
    font-size: 3.1rem;
    font-weight: bold;
    margin: 50px 0;
}

.homepage .ecosystem-mobile,
.contact .ecosystem-mobile,
.login .ecosystem-mobile {
    background: url('../../assets/img/homepage/mobile.png') no-repeat right center;
    padding-right: 218px;
    margin-bottom: 30px;
}

.homepage .ecosystem-mobile h2,
.contact .ecosystem-mobile h2,
.login .ecosystem-mobile h2 {
    font-size: 3.1rem;
    font-weight: bold;
    margin: 50px 0;
}

@media (max-width: 576px) {
    .homepage .ecosystem-mobile,
    .contact .ecosystem-mobile,
    .login .ecosystem-mobile {
        background: none;
        padding-right: 0;
        text-align: center;
    }
}

.homepage .video,
.contact .video,
.login .video {
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 1320px) {
    .functions .img-bg {
        background-size: 60% 100% !important;
    }
}

@media (max-width: 991.98px) {
    .functions {
        padding: 50px 0;
    }

    .functions .img-bg {
        background: none !important;
        min-height: 300px;
        height: auto;
    }

    .functions .icon-bg {
        min-height: 300px;
        height: auto;
        background-position: center 90px;
    }

    .functions.documents .icon-bg,
    .functions.correspondence .icon-bg,
    .functions.tasks .icon-bg {
        min-height: 300px;
        height: auto;
    }

    .functions.documents .icon-bg .try-demo-btn,
    .functions.correspondence .icon-bg .try-demo-btn,
    .functions.tasks .icon-bg .try-demo-btn {
        bottom: 0;
    }

    .functions.documents .img-bg,
    .functions.correspondence .img-bg,
    .functions.tasks .img-bg {
        min-height: 300px;
        height: auto;
    }

    .functions.right .icon-bg {
        background-position: center 90px;
    }

    .homepage .box,
    .contact .box,
    .login .box {
        padding: 70px 0;
    }

    .homepage .box h2.box-title,
    .contact .box h2.box-title,
    .login .box h2.box-title {
        font-size: 3rem;
        font-weight: bold;
        padding-bottom: 60px;
    }

    .homepage .box .networking,
    .contact .box .networking,
    .login .box .networking {
        background: url('../../assets/img/homepage/networking-mobile.png') no-repeat right top;
        height: auto;
        padding-right: 0;
        position: relative;
    }

    .homepage .box .networking h2,
    .contact .box .networking h2,
    .login .box .networking h2 {
        padding-right: 100px;
    }

    .homepage .box .form,
    .contact .box .form,
    .login .box .form {
        padding-right: 0;
        padding-top: 0;
        background: none;
        height: auto;
    }

    .homepage .box .safety,
    .contact .box .safety,
    .login .box .safety {
        background: url('../../assets/img/homepage/safety-mobile.png') no-repeat right top;
        height: auto;
        padding-right: 0;
    }

    .homepage .box .safety h2,
    .contact .box .safety h2,
    .login .box .safety h2 {
        padding-right: 100px;
    }

    .homepage .box .control,
    .contact .box .control,
    .login .box .control {
        background: url('../../assets/img/homepage/control-mobile.png') no-repeat left top;
        height: auto;
        padding-left: 0;
    }

    .homepage .box .control h2,
    .contact .box .control h2,
    .login .box .control h2 {
        padding-left: 100px;
    }

    .homepage .big-btn,
    .contact .big-btn,
    .login .big-btn {
        font-size: 2rem;
        white-space: normal;
    }

    .homepage-desc {
        text-align: justify;
    }
}

@media (max-width: 768px) {
    .homepage .carousel-item {
        padding: 50px;
    }

    .homepage .carousel-item .rounded-circle {
        width: 200px;
        height: 200px;
    }

    .homepage .carousel-item .rounded-circle img {
        margin-left: -45px;
        margin-top: -10px;
    }
}

@media (max-width: 500px) {
    .homepage .box .networking,
    .contact .box .networking,
    .login .box .networking {
        background-position-y: 42px;
    }
}

.contact .form-control:focus,
.login .form-control:focus {
    background-color: #f6f6f6;
}

.clickable {
    cursor: pointer;
}

.clickable.underline:hover {
    text-decoration: underline !important;
}

/*# sourceMappingURL=login-style.css.map */