#ouibounce-modal {display: none;	position: fixed;top: 0;left: 0;width: 100%;height: 100%}
#ouibounce-modal .underlay { width: 100%; height: 100%; position: absolute; top: 0;left: 0; background-color: rgba(0,0,0,.5); cursor: pointer; -webkit-animation: fadein .5s; animation: fadein .5s}
#ouibounce-modal .modal-exit { width: 600px; height: 400px; background-color: #f0f1f2; z-index: 1; position: absolute; margin: auto;	top: 0; right: 0; bottom: 0; left: 0; border-radius: 4px;-webkit-animation: popin .3s; animation: popin .3s}
#ouibounce-modal .modal-title {font-size: 18px;background-color: #252525;color: #fff;	padding: 10px;margin: 0;border-radius: 4px 4px 0 0;text-align: center}
#ouibounce-modal h3 {color: #fff;font-size: 1em;margin: .2em;text-transform: uppercase;font-weight: 500}
#ouibounce-modal .modal-body-exit {padding: 20px 35px;font-size: .9em}
#ouibounce-modal p {color: #344a5f}
#ouibounce-modal form {text-align: center;margin-top: 35px}
#ouibounce-modal form input[type=text] {padding: 12px;font-size: 1.2em;width: 300px; border-radius: 4px; border: 1px solid #ccc; -webkit-font-smoothing: antialiased}
#ouibounce-modal form input[type=submit] {text-transform: uppercase; font-weight: 700; padding: 12px; font-size: 1.1em; border-radius: 4px;	color: #fff; background-color: #4ab471;	border: none; cursor: pointer; -webkit-font-smoothing: antialiased}
#ouibounce-modal form p { text-align: left; margin-left: 35px; opacity: .8;	margin-top: 1px; padding-top: 1px; font-size: .9em}
#ouibounce-modal .modal-footer { position: absolute; bottom: 20px; text-align: center; width: 100%}
#ouibounce-modal .modal-footer p {text-transform: capitalize; cursor: pointer; display: inline;border-bottom: 1px solid #344a5f }



/* Custom Css:Start   */

