.StaticImageChangingTextWrapper
{
	position:relative;
	top:0px;
	display:block;
	width:100%;
	height:100vh;
	 transition: transform .2s; 
	
	 margin-top:1%;
	  margin-bottom:1%;
	  	background-image:url('/wp-content/themes/acs-theme/images/backtheme.png');
		background-size:100% 100%;
	  /*background:#D9D8D5;*/
}
@keyframes scaleup
{
from{transform:scale(1);}
	to{transform:scale(1.3);}

}
.StaticImageHolder
{
    position:relative;
    display:block;
	width:100%;
   height:85%;
	top:0px;
	left:0px;
		z-index:0;
	

}
.AcsStaticImage
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	animation-name:scaleup;
	animation-iteration-count:infinite;
	animation-duration:8s;
	animation-direction:alternate;
	z-index:0;
	
	
}
.StaticImageChangingTextWrapper:hover
{
	
}
.IntroductoryContentHolder
{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background:transparent;
	text-align:left;
	color:#C4EEC8;
	font-size:30px;
	line-height:50px;
	padding-left:100px;
	top:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:52;
}

.AcsMotto
{
	position:absolute;
	display:block;
	top:50px;
	text-align:center;
	color:#C4EEC8;
	font-size:20px;
	margin-left:20%;
	font-family:"Comic Sans MS", cursive;
	animation-name:appeardisappear;
	animation-duration:4s;
	animation-direction:alternate;
	animation-iteration-count:infinite;
	z-index:52;
}

@keyframes appeardisappear
{
	from{opacity:0;font-size:0px;}
	to{opacity:1;font-size:20px;}
}
.FixedHeadText
{
	position:absolute;

	float:left;
	display:block;
	width:9%;
	height:100%;
	background-color:#567257;
	text-align:center;
	
	z-index:500; 
	padding:inherit;
	opacity:1;
	
}
.FixedHeadText >h3
{ 
	
	position:relative;
	top:300px;
	transform:rotate(-90deg);
	font-size:50px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:white;
}
.AcsChangingTextHolderWrapper
{
    	position:relative;
    	display:block;
        float:left;
    top:0px;
	width:100vw;
	height:100vh;
	background-color:#C4EEC8;
	text-align:center;
	
}
.AcsChangingTextholder
{
	position:absolute;
	left:10%;
	display:none;
	width:90%;
	height:100%;
	background-color:#C4EEC8;
	text-align:center;
	

}
.AcsChangingTextholderactive
{
	display:inline-block;
	z-index:51;
	animation-name:smalltofullgrow;
	animation-duration:3s;
	animation-iteration-count:once;
	

}
@keyframes smalltofullgrow
{
	from {opacity:0.5;}
	to{opacity:1;}
}
.ChangingText
{
	position:absolute;
	top:0px;
	left:40%;
	display:inline-block;
	
	width:60%;
	font-size:40px;
	line-height:65px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#872001;
	padding:auto;
	height:65px;
	background:transparent;
	text-align:center;
	
}

