@charset "utf-8";

body {
	font-family: 'Open Sans', sans-serif;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

a,
a:hover,
a:active,
a:focus {
	outline: none !important;
}

.common-space {
	padding: 50px 0px;
	margin: 0px;
}

.spacer {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	border: none !important;
	background: none !important;
	min-height: 0 !important;
}

* {
	margin: 0;
	padding: 0;
	text-decoration: none
}

.outer-header {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

/* Top Header */


.top-header {
	padding: 5px 10px;
	margin: 0px;
}

/* left,right control class  */
.column-detail {
	padding: 0px;
	margin: 0px;
	float: left;
}

/* Contact Detail style */
.contact-list {
	padding: 0px;
	margin: 0px;
	display: table;
}

.contact-list li {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: left;
	list-style: none;
}

.contact-list a {
	padding: 5px;
	margin: 0px;
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

.contact-list i {
	padding: 5px;
	margin: 0px;
	font-size: 14px;
}

/* Social Network Icon style */
.social-icon-top {
	padding: 0px;
	margin: 0px;
	display: table;
}

.social-icon-top li {
	padding: 0px;
	margin: 0px 5px;
	float: left;
	list-style: none;
}

.social-icon-top a {
	padding: 5px;
	margin: 0px;
	display: block;
	text-decoration: none;
	font-size: 14px;
}

.social-icon-top i {
	padding: 5px;
	margin: 0px;
	font-size: 14px;
}

/* logo */

.logo-header {
	padding: 0px;
	margin: 0px;
	display: table;
	width: 20%;
}

.logo-header a {
	padding: 0px;
	margin: 5px 0px 0px 0px;
	width: 170px;
	display: block;
}

.logo-header a img {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;

}

.request-btn {
	padding: 3px 10px;
	margin: 3px 0px;
	display: block;
	font-size: 14px;
	border-radius: 22px;
}

.request-btn i {
	padding: 0px 5px;
	margin: 0px;
	font-size: 15px;
}

/* Menu */

nav {
height: auto !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

nav ul li.active {
	background-color: transparent !important;
}

nav ul a:hover {
	background-color: transparent !important;
	/* color: #fff; */
}

.menu-list {
	padding: 0px;
	margin: 10px 0px;
	display: table;
	z-index: 99;
}

.component-menu,
.component-menu .menu-list li,
.component-menu .menu-list li a,
.component-menu #head-mobile {
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
}

.component-menu #head-mobile {
	display: none
}

.component-menu>.menu-list>li {
	float: left
}

.component-menu>.menu-list>li>a {
	padding: 13px 10px 20px 10px;
	margin: 0px;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
	position: relative;
}

.component-menu>.menu-list>li.has-sub>a {
	padding-right: 30px
}

.component-menu>.menu-list>li.has-sub>a:before {
	position: absolute;
	top: 15px;
	right: 14px;
	display: block;
	font-family: FontAwesome;
	content: '\f0d7';
}

.component-menu .menu-list ul {
	position: absolute;
	left: -9999px;
	/* margin: 4px 0px 0px 0px; */
	z-index: 99;
}

.component-menu .menu-list ul li:hover {
	background-color: #09090933;

}

.component-menu .menu-list ul li {
	height: 0;

}

.component-menu li:hover>ul {
	left: auto;

}

.component-menu .menu-list li:hover>ul>li {
	height: auto;
float: none;
	
}

.component-menu .menu-list ul ul {
	margin-left: 100%;
	top: 0
}

.component-menu .menu-list ul li a {
	border-bottom: 1px solid rgba(150, 150, 150, 0.15);
	padding: 13px 15px;
	width: max-content;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	text-align: left;
}

.component-menu .menu-list ul li:last-child>a,
.component-menu ul ul li.last-item>a {
	border-bottom: 0
}

.header-menu {
	padding: 5px 10px;
	margin: 0px;
z-index: 99;
width: 100%;
}
.fixed-header {
	top: 0;
	left: 0;
	width: 100%;
	/* padding: 20px 20px 10px 20px; */
	position: fixed !important;
	z-index: 9999;
	transition-delay:.5s;
}

@media screen and (max-width:1000px) {

	.outer-header {
		position: relative;
	}

	.header-menu {
		padding: 10px 0px 0px;
	}

	.logo-header a {
		width: 170px;
	}

	.request-btn {
		display: none;
	}

	nav {
		width: 100%;
	}

	.component-menu {
		width: 100%;
		/* margin-top: -65px; */
	}

	.component-menu .menu-list {
		width: 0%;
		display: none;
		margin: 0px !important;
		position: absolute;
		right: 0px;
		top: 0px;
		-webkit-transition: all .50s ease;
		-ms-transition: all .50s ease;
		transition: all .50s ease
	}

	.component-menu .menu-list.open {
		width: 93%;
		margin: 0px !important;
		position: absolute;
		right: 0px;
		top: 0px;
		display:block;
	}

	.contact-list a {
		padding: 0px 0px 5px 0px;
	}

	.open1 {
		display: block !important;
	}

	.component-menu .menu-list li {
		width: 100%;
		border-top:1px solid #7270704d;
	}

	.component-menu>.menu-list>li>a {
		margin: 0px;
	}

	.component-menu .menu-list ul li,
	.component-menu .menu-list li:hover>ul>li {
		height: auto
	}

	.component-menu .menu-list li a,
	.component-menu .menu-list ul li a {
		width: 100%;
		border-bottom: 0;
		text-align: left;
	}

	.component-menu>.menu-list>li {
		float: none
	}

	.component-menu .menu-list ul li a {
		padding-left: 25px
	}

	.component-menu .menu-list ul ul li a {
		padding-left: 35px
	}

	.component-menu .menu-list ul,
	.component-menu .menu-list ul ul {
		position: relative;
		left: 0;
		width: 100%;
		margin: 0;
		text-align: left;
		display: inline-block;
	}

	.component-menu>.menu-list>li.has-sub>a:after,
	.component-menu>.menu-list>li.has-sub>a:before,
	.component-menu .menu-list ul>li.has-sub>a:after,
	.component-menu .menu-list ul>li.has-sub>a:before {
		display: none
	}

	.component-menu #head-mobile {
		display: block;
		padding: 23px;
		font-size: 12px;
		font-weight: 700
	}

	.button {

		/* position: absolute;
		right: 0;
		top: 0; */
		color:#000;
		cursor: pointer;
		z-index: 1;
	}
	.button:before {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		position: absolute;
		top: 70px;
		right: 70px;
		display: block;
		content: '\f0c9';
		font-family: FontAwesome;
		font-size: 22px;
	}

	.button.menu-opened:after {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		top: 10px;
		border: 0;
		content: '\f00d';
		font-family: FontAwesome;
		display: block;
		font-size: 22px;
		position: absolute;
	}

	.button.menu-opened:before {
		top: 15px;
		display: none;
		font-size: 22px;
	}

	.component-menu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid #c3c3c3cc;
		height: 46px;
		width: 46px;
		cursor: pointer
	}

	.component-menu ul ul .submenu-button {
		height: 34px;
		width: 34px
	}

	.component-menu .submenu-button:after {
		position: absolute;
		top: 22px;
		right: 20px;
		width: 12px;
		height: 2px;
		display: block;
		background: #ddd;
		content: '';
	}

	.component-menu .menu-list ul .submenu-button:after {
		top: 15px;
		right: 13px
	}

	.component-menu .submenu-button:before {
		position: absolute;
		top: 17px;
		right: 25px;
		display: block;
		width: 2px;
		height: 12px;
		background: #ddd;
		content: '';
	}

	.component-menu .menu-list ul .submenu-button:before {
		top: 12px;
		right: 16px
	}

	.component-menu .submenu-button.submenu-opened:before {
		display: none
	}

	.component-menu .menu-list ul ul li.active a {
		border-left: none
	}

	.component-menu>.menu-list>li.has-sub>ul>li.active>a,
	.component-menu>.menu-list ul>li.has-sub>ul>li.active>a {
		border-top: none
	}

	.mobile-container {
		width: 100% !important;
	}

	.contact-list a {
		font-size: 12px;
	}

	.contact-list i {

		font-size: 12px;
	}
}
.has-sub
{
	position: relative;
}

