html, body{height:100%;}
body{font-family: 'Open Sans', sans-serif !important; background-color:#000000;}
.navbar{background-color: #3c3b5c; height: 60px;}
.container{padding:0px;}
.logo{padding:15px; max-width:100%; text-align:center;}

navbar{background-color: #f2f2f2}
body { padding-top: 70px; }

#bannerSection{text-align: center;}
#mainCarousel{margin-top: 5px;}

a{cursor: pointer; color:#CFB53B;}
a:hover{text-decoration:none; color:#CFB53B;}

.outerBox{min-height: 316px;}
.offerContainer{margin-top:4%; padding:0px;}
.offerBlock{padding:0px; background-color:#000000; color:#CFB53B; margin-top:5%; border:1px solid #CFB53B;  border-radius: 10px; min-height:250px; position:relative;}
/*.offerBlock::before { content: ""; height: 10%; background: #f1f1f1;  width: 20px; position: absolute; top: 80%; left: -10px; border-radius: 20px;  opacity: 1; border-right: 1px solid #ccc; }
.offerBlock::after {content: ""; height: 10%; background: #f1f1f1; width: 20px; position: absolute; top: 80%; right: -10px;  border-radius: 20px;  opacity: 1; border-left: 1px solid #ccc; }*/

.imageBlock{border-right:1px solid #AAA;}
.offerImage{max-width: 65%; border-radius:5px;}
.offerBlock> h4{height:40px;}
.couponInfo{padding:15px;}
.couponInfoInner{display:none;}
.showCode, .shopNow {padding: 10px; background: #CFB53B; color:#000000; border-radius: 5px; margin-left:15%; margin-right:15%; cursor:pointer;}
.offerTerms, .offerCode, .offerLink{display:none;}

/*Offer modal css*/
.modal-header{background: #CFB53B; color:#000000; text-align:center;}
.close{color:#fff; font-size:24px; opacity:0.9;}
.modal-body{padding:0px; background-color:#000000 !important;}
.box{color:#fff; text-align:center;}
.content{padding:15px;text-align: center;}
#offerModal-terms{text-align: justify; font-size: 12px; color:#fff;}
.redirect{color: #FF0000; margin:0; padding-top: 10px;}
#rhsCoupon {margin: 5px 0px; font-weight:bold; color: #000000 !important;} 
.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: #CFB53B; color: #000000; font-weight:bold;}
/*Offer modal css ENDS*/

.modal-footer{text-align: center; padding: 10px; border:none;}
.modal-footer>button{color: #FFF; background: #009688; background: linear-gradient(240deg, rgba(97,194,132,1) 0%, rgba(0,150,136,1) 100%);}

#footer{display:block;  position: fixed; bottom: 0; width: 100%; padding:3px; background-color: #fe5246; color: #fff; text-align:center;}

#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;}

.adBox{padding: 15px !important; text-align: center;}
iframe{border: 1px solid #555555 !important; border-radius:10px;}

/*category css*/
.scrollMenu{margin-bottom: 15px; background-color: #CFB53B;}
.category{font-size: 18px; font-weight: bolder; border-radius: 0px !important; color:#000000 !important; margin-bottom:0px !important; border-right: 1px solid #000000;}
.category:hover {background-color:#CFB53B !important;}
/*ends*/

#ttTerms{color: #FFFFFF; text-align: center; font-size: 12px;}


/*comedy show pop up*/
#comedyShowModal{background-color: rgba(0,0,0,0.8); padding-top: 100px; display: none; position: fixed; z-index: 1030; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;}
#comedyShowModalClose{position: absolute; top: 10%; right: 25%; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s;}
#comedyShowModalClose:hover, #comedyShowModalClose:focus {color: #bbb; text-decoration: none; cursor: pointer;}
#comedyShowImg{max-width: 100%; margin: auto; display: block; -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}
#comedyShowRegister {padding: 10px; background: #CFB53B; color:#000000; border-radius: 5px; cursor:pointer; width: fit-content; font-size: 18px; font-weight: bolder; margin: auto; margin-top: 1%; text-align: center;}
#registerMsg {display: none; padding: 10px; background: #FFFFFF; color:#000000; border-radius: 5px; width: fit-content; font-size: 18px; font-weight: bolder; margin: auto; margin-top: 1%; text-align: center;}
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}
/*ends*/

@media only screen and (max-width: 640px){
	/*category css*/
	.categories {white-space: nowrap; overflow: scroll;}
	.categories>li {display: inline-block;}
	.category{font-size: 14px;}
	/*ends*/

	/*#bannerSection{display:none;}*/
	#mainCarousel{margin-top: 0px;}
	.outerBox{padding: 0px 5px; min-height: 130px;}
	.offerContainer{margin-top:15%;}
	.couponInfo{padding:5px;}
	.couponInfoInner{margin-top:0; padding:0;}
	.showCode, .shopNow {padding: 5px; font-size:14px; margin: 5px 15px !important;}
	.offerImage{max-width:100%;}
	.offerBlock{min-height:130px; margin-top:3%; padding:0px;}
	.offerBlock> h4{font-size:12px; height:25px; margin:5px ;}

	.modal.fade:not(.in).bottom .modal-dialog {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	#bannerModal, #offerModal{top: unset !important}
	.modal-dialog{margin:0; border:0}
	.modal-content{border:0}
	.content{padding:0px;}
	.codeContainer {padding: 5px;}
	.codeContainer>a {line-height: 35px;}
	#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, .modal-footer{padding: 5px;border-top-left-radius: 10px;border-top-right-radius: 10px; background-color:#fff;}	
	
	#ttTerms{font-size: 8px;}

	#comedyShowModalClose{top: 50px; right: 10px;}
	#comedyShowRegister ,#registerMsg {margin-top: 3%;}
}