body{
	margin: 0;
	text-align: center;
	background: #FFFFFF;
}
body img{
	border: none;
}
.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}
.spacer{height:10px; width:100%;}
.spacer2{height:20px; width:100%;}
.padding10px{padding:10px;}

.mobile{display:none;}

.desktop{display:block;}

#map{
	width: 100%;
	max-width: 100%;
	height: 500px;
	color: #000000;
	position: static;
	float: left;
}

/* Style for our header texts
* --------------------------------------- */

#livechat_floating {
    cursor: pointer;
    height: 319px;
    padding: 0px 0 0;
    position: fixed;
    left: 0;
    top:200px;
    visibility: visible;
    width: 45px;
    z-index: 9996;
}
	
section.module ol{
	height:auto;
	float:left;
	text-align:left;
	margin:0;
	font-weight: 300;
	line-height: 2;
	padding: 0 10%;
	width: 80%;
	font-family: "Roboto",sans-serif;
}
section.module ol li{
	height:auto;
	float:left;
	text-align:left;
	margin:0;
	font-weight: 300;
	line-height: 2;
	width: 100%;
	font-family: "Roboto",sans-serif;
}
section.module ol li strong{
	font-weight: 500;
}
section.module ul{
	height:auto;
	float:left;
	text-align:left;
	margin:0;
	font-weight: 300;
	line-height: 2;
	padding: 0 10%;
	width: 80%;
	font-family: "Roboto",sans-serif;
}
section.module ul li{
	height:auto;
	float:left;
	text-align:left;
	margin:0;
	font-weight: 300;
	line-height: 2;
	width: 100%;
	font-family: "Roboto",sans-serif;
}
section.module ul li strong{
	font-weight: 500;
}
section.module .services_list{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	padding:0;
	margin:0 0 70px 0;
}
section.module .services_list ul{
	width:90%;
	height:auto;
	float:left;
	text-align:left;
	padding:0 0 0 10%;
	margin:0;
}
section.module .services_list li{
	width:100%;
	height:30px;
	float:left;
	text-align:left;
	padding:8px 0 0 40px;
	margin:0;
	background:url(../images/general/li.png) top left no-repeat;
	list-style:none;
}
section.module .services_list li a{
	color:#000000;
	font-size:16px;
	text-decoration:none;
	font-family: "Roboto",sans-serif;
	font-weight:300;
}
section.module .services_list li a:hover{
	color:#666666;
	font-size:16px;
	text-decoration:none;
	font-family: "Roboto",sans-serif;
	font-weight:300;
}
section.module .services_list2 li{
	width:97.5%;
	height:70px;
	line-height:25px;
	float:left;
	text-align:left;
	padding:3px 0 0 2.5%;
	margin:0;
	background:url(../images/general/li.png) top left no-repeat;
	list-style:none;
}
section.module .services_list2 h2{
color:#C4CE00;
}
section.module .services_list2 img{
max-width:100%;
}

input.submit1, a.submit1, a.submit1:link, a.submit1:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background: #333333; border:none; font-size:15px;  padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto; float:left;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;} 
a.submit1:hover, input.submit1:hover{font-family: 'Roboto', sans-serif; color:#C0D300; background: #333333; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto;}

input.submit2, a.submit2, a.submit2:link, a.submit2:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background: #333333; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;} 
a.submit2:hover, input.submit2:hover{font-family: 'Roboto', sans-serif; color:#C0D300; background: #333333; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto;}

input.submit3, a.submit3, a.submit3:link, a.submit3:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background: #333333; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; float:right; margin:0;} 
a.submit3:hover, input.submit3:hover{font-family: 'Roboto', sans-serif; color:#C0D300; background: #333333; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto; float:right; margin:0;}

section.module.content p input.submit4, section.module.content p a.submit4, section.module.content p a.submit4:link, section.module.content p a.submit4:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background: #333333; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; float:left; margin:0 780px 0 0; font-weight:300;} 
section.module.content p a.submit4:hover, section.module.content p input.submit4:hover{font-family: 'Roboto', sans-serif; color:#C0D300; background: #333333; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto; float:left;font-weight:300;}

section.module.content p input.submit5, section.module.content p a.submit5, section.module.content p a.submit5:link, section.module.content p a.submit5:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background: #333333; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; float:left; margin:0 50px 0 0; font-weight:300;} 
section.module.content p a.submit5:hover, section.module.content p input.submit5:hover{font-family: 'Roboto', sans-serif; color:#C0D300; background: #333333; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto; float:left; font-weight:300;}

input.submit6, a.submit6, a.submit6:link, a.submit6:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background: #C0D300; border:none; font-size:20px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; text-transform:uppercase; width:10%; float:left; margin:20px 45% 0;} 
a.submit6:hover, input.submit6:hover{font-family: 'Roboto', sans-serif; color:#333333; background: #C0D300; border:none; font-size:20px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:10%; float:left; margin:20px 45% 0;}

input.submit7, a.submit7, a.submit7:link, a.submit7:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background: #C0D300; border:none; font-size:20px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; text-transform:uppercase; width:50%; float:left; margin:20px 0;} 
a.submit7:hover, input.submit7:hover{font-family: 'Roboto', sans-serif; color:#333333; background: #C0D300; border:none; font-size:20px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:50%; float:left; margin:20px 0;}

input.submit8, a.submit8, a.submit8:link, a.submit8:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background: #E22380; border:none; font-size:20px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;} 
a.submit8:hover, input.submit8:hover{font-family: 'Roboto', sans-serif; color:#ffffff; background: #333333; border:none; font-size:20px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto;}


/* Centered texts in each section
* --------------------------------------- */
.section{
	text-align:center;
}

#myVideo{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
	background-image: /* our video */;
	background-position: center center;
	background-size: contain;
	object-fit: fill; /*cover video background */
}
#myVideo_about{
	background: none repeat scroll 0 0 #000;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.2s linear 0s;
    width: 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
	background-image: /* our video */;
	background-position: center center;
	background-size: contain;
	object-fit: fill; /*cover video background */
}

/* Backgrounds will cover all the section
* --------------------------------------- */
#section0,
#section1,
#section3,
#section4,
#section5,
#section6,
#section16,
#scetion17,{	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

/* Defining each section background and styles
* --------------------------------------- */
#section3{
	background-image: url(../images/general/clients1_bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 4% 0 0 0;
}
#section3 h1{
	color: #FFF;
}

.clients{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.clients img{
	width:10%;
	max-width:220px;
	height:auto;
	margin:0 auto;
	padding:0;
}

.awards{
	width:75%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.awards img{
	width:33%;
	max-width:320px;
	height:auto;
	margin:0 auto;
	padding:0;
}

.team{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.team ul{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.team li{
	width:16%;
	max-width:256px;
	height:auto;
	margin:0 auto;
	padding:0;
	background:#C4CE00;
	list-style:none;
	display:inline-table;
}
.team li img{
	width:100%;
	max-width:256px;
	height:auto;
	margin:0 auto;
	padding:0;
}
.team li h4{
	width:100%;
	height:auto;
	margin:0;
	padding:5px 5px 3px 0;
	color:#000000;
	font-size:16px;
	float:right;
	text-align:right;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
}
.team li span{
	width:100%;
	height:auto;
	margin:0;
	padding:0 5px 5px 0;
	color:#FFFFFF;
	font-size:14px;
	float:right;
	text-align:right;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
}

#section4{
	background: #000000;
	padding: 6% 0 0 0;
}
#section4 h1{
	color: #fff;
	font-size: 80px;
	font-weight: 100;
	text-align: left;
}
#section4 h2{
	color: #ffffff;
	font-size: 60px;
	text-align: left;
}
#section4 p{
	color:#FFFFFF;
	font-size:15px;
	margin: 0 auto;
	padding:0 0 10px 0;
	text-align:left;
    width: 90%;
	z-index:3;
}

#section5{
	background: #FFFFFF;
	padding: 6% 0 0 0;
}

#section6{
	background-image: url(../images/general/blog.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 4% 0 0 0;
}
#section6 h1{
	color: #FFF;
}

#section16{
	background: #FFFFFF;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 3% 0 0 0;	
}
#section16 .aside{
	width:auto;
	max-width:410px;
	height:auto;
	margin:50px 0 0 10%;
	padding:40px;
	border:0;
	float:left;
	text-align:left;
	color:#000000;
	font-size:16px;
	background:#EEEEEE;
}
#section16 .aside img{
	width:410px;
	margin:0;
	padding:0 0 40px 0;
	border:0;
	float:left;
	text-align:left;
}
#section16 .intro{
	width:auto;
	max-width:735px;
	min-height:121px;
	margin:50px 10% 0 0;
	padding:0;
	border:0;
	height:100%;	
	float:right;
	text-align:left;
	color:#333333;
	font-size:24px;
	background:url(../images/general/testimonials_top.jpg) top left no-repeat;
}
#section16 .intro span{
	width:80%;
	margin:0px 0 0 0;
	padding:0 0 0 20%;
	border:0;
	clear:both;
	text-align:left;
	color:#C5CE01;
	font-size:24px;		
}
#section16 .intro p{
	width:80%;
	margin:0px 0 0 0;
	padding:0 0 20px 20%;
	border:0;	
	float:right;
	text-align:left;
	color:#333333;
	font-size:24px;
}