.header-search-box{
	padding: 6px 0px 0px 10px;
	margin: 0px;
	position: relative;
}
.header-search-box .mobile-search{
padding: 0px;
margin: 0px;
display: inline-block;
font-size: 15px;
color:#fff;
font-weight: 400;
text-align: right;
}
.header-search-box .mobile-search span{
	padding: 0px 5px 0px 0px;
	margin: 0px;

	}
	.header-search-box .mobile-search i{
		padding:  0px;
		margin: 0px;
		font-size: 15px;
		color:#fff;
		height:auto;
		}
		.header-search-box form{
			display: none;
			position: absolute;
		    top: 50px;
    right: -10px;
			width: 300px;
			z-index: 9999;
		}
		.header-search-box form input[type="search"]{
			padding: 8px 10px;
			margin: 0px;
			border: 1px solid #a5a5a5;
			background: #ffffff;
			box-sizing: border-box;
			border-radius: 40px;
			height: auto;
		}
		input[type="search"]:not(.browser-default):focus:not([readonly]){
			border-bottom: 1px solid #ccc;;
		-webkit-box-shadow: 0 1px 0 0 transparent;
		box-shadow: 0 1px 0 0 transparent;
		}
		.header-search-box form button{
			padding: 8px 10px;
			margin: 0px;
			position: absolute;
			background: #4d4c4a;
			border: none;
			outline: none;
			top: 1px;
			right: 0px;
			border-radius: 50%;
		}
		.header-search-box form button:focus{
			background: #4d4c4a !important;
		}
		.header-search-box form button i{
			padding: 0px;
			margin: 0px;
			color: #fff;
			font-size: 15px;
			line-height: 0;
			height: auto;  
		}
		/* .fixed-header .header-search-box{
			padding: 23px 0px 0px;
		} */

