html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

body{margin:0; background:#ffffff; font-family:opensans-regular,Arial,Helvetica,sans-serif; color:#000000; font-size:16px; line-height:1.8em}

a:link.w3-text {color:inherit; color:#24247a}
a:active.w3-text {color:inherit; color:#24247a}
a:visited.w3-text {color:inherit; color:#24247a}
a:hover.w3-text {text-decoration:none; color:#24247a}

.btn {margin: 10px 0; border-radius:0px; text-decoration: none; cursor:pointer; transition: 0.5s;}
.btn span {display: inline-block; position: relative; transition: 0.5s;}
.btn span:before {content: '\00ab'; position: absolute; opacity: 0; top: 0; left: -20px; transition: 0.5s;}
.btn:hover span {padding-left: 25px;}
.btn:hover span:before {opacity: 1; left: 0;}
.btn2 {margin: 10px 0; border-radius:0px; text-decoration: none; cursor:pointer; transition: 0.5s;}
.btn2 span {display: inline-block; position: relative; transition: 0.5s;}
.btn2 span:after {content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.btn2:hover span {padding-right: 25px;}
.btn2:hover span:after {opacity: 1; right: 0;}

.button {width:190px; height:40px; margin:0px 0px 0px 0px;-webkit-border-radius: 30px;-moz-border-radius:30px;border-radius: 30px;  background:#b0915f; border:0px solid #cccccc; font-family:Roboto-Regular; font-size:18px; color:#ffffff; cursor:pointer}

a:link.w3-text {color:#666666;text-decoration:none}
a:active.w3-text {color:#666666;text-decoration:none}
a:visited.w3-text {color:#666666;text-decoration:none}
a:hover.w3-text {text-decoration:none}

.footer{font-family:opensans-regular; font-size:14px; color:#000000; line-height:24px}

#nav{z-index:0;}
#footer{display:run-in;}
/* Reset body padding and margins */

/* Sticky Footer CSS */

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -40px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 40px;
}
.site-footer {
	background-repeat:repeat-x;
	background-position:center top;
	background: url();
}

.w3-padding,.w3-row-padding:after,.w3-row-padding:before,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-left{float:left!important}.w3-right{float:right!important}

.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}


.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}

.w3-quarter{width:24.99999%}
.w3-third{width:33.33333%}
.w3-half{width:49.99999%}

@media (max-width:600px){
#footer{display:run-in;}
/* Reset body padding and margins */

/* Sticky Footer CSS */

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -60px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 60px;
}
.site-footer {
	background-repeat:repeat-x;
	background-position:center top;
	background: url();
}
	
	body{font-size:14px!important; line-height:1.5em!important}

.footer{font-size:14px; line-height:24px}
	
#countdown{
	width: 330px;
	height: 115px;
	text-align: center;
	/*
	background: #222;
	background-image: -webkit-linear-gradient(top, #222, #333, #333, #222); 
	background-image:    -moz-linear-gradient(top, #222, #333, #333, #222);
	background-image:     -ms-linear-gradient(top, #222, #333, #333, #222);
	background-image:      -o-linear-gradient(top, #222, #333, #333, #222);
	border: 1px solid #111;
	border-radius: 5px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
	*/
	margin: auto;
	padding: 24px 0;
	position: relative;
  	/*top:-20px; bottom: 0; left: 0; right: 0;*/
	top:-0px; bottom: 0; left: 0; right: 0;
  	font: normal 13px/20px Arial, Helvetica, sans-serif; word-wrap:break-word;
	color: #eee;
}

#countdown:before{
	content:"";
	width: 0px;
	height: 65px;
	/*
	background: #444;
	background-image: -webkit-linear-gradient(top, #555, #444, #444, #555); 
	background-image:    -moz-linear-gradient(top, #555, #444, #444, #555);
	background-image:     -ms-linear-gradient(top, #555, #444, #444, #555);
	background-image:      -o-linear-gradient(top, #555, #444, #444, #555);
	border: 1px solid #111;
	*/
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	display: block;
	position: absolute;
	top: 24px; left: -10px;
}

#countdown:after{
	content:"";
	width: 0px;
	height: 65px;
	/*
	background: #444;
	background-image: -webkit-linear-gradient(top, #555, #444, #444, #555); 
	background-image:    -moz-linear-gradient(top, #555, #444, #444, #555);
	background-image:     -ms-linear-gradient(top, #555, #444, #444, #555);
	background-image:      -o-linear-gradient(top, #555, #444, #444, #555);
	border: 1px solid #111;
	*/
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	display: block;
	position: absolute;
	top: 24px; right: -10px;
}

#countdown #tiles{
	position: relative;
	z-index: 1;
}

#countdown #tiles > span{
	width: 68px;
	max-width: 68px;
	font:45px 'Roboto-Thin', Arial, sans-serif;
	text-align: center;
	color: #c2c2c2;
	/*
	background-color: #ddd;
	background-image: -webkit-linear-gradient(top, #bbb, #eee); 
	background-image:    -moz-linear-gradient(top, #bbb, #eee);
	background-image:     -ms-linear-gradient(top, #bbb, #eee);
	background-image:      -o-linear-gradient(top, #bbb, #eee);
	
	background-color: #333;
	background-image: -webkit-linear-gradient(top, #232323, #383838, #333); 
	background-image:    -moz-linear-gradient(top, #232323, #383838, #333);
	background-image:     -ms-linear-gradient(top, #232323, #383838, #333);
	background-image:      -o-linear-gradient(top, #232323, #383838, #333);
	*/
	/*border-top: 1px solid #fff;
	border: 1px solid #7f7f7f;*/
	/*border-radius: 3px;*/
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	margin: 0 7px;
	padding: 0px 0;
	display: inline-block;
	position: relative;
}

#countdown #tiles > span:before{
	content:"";
	width: 100%;
	height: 13px;
	/*background: #111;*/
	display: block;
	padding: 0 3px;
	position: absolute;
	top: 41%; left: -3px;
	z-index: -1;
}

#countdown #tiles > span:after{
	content:"";
	width: 100%;
	height: 1px;
	/*line center
	background: #eee;
	border-top: 1px solid #333;
	*/
	display: block;
	position: absolute;
	top: 48%; left: 0;
}

#countdown .labels{
	width: 100%;
	height: 25px;
	text-align: center;
	/* Label at bottom
	position: absolute;
	*/
	bottom: 8px;
}

