/* 
    Document   : style
    Created on : 14-Oct-2016, 5:38:55 PM
    Author     : blackid25
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
body {
    overflow-x: hidden;   
    font-family: 'open_sansregular',sans-serif;
    line-height:18px;
    padding:0;
    margin:0 auto; 
}
h1, h2, h3, h4, h5, h6{
    font-family: 'open_sansregular';
    margin: 0 auto;
    padding:0;
    position: relative
}

a {
    color:#000;
    text-decoration: none;
    outline: none;
}
a:focus, a:hover {
    color:#fff;
    text-decoration: none;
}
p {
    font-family: 'open_sansregular';
    font-size: 14px;
    font-weight: 400;
    color: #2b2a30;
    line-height: 18px;
    padding:0;
}
label {
    cursor:default;
    color: #7f7f7f;
    font-family: 'open_sansregular';
    font-size: 12px;
    line-height: 18px;
}
h1 {
    color: #333333;
    font-size: 50px;
    line-height: 60px;
    font-weight: 400;
}
h2 {
    color: #333333;
    font-size: 40px;
    line-height: 46px;
    font-weight: 400;
}
h3 {
    color: #333333;
    font-size: 30px;
    line-height: 34px;
    font-weight: 400;
}
h4, h4 a {
    font-family: 'open_sansregular';
    color: #333333;
    font-size: 26px;
    line-height: 38px;
    font-weight: 400;
    margin:0 0 8px;
    padding: 0 0 8px;
}
h5 {
    font-family: 'open_sansregular';
    color: #333333;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
}
h6 {
    font-family: 'open_sansregular';
    color: #333333;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    margin:0 0 8px;
    padding: 0 0 8px;
}
ul, ul li {
    list-style: none;
    margin:0;
    padding:0
}
ul li a {
    text-decoration: none;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
    box-shadow: none;
    background-color: #fff;
}


/* ------------------ Home Page Styling Starts Here   --------------------- */

.main{
    display: block;
    position: relative;
    margin: 0 auto;
    background:url('images/banner1.png') no-repeat top center #0a0e29;
    border:solid #fff 20px;
    background-size: cover;
}
.header-main{
    display: block;
    background: #fff;
    margin:40px auto;
}
.logo{
    display: block;
    padding: 35px 0;
}
.banner-txt{
    display: block;
    margin:20px auto 40px;
}
.main-form{
    display: block;
    max-width:850px;
    width:100%;
    margin: 40px auto;
    background-color: rgba( 10, 14, 41, 0.702 );

    padding: 35px;
}
.frm-blk{
    display: block;
    width:43%;
    float:left;
}
.frm-blk p{
    font-size: 12px;
    color: #fbf8f8;
    line-height: 18px;
    padding-bottom: 10px;
    font-family: 'open_sansregular';
    font-weight: 400;
}
.form-heading{
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    font-weight: 400;
    color: #fff;
    font-family: 'GothamRounded-MediumItalic';
    padding-bottom: 20px;
    padding-top:7px;
}
.right-frm{
    margin-left: 75px;
    width:46%;
}
.frm-input,
#service{
    width: 100%;
    margin-bottom: 7px;
    font-size: 12.2px;
    color:#3b3c39;
    line-height: 16px;
    text-transform: uppercase;
    font-family: 'open_sansregular';
    padding: 3px 7px 2px;
    outline: none !important;
    border-radius: 0;
    border:solid 1px #9496a0
}
#ContactForm p{
    padding:12px 0 5px;
    margin:0 auto;
}
input [type="text"]::-moz-placeholder { 
    color:#3b3c39 !important;
    font-family: 'open_sansregular';

}
input [type="text"]:-moz-placeholder{
    color:#3b3c39 !important;
    font-family: 'open_sansregular';

}
::-webkit-input-placeholder {
    color:#3b3c39 !important;
    font-family: 'open_sansregular';
}

:-ms-input-placeholder {  
    color:#3b3c39 !important;
}

.link-group{
    display: block;
    padding-top: 15px;
}
.lnk-btn{
    display: inline-block;
    background: url('images/btn.png') no-repeat transparent;
    border:0;
    outline: 0 !important;
    position: relative;
    padding-left: 35px;
    color:#fff;
    font-family: 'open_sansregular';
    text-transform: uppercase;

}
.lnk-txt{
    letter-spacing: 1.2px;
    font-weight: 700;
    font-size: 13px
}
.relevant-lnk a{
    color: #fbf8f8;
    display: inline-block;
    border-bottom:  solid 1px #9a99a1
}
.relevant-lnk span{
    display: block;
        padding-bottom: 5px;
}
.grn-lnk{
    color:#808b2b;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'OpenSans-Bold';
    font-weight: 900;
    margin-left:2px;
    border-bottom: solid 1px #9a99a1
}
.grn-lnk:hover{
        color:#fff    
}
#reset{
    margin-left: 40px;
}
.error{
    color: #e40005;
    font-size: 12px;
    line-height: 15px;
}
#exe{
    color:#808b2b;
    text-align:center;
    padding:20px 0 0;
}
input:-webkit-autofill{
    background: #fff !important;
    color: #3b3c39  !important;
}

.footer{
    display: block;
    height:55px;
    background: #0a0e29
}


@media(max-width:992px){
    .frm-blk{
        width:45%;

    }
    .right-frm{
        margin-left: 60px;
    }
}
@media(max-width:768px){
    .frm-blk{
        width:100%;
        margin:0 auto 25px !important;
        max-width: 400px;

    }
    .main-form{
        max-width: 500px;
    }
    .banner-txt img{
        width:500px;
        margin: 0 auto;

    }
    .banner-txt{
        margin: 20px auto;
    }

}
@media(max-width:535px){
    .main-form{
    padding:35px 15px;
}
}
