.modal-newsletter {
        color: #999;
        font-size: 15px;
    }
    .modal-newsletter .modal-content {
        padding: 40px;
        border-radius: 0;
        border: none;
    }
    .modal-newsletter .modal-header {
        border-bottom: none;
        position: relative;
        text-align: center;
        border-radius: 5px 5px 0 0;
    }
    .modal-newsletter h6 {
        color: #000;
        text-align: center;
        font-size: 30px;
        margin: 0 0 25px;
        font-weight: bold;
        text-transform: capitalize;
    }

    .modal-newsletter .icon-box {
        color: #7265ea;
        display: inline-block;
        z-index: 9;
        text-align: center;
        position: relative;
        margin-bottom: 10px;
    }
    .modal-newsletter .icon-box i {
        font-size: 110px;
    }
    .modal-newsletter .form-control, .modal-newsletter .btn {
        min-height: 46px;
        border-radius: 3px;
    }
    .modal-newsletter .form-control {
        box-shadow: none;
        border-color: #dbdbdb;
    }
    .modal-newsletter .form-control:focus {
        border-color: #7265ea;
        box-shadow: 0 0 8px rgba(114, 101, 234, 0.5);
    }

    .modal-newsletter .input-group {
        margin: 30px 0 15px;
    }


/* --------- Modal theme 1 deisgn by A -------- */

.modal-dialog.story_modal_css_theme1{
    position: relative;
    max-width:800px;
    /*width:100%;*/
    width:90%;
}
.modal-dialog.story_modal_css_theme1 .close{
    position: absolute;
    right:-11px;
    top:-13px;
    opacity: 1 !important;
    box-shadow:none !important;
}
.modal-dialog.story_modal_css_theme2 .close{
    position: absolute;
    right:11px;
    top:13px;
    opacity: 1 !important;
    box-shadow:none !important;
    z-index:999;
}


.story_modal_css_theme1 .modal-body,
.story_modal_css_theme2 .modal-body{
    padding:0;
}
.modal-newsletter .input-group {
    margin: 0 0 15px !important;
}
.modal-dialog.story_modal_css_theme1 .input-group .subscribe_email{
    max-width:530px;
    width: 100%;
    background: #fafafa url(../images/env_icon_in.png) 98% no-repeat;
    border:1px solid #dbdbdb;
    padding-right:33px;
}
.modal-dialog.story_modal_css_theme1 .progress{
    border-radius:10px !important;
}
.modal-dialog.story_modal_css_theme2 .progress{
    border-radius:10px !important;
    margin-top:10px;
}


.modal-dialog.story_modal_css_theme1 .btn.btn-primary.subscribe_btn{
/*    border:1px solid #000 !important;
    color:#000;
    font-weight: bold !important;
     -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;
     background-color: #ffd65e; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04)) !important;
     background-image: -webkit-linear-gradient(top, #ffd65e, #febf04);
     background-image: -moz-linear-gradient(top, #ffd65e, #febf04);
     background-image: -ms-linear-gradient(top, #ffd65e, #febf04);
     background-image: -o-linear-gradient(top, #ffd65e, #febf04);
     background-image: linear-gradient(to bottom, #ffd65e, #febf04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd65e, endColorstr=#febf04);*/

     border-radius:5px !important;
}


.modal-dialog.story_modal_css_theme1 .btn.btn-primary.subscribe_btn:hover{
/*     background-color: #fee542; background-image: -webkit-gradient(linear, left top, left bottom, from(#fee542), to(#fc9f15));
     background-image: -webkit-linear-gradient(top, #fee542, #fc9f15) !important;
     background-image: -moz-linear-gradient(top, #fee542, #fc9f15);
     background-image: -ms-linear-gradient(top, #fee542, #fc9f15);
     background-image: -o-linear-gradient(top, #fee542, #fc9f15);
     background-image: linear-gradient(to bottom, #fee542, #fc9f15);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fee542, endColorstr=#fc9f15);*/
}

/* --------- Modal theme 2 deisgn by A -------- */

.modal-dialog.story_modal_css_theme2{
    position: relative;
    max-width:800px;
    /*width:100%;*/
    width:90%;

    /*background:  url(../images/tst_image.png) center top  no-repeat;*/

    /*opacity: 0.5;*/

}
.modal-dialog.story_modal_css_theme2 .modal-body .input-group{
	display: block !important;
    /*margin-bottom:50px !important;*/
    margin-bottom:10px !important;

    text-align: center;
}

