.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important
}

.status {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px
}

.loader {
    position: relative;
    margin: 0 auto;
    width: 70px
}

    .loader:before {
        content: '';
        display: block;
        padding-top: 100%
    }

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
    stroke-linecap: round
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes color {
    100%,0% {
        stroke: #3385AD
    }

    40% {
        stroke: #b27cf5
    }

    66% {
        stroke: #38c695
    }

    80%,90% {
        stroke: #feb960
    }
}

@keyframes color {
    100%,0% {
        stroke: #1c8cce
    }

    40% {
        stroke: #b27cf5
    }

    66% {
        stroke: #38c695
    }

    80%,90% {
        stroke: #feb960
    }
}

.btn-conectado, .btn-conectado:hover, .btn-conectado:active, .btn-conectado:visited {
    background-color: #1c8cce !important;
}

.btn-conectado-success, .btn-conectado-success:hover, .btn-conectado-success:active, .btn-conectado-success:visited {
    background-color: #4CAF50 !important;
}

.logo_top {
    margin-top: -3.5px;
    margin-bottom: 0px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    font-size: 40px;
}

.logo_footer {
    margin-top: -15px;
    margin-bottom: 0px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    font-size: 40px;
}


.logo_banner {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 95px;
    letter-spacing: 4px;
    word-spacing: 3.8px;
    color: #FFFFFF;
    font-weight: 400;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

.logo_banner_footer {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 25px;
    letter-spacing: 4px;
    word-spacing: 3.8px;
    color: #FFFFFF;
    font-weight: 400;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

.color1 {
    color: #FFFFFF;
}

.color2 {
    color: #1c8cce;
    font-weight: 700;
}

.color3 {
    color: #222323;
}

/* ------------------------------------ */

.footer-map {
    padding-bottom: 20px;
}

.footer {
    /*padding: 30px 0 100px;*/
    background: rgba(49, 49, 49, 0.85);
    /*background: #2e2e2e url(../img/footer-bg.jpg) no-repeat center 0;*/
    background-size: cover;
    color: #fff;
    font-size: 14px;
}

body, p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6em;
}



.copyright-info {
    font-size: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    max-width: 850px;
    margin: 30px auto 0;
    padding-top: 15px;
}

.icon-pentagon i {
    font-size: 20px;
    line-height: 24px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.footer .social-icon {
    padding: 10px 0 20px;
}

.icon-pentagon:before {
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    top: -10px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}

.icon-pentagon:before {
    border-bottom: 10px solid #005a9e;
}

.footer-social {
    position: relative;
    z-index: 10;
}

    .footer-social .icon-pentagon i {
        font-size: 16px;
    }

/* Footer sytle 2 */
.footer2 .social-icon {
    padding-bottom: 15px;
}

.footer2 .copyright-info {
    color: #323232;
    border-top: 1px solid #e7e7e7;
}

.post-footer .btn.btn-primary {
    font-size: 12px;
    padding: 8px 20px;
    margin-top: 15px;
}

.footer-widget {
    display: inline-block;
}

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

body, p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6em;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    text-align: left;
}

.modal_label {
    text-align: left;
}

.bgcolor-3 {
    background: #c5c5c569;
}

.step-7-image {
    background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(254,185,96,0.1) 100%), -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(254,185,96,0.1) 100%),url(../images/work-steps/step-7.jpg) no-repeat top;
    background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(254,185,96,0.1) 100%),linear-gradient(to bottom,rgba(255,0,0,0) 0%,rgba(254,185,96,0.1) 100%),url(../images/work-steps/step-7.jpg) no-repeat top;
    background-size: cover
}