#countdown .labels li{
	width: 78px;
	font: bold 13px 'Roboto-Black', Arial, sans-serif;
	/*color: #f47321;*/
	color: #ffffff;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	/*text-transform: uppercase;*/
	display: inline-block;
}
	
	.w3-button-bar{padding:10px 0px 10px 0px}
	.logo{height:50%;margin-top:10px!important}
	.w3-top{height:60px!important;padding:10px 15px;}
	.w3-top2{top:60px!important}
	.jq{margin-top:0px!important}
	.w3-button3{padding:0px 10px 0px 10px;font-size:14px; line-height:30px}
	.footer{font-size:14px; line-height:24px}
	.w3-padding-footer{padding:5px 0px 15px 0px!important}
	.footer-center{text-align:center}
	.w3-padding-footer2{padding:10px 20px!important}
	.w3-padding{padding:30px 0px 0px 0px!important}
	.w3-padding2{padding:10px 20px!important}
	.w3-padding3{padding:0px 20px 30px 20px!important}
	.w3-padding4{padding:30px 20px!important}

	h1{font-size:1.8em!important; line-height:1em!important}
	h2{font-size:1.3em!important; line-height:1em!important}

	.p1{font-size:14px!important; line-height:1.5em!important}
	.p2{font-size:14px!important; line-height:1.5em!important}
	.p3{font-size:16px!important; line-height:1.5em!important}
	.p4{font-size:18px!important; line-height:1.6em!important}
	.p5{font-size:16px!important; line-height:26px!important}
	

	/*.home-service{margin-top:-30px!important}*/
	.home-service{margin-top:30px!important}
	.home-service-container{padding:0px 0px 0px 0px!important}
	.home-service-item{padding:0px 5px; margin-top:0px}
	
	.home-product-item a{font-size:14px}
	
	.product-item{padding:8px!important}
	.product-item a{font-size:14px!important; line-height:20px}

	.order-cart{width:60px}

	.cart{grid-template-columns:auto auto auto auto auto!important}
	.cart-item{padding:10px 5px!important}

	.checkout-item{padding:20px 0px 0px 0px!important}
	.checkout-login{border-right:none!important}
	.checkout-register{text-align:left!important}
	
	.button {width:190px!important; height40px!important}
	.button3 {width:130px!important; height:27px!important;background:url(images/bgButtonM.png)!important;font-size: 14px}
	.button4{width:197px!important; height:50px!important;background:url(images/bgButton2M.png)}
	
	.radio-container{margin-right: 5px!important}

	.form-item{padding:0px!important}
	.form-item2{padding:0px!important}
		
	.banner{height:80px; color:#ffffff; background:center no-repeat; margin-top:50px; padding:20px 20px!important}

	#quote{padding:30px 20px!important}
	

	.w3-hide-x-small{display:none!important}
	
	.w3-col.xs5{width:33.33333%}

	.w3-col.xs6{width:49.99999%}
	
	.w3-col.xs8{width:63%}
	.w3-col.xs9{width:37%}
	}
	
