html {
    scroll-behavior: smooth;
}
.widget div{color:#999; margin-bottom:8px}
.widget div em{color:#0E2233; font-style:normal;}

.usermenu h1{line-height:normal;font-family:'Trebuchet MS',Verdana,sans-serif; color:#333333; font-size:18px; font-weight:normal; margin:0px; padding:0 0 2px; background:url(/images/common/bg_underline_grey.gif) repeat-x bottom;}
.usermenu, a:link.usermenu, a:visited.usermenu, span.usermenu{border-width: 0px 0px 1px; border-style:solid; border-color:#dedfe3; padding:4px 0px; display:block; color:#333333; text-decoration:none; vertical-align:bottom;}
a:hover.usermenu{background:#fafafa;}
.usermenu img{vertical-align:bottom;}

.wishlist img, .profile-heading{float:left;}
.wishlist_details{margin-left:95px; color:#0E2233;}
.profile-headingbox, .profile-headingbox2{height:18px; background-color:#fff; margin-top:-17px; padding:5px;}
.profile-headingbox{padding:5px 5px 4px 0px; border-bottom:solid #cccccc 1px;box-sizing:content-box !important}

.pleasewait-heading, .profile-heading, .panel-headings{font-family:'Trebuchet MS',Verdana,sans-serif; font-size:140%; color:#EE8E1B; text-transform:none;}
.panel-headings{font-size:130%; font-weight:bold; color:#555; word-spacing:1px; letter-spacing:1px}
.profile-headingextras{color:#0E2233; float:right;}
.profile-headingextras strong{font-size:160%; color:#EE8E1B;}
.bg_gift_silver, .bg_gift_white{background-color:#B0BABD; height:80px; width:80px; padding:8px; }
.bg_gift_white{background-color:#ffffff;}

 /*   Pramathesh  */
#LayerAddNew, #addnewalbum, #renamealbum, #addnewphotos, #editphotodetails, #editthisphotodetails, 
#LayerArrangePhoto, #upload_icon{visibility:hidden; position:absolute; z-index:2}

.heading_grey{border-top:1px solid #BBBBBB; background-color:#EBEBEB; height:26px}
.heading_grey span{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#7E7E7E; font-size:16px; padding:4px; font-weight:bold; float:left}
.heading_grey img{padding:7px; float:right}

.folderlist{margin-left:0px; padding-left:0; list-style:none; margin-top:2px; color:#555;}
.folderlist li{padding:3px 5px 3px 22px; font-size:11px; color:#555; margin-left:10px; background:url(/images/common/i_folder.gif) no-repeat 0 0.4em;}
.folderlist li em{color:#A5B537; background-color:#FFF; font-weight:normal; font-style:normal}
.folderlist li a:link, .folderlist li a:visited, .folderlist li a:active{text-decoration:none; color:#579}
.folderlist li a:hover{text-decoration:none; color:#c00; background:none}

#flag span a:hover, #flagphoto:hover{color:#fff; background-color:#fab560; cursor:pointer;}



.info-useful-quest{
    padding-bottom: 20px;
    line-height: 1.4;
    font-size: 13px;
    font-weight: 400;
    color: #4f4f4f;
}
.info-quest-opt{
    padding-bottom: 12px;
}
.info-text{
    color: #0e2233;
    font-weight: bold;
    font-size: 14px;
}
.info-useful-quest textarea{
    height: 90px;
    margin-bottom: 15px;
    box-sizing: border-box !important;
}
.please-enter-email{
    margin-top:-20px !important;
}
.errRecommendation {
    color: #f00;
}
.clsThanks {
    display: block;
    padding: 20px;
    background: #EEE;
}
#txtEmail {
    margin-top: 4px;
}
#btnSaveEmail {
    float:right;
}
.txtRed {
    vertical-align: middle;
    font-size: 24px;
    color: #d00;
}
 .borderRed { border:  1px solid red; }
.get-quote, .help-frm {
    max-width: 450px;
}
#helpform.modal {
    max-height: 600px;
    /*padding: 50px;*/
}
#helpform .modal-head {
    border-bottom: 0;
    margin-bottom: 0;
    padding: 20px 10px 0;
    color: #242c42;
    font-weight: 600;
}
.help-frm .field-wrapper input {
    width: 100%;
}
#helpform .iti ul {
    width: 375px;
}
 


.help-form {
    padding: 1rem;
}
.help-frm{
    padding:0px;
    border-radius:5px;
}
.help-frm .alert {
    padding: 10px 15px;
    margin-bottom: 10px;
}

    .help-frm #btnsubmitss {
        padding: 8px 20px;
        color: #FFF;
        font-size: 15px;
        border-radius: 5px;
        background-color: #27572e;
        margin: 20px auto;
        height: 34px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
    }
    .help-frm .row{
        text-align:left;
    }
    .help-frm .field-wrapper {
        display: block;
        height: auto;
        margin-bottom: 15px;
    }
.help-frm .field-wrapper input{
    border-radius: 4px;
}
.add-product-text{
    max-height: 270px !important;
}

.help-frm textarea {
    resize:none;
    border-radius: 5px;
    height: 80px;
}

.sales-frm .selectbox-container .icon-drop-down {
    top: 11px;
}

.sales-frm .selectbox-container select {
    width: 100%;
    height: 34px;
}


     .help-otp-black-layer {
            z-index: 999;
            opacity: .5;
            background-color: #000;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            display: none;
        }
.help-otp-verify-holder {
    width: 320px;
    padding: 20px;
    margin: auto;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-51%);
    -webkit-transform: translate(-50%,-51%);
    -moz-transform: translate(-50%,-51%);
    float: left;
    text-align: center;
    background: #fff;
    z-index: 10000;
    display: none;
}

        .help-otp-title-text {
            padding-bottom: 15px;
            font-size: 24px;
        }

.help-otp-message {
    font-size: 15px;
    margin-bottom: 15px;
    color: #333;
}

        .help-otp-hyper {
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 16px;
            color: #81209d;
            cursor: pointer;
        }

        .help-input-otp-code {
            padding: 8px 12px;
            margin: 0 auto;
            margin-bottom: 10px;
            font-size: 13px;
            border: 1px solid silver;
            border-radius: 2px;
            min-width: 100%;
            background-color: #fff;
        }
.help-otp-verify-btn {
    width: 120px;
}
#frmMedia > input, #frmMedia>div > input ,#frmBusiness > input, #frmBusness>div > input {
    min-width: 270px;
    max-width:470px;
}
.termstext {
    font-size: 11px;
    margin-bottom: 11px;
}
.termslook {
    color: #1F75FE;
}


.help-otp-hyper a {
    background: #eee;
    width: 100%;
    padding: 10px;
    border: 1px solid #27572e;
    border-radius: 5px;
    color: #27572e;
}


.form-group {
    position: relative;
}
.help-form .form-group {
    position: relative;
    margin-bottom:20px;
}

.form-group input, .form-group textarea {
    width: 100%;
    padding: 10px 20px;
    font-size: 1rem;
    border: 1.5px solid #ccc;
    border-radius: 0.5rem;
    outline: none;
    transition: all 0.2s ease;
}

    .form-group label {
        position: absolute;
        top: 50%;
        left: 0.75rem;
        transform: translateY(-50%);
        background: #fff;
        padding: 0 0.25rem;
        color: #777;
        pointer-events: none;
        transition: all 0.2s ease;
        font-size: 14px;
    }

    .form-group input:focus {
        border-color: #27572e;
    }

    .form-group textarea:focus {
        border-color: #27572e;
    }

    .form-group .invalid-feedback {
        color: #dc3545;
        width: auto;
        margin-top: 0;
    }

.form-control:focus ~ .invalid-feedback {
    display: none !important;
}

.form-group input:focus + label,
.form-group input:not(:placeholder-shown) + label {
    top: -0.1rem;
    left: 0.5rem;
    font-size: 0.75rem;
    color: #27572e;
}

.form-group textarea:focus + label,
.form-group textarea:not(:placeholder-shown) + label {
    top: -0.1rem;
    left: 0.5rem;
    font-size: 0.75rem;
    color: #27572e;
}

.form-group .contact-label {
    left: 5rem;
}

.focused {
    top: -0.3rem !important;
    left: 0.5rem !important;
    font-size: 0.75rem !important;
    color: #27572e !important;
}

.icon-close {
    top: 5px !important;
    right: 10px !important;
}

    .icon-close:before {
        font-weight: 900;
        font-size: 12px !important;
    }

.to-top {
    background: #27572e;
    border: 1px solid #27572e;
}

    .to-top:hover {
        background: #27572e !important;
        border: 1px solid #27572e !important;
    }


.iti input {
    padding-left: 85px !important;
}

#commentValidation {
    top: 20px
}

.help-otp-verify-holder .btn-primary:hover {
    background-color: #27572e;
    color: #fff !important;
}

.help-otp-hyper a:hover {
    color: #27572e !important;
}

/*New changes*/

/* New Changes */