@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
*{margin:0; padding: 0;transition: all ease-in-out 0.1s;position: relative;z-index:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding: 0;}
body {
	font-family: 'Roboto', sans-serif;
	color:#333;
	font-weight:400;
}
p {
	font-size: 14px;
	line-height:25px;
        margin-bottom: 0;
}
h1 {
	font-size: 20px;
	font-weight:500	;
	margin: 0 0 30px 0;
}
h2 {
	font-size: 26px;
	font-weight:500;
}
h3 {
	font-size:48px;
	font-weight:700;	
}
h4 {
	font-size: 18px;
	font-weight:500;
}
.white {color: #fff;}
.red {color:#dd282e;}
.container-fluid {width: 100%;}
.container {width: 1100px;}
.header {
	padding: 40px 0 0 0;
	background:url(../images/banner.jpg) no-repeat center top;
}
.logo {
	width:194px;
	margin: 15px auto;
	
}
.logo img {text-align:center;}
.header h2 {
	padding: 120px 0 30px 0;	
}
.header p {
	padding: 30px 0 59px 0;	
}
.arrow-down {
	width: 85px;
	height:45px;
	margin:auto;	
}
.about {
	background:#f1f1f1;
}
.about h1:after {
	content:' ';
    position: absolute;
    display:block;
    width: 50px;
    margin: 15px 0;
    border:2px solid #ae0d07;
}
.about .col-lg-6 {
	padding:0 50px 0 14px;
}
.about h3{
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 15px;
}
.about ul {
    margin-bottom: 20px;
}
.about ul li{
    margin-bottom: 5px;
}
.about ul li:last-child{
    margin-bottom: 0px;
}

.video {
	background: url(../images/video-bg.jpg) no-repeat center top #db3b3f;	
}
.video h4:after {
	content:' ';
    position: absolute;
    display:block;
    width: 50px;
    margin: 15px 47%;
    border:2px solid #fff;
}
.video img {
	margin:50px auto;
}
.video iframe {
	width: 100%;
	height:250px;
}
.pd75 {
	padding: 48px 0;
}
#big {
	display:block;
	transition:all 5000ms;
}
#small {
	display:none;
	transition:all 500ms;
}
.f-nav{  /* To fix main menu container */
    z-index: 10;
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%;   
    animation:slide-down 0.7s;
    transition: all ease-in-out 0.1s;
}
.f-nav .hidden_text{
	display: none !important;
}
.f-nav .btn_area{
	    margin-bottom: -8px;
    margin-top: -13px;
}
@-webkit-keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
@-moz-keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
@-ms-keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
@-o-keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
@keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
.fly {
	background:url(../images/red-bg.jpg) no-repeat right top #db3b3f;
	//position: sticky;
	top:0;
	z-index:10;
}
.fly p a.apply {
	display:inline-block;
	background:#fff;
	border:2px solid #fff;
	color:#dd282e;
	border-radius: 10px;
	padding: 8px 25px;
}
.fly p a.apply:hover {
	text-decoration:none;
	background:#fff;
	color:#dd282e;	
}
.fly p a.download {
	display:inline-block;
	border:2px solid #fff;
	border-radius: 10px;
	padding: 8px 25px;
	color:#fff;
}
.fly p a.download:hover {
	text-decoration:none;
	background:#fff;
	color:#dd282e;	
}
.pd38 {
	padding: 26px 0;
}
.pd20 {
	padding: 15px 0 10px 0;
}
.pd15 {
	padding: 15px 0 5px 0;
}
.jobdetail h1:after {
	content:' ';
    position: absolute;
    display:block;
    width: 50px;
    margin: 15px 0;
    border:2px solid #ae0d07;
}
.jobdetail ul {
	margin:0;
	padding: 5px 0 10px 20px;
}
.jobdetail ul li {
	margin:0 0 7px 0;
}
.jobdetail ul li ul {
	margin:10px 0 0 0;
	padding:10px 0 0 20px;
}
.gbox {
	background:#f1f1f1;
	padding:30px;
	margin:0 0 50px 0;
	position: relative;
    z-index: 0;
}
.gbox .btn {
	font-size: 18px;
	padding: 15px 40px;
	margin-bottom:15px;
	border:0;
	width:65%;	
}
.gbox .btn img {
	display:inline-block;
	margin-left:15px;
	margin-top:-5px;
}
.gbox ul {
	margin:0;
	padding: 5px 0 0 20px;
}
.gbox ul li {
	margin:0 0 10px 0;
}
.shadow {
	box-shadow: 0 10px 20px -6px #ccc;
}
.border-d {
	border-bottom:2px solid #df3339;
}
.branch {
	background:black;
}