@media (min-width:280px) and (max-width:399px) {
	.head-mail,
	 .head-address {
		display: none;
	}
	.header-search-box form{
		right: -32px;
		width:325px;
	}
	.logo-header {
		margin:0px auto;
		width:100%;
	}
	.logo-header a{
		margin: auto;
	}
	.header-search-box .mobile-search span{
		display: none;
			}

	.component-menu .menu-list.open {
		width: 90%;

	}

	.mobile-container {
		width: 100% !important;
	}

	.button:after {
		top: 10px !important;
		left: 10px !important;
		-webkit-transition: all .50s ease;
		-ms-transition: all .50s ease;
		transition: all .50s ease;
	}

	.button:before {
		-webkit-transition: all .50s ease;
		-ms-transition: all .50s ease;
		transition: all .50s ease;
		right: 13px;
		position: fixed;
		top: 7px;
	}

	.menu-list {
		position: absolute !important;
		top: -52px;
		right: 0px;
		margin: 10px 0px !important;
	}

	/* .logo-header {
		margin-left: 34px;
	} */

	header {
		position: relative;
	}
	/* .fixed-header .button:before{
		color:#000
	}  */
	.header-search-box {
		/* padding: 20px 0px 0px; */
		margin: 0px;
		position: absolute;
		right: 50px;
		top: 0px;
	}
	.header-search-box .mobile-search{
		color:#fff
	}
	.header-search-box .mobile-search i{
		color:#fff
	}
}

