/* 
    Document   : frontend
    Created on : 8 Apr, 2014, 12:49:24 PM
    Author     : GWB
    Description:
        Purpose of the stylesheet follows.
*/


body {
    animation: 1s ease 0s normal none 1 fadeIn;
    background: url("/images/frontend/bg-pattern.png") repeat-x scroll 0 0%, url("/images/frontend/pagebg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;    
}
.header{    
    font-weight: normal;
    text-transform: uppercase;
    color: #050608;
    font-size: 25px;
    font-weight: bold;
    width: 70%;
    margin: auto;
}
.header .logo{
    float:left;
    margin-top: 15px;    
}
.header .logo img{
    width: 100% !important;  
}
.header .callus{
    float:right;
    margin-top: 30px;    
    font-family: 'oswald',sans-serif;
    /*color: #535D3B;*/
}
.header .callus span{    
    color: #535D3B;
}
.column{
    float:left;
    width: 100%;
}
.column .main{
    width: 70%;
    background: #ffffff;
    min-height: 500px;
    margin:auto;
    margin-top: 20px;
}
.main .heading {
    background: none repeat scroll 0 0 #535D3B;
    color: #FFFFFF;
    display: block;
    font-family: 'oswald',sans-serif;
    font-size: 24px;
    font-weight: normal;
    padding: 8px 16px;
    text-transform: uppercase;
    margin: 5px 5px;
    float: left;
    width: 99%;
}
.textfield{
    background: none repeat scroll 0 0 #FBF6E6;
    border: 1px solid #BBBBBB;
    clear: both;
    font-size: 12px;
    height: 28px;
    margin: 0 0 10px;
    padding: 4px;
    width: 100%;
}
.textarea{
    background: none repeat scroll 0 0 #FBF6E6;
    border: 1px solid #BBBBBB;
    clear: both;
    font-size: 12px;
    height: 80px;
    margin: 0 0 10px;
    padding: 4px;
    width: 100%;
}
.rows{
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    width: 94%;
}
.rows .left{
    float: left;
    margin-right:10px;
    padding: 5px;
    width: 221px;
}
.rows .left label{
    display: inline-block;
    font-weight: lighter;
    margin-bottom: 2px;
    color:#535D3B;


}
.maintcont{
    float:left;
    background: #fff;
    padding-bottom: 15px;
}
.subbtn{
    background: #535D3B;
    height: 45px;
    width: 110px;
    border:1px solid #E1C87E;
    border-radius: 5px;
    color:#FFF;
    text-transform: uppercase;
    line-height: 45px;
    float: right;
    font-weight: bold;
    font-size: 18px;
    margin-right: 12px;

}
.footer-f{
    background: url("/images/frontend/bg-pattern.png") repeat-x scroll 0 0%, url("/images/frontend/pagebg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height:100px;
}
.site-info{
    text-align: center;
    line-height: 100px;
    width:70%;
    margin:0 auto;
}
.site-info a{color:#535D3B!important;}
.site-info a:hover{text-decoration: underline;}
.selectbox{
    background: none repeat scroll 0 0 #FBF6E6;
    border: 1px solid #CCCCCC;
    padding: 5px;
    width: 100%;
}.alert-danger{
    margin-left:12px;
    margin-right:  12px;
    margin-top: 15px;
}
.options{

    height: 40px;
    line-height: 40px;
    padding-left: 20px;

}
.optioncont{
    float: left;
    width: 100%;
}
.login{
    float:left;
    width:36%;
    margin-left: 8px;
}

.registration{
    float:left;
    width:62%;

}

.login a:hover {
    background: -moz-linear-gradient(center top , #4C5834 0px, #80886F 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.login a {
    -moz-box-sizing: border-box;
    background: -moz-linear-gradient(center top , #80886F 0px, #4C5834 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top,#4c5834 0,#80886f 100%);
    border-bottom: 1px solid #090909;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin-top: 12px;
    margin-left: 10px;
    padding: 0 20px;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease 0s;
    width: 96%;
    float: left;
}
a:link, a:visited, a:hover, a:active {
    outline: 0 none;
    text-decoration: none;
}
.centercont{
    float:left;
    background: #fff;
    border-bottom: 1px solid #000;
}
.login a:after {
    content: "";
    display: block;
    font-family: FontAwesome;
    line-height: 1;
    margin-top: -9px;
    position: absolute;
    right: 3%;
    top: 50%;
    transition: all 0.3s ease 0s;
}
fieldset {
    border: 1px solid #767F64;
    margin-left: 12px;
    margin-right: 12px;
    padding: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top:5px;
}
legend {
    border: medium none;
    color: #767F64;
    display: block;
    font-size: 14px;
    line-height: inherit;
    margin-bottom: 0;
    margin-left: 10px;
    padding: 0;
    width: auto;
}
.floats{
    float:left;
}
.required{color:red;margin-left: 2px;}
@media screen and (min-width: 1024px) {   

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .column .main {
        width: 88%;
    }
    .registration {
        width: 100%;
    }
    .main .heading {
        width: 98.5%;
    }
    .rows .left{
        width: 376px;   
    }
    .header{
        font-size: 22px;
        text-align: center;
    }
    .login {
        width: 100%;
        padding-bottom: 15px;
        margin-left: 0px;
    }
    .login a{
        width: 97%;
    }
    .site-info {
        line-height: 24px;
        text-align: center;
        padding-top: 15px;
    }.header .callus {
        width: 100%;
    }.header .logo{
        width: 100%;
    }
    .header .logo img {
        width: 75% !important;
    }
    .mdc-home-right-section{margin-left: 0;width: 100%;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {   
    .column .main {
        width: 88%;
    }
    .registration {
        width: 100%;
    }
    .main .heading {
        width: 98.5%;
    }
    .rows .left{
        width: 376px;   
    }
    .header{
        font-size: 17px;
        text-align: center;
    }
    .login {
        width: 100%;
        padding-bottom: 15px;
        margin-left: 0px;
    }
    .login a{
        width: 96%;
    }
    .site-info {
        line-height: 24px;
        text-align: center;
        padding-top: 15px;
    }.header .callus {
        width: 100%;
    }
    .mdc-home-right-section{margin-left: 0;width: 100%;}
}

@media screen and (min-width: 320px) and (max-width: 479px) {  
    .column .main {
        width: 88%;
    }
    .registration {
        width: 100%;
    }
    .main .heading {
        width: 95%;
    }
    .rows .left{
        width: 236px;   
    }
    .header{
        font-size: 17px;
        text-align: center;
    }
    .login {
        width: 100%;
        padding-bottom: 15px;
        margin-left: 0px;
    }
    .login a{
        width: 91%;
    }
    .site-info {
        line-height: 24px;
        text-align: center;
        padding-top: 15px;
    }.header .callus {
        width: 100%;
    }
    .mdc-home-right-section{margin-left: 0;width: 100%;}
}

@media screen and (min-width: 0px) and (max-width: 319px) {  
    .column .main {
        width: 96%;
    }
    .registration {
        width: 100%;
    }
    .main .heading {
        width: 95%;
    }
    .rows .left{
        width: 186px;   
    }
    .header{
        font-size: 17px;
    }
    .login {
        width: 100%;
        padding-bottom: 15px;
        margin-left: 0px;
    }
    .login a{
        width: 91%;
    }
    .site-info {
        line-height: 24px;
        text-align: center;
        padding-top: 15px;
    }
}

.title-bar {
    padding-top: 30px;
    border-bottom: 1px solid #BBBBBB;
    float: left;
    width: 100%;

}

.main h1 {
    font-family: 'oswald',sans-serif;
    font-size: 24px;
    font-weight: normal;
    padding: 8px 16px;
    text-transform: uppercase;
    margin: 5px 5px;
}

.content-sec {
    float: left;
    padding: 20px 16px;
    border-bottom: 1px solid #bbb;
}

.part1 {
    width: 8%;float: left;font-weight: bold;
}
.part2{
    width: 92%;
}

.subbtn-resp{
    background: #535D3B;
    height: 45px;
    border:1px solid #E1C87E;
    border-radius: 5px;
    color:#FFF;
    text-transform: uppercase;
    line-height: 45px;
    float: right;
    font-weight: bold;
    font-size: 18px;
    margin-right: 12px;

}


#step1, #step2, #step3, #step4, #step5, #step6 {padding: 0;}


body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.full-width{float: left;width: 100%;}
.mid-content{background-color: #ffffff;border-bottom: 1px solid #000000;min-height: 500px;}
.mid-content-inner{float: left;padding: 30px;width: 100%;}
.page-head{color: #000000;float: left;font-size: 35px;width: auto;}
.bottom-border{border-bottom: 1px solid #bbbbbb;margin-bottom: 20px;padding-bottom: 20px;}
.detail-content{color: #515151;float: left;font-size: 16px;margin-bottom: 10px;width: auto;}
.normal-heading{color: #000000;float: left;font-size: 18px;font-weight: bold;width: auto;}
.left-heading{float: left;width: 15%;}
.left-heading-text{color: #000000;float: left;font-size: 15px;font-weight: bold;width: auto;}
.right-detail{float: left;width: 85%;}
.right-detail-text{color: #515151;float: left;font-size: 15px;width: auto;}
.right-detail-text a{color: #535d3b;text-decoration: underline;}
.mar-top-5{margin-top: 5px;}
.mar-top-30{margin-top: 30px;}
.mar-bot-10{margin-bottom: 10px;}
.detail-main-text{color: #535d3b;font-weight: bold;}
.thankyou-pg-btn-outer{display: table;margin: 10px auto 30px;}
.submit-button-thankyou{background: #535d3b none repeat scroll 0 0;border: medium none;border-radius: 5px;color: #ffffff;float: left;font-size: 30px;padding: 10px 100px;width: auto;}
.submit-button-thankyou:hover{color: #ffffff;}
.submit-button-thankyou:focus{color: #ffffff;}
.mid-content-inner-steps{float: left;padding: 15px 15px 40px;}
.steps-heading{float: left;padding: 10px;width: 100%;}
.active-step{background: rgba(0, 0, 0, 0) url("../../images/bg-strip.jpg") repeat-x scroll 0 0;}
.inactive-step{background: #535d3b none repeat scroll 0 0;}
.single-step{margin-bottom: 5px;}
.steps-heading-text{color: #ffffff;float: left;font-size: 20px;width: auto;}
.steps-edit-link{color: #ffffff;float: right;font-size: 15px;width: auto;margin: 4px 0;display: none;}
.steps-edit-link:hover{color: #ffffff;}
.steps-edit-link:focus{color: #ffffff;}
.open-step-content{display: block;}
.close-step-content{display: none;}
.steps-inner-content{float: left;padding: 20px;width: 100%;}
.step-left-small{float: left;width: 45%;}
.step-left-small-inner{border-right: 1px solid #bbbbbb;float: left;padding-right: 30px;width: 100%;}
.step-right-big{float: left;width: 55%;}
.step-right-big-inner{float: left;padding-left: 30px;width: 100%;}
.input-field{border: 1px solid #bfbfbf;color: #000000;float: left;font-size: 14px;padding: 15px;width: 100%;}
textarea.input-field{height: 150px;margin-bottom: 0;}
.date-field{background: rgba(0, 0, 0, 0) url("../../images/calendar-icon.png") no-repeat scroll 97% center;}
.next-step-button{background: #535d3b none repeat scroll 0 0;border: medium none;border-radius: 5px;color: #ffffff;float: right;font-size: 16px;padding: 5px 30px;width: auto;}
.steps-submit-button{background: #535d3b none repeat scroll 0 0;border: medium none;border-radius: 5px;color: #ffffff;font-size: 20px;padding: 10px 30px;width: auto; margin: 0 auto;display: table;}
.steps-submit-button:hover{background-color: #535d3b;}
.steps-submit-button:focus{background-color: #535d3b;}
.steps-submit-button:active{background-color: #535d3b;}
.input-label{color: #000000;float: left;font-size: 14px;font-weight: normal;width: 100%;}
.color-green{color: #535D3B;}
.radio-field-area{border-top: 1px solid #bbbbbb;padding: 10px 0 10px 20px;}
.radio-field-area:hover{background-color: #f7f7f5;}
.radio-field-area-left{float: left;width: 60%;}
.radio-field-detail{color: #000000;float: left;font-size: 16px;width: auto;}
.radio-field-area-right{float: left;width: 40%;}
.radio-field-box{float: left;width: 33%;}
.radio-button{float: left;margin-right: 10px !important;}
.radio-label{color: #000000;float: left;font-size: 14px;font-weight: normal;margin-bottom: 0;width: auto;cursor: pointer;}
.agree-box-area{border-bottom: 1px solid #bbbbbb;padding-bottom: 30px;padding-top: 30px;}
.half-left-side{float: left;width: 50%;}
.half-left-side-full{float: left;width: 100%;}
.half-left-side-full .agree-radio-box{width: 100%;}
.half-right-side{float: left;width: 50%;}
.agree-radio-box{float: left;width: 39%;}
.agree-radio-box .radio-label{color: #535d3b;font-weight: bold;}
.remaining-text{color: #000000;float: left;font-size: 12px;width: 100%;}
.signature-area{float: left;width: 300px;}
.signature-area:first-child{margin-right: 30px;}
.sig-label{border-top: medium none;float: left;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;font-size: 14px !important;font-style: unset !important;margin-top: 0;padding-top: 0;width: 100%;}
.sig-name-field{float: left;font-size: 15px !important;padding: 10px !important;width: 100% !important;}
.lang-flags-box{float: left;margin-left: 30px;margin-top: 30px;width: auto;}
.lang-icon{float: left;height: 32px;margin: 5px;width: 32px;}
.lang-icon img{float: left;width: 100%;}
.big-text{color: #000000;float: left;font-size: 22px;font-weight: bold;text-align: center;width: 100%;}
.very-big-text{font-size: 39px;}
.thanks-pg-btns-outer{display: table;margin: 0 auto;}
.thanks-pg-btns{background-color: #535d3b;border: medium none;border-radius: 5px;color: #ffffff;float: left;font-size: 18px;font-weight: bold;padding: 15px 60px;width: auto;}
.thanks-pg-btns:first-child{margin-right: 70px;}
.thanks-pg-btns:hover{color: #ffffff;}
.thanks-pg-btns:focus{color: #ffffff;}
.step-sig-area-box{float: right;width: auto;}
.step-sig-text{color: #000000;float: left;font-size: 15px;width: auto;}
.step-signature{border-bottom: 1px dotted #000000;float: left;margin-left: 10px;min-height: 20px;min-width: 150px;width: auto;}
.signature-area ul li a{font-weight: normal !important;}
.help-inline{float: left;width: 100%;}
.width60{float: left;width: 60%;}
.width35{float: left;margin-left: 5%;width: 35%;}