a:hover {
    text-decoration: none;
}

.website-logo {
    display: inline-block;
    top: calc(50% - 150px);
    left: 180px;
    right: initial;
    bottom: initial;
}

    .website-logo img {
        width: 135px;
    }

    .website-logo .logo {
        background-image: url("../../../../images/logoSmac.png");
    }

        .website-logo .logo img {
            width: 100px;
        }

.website-logo-inside img {
    width: 100px;
}

.website-logo-inside .logo {
    background-image: url("../../../../images/logoSmac.png");
}

    .website-logo-inside .logo img {
        width: 100px;
    }

.img-holder {
    width: 550px;
    background-color: #187DFA;
}

    .img-holder .info-holder h3 {
        color: #fff;
    }

    .img-holder .info-holder p {
        color: #fff;
    }

    .img-holder .bg {
        opacity: 1;
        background-image: none;
    }

.form-holder {
    margin-left: 550px;
}

    .form-holder .form-content ::-webkit-input-placeholder {
        color: #000000;
    }

    .form-holder .form-content :-moz-placeholder {
        color: #000000;
    }

    .form-holder .form-content ::-moz-placeholder {
        color: #000000;
    }

    .form-holder .form-content :-ms-input-placeholder {
        color: #000000;
    }

.form-control ::-webkit-input-placeholder {
    color: #000000;
}

.form-control :-moz-placeholder {
    color: #000000;
}

.form-control ::-moz-placeholder {
    color: #000000;
}

.form-control :-ms-input-placeholder {
    color: #000000;
}

.form-content {
    background-color: #fff;
}

    .form-content .form-group {
        color: #000;
    }

    .form-content .form-items {
        max-width: 340px;
        text-align: left;
    }

    .form-content h3 {
        color: #000;
        text-align: left;
    }

    .form-content p {
        color: #000;
        text-align: left;
    }

    .form-content label {
        color: #000;
        text-align: left;
    }

    .form-content .page-links a {
        color: #000;
    }

        .form-content .page-links a:after {
            background-color: rgba(222, 222, 222, 0.7);
        }

        .form-content .page-links a.active:after {
            background-color: #0092FE;
        }

        .form-content .page-links a:hover:after, .form-content .page-links a:focus:after {
            background-color: #0092FE;
        }

    .form-content input, .form-content .dropdown-toggle.btn-default {
        border: 0;
        background-color: #F7F7F7;
        color: #000000;
    }

        .form-content input:hover, .form-content input:focus, .form-content .dropdown-toggle.btn-default:hover, .form-content .dropdown-toggle.btn-default:focus {
            border: 0;
            background-color: #eaeaea;
            color: #000000;
        }

    .form-content textarea {
        background-color: #F7F7F7;
        border: 0;
        color: #000000;
    }

        .form-content textarea:hover, .form-content textarea:focus {
            border: 0;
            background-color: #eaeaea;
            color: #000000;
        }

    .form-content input[type="checkbox"]:not(:checked) + label, .form-content input[type="checkbox"]:checked + label, .form-content input[type="radio"]:not(:checked) + label, .form-content input[type="radio"]:checked + label {
        color: #000;
    }

    .form-content input[type="checkbox"]:checked + label, .form-content input[type="radio"]:checked + label {
        color: #000;
    }

        .form-content input[type="checkbox"]:checked + label:before, .form-content input[type="radio"]:checked + label:before {
            background: #000;
            border: 0px solid #000;
        }

    .form-content input[type="checkbox"]:not(:checked) + label:before, .form-content input[type="radio"]:not(:checked) + label:before {
        background: transparent;
        border: 2px solid #000;
    }

    .form-content input[type="checkbox"]:checked + label:after, .form-content input[type="checkbox"]:not(:checked) + label:after {
        color: #fff;
    }

    .form-content input[type="radio"]:checked + label:after, .form-content input[type="radio"]:not(:checked) + label:after {
        background-color: #fff;
    }

    .form-content .custom-options input[type="checkbox"]:not(:checked) + label, .form-content .custom-options input[type="checkbox"]:checked + label, .form-content .custom-options input[type="radio"]:not(:checked) + label, .form-content .custom-options input[type="radio"]:checked + label {
        color: #606060;
        background-color: #F7F7F7;
    }

    .form-content .custom-options input[type="checkbox"]:checked + label, .form-content .custom-options input[type="radio"]:checked + label {
        color: #fff;
        background-color: #187DFA;
        -webkit-box-shadow: 0 3px 8px rgba(80, 182, 255, 0.31);
        box-shadow: 0 3px 8px rgba(80, 182, 255, 0.31);
    }

    .form-content .form-button .ibtn {
        background-color: #000035;
        color: #fff;
        -webkit-box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
        box-shadow: 0 0 0 rgba(80, 182, 255, 0.31);
    }

        .form-content .form-button .ibtn:hover, .form-content .form-button .ibtn:focus {
            -webkit-box-shadow: 0 5px 6px rgba(80, 182, 255, 0.31);
            box-shadow: 0 5px 6px rgba(80, 182, 255, 0.31);
        }



    .form-content .other-links a {
        color: #000;
    }

    .form-content .form-button a {
        font-size: 13px;
        font-weight: 700;
        color: #000;
    }
/* -----------------------------------
    2 - Responsive Styles
------------------------------------*/
@media (max-width: 992px) {
    .form-holder {
        margin-left: 0;
    }

    .website-logo {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
        top: 5px;
        width: 100%;
    }

    .logo-title {
        color: #000 !important;
    }

    .website-logo .logo {
        background-image: url("../../../../images/logoSmac.png");
    }
}

