/* ============================================================
 *  Author      :    Warrecn Cheese - Dc designs (dcdesigns@gmail.com)
 *  Description :    Acknowledgments go to RESET - http://meyerweb.com/eric/tools/css/reset/ for orginal code
 *  Version     :    1
 *  Date        :    02/05/2020
============================================================ */
@import url('https://fonts.googleapis.com/css?family=Heebo');
@import url('https://fonts.googleapis.com/css?family=Muli');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  scroll-behavior: smooth;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}


/* ============================================================
  HTML & BODY
============================================================ */
body {
  background-color: rgba(249, 245, 245);
  color: #000;
  font:normal 1.4em/1.35em 'Heebo', sans-serif;
}
.clr{clear:both; line-height:0;}
.tmc-heading-xl{/*H1 styling*/
  color: #fff;
  font:bold 2.2em/1.2em 'Muli', serif;
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); 
}
.tmc-heading-l{/*H2 styling*/
  color: #900;
  font:bold 1.4em/1.35em 'Heebo', sans-serif;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 0.8em;
}

.tmc-heading-l-alt{/*H2 alternative styling*/
  color: #fff;
  font:bold 1.4em/1.35em 'Heebo', sans-serif;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); 
  margin-bottom: 0.8em;
}
.tmc-heading-m{/*H3 styling*/
  color: #fff;
  font:bold 1.5em/1.4em 'Muli', sans-serif;
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); 
}
.tmc-heading-m-alt{/*H3 styling*/
  color: #900;
  font:bold 1.2em/1.4em 'Muli', sans-serif;
  text-align: left;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.tmc-heading-s{/*H4 styling*/
  color: #666;
  font:normal .75em/1em 'Heebo', sans-serif;
  text-align:right;
}
.tmc-heading-s-alt{/*H4 styling*/
  color: #900;
  font:italic 1em/1.8em 'Heebo', sans-serif;
  text-align:left;
}
.tmc-heading-xs{/*H5 styling*/
  color: #666;
  font:normal .6em/1em 'Heebo', sans-serif;
  text-align:right;
  padding: 0.4em 0;
}
#scroll{/*scroll to top button*/
  position: fixed;
  z-index:100;
  bottom: 0;
  right:20px;
}
a.arrow{
  display: block;
  text-align:center;
  padding:0 .5em;
  color:#900000;
  font:bold 1.8em/1.5em 'Muli', serif;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); 

}
a.arrow:hover{
  color:#f1f1f1;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); 

}
/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
/* ======= Site navigation */
#topnav {
  position: fixed;
  z-index:100;
  top: 1vh;
  top: 0;
  text-align:center;
  width: 100%;
  overflow: hidden; /*change to hidden to correct scrolling*/
  border-bottom:1px solid black;
  
  background:#FFF;
}
.tnvcontainer {
  display:block;
  max-width: 960px;
  margin: 0 auto;
}

#topnav ul {
	list-style:none;
	display:block;
	float:left;
}
#topnav li {
 list-style-type: none;
 font-weight:bold;
 font-family:'Maven Pro', sans-serif;
 display:inline-block;

}
#topnav li a {
 text-decoration: none;
 display: block;
 color: #000;
 padding:.4em .6em;
 text-align: center;
}
#topnav li a:hover {
 background-color: #f1f1f1;
}
#topnav p{
 text-align:right;
 line-height:2.2em;
}

