

#contact
{
 position: relative;
overflow: hidden;
background-color: #2D2D2D;
background-image: url("/themes/violet/tfiles/bgcontact.jpg");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}

#contact-inner
{
    padding: 20px;
    color: #000;
    font-family: Droid Arabic Kufi;
    width: calc(100% - 40px);
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    border-top: 5px solid rgba(0, 0, 0, 0.06);
    border-bottom: 5px solid rgba(0, 0, 0, 0.06);
    position: relative;
}
#contact-inner div:first-child
{
    width: 100%;
}
#contact-inner div:nth-last-child(2)
{
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: Droid Arabic Kufi;
    width: calc(100% - 80px);
}
.a-contact
{
   cursor: pointer;
padding: 4px 0px !important;
font-family: Droid Arabic Kufi !important;
color: #FFF !important;
width: 137px !important;
background-color: #EA2D49 !important;
border-radius: 5px;
display: inline !important;
transition: all 150ms ease 0s;
border: 0px solid #000 !important;
}

.a-contact:hover
{
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.message-contact
{
    width: 100%;
}
#contact-inner div
{
    direction: rtl;
    padding: 25px;
    display: inline-block;
    float: right;
}
#contact-inner h3
{
    color: #fff;
    font-family: Droid Arabic Kufi;
    font-size: 16pt;
    text-align: center;
}
#contact-inner h4
{
    display: inline-block;
    color: #fff;
    font-family: Droid Arabic Kufi;
    font-size: 14pt;
}
#contact-inner input, #contact-inner textarea
{
    background-color: transparent;
    margin-right: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    color: #FFF;
    font-family: Droid Arabic Kufi;
    font-size: 14pt;
    width: 400px;
}
@media ( max-width: 990px )
{


}
@media ( max-width: 768px )
{

    #contact-inner input, #contact-inner textarea
    {
        width: 200px;
    }
}
@media ( max-width: 400px )
{
    #contact-inner input, #contact-inner textarea
    {
        width: 250px;
        margin-right:0px;
    }
    .video-wrap
{top:0px;}
}
