/* general styles 
------------------------------------------------- */
@font-face {
	font-family: 'MyriadPro';
	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:#ffffff;}
::-moz-selection {color:#fff;background:#ffffff;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #001268;
	background-color: #fff;	
}

#bottom { display: none; }


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

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

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

h3 {
	font-size:18px;
	line-height:1;
	font-weight:400;
	color:#001268;
}
h4{
	font-size:22px;	
	color:#001268;	
	line-height:1;
	font-weight:400;
	margin-bottom:20px;
}
h5 {
	font-size: 18px;
	line-height:1;
	font-weight:700px;
	color:#fff;
}
.btn {
	border: 0;
	border-radius: 0;
}

.btn.btn-primary:hover {
  	background-color: #0033cc;
}

a {
	text-decoration: none;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

a:focus, 
a:hover {
	text-decoration: none;
	outline: none;
	color: #d90000;
}
p{
 font-size:18px;
 line-height:27px;
 color:#001268;
 font-weight:400;
}

/* header style
-------------------------------------- */
header{
	width:100%;
	float:left;
	padding:20px 0;
	border-bottom: 4px solid #d90000;

}
.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: 'MyriadPro';
	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: 'MyriadPro';
	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: #001268;
	border-top: 2px solid #d90000;
	border-bottom: 2px solid #d90000;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-family: 'MyriadPro';
	font-size: 19px;
	padding:15px 20px;
}

.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: #d90000;
}

.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: #d90000;
}

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

.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:#333333;
	width:250px;
}
.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:16px;
}

.dropdown-menu > li > a:hover {
		background: #d90000;
		color: #001268;
}



/* 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;
	background:url(../images/body-bg.jpg) 0 0 repeat;
	padding-top:0;
}
.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:30px;
}
.fsg-servicesbg{
	background:#f4f4f4;
	border:1px solid #cfcfcf;
	border-radius:8px;
	margin-top:50px;
	padding:35px 15px 0;
	-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);
}
.fsg-servicesbg ul{
	list-style:none;
	padding:0;
	margin:0;
}
.fsg-servicesbg ul li{
	width:30.333%;
	margin:0 1.5%;
	background:#fff;
	border:5px solid #fff;
	border-radius:8px;
	position:relative;
	float:left;
	margin-bottom:40px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.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(0,18,104,0.9);
}
.fsg-servicesbg ul li:hover .services-name p{
	color:#ffffff;
}
.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:#d90000;
}
.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: 'MyriadPro';
	font-size:22px;
	line-height:38px;
	color:#282828;
	margin:0;
}

/* About FSG
-------------------------------------- */
.about-fsg{
	width:100%;
	float:left;
	margin-top:40px;
	margin-bottom:20px;
}
.about-fsg h2{
	font-family: 'MyriadPro';
	font-size:37px;
	line-height:39px;
	color:#0033cc;
	border-bottom:1px solid #cbcac7;
	padding-bottom:12px;
}
.about-fsg h2 span{
	color:#0033cc;
}
.about-fsg p{
	font-size:16px;
	line-height:24px;
	color:#444444;
	margin-bottom:20px;
}
.about-form{
	background: #001268; /* For browsers that do not support gradients */
	border: 4px solid #d90000;
	border-radius:15px;
	min-height:250px;
	padding:0;
	margin-right:0;
}
.request-quote{
	margin:0 20px;
	padding-top:20px;
	border-bottom:1px solid #d90000;
}
.request-quote h2{
	font-family: 'MyriadPro';
	font-size:24px;
	line-height:26px;
	color:#fff;
	text-transform:uppercase;
	border-bottom:1px solid #d90000;
	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: 'MyriadPro';
	font-size:18px;
}
.request-btn{
	background:#0033cc;
	font-family: 'MyriadPro';
	font-size:17px;
	line-height:48px;
	color:#fff;
	border: 2px solid #d90000 ;
	padding:0 20px;
	margin-top:5px;
}
.request-btn:hover{
	background:#d90000;
	color: #001268;
}
.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:14px;
	line-height:18px;
	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:14px;
	line-height:20px;
	color:#666666;
}
.our-expertise a{
	font-size:14px;
	line-height:16px;
	color:#43801e;
}
.our-expertise a:hover{
	text-decoration:underline;
}

