a {
    transition: .3s;
    text-decoration: none !important;
}

.main {
    margin-top: 80px;
    padding-top: 80px;
    position: relative;
}

.bg1, .bg2 {
    max-height: 75%;
    max-width: 40%;
    z-index: -1;
}

.bg1 {
    position: absolute;
    margin: auto;
    z-index: -1 !important;
    top: 0;
    right: 0;
}

.bg2 {
    position: absolute;
    margin: auto;
    z-index: -1 !important;
    top: 0px;
    bottom: 0;
    left: 0;
}

/* MAD-RIPPLE EFFECT */
.ripple {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0); /* to contain zoomed ripple */
    transform: translateZ(0);
    border-radius: inherit; /* inherit from parent (rounded buttons etc) */
    pointer-events: none; /* allow user interaction */
    animation: ripple-shadow 0.4s forwards;
    -webkit-animation: ripple-shadow 0.4s forwards;
}

.rippleWave {
    backface-visibility: hidden;
    position: absolute;
    border-radius: 50%;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    /*background: rgba(255,255,255, 1);*/
    background: rgb(40, 118, 212);
    opacity: .3;
    animation: ripple 2s forwards;
    -webkit-animation: ripple 2s forwards;
}

@keyframes ripple {
    to {
        transform: scale(24);
        opacity: 0;
    }
}

@-webkit-keyframes ripple {
    to {
        -webkit-transform: scale(24);
        opacity: 0;
    }
}

/*rotate*/
/* Styles for the tilt block */
.rotate {
    display: block;
    /*height: 200px;*/
    /*width: 300px;*/
    /*background-color: grey;*/
    /*margin: 0 auto;*/
    transition: box-shadow 0.1s, transform 0.1s;
}

.rotate:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6);
    cursor: pointer;
}


.logo {
    display: inline-block;
    width: 300px;
}

#nav {
    background: rgba(255, 255, 255, 1);
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 10 !important;
    font-family: halyard-micro, sans-serif;
    font-weight: 300;
    line-height: 1.6;
}

#nav {
    justify-content: center;
}

.lm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 3px !important;
    outline: currentcolor none medium !important;
    transition: opacity 0.3s ease 0s !important;
    padding: 8px 16px !important;
    background-color: rgb(40, 118, 212) !important;
    color: white !important;
    box-shadow: none;
}

.lm-btn-white {
    border-radius: 3px !important;
    background-color: white !important;
    color: rgb(40, 118, 212) !important;
}

.lm-btn-large {
    font-family: halyard-micro, sans-serif;
    font-weight: 300;
    font-size: 16px;
    width: 94px;
    outline: currentcolor none medium !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 7px 8px, rgba(0, 0, 0, 0.05) 0px 5px 22px, rgba(0, 0, 0, 0.03) 0px 12px 17px;
    transition: opacity 0.3s ease 0s !important;
    text-align: center;
}

.lm-btn-link {
    background: none !important;
    color: rgb(37, 49, 58) !important;;
}

