html,
body {
    height: 100%;
	letter-spacing:0.4px;
}

li{
	list-style:none;
}
.img-portfolio {
    margin-bottom: 30px;
}
.img-hover:hover {
    opacity: 0.8;
}
/* hover effect */

.info-animation
{

}
.info-animation:hover
{
	background:#2c2c2c;
	height: 231px;
margin-top: -20px;
}
.info-animation img
{
	 -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.info-animation:hover img{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}
/* top header start */
.header-top
{
	position:absolute;
	top:0;
	width: 100%;
}
.top-header
{
padding:10px 0px;
width:100%;
position:relative;
float:left;
background:#d8281b;
z-index:1;
}
.top-header ul
{
	padding:0;
	margin:0;
}
.top-header ul li
{
	padding:0px 20px;
	margin:0;
	display:inline-block;
	list-style:none;
	float:left;
}
.top-header ul li a
{
	color:#fff;
	padding:0;
	transition:all 0.2s ease-in-out;
}

.top-header ul li a:hover{
	color:#000;
}

.top-header ul.left-info li
{
	border-right:1px solid #fff;
}


.top-header ul li:first-child
{
	padding-left:0px;
}
.top-header ul li:last-child
{
	border:none;
	padding-right:0px;
}
.top-header ul.contact-info li
{
	float:none;
}
.top-header ul.contact-info li i
{
	margin-right:5px;
}
.header{
	float:left;
	width:100%;
}
nav .header .navbar-header{ z-index:9; position:relative; float:left;} 
.social-icon
{

	position:relative;
	width:auto;
	display:inline-block;
	float:right;
}
.social-icon li
{
	list-style:none;
	float:left;
	background:#c5c5c5;
	border-radius:50%;
	margin: 10px 5px;
	padding:0;
	text-align: center;
}
.social-icon li a
{
color:#fff;}

/* footer social icons */
.social-icon ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
.social-icon ul.social-network li {
	display: inline;
}


/* footer social icons */
.social-icon .social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-icon .social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-icon .social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-icon .social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-icon .social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-icon .social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-icon .social-network a.icoRss:hover i, .social-icon .social-network a.icoFacebook:hover i, .social-icon .social-network a.icoTwitter:hover i, .social-icon .social-network a.icoGoogle:hover i, .social-icon .social-network a.icoVimeo:hover i, .social-icon .social-network a.icoLinkedin:hover i {
	color:#fff;
}
.social-icon a.socialIcon:hover, .social-icon .socialHoverClass {
	color:#44BCDD;
}

.social-icon .social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width:40px;
	height:40px;
	font-size:20px;
}
.social-icon .social-circle li i {
	margin:0;
	line-height:40px;
	text-align: center;
}

.social-icon .social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-icon .social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-icon a {
 background-color: #D3D3D3;   
}

/* top header end */

/* Home Page Carousel */
.banner
{
position: relative;
width: 100%;
height: 640px;
float: left;
}
.carousel-caption h2
{
	font-size:55px;
}
.carousel-caption h4
{
	color:#fff;
	font-size:25px;
}
.read-more
{
		background: url(../image/icon/read-more.png) no-repeat center;
width: 163px;
padding: 15px 20px;
background-size: 100% 100%;
margin: 10px 0px;
float: left;
height: 50px;
	}

.carousel-caption a{ color:#fff; transition:all 0.5s;}
.carousel-caption a:hover{ color:#000;}
	

header.carousel {
    height: 100%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* info box start */
.info-box
{
	margin-top: -50px;
display: inline-block;
float:left;
width: 100%;
}
.info-box .col-md-2
{
	width: 20%;
}
.info-box img
{
	padding:10px 0px;
}
.info-box h4
{
	font-size:16px;
	padding:10px 0px;
}
.red-1,.red-2,.red-3,.red-4,.red-5
{
	padding: 15px 2px;
	color:#fff;
	text-align:center;
}
.red-1
{
	background:#ff5d54;
}
.red-2
{
	background:#ff443a;
}
.red-3
{
	background:#ff2c21;
}
.red-4
{
	background:#e5170d;
}
.red-5
{
	background:#c30900;
}
/* info box end */
/* about strat */
#about
{
	padding:10px 0px 60px;
	border-right:1px dotted #c5c5c5;
	border-left:1px dotted #c5c5c5;
	float:left;
	width:100%;
}
.border-left
{
border-left:1px dotted #c5c5c5;
}
.border-right
{
border-right:1px dotted #c5c5c5;
}
.about h2
{
	font-weight:normal;
	padding:10px 0px 20px;
}
.about p
{
	line-height:30px;
	color:#414141;
	font-size:16px;
	font-weight:100;
}
#about ul, .mission-value ul{
	padding-left:20px;
	margin:0;
}
#about ul.about li, .mission-value ul li{
	padding:8px 10px;
}
#about ul.about li i, .mission-value ul li i{
	text-indent:-18px;
	
}
#about .about-tag
{
	padding: 80px 0px 20px;
float: left;
width: 100%;
}
#about .about-tag li{
	display:inline-block;
	border-right:1px dotted #c5c5c5;
	padding:0px 10px 0px 8px;
}
.about-tag big{
	font-size:38px;
}
.rotate-div
{
		transform:rotate(-10deg);
		-webkit-transform:rotate(-10deg);
		-moz-transform:rotate(-10deg);
		height:80px;
		line-height:70px;
		border:4px double #da271d;
		transition:all 0.5s;
}
.rotate-div:hover{
	background:#2c2c2c;
border:4px double #fff;
}
.rotate-div:hover .txt-red
{	color:#fff;}
.mission-value
{
	
}
.txt-red
{
	color:#da271d
}
.bg-red
{
	background:#da271d;
	display: inline-block;
}
.big-txt
{
	font-size:35px;
	padding:25px 0px;
}
.pad-tb-20
{
	padding:20px 0;
}
.pad-lr-20
{
	padding:0px 20px;
}
/*about end */
/* clientele start */

#clientele, #alliances
{
	padding:50px 0px;
	width:100%;
	float:left;
	position:relative;
}
#clientele .logo, #alliances .logo{
	width:100%;
	padding:10px;
	border:1px solid #c5c5c5;
	text-align:center;
	margin:5px 0px;
	text-align:center;
}
#clientele .logo .img-responsive, #alliances .logo .img-responsive 
{
	display:inline-block
}
/* logo slider start */
.logo-slider
{
	border:1px solid #c5c5c5;
	padding:8px;
	float:left;
	width:100%;
	color:#fff;
}
.logo-slider span
{
	padding: 20px 0;
	float: left;
	font-size: 24px;
	width: 100%;
}
.logo-slider img{
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
   -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  cursor:pointer;
}


