/*--------- Body Strat -------*/
/* body, html {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 23px;
	color: #6f7e98;
	background:#13171e;
	overflow-x:hidden;
} */
/*---------- Custom Css Start -------*/
/*-- Preloader css start --*/

/*-- Header Css Start --*/	

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.gc_header_wrapper{
    float: left;
    width: 100%;
	text-align:center;
}
.gc_logo{
    float: left;
    width: auto;
}
.gc_logo img{
	display:inline-block;
}
.header-area{
	float:left;
	width:100%;
}

.header-area {
	padding-top: 15px;
    width: 100%;
    z-index: 9999;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.logo a {
    color: #fff;
    display: inline-block;
}
.logo a h2 {
    display: inline-block;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}
.logo a h2 span {
    background-color: #fff;
    color: #222;
    display: inline-block;
    padding: 5px 10px;
}
.jp_top_header_img_wrapper {
    float: left;
    width: 100%;
    height: 100%;
    border-top: 2px solid #23c0e9;
    position: relative;
    background-color: hsla(200,40%,30%,.4);
    background-image: /* url('../../images/header_img.jpg'); */
    url('../../javl/images/header_img.jpg'),
        url('../../javl/images/slider_bg.jpg');
    background-size: 130%;
    background-repeat: repeat-x;
    background-position: 0 20%, 0 95%, 0 0, 0 100%, 0 0;
    animation: 90s para infinite linear;
}

@keyframes para {
	100% {
		background-position: 
			-5000px 20%,
			-800px 95%,
			500px 0,
			1000px 100%,
			400px 0;
		}
}
.gc_main_menu_wrapper{
	float:left;
	width:100%;
	padding: 10px;
	border-bottom: 1px solid #ffffff21;
	position:relative;
}		
.jp_slide_img_overlay{
	position:absolute;
	top:0%;
	right:0%;
	left:0%;
	bottom:0%;
	background:rgba(14, 20, 39, 0.7313725490196079);
}
.menu-bar {
    cursor: pointer;
    position: relative;
    right: 15px;
    z-index: 9;
    height: 42px;
    display: block;
    float: right;
    margin-top: 15px;
}
.menu-bar span {
    background-color: #fff;
    display: block;
    height: 2px;
    margin-bottom: 6px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 30px;
}
.mainmenu {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding-right: 15px;
    position: absolute;
    right: -145px;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}
.mainmenu.menu-open {
    position: relative;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: 15px;
    visibility: visible;
}
.mainmenu ul li {
    display: inline-block;
    position: relative;
}
.mainmenu ul li a {
    color: #000000;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0px 20px 47px 10px;
	text-transform: capitalize;
	font-family: 'Montserrat', sans-serif;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: relative;
}
.gc_main_navigation{
	color:#ffffff !important;
}
.mainmenu ul li:hover .gc_main_navigation,
.mainmenu ul li.active > .gc_main_navigation {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color:#ffffff !important;
}
.nav > li > a:focus,
.nav > li > a:hover {
    background-color: transparent;
}
.menu-bar:after,
.menu-bar:before {
    background-color: #fff;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 8px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 30px;
}
.menu-bar.menu-close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-bar.menu-close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menu-bar.menu-close span {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/*************************
02.1 Submenu & Megamenu
*************************/

.mainmenu ul ul,
.mainmenu ul li .mega-menu {
    width: 220px;
    position: absolute;
    text-align: left;
    background-color: #0e1427;
    top: calc(100% + 30px);
    z-index: 9999999;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}
.mainmenu > ul > li:last-child > ul {
    right: 0;
}
.mainmenu ul li:hover > ul,
.mainmenu ul li:hover > .mega-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 100%;
	background:#0e142773;
	border-top: 2px solid #23c0e9;
}
.mainmenu ul ul li {
    display: block;
}
.mainmenu ul ul li a,
.mainmenu ul li.has-mega .mega-menu span a {
    color: #222;
    text-transform: capitalize;
    letter-spacing: 1px;
    padding: 8px 10px 8px 20px;
    border-bottom: 1px solid #ffffff52;
}
.mainmenu ul li.has-mega .mega-menu span a:hover{
	background-color: #00468c;
	color:#ffffff !important;
}
.mainmenu ul ul li:last-child > a {
    border-bottom: 0px;
}
.mainmenu ul ul li:hover > a {
    background-color: #23c0e9;
    padding-left: 23px;
	color:#ffffff !important;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.mainmenu ul ul li a:after {
    content: "";
}
.mainmenu ul ul li > ul {
    left: -100%;
    top: 50%;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0;
}
.mainmenu ul ul li:hover > ul {
    top: 20%;
}
.mainmenu ul li.has-mega {
    position: static;
}
.mainmenu ul li.has-mega .mega-menu {
    width: 100%;
    left: 0;
    padding: 20px 0px;
}
.mainmenu ul li.has-mega .mega-menu span {
    width: 25%;
    float: left;
    border-left: 1px solid #eee;
}
.mainmenu ul li.has-mega .mega-menu span a {
    padding-left: 20px;
    padding-right: 0px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.mainmenu ul li.has-mega .mega-menu span a:last-child {
    border-bottom: 0px;
}
.mainmenu ul li.has-mega .mega-menu span a:hover {
    padding-left: 3px;
	padding-left: 20px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.mainmenu ul li span a.active {
    font-weight: 600;
}
.mainmenu ul ul li.active > a {
    background-color: #eee;
    font-weight: 600;
}
.mainmenu .gc_main_navigation.parent:after,
.mainmenu .gc_main_navigation.parent:before,
.mainmenu ul li.has-mega > a:before,
.mainmenu ul li.has-mega > a:after {
    content: "";
    width: 11px;
    height: 1px;
    background-color: #23c0e9 !important;
    top: 20px;
    position: absolute;
	left:0;
    right: 0;
	margin:0px auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.mainmenu .gc_main_navigation.parent:before,
.mainmenu ul li.has-mega a:before {
    width: 0px;
    top: 50%;
	left:-40px;
}
.mainmenu .gc_main_navigation.parent:hover:before,
.mainmenu ul li.has-mega:hover > a:before {
    width: 10px;
    top: 50%;
}
.mainmenu .gc_main_navigation.parent:after,
.mainmenu ul li.has-mega a:after {
    width: 0px;
    top: 50%;
	left:5px;
}
.mainmenu .gc_main_navigation.parent:hover:after,
.mainmenu ul li.has-mega:hover > a:after {
    width: 30px;
    top: 50%;
}
/*************************
02.2 Sticky menu
*************************/

.menu_fixed{
	position:fixed;
	background:#ffffff;
	-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    -o-box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    -ms-box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.10);
	z-index:1000;
	left:0;
	right:0;
}
.header-area.stick .logo a {
    color: #222;
    margin-top: 2px;
    position: relative;
    z-index: 9999999;
}
.header-area.stick .logo a h2 span {
    background-color: #222;
    color: #fff;
}
.header-area.stick .mainmenu ul li a,
.stick .mean-container a.meanmenu-reveal {
    color: #ffffff;
}

.header-area.stick .menu-bar:after,
.header-area.stick .menu-bar:before,
.header-area.stick .menu-bar span,
.stick .mainmenu ul li.parent:after,
.stick .mainmenu ul li.parent:before,
.stick .mainmenu ul li.has-mega > a:before,
.stick .mainmenu ul li.has-mega > a:after,
.stick .mean-container a.meanmenu-reveal span {
    background-color: #222;
}
/*************************
02.3 Hidden menu bar
*************************/

.hidden-menu-bar .mainmenu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    padding-right: 0;
    position: relative;
	z-index:10;
	float: right;
}
.mainmenu:after{
	content: '';
    border: 1px solid #ffffff21;
    width: 1px;
    height: 116px;
    position: absolute;
    top: -44px;
    right: -16px;
}
.float_left{
	float:left;
}
/*************************
02.4 Onepage side menu
*************************/

.left-side-wrapper {
    background-color: #222;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 15%;
    z-index: 99;
}
.left-side-wrapper .logo {
    text-align: center;
}
.left-side-wrapper .mainmenu ul li {
    display: block;
}
.left-side-wrapper .mainmenu ul li a {} .left-side-wrapper .mainmenu {
    margin-top: 50px;
    position: relative;
}
.left-side-wrapper .mainmenu ul li > a:after,
.left-side-wrapper .mainmenu ul li.active > a:after {
    bottom: -5px;
    left: 20px;
    right: auto;
}
.right-side-wrapper {
    margin-left: 15%;
    width: 85%;
}
.right-side-wrapper .container-fluid {
    padding: 0% 10%;
}
.right-side-wrapper .container-fluid .single-project-item {
    height: 370px;
}
.right-side-wrapper .container-fluid .single-project-item.large {
    height: 460px;
}
/*************************
02.5 Onepage Menu
*************************/

.mainmenu.one-page-menu ul li a {
    padding-right: 10px;
    padding-left: 10px;
}
.mainmenu.one-page-menu ul li:hover a:after,
.mainmenu.one-page-menu ul li.active a:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 90%;
}
.mainmenu.one-page-menu ul li a:after {
    width: 0%;
    height: 1px;
    content: "";
    background-color: #fff;
    position: absolute;
    left: 5%;
    top: 50%;
    margin-top: -5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.stick .mainmenu.one-page-menu ul li a:after {
    background-color: #222;
}
/*************************
02.6 Mobile Menu
*************************/

.slicknav_menu {
    display: none;
}
.gc_right_menu{
	float:right;
	width:auto;
    margin-top: -7px;
}
.gc_right_menu > ul{
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
}
.gc_right_menu > ul > li{
	float:left;
	width:auto;
	list-style:none;
	margin-right:10px;
	position:relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.gc_right_menu ul > li:last-child{
	margin-right:0px;
}
.gc_right_menu ul > li .gc_btn{
	background-color:#00468c;
    border: 2px solid #00468c;
	color:#ffffff;
}
.gc_right_menu > ul > li .gc_btn:hover{
	background-color:#ffffff;
    border: 2px solid #00468c;
	color:#00468c;
}
.gc_right_menu > ul > li > svg{
	width: 36px;
    height: 28px;
    padding-top: 13px;
    cursor: pointer;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.gc_right_menu > ul > li svg:hover #share, .gc_right_menu > ul > li > svg:hover #search, .gc_right_menu > ul > li > svg:hover .menubar{
	fill:#23c0e9;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.gc_search_box{
    position: absolute;
    right: 0;
    top: -13px;
    padding: 0px;
    width: 350px;
    display: inline-block;
    border-radius: 0px;
    -webkit-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 8px -5px rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 1000;
}
.gc_search_box input{
    float: left;
    width: calc(100% - 60px);
    padding: 0px 10px;
    height: 60px;
    border: 1px solid #e1e1e1;
    border-right: 0px;
  -webkit-border-top-left-radius: 50px; 
  -moz-border-bottom-left-radius: 50px; 
   border-top-left-radius: 50px; 
   border-bottom-left-radius: 50px; 
}
.gc_search_box button{
    width: 60px;
    height: 60px;
	color:#ffffff;
    border: 1px solid #8bdaee;
    border-left: none;
    background-color: #8bdaee;
    text-align: center;
    padding: 0px;
	font-size:24px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-border-top-right-radius: 50px; 
  -moz-border-bottom-right-radius: 50px; 
   border-top-right-radius: 50px; 
   border-bottom-right-radius: 50px;
}
.gc_search_box button:hover{
	color:#ffffff;
	background-color: #23c0e9;
	border-color:#23c0e9;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.menu_fixed{
	position: fixed;
	z-index:1000;
	padding:0px 0px;
    top: 0;
	padding-top: 25px;
	background-color:#ffffff;
	-o-box-shadow:0px 0px 25px -10px;
	-ms-box-shadow:0px 0px 25px -10px;
	-moz-box-shadow:0px 0px 25px -10px;
	-webkit-box-shadow:0px 0px 25px -10px;
	box-shadow:0px 0px 25px -10px;
}
/*-- Button Css Start --*/
.gc_btn{
    display: inline-block;
	width:auto;
	height:50px;
	line-height:49px;
	font-size:16px;
	color:#111111;
	text-transform:uppercase;
    font-weight: normal;
	background-color: #ffffff;
	text-align:center;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	border:2px solid #e1e1e1;
    padding: 0px 30px;
	font-family: 'Droid Serif', serif;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.gc_btn:hover{
	color:#ffffff;
	background-color:#e5ae49;
	border:2px solid #e5ae49;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.gc_main_navigation i{
	color:#23c0e9;
}
.jp_navi_right_btn_wrapper ul{
	float:right;
}
.jp_navi_right_btn_wrapper li{
	float:left;
	margin-left:20px;
}
.jp_navi_right_btn_wrapper li:first-child{
	margin-left:0;
}
.jp_navi_right_btn_wrapper li:first-child a{
	float:left;
	width:130px;
	height:50px;
	line-height:50px;
	color:#ffffff;
	border:1px solid #ffffff40;
	text-align:center;
	background:transparent;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.jp_navi_right_btn_wrapper li:first-child a:hover{
	background:#f36969;
	border:1px solid #f36969;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.jp_navi_right_btn_wrapper li:last-child a{
	float:left;
	width:130px;
	height:50px;
	line-height:50px;
	color:#ffffff;
	border:1px solid #f36969;
	background:#f36969;
	text-align:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.jp_navi_right_btn_wrapper li:last-child a:hover{
	background:transparent;
	border:1px solid #ffffff40;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
/*-- Heading Css Start --*/
.gc_heading{
	float:left;
	width:100%;
	margin-bottom:60px;
	text-align:center;
	text-transform:uppercase;
}
.gc_heading h1{
	float:left;
	width:100%;
	margin:10px 0px;
	font-size:36px;
	color:#00468c;
	font-family: 'Lora', serif;
}
.gc_heading h2{
	float:left;
	width:100%;
	margin:0px;
	font-size:30px;
	color:#e5ae49;
	font-family: 'Great Vibes', cursive;
}
.jp_banner_heading_cont_wrapper{
	float:left;
	width:100%;
	padding-top:130px;
}
.jp_job_heading h1{
	font-size:60px;
	color:#ffffff;
    text-align: center;
}
.jp_job_heading h1 span{
	color:#ff8a00;
	font-weight:bold;
}
.jp_job_heading p {
    font-size: 25px;
    color: #ffffffde;
    padding-top: 10px;
    text-align: center;
}
.jp_header_form_wrapper{
	float:left;
	width:100%;
	background:#ffffff24;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:40px;
	padding-left: 20px;
    padding-right: 20px;
}
.jp_header_form_wrapper input, .jp_form_exper_wrapper input{
	width:100%;
	height:50px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	border:transparent;
	padding-left:20px;
	padding-right: 20px;
}
.jp_form_location_wrapper select, .jp_form_exper_wrapper select{
	width:100%;
	height:50px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	border:transparent;
	padding-left:40px;
	-webkit-appearance: none;
    -moz-appearance: none;
	position:relative;
}
.jp_form_location_wrapper .second_icon, .jp_form_exper_wrapper .second_icon{
	margin-left:-30px;
	position: absolute;
    top: 19px;
}
.jp_form_location_wrapper .first_icon, .jp_form_exper_wrapper .first_icon{
	position:absolute;
	top:17px;
	font-size:20px;
	left:30px;
	z-index:1;
	color:#23c0e9;
}
.jp_form_btn_wrapper li a{
	float:left;
	width:100%;
	height:50px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:60px;
	background:#ff8a00;
	color:#ffffff;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.jp_form_btn_wrapper li a:hover{
	background:#ffffff;
	color:#000000;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.jp_form_btn_wrapper li a i{
	padding-right:5px;
}
.jp_banner_main_jobs_wrapper{
	float:left;
	width:100%;
	margin-top:40px;
	padding-bottom:150px;
}
.jp_banner_main_jobs li{
	float:left;
	margin-left:20px;
}
.jp_banner_main_jobs li:first-child{
	margin-left:0;
	color:#ffffff;
}
.jp_banner_main_jobs li i{
	padding-right:5px;
	color:#23c0e9;
}
.jp_banner_main_jobs li a{
	color:#ffffffcf;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	
}
.jp_banner_main_jobs li a:hover{
	color:#23c0e9;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.jp_banner_jobs_categories_wrapper{
	float:left;
	width:100%;
	height:100%;
	background:#ffffff24;
	position:relative;
}
.jp_top_jobs_category_wrapper{
	float:left;
	width:16.5%;
	text-align:center;
	background:transparent;
	padding-top:30px;
	padding-bottom:30px;
	border-right:1px solid #ffffff21;
	 -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
}
.jp_job_cate_left_border{
	border-left:1px solid #ffffff21;
}
.jp_top_jobs_category_wrapper:hover{
	background:#23c0e9;
	box-shadow: 0px 0px 37px #00000091;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}
.jp_top_jobs_category{
	display:inline-block;
}
.jp_top_jobs_category i{
	color:#23c0e9;
	font-size:25px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.jp_top_jobs_category_wrapper:hover .jp_top_jobs_category i{
	color:#ffffff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.jp_top_jobs_category h3{
	padding-top:15px;
	font-size:16px;
	font-weight:bold;
}
.jp_top_jobs_category h3 a{
	color:#ffffff;
}
.jp_top_jobs_category p{
	font-size:14px;
	color:#ffffffb8;
	padding-top:5px;
}
/*---------- header Css End -------*/
/*---------- jp tittle slider Wrapper Start -------*/
.jp_tittle_name_wrapper{
	float:left;
	width:15%;
	text-align:center;
	background:#23c0e9;
	padding-top: 35px;
    padding-bottom: 30px;
}
.jp_tittle_name{
	display:inline-block;
}
.jp_tittle_name h3{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
}
.jp_tittle_name h4{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	padding-top:5px;
}
.jp_tittle_slider_wrapper{
	float:left;
	width:85%;
	background:#ffffff;
	border:1px solid #282d39;
	border-left:0;
	border-right:0;
}
.jp_tittle_slider_content_wrapper{
	float:left;
	width:100%;
	background:#1a1e27;
}
.jp_tittle_slider_content_wrapper .owl-theme .owl-dots{
	display:none;
}
.jp_tittle_slider_content_wrapper .owl-theme .owl-nav {
	display:none;
}
.jp_tittle_slides_one{
	float:left;
	width:33.33%;
	padding-top: 20px;
    padding-bottom: 20px;
	border-right:1px solid #282d39;
	padding-left:20px;
	background:#1a1e27;
}
.jp_tittle_side_img_wrapper{
	float:left;
	width:65px;
}
.jp_tittle_side_cont_wrapper{
	float:left;
	width:calc(100% - 65px);
	padding-top: 16px;
    padding-left: 11px;
}
.jp_tittle_side_cont_wrapper h4{
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
}
.jp_tittle_side_cont_wrapper p{
	font-size:14px;
	color:#23c0e9;
}
/*---------- jp tittle slider Wrapper End -------*/





.styled-select {
    border-radius: 0px !important;
}
/*
.hero-area {
    padding: 55px 0px 0px 0px !important;
}
*/
.fixed-top {
    border-bottom: none !important;
}

.form01 {
    border: 0px solid #e8e8e8 !important;
}

/* .line-1{
    position: relative;
    top: 50%;  
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 180%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}
.anim-typewriter{
  animation: typewriter 4s steps(44) 1s 1 normal both,
             blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 24em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}
 */



/* responsive Css || Start */


@media (max-width: 767px){
    .jp_job_heading h1{
        font-size:34px;
    }
    .jp_job_post_right_btn_wrapper ul{
        float:left;
    }
    .jp_job_post_right_btn_wrapper ul li{
        float:left !important;
        margin-top:0 !important;
        margin-left:20px !important;
    }
    .jp_job_post_right_btn_wrapper ul li:first-child{
        margin-left:0 !important;
    }
    .jp_regis_center_tag_wrapper{
        display:none;
    }
    .jp_regis_left_side_box_wrapper, .jp_regis_right_side_box_wrapper{
        float:none;
        width:100%;
    }
    .gc_counter_cont_wrapper, .gc_counter_cont_wrapper2, .gc_counter_cont_wrapper3, .gc_counter_cont_wrapper4{
        width:100%;
    }
    .jp_footer_candidate_wrapper2{
        margin-top:40px;
    }
    .nav-tabs > li{
        float:none;
    }
    .nav-tabs > li > a{
        padding-left:50px;
        padding-right:50px;
        border-left: 0;
        border-bottom: 1px solid #00000026;
    }
    .nav-tabs > li > a:hover{
        border-left: 0;
    }
    .nav-tabs > li:last-child > a{
        border-bottom: 0;
    }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
        padding-left:50px;
        padding-right:50px;
    }
    .nav-tabs > li:first-child.active > a, .nav-tabs > li:first-child.active > a:hover, .nav-tabs > li:first-child.active > a:focus {
        -webkit-border-top-left-radius: 0;
        -moz-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-top-bottom-radius: 0;
        border-bottom-left-radius: 0;
    }
    .nav-tabs > li:last-child.active > a, .nav-tabs > li:last-child.active > a:hover, .nav-tabs > li:last-child.active > a:focus{
        -webkit-border-top-right-radius: 0;
        -moz-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-top-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .cc_featured_product_main_wrapper .nav-tabs{
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .hero-area {padding: 46px 0px 0px 0px !important; }
    .jp_top_header_img_wrapper {background-size: 740% !important;}
    .styled-select {border-radius: 60px !important;}
    .jp_banner_heading_cont_wrapper {padding-top: 30px !important;}
    .jp_banner_main_jobs_wrapper {padding-bottom: 10px !important;}

}




@media (max-width: 991px){
    .mainmenu{
        display:none;
    }
    .jp_form_btn_wrapper li a{
        width:145px;
    }
    .jp_form_btn_wrapper{
        text-align:center;
    }
    .jp_form_btn_wrapper ul{
        display:inline-block;
    }
    .jp_form_location_wrapper, .jp_form_exper_wrapper, .jp_form_btn_wrapper{
        margin-top:20px;
    }
    .jp_form_location_wrapper .first_icon, .jp_form_exper_wrapper .first_icon{
        top:37px;
    }
    .jp_form_location_wrapper .second_icon, .jp_form_exper_wrapper .second_icon{
        top:37px;
    }
    .jp_top_jobs_category_wrapper{
        width:33.33%;
    }
    .jp_job_cate_left_border_res{
        border-left:1px solid #ffffff21;
    }
    .jp_job_cate_left_border_bottom{
        border-bottom:1px solid #ffffff21;
    }
    .jp_banner_main_jobs_wrapper{
        padding-bottom:70px;
    }
    .jp_best_deal_main_cont_wrapper1{
        margin-top:30px;
    }
    .jp_best_deal_right_sec_wrapper{
        margin-top:30px;
    }
    .jp_client_slider_cont_wrapper{
        padding-top:0;
    }
    .pricing_border_box2_wrapper, .pricing_border_box3_wrapper{
        margin-top:40px;
    }
    .jp_footer_candidate_wrapper4, .jp_footer_candidate_wrapper3{
        margin-top:40px;
    }
    .jp_bottom_footer_Wrapper{
        text-align:center;
    }
    .jp_bottom_footer_left_cont{
        display:inline-block;
        float:left;
        width:100%;
    }
    .jp_bottom_footer_right_cont{
        display:inline-block;
        float:left;
        width:100%;
    }
    .jp_bottom_footer_right_cont ul{
        float:none;
        display:inline-block;
        margin-top:20px;
    }
    .jp_bottom_top_scrollbar_wrapper{
        display:none;
    }
    .jp_newsletter_field{
        margin-top:30px;
    }
    .jp_newsletter_field i{
        top:47px;
    }
    .ss_download_wrapper_details, .jp_down_mob_img_wrapper{
        padding-top:30px;
    }
    .jp_first_right_sidebar_main_wrapper{
        margin-top:30px;
    }
    .gc_logo{
        position: relative;
        top: -16px;
    }
    .jp_spotlight_slider_cont_Wrapper li{
        float:none;
    }
    .jp_spotlight_slider_cont_Wrapper li:last-child{
        margin-top:10px;
    }
}
@media (max-width: 580px){
    .jp_job_post_right_cont li{
        float:none;
    }
    .jp_job_post_right_cont li:last-child{
        margin-left:0;
    }
    .jp_client_slider_img_wrapper{
        float:none;
    }
    .jp_client_slider_cont_wrapper{
        float:none;
        width:100%;
        padding-left:0;
        padding-top:20px;
    }
}
@media (max-width: 380px){
    .jp_job_post_right_btn_wrapper ul li{
        margin-left:10px !important;
    }
    .jp_job_post_side_img{
        float:none;
        width:100%;
    }
    .jp_job_post_right_cont{
        float:none;
        margin-top:20px;
        width:100%;
    }
    .jp_job_post_right_btn_wrapper ul li{
        float:none !important;
        margin-left:0 !important;
    }
    .jp_job_post_right_btn_wrapper li a{
        margin-top:10px !important;
    }
    .jp_job_post_right_cont{
        padding-left:0;
    }
    .jp_tittle_name h3, .jp_tittle_name h4{
        font-size:14px;
    }
    .jp_regis_left_side_box_wrapper, .jp_regis_right_side_box_wrapper{
        padding-left:30px;
        padding-right:30px;
    }
}
@media (min-width: 991px) and (max-width: 1199px){}
@media (min-width: 991px){
    .mobail_menu{
        display:none;
    }
}
@media (max-width: 1700px){
    .mainmenu{
        right:-85px;
    }
}
@media (max-width: 1550px){
    .mainmenu{
        right:-25px;
    }
}
@media (max-width: 1250px){
    .full_width{
        width:100%;
    }
    .gc_right_menu{
        display:none;
    }
    .mainmenu{
        right:0;
    }
    .hidden-menu-bar .mainmenu, .float_left{
        float:none;
    }
    .gc_logo{
        float:none;
        display:inline-block;
    }
    .mainmenu ul li a{
        padding: 0px 14px 47px 10px;
    }
    .mainmenu:after{
        display:none;
    }
    .jp_navi_right_btn_wrapper li:first-child a, .jp_navi_right_btn_wrapper li:last-child a{
        width:120px;
    }
}
@media (max-width: 1330px){
    .mainmenu:after{
        right:2px;
    }
}
@media (max-width: 600px){
    .jp_top_jobs_category_wrapper{
        width:49%;
        border:1px solid #ffffff21;
    }
    
}
@media (max-width: 1199px){
    .jp_tittle_slides_third{
        display:none;
    }
    .jp_tittle_slides_one{
        width:50%;
    }
}
@media (max-width: 730px){
    .jp_tittle_slides_two{
        display:none;
    }
    .jp_tittle_slides_one{
        width:100%;
    }
    .jp_tittle_name_wrapper{
        width:28%;
    }
    .jp_tittle_slider_wrapper{
        width:72%;
    }
}
@media (min-width: 767px) and (max-width: 991px){
    .gc_counter_cont_wrapper, .gc_counter_cont_wrapper2, .gc_counter_cont_wrapper3, .gc_counter_cont_wrapper4{
        width:50%;
    }

    .jp_top_header_img_wrapper {background-size: 200%;}
    .jp_job_heading h1 { font-size: 30px;}
    .jp_job_heading p {font-size: 16px; padding-top: 0px;}
    .form01 input { font-size: 12px;}
    .job-search-form .search-category-container .styled-select > select { font-size: 12px;}
    .searchText {display: none;}
}
@media (max-width: 472px){
    .ss_download_wrapper_details a.ss_playstore{
        margin-top:20px;
    }
    .jp_tittle_name_wrapper, .jp_tittle_slider_wrapper{
        width:100%;
    }
    .jp_tittle_slides_one{
        padding-right:20px;
    }
    .jp_hiring_slider_wrapper{
        margin-top:80px;
    }
    .jp_hiring_slider_wrapper .owl-theme .owl-nav{
        top:-43px;
        left: 52px;
        right:100%;
    }
    .cc_featured_product_main_wrapper .nav-tabs{
        margin-top: 70px;
        float:none;
    }
    .jp_client_slider_wrapper{
        margin-top:80px;
    }
    .jp_client_slider_wrapper .owl-theme .owl-nav{
        top:-43px;
        left: 52px;
        right:100%;
    }
    .jp_newsletter_field input{
        width:100%;
        float:none;
    }
    .jp_newsletter_field button{
        float:none;
        margin-top:20px;
    }
    .jp_best_deal_slider_wrapper{
        margin-top:80px;
    }
    .jp_best_deal_slider_wrapper .owl-theme .owl-nav{
        top:-43px;
        left: 52px;
        right:100%;
    }
}
@media (min-width: 1199px) and (max-width: 1250px){
    .center_responsive{
        width:75%;
    }
}


/* responsive Css || End */