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

body{
	margin:0px!important;	
}

.desktoponly {
	display:none!important;
}

#preloader {
	display:block;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#ff1616 !important;
	background-image:url('../images/logo2.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	z-index:999999;
}


#logo {
	text-align: center;
	background-color: #ffffff !important;
}

#menu {
	text-align: center;
	}
	
	.con {
    font-size: 22px !important;
    text-transform: capitalize;
}


#menu ul {

	background-color:#ff0909 !important;
		list-style:none;
		padding-left: 0px!important;
		margin: 0px;
		
}
#menu ul li {
	border-bottom:1px solid #ccc;
	list-style:none;
	cursor:pointer;
	font-size:16px;
	font-family: 'El Messiri', sans-serif;
text-decoration:none;
text-transform: capitalize;
font-style:normal;
font-weight:400;
}
#menu ul li:hover {
	color:#ccc!important;
	background-color:#555;
	cursor:pointer;
}

#menu ul li a {
	color:#fff;
	display:block;
	height:100%;
	padding:15px;
	padding-top:18px;
	padding-bottom:18px;
	text-decoration:none;
}



.item.tagline {
background-color:#FFF;
color:#555;
text-align:center;
font-size:18px;
font-family: 'El Messiri', sans-serif;
text-decoration:none;
font-style:normal;
text-transform:lowercase;
font-weight:400;
padding-top: 30px;
padding-bottom: 30px;
min-height: 120px;

}
.red{
	color: #900;	
}
.item.hide {
display:none!important; 
}


.item.header {
background-color:#900;
color:#FFF;
height:218px;
line-height:218px;
text-align:center;
font-size:20px;
font-family: 'El Messiri', sans-serif;
text-decoration:none;
font-style:normal;
text-transform:uppercase;
font-weight:400;
}


.item.projects {
background-color:#CCC;
color:#333;
line-height:218px;
text-align:center;
font-size:20px;
font-family: 'El Messiri', sans-serif;
text-decoration:none;
font-style:normal;
text-transform:uppercase;
font-weight:400;
cursor:pointer;
width: 100%;
display:block;

}

.item.projects:hover {
background-color:#E7E7E7;
cursor:pointer;
}


.item.next {

display:none!important; 
}

.item.next:hover {
background-color:#F00;
cursor:pointer;
}

.item.previous:hover {
background-color:#444;
cursor:pointer;
}

.item.previous {
display:none!important; 
}
#about_about_button, #about_residential_button, #about_commercial_button, #about_construction_button, #about_landscaping_button {
display:none!important; 
}
.about.about{
	display:block!important; 
	
	
	
}
#about_residential{
	display:block!important; 
	
	
	
}
#about_construction{
	display:block!important; 
	
	
	
}
#about_landscaping{
	display:block!important; 
	
	
	
}
#about_image{
	display:none!important; 
	
}
.item.content p {
color:#545454;
font-size:14px;
}

.item.content {
padding:30px;
text-align:left;
font-size:14px;
font-family: 'El Messiri', sans-serif;
text-decoration:none;
font-style:normal;
font-weight:400;
background-color: white;

}

#process1, #process2, #process3, #process4, #process5{
	display:none!important;

}
#aboutnav{
	display:none!important;
}
h4 {
	margin-top: 0px!important;
	
}
#spanconstruction{
	background-color: #fff!important;	
}
#spanproject{
	background-color: #F1F1F1!important;	
}
#cp_container_1, #services1{
	display:none!important;
}

#projects1, #projects2{
	display:none!important;
}
#servicestagline{
	display:none!important;
}
#projecttagline{
	display:none!important;
}
.viewtext{
	display:none!important;
}

#contact1{
	display:none!important;
}
#contact2{
	display:none!important;
}	

#projectlarge2, #projectlarge3, #projectlarge4, #projectlarge5, #projectlarge6, #projectlarge7, #projectlarge8, #projectlarge9, #projectlarge10 ,#projectlarge11, #projectlarge12, #projectlarge13, #projectlarge14, #projectlarge15, #projectlarge16, #projectlarge17, #projectlarge18, #projectlarge19, #projectlarge20, #projectlarge21, #projectlarge22, #projectlarge23 ,#projectlarge24, #projectlarge25, #projectlarge26, #projectlarge27, #projectlarge28, #projectlarge29, #projectlarge30{
		width: 100%;
display:block;
text-align:center;
height:auto!important;
}

#landscapeheading{
	text-align: center	
}
#home, #about, #process, #gallery, #contact {
	color:#666!important;	
}
#breifstyle, #selectionsstyle{
	background-color: #F1F1F1!important;
}
#headingservices {
	color: #fff!important;	
	text-align:center;
	padding:30px;
	padding-top:30px;
	list-style:none;
	font-size:17px;
	font-family: 'El Messiri', sans-serif;
text-decoration:none;
font-weight:400;
background-color:#ff0909;
	letter-spacing: 0.5px;
	font-style:normal;
}
#headingservices h2 {
    text-shadow: 5px -8px 5px black;
}
#headingdesign{
		color:#fff!important;	
	text-align:center;
	padding:30px;
	padding-top:30px;
	list-style:none;
	font-size:17px;
	font-family: 'El Messiri', sans-serif;
text-decoration:none;
font-style:normal;
font-weight:400;
	text-transform:lowercase;
	font-style:normal;
	background-color: #ff0909;
	letter-spacing: 0.5px;
}
#headingdesign h2 {
      text-shadow: 5px -8px 5px black;
}
#nameform{
	width: 100%;	
	    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 2px;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
#phoneform{
	width: 100%;	
	    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 2px;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
#emailform{
	width: 100%;	
	    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 2px;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
#enquiryform{
		width: 100%;	

	    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 2px!important;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
	padding: 5px 3px 3px 5px;
	height:100px;
}
#formbutton{
	    background: #900;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #fff;
    box-shadow: 1px 1px 5px #710000;
    border-radius: 2px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
	font-family: 'El Messiri', sans-serif;
		text-transform:uppercase;

	
}

.button_container {
	width:100%;
	text-align:center;
}
#formbutton:hover {
    background: #710000
}
#contactheder {
	text-align:center!important;
	display:block!important;
	text-shadow: -2px 9px 20px #cfcfcf;
	color: #ff0909;
}
	
#tagline{
	font-size: 80px!important;	
}

#contents_contact {
	
}


#contents_process > div {
    display: flex;
}



#contents_contact .text_field {
	width:95%;
	margin-bottom:8px;
}

#contents_contact .text_field_full {
	width:95%;
}


#contents_gallery .gallery_thumbnail {
	width:100%;
	height:auto;
}