.exit-main-body { overflow: hidden; }
.coupon-code-modal { position: relative; padding:0 20px;}
.coupon-icon { display: inline-block; padding: 20px 0 10px; text-align: center; width: 100%;}
.coupon-text { display: inline-block; padding: 20px 0 0; text-align: center; width: 100%;}
.code-heading { color: #000; display: inline-block; font-size: 36px; font-weight: bold; margin-bottom: 10px; padding: 0; position: relative; text-align: center; width: 100%;}
.code-tagLine { color: #fff; display: inline-block; font-size: 24px; text-align: center;}
.code-btn-child { background: transparent none repeat scroll 0 0; display: inline-block; height: 47px; padding: 0; position: relative;}
.code-btn-child .code-input { background: #eee none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 21px; box-shadow: none; float: left; font-size: 19px; height: 100%;  line-height: 45px; padding: 0 48px 0 10px; width: 175px;}
.copy-code { background: #76aa2c none repeat scroll 0 0; border-radius: 0 21px 21px 0; color: #fff; cursor: pointer; height: 100%; line-height: 42px; padding: 1px 0; position: absolute; right: 0; text-align: center; width: 55px;}
.copy-code .icon-copy-text { font-size: 15px; font-weight: bold; text-transform: capitalize;}
.copy-code i { font-size: 19px;}
.copy-code .icon-copy-text::before { content: "copy";}
.code-btn-css { position:relative; display: inline-block; text-align: center; width: 100%;}
.badge-img { float: left; left: 0; position: absolute; top: -10px; width: 120px;}
#ouibounce-modal { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; height: 100%; overflow-y: auto;  width: 100%;z-index:102;}
#ouibounce-modal .modal-body-exit { width: auto;}
.coupon-question { background: #fff none repeat scroll 0 0; border-radius: 4px; display: inline-block; padding: 10px 0 15px; text-align: center; width: 100%;}
.ques-title { color: #000; float: left; font-size: 15px; font-weight: 600; padding: 0 5px 10px; width: 100%;}
.coupon-question .whiteBtnNectar { float: left; width: 100%;}
.coupon-question .whiteBtnNectar .btn.btn-default:first-child { margin-right: 15px;}
.coupon-question .whiteBtnNectar span { display:inline-block; width:100%; text-align:center; }
.coupon-question .whiteBtnNectar span.code-test { width: 282px;}
.code-test .input-number-css { box-sizing: border-box; display: inline-block; height: 32px; padding: 0 5px; width: 100%;}
.coupon-question .whiteBtnNectar .btn.btn-default.code-request-btn { display:inline-block; font-size: 13px; height: auto; margin-top: 7px; padding: 7px 0; width: 100%;}
#ouibounce-modal.exit-popup .modal-body-exit { background: transparent none repeat scroll 0 0; padding: 0; position:relative;}
#ouibounce-modal.exit-popup .modal-exit { position: relative; background: transparent none repeat scroll 0 0; height: auto; margin: 80px auto 0; width: 700px;}
.code-tagLine b { color: #76aa2c;}
.exit-poppuClose { background: #000 none repeat scroll 0 0; border: 2px solid #fff; border-radius: 100%; color: #fff; cursor: pointer; height: 28px; line-height: 24px; position: absolute; right: -15px; text-align: center; top: -14px; width: 28px; z-index: 9;}
.exit-poppuClose .icon-close { display: inline-block; margin: 0 0 0 -3px; width: auto;}
.exit-consultation .coupon-question .whiteBtnNectar .btn.btn-default { float: left; font-size: 16px; padding: 13px 0; width: 100%;}
.coupon-question span.code-call-btn { background: #404040 none repeat scroll 0 0; border: 2px dashed; border-radius: 7px; color: #fff; float: left; font-size:15px;
  font-weight: 600; line-height: 23px; margin-left: 17px; margin-right: 0; padding: 13px 0; width: 254px;}
.exit-images img {width:130px; }
.coupon-question .whiteBtnNectar span.exit-btns-or { float: left; font-size: 14px; line-height: 75px; padding: 0 10px; text-transform: uppercase; vertical-align: middle; width: 20px;}
.redeem-code { color: #000; float: left;  font-size: 15px; font-weight: 600; padding:5px 0 15px 35px; text-align: center;  width: auto;}
.exit-valid { display: inline-block; width: 100%;}
.redeem-code > span:first-child { font-weight:bold; display: inline-block; margin-bottom: 10px; width: 100%;}
.exit-popups-main { opacity: 1; background: #1f8ceb none repeat scroll 0 0; border: 4px solid #fff; border-radius: 5px; display: inline-block; padding: 20px;}
.exit-copied-section { background: #2980b9 none repeat scroll 0 0; bottom: 0; color: #fff; display: inline-block; left: 0; padding: 210px 0; position: absolute; text-align: center;  top: 0; width: 100%; opacity:0; visibility:hidden; transition:all 0.2s ease 0s;  transform:scale(1.05);}
.exit-copied-show { opacity:1; visibility:visible; transform:scale(1); }
.exit-copied-strip { background: #52a2db none repeat scroll 0 0; display: inline-block; font-size: 48px; padding: 40px 0; text-transform: uppercase;  width: 100%;}

.exit-free-consultation .coupon-question .whiteBtnNectar span.code-test { display: inline-block; margin: 0 auto; padding: 0; width: 400px; float:none;}
.exit-free-consultation .coupon-question .whiteBtnNectar .btn.btn-default.code-request-btn { padding: 15px 0; width: 100%; font-size:14px;}
.errormsgPopup {color: red; font-size: 16px; margin-top: 10px; text-align: center;}

#ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .modal-exit{width: 600px;}
#ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal  .modal-body-exit{float: none;}
#ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .exit-poppuClose{right: -5px;top: -18px;}
#ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .modal-body-exit{margin-bottom: 0px;background-color: transparent;padding: 0;}

/* Custom Css: end  */

@-webkit-keyframes fadein {
0% {opacity:0}
100% {opacity:1}
}
@-ms-keyframes fadein {
0% {opacity:0}
100% {opacity:1}
}
@keyframes fadein {
0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes popin {
0% {-webkit-transform:scale(0);transform:scale(0);opacity:0}
85% {-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}
100% {-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-ms-keyframes popin {
0% {-ms-transform:scale(0);transform:scale(0);opacity:0}
85% {-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}
100% {-ms-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes popin {
0% {-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}
85% {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}
100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
}

/* Style,color, category page popup css: start*/

#ouibounce-modal.exit-popup.exit--chooseDesign .modal-exit { width: 850px; margin: 50px auto 0;}
.exit--chooseDesign .modal-exitHeader { background: #707482 none repeat scroll 0 0; border-bottom: 1px solid #e5e5e5; color: #fff; padding: 7px; position: relative;}
.exit--chooseDesign .modal-exitHeader .head-choose-title { font-size: 21px; font-weight: 500; text-align: center;}
.exit--chooseDesign.choose-popup-modal .main-dh-chooseCss .subLines-liCss > span { font-weight: 500;}
.exit--chooseDesign.choose-popup-modal .main-dh-chooseCss { margin: 0;}
#ouibounce-modal.exit-popup.choose-popup-modal .modal-body-exit { margin-bottom: 40px; background: #f4f4f6 none repeat scroll 0 0; float: left; padding: 15px; width: 100%;}
#ouibounce-modal.exit-popup.choose-popup-modal .modal-body-exit .subLines-liCss { margin-bottom: 3px;}
.exit--chooseDesign .coupon-question { background: #909090 none repeat scroll 0 0; padding: 10px 10px 15px;}
.exit--chooseDesign .ques-title { color: #fff; font-weight: 500; font-size: 16px;}
.exit--chooseDesign .coupon-question span.code-call-btn {margin-left: 0;width: 355px;}
.exit--chooseDesign .coupon-question .whiteBtnNectar span.exit-btns-or {color: #fff;float: left;font-size: 18px;font-weight: 600;width: 100px;}
.exit--chooseDesign.choose-popup-modal .how-work-video { padding: 12px 0 0 15px;}
.exit--trusted { display: inline-block; margin-bottom: 20px; margin-top: -40px; text-align: center; width: 100%;}
#ouibounce-modal .main-dh-chooseCss > p { color: #333;}
.exit--chooseDesign.choose-popup-modal .main-dh-chooseCss .subLines-liCss > span.money--back {font-weight: bold;}
#ouibounce-modal .main-dh-chooseCss > p { color: #333; font-size: 22px; margin-bottom: 10px;}
#ouibounce-modal .main-dh-chooseCss > p::before { top: 35px;}
.coupon-question .whiteBtnNectar .btn.btn-default.code-request-btn { padding: 9px 0;}
.coupon-question.free--designBook .whiteBtnNectar span.code-test { width: 300px;}
.coupon-question.free--designBook .whiteBtnNectar .btn.btn-default.code-request-btn { font-size: 14px; margin: 0; padding: 15px 0;}


.coupon-question .whiteBtnNectar span.exit-continueBtn {
  float: left;
  margin: 15px auto;
  width: 180px;
}
.exit--chooseDesign .whiteBtnNectar span.exit-btns-or{color: #fff;}

.exit--chooseDesign .free--designBook .whiteBtnNectar span.code-test {
  float: none;
  width: 300px;
}
.exit--chooseDesign .free--designBook .whiteBtnNectar span.exit-btns-or { 
  display: inline-block;
  float: none;
}
.free--designBook .whiteBtnNectar span.exit-continueBtn {
  display: inline-block;
  float: none;
}



/* Style,color, category page popup css: end*/

.coupon-question .whiteBtnNectar span.code-call-btn, .coupon-question .whiteBtnNectar span.exit-btns-or { display: none;}

@media (max-width:991px)
{
	.exit-popup { display:none !important; } 
}