.modal-dialog.story_modal_css_theme2 .modal-body .input-group .subscribe_email{
    width: 90%;
    float: none;
}


.modal-dialog.story_modal_css_theme2 .modal-body h5{
    text-transform: unset;
    /*margin-bottom:0 !important;*/
    margin-bottom:7px !important;
    text-align: center;
}
.modal-dialog.story_modal_css_theme2 .btn.btn-primary.subscribe_btn{
    font-size: 32px;
    width: 90%;
    margin: 40px auto;
    border-radius: 5px;
    line-height: 40px;
    max-width: 700px;
    margin-bottom: 0;
    padding: 12px 0;
    outline: none;
    white-space:normal;
    border:0 !important;

}
.modal-dialog.story_modal_css_theme2 .modal-body .input-group .input-group-btn{
    text-align: center;
}

.modal-dialog.story_modal_css_theme2 .modal-body h5:first-child strong{
    font-weight:normal !important;
}
.modal-dialog.story_modal_css_theme2,
.modal-dialog.story_modal_css_theme2 .modal-content.theme2{
    border-radius:10px !important;
    /*margin-top: 50px !important;*/
}
.modal-dialog.story_modal_css_theme2 .modal-body h6{
    color: #073754;
}

.modal-dialog.story_modal_css_theme2 .modal-content.theme2{
    padding:0;

}
/*.modal-dialog.story_modal_css_theme2 .modal-content.theme2 .modal-part-1{
    padding:40px 40px 0 40px;
    min-height:180px;
}*/
.modal-dialog.story_modal_css_theme2 .modal-content.theme2 .modal-part-2{
    padding:40px;
    /*background-color:#ffffff;*/
    background: none repeat scroll 0 0 rgba(255,255,255,.8);
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;

}
.modal-dialog.story_modal_css_theme2 .modal-content.theme2{
    background-color: transparent !important;
}
/******************************Checkout page loading modal******/
#peogressModalEle .modal-body {
            padding: 15px;
        }
/******************************Checkout page loading modal******/
    @media (min-width: 768px){
        .modal-dialog {
            margin: 5% auto 30px;
        }
    }
    @media (max-width: 767px){
        .modal-dialog{width:90%;margin:40% auto 0;}
        .modal-body {
            padding: 0;
        }
        .modal-newsletter .input-group{text-align:center;margin: 30px auto 15px;}
        .modal-newsletter h6{font-size:24px;}
        .modal-newsletter .input-group-btn {display:inline-block;margin: 20px auto 0;    width: auto;}





.modal-dialog.story_modal_css_theme2 .btn.btn-primary.subscribe_btn{
    line-height:24px;
    margin-top:0;
 /*   width:100%;*/
}


    }
    /*prospect form Cancel button*/
.modal-dialog.story_modal_css_theme1 .theme1 .modal-part-2 div.input-group {width: 100%;text-align: center;}
.modal-dialog.story_modal_css_theme1 .theme1 .input-group .subscribe_email{max-width: 100%;}

.modal-dialog.story_modal_css_theme1 .theme1 .prospect_cancel{font-size: 20px;border-radius: 5px;padding: 10px;min-width: 150px;border: 1px solid #000;}

.modal-dialog.story_modal_css_theme1 .theme1 span.input-group-btn{display: inline-block;width: auto;margin-top: 10px;margin-right: 10px;}

.story_modal_css_theme2 .theme2 span.input-group-btn{width: 49%;display: inline-block;}
.story_modal_css_theme2 .theme2 .prospect_cancel{font-size: 20px;width: 100%;margin-top: 10px;line-height: 38px;padding: 12px 0;border-radius: 5px !important;}

.story_modal_css_theme2 .theme2 .btn.btn-primary.subscribe_btn{margin-top: 10px;width: 100%;}
.story_modal_css_theme2 .theme2 .modal-body .input-group .subscribe_email{width: 98%;border-radius: 5px !important;background: #fff;border: 1px solid #cec8c8;}
@media screen and (max-width:767px) {
    .story_modal_css_theme2 .theme2 .prospect_cancel{line-height: 24px;}
}
/*****************end prospect form Cancel button********************/