*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tinymodal-overlay{ z-index:99;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5)}
.tinymodal-window{position:absolute;width:100%;max-width:315px;top:5%;left:50%;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.3),0 6px 30px rgba(0,0,0,0.25);box-shadow:0 0 6px rgba(0,0,0,0.3),0 6px 30px rgba(0,0,0,0.25)}
.tinymodal-title{ text-transform: uppercase;position:relative;padding:10px;font-family: 'Signika', sans-serif;font-size:130%;font-weight:bold;text-shadow:0 1px rgba(0,0,0,0.7);color:#fbfbfb;background:#1d2a4d;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}
.tinymodal-close{position:absolute;top:50%;right:.5em;margin-top:-.5em;font-size:150%;line-height:1;cursor:pointer}
.tinymodal-content{padding:5 10px;background:#fff; font-family: 'Signika', sans-serif;}
.tinymodal-content{max-height:450px;overflow-y:auto}
.tinymodal-buttons{zoom:1;padding:5px 10px;background:-webkit-linear-gradient(#d9d9d9, #fff);background:-moz-linear-gradient(#d9d9d9, #fff);background:-o-linear-gradient(#d9d9d9, #fff);background:-ms-linear-gradient(#d9d9d9, #fff);background:linear-gradient(#d9d9d9, #fff);-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}
.tinymodal-buttons:before,.tinymodal-buttons:after{content:"";display:table}
.tinymodal-buttons:after{clear:both}
.tinymodal-buttons .inner{float:right}
.tinymodal-buttons button{    margin-left: .5em;
    padding: 8px 16px !important;
    line-height: 1;
    color: #000;
    font-weight: bold;
    text-shadow: 0;
    background: #8BD861;
    border: 0;
    border: 0;
    border-bottom: 0;
    -webkit-border-radius: 3px;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.45);
    box-shadow: 0;
    text-transform: uppercase;}
.tinymodal-content h5 {  padding: 0;margin: 0;font-weight: normal;font-size: 12px; }
/*
@media (min-width: 400px) and (max-width: 480px) {
	.tinymodal-window {
		 max-width:  380px !important; 
	}
}

@media (min-width: 481px) and (max-width: 768px) {
	.tinymodal-window {
		max-width: 420px !important; 
	}
}

@media (min-width: 769px) {
	.tinymodal-window {
		max-width: 420px !important; 
	}
}
*/