/* Minification failed. Returning unminified contents.
(77,1): run-time error CSS1019: Unexpected token, found '@import'
(77,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap')'
(77,109): run-time error CSS1019: Unexpected token, found ';'
 */
@media (min-width: 992px) {
    .typo-line {
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative;
    }

    .typo-line .category {
        transform: translateY(-50%);
        top: 50%;
        left: 0px;
        position: absolute;
    }
}

.all-icons [class^="pe-"] {
    font-size: 40px;
}

.all-icons input {
    border: 0;
}

.all-icons .font-icon-detail {
    text-align: center;
    padding: 45px 0px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin: 15px 0;
}

.all-icons .font-icon-container a {
    padding: 5px 0;
    display: block;
    color: #666666;
}

.all-icons .font-icon-detail input {
    margin: 25px auto 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #aaa;
    font-size: 13px;
}

.all-icons h5 {
    margin-top: 60px;
}

.all-icons > div > .row:first-child h5 {
    margin-top: 15px;
}

.places-buttons .btn {
    margin-bottom: 30px
}

.buttons-with-margin .btn {
    margin-bottom: 5px;
}

.animated .img-rounded {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
    display: block;
}

.animated .img-rounded img {
    width: 100%;
}


/******* MERSATECH CUSTOM CSS *******/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4, h5 {
    font-family: "Raleway", Arial, Helvetica, sans-serif;
}

h1.header {
    margin-bottom: 30px;
}

@media (min-width: 1201px) {
    .container {
        width: 1260px;
    }
}


.full-page[data-color="offwhite"]:after {
    background: #f1f1f1;
}


.navbar-brand img {
    height: 100px;
    width: auto;
}

.navbar-black {
    background-color: #000;
}

.navbar, .navbar-header {
    min-height: 100px;
}

.navbar .navbar-brand {
    padding: 0 30px;
    margin: 0
}


.full-page .footer nav > ul a:not(.btn),
.full-page .footer .copyright a, h1 > strong {
    color: #5b7ce4;
}


.full-page .footer nav > ul a:not(.btn):hover,
.full-page .footer .copyright,
.full-page .footer .copyright a:hover {
    color: #333;
}


.form-control, .form-group label, .btn {
    /*font-size: 16px; */
    font-weight: normal;
}

.form-control {
    /*padding: 25px 20px;*/
    border: 1px solid rgba(24, 24, 24, .1);
}

.or-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}

.form-group.justify-content-between,
.form-group .or-separator {
    padding: 0 15px;
}

.or-text {
    padding: 0 10px;
    color: #98a6ad;
}

.line {
    border-top: 1px solid #ccc;
    flex-grow: 1;
    margin: 0 10px;
}

.btn-primary.btn-fill {
    background-color: #5b7ce4;
}


.btn-primary {
    border-color: #5b7ce4;
    color: #5b7ce4;
}


.btn-primary.btn-fill:hover, .btn-primary.btn-fill:active {
    background-color: #000;
}

.btn-primary:hover {
    border-color: #000;
    color: #000;
}


.btn-fullwidth {
    width: 100%;
    /*padding:13.5px*/
}

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

a:hover {
    color: #5b7ce4;
}

.microsoft-btn::before {
    content: '';
    right: 5px;
    display: inline-block;
    vertical-align: middle;
    background: url('https://upload.wikimedia.org/wikipedia/commons/2/25/Microsoft_icon.svg') no-repeat center center;
    background-size: cover;
    color: #000;
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0;
}


.google-btn::before {
    content: '';
    right: 5px;
    display: inline-block;
    vertical-align: middle;
    background: url('https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_"G"_logo.svg') no-repeat center center;
    background-size: cover;
    color: #000;
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0;
}