@CHARSET "UTF-8";

html, body {width: 100%;height: 100%;padding: 0px; margin: 0px 0px 0px 0px;}

header .header-holder{height:85px;background-color: #CC3333;}
header .header-holder img{margin-top: 40px;}
header .header-holder .service-num{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 18px;color: #FFF;margin:0 25px 0 0;}
header .header-holder .service-text{font-family:"Arial", Futura, sans-serif;font-size: 14px;color: #FFF;margin:26px 25px -4px 0;}
footer .footer-holder{background-color: #303030;}
footer div{padding: 9px 0 8px 0;}
footer p{font: 10px "Arial", Futura, sans-serif;color: #9d9d9d;text-decoration: none;font-weight: 500;  margin: 0 0 3px 0; text-align: center;}

.container, .container-fluid{max-width: 1024px;padding: 0px;}
.satisfaction-seal img{width:75px;}
.satisfaction-seal p{font-family:"Arial";font-size: 11px;}

.alert{max-height: 150px;overflow: hidden;padding: 5px 15px 5px 15px;}
.alert>p+p {margin-top: 0px;}
.alert.alert-freeheight{max-height: none;}
.alert-link{text-decoration: underline;}

.cover-imgs img{box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.2); position: relative;}
.cover-imgs img.first-child{z-index: -1; margin-top: 25px; transform: rotate(-7deg);-webkit-transform:rotate(-7deg);-ms-transform: rotate(-7deg);}
.cover-imgs img.last-child{z-index: -1; margin-top: 25px; transform: rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform: rotate(7deg);}

h1{font-weight: bold;font-family:"Arial";font-size: 46px;color: #2A2A2A;}
.legal{font: 10px "Arial", Futura, sans-serif; color: #9d9d9d; text-decoration: none; font-weight: 500;}
.legal_link {color: inherit; text-decoration: none;}
.panel h3{font-weight: bold;font-family:"Arial";font-size: 24px;color: #2A2A2A;margin: 18px 0 10px 0;}
.subscribe .panel.entry-panel label, .event .panel.entry-panel label{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 14px;color: #000;}
.panel.entry-panel label{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 18px;color: #000;}
.subscribe .panel.addr-panel label{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 14px;color: #000;}
.panel.addr-panel label{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 14px;color: #000;}
.panel .sub-status h5{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 18px;color: #CC3333; margin: 5px 0 0 0;}
.panel h5{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 18px;color: #000;}
.panel h5.red{color:#CC3333;}
.sub-desc h3{font-weight: bold;font-family:"Arial";font-size: 26px;color:#CC3333;margin: 10px 0 10px 0;}
.panel.confirm-panel p{font-family:"Arial", Futura, sans-serif;font-size: 13px;color: #000;}
.modal h4{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 16px;color: #000;}
.modal p{font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 14px;color: #000;}

.panel .icon-holder{color: #000;margin:7px 35px 0 0;font-size: 35px;}
.panel-heading{padding: 9px 15px; background-image: url('/National_Library/20161018070833oe_/https://subscribe.nypost.com/images/nyp-panel-bg.png'); background-repeat:repeat-x;}
.panel-default>.panel-heading {color: transparent;background-color: transparent;border-color: transparent;}
.panel-body{padding:15px 80px 15px 80px;}
.panel-hidden, .hidden{display: none;}

.black-circle{margin: 7px 18px 0 15px;width: 45px;background-color: #000;height: 45px;border-radius: 45px;}
.black-circle p{text-align: center;font-weight: bold;font-family:"Arial", Futura, sans-serif;font-size: 24px;color: #FFF; padding-top: 6px;}
.btn{font-family: "Arial", Futura, sans-serif; font-weight: bold; font-size: 16px; border-radius: 0px;}
.btn-danger{color: #FFF; background-color: #cc3333; border-color: #cc3333;}
.btn-danger:hover{background-color: #7E3332;}
.btn-next{width: 95px;}
.btn-redeem{width: 155px;}

.modal-sm{margin-top: 150px;}
#loading-modal .progress{margin-bottom: 0;}
.manualtip{position: absolute;z-index: 1070;display: block;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;font-weight: 400;line-height: 1.4;top: 2px;left: -45px;}
.manualtip.left{padding: 0 5px;margin-left: -3px;}
.manualtip-arrow{position: absolute;top: 50%;width: 0;height: 0;border-color: transparent;border-style: solid;}
.manualtip.left .manualtip-arrow{border-left-color: #CC3333;right: 0;margin-top: -5px;border-width: 5px 0 5px 5px;}
.manualtip-inner{background-color: #CC3333; max-width: 50px;padding: 3px 8px;color: #fff;text-align: center;text-decoration: none;border-radius: 4px;}

.text-danger{color:#CC3333 !important;}
.text-black{color:#000 !important;}
.text-require{font-family: "Arial", Futura, sans-serif; font-size: 13px;}
.text-info{font-family: "Arial", Futura, sans-serif; font-size: 12px; color: #000;}
.text-cover{font-family: "Arial", Futura, sans-serif; font-size: 30px; color:#cecece !important;}
.label-info{font-family: "Arial", Futura, sans-serif; font-size: 11px; color: #000;background-color: #FFF;}
.invis{visibility: hidden;}
.disabled{opacity: 0.4;pointer-events: none;}
.clickable{cursor: pointer;}
.underline{text-decoration: underline;}

.lh-35{line-height: 35px;}
.fs-32{font-size: 32px;}
.w100p{width: 100%;}

.mt-0{margin-top: 0px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-40{margin-top: 40px;}
.mb-0{margin-bottom: 0px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-25{margin-bottom: 25px;}
.mb-35{margin-bottom: 35px;}
.plr-0{padding-left: 0px; padding-right: 0px;}


@media (min-width: 768px) {
	.satisfaction-seal{margin-left:10px;}
	.entry-panel .form-control{width:50%;}
}

@media (max-width: 767px) {
	.modal-sm{width: 50%;  margin: 150px auto 0 auto;width: 50%;}
	.redeem .panel h3, .event .panel h3{font-size: 20px;}
}

@media (max-width: 515px) {
	.cover-giftcards img{width: 90%;}
	.panel-body{padding: 15px 40px 15px 40px;}
	.panel h3{font-size: 15px;}
	.redeem .panel h3, .event .panel h3{font-size: 13px;}
	header .header-holder img{width:95%; margin-top: 50px;}
	.panel .icon-holder{margin:7px 10px 0 0;}
}

@media (max-width: 350px) {
	.redeem .black-circle, .event .black-circle{margin: 7px 5px 0 10px;}
	.redeem h1, .event h1{font-size: 35px;}
	.panel-body{padding: 15px 20px 15px 20px;}
	.panel h3{font-size: 14px;}
	.panel .icon-holder{margin:7px 5px 0 0;font-size: 30px;}
}