#ouibounce-modal{font-family:'Open Sans',sans-serif;display:none;position:fixed;top:0;left:0;width:100%;height:100%; z-index: 99999}

#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{width:450px; height:100%; overflow: hidden; overflow-x: hidden;
	 position:absolute;margin:60px auto;top:0;right:0;bottom:0;left:0;border-radius:4px;-webkit-animation:popin .3s;animation:popin .3s}
#ouibounce-modal .modal-body { display: block;}
#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 { text-align:center}
#ouibounce-modal h3{color:#fff;font-size:1em;margin:.2em;text-transform:uppercase;font-weight:500}#ouibounce-modal .modal-body{padding:0px;font-size:.9em}
#ouibounce-modal h1  {  font-family: 'HelveticaNeueLTStdBd';  font-size:28px;  line-height:35px;}
#ouibounce-modal p{color:#344a5f}#ouibounce-modal form{text-align:center;margin-top:35px}
#ouibounce-modal form input[type=text], #ouibounce-modal form input[type=email]{padding:6px 12px;color: #303233; font-size: 14px;width:100%;border-radius:4px;border:1px solid #ccc;-webkit-font-smoothing:antialiased; height: 50px;   } 
#ouibounce-modal form input[type=submit]{ border-radius:6px;  background: #262262;transition: all 0.5s ease 0s;width: 100%;text-align:center;color:#fff; font-family:'HelveticaNeueLTStdMd';font-size:18px;text-transform:uppercase;padding: 4px 12px; cursor:pointer;-webkit-font-smoothing:antialiased}
#ouibounce-modal form input[type=submit]:hover{background-color:#ED2724;}
#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}

.modal-cls { position: absolute; top: -5px; right: -5px; z-index: 999; }
.modal-cls a {  display:block; width: 40px; height: 40px; background: #ed2724; border-radius: 100%; color:#fff; font-size: 16px; text-transform: uppercase;}
.modal-cls a span { top: 10px; position: relative;}
 
#ouibounce-modal .modal-content { padding:25px 15px;}

#carbonads {  max-width: 300px;   background: #f8f8f8;}
.carbon-text {display: block;width: 130px; }
.carbon-poweredby { float: right;}
.carbon-text {padding: 8px 0;}
#carbonads { padding: 15px; border: 1px solid #ccc; }
.carbon-text {font-size: 12px;color: #333333;text-decoration: none;}
.carbon-poweredby {font-size: 75%;text-decoration: none;}
#carbonads { position: fixed; top: 5px;right: 5px;}
.yes{
    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;
	}
	.no{
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px;
    font-size: 1.1em;
    border-radius: 4px;
    color: #fff;
    background-color: #083c90;
    border: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
	}

	#ouibounce-modal .modal {display:block;	}






@-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}
}



@media screen and (max-width:575px) {
	
	#ouibounce-modal .modal{width:95%; height:400px;}
	#ouibounce-modal form input[type="text"] { width:100%;}
	
	
	
}