#section17{
	background:none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 0 0 0 0;	
}

section.module.content .info{
	width:100%;
	margin:400px 0 0 0;
	padding:0;
	border:0;
	float:left;
	text-align:left;
	color:#000000;
	font-size:16px;
	top:0;
}
section.module.content .asideform{
	margin: 480px 0 0; 
	position: absolute; 
	z-index: 8; 
	width:750px;	
}
section.module.content .aside_belfast{
	width:50%;
	padding:90px 0 15px 0;
	height:100%;
	margin:0;
	border:0;
	float:left;
	text-align:center;
	color:#000000;
	font-size:16px;
	top:0;
	background:url(../images/general/belfast.jpg) center no-repeat;
}
section.module.content .aside_belfast h1{
	width:100%;
	margin:0;
	padding:0 0 0 0%;
	border:0;	
	text-align:center;
	color:#FFFFFF;
	font-size:60px;
}
section.module.content .aside_belfast p{
	width:80%;
	margin:0;
	padding:0 10% 0 10%;
	border:0;	
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}	
section.module.content .aside_belfast p a{
	color:#BFD200;
}
section.module.content .aside_belfast p a:hover{
	color:#FFFFFF;
}
section.module.content .aside_newry{
	width:50%;
	padding:90px 0 15px 0;
	height:100%;
	margin:0;
	border:0;
	float:left;
	text-align:center;
	color:#000000;
	font-size:16px;
	top:0;
	background:url(../images/general/gilford.jpg) center no-repeat;
}
section.module.content .aside_newry h1{
	width:100%;
	margin:0;
	padding:0 0 0 0%;
	border:0;	
	text-align:center;
	color:#FFFFFF;
	font-size:60px;
}
section.module.content .aside_newry p{
	width:80%;
	margin:0;
	padding:0 10% 0 10%;
	border:0;	
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
section.module.content .aside_newry p a{
	color:#BFD200;
}
section.module.content .aside_newry p a:hover{
	color:#FFFFFF;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fade-in.section5 {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.fade-in.section15aside {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}
.fade-in.section15intro{
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}

/*Adding background for the slides
* --------------------------------------- */

#slide1New{
	background-image: url(../images/general/slide1_HP_new.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 4% 0 0 0;
}
#slide1New div{
	width: 900px;
	height: auto;
	text-align: center;
	margin: 350px auto 0 auto;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}
#slide1New div h1{
	width: auto;
	height: auto;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 50px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
}
#slide1New div p{
	width: auto;
	height: auto;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
}


#slide2New{
	background-image: url(../images/general/slide2_HP_new.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 4% 0 0 0;
}
#slide2New div{
	width: 900px;
	height: auto;
	text-align: center;
	margin: 350px auto 0 auto;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}
#slide2New div h1{
	width: auto;
	height: auto;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 80px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
}
#slide2New div h1 span{color: #B2B200;}
#slide2New div p{
	width: auto;
	height: auto;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
}
#slidebookNew{
	background-image: url(../images/general/ebookbannerHP.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 4% 0 0 0;
}
#slidebookNew div{
	width: 340px;
	height: auto;
	text-align: center;
	margin: 200px 450px 0 auto;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}
#slidebookNew div img{
width:100%;
}
#slidebookNew div h1{
	width: auto;
	height: auto;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 50px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
}
#slidebookNew div p{
	width: auto;
	height: auto;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
}







#slide1{
	background-image: url(../images/general/side1_hp.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 4% 0 0 0;
}
#slide1 div{
	width: auto;
	height: auto;
	background: url(../images/general/textbg1.png) left top repeat;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 150px;
	padding: 20px;
}
#slide1 div h1{
	color: #FFFFFF;
	font-size: 80px;
	font-weight: 100;
}
#slide1 div h2{
	color: #FFFFFF;
	font-size: 60px;
}

#slide2{
	background-image: url(../images/general/side2_hp.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 4% 0 0 0;
}
#slide2 div{
	width: auto;
	height: auto;
	background: url(../images/general/textbg1.png) left top repeat;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 150px;
	padding: 20px;
}
#slide2 div h1{
	color: #FFFFFF;
	font-size: 105px;
}
#slide2 div h2{
	color: #FFFFFF;
	font-size: 70px;
	font-weight: 300;
}

#slide3{
	background-image: url(../images/general/side3_hp.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 4% 0 0 0;
}
#slide3 div{
	width: auto;
	height: auto;
	background: url(../images/general/textbg1.png) left top repeat;
	float: right;
	text-align: right;
	margin: 0px 150px 0px 0px;
	padding: 20px;
}
#slide3 div h1{
	color: #FFFFFF;
	font-size: 70px;
}
#slide3 div h2{
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 300;
}

#slide4{
	background-image: url(../images/general/side4_hp.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 6% 0 0 0;
}
#slide4 h1{
	color: #003366;
	font-size:55px;
	margin-top:240px;
	font-weight:300;
}
#slide4 h1 span{
	color: #003366;
	font-weight:400;
}
#slide4 h2{
	color: #003366;
	font-size:22px;
}

#slide5{
	background:#FFFFFF;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 0% 0 0 0;
}

#slide6{
	background:#FFFFFF;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 0% 0 0 0;
}

#slide7{
	background:#FFFFFF;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 0% 0 0 0;
}

#slide8{
	background:#FFFFFF;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	padding: 0% 0 0 0;
}

.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height:2250px;
	text-align:center;
	padding: 0px 0 20px 0;
	background:url(../images/general/whatwedo_wrap.jpg) top center no-repeat #FFFFFF;
}
.wrap h1{
	font-size: 2.3em;
	color: #333;
	padding: 0px 0 10px  0;
}
.wrap p{
	font-size: 16px;
	padding:  0 0 10px 0;
}

.wrap2{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	position: relative;
	padding: 20px 0 20px 0;
}
.wrap2 h1{
	font-size: 2.3em;
	color: #333;
	padding: 0px 0 10px  0;
}
.wrap2 p{
	font-size: 16px;
	padding:  0 0 10px 0;
}

.wrap3{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	position: relative;
	padding: 80px 0 20px 0;
}
.wrap3 h1{
	font-size: 2.3em;
	color: #333;
	padding: 0px 0 10px  0;
}
.wrap3 p{
	font-size: 16px;
	padding:  0 0 10px 0;
}

.blog{
	display: block;
	background: #f2f2f2;
	border:1px solid #ccc;
	padding: 20px;
	margin:20px 0;
}

.view {
    width: 20%;
	height: 100%;
	max-height:350px;
    margin: 0px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center;
	display: block;
}

.show {
  display: block;
}