.slider {
	width: 100%;
	margin: 10px auto;
}
.slick-slide {
	margin: 0px 20px;
}
.slick-slide img {
	width: 100%;
}
.slick-prev:before, .slick-next:before {
	color: #fff;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick-active {
	opacity: 1;
}
.slick-current {
	opacity: 1;
}
.owl-nav {
	position: absolute;
	top: 33%;
	left: 0px;
	transform: translate(0%, -50%);
	width: 100%;
}
.owl-nav span {
	font-size: 34px;
	width: 35px;
	height: 35px;
	background: #fff;
	line-height: 28px;
	border-radius: 50%;
	color: rgba(0, 0, 0, 0.5);
	display: inline-block;
	text-decoration: none;
}
.owl-nav span:hover {
	color: rgba(255, 255, 255, 1);
	background: #000000;
}
.owl-nav button {
	outline: none;
}
button.owl-next {
	right: -16px;
	position: absolute;
}
button.owl-prev {
	left: -16px;
	position: absolute;
}


footer {
	background: #333333;
	padding:15px 0;
}
footer p {
	color: #cfcfcf;
	margin:0;
	padding:0;
}

.job_description .accordation_wrapper{
    margin-top: 0em;
}
.job_description {
    margin: 15px 0;
}
.job_description .heading{
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}
.job_description .panel-group{
    margin-bottom: 0;
}
.job_description .panel-group .panel {
    margin-bottom: 20px;
    border-radius: 0px;
    border: none;
    box-shadow: none !important;
}
.job_description .panel-default {
    border-color: #333333;
}
.job_description .panel-body {
    padding: 20px 0;
    border-top: none !important;
}
.job_description .panel-group .panel+.panel {
    //margin-top: 0px;
}
.job_description .panel-title>a{
    width: 100%;
    display: inline-block;
    padding: 18px 0;
    background: #fff;
    color: #000;
    font-size: 16px;
    text-decoration: none;
    position: relative;
	border-bottom: 4px solid #ae0d07;
}
.job_description .panel-title>a:after{
    position: absolute;
    content: "";    
    right: 20px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 2px solid #000;
    transform: rotate(45deg);
    border-bottom: 0px;
    border-right: 0px;
}
.job_description .panel-heading {
    padding: 0;
}
.job_description .panel-title>a.collapsed{
    background: #fff;
    color: #000000;
	border-bottom: 4px solid #ae0d07;
}
.job_description .panel-title>a.collapsed:after{
    position: absolute;
    content: "";    
    right: 20px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 2px solid #000;
    transform: rotate(45deg);
    border-top: 0px;
    border-left: 0px;
}
.job_description .panel-body ul{
    margin-bottom: 0px;
}

@media (max-width:768px){
.container {width: 100%;}
h1 {font-size: 18px;}
.header h2 {
    padding: 30px 0 30px 0;
}
h3 {font-size: 28px;}
.header p {
    padding: 30px 0 30px 0;
}
.pd75 {
    padding: 35px 0;
}
.pd66 {
    padding: 25px 0;
}
.video {
	background: #db3b3f;	
}
.video iframe {
	width: 100%;
	height:300px;
	margin:20px 0;
}
.fly {background: #db3b3f;}
.fly p:nth-child(2) {
	display:none;
}
.fly h4 {
	text-align:center;
}
.fly p {
	margin: 0 0 15px 0;
}
.fly p a.apply {
	padding:8px 25px;
}
.fly p a.download {
	margin-top:10px;
	padding:8px 25px;
}
.fly .text-right{
	text-align:center;
}
.pd15 {
	padding:0;
}

@media (max-width:990px) {
.container {width: 100%;}
}