.lm-btn-round {
    border-radius: 20px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.lm-btn-tab {
    margin-right: 20px;
    margin-bottom: 20px;
    font-family: halyard-micro, sans-serif;
    padding: 12px 16px !important;
    border: 2px solid rgb(243, 243, 243);
    border-radius: 2px !important;
    min-width: 90px !important;
    text-align: center;
    background-color: white !important;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 300;
    color: rgb(33, 37, 41) !important;
}

.lm-btn-tab.selected {
    background-color: rgb(40, 118, 212) !important;
    border-color: rgb(40, 118, 212) !important;
    color: white !important;
}

.nav-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nav-container .lm-btn {
}

.container {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.nav-container, .links {
    display: flex;
    align-items: center;
}

.nav-right .lm-btn {
    margin-left: 5px;
}

.links a {
    display: inline-flex;
    align-items: center;
    height: 80px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    color: #25313a;
    background: rgba(255, 255, 255, 1);
}

.show-menu svg {
    width: 32px;
    height: 32px;
    fill: #535f69;
    cursor: pointer;
    display: none;
}

@media (min-width: 960px) {
    .container {
        padding: 0 24px;
    }
}


@media only screen and (max-width: 768px) {
    #nav {
        border-bottom: 1px solid #eee;
    }

    .show-menu svg {
        display: inherit;
    }

    .nav-container .links {
        display: inherit;
        align-items: inherit;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        background-color: #fff;
    }

    .nav-container .links.open {
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .nav-container .links li {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80px;
        width: 140px;
    }

    .nav-container .links li:not(.show-menu) {
        display: none;
    }

    .nav-container .links.open li {
        display: flex;
    }

    .nav-container .links li a {
        padding: 0;
        width: 140px;
        justify-content: center;
    }

    .links.d-flex {
        display: block;
    }

    .nav-container {
        display: flex;
        flex: 1;
        height: 80px;
        box-sizing: border-box;
        justify-content: center;
    }

    .nav-right {
        margin-left: auto;
    }
}

@media screen and (max-width: 600px) {
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
}


@media screen and (min-width: 1280px) {
    .container {
        max-width: 1280px;
        margin: 0 auto;
        position: relative;
    }
}

.slogan {
    padding-left: 60px;
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
    z-index: 999;
}

.last-news {
    padding-right: 16px;
    border-radius: 20px !important;
    background-color: rgb(237, 239, 247);
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    color: rgb(20, 69, 130);
    margin-bottom: 32px;
}

.last-news .lm-btn-round {
    margin-right: 10px;
}

.coms {
    padding: 20px;
}

.coms img {
    max-width: 140px;
    height: auto;
    width: auto;
    margin: 0 auto;
    display: block;
}

.solutions {
    width: calc(100% + 16px);
    margin: -8px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.solution {
    padding: 8px;
    transition: all 0.3s ease 0s;
    border-radius: 3px;
    box-shadow: rgb(240, 240, 240) 0px 9px 30px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.solution-img {
    width: 100%;
}

.solution-inf {
    padding: 1.5rem;
}

.solution-inf-title {
    font-weight: 300;
    line-height: 1.45;
    font-size: 1.375rem;
    font-family: halyard-text, sans-serif;
}

.solution-inf-content {
    margin-top: 1rem;
    line-height: 1.5rem;
    font-size: 1.0625rem;
    font-family: halyard-text, sans-serif;
    font-weight: 300;
    color: #535f69;
}

.slogan-title {
    font-size: 3rem;
    font-weight: 200;
    line-height: 1.2;
}

.slogan-sub-title {
    margin-top: 32px;
    font-size: 1.3rem;
    color: #535f69;
    line-height: 1.5;
    font-weight: 300;
}

.bg4 {
    position: absolute;
    margin: auto;
    z-index: 0 !important;
    bottom: 0px;
    right: 0px;
    max-height: 100%;
    max-width: 40%;
}

.rec1 {
    position: absolute !important;
    width: 10% !important;
    max-width: 88px;
    top: 10%;
    left: 15%;
}

.rec2 {
    position: absolute !important;
    width: 12% !important;
    max-width: 90px;
    bottom: -18%;
    right: 30%;
}

.worker-more {
    font-size: 1.0625rem;
    font-family: halyard-text, sans-serif;
    font-weight: 300;
    line-height: 1.411764705882353;
    color: #535f69;
    text-rendering: geometricPrecision;
    font-feature-settings: 'ss03' on, 'ss08' on, 'ss11' on, 'ss14' on, 'ss15' on, 'ss19';
    margin: 120px 0px !important;
}

.work-how {
    padding: 40px;
}

.work-how img {
    height: 80px;
}

.work-how h3 {
    margin-top: 2rem;
    font-size: 2rem;
    font-family: halyard-display, sans-serif;
    font-weight: 300;
    line-height: 1.2;
}

.work-how p {
    margin-top: 20px;
    line-height: 2rem;
    font-size: 1.0625rem;
    font-family: halyard-text, sans-serif;
    font-weight: 300;
    color: #535f69
}

.contact {
    position: fixed;
    z-index: 2147483003;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #b3b3b3;
    cursor: pointer;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
    animation: intercom-lightweight-app-launcher 250ms ease;
}

.contact-inner {
    opacity: 1;
    transform: rotate(0deg) scale(1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    transition: transform 100ms linear, opacity 80ms linear;
    cursor: pointer;
    font-family: intercom-font, "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif;
}
.contact-inner img{
    width: 60px;
    height: 60px;
}
.contact-svg {
    /*font-size: 1.2rem;*/
    /*font-weight: 400;*/
    /*line-height: 1.5;*/
    /*color: #212529;*/
    /*text-align: left;*/
    width: 28px;
    height: 32px;
}

.contact-svg path {
    fill: rgb(255, 255, 255);
}

.footer {
    width: 100%;
}

.footer-item {
    padding: 20px;
}

.footer-item h6 {
    color: #25313a;
    font-size: 1.2rem;
    font-family: halyard-text, sans-serif;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0.35em;
}

.footer-item ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.footer-item li a {
    display: block;
    color: rgba(0, 0, 0, .5);
    line-height: 18px;
    padding: 10px 0;
}