.view .mask, .view .content {
	width: 100%;
	height: 60%;
	position: absolute;
	overflow: hidden;
	padding:20% 0;
	top: 0;
	left: 0
}
.view .mask a {font-family: 'Roboto', sans-serif; color:#FFFFFF; border:none; font-size:15px; font-weight:bold; cursor:pointer; text-decoration:none; width:auto; margin:0 auto; text-align:center;} 
.view .mask a:hover{font-family: 'Roboto', sans-serif; color:#C0D300; border:none; font-size:15px; font-weight:bold; cursor:pointer; text-decoration:none; width:auto; text-align:center;}
.view img {
	display: block;
	position: relative;
	width:100%;
	height:100%;
}
section.module .view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 1.3em;
	padding: 10px;
	/*background: rgba(0, 0, 0, 0.8);*/
	margin: 20px 0 0 0;
	color:#FFFFFF;
}
.view p {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #fff;
	padding: 10px 20px 20px;
	text-align: center
}
.view a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 2px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	box-shadow: 0 0 1px #000
}
.view a.info:hover {
	box-shadow: 0 0 5px #000;
}
.view-first img {
	transition: all 0.2s linear;
}
.view-first .mask {
	opacity: 0;
	background-color: rgba(145,145,145, 0.7);
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	transition: all 0.4s ease-in-out;
}
.view-first h2 {
	transform: translateY(-100px);
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.view-first p {
	transform: translateY(100px);
	opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.view-first:hover img {
    transform: scale(1.1);
}
.view-first:hover .mask {
	opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
	opacity: 1;
	transform: translateY(0px);
}
.view-first:hover p {
	transition-delay: 0.1s;
}
.view-first:hover a.info {
	transition-delay: 0.2s;
}

/* Fixed header and footer.
* --------------------------------------- */
.header{
	position:fixed;
	height: 80px;
	padding: 0;
	display:block;
	width: 100%;
	background:url(../images/general/callback_bg.png) top left repeat;
	z-index:9;
	text-align:left;
	color: #f2f2f2;
	top:0px;
}
.header span.spanlogo{
	width: auto;
	float: left;
	margin: 4px 0px 0px 6px;
}

nav#mainnav{
	width: auto;
	height: 30px;
	float:right;
	padding:10px 0;
	margin:0 15px 0 0;
	text-align:left;	
}

#footer{
	position:fixed;
	height: 40px;
	display:block;
	width: 78%;
	z-index:9;
	text-align:center;
	color: #f2f2f2;
	padding: 0px 0 0 0;
	bottom:0px;
}
.footer_nav{
	width:45%;
	height:30px;
	float:right;
	padding:10px 0;
	margin:0;
	text-align:left;	
}
.footer_nav h1{
	color:#FFFFFF;
	font-size:17px;
	float:left;
}
.footer_nav h1 span{
	color:#C0D300;
	font-size:17px;
}
.footer_nav a{
	color:#FFFFFF;
	font-size:12px;
	padding:2px 10px;
	float:left;
}
.footer_nav a:hover{
	color:#C0D300;
	font-size:12px;	
	padding:2px 10px;
}

/* Overwriting styles for control arrows for slides
* --------------------------------------- */
.controlArrow.prev {
	left: 50px;
}
.controlArrow.next{
	right: 50px;
}


/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
#section4 .layer{
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	top: 30%;
	height: 100%;
}
#section4 .layer div{
	width: auto;
	height: auto;
	background: url(../images/general/textbg1.png) left top repeat;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 210px;
	padding: 20px;
}

/* Bottom menu
* --------------------------------------- */
#infoMenu {
	bottom: 80px;
}
#infoMenu li a {
	color: #fff;
	z-index: 999;
}


/* Call Back
* --------------------------------------- */

#footerButton {
	background:url(../images/general/callback.png) top left repeat-x;
	position: absolute;
	z-index:10;
	bottom: 0px;
	right: 0px;
	width:172px;
	height:30px;
	border: none;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	color:#FFFFFF;
	font-size:17px;
	padding:10px 0px 0px 0px;
	display: block;
}
#footerButton a{
	color: #FFFFFF;
	text-transform: uppercase;
}

#footerSlideContainer {
	position: fixed;
	bottom:0;
	width: 100%;
	z-index:10;
}
#footerSlideButton {
	background:url(../images/general/callback.png) top left repeat-x;
	position: absolute;
	z-index:10;
	top: -40px;
	right: 250px;
	width:562px;
	height:30px;
	border: none;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	color:#FFFFFF;
	font-size:17px;
	padding:10px 0px 0px 0px;
	display: block;
}
#footerSlideButton2 {
	display: none;
}
#footerSlideButton a{
	color:#C0D300;
	text-decoration:none;
}
#footerSlideButton a:hover{
	color:#FFFFFF;
}
#footerSlideButton span{
	color:#C0D300;
}
#footerSlideContent{
	width: 100%;
	height: 0px;
	background:url(../images/general/callback_bg.png) top center repeat;
	color: #CCCCCC;
	font-size: 0.8em;
	border: none;
	font-family: 'Roboto', sans-serif;
	overflow: hidden;
}
#footerSlideContent h3{
	font-size: 36px;
	color: #9AC941;
	margin: 10px 0 10px 0;
}
#footerSlideContent ul{
	color: #EE8D40;
	list-style-type: none;
	line-height: 2em;
}
#footerSlideText{
	width: 100%;
	margin: 0 auto;
	padding: 15px 0px 25px 0px;
	height: auto;
	overflow: visible;
}

.footer_contact{
	width: 230px;
	height: auto;
	float: left;
	text-align: left;
	margin: 20px 0px 0px 0%;
	padding: 0;
	display: block;
}
.footer_contact .pointer{
	width: 85%;;
	height: auto;
	float: left;
	text-align: left;
	margin:0 0 20px 0;
	padding: 0 0 10px 15%;
	display: block;
	background:url(../images/general/pointer.png) top left no-repeat;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
}
.footer_contact .pointer a{
	color:#C0D300;
	text-decoration:none;
}
.footer_contact .pointer a:hover{
	color:#FFFFFF;
}
.footer_contact .pointer span{
	color:#C0D300;
}
.footer_contact .pointer span a{
	color:#C0D300;
	text-decoration:none;
}
.footer_contact .pointer span a:hover{
	color:#FFFFFF;
}
.footer_contact .pointer_contact{
	display:none;
}
.footer_contact .email{
	width: 85%;
	height: auto;
	float: left;
	text-align: left;
	margin:0 0 20px 0;
	padding: 0 0 10px 15%;
	display: block;
	background:url(../images/general/email.png) top left no-repeat;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
}
.footer_contact .email span{
	color:#C0D300;
}

.form_contact_sub {
	width: 60%;
	max-width:950px;
	height: auto;
	float: left;
	text-align: left;
	margin: 20px 0px 0px 13%;
	padding: 0;
	display: block;
}
.form_contact_sub label{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 5px 0px 5px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	display: block;
	color: #c0d300;
}
.form_contact_sub input.FC_inputwide{
	width: 98%;
	max-width:400px;
	height: 10px;
	background: #EBEBEB;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 10px 1%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #333;
}
.form_contact_sub textarea{
	width: 98%;
	max-width:400px;
	height: auto;
	background: #EBEBEB;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 30px 0px;
	padding: 10px 1%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #333;
}
.form_contact_sub input.FC_inputsmall{
	width: 100px;
	height: auto;
	background: #EBEBEB;
	border: 1px #999999 solid;
	float: right;
	text-align: left;
	margin: 7px 0px 5px 10px;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #999999;
}
.form_contact_sub input.FC_inputcheck{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 2px 10px 5px 0px;
	padding: 0;
	font-weight: normal;
	display: block;
}
.form_contact_sub select{
	width: 100%;
	max-width: 410px;
	height: auto;
	background: #EBEBEB;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 10px 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #333;
}

.form_left{
	float: left;
	width: 48%;
	max-width:412px;
	margin-top: 0px;
}
.form_left h2{
	margin: 0 0 30px 0;
	color:#FFFFFF;
	font-size:20px;
	font-family: 'Roboto', sans-serif;
	
}
.form_right{
	float: left;
	width: 48%;
	max-width:412px;
	margin: 0px 0 0 2%;
}

