.exit-intent-modal {
 opacity: 0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 3001;
 width: 100%;
 text-align: center;
 height: 100% !important;
 pointer-events: none;
 background-color: rgba(229, 27, 233, 0);
}
.exit-intent-modal.fade-in {
 pointer-events: all;
}
.exit-intent-modal.fade-in.fade-out {
 pointer-events: none;
}
body {
 height: 100%;
 position: relative;
}
#exit-popup-overlay {
 height: 100vh !important;
 z-index: 3000;
 position: fixed;
 width: 100%;
 background: #000;
 opacity: 0.5;
}
#exit-popup-wrapper {
 margin: 50px 0;
 position: fixed;
 z-index: 3001;
 width: 100%;
 height: 100vh;
 text-align: center;
}
#exit-popup {
 width: 828px;
 min-height:559px;
 display: inline-block;
 background: #fff;
 padding: 0px 50px 0px 50px;
 position: relative;
 background-color: rgba(47, 107, 154, 1);
 text-align: left;
}
#exit-logo {
 text-align: left;
 position:absolute;
 width: 126px;
 height: auto;
 left: 20px;
 top: 20px;
 border-radius: 0px;
}
#exit-popup h2 {
 margin-top: 90px;
 margin-bottom: 15px;
 text-align: left;
 text-transform: inherit;
 width: 284px;
 font-size: 37px;
 font-style: normal;
 font-weight: 700;
 line-height: 40px;
 letter-spacing: 0em;
 text-align: left;
 color: #ffffff;
}
#exit-popup p {
 text-align: left;
 text-transform: inherit;
 font-size: 18px;
 font-style: normal;
 font-weight: 400;
 line-height: 30px;
 letter-spacing: 0em;
 text-align: left;
 width: 300px;
 color: #ffffff;
}
#exit-popup-close {
 right: 20px;
 font-size: 25px;
 color:#fff;
 position: absolute;
 font-weight: 400;
 cursor: pointer;
 height: 15px;
 width: 15px;
 top: 10px;
 border-radius: 0px;
}
.btn.exit-popup-close {
 text-transform: inherit;
 display: block;
 font-size: 17px;
 height: 53px;
 margin-top: 30px;
 width:310px;
 background-color: rgba(40, 134, 62, 1);
 color: #ffffff;
 margin-bottom: 6px;
}
.daynote {
 width: 310px;
 height: 30px;
}
.countdown {
  margin-top: 8px;
 text-align: left;
 width: 260px;
 font-weight:700;
}
#exit-pop-up-note {

  margin-top: 8px;
 font-size: 14px;
 text-align: left;
 display:block;
 padding-bottom:20px;
 color: #ffffff;
}
#exit-background {
 position: absolute;
 width: 382.1px;
 height: 411px;
 left: 405px;
 top: 82px;
}
.fade-in {
 -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
 -moz-animation: fadein .5s; /* Firefox < 16 */
 -ms-animation: fadein .5s; /* Internet Explorer */
 -o-animation: fadein .5s; /* Opera < 12.1 */
 animation: fadein .5s;
 opacity: 1 !important;
}
.fade-out {
 -webkit-animation: fadeout 1s; /* Safari, Chrome and Opera > 12.1 */
 -moz-animation: fadeout 1s; /* Firefox < 16 */
 -ms-animation: fadeout 1s; /* Internet Explorer */
 -o-animation: fadeout 1s; /* Opera < 12.1 */
 animation: fadeout 1s;
 opacity: 0 !important;
}
#clockdiv {
  color: #ffffff;
}
@keyframes fadein {
 from {
  opacity: 0;
 }
 to   {
  opacity: 1;
 }
}
/* Firefox < 16 */@-moz-keyframes fadein {
 from {
  opacity: 0;
 }
 to   {
  opacity: 1;
 }
}
/* Safari, Chrome and Opera > 12.1 */@-webkit-keyframes fadein {
 from {
  opacity: 0;
 }
 to   {
  opacity: 1;
 }
}
/* Internet Explorer */@-ms-keyframes fadein {
 from {
  opacity: 0;
 }
 to   {
  opacity: 1;
 }
}
/* Opera < 12.1 */@-o-keyframes fadein {
 from {
  opacity: 0;
 }
 to   {
  opacity: 1;
 }
}
@keyframes fadeout {
 from {
  opacity: 1;
 }
 to   {
  opacity: 0;
 }
}
/* Firefox < 16 */@-moz-keyframes fadeout {
 from {
  opacity: 1;
 }
 to   {
  opacity: 0;
 }
}
/* Safari, Chrome and Opera > 12.1*/@-webkit-keyframes fadeout {
 from {
  opacity: 1;
 }
 to   {
  opacity: 0;
 }
}
/* Internet Explorer*/@-ms-keyframes fadeout {
 from {
  opacity: 1;
 }
 to   {
  opacity: 0;
 }
}
/* Opera < 12.1*/@-o-keyframes fadeout {
 from {
  opacity: 1;
 }
 to   {
  opacity: 0;
 }
}
.exit-intent-modal .banner {
  display: inline-block;
  background: #acc3d7;
  color: #2f6b9a;
  font-size: 13px;
  font-weight: bold;
  padding: 6px 16px;
  position: relative;
  left: 10px;
}

.exit-intent-modal .banner:before,
.exit-intent-modal .banner:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  top: 0;
}

.exit-intent-modal .banner:before {
  border-width: 15.5px 0 15.5px 10px;
  border-color: #acc3d7 #acc3d7 #acc3d7 #2f6b9a;
  left: -10px;
}

.exit-intent-modal .banner:after {
  border-width: 15.5px 10px 15.5px 0;
  border-color: #acc3d7 #2f6b9a #acc3d7 #acc3d7;
  right: -10px;
}

@media ( max-width: 850px ) {
  #exit-background {
    display: none;
  }
  #exit-popup {
    width: 412px;
  }
}