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

html{height:100%;}
body, div, h1, h2, h3, h4, h5, h6, p, a, b, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}
a:active, a:hover {outline:none;}

body{
	height:100%; 
    color:#363636;
    font-family:'Roboto', sans-serif;
	font-weight:300;
    font-size:18px;
    text-align:justify;
	line-height:23px;
	background-color:#fff;
	cursor:default;
	background-image:url(../images/pattern2.png);
}
a{
	color:#ff7200;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
a:hover{color:#000;}
.clr{clear: both;}
.s5{height:5px;}
.s9{height:9px;}
.s18{height:18px;}
.s27{height:27px;}
.s36{height:36px;}
.s45{height:45px;}
.s54{height:54px;}
.s70{height:70px;}
.s79{height:79px;}
.s90{height:90px;}
.center{text-align:center;}
h1{
	color:#ff7200;
	font-size: 50px;
	font-weight:100;
	text-align:center;
	line-height:50px;
}
h2{
	color:#d5d5d5;
	font-size: 42px;
	font-weight:300;
	text-align:center;
	line-height:54px;
}
h3{
	color:#d5d5d5;
	font-size: 36px;
	font-weight:300;
	text-align:center;
	line-height:40px;
}
p{
	font-size:22px;
	line-height:29px;
}
.wrapper{
	max-width:1600px;
	min-width:200px;
	margin:0 auto;
	padding:0 63px;
}
.home{
	height:100%;
	background-image:url(../images/bg.jpg);
	background-size:cover;
	background-position:center;
}
.inner{
	height:70%;
	background-size:cover;
	background-position:center;
}
.menubar{
	width:100%;
    height:90px;
	background-color:rgba(0, 0, 0, .1);
	border-bottom:1px solid rgba(254,210,111,.4);
	position:absolute;
	text-align:center;
}
.mlink, .dlink{
	display:inline-block;
	padding:34px 15px;
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	vertical-align:top;
}
.dlink{
	background-color:#ff7200;
	background-image:url(../images/download-icon.png);
	background-repeat:no-repeat;
	background-position:center 2px;
	padding:32px 15px 12px;
}
.dlink b{
	font-size:11px;
	line-height:11px;
}
.dlink:hover{
	background-color:#fff;
	background-position:center 12px;
	padding:22px 15px 22px;
	color:#000;
}
.mlink:hover{
	background-color:rgba(254,210,111,.9);
	color:#000;
}
.logo{
	width:236px;
	height:65px;
	background-image:url(../images/logo.png);
	float:left;
	margin:11px 0 0;
}
.homeshadow{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
	position:relative;
}
.hometext{
	width:100%;
	position:absolute;
	bottom:20%;
	font-family: 'Handlee', cursive;
}
.hometext h1, .hometext h2{
	color:#fff;
	font-size: 90px;
	line-height:90px;
}
.hometext h2{
	padding:27px 0 0;
	font-size: 63px;
	line-height:63px;
}
.intro{
	background-color:#2a2a2a;
	background-image:url(../images/pattern1.png);
	text-align:center;
	color:#ccc;
}
.intro h1{
	border-bottom:1px solid rgba(255,255,255,.1);
	padding:12px 0;
}
.usps{
	display:inline-block;
	width:330px;
	height:280px;
	padding:36px;
	vertical-align:top;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.uspicon1, .uspicon2, .uspicon3{
	background-image:url(../images/workers.png);
	background-repeat:no-repeat;
	background-position:center;
	width:90px;
	height:90px;
	margin:25px auto 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.uspicon2{
	background-image:url(../images/time.png);
}
.uspicon3{
	background-image:url(../images/delivery.png);
}
.usps h2{
	font-size:22px;
	color:#ff7200;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.extext{
	display:none;
}
.usps:hover{
	background-color:#ff7200;
	color:#363636;
}
.usps:hover h2{
	font-size:27px;
	color:#000;
}
.usps:hover .extext{
	display:inline;
}
.usps:hover .uspicon1, .usps:hover .uspicon2, .usps:hover .uspicon3{
	margin:-20px auto 0;
}
.products{
	width:calc(100% - 4px);
}
.product{
	width:25%;
	display:inline-block;
	position:relative;
	margin:-4px -5px 0 0;
	background-image:url(../images/productdummy.jpg);
	background-position:center;
	background-size:cover;
	padding-top: 25%;
	overflow:hidden;
}
.productimg{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.productimg img{
	width:100%;
	height:auto;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.prodiscover{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	font-size: 20px;
	color: white;
}
.prodis{
	position:absolute;
	width:calc(100% - 90px);
	height:40%;
	padding:30% 45px;
	color:#fff;
	text-align:center;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.5);
	opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.prodis h2{
	font-size:10px;
	color:#ff7200;
	margin:100px 0 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.product:hover .prodis{
	opacity:1;
}
.product:hover .prodis h2{
	font-size:22px;
	color:#ff7200;
	margin:0px 0 0;
}
.product:hover .productimg{
	-ms-transform: scale(1.2, 1.2); /* IE 9 */
    -webkit-transform: scale(1.2, 1.2); /* Safari */
    transform: scale(1.2, 1.2);
}
.product:hover .productimg img{
	width:100%;
	height:auto;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.productsend{
	width:25%;
	display:inline-block;
}
.morework{
	width:300px;
	margin:0 auto;
	color:#fff;
	font-size:30px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	padding:18px 42px;
	background-color:#ff7200;
	border-radius:22px;
}
.morework:hover{
	background-color:#000;
	color:#fff;
}
.testimonials{
	text-align:center;
	
}
.testimonial, .team, .testimonialbig{
	background-color:#f9f9f9;
	border-radius:20px;
	max-width:490px;
	box-shadow:0 2px 7px rgba(0,0,0,.28);
	padding:45px;
	text-align:left;
	position:relative;
	display:inline-block;
	margin: 12px 12px 90px;
	vertical-align:top;
}
.testimonialbig{
	max-width:1600px;
}
.clientpic img{
	width:100%;
	max-width:950px;
	height:auto;
	}
.team{
	max-width:300px;
}
.test_pic{
	width:100px;
	height:100px;
	border-radius:50%;
	margin:-110px auto 0;
	border:1px solid #ff7200;
}
.testimonials h2{
	text-align:left;
	color:#ff7200;
	font-size:22px;
	line-height:27px;
	font-weight:400;
}
.testimonials h3{
	text-align:left;
	color:#000;
	font-size:18px;
	line-height:25px;
}
footer{
	text-align:center;
	background-color:#3d3d3d;
	background-image:url(../images/pattern3.png);
}
.f-col{
	display:inline-block;
	width:300px;
	color:#fff;
	vertical-align:top;
	text-align:left;
}
.f-col2{
	display:inline-block;
	max-width:500px;
	margin:0 45px;
}
.f-col .flink, .f-col .flink2{
	width:calc(100% - 54px);
	padding:12px 18px 12px 36px;
	border-bottom:1px dotted #8a8a8a;
	display:inline-block;
	text-align:left;
	color:#ccc;
	background-repeat:no-repeat;
	background-position: 10px 11px;
}
.f-col .flink2{
	width:calc(100% - 72px);
	padding:12px 18px 12px 54px;
}
.f-col .flink:first-child, .f-col .flink2:first-child { 
    border-top:1px solid #8a8a8a;
}
.bullet{
	background-image:url(../images/bullet.png);
}
.phone{
	background-image:url(../images/phone.png);
}
.fax{
	background-image:url(../images/fax.png);
}
.email{
	background-image:url(../images/mail.png);
}
.f-col .flink:hover, .f-col .flink2:hover{
	color:#fff;
	background-color:rgba(0,0,0,.2);
}
.f-col .f-contact{
	font-size:18px;
}
.award{
	width:437px;
	height:191px;
	margin:54px auto;
	background-image:url(../images/award.png);
	background-position:0px 0px;
	cursor:pointer;
}
.award:hover .awardhover{
	opacity:1;
}
.awardhover{
	width:437px;
	height:191px;
	background-image:url(../images/award.png);
	background-position:0px 191px;
	opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.footerbott{
	background-color:#282828;
	color:#727272;
}
.footbot_wrap{
	position:relative;
	width:90%;
	max-width:1600px;
	min-width:200px;
	margin:0 auto;
	overflow:hidden;
}
.copyright{
	padding:12px 0;
}
.socialicons{
}
.socialicons a{
	width:59px;
	height:60px;
	background-position:0 60px;
	float:left;
	border-right:1px solid #454545;
	border-bottom:1px dotted #8a8a8a;
	padding:0;
}
.socialicons a:first-child { 
    border-left:1px solid #454545;
	width:58px;
}
.socialicons a:hover{background-position:0 120px;}
.google{background-image:url(../images/google.png);}
.google:hover{background-color:#dd4b39;}
.facebook{background-image:url(../images/facebook.png);}
.facebook:hover{background-color:#3b5998;}
.twitter{background-image:url(../images/twitter.png);}
.twitter:hover{background-color:#56a3d9;}
.in{background-image:url(../images/in.png);}
.in:hover{	background-color:#007bb6;}
.pint{background-image:url(../images/pint.png);}
.pint:hover{background-color:#cb211d;}
.weblabs-logo{
	position:absolute;
	right:0;
	bottom:-43px;
	width:50px;
	height:43px;
	padding: 7px 0 0;
	background-color:#f60;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-size:9px;
	line-height:15px;
	color:#ccc;
	text-align:center;
	background-image:url(http://www.weblabssolutions.com/weblabs-logo.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
.weblabs-logo:hover{
	bottom:0px;
	padding: 2px 0 0;
	height:48px;
	background-color:#000;
	color:#ccc;
}
.list div{
	text-align:left;
	padding:12px 12px 12px 24px;
	border-bottom:1px dotted #ff7200;
	background-image:url(../images/bullet.png);
	background-repeat:no-repeat;
	background-position:0 10px;
}
.team{
	display:inline-block;
	width:300px
	}
.table{
	display:table;
	text-align:left;
	margin:0 auto;
}
.tablerowhead{
	display:table-row;
	font-weight:500;
	background-color:#ff7200;
	color:#fff;
}
.tablerow{
	display:table-row;	
}
.cell1, .cell2, .cell3{
	display:table-cell;
	padding:12px;
	border-bottom:1px dotted #ff7200;
}
.cell1{
	width:270px;
}
.cell3{
	width:150px;
}
.contactform{
	max-width:800px;
	width: 79%;
	margin:0 auto;
}
#myform input[type=text]{
	background-color:#d1d1d1;
	width:100%;
	height:36px;
	border-radius:9px;
	border:#b3b3b3 1px solid;
	font-size:18px;
	color:#453439;
	padding:5px 12px;
	outline: 0;
	-moz-box-shadow: inset 2px 2px 5px #c1c1c1;
	-webkit-box-shadow: inset 2px 2px 5px #c1c1c1;
	box-shadow: inset 2px 2px 5px #c1c1c1;
	margin:5px 0px 10px 0px;
}
#myform input[type=text]:Focus{
	background-color:#ffe0d2;
	border:#ff3a00 1px solid;
	-moz-box-shadow: inset 2px 2px 5px #e8cbcb;
	-webkit-box-shadow: inset 2px 2px 5px #e8cbcb;
	box-shadow: inset 2px 2px 5px #e8cbcb;
}
#myform textarea{
	background-color:#d1d1d1;
	width:100%;
	height:174px;
	border-radius:9px;
	border:#b3b3b3 1px solid;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#453439;
	padding:7px 12px;
	outline: 0;
	max-height:174px;
	max-width:100%;
	-moz-box-shadow: inset 2px 2px 5px #c1c1c1;
	-webkit-box-shadow: inset 2px 2px 5px #c1c1c1;
	box-shadow: inset 2px 2px 5px #c1c1c1;
	margin:5px 0px 10px 0px;
	background-image:url(../images/star.png);
	background-position:376px 14px;
	background-repeat:no-repeat;
}
#myform textarea:Focus{
	background-color:#ffe0d2;
	border:#ff3a00 1px solid;
	-moz-box-shadow: inset 2px 2px 5px #e8cbcb;
	-webkit-box-shadow: inset 2px 2px 5px #e8cbcb;
	box-shadow: inset 2px 2px 5px #e8cbcb;
}
.button{
	padding:15px 36px;
	border-radius:22px;
	border:none;
	background: #ff4d00; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff4d00 0%, #ff2400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4d00), color-stop(100%,#ff2400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff4d00 0%,#ff2400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff4d00 0%,#ff2400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff4d00 0%,#ff2400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff4d00 0%,#ff2400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4d00', endColorstr='#ff2400',GradientType=0 ); /* IE6-9 */
	color:#480115;
	font-size:22px;
	cursor:pointer;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
	transition: all 0.4s ease-in 0s;
	
}
.button:hover {
	color:#FFFFFF;
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.error_strings{
	color:#f00;
}
.mapbox{
	height:700px;
	width: 100%;
	padding:0;
	margin:-27px auto 0;
}
code>ul{
	font-family: 'Roboto', sans-serif;
}
code>ul li{
  float:left;
  text-align:left;
  display:inline;
  padding:4px 4px 4px 36px;
  border-bottom:1px dotted #F03;
  margin: 0 15px;
  background:url(../images/star2.png) no-repeat;
  background-position:center left;
}
#column li    { width:calc(33.33% - 70px); } 
.clients h2{
	text-align:center;
	font-size:42px;
	font-weight:700;
	padding:12px 36px;
}
.logoclient{
	display:inline-block;
	padding:30px;
	vertical-align:middle;
}
.logoclient img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	opacity:.5;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.logoclient:hover img{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	opacity:1;
}
.awardpop{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.9);
	vertical-align: middle;
	text-align:center;
}
.awardpopcenter h1{
	color:#fff;
}
.awardpopcenter{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align:center;
	width:100%;
}
.awardpic{
	width:80%;
	height:auto;
	border:10px solid #fff;
}
.close{
	position:absolute;
	top:50px;
	right:50px;
	width:50px;
	height:50px;
	border:1px solid #7f7f7f;
	border-radius:50px;
	background:url(../images/close.png) no-repeat center;
	cursor:pointer;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.close:hover{
	border:1px solid #ff7200;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.awardframe{
	padding:10px;
	background:#fff;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	width:auto;
	
}
@media screen and (max-width: 1350px) {
	.product{
		width:33.33%;
		padding-top: 33.33%;
	}
	.menubar .wrapper{
		padding:0 27px;
	}
	.mlink, .dlink{
		padding:34px 5px;
		font-size:16px;
	}
	.dlink{
		padding:32px 5px 12px;
	}
}
@media screen and (max-width: 950px) {
	.product{
		width:50%;
		margin:-4px -5px 0 0;
		padding-top: 50%;
	}
}
@media screen and (max-width: 750px) {
	.prodis{
		height:70%;
		padding:15% 45px;
	}
	h1{
		font-size: 36px;
		line-height:36px;
	}
	.hometext h1{
		font-size: 40px;
		line-height:40px;
	}
	.hometext h2{
		font-size: 36px;
		line-height:36px;
		padding:0;
	}
	.wrapper{
		padding:0 27px;
	}
}
@media screen and (max-width: 550px) {
	.product{
		width:100%;
		margin:-4px -5px 0 0;
		padding-top: 100%;
	}
	.usps{
		width:calc(100% - 72px);
	}
	.f-col2{
		margin:0;
	}
	
	.award{
		width:300px;
		height:131px;
		background-size:cover;
	}
	.awardhover{
		width:300px;
		height:131px;
		background-size:cover;
		background-position:0px 131px;
	}
}