/** Common */
.c-overlay {pointer-events: none;opacity: 0;transition: opacity 0.3s;position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 59%);z-index: 12;}
.c-modal {pointer-events: none;opacity: 0;transition: opacity 0.3s;position: fixed;top: 10px;top: 50%;right: 50%;transform: translate(50%, -50%);max-width: 900px;width: 770px;height: 570px;margin: 0 auto;padding: 0px;background-color: #fff0 !important;/* border-radius: 20px; *//* box-shadow: 0 3px 10px rgba(0,0,0,0.3); *//* overflow: hidden; */z-index: 20;}
.c-modal-close-btn {position: absolute;right: 10px;top: 10px;font-size: 25px;background-color: #000 !important;color: #fff;border-radius: 24px;width: 50px !important;height: 50px !important;right: 0;top: 0;box-shadow: 0 0 10px 0 #000;cursor: pointer;content: "";z-index: 1;border: none;}
#c-modal.c-modal{background-image: url(../images/popup-frame.png);background-repeat: no-repeat;background-size: cover;}
.form-wrap {position: relative;margin-bottom: 20px;}
.form-wrap:last-child{margin-bottom: 0;}
.form-wrap i {position: absolute;z-index: 1;top: 14px;left: 20px;font-family: 'FontAwesome';}
.form-field {display: block;width: 100%;height: 45px;;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ccc;border-radius: 10px;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding-left: 45px;position: relative;z-index: 1;}
.formsubmit {background-image: linear-gradient(90deg,#696969,#494949);font-weight: 700;font-size: 16px;text-transform: uppercase;border: none;border-radius: 5px;color: #fff;padding: 11px 35px;cursor: pointer;}
.form-field:focus-visible, .form-field:focus{outline: 1px solid #000;}
.custom_popup_btn{text-align: center;}
.custom_popup_btn h3 {font-size: 20px;font-weight: 600;color: #333;margin-bottom: 25px;line-height: 1.2;font-family: Poppins,sans-serif;}
/*#c-modal .custom_popup_right {background: url(../images/new-year.png) no-repeat;width: 316px;height: 214px;left: 60px;top: 30px;}*/
.custom_popup_right {height: 100%;position: absolute;background-size: cover !important;}

#c-modal .c-content {position: relative;}
#c-modal .head {position: relative;padding-top: 0;text-align: center;padding-left: 20px;}
#c-modal .head h3  {color: #fff;text-transform: uppercase;font-weight: 700;font-size: 28px;margin-left: -50px;padding-top: 50px;text-align: center;}
#c-modal .head h4 {color: #fff;text-align: center;text-transform: uppercase;font-weight: 600;font-size: 20px;padding-top: 10px;}
#c-modal .head h4 strong{color: #f05a28;}
#c-modal form {width: 90%;margin-top: 40px;margin-left: 10px;}
#c-modal form input{padding: 10px;border-radius: 0;width: 100%;margin-bottom: 10px;border: 0;padding-left: 20px;background: #f4f4f4;}
#c-modal form #formsubmit{background: #f05a28;border-radius: 0;margin-top: 5px;position: relative;width: 90%;float: right;}
#c-modal form .brn_popup {position: relative;}
#c-modal form .brn_popup:before {
    width: 0;
    height: 0;
    border-top: 43px solid #f05a28;
    border-left: 24px solid transparent;
    position: absolute;
    content: '';
    left: 11px;
    top: 5px;
}
#c-modal form textarea{padding: 10px;border-radius: 0;width: 100%;margin-bottom: 10px;border: 0;padding-left: 20px;height: 110px;resize: none;background: #f4f4f4;}
#c-modal form p{font-size: 14px;text-align: center;color: #fff;font-weight: 400;display: inline-block;float: right;}

/* Style 1 */
.style1 .c-modal-close-btn{background-color: #f05a28 !important;color: #fff !important;}
.style1 .form-wrap i{color: #f7930e;}
.style1 .formsubmit{background-image: linear-gradient(90deg,#f79b0c,#f86b14);}
.style1 .form-field:focus-visible, .style1 .form-field:focus{outline: 1px solid #f7930e;}

/* Style 2 */
.style2#c-modal.c-modal{background-image: url(../images/popup-frame-2.png);}
.style2 .c-modal-close-btn{background-color: #e00900 !important;color: #fff !important;}
.style2 .form-wrap i{color: #f7930e;}
.style2 .formsubmit{background-image: linear-gradient(90deg,#f79b0c,#f86b14);}
.style2 .form-field:focus-visible, .style1 .form-field:focus{outline: 1px solid #f7930e;}

/* C Grid */
.crow{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.ccol-full .ccol{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.ccol-half .ccol{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.ccol-quater .ccol{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.ccol{position: relative;width: 100%;}
*, ::after, ::before {box-sizing: border-box;}



@media screen and (max-width: 767px) {
    #c-modal.c-modal{background-position: top;}
    #c-modal .custom_popup_right{display:none;}
    .ccol{-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;max-width: 100% !important;}
    .c-modal {margin-right: 15px;margin-left: 15px;width: 100%;height: 100%;background-position: center;margin: auto;}
    #c-modal .head h3{font-size:25px;}
    #c-modal form{width: 90%;margin-left: 20px;}
    .c-modal-close-btn{right: 3px;top: 5px;}
    #c-modal .head{margin-left:0;}
}
@media screen and (max-width: 320px) {
	#c-modal .head h3 {font-size: 20px; }
.c-modal-close-btn{top: 13px;width: 40px !important;height: 40px !important;}
#c-modal form{    margin-top: 20px;}
}
/** JS */
.c-is-visible {opacity: 1;pointer-events: auto;}