/* ----------------------------------------------------------
---------------------------RESET----------------------------
-----------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.resettingAbsolute{
	left:0;
	top:0;
}

/* ----------------------------------------------------------
---------------------------Global----------------------------
-----------------------------------------------------------*/

*, ::after, ::before {
      box-sizing: border-box;
      margin:0;
			text-align: justify;
  }

body{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  outline:none;
  font-size:1vw;
}

input, select, textarea, button{
  font-family:inherit;
}

h1{
	font-size:1.5vw;
}

ol{
	list-style: decimal;
}

blockquote{
	font-weight: 500;
	font-size: 1.2vw;
	text-align: center;
	padding: 1vw;
}

/* SECTIONS */

.section{
	padding:1.5vw;
	padding-bottom:0;
	font-size:1.2vw;
}

.sectionTitle{
	padding:1vw;
	font-weight: bold;
	font-family: arial rounded mt;
	color:#2f62a0;
}


.section p{
	font-size:1.2vw;
	display: block;
	padding:1vw;
	line-height: 1.8vw;
	text-align: justify;
}

.orderedList{
	list-style: decimal;
	padding-left: 2vw;
}

.orderedList li, .unorderedList li{
	padding: .5vw;
	line-height: 1.3vw;
	font-size: 1.2vw;
}

.unorderedList{
	list-style: disc;
	padding-left: 2.5vw;
}