/* ======= parallax sections */
section.tmcmodule.parallax {
  height: auto;
  background-position: 0 10%;/*change position of bg image to suite*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/*START INTRO SECTION
*/
section.tmcmodule.intro {/*introduction section*/
  background-image: url("../imgs/bgone.jpg");
  padding:2em 0 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.parallaxcontent{
  display:block;
  max-width: 960px;
  margin: 0 auto;
  padding:1em;
  text-align:center;
}
.parallaxcontent p{
  color:#FFFFFF;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); 
}
.CM-sitelogo{
	display:block;
	margin:1em auto;
}
/*END INTRO SECTION
*/

/*START CONTACT DETAILS
*/
section.tmcmodule.contactusform {
  background-image: url("../imgs/bgtwo.jpg");
  background-position: 0 30%;/*change position of bg image to suite*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.contactdesc{
	display:block;
	width:45%;
	float:right;
	text-align:left;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); 
color:#fff;
}
.contactdesc ul{
	display:block;
	list-style-position: outside;
	list-style-type: square;
	margin-left:1em;
}
.contactform{
	display:block;
	width:48%;
	margin: 0 1em;
	float:left; 
}
.contactform p{
	text-align:right;
	padding: 0 0.2em;
}


.contactform input[type=text], 
.contactform input[type=date],
.contactform input[type=datetime],
.contactform input[type=number],
.contactform input[type=search],
.contactform input[type=time],
.contactform input[type=url],
.contactform input[type=email],
textarea, 
select{
  width: 75%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #900000;
	padding: .65em;
	margin:0 0 1em;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;	
 font-family:'Maven Pro', sans-serif;
}
.contactform input[type=text]:focus, 
.contactform input[type=date]:focus,
.contactform input[type=datetime]:focus,
.contactform input[type=number]:focus,
.contactform input[type=search]:focus,
.contactform input[type=time]:focus,
.contactform input[type=url]:focus,
.contactform input[type=email]:focus,
.contactform textarea:focus, 
.contactform select:focus{
	-moz-box-shadow: 0 0 8px #900000;
	-webkit-box-shadow: 0 0 8px #900000;
	box-shadow: 0 0 8px #900000;
	border: 1px solid #900000;
}
.contactform textarea{
	width:100%;
	height:8em;
}
.contactform input[type=submit], .contactform input[type=button]{
	display:block;
	margin:0 auto;
	font-weight:bold;
 font-family:'Maven Pro', sans-serif;
	background: #900000;
	padding: 1em 2em;
	border: none;
	color: #ffffff;
	
	-moz-box-shadow: 0 0 8px #f1f1f1;
	-webkit-box-shadow: 0 0 8px #f1f1f1;
	box-shadow: 0 0 8px #f1f1f1;
	border: 1px solid #f1f1f1;

}
.contactform input[type=submit]:hover, .contactform input[type=button]:hover{
	background: #f1f1f1;
	color: #000000;
	-moz-box-shadow: 0 0 8px #900000;
	-webkit-box-shadow: 0 0 8px #900000;
	box-shadow: 0 0 8px #900000;
	border: 1px solid #900000;
}
.contactform .required{
	color:#900000;
}


/*END CONTACT DETAILS
*/


.accreditations{
	display:block;
	max-width:780px;
	margin:0 auto;	
}
.accreditations img{
	display:block;
	float:left;
	margin:.8em;
}

/*START SOCIAL MEDIA SECTION STYLE
*/
section.tmcmodule.socialfeed {
  background-image: url("../imgs/bgthree.jpg");
  background-position: 0 90%;/*change position of bg image to suite*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.sociallogos{
}
.facebookframe{
	display:block;
	width:500px;
	height:500px;
	float:left;
}
.fbiframe-desktop{
	display:block;
}
.fbiframe-smallscreen{
display:none;	
}
/*END SOCIAL MEDIA SECTION STYLE
*/
section.tmcmodule.homecontentblock{
	display:block;
  max-width: 960px;
  margin: 0 auto;
  padding:1em;
  background:#FFF;
}

/* ======= content container elements */
.contentcontainer {
  text-align:center;
}
.contentcontainerplus {
  text-align:left;
}
.para-column-left{
  display:block;
  float:left;
  width:49%;
}
.para-column-right{
  display:block;
  float:right;
  width:49%;
}
.image-column{
  display:block;
  float:left;
	   border-radius: 2px;
   -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border:1px solid #900000;
}
.icleft, .icright{/* About Us page, 3 colmun image style*/
}

.icmid{
  margin:0 0.4em;
}




/*START SERVICES
*/
ul.services {
	list-style:none;
	overflow:auto;
	display:block;
	margin:1em 0;
}
.services li {
 list-style-type: none;
 display:inline-block;
 float:left;
 margin:0 2px;
 background-color: rgba(144, 0, 0, 1);
   border-radius: 5px;
   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.services li:first-of-type{
	margin:0 2px 0 0;
}
.services li:last-of-type{
	margin:0 0 0 2px;
}
.services li a{
	display:block;
	 width:164px;
 height:180px;
  padding:.2em .5em;
  text-align:right;
  color: #fff;
  text-decoration:none;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); 

}
.tmc-servcies-WasteRemovals{/*Waste Removals item*/
  background-image: url("../imgs/tmc-servcies-WasteRemovals.png");
  background-position: 0% 100%;/*change position of bg image to suite*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
}
.tmc-servcies-WindowCleaning{/*Window Cleaning item*/
  background-image: url("../imgs/tmc-servcies-WindowCleaning.png");
  background-position: 0% 100%;/*change position of bg image to suite*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
}
.tmc-servcies-CarpetHardFloor{/*Carpet & Hard Floor item*/
  background-image: url("../imgs/tmc-servcies-CarpetHardFloor.png");
  background-position: 0% 100%;/*change position of bg image to suite*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
}
.tmc-servcies-ResidentialCommunal{/*Residential Communal item*/
  background-image: url("../imgs/tmc-servcies-ResidentialCommunal.png");
  background-position: 0% 100%;/*change position of bg image to suite*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
}
.tmc-servcies-SpecialistCleaning{/*Specialist Cleaning item*/
  background-image: url("../imgs/tmc-servcies-SpecialistCleaning.png");
  background-position: 0% 100%;/*change position of bg image to suite*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
}

/*Services page styling
*/
.services-listitem{
	display:block;
	width:80%;
	margin:1em auto;
	padding-bottom:0.8em;
	border-bottom:2px solid #900000;
	overflow: hidden;
}
.services-listitem img{
	display:block;
	float:right;
	margin:0.8em;
	-moz-box-shadow: 0 2px 18px #900000;
	-webkit-box-shadow: 0 2px 18px #900000;
	box-shadow: 0 2px 18px #900000;
	border: 1px solid #900000;

}
/*end services page styling
*/

/*END SERVICES
*/




@media all and (max-width: 720px) {
	
#topnav p{/*change position of paragraph text in #topnav element*/
 display:block;text-align:center;
}
#scroll{/*scroll to top button*/
  right:0;
}
.tmc-heading-s{/*H4 styling*/
  text-align:center;
}
.tmc-heading-xs{/*H5 styling*/
  text-align:center;
  margin: 0.4em 0;
}
section.tmcmodule.intro {/*introduction section*/
  padding:6em 0 0;
}


.contactdesc{
	width:100%;
	float:none; 
	text-align:center;
}
.contactform{
	display:block;
	width:100%;
	margin: 1em 0;
	float:none; 
}
.contactform p{
	text-align:center;
}
.contactdesc ul{
	margin: 0.8em;
	list-style-type: none;
}

.contactform input[type=text], 
.contactform input[type=date],
.contactform input[type=datetime],
.contactform input[type=number],
.contactform input[type=search],
.contactform input[type=time],
.contactform input[type=url],
.contactform input[type=email],
textarea, 
select{
  width: 100%;
}

ul.services {
	overflow:hidden;
	display:block;
	margin:0;
}
.services li {
 list-style-type: none;
 display:block;
 float:none;
 margin:0.4em auto;
}
.services li:first-of-type{
 margin:0.4em auto;
}
.services li:last-of-type{
 margin:0.4em auto;
}
.services li a{
	 width:90%;
 height:160px; 
 margin:0 auto;
}

.para-column-left{
  display:block;
  float:none;
  width:100%;
}
.para-column-right{
  display:block;
  float:none;
  width:100%;
  margin:0.8em 0 0;
}


.icleft{
	float:none;
	margin:0 auto;
}
.icright, .icmid{
  display:none;
}


.services-listitem img{
	display:block;
	float:none;
	margin:0.8em auto;
	width:90%;
}

.facebookframe{
	float:none;
	width:360px;
	margin:0 auto;
}
.fbiframe-desktop{
	display:none;	
}
.fbiframe-smallscreen{
display:block;
margin:0 auto;
}



}