/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

@font-face {
  font-family: Poppins-Regular;
  src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
  font-family: Poppins-Light;
  src: url(../fonts/Poppins-Light.ttf);
}
@font-face {
  font-family: Poppins-ExtraLight;
  src: url(../fonts/Poppins-ExtraLight.ttf);
}
@font-face {
  font-family: Poppins-Bold;
  src: url(../fonts/Poppins-Bold.ttf);
}
@font-face {
  font-family: Poppins-SemiBold;
  src: url(../fonts/Poppins-SemiBold.ttf);
}

.j-location .thumb img{
	height: 275px;
    width: 100% !important;

}
.font-Poppins-Regular{
	font-family:'Poppins-Regular';

}
.font-Poppins-Bold{
	font-family:'Poppins-Bold';
}
.font-Poppins-SemiBold{
	font-family:'Poppins-SemiBold';

}
.font-Poppins-Light{
	font-family:'Poppins-Light';

}
.font-Poppins-ExtraLight{
	font-family:'Poppins-ExtraLight';
}
.j-location .campaign-details{
	position: absolute;
    z-index: 999;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.j-location .campaign .thumb {
	border-radius: 25px;
}
.categories .span1 {
    display: block;
    line-height: 13px;
    font-size: 13px;
    margin-top: 7px;
    margin-bottom: 3px;
    color: #2b388f;
    font-family: 'Poppins-Bold';
}
.clients-logo .item{
	padding:3px !important
}
.categories .span2{
    font-size: 10px;
    line-height: 16px;
    display: block;
}

.footer{
    background-image: linear-gradient(#131840, #2b388f, #2b388f, #2b388f);
	}
.footer .widget-title{
	color:#2ebcf1 !important;
	margin-top: 0px;
    font-size: 22px;
    font-family:'Poppins-Regular';
}
.footer hr{
	    border-top: 1px solid #2ebcf1 !important;
		margin-top:10px;
		margin-bottom:30px;
}
.footer-bottom a{
	font-family:'Poppins-Regular' !important;
	color:#2b388f !important;
}
.footer	.social-icons.icon-sm a {
    font-size: 19px;
    height: 19px;
    line-height: 19px;
    margin: 2px 6px 2px 0;
    width: 19px;
}
.footer .btn{
	    font-size: 13px;
    padding: 5px 25px;
    border-radius: 5px;
}
.footer a {
    color: #0b83c5;
}
.menuzord-brand img {
    max-height: 95px;
    margin-top:10px;
}
.menuzord-menu > li {
    padding: 35px 0 !important;
}

.menuzord{
	height:120px;
}
.header li a {
	    font-size: 16px;
    line-height: 30px;
}
.menuzord-brand{
	margin:0 0 0 0;
}
.menuzord-menu > li{
	float:none;
}

.menuzord .menuzord-menu > li.active > a, .menuzord .menuzord-menu > li:hover > a, .menuzord .menuzord-menu ul.dropdown li:hover > a {
  color: #2b388f !important;
  background: #beeaf8 !important;
  font-family: 'Poppins-SemiBold';
  border-radius: 0;
}
.menuzord-menu > li > a {
    font-size: 16px !important;
    color: #2b388f !important;
    text-transform: uppercase !important;
	  font-weight: 400;
    font-family: 'Poppins-Light';
}
.footer .widget a,.footer .widget p {
  font-family:'Poppins-ExtraLight';
}
.footer input{
	background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 0;
    border-radius: 5px;
}
.menuzord-menu > li > a span i::before{
    color: #2ebcf1;
    font-size: 20px;
    font-weight: bold;
    top: 2px;
    position: relative;
}

.megamenu ul li strong{
	color:#2b388f !important;
}
.menuzord-menu > li > .megamenu .megamenu-row li a{
    color: #2ebcf1;
    font-size: 12px;
    line-height: 13px;
    padding: 2px 0;
}
.menuzord-menu > li > .megamenu .megamenu-row li.active > a, .menuzord-menu > li > .megamenu .megamenu-row li:hover > a{
	padding-left:0 !important;
}
.job-title h4{
	color: #2b388f;
    font-size: 21px;

}
.job-title span{
	    display: block;
    font-size: 16px;
}
.job-description strong{
	display:block;
}
.job p{
	font-size:15px;
}

.job h5 {
    background: #d9f2fc;
    color: #232d6f;
    padding: 15px 20px;
    border-radius: 15px;
    font-size: 17px;
    font-weight: bold;
	margin-bottom:22px;
}
.job-apply .btn {
    background: #00adee;
    color: #fff;
    font-size: 18px;
    padding: 10px 60px;
}
.job-apply hr{
	border-top: 1px solid #2b388f;
	margin-top:80px;
}
.job {
    margin-top: 60px;
}
.btn-defailt{
	color:#fff !important;
	background:#2ebcf1 !important;
}
.slider-search input{
	border:0 !important;
	width:250px;
	    padding-top: 5px !important;
    padding-bottom: 5px !important;

}
.slider-search input.job-search{
		   /* border-right: 1px solid #bfbfbf !important;*/

}

.job-search{
    border-radius: 25px 0 0 25px;
    font-family: 'Poppins-Regular';
    font-size: 11px !important;
    opacity: 0.7;

}
.country-search{
	border-left:1px solid !important;
    font-size: 11px !important;
    opacity: 0.7;
}

.slider-search i{
    font-size: 15px !important;
    opacity: 0.7;
	    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.slider-search{
	background: #fff;
    padding: 0;
    margin: 0;
	border-radius:25px;
	padding:5px 15px !important;
  padding-right:2px !important;

	}

.slider-search button{
	position: absolute;
    right: 5px;
    background: none;
    border: 0;
	background:#2ebcf1;
	color:#fff;
	border-radius:25px;
}
span.k-text {
    font-size: 13px !important;
}
h3, h4, h5, h6, .h3, .h4, .h5, .h6{
	font-family:'Poppins-Bold';
}
.tag{
	background-color:#145899 !important;
	border-color:#145899 !important;
	font-size:10px !important;
	font-family:'Poppins-SemiBold';
	margin-right:3px !important;
	padding:2px 8px !important;
}
body{
	font-family:'Poppins-Regular';
}
.section-title p {
    font-size: 16px;
    font-style: normal;
    color: #8b8b8b;
	line-height:15px;
}
.section-title h4{
color:#2b388f;
font-size:28px;

}
.jobs-table form select{
	/*float: left;*/
    width: 159px;
    margin: 0 5px;
    padding: 0 10px;
    height: 28px;
	border-radius: 5px;
}
.jobs-table form{
	float:left;
}
.table-links{
	float:right;
	color:#2ebcf1;
}
.table-links a{
	color:#2ebcf1;
	margin:0 10px;
}
.jobs-table form label{
	/*float:left;*/
	    font-weight: normal;
		font-size:13px;
		display: block;
    text-align: left;
}
.jobs-table .form-control{
	font-size:12px;
	height: 24px;
}
.jobs-table .form-group{
	float:left;
}
.jobs-table table thead{
	background:#d9f2fc;
  border-radius: 10px;
  font-family: 'Poppins-SemiBold';
}
.jobs-table table thead th{
	font-weight:normal;
}
.jobs-table table{
	text-align: left;
}
.job-img {
    background: #e6e6e6;
    padding: 25px;
    width: 100%;
    display: block;
    border-radius: 10px;
}
.clients-logo{
	margin-top:25px;
}
.clients-logo img{
	opacity:1;
  filter: opacity(0.5);
}
.header .widget a i{
	font-size: 20px;
    color: #8b8889;
}
.funfact h2{
	color:#2ebcf1 !important;
	font-size:75px;
	line-height:75px;
	font-weight:bold;
}
.funfact h5{
	    font-size: 23px;
    font-family: 'Poppins-Light';
    color: #7c7c7c;
}

 .table-striped>tbody>tr:nth-of-type(even) {
     background-color: #f2f2f2 !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff !important;
}


.table-striped>tbody>tr:nth-of-type(even) td{
   border: 0 !important;
}

/* spacing table */
.spacing-table {
  font-size: 15px;
  border-collapse: separate;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0 5px; /* this is the ultimate fix */
}
.spacing-table th {
  text-align: left;
  padding: 5px 15px;
}

.spacing-table th {
  border-width: 3px 0;
  width: 50%;
  border-color: #d9f2fc;
  border-style: solid;
  background-color: #d9f2fc;
  color: #000;
  padding: 5px 15px;
}
.spacing-table th:first-child {
  border-left-width: 3px;
  border-radius: 5px 0 0 5px;
}
.spacing-table th:last-child {
  border-right-width: 3px;
  border-radius: 0 5px 5px 0;
}

.spacing-table .btn{
	background:#00adee ;
	color:#fff;
	border:0px solid #fff !important;
	font-size:12px;
	border-radius:10px;
	font-family:'Poppins-Light';
}
.spacing-table td {
  border-width: 3px 0;
  width: 50%;
  border-color: #000;
  border-style: solid;
  /*background-color: #fff;*/
  color: #000;
  padding: 5px 15px;
  border-bottom: 1px solid #a5a5a5;
  border-top: 1px solid #a5a5a5 !important;
}

.spacing-table td:first-child {
  border-left-width: 3px;
  border-radius: 10px 0 0 10px;
  border-left: 1px solid #a5a5a5;
}

.spacing-table td:last-child {
  border-right-width: 3px;
  border-radius: 0 10px 10px 0;
  border-right: 1px solid #a5a5a5;
}

.spacing-table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0px solid #a5a5a5;
	font-size: 14px;
    color: #000;
	padding: 15px 25px;
}

.spacing-table thead {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.spacing-table tbody {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0 10px;
}
.spacing-table td a{
  color: #525252;
}
.spacing-table td a.tr-title{
	color:#2b388f;
	font-family:'Poppins-Bold';
	font-size:13px;
	line-height: 20px;
    display: block;
}
.spacing-table td{
	font-size: 13px;
    color: #525252;
	vertical-align: middle !important;
	padding: 15px 25px !important;
}
.spacing-table .flag{
    height: 18px;
    margin: 0 5px;
}.job-title .flag{
    height: 18px;
    margin: 0 5px;
}
.styled-icons.icon-sm a{
  margin: 2px 4px 2px 0;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

@media only screen and (max-width: 992px) {
.header-social{
  display: none;
}
.menuzord {
  height: auto !important;
}
}
@media only screen and (max-width: 768px) {


.slide-main-title{
  font-size: 35px !important
}
.slide-sub-title{
  font-size: 17px !important
}
.slider-search{
  width:300px !important
}
.slider-search input{
  width: 60% !important
}
.slide-tags {
  width: 300px !important
}
.spacing-table>thead>tr>th {
    font-size: 11px !important;
    padding: 15px 5px !important;
    width: inherit !important;
}
.spacing-table td {
    font-size: 11px !important;
    width: inherit !important;
}
.apply-btn{
 /* display: none !important*/
}
.clients-logo img{
  width: 100px !important;
  margin: auto !important;
}
.menuzord-menu > li{
  float: left !important
}
.jobs-action{
  display: none !important
}
.section-title h4 {
    font-size: 18px !important
}
.jobs-table .form-group {
    float: none !important;
    margin-right:0 !important;
    
}
.jobs-table .form-control {
    width: 100%;
}
.jobs-table form {
    width: 100%;
}

}
@media only screen and (max-width: 992px) {
  .j-location .thumb img{
  height : auto !important ;    
}  
.desktop-table{
      display: none !important
}
.mobile-table{
      display: block !important
}
.mobile-table td a.tr-title {
    font-size: 16px !important
}
.mobile-table td {
    font-size: 14px !important;
}
}

@media only screen and (max-width: 1100px) and (min-width: 992px){
   .jobs-action{
  display: none !important
} 
    
}


.filter_by{
    font-size: 20px !important;;
    font-weight: bold !important;;
    padding-top: 20px;
    color: #2ebcf1;
}