@charset "utf-8";
/* CSS Document */
*
{
    box-sizing: border-box;
}
body{background: #f9f9f9; font-family: 'Poppins', sans-serif; font-size:14px; color:#616161;}

/***** general rules *****/
.fl{float:left;}
.fr{float:right;}
.clear{clear:both; font-size:0; height:0;}
.vm{vertical-align:middle;}
.ptop10{padding-top:10px;}
.mleft58{margin-left:58px;}
.mleft32{margin-left:32px;}
.w120{ width:120px;}
.w229{ width:229px;}
h1{font-size:20px; color:#0e4675; font-weight:bold;}
h2{    font-size: 28px;
    color: #0e4675;
    padding-bottom: 13px;
    border-bottom: 0px;
    font-weight: bold;
    margin-bottom: 0px;}
.round_5{ position:relative; zoom:1;}
.round_8{ position:relative; zoom:1;}
.round_3{position:relative; zoom:1;}
.round_12{ position:relative; zoom:1;}
.input{ line-height:26px;  font-size:14px; color:#616161; border:solid 1px #b6b6b6; padding:0 5px;}
.select{ line-height:26px;  font-size:14px; color:#616161; border:solid 1px #b6b6b6; position:relative; top:-3px;}


/***** site css *****/
#wrapper{width:1100px; margin:0 auto; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.12);}
.header
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFF;
    padding: 16px 20px;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    position:relative; 
    height:auto;
}
.punch_line
{
    font-size: 18px;
    font-weight: bold;
    color: #0e4675;
    padding: 0px;
}


/***** middle *****/
.middle_wrapper{padding: 0px;}
.middle_wrapper a{color:#0d7cc2; text-decoration:none;}
.middle_wrapper a:hover{text-decoration:underline;}
.blue_box
{ 
    position:relative; 
    zoom:1; 
    background:#FFF; 
}
.border-width{ padding:10px;}
.blue_box .inner_box{padding:25px;     display: flex;}
.middle_wrapper .content p
{
    padding: 0px;
    line-height: 23px;
    font-size: 13px;
    margin-bottom: 6px;
}
.blue_box.home{min-height:inherit;}
/***** login page *****/
.login_left{width:532px; float:left;}
ul.list{padding:22px 0 0 0;}
ul.list li{padding:0 0 7px 10px; background:url(../images/img-list-bullet.png) no-repeat 0 4px;}
.login_wrapper{padding:25px 0 0 0; float:left; width:369px; text-align:center; position:relative; margin-left:40px;}
.login_wrapper h1{margin-bottom:10px;}
.login_grey_box{border:solid 1px #a6c1cf; background:url(../images/img-login-grey-box-bg.png) repeat; text-align:left;  padding:14px;}
.login_white_box{background:#fff; padding:20px 24px;}
.login_left_shadow{position:absolute; top:70px; left:-14px;}
.login_right_shadow{position:absolute; top:70px; right:-14px;}
.login_wrapper .form_row label{color:#000;}

.form_row{padding:5px 0;}
.form_row label{display:inline-block; padding-bottom:7px; color:#616161; width:224px}
.form_row input{width:35%;}
.form_row input[type=checkbox]{width:auto;}
.remember{border-bottom:solid 1px #c1c1c1; font-size:12px;}
.forgot{font-size:12px;}
.forgot a{text-decoration:underline;}
.forgot a:hover{text-decoration:none;}

input.btn_login{width:104px; height:34px; background:url(../images/btn-login.png) no-repeat; cursor:pointer; border:0; float:left; margin-left:10px;} 
.login_user{padding:20px 0 0 122px; background:url(../images/icon-login-user.png) no-repeat 65px 10px; min-height:48px; font-size:20px; line-height:22px;}
.login_user span{font-size:12px;}

/***** footer *****/
.footer{ width:1100px; height:auto; padding:20px 0; text-align:center; line-height:22px; font-size:12px;}
.footer a{padding:0 5px; text-decoration:none; color:#616161;}
.footer a:hover{text-decoration:underline;}

.logout_box
{
    height: auto;
    line-height: normal;
    font-size: 13px;
    padding: 0px;
    text-align: right;
    display: flex;
    justify-content: space-between;
    background: #952333;
    color: #FFF;
}
.loginbtn-ll
{
    display: flex;
}
.btnheader img
{
    padding: 15px 0px;
}
.btnheader input
{
    padding: 17px 30px;
    border: 0px;
    background: #FFF;
    font-size: 14px;
    font-weight: 600;
    color: #952333;
    text-transform: capitalize;
    border-left: 1px solid #f5f5f5;
    cursor: pointer;
}
.logout_box a{color:#616161; text-decoration:none;}
.logout_box a:hover{color:#0e4675; text-decoration:underline;}

.btn_blue{padding-left:11px; display:inline-block; margin:0; margin-top:2px;}
.btn_blue input{ 
    height:auto; 
    border:0; 
    color:#fff; 
    font-size:12px; 
    font-weight:bold; 
    padding:0 11px 0 0; 
    cursor:pointer; 
}
.btn_blue input, x:-moz-any-link, x:default{padding-bottom:3px;}
.btn_blue input[type=submit]{width:auto;}
.btn_blue input[type=button]{width:auto;}
.btn_blue_small
{
    background: transparent;
    height: auto;
    padding-left: 0px;
    display: inline-block;
    margin: 0;
    margin-top: 2px;
}
.btn_blue_small input, .btn_blue_small span
{
    background: #FFF;
    height: auto;
    color: #952333;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #952333;
    border-radius: 3px;
    margin: 0px;
    padding: 3px 15px;
}
.btn_blue_small input, x:-moz-any-link, x:default{padding-bottom:3px;}

/***** register page *****/
.form_column{width:100%; float:left; padding-top:20px;}
.form_buttons{padding-top:10px; display:inline-block;}
.form_buttons .btn_blue{margin-right:10px;}
.form_buttons .btn_blue input{width:76px; font-size:13px;}
.form_column .select{}

.custom_select{border:solid 1px #b9b9ba;display:inline-block;position:relative; background:#fff url(../images/select-arrow.png) no-repeat center right; vertical-align:middle;}
.custom_select select{margin:0; position:relative; z-index:1; margin:0!important;}
.select_text{height:26px; line-height:26px; padding:0 5px; position:absolute; top:0; left:0; width:100%; z-index:0;}


.main-content{ width:65%; margin-right: 5%;}
.main-content2{ width:100%; float:left;}
.product-img{ width:30%;}

.ui-multiselect{width:37%!important; font-weight:normal!important; color:#616161!important;}
.ui-multiselect-header{padding:0!important;}
.ui-multiselect-checkboxes{height:120px!important;}
.ui-multiselect-checkboxes span{font-weight:normal!important; color:#616161!important;}
.logo-listing{ padding-top:30px;}
.img-logo-repimg
{ 

}
.img-logo-repimg img{ margin-right:20px;}
.input-set{ width:200px !important; margin-top:28px;}
.info-box{ width:232px; float:left;}
.uplaod-img{ margin-top:30px;}

.error{ color:#FF0000; padding-left: 235px; }

.message{display:block;padding:8px 20px;margin-bottom:15px;}
.message p{width:auto;margin-bottom:0;margin-left:60px;}
.message h2{margin-left:60px;margin-bottom:5px;}
.message p{color:#555;}
.message h2{color:#333;}
.warning 
{
    background: #fff3cd;
    border: 1px solid #ffeeba;
    font-size: 14px;
    padding: 20px;
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
    border-radius: 3px;
}
.success {
    background: url("../admin_images/tick_48.png") no-repeat scroll 20px 50% #D4F684;
    border: 1px solid #739F1D;
    display: inline-block;
    margin: auto;
    text-align: center;
}
.simple_multisel{-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; position:relative; zoom:1; height:200px!important; width:100% !important; background:#F6F6F6!important;}

.simple_multisel2{-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; position:relative; zoom:1; height:25px!important; width:100%!important;background:#F6F6F6!important;}
.simple_multisel option,
.simple_multisel2 option
{
    padding: 6px;
}

.normal_text{ color:#000000; font-size:12px; height:38px; line-height:38px }

.ui-multiselect .ui-icon{display:none;}
.ui-multiselect span{white-space:nowrap; overflow:hidden; max-width:100%; font: 14px Arial, Helvetica, sans-serif;}

.t_center{text-align:center;}

.popup_contents{padding:10px;}
.info-box + p{overflow:hidden;}

.main-content2 h3{padding:5px 0;}
.main-content2 ul{list-style-type:none; padding-top:10px;}
.main-content2 li{padding:0 0 8px 15px; background:url(../images/img-bullet.png) no-repeat 0 4px;}
.logout_box span.fl
{
    margin-right: 30px;
    display: flex;
    align-items: center; 
}
.logout_box span.btn_blue_small
{
    margin-right: 30px;
}
.btnforcontent input
{
    padding: 9px 30px;
    margin-top: 15px;
    text-transform: uppercase;
}
.logo-listing .img-logo-repimg a img 
{
    width: 150px;
}
.btnforcontent input
{
    transition: all 0.3s ease-out;
}
.btnforcontent input:hover
{
    background: #952333;
    color: #FFF;
}
.policy-privacy h3,
.term-of-use h3
{
    margin-top: 30px;
    font-size: 22px;
}
.policy-privacy p strong,
.term-of-use p strong
{
    margin-top: 30px;
    display: block;
    font-size: 16px; 
}
.formfield-form
{
    display: inline-block;
    width: 450px;
    padding: 30px 30px;
    border: 1px solid #ccc;
    margin-top: 30px;
    border-radius: 6px;
}
.formfield-form .form_column
{
    margin: 0px;
    padding: 0px;  
}
.formfield-form .form_column .form_row
{
    padding: 0px;
    margin-bottom: 15px;
}
.formfield-form .form_column .form_row label
{
    display: inline-block;
    padding-bottom: 6px;
    color: #000;
    width: 100%;
}
.formfield-form .form_column .form_row input,
.formfield-form .form_column .form_row select
{
    height: auto;
    line-height: 26px;
    font-size: 14px;
    color: #000;
    border: solid 1px #b6b6b6;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
}
.formfield-form .form_column .form_row select:active,
.formfield-form .form_column .form_row select:focus
{
    outline: none;
}
.formfield-form .form_column .form_row input:active,
.formfield-form .form_column .form_row input:focus
{
    outline: none;
}
.formfield-form .forgetpass
{
    padding: 0px;
    margin-bottom: 15px;
}
.formfield-form .forgetpass span a
{
    color: #0e4675;
    font-size: 14px;
    font-weight: 500;  
}
.formfield-form .btn-action
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    align-items: center;
}
.btn-action .login-btn
{
    margin: 0px;
    padding: 0px;
}
.formfield-form .form_column .form_row .login-btn input,
.login-btn input
{
    padding: 9px;
    line-height: 18px;
    background: #FFF;
    margin: 0px;
    font-weight: 600 !important;
    width: 150px !important;
    color: #952333;
    border: 1px solid #952333;
    transition: all 0.3s ease-out;
    border-radius: 3px;
    font-size: 14px;
}
.formfield-form .form_column .form_row .login-btn input:hover,
.login-btn input:hover
{
    color: #FFF;
    background: #952333;
}
.formfield-form .btn-action .signup-btn
{
    padding-left: 0px;
    display: inline-block;
    margin: 0;
    margin-top: 0px;
}
.formfield-form .btn-action .signup-btn input
{
    height: auto;
    padding: 0px;
    background: transparent;
    border: 0px;
    text-decoration: underline;
    font-size: 14px;
    color: #0e4675;
    font-weight: 600;
    border-radius: 0px;
    width: auto;
    line-height: normal;
}
.formfield-form .error
{
    color: #952333;
    padding: 4px;
    font-size: 12px;
}
.frm-field-registration .form_column .form_row
{
    width: 48%;
}
.frm-field-registration .form_column .form_row.frm-field-email,
.frm-field-registration .form_column .form_row.frm-field-state,
.frm-field-registration .form_column .form_row.frm-field-country
{
    width: 100%;
}
.formfield-form.frm-field-registration
{
    width: 100%;
}
.formfield-form.frm-field-registration .form_column
{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.multiselect-ins
{
    display: block;
    margin-left: 0px;
    width: 100%;
    margin-top: 7px;
    font-size: 11px;
    background-color: #f9f9f9;
    padding: 6px 9px;
    color: #0e4675;
    border: 1px solid #f3f3f3;
    border-radius: 3px;
}
.form-frm-checkbox
{
    width: 100% !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.form-frm-checkbox input[type="checkbox"]
{
    width: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    margin-right: 15px !important;
}
.form-frm-checkbox label
{
    padding: 0px !important;
    margin: 0px;
}
.btn-action.adjcan
{
    justify-content: flex-end !important;
}
.btn-action.adjcan .signup-btn-can input
{
    padding: 9px !important;
    line-height: 18px !important;
    background: #FFF !important;
    margin: 0px !important;
    font-weight: 600 !important;
    width: 100px !important;
    color: #000 !important;
    border: 1px solid #FFF !important;
    transition: all 0.3s ease-out !important;
    margin-right: 15px !important;
    text-decoration: none !important;
}
.btn-action.adjcan
{
    clear: both;
}
.customize-sec-wrap-inner
{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    margin-bottom: 15px; 
}
.form_row.customize-sec-wrap
{
    width: 100% !important;
}
.customize-sec-wrap-inner input
{
    margin-right: 15px;
    margin-top: 0px !important;

}
.customize-sec-wrap-inner input[type="checkbox"]
{
    margin-right: 0px;
    width: auto !important;
}
.customize-sec-wrap-inner select
{
    margin-right: 15px;
    top:0px;
    height:48px !important;
}
.label-w-check
{
    display: flex;
    justify-content: space-between;
}
.label-w-check input[type="checkbox"]
{
    width: auto !important;
}
#tags,
#imageforicon,
.btnlistaccinfo
{
    width: 100% !important;
}
.formfield-form .form_column .form_row .btn-action.adjcan.btnlistaccinfo .login-btn input.inputauto,
.btn-action.adjcan.btnlistaccinfo .login-btn input.inputauto
{
    margin-left: 15px !important;
    width: auto !important;
}
.uplaod-img img
{
    display: block;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 15px;
}
.uplaod-img .popup_link.cboxElement
{
    padding: 9px;
    line-height: 18px;
    background: #FFF;
    margin: 0px;
    font-weight: 600 !important;
    width: auto !important;
    color: #952333;
    border: 1px solid #952333;
    transition: all 0.3s ease-out;
    border-radius: 3px;
    font-size: 14px;
}
.uplaod-img .popup_link.cboxElement:hover
{
    text-decoration: none;
    color: #FFF;
    background: #952333;
}
#uploadinstruction
{
    display: block;
    margin-left: 0px;
    width: 100%;
    margin-top: 15px;
    font-size: 12px;
    background-color: #FFF;
    padding: 6px;
    border: 1px solid #ccc;
    color: #952333;
    margin-bottom: 60px;
}

.product-img .header
{
    border: 8px solid #f8dea5;
    margin-bottom: 30px;
    margin-top: 84px;
    border-radius: 3px;
    background: #fffae2;
    padding: 16px 12px;
}
.product-img .header p
{
    padding: 0px;
    line-height: 23px;
    font-size: 18px;
    margin-bottom: 0px;
}

@media(max-width:767px)
{
    #wrapper,
    .formfield-form,
    .frm-field-registration .form_column .form_row,
    .product-img .header,
    .product-img .header p
    {
        width: 100%;
    }
    .blue_box .inner_box {
        padding: 25px;
        display: block;
    }
    .main-content {
        width: 100%;
        margin-right: 0px;
    }
    .product-img {
        width: 100%;
        text-align: center;
    }
    .footer
    {
        width: 100%;
    }
    .img-logo-repimg {
        display: flex;
    }
    h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .form_row.customize-sec-wrap
    {
        width: 600px !important;
        overflow: auto;
    }
    .customize-sec-wrap-inner
    {
        width: 600px;
        overflow: hidden;
    }
    .logout_box span.fl
    {
        display: none;
    }
    .form_row.btn-action.adjcan.btnlistaccinfo
    {
        display: block;
    }
    .btn-action .login-btn
    {
        width: 100%;
        margin-bottom: 15px;
    }
    .btn-action.adjcan.btnlistaccinfo .login-btn input.inputauto
    {
        margin: 0px !important;
        width: 100% !important;  
    }
    .footer
    {
        padding: 25px;
    }
    .btnheader input
    {
        border-radius: 0px !important;
        -webkit-appearance: none;
    }
}