.flex-grow-1 {
	flex-grow:1;
}

.sticky-footer-banner {
	position:fixed;
	bottom: 0;
	left: 0;
	right:0;
	background-color: #000;
	background-position: center center;
	background-size: cover;
	color: #fff;
	z-index: 10;
	padding: 20px 0;}

	.sticky-footer-banner.red {
		background: #da291c;}

	.sticky-footer-banner.gradient1 {
		background-image:url(../images/sticky-footer-gradient1.jpg)}

	.sticky-footer-banner.gradient2 {
		background-image:url(../images/sticky-footer-gradient2.jpg)}

		.sticky-footer-banner.red .btn-primary,
		.sticky-footer-banner.gradient1 .btn-primary,
		.sticky-footer-banner.gradient2 .btn-primary{
			background-color: #000;
			border-color: #000;}

		.sticky-footer-banner.red .btn-primary:hover,
		.sticky-footer-banner.gradient1 .btn-primary:hover,
		.sticky-footer-banner.gradient2 .btn-primary:hover,
		.sticky-footer-banner.red .btn-primary:focus,
		.sticky-footer-banner.gradient1 .btn-primary:focus,
		.sticky-footer-banner.gradient2 .btn-primary:focus{
			background-color: #222;
			border-color: #222;}

	.sticky-footer-banner.demo2 {
		bottom: 17%;}

	.sticky-footer-banner.demo3 {
		bottom: 34%;}

	.sticky-footer-banner.demo4 {
		bottom: 51%;}

	.sticky-footer-banner.demo5 {
		bottom: 68%;}

@media only screen and (max-width : 1399px) {
.sticky-footer-banner .d-flex {
	padding-right: 30px;}
}

.sticky-footer-banner .zatvori {
	position: absolute;
	top: 10px;
	right: 8px;
	content: "\f00d";
	cursor: pointer;
	text-align: center;
	width:22px;
	z-index: 16;
	height: 22px;
	line-height: 22px;
	font-size: 18px;
	color: #fff;}

#countdown-counter {
	display: flex;
	margin: 0 0 0 30px;}

	#countdown-counter div{
		font-size: 1.5rem;
		position: relative;
		display: flex;
		font-family: "A1Serif-Bold";
		align-items: center;
		margin-right: 10px;
		padding: 0;}

		#countdown-counter div span{
			font-size: 12px;
			display: block;
			margin: 6px 0 0 4px;
			font-family: "A1Sans-Regular";}

@media only screen and (max-width : 991px) {
	#countdown-counter div{
		align-items: flex-start;
		margin-right: 15px;
		line-height: 1;
		flex-flow: column;}
	
		#countdown-counter div span{
			font-size: 12px;
			line-height: 1;
			display: block;
			margin: 0;}
	
}

@media only screen and (max-width :767px) {
#countdown-counter {
	margin: 0;}
	
	#countdown-counter div{
		margin-right: 5px;
		font-size: 1.15rem;}

		#countdown-counter div span{
			font-size: 10px;}
}


@media only screen and (max-width : 991px) {

.sticky-footer-banner .btn{
	padding-right: 1.25rem;
	text-transform: uppercase;}
	
	.sticky-footer-banner .btn:after {
		display: none;}


}


@media only screen and (max-width : 767px) {
.sticky-footer-banner {
	padding: 12px 0;}
	
	.text-center-mobile {
		text-align:center;
	}
	
.sticky-footer-banner .d-flex {
	padding-right: 20px;}
	

.sticky-footer-banner .zatvori {
	top: 8px;
	right: 6px;
	font-size: 14px;}
	
.sticky-footer-banner .btn{
	padding: 6px 12px;
	margin-left: 15px !important;
	text-transform: uppercase;
	font-family: "A1Serif-Regular";
	font-size: 14px;}
	
	.sticky-footer-banner .btn:after {
		display: none;}
	
.sticky-footer-banner h4{
	line-height: 1;
	font-family: "A1Serif-Bold";
	font-size: 16px;}
	
	.sticky-footer-banner.countdown h4 {
		flex:0 0 100%;}
	
.sticky-footer-banner p{
	line-height: 1.1;
	font-size: 12px;}	
}