/* Contact Page Specific Styles */

body.contact-page { background: #fff !important; color: #333 !important; }

.contact.section-padding { background: #fff; }

.cont-info h3, .cont-info h4, .cont-info h6, .cont-info h5 a { color: #333 !important; }

.cont-info .item { 
    border-bottom: 1px solid #eee; 
    padding-bottom: 20px; 
    margin-bottom: 20px;
}

.contact input, .contact textarea { 
    width: 100% !important; 
    background: #f9f9f9 !important; 
    border: 1px solid #eee !important; 
    padding: 15px !important; 
    border-radius: 5px !important; 
    color: #333 !important;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.contact input:focus, .contact textarea:focus {
    border-color: #2ec1e1 !important;
    outline: none;
    background: #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.contact .butn { 
    background: #333; 
    color: #fff; 
    border: none; 
    padding: 15px 40px; 
    border-radius: 5px; 
    cursor: pointer; 
    transition: all 0.3s; 
}

.contact .butn:hover { 
    background: #2ec1e1; 
}

.social a { 
    color: #333 !important; 
    border: 1px solid #eee; 
    width: 40px; 
    height: 40px; 
    line-height: 40px; 
    text-align: center; 
    display: inline-block; 
    border-radius: 50%; 
    margin-right: 10px; 
    transition: all 0.3s; 
}

.social a:hover { 
    background: #2ec1e1; 
    color: #fff !important; 
    border-color: #2ec1e1; 
}