html, body{height:100%;}
body{font-family: 'Open Sans', sans-serif !important; background:url("catalog/background.png"); padding-top: 70px;}
.container{padding:0px;}
.logo{max-width:150px; text-align:center; padding: 10px;}
.navbar{background-color: #FFFFFF;}

.outerDiv{padding: 5px;}
.divPadding{padding: 15px;} 
.offerImage{max-width: 100%; cursor: pointer; border: 1px solid #DEDEDE;}
.offerDetails{display:none;}
.tileButton{background-color:#f99d1c; color: #FFFFFF; text-align:center; margin:0; padding:10px; cursor:pointer;}

/*Offer modal css*/
.modal-header{background: #f99d1c; color:#fff; text-align:center;}
.close{color:#fff; font-size:24px; opacity:0.9;}
.modal-body{padding:0px;}
.box{text-align:center;}
.content{padding:15px;text-align: center;}
#offerModal-terms{text-align: justify; font-size: 12px; max-height: 325px; overflow-y: auto;}

.redirect{color: #FF0000; margin:0; padding-top: 10px;}
#rhsCoupon {margin: 5px 0px; font-weight:bold; color: #192331 !important; font-size: 16px;} 
.codeContainer {position: relative; padding: 10px; background-color: #f0f0f0; box-shadow: 0 2px 3px 0 rgba(0,0,0,.05); max-width: 450px; margin: 0 auto 10px; border: 1px dashed #979797; text-align: left; max-height: 55px;}
.codeContainer>a {position: absolute; right: 2px; height: calc(100% - 4px); top: 2px; width: 100%; max-width: 100px; text-align: center;background-color:#002f56; color: #fff; line-height: 45px; cursor: pointer;}
.couponButton{margin-top:0px; width:75%; background: #f99d1c; color: #fff; font-weight:bold;}
/*Offer modal css ENDS*/


#landscapeError{width:100%; height:100%; padding: 15px; display:none; position: fixed; top: 0; align-items:center; justify-content:center; z-index:10000; text-align:center; background-color:#EEE;}
.landscapeImage{max-width: 100%; margin-top:5%;}
#landscapeError > h3{color:#f44336; font-weight:bold;}

.inputStyle{text-align: center; border:1px solid #DDDDDD; height:35px; border-radius:5px; background-color:#f9f9f9; color:#7c7c7c; width: 95%;}
.rcsubmitButton{background:#f99d1c; color:#fff; font-size:18px;}

#footer{display:block; position: fixed; bottom: 0; width: 100%; padding:3px; background-color:#f99d1c; color: #FFFFFF !important; text-align:center;}
#footer a{color: #FFFFFF !important;}

@media only screen and (max-width: 640px){
	.divPadding{padding: 2px;}
	.couponButton{font-size:20px; width:100%;}
	.tileButton{padding:5px; font-size: 12px;}
	
	.modal.fade:not(.in).bottom .modal-dialog {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	.modal{top: unset !important}
	.modal-dialog{margin:0; border:0}
	.modal-content{border:0}
	.content{padding:0px;}
	.codeContainer {padding: 5px;}
	#rhsCoupon {font-size: 12px;} 
	.codeContainer>a {line-height: 30px;}
	#offerModal-terms{font-size: 10px;}
	.modal-title{display:none;}
	.modal-header{padding:10px; background: none; border-bottom:0;}
	.modal-content{background-color:transparent;}
	.modal-body{background-color:#fff;}
	.modal-body{padding: 5px;border-top-left-radius: 10px;border-top-right-radius: 10px; background-color:#fff;}	
}