#spinner div {
	width: 44px;
	height: 44px;	
	background: url('../img/fancybox_loading.gif') center center no-repeat;
}
#spinner{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
.modal-open{
	padding-right: 17px !important;
}

.confirmation {
    display: table;
    width: 100%;
	height: 620px;
}
.confirmation .holder {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.confirmation h2 {
    margin: 0 0 15px;
    font: 20px/22px "HelveticaNeue", Helvetica, Arial, sans-serif;
}
.confirmation h3 {
    margin: 0 0 10px;
    font: 14px/16px "HelveticaNeue", Helvetica, Arial, sans-serif;
}
.confirmation .copy {
    position: absolute;
    bottom: 95px;
    left: 0;
    width: 100%; 
    text-align: center;
}
.confirmation .copy input[type="checkbox"] {display: none;}
.confirmation .copy label {
    font-weight: normal;
    white-space: nowrap;
    display: inline-block;
    text-align: left;
    font: 12px/14px "HelveticaNeue", Helvetica, Arial, sans-serif;
}
.confirmation .copy label:before {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 10px -2px 0;
    background: url(../img/checkbox-empty.png) no-repeat;
    content: " ";
} 
.confirmation .copy input[type="checkbox"]:checked + label:before {
    background: url(../img/checkbox-checked.png) no-repeat;
}
.confirmation .btnBox {
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
	font: 12px/14px "HelveticaNeue75Bd", Helvetica, Arial, sans-serif;
}
.close{
	  position: absolute;
	  top: 10px;
	  right: 10px;
	  width: 20px;
	  height: 20px;
	  background: url(../img/close03.png) no-repeat center center;
	  background-size: 13px 13px;
	  text-indent: -9999px;
	  opacity: 1 !important; 
	  z-index: 15;
}
@media screen and (max-width:767px) {
	.confirmation .copy {
        bottom: 55px;
    }
	.confirmation {
		height: 100vh;
	}
}