.ChangingImage
{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
	display:inline-block;
	
	width:40%;
	height:100%;
	
	background:transparent;
	
}
.DesTitle
{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	display:block;
	
	width:100%;
	height:90px;
	line-height:90px;
	background:transparent;
	color:#567257;
	font-size:60px;
	border-bottom-color:white;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
.DescriptionCha
{
	position:relative;
	float:left;
	top:150px;
	left:0px;
	display:block;
	font-size:30px;
	width:100%;
	padding-left:15%;
	padding-right:15%;
	height:350px;
	line-height:45px;
	background:transparent;
	color:#896A58;
}
.ServicesVideo
{
	position:relative;
	
	width:100%;
	height:96%;
/*background:#D9D8D5;*/
margin-top:2%;
margin-bottom:2%;

	
}

#servvid
{
width:100%;
height:100%;
}
.servicestitle
{
	position: relative;
	display:block;
	width:100%;
	height:80px;
	line-height:80px;
	font-size:50px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
.Portfoliowrapper
{
	position:relative;
	display:block;
	width:100%;
	height:65vh;
	min-height:600px;
	background-color:#ECF8EF;
	top:10px;
	left:0px;
	margin-top:2%;
	margin-bottom:2%;
}
.PortfolioString
{
	position:relative;
	display:block;
	width:100%;
	height:10%;
	line-height:70px;
	font-size:45px;
	background-color:transparent;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#035A1A;
}
.PortfoliDescription
{
	position:relative;
	display:block;
	width:100%;
	height:10%;
	line-height:40px;
	font-size:25px;
	background-color:transparent;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#035A1A;
}
.PortfolioItemWrapper
{
	position:relative;
	display:block;
	top:30px;
	width:100%;
	height:auto;
	min-height:70%;
	overflow:hidden;
	
}

.portfoliowithtopslides
{
	
	position:relative;

	display:inline-block;
	width:22.25%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	line-height:100%;
	vertical-align:middle;
	
}
.portfoliowithtopslides .imgwrapper .portfoliofeaturedimage
{
    position:relative;
    display:block;
    width:100%;
    height:100%;
}
.portfoliowithtopslides:hover
{
	transform:scale(1.05);
	z-index:20;
	box-shadow: 5px 5px 5px 5px #C9F1FF ;
}
.portfoliowithtopslides:hover .portfolioslideswrapper
{
    width:100%;
	height:100%;
	z-index:50;
		border-radius: 10px;
}

.portfoliofeaturedimage
{
	position:absolute;
	top:0px;
	width:100%;
	height:auto;

	border-radius:10px;
	z-index:45;
}



.portfolioslideswrapper
{
	
	position:absolute;
	top:0px;
	
	display:block;
	width:99.5%;
	height:0;

	text-align:center;
	background-color:#007197;
	color:white;
	transition: 0.5s ease-in;
	opacity:0.65;
	z-index:40;
	border-radius: 10px;
}
.portfoliotitletext
{
	position:relative;
	top:40px;
	
	display:block;
	width:100%;
	height:15%;
	z-index:40;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:40px;

}
.portfoliotextddes
{
	position:relative;
	top:60px;
	
	display:block;
	width:99%;
	height:85%;
	z-index:40;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:30px;
		margin:1%;
}

.AuthorisedDealerWrapper
{
	
	position:relative;
	width:100%;
	height:15%;
	min-height:130px;
	
	background-color:#53AF71;
	z-index:500;

	text-align:center;
	
	opacity:0.9;
	
	
	
}
.DealerText
{
	position:relative;
	display:inline-block;
	width:25%;
	height:100%;
	line-height:100%;
	color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	background-color:#FD0404;
	float:left;
	
}
.DealerText > h3
{
	position:relative;
	width:100%;
	height:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:40px;
	top:20px;
}
.DealerText > h4
{
	position:relative;
	width:100%;
	height:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	top:10px;
}
.DealProductImageWrapper
{
	position:relative;
	display:inline-block;
	width:20%;
	height:100%;
	line-height:100%;
	top:0px;
	color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	float:left;

	
}
.DealProductImageWrapper img
{
	width:100%;
	max-height:150px;
	height:auto;
}
.DealerTextMotto
{
	position:relative;
	top:10px;
	color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
}
/* For Mobile Phones*/
@media screen and (max-width: 768px)
{
								.StaticImageChangingTextWrapper
							{
								position:relative;
								display:inline-block;
								width:100%;
								height:50vh;
								 transition: transform .2s; 
								 overflow:none;
								 top:0px;
							}
							.AcsStaticImage
							{
								width:100%;
								height:300px;
								position:absolute;
								top:0px;
								left:0px;
								
								
							}
							.StaticImageChangingTextWrapper:hover
							{
								
							}
							.IntroductoryContentHolder
							{
								position:absolute;
								display:block;
								width:100%;
								height:300px;
								background:transparent;
								text-align:left;
								color:#C4EEC8;
								font-size:16px;
								line-height:20px;
								
								top:5px;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								z-index:52;
							}
						.AcsChangingTextHolderWrapper
                        {
                            	position:relative;
                            	display:block;
                                float:left;
                            top:0px;
                        	width:100vw;
                        	height:125vh;
                        	background-color:#C4EEC8;
                        	text-align:center;
                        	
                        }
							.AcsMotto
							{
								position:absolute;
								display:block;
								top:50px;
								text-align:center;
								color:#C4EEC8;
								font-size:20px;
								margin-left:28%;
								font-family:"Comic Sans MS", cursive;
								animation-name:appeardisappear;
								animation-duration:4s;
								animation-direction:alternate;
								animation-iteration-count:infinite;
								z-index:52;
							}
							
							@keyframes appeardisappear
							{
								from{opacity:0;font-size:0;}
								to{opacity:1;font-size:14px;}
							}
							.FixedHeadText
							{
								position:relative;
								
								float:left;
								display:inline-block;
								width:100%;
								height:60px;
								background-color:#567257;
								text-align:center;
								
								z-index:52; 
								
								opacity:1;
								
							}
							.FixedHeadText >h3
							{ 
								
								position:relative;
								top:0px;
								transform:rotate(-0deg);
								font-size:40px;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								color:#567257;
							}
							.AcsChangingTextholder
							{
								position:relative;
								top:0px;
								left:0%;
								display:none;
								width:100%;
								height:1000px;
								background-color:#C4EEC8;
								text-align:center;
								
							
							}
							.AcsChangingTextholderactive
							{
								display:inline-block;
								z-index:51;
								animation-name:smalltofullgrow;
								animation-duration:3s;
								animation-iteration-count:once;
								
							
							}
							@keyframes smalltofullgrow
							{
								from {opacity:0.5;}
								to{opacity:1;}
							}
							.ChangingText
							{
								position:relative;
								top:500px;
								left:0%;
								display:inline-block;
								
								width:100%;
								font-size:40px;
								line-height:65px;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								color:#872001;
								padding:auto;
								height:65px;
								background:transparent;
								text-align:center;
								
							}
							
							.ChangingImage
							{
								position:absolute;
								float:left;
								top:0px;
								left:0px;
								display:inline-block;
								
								width:100%;
								height:500px;
								
								background:transparent;
								
							}
							.DesTitle
							{
								position:relative;
								float:left;
								top:0px;
								left:0px;
								display:block;
								
								width:100%;
								height:90px;
								line-height:45px;
								
								color:#567257;
								font-size:30px;
								border-bottom-color:white;
								border-bottom-style:solid;
								border-bottom-width:2px;
							}
							.DescriptionCha
							{
								position:relative;
								float:left;
								top:20px;
								left:0px;
								display:block;
								font-size:20px;
								width:100%;
								padding-left:15%;
								padding-right:15%;
								height:350px;
								line-height:35px;
								
								color:#ACAB9E;
							}
							.ServicesVideo
							{
								position:relative;
							
								width:100%;
								height:50vh;
								background-color:#DCEADB;
								float:left;
								top:0px;
								
							}
							.servicestitle
							{
								position: relative;
								display:block;
								width:100%;
								height:80px;
								line-height:80px;
								font-size:50px;
								text-align:center;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								
							}
							.Portfoliowrapper
							{
								position:relative;
								display:block;
								width:100%;
								height:auto;
								background-color:#5BCBF1;
								top:60px;
								left:0px;
							}
							.PortfolioString
							{
								position:relative;
								display:block;
								width:100%;
								height:70px;
								line-height:70px;
								font-size:30px;
								background-color:transparent;
								text-align:center;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								color:white;
							}
							.PortfoliDescription
							{
								position:relative;
								display:block;
								width:100%;
								height:40px;
								line-height:25px;
								font-size:19px;
								background-color:transparent;
								text-align:center;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								color:white;
							}
							.PortfolioItemWrapper
							{
								position:relative;
								display:inline-block;
								top:60px;
								width:100%;
								height:auto;
								overflow-y:scroll;
								overflow-x:hidden;
								
							}
							
							.portfoliowithtopslides
							{
								
								position:relative;
								float:left;
								
								display:block;
								width:98%;
								height:350px;
							
								margin-top:1%;
								margin-bottom:15%;
								padding-left:1%;
								padding-right:1%;
								
								border-radius:10px;
								text-align:center;
								
								
							}
							.portfoliowithtopslides:hover
							{
								transform:scale(1);
								z-index:20;
								box-shadow: 5px 5px 5px 5px #C9F1FF ;
							}
							.portfoliowithtopslides:hover .portfolioslideswrapper
							{
								
								height:350px;
								z-index:50;
								
							}
							.portfoliofeaturedimage
							{
								position:absolute;
								top:0px;
								width:100%;
								height:350px;
								border-radius:10px;
								z-index:45;
							}
							.portfolioslideswrapper
							{
								
								position:absolute;
								top:0px;
								
								display:inline-block;
								width:100%;
								height:0px;
								margin-left:1%;
								margin-right:1%;
								border-radius:10px;
								top:0px;
								left:0px;
								background-color:#007197;
								color:white;
								transition: 0.5s ease-in;
								opacity:0.65;
								z-index:40;
							}
							.portfoliotitletext
							{
								position:relative;
								top:40px;
								
								display:block;
								width:100%;
								height:70px;
								z-index:40;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								font-size:30px;
							}
							.portfoliotextddes
							{
								position:relative;
								top:20px;
								
								display:block;
								width:100%;
								height:200px;
								z-index:40;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								font-size:18px;
							}
							
							.AuthorisedDealerWrapper
							{
								
								position:relative;
								width:100%;
								height:380px;
								background-color:#53AF71;
								z-index:500;
								top:300px;
								text-align:center;
								
								opacity:0.9;
								
								
								
							}
							.DealerText
							{
								position:relative;
								display:inline-block;
								width:100%;
								height:130px;
								line-height:130px;
								color:white;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								font-size:18px;
								text-align:center;
								background-color:#FD0404;
								float:left;
								
							}
							.DealerText > h3
							{
								position:relative;
								width:100%;
								height:40px;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								font-size:16px;
								line-height:25px;
								top:20px;
							}
							.DealerText > h4
							{
								position:relative;
								width:100%;
								height:40px;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								font-size:12px;
								line-height:16px;
								top:10px;
							}
							.DealProductImageWrapper
							{
								position:relative;
								display:inline-block;
								width:100%;
								height:130px;
								line-height:130px;
								top:0px;
								color:white;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								font-size:18px;
								float:left;
							
								
							}
							.DealProductImageWrapper img
							{
								width:100%;
								height:120px;
								
							}
							.DealerTextMotto
							{
								position:relative;
								display:inline-block;
								width:100%;
								height:120px;
								color:white;
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								font-size:14px;
								background-color:#E70C0C;
								padding-top:10px;
							}
}