.logo-slider img:hover
{
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.logo-slider .logo-slider #logoSlide{
	display:none;
}

.logo-slider .nbs-flexisel-container {
    position:relative;
}
.logo-slider .nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.logo-slider .nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
	margin:0px;
}

.logo-slider .nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
	display:inline-block;
}
.logo-slider .nbs-flexisel-item img {
    width:100%;
    cursor: pointer;
    position: relative;
    margin:0;
	padding:0 8px;
	display:inline-block;
}



/* logo slider start */

/*  testimonial start */

#testimonial 
{
	padding:50px 0px;
	width:100%;
	float:left;
	position:relative;
	background:url(../image/bg/testimonial.png) center no-repeat;	
}
#testimonial h2
{
	color:#fff;
}
#testimonial p
{
	color:#fff;
	font-weight:normal;
	line-height:30px;
	font-size:16px;
}
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #fff;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #fff;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #fff;
    opacity: 1;
    overflow: hidden;
}
#testimonial .carousel-inner {
    min-height: 300px;
}
#testimonial .item blockquote {
    border-left: none;
    margin: 0;
}
#testimonial .item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/* testimonial  end */

/*  inner page start */
.inner-banner
{
position: relative;
width: 100%;
height: 440px;
float: left;
}

.inner-banner .overlay, .banner .overlay
{
	background:rgba(0,0,0,0.5);
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
}
/* inner Page End */
/* services page start */
#services, #contact, #solutions
{
	padding:50px 0px;
	width:100%;
	float:left;
}



