/*:::::::::: [ STANDARD NAV STYLES ] - BEGIN ::::::::::*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,300);
body{font-family:Lato;}
.pageScrollerNav{
	z-index: 4;
}

.nav-container{
	width:960px;
	margin:0 auto;}


/*:::::::::: [ TOP NAV STYLES ] - BEGIN ::::::::::*/

/* Universal Styles */
a {outline:none;}
h1{
	color: #1c82ca;
    font-size: 68px;
    height: 38px;
    margin: 0 auto;
    text-align: center;
    width: 960px;
	padding-top: 75px; padding-bottom: 150px;
	font-weight:300;
	
}

.white{color:#fff !important;}

h2{
	color: #1c82ca;
    font-size: 23px;
   
}

h3{
	color: #fff;
    font-size: 23px;
   
}
.topNav{
	position: fixed !important;
	width: 100%;
	top: 0;
	left: 0;
	height: 78px;
	
}

.topNav.bottom{
	top: auto;
	bottom: 0;
}

.topNav ul{
	position: relative;
	overflow: hidden;
	display: block;
	float:right;
	list-style: none;
	margin-top:0px !important;
	left:19px;
	top:10px;
}

.topNav li{
	float: left;
	margin: 0 5px 0;
}

.topNav li a{
	display: block;
	height: 18px;
	margin: 15px 0 0;
	line-height: 16px;
	padding: 7px 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.topNav li.active a{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

/* Light Styles */

.topNav,
.topNav.light{
	background:#282828;

}

.topNav li.active a,
.topNav.light li.active a{
	color: #fff;

}

.topNav li a,
.topNav.light li a{

	text-decoration: none;
	font-size:20px;
}

.section_1 img{width:100%}
.section_1 .large-text{
	    margin: 78px auto;
    position: relative;
    text-align: center;
    top: 17%;
    width: 960px;
	line-height:70px;
	
}

.section_1 .newsletter{
	margin:0px auto;
    position: relative;
    text-align: center;
  top:30%;
    width: 960px;
	font-weight:700;
	
}
.section{
	padding:0px !important;
	font-family:Lato;
	font-weight:300;
    background-image: url("../images/shadow.png");
    background-repeat: repeat-x;}
	
.section_1{color:#fff;
 background-image:none !important;
}

.large-text{font-size:74px;
}

#img-over-text{
background-image:url('../images/slide1.jpg');
height:730px;
/*background-size:100% auto;*/
background-size:cover;

margin-top:78px}

#postcode{width:365px;
text-align:center;
padding:0px;
margin-left: 0px;
position:relative; height: 32px;
left:3px;
}

.nav-border{height:0px; background-color:#5ea9cc;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
 
    #search {
        height:38px !important;
		top:0px !important;
		position:relative !important;
		left:-2px !important;
       
    }
	
	#email{height:34px !important;}
}


	

#search{
cursor:pointer;
background:#1c82ca;
padding:0px 5px;
border:none;
color:#fff;
font-weight:bold;
font-size:15px;
height:34px;
top:1px;
position:relative
}

#home-text{
height:505px;
background: url("../images/shadow.png") #282828 repeat-x ;

}

.blue-bg{
background: url("../images/shadow.png") #282828 repeat-x ;


}

#home-text p{
	font-size:35px;
	 text-align: center;
    width: 960px;
	margin:0px auto;
	top:8%;
	position:relative
	

}

.clear{clear:both}
.left{width:550px;
float:left;
}
.left h2{text-align:center; width:533px;}
.left p{text-align:center; width:533px;}
.right{
	width:550px;
	}
	
#services_1 h2{font-size:16px !important;}
#services_2 h2{font-size:16px !important;}
#services_1 {font-size:14px !important;}
#services_2 {font-size:14px !important;}

.right h2{text-align:center; width:533px;}
.right p{text-align:center;}
#shadow{background: url("../images/shadow.png") repeat-x scroll 0px 0px transparent;
 position: relative;
 z-index: 99;
  }
  
#creation-text{width:1130px;
  margin:0 auto;}
  
#services-text{width:1130px;
  margin:0 auto;}
  
#creation-text p {color:#a7a7a7;
margin-bottom: 22px;
width:100%;
padding-top:0px;
padding-bottom:10px;
font-size:18px;
width:533px;
}

.all-customer p {color:#a7a7a7;
padding-top:10px;
padding-bottom:10px;
font-size:16px;
padding-right:15px;}

#services-text p {color:#a7a7a7;
width: 526px;
padding-top:10px;
padding-bottom:10px;
font-size:16px;}
  
.fl{float:left;}
.fr{float:right;}

.view_creation{color:#A1D8FF !important;
font-size:25px !important;
font-weight:bold;
margin-top: -16px; padding-top: 0px;
margin-bottom:100px;
width:100% !important;
float:right}

.view_project{color:#b2ceda !important;
font-size:23px !important;
font-weight:bold;
margin-top: -16px;
 padding-top: 0px;
margin-bottom:35px;
width:250px;
float:right}