/* Testimonials part
-------------------------------------- */
.testimonials-bg{
	width:100%;
	float:left;
	background: #001268; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#001268, #333333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#001268, #333333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#001268, #333333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#001268, #333333); /* Standard syntax */
	border-bottom: 4px solid #d90000;
	background-size:cover;
	text-align:center;
	padding:50px 0;
}
.testimonials-bg h2{
	font-family: 'Ubuntu';
	font-size:30px;
	line-height:36px;
	color:#fff;
	border-bottom:1px solid #dcdcdc;
	display:inline-block;
	padding:0 20px 15px;
	margin-bottom:40px;
}
#owl-demo .item{
  margin:0 13px;
}
.testimonials-text{
	width:100%;
	float:left;
	height:215px;
	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 #d90000;
	border-radius:100%;
	margin-right:15px;
}
.testimonials-img img{
	width:100%;
	height:100%;
	border-radius:100%;
}
.testimonials-name{
	overflow:hidden;
	font-family: 'MyriadPro';
	font-size:16px;
	line-height:22px;
	color:#ffffff;
}
.testimonials-name span{
	display:block;
	font-family: 'MyriadPro';
	font-size:14px;
	line-height:16px;
	color:#d90000;
}

/* 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:#0033cc;
	padding:20px 0;
}
.footer-shadow{
	background:url(../images/footer-shadow.png) 0 0 no-repeat;
	min-height:285px;
	padding-left:4%;
}
.footer-top h4{
	font-size:17px;
	line-height:20px;
	color:#ffffff;
	margin-top:40px;
	font-weight: 600;
	margin-bottom:25px;
}	
.footer-top p{
	font-size:14px;
	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:14px;
	line-height:25px;
	color:rgba(255,255,255,0.9);
}
ul.footer-link li a{
	font-size:14px;
	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:14px;
	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:18px;
	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:#001268;	
}
.footer-inner{
	position:relative;
}
.footer-logo{
	position:absolute;
	left:0;
	top:-20px;
}
.footer-bottom p{
	font-size:14px;
	line-height:18px;
	color:#ffffff;
	text-align:center;
	margin-bottom:0;
	padding:15px 0;
}

.footer-bottom p a:hover{
	text-decoration:underline;
}

/* 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: 'MyriadPro';
	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: 'MyriadPro';
	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:14px;
	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: 'MyriadPro';
	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:14px;
	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: 'MyriadPro';
	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:14px;
	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:14px;
	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: 'MyriadPro';
	font-size:22px;
	color:#fff;
	background:#001268;
	border:none;
	border-radius:5px;
	padding:8px 40px;	
	margin-left:15px;
	text-transform:uppercase;
}
.submit-btn:hover{
	background:#d90000;
	color: #001268;
}
.contactbox{
	background:#0033cc;
	border: solid medium #d90000;
	border-radius: 10px;
	padding:15px 15px 10px;
}
.contactbox span{
	display:block;
	margin-bottom:8px;
	font-size:15px;
	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:15px; margin-bottom:7px;}
.callbg span{font-size:31px;}
.callbg h3{font-size:14px; 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;}
}
@media screen and (max-width: 680px) {
.satis-img{display:none;}
.backed-img{display:none;}
.paybg span{font-size:15px; line-height:18px; padding:10px 15px;}
.callbg:before, .callbg:after{display:none;}
.callbg{padding:10px;}
.banner-inner02{margin-bottom:10px;}
}

@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;}
}
@media screen and (max-width: 500px) {
.header-right{width:100%; text-align:center; margin-top:10px; overflow:hidden;}
ul.quick-contact{margin-left:0;}
}
@media screen and (max-width: 479px) {
.callbg:before, .callbg:after{display:block;}
.callbg h2{display:none;}
.paybg span{font-size:14px; line-height:16px;}
.callbg{padding:5px 30px;}
.callbg span{font-size:21px;}
.callbg h3{display:none;}
}