@media (min-width:601px) and (max-width:680px){
	.w3-hide-small2{display:none!important}
	}
	
	
@media (min-width:601px) and (max-width:992px){
#footer{display:run-in;}
/* Reset body padding and margins */

/* Sticky Footer CSS */

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -60px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 60px;
}
.site-footer {
	background-repeat:repeat-x;
	background-position:center top;
	background: url();
}
	
	
	.w3-top{height:80px!important}
	.w3-top2{top:80px!important}
	.logo{height:70%;margin-top:10px!important}
/*
#countdown{
	width: 320px;
	height: 115px;
	text-align: center;
	background: #222;
	background-image: -webkit-linear-gradient(top, #222, #333, #333, #222); 
	background-image:    -moz-linear-gradient(top, #222, #333, #333, #222);
	background-image:     -ms-linear-gradient(top, #222, #333, #333, #222);
	background-image:      -o-linear-gradient(top, #222, #333, #333, #222);
	border: 1px solid #111;
	border-radius: 5px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
	margin: auto;
	padding: 24px 0;
	position: relative;
  	top:-20px; bottom: 0; left: 0; right: 0;
  	font: normal 13px/20px Arial, Helvetica, sans-serif; word-wrap:break-word;
	color: #eee;
}

#countdown:before{
	content:"";
	width: 8px;
	height: 65px;
	background: #444;
	background-image: -webkit-linear-gradient(top, #555, #444, #444, #555); 
	background-image:    -moz-linear-gradient(top, #555, #444, #444, #555);
	background-image:     -ms-linear-gradient(top, #555, #444, #444, #555);
	background-image:      -o-linear-gradient(top, #555, #444, #444, #555);
	border: 1px solid #111;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	display: block;
	position: absolute;
	top: 24px; left: -10px;
}

#countdown:after{
	content:"";
	width: 8px;
	height: 65px;
	background: #444;
	background-image: -webkit-linear-gradient(top, #555, #444, #444, #555); 
	background-image:    -moz-linear-gradient(top, #555, #444, #444, #555);
	background-image:     -ms-linear-gradient(top, #555, #444, #444, #555);
	background-image:      -o-linear-gradient(top, #555, #444, #444, #555);
	border: 1px solid #111;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	display: block;
	position: absolute;
	top: 24px; right: -10px;
}

#countdown #tiles{
	position: relative;
	z-index: 1;
}

#countdown #tiles > span{
	width: 60px;
	max-width: 60px;
	font: bold 24px 'Droid Sans', Arial, sans-serif;
	text-align: center;
	color: #111;
	background-color: #ddd;
	background-image: -webkit-linear-gradient(top, #bbb, #eee); 
	background-image:    -moz-linear-gradient(top, #bbb, #eee);
	background-image:     -ms-linear-gradient(top, #bbb, #eee);
	background-image:      -o-linear-gradient(top, #bbb, #eee);
	border-top: 1px solid #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	margin: 0 7px;
	padding: 10px 0;
	display: inline-block;
	position: relative;
}

#countdown #tiles > span:before{
	content:"";
	width: 100%;
	height: 13px;
	background: #111;
	display: block;
	padding: 0 3px;
	position: absolute;
	top: 41%; left: -3px;
	z-index: -1;
}

#countdown #tiles > span:after{
	content:"";
	width: 100%;
	height: 1px;
	background: #eee;
	border-top: 1px solid #333;
	display: block;
	position: absolute;
	top: 48%; left: 0;
}

#countdown .labels{
	width: 100%;
	height: 25px;
	text-align: center;
	position: absolute;
	bottom: 8px;
}

#countdown .labels li{
	width: 70px;
	font: bold 15px 'Roboto-Black', Arial, sans-serif;
	color: #f47321;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
}
*/	
	
    .jq{margin-top:0px!important}
	.footer-center{text-align:center}
	.w3-padding-footer{padding:10px 30px!important}
	.w3-padding-footer2{padding:25px 20px!important}
	.w3-padding{padding:50px 0px 0px 0px!important}
	.w3-padding2{padding:5px 20px!important}
	.w3-padding3{padding:0px 20px 30px 20px!important}
	.w3-padding4{padding:0px 20px 30px 20px!important}

	.home-service{margin-top:30px!important}
	.home-service-item{padding:0px 10px; margin-top:0px}
	
	.product-item a{font-size:17px!important; line-height:26px}
	
	h1{font-size:2.2em!important; line-height:1.3em!important}
	h2{font-size:1.45em!important; line-height:0.1em!important}

	.radio-container{margin-right: 10px!important}
	
	.banner{height:130px; color:#ffffff; background:center no-repeat; margin-top:70px; padding:30px 20px!important}
	

	.left-enquiry-padding{padding-right:10px}
	.right-enquiry-padding{padding-left:10px}
	.w3-hide-small{display:none!important}
	
	.w3-button4 {font-size:16px!important}
	
	.w3-col.s1{width:16.66666%}
	.w3-col.s2{width:20%}
	.w3-col.s3{width:24.99999%}
	.w3-col.s4{width:33.33333%}
	.w3-col.s5{width:74.99999%}
	.w3-col.s6{width:49.99999%}
	
	.w3-col.s7{width:40%}
	.w3-col.s8{width:60%}
	
	.w3-col.s9{width:63%}
	.w3-col.s10{width:37%}
	.w3-col.s11{width:66.66666%}
	
	.w3-col.18{width:50%}
	}
