/*----------------------------------------------------------------------
| Template: Template of photography site
------------------------------------------------------------------------
| @author: Md. Rokibul Hossain
------------------------------------------------------------------------
| Powered by: Orange Business Developement Ltd.
------------------------------------------------------------------------*/
body {
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #646565;
    line-height: 20px;
    font-size: 1.4rem;
    margin:0 auto; padding:0;
    background:#f8f8f8
}

input, select, textarea {
    font-size: 14px;
    padding: 8px 10px;
    color: #525558;
    border: 1px solid rgba(185,193,199,0.5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s;
    resize: none;
    line-height: 1.4em;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

a {
    color:#006699;
}

a:focus, a:active, a:hover {
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color:#CD0000; text-decoration:none
}

ul{margin:0; padding:0}

h1, h2, h3, h4, h5 {	
}

hr {
    border-color: #ddd;
}

.eng-font{
	font-family: 'Open Sans', sans-serif;
}
.bn-font{
	font-family:SolaimanLipi;
}

/*----------------------------------------------------------------------
| LOGIN FORM STYLES
------------------------------------------------------------------------*/
body.login-body{
    position: relative;
    background:#333;    
    width: 100%; height: 100%;
}
.login_page_bg{
    position: fixed;    
    background-position: top center scroll;
    background-repeat: no-repeat;
    background-size: cover; top: -10%; left: -15%; opacity: 0.6;
    width: 115%; height: 110%; z-index: 10
}
#login_form{
    position: relative;
    background:#fff;
    padding:25px; max-width:330px; text-align:left;
    margin-top:10%; z-index: 1000
}
#login_form .symbol_logo{
    position: relative; top: -57px; text-align: center; 
}
#login_form .symbol_logo a{
    display: inline-block;
    position: relative;
    border: 1px solid #333;
    border-radius: 50%;
    padding: 15px;    
    background: #fff;
}
#login_form form{
    margin-top: -55px
}
#login_form .input-form > div{
    margin-top:15px
}
#login_form .input-form .form_field{position: relative; border: 1px solid #eee; background-color: #f7f7f7}
#login_form .input-form .field_has_icon i,#login_form .input-form .field_has_icon svg{position: absolute; top: 10px; right: 10px; font-size: 16px; color: #aaa; cursor: pointer}
#login_form .input-form .form_field input{padding: 0 1.25rem; border: none}
#login_form .input-form .field_has_icon input{padding-right: 3.5rem}
#login_form .social-login-btn{
    background: #3b5998;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;    
    cursor: pointer;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    
    transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s
}
#login_form .social-login-btn.gplus-btn{
    background: #dd4b39
}
#login_form .social-login-btn.twitter-btn{
    background: #1da1f2
}
#pwr_by{
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 1000
}
#pwr_by > div{
    display: table; margin-top: 10px; text-align: center; color: #fff
}
#pwr_by > div > span{
    display: table-cell; vertical-align: middle;
}
.btn-login,
.btn-profile-submit,
.btn-chg-pass{
    display:inline-block;
    padding:5px 10px;
    background:#6bc5a4;
    color:#fff; cursor:pointer;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    
    transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s
}

.btn-login:hover{
    background:#3CF; color:#fff
}

.profile-group-addon,
.chg-pass-group-addon{
    min-width:150px
}

.succ_msg{
    background:#090;
    color:#fff; font-weight:bold;
    padding:7px 10px;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.err_msg{
    background:#ff5d00;
    color:#fff; font-weight:bold;
    padding:7px 10px;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/**
 * INITIAL USER SETUP
 */
#init-setup-header{
    position: relative;
    z-index: 900;
    top: 0;
    height: 50px;
    width: 100%;
    padding: 0 40px;
    background-color: #fff;
    border-bottom: 1px solid #eeeff2;
    font-size: 14px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: auto;
}

#init-setup-header a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    overflow: hidden;
    height: 50px;
    padding: 0 10px;
    color: #525558;
    font-weight: normal;
    letter-spacing: 0.025em;
    white-space: nowrap;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    line-height: 50px;
}

#init-setup-header .profile-steps{}
#init-setup-header .profile-steps ul li{
    position: relative;
    top: 20px;
}
#init-setup-header .profile-steps ul li::before{
    position: absolute; top: 5px;
    width: 5px; height: 5px;
    border: 2px solid #ccc;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
#init-required-form-block{
    margin: 35px auto;
    max-width: 450px;
    padding: 25px;
    background: #fff;
    border: 1px solid #ebebeb
}
#init-required-form-block .steps{
    display: none; text-align: left;
}
#init-required-form-block .steps.step_1{
    display: block;
}
#init-required-form-block .steps label{
    margin-bottom: 10px; color: #888
}
#init-required-form-block input,#init-required-form-block select{
    margin-bottom: 10px
}
#init-required-form-block input.required,#init-required-form-block select.required{
    border-left: 1px solid #CD0000
}
#init-required-form-block .photography_cat_item{
    display: table; width: 100%;
    position: relative; background: #f7f7f7;
    padding: 15px; margin: 12px 0;
    border: 1px solid #eee;
    font-size: 16px;
    text-align: center;
    height: 120px; cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#init-required-form-block .photography_cat_item.active,#init-required-form-block .photography_cat_item:hover{
    border-color: #00bcd4
}
#init-required-form-block .photography_cat_item i,#init-required-form-block .photography_cat_item svg{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: #ccc;
}
#init-required-form-block .photography_cat_item.active i,#init-required-form-block .photography_cat_item.active svg{
    color: #00bcd4
}
#init-required-form-block .photography_cat_item span{
    display: table-cell;
    vertical-align: bottom;
}
#init-required-form-block .tnc_text{
    position: relative; width: 100%; height: 200px; overflow: auto; padding: 15px; margin-bottom: 10px; background: #f7f7f7; border: 1px solid #eee;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#init-required-form-block .action_btn{
    position: relative; margin-top: 15px;
    overflow: hidden;
}
#init-required-form-block .action_btn span{
    display: inline-block; float: right; padding: 5px 15px; background: #a8b6bd; color: #fff; text-shadow: 0 0 5px #000;
    cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#init-required-form-block .action_btn span.pre_btn{
    float: left; display: none
}

/**
 * datepicker UI re-style
 */
.ui-datepicker .ui-datepicker-title select{
    font-size: 10px
}
.ui-datepicker table{
    font-size: 10px
}