/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0; width:98% !important}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0; height:100%;}
.wrapper{width:100%; height:100%}
body {background: #ffffff; color: #636466;font: 12px/22px Arial, Helvetica, sans-serif;}

a{color: #636466; text-decoration: none;}
a:hover, a:focus {color: #eb6551; text-decoration: none; outline:none}

a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #3F3F3F;}
a.button {display: inline-block;text-decoration: none;padding: 6px 12px 6px 12px;}
a.button:hover{}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {background:#ffffff; width: 100%; z-index:100; }
header .top-header{height:30px; background:#eb6551; margin:0 0 -1px 0;}
header .bot-header{height:75px; padding:0 0 0 0px; width:1170px;}
header #logo { float:left; margin:15px 0 0 15px; }

.navbar-header{background:none !important; margin:10px 0px 0px 0 !important}
.navbar{margin-bottom:0 !important;}
.navbar-default{border:0 !important; background:none !important;}


/* ------------------Featured---------------- */

.featured{margin:0px auto;}
.featured .slider{margin:0; padding:0;}
.slider img{position:absolute; top:0; z-index:-1; min-width:1366px;}
.carousel-caption{left: 15%;width:449px;   padding-bottom: 30px;  bottom: 30%;}
.carousel-header{background: none repeat scroll 0 0 rgba(229, 83, 68, 0.9); font-size:22px; text-align:left}
.carousel-header span {color: #fff;display: inline-block;padding: 15px 25px;text-shadow: 0 1px 1px #000;}
.carousel-content a{ padding:4px 10px; font-size:9px; margin:10px 0 5px 0;}
.carousel-content{background:#fff; color:#616161; text-shadow:none; padding:15px 30px; text-align:left; line-height:18px;}
footer { position: fixed; width: 100%;z-index: 1000;bottom:0px; background:#dfdfdf;}
.panel-footer {background:#dfdfdf;}
.carousel-indicators{bottom:50px;!important}
.social-link{float:right; }
.social-link li{ border-right: 1px solid #bc5141;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 0 0; }
.social-link li a{  color: #ffffff;  padding: 5px 10px; font-size:14px;}
.social-link li a:hover{color:#bc5141; text-decoration:none; outline:0;}

.innercontainer {
    padding: 20px 15px 50px !important;
	border-top:10px solid #1889c1;
	margin-top:25px;
	background: #f3f3f3;
	height:auto;
	background: linear-gradient(bottom, rgba(243, 243, 243, 1)90%, rgba(243, 243, 243, .7)100%);
	background: -o-linear-gradient(bottom, rgba(243, 243, 243, 1)90%, rgba(243, 243, 243, .7)100%);
	background: -moz-linear-gradient(bottom, rgba(243, 243, 243, 1)90%, rgba(243, 243, 243, .7)100%);
	background: -webkit-linear-gradient(bottom, rgba(243, 243, 243, 1)90%, rgba(243, 243, 243, .7)100%);
	background: -ms-linear-gradient(bottom, rgba(243, 243, 243, 1)90%, rgba(243, 243, 243, .7)100%);
	}


address
{
line-height:22px !important;
}

address a
{
color:#2f9aff;
}

address .fa
{
line-height:22px;
font-size:14px;
padding-right:10px;
}

.mapsection
{
padding:25px 5px 5px;
background:#d7d7dd;
margin-bottom:25px;
}
.mapsection iframe
{
padding-bottom:10px;
}
.mapsection h2
{
font-size:18px;
color:#253852;
padding:10px 5px;
}

.topbanner article
{
margin:0px auto 10px;
padding:20px 0 0;
width:98%;
}

.topbanner article h1
{
font-size:28px;
margin-top:20px;
}
.modal-title
{
font-size:16px !important;
font-weight:bold;
color:#fff;
}

button.close
{
background:rgba(255, 255, 255, 1) !important;
padding:0 4px;
}
.modal-header
{
border-bottom: 1px solid #1889c1 !important;
}
.modal-body {
    padding: 10px 25px 5px;
	color:#fff;
}
.modal-body p{
font-size: 12px !important;
}
.modal-content
{
background:#101022 !important;
}

.topbanner article h1 span
{
 background: none repeat scroll 0 0 rgba(9, 15, 24, 0.6);
   display: inline-block;
	text-shadow: 0 1px 1px #000;
	color:#fff;
	padding: 20px 25px;
}

.topbanner article p
{
font-size:14px;
margin:10px 0;
}
.topbanner article p span
{
 background: none repeat scroll 0 0 rgba(9, 15, 24, 0.6);
   display: inline-block;
	text-shadow: 0 1px 1px #000;
	color:#fff;
	padding: 5px 10px;
}
#careers
{
	background:url(../images/banner2.jpg) center center fixed;
	 background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#services
{
	background:url(../images/services-bg.jpg) center center fixed;
	 background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#company
{
	background:url(../images/company-bg.jpg) center center fixed;
	 background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#process
{
	background:url(../images/process-bg.jpg) center center fixed;
	 background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#contact
{
	background:url(../images/contact-bg.jpg) center center fixed;
	 background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.tabs h1
{
	font-size:22px;
	color:#FF9816;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	padding-bottom:15px;
}

.page-wrap {
	min-height: 100% !important;
    min-width: 100%;
    padding-top: 100px;
	padding-bottom:100px;
}

.innernav li
{
	margin:0px;
	padding:0px;
}

.innernav li a
{
	display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin:0;
    padding:5px 10px 28px;
}

.innernav li a:hover, innernav li a:focus{
	background:url(../images/tab-bg.png) no-repeat top left;
	text-decoration:none;
	color:#ffffff !important;
}


.innernav li.active > a
{
	color:#fff !important;
}

.panel-title > a {
    color: inherit;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
}

.moreservice-section h2
{
	display:inline-block;
	border-bottom:1px solid #cccccc;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	padding:0 0 5px;
	width:100%;
	color:#2F9AFF;
}

.moreservice-section
{
	background:#253852;
	margin-right:0px;
	padding:15px;
	color:#fff;
	margin-bottom:20px;
}


.service-txt
{
	border:1px solid red;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.headerwrapper
{
	width:1170px;
	margin:0 auto;
}

.navbar-collapse
{
	float:right;
	margin:1px 0 0;
}
.navbar-nav li a
{
line-height: 21px;
    padding: 26px 20px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
 background:#eb6551; !important;
 color: #fff;
}

.nav>li>a:hover,.nav>li>a:focus{
 background:#eb6551; !important;
    color: #fff;	
}


#myTab .innernav > li > a:hover,#myTab .innernav > li > a:focus{
 background:url(../images/tab-bg.png) no-repeat top left !important;
 color: #fff;	
}
	.innernav .active{
	background:url(../images/tab-bg.png) no-repeat top left;
	color:#fff !important;
}

/* Overwrite bootsrap */
.row-offset-0 {
    margin-left: 0;
    margin-right: 0;
}
.row-offset-0 > * {
    padding-left: 0;
    padding-right: 0;
}

/** timeline box structure **/
.timeline {
  list-style: none;
  padding: 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #cecfd1;
  left: 50%;
  margin-left: -1.5px;
}

.tldate {
  display: block;
  width: 200px;
  background: #ffd9d0;
  border: 2px solid #fab9aa;
  color: #636466;
  margin:20px auto 0;
  padding: 3px 0;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.35);
}
.tldate a, .tldate a:focus
{
	padding:10px 40px;
	text-decoration:none;
	outline:none;
	color:#eb6551;
}
.timeline li {
  margin-bottom: 10px;
  position: relative;
}

.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}
.timeline li:after {
  clear: both;
}
.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}

/** timeline panels **/
.timeline li .timeline-panel {
  width: 46%;
  line-height:18px;
  float: left;
  background: #fff;
  border: 1px solid #d4d4d4;
  padding: 20px 25px 15px;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

/** panel arrows **/
.timeline li .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline li .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
  top:0;
  right:0;
  display: none;
  border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
  float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}


/** timeline circle icons **/
.timeline li .tl-circ {
	background:#fff;
  border: 3px solid #90acc7;
    border-radius: 50%;
    color: #fff;
    height: 25px;
    left: 51%;
    line-height: 35px;
    margin-left: -16px;
    position: absolute;
    text-align: center;
    top: 28px;
    width: 25px;
    z-index: 1;
}


/** timeline content **/

.tl-heading h4 {
  margin: 0;
  color: #c25b4e;
  border-bottom:1px solid #e1e1e1;
  padding-bottom:5px;
  margin-bottom:5px;
  font-weight:bold;
}
.timeline article
{
 background: none repeat scroll 0 0 #e5eaec;
    border: 1px solid #ccc;
	box-shadow:0 1px 6px rgba(0, 0, 0, 0.15);	
    color: #404040;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-style: italic;
	font-size:11px;
    font-weight: bold;
    line-height: 15px;
    margin-top: 2px;
    padding: 10px;
    text-align: center;
}

.timeline-inverted h4
{
	color:#058bad;
}
.tl-body p, .tl-body ul {
  margin-bottom: 0;
}

.tl-body > p + p {
  margin-top: 5px;
}

.timeline-panel .list-ordered li
 {
 padding-bottom:0px !important;
 line-height:14px !important;
 }
.list-ordered li
{
background: url("../images/bullet.png") no-repeat scroll 2px 7px rgba(0, 0, 0, 0);
    line-height: 20px !important;
    padding-bottom: 12px;
    padding-left: 14px;
}
.box {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
    padding:15px 10px 15px 12px;
    text-shadow: 0 1px 1px #555;
	min-height:143px;
	height:100%;
	/*border-radius: 4px;*/
	margin-bottom:5px;
}

.box h2
{
font-family: "Open Sans",sans-serif;
text-align:left;
font-size:16px;
color:#ffffff !important;
width:95%;
border:0;
margin-bottom:2px;
}
.blue-box {
    background-color: #23abd5;
    background-image: linear-gradient(to bottom, #23abd5, #025d8a);
    border: 1px solid #0e4461;
}

.red-box {
    background-color: #23abd5;
    background-image: linear-gradient(to bottom, #e9654c, #b3250f);
    border: 1px solid #771608;
}
.box-text{
 color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 10px;
}
.serivce-list li a
{
	font-size:12px !important;
	color:#ffffff !important;
	background: url("../images/bullet.png") no-repeat scroll 0px 50% rgba(0, 0, 0, 0) !important;
	padding-left:15px;
	line-height:28px;
}
.tab-pane h3
{
color:#000;
font-size:16px;
font-family: "Open Sans",sans-serif;
padding-bottom:10px;
}

 @media only screen and (min-width:1025px)
 {

.topbanner article {
    margin: 0 auto 10px;
    padding: 20px 0 0;
    width: 1170px;
}
}
 @media only screen and (max-width: 480px)
 {
.navbar-header
{
	margin-right:5px;
}
	
.navbar-collapse
{
	float:none;	
}
.navbar-nav
{
	background:#fff;
}
.navbar-nav li a {
    line-height: 21px;
    padding: 12px 20px;
	background:#fff;
	border-bottom:1px solid #ccc;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-width: 0 !important;
    margin-left: 0px;
    margin-top: 7px;
}

.moreservice-section
{
	background:#253852;
	margin-right:0px;
	padding:15px;
	margin-left:0px;
}

.mob-no-padding
{
 padding: 0 !important;
   margin: 0 !important;
}
.carousel-caption
{
	bottom: 20%;
    left: 4%;
    padding-bottom: 30px;
    width:300px;
}

.topbanner article
{
margin:0px auto 10px;
padding:20px 10px 0;
width:300px;
}

.topbanner article h1
{
font-size:20px;
margin-top:20px;
}

.topbanner article p
{
font-size:11px;
margin:10px 0;
line-height:18px
}

.innercontainer {
    padding: 20px 15px 50px !important;
	border-top:10px solid #1889c1;
	margin:25px 10px;
}

.panel  
{
margin:0 12px 0 0;}

.panel h3
{
display:none;
}

#frame-map
{
width:96% !important;
}
.mapsection
{
margin-left:15px!important;
}
	}
	
	
	
/** media queries **/
@media (max-width: 991px) {
  .timeline li .timeline-panel {
    width: 44%;
  }
  header .bot-header{height:75px; padding:0 0 0 0px; width:100%;}
#frame-map
{
width:98% !important;
}
.topbanner article {
    margin: 0 auto 10px;
    padding: 20px 0 0;
    width: 98%;
}
.moreservice-section {

margin-left:0px !important;
}
.mapsection
{
margin-left:15px !important;
}
}

@media (max-width: 767px) {
  .page-header h1 { font-size: 1.8em; }
  
  ul.timeline:before {
    left: 40px;
  }
  
  .tldate { width: 200px; }

  ul.timeline li .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline li .tl-circ {
    top: 22px;
    left: 22px;
    margin-left: 0;

  }
  ul.timeline > li > .tldate {
    margin: 0;
  }

  ul.timeline > div > li > .timeline-panel {
    float: right;
  }

  ul.timeline > div >li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline > div> li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }


}

 
 @media only screen and (min-device-width: 481px) and (max-device-width:767px) { 
 .carousel-caption
{
	bottom: 13%;
    left: 11%;
    padding-bottom: 30px;
    width:500px;
}

.topbanner article
{
margin:0px auto 10px;
padding:10px 10px 0;
width:610px;
}
.innercontainer {
    padding: 20px 15px 50px !important;
	border-top:10px solid #1889c1;
	margin:25px 20px;
}
.navbar-collapse
{
	float:none;
	margin:1px 0 0;
	background:#fff;
}
.navbar-nav li a
{
line-height: 21px;
    padding: 15px 20px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
 background:#eb6551; !important;
 color: #fff;
}

.nav>li>a:hover,.nav>li>a:focus{
 background:#eb6551 !important;
    color: #fff;	
}

#frame-map
{
width:98% !important;
}

 }