/*@media (min-width:993px) and (max-width:1440px){*/
@media (min-width:993px) and (max-width:1540px){
	.logo{margin-top:20px!important}
	.footer-right{text-align:right}
	.w3-padding-footer{padding:15px 20px!important}
.footer{font-size:13px;line-height:24px}
	
	.w3-padding-footer2{padding:25px 30px!important}
	.w3-padding{padding:60px 0px 60px 0px!important}
	.w3-padding2{padding:10px 60px 10px 60px!important}
	.w3-padding3{margin-top:-30px; padding:0px 30px 60px 30px!important}
	.w3-padding4{padding:0px 30px 40px 30px!important}

	.banner{height:120px; color:#ffffff; background:center no-repeat; margin-top:90px; padding:30px 30px!important}

	.home-service{margin-top:50px!important}

	.w3-hide-large{display:none!important}
	.left-enquiry-padding{padding-right:20px}

	.w3-col.l2{width:16.66666%}
	.w3-col.l3{width:24.99999%}
	
	.w3-col.l4{width:33.33333%}
	.w3-col.l6{width:49.99999%}
	.w3-col.l8{width:66.66666%}
	.w3-col.l9{width:74.99999%}
	
	.w3-col.l13{width:20%}

	.w3-col.l14{width:40%}
	.w3-col.l15{width:60%}

	.w3-col.l17{width:50%}
	
	.w3-col.l18{width:63%}
	.w3-col.l19{width:37%}
	
	.w3-col.l20{width:30%}
	.w3-col.l21{width:70%}
	
	}
/*@media (min-width:1441px){*/
@media (min-width:1541px){
	.logo{margin-top:20px!important}
	.w3-padding-footer{padding:15px 10.66%!important}
	.w3-padding-footer2{padding:25px 16.66%!important}
	.w3-padding{padding:60px 10.66%!important}
	.w3-padding2{padding:10px 16.66% 10px 16.66%!important}
	.w3-padding3{margin-top:-30px; padding:0px 16.66% 60px 16.66%!important}
	.w3-padding4{padding:0px 16.66% 40px 16.66%!important}
	
	.banner{height:120px; color:#ffffff; background:center no-repeat; margin-top:90px; padding:30px 16.66%!important}

	.w3-hide-x-large{display:none!important}

	.left-enquiry-padding{padding-right:20px}
	
	.w3-col.xl1{width:16.66666%}
	.w3-col.xl2{width:24.99999%}
	.w3-col.xl3{width:20%}
	
	.w3-col.xl4{width:33.33333%}
	.w3-col.xl6{width:49.99999%}
	.w3-col.xl8{width:66.66666%}
	.w3-col.xl9{width:74.99999%}
	.w3-col.xl13{width:14.28571%}
	.w3-col.xl14{width:40%}
	.w3-col.xl15{width:60%}
	
	.w3-col.xl17{width:50%}
	
	.w3-col.xl18{width:63%}
	.w3-col.xl19{width:37%}
	
	.w3-col.xl20{width:30%}
	.w3-col.xl21{width:70%}
	
	}

@media (min-width:601px){
	.w3-col.half-info{width:49.99999%!important}
	.left-info-padding{padding-right:10px}
	.right-info-padding{padding-left:10px}
	.contact-container{margin:0px!important}
	.content-padding2{padding-left:30px}
	}

@media (min-width:993px){
	.content-padding{padding-right:60px}
	.content-padding2{padding-left:60px}
	.info{width:79.99999%!important}
	.left-info-padding{padding-right:30px!important}
	.right-info-padding{padding-left:30px!important}
	.contact-container{margin:0px!important}
	.quote-container{margin:0px!important}
	}
	
@media (max-width:399px){
	.enquiry-container .form{width:320px!important; padding:10px!important}
	.contact-container .form{width:320px!important; padding:0px!important}
	}
@media (min-width:400px) and (max-width:992px){
	.contact-container .form{padding:20px 20px!important}
	}
@media (min-width:993px) and (max-width:1019px){
	.enquiry-container .form{padding:20px 10px 20px 20px!important}
	.contact-container .form{padding:20px 30px!important}
	}
@media (min-width:1019px) and (max-width:1500px){
	*.contact-container .form{padding:20px 50px!important}
	}
@media (min-width:1100px) and (max-width:1600px){
	.w3-col.xl30{width:20%}
	}

@media (max-width:992px){
	.order{width:49.99999%!important}
	.order-right-small{border-right:none!important}
	.order-bottom-small{border-bottom:none!important}
	}
@media (min-width:993px){
	.order{width:33.33333%!important}
	.order-right-large{border-right:none!important}
	.order-bottom-large{border-bottom:none!important}
	}

@font-face {
    font-family: 'AlexBrush-Regular';
    src: url('font/AlexBrush-Regular.eot');
    src: url('font/AlexBrush-Regular.eot?#iefix') format('embedded-opentype'),
         url('font/AlexBrush-Regular.woff2') format('woff2'),
         url('font/AlexBrush-Regular.woff') format('woff'),
         url('font/AlexBrush-Regular.ttf') format('truetype'),
         url('font/AlexBrush-Regular.svg#AlexBrush-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('font/OpenSans-Bold-webfont.eot');
    src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('font/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/OpenSans-Bold-webfont.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('font/OpenSans-Semibold-webfont.eot');
    src: url('font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('font/OpenSans-Semibold-webfont.woff') format('woff'),
         url('font/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('font/OpenSans-Semibold-webfont.svg#OpenSans-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'opensans-regular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#opensans-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('font/OpenSans-Italic-webfont.eot');
    src: url('font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Italic-webfont.woff2') format('woff2'),
         url('font/OpenSans-Italic-webfont.woff') format('woff'),
         url('font/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('font/OpenSans-Italic-webfont.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

#elevator_item {
width: 63px;
height: 63px;
position: fixed;
right: 0px;
bottom: 0px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 63px;
height: 63px;
background: url(images/iconTop.png) center center no-repeat;
background-color: #000000;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}