@font-face {
        font-family: 'Averta';
        src: url('fonts/Averta-Regular.eot');
        src: url('fonts/Averta-Regular.eot?#iefix') format("embedded-opentype"), url('fonts/Averta-Regular.woff') format("woff"), url('fonts/Averta-Regular.ttf') format("truetype");
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Averta';
        src: url("fonts/Averta-Light.eot");
        src: url("fonts/Averta-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Averta-Light.woff") format("woff"), url("fonts/Averta-Light.ttf") format("truetype");
        font-weight: 300;
        font-style: normal;
    }
    /*           Font Smoothing      */
    
    body,
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6,
    p,
    .navbar,
    .brand,
    .btn,
    .btn-simple,
    a,
    .td-name,
    td {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: 'Quicksand', 'Averta', 'Helvetica Neue', 'Open Sans', Arial, sans-serif;
    }
    
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4 {
        font-weight: 400;
        margin: 30px 0 15px;
    }
    
    h1,
    .h1 {
        font-size: 48px;
    }
    
    h2,
    .h2 {
        font-size: 44px;
    }
    
    h3,
    .h3 {
        font-size: 34px;
        margin: 20px 0 10px;
        line-height: 1.6;
    }
    
    h4,
    .h4 {
        font-size: 22px;
        line-height: 30px;
    }
    
    h5,
    .h5 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    h6,
    .h6 {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    p {
        font-size: 17px;
        line-height: 1.5;
    }
    
    h1 small,
    h2 small,
    h3 small,
    h1 .small,
    h2 .small,
    h3 .small {
        font-size: 60%;
    }
    
    .btnn {
        white-space: nowrap;
        display: inline-block;
        line-height: 42px;
        height: 30px;
        padding: 0px 10px;
        -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
        background: #fff;
        border-radius: 6px;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .025em;
        border-color: #6772e5;
        color: #6772e5;
        text-decoration: none;
        -webkit-transition: all .15s ease;
        transition: all .15s ease;
    }
    
    .btnn:hover,
    .btnn:focus,
    .btnn:active,
    .btnn:active:focus {
        border-color: #6772e5;
        color: #6772e5;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    }
    
    .btn {
        white-space: nowrap;
        display: inline-block;
        line-height: 42px;
        height: 40px;
        padding: 0px 20px;
        -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
        background: #fff;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .025em;
        border-color: #6772e5;
        color: #6772e5;
        text-decoration: none;
        -webkit-transition: all .15s ease;
        transition: all .15s ease;
    }
    
    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn:active:focus {
        border-color: #6772e5;
        color: #6772e5;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
        box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    }
    
    .title {
        line-height: 1.33;
        font-weight: 300;
        letter-spacing: -.5px;
        color: #223464;
    }
    
    .desc {
        margin-bottom: 20px;
        font-weight: 300;
        color: #5d648e;
        line-height: 1.7;
    }
    
    .section-team .desc {
        margin-bottom: 20px;
        line-height: normal;
    }
    
    .card-featured {
        border: 1px solid #e9ebf8;
        border-radius: 12px;
        box-shadow: 0 8px 12px 0 rgba(14, 36, 129, 0.08);
        background: #fff;
        padding: 30px 0;
    }
    
    .card-featured .title {
        margin: 70px auto 40px;
        width: 300px;
        text-align: center;
    }
    
    .card-featured .title .title-line {
        border-top: 1px solid #e9ebf8;
    }
    
    .card-featured .title .title-line .title-line-content {
        font-family: 'Averta';
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 1.6px;
        margin: -10px auto 0;
        background: white;
        width: 200px;
    }
    
    a[rel="tooltip"] {
        display: block;
    }
    
    .card-featured-content {
        text-align: center;
    }
    
    .section-header .card-featured-content {
        margin-top: 50px;
    }
    
    .section-giving img {
        margin-bottom: 30px;
    }
    
    .section-giving .img-raised {
        border-radius: 8px;
        box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.46), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    }
    
    .card-featured-content img {
        margin: 0px 40px 40px;
        width: 100px;
        vertical-align: middle;
    }
    
    .card-featured-content img.small {
        max-width: 100px;
    }
    
    .ipad {
        position: relative;
        /* width: 584px;
  height: 405px; 1.4419 ratio */
        width: 760px;
        height: 405px;
        top: 30px;
        -webkit-transform: scale(.57);
        transform: scale(.57);
        -webkit-transform-origin: 0 40px;
        transform-origin: 0 40px;
    }
    
    .ipad * {
        /* position: absolute; */
    }
    
    .ipad .shadow {
        left: 17px;
        right: 17px;
        top: 40px;
        height: 410px;
        opacity: .3;
        background: #1d1213;
        -webkit-filter: blur(30px);
        filter: blur(30px);
        position: absolute;
    }
    
    .ipad .lid {
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, #e5ebf2, #f3f8fb);
        border-radius: 20px;
        -webkit-box-shadow: inset 1px -4px 6px rgba(145, 161, 181, .3);
        box-shadow: inset 1px -4px 6px rgba(145, 161, 181, .3);
        position: absolute;
    }
    
    .ipad img {
        max-width: 100%;
    }
    
    .ipad .screen {
        top: 25px;
        bottom: 25px;
        left: 25px;
        /* overflow: hidden; */
        right: 25px;
        border-radius: 4px;
        -webkit-box-shadow: -1px 1px 6px rgba(171, 183, 204, .2);
        box-shadow: -1px 1px 6px rgba(171, 183, 204, .2);
        background: #f2f6fa;
        position: absolute;
    }
    
    .section-products .ipad {
        max-width: 760px;
        position: absolute;
        left: auto;
        top: 50px;
        right: 0px;
    }
    
    .section-team .carousel-indicators li {
        border-color: #3c3c3c;
        margin-left: 3px;
        margin-right: 3px;
    }
    
    .section-team .carousel-indicators .active {
        background-color: #3c3c3c;
        margin-left: 3px;
        margin-right: 3px;
    }
    
    .section-products .carousel-indicators li {
        border-color: #3c3c3c;
        margin-left: 3px;
        margin-right: 3px;
    }
    
    .section-products .carousel-indicators .active {
        background-color: #3c3c3c;
        margin-left: 3px;
        margin-right: 3px;
    }
    
    .section-products .carousel-inner {
        height: 500px;
    }
    
    .section-team .carousel-inner {
        height: 500px;
    }
    
    .section-testimonials .carousel-indicators li {
        display: none;
        border-color: #3c3c3c;
        margin-left: 3px;
        margin-right: 3px;
    }
    
    .section-testimonials .carousel-indicators .active {
        display: none;
        background-color: #3c3c3c;
        margin-left: 3px;
        margin-right: 3px;
    }
    
    .section-testimonials .carousel-inner {
        box-shadow: 0px 60px 60px -20px rgba(0, 0, 0, 0.3);
    }
    
    .section-products .info-horizontal:first-child {
        margin-top: 130px;
        margin-bottom: 130px;
    }
    
    .section-products .description h3 {
        line-height: normal;
        margin-bottom: 50px;
    }
    
    .section-team .item h4 {
        margin-left: 20px;
    }
    
    .section-products .iphone {
        position: absolute;
        z-index: 2;
        width: 460px;
    }
    
    .section-products .iphone img {
        width: 100%;
    }
    
    .laptop {
        position: absolute;
        width: 760px;
        height: 500px;
        top: 30px;
        -webkit-transform-origin: 0 40px;
        transform-origin: 0 40px;
        left: 90px;
        right: auto;
    }
    
    .section-products .info {
        position: relative;
        z-index: 3;
    }
    
    .laptop .shadow {
        left: 17px;
        right: 17px;
        top: 90px;
        height: 535px;
        opacity: .3;
        background: #7692b3;
        -webkit-filter: blur(30px);
        filter: blur(30px);
        position: absolute;
    }
    
    .laptop .lid {
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, #e5ebf2, #f3f8fb);
        border-radius: 20px;
        -webkit-box-shadow: inset 1px -4px 6px rgba(145, 161, 181, .3);
        box-shadow: inset 1px -4px 6px rgba(145, 161, 181, .3);
        position: absolute;
    }
    
    .laptop img {
        max-width: 100%;
    }
    
    .laptop .screen {
        top: 25px;
        bottom: 25px;
        left: 25px;
        overflow: hidden;
        right: 25px;
        border-radius: 4px;
        -webkit-box-shadow: -1px 1px 6px rgba(171, 183, 204, .2);
        box-shadow: -1px 1px 6px rgba(171, 183, 204, .2);
        background: #f2f6fa;
        position: absolute;
    }
    /* .section-products .laptop{
  max-width: 960px;
  position: absolute;
  right: auto;
  top: 50px;
  left: 40px;
} */
    
    .laptop .bottom {
        width: 100%;
        height: 142px;
        top: calc(100% - 11px);
        border-radius: 8px 8px 14px 14px;
        -webkit-transform: perspective(880px) rotateX(40deg);
        transform: perspective(880px) rotateX(40deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        background: linear-gradient(rgba(145, 161, 181, .2), rgba(145, 161, 181, 0)), linear-gradient(45deg, #e5ebf2, #f3f8fb);
        -webkit-box-shadow: inset 0 -2px 3px rgba(145, 161, 181, .5), inset -1px -6px 4px rgba(253, 255, 255, .9);
        box-shadow: inset 0 -2px 3px rgba(145, 161, 181, .5), inset -1px -6px 4px rgba(253, 255, 255, .9);
        position: absolute;
    }
    
    .laptop .bottom .keyboard,
    .laptop .bottom .trackpad {
        opacity: .3;
        background: linear-gradient(45deg, #b2bdcc, #c1ccd8);
        -webkit-box-shadow: 1px 1px 1px hsla(0, 0%, 100%, .75);
        box-shadow: 1px 1px 1px hsla(0, 0%, 100%, .75);
        position: absolute;
    }
    
    .laptop .keyboard {
        left: 28px;
        right: 28px;
        top: 8px;
        height: 66px;
        border-radius: 2px 2px 4px 4px;
        position: absolute;
    }
    
    .laptop .trackpad {
        left: 165px;
        right: 165px;
        top: 80px;
        height: 52px;
        border-radius: 4px 4px 6px 6px;
        position: absolute;
    }
    
    .wrapper-product {
        height: 360px;
    }
    
    @media (min-width: 320px) {
        .section-products .ipad {
            -webkit-transform: none;
            transform: none;
        }
    }
    
    .title-line-content.text-blue {
        color: #4780ed;
    }
    
    .title-line-content.text-green {
        color: #3de1ac;
    }
    
    .icon {
        background: transparent;
    }
    
    .point-floating-1 {
        background-color: red;
        height: 10px;
        width: 10px;
        position: relative;
        -webkit-animation-name: p1;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 80s;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
        animation-name: p1;
        animation-duration: 80s;
        animation-iteration-count: infinite;
    }
    
    .point-floating-2 {
        background-color: green;
        height: 10px;
        width: 10px;
        position: relative;
        -webkit-animation-name: p2;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 90s;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
        animation-name: p2;
        animation-duration: 90s;
        animation-iteration-count: infinite;
    }
    
    .point-floating-3 {
        background-color: orange;
        height: 5px;
        width: 5px;
        position: relative;
        -webkit-animation-name: p3;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 80s;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
        animation-name: p3;
        animation-duration: 80s;
        animation-iteration-count: infinite;
    }
    
    .point-floating-4 {
        background-color: pink;
        height: 8px;
        width: 8px;
        position: relative;
        -webkit-animation-name: p4;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 80s;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
        animation-name: p4;
        animation-duration: 80s;
        animation-iteration-count: infinite;
    }
    
    .point-floating-5 {
        background-color: #ffc64c;
        height: 8px;
        width: 8px;
        position: relative;
        -webkit-animation-name: p5;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 50s;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
        animation-name: p5;
        animation-duration: 50s;
        animation-iteration-count: infinite;
    }
    
    .point-floating-6 {
        background-color: #ffc64c;
        height: 8px;
        width: 8px;
        position: relative;
        -webkit-animation-name: p6;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 70s;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
        animation-name: p6;
        animation-duration: 70s;
        animation-iteration-count: infinite;
    }
    
    .point-floating-7 {
        background-color: orange;
        height: 10px;
        width: 10px;
        position: relative;
        -webkit-animation-name: p7;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 70s;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
        animation-name: p7;
        animation-duration: 70s;
        animation-iteration-count: infinite;
    }
    
    .point-floating-8 {
        background-color: purple;
        height: 6px;
        width: 6px;
        position: relative;
        -webkit-animation-name: p8;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 50s;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
        animation-name: p8;
        animation-duration: 50s;
        animation-iteration-count: infinite;
    }
    
    .point-floating-9 {
        background-color: purple;
        height: 12px;
        width: 12px;
        position: relative;
        -webkit-animation-name: p9;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 100s;
        /* Safari 4.0 - 8.0 */
        -webkit-animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
        animation-name: p9;
        animation-duration: 100s;
        animation-iteration-count: infinite;
    }
    
    @-webkit-keyframes p1 {
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0;
            top: 800px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    
    @keyframes p1 {
        0% {
            left: 800px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: 800px;
        }
        100% {
            left: 800px;
            top: 0px;
        }
    }
    
    @-webkit-keyframes p2 {
        0% {
            left: 0;
            top: 100px;
        }
        50% {
            left: 0;
            top: 800px;
        }
        100% {
            left: 0;
            top: 100px;
        }
    }
    
    @keyframes p2 {
        0% {
            left: 0;
            top: 100px;
        }
        50% {
            left: 0px;
            top: 800px;
        }
        100% {
            left: 0;
            top: 100px;
        }
    }
    
    @-webkit-keyframes p3 {
        0% {
            left: 300px;
            top: 900px;
        }
        50% {
            left: 500px;
            top: 0px;
        }
        100% {
            left: 300px;
            top: 900px;
        }
    }
    
    @keyframes p3 {
        0% {
            left: 300px;
            top: 900px;
        }
        50% {
            left: 500px;
            top: 0px;
        }
        100% {
            left: 300px;
            top: 900px;
        }
    }
    
    @-webkit-keyframes p4 {
        0% {
            left: 1000px;
            top: 500px;
        }
        50% {
            left: 00px;
            top: 500px;
        }
        100% {
            left: 1000px;
            top: 500px;
        }
    }
    
    @keyframes p4 {
        0% {
            left: 1000px;
            top: 500px;
        }
        50% {
            left: 0px;
            top: 500px;
        }
        100% {
            left: 1000px;
            top: 500px;
        }
    }
    
    @-webkit-keyframes p5 {
        0% {
            left: 500px;
            top: 1000px;
        }
        50% {
            left: 50%;
            top: 0px;
        }
        100% {
            left: 500px;
            top: 1000px;
        }
    }
    
    @keyframes p5 {
        0% {
            left: 500px;
            top: 1000px;
        }
        50% {
            left: 50%;
            top: 0px;
        }
        100% {
            left: 500px;
            top: 1000px;
        }
    }
    
    @-webkit-keyframes p6 {
        0% {
            left: 500px;
            top: 200px;
        }
        50% {
            left: 50%;
            top: 70%;
        }
        100% {
            left: 500px;
            top: 200px;
        }
    }
    
    @keyframes p6 {
        0% {
            left: 500px;
            top: 200px;
        }
        50% {
            left: 50%;
            top: 70%;
        }
        100% {
            left: 500px;
            top: 200px;
        }
    }
    
    @-webkit-keyframes p7 {
        0% {
            left: 50px;
            top: 10%;
        }
        50% {
            left: 50%;
            top: 10%;
        }
        100% {
            left: 50px;
            top: 10%;
        }
    }
    
    @keyframes p7 {
        0% {
            left: 50px;
            top: 10%;
        }
        50% {
            left: 50%;
            top: 10%;
        }
        100% {
            left: 50px;
            top: 10%;
        }
    }
    
    @-webkit-keyframes p8 {
        0% {
            left: 0;
            top: 20%;
        }
        50% {
            left: 50%;
            top: 20%;
        }
        100% {
            left: 0;
            top: 20%;
        }
    }
    
    @keyframes p8 {
        0% {
            left: 0;
            top: 20%;
        }
        50% {
            left: 50%;
            top: 20%;
        }
        100% {
            left: 0;
            top: 20%;
        }
    }
    
    @-webkit-keyframes p9 {
        0% {
            left: 1000px;
            top: 100px;
        }
        50% {
            left: 500px;
            top: 950px;
        }
        100% {
            left: 1000px;
            top: 100px;
        }
    }
    
    @keyframes p9 {
        0% {
            left: 1000px;
            top: 100px;
        }
        50% {
            left: 500px;
            top: 950px;
        }
        100% {
            left: 1000px;
            top: 100px;
        }
    }
    
    .point {
        border-radius: 50%;
        z-index: 999;
        position: absolute;
    }
    
    .illustration {
        position: absolute;
        left: 0;
        width: 100%;
        top: -20%;
        z-index: 1;
    }
    
    .card-profile {
        margin-top: 150px;
        text-align: center;
        box-shadow: none;
    }
    
    .card-profile .card-body .card-title {
        margin-top: 0;
        font-family: 'Averta';
        font-size: 25px;
    }
    
    .card-profile [class*=col-] .card-description {
        margin-bottom: 0;
    }
    
    .card-profile [class*=col-] .card-description+.card-footer {
        margin-top: 8px;
    }
    
    .card-profile .card-avatar {
        max-width: 130px;
        max-height: 130px;
        margin: -60px auto 0;
    }
    
    .card-profile .card-avatar img {
        border-radius: 50% !important;
        width: 100%;
    }
    
    .card-profile .card-avatar+.card-body {
        margin-top: 15px;
        padding: 20px 5px;
    }
    
    .card-profile.card-plain .card-avatar {
        margin-top: 0;
    }
    
    .card-profile .card-body .category {
        font-size: 12.5px;
        color: #fc5f3c;
        margin-bottom: 7px;
        text-transform: capitalize;
    }
    
    .card-profile .img-raised {
        box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
    }
    
    .card-profile .card-footer {
        margin-top: 15px;
    }
    
    .card-profile .card-footer .btn {
        background-color: #fc5f3c;
        border-color: #fc5f3c;
        margin: 10px 1px;
    }
    
    .card-profile .card-footer .btn:hover {
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
        background-color: #fa7a50;
    }
    
    .card-background {
        box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.3);
        background-position: center center;
        background-size: cover;
        text-align: center;
    }
    
    .card-background .card-body {
        color: white;
        position: relative;
        z-index: 2;
        min-height: 370px;
        max-width: 530px;
        margin: 0 auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .card .info {
        padding: 40px 0 40px;
    }
    
    .card-background .card-title {
        font-family: 'Averta';
    }
    
    .card-background p {
        font-family: 'Averta';
        padding: 0 15px;
        font-weight: 300;
        font-size: 15px;
    }
    
    .card-background .info .icon {
        color: white;
        position: relative;
        z-index: 3;
    }
    
    .card-background .info .description {
        position: relative;
        color: white;
        z-index: 3;
    }
    
    .card-background.card-background-product .card-body {
        max-width: 400px;
    }
    
    .card-contact {
        box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.3);
        max-width: 560px;
        margin-bottom: 80px;
        padding-top: 25px;
        /*padding-left: 30px;*/
        padding-right: 30px;
    }
    
    .card-contact .btn {
        margin-top: 10px !important;
    }
    
    .card-contact .card-title {
        padding-top: 15px;
        font-family: 'Montserrat';
    }
    
    .card-contact .info {
        padding: 0;
    }
    
    .card-contact .info .info-title {
        margin: 25px 0 15px;
        padding: 0 0px;
        color: #2c2c2c;
        font-size: 18px;
        line-height: 25px;
    }
    
    .card-contact .info p {
        color: #888888;
        padding: 0;
        font-size: 15px;
    }
    
    .card-contact .card-body {
        padding: 17.5px;
    }
    
    .card-contact .card-body .info .icon.icon-primary i {
        color: #6671e6;
        font-size: 31px;
        font-weight: 600;
    }
    
    .icon.icon-default i {
        color: #888888;
    }
    
    .card-contact .info .icon {
        margin-right: 0px;
        padding-right: 0;
        padding-top: 0;
    }
    
    .card-contact .info-horizontal .icon {
        margin-top: 5px;
    }
    
    .info .btn,
    .container .row .btn {
        position: relative;
        z-index: 3;
        border-color: #6772e5;
    }
    
    .card-background:before {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        content: "";
        background-color: rgba(0, 0, 0, 0.63);
        border-radius: 0.25rem;
    }
    
    .info .icon {
        transition: transform .4s, box-shadow .4s;
    }
    
    .info .desc {
        margin-bottom: 15px;
    }
    
    .info .info-title {
        margin: 25px 0 15px;
        font-size: 22px;
        letter-spacing: -.5px;
        color: #223464;
    }
    
    .info .description {
        font-weight: normal;
        font-size: 16px;
        font-family: Quicksand;
        padding-bottom: 15px;
    }
    
    .section-map {
        overflow: hidden;
    }
    
    .section-map .info .description {
        padding-left: 5px;
    }
    
    .info .icon.icon-circle {
        max-width: 80px;
        width: 80px;
        height: 80px;
        margin: 0 auto;
        border-radius: 50%;
        box-shadow: 0px 9px 35px -6px rgba(0, 0, 0, 0.3);
        font-size: 0.7142em;
        background-color: #FFFFFF;
        position: relative;
    }
    
    .info .icon.icon-success.icon-circle {
        box-shadow: 0px 9px 30px -6px rgba(24, 206, 15, 0.3);
    }
    
    .info .icon.icon-info.icon-circle {
        box-shadow: 0px 9px 30px -6px rgba(44, 168, 255, 0.3);
    }
    
    .info .icon.icon-primary.icon-circle {
        background: linear-gradient(to bottom right, #fad470 0%, #f96933 100%);
    }
    
    .info.info-hover:hover .icon.icon-success.icon-circle {
        box-shadow: 0px 15px 35px 0px rgba(24, 206, 15, 0.35);
    }
    
    .info.info-hover:hover .icon.icon-info.icon-circle {
        box-shadow: 0px 15px 35px 0px rgba(44, 168, 255, 0.35);
    }
    
    .info.info-hover:hover .icon.icon-primary.icon-circle {
        box-shadow: 0px 15px 35px 0px rgba(249, 99, 50, 0.35);
    }
    
    .info.info-hover:hover .icon.icon-success+.info-title {
        color: #18ce0f;
    }
    
    .info.info-hover:hover .icon.icon-info+.info-title {
        color: #29aaf9;
    }
    
    .info.info-hover:hover .icon.icon-primary+.info-title {
        color: #fc5f3c;
    }
    
    .section .row {
        position: relative;
    }
    
    .section-do .row img {
        width: 100%;
    }
    
    .section-do .info {
        text-align: center;
        margin-top: 20px;
    }
    
    .section-technologies .row img {
        width: 100%;
    }
    
    .section-header {
        padding-top: 45px;
    }
    
    .section-header .title {
        margin-top: 50px;
    }
    
    .section-do .title {
        margin-bottom: 120px;
    }
    
    .tools-wrapper .section-header .title {
        margin-top: 0px;
    }
    
    .section-products {
        /* overflow: hidden; */
        padding-bottom: 180px;
        margin-top: 0px;
    }
    
    .image-container {
        position: relative;
    }
    
    .image-container img {}
    
    .section-map .image-container {
        height: 560px;
    }
    
    .section-map .image-container .map {
        position: absolute;
        width: 850px;
        left: 30px;
        right: auto;
    }
    
    .icon {
        margin: 10px;
        border-radius: 50%;
        text-align: center;
    }
    
    .icon-danger {
        background: linear-gradient(to bottom right, #fc5f3c 0%, #ff55d3 100%);
    }
    
    .icon-info {
        background: linear-gradient(to bottom right, #32d6fb 0%, #5558ed 100%);
    }
    
    .icon-success {
        background: linear-gradient(to bottom right, #1cf196 0%, #36a6bf 100%);
    }
    
    .icon-warning {
        background: linear-gradient(to bottom right, #fad470 0%, #f96933 100%);
    }
    
    .icon {
        padding: 0;
    }
    
    .icon i {
        font-size: 26px;
        color: white;
        text-align: center;
        width: auto;
        height: auto;
        line-height: 64px;
    }
    
    .icon-lg {
        height: 76px;
        width: 76px;
    }
    
    .icon-lg i {
        line-height: 76px;
    }
    
    .icon-xs {
        height: 40px;
        width: 40px;
    }
    
    .icon-xs i {
        line-height: 40px;
        font-size: 16px;
    }
    
    .section-products .card-background {
        text-shadow: none;
    }
    
    .section-numbers {
        background-size: 75%;
        background-position: center center;
        background-repeat: no-repeat;
        margin-top: 0px;
    }
    
    .section-numbers .info .icon {
        margin-bottom: 50px;
    }
    
    .section-numbers .desc {
        margin-top: 40px;
    }
    
    .section-testimonials {
        position: relative;
        /* background-size:75% 110% ;
  background-image: url("/images/map.png");
  background-position: center 50%;
  background-color:  #f0f0f0;
  background-repeat: no-repeat; */
        padding: 50px 0px 150px 0px;
        margin-top: 100px;
    }
    /* @media(min-width:1200px) and (max-width:1599px){
  .section-testimonials{
    background-size:99% 110% ;
    background-position: center 40%;
  } 
}*/
    /* @media(max-width:1199px){
  .section-testimonials{
    background-size:100% ;
    background-position: center center;
    padding: 100px 0px 100px 0px;
  }
} */
    
    .section-hackathons img {
        width: 100%;
        box-shadow: 0 8px 12px 0 rgba(14, 36, 129, 0.08);
        margin-bottom: 10px;
    }
    
    .section-testimonials .client p {
        font-size: 16px;
        line-height: 1.5;
        padding: 120px 70px 10px 70px;
        margin-bottom: 30px;
    }
    
    .section-testimonials .client span {
        display: inline-block;
        font-size: 18px;
        padding: 0px 70px 10px 70px;
    }
    
    .section-giving {
        background: #2b2b2b;
        margin-top: -140px;
        padding-top: 130px;
    }
    
    .section-giving .title {
        margin-top: 110px;
    }
    
    .section-who {
        z-index: 2;
    }
    
    .section-who .card-featured-content img {
        margin: 0px 25px 0px;
    }
    
    .universities {
        text-align: center;
    }
    
    .section-giving .universities img {
        width: 160px;
        margin: 0 50px 50px;
    }
    
    .section-giving h3 {
        color: white;
        font-family: 'Averta';
        font-size: 26px;
        margin-bottom: 30px;
    }
    
    .section-giving .item {
        margin-bottom: 30px;
    }
    
    .section-giving .item:after {
        display: block;
        content: " ";
        position: relative;
        clear: both;
    }
    
    .section-giving .item .photo {
        height: auto;
        width: 140px;
        float: left;
        margin-right: 15px;
        box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
    }
    
    .section-giving .item .photo img {
        width: 100%;
        border-radius: 4px;
        margin: -3px 0 0 0;
    }
    
    .section-giving .item .info {
        margin: 0;
        max-width: 180px;
        display: table;
        padding-top: 15px;
    }
    
    .section-giving .item .info .title {
        font-size: 18px;
        color: white;
        font-weight: 400;
        line-height: 1.3;
        margin-bottom: 0;
        margin-top: 0;
    }
    
    .section-giving img {
        max-width: 100%;
    }
    
    .section-giving .item .info .text {
        font-size: 14px;
        color: #b9b9b9;
        line-height: 21px;
    }
    
    .btn-warning.btn-fill {
        background: #fc5f3c;
        border-color: #fc5f3c;
    }
    
    .btn-warning.btn-fill:hover {
        background: #fc7757;
        border-color: #fc7757;
    }
    
    .section-do {
        background: white;
    }
    
    .section-do .card {
        box-shadow: none;
    }
    
    .section-do .info img {
        width: 30%;
    }
    
    .section-do .card .icon i {
        color: #fd5f3c;
        width: 60px;
        font-size: 60px;
    }
    
    .section-folks img {
        width: 100%;
    }
    
    .section-team .avatars {
        width: 100%;
        position: relative;
        height: 350px;
        margin-top: 30px;
    }
    
    .section-team .row:last-child .col-md-4 p {
        padding: 0 30px;
    }
    
    .section-team .avatar {
        max-width: 130px;
        max-height: 130px;
        border-radius: 50%;
        box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
        background: transparent;
        position: absolute;
    }
    
    .section-team .avatar img {
        border-radius: 50%;
        width: 100%;
    }
    
    .avatar.avatar-one {
        left: 27%;
        top: 1%;
    }
    
    .avatar.avatar-two {
        width: 85px;
        left: 12%;
        top: 58%;
    }
    
    .avatar.avatar-three {
        width: 110px;
        left: 42%;
        top: 6%;
    }
    
    .avatar.avatar-four {
        left: 22%;
        top: 69%;
        width: 100px;
    }
    
    .avatar.avatar-five {
        left: 46%;
        top: 44%;
        width: 110px;
    }
    
    .avatar.avatar-six {
        left: 55%;
        top: 9%;
    }
    
    .avatar.avatar-seven {
        top: 22%;
        left: 15%;
        width: 90px;
    }
    
    .avatar.avatar-eight {
        left: 30%;
        top: 44%;
        width: 95px;
    }
    
    .avatar.avatar-nine {
        left: 77%;
        top: 48%;
        width: 80px;
    }
    
    .avatar.avatar-ten {
        left: 71%;
        top: 22%;
        width: 90px;
    }
    
    .avatar.avatar-eleven {
        left: 63%;
        top: 47%;
        width: 100px;
    }
    
    .avatar.avatar-tw {
        left: 86%;
        width: 65px;
        top: 40%;
    }
    
    .avatar.avatar-tt {
        left: 4%;
        top: 40%;
        width: 65px;
    }
    
    .avatar.avatar-ft {
        left: 34%;
        top: 75%;
        width: 90px;
    }
    
    .avatar.avatar-fit {
        left: 45%;
        top: 83%;
        width: 100px;
    }
    
    .avatar.avatar-st {
        left: 57%;
        top: 80%;
        width: 85px;
    }
    
    .avatar.avatar-svt {
        left: 71%;
        top: 72%;
        width: 75px;
    }
    
    @media(max-width:991px) {
        .section-team .avatars {
            width: 100%;
            position: relative;
            height: 650px;
            margin-top: 30px;
        }
        .avatar {
            transform: translateX(-50%);
        }
        .avatar.avatar-one {
            width: 90px;
            top: 0%;
            left: 20%;
        }
        .avatar.avatar-two {
            width: 90px;
            top: 0%;
            left: 50%;
        }
        .avatar.avatar-three {
            width: 90px;
            top: 0%;
            left: 80%;
        }
        .avatar.avatar-four {
            width: 90px;
            top: 15%;
            left: 20%;
        }
        .avatar.avatar-five {
            width: 90px;
            top: 15%;
            left: 50%;
        }
        .avatar.avatar-six {
            width: 90px;
            top: 15%;
            left: 80%;
        }
        .avatar.avatar-seven {
            width: 90px;
            top: 30%;
            left: 20%;
        }
        .avatar.avatar-eight {
            width: 90px;
            top: 30%;
            left: 50%;
        }
        .avatar.avatar-nine {
            width: 90px;
            top: 30%;
            left: 80%;
        }
        .avatar.avatar-ten {
            width: 90px;
            top: 45%;
            left: 20%;
        }
        .avatar.avatar-eleven {
            width: 90px;
            top: 45%;
            left: 50%;
        }
        .avatar.avatar-tw {
            width: 90px;
            top: 45%;
            left: 80%;
        }
        .avatar.avatar-tt {
            width: 90px;
            top: 60%;
            left: 20%;
        }
        .avatar.avatar-ft {
            width: 90px;
            top: 60%;
            left: 50%;
        }
        .avatar.avatar-fit {
            width: 90px;
            top: 60%;
            left: 80%;
        }
        .avatar.avatar-st {
            width: 90px;
            top: 75%;
            left: 20%;
        }
        .avatar.avatar-svt {
            width: 90px;
            top: 75%;
            left: 80%;
        }
    }
    
    @media(max-width:400px) {
        .avatar.avatar-one {
            width: 70px;
        }
        .avatar.avatar-two {
            width: 70px;
        }
        .avatar.avatar-three {
            width: 70px;
        }
        .avatar.avatar-four {
            width: 70px;
        }
        .avatar.avatar-five {
            width: 70px;
        }
        .avatar.avatar-six {
            width: 70px;
        }
        .avatar.avatar-seven {
            width: 70px;
        }
        .avatar.avatar-eight {
            width: 70px;
        }
        .avatar.avatar-nine {
            width: 70px;
        }
        .avatar.avatar-ten {
            width: 70px;
        }
        .avatar.avatar-eleven {
            width: 70px;
        }
        .avatar.avatar-tw {
            width: 70px;
        }
        .avatar.avatar-tt {
            width: 70px;
        }
        .avatar.avatar-ft {
            width: 70px;
        }
        .avatar.avatar-fit {
            width: 70px;
        }
        .avatar.avatar-st {
            width: 70px;
        }
        .avatar.avatar-svt {
            width: 70px;
        }
    }
    
    .section-map {
        padding-top: 0;
    }
    
    @media screen and (min-width: 500px) {
        .carousel-caption {
            right: 20%;
            left: 20%;
            padding-bottom: 30px;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1089px) {
        .carousel-caption {
            padding-left: 40px;
            padding-bottom: 0px;
        }
        .carousel-indicators {
            margin-bottom: -30px;
        }
        .section-products .carousel-caption h3 {
            font-size: 33px;
        }
    }
    
    @media (max-width: 767px) {
        .section-products .row [class*="col-"] {
            margin-bottom: 10px;
        }
        .cards-section .card1 {
            width: 100%;
            top: 45%;
        }
        .cards-section .card2 {
            display: none;
        }
        .cards-section .card3 {
            display: none;
        }
        .cards-section .card4 {
            display: none;
        }
        .cards-section .card5 {
            display: none;
        }
        .cards-section .card6 {
            display: none;
        }
        .section-map .image-container .map {
            max-width: 110%;
            left: -15px;
            right: auto;
        }
        .section-who .card-featured-content img {
            margin-bottom: 40px;
        }
        .container {
            padding-right: 25px;
            text-align: center;
            /*padding-left: 25px;*/
        }
    }
    
    .padding-l {
        padding-left: 100px;
    }
    
    .padding-m {
        padding-left: 10px;
    }
    
    .section-products .carousel-caption {
        bottom: -250px;
        color: rgb(0, 0, 0);
        text-shadow: none;
        vertical-align: text-top;
    }
    
    @media (max-width: 991px) {
        .section-products .ipad {
            max-width: 500px;
            /* full container */
            height: 300px;
            position: relative;
            left: auto;
            top: 50px;
            right: auto;
            margin: 0 auto;
        }
        .section-products .info-horizontal:first-child {
            margin-top: 370px;
            margin-bottom: 0px;
        }
        .section-products h3 {
            line-height: normal;
        }
        .section-products .carousel-inner {
            height: 610px;
        }
        .section-products .carousel-caption {
            bottom: -330px;
            color: rgb(0, 0, 0);
            text-shadow: none;
            vertical-align: text-top;
        }
        .section-products {
            padding-bottom: 0px;
        }
        .section-testimonials {
            position: relative;
            padding: 0px 0px 50px 0px;
            margin-top: 50px;
        }
        .wrapper-product {
            height: 250px;
        }
        .ipad .shadow {
            height: 290px;
        }
        .padding-l {
            padding-left: 15px;
            text-align: center;
        }
        .section-team .carousel-inner {
            height: 650px;
        }
        .section-team .item h4 {
            margin-left: 0px;
        }
        .section-header .title {
            margin-top: 0px;
            text-align: center;
        }
        .section-do .title {
            margin-top: 0px;
            margin-bottom: 80px;
        }
        .section-header .desc {
            text-align: center;
        }
        .info .description {
            text-align: center;
        }
        .numbers {
            margin-bottom: 30px;
        }
    }
    
    @media (max-width: 500px) {
        .section-products .laptop {
            position: relative;
            width: 760px;
            transform: scale(0.5);
            height: 500px;
            top: 0;
            -webkit-transform-origin: 0 40px;
            transform-origin: 0 40px;
            left: 20px;
            right: auto;
        }
        .section-products .ipad {
            width: 280px;
            height: 190px;
            position: relative;
            left: auto;
            top: 0px;
            right: auto;
            margin: 0 auto;
        }
        .ipad .screen {
            top: 15px;
            bottom: 15px;
            left: 15px;
            /* overflow: hidden; */
            right: 15px;
            border-radius: 5px;
        }
        .section-products .info-horizontal:first-child {
            margin-top: 460px;
            margin-bottom: 0px;
        }
        .section-products h3 {
            line-height: normal;
            font-size: 26px;
        }
        .section-products .carousel-inner {
            height: 550px;
        }
        .section-products .carousel-caption {
            bottom: -350px;
            color: rgb(0, 0, 0);
            text-shadow: none;
            vertical-align: text-top;
            padding-bottom: 10px;
        }
        .section-products {
            /* overflow: hidden; */
            margin-top: 0px;
        }
        .section-testimonials {
            margin-top: 0px;
        }
        .wrapper-product {
            height: 160px;
        }
        .ipad .shadow {
            height: 150px;
        }
        .section-map .image-container {
            height: 260px;
        }
        .section-team .carousel-inner {
            height: 680px;
        }
        h1,
        h2,
        h3 {
            font-size: 32px;
        }
        h4 {
            font-size: 18px;
        }
    }
    
    @media(max-width:359px) {
        .section-team .carousel-inner {
            height: 735px;
        }
    }
    
    .numbers .num {
        width: 54px;
        height: 90px;
        font-size: 60px;
        font-weight: 300;
        line-height: 98px;
        text-align: center;
        color: #223464;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid rgba(232, 232, 232, 0.8);
        box-shadow: 0 2px 12px 0 rgba(232, 232, 232, 0.6);
        border-radius: 6px;
        position: relative;
        z-index: 1000;
        background: white;
    }
    
    .numbers .vir,
    .numbers .plus {
        display: inline-block;
        vertical-align: middle;
        font-size: 55px;
        padding: 0px 2px 5px 2px;
        font-weight: 300;
        color: #223464;
        text-align: center;
        margin: 0;
        top: 5px;
        position: relative;
    }
    
    .text-white {
        color: white !important;
    }
    
    .text-grey {
        color: #b9b9b9 !important;
    }
    
    .footer.footer-black {
        background: #2b2b2b;
    }
    
    .section-black {
        background: #2b2b2b;
    }
    
    .section-black a {
        opacity: 1;
    }
    
    .footer-black .copyright a {
        color: #FFF;
    }
    
    .section-black a:hover {
        opacity: .81;
    }
    
    .space-180 {
        display: block;
        height: 180px;
    }
    
    .space-400 {
        display: block;
        height: 180px;
    }
    
    .footer .copyright {
        font-size: 16px;
    }
    
    .dropdown-with-icons .logo {
        width: 55px;
        display: inline-block;
        z-index: 8;
    }
    
    .dropdown-with-icons .logo img {
        width: 100%;
        border-radius: 30px;
        z-index: 8;
    }
    
    .dropdown-with-icons .text {
        line-height: 60px;
        display: inline-block;
        font-size: 16px;
        z-index: 8;
    }
    
    .dropdown-menu>li>a {
        opacity: .8;
        z-index: 8;
    }
    
    .dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus {
        background-color: white;
        opacity: 1;
        z-index: 8;
    }
    
    .navbar {
        border: none;
        padding-top: 20px;
        background-color: #fff;
        width: 100%;
        z-index: 4;
        position: fixed;
    }
    
    .section .points {
        overflow: hidden;
        width: 100%;
        position: absolute;
        height: 100%;
        z-index: 0;
    }
    
    .section .container .row {
        position: relative;
        z-index: 1;
    }
    
    .section-header .points {
        z-index: 0;
    }
    
    .section-header .container .col-z-index {
        z-index: 2;
    }
    
    .card-plain {
        box-shadow: none;
        background: transparent;
    }
    /* Rares changes for froala partner page */
    
    .logo-partner {
        width: 100%;
        border: 2px solid rgba(0, 0, 0, 0.1);
        padding: 15px 30px;
        min-height: 165px;
        border-radius: 6px;
        margin-top: 12px;
        margin-bottom: 15px;
        align-items: center;
        display: inline-flex;
    }
    
    .logo-partner img {
        width: 100%;
    }
    
    .btn.btn-fill {
        background: #6470ec;
    }
    
    .btn.btn-fill:hover,
    .btn.btn-fill:focus,
    .btn.btn-fill:active,
    .btn.btn-fill:active:focus {
        border-color: #6772e5;
        color: white;
        background: #6470ec;
    }
    
    .card .footer {
        background: transparent;
    }
    
    .list-group {
        margin-top: 20px;
    }
    
    .list-group .list-group-item {
        border-radius: 0;
        font-size: 16px;
        border: none;
        background: transparent;
        font-weight: 400;
        text-align: left;
        padding: 15px 0;
    }
    
    .list-group:hover .list-group-item {
        /* border-bottom-color: transparent !important; */
    }
    
    .list-group .list-group-item a {
        color: black;
        padding: 15px 10px;
    }
    
    .list-group .list-group-item:hover {
        background: rgba(158, 158, 158, 0.1);
        border-radius: 6px;
    }
    
    .list-group .list-group-item:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .card-link {
        color: black;
    }
    
    .btn {
        margin-bottom: 10px;
    }
    
    .btn.btnn-full-width {
        width: 100%;
    }
    
    .btnn.btn-full-width {
        width: 100%;
    }
    
    .card .content {
        padding: 10px;
    }
    
    .image-partner {
        padding: 40px;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
    }
    
    .image-partner.gradient-orange {
        background: linear-gradient(to bottom right, #fcac81 0%, #ff8f8b 100%);
    }
    
    .image-partner.gradient-red {
        background: linear-gradient(to bottom right, #e4004f 0%, #ad003c 100%);
    }
    
    .image-partner.gradient-blue {
        background: linear-gradient(to bottom right, #abdaf9 0%, #0096fa 100%)
    }
    
    .image-partner.gradient-light-red {
        background: linear-gradient(to bottom right, #f7a398 0%, #f44336 100%)
    }
    
    .image-partner.gradient-purple-blue {
        background: linear-gradient(to bottom right, #b383ff 0%, #6f58e8 100%);
    }
    
    .image-partner .image.gradient-purple-blue {
        background: linear-gradient(to bottom right, #b383ff 0%, #6f58e8 100%);
    }
    
    .image-partner.gradient-light-blue {
        background: linear-gradient(to bottom right, #00b7e8 0%, #009ac3 100%);
    }
    
    .image-partner .image.gradient-light-blue {
        background: linear-gradient(to bottom right, #00b7e8 0%, #009ac3 100%);
    }
    
    .image-partner.gradient-grey {
        background: linear-gradient(to bottom right, #b3b1b1 0%, #292929 100%);
    }
    
    .image-partner .image.gradient-grey {
        background: linear-gradient(to bottom right, #b3b1b1 0%, #292929 100%);
    }
    
    .image-partner.gradient-faded {
        background: linear-gradient(to bottom right, #f1f1f1 0%, #e6e6e6 100%);
    }
    
    .image-partner .image {
        background: white;
        height: 100px;
        width: 100px;
        margin: 0px auto;
        border-radius: 12px;
        text-align: center;
        box-shadow: 0px 0px 5px 0px #00000036;
    }
    
    .image-partner .image.image-yours {
        border: 1px dashed #ababab;
    }
    
    .image-partner .image img {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .card-partners .content {
        padding: 15px;
        color: #333;
    }
    
    .card-partners h5 {
        margin: 0;
        font-size: 15px;
        font-weight: 600;
    }
    
    .card-partners p {
        margin: 0;
        font-size: 13px;
    }
    
    .card-partners {
        transition: 0.2s ease;
    }
    
    .card-partners:hover {
        box-shadow: 0 1px 20px rgba(0, 0, 0, 0.23);
        transition: 0.2s ease;
    }
    
    .tools-wrapper .section-header {
        border-bottom: 3px solid orange;
        overflow: hidden;
        padding: 85px 0;
    }
    
    .tools-wrapper .section-header .illustration {
        left: -25px;
        width: 120%;
        top: -90px;
    }
    
    .tools-wrapper .hummer {
        position: absolute;
        opacity: 0.02;
        width: 70%;
        transform: rotate(100deg);
        left: -500px;
        top: 60px;
    }
    
    .tools-wrapper .pencil {
        position: absolute;
        opacity: 0.02;
        transform: rotate(90deg);
        left: 350px;
        top: 100px;
    }
    
    .mt-30 {
        margin-top: 30px;
    }
    
    .computer {
        display: none;
    }
    
    @media(min-width:450px) {
        .computer {
            position: relative;
            height: 485px;
            width: 585px;
            margin: 0 auto;
            background-image: url("/images/screenshot_17.png");
            background-size: contain;
            background-position: top center;
            background-repeat: no-repeat;
            display: inline-block;
        }
        .computer .screen {
            top: 22px;
            bottom: 154px;
            left: 50px;
            overflow: hidden;
            right: 50px;
            border-radius: 4px;
            /* -webkit-box-shadow: -1px 1px 6px rgba(171,183,204,.2);
    box-shadow: -1px 1px 6px rgba(171,183,204,.2); */
            background: #494949;
            ;
            position: absolute;
            padding: 25px;
            line-height: 0px;
        }
        .computer .screen p {
            margin-bottom: 20px;
            color: white;
            font-size: 14px;
        }
    }
    
    @media(max-width:1199px) {
        .computer {
            transform: translateX(-50%);
            left: 50%;
        }
    }
    
    @media (max-width: 991px) {
        .computer {
            height: 400px;
            width: 650px;
            background-position: center;
        }
        .computer .screen {
            top: 19px;
            bottom: 101px;
            left: 105px;
            overflow: hidden;
            right: 105px;
            font-size: 12px;
        }
        .computer .screen p {
            margin-bottom: 20px;
            color: white;
            font-size: 12px;
        }
    }
    
    @media (min-width:450px) and (max-width: 600px) {
        .computer {
            height: 300px;
            width: 500px;
            background-position: center;
        }
        .computer .screen {
            top: 14px;
            bottom: 76px;
            left: 85px;
            overflow: hidden;
            right: 85px;
            font-size: 10px;
            padding: 15px;
        }
        .computer .screen p {
            margin-bottom: 20px;
            color: white;
            font-size: 10px;
        }
    }
    /* 
@media (max-width: 450px){
  .computer{
    height:180px;
    width:320px;
    background-position: center;   
  }
  .computer .screen{
    top: 8px;
    bottom: 44px;
    left: 61px;
    overflow: hidden;
    right: 61px;
    padding: 10px;
  }
  .computer .screen p{
    margin-bottom:10px;
    font-size: 6px;
  }
} */
    
    .layer {
        background-color: rgba(248, 247, 216, 0.7);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .see-more {
        color: #2197ce;
        font-size: 18px;
        text-align: center;
    }
    
    .see-more a:hover {
        text-decoration: none;
    }
    
    .client {
        position: relative;
        height: 470px;
        width: 100%;
        margin-top: 50px;
        min-width: 0;
        text-align: center;
        color: rgba(0, 0, 0, .87);
        box-shadow: 0px -30px 40px -55px rgba(0, 0, 0, 0.3);
        /* -webkit-box-shadow: 0px -8px 10px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -8px 10px -10px rgba(0,0,0,0.75);
box-shadow: 0px -8px 10px -10px rgba(0,0,0,0.75); */
    }
    
    @media(max-width:519px) {
        .client {
            height: 550px;
        }
        .section-testimonials .client span {
            padding: 0px 40px 10px 40px;
        }
        .section-testimonials .client p {
            padding: 120px 60px 10px 60px;
            margin-bottom: 20px;
        }
    }
    
    @media(max-width:575px) {
        .client {
            height: 620px;
        }
        .section-testimonials .client span {
            padding: 0px 40px 10px 40px;
        }
        .section-testimonials .client p {
            padding: 120px 40px 10px 40px;
            margin-bottom: 20px;
            line-height: 1.3;
        }
        .social-nav {
            float: left;
        }
        .card-contact {
            padding-left: 0;
            padding-right: 0;
        }
        .footer:not(.footer-big) nav>ul a {
            text-align: center
        }
    }
    /* 
.client-box{
  position: absolute;
  top:45px;
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
  min-width: 0;
  text-align: center;
  
  border: 0;
  margin-bottom: 30px;
  margin-top: 30px;
  border-radius: 6px;
  color: rgba(0,0,0,.87);
  background: #fff;
  width: 100%;
} */
    /* @media(max-width: 500px)
{
  .client{
    position: relative;
    height: 600px;
    width: 100%;
  }
  
  .client-box{
    position: absolute;
    top:45px;
    width: 100%;
    padding:50px 80px 10px 80px;; 
    color: white;
    height: 550px;
    background-color: rgba(0,0,0,.55);

  }
} */
    
    .section-testimonials .client img {
        display: inline-block;
        position: absolute;
        box-sizing: border-box;
        top: -41.5px;
        transform: translateX(-50%);
        left: 50%;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
    }
    
    @media (max-width: 767px) {
        .navbar .navbar-collapse.collapse.in,
        .navbar .navbar-collapse.collapsing {
            display: block!important;
        }
        .footer:not(.footer-big) nav>ul a {
            margin: 5px 10px 0px 0;
        }
        .navbar .navbar-nav>li>a.social {
            padding: 10px 15px;
            margin: 15px 3px;
        }
    }
    
    .section-testimonials .carousel-control.right,
    .section-testimonials .carousel-control.left {
        background-image: none;
    }
    
    .section-contact .card-contact {
        box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.3);
        max-width: 1170px;
    }
    
    .section-contact .card-contact textarea {
        resize: none;
        margin-top: 8px;
        margin-bottom: 30px;
    }
    
    .section-contact input {
        margin-top: 8px;
        margin-bottom: 15px;
    }
    
    @media(min-width:576px) {
        .section-contact input {
            margin-bottom: 30px;
        }
    }
    
    @media(min-width:491px) {
        .section-contact .plan label {
            margin-right: 60px;
        }
    }
    
    .section-contact .card-contact .card-body .alert {
        display: block;
        margin-top: -20px;
        margin-bottom: 20px;
        background-color: #fff;
        border-color: #fff;
        padding: 0px;
    }
    
    .section-contact .title {
        margin-bottom: -25px;
    }
    
    .section-contact .desc {
        margin-bottom: 40px;
    }
    
    .fade.show {
        opacity: 1;
    }
    /* 
@media (min-width: 1200px){
  .section-testimonials .map-pin{
    position: absolute;
    background-color: #2197ce;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 40px #fff;
    box-shadow: 0 0 40px #fff;
    z-index: 4;
  }
  .section-testimonials .map-pin.active {
    background-color: #3cbe7a;
    width: 20px;
    height: 20px;
    -webkit-transform: translate3d(-5px,-5px,0);
    transform: translate3d(-5px,-5px,0);
  }

  #predut {
    top: 19%;
    left: 52%;
  }
  #de-noker {
      top: 15.9%;
      left: 48.32%;
  }
  #marina {
      top: 38.5%;
      left: 15.5%;
  }
  #alex {
    top: 82%;
    left: 15%;
  }
  #ron{
    top: 80.5%;
    left: 48.8%;
  }
  #knapp {
    top: 17.3%;
    left: 49.3%;
  }
  #pointz {
    top: 16.3%;
    left: 46.7%;
  }
  #aaron{
    top: 30.5%;
    left: 18%;
  }
  #gary {
    top: 41%;
    left: 17.5%;
  }
  #kilian {
    top: 20.3%;
    left: 49.3%;
  }
} */
    /* @media(min-width:1600px){
  #predut {
    top: 34.5%;
    left: 25.5%;
  }
  #de-noker {
    top: 31.5%;
    left: 23%;
  }
  #marina {
      top: 34.5%;
      left: 70%;
  }
  #alex {
    top: 82.5%;
    left: 26%;
  }
  #ron{
    top: 80%;
    left: 49%;
  }
  #knapp {
    top: 32.5%;
    left: 24%;
  }
  #pointz {
    top: 32%;
    left: 21.8%;
  }
  #aaron{
    top: 41.5%;
    left: 68.5%;
  }
  #gary {
    top: 37%;
    left: 67.5%;
  }
  #kilian {
    top: 36.5%;
    left: 23.5%;
  }
} */
    
    .typed-cursor {
        display: none;
    }
    
    .section-do .wrapper-h {
        text-align: center;
        margin-bottom: 60px;
    }
    
    @media(min-width:992px) {
        .section-do .wrapper-h {
            padding-left: 75px;
            text-align: left;
            margin-bottom: 0px;
        }
        .wrapper-testimonials {
            margin-left: 55%;
            float: none;
        }
    }
    
    @media(min-width:1200px) {
        .section-do .wrapper-button {
            margin-left: 25%;
        }
        .section-do .wrapper-h {
            margin-left: 75px;
            padding-left: 0px;
            padding-right: 140px;
            text-align: left;
            margin-bottom: 0px;
        }
    }
    
    @media(min-width:992px) {
        .map {
            background-size: 120%;
            background-image: url("/images/map-ct.png");
            background-position: center;
            background-color: #fff;
            background-repeat: no-repeat;
            height: 480px;
        }
    }
    
    .propr {
        font-weight: normal;
        cursor: pointer;
    }
    
    .navbar-toggle .icon-bar {
        width: 100%;
    }
    
    .navtagger {
        display: none;
        visibility: hidden;
    }
    
    .loader {
        border: 5px solid #f3f3f3;
        /* Light grey */
        border-top: 5px solid #3498db;
        /* Blue */
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: spin 2s linear infinite;
    }
    
    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    .floatsticker {
        background-image: url('../images/icon-whatsapp.png');
        background-size: 60px;
        background-repeat: no-repeat;
        background-position: center;
        position: fixed;
        width: 50px;
        height: 50px;
        bottom: 80px;
        right: 15px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 3px #999;
        z-index: 100;
    }
    
    .floatNumber {
        position: fixed;
        width: 120px;
        height: 60px;
        bottom: 160px;
        right: 15px;
        color: #FFF;
        border-radius: 5px;
        text-align: center;
        font-size: 24px;
        box-shadow: 2px 2px 3px #999;
        z-index: 100;
    }
    
    .floatlabel {
        position: relative;
        width: 60px;
        height: 60px;
        bottom: 170px;
        right: 2px;
        color: red;
        text-align: center;
        font-size: 14px;
        z-index: 101;
    }
    
    .my-floatsticker {
        margin-top: 16px;
    }
    
    .photo {
        background-image: url('../images/trolley.png');
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
        background-clip: border-box;
        transition: background-size 0.2s;
        transition-timing-function: cubic-bezier(.07, 1.41, .82, 1.41);
        display: block;
        width: 40px;
        height: 40px;
        text-decoration: none;
        cursor: pointer;
        /*overflow: hidden;
        text-indent: 100%;*/
        white-space: nowrap;
    }
    
    .photo:hover {
        background-size: 35px;
    }
    
    .alert {
        padding: 20px;
        background-color: #f44336;
        color: white;
        margin-bottom: 15px;
        width: 80%;
    }
    
    .alertGreen {
        padding: 20px;
        background-color: #43df7f;
        color: white;
        margin-bottom: 15px;
        width: 80%;
    }
    
    .closebtn {
        margin-left: 15px;
        color: white;
        font-weight: bold;
        float: right;
        font-size: 22px;
        line-height: 20px;
        cursor: pointer;
        transition: 0.3s;
    }
    
    .closebtn:hover {
        color: black;
    }