.form_contact{
	width: 300px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0 0 18%;
	padding: 2% 5%;
	display: block;
	background:url(../images/general/contact_enquiry_bg.png) top left repeat;
}
.form_contact h3{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #333333;
}
.form_contact label{
	width: 300px;
	height: auto;
	float: left;
	text-align: left;
	margin: 5px 0px 5px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #00468C;
}
.form_contact input.FC_inputwide{
	width: 292px;
	height: auto;
	background: #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #999999;
}
.form_contact input.FC_inputsmall{
	width: 150px;
	height: auto;
	background: #FFFFFF;
	border: 1px #999999 solid;
	float: right;
	text-align: left;
	margin: 7px 0px 5px 0px;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #999999;
}
.form_contact input.FC_inputcheck{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 2px 10px 5px 0px;
	padding: 0;
	display: block;
}
.form_contact select{
	width: 300px;
	height: auto;
	background: #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #999999;
}
.form_contact textarea{
	width: 292px;
	height: auto;
	background: #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #999999;
}
.form_contact br{
	clear: left;
}

.imagespacer2{
    float: left;
    margin: 5px 10px 10px 0;
}

section.module .list_date{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 70px 0;
	padding: 0;
}
section.module .list_date ul{
	margin: 0;
	padding: 0;
}
section.module .list_date li{
	width: 30%;
	max-width:450px;
	height: auto;
	min-height:280px;
	float: left;
	text-align: left;
	margin: 10px 1.5% 10px 1.5%;;
	padding: 0px 0 0px 0;
	list-style-type: none;
	background: #EEE;
}
section.module .list_date li div.ld_date{
	width: 4%;
	height: auto;
	background: #FFFFFF;
	border: 10px #c0d300 solid;
	float: left;
	text-align: center;
	margin: 10px 4% 0 2%;
	padding: 5px;
	font-family: Helvetica;
	font-size: 13px;
	color: #000000;
}
section.module .list_date li div.ld_date p{
	margin: 0px 0px 5px 0px;
	padding: 0;
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	width:100%;
}
section.module .list_date li div.ld_content{
	width: 78%;
	height: auto;
	min-height: 100px;
	border-left: 1px #999999 dotted;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 0px 10px 2%;
}
section.module .list_date li span{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-family: Helvetica;
	font-size: 18px;
	color: #444444;
}
section.module .list_date li span a:link, .list_date li span a:visited, .list_date li span a:active{
	font-size: 22px;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
}
section.module .list_date li span a:hover{
	font-size: 22px;
	color: #c0d300;
	text-decoration: none;
	text-transform: uppercase;
}
section.module .list_date li div.ld_options1{
	width: 520px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-family: Helvetica;
	font-size: 16px;
	color: #444444;
}
section.module .list_date li div.ld_options1 span{
	width: 120px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 0;
	font-size: 16px;
}
section.module .list_date li div.ld_options2{
	width: 270px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-family: Helvetica;
	font-size: 13px;
	color: #444444;
}
section.module .list_date li div.ld_options2 span{
	width: 80px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 0;
	font-size: 13px;
}
section.module .list_date li div.ld_options2_content{
	width: 320px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

section.module .list_feat_img{
	width: 100%;
	height: 200px;
	overflow:hidden;
	float: left;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0;
}
section.module .list_feat_img img{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0;
}
section.module .list_feat_content{
	width: 95%;
	height: auto;
	float: left;
	text-align: left;
	margin: 10px 2.5% 10px 2.5%;
	padding: 0;
}

<!-- FILTER FOR PORTFOLIO SELECTION -->

.show {
    display: block;}
	
.filterportfolio{
    margin-top: 5%;
    width: 100%;
	padding: 1%;
	border-bottom: 2px solid #B8D314;
}	
	
.filterportfolio button{ 
    background-color: #FFFFFF; /* Green */
    border: 2px solid #B8D314 ;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
	color:#000000;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}


.filterportfolio button:hover {
    background-color: #B8D314;
    color: white;
}

<!-- END FILTER -->

.section_portfolio_List{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 80px 0 0 0;
	padding: 0;
}
.section_portfolio_New{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 80px 0;
	padding: 0;
}
.portfolio_Header{
	width: 100%;
	height: 620px;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}
.portfolio_Logo{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0 0 40px 0;
	padding: 0;
}
.mainbodyimage img{
width:auto;
max-width:100%;
}
.mainbodyimage2 img{
width:auto;
max-width:100%;
display:none;
}
.calltoactions{
width:float;
}
.calltoactions img{
width:auto;
max-width:50%;
width:float;
}
a.visitwebsite, a.visitwebsite:link, a.visitwebsite:visited, a.visitwebsite:active{
	color: #333333;
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	font-size: 25px;
	background: #C0D300;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 40px;
	text-transform:uppercase;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
a.visitwebsite:hover{
	color: #333333;
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	font-size: 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 40px;
	text-transform:uppercase;
	opacity: 0.5;
}
a.backtoportfolio, a.backtoportfolio:link, a.backtoportfolio:visited, a.backtoportfolio:active{
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	font-size: 15px;
	background: #333333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 20px;
	text-transform:uppercase;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
a.backtoportfolio:hover{
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	font-size: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 20px;
	text-transform:uppercase;
	opacity: 0.5;
}


.section_date_content{
	width: 88%;
	height: auto;
	min-height: 100px;
	border-left: 1px #999999 dotted;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 0px 70px 34px;
	color: #000000;
}
.section_date_content h2{
	margin: 0px 0px 15px 0px;
	padding: 0;
	font-size: 25px;
}
.section_date_content div.SDCdivoptions{
	width: 410px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 15px 0px;
	padding: 0;
	font-family: Helvetica;
	font-size: 16px;
	color: #444444;
}
.section_date_content div.SDCdivoptions span{
	width: 120px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 0;
	font-size: 16px;
}
.section_date_content_img{
	width: 22%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 2% 1% 0px;
	padding: 0;
}
.section_date_content_detail{
	width: 75%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 15px 0px;
	padding: 0;
}
.aside_date{
	width: 4%;
	height: auto;
	background: #FFFFFF;
	border: 10px #c0d300 solid;
	float: left;
	text-align: center;
	margin: 20px 2% 0 1%;
	padding: 0.5%;
	font-family: Helvetica;
	font-size: 13px;
	color: #000000;
}
.aside_date p{
	margin: 0px 0px 5px 0px;
	padding: 0;
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #000000;
}

.list_portfolio{
	display: none;
}
.job{width:50%; float:left; padding:0; margin:3% 25%;}
.job_info{width:97%; float:left; padding:0; margin:0 1.5%; text-align:center;}
.job_info ul.job_list{width:100%; float:left; padding:0; margin:0 0 3% 0; text-align:center;}
.job_info ul.job_list li{width: 100%; height: 30px;float: left;text-align: center;padding: 8px 0 0 0;margin: 0;}
.job_info ul.job_list2{width:100%; float:left; padding:0; margin:0 0 3% 0; text-align:center;}
.job_info ul.job_list2 li{width: 100%; height: auto; float: left; text-align: center; padding: 8px 0 0 0; margin: 0 0 10px 0; line-height: 30px;}
.job_info h3.h3sub{text-align:center; color:#C0D300; font-size:20px; font-weight:500;}
.careers a{
color:#C0D300;
font-weight:500;
text-decoration:none;
}
.careers a:hover{
color:#333333;
font-weight:500;
text-decoration:none;
}
.headerspacer{
float:left;
height:200px;
width:100%;

}

/* EBOOK */

#content_EB{
	max-width: 1200px;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 20px auto;
	padding: 0;	
}
#content_EB_confirm{
	max-width: 1200px;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 20px auto;
	padding: 0;	
}
#content_EB_confirm #content p{text-align:center;}

.aside_form_EB{
	width: 55%;
	height: auto;
	float: right;
	text-align: left;
	margin: 0 0 0 5%;
	padding: 0;
}
.section_content_EB{
	width: 40%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.section_content_EB img{width:auto; max-width:100%;}
.section_content_EB_confirm{
	width: 40%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}
.section_content_EB_confirm img{width:auto; max-width:100%;}
.section_content_EB_confirm p{text-align:center;}
.ebookform{
	width:60%;
	padding:10px 10%;
	margin:0 0 0 10%;
	border:2px solid #dddddd;
}
.ebookform div.doubleinput{
	width: 47.5%;
	height: auto;
	float: left;
	text-align: left;
	margin: 5px 2.5% 5px 0%;
}
.ebookform label{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 5px 0% 5px 0%;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	display: block;
	color: #333333;
}
.ebookform input{
	width: 95%;
	height: auto;
	background: #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0% 5px 0%;
	padding: 3px 2.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #999999;
}
.ebookform input.FC_inputsmall{
	width: 150px;
	height: auto;
	background: #FFFFFF;
	border: 1px #999999 solid;
	float: right;
	text-align: left;
	margin: 7px 0px 5px 0px;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #999999;
}
.ebookform input.FC_inputcheck{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 2px 10px 5px 0px;
	padding: 0;
	display: block;
}

.ebookform input.submitbutton, a.input.submitbutton, a.input.submitbutton:link, a.input.submitbutton:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background: #E22380; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px;} 
.ebookform input.submitbutton a.input.submitbutton:hover, input.submitbutton:hover{font-family: 'Roboto', sans-serif; color:#ffffff; background: #333333; border:none; font-size:15px; padding:8px 15px 8px 15px; cursor:pointer; text-decoration:none; width:auto;}


.ebookform select{
	width: 300px;
	height: auto;
	background: #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #999999;
}
.ebookform textarea{
	width: 292px;
	height: auto;
	background: #FFFFFF;
	border: 1px #999999 solid;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	display: block;
	color: #999999;
}
.ebookform br{clear:left;}

.ebookDivider{
	width: 100%;
	height: auto;
	border-bottom: 1px #CCCCCC dashed;
	float: left;
	margin: 30px 0 80px 0;
	padding: 0;
}

/* END OF EBOOK */

@media only screen and (min-width : 1200px) and (max-width : 1500px) {
	
	nav#mainnav{width: auto;}
	
}

@media only screen and (min-width : 1024px) and (max-width : 1199px) {

	.mobile{display:none;}
	
	.desktop{display:block;}
	
	nav#mainnav{width: auto;}
	
	#livechat_floating{top: 120px;}
	
	.form_contact_sub{
		width: 60%;
		margin: 20px 0px 0px 6%;
	}
	
	.form_contact_sub label{
		width: 100%;
		height: auto;
		float: left;
		text-align: left;
		margin: 5px 0px 5px 0px;
		padding: 0;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		display: block;
		color: #c0d300;
	}
	.form_contact_sub input.FC_inputwide{width: 95%;}
	.form_contact_sub textarea{width: 95%;}
	.form_contact_sub select{width: 99%;}
	
	.form_left{width: 48%;}

	.form_right{
		width: 48%;
		margin: 0px 0 0 4%;
	}
	
	.footer_contact{margin: 20px 0 0 5%;}
	
	#section3{padding: 8% 0 0;}
	#slidebookNew div{
	width: 200px;
	margin: 130px 200px 0 auto;
}
	
	.clients img{width: 11%;}
	
	.awards{width: 90%;}
	
	.team{width: 90%;}
	
	.team li{
   		width: 19%;
		height: 180px;
	}
		
	section.module .services_list li{
		background: url("../images/general/li.png") no-repeat scroll left top rgba(0, 0, 0, 0);
		float: left;
		height: 40px;
		list-style: outside none none;
		margin: 0;
		padding: 8px 0 0 40px;
		text-align: left;
		width: 90%;
	}
	
	section.module .list_date li{min-height: 310px;}
	
	.section_date_content{width: 86%;}
	
	.view .mask, .view .content{
		height: 90%;
		padding: 5% 0;
	}
	
	section.module .view h2{
		font-size: 1em;
		padding: 5px;	
	}
	
	section.module.content p input.submit4, section.module.content p a.submit4, section.module.content p a.submit4:link, section.module.content p a.submit4:visited{margin: 0 320px 0 0;}
	section.module.content p a.submit4:hover, section.module.content p input.submit4:hover{margin: 0 320px 0 0;}
	section.module.content .project_spec2 li{width: 33%;}
	section.module.content .aside_belfast{padding:70px 0 0px 0;}
	section.module.content .aside_newry{padding:70px 0 13px 0;}
	section.module.content .asideform{
		margin: 520px 0 0;
		position: absolute;
		width: 320px;
		z-index: 8;
	}

	#map{height: 520px;}
		
	.footer_contact .pointer_contact{display: none;}

}

@media only screen and (min-width : 767px) and (max-width : 1024px) {

	.mobile{display:none;}
	
	.desktop{display:block;}
	
	nav#mainnav{width: auto;}
	
	#slide1New{background-image: url(../images/general/slide1_HP_new_767.jpg);}
	#slide1New div{
		width: 550px;
		margin: 350px auto 0 auto;
	}
	#slide1New div h1{font-size: 30px;}
	
	#slidebookNew{background-image: url(../images/general/slidebook_HP_new_767.jpg);}
	#slidebookNew div{
	width: 250px;
	margin: 200px 50px 0 auto;
}
	
	#slide2New{background-image: url(../images/general/slide2_HP_new_767.jpg);}
	#slide2New div{
		width: 550px;
		margin: 300px auto 0 auto;
	}
	#slide2New div h1{font-size: 50px;}

	#slide1{
		padding: 340px 0px 0px 0px;
	}
	#slide1 div{
		margin: 0px 0px 0px 215px;
		padding: 20px;
	}
	#slide1 div h1{
		color: #FFFFFF;
		font-size: 60px;
		font-weight: 100;
	}
	#slide1 div h2{
		color: #FFFFFF;
		font-size: 40px;
	}
	
	#slide2{
		padding: 340px 0px 0px 0px;
	}
	#slide2 div{
		margin: 0px 0px 0px 180px;
		padding: 20px;
	}
	#slide2 div h1{
		color: #FFFFFF;
		font-size: 80px;
		font-weight: 100;
	}
	#slide2 div h2{
		color: #FFFFFF;
		font-size: 60px;
	}
	
	#slide3{
		padding: 340px 0px 0px 0px;
	}
	#slide3 div{
		margin: 0px 215px 0px 0px;
		padding: 20px;
	}
	#slide3 div h1{
		color: #FFFFFF;
		font-size: 60px;
	}
	#slide3 div h2{
		color: #FFFFFF;
		font-size: 40px;
	}
	
	#slide4 h1{
		font-size: 50px;
		font-weight: 100;
		margin: 400px 0 0 100px;
		text-align: left;
	}
	#slide4 h2{font-size: 14px;}
	
	section.module .services_list2 li{
	width:80%;
	padding:3px 0 0 20%;
	height:auto;
}
	
	#section3{padding: 11% 0 0;}
	
	.clients img{width: 15%;}
	
	.form_contact_sub{
		width: 60%;
		margin: 20px 0px 0px 6%;
	}
	.form_contact_sub label{
		width: 100%;
		height: auto;
		float: left;
		text-align: left;
		margin: 5px 0px 5px 0px;
		padding: 0;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		display: block;
		color: #c0d300;
	}
	.form_contact_sub input.FC_inputwide{width: 95%;}
	.form_contact_sub textarea{width: 95%;}
	.form_contact_sub select{width: 99%;}
	
	.form_left{width: 48%;}
	.form_right{
		width: 48%;
		margin: 0px 0 0 4%;
	}
	
	.footer_contact{margin: 20px 0 0 2%;}
	
	#footerSlideButton{right: 200px;}
	
	.awards{width: 95%;}
	.awards img{width: 32%;}
		
	.team{width: 90%;}
	.team li{
   		width: 24%;
		height: 170px;
	}
	
	section.module .services_list li{
		background: url("../images/general/li.png") no-repeat scroll left top rgba(0, 0, 0, 0);
		float: left;
		height: auto;
		list-style: outside none none;
		margin: 0;
		padding: 8px 0 0 40px;
		text-align: left;
		width: 90%;
	}
	
	section.module .list_date li{
		min-height: 310px;
		width: 47%;
	}
	
	.section_date_content{
		padding: 10px 0 70px 14px;
		width: 86%;
	}
	
	.view{display:none;}
	
	section.module.content p input.submit4, section.module.content p a.submit4, section.module.content p a.submit4:link, section.module.content p a.submit4:visited{margin: 0 100px 0 0;}
	
	section.module.content p a.submit4:hover, section.module.content p input.submit4:hover{margin: 0 100px 0 0;}
		
	section.module.content .project_spec2 li{
		margin: 0 0 50px 5%;
		width: 45%;
	}
	
	section.module.content .asideform{
		margin: 520px 0 0;
		position: absolute;
		width: 320px;
		z-index: 8;
	}
	
	.footer_contact .pointer_contact{display: none;}
	
	#section4{
		background:url(../images/general/video_image_placeholder1.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:top center;
		background-repeat:no-repeat;
		width:100%;
	}
	#section4 .layer{top: 30%;}
	#section4 .layer div{margin: 0px 0px 0px 100px;}
	
	.list_portfolio{
		width: 100%;
		height: auto;
		float: left;
		margin: 10px 0px 0px 0px;
		padding: 0;
		display: block;
	}
	.list_portfolio ul{
		margin: 0;
		padding: 0;
	}
	.list_portfolio li{
		width: 50%;
		height: auto;
		float: left;
		margin: 0;
		padding: 0;
	}
	.list_portfolio li img{
		width: 100%;
		height: auto;
		float: left;
		margin: -10px 0px 0px 0px;
		padding: 0;
	}

}

