html, body {
    /*background: black;*/
}
.cpage{
    min-height: 100vh;
    max-height: 100%;
    background-color: black;
    background-image: url('../img/contactbg4.jpg');
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.block-9{
    color: white;
    margin-top: 40px;
    
}
.contact-des {
    text-align: justify;
}

.block-9 a{
    text-decoration: none;
    color: #c49b63;
}


.btn.btn-primary{
    background: #c49b63;
    border-radius: 0;
    border: 1px solid #c49b63;
    color: white;
    transition: .8s;
}

.btn.btn-primary:hover{
    background: none;
    color: #c49b63;
}
 /*
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}
.form-control{
    border-radius: 0;
    border-width: 0 0 1px 0;
    outline-color: red;
    background: none;
}

.form-control::placeholder{
    color: #c49b63;
}


.form-control:hover, .form-control:focus{
    border-radius: 0;
    color: white;
    outline-color: red;
    background: none;
}

#number1:hover:before{
    transition: 2s;
    content: "ALI: ";
}
#number2:hover:before{
    content: "ZAID: ";
}


.bg-light {
    position: fixed;
    width: 100%;
    z-index: 999;
    background-color: transparent !important;
}

.colorr {
    color: #c49b63;
    text-align: center;
}

*/

.contact-page {
    background-image: url('../img/contactbg3.jpg');
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 0px;
}



.contact-form {
    background-color: rgba(36, 35, 35, 0.5);
    box-shadow: 0 0 10px 3px #c49b63 !important;
}
.contact-row {
    margin-top: 50px;
}
.contact-info {
    font-weight: normal !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}


.form-control{
    border-width: 1px 1px 1px 1px;
    border-radius: 0%;
    background: none;
}

textarea.form-control, input.form-control {
    background-color: rgba(240, 240, 240, 0.3);
    color: white;
}
textarea.form-control:focus, input.form-control:focus {
    background-color: rgba(240, 240, 240, 0.3);
    color: white;
}


.contact-submit {
    width: 25%;
}



@media (max-width: 768px) {
    .contact-page {
        background-image: url('../img/contactbg3.jpg');
    }
    .contact-form {
        box-shadow: 0 0 10px 3px #c49b63 !important;
    }
    #c-one {
        order: 2;
    }
    #c-two {
        order: 1;
    }
    #info-one {
        order: 2;
    }
    #info-two {
        order: 1;
    }
    .contact-submit {
        width: 100%;
    }
    .contact-row {
        margin-top: 25px;
    }
    .hi1 {
        font-size: 28px !important;
    }
    .contact-form {
        font-size: 15px !important;
    }
}