@charset "utf-8";
/*html5 display rule - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
section,article,aside,header,footer,nav,address,hgroup,canvas,details,figcaption,figure,menu,summary {
	display: block;
	height: auto;
	width: 100%;
	margin-top: 1px;
}
/************* TEXT RESIZING ISSUES *********************/
/*https://cssreset.com/*/
/*https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html#//apple_ref/doc/uid/TP40006510-SW16*/
html { /*https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust*/
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ 
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/*for modern browsers*/
.cf:before,.cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/*ForIE 6/7 (trigger hasLayout)*/
.cf {
	zoom:1;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .mainNav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: baseline;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: bold;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
}

h5  {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: bold;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
	float: left;
	clear: both;
}

a[href^=tel] {/* this code stops safari from turning phone numbers to their own code*/
    color: inherit;
    text-decoration: none;
}

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear: both;
	height: 0;
	/* [disabled]font-size: 1px; */
	/* [disabled]line-height: 0px; */
}

.themeBlue {
	color: #76A3B8;
}
.space4px {
	letter-spacing: 4px;
}

.contactFormLink {
	color: #69C;
}
.contactInformation {
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
}

.status {
	font-size: 15px;
	color:green;
	padding:15px;
}

.status span {
	color:red;
}

.g-recaptcha {
}

/************************ NAVIGATION STYLES *********/
 
nav {
      width: 100%;
      background: #000;
      height: 70px;
	  margin:0;
      position: static;
      z-index: 1;
}
 
nav #brand {
      float: left;
      display: block;
      margin-left: 35px;
      font-size: 30px;
      line-height: 70px;
      font-weight: bold;
}
 
nav #brand a {
      color: #fff;
      transition: all 0.3s ease-out;
      font-family: "Poppins";
      font-weight: 300;
}
 
nav #menu { /* menu bar to hold links in the nav */
	float: right;
	position: relative;
}
 
nav #menu li { /*copy in desktop styles to fix the error in clicking the link */
      display: inline-block;
      padding: 0px 11px;
      cursor: pointer;
      line-height: 70px;
      position: relative;
      transition: all 0.3s ease-out;
}
 
nav #menu li a {
      color: #fff;
      font-family: "Poppins";
      font-weight: 200;
}
 
#toggle { /* hamberger */
      position: absolute;
      right: 20px;
      top: 14px;
      z-index: 999;
      width: 40px;
      height: 40px;
      cursor: pointer;
      float: right;
      transition: all 0.3s ease-out;
      visibility: hidden;
      opacity: 0;
}
 
#toggle .span { 
      height: 3px;
      background: #fff;
      transition: all 0.3s ease-out;
      backface-visibility: hidden;
      margin: 5px auto;
}
 
#toggle.on #one { /* these are the three hamberger lines */
      transform: rotate(45deg) translateX(2px) translateY(4px);
}
 
#toggle.on #two {
      opacity: 0;
}
 
#toggle.on #three {
      transform: rotate(-45deg) translateX(8px) translateY(-10px);
}
 
#resize { /* this is the canvas for dropdown */
      z-index: 1;
      top: 0px;
      position: absolute;
      background: #000;
      width: 100%;
      height: 100%;
	  padding-bottom: 200px;
      visibility: hidden;
      opacity: 0;
      transition: all 1s ease-out;
      display: table;
}
 
#resize #menu { /* div for dropdown links */
	height: 90px;
	display: table-cell;
	vertical-align: center;
}
 
#resize #menu li {
      display: block;
      text-align: center;
      padding: 20px 0;
      font-size: 50px;
	  letter-spacing: 2px;
      min-height: 50px;
      font-weight: bold;
      cursor: pointer;
      transition: all 0.3s ease-out;
}
 
#resize li:nth-child(1) { /* space between the first link and the X */ 
      margin-top:50px;
}
 
#resize #menu li a {
      color: #fff;
}
 
#resize.active {
      visibility: visible;
      opacity: 0.99;
}
  
@media(max-width: 654px) {
	
      #toggle {
            visibility: visible;
            opacity: 1;
            margin-top: 6px;
      }
 
      nav #brand {
		  margin-left:40px;
      }
 
      #menu a {
            font-family: "Poppins";
            font-weight: 200;
            font-size: 20px;
      }
 
      nav #menu { /* dropdown links */
            display: none;
      }
}
 
@media(min-width: 655px) {
      #resize {
            visibility: hidden !important;
      }
}

/****************END NEW MENU STYLES*******************/


/*THESE KEYFRAMES CONTROL THE IMAGE SLIDER IN THE INDEX*/
/* slider instructions http://nielsharbo.dk/resources/cis/ */
@keyframes layer2Anim {
   0%{opacity:0;}
   17%{opacity:0;}
   33%{opacity:1;}
   50%{opacity:1;}
   67%{opacity:0;}
   100%{opacity:0;}
}
@keyframes layer3Anim {
    0%{opacity:0;}
    50%{opacity:0;}
    67%{opacity:1;}
    83%{opacity:1;}
    100%{opacity:0;}
}
/*-----END-----------THESE KEYFRAMES CONTROL THE IMAGE SLIDER IN THE INDEX*/

/*Mobile Styles*/