@media only screen and (min-width : 475px) and (max-width : 767px) {

	.mobile{display:none;}
	
	.desktop{display:block;}
	
	.header{padding: 10px 0 0 20px;}
	
	nav#mainnav{width: auto;}
	
	#slide1New{background-image: url(../images/general/slide1_HP_new_475.jpg);}
	#slide1New div{
		width: 450px;
		margin: 100px auto 0 auto;
	}
	#slide1New div h1{
		font-size: 25px;
		font-weight: bold;
	}
	#slide1New div p{font-size: 17px;}
	
	#slidebookNew{background-image: url(../images/general/slidebook_HP_new_475.jpg);}
	#slidebookNew div{
	width: 160px;
	margin: 120px 20px 0 auto;
}
	
	#slide2New{background-image: url(../images/general/slide2_HP_new_475.jpg);}
	#slide2New div{
		width: 450px;
		margin: 100px auto 0 auto;
	}
	#slide2New div h1{font-size: 40px;}
	#slide2New div p{font-size: 17px;}
	
	#slide1{
		padding: 200px 0px 0px 0px;
	}
	#slide1 div{
		float: inherit;
		margin: 0px 0px 0px 115px;
		padding: 20px;
	}
	#slide1 div h1{
		font-size: 50px;
	}
	#slide1 div h2{
		font-size: 30px;
	}
	
	#slide2{
		padding: 225px 0px 0px 0px;
	}
	#slide2 div{
		float: inherit;
		margin: 0px 0px 0px 110px;
		padding: 20px;
	}
	#slide2 div h1{
		font-size: 50px;
	}
	#slide2 div h2{
		font-size: 40px;
	}
	
	#slide3{
		padding: 200px 0px 0px 0px;
	}
	#slide3 div{
		float: inherit;
		text-align: left;
		margin: 0px 0px 0px 105px;
	}
	#slide3 div h1{
		font-size: 40px;
	}
	#slide3 div h2{
		font-size: 30px;
	}
	
	#slide4 h1{
		font-size: 30px;
		margin: 250px 0 0 50px;
	}
	#slide4 h2{
		font-size: 12px;
		margin-left: 50px;
	}
	section.module .services_list2 li{
	height:auto;
	width:80%;
	padding:3px 0 0 20%;
}
section.module .services_list2 h2{
font-size:20px;
}
		
	#livechat_floating{top: 100px;}
	
	.form_contact_sub{
		margin: 20px 0 0 10%;
		width: 50%;
	}
	.form_contact_sub label{
		width: 100%;
		height: auto;
		float: left;
		text-align: left;
		margin: 5px 0px 5px 0px;
		padding: 0;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		display: block;
		color: #c0d300;
	}
	.form_contact_sub input.FC_inputwide{width: 95%;}
	.form_contact_sub textarea{width: 95%;}
	.form_contact_sub select{width: 99%;}
	
	.form_left{width: 48%;}
	.form_right{
		width: 48%;
		margin: 0px 0 0 4%;
	}
	
	.footer_contact{
		margin: 20px 0 0 2%;
		width: 150px;
	}
	
	#footerSlideButton{display:none;}
	
	#footerSlideButton2 {
		background:url(../images/general/callback.png) top left repeat-x;
		position: absolute;
		z-index:10;
		top: -40px;
		right: 250px;
		width:562px;
		height:30px;
		border: none;
		cursor: pointer;
		font-family: 'Roboto', sans-serif;
		color:#FFFFFF;
		font-size:17px;
		padding:10px 0px 0px 0px;
		display: block;
	}
	#footerSlideButton2 a{
		color:#C0D300;
		text-decoration:none;
	}
	#footerSlideButton2 a:hover{
		color:#FFFFFF;
	}
	#footerSlideButton2 span{
		color:#C0D300;
	}
	
	.footer_contact .pointer{
		background: none;
		font-size: 13px;
	}
	
	.footer_contact .email{
		background: none;
	  	font-size: 13px;
	}
	
	#section3{padding: 17% 0 0;}
	
	.clients img{width: 17%;}

	.awards img{
		height: auto;
		margin: 0 auto;
		max-width: 320px;
		padding: 0;
		width: 49%;
	}
	
	.team{width: 83%;}
	.team li{
		width: 31%;
		height:155px;
	}
	.team li h4{width:98%;}
	
	section.module .services_list li{
		background: url("../images/general/li.png") no-repeat scroll left top rgba(0, 0, 0, 0);
		float: left;
		height: auto;
		list-style: outside none none;
		margin: 0;
		padding: 8px 0 0 40px;
		text-align: left;
		width: 90%;
	}
	section.module .list_date li{
		min-height: 270px;
		width: 100%;
	}
	
	.aside_date{display:none;}
	
	.section_date_content{border-left: none;}
	.section_date_content_img{width: 100%;}
	.section_date_content_detail{width: 100%;}
	
	.view{display:none;}
	
	section.module.content p input.submit4, section.module.content p a.submit4, section.module.content p a.submit4:link, section.module.content p a.submit4:visited{margin:0 80px 20px 0;}
	section.module.content p a.submit4:hover, section.module.content p input.submit4:hover{margin: 0 80px 20px 0;}
	section.module.content .project_spec2 li{
		margin: 0 0 50px 5%;
		width: 95%;
	}
	section.module.content .aside_belfast{width:100%;}
	section.module.content .aside_newry{width:100%}
	section.module.content .asideform{
		margin: 1020px 0 0px 0;
		width: 100%;
	}
	
	.aside_form_EB{width:100%; margin:0;}
	.section_content_EB{width:100%; margin:0 0 30px 0;}
	.section_content_EB_confirm{width:100%; margin:0 0 30px 0;}
	
	.form_contact{padding: 2% 5% 70px;}
	
	#map{display:none;}
	
	.footer_contact .pointer_contact{display: none;}
	
	#section4 h1{font-size: 60px;}
	
	#section4 h2{font-size: 40px;}
	
	input.submit3, a.submit3, a.submit3:link, a.submit3:visited{
		float: left;
	}
	
	#section4{
		background:url(../images/general/video_image_placeholder1.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:top center;
		background-repeat:no-repeat;
		width:100%;
	}
	#section4 .layer{top: 30%;}
	#section4 .layer div{margin: 0px 0px 0px 100px;}
	
	.list_portfolio{
		width: 100%;
		height: auto;
		float: left;
		margin: 10px 0px 0px 0px;
		padding: 0;
		display: block;
	}
	.list_portfolio ul{
		margin: 0;
		padding: 0;
	}
	.list_portfolio li{
		width: 50%;
		height: auto;
		float: left;
		margin: 0;
		padding: 0;
	}
	.list_portfolio li img{
		width: 100%;
		height: auto;
		float: left;
		margin: -10px 0px 0px 0px;
		padding: 0;
	}