/********************************* Contact CSS Start ******************/
.contacts-info{
	width:100%;
	float:left;
	padding:15px 10px;
	margin:0px 0 30px;
	background:#fff;
	border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    min-height: 110px;
}
.contacts-info i{
	height:45px;
	width:45px;
	text-align:center;
	border: 2px solid #f0bd2b;
	color:#ab3523;
    border-radius: 50%;
    padding: 12px;
    font-size: 20px;
    float: left;
    margin-right: 10px;
}
.contacts-info h4{
	margin: 0;
	float: left;
	width: 76%;
}
.myform iframe{
	background:#fff;
	padding:5px;
	border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.myform hr{
	border-top: 1px dashed #ab3523;
    margin:0px 0 30px;
}
.myform a:hover i{
	border: 2px dashed #ab3523;
	color:#f0bd2b;
}


/********************************* Enquiry CSS *******************/	
.well{
	padding:20px 20px 0 20px;
	position:relative;
}
.well .enquiry-img{
	position:absolute;
	bottom:0;
	right:0;
	top:0;
}
.well .enquiry-img img{
	height:100%;
}


.borwse .image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;  
float:left;	
width:90px;
font-size: 9px;
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
.borwse input{float:left;}

/********************************* Contact CSS End ******************/

/* Footer Styles */

footer {
    padding: 20px 0 50px;
	width:100%;
	float:left;
	position:relative;
	color:#fff;
	background:#000;
}
footer h2
{
	border-right:2px solid #e00f00;
	border-left:2px solid #e00f00;
	padding:0px 10px;
	display:inline-block;
	font-size:20px;
	margin-bottom:30px;
	text-transform:uppercase;
}
footer ul
{
	padding-left:28px;
	margin:0;
		list-style:none;
}
footer ul li a
{
	color:#c5c5c5;
	transition:all 0.2s ease-in-out;
}
footer ul li a:hover{
	color:#da271d;
}
footer ul li i
{
	color:#c5c5c5;
}
footer .address-info li, footer .footer-info li
{

	padding:8px 0px;
}

footer .address-info li i, footer .footer-info li i
{
	margin-right:0px;
	text-indent:-25px;
}
footer .footer-info ul
{
	padding:0;
}
footer .footer-info li
{
	border-bottom:1px solid #c5c5c5; 
}

footer .footer-info li i, footer .footer-info li i
{
	text-indent:0;
	margin-right:10px;
}

footer .get-in-touch input[type="text"],footer .get-in-touch input[type="email"],footer .get-in-touch textarea 
{
	background:transparent;
	border-bottom:1px solid #c5c5c5;
}
footer .get-in-touch, footer .footer-info, footer .address-info
{
	margin-top:30px;
}
.social-footer
{
	position:relative;
	width:100%;
	float:left;
}
.social-icon-f 
{
	padding: 8px;
background: rgba(0,0,0,0.5);
float: left;
position: absolute;
bottom: -26px;
z-index: 1;
left:42%;
}
.social-footer .social-icon-f ul
{
	list-style:none;
	padding:0;
	margin:0;
}

.social-footer .social-icon-f ul li
{
	margin-right:5px;
	display:inline-block;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	
}
.social-footer .social-icon-f li a
{
	color:#fff !important;
	font-size:18px;
}
.social-footer .social-icon-f ul li:last-child
{
	margin-right:0px;
}
.submit{
	border:1px solid #c5c5c5;
	background:transparent;
	color:#c5c5c5;
	padding:10px;
	transition:all 0.2s ease-in-out;
}
.submit:hover{
	border:1px solid #e00f00;
}

/* footer last start */
.footer-last
{
	padding:25px 0px;
	width:100%;
	float:left;
	position:relative;
	background:#252525;
}
.footer-last p
{
	margin-bottom:0px;
}

.test {
}
.test a {
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-family: fontawesome;
  position: relative;
  display: inline-block;
  width:30px;
  height:30px;
  padding-top:6px;
  margin: 0 2px;
  transition: all .5s;
}
.test a:hover {
  background: #e00f00;
}
.test a:hover p {
  bottom: 25px;
  visibility: visible;
}
.test a p {
  color: #666;
  position: absolute;
  bottom: 0;
  left: -25px;
  right: -25px;
  padding: 5px 7px;
  z-index: -1;
  font-size: 16px;
  border-radius: 2px;
  background: #fff;
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.6, -0.6, 0.2, 1.5);
}
.test a p:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  bottom: -5px;
  left:35px;
}
.test a:nth-of-type(1):before {
  content: '\f09a';
}
.test a:nth-of-type(2):before {
  content: '\f099';
}
.test a:nth-of-type(3):before {
  content: '\f0d5';
}
.test a:nth-of-type(4):before {
  content: '\f113';
}
.test a:nth-of-type(5):before {
  content: '\f17d';
}
.test a:nth-of-type(6):before {
  content: '\f1cb';
}


