body{
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, .secured{
    font-family: 'Roboto Slab', serif;
}

header{
    padding: 25px 15px;
    background: #fff;
}

header h1{
    font-weight: bold;
    color: #0089d3;
}

#content{
    background: url(../Content/images/homeside2.jpg) no-repeat top center;
    background-size: cover;
    padding: 60px 15px 150px;
}

.text h2, .black-box h4, .black-box h3{
    color: #fff;
    font-weight: bold;
}

.text{
    padding: 0 45px;
}

.black-box{
    background: rgba(0,0,0,0.4);
    padding: 15px;
    margin: 10px;
}

.black-box h3{
    font-size: 56px;
}

.black-text h3{
    margin: 20px 0;
}

.form{
    background: rgba(12,12,12,0.19);
    padding: 15px;
    border-radius: 2px;
    margin-top: 50px;
}

.form-group{
    padding: 5px;
    margin: 0;
}

.form-control{
    padding: 7px;
    border-radius: 2px;
}

label{
    color: #fff;
}

.form-wrap p{
    color: #fff;
}

.form-wrap{
    position: relative;
}

#arrow{
    position: absolute;
    left: -30px;
    max-width: 23%;
    top: 5px;
    z-index: 15;
}

.red{
    font-family: "Roboto Slab", Sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #e83e3e;
    color: #fff;
}

.secured{
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}

footer{
    padding: 25px 0;
}

.btn-circle{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    color: #fff;    justify-content: center;
}

.btn-circle:hover, .btn-circle:active{
    opacity: 0.9;
    color: #fff;
}

.btn-circle i{
    color: #fff !important;
    line-height: 1;
    font-size: 20px;
}

.fb{
    background: #3b5998;
}

.tw{
    background: #1da1f2;
}

.in{
    background: #0077b5;
}

.mail{
    background: #dd3f32;
}

.disclaimer p{
    font-size: 12px;
}

.social p, .disclaimer p, .share p{
    margin-bottom: 5px;
}

@media screen and ( max-width: 767px ){
    #content{
        padding: 0;
    }

    .text{
        padding: 15px;
    }

    #arrow{
        left: -20px;
        max-width: 23%;
        top: 5px;
    }
}