@media (min-width:400px) and (max-width:767px) {
	.head-mail,
	 .head-address {
		display: none;
	}
	.logo-header {
		margin:0px auto;
		width:100%;
	}
	.logo-header a{
		margin: auto;
	}
	
	.button:before {
		-webkit-transition: all .50s ease;
		-ms-transition: all .50s ease;
		transition: all .50s ease;
		right: 13px;
		position: fixed;
		top: 7px;
	}
	.header-search-box .mobile-search span{
		display: none;
			}
	/* .logo-header {
		margin-left: 64px;
	} */
	.button:after {
		position: absolute;
		top: 15px;
		left: 10px;
		display: none;
		font-size: 22px;
	}
	/* .fixed-header .button:before{
		color:#000
	}  */
	.header-search-box {
		/* padding: 22px 0px 0px; */
		margin: 0px;
		position: absolute;
		right: 50px;
		top: 0px;
	}
	.header-search-box .mobile-search{
		color:#fff
	}
	.header-search-box .mobile-search i{
		color:#fff
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.head-address {
		display: none;
	}
	
	.social-icon-top {
		display: none !important;
			}
	.header-search-box .mobile-search span{
display: none;
	}
	.logo-header {
		margin:0px auto;
		width:100%;
	}
	.logo-header a{
		margin: auto;
	}
	.button:after {
		position: absolute;
		top: 15px;
		left: 10px;
		display: none;
		font-size: 22px;
	}
	.button:before {
		-webkit-transition: all .50s ease;
		-ms-transition: all .50s ease;
		transition: all .50s ease;
		right: 13px;
		position: fixed;
		top: 7px;
	}
	/* .fixed-header .button:before{
		color:#000
	}  */
	.header-search-box {
		/* padding: 10px 0px 0px; */
		margin: 0px;
		position: absolute;
	    right: 50px;
    top: 0px;
	}
	.header-search-box .mobile-search{
		color:#fff
	}
	.header-search-box .mobile-search i{
		color:#fff
	}
}

@media (min-width:1024px) and (max-width:1199px) {
	.head-address {
		display: none;
	}
	/* .header-search-box{
		padding: 27px 0px 0px;
	} */
	.button:after {
		right: 50% !important;

	}

	.component-menu>.menu-list>li>a {

		padding: 17px 7px;
	}

	.container {
		width: 95% !important;
	}

	.button:before {

		right: 50% !important;

	}
}

/* Animation Left */
.animate-left {
	position: relative;
	-moz-animation: animateleft 900ms ease;
	-o-animation: animateleft 500ms ease;
	-webkit-animation: animateleft 900ms ease;
	animation: animateleft 900ms ease;

}

@keyframes animateleft {
	from {
		left: -300px;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}


/* Animation Right */
.animate-right {
	position: relative;
	-moz-animation: animateright 900ms ease;
	-o-animation: animateright 500ms ease;
	-webkit-animation: animateright 900ms ease;
	animation: animateright 900ms ease;

}

@keyframes animateright {
	from {
		right: -300px;
		opacity: 0
	}

	to {
		right: 0;
		opacity: 1
	}
}


/*search Details*/

.career_search_result
{
	padding:20px;
	margin:0px;
}
.career_search_result .serch_head_img
{
	padding:0px;
	margin:0px 0px 30px;
	position:relative;
}
.career_search_result .serch_head_img img
{
	padding:0px;
	margin:0px;
	position:relative;
	width: 100%;
}
.career_search_result .serch_head_img h3
{
padding: 10px 15px;
margin: 0px;
position: absolute;
bottom: 20%;
font-size: 25px;
left: 0%;
background: rgba(255, 255, 255, 0.8);
font-weight: 300;
letter-spacing: 2px;
border-radius: 0px 5px 5px 0px;
}
.career_result_list
{
	padding:0px;
	margin:0px;
}
.career_result_list li
{
padding: 15px;
margin: 15px 0px 0px;
list-style: none !important;
}
.career_result_list li:nth-of-type(1)
{
	margin:0px;
}
.career_result_list li .result_list 
{
	padding:10px 0px;
	margin:0px;
	width:5%;
}
.career_result_list li .result_list h4
{
padding: 0px;
margin: 0px;
text-align: center;
font-size: 25px;
font-weight: 600;
}

.career_result_list li .result_list_details 
{
padding: 0px 15px;
margin: 0px;
width: 95%;
border-left: 2px dashed #ccc;
}
.career_result_list li .result_list_details span
{
padding: 0px;
margin: 0px 0px 10px;
font-size: 14px;
letter-spacing: 3px;
display: table;
width: 100%;
}
.career_result_list li .result_list_details a
{
	padding:0px;
	margin:0px;
	display: block;
}
.result_list_details a h3
{
padding: 0px 0px 10px;
margin: 0px;
font-size: 22px;
letter-spacing: 2px;
font-weight: 400;
}
.result_list_details a p
{
padding: 0px;
margin: 0px;
line-height: 24px;
font-size: 14px;
}

@media (min-width:280px) and (max-width:399px) {
}
@media (min-width:400px) and (max-width:767px) {
}
@media (min-width:280px) and (max-width:767px) {
	.social-icon-top {
		display: none !important;
			}
	.career_search_result
	{
		padding:10px;
	}
	.career_search_result .serch_head_img
	{
		    margin: 0px 0px 15px;
	}
	.career_search_result .serch_head_img h3
	{
		    letter-spacing: 1px;
			font-size: 14px;
			    bottom:6%;
				    line-height: 20px;
					    border-radius: 0px;
	}
	.career_result_list li .result_list
	{
		    width: 15%;
	}
	.career_result_list li .result_list h4
	{
		font-size: 20px;
	}
	.career_result_list li .result_list_details
	{
		    width: 85%;
	}
	.career_result_list li .result_list_details span
	{
		    font-size: 12px;
	}
	.result_list_details a h3
	{
	font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 24px;
	}
	.result_list_details a p
	{
		    font-size: 13px;
	}
		
	
}
@media (min-width:768px) and (max-width:1023px) {
}
@media (min-width:1024px) and (max-width:1199px) {
}
@media (min-width:768px) and (max-width:1199px) {
	.career_result_list li .result_list
	{
		    width: 10%;
	}
	.career_result_list li .result_list_details
	{
		    width: 90%;
	}
	.career_search_result .serch_head_img h3
	{
		    font-size: 17px;
	}
	.result_list_details a h3
	{
	font-size: 20px;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 24px;
	}
}

