@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
@font-face{
  font-family:'robotobold';
  src: url('../fonts/Roboto-Bold.woff') format('woff'),
       url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}

@font-face{
  font-family:'robotoregular';
  src: url('../fonts/Roboto-Regular.woff') format('woff'),
       url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*************************
*******Typography******
**************************/

body {
  background: #fff;
  font-family: 'robotolight';
  color:#4e4e4e;
  line-height: 22px; font-size:18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family:'robotoregular';
  color:#4e4e4e;
}

h1{
  font-size: 36px;
  color:#fff;color: #404161;
}

h2{
  font-size: 20px;
}

h3{
  font-size: 18px;
  color: #404161;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

a {
  color: #4996d6;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #d43133;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
p{ font-size:18px;}

.btn-primary {
  padding: 8px 20px;
  background: #c52d2f;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #c52d2f;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

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

.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}

.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 70px 0;
}

.center {
  text-align: center;
  padding-bottom: 55px;
}

img{ max-width:100%;}
.m_left20{ margin-left:20px;} 
.m_btm20{ margin-bottom:20px;}
.m_btm30{ margin-bottom:30px;}
.m_btm40{ margin-bottom:40px;}
.m_top20{ margin-top:20px;}
.m_top45{ margin-top:45px;}
.m_left10{ margin-left:10px;}
.m_left20{ margin-left:20px;}
.m_right10{ margin-right:10px;}
.m_right20{ margin-right:20px;}
.width30{ width:30px;}
.pad15{ padding:15px;}
.pad10{ padding:10px;}
.pad_t2{ padding-top:2px;}
.pad_left10{ padding-left:10px;}
.pad_left0{ padding-left:0;} 
.pad_t10{ padding-top:10px;}
.pad_t8{ padding-top:8px;}  
.pad_b10{ padding-bottom:10px;} 
.pad_left20{ padding-left:20px; } 
.pad_right20{ padding-right:20px;}
.m_btm15{ margin-bottom:15px;} 
.pad_left15{ padding-left:15px; } 
.pad_right15{ padding-right:15px;}

.pad_t3{ padding-top:3px;}
.light_text{ color:#b4b5b9;}
.font_18{ font-size:18px;}
.font_11{ font-size:11px;}
.font_28{ font-size:28px;}
.font_22{ font-size:22px;}
.line_h12{ line-height:12px;}
.line_h18{ line-height:18px;}
.brdr_top1{ border-top:1px solid #e8e9eb;}
.blue_text{ color:#2394d2;}
.hed{ background:url(../images/pattren.jpg) repeat;}  
.logo{padding-top: 7px;float: left;} 
.hed ul{ margin:0; padding:80px 0 0; list-style-type:none; float:none; display:inline-flex;} 
 .hed ul li{display:inline-block; position:relative;}
 .hed ul li a{ display:block; padding:10px 20px; font-size:18px; color:#164662;font-family: 'robotolight';}
  .hed ul li a:hover, .hed ul li.active a{ background:#103449; color:#fff;}
 .hed ul li:after{     width: 1px;
    height: 15px;
    background: #f09654;
    content: "";
    position: absolute;
    left: 0;
    top: 14px;}
  .hed ul li:nth-child(1):after{ display:none;}
 .contact_num{text-align:right;font-size:24px;color:#69879a;padding-top:40px;font-family: 'robotolight';float: right;}
 #homeslider .item{ min-height:450px; background-size:cover !important; text-align:center;}
 #homeslider .item h3{color:#fff;margin: 200px 0 0;font-size:80px;font-family:'robotobold';text-shadow:0 2px #000;display: inline-block;min-width: 79%;text-align: left;}
  #homeslider .item .hedright{font-family: 'robotolight';font-weight:100;font-size:50px;padding-top: 60px;float: right;}
 
 #homeslider .item .plus{font-size:250px;font-family: 'robotolight';font-weight:800;color:#fb7a1c;text-shadow:0 0 0;line-height: 11px;position: absolute;padding-left: 20px;}
 .bgabout{ background:url(../images/aboutbg.jpg) repeat-x 0 0; padding:40px 40px;background-color: #e7e7e7; position:relative;}
 .block{ display:block;}
 .bold{ font-size:38px;font-family:'robotobold'; font-weight:900;}
 .textblack{ color:#182e3e;}
 .bgabout h2{ color:#ff4e00; font-size:38px;font-family: 'robotolight'; font-weight:100;margin: 0 0 20px;}
  .bgabout p{ line-height:25px; color:#212121;}
.more{ text-align:right;} 
 .more a{ color:#040404;font-family:'robotobold';}
 .curve1{ position:absolute; bottom:0; right:0;}
.pad_r0{ padding-right:0;}  
.services{ padding:60px 0 30px;} 
.heading_main{ margin:0 0 20px;color:#ff4e00; font-size:38px;font-family: 'robotolight'; font-weight:100;} 
.serv_text{ background:url(../images/servicesbg.jpg) repeat-x 0 bottom; padding:15px;background-color: #f2f2f2; position:relative;} 
 .serv_text p{ font-size:16px;}
 .serv_text h5{ margin:0 0 10px; font-size:17px;font-family:'robotobold'; color:#040404;} 
.curve2{ position:absolute; bottom:0; right:0;} 
  .more a:hover{ color:#ee8032;}
.contactbg{ background:#f2f2f2; padding:20px;min-height: 135px;} 
.contactbg strong{font-family:'robotobold';}  
.font16{ font-size:15px;}
 .contactbg img{ padding-right:10px;}
  .cont .col-md-4 p:nth-child(1){ min-height:50px;}
.footer{background: #0e3264;
    padding: 15px 0;
    color: #8d9aad;
    font-size: 14px;
    font-family: 'robotolight';
    text-transform: none;}
 .footer a{color:#8d9aad;}
  .footer a:hover{color:#fff;}
.jobseek{ padding:200px 0 0; color:#fff;} 
.jobseek h4{ margin:0 0 10px; font-size:75px;font-family:'robotobold'; color:#fff; text-shadow:0 2px #000; } 
.pad0{ padding:0;} 
 .jobseek p{ font-size:25px;font-family: 'robotolight'; margin-bottom:20px; }
 
 .plus1{font-size: 200px;
    font-family: 'robotolight';
    font-weight: 800;
    color: #fb7a1c;
    text-shadow: 0 0 0;
    line-height: 11px;
    position: absolute;
    padding-left: 0px;
    left:-30px;
    top: -30px;}
 .pad_r50{ padding-right:50px;}
 .innerbanner{ background-size:cover !important; min-height:320px; padding-top:210px;}
 .innerbanner h4 {
    color: #fff;
    font-size: 38px;
    font-family: 'robotolight';
    font-weight: 100;
    margin: 0 0 20px;
}
.bord_b8{ border-bottom:8px solid #0e3264;}
.hed3{ margin: 0 0 15px;
    font-size: 20px;
    font-family: 'robotolight';
    color: #ff4e00;
    border-bottom: 1px solid #eee;
    padding: 10px 0 10px;
    font-weight: 600;
   } 
.pad_t0{ padding-top:0 !important;} 
 p {
    font-size: 18px;
    line-height: initial;
}
.pad_l_r30{ padding-left:30px; padding-right:30px;}
 
 .panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
	padding: 12px 20px;
    text-transform: none;
    font-size: 22px;
    font-weight: 600;
    font-family: 'robotolight';
    color: #0e3264;
}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
} 
 
.faq .panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    background: none;
    border: 0; padding:0;
} 
 .faq .panel-title>a, .faq .panel-title>a:active{ padding:12px 20px;}
 
 .faq .panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 0px solid #ddd; padding-top:0;
}
 .faq .panel-group .panel {  
    border-radius: 30px; border:2px solid #97a7bc;
}
.applybtn{background:#0e3264;
    border-radius: 30px;
    padding: 10px 30px;
    font-size: 25px;
    display: inline-block;
    font-family: 'robotolight';
    font-weight: 100;
    color:#fff;
    margin-top:20px;
    border:none;
    text-transform:uppercase;
    font-size: 18px;} 
 .applybtn:hover{ color:#fff;}
 .quote{ margin:30px 0; font-size:22px;} 
  .quote span{ color:#ff4e00;}
 
 .formcol{ padding:50px 200px; text-align:center;}
  .formcol input{ padding:10px 20px; width:100%; border:1px solid #ccc; border-radius:4px;}
   .formcol p{ margin:0 0 20px;}
 .formcol select{ padding:10px 20px; width:100%; border:1px solid #ccc; border-radius:4px;}
 .formcol textarea{ padding:10px 20px; width:100%; border:1px solid #ccc; border-radius:4px; min-height:200px;}
 
.formcol button{
    background:#0e3264;
    border-radius: 30px;
    padding: 10px 30px;
    font-size: 25px;
    display: inline-block;
    font-family: 'robotolight';
    font-weight: 100;
    color:#fff;
    margin-top:20px;
    border:none;
    text-transform:uppercase;
    font-size: 18px;
    } 
 .listform{  
    padding: 0 0 0 20px;
    margin: 20px 0;
    line-height: 35px;} 
 .serv_text{ min-height:300px;}
 
 .formcol button:hover{ background:#000;}
 .navbar-collapse.collapse { 
    float: left;
    margin-left: 55px;
}