/* general styles 
------------------------------------------------- */

@font-face {
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	src: url('../fonts/MyriadPro-Regular.eot');
	src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Regular.woff') format('woff'),
		url('../fonts/MyriadPro-Regular.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Semi';
	src: url('../fonts/MyriadPro-Semibold.eot');
	src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Semibold.woff') format('woff'),
		url('../fonts/MyriadPro-Semibold.ttf')  format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLTStd-HvCn';
	src: url('../fonts/HelveticaNeueLTStd-HvCn.eot');
	src: url('../fonts/HelveticaNeueLTStd-HvCn.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueLTStd-HvCn.woff') format('woff'),
		url('../fonts/HelveticaNeueLTStd-HvCn.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLTStd-Bd';
	src: url('../fonts/HelveticaNeueLTStd-Bd.eot');
	src: url('../fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
		url('../fonts/HelveticaNeueLTStd-Bd.ttf')  format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('../fonts/Ubuntu-Light.eot');
	src: url('../fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Ubuntu-Light.woff') format('woff'),
		url('../fonts/Ubuntu-Light.ttf')  format('truetype');
	font-weight: 300;
	font-style: normal;
}


::selection {color:#fff;background:#171f32;}
::-moz-selection {color:#fff;background:#171f32;}

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 26px;
	color: #171f32;
	background-color: #171f32;
	overflow-y: scroll;
}

.nomobile {
	display: block;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.cookie-banner {
	position: fixed;
	bottom: 40px;
	left: 10%;
	right: 10%;
	width: 80%;
	padding: 5px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #eee;
	border-radius: 5px;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.close {
	height: 20px;
	background-color: #777;
	border: none;
	color: white;
	border-radius: 2px;
	cursor: pointer;
}


#bottom { display: none; }


h1, h2, h3, h4, h5, h6 {
  	color: #171f32;
}

h1{
	font-size:40px;
	line-height:1;
	color:#fff;	
}

.card {
	border-radius: 20px;
	box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 12.5px 12.5px 10px rgba(0, 0, 0, 0.035), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05), 100px 100px 80px rgba(0, 0, 0, 0.07);
}

h2 {
	font-size:40px;
	margin-top:0;
	margin-bottom:10px;
	color:#171f32; 
	line-height:1;
	font-weight:400;
}

h3 {
	font-size:18px;
	line-height:1.45;
	font-weight:400;
	color:#171f32;
}
h4 {
	font-size: 25px;
	color: #6E9E03;
	line-height: 1.5;
	font-weight: 400;
	margin-bottom: 20px;
}
h5 {
	font-size: 18px;
	line-height:1;
	font-weight:700px;
	color:#fff;
}

shout {
	padding: 30px 0px;
	width: 100%;
	background: #171f32;
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

shout h2 {
color: #ffffff
}

.shoutbg {
	padding: 50px 0px;
	align-items: center;
	justify-content: space-between;
	background: url(../images/shoutybg.jpg) no-repeat;
	background-size: 100%;
}

}

.shoutbg h2 {
color: #ffffff
}



.welcomebg {
	padding: 50px 0px;
	align-items: center;
	justify-content: space-between;
	background: url(https://mygills.co.uk/images/homebg.jpg) no-repeat;
	background-size: 100%;
}


.welcomebg h2 {
	color: #ffffff
}


.suppliersbg {
	padding: 50px 0px;
	align-items: center;
	justify-content: space-between;
	background: url(https://mygills.co.uk/images/suppliersbg.jpg) no-repeat;
	background-size: 100%;
}


	.aboutbg h2 {
		color: #ffffff
	}

.aboutbg {
	padding: 50px 0px;
	align-items: center;
	justify-content: space-between;
	background: url(https://mygills.co.uk/images/aboutbg.jpg) no-repeat;
	background-size: 100%;
}


	.aboutbg h2 {
		color: #ffffff
	}
.contactbg {
	padding: 50px 0px;
	align-items: center;
	justify-content: space-between;
	background: url(https://mygills.co.uk/images/contactbg.jpg) no-repeat;
	background-size: 100%;
}


	.contactbg h2 {
		color: #ffffff
	}
.thanksbg {
	padding: 50px 0px;
	align-items: center;
	justify-content: space-between;
	background: url(https://mygills.co.uk/images/thanksbg.jpg) no-repeat;
	background-size: 100%;
}


	.thanksbg h2 {
		color: #ffffff
	}

.milkbg {
	padding: 50px 0px;
	align-items: center;
	justify-content: space-between;
	background: url(https://mygills.co.uk/images/milkdeliverybg.jpg) no-repeat;
	background-size: 100%;
}


	.milkbg h2 {
		color: #ffffff
	}


.newspapersbg {
	padding: 50px 0px;
	align-items: center;
	justify-content: space-between;
	background: url(https://mygills.co.uk/images/newspapersbg.jpg) no-repeat;
	background-size: 100%;
}


	.newspapersbg h2 {
		color: #ffffff
	}

.tick ul {
	list-style-type: '\2713';
}


a {
	text-decoration: none;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
		color: #6E9E03;
}

a:focus, 
a:hover {
	text-decoration: none;
	outline: none;
	color: #171f32;

}
p{
 font-size:18px;
 line-height:27px;
 color:#171f32;
 font-weight:400;
}

/* header style
-------------------------------------- */
header{
	width:100%;
	float:left;
	padding:20px 0;
	background: #171f32; /* For browsers that do not support gradients */
	border-bottom: 0px solid #6E9E03;

}

headerbonw{
	width:100%;
	float:left;
	padding:20px 0;
	background: #ffffff; /* For browsers that do not support gradients */
	border-bottom: 0px solid #6E9E03;

}
.logobg{
	float:left;
	width: 33%;
}
.header-middle {display: inline; width: 33%; 
}	
.header-right{
	float:right;
	 width: 33%; 
}
ul.social-icon{
	display:inline-block;
	list-style:none;
	padding:0;
	margin:0;
}
ul.social-icon li{
	float:left;
	margin-right:5px;
}
ul.social-icon li:last-child{
	margin-right:0;
}
ul.quick-contact{
	display:inline-block;
	list-style:none;
	padding:0;
	margin:0 0 0 40px;
}
	ul.quick-contact li {
		font-family: 'Roboto', sans-serif;
font-weight: 300;
		font-size: 18px;
		color: #282828;
		margin-bottom: 5px;
	}
ul.quick-contact li span{
	width:28px;
	display:inline-block;
	margin-right:10px;
}
ul.quick-contact li span i{
	display:inline-block;
}
ul.quick-contact li span i.phone{
	background:url(../images/phone-icon.png) 0px 0 no-repeat;
	width:28px;
	height:23px;
}
ul.quick-contact li span i.mobile{
	background:url(../images/mobile-icon.png) 5px 0 no-repeat;
	width:24px;
	height:23px;
}
ul.quick-contact li span i.email{
	background:url(../images/email.png) 0 0 no-repeat;
	width:27px;
	height:19px;
}
		ul.quick-contact li a {
			font-family: 'Roboto', sans-serif;
font-weight: 300;
			font-size: 18px;
			color: #282828;
		}
ul.quick-contact li a:hover{
	text-decoration:underline;
}
/* navbar style
-------------------------------------- */

#nav_wrapper_1 { clear: left; float: left; position: relative; left: 50%; }

#nav_container_1 { display: block; float: left; position: relative; right: 50%; }

.navbar-brand{
	height:auto;
}
.navbar{
	margin-bottom:0;
	-webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar-brand{padding:7px 0;}
.navbar-nav > li{
	border-left:0px solid #fd0000;
	border-right:0px solid #666666;
}
.navbar-nav > li:first-child{
	border-left:none;
}
.navbar-nav > li:last-child{
	border-right:none;
}
.navbar-nav > li{
	padding:0 0px;
}
.navbar-nav > li:last-child{
	padding-right:16px;
}
.navbar.navbar-default {
	border: 0;
	border-radius: 0;
	background-color: #171f32;
	border-top: 0px solid #6E9E03;
	border-bottom: 0px solid #6E9E03;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size: 15px;
	padding: 15px 10px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	/*background-color: rgba(0,0,0,.2);*/
	color: #ffffff;
	background: #6E9E03;
}

.navbar-brand h1 {
	margin-top:15px;
}

.navbar-default .navbar-toggle {
	border: 0;
	background-color: rgba(0,0,0,.2);
	-webkit-transition: background-color 400ms;
	transition: background-color 400ms;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  	background-color: #6E9E03;
}

.navbar-default .navbar-toggle .icon-bar {
  	background-color: #ffffff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
 	border: 0;
}
.navbar-collapse ul li:hover > ul{display:block;}
.dropdown:hover .dropdown-menu{display:block;}
.navbar-nav > li > .dropdown-menu{
	background:#171f32;
	width:300px;
}
.dropdown-menu > li{	
	border-top:0px solid #fd0000;
	border-bottom:0px solid #666666;
}
.dropdown-menu > li:first-child{
	border-top:none;
}	
.dropdown-menu > li:last-child{
	border-bottom:none;
}
	.dropdown-menu > li > a {
		padding-top: 8px;
		padding-bottom: 8px;
		color: #fff;
		font-size: 17px;
		font-family: 'Roboto', sans-serif;
font-weight: 300;
	}

.dropdown-menu > li > a:hover {
		background: #6E9E03;
		color: #ffffff;
}



/* banner part
-------------------------------------- */
.banner-sec{
	width:100%;
	float:left;
	position:relative;
	overflow:hidden;
}
.banner-con{
	position:absolute;
	left:0;
	bottom:7%;
	width:100%;
	z-index:2;
	text-align:center;
}
.banner-inner01{
	width:100%;
	float:left;
}
.paybg{
	display:inline-block;
	background:rgba(255,255,255,0.8);
	border-left:4px solid #0264af;
}
.paybg span{
	font-family: 'HelveticaNeueLTStd-Bd';
	font-size:31px;
	line-height:33px;
	color:#ae0002;
	padding:30px 40px 30px 20px;
	display:block;
	margin:0;
}
.satis-img{
	display:inline-block;
	margin-left:-25px;
}
.banner-inner02{
	width:100%;
	float:left;
	margin-bottom:20px;
}
.callbg{
	background:#2aaf20;
	display:inline-block;
	text-align:center;
	padding:20px 20px;
	border-radius:5px;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	position:relative;
}
.callbg:after {
  position: absolute;
  bottom: -15px;
  left:45%;
  display: inline-block;
  border-top: solid 15px #2aaf20;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
  content: '';
}
.callbg:before {
  position: absolute;
  bottom: -16px;
  left:45%;
  display: inline-block;
  border-top: solid 16px rgba(0,0,0,0.5);
    border-left: solid 16px transparent;
    border-right: solid 16px transparent;
  content: '';
  margin-left:1px;

}
.callbg h2{
	font-family: 'HelveticaNeueLTStd-HvCn';
	font-size:32px;
	line-height:1;
	text-transform:uppercase;
	text-shadow:1px 1px rgba(0,0,0,0.2);
	color:#f0ff00;
	margin:0;
	margin-bottom:15px;
	letter-spacing:2px;
}
.callbg span{
	display:block;
	font-family: 'HelveticaNeueLTStd-Bd';
	font-size:67px;
	line-height:1;
	text-shadow:1px 1px rgba(0,0,0,0.2);
	color:#fff;
	margin-bottom:5px;
}
.callbg h3{
	font-family: 'HelveticaNeueLTStd-Bd';
	font-size:26px;
	line-height:28px;
	color:#fff;
	text-shadow:1px 1px rgba(0,0,0,0.2);
	margin:0;
}
.backed-img{
	display:inline-block;
	vertical-align:top;
	margin-top:15px;
	margin-left:15px;
}

/* bodyocn
-------------------------------------- */
.body-con{
	width:100%;
	float:left;
	padding-top:0;
	background-color: #ffffff;;
}
.shadow-img{
	width:100%;
	float:left;
	text-align:center;
}
.shadow-img img{
	width:100%;
	margin-top:-4px;
}

.fsg-services{
	width:100%;
	float:left;
	margin-bottom:15px;
}
.fsg-servicesbg{
	margin-top:20px;
	padding:15px 15px 0;
}
.fsg-servicesbg ul{
	list-style:none;
	padding:0;
	margin:0;
}

.white { color: #ffffff!important;}

.fsg-servicesbg ul li{
	width:30.333%;
	margin:0 1.5%;
	background:#fff;
	border:5px solid #fff;
	border-radius:8px;
	font-size: 18px!important;
	line-height: 24px!important;
	position:relative;
	float:left;
	margin-bottom:40px;
}
.fsg-servicesbg ul li .services-img{
	width:100%;
	float:left;
	overflow:hidden;
	border-radius:8px;
}
.fsg-servicesbg ul li .services-img img{
	width:100%;
	height:auto;
	border-radius:8px;
	-moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.fsg-servicesbg ul li:hover .services-img img{
	-moz-transition: scale(1.1);
	-o-transition: scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.fsg-servicesbg ul li:hover .services-name{
	background:rgba(255,97,29,0.8);
}
.fsg-servicesbg ul li:hover .services-name p{
	color:#fff;
}
.overlay-link{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(87,64,76,0.6);
	border-radius:8px; 
	opacity:0;
	text-align:center;
	line-height:100%;
	display:table-cell;
	vertical-align:middle;
	-moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.icon-link{
	position:relative;
	top:50%;
	margin-top:-35px;
}
.icon-link a{
	width:45px;
	height:45px;
	border-radius:100%;
	background:#fff;
	display:inline-block;	
}
.icon-link a i{
	font-size:20px;
	line-height:45px;
	text-align:center;
	color:#6E9E03;
}
.fsg-servicesbg ul li:hover .overlay-link{
	opacity:1;
}
.services-name{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	background:rgba(255,255,255,0.8);
	border-radius: 0 0 8px 8px; 
	z-index:2;
	-moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
	.services-name p {
		font-family: 'Roboto', sans-serif;
font-weight: 300;
		font-size: 22px;
		line-height: 38px;
		color: #282828;
		margin: 0;
	}

/* About FSG
-------------------------------------- */
.about-fsg{
	width:100%;
	float:left;
	margin-bottom:20px;
}

.about-fsgbg{
	width:100%;
	float:left;
	margin-bottom:20px;
	 background: url("../images/landing-bg.jpg")no-repeat;
    background-size: 100%;
}
.about-fsg h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 37px;
	line-height: 39px;
	color: #171f32;
	border-bottom: 1px solid #cbcac7;
	padding-bottom: 12px;
}

.about-fsg h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 26px;
	line-height: 30px;
	color: #171f32;
	border-bottom: 1px solid #cbcac7;
	padding-bottom: 12px;
}
.about-fsg h5 {
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size: 37px;
	line-height: 39px;
	color: #171f32;
	padding-bottom: 12px;
}
.about-fsg h2 span{
	color:#171f32;
}
.about-fsg p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #171f32;
	margin-bottom: 20px;
	align: justify!important;
}
.about-form{
	background: #6E9E03; /* For browsers that do not support gradients */
	border: 4px solid #6E9E03;
	border-radius:10px;
	min-height:250px;
	padding:0;
	margin-right:0;
}

.about-leadform {
	background: #ffffff; /* For browsers that do not support gradients */
	border-top: 8px solid #6E9E03;
	border-radius: 10px;
	width: 100%;
	padding: 0;
	margin-right: 0;
}

	.about-leadform h2 {
		color: #171F32; /* For browsers that do not support gradients */
		font-size: 28px;
		padding-top: 20px;
	}

.about-leadformx {
	background: #171F32; /* For browsers that do not support gradients */
	border-top: 8px solid #6E9E03;
	border-radius: 10px;
	width: 100%;
	padding: 0;
	margin-right: 0;
}

	.about-leadformx h2 {
		color: #ffffff; /* For browsers that do not support gradients */
		font-size: 28px;
		padding-top: 20px;
	}


.request-quote{
	margin:0 20px;
	padding-top:20px;
	border-bottom:1px solid #6E9E03;
}
.request-quote h2{
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size:24px;
	line-height:26px;
	color:#fff;
	text-transform:uppercase;
	border-bottom:1px solid #6E9E03;
	margin-bottom:0;
	padding-bottom:5px;
}
.callback-bg{
	width:100%;
	float:left;
	background: -webkit-gradient(radial, center center, 0, center center, 600, from(#1a82f7), to(#023b67)); /* Safari 5.1+, Chrome 10+ */ background: -webkit-radial-gradient(circle, #1a82f7, #023b67); /* Firefox 3.6+ */ background: -moz-radial-gradient(circle, #1a82f7, #023b67); /* IE 10 */ background: -ms-radial-gradient(circle, #1a82f7, #023b67); /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
	padding:12px 0;
	margin-top:20px;
}
.callback-bg h3{
	font-family: 'HelveticaNeueLTStd-HvCn';
	font-size:27px;
	line-height:28px;
	color:#fff;
	margin:0;
	padding-left:20px; 
}
.callback-bg h3 span{
	color:#f0ff00;
}
.callback-bg h3.middle{
	font-size:24px;
}
.callback-bg h3.small{
	font-size:20px;
}
.form-info{
	padding:20px 20px 5px;
	text-align:center;
}
.form-info input[type="text"]{
	height:43px;
	border:none;
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size:18px;
}

.request-btn{
	background:#171f32;
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size:17px;
	line-height:48px;
	color:#fff;
	border: 2px solid #6E9E03 ;
	padding:0 20px;
	margin-top:5px;
	border-radius: 15px;
}
.request-btn:hover{
	background:#6E9E03;
}


.newrequest-btn {
	background: #6E9E03 !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300 !important;
	font-size: 19px !important;
	line-height: 48px !important;
	color: #fff !important;
	border: 1px solid #6E9E03;
	padding: 10px !important;
	margin-top: 5px !important;
	border-radius: 15px !important;
}

	.newrequest-btn:hover {
		background: #3F8EBF !important;
		color: #ffffff !important;
		border: 1px solid #3F8EBF;
	}

.about-fsg02{
	width:100%;
	float:left;
	background:#f1f1f1;
	padding:20px 0;
}
.about-fsg02 h3{
	font-size:18px;
	line-height:24px;
	color:#ae0002;
}
.shadow-bg{
	background:url(../images/shadow-bg.png) right center no-repeat;
	padding-right:5%;
}
.fasic-right{
	padding-left:10%;
}
.about-fsg02 ul{
	list-style:none;
	padding:0;
	margin:0 0 0 30px;
}
.about-fsg02 ul li{
	background:url(../images/list-arrow.png) 0 4px no-repeat;
	font-size:16px;
	line-height:24px;
	color:#535353;
	padding-left:16px;
	margin-bottom:12px;
}

/* our expertise
-------------------------------------- */
.our-expertise{
	width:100%;
	float:left;
	text-align:center;
	padding-top:30px;
	padding-bottom:40px;
}
.our-expertise h2{
	font-family: 'Ubuntu';
	font-size:30px;
	line-height:36px;
	color:#ae0002;
	border-bottom:1px solid #dcdcdc;
	display:inline-block;
	padding:0 20px 15px;
	margin-bottom:35px;
}
.our-expertise i{
	background:url(../images/expertise-icon.png) 0 0 no-repeat;
	width:86px;
	height:97px;
	display:inline-block;
}
.our-expertise i.deposite-icon{
	background-position: 0 0;	
}
.our-expertise i.customer-icon{
	background-position: -96px 0;	
}
.our-expertise i.replacement-icon{
	background-position: -192px 0;	
}
.our-expertise i.worker-icon{
	background-position: -288px 0;	
}
.expertise-box:hover i.deposite-icon{
	background-position: 0 -111px;
}
.expertise-box:hover i.customer-icon{
	background-position: -96px -111px;
}
.expertise-box:hover i.replacement-icon{
	background-position: -192px -111px;
}
.expertise-box:hover i.worker-icon{
	background-position: -288px -111px;
}
.our-expertise h4{
	font-family: 'MyriadPro-Semi';
	font-size:21px;
	line-height:23px;
	color:#282828;
}
.our-expertise p{
	font-size:16px;
	line-height:20px;
	color:#666666;
}
.our-expertise a{
	font-size:16px;
	line-height:16px;
	color:#43801e;
}
.our-expertise a:hover{
	text-decoration:underline;
}


.cs-bg{
	width:100%;
	float:left;
	background: #6E9E03; /* For browsers that do not support gradients */
	background-size:cover;
	text-align:center;
	padding:50px 0;
}
.cs-bg h2{
	font-family: 'Ubuntu';
	font-size:30px;
	line-height:36px;
	color:#fff;
	display:inline-block;
	padding:0 20px 15px;
	margin-bottom:40px;
}

/* Testimonials part
-------------------------------------- */
.testimonials-bg{
	width:100%;
	float:left;
	background: #171f32; /* For browsers that do not support gradients */
	background-size:cover;
	text-align:center;
	padding:50px 0;
}
.testimonials-bg h2{
	font-family: 'Ubuntu';
	font-size:30px;
	line-height:36px;
	color:#fff;
	display:inline-block;
	padding:0 20px 15px;
	margin-bottom:40px;
}
#owl-demo .item{
  margin:0 13px;
}
.testimonials-text{
	width:100%;
	float:left;
	height:155px;
	background:#fff;
	border-radius:5px;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	position:relative;
}
.testimonials-text:after {
  position: absolute;
  bottom: -9px;
  left:10%;
  display: inline-block;
  border-top: solid 9px #fff;
    border-left: solid 9px transparent;
    border-right: solid 9px transparent;
  content: '';
}
.testimonials-text:before {
  position: absolute;
  bottom: -10px;
  left:10%;
  display: inline-block;
  border-top: solid 10px rgba(0,0,0,0.5);
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
  content: '';

}
.testimonials-text p{
	font-size:16px;
	line-height:24px;
	color:#666666;
	text-align:center;
	padding:20px 3% 0 3%;
}
.testimonials-con{
	width:100%;
	float:left;
	margin-top:20px;
	text-align:left;
}
.testimonials-img{
	float:left;
	width:75px;
	height:75px;
	border:3px solid #6E9E03;
	border-radius:100%;
	margin-right:15px;
}
.testimonials-img img{
	width:100%;
	height:100%;
	border-radius:100%;
}
.testimonials-name{
	overflow:hidden;
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
}
.testimonials-name span{
	display:block;
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size:16px;
	line-height:16px;
	color:#6E9E03;
}

/* brand part
-------------------------------------- */
.brand-sec{
	width:100%;
	float:left;
	background:#fff;
	padding:15px 0;
}
.brand-sec ul{
	list-style:none;
}
.brand-sec ul li{
	float:left;
	margin-left:20px;
}
.brand-sec ul li:first-child{
	margin-left:0;
}
/* footer part
-------------------------------------- */
footer{
	width:100%;
	float:left;
}
.footer-top{
	width:100%;
	float:left;
	background:#222222;
	padding:20px 0;
}
.footer-shadow{
	background:url(../images/footer-shadow.png) 0 0 no-repeat;
	min-height:285px;
	padding-left:4%;
}

.footer-top h2{
	font-family: 'Ubuntu';
	font-size:30px;
	line-height:36px;
	color:#fff;
	display:inline-block;
	margin-bottom:10px;
}

.footer-top h3{
	color:#ffffff;
}

.footer-top a{
	color:#ffffff;
}

.footer-top a:hover{
	color:#6E9E03;
}
.footer-top h4{
	font-size:17px;
	line-height:20px;
	color:#6E9E03;
	margin-top:40px;
	margin-bottom:25px;
}	
.footer-top p{
	font-size:16px;
	line-height:22px;
	color:rgba(255,255,255,0.9);
}
ul.footer-link{
	list-style:none;
	padding:0;
	margin:0;
}
ul.footer-link li{
	font-size:16px;
	line-height:25px;
	color:rgba(255,255,255,0.9);
}
ul.footer-link li a{
	font-size:16px;
	line-height:25px;
	color:rgba(255,255,255,0.9);
}
ul.footer-link li a:hover{
	color:rgba(255,255,255,0.9);
}
ul.contact-info{
	list-style:none;
	padding:0;
	margin:0;
}
ul.contact-info li{
	font-size:16px;
	line-height:20px;
	color:rgba(255,255,255,0.9);
	margin-bottom:12px;
}
ul.contact-info li span.contact-icon{
	width:37px;
	float:left;
	font-size:20px;
	color:#dbdbdb;
}
ul.contact-info li span.contact-address{
	overflow:hidden;
}
ul.contact-info li span.contact-address a{
	font-size:16px;
	line-height:20px;
	color:rgba(255,255,255,0.9);
}
ul.contact-info li span.contact-address a:hover{
	color:rgba(255,255,255,1);
	text-decoration:underline;
}
.footer-bottom{
	width:100%;
	float:left;
	background:#171f32;	
}
.footer-inner{
	position:relative;
}

.footer-bottom p a{
	color:#666666;
}

.footer-bottom a:hover{
	color:#6E9E03;
}
.footer-logo{
	position:absolute;
	left:0;
	top:-20px;
}
.footer-bottom p {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 18px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 0;
	padding: 15px 0;
}



/* inner page 
-------------------------------------- */
.inner-bgimg{
	width:100%;
	float:left;
	margin-bottom:0;
	position:relative;
}
.inner-bgimg img{
	width:100%;
}
.inner-position{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	z-index:2;
	text-align:center;
	margin-top:-50px;
}
.inner-position h2:after {
  position: absolute;
  bottom: -15px;
  left:45%;
  display: inline-block;
  border-top: solid 15px #2aaf20;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
  content: '';
}
.inner-position h2:before {
  position: absolute;
  bottom: -16px;
  left:45%;
  display: inline-block;
  border-top: solid 16px rgba(0,0,0,0.5);
    border-left: solid 16px transparent;
    border-right: solid 16px transparent;
  content: '';
  margin-left:1px;

}
.inner-position h2{
	background:#2aaf20;
	display:inline-block;
	font-family: 'HelveticaNeueLTStd-HvCn';
	font-size:32px;
	line-height:1;
	text-transform:uppercase;
	text-shadow:1px 1px rgba(0,0,0,0.2);
	color:#f0ff00;
	margin:0;
	margin-bottom:15px;
	letter-spacing:2px;
	position:relative;
	padding:20px 20px;
	border-radius:5px;
	min-width:40%;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.inner-fsg{
	width:100%;
	float:left;
	padding-top:50px;
}
.inner-fsg h4{
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size:30px;
	line-height:39px;
	color:#282828;
	border-bottom:1px solid #cbcac7;
	padding-bottom:12px;
	margin-top:0;
}
.inner-fsg h4 span{
	color:#2aaf20;
}
.inner-fsg h5{
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size:28px;
	line-height:30px;
	color:#282828;
	padding-bottom:12px;
	margin-top:40px;
}
.inner-fsg p{
	font-size:16px;
	line-height:24px;
	color:#535353;
	margin-bottom:20px;
}
ul.inner-list{
	list-style:none;
	padding:0;
	margin:0 0 0 30px;
}
ul.inner-list li{
	background:url(../images/list-arrow.png) 0 4px no-repeat;
	font-size:16px;
	line-height:18px;
	color:#535353;
	padding-left:16px;
	margin-bottom:12px;
}
.inner-fsg01{
	width:100%;
	float:left;
	background:#f1f1f1;
	margin-top:25px;
	padding:20px 0;
}
.inner-fsg01 h3{
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size:24px;
	line-height:28px;
	color:#0567b0;
	margin-bottom:20px;
}
.color-heading{
	margin-left:50px;
}
.imgbox{
	padding:5px;
	background:#fff;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.imgbox img{
	width:100%;
}
.color-screen{
	background:#fff;
	margin-left:50px;
	padding:10px 12px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);	
}
.color-screen ul{
	list-style:none;
	padding:0;
	margin:0;
}
.color-screen ul li{
	width:102px;
	float:left;
	margin-left:15px;
	margin-top:15px;
}
.color-screen ul li img{
	border:1px solid #b4b4b4;
}
.color-screen ul li p{
	font-size:16px;
	line-height:16px;
	color:#4d5c79;
	text-align:center;
	padding-top:12px;
}
ul.guttering-style{
	list-style:none;
	padding:0;
	margin:0;
}
ul.guttering-style li{
	float:left;
	width:21%;
	margin-right:4%;
}
.guttering-box{
	border:1px solid #b5b5b5;
	background:#fff;
	text-align:center;
}
ul.guttering-style li p{
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size:22px;
	color:#333;
	margin-top:15px;
}

.video-bg{
	border:1px solid #cacaca;
	background:#fff;
	padding:5px;
	margin-top:20px;
}

.video-bg iframe{
	width:100%;
	height:280px;
}

/* textimonials start 
-------------------------------------- */
.textimonials-bg{
	width:100%;
	float:left;
	margin-bottom:30px;
}
.textimonials-con{
	background:#e8eced;
	border-radius:5px;
	border-bottom:1px solid #b3b4b5;
	min-height:100px;
	position:relative;
	font-size:16px;
	line-height:22px;
	padding:20px 5%;
}
.textimonials-con:after {
  position: absolute;
  bottom: -15px;
  left:0%;
  display: inline-block;
  border-top: solid 15px #e8eced;
    border-left: solid 2px transparent;
    border-right: solid 12px transparent;
  content: '';
  margin-left:40px;
}
.textimonials-con:before {
  position: absolute;
  bottom: -16px;
  left:0%;
  display: inline-block;
  border-top: solid 16px rgba(0,0,0,0.5);
    border-left: solid 2px transparent;
    border-right: solid 13px transparent;
  content: '';
  margin-left:40px;

}
.author{
	margin-top:15px;
}
.company{
	display:block;
	line-height:15px;
}
.textimonials-bg02{
	width:100%;
	float:left;
	text-align:right;
	margin-bottom:30px;
}
.textimonials-con02{
	background:#e8eced;
	border-radius:5px;
	border-bottom:1px solid #b3b4b5;
	min-height:100px;
	position:relative;
	font-size:16px;
	line-height:22px;
	padding:20px 5%;
}
.textimonials-con02:after {
  position: absolute;
  bottom: -15px;
  right:0%;
  display: inline-block;
  border-top: solid 15px #e8eced;
    border-left: solid 2px transparent;
    border-right: solid 12px transparent;
  content: '';
  margin-right:40px;
}
.textimonials-con02:before {
  position: absolute;
  bottom: -16px;
  right:0%;
  display: inline-block;
  border-top: solid 16px rgba(0,0,0,0.5);
    border-left: solid 2px transparent;
    border-right: solid 13px transparent;
  content: '';
  margin-right:40px;
}

.form-control{
	background:#f6f6f6;
	border:1px solid #e5e5e5;
	height:40px;
}
.form-control:focus{
	border:1px solid #0483e2;
}
.form-group{
	margin-bottom:25px;
}
.msg{
	height:100px!important;
}
.submit-btn{
	font-family: 'Roboto', sans-serif;
font-weight: 300;
	font-size:22px;
	color:#fff;
	background:#171f32;
	border:none;
	border-radius:5px;
	padding:8px 40px;	
	margin-left:15px;
	text-transform:uppercase;
}
.submit-btn:hover{
	background:#f4bc21;
}
.contactbox{
	background:#171f32;
	border: solid medium #988C71;
	border-radius: 10px;
	padding:15px 15px 10px;
}
.contactbox span{
	display:block;
	margin-bottom:8px;
	font-size:16px;
	line-height:18px;
	color:#fff;
}
.contactbox span strong{
	font-weight:400;
}
.contactaddress{
	background:#2AAF20;
	color: #ffffff;
	padding:15px;
	margin-top:25px;
	font-size:16px;
	line-height:22px;
}
.map-address{
	width:100%;
	float:left;
}
.map-address iframe{
	width:100%;
	height:320px;
}


/* PROJECT GALLERY
-------------------------------------- */

.gallery-services{
	width:100%;
	float:left;
	margin-bottom:0;
	border-bottom:1px solid #cfcfcf;
	padding-bottom:50px;
}
.gallery-servicesbg{
	background:#f4f4f4;
	border:1px solid #cfcfcf;
	border-radius:8px;
	margin-top:50px;
	padding:15px;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.gallery-servicesbg ul{
	list-style:none;
	padding:0;
	margin:0;
}
.gallery-servicesbg ul li{
	width:25%;
	margin:0 0%;
	background:#fff;
	position:relative;
	float:left;
}
.gallery-servicesbg ul li a{
	
}
.gallery-servicesbg ul li .gallery-img{
	width:100%;
	float:left;
	overflow:hidden;
}
.gallery-servicesbg ul li .gallery-img img{
	width:100%;
	height:auto;
	-moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.gallery-servicesbg ul li:hover .gallery-img img{
	-moz-transition: scale(1.3);
	-o-transition: scale(1.3);
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
}
.gallery-servicesbg ul li:hover .overlay-img{
	opacity:1;
}
.gallery-servicesbg ul li .overlay-img{
	border-radius:0;
}
.gallery-servicesbg ul li .overlay-img{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	opacity:0;
	text-align:center;
	line-height:100%;
	display:table-cell;
	vertical-align:middle;
	-moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.gallery-servicesbg ul li .img-link{
	position:relative;
	top:50%;
	margin-top:-20px!important;
}
.gallery-servicesbg ul li .img-link i{
	width:45px;
	height:45px;
	border-radius:100%;
	background:#f0ff00;
	display:inline-block;	
}
.gallery-servicesbg ul li .img-link i{
	font-size:20px;
	line-height:45px;
	text-align:center;
	color:#000;
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

/* responsive start 
-------------------------------------- */
@media screen and (max-width: 1199px) {
.callback-bg h3{font-size:22px;}
.callback-bg h3.small{font-size:16px;}
.callback-bg h3.middle{font-size:20px;}
.brand-sec ul li{margin-left:17px;}
.navbar-nav > li{padding:0 35px;}
.paybg span{font-size:21px; line-height:21px; padding-top:20px; padding-bottom:20px;}
.satis-img{width:100px;}
.satis-img img{width:100%;}
.callbg h2{font-size:23px;}
.callbg span{font-size:44px;}
.callbg h3{font-size:19px;}
.backed-img{width:120px;}
.backed-img img{width:100%;}
}
@media screen and (max-width: 990px) {
.navbar-nav > li{padding:0 16px;}
.expertise-box{margin-bottom:30px;}
.fasic-right{padding-left:0;}
.footer-shadow{background:none; padding-left:15px; overflow:hidden;}
.banner-inner02{margin-bottom:0;}
.callbg h2{font-size:16px; margin-bottom:7px;}
.callbg span{font-size:31px;}
.callbg h3{font-size:16px; line-height:20px;}
.fsg-servicesbg ul li{width:32.333%; margin-left:0.5%; margin-right:0.5%;}
.services-name p{font-size:18px;}
}
@media screen and (max-width: 767px) {
.fsg-servicesbg ul li{width:46%; margin-left:2%; margin-right:2%;}	
.footer-shadow{min-height:auto;}
.footer-top h4{margin-top:10px; margin-bottom:15px;}
.footer-logo{display:none;}

.welcomebg {
		padding: 50px 0px;
		align-items: center;
		justify-content: space-between;
		background: #171f32;
		background-size: 100%;
	}

	.shoutbg {
		padding: 50px 0px;
		align-items: center;
		justify-content: space-between;
		background: #171f32;
		background-size: 100%;
	}
	.g-recaptcha {
		transform: scale(0.77);
		transform-origin: 0 0;
	}

	.nomobile {
		display: none;
	}

}
@media screen and (max-width: 680px) {
.satis-img{display:none;}
.backed-img{display:none;}
.paybg span{font-size:16px; line-height:18px; padding:10px 15px;}
.callbg:before, .callbg:after{display:none;}
.callbg{padding:10px;}
.banner-inner02{margin-bottom:10px;}

	.welcomebg {
		padding: 50px 0px;
		align-items: center;
		justify-content: space-between;
		background: #171f32;
		background-size: 100%;
	}

	.shoutbg {
		padding: 50px 0px;
		align-items: center;
		justify-content: space-between;
		background: #171f32;
		background-size: 100%;
	}
	.g-recaptcha {
		transform: scale(0.77);
		transform-origin: 0 0;
	}

	.nomobile {
		display: none;
	}
}

@media screen and (max-width: 560px) {
.fsg-servicesbg ul li{width:100%; margin-left:0; margin-right:0;}
.about-fsg h2{font-size:26px;}
.about-fsg h2{font-size:25px; line-height:27px;}

	.welcomebg {
		padding: 50px 0px;
		align-items: center;
		justify-content: space-between;
		background: #171f32;
		background-size: 100%;
	}

	.shoutbg {
		padding: 50px 0px;
		align-items: center;
		justify-content: space-between;
		background: #171f32;
		background-size: 100%;
	}
	.g-recaptcha {
		transform: scale(0.77);
		transform-origin: 0 0;
	}

	.nomobile {
		display: none;
	}

}
@media screen and (max-width: 500px) {
.header-right{width:100%; text-align:center; margin-top:10px; overflow:hidden;}
ul.quick-contact{margin-left:0;}

	.welcomebg {
		padding: 50px 0px;
		align-items: center;
		justify-content: space-between;
		background: #171f32;
		background-size: 100%;
	}

	.shoutbg {
		padding: 50px 0px;
		align-items: center;
		justify-content: space-between;
		background: #171f32;
		background-size: 100%;
	}
	.g-recaptcha {
		transform: scale(0.77);
		transform-origin: 0 0;
	}

	.nomobile {
		display: none;
	}

}
@media screen and (max-width: 479px) {
	.callbg:before, .callbg:after {
		display: block;
	}

	.callbg h2 {
		display: none;
	}

	.paybg span {
		font-size: 16px;
		line-height: 16px;
	}

	.callbg {
		padding: 5px 30px;
	}

		.callbg span {
			font-size: 21px;
		}

		.callbg h3 {
			display: none;
		}

		.nomobile { display: none;}

	.welcomebg {
		padding: 50px 0px;
		align-items: center;
		justify-content: space-between;
		background: #171f32;
		background-size: 100%;
	}

	.shoutbg {
		padding: 50px 0px;
		align-items: center;
		justify-content: space-between;
		background: #171f32;
		background-size: 100%
	}

	.g-recaptcha {
		transform: scale(0.77);
		transform-origin: 0 0;
	}