#contact-us form{
	display: block;
	width:525px;
	padding: 25px 0 0;
	text-align:center;
}

#contact-us{width:510px;
margin:0 auto;}

/* Hide Form Bot Protection Field */
#contact-us input.fname{
	display: none;
	position: absolute;
	left: 800px;
	top: 1000px;
}

#contact-us input{width:500px; padding:10px;
margin-bottom:15px;}




#contact-us textarea.message{
	 line-height: 22px;
    padding: 10px;
    width: 500px;
	margin-bottom:15px;
}

#contact-us input[type=text]:focus{
	color: #444;
}

#contact-us input[type="submit"] {
    background-color: #1c82ca;
    border: medium none;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    padding: 8px 0;
    position: relative;
    text-align: center;
    width: 120px;
	cursor:pointer;
}

img{border:none;}

#contact-us .response{
	padding: 0 0 0 20px;
	font-style: italic;
}

#contact-us .response.success{
	color: #62a146;
	font-weight: bold;
}

.contact-p{
	    color: #FFFFFF;
    font-size: 33px;
    font-weight: 400;
    margin: -20px auto 50px;
    text-align: center;
    width: 960px;}
	
*::-webkit-input-placeholder {
     color: #AFD4E6;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}    
*:-moz-placeholder {
     color: #AFD4E6;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
*::-moz-placeholder {
     color: #AFD4E6;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}    
*:-ms-input-placeholder {
   color: #AFD4E6;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.social-icons{width:265px; margin:0  auto;}
.social-icons img{
	float: left;
    height: auto !important;
    margin-left: 30px;
    margin-top: 20px;
    width: auto !important;}
	
.contact-news{    
	color: #FFFFFF;
	font-weight: bold;
    margin: 0 auto;
    text-align: center;
    width: 960px;
	height:180px}
	
.contact-news #search{
background:#afd4e6;
color:#005E85;
margin-left:-1px;
position:relative;
}

.footer{
	background:#282828;
	width:100%;
	margin:0  auto;
	text-align:center
	
}

.footer p{color:#fff;
font-weight:bold;
height:50px;}

.all-customer{width:1060px;
margin:0 auto;
text-align:center;
height:690px;}



.all-customer div{width:25%; float:left;}


.section_3{height:868px;}
.error-style{ color: #FFFFFF;
    font-size: 14px;
    padding-bottom: 10px;
   }
   

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
#creation-text{width:100%;

}
.inline img{width:auto !important;}.view_creation{width:95%;}
.left{width:50%;}
.right{width:50%;}
.all-customer{width:100%;

}
.left p{width:95% !important;}
.right p{width:95% !important;}
#services-text{width:97%;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
#creation-text{width:100%;

}
.inline img{width:auto !important;}.view_creation{width:95%;}
.all-customer{width:100%;

}
.left p{width:95% !important;}
.right p{width:95% !important;}
.left{width:48%;}
.right{width:48%;} 
#services-text{width:97%;}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
#creation-text{width:100%;

}
.inline img{width:auto !important;}.view_creation{width:95%;}
.left{width:48%;}
.right{width:48%;}
.all-customer{width:100%;}
.left p{width:95% !important;}
.right p{width:95% !important;}

#services-text{width:97%;}
#services-text p{width:95% !important;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
#creation-text{width:100%;

}
.left p{width:95% !important;}
.right p{width:95% !important;}
.left{width:48%;}
.right{width:48%;}
.all-customer{width:100%;

}
.inline img{width:auto !important;}.view_creation{width:95%;}
#services-text{width:100%;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
#creation-text{width:100%;

}
.inline img{width:auto !important;}.view_creation{width:95%;}
#creation-text img{width:95%;

}
.left p{width:95% !important;}
.right p{width:95% !important;}
#services-text img{width:95%;

}
.left{width:48%;}
.right{width:48%;}
.all-customer img{width:95%;

}

.all-customer{width:100%;

}
#services-text{width:97%;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
#creation-text{width:100%;

}
.all-customer{width:100%;

}
#services-text{width:97%;}
#creation-text img{width:95%;

}
.inline img{width:auto !important;}.view_creation{width:95%;}
.left{width:48%;}
.right{width:48%;}
#services-text img{width:95%;

}
.all-customer img{width:95%;

}
.left p{width:95% !important;}
.right p{width:95% !important;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
#creation-text{width:1130px;

}
.all-customer{width:1060px;

}
#services-text{width:1130px;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
#creation-text{width:1130px;

}

.all-customer{width:1060px;

}
#services-text{width:1130px;}
#creation-text img{width:95%;

}
#services-text img{width:95%;

}
.all-customer img{width:95%;

}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
#creation-text{width:100%;

}
.all-customer{width:100%;

}
#services-text{width:100%;}
#creation-text img{width:95%;

}
.inline img{width:auto !important;}.view_creation{width:95%;}
.left{width:48%;}
.right{width:48%;}
#services-text img{width:95%;

}
.all-customer img{width:95%;

}
}