@media only screen and (max-width: 654px){
	
body {
	width: 100%;
	padding: 0;
	color: #000033;
	font-weight: 200;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.7;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #333;
	background-color: #FFFFFF;
	background: url(../images/Service_de_nettoyage_a_Montreal.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	background-color: #F8F8F8;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #515151;
	border-left-color: #515151;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.commercialResidentialCleaning {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	/*letter-spacing: 1px;*/
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

@media only screen and (max-width: 420px){
	.commercialResidentialCleaning {
	font-size:12px;	
	/*letter-spacing: 1px;*/
	}
}

/********** RESIDENTIAL PAGE LAYOUT STYLES *****************/
.containerRes {
	background-color: #F8F8F8;
	position: relative;
	/* [disabled]border-right-width: 1px; */
	/* [disabled]border-left-width: 1px; */
	/* [disabled]border-right-style: solid; */
	/* [disabled]border-left-style: solid; */
	/* [disabled]border-right-color: #515151; */
	/* [disabled]border-left-color: #515151; */
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
.resMain {/*background-size: cover; with fixed have issues */
	height: 500px;
	background-image: url(../images/Mobile_images_eng/perfect_clean.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #36353B;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #36353B;
	margin-top: 10px;
	clear: both;
	float: left;
	width: 100%;
}

.cleaning {
	font-size: 1.2em;
	letter-spacing: 2px;
	font-weight: 700;
	color: #546D7A;
}

.resServicesList {
	position: relative;
	height: 350px;
	margin-top: 50px;
	margin-bottom: 50px;
	background: #fff;
	opacity: 0.2;
	padding-top: 10px;
	padding-bottom: 40px;
	overflow: hidden;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #BBBBBB;
	border-bottom-color: #BFBFBF;
}

.resServicesListText{
	letter-spacing: 1px;
	margin-top: -445px;
	float: left;
	position: relative;
	overflow: hidden;
	padding-top: 10px;
	font-family: "Times New Roman", Times, serif;
	color: #003;
}

.ResContact {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #36353B;
	border-bottom-color: #36353B;
	height: 860px;
	width: 100%;
	clear: both;
	float: left;
	background: #FFF url(../images/Mobile_images_eng/residential_cleaning_services_.png) no-repeat fixed 40% 96%;
}

.headerRes {
    background-color: #F8F8F8;
	border-left: thin solid #333;
	border-right: thin solid #333;
	clear: both;
	width: 100%;
	margin: 0 auto;
	height: 100%;
}

.ResServices {
	height: 100%;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	opacity: .4;
	background-color: #FFF;
}

.ResServicesMontreal {
	-o-background-size: cover;
	height: auto;
	clear: both;
	width: 100%;
	padding-top: 25px;
	overflow: hidden;
	position: relative;
	float: left;
	padding-bottom: 60px;
	background-color: #FFFFFF;
}
.ResCleaningServices1 {
	float: left;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.ResCleaningServices2 {
	float: left;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.ResCleaningServices3 {
	float: left;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 30px;
	padding-left: 15px;
}

.ResCleaningServices1, ResCleaningServices2, ResCleaningServices3, ul {
	list-style: none;
	font-weight: 200;
}

.title {
	padding: 0px;
	text-decoration: underline;
	color: #557588;
	letter-spacing: 1px;
}

.peaceOfMind {
	float: left;
	position: relative;
	padding-top: 15px;
	padding-right: 10px;
	/* [disabled]padding-left: 10px; */
	/* [disabled]background: #FFF; */
	margin-top: 1px;
	width: 100%;
	clear: both;
	padding-bottom: 5px;
}

.peaceOfMind a:link {
	color: #336699;
	text-decoration: none;
	letter-spacing: 1px;
}

.peaceOfMind a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #336699;
	background-color: transparent;
	width: 100%;
	text-decoration: underline;
}

.peaceOfMind a:visited {
	text-decoration: none;
	color: #336699
}

.resFooter {
	position: absolute;/* this gives IE6 hasLayout to properly clear */
	padding-top: 2px;
	background: url(../images/nami.png) repeat;
	background-repeat: repeat;
	clear: both;
	float: left;
	width: 100%;
	border-top: thin solid #CCC;
	border-bottom: 3px solid #000000;
	
}

.resFooterDiv {
	font-size: 0.8em;
	position: relative;
	color: #CCCCCC;
	font-family: "Times New Roman", Times, serif;
	padding-top: 10px;
}

/********** END *********RESIDENTIAL PAGE LAYOUT STYLES *****************/
/*START of index electrostatic services styles*/
.electrostaticDisinfectingService {
	clear: both;
	float: left;
	width: 100%;
	/*height: 150px;*/
	background-image: url(../images/Mobile_images_eng/Electrostatic_disinfecting_servies_.png);
	background-repeat: no-repeat 50% 50%;
	background-size: 100% 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-top: 10px;
	padding-bottom:70px;
	position: relative;
	z-index: 1;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
}
.electrostaticDisinfectingService-1-P {
	font-size: 1.2em;
	color: #f8f8f8e8;
	letter-spacing: 1.5px;
	padding-top:10px;
}

.electrostaticDisinfectingService div p a {
	font-size: 14px;
	font-weight: bold;
	color: #900;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
.electrostatique-services {
	z-index: 3;
	position: relative;
	padding-top:16px;
}
/*.disinfection-covidM {
	height: 45px;
	width: 45px;
	position: absolute;
	padding-left: 265px;
	background-color: #e8dddd82;
	z-index: 2;
	border-radius: 0px 120px 120px 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #354853;
	border-right-color: #405664;
	border-bottom-color: #354853;
}*/
.disinfection-covid {
	position: absolute;
	margin: 0 10px;
	background-color: #e8dddd70;
	z-index: 2;
	border-radius: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #354853;
	border-right-color: #405664;
	border-bottom-color: #354853;
}

/*END of electrostatic services on index page*/

/********** START *********Electrostatic *****************/
.covid {
	width: 100%;
	height: 600px;
	background-size: 100% 100%;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #36353B;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #36353B;
	margin-top: 30px;
	clear: both;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/Mobile_images_eng/electrostatic--disinfect-covid---.png);
}

.covidMain {
	/*margin-left: 19%;*/
	position: relative;
	/* [disabled]height: 275px; */
	margin-top: 100px;
	margin-bottom: 100px;
	border: thin solid #1D1918;
	background: rgba(255,255,255,.8);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	/*box-shadow: 4px 4px 10px grey;*/
	border-radius: 5px;
	width: 100%;
	/*	max-width: 700px;*/
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	color: #363845;
}

.covidListText{
	width: 60%;
	/* [disabled]max-width: 700px; */
	margin-left: 20%;
	letter-spacing: 1px;
	/* [disabled]height: 245px; */
	margin-top: -449px;
	float: left;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.electrostaticDisinfectingServices {
	background-size: 100% 100%;
	width: 100%;
	clear: both;
	overflow: hidden;
	position: relative;
	float: left;
	line-height: 35px;
	color: #E8E8E8;
	background-attachment: fixed;
	background-color: #538cc699;
	background-position: 50% 50%;
}

.electrostaticDisinfectingServices1 {
	height: auto;
	width: 100%;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 12px;
	padding-bottom: 20px;
}

.electrostaticDisinfectingServices2 {
	width: 100%;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.electrostaticDisinfectingServices3 {
	width: 100%;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 20px;
	padding-bottom: 75px;
}

.electrostaticDisinfectingServices2 p {
	margin-left: -20px;
}
.electrostaticDisinfectingServices3 p {
	margin-left: -20px;
}

.electrostaticDisinfectingServices, electrostaticDisinfectingServices2, electrostaticDisinfectingServices, ul {
	list-style:none;
}

.electrostaticTechnology {
	width: 100%;
	top: 0;/*to make sure it stays in the corner*/
	left: 0;
	background-size: 100% 100%;
	height: 350px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0A3F74;
	border-bottom-color: #0A3F74;
	float: left;
	background-image: url(../images/Mobile_images_eng/electrostatic-spray.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.electroststicTechnologyPreview {
	display:none;
	width: 100%;
	/*background-size:100% 100%;*/
	position: relative;
	/*height: 550px;*/
	float: left;
	overflow: hidden;
	background-color: #000;
}
.electroststic-preview {
	background-image: url(../images/Mobile_images_eng/electrostatic-technology.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 50% 50%;
	height: 350px;
	float: left;
	width: 100%;
}

.electroststicBg {
	min-width: 100%;
	min-height: 100%;
	margin: 0px;
	position: absolute;
	z-index: -1;
	width: 309px;
}

.electroststicTechnologyCovid {
	float: left;
	height: 350px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 50px;
	margin-bottom: 40px;
}
.electrostaticDisinfectingServicesContent {
	height: auto;
	width: 100%;
	background: rgba(255,255,255,.7);
}

.electrostaticTech {
	float: left;
	height: 500px;
	width: 100%;
}
.electrostaticT {
	color: #660033;
	letter-spacing: 1px;
	padding: 0px;
	}
.electrostaticTechnologyFr {
	width: 100%;
	top: 0;/*to make sure it stays in the corner*/
	left: 0;
	background-size: 100% 100%;
	height: 350px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0A3F74;
	border-bottom-color: #0A3F74;
	float: left;
	background-image: url(../images/Mobile_images_eng/electrostatic-spray.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
/********** END *********Electrostatic *****************/

/********** START Mobile*********COMMERCIAL PAGE LAYOUT STYLES *****************/

.comMain {
	height: 700px;
	/* [disabled]background-image: url(../images/Commercial_images/comMain.jpg); */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]background-position: 40% center; */
	/* [disabled]background-attachment: fixed; */
	/* [disabled]-webkit-background-size: cover; */
	/* [disabled]-moz-background-size: cover; */
	-o-background-size: cover;
	/* [disabled]background-size: cover; */
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #36353B;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #36353B;
	margin-top: 30px;
	clear: both;
	float: left;
	width: 100%;
}

.commercialContainer {
	position: relative;
	height: 700px;
	margin-top: 50px;
	margin-bottom: 50px;
	border: thin solid #576D82;
	background-color: #FFF;
	opacity: .7;
	border-radius: 5px;
	padding-top: 30px;
	padding-bottom: 40px;
	overflow: hidden;
}

.comServicesMontreal {
	/* [disabled]background-image: url(../images/Commercial_images/comServicesMontreal.jpg); */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]-webkit-background-size: cover; */
	/* [disabled]-moz-background-size: cover; */
	-o-background-size: cover;
	/* [disabled]background-size: cover; */
	/* [disabled]height: 500px; */
	width: 100%;
	padding-top: 30px;
	/* [disabled]padding-left: 2%; */
	/* [disabled]padding-right: 2%; */
	overflow: hidden;
	position: relative;
	padding-bottom: 50px;
	/* [disabled]background-attachment: fixed; */
	/* [disabled]background-position: left top; */
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9DA6AF;
	border-bottom-color: #9DA6AF;
	clear: both;
	float: left;
	margin-bottom: 30px;
	background-color: #F8F8F8;
	margin-top: -150px;
	line-height: 30px;
}

.comCleaningServices1 {
	height: auto;
	/* [disabled]width: 97%; */
	font-weight: 300;
	/* [disabled]padding-top: 5px; */
	/* [disabled]padding-bottom: 5px; */
	/* [disabled]position: relative; */
	letter-spacing: 1px;
	padding-left: 10px;
}

.comCleaningServices1 ul {
	list-style-type: none;
	padding:0;
	margin:0;	
}

.comServicesList {
	-o-background-size: cover;
	height: auto;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #36353B;
	clear: both;
	background-color: #FFF;
	padding: 10px;
}
.comServicesListText {
	width: 100%;
	max-width: 675px;
	/* [disabled]letter-spacing: 1px; */
	/* [disabled]height: 245px; */
	margin-top: -650px;
	position: relative;
	padding-top: 20px;
	float: left;
}

.comServicesList a:link {
	color: #36C; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	text-decoration: none;
	letter-spacing: 1px;
}


.comServicesList a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #336699;
	background-color: transparent;
	width: 100%;
	text-decoration: underline;
}

.comServicesList a:visited {
	text-decoration: none;
	color:#336699
}

.commercialCleaning {
	position: relative;
	height: 300px;
	margin-top: 100px;
	margin-bottom: 100px;
	border: thin solid #8A9BB5;
	box-shadow: 4px 4px 10px grey;
	background-color: #FFF;
	opacity: .7;
	border-radius: 5px;
	width: 100%;
	max-width: 675px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}
.afterConstructionCleaning {
	background-image: url(../images/Commercial_images/1.jpg);
	clear: both;
	height: 250px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFF;
	margin-bottom: 10px;
	margin-top: -17px;
}

/********** END Mobile*********COMMERCIAL PAGE LAYOUT STYLES *****************/
/********  START ----- ABOUT US PAGE ----*/
.zoom {
	top: 0;
	width: 100%;
	max-width: 800px;
	transform: translate(-50%);
	clear: both;
	float: left;
	margin: 0px 250px 0px 0px;
}

.about1{
	clear: both;
	/* [disabled]float: left; */
	height: 250px;
	width: 100%;
	position: relative;
	background: #FFF url(../images/Mobile_images_eng/Cleaning_satisfaction_.jpg) no-repeat left;
	margin-top: 20px;
	margin-left: 0px;
}

.about1 h1 {
	padding-left: 180px;
	padding-top: 30px;
	font-size: 1.2em;
}

.about2 { /*float -  will drop the text to bottum of image */
	width: 100%;
	height: auto;
	/*overflow: hidden;*/
	position: relative;
	color: #CC6699;
	overflow: hidden;
}

.about2 div {
	overflow: hidden;
}

.about2 h2 {
	padding-top: 20px;
}

.about3 {
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	color: #033;
	/* [disabled]margin: 30px 0px 0px; */
	padding-bottom: 50px;
}

.about3 a:link {
	color:  #36C; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	text-decoration: none;
	letter-spacing: 1px;
}

.about3 a:visited {
	text-decoration: none;
	color:#336699
}

.about3 a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #336699;
	background-color: transparent;
	width: 100%;
	text-decoration: underline;
}

.about3 h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 40px;
}

.contactInfo {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 50px;
}

.aboutPhoneNumber a:hover {
	font-weight: 200;
	color: #FFF;
	background-color: #9FB6C4;
	/*letter-spacing: 0.5px;*/
	border-radius: 5px;
	padding-right: 7px;
	padding-left: 7px;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	padding-bottom: 4px;
	padding-top: 4px;
}

/********  END ----- ABOUT US PAGE ----*/
/********  START OF SIDEBAR STYLES - WINDOW WASHING ****/
.opacity {
	/* [disabled]background: #F9F url(../images/Tablet_images/windowWasher_.png) no-repeat fixed center top; */
	opacity: .2;
	border-top: thin solid #0B1F28;
	/* [disabled]border-bottom: thin solid #0B1F28; */
	margin-top: 150px;
	position: relative;
	z-index: 1;
	height: 874px;
}
.windowWash {
	width: 100%;
	position: relative;
	z-index: 2;
	top: -874px;
	margin-bottom: -874px;
	border: thin solid #003;
}

.windowWashServices {
	background: url(../images/background.jpeg) no-repeat fixed center center;
	float: left;
	height: 570px;
	width: 100%;
}
.windowCleaningServices {
	padding: 10px 10px 80px 20px;
	font-weight: bold;
	letter-spacing: 1.2px;
	line-height: 26px;
}

.windowCleaningServices .blueD {
	padding-bottom: 12px;
}

.windowCleaningServices .blueL {
	padding-bottom: 12px;
}

.windowWash h1 {
	font-size: 2em;
	padding-top: 30px;
	padding-bottom: 15px;
}
.windowCleaning {
	/* [disabled]width: 50%; */
	/* [disabled]margin-right: auto; */
	/* [disabled]margin-left: auto; */
}

.windowCleaning ul {
	font-size: 1.2em;
	line-height: 45px;
	font-weight: bold;
	letter-spacing: 2px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 50px 10px;
}

.windowCleaning h2 {
	letter-spacing: 3px;
	padding-top:80px;
}

.windowWashList {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding-top: 50px;
}
/******* END OF WINDOW WASHING STYLES ******/
/******* END OF SIDEBAR STYLES *************/

/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
.header {
	height: 184px;
	background-color: #F8F8F8;
	background-image: url(../images/small-crackle-bright.png);
	background-repeat: repeat;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #54616E;
}

/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the block itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the block element and place a second block element within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward,
(for example: a right margin on a block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar blocks could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the blocks around in the HTML source. */

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.slideShow {
	height:250px;
	position: relative;
	border-top-width: 1.5px;
	border-bottom-width: 1.5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3E3E3E;
	border-bottom-color: #3E3E3E;
	margin-top: 80px;
	clear: both;
}
.placeHolder {
    width:100%;
	height:250px;
    visibility: hidden;
}
.layer1, .layer2, .layer3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.layer1 {
	height: 250px;
	background-image: url(../images/Mobile_images_eng/residential_cleaning_Montreal_Geniux.jpg);
} 

.layer2 {
	height: 250px;
	background-image: url(../images/Mobile_images_eng/lavage__pression.jpg);
	animation: layer2Anim 10s infinite;
}

.layer3 {
	height: 250px;
	background-image: url(../images/Mobile_images_eng/Service_de_nettoyage_commercial_residential_Montreal_Geniux.ca.jpg);
	animation: layer3Anim 10s infinite;
}

.slideOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/overlayTransparentresolutionEnhancment.png);
}

.slideOverlay p {
	display:none;
	position: relative;
	font-size: 5.3vw;
	letter-spacing: 0.8px;
	color: #fff;
	text-shadow: 3px 3px 4px #000;
	text-align: center;
	top: 45%;
}

.slideOverlay h2 {
	display:none;
	position: relative;
	top: 17%;
	font-size: 1em;
	color: #FFF;
	text-shadow: 1.3px 1.3px 2px #000;
	letter-spacing: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.lavageVitres-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/lavage_de_vitres_d.jpg) no-repeat 50% 50%;
	background-size: 100% 100%;
}

.construction-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/nettoyage_apres_construction_montreal.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.entretienMénager-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/Entretien_menager_montreal.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.nettoyageBureau-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/Nettoyage_de_bureau_.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.nettoyageTapis-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/_nettoyage_de_tapis_carpet_cleaning.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.nettoyageRésidentiel-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/001.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.containerImage {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 182px;
	width: auto;
}

.content {
	float: left;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]margin-top: 10px; */
	margin-bottom: 20px;
	/* [disabled]padding-top: 10px; */
	padding-bottom: 10px;
}

.Intro {
	display:none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: right center;
	height: 350px;
	box-shadow: 4px 4px 10px grey;
	position: relative;
	border: thin solid #283242;
}
.IntroText {
	display: none;
	/* [disabled]width: 70%; */
	height: 340px;
	top: -355px;
	z-index: 2;
	width: 90%;
	text-align: center;
	letter-spacing: 1px;
	position: relative;
	margin: 0px auto;
}

.IntroText div {
	display: none;
	background-color: #F8F8F8;
	opacity: .8;
}

.IntroText div h2 {
	display: none;
	padding-right: 6%;
	padding-left: 40%;
	color: #B86934;
	text-shadow: .3px 1.3px 2px #FFF;
	letter-spacing: 0.3px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}

.content .IntroText p {
	display:none;
	font-size: 1em;
	font-weight: 700;
	color: #000000;
	padding-top: 19px;
	letter-spacing: 1.8px;
}

.blueD {
	color: #00354F;
}

.blueL {
	color: #005F8C;
}

.adapt {
	margin-top: 25px;
	text-decoration: underline;
	color: #399;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0.7px;
	font-weight: bold;
	font-variant: normal;
	font-size: 0.8em;
}

.objective {
	margin-bottom: 30px;
	margin-top: 15px;
	border: thin solid #999;
	clear: both;
	float: left;
	width: 100%;
}

.objectiveInfo {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7F9CAE;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
	border-radius: 9px;
	border: thick solid #FFF;
	clear: both;
	float: left;
	margin-left: -5px;
}

.objectiveInfo p {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 15px;
	word-spacing: .5px;
	font-family: Verdana, Geneva, sans-serif;
}

.contactUs {
	clear: both;
	z-index: 1;
	margin-top: 10px;
	margin-bottom: 60px;
	background-image: url(../images/service_de_nettoyage_a_montreal_contact.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	border-top-width: thin;
	border-bottom-width: 1.3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #B2B2B2;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	float: left;
	width: 100%;
}

.contactDetails {
	background-color: #FFF;
	width: 100%;
	opacity: .8;
	font-weight: bold;
	color: #000011;
	padding-bottom: 15px;
	padding-top: 15px;
	border-right-width: thin;
	border-right-style: groove;
	border-right-color: #666666;
}

.contactDetails a {
	color: #3E6679;
}

.contactDetails p a:hover {
	font-weight: 200;
	color: #FFF;
	background-color: #7C9BAD;
	/*letter-spacing: 0.5px;*/
	border-radius: 5px;
	padding-right: 7px;
	padding-left: 7px;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	padding-bottom: 4px;
	padding-top: 1.3px;
}

.contactDetails a:visited {
	text-decoration:none;
    color: inherit;	
}

.contactDetails p {
	font-size: 1.1em;
	font-weight: bold;
	color: #212E34;
}

.contactDetails h2 {
	font-size: 1.4em;
	font-family: "Times New Roman", Times, serif;
	color: #2E3F49;
	letter-spacing: 1px;
}

.tel {
	letter-spacing: .8px;
}

.service {
	height: 65px;
	margin-bottom: 25px;
	float: left;
	clear: both;
	text-transform: capitalize;
	color: #4D6179;
}

.since1993 {
	font-size: 1.1em;
	color: #4E6776;
	-webkit-animation:;
	-moz-animation: ;
	-ms-animation: ;
	animation-delay: on-scroll;
}

.revealOnScroll {	
}

.apart {
	letter-spacing: 1px;
}

.element1 {
	display:none;
	position: relative;
	height: 460px;
	z-index: 1;
	text-align: left;
	background-color: #F8F8F8;
	opacity: .8;
	clear: both;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #000000;
	border-bottom-color: #000000;
	margin-bottom: -100px;
}

.element2 {
	position: relative;
	height: 460px;
	z-index: 1;
	text-align: left;
	background-color: #F8F8F8;
	opacity: .8;
	clear: both;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #000000;
	border-bottom-color: #000000;
	margin-bottom: -100px;
}
/*z-index 1 will be first or most underneath layer, z-index 2 will go on top*/
.content1 {
	position: relative;
	top: -267px;
	z-index: 2;
	/* [disabled]width: 840px; */
	color: #930;
	text-align: left;
	margin: 24px;
	clear: both;
	font-size: 1.8em;
	font-weight: bold;
	text-shadow: .3px 1.3px 2px #fff;
	letter-spacing: 5px;
}

/*----------------- This is template styles */

.logo {
	width: 250px;
	margin-bottom: 25px;
	float: left;
	margin-top: 10px;
	height: 150px;
	background-repeat: no-repeat;
}
.contactUsHeader {
	clear: both;
	float: left;
	width: 100%;
	background-color: #F8F8F8;
	padding-top: 8px;
}
.contactUsHeader a {
	color: #54616E;
	text-decoration: none;
}

.contactUsHeader a:visited {
	text-decoration:none;
    color: inherit;	
}

.phoneNumber {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #54616E;
	letter-spacing: 5px;
	clear: both;
	width: 100%;
}

.eMail {
	font-size: 0.8em;
	letter-spacing: 2px;
	margin-top: -4px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #54616E;
}

.c {
	width: 70%;
	font-size: 14px;
	font-weight: 800;
	color: #F0F0F0;
	position: relative;
}

.lang {
	color: #585858;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	text-align: center;
	float: right;
	clear: both;
	width: 100%;
	margin-top: 1px;
	margin-bottom: 1px;
	position: relative;
	padding-top: 8px;
}

.lang a,.lang a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	letter-spacing: 1.5px;
	text-align: center;
	color: #555555;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	letter-spacing: 1.5px;
	border-radius: 5px;
	padding-right: 12px;
	padding-left: 12px;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	font-size: 14px;
	border-right-width: thin;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-color: #F4F4F4;
}

.lang a:hover {
	background-color: #F0F0F0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3E6679;
}

.lang a:visited {
	text-decoration:none;
    color: inherit;	
}

.nettoyageResidentielCommercial {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #00698C;
	text-align: center;
	letter-spacing: 1.6px;
	margin-top: 10px;
	/* [disabled]margin-bottom: 10px; */
	padding-top: 8px;
	background-color: #F8F8F8;
	font-weight: bold;
}
.nettoyageResidentielCommercialServiceDeNettoyage {
	font-size: 1.1em;
	letter-spacing: 3.3px;
	color: #007095;
	text-shadow: 1.2px 1.2px 1.5px #000;
	font-family: Elephant;
}

.sidebar1 {
	clear: both;
	width: 100%;
	background-color: #F8F8F8;
	text-transform: capitalize;
	font-weight: normal;
	font-variant: normal;
	position: relative;
	margin-top: 15px;
	/*margin-right: 2%;*/
	/* [disabled]margin-bottom: 15px; */
	float: right;
	margin-right: auto;
	margin-left: auto;
	/*margin-left: 1%;*/
}

.serviceNettoyage { /*this controls the text box in sidebar*/
	background-color: #283242;
	margin-top: 211px;
	padding: 2px 0;
	opacity: .8;
	font-weight: bold;
}


.sidebar1 div a:link {
	color: #FFFFFF; 
	text-decoration: none;
	letter-spacing: 1px;
}

.sidebar1 div a:visited {
	text-decoration: none;
	/*color: #FFF;*/
}

.sidebar1 div a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	/* [disabled]color: #FFFFFF; */
	background-color: transparent;
	width: 100%;
	/* [disabled]letter-spacing: 1.3px; */
	padding-right: 15px;
	padding-left: 15px;
}

.servicesTitle {
	margin-top: 50px;
	margin-bottom: 33px;
	color: #004364;
	letter-spacing: 2px;
}

.services {
	position: relative;
	clear: both;
}

.detailsList {
	width: 100%;
	font-weight: bold;
	padding-bottom: 15px;
	background-color: #F8F8F8;
	border-bottom-width: 2px;
	border-bottom-style: groove;
	border-bottom-color: #426D82;
	border-top-width: 2px;
	border-top-style: groove;
	border-top-color: #426D82;
	margin-right: auto;
	margin-left: auto;
	text-transform: uppercase;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #426D82;
	border-left-color: #426D82;
	box-shadow: 2px 1px 10px #84a9c0;
	/* [disabled]margin-top: 30px; */
	line-height: 40px;
	background-image: url(../images/background.jpeg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

.detailsList div {
	line-height: 25px;
	margin-bottom: 10px;
}

/* ~~ The footer ~~ */
footer {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both;
	padding-top: 2px;
	margin-top: -60px;
	float: left;
	background: url(../images/nami.png) repeat;
	border-bottom: 3px solid #000000;
	border-top: thin solid #CCC;
}

.copyright {
	font-size: 0.8em;
	position: relative;
	color: #CCCCCC;
	font-family: "Times New Roman", Times, serif;
	border-top: thin solid #CCC;
	padding-top: 10px;
}


/*--------  This is end of template styles ***********/
/* THIS IS THE START OF MOBILE FORM STYLES************/	

.containerForm {
	width: 100%;
	background-color: #FFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #434955;
	border-left-color: #434955;
	margin: 0px auto;
	height: 100%;
	float: left;
	clear: both;
}

.contactUsheaderForm {
	height: 300px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #454B59;
	background: #F3F6FB url(../images/Cleaning_Services_Contact_Us.jpg) no-repeat left center;
	background-size: contain;
}

#myform {
	font-family: "Times New Roman", Times, serif;
	height: auto;
	width: auto;
	border: thin solid #003;
	border-radius: 3px;
	background-color: #E7E9EF;
	box-shadow: 4px 4px 10px grey;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*fieldset is the box surrounding contact information */
fieldset {
	padding: 10px;
	border: thin solid #253041;
}

/*legend is the text inside the border surounding contact info*/
legend {
	font-size: 110%;
	font-weight: 200;
	color: #222735;
	border: thin none #222735;
	letter-spacing: 0.3px;
}

#name {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

#email {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

#phone {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}

#comments {
	width: 95%;
	font-family: "Times New Roman", Times, serif;
	color: #005;
	padding: 10px;
	font-size: 1em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#submit, #reset {
	color: #003;
	border: thin outset #253041;
	border-radius: 5px;
	margin: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #EBEBEB;
	padding-top: 3px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 14px;
}

/* THIS IS THE END OF MOBILE FORM STYLRES**************/
/*THIS COMPLETES THE MOBILE STYLES**********/
}

/**********START OF TABLET STYLES**********************/
@media only screen and (min-width: 655px) and (max-width: 936px){
body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #363845;
	font-weight: 200;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.7;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #333;
	background-color: #FFFFFF;
	background: url(../images/Service_de_nettoyage_a_Montreal.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	background-color: #F8F8F8;
	clear: both;
	width: 100%;
	height: 100%;
	/* [disabled]position: relative; */
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.commercialResidentialCleaning {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

/********** RESIDENTIAL PAGE LAYOUT STYLES *****************/
.containerRes {
	background-color: #F8F8F8;
	position: relative;
	/* [disabled]border-right-width: 1px; */
	/* [disabled]border-left-width: 1px; */
	/* [disabled]border-right-style: solid; */
	/* [disabled]border-left-style: solid; */
	/* [disabled]border-right-color: #515151; */
	/* [disabled]border-left-color: #515151; */
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.resMain {
	height: 550px;
	background-image: url(../images/Residential_house_cleaning_3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #36353B;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #36353B;
	margin-top: 30px;
	clear: both;
	float: left;
	width: 100%;
}

.ResContact {
	background-attachment: fixed;
	background-image: url(../images/resServicesList.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*background: url(../images/resServicesList.jpg) no-repeat fixed center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height: 840px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #36353B;
	border-bottom-color: #36353B;
	clear: both;
	
}

.headerRes {
    background-color: #F8F8F8;
	border-left: thin solid #333;
	border-right: thin solid #333;
	clear: both;
	width: 100%;
	margin: 0 auto;
	height: 100%;
}
.ResServices {
	height: 100%;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	opacity: .4;
	background-color: #FFF;
}

.cleaning {
	font-size: 1.2em;
	letter-spacing: 3.4px;
	color: #333333;
	z-index: 1;
}

.resServicesList {
	margin-left: 20%;
	position: relative;
	height: 200px;
	margin-top: 100px;
	margin-bottom: 100px;
	border: thin solid #1D1918;
	box-shadow: 4px 4px 10px grey;
	background-color: #FFF;
	opacity: .7;
	border-radius: 5px;
	width: 60%;
	max-width: 675px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}

.resServicesListText{
	width: 65%;
	margin-left: 20%;
	letter-spacing: 1px;
	/* [disabled]height: 245px; */
	margin-top: -449px;
	float: left;
	position: relative;
	padding-top: 20px;
	/* [disabled]padding-right: 20px; */
	padding-left: 20px;
}

.ResServicesMontreal {
	background-image: url(../images/brushed.png);
	background-repeat: repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* [disabled]height: 500px; */
	clear: both;
	width: 99%;
	padding-top: 50px;
	padding-left: 1%;
	padding-right: 1%;
	overflow: hidden;
	position: relative;
	float: left;
	padding-bottom: 60px;
}

.ResServicesMontreal {
    background-image: url(../images/brushed.png);
	background-repeat: repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: auto;
	clear: both;
	width: 99%;
	padding-top: 50px;
	padding-left: 1%;
	padding-right: 1%;
	overflow: hidden;
	position: relative;
	float: left;
	padding-bottom: 60px;
	line-height: 30px;
}

.ResCleaningServices1 {
	height: auto;
	width: 35%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
}

.ResCleaningServices2 {
	height: 350px;
	width: 26.5%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	margin-right: auto;
	margin-left: auto;
}

.ResCleaningServices3 {
	height: 350px;
	width: 27.5%;
	float: left;
	padding-right: 1%;
	padding-left: 2%;
}

.ResCleaningServices1, ResCleaningServices2, ResCleaningServices3, ul {
	list-style:none;
}

.title {
	color: #4A5660;
	padding: 0px;
	
}

.peaceOfMind {
	padding: 10px;
}

.peaceOfMind a:link {
	color: #336699;
	text-decoration: none;
	letter-spacing: 1px;
}

.peaceOfMind a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #336699;
	background-color: transparent;
	width: 100%;
	text-decoration: underline;
}

.peaceOfMind a:visited {
	text-decoration: none;
	color:#336699
}

.resFooter {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	padding-top: 2px;
	background: url(../images/nami.png) repeat;
	background-repeat: repeat;
	clear: both;
	float: left;
	width: 100%;
	border-top: thin solid #CCC;
	border-bottom: 3px solid #000000;
	
}

.resFooterDiv {
	font-size: 0.8em;
	position: relative;
	color: #CCCCCC;
	font-family: "Times New Roman", Times, serif;
	padding-top: 10px;
}

/********** END *********RESIDENTIAL PAGE LAYOUT STYLES *****************/

/*START of index electrostatic services styles*/
.electrostaticDisinfectingService {
	clear: both;
	float: left;
	width: 100%;
	background-image: url(../images/Desktop_images/COVID-19-in-Greece-featured.jpg);
	background-repeat: no-repeat 50% 50%;
	background-size: 100% 100%;
	margin-top: 25px;
	padding-bottom: 100px;
	position: relative;
	z-index: 1;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
}
.electrostaticDisinfectingService-1-P {
	font-size: 2em;
	color: #f8f8f8e8;
	letter-spacing: 1.5px;
}

.electrostaticDisinfectingService div p a {
	font-size: 1.1em;
	font-weight: bold;
	color: #900;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1.2px;
}
.electrostatique-services {
	z-index: 3;
	position: relative;
	padding-top:10px;
}

.disinfection-covid {
	position: absolute;
	margin-left: 30px;
	background-color: #e8dddd70;
	z-index: 2;
	border-radius: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #354853;
	border-right-color: #405664;
	border-bottom-color: #354853;
}
/*.disinfection-covidM {
	display: none;
	height: 45px;
	width: 50px;
	position: absolute;
	padding-left: 265px;
	background-color: #e8dddd82;
	z-index: 2;
	border-radius: 0px 120px 120px 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #354853;
	border-right-color: #405664;
	border-bottom-color: #354853;
}*/

/*END of electrostatic services on index page*/


/********** START *********Electrostatic *****************/
.covid {
	width: 100%;
	height: 600px;/*to make sure it stays in the corner*/
	background: url(../images/Desktop_images/covid-19_4.jpg) no-repeat 50% 50%;
	background-attachment: fixed;
	background-size: 100% 100%;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #36353B;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #36353B;
	margin-top: 30px;
	clear: both;
	float: left;
	
}

.covidMain {
	margin: 100px auto;
	position: relative;
	/* [disabled]height: 275px; */
	border: thin solid #1D1918;
	background: rgba(255,255,255,.9);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	/*box-shadow: 4px 4px 10px grey;*/
	border-radius: 5px;
	width: 88%;
	/*	max-width: 700px;*/
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
	color: #363845;
}

.covidListText{
	width: 60%;
	/* [disabled]max-width: 700px; */
	margin-left: 20%;
	letter-spacing: 1px;
	/* [disabled]height: 245px; */
	margin-top: -449px;
	float: left;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.electrostaticDisinfectingServices {
	background : url(../covid-19-resource-guide-s.png) fixed no-repeat 50% 50%;
	background-size: 100% 100%;
	/*height: 400px;*/
	width: 100%;
	clear: both;
	/* [disabled]padding-top: 50px; */
	/* [disabled]padding-left: 1%; */
	/* [disabled]padding-right: 1%; */
	overflow: hidden;
	position: relative;
	float: left;
	/* [disabled]padding-bottom: 60px; */
	line-height: 35px;
	color: #cccccc;
	background-color:#21425bab;
}

.electrostaticDisinfectingServices1 {
	height: auto;
	width: 29.3%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 12px;
	padding-bottom: 12px;
}

.electrostaticDisinfectingServices2 {
	height: 350px;
	width: 29.3%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-bottom: 12px;
}

.electrostaticDisinfectingServices3 {
	height: 350px;
	width: 29.3%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 12px;
	padding-bottom: 12px;
}

.electrostaticDisinfectingServices2 p {
	margin-left: -20px;
}
.electrostaticDisinfectingServices3 p {
	margin-left: -20px;
}

.electrostaticDisinfectingServices, electrostaticDisinfectingServices2, electrostaticDisinfectingServices, ul {
	list-style:none;
}

.electrostaticTechnology {
	width: 100%;
	top: 0;/*to make sure it stays in the corner*/
	left: 0;
	background-size: 100% 100%;
	height: 500px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0A3F74;
	border-bottom-color: #0A3F74;
	float: left;
	background-image: url(../images/Desktop_images/electrostatic-technology-3.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.electroststicTechnologyPreview {
	width: 100%;
	/*background-size:100% 100%;*/
	position: relative;
	/*height: 550px;*/
	float: left;
	overflow: hidden;
	background-color: #000;
}
.electroststic-preview {
	display:none;
	background-image: url(../images/Mobile_images_eng/electrostatic-technology.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 50% 50%;
	height: 350px;
}

.electroststicBg {
	min-width: 100%;
	min-height: 100%;
	margin: 0px;
	position: absolute;
	z-index: -1;
	width: 309px;
}

.electroststicTechnologyCovid {
	float: left;
	height: 300px;
	width: 100%;
	/* [disabled]background-color: #6699cccf; */
}
.electrostaticDisinfectingServicesContent {
	height: auto;
	width: 100%;
	background: rgba(255,255,255,.7);
}

.electrostaticTech {
	float: left;
	height: 500px;
	width: 100%;
}
.electrostaticT {
	color: #660033;
	letter-spacing: 1px;
	padding: 0px;
	}
.electrostaticTechnologyFr {
	width: 100%;
	top: 0;/*to make sure it stays in the corner*/
	left: 0;
	background-size: 100% 100%;
	height: 500px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0A3F74;
	border-bottom-color: #0A3F74;
	float: left;
	background-image: url(../images/Desktop_images/desinfectant_electrostatique.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
/********** END *********Electrostatic *****************/

/********** START *********COMMERCIAL PAGE LAYOUT STYLES *****************/
.comMain {
	height: 550px;
	background-image: url(../images/Tablet_images/test2.jpg);
	background-repeat: no-repeat;
	background-position: 98% 5%;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #36353B;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #36353B;
	margin-top: 30px;
	clear: both;
	float: left;
	width: 100%;
}

.commercialContainer {
	margin-left: 3%;
	position: relative;
	height: 340px;
	margin-top: 100px;
	margin-bottom: 100px;
	border: thin solid #576D82;
	box-shadow: 4px 4px 10px grey;
	background-color: #FFF;
	opacity: .7;
	border-radius: 5px;
	width: 84%;
	max-width: 675px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
}

.comServicesMontreal {
	background-image: url(../images/Commercial_images/comServicesMontreal.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* [disabled]height: 500px; */
	clear: both;
	width: 100%;
	padding-top: 50px;
	padding-left: 1%;
	padding-right: 1%;
	overflow: hidden;
	position: relative;
	float: left;
	padding-bottom: 60px;
	background-attachment: fixed;
	background-position: left top;
	margin-top: 1px;
	margin-bottom: 1px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9DA6AF;
	border-bottom-color: #9DA6AF;
	line-height: 35px;
}

.comCleaningServices1 {
	height: auto;
	width: 75%;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}

.comCleaningServices1 ul {
	list-style-type: none;
	padding:0;
	margin:0;	
}

.comServicesList {
	-o-background-size: cover;
	height: 570px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #36353B;
	border-bottom-color: #36353B;
	clear: both;
	padding-top: 15px;
	width: 100%;
	background: #FFF url(../images/Commercial_images/construction_cleaning_2.jpg) no-repeat fixed right 74%;
}

.comServicesListText{
	width: 83%;
	max-width: 675px;
	margin-left: 3%;
	letter-spacing: 1px;
	/* [disabled]height: 345px; */
	margin-top: -470px;
	float: left;
	position: relative;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
}

.comServicesList a:link {
	color:  #36C; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	text-decoration: none;
	letter-spacing: 1px;
}

.comServicesList a:visited {
	text-decoration: none;
	color:#336699
}

.comServicesList a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #336699;
	background-color: transparent;
	width: 100%;
	text-decoration: underline;
}

.commercialCleaning {
	margin-left: 20%;
	position: relative;
	height: 200px;
	margin-top: 100px;
	margin-bottom: 100px;
	border: thin solid #8A9BB5;
	box-shadow: 4px 4px 10px grey;
	background-color: #FFF;
	opacity: .7;
	border-radius: 5px;
	width: 60%;
	max-width: 675px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
}

.afterConstructionCleaning {
	display:none;
	background-image: url(../images/Commercial_images/1.jpg);
	clear: both;
	height: 250px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFF;
	margin-bottom: 10px;
}

/********** END *********COMMERCIAL PAGE LAYOUT STYLES *****************/
/********  START ----- ABOUT US PAGE ----*/
.zoom {
	top: 0;
	width: 100%;
	max-width: 800px;
	transform: translate(-50%);
	clear: both;
	float: left;
	margin: 0px 40px 0px 0px;
}

.about1{
	clear: both;
	/* [disabled]float: left; */
	height: 350px;
	width: 100%;
	position: relative;
	background: #FFF url(../images/Desktop_images/Cleaning_satisfaction.jpg) no-repeat left;
	margin-top: 20px;
	margin-left: 0px;
	overflow:hidden;
}

.about1 h1 {
	padding-left: 350px;
	padding-top: 50px;
}

.about2 { /*float -  will drop the text to bottum of image */
	/* [disabled]width: 100%; */
	position: relative;
	color: #CC6699;
	overflow: hidden;
}

.about2 div {
	overflow: hidden;
}

.about2 h2 {
	padding-top:20px;
}

.about3 {
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	color: #033;
	/* [disabled]margin: 30px 0px 0px; */
	padding-bottom: 50px;
}

.about3 a:link {
	color:  #36C; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	text-decoration: none;
	letter-spacing: 1px;
}

.about3 a:visited {
	text-decoration: none;
	color:#336699
}

.about3 a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #336699;
	background-color: transparent;
	width: 100%;
	text-decoration: underline;
}

.about3 h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 40px;
}

.contactInfo {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 50px;
}

.aboutPhoneNumber a:hover {
	font-weight: 200;
	color: #FFF;
	background-color: #9FB6C4;
	/*letter-spacing: 0.5px;*/
	border-radius: 5px;
	padding-right: 7px;
	padding-left: 7px;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	padding-bottom: 4px;
	padding-top: 4px;
}

/********  END ----- ABOUT US PAGE ----*/
/********  START OF SIDEBAR STYLES - WINDOW WASHING ****/
.opacity {
	background: #fff url(../images/Tablet_images/windowWasher_.png) no-repeat fixed center top;
	opacity: .2;
	margin-top: 152px;
	position: relative;
	z-index: 1;
	height: 860px;
}
.windowWash {
	height: 860px; /*height of container*/
	width: 100%;
	position: relative;
	z-index: 2;
	top: -860px; /*height of container*/
	margin-bottom: -861px;
	border-top: thin solid #0B1F28;
	border-bottom: thin solid #0B1F28;
}
.windowWashServices {
	background: url(../images/background.jpeg) no-repeat fixed center center;
	float: left;
	height: 600px;
	width: 100%;
}
.windowCleaningServices {
	padding: 0px 20px;
	/*margin-left: 10px;*/
	font-weight: bold;
	letter-spacing: 1.2px;
	line-height: 32px;
}
.windowWash h1 {
	font-size: 2em;
	padding-top: 30px;
	padding-bottom: 15px;
}
.windowCleaning {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.windowCleaning ul {
	padding-top: 50px;
	font-size: 1.2em;
	line-height: 40px;
	font-weight: bold;
	letter-spacing: 2px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.windowCleaning h2 {
	letter-spacing: 3px;
	padding-top: 80px;

}
.windowWashList {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding-top: 37px;
}
/******* END OF WINDOW WASHING STYLES ******/
/******* END OF SIDEBAR STYLES *************/

/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */

.header {
	height: 200px;
	background-color: #F8F8F8;
	background-image: url(../images/small-crackle-bright.png);
	background-repeat: repeat;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #54616E;
}

/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the block itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the block element and place a second block element within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar blocks could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the blocks around in the HTML source.

*/

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.slideShow {
	position: relative;
	border-top-width: 1.5px;
	border-bottom-width: 1.5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3E3E3E;
	border-bottom-color: #3E3E3E;
	clear: both;
	margin-top: 80px;
}

.placeHolder {
    width: 100%;
    visibility: hidden;
}

.layer1, .layer2, .layer3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.layer1 {
    background-image:url(../images/nettoyage_residentiel.jpg);
}

.layer2 {
    background-image:url(../images/lavage__pression.jpg);
    animation: layer2Anim 10s infinite;
}

.layer3 {
    background-image:url(../images/estimation_gratuite.jpg);
    animation: layer3Anim 10s infinite;
}

.slideOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/overlayTransparentresolutionEnhancment.png);
}

.slideOverlay p {
	position: relative;
	font-size: 5.3vw;
	letter-spacing: .8px;
	color: #fff;
	text-shadow: 3px 3px 4px #000;
	text-align: center;
	top: 45%;
}

.slideOverlay h2 {
	position: relative;
	font-size: 1em;
	color: #FFF;
	text-shadow: 1.3px 1.3px 2px #000;
	letter-spacing: 3px;
	top: 20%;
	font-family: Verdana, Geneva, sans-serif;
}

.nettoyageResidentielCommercial {
	display:none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #00698C;
	text-align: center;
	letter-spacing: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 8px;
	background-color: #F8F8F8;
	font-weight: bold;
}

.nettoyageResidentielCommercialServiceDeNettoyage {
	display:none;
	font-size: 1.3em;
	letter-spacing: 3.4px;
	color: #007095;
	text-shadow: 1.3px 1.3px 2px #000;
	font-family: Elephant;
}

.lavageVitres-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/lavage_de_vitres_d.jpg) no-repeat 50% 50%;
	background-size: 100% 100%;
}

.construction-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/nettoyage_apres_construction_montreal.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.entretienMénager-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/Entretien_menager_montreal.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.nettoyageBureau-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/Nettoyage_de_bureau_.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.nettoyageTapis-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/_nettoyage_de_tapis_carpet_cleaning.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.nettoyageRésidentiel-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/001.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.content {
	float: left;
	width: 64%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.Intro {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: right center;
	height: 350px;
	box-shadow: 4px 4px 10px grey;
	position: relative;
	border: thin solid #283242;
}

.IntroText {
	/* [disabled]width: 70%; */
	height: 340px;
	top: -355px;
	z-index: 2;
	width: 90%;
	text-align: center;
	letter-spacing: 1px;
	position: relative;
	margin: 0px auto;
}

.IntroText div {
	background-color: #F8F8F8;
	opacity: .8;
	width: 70%;
	clear: both;
	float: left;
}

.IntroText div h2 {
	padding-right: 6%;
	padding-left: 40%;
	color: #B86934;
	text-shadow: .3px 1.3px 2px #FFF;
	letter-spacing: 0.3px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}

.content .IntroText p {
	font-size: 1em;
	font-weight: 700;
	color: #000000;
	padding-top: 19px;
	letter-spacing: 1.8px;
}

.blueD {
	color: #00354F;
}

.blueL {
	color: #005F8C;
}

.adapt {
	margin-top: 25px;
	text-decoration: underline;
	color: #399;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0.7px;
	font-weight: bold;
	font-variant: normal;
	font-size: 0.8em;
}

.objective {
	margin-bottom: 50px;
	background-image: url(../images/Satisfaction_cleaning_services_Montreal.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 350px;
	opacity: .9;
	margin-top: 20px;
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	float: left;
	border: thin solid #999;
	background-color: #FCFCFC;
}

.objectiveInfo {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7F9CAE;
	width: 45%;
	margin-top: -40px;
	margin-left: -20px;
	padding-top: 10px;
	padding-bottom: 20px;
	border-radius: 9px;
	border: thick solid #FFF;
	/* [disabled]clear: both; */
	/* [disabled]float: left; */
}

.objectiveInfo p {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 15px;
	word-spacing: .5px;
	font-family: Verdana, Geneva, sans-serif;
}

.contactUs {
	clear: both;
	z-index:1;
	margin-top: 10px;
	margin-bottom: 60px;
	background-image: url(../images/service_de_nettoyage_a_montreal_contact.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	border-top-width: thin;
	border-bottom-width: 1.3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #B2B2B2;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
}

.contactDetails {
	background-color: #FFF;
	width: 62%;
	opacity: .8;
	font-weight: bold;
	color: #3D525F;
	padding-bottom: 15px;
	padding-top: 15px;
	border-right-width: thin;
	border-right-style: groove;
	border-right-color: #666666;
}

.contactDetails a {
	color: #3E6679;
}

.contactDetails p a:hover {
	font-weight: 200;
	color: #FFF;
	background-color: #7C9BAD;
	/*letter-spacing: 0.5px;*/
	border-radius: 5px;
	padding-right: 7px;
	padding-left: 7px;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	padding-bottom: 4px;
	padding-top: 1.3px;
}

.contactDetails a:visited {
	text-decoration:none;
    color: inherit;	
}

.contactDetails p {
	font-size: 1.1em;
	font-weight: bold;
	color: #212E34;
}

.contactDetails h2 {
	font-size: 1.4em;
	color: #2E3F49;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 2px;
}

.tel {
	letter-spacing: .8px;
}

.service {
	height: 65px;
	margin-bottom: 25px;
	float: left;
	clear: both;
	text-transform: capitalize;
	color: #4D6179;
}

.since1993 {
	font-size: 1.1em;
	color: #4E6776;
	-webkit-animation:;
	-moz-animation: ;
	-ms-animation: ;
	animation-delay: on-scroll;
}

.apart {
	letter-spacing: 1px;
}

.element1 {
	position: relative;
	height: 460px;
	z-index: 1;
	text-align: left;
	background-color: #F8F8F8;
	opacity: .8;
	clear: both;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

.element2 {
	display:none;
	position: relative;
	height: 460px;
	z-index: 1;
	text-align: left;
	background-color: #F8F8F8;
	opacity: .8;
	clear: both;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #000000;
	border-bottom-color: #000000;
	margin-bottom: -100px;
}

/*z-index 1 will be first or most underneath layer, z-index 2 will go on top*/
.content1 {
	position: relative;
	top: -267px;
	z-index: 2;
	/* [disabled]width: 840px; */
	color: #930;
	text-align: left;
	margin: 24px;
	clear: both;
	font-size: 2em;
	font-weight: bold;
	text-shadow: .3px 1.3px 2px #fff;
	letter-spacing: 5px;
}

/*--------------This is template styles*/

.logo {
	width: 250px;
	margin-bottom: 30px;
	float: left;
	margin-top: 10px;
	height: 168px;
	background-repeat: no-repeat;
}

.contactUsHeader {
	clear: both;
	float: left;
	width: 100%;
	background-color: #F8F8F8;
	padding-top: 8px;
}

.contactUsHeader a {
	color: #54616E;
	text-decoration: none;
}

.contactUsHeader a:visited {
	text-decoration:none;
    color: inherit;	
}

.phoneNumber {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #54616E;
	letter-spacing: 4px;
	clear: both;
	width: 100%;
}

.eMail {
	font-size: 0.8em;
	letter-spacing: 2px;
	margin-top: -4px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #54616E;
}

.c {
	font-size: 14px;
	font-weight: 800;
	color: #F0F0F0;
}

.mainNav {
	margin-top: 0px;
	margin-bottom: 0px;
}

#MenuBar1 {
	margin-top: 0px;
	margin-bottom: 50px;
	clear: both;
	width: auto;
}

.lang {
	color: #585858;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	text-align: center;
	float: right;
	clear: both;
	margin-top: 1px;
}

.lang a,.lang a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	letter-spacing: 1.5px;
	text-align: center;
	color: #555555;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	letter-spacing: 1.5px;
	border-radius: 5px;
	padding-right: 12px;
	padding-left: 12px;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	font-size: 14px;
	border-right-width: thin;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-color: #F4F4F4;
}

.lang a:hover {
	background-color: #F0F0F0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3E6679;
}

.lang a:visited {
	text-decoration:none;
    color: inherit;	
}

/*.wrapper {
	/*background-color: #F8F8F8;
	background-image: url(../images/small-crackle-bright.png);
	background-repeat: repeat;
}
*/

.nettoyageResidentielCommercial {
	display:none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #54616E;
	text-align: center;
	letter-spacing: 1.5px;
	font-weight: bolder;
}

.sidebar1 {
	float: right;
	width: 35%;
	background-color: #F8F8F8;
	padding-bottom: 10px;
	text-transform: capitalize;
	font-weight: normal;
	font-variant: normal;
	position: relative;
	margin-top: 40px;
	margin-right: 1%;
	/* [disabled]margin-bottom: 15px; */
	margin-left: auto;
}

.sidebarImage {
	visibility: hidden;
	position: absolute;
	background-image: url(../images/350_280);
	background-repeat: no-repeat;
}


.serviceNettoyage { /*this controls the text box in sidebar*/
	background-color: #283242;
	margin-top: 215px;
	opacity: .8;
	font-weight: bold;
}

.sidebar1 div a:link {
	color: #FFFFFF; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	text-decoration: none;
	letter-spacing: 1px;
}

.sidebar1 div a:visited {
	text-decoration: none;
	color: #FFF;
}

.sidebar1 div a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #FFFFFF;
	background-color: transparent;
	width: 100%;
	letter-spacing: 1.3px;
	padding-right: 15px;
	padding-left: 15px;
}
.googleReviews {
	color: #C33;
}

.googleReviews a:active  {
	text-decoration: underline;
	color: #C33;	
}

.googleReviews a:hover, a:focus {
	text-decoration: none;
	color: #C33;
	padding:0;
}

.googleReviews a:visited  {
	text-decoration: underline;
	color: #C33;	
}

.servicesTitle {
	margin-top: 50px;
	margin-bottom: 33px;
	color: #004364;
	letter-spacing: 2px;
}

.services {
	margin-top: 45px;
	position: relative;
	width: auto;
	clear: both;
}

.detailsList {
	width: 90%;
	font-weight: bold;
	padding-bottom: 15px;
	background-color: #F8F8F8;
	border-bottom-width: 2px;
	border-bottom-style: groove;
	border-bottom-color: #426D82;
	border-top-width: 2px;
	border-top-style: groove;
	border-top-color: #426D82;
	margin-right: auto;
	margin-left: 5%;
	text-transform: uppercase;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #426D82;
	border-left-color: #426D82;
	box-shadow: 2px 1px 10px #84a9c0;
	margin-top: -350px;
	line-height: 40px;
	background-image: url(../images/background.jpeg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	clear: both;
	float: left;
}

.detailsList div {
	line-height: 25px;
	margin-bottom: 10px;
}

/* ~~ The footer ~~ */
footer {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both;
	padding-top: 2px;
	margin-top: -60px;
	float: left;
	background: url(../images/nami.png) repeat;
	border-bottom: 3px solid #000000;
	border-top: thin solid #CCC;
}

.copyright {
	font-size: 0.8em;
	position: relative;
	color: #CCCCCC;
	font-family: "Times New Roman", Times, serif;
	border-top: thin solid #CCC;
	padding-top: 10px;
}


/* THIS IS THE START OF TABLET FORM STYLES************/	

.containerForm {
	width: 100%;
	background-color: #ffffff75;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #434955;
	border-left-color: #434955;
	margin: 0px auto;
	height: 100%;
	float: left;
	clear: both;
}

.contactUsheaderForm {
	height: 300px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #454B59;
	background: #F3F6FB url(../images/Cleaning_Services_Contact_Us.jpg) no-repeat left center;
}

#myform {
	font-family: "Times New Roman", Times, serif;
	height: auto;
	width: 80%;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    border:1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*fieldset is the box surrounding contact information */
fieldset {
	padding: 10px;
	border: thin solid #253041;
}

/*legend is the text inside the border surounding contact info*/
legend {
	font-size: 110%;
	font-weight: 200;
	color: #222735;
	border: thin none #222735;
	letter-spacing: 0.3px;
}

#name {
	width: 300px;
}

#email {
	width: 300px;
}

#phone {
	width: 250px;
}

#comments {
	width: 95%;
	font-family: "Times New Roman", Times, serif;
	color: #3e424d;
	padding: 10px;
	font-size: 1em;
	background-color:#ffffffad;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#submit, #reset {
	color: #003;
	border: thin outset #253041;
	border-radius: 5px;
	margin: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #EBEBEB;
	padding-top: 3px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 14px;
}

/* THIS IS THE END OF TABLET FORM STYLRES**************/
/* THIS COMPLETS THE TABLET STYLES ********************/
		
}

/*Desktop Styles*/
@media only screen and (min-width:937px){

body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #363845;
	font-weight: 200;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.7;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #333;
	background-color: #FFFFFF;
	background: url(../images/Service_de_nettoyage_a_Montreal.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	background-color: #F8F8F8;
	width: 82%;
	margin: 0 auto;
	height: 100%;
	/* [disabled]position: relative; */
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #343434;
	border-left-color: #343434;
}

nav #menu li { /*copy from global styles to fix the error in clicking on the link */
      display: inline-block;
      padding: 0px 20px;
      cursor: pointer;
      line-height: 70px;
      position: relative;
      transition: all 0.3s ease-out;
}

/********** START OF RESIDENTIAL PAGE LAYOUT STYLES *****************/
.containerRes {
	background-color: #F8F8F8;
	margin: 0 auto;
	position: relative;
	/* [disabled]border-right-width: 1px; */
	/* [disabled]border-left-width: 1px; */
	/* [disabled]border-right-style: solid; */
	/* [disabled]border-left-style: solid; */
	/* [disabled]border-right-color: #515151; */
	/* [disabled]border-left-color: #515151; */
	overflow: hidden;
}


.commercialResidentialCleaning {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding-top: 10px;
}

.resMain {
	height: 550px;
	background-image: url(../images/Residential_house_cleaning_3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #36353B;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #36353B;
	margin-top: 30px;
	clear: both;
	float: left;
	width: 100%;
}
/*START of index electrostatic services styles*/
.electrostaticDisinfectingService {
	clear: both;
	float: left;
	width: 100%;
	/*height: 150px;*/
	background-image: url(../images/Desktop_images/COVID-19-in-Greece-featured.jpg);
	background-repeat: no-repeat 50% 50%;
	background-size: 100% 100%;
	margin-top: 25px;
	margin-bottom: 9px;
	padding-bottom: 100px;
	position: relative;
	z-index: 1;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
}
.electrostaticDisinfectingService-1-P {
	font-size: 2em;
	color: #f8f8f8e8;
	letter-spacing: 1.5px;
	/*padding-top:10px;*/
}

.disinfection-covid {
	position: absolute;
	margin-left: 30px;
	background-color: #e8dddd70;
	z-index: 2;
	border-radius: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #354853;
	border-right-color: #405664;
	border-bottom-color: #354853;
}

.electrostaticDisinfectingService div p a {
	font-size: 1.1em;
	font-weight: bold;
	color: #900;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1.2px;
}
/*.disinfection-covidM {
	display:none;
	height: 45px;
	width: 50px;
	position: absolute;
	padding-left: 265px;
	background-color: #e8dddd82;
	z-index: 2;
	border-radius: 0px 120px 120px 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #354853;
	border-right-color: #405664;
	border-bottom-color: #354853;
}*/

.electrostatique-services {
	z-index: 3;
	position: relative;
	padding-top: 10px;
}
/*END of electrostatic services on index page*/

.covid {
	width: 100%;
	height: 600px;/*to make sure it stays in the corner*/
	background: url(../images/Desktop_images/covid-19_4.jpg) no-repeat 50% 50%;
	background-attachment: fixed;
	background-size: 100% 100%;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #36353B;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #36353B;
	margin-top: 30px;
	clear: both;
	float: left;
	
}

.covidMain {
	margin-left: 19%;
	position: relative;
	/* [disabled]height: 275px; */
	margin-top: 100px;
	margin-bottom: 100px;
	border: thin solid #1D1918;
	background: rgba(255,255,255,.9);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	/*box-shadow: 4px 4px 10px grey;*/
	border-radius: 5px;
	width: 60%;
	/*	max-width: 700px;*/
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 90px;
	padding-left: 30px;
	color: #363845;
}

.covidListText{
	width: 60%;
	/* [disabled]max-width: 700px; */
	margin-left: 20%;
	letter-spacing: 1px;
	/* [disabled]height: 245px; */
	margin-top: -449px;
	float: left;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.electrostaticDisinfectingServices {
	background : url(../covid-19-resource-guide-s.png) fixed no-repeat 50% 50%;
	background-size: 100% 100%;
	width: 100%;
	clear: both;
	/* [disabled]padding-top: 50px; */
	/* [disabled]padding-left: 1%; */
	/* [disabled]padding-right: 1%; */
	overflow: hidden;
	position: relative;
	float: left;
	/* [disabled]padding-bottom: 60px; */
	line-height: 35px;
	color: #cccccc;
	background-color:#21425bab;
}

.electrostaticDisinfectingServices1 {
	height: auto;
	width: 29.3%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 12px;
	padding-bottom: 35px;
}

.electrostaticDisinfectingServices2 {
	height: 350px;
	width: 29.3%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-bottom: 12px;
}

.electrostaticDisinfectingServices3 {
	height: 350px;
	width: 29.3%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 12px;
	padding-bottom: 12px;
}
.electrostaticDisinfectingServices2 p {
	margin-left: -20px;
}
.electrostaticDisinfectingServices3 p {
	margin-left: -20px;
}

.electrostaticDisinfectingServices, electrostaticDisinfectingServices2, electrostaticDisinfectingServices, ul {
	list-style:none;
}

.electrostaticTechnology {
	width: 60%;
	top: 0;/*to make sure it stays in the corner*/
	left: 0;
	background-size: 100% 100%;
	height: 500px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0A3F74;
	border-bottom-color: #878b90;
	box-shadow: 3px 1px 8px grey;
	float: left;
	background-image: url(../images/Desktop_images/electrostatic-technology-3.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.electrostaticTechnologyFr {
	width: 60%;
	top: 0;/*to make sure it stays in the corner*/
	left: 0;
	background-size: 100% 100%;
	height: 500px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0A3F74;
	border-bottom-color: #878b90;
	box-shadow: 3px 1px 8px grey;
	float: left;
	background-image: url(../images/Desktop_images/desinfectant_electrostatique.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.electroststicBg {
	min-width: 100%;
	min-height: 100%;
	margin: 0px;
	position: absolute;
	z-index: -1;
	width: 309px;
}

.electroststicTechnologyCovid {
	float: left;
	height: 300px;
	padding-top:60px;
	width: 100%;
	background-color:#93c0dd40;
	/* [disabled]background-color: #6699cccf; */
}

.electroststicTechnologyPreview {
height: 502px;
width: 40%;
position: relative;
float:left;
box-shadow: 3px 3px 7px grey;
}
.electroststic-preview {
	display:none;
	background-image: url(../images/Mobile_images_eng/electrostatic-technology.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 50% 50%;
	height: 350px;
}

video {
object-fit: fill;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.electrostaticDisinfectingServicesContent {
	height: auto;
	width: 100%;
	background: rgba(255,255,255,.7);
}
/********** START *********Electrostatic *****************/

.electrostaticTech {
	float: left;
	height: 500px;
	width: 100%;
}
.electrostaticT {
	color: #660033;
	letter-spacing: 1px;
	padding: 0px;
	}

/********** END *********Electrostatic *****************/

.ResContact {
	background-attachment: fixed;
	background-image: url(../images/resServicesList.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 840px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #36353B;
	border-bottom-color: #36353B;
	clear: both;
}

.headerRes {
    background-color: #F8F8F8;
	border-left: thin solid #333;
	border-right: thin solid #333;
	clear: both;
	width: 100%;
	margin: 0 auto;
	height: 100%;
}

.ResServices {
	height: 100%;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	opacity: .4;
	background-color: #FFF;
}

.cleaning {
	font-size: 1.2em;
	letter-spacing: 3.4px;
	color: #333333;
	z-index: 1;
}

.resServicesList {
	margin-left: 20%;
	position: relative;
	height: 200px;
	margin-top: 100px;
	margin-bottom: 100px;
	border: thin solid #1D1918;
	background-color: #FFF;
	box-shadow: 4px 4px 10px grey;
	opacity: .7;
	border-radius: 5px;
	width: 40%;
	max-width: 700px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
}

.resServicesListText{
	width: 42%;
	max-width: 700px;
	margin-left: 20%;
	letter-spacing: 1px;
	/* [disabled]height: 245px; */
	margin-top: -449px;
	float: left;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.ResServicesMontreal {
	background-image: url(../images/brushed.png);
	background-repeat: repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* [disabled]height: 500px; */
	clear: both;
	width: 99%;
	padding-top: 50px;
	padding-left: 1%;
	padding-right: 1%;
	overflow: hidden;
	position: relative;
	float: left;
	padding-bottom: 60px;
	line-height: 35px;
}

.ResCleaningServices1 {
	height: auto;
	width: 35%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
}

.ResCleaningServices2 {
	height: 350px;
	width: 26.5%;
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	margin-right: auto;
	margin-left: auto;
}

.ResCleaningServices3 {
	height: 350px;
	width: 27.5%;
	float: left;
	padding-right: 1%;
	padding-left: 2%;
}

.ResCleaningServices1, ResCleaningServices2, ResCleaningServices3, ul {
	list-style:none;
}

.title {
	color: #4A5660;
	padding: 0px;
	
}
.peaceOfMind {
	float: left;
	position: relative;
	padding-top: 15px;
	/* [disabled]padding-right: 10px; */
	/* [disabled]padding-left: 10px; */
	/* [disabled]background: #FFF; */
	margin-top: 1px;
	width: 100%;
	clear: both;
}

.peaceOfMind a:link {
	color: #336699;
	text-decoration: none;
	letter-spacing: 1px;
}

.peaceOfMind a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #336699;
	background-color: transparent;
	width: 100%;
	text-decoration: underline;
}

.peaceOfMind a:visited {
	text-decoration: none;
	color:#336699
}

.resFooter {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	padding-top: 2px;
	background: url(../images/nami.png) repeat;
	background-repeat: repeat;
	clear: both;
	float: left;
	width: 100%;
	border-top: thin solid #CCC;
	border-bottom: 3px solid #000000;
	
}

.resFooterDiv {
	font-size: 0.8em;
	position: relative;
	color: #CCCCCC;
	font-family: "Times New Roman", Times, serif;
	padding-top: 10px;
}

/********** END *********RESIDENTIAL PAGE LAYOUT STYLES *****************/

/********** START *********COMMERCIAL PAGE LAYOUT STYLES *****************/

.comMain {
	height: 550px;
	background-image: url(../images/Desktop_images/test3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #36353B;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #36353B;
	margin-top: 28px;
	clear: both;
	float: left;
	width: 100%;
}

.commercialContainer {
	position: static;
	height: 310px;
	margin-top: 50px;
	margin-bottom: 100px;
	border: thin solid #576D82;
	box-shadow: 4px 4px 10px grey;
	background-color: #FFF;
	opacity: .9;
	border-radius: 5px;
	width: 67%;
	max-width: 675px;
	padding-top: 30px;
	padding-bottom: 30px;
	float: right;
	margin-right: 28%;
	padding-left: 10px;
}

.comServicesMontreal {
	background-image: url(../images/Commercial_images/comServicesMontreal.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* [disabled]height: 500px; */
	clear: both;
	width: 100%;
	padding-top: 50px;
	padding-left: 1%;
	padding-right: 1%;
	overflow: hidden;
	position: relative;
	float: left;
	padding-bottom: 60px;
	background-attachment: fixed;
	background-position: left top;
	margin-top: 1px;
	margin-bottom: 1px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9DA6AF;
	border-bottom-color: #9DA6AF;
	line-height: 40px;
}

.comCleaningServices1 {
	height: auto;
	width: 75%;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}

.comCleaningServices1 ul {
	list-style-type: none;
	padding:0;
	margin:0;	
}

.comServicesList {
	-o-background-size: cover;
	height: 650px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #36353B;
	border-bottom-color: #36353B;
	clear: both;
	padding-top: 15px;
	background: #FFF url(../images/Commercial_images/4.jpg) no-repeat fixed right 64%;
}

.comServicesListText{
	width: 66%;
	max-width: 675px;
	letter-spacing: 1px;
	/* [disabled]height: 345px; */
	margin-top: -500px;
	float: right;
	position: relative;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 28%;
}

.comServicesList a:link {
	color:  #36C; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	text-decoration: none;
	letter-spacing: 1px;
}

.comServicesList a:visited {
	text-decoration: none;
	color:#336699
}

.comServicesList a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #336699;
	background-color: transparent;
	width: 100%;
	text-decoration: underline;
}

.commercialCleaning {
	margin-left: 20%;
	position: relative;
	height: 200px;
	margin-top: 100px;
	margin-bottom: 100px;
	border: thin solid #8A9BB5;
	box-shadow: 4px 4px 10px grey;
	background-color: #FFF;
	opacity: .7;
	border-radius: 5px;
	width: 40%;
	max-width: 675px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
}

.afterConstructionCleaning {
	display:none;
	background-image: url(../images/Commercial_images/1.jpg);
	clear: both;
	height: 250px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFF;
	margin-bottom: 10px;
}

/********** END *********COMMERCIAL PAGE LAYOUT STYLES *****************/

/********  START ----- ABOUT US PAGE ----*/
.zoom {
	top: 0;
	width: 100%;
	max-width: 550px;
	transform: translate(-50%);
	clear: both;
	float: left;
	margin: 0px -20px 0px 0px;
}

.about1{
	clear: both;
	/* [disabled]float: left; */
	height: 350px;
	width: 100%;
	position: relative;
	background: url(../images/Desktop_images/Cleaning_satisfaction2.png) no-repeat left;
	margin-top: 15px;
	margin-left: 0px;
	margin-bottom: 15px;
}

.about1 h1 {
	padding-left: 350px;
	padding-top: 50px;
}

.about2 { /*float -  will drop the text to bottum of image */
	width: 100%;
	height: 350px;
	/*overflow: hidden;*/
	position: relative;
	color: #CC6699;
	/* [disabled]background: #FFF; */
}

.about2 div {
	width: 35%;
	margin-left: 65%;
	padding-top: 350px;
	overflow: hidden;
	clear: both;
	float: right;
	margin-top: -1015px;
}

.about2 h2 {
	padding-top:3px;
}

.about3 {
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	color: #033;
	/* [disabled]margin: 30px 0px 0px; */
	padding-bottom: 50px;
}

.about3 a:link {
	color:  #36C; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	text-decoration: none;
	letter-spacing: 1px;
}

.about3 a:visited {
	text-decoration: none;
	color:#336699
}

.about3 a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #336699;
	background-color: transparent;
	width: 100%;
	text-decoration: underline;
}

.about3 h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 40px;
}

.contactInfo {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 50px;
}

.aboutPhoneNumber a:hover {
	font-weight: 200;
	color: #FFF;
	background-color: #9FB6C4;
	/*letter-spacing: 0.5px;*/
	border-radius: 5px;
	padding-right: 7px;
	padding-left: 7px;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	padding-bottom: 4px;
	padding-top: 4px;
}

/********  END ----- ABOUT US PAGE ----*/
/********  START OF SIDEBAR STYLES - WINDOW WASHING ****/
.windowWash {
	background: #FFF url(../images/Desktop_images/windowWasher_2.jpg) no-repeat fixed right center;
	/* [disabled]height: 800px; */
	border-top: thin solid #0B1F28;
	border-bottom: thin solid #0B1F28;
	float: left;
	width: 100%;
	padding-bottom: 60px;
}
.windowWashServices {
	background: url(../images/background.jpeg) no-repeat fixed center center;
	float: left;
	height: 600px;
	width: 100%;
}
.windowCleaningServices {
	padding: 10px;
	margin-left: 10px;
	font-weight: bold;
	letter-spacing: 1.2px;
	line-height: 38px;
}
.windowWash h1 {
	font-size: 2em;
	padding-top: 30px;
	padding-bottom: 15px;
}
.windowCleaning {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
.windowCleaning ul {
	padding: 50px 35px;
	font-size: 1.2em;
	line-height: 45px;
	font-weight: bold;
	letter-spacing: 2px;
}
.windowCleaning h2 {
	letter-spacing: 3px;
	padding-top: 100px;

}
.windowWashList {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding-top: 50px;
}
/******* END OF WINDOW WASHING STYLES ******/

/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */

.header {
	height: 200px;
	background-color: #F8F8F8;
	background-image: url(../images/small-crackle-bright.png);
	background-repeat: repeat;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #54616E;
}

/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the block itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the block element and place a second block element within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar blocks could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the blocks around in the HTML source.

*/

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.slideShow {
	position: relative;
	border-top-width: 1.5px;
	border-bottom-width: 1.5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3E3E3E;
	border-bottom-color: #3E3E3E;
	clear: both;
	margin-top: 80px;
}

.placeHolder {
    width: 100%;
    visibility: hidden;
}

.layer1, .layer2, .layer3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.layer1 {
    background-image:url(../images/nettoyage_residentiel.jpg);
}

.layer2 {
    background-image:url(../images/lavage__pression.jpg);
    animation: layer2Anim 10s infinite;
}

.layer3 {
    background-image:url(../images/estimation_gratuite.jpg);
    animation: layer3Anim 10s infinite;
}

.slideOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/overlayTransparentresolutionEnhancment.png);
}

.slideOverlay p {
	position: relative;
	font-size: 5.3vw;
	letter-spacing: .8px;
	color: #fff;
	text-shadow: 3px 3px 4px #000;
	text-align: center;
	top: 45%;
}

.slideOverlay h2 {
	position: relative;
	font-size: 1.1em;
	color: #fff;
	text-shadow: 1.3px 1.3px 2px #000;
	letter-spacing: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	top: 10%;
}

.lavageVitres-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/lavage_de_vitres_d.jpg) no-repeat 50% 50%;
	background-size: 100% 100%;
}

.construction-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/nettoyage_apres_construction_montreal.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.entretienMénager-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/Entretien_menager_montreal.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.nettoyageBureau-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/Nettoyage_de_bureau_.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.nettoyageTapis-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/_nettoyage_de_tapis_carpet_cleaning.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.nettoyageRésidentiel-link {
	border: thin solid #333;
	position: relative;
	margin-right: auto;
	margin-bottom: 38px;
	margin-left: auto;
	height: 242px;
	width: auto;
	background: url(../images/001.jpg)
	no-repeat 50% 50%;
	background-size: 100% 100%;
}

.content {
	float: left;
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.Intro {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: right center;
	height: 350px;
	box-shadow: 4px 4px 10px grey;
	position: relative;
	border: thin solid #283242;
}

.IntroText {
	/* [disabled]width: 70%; */
	margin-right: auto;
	margin-left: auto;
	height: 340px;
	top: -355px;
	z-index: 2;
	width: 90%;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}

.IntroText div {
	background-color: #F8F8F8;
	opacity: .8;
	width: 70%;
	clear: both;
	float: left;
}

.IntroText div h2 {
	padding-right: 6%;
	padding-left: 40%;
	color: #B86934;
	text-shadow: .3px 1.3px 2px #FFF;
	letter-spacing: 0.3px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}

.content .IntroText p {
	font-size: 1em;
	font-weight: 700;
	color: #000000;
	padding-top: 19px;
	letter-spacing: 1.8px;
	margin-top: -8px;
}

.blueD {
	color: #00354F;
}

.blueL {
	color: #005F8C;
}

.adapt {
	margin-top: 25px;
	text-decoration: underline;
	color: #399;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0.7px;
	font-weight: bold;
	font-variant: normal;
	font-size: 0.8em;
}

.objective {
	margin-bottom: 50px;
	background:url(../images/Satisfaction_cleaning_services_Montreal.jpg) no-repeat 50% 50%;
	background-size: 100% 100%;
	height: 600px;
	opacity: .9;
	margin-top: 20px;
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	float: left;
	border: thin solid #999;
	background-color: #FCFCFC;
}

@media (min-width: 2000px) (max-width: 2800px){
	.objective {
	height: 750px;
	}
	}

@media (min-width: 2801px){
	.objective {
	height: 1200px;
	}
	}

.objectiveInfo {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7F9CAE;
	width: 45%;
	height:275px;
	margin-top: -130px;
	margin-left: -20px;
	padding-top: 25px;
	padding-bottom: 20px;
	border-radius: 9px;
	border: thick solid #FFF;
}

.objectiveInfo p {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 15px;
	word-spacing: .5px;
	font-family: Verdana, Geneva, sans-serif;
}

.contactUs {
	clear: both;
	z-index:1;
	margin-top: 10px;
	margin-bottom: 60px;
	background-image: url(../images/service_de_nettoyage_a_montreal_contact.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	border-top-width: thin;
	border-bottom-width: 1.3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #B2B2B2;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
}

.contactDetails {
	background-color: #FFF;
	width: 43%;
	opacity: .8;
	font-weight: bold;
	color: #000011;
	padding-bottom: 15px;
	padding-top: 15px;
	border-right-width: thin;
	border-right-style: groove;
	border-right-color: #666666;
}

.contactDetails a {
	color: #3E6679;
}

.contactDetails p a:hover {
	font-weight: 200;
	color: #FFF;
	background-color: #7C9BAD;
	/*letter-spacing: 0.5px;*/
	border-radius: 5px;
	padding-right: 7px;
	padding-left: 7px;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	padding-bottom: 4px;
	padding-top: 1.3px;
}

.contactDetails a:visited {
	text-decoration:none;
    color: inherit;	
}

.contactDetails p {
	font-size: 1.1em;
	font-weight: bold;
	color: #212E34;
}

.contactDetails h2 {
	font-size: 1.4em;
	letter-spacing: 2px;
	font-family: "Times New Roman", Times, serif;
	color: #2E3F49;
}

.tel {
	letter-spacing: .8px;
}

.service {
	height: 65px;
	margin-bottom: 25px;
	float: left;
	clear: both;
	text-transform: capitalize;
	color: #4D6179;
}

.since1993 {
	font-size: 1.1em;
	color: #4E6776;
	-webkit-animation:;
	-moz-animation: ;
	-ms-animation: ;
	animation-delay: on-scroll;
}

.apart {
	letter-spacing: 1px;
}

.element1 {
	position: relative;
	height: 460px;
	z-index: 1;
	text-align: left;
	background-color: #F8F8F8;
	opacity: .8;
	clear: both;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

.element2 {
	display:none;
	position: relative;
	height: 460px;
	z-index: 1;
	text-align: left;
	background-color: #F8F8F8;
	opacity: .8;
	clear: both;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #000000;
	border-bottom-color: #000000;
	margin-bottom: -100px;
}

/*z-index 1 will be first or most underneath layer, z-index 2 will go on top*/
.content1 {
	position: relative;
	top: -267px;
	z-index: 2;
	/* [disabled]width: 840px; */
	color: #930;
	text-align: left;
	margin: 24px;
	clear: both;
	font-size: 2em;
	font-weight: bold;
	text-shadow: .3px 1.3px 2px #fff;
	letter-spacing: 5px;
}

/*-------------THIS IS START OF TEMPLATE STYLES*/

.logo {
	width: 250px;
	margin-bottom: 30px;
	float: left;
	margin-top: 10px;
	height: 168px;
	background-repeat: no-repeat;
}
.contactUsHeader {
	clear: both;
	float: left;
	width: 100%;
	padding-top:8px;
	background-color: #F8F8F8;
}
.contactUsHeader a {
	color: #54616E;
	text-decoration: none;
}

.contactUsHeader a:visited {
	text-decoration:none;
    color: inherit;	
}

.phoneNumber {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #54616E;
	letter-spacing: 5px;
	clear: both;
	width: 100%;
}

.eMail {
	font-size: 0.8em;
	letter-spacing: 2px;
	margin-top: -4px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #54616E;
}

.c {
	font-size: 14px;
	font-weight: 800;
	color: #F0F0F0;
}

.mainNav {
	margin-top: 0px;
	margin-bottom: 0px;
}

#MenuBar1 {
	margin-top: 0px;
	margin-bottom: 50px;
	clear: both;
	width: auto;
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.mainNav {
	list-style-type: none;
	font-size: 14px;
	cursor: default;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #F8F8F8;
	text-align: center;
	border-top-width: 2px;
	border-top-style: solid;
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	border-top-color: #343C43;
}

ul.mainNav li {
	list-style-type: none;
	position: relative;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 10px;
	color: #1F2D3D;
	font-size: 11.5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 125px;
}

ul.mainNav a, ul.mainNav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 100px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	background-color: #F8F8F8;
	color: #1F2D3D;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 2px;
	text-align: center;
}

ul.mainNav a:hover, ul.mainNav a:active, ul.mainNav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #F8F8F8;
	color: #1F2D3D;
	float: left;
	margin-right: 2px;
	text-align: center;
	text-decoration: underline;
	margin-top: 4px;
}
.languageBtn {

position: relative;

z-index: 1000;

}

.lang {
	color: #3E6679;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	text-align: center;
	float: right;
	clear: both;
	margin-top: 1px;
}

.lang a,.lang a:hover  {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	letter-spacing: 1.5px;
	text-align: center;
	color: #505C69;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	letter-spacing: 1.5px;
	border-radius: 5px;
	padding-right: 12px;
	padding-left: 12px;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	font-size: 14px;
	border-right-width: thin;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-color: #F4F4F4;
}

.lang a:visited {
	text-decoration:none;
    color: inherit;	
}

.nettoyageResidentielCommercial {
	display:none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #54616E;
	text-align: center;
	letter-spacing: 1.5px;
	font-weight: bolder;
}

.sidebar1 {
	float: right;
	width: 32%;
	background-color: #F8F8F8;
	padding-bottom: 10px;
	text-transform: capitalize;
	font-weight: normal;
	font-variant: normal;
	position: relative;
	margin-top: 40px;
	margin-right: 2%;
	margin-bottom: 15px;
	margin-left: 1%;
}

.sidebarImage {
	visibility: hidden;
	position: absolute;
	background-image: url(../images/350_280.jpg);
	background-repeat: no-repeat;
}

/*this controls the image box*/
.serviceNettoyage {
	background-color: #283242;
	margin-top: 209px;
	padding:3px 0;
	opacity: .8;
	font-weight: bold;
}

.sidebar1 div a:link {
	color: #FFFFFF; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	text-decoration: none;
	letter-spacing: 1px;
}

.sidebar1 div a:visited {
	text-decoration: none;
	color: #FFF;
}

.sidebar1 div a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #FFFFFF;
	background-color: transparent;
	width: 100%;
	letter-spacing: 1.3px;
	padding-right: 15px;
	padding-left: 15px;
}

.servicesTitle {
	margin-top: 50px;
	margin-bottom: 33px;
	color: #004364;
	letter-spacing: 2px;
}

.services {
	margin-top: 45px;
	position: relative;
}

.detailsList {
	width: 90%;
	font-weight: bold;
	padding-bottom: 15px;
	background-color: #F8F8F8;
	border-bottom-width: 2px;
	border-bottom-style: groove;
	border-bottom-color: #426D82;
	border-top-width: 2px;
	border-top-style: groove;
	border-top-color: #426D82;
	margin-right: auto;
	margin-left: 5%;
	text-transform: uppercase;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #426D82;
	border-left-color: #426D82;
	box-shadow: 2px 1px 10px #84a9c0;
	margin-top: -350px;
	line-height: 40px;
	background-image: url(../images/background.jpeg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	clear: both;
	float: left;
}

.detailsList div {
	line-height: 25px;
	margin-bottom: 10px;
}

/* ~~ The footer ~~ */
footer {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both;
	padding-top: 2px;
	margin-top: -60px;
	float: left;
	background: url(../images/nami.png) repeat;
	border-bottom: 3px solid #000000;
	border-top: thin solid #CCC;
}

.copyright {
	font-size: 0.8em;
	position: relative;
	color: #CCCCCC;
	font-family: "Times New Roman", Times, serif;
	border-top: thin solid #CCC;
	padding-top: 10px;
}


/* THIS IS THE START OF DESKTOP FORM STYLES************/

.contactUsheaderForm {
	height: 300px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #454B59;
	background: #F3F6FB url(../images/Cleaning_Services_Contact_Us.jpg) no-repeat left center;
}

.containerForm {
	width: 75%;
	background-color:#ffffff75;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #434955;
	border-left-color: #434955;
	margin: 0px auto;
	height: 100%;
	padding-bottom: 50px;
}
	
#myform {
	font-family: "Times New Roman", Times, serif;
	height: auto;
	width: 70%;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    border:1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*fieldset is the box surrounding contact information */
fieldset {
	padding: 10px;
	border: thin solid #253041;
}

/*legend is the text inside the border surounding contact info*/
legend {
	font-size: 110%;
	font-weight: 200;
	color: #222735;
	border: thin none #222735;
	letter-spacing: 0.3px;
}

#name {
	width: 300px;
}

#email {
	width: 300px;
}

#phone {
	width: 250px;
}

#comments {
	width: 95%;
	font-family: "Times New Roman", Times, serif;
	color: #3e424d;
	padding: 10px;
	font-size: 1em;
	background-color:#ffffffad;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#submit, #reset {
	color: #003;
	border: thin outset #253041;
	border-radius: 5px;
	margin: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #EBEBEB;
	padding-top: 3px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 14px;
}

/* THIS IS THE END OF DESKTOP FORM STYLRES**************/
/*  THIS COMPLETES THE DESKTOP STYLES ******************/

}

/*-----------------------------THESE STYLES NEED TO BE ORGANIZED!!!!!!!!!*/


/*.........color palet..........
#F66867 (reddish pink)
#363845 (dark bluish)
*/

.resCleaning {
	/* [disabled]background-image: url(../images/res.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
}

/*
https://www.youtube.com/watch?v=pgMIp4ghGr0
(ARROW BOX)

.ResCleaningServices {
	height: 300px; *******************resizing the box h/w does not make a differance in the position of the rotated dimond box ***********************************
	width: 100%;
	border-radius: 5px;
	border: thin solid #666;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	padding: 30px;
	margin: 20px auto;
	position: relative;
	box-sizing: border-box;
	background-color: #FFF;
}

.ResCleaningServices:after {
	content: '';
	width: 50px;
	height: 50px;
	border-top: thin solid transparent;
	border-left: thin solid transparent;
	border-bottom: thin solid #666;
	border-right: thin solid #666;
	position: absolute;              ******** important **********
	top: 100%;
	left: 50%;
	margin-left: -25px; make it - (neg)half of the width and height
	margin-top: -25px;  make it - (neg)half of the width and height
	transform: rotate(45deg);
	background-color: #FFF;	
	
}*/

/*if image is smaller / cover will work to fill and expand a smaller image */

.darkGrey {
	color: #3F4345;
}

.lightGrey {
	color: #5E758E;
}

.logoBlue {
	color: #54616E;
}

.statement {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #505861;
}

.contactFormLink {
	color: #69C;
}

.cRc {
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #54616E;
}
 
.aboutMain {  /* ? */
	clear: both;
	float: left;
	height: 800px;
	width: 100%;
}

.aboutUs { /* ? */
	margin:0;
	padding:0;
	width:100%;
	height:100vh;
	background: url(../images/service_de_nettoyage_a_Montreal_et_environs.jpg) center bottom no-repeat;
	background-size:fit;
	
}
.googleReviews {
	color: #C33;
}

.googleReviews a:active  {
	text-decoration: underline;
	color: #C33;
	
}

.googleReviews a:hover, a:focus {
	text-decoration: none;
	color: #C33;
	padding:0;
}

.googleReviews a:visited  {
	text-decoration: underline;
	color: #C33;	
}

.reviews {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	color: #3c526c;
}
.holder {
	float: left;
	width: 100%;
	background: url(../images/Desktop_images/flip.......jpg) no-repeat fixed center;
	background-size: cover;
	border-top: thin solid #003;
	border-bottom: thin solid #003;
}
.one {
	float: left;
	width: 800px;
	background: #FFF;
	height: 800px;
	opacity: .8;
	margin-left: 25px;
	border-right: thin solid #003;
	border-left: thin solid #003;
	color: #FFF;
}
.two {
	width: 800px;
	height: 800px;
	float: left;
	margin-left: -800px;
	opacity: .9;
	font-weight: 200;
	color: #003;
}
.two h1 {
	color: #00002B;
	letter-spacing: 4px;
}
.resFooterDiv .gd {

}