.mainbodyimage img{
display:none;
}
.mainbodyimage2 img{
display:block;
}
.calltoactions img{
width:auto;
max-width:100%;
width:float;
}
.ebookform{
	width:96%;
	padding:10px 2%;
	margin:0 0 0 0%;
	border:2px solid #dddddd;
}
}

@media only screen and (min-width : 320px) and (max-width : 480px) {

	.header span.spanlogo{
		width: auto;
		float: left;
		margin: 15px 0px 0px 15px;
	}
	
	.mobile{display:block;}
	
	.desktop{display:none;}
	
	#livechat_floating{display:none;}
	
	#slide1New{background-image: url(../images/general/slide1_HP_new_320.jpg);}
	#slide1New div{
		width: 260px;
		margin: 130px auto 0 auto;
	}
	#slide1New div h1{
		font-size: 25px;
		font-weight: bold;
	}
	#slide1New div p{font-size: 18px;}
	
	#slidebookNew{background-image: url(../images/general/slidebook_HP_new_320.jpg);}
	#slidebookNew div{
	width: 100px;
	margin: 120px 10px 0 auto;
}
	
	#slide2New{background-image: url(../images/general/slide2_HP_new_320.jpg);}
	#slide2New div{
		width: 260px;
		margin: 100px auto 0 auto;
	}
	#slide2New div h1{font-size: 45px;}
	#slide2New div p{font-size: 17px;}
	
	#section3{padding: 25% 0 0;}
	
	.clients{width: 80%;}
	.clients img{width: 17%;}
	
	section.module .services_list li{
		height: auto;
		width: 75%;
	}
	
	section.module .list_date li{
		margin: 10px 5%;
		min-height: 330px;
		width: 90%;
	}
	
	.aside_date{display:none;}
	
	.section_date_content_img{width: 100%;}
	.section_date_content{border-left: none;}
	.section_date_content_detail{width: 100%;}
	
	section.module .services_list2 li{
	height:auto;
	width:80%;
	padding:3px 0 0 20%;
}
section.module .services_list2 h2{
font-size:20px;
}

	.view{display:none;}
	
	section.module.content p input.submit4, section.module.content p a.submit4, section.module.content p a.submit4:link, section.module.content p a.submit4:visited{margin:0 0px 10px 0;}
	section.module.content p a.submit4:hover, section.module.content p input.submit4:hover{margin: 0 0px 10px 0;}
	section.module.content p input.submit5, section.module.content p a.submit5, section.module.content p a.submit5:link, section.module.content p a.submit5:visited{margin:0 10px 10px 0;}
	section.module.content p a.submit5:hover, section.module.content p input.submit5:hover{margin: 0 10px 10px 0;}
	section.module.content .aside_belfast{width:100%;}
	section.module.content .aside_newry{width:100%}
	section.module.content .asideform{
		margin: 920px 0 0px 0;
		width: 100%;
		max-width: 320px;
	}
	
	.aside_form_EB{width:100%; margin:0;}
	.section_content_EB{width:100%; margin:0 0 30px 0;}
	.section_content_EB_confirm{width:100%; margin:0 0 30px 0;}
	
	.form_contact{
		margin: 0 2%;
		padding: 0;
		width: 96%;
		height: auto;
		min-height: 450px;
	}
	.form_contact h3{
		width: 100%;
		text-align: center;
	}
	.form_contact label{
		width: 100%;
	}
	.form_contact input.FC_inputwide{
		width: 96%;
		padding: 2%;
	}
	.form_contact input.FC_inputsmall{
		width: 100px;
	}
	.form_contact select{
		width: 100%;
		padding: 2%;
	}
	.form_contact textarea{
		width: 96%;
		padding: 2%;
	}
	
	#map{display:none;}
	
	#slide3{
		padding: 0;
		background-image: url("../images/general/side3_hp_320.jpg"); 
	}
	
	.team{
		margin: 0 0 0 4%;
		width: 96%;
	}
	.team li{
		width: 45%;
		height: 170px;
	}
	.team li h4{width:97%;}
	.team li span{width:95%;}
	
	.form_contact_sub{display:none;}
	
	#footerButton {
		bottom: 40px;
	}
	#footerSlideButton{display:none;}
	
	#footerSlideButton2 {
		background:url(../images/general/callback.png) top left repeat-x;
		position: absolute;
		z-index:10;
		top: -40px;
		right: 0;
		width:100%;
		height:30px;
		border: none;
		cursor: pointer;
		font-family: 'Roboto', sans-serif;
		color:#FFFFFF;
		font-size:15px;
		padding:10px 0px 0px 0px;
		display: block;
	}
	#footerSlideButton2 a{
		color:#C0D300;
		text-decoration:none;
	}
	#footerSlideButton2 a:hover{
		color:#FFFFFF;
	}
	#footerSlideButton2 span{
		color:#C0D300;
	}
	
	.footer_contact{margin: 20px 0 0 19%;}
	.footer_contact .pointer_contact{
		width: 85%;;
		height: auto;
		float: left;
		text-align: left;
		margin:0 0 20px 0;
		padding: 0 0 10px 15%;
		display: block;
		background:url(../images/general/pointer.png) top left no-repeat;
		font-size:15px;
		font-weight:bold;
		color:#FFFFFF;
	}
	.footer_contact .pointer_contact span{color:#C0D300;}
	.footer_contact .pointer_contact span a{
		color:#C0D300;
		text-decoration:none;
	}
	.footer_contact .pointer_contact span a:hover{color:#FFFFFF;}
	
	.awards img{width: 45%;}
	
	.cd-testimonials li .cd-author img{display:none;}
	
	#slide1{
		padding: 165px 0px 0px 0px;
	}
	#slide1 div{
		float: inherit;
		margin: 0px 0px 0px 60px;
		padding: 10px;
	}
	#slide1 div h1{
		font-size: 35px;
	}
	#slide1 div h2{
		font-size: 25px;
	}
	
	#slide2{
		padding: 165px 0px 0px 0px;
	}
	#slide2 div{
		float: inherit;
		margin: 0px 0px 0px 60px;
		padding: 10px;
	}
	#slide2 div h1{
		font-size: 45px;
	}
	#slide2 div h2{
		font-size: 33px;
	}
	
	#slide3{
		padding: 165px 0px 0px 0px;
	}
	#slide3 div{
		float: inherit;
		text-align: left;
		margin: 0px 0px 0px 60px;
	}
	#slide3 div h1{
		font-size: 32px;
	}
	#slide3 div h2{
		font-size: 20px;
	}
	
	#slide4 h1{font-size: 20px;}
	#slide4 h2{font-size: 20px;}
	
	#section4 h1{font-size: 20px;}
	#section4 h2{font-size: 20px;}
	
	input.submit1, a.submit1, a.submit1:link, a.submit1:visited{
		font-size: 13px;
		padding: 8px;
	}
	a.submit1:hover, input.submit1:hover{
		font-size: 13px;
		padding: 8px;
	}
	
	input.submit2, a.submit2, a.submit2:link, a.submit2:visited{
		font-size: 13px;
		padding: 8px;
	}
	a.submit2:hover, input.submit2:hover{
		font-size: 13px;
		padding: 8px;
	}
	
	input.submit3, a.submit3, a.submit3:link, a.submit3:visited{
		font-size: 13px;
		padding: 8px;
		float: left;
	}
	a.submit3:hover, input.submit3:hover{
		font-size: 13px;
		padding: 8px;
	}
	
	#section4{
		background:url(../images/general/video_image_placeholder1.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:top center;
		background-repeat:no-repeat;
		width:100%;
	}
	#section4 .layer{top: 30%;}
	#section4 .layer div{margin: 0px 0px 0px 100px;}
	
	#fp-nav{display:none;}
	
	section.module .list_feat_img{height:auto;}
	
	section.module .list_date li{min-height:100px;}
	
	.list_portfolio{
		width: 100%;
		height: auto;
		float: left;
		margin: 10px 0px 0px 0px;
		padding: 0;
		display: block;
	}
	.list_portfolio ul{
		margin: 0;
		padding: 0;
	}
	.list_portfolio li{
		width: 100%;
		height: auto;
		float: left;
		margin: 0;
		padding: 0;
	}
	.list_portfolio li img{
		width: 100%;
		height: auto;
		float: left;
		margin: -10px 0px 0px 0px;
		padding: 0;
	}
	.mainbodyimage img{
display:none;
}
.mainbodyimage2 img{
display:block;
}
.calltoactions img{
width:auto;
max-width:100%;
width:float;
}
.ebookform{
	width:96%;
	padding:10px 2%;
	margin:0 0 0 0%;
	border:2px solid #dddddd;
}
#myVideo {object-fit: cover;}	
}

