* {margin:0; padding:0; box-sizing: border-box;}
body {font-family: 'Roboto', sans-serif; background-color: #002744!important; font-weight: 400;}
.bg {background:url('../images/bg.jpg') no-repeat left top;}
header {background:#002744;}
.top_logo {margin:38px 0 8px 0;}
.top_logo img {max-width: 100%;}
.banner {background:#011c31; padding:30px;}
.banner p {color:#fff; font-size:22px; line-height:32px;}
.banner-text {color: #ccc;}
.banner-text h1 {text-transform: uppercase; font-weight: 700; font-size: 40px; margin:0; padding:20px; background:rgba(0,104,179,0.9); width:45%;}
.banner-text h1 span {color: #fff; }
.banner-text h2 {font-weight: 100; font-size: 28px; margin:10px 0; padding:10px; background:rgba(0,104,179,0.9); width:36%;}
.wrapper {margin-top: 3%;}
.b1 {border: 1px solid #dcdcdc; padding: 20px 0 25px 0; border-radius: 5px; list-style-type:none; display:inline-block; color:#989898; min-height:350px; margin:20px 0;}
.b1 h3 {color: #0d77c3; text-transform:capitalize; font-size:17px;    line-height: 24px; margin:0;}
.b1 h4 {color: #0c0c0c; text-transform:uppercase; font-size:15px; font-weight:bold; margin:0; min-height: 35px;}
.cont {margin-top: 15px; min-height: 75px;}
.cont i {text-align: center; width: 20px;}
.b1 a {width: 55%; color:#404a55; text-transform:uppercase; display:block; font-size: 12px; text-decoration:none; border:1px solid #c5c7cb; padding:10px 15px; text-align:center;}
.b1 a:hover {background: #0d77c3; color: #fff; text-decoration: none;}
.applynow {background:url('../images/mailus.jpg') no-repeat center top #0068b3; position: fixed; top: 135px; padding: 20px;}
.applynow p {color: #fff; text-align: center; font-size:20px; line-height: 30px; font-weight: 100; padding-top: 120px;}
.applynow a {text-decoration: none; color: #fff; display: block; background: #333; text-align: center; padding: 15px;}
.applynow a:hover {text-decoration: none; color: #fff;}
.sec {width: 100%; float: left;}
.jd {color: #222; font-weight: 400; width:100%; float:left;}
.jd h1 {font-size: 20px; font-weight: 700;}
.jd h2 {font-size: 16px; font-weight: 700;}
.jd ol {margin:0 0 0 15px; padding: 0;}
.exd {font-weight:400; margin: 25px 0;}
.walkin {font-weight:700; padding:0 0 25px 0;}
.walkin a {color: #0068b3}
.aboutus {background: #0068b3; float:left; color: #ccc; width: 100%; padding-bottom: 30px; font-weight: 100;}
.aboutus h5 {font-size: 23px; color: #fff; font-weight: bold;  width: 100%;  float: left;  margin: 30px 0;}
.aboutus a {color: #fff; font-weight: 400; text-decoration: underline;}
.aboutus a:hover {color: #fff;}
.tag {background: #0068b3; color: #fff; padding: 30px 0;}
.tag h5 {font-size: 30px; color: #fff; font-weight: bold; width: 100%; float: left; padding:0;}
.footer {background: #fff; color: #393939; font-size: 15px; padding: 40px 0; width: 100%; float: left;}
.social {font-weight: bold; font-size: 15px;}
.social a {color: #0068b3; font-size: 25px; vertical-align: middle;}
.social a:hover {color: #0068b3;}

@media (max-width: 1024px) {
    .logo {margin:25px 0; background: #fff; padding: 10px;}
    .banner-text h1 {font-size: 25px;}
    .banner-text h2 {font-size: 20px;}
    .wrapper {margin-top: 18%;}
    .b1 a {width: 65%;}
    .applynow {position: static;}
    .applynow a {font-size: 11px;}
	.job-box h4:after { display:none;}
}

@media (max-width: 360px) {
    .logo {margin:25px 0; background: #fff; padding: 10px;}
    .banner-text h1 {font-size: 25px;}
    .banner-text h2 {font-size: 20px;}
    .wrapper {margin-top: 8%;}
    .b1 a {width: 65%;}
    .applynow {position: static;}
    .applynow a {font-size: 11px;}
	.box {padding:15px 35px!important;}
	.job-box h4:after { display:none;}
}

.register a {background: #fff; color:#fd9916; padding: 10px; border-radius: 5px;display: block; width: 280px; text-align: center; margin: 0 auto; text-decoration: none;}
.register a:hover {background: #fd9916; color:#fff; text-decoration: none;}
.banner{
    width: 100%;
}
.banner img{
    width: 100%;
}
.company_profile{
    color: #fff;
    padding: 16px 0 30px;
    margin-top: 30px;
}
.company_profile h3{
    font-size: 22px;
}
.company_profile p{
    line-height: 24px;
}
.hiring {background:#0e3653; border-top:1px solid #ed9d20; border-bottom:1px solid #ed9d20; padding:32px 0; margin-top:45px;}
.box {padding: 40px 30px!important;}
.purple {background:#84368c;}
.green {background:#007139;}
.blue{background: #376f9e;}
.job-box {padding: 27px;}
.job-box img {margin:0 auto;}
.job-box h4 {color:#fff; font-size: 20px; font-weight:bold; padding:20px 0;}
.job-box h4:after {
       position: absolute;
    content: '';
    width: 85px;
    height: 2px;
    background: #fff;
    top: 230px;
    left: 50%;
    transform: translate(-50%,-50%);
}
.job-box p {font-size: 18px; line-height:24px; text-align:center; color:#fff;}
.job-box a {display:block; border-radius:10px; background:#fff; text-align:center; padding:10px 18px; text-transform:uppercase; color:#84368c; text-decoration:none; width:130px; margin:0 auto; font-weight:bold;}
.job-box a:hover {color:#84368c; text-decoration:none;}
footer{
    background: #001525;
    padding: 2em 0;
}
footer p{
    margin: 0;
    font-size: 12px;
	line-height:20px;
    color: #fff;
    text-align: center
}