.logo-title {
    display: inline-block;
    color: #fff;
    text-align: left;
    width: 100%;
    max-width: 378px;
    padding: 0 10px;
}

.form-content .other-links span {
    font-size: 12px;
    font-weight: 400;
    margin-right: 20px;
    color: #000;
    display: inline-block;
    width: 60px;
}

.form-content .other-links a {
    margin-right: 10px;
    display: inline-block;
    width: 25px;
}

    .form-content .other-links a.active {
        border: 2px solid #2893ff;
    }

    .form-content .other-links a.text-ui {
        width: auto;
        border: none;
    }

        .form-content .other-links a.text-ui.active {
            color: #ff6e2f;
        }

    .form-content .other-links a:last-child {
        margin-right: 0;
    }

    .form-content .other-links a img {
        width: 100%;
    }

.form-content .form-sent {
    position: absolute;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.7) translateX(200px);
    -moz-transform: scale(0.7) translateX(200px);
    -ms-transform: scale(0.7) translateX(200px);
    transform: scale(0.7) translateX(200px);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .form-content .form-sent.show-it {
        opacity: 1;
        pointer-events: all;
        z-index: 2;
        -webkit-transform: scale(1) translateX(0);
        -moz-transform: scale(1) translateX(0);
        -ms-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }

        .form-content .form-sent.show-it .tick-holder .tick-icon {
            -webkit-animation: tick-anime3 0.7s cubic-bezier(0.34, 1.61, 0.7, 1) 0s forwards;
            -moz-animation: tick-anime3 0.7s cubic-bezier(0.34, 1.61, 0.7, 1) 0s forwards;
            -ms-animation: tick-anime3 0.7s cubic-bezier(0.34, 1.61, 0.7, 1) 0s forwards;
            animation: tick-anime3 0.7s cubic-bezier(0.34, 1.61, 0.7, 1) 0s forwards;
        }

            .form-content .form-sent.show-it .tick-holder .tick-icon:before {
                -webkit-animation: tick-anime1 0.2s linear 0.2s forwards;
                -moz-animation: tick-anime1 0.2s linear 0.2s forwards;
                -ms-animation: tick-anime1 0.2s linear 0.2s forwards;
                animation: tick-anime1 0.2s linear 0.2s forwards;
            }

            .form-content .form-sent.show-it .tick-holder .tick-icon:after {
                -webkit-animation: tick-anime2 0.4s ease 0.4s forwards;
                -moz-animation: tick-anime2 0.4s ease 0.4s forwards;
                -ms-animation: tick-anime2 0.4s ease 0.4s forwards;
                animation: tick-anime2 0.4s ease 0.4s forwards;
            }

    .form-content .form-sent .tick-holder {
        text-align: center;
        margin-bottom: 12px;
    }

        .form-content .form-sent .tick-holder .tick-icon {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 40px;
            border-radius: 40px;
            background-color: rgba(255, 255, 255, 0);
            -webkit-transform: rotate(35deg) scale(2);
            -moz-transform: rotate(35deg) scale(2);
            -ms-transform: rotate(35deg) scale(2);
            transform: rotate(35deg) scale(2);
            -webkit-transform-origin: center center;
            -moz-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
        }

            .form-content .form-sent .tick-holder .tick-icon:before {
                content: "";
                position: absolute;
                background-color: #000;
                width: 10px;
                height: 2px;
                top: 28px;
                left: 14px;
                border-radius: 2px;
                -webkit-transform-origin: left center;
                -moz-transform-origin: left center;
                -ms-transform-origin: left center;
                transform-origin: left center;
                -webkit-transform: scaleX(0);
                -moz-transform: scaleX(0);
                -ms-transform: scaleX(0);
                transform: scaleX(0);
            }

            .form-content .form-sent .tick-holder .tick-icon:after {
                content: "";
                position: absolute;
                background-color: #000;
                width: 2px;
                height: 20px;
                top: 9px;
                left: 22px;
                border-radius: 2px;
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                transform-origin: center bottom;
                -webkit-transform: scaleY(0);
                -moz-transform: scaleY(0);
                -ms-transform: scaleY(0);
                transform: scaleY(0);
            }

    .form-content .form-sent h3 {
        text-align: center;
        color: 000#fff;
    }

    .form-content .form-sent p {
        text-align: center;
        color: #000;
        font-size: 15px;
        opacity: 0.8;
        margin-bottom: 20px;
    }

    .form-content .form-sent .info-holder {
        font-size: 12px;
        font-weight: 700;
        color: #000;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        padding: 10px;
        margin-top: 60px;
    }

        .form-content .form-sent .info-holder span {
            font-size: 12px;
            font-weight: 700;
            color: #000;
            opacity: 0.6;
        }

        .form-content .form-sent .info-holder a {
            font-size: 12px;
            font-weight: 700;
            color: #000;
            opacity: 0.9;
        }

.form-content .hide-it {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.7) translateX(-200px);
    -moz-transform: scale(0.7) translateX(-200px);
    -ms-transform: scale(0.7) translateX(-200px);
    transform: scale(0.7) translateX(-200px);
}

.footer-fixed {
    position: fixed;
    font-weight: 500;
    font-size: 15px;
    bottom: 5px;
    left: 218px;
    color: #fff;
}