.orientationChanged{
	opacity: 1;
	background-image: url("mOnsite_screenRotate.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 20vh;
}

/* .orientationChangedContain{
	background-image: url("mOnsite_screenRotate.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 20vh;
} */

/* PRELOADER */

.preloaderContainer{
	display:flex;
}

.displayNone{
	display:none;
}

/************* TOP SECTION - HEADER AND NAV BAR **************/

.gridContainer {
  display: grid;
  grid-template-columns: 13% 74% 13%;
  grid-template-rows: 5.5vw 2vw auto auto;
  margin-right: 10vw;
  margin-left: 10vw;
}

.headLeft{
	grid-column: 1/ span 1;
  grid-row: 1/ span 1;
}

.headLeft a{
	float:left;
}

.headLeft img {
	height: 5vw;
  margin-top: 0.3vw;
	float:left;
}

.headMiddle{
	grid-column: 2/ span 1;
  grid-row: 1/ span 1;
	width:100%;
}

.headMiddle img {
  width: 100%;
}

.headRight{
	grid-column: 3/ span 1;
  grid-row: 1/ span 1;
}

.headRight img {
	float:right;
	width: 4.8vw;
	margin-top: .3vw;
}

.headRight a{
	float:right;
}

a{
  color:white;
  text-decoration: none;
}

.navBar{
  grid-column: 1/span 3;
  grid-row: 2/span 1;
  background-color: #D7012A;
  border-radius: 1vw;
  line-height: 1.9vw;
}

.nav{
  list-style: none;
  color: white;
  font-weight: 700;
  font-size: 1.2vw;
  display: flex;
  letter-spacing: .1vw;
}

.nav li{
  padding-left: 2vw;
}

.navBarLeftList{
  display: inline-block;
}

/*FOR LETTER ICON LOCATED RIGHT ON NAV BAR

.navBarRight{
  display: inline-block;
  float: right;
  margin-top: -.5vw;
  margin-right: 1vw;
  height: 100%;
}

.navBarRight img{
  width:3vw;
}

.tooltiptext {
  visibility: hidden;
  border: 2px solid #822738;
  background: #d7012a;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 0px 5px;
  float: right;
  margin-top: .25vw;
  z-index: 1;
}

.navBarRight img:hover span {
  visibility: visible;
}

.navBarRight img:hover{
  cursor: pointer;
}
*/

.content{
  grid-column: 1/span 3;
  grid-row: 3/span 1;
}

.bg{
  width: 100%;
	margin-top:.7vw;
}

.left{
  float:left;
}

.right{
  float:right;
}

.center{
  margin:0 50%;
}

.contactButton{
			position: fixed;
	    right: 0;
	    top: 0;
	    margin-top: 25vw;
			margin-right: -.6vw;
	    transform: rotate(90deg);
	    color: #285892;
			text-transform: uppercase;
    	letter-spacing: .5vw;
	    background: #ffab03;
			border-radius: .7vw;
	    padding: 1vw 3vw;
	    font-size: 1vw;
			outline: unset;
	    font-family: arial rounded mt;
	    box-shadow: 0.1vw 0.1vw 0.1vw 0.1vw black;
	    text-align: center;
}

.button {
    color: white;
    background: #3A79C4;
    border: .1vw solid #2e6da4;
    border-radius: .8vw;
    padding: .37vw 0.5vw;
    font-size: 1vw;
    width:fit-content;
    outline:unset;
}

.buttonBelowForm{
  margin-top:1vw;
  margin-bottom:1vw;
}

.inputTextBox{
font-size: 1vw;
padding: .37vw 0.5vw;
outline: unset;
border: .1vw solid #3A79C4;
border-radius: .5vw;
width: 15vw;
}

.constructionWriteup, .installationWriteup, .maintenanceWriteup, .sectorsWriteup, .visionWriteup, .productsWriteup, .sfsWriteup, .aboutUsWriteup, .disclaimerWriteup{
	/*border:.2vw solid #2f62a0;;*/
	border-radius:1vw;
	margin-top: 2vw;
	padding-bottom:2vw;
	box-shadow:0.1vw 0.3vw 1vw 0vw;
	/*box-shadow: -7px 7px 19px -5px #8888;*/
}

/************** CIM ************/

.challengesImage{
	margin-bottom: 2.5vw;
}

.challengesImage, .featuresImage, .benefitsImage, .productsFeatures{
	width:100%;
}

.jusLogo{
	width: 3vw;
  float: right;
	margin-top: 0.3vw;
}

.featuresImage, .benefitsImage{
	margin:1vw 0;
}

/************* BOTTOM SECTION - NAV BAR SEPARATOR AND FOOTER **************/

.navBarFooter{
	grid-column: 1/ span 3;
	grid-row: 4/ span 1;
	height: .3vw;
	margin-top: 2vw;
}

.footer{
	grid-column: 1/ span 3;
	grid-row: 5/ span 1;
	margin-top:.5vw;
}

.footer li{
	color: #0073ff;
  font-size: 1vw;
}

.footer a {
    color: #0073ff;
}

.footerLinkSetDiv{
	display:inline-block;
}

.linkset1 li, .linkset2 li{
	display: inline-block;
}

.linkset1, .linkset2{
	padding-left: 0;
}

.copyrightText {
    margin-top: .5vw;
    margin-bottom: 1vw;
    padding-left: 0.5vw;
    color: #0073ff;
		font-size:1vw;
}

/* -------------------------------------------------

----------------Home/Index Page --------------------

----------------------------------------------------*/

.contentBottom{
  grid-column: 1/span 3;
  grid-row: 4/span 1;
}

.mobileMessage{
	position: absolute;
    right: 0;
    margin-right: 14vw;
    margin-top: 18vw;
    z-index: 2;
		    text-align: center;
}

.mobileMessage span{
	font-size: 1.2vw;
    color: #285892;
    line-height: 1.5vw;
    font-weight: 700;
}

.homeSlider{
		position: absolute;
		width: 11vw;
		height: 20vw;
		right: 0;
		margin-right: 14.1vw;
		margin-top: 1.8vw;
		z-index: 3;
}

/* min=till. max=when */
@media only screen and (min-width:1180px){
	.homeSlider{
		margin-right: 13vw;
	}
}

.homeSlider img{
	width:100%;
	border-radius:1vw;
	outline:none;
}

.slick-list{
	border-radius:1vw;
}

.cimTitle{
	/* COLOR: #285892;
FONT-WEIGHT: 700;
FONT-FAMILY: SEGOE UI;
FONT-SIZE: 1.6VW;
text-align: center;
margin-bottom: .5vw; */
COLOR: #ffffff;
    FONT-WEIGHT: 600;
    /* FONT-FAMILY: SEGOE UI; */
    FONT-SIZE: 1.2VW;
    padding: .8vw .5vw;
    text-align: center;
    /* margin-bottom: .5vw; */
    background: #2f62a0;
    width: 12vw;
    margin-left: 2vw;
    border-radius: .5vw;
}

.smartForceSolutions{
  float:left;
  width: 19.9vw;
}

.construction{
  width: 21vw;
  height: 14vw;
}
/*
.installation{
  width: 19vw;
  height: 14vw;
	margin-left:2vw;
}
*/

.installation{
width: 15vw;
    /* height: 14vw; */
    margin-left: 2vw;
    position: absolute;
    margin-top: 1.5vw;
}

.maintenance{
  height: 14vw;
  width: 14vw;
  float: right;
}

.homeTitle{
	position: absolute;
  margin-top: -4.5vw;
  font-size: 1.6vw;
  color: white;
  margin-left: 17vw;
  font-weight: 500;
  letter-spacing: .2vw;
	margin-top: -3.8vw;
  margin-left: 25vw;
}

.cimDiv{
	display: inline-block;
	margin-top: .6vw;
	position: absolute;
}

.cimDiv img{
	display:inline-block;
}

/* .cimFeatures{
	width: 12.2vw;
margin: 0.5vw 12%;
}
.cimFeatures3{
	    margin-top: -.5vw;
} */

.cimFeatures{
	margin-top: .48vw;
}

.installationDiv{
	margin-left: 23.3vw;
}

.homescreenMobile {
	position: absolute;
	margin-left: 63.8vw;
	margin-top: -25vw;
	width: 13vw;
	z-index: 2;
}

.homeSlider{

}

.helicopter{
	position: absolute;
	margin-left: 20.3vw;
	margin-top: 8.18vw;
	width: 2.7vw;
}

.metroDiv{
	position: absolute;
	left: 0;
	margin-left: 10vw;
	margin-top: -10.1vw;
	overflow: hidden;
	height: 3vw;
	width:78.7vw;
	z-index: 1;
}

.metro{
	    width: 19vw;
	animation-name: metroMoving;
  animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes metroMoving{
	0%{
		margin-left: -30vw;
	 }
	 15%{
		margin-left: -30vw;
	 }
	50%{
		margin-left: 90vw;
	}
	65%{
		margin-left: 90vw;
	}
	100%{
		margin-left: -30vw;
	}
}

.carsDiv{
	position: absolute;
	left: 0;
	margin-left: 10vw;
	margin-top: -7vw;
	overflow: hidden;
	height: 3vw;
	width:78.7vw;
	z-index: 1;
}

.cars{
	width: 60vw;
	animation-name: carsMoving;
  animation-duration: 10s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.carsRepeat{
	width: 60vw;
	margin-left: -60vw;
	animation-name: carsMovingRepeat;
	animation-delay:0.1s;
  animation-duration: 18s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.carsRepeat2{
	width: 60vw;
	margin-left: -60vw;
	animation-name: carsMovingRepeat;
	animation-delay:8s;
  animation-duration: 18s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.carsRepeat3Div{
	position: absolute;
	left: 0;
	margin-left: 10vw;
	margin-top: -7vw;
	overflow: hidden;
	height: 3vw;
	width:78.7vw;
	z-index: 1;
}

.carsRepeat3{
	width: 16.2vw;
	margin-left: -60vw;
	animation-name: carsMovingRepeat;
	animation-delay:10.2s;
  animation-duration: 18s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


@keyframes carsMoving{
	0%{
		margin-left: 0vw;
	 }
	100%{
		margin-left: 80vw;
	}
}

@keyframes carsMovingRepeat{
	0%{
		margin-left: -60vw;
	 }
	100%{
		margin-left: 80vw;
	}
}

.tramDiv1{
	position: absolute;
	right: 0;
	margin-right: 10vw;
  margin-top: -10.4vw;
  width: 24.6vw;
  height: 1.5vw;
	overflow: hidden;
}

.tram1{
	    width: 2.3vw;
	animation-name: tram1Moving;
	animation-duration: 15s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}


@keyframes tram1Moving{
	0%{
		margin-left: 0vw;
	}
	10%{
		margin-left: 0vw;
	}
	50%{
		margin-left: 30vw;
	}
	60%{
		margin-left: 30vw;
	}
	100%{
		margin-right: 0vw;
	}
}

.tramDiv2{
	position: absolute;
	right: 0;
	margin-right: 10vw;
  margin-top: -9.9vw;
  width: 24.6vw;
  height: 1.5vw;
	overflow: hidden;
}

.tram2{
	    width: 2.3vw;
	margin-left: 25vw;
	animation-name: tram2Moving;
	animation-duration: 15s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}

@keyframes tram2Moving{
	0%{
		margin-left: 25vw;
	}
	10%{
		margin-left: 25vw;
	}
	50%{
		margin-left: 0vw;
	}
	60%{
		margin-left: 0vw;
	}
	100%{
		margin-left: 25vw;
	}
}

.airplaneDiv{
	position: absolute;
	left: 0;
	margin-left: 10vw;
	margin-top: -25vw;
	overflow: hidden;
	width: 65vw;
	height: 6vw;
}

.airplane{
	animation-name: airplane;
	animation-duration: 25s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	transition-delay: 2s;
	width: 2vw;
}

@keyframes airplane{
	0%{
		margin-left: -5vw;
		margin-top: 5vw;
	}
	90%{
		margin-top: 0vw;
		margin-left: 65vw;
	}
	100%{
		margin-top: 0vw;
		margin-left: 65vw;
	}
}

.elevator{
	position: absolute;
	top:0;
	left: 0;
	animation-duration: 25s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	transition-delay: 2s;
	width: .6vw;
	z-index: 2;
}

.elevator1{
	margin-left: 21.1vw;
	margin-top: 18.41vw;
	animation-name: elevator1;
}

@keyframes elevator1{
	0%{
		margin-top:18.41vw;
		margin-left: 21.1vw;
	}
10%{
	margin-top:18.41vw;
	margin-left: 21.1vw;
}
50%{
	margin-top: 9.35vw;
	margin-left: 21.1vw;
}
60%{
	margin-top:9.35vw;
	margin-left: 21.1vw;
}
100%{
	margin-top:18.41vw;
	margin-left: 21.1vw;
}
}

.elevator2{
	margin-left: 21.8vw;
	margin-top: 9.35vw;
	animation-name: elevator2;
}

@keyframes elevator2{
0%{
	margin-top: 9.35vw;
	margin-left: 21.8vw;
}
10%{
	margin-top: 9.35vw;
	margin-left: 21.8vw;
}
50%{
	margin-top:18.41vw;
	margin-left: 21.8vw;
}
60%{
	margin-top:18.41vw;
	margin-left: 21.8vw;
}
100%{
	margin-top: 9.35vw;
	margin-left: 21.8vw;
}
}

.elevator3{
	margin-left: 71.4vw;
	margin-top: -14.5vw;
	animation-name: elevator3;
}

@keyframes elevator3{
	0%{
		margin-top:18.41vw;
		margin-left: 71.4vw;
	}
10%{
	margin-top:18.41vw;
	margin-left: 71.4vw;
}
50%{
	margin-top: 9.35vw;
	margin-left: 71.4vw;
}
60%{
	margin-top:9.35vw;
	margin-left: 71.4vw;
}
100%{
	margin-top:18.41vw;
	margin-left: 71.4vw;
}
}


.elevator4{
	margin-left: 72.1vw;
	margin-top: -14.5vw;
	animation-name: elevator4;
}

@keyframes elevator4{
0%{
	margin-top: 9.35vw;
	margin-left: 72.1vw;
}
10%{
	margin-top: 9.35vw;
	margin-left: 72.1vw;
}
50%{
	margin-top:18.41vw;
	margin-left: 72.1vw;
}
60%{
	margin-top:18.41vw;
	margin-left: 72.1vw;
}
100%{
	margin-top: 9.35vw;
	margin-left: 72.1vw;
}
}

/* .cimDiv img:nth-child(2), .cimDiv img:nth-child(3) {
    float: left;
}

.cimDiv img:nth-child(4), .cimDiv img:nth-child(5) {
    float: right;
}

.cimDiv img:nth-child(3), .cimDiv img:nth-child(6) {
    margin-top: 2vw;
} */

.maintenanceDiv{
	right: 0;
margin-right: 10vw;
}

.shovelTech{
width: 3vw;
margin-top: 5vw;
margin-left: -3vw;
}

.hammeringTech{
	width: 4vw;
	transform:rotateY(180deg);
}

.diggingTech{
	width: 4vw;
  float: left;
}

.pushingcartTech{
	width: 3.6vw;
	    float: right;
	    /* margin-top: 4vw; */
	    margin-left: -3vw;
}

.cLogo{
	width: 5.2vw;
	margin-bottom: 1.3vw;
    margin-left: 1vw;
}

.iLogo {
    width: 5.2vw;
		margin-top: 1.4vw;
    margin-left: 2.8vw;
}

.manager{
	width: 1.4vw;
	margin-top: 0.5vw;
	float: left;
	margin-left: 1.1vw;
}

.drillingTech{
    width: 1.8vw;
		float:right;
		margin-top: .7vw;
}

.pipesTech{
	  width: 3.3vw;
		margin-top: -2.5vw;
		float: left;
}

.weldingTech{
	width: 2.4vw;
	float: right;
	margin-top: -1vw;
}

.mLogo{
  width: 5.5vw;
    margin-left: 1.7vw;
    margin-top: 1.4vw;
}

.elevatorTech{
	    width: 2vw;
			margin-left: 1vw;
}

.screwingTech{
	    width: 1.6vw;
			float: right;
			margin-top: -2vw;
    	margin-right: 1vw;
}

.screwingTech2{
transform:rotateY(180deg);
}

.craneTech{
	width: 3vw;
	float:right;
}

.homepageFeatures{
display:inline-flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 4vw;
}

.homepageFeaturesLast{
	margin-top: 5vw;
	margin-bottom: 2vw;
}

.homepageFeaturesItem{
	width:30%;
}

.homepageFeaturesItem p, .homepageFeaturesItem li {
    font-size: 1.3vw;
    line-height: 2vw;
}

.featuresItemTitle{
		text-align: center;
		font-weight: 700;
		color: #2f62a0;
    font-family: arial rounded mt;
}

.featuresItemIcon{
	width:10vw;
	margin: 10% 30%;
}

/*
.featuresItem1Icon{
	width: 17vw;
	margin: 10% 10%;
} */

/* ----------------------------------------------------------
-------------------------------------------------------------
----------------------Sectors Page---------------------------
-------------------------------------------------------------
-----------------------------------------------------------*/

/* ----------------------------------------------------------
-------------------------------------------------------------
----------------------Products Page--------------------------
-------------------------------------------------------------
-----------------------------------------------------------*/

.productsWriteup{
	padding: 1.5vw;
	margin-top: 1.5vw;
}

.serviceAreaImage{
	width:100%;
	padding: 1.5vw;
}

.smartTechImg{
	grid-column: 1 / span 1;
	grid-row: 1/span 2;
	width: 7vw;
	margin-left: 2.headLeft img.5vw;
}

.smartTechPunchlineDiv{
	display:grid;
	grid-template-columns:23% 77%;
	grid-template-rows:59% 41%;
	padding-left:1vw;
}

.smartTechPunchline{
	grid-column: 2 / span 1;
	grid-row: 2/span 1;
	font-size:3vw;
	color:#285892;
	font-family: arial rounded mt;
	text-decoration: underline #ffab03;
	padding:0;
}

/*
.smartTechPunchline2{
	grid-column: 2 / span 1;
	grid-row: 2/span 1;
	font-size:2.5vw;
	font-family: arial rounded mt;
}*/

section.section3 h1 {
    padding-top: 0;
}

.section3 ol{
	list-style: decimal;
	padding:1vw;
	padding-left: 2vw;
}

.section3 ol li{
	padding:.5vw;
}


.productCardLeft, .productCardRight {
    display: flex;
    border: 2px solid #285892;
    border-radius: 10px;
    box-shadow: -7px 7px 19px -5px #8888;
    padding: 1.5vw;
    margin-top: 1.5vw;
    margin-bottom: 2.5vw;
}

.productCardRight {
    box-shadow: 11px 7px 19px -5px #8888;
}

.productCardLeft h1, .productCardRight h1 {
	width: max-content;
	color: #285892;
	font-size: 1.3vw;
	font-family: Arial Rounded MT;
}

.productCardImg img {
    width: 9vw;
    margin-top: .7vw;
}

.productCardDesc {
	  margin-top: -1.7vw;
    margin-right: 2.5vw;
    margin-left: 2.5vw;
    align-self: center;
    text-align: justify;
}

.content span {
    color: #285892;
    font-size: 1.2vw;
}

.productCardLeft .productCardTitle.productCardImg {
    margin-left: 2vw;
}

.productCardRight .productCardTitle.productCardImg {
    margin-right: 2vw;
}

.productCardTitle{
	line-height: 1.7vw;
}

.productsCIM img{
	margin-top:0;
	float:left;
}


/* ----------------------------------------------------------
-------------------------------------------------------------
----------------------About Us---------------------------
-------------------------------------------------------------
-----------------------------------------------------------*/

/* MEMBER CARD PARENT */

.memberCard5Parent, .memberCard6Parent, .memberCard7Parent {
  position: absolute;
}

.memberCard3Parent {
	position: absolute;
  margin-top: -29vw;
  margin-left: 33vw;
  width: 22vw;
}


.memberCard4Parent{
	margin-top: -22vw;
	margin-left: 42vw;
	position: absolute;
	width: 30vw;
}

/* MEMBER CARD */

.memberCard{
	transition: width 1.3s, height 1s ;
	position: absolute;
  border: 0.2vw solid #285892;
  border-radius: 1vw;
	width: 8vw;
	height: 8vw;
	z-index: 0;
  padding: .29vw;
	background: white;
	overflow: hidden;
}

.memberCard1{
	margin-top: -29.7vw;
	margin-left: 5vw;
}

.memberCard2{
	margin-top: -29vw;
	margin-left: 25.1vw;
}

.memberCard3, .memberCard4,.memberCard7{
	position: relative;
	float:right;
}

/* HOVER */

.memberCard:hover{
		width: 42vw;
		height:16vw;
		box-shadow: 0.5vw 0.5vw 2vw 0vw;
		z-index: 1;
}

.memberCard5:hover, .memberCard6:hover,.memberCard7:hover{
		height:14vw;
}

/* MEMBER IMAGE*/

.members{
	position: absolute;
	width: 7vw;
	z-index: 2;
	transition: width 1s, margin-top 1s, margin-left 1s;
}

.member3, .member4, .member7{
	position: relative;
	float: right;
	transition: width 1s, margin-top 1s, margin-right 2s;
}

/* HOVER */

.memberCard:hover > .members{
	width:10vw;
	margin-top:1vw;
	margin-left:1vw;
}

.memberCard:hover > .member3, .memberCard:hover > .member4, .memberCard:hover > .member7{
	width:10vw;
	margin-top:1vw;
	margin-right:1vw;
}

/* MEMBER DESCRIPTION */

.memberDesc {
	  position: relative;
		float:right;
		font-size: 1vw;
		height:90%;
		line-height: 1.3;
		text-align: justify;
		color: #285892;
		transition: width 2s;
		transition-delay: 1.5s;
}

.memberDesc3, .memberDesc4, .memberDesc7{
position: absolute;
		transition: width 2s;
}

/* HOVER */

.memberCard:hover > .memberDesc {
		width:26.5vw;
		margin-top: 1vw;
		/* margin-left: 13vw; */
		margin-right: 1.5vw;
}

.memberCard:hover > .memberDesc3, .memberCard:hover > .memberDesc4, .memberCard:hover > .memberDesc7 {
		width:26.5vw;
		height:auto;
		opacity: 1;
		margin-top: 1vw;
		margin-left: 1.5vw;
}

/* ----------------------------------------------------------
-------------------------------------------------------------
----------------------Vision---------------------------
-------------------------------------------------------------
-----------------------------------------------------------*/

.visionWriteup{
  margin-top:3vw;
  font-size:1.2vw;
  border:.11vw solid #285892;
  border-radius: 1vw;
  width: auto;
  height:10vw;
  text-align: center;
}

/* ----------------------------------------------------------
-------------------------------------------------------------
----------------------Contact Us---------------------------
-------------------------------------------------------------
-----------------------------------------------------------*/
/* NEW CONTACT US */
.contactForm{
	position: absolute;
	margin: -28.5vw 0px;
	font-size: 1.2vw;
	width: 75vw;
}

.contactFormContentLeft {
    display: inline-block;
    margin-left: 3vw;
    width: 35%;
}

.contactFormContentRight {
    display: inline-block;
		margin-left: 7vw;
    width: 38%;
}

.formSubmitDiv{
	display: inline-block;
float: right;
margin-right: -.5vw;
margin-top: -6.8vw;
}

input#subject, #email {
    width: 18vw;
}

.contactFormText, .contactFormInput{
  display:inline-block;
  margin:1vw auto;
}

.contactFormText{
  text-align: left;
  width:100%;
}

.contactFormInput{
    float:right;
  }

	.inputTextArea {
		min-height: 5vw;
    height: 5vw;
    max-height: 5vw;
    min-width: 18vw;
    width: 18vw;
    max-width: 18vw;
}

.contactUsTitle{
		font-size: 2.5vw;
	  letter-spacing: .15vw;
    font-family: segoe ui semibold;
    color: #285892;
    text-align: center;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
}

.formSubmitButton{
	height: 3vw;
	width: 6vw;
	text-align: center;
}

.flags{
position: fixed;
    right: 0;
    top: 0;
		margin-top: 11.7vw;
		margin-right: 8vw;
    border-radius: .7vw;
    outline: unset;
}

.checkboxes{
	float: right;
	width: 57%;
	padding: .37vw 0.5vw;
	outline: unset;
	border: .1vw solid #3A79C4;
	border-radius: .5vw;
}

.contactFormCheckbox input{
	display: inline-block;
	width: -webkit-fill-available;
	float:left;
}

.contactFormCheckbox .businessField{
	margin-left:2vw;
	color: black;
}

.flags img{
	width:2vw;
}

.parentDiv{

}

.parentDiv1 img:hover{
	width:4vw;
}

/* MEMBER CARD PARENT */

.memberCard5Parent, .memberCard6Parent, .memberCard7Parent {
  position: absolute;
}

.memberCard3Parent {
	position: absolute;
  margin-top: -29vw;
  margin-left: 33vw;
  width: 22vw;
}


.memberCard4Parent{
	margin-top: -22vw;
	margin-left: 42vw;
	position: absolute;
	width: 30vw;
}

/* MEMBER CARD */

.parentDiv{
	transition: width 1.3s, height 1s ;
	border: 0.2vw solid #285892;
  border-radius: 1vw;
	z-index: 0;
  padding: .29vw;
	background: white;
	overflow: hidden;
}

/*
.memberCard{
	transition: width 1.3s, height 1s ;
	position: absolute;
  border: 0.2vw solid #285892;
  border-radius: 1vw;
	width: 8vw;
	height: 8vw;
	z-index: 0;
  padding: .29vw;
	background: white;
	overflow: hidden;
} */

/* .memberCard1{
	margin-top: -29.7vw;
	margin-left: 5vw;
}

.memberCard2{
	margin-top: -29vw;
	margin-left: 25.1vw;
} */

.memberCard3, .memberCard4,.memberCard7{
	position: relative;
	float:right;
}

/* HOVER */

.parentDiv:hover{
		width: 42vw;
		height:16vw;
		box-shadow: 0.5vw 0.5vw 2vw 0vw;
		z-index: 1;
}

/* .memberCard5:hover, .memberCard6:hover,.memberCard7:hover{
		height:13vw;
} */

/* MEMBER IMAGE*/

.members{
	position: absolute;
	width: 7vw;
	z-index: 2;
	transition: width 1s, margin-top 1s, margin-left 1s;
}

.member3, .member4, .member7{
	position: relative;
	float: right;
	transition: width 1s, margin-top 1s, margin-right 2s;
}

/* HOVER */

.memberCard:hover > .members{
	width:10vw;
	margin-top:1vw;
	margin-left:1vw;
}

.memberCard:hover > .member3, .memberCard:hover > .member4, .memberCard:hover > .member7{
	width:10vw;
	margin-top:1vw;
	margin-right:1vw;
}

/* MEMBER DESCRIPTION */

.memberDesc {
	  position: relative;
		float:right;
		font-size: 1vw;
		height:90%;
		line-height: 1.3;
		text-align: justify;
		color: #285892;
		transition: width 2s;
		transition-delay: 1.5s;
}

.memberDesc3, .memberDesc4, .memberDesc7{
position: absolute;
		transition: width 2s;
}

/* HOVER */

.memberCard:hover > .memberDesc {
		width:26.5vw;
		margin-top: 1vw;
		/* margin-left: 13vw; */
		margin-right: 1.5vw;
}

.memberCard:hover > .memberDesc3, .memberCard:hover > .memberDesc4, .memberCard:hover > .memberDesc7 {
		width:26.5vw;
		height:auto;
		opacity: 1;
		margin-top: 1vw;
		margin-left: 1.5vw;
}


/*Responsive Testing with media queries*/

@media only screen and (max-width:1000px)
{
  .contactFormResponsive .contactFormText{
    font-size: 1.5vw;
  }
  .button{
  border: .1vw solid #2e6da4;
  border-radius: .8vw;
  padding: .37vw 0.5vw;
  font-size: 1vw;
  }
}

@media only screen and (max-width:600px)
{
  .contactFormResponsive .contactFormText{
    font-size: 1.5vw;
  }
  .button{
  border: .1vw solid #2e6da4;
  border-radius: .8vw;
  padding: .37vw 0.5vw;
  font-size: 1vw;
  }
}

@media only screen and (max-width:500px)
{
  .contactFormResponsive .contactFormText{
    font-size: 1.7vw;
  }
  .button{
  border: .1vw solid #2e6da4;
  border-radius: .8vw;
  padding: .37vw 0.5vw;
  font-size: 1vw;
  }
}


/* ----------------------------------------------------------
-------------------------------------------------------------
-------------------Smart Force Solutions---------------------
-------------------------------------------------------------
-----------------------------------------------------------*/

.sfsWriteup .sectionTitle {
    padding-top: 0;
}

/* .SFSfeatures{
	position: absolute;
font-size: 1.5vw;
background: #2e6da4;
padding: 2vw;
border: .11vw solid #0086f7;
border-radius: .5vw;
color: white;
display: none;
}

.SFSfeature1{
animation: featuresAnimation 2s linear 0s infinite alternate;
margin-top: 5vw;
margin-left: 47vw;
}

.SFSfeature2{
	margin-top: 17vw;
	margin-left: 55vw;
}

.SFSfeature3{
margin-top: 31vw;
margin-left: 20vw;
}

.SFSfeature4{
margin-top: 31vw;
margin-left: 47vw;
}

.SFSfeature5{
margin-top: 5vw;
margin-left: 20vw;
}

.SFSfeature6{
margin-top: 19vw;
margin-left: 5.5vw;
}

.SFShappyFeatures{
	position: absolute;
font-size: 1.5vw;
background: #2e6da4;
padding: 2vw;
border: .11vw solid #0086f7;
border-radius: .5vw;
color: white;
}

.SFShappyFeature1{
margin-top: 5vw;
margin-left: 47vw;
}

.SFShappyFeature2{
	margin-top: 17vw;
	margin-left: 55vw;
}

.SFShappyFeature3{
margin-top: 31vw;
margin-left: 20vw;
}

.SFShappyFeature4{
margin-top: 31vw;
margin-left: 47vw;
}

.SFShappyFeature5{
margin-top: 5vw;
margin-left: 20vw;
}

.SFShappyFeature6{
margin-top: 19vw;
margin-left: 5.5vw;
}

@-webkit-keyframes featuresAnimation {
	from {
	    transform: rotateY(0deg);
	  }
	  to {
	    transform: rotateY(180deg);
	  }
}

@-o-keyframes featuresAnimation {
	from {
	    transform: rotateY(0deg);
	  }
	  to {
	    transform: rotateY(360deg);
	  }
}

@-moz-keyframes featuresAnimation {
	from {
	    transform: rotateY(0deg);
	  }
	  to {
	    transform: rotateY(360deg);
	  }
}

@keyframes featuresAnimation {
	from {
	    transform: rotateY(0deg);
	  }
	  to {
	    transform: rotateY(180deg);
	  }
} */


/* ----------------------------------------------------------
-------------------------------------------------------------
----------------------Construction---------------------------
-------------------------------------------------------------
-----------------------------------------------------------*/

.constructionBg, .maintenanceBg, .installationBg, .sfsBg, .bgSectors, .bgVision, .bgAboutUs, .bgProducts, .bgContactUs {
		/*border: .2vw solid #285892;*/
    border-radius: 1vw;
		margin-top: 0.7vw;
    border-radius: 1vw;
		box-shadow:0.1vw 0.3vw 1vw 0vw;
    /*box-shadow: 0.5vw 0.5vw 2vw 0vw;*/
		width: 100%;
}


.section1 span{
	font-size: 1.2vw;
	line-height: 1.6vw;
}

.ulList1, .ulList2{
	padding-left:3vw;
	padding-top:1vw;
	font-size: 1.1vw;
	list-style:disc;
}

.ulList1 li, ul.ulLis2 li {
  padding: .4vw;
}

.CsectionTitle, .IsectionTitle {
	font-size: 1.4vw;
	letter-spacing: 0.58px;
}

.constructionBackdrop img{
	width:3vw;
}

.constructionBackdrop .top{
	margin-top:1.8vw;
	}

.constructionBackdrop .bottom{
	position: absolute;
	margin-left: 1.2vw;
	margin-top: 4vw;
	}

.constructionBackdrop .chunk1{
	margin-left: 1.1vw;
}

.constructionBackdrop .chunk2{
	margin-left: 20vw;
}

.constructionBackdrop .chunk3{
	margin-left: 5vw;
}

.constructionBackdrop .chunk4{
	margin-left: 4.7vw;
}

.constructionMiddleground .top{
	margin-top: .5vw;
	margin-left: 2vw;
	width:11vw;
}

.flip{
	transform:rotateY(180deg);
}

/* ----------------------------------------------------------
-------------------------------------------------------------
----------------------Installation---------------------------
-------------------------------------------------------------
-----------------------------------------------------------*/

.installationSuite{
	margin-top: 3vw;
	width:100%;
}

.briefs{
  margin-top: 3vw;
  font-size: 1.2vw;
  border: .11vw solid black;
  border-radius: 1vw;
  width: auto;
  height: 10vw;
  text-align: center;
}

.installationTeirs{
	position: absolute;
	width: 78.7vw;
	height: 15%
}

/* ----------------------------------------------------------
-------------------------------------------------------------
----------------------Maintenance---------------------------
-------------------------------------------------------------
-----------------------------------------------------------*/

a.button.buttonBelowForm {
    position: absolute;
}

.MsectionTitle{
font-size: 1.6vw;
letter-spacing: .008vw;
}

/*MAC system
.contactButton { width:19vw, padding-right:4vw; margin-right:1vw; }
.headMiddle{margin-left:2vw;margin-right:2vw;}
.headMiddle{margin-left:2vw;margin-right:2vw;}
.gridContainer{grid-template-rows:6vw 2vw 23.4vw 14vw; margin-left:4vw;margin-right:4vw;}

home page contact button
.contactButton { width:19vw, padding-right:4vw; margin-right:-7vw; }

.homeTitle{
margin-top:-5vw;
margin-left:26vw;
}

.installation{
margin-left:7.5vw;
}

.contactForm{
margin:-30vw 4.5vw;
width:80%;
}