@charset "utf-8";
/* CSS Document */

body, html
{
	font-size:20px;
}
.outerContainer{
	width:100%;
	margin:0px;
	padding:0px;
}
#header
{
	display:none;
}

.contact
{
	width:100%;
	position:fixed;
	top:105px;
	left:0px;
	z-index:50;
	font-size:30px;
}

.contact #form {display:none;}
.contact #callBtn { display:inline; }

.contact #phone
{
	font-size:25px;
}
.contact #phone span
{
	font-size:30px; 
}

#menu
{
	z-index:101;
	top:0px;
	width:0px;
	right:0px;
	position:fixed;
	display:inline;	
	height:100%;
	background-color:#656565;
	border-left:1px solid yellow;
	font-size:30px;
	
	-moz-transition:0.15s linear width;
	-o-transition:0.15s linear width;
	-webkit-transition:0.15s linear width;
	transition:0.15s linear width;
}

#menu.openedMenu
{
	width:350px;
}

#menu ul
{
	position:absolute;
	display:inline;
	width:100%;
	right:0px;
	overflow:hidden;
	height:100%;
}

#menu ul a
{ 
	border:none;
	line-height:20px;
	padding:0px;
	margin-bottom:0px;
	margin-left:15px;
	text-align:left;
}

#menu ul a:nth-child(1)
{
	border-left:none;
}

#menu #menuToggleBtn
{
	display:inline;
	position:absolute;
	width:100px;
	height:60px;
	line-height:30px;
	left:-106px;
	top:105px;
	padding:5px;
	padding-right:0px;
	background-color:#656565;
	color:#E1E1E1;
	border:1px solid yellow;
	border-right:none;
}

#menu #menuToggleBtn:after
{
	content:"";
	position:absolute;
	right:5px;
	top:10px;
	width:0px;
	height:0px;
	border:20px solid transparent;
	border-right-color:#E1E1E1;
	transform-origin:75% 50% 0;
	
	-moz-transition:0.15s linear transform;
	-o-transition:0.15s linear transform;
	-webkit-transition:0.15s linear transform;
	transition:0.15s linear transform;
}

#menu.openedMenu #menuToggleBtn:after
{
	transform:rotate(180deg);
}

#menu #menuToggleBtn ul
{
	list-style-type:none;
	position:relative;
	left:5px;
	top:2px;
	margin:0px;
	padding:0px;
	width:40px;
	height:100%;
}

#menu #menuToggleBtn li
{
	height:10px;
	width:40px;
	border-bottom:4px solid #E1E1E1;
}

#menu ul a:hover
{
	color:#454545;
	background-color:#E1E1E1;
}

#menu ul a li:hover 
{
	background-color:#E1E1E1;
}

#menu ul a li
{
	border-bottom:1px solid #E1E1E1;
	padding:0px;
	margin:0px;
}

#menu ul a:active, a:visited
{
	color:#E1E1E1;
}

iframe { max-width:100%; }

.infoContainer {
	margin:15px 0px;
	width:90%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	-o-border-radius:0px;
	-moz-border-radius:0px;
	-web-border-radius:0px;
	border-radius:0px;
	border:1px solid;
	box-shadow:none;
	font-size:25px;
}

#content
{
	margin:0px;
	margin-top:30px;
	padding:5px;
	width:95%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#menufloater {
	width:80%;  
	height:100%;
	position:relative; 
	margin-left:auto; 
	margin-right:auto;
}

#banner
{
	margin-bottom:60px;
}

/* LIST OF SERVICES */

#serviceList li .infoContainer
{
	width:80%;
	height:70px;
	font-size:25px; 
	line-height:40px;
}

#serviceList li .infoContainer h4
{
	font-size:30px; 
	margin-bottom:30px;
}

#serviceList li .infoContainer.openedServiceListItem
{
	height:250px;	
}

#serviceList li .infoContainer.openedServiceListItemBig
{
	height:760px;	
}

#serviceList li .infoContainer ul
{
	
}

#serviceList li .infoContainer ul li
{
	font-size:25px;
	line-height:35px;
}

/* CONTACT STUFF */

.contactFlexContainer
{
	width:100%;
	display:flex; 
	position:relative; 
	flex-direction:row; 
	align-content:space-between; 
	flex-wrap:wrap;
}

.innerFlexContainer div:nth-child(odd)
{
	width:120px;
	font-size:inherit;
}

.innerFlexContainer div:nth-child(even)
{
	width:250px;
	margin-bottom:15px;
}