.facebook
{
	background:#3b5998
}
.twitter
{
	background:#019ad2
}
.google-plus
{
	background:#cb2027
}
.pinterest
{
	background:#3b5998
}
.linkedin
{
	background:#bd2126
}

.scrollToTop
{
	position:fixed;
	bottom:12px;
	right:20px;
	float:left;
	z-index:1;
	width:45px;
	height:45px;
}
.scrollToTop img{width:100%;}
/* footer last end */

/*--work--*/
.work {
    background: #fff;
	width:100%;
	float:left;
	position:relative;
	padding:50px 0px 80px;
}
.work-left {
    text-align: right;
    padding: 3em 5em 0 0;
}
.work-right {
    border-left: 1px solid #999;
    padding: 2.5em 0 2em 6em;
}
.work-info h4 {
    font-size: 1.2em;
    background: #da271d;
    display: inline-block;
    padding: .6em 1.2em;
    color: #fff;
	position:relative;
}
.work-info h4:before {
    width: 0;
    height: 0;
    position: absolute;
	/*-- w3layouts --*/
    content: '';
    top: 9px;
    right: -14px;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #da271d;
}
.work-info h5 {
    font-size: 1.3em;
    color: #da271d;
    margin-bottom: .5em;
    /*border: 1px solid #da271d;*/
    display: inline-block;
    padding: 0 1.2em;
}
.work-info h5 span.glyphicon {
    font-size: 0.9em;
    color: #fff;
    background: #da271d;
    padding: 1em;
    -webkit-border-radius: 70%;
    -moz-border-radius: 70%;
    border-radius: 70%;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.work-right h5 span.glyphicon {
    margin-right: 5em;
    margin-left: -8em;
}
.work-left2 h5 span.glyphicon {
    margin-left: 4em;
    margin-right: -7.3em;
    z-index: 9;
}
.work-right.work-right2 {
    min-height: 210px;
    float: right;
}
.work-right.work-right2 h4:before {
    left: -14px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	/*-- agileits --*/
    transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.work-right.work-right2 h4 {
    margin-top: 0.8em;
}
.work-info:hover h5 span.glyphicon {
    color: #F7E612;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
    transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}/* Responsive style start */
@media screen and (max-width:980px)
{
	#services .img-responsive
		{
			display: inline-block;
			}
	.rotate-div
	{
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		margin-bottom:10px;
	}
	#about .about-tag
	{
		padding: 10px 0px 10px;
	}
	.big-txt
	{
		font-size:28px;
	}

	.text-right
	{
		text-align:left;
	}
	.border-left, .border-right
	{
		border:none;
	}
	.well .enquiry-img{
			display:none;
		}
	#solutions
	{
		text-align:center;
	}
	#solutions .pull-left, #solutions .pull-right
	{
		float:none !important;
	}
	#solutions .img-responsive
	{
		display:inline-block;
	}
	#quote-carousel .carousel-control.left
{
	left:-20px;
}
#quote-carousel .carousel-control.right
{
	right:-20px;
}
	.info-box .col-md-2
{
	width: 90%;
margin: 10px auto;
}
.logo-slider span {
    padding: 15px 0;
    font-size: 20px;
}
}
@media screen and (max-width:780px){

#testimonial .carousel-indicators
{
	display:none;
}
#testimonial .carousel-inner {
    min-height: 220px;
}

	.info-box{
    margin-top: 20px;
	}
	.info-box .col-md-2
{
	width: 90%;
margin: 10px auto;
}

.top-header ul li a
{
	padding: 0px 10px;
}
	#services
	{
		text-align:center;
		}
	.pull-right,.pull-left
	{
		float:none !important;
	}
}
@media screen and (max-width:640px){
	.carousel-caption h2
	{
		font-size:44px;
	}
}
@media screen and (max-width:480px){
	.top-header, .social-icon, #testimonial .carousel-indicators
	{
		display:none;
	}
	.carousel-caption h2
	{
		font-size:44px;
	}
	.navbar{
		
		min-height: 120px;
	}
	.info-box{
    margin-top: 20px;
	}

#quote-carousel .carousel-control.left
{
	left:-20px;
}
#quote-carousel .carousel-control.right
{
	right:-20px;
}
.navbar-collapse
{
	margin-top:70px;
}
.social-icon-f
{
	left: 14%;
}
}
/* Responsive style end */
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}