@media only screen and (min-width : 240px) and (max-width : 320px) {

	.header span.spanlogo{
		width: auto;
		float: left;
		margin: 15px 0px 0px 15px;
	}
	
	.mobile{display:block;}
	
	.desktop{display:none;}
	
	#livechat_floating{display:none;}
	
	#section3{padding: 33% 0 0;}
	
	.clients{width: 75%;}
	.clients img{width: 13%;}
	
	section.module .services_list li{
		background: url("../images/general/li.png") no-repeat scroll left top rgba(0, 0, 0, 0);
		float: left;
		height: auto;
		list-style: outside none none;
		margin: 0;
		padding: 8px 0 0 40px;
		text-align: left;
		width: 80%;
	}
	
	section.module .list_date li{
		margin: 10px 5%;
		min-height: 280px;
		width: 90%;
	}	
	section.module .list_date li span a:link, .list_date li span a:visited, .list_date li span a:active{font-size: 18px;}
	
	.aside_date{display:none;}
	
	.section_date_content_img{width: 100%;}
	.section_date_content{
		border-left: none;
		padding: 10px 0 70px 14px; 
    	width: 95%;
	}
	.section_date_content_detail{width: 100%;}
	
	section.module .services_list2 li{
	height:auto;
	width:80%;
	padding:3px 0 0 20%;
}
section.module .services_list2 h2{
font-size:20px;
}
	
	.view{display:none;}
	
	section.module.content p input.submit4, section.module.content p a.submit4, section.module.content p a.submit4:link, section.module.content p a.submit4:visited{margin:0 0px 10px 0;}
	section.module.content p a.submit4:hover, section.module.content p input.submit4:hover{margin: 0 0px 10px 0;}
	section.module.content p input.submit5, section.module.content p a.submit5, section.module.content p a.submit5:link, section.module.content p a.submit5:visited{margin:0 10px 10px 0;}
	section.module.content p a.submit5:hover, section.module.content p input.submit5:hover{margin: 0 10px 10px 0;}
	section.module.content .aside_belfast{width:100%;}
	section.module.content .aside_newry{width:100%}
	section.module.content .asideform{
		margin: 920px 0 0px 0;
		width: 100%;
	}
	
	.aside_form_EB{width:100%; margin:0;}
	.section_content_EB{width:100%; margin:0 0 30px 0;}
	.section_content_EB_confirm{width:100%; margin:0 0 30px 0;}
	
	.form_contact{
		margin: 0 2%;
		padding: 0;
		width: 96%;
		height: auto;
		min-height: 470px;
	}
	.form_contact h3{
		width: 100%;
		text-align: center;
	}
	.form_contact label{
		width: 100%;
	}
	.form_contact input.FC_inputwide{
		width: 96%;
		padding: 2%;
	}
	.form_contact input.FC_inputsmall{
		width: 100px;
	}
	.form_contact select{
		width: 100%;
		padding: 2%;
	}
	.form_contact textarea{
		width: 96%;
		padding: 2%;
	}
	
	#map{display:none;}
	
	#slide3{
		padding: 0;
		background-image: url("../images/general/side3_hp_240.jpg"); 
	}
	
	.team{
		margin: 0 0 0 4%;
		width: 96%;
	}
	.team li{
		width: 45%;
		height: 160px;
	}
	.team li h4{width:97%;}
	.team li span{width:97%;}
	
	.form_contact_sub{display:none;}
	
	#footerSlideButton{display:none;}
	
	#footerSlideButton2 {
		background:url(../images/general/callback.png) top left repeat-x;
		position: absolute;
		z-index:10;
		top: -40px;
		right: 0;
		width:100%;
		height:30px;
		border: none;
		cursor: pointer;
		font-family: 'Roboto', sans-serif;
		color:#FFFFFF;
		font-size:12px;
		padding:10px 0px 0px 0px;
		display: block;
	}
	#footerSlideButton2 a{
		color:#C0D300;
		text-decoration:none;
	}
	#footerSlideButton2 a:hover{
		color:#FFFFFF;
	}
	#footerSlideButton2 span{
		color:#C0D300;
	}
	
	.footer_contact{
		width:80%;
		margin: 20px 0 0 19%;
	}
	.footer_contact .pointer{font-size:13px;}
	.footer_contact .email{font-size:13px;}
	.footer_contact .pointer_contact{
		width: 85%;;
		height: auto;
		float: left;
		text-align: left;
		margin:0 0 20px 0;
		padding: 0 0 10px 15%;
		display: block;
		background:url(../images/general/pointer.png) top left no-repeat;
		font-size:13px;
		font-weight:bold;
		color:#FFFFFF;
	}
	.footer_contact .pointer_contact span{color:#C0D300;}
	.footer_contact .pointer_contact span a{
		color:#C0D300;
		text-decoration:none;
	}
	.footer_contact .pointer_contact span a:hover{color:#FFFFFF;}
	
	.awards img{width: 45%;}
	
	.cd-testimonials li .cd-author img{display:none;}
	
	#slide1{
		padding: 155px 0px 0px 0px;
	}
	#slide1 div{
		float: inherit;
		margin: 0px 0px 0px 54px;
		padding: 10px;
	}
	#slide1 div h1{
		font-size: 35px;
	}
	#slide1 div h2{
		font-size: 25px;
	}
	
	#slide2{
		padding: 150px 0px 0px 0px;
	}
	#slide2 div{
		float: inherit;
		margin: 0px 0px 0px 54px;
		padding: 10px;
	}
	#slide2 div h1{
		font-size: 45px;
	}
	#slide2 div h2{
		font-size: 33px;
	}
	
	#slide3{
		padding: 160px 0px 0px 0px;
	}
	#slide3 div{
		float: inherit;
		text-align: left;
		margin: 0px 0px 0px 54px;
	}
	#slide3 div h1{
		font-size: 32px;
	}
	#slide3 div h2{
		font-size: 20px;
	}
	
	#slide4 h1{font-size: 16px;}
	#slide4 h2{font-size: 13px;}
	
	#section4 h1{font-size: 16px;}
	#section4 h2{font-size: 16px;}
	
	input.submit1, a.submit1, a.submit1:link, a.submit1:visited{
		font-size: 11px;
		padding: 6px;
	}
	a.submit1:hover, input.submit1:hover{
		font-size: 11px;
		padding: 6px;
	}
	
	input.submit2, a.submit2, a.submit2:link, a.submit2:visited{
		font-size: 11px;
		padding: 6px;
	}
	a.submit2:hover, input.submit2:hover{
		font-size: 11px;
		padding: 6px;
	}
	
	input.submit3, a.submit3, a.submit3:link, a.submit3:visited{
		font-size: 11px;
		padding: 6px;
		float: left;
	}
	a.submit3:hover, input.submit3:hover{
		font-size: 11px;
		padding: 6px;
	}
	
	#section4{
		background:url(../images/general/video_image_placeholder1.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:top center;
		background-repeat:no-repeat;
		width:100%;
	}
	#section4 .layer{top: 30%;}
	#section4 .layer div{margin: 0px 0px 0px 100px;}
	
	#fp-nav{display:none;}
	
	section.module .list_feat_img{height:auto;}
	
	section.module .list_date li{min-height:100px;}
	
	.list_portfolio{
		width: 100%;
		height: auto;
		float: left;
		margin: 10px 0px 0px 0px;
		padding: 0;
		display: block;
	}
	.list_portfolio ul{
		margin: 0;
		padding: 0;
	}
	.list_portfolio li{
		width: 100%;
		height: auto;
		float: left;
		margin: 0;
		padding: 0;
	}
	.list_portfolio li img{
		width: 100%;
		height: auto;
		float: left;
		margin: -10px 0px 0px 0px;
		padding: 0;
	}
	.mainbodyimage img{
display:none;
}
.mainbodyimage2 img{
display:block;
}
.calltoactions img{
width:auto;
max-width:100%;
width:float;
}
.ebookform{
	width:96%;
	padding:10px 2%;
	margin:0 0 0 0%;
	border:2px solid #dddddd;
}
#myVideo {object-fit: cover;}
}

/*@media only screen and (min-width:0px) and (max-width:1024px){

	#myVideo{
		display:none;
	}

}*/