@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Josefin+Slab:400,600,700');



/* ==========================================================================

General Setting

========================================================================== */

html,body {

width:100%;

height: auto;

margin:0;

padding:0;

overflow-x: hidden;

}
.showpop{
    padding: 8px 15px;
margin-left: 5px;
border-radius: 30px;
color: #fff !important;
border: 0px;
min-width: 120px;
background: #37caa2;
border: 1.5px solid #37caa2;
}



.bg-light-grey {background: #eef5f9;}



body {

background:#ffffff;

font-family: 'Montserrat', sans-serif;

position: relative;

font-size:14px;

color: #35434e;

line-height:24px;

    min-height: 100vh;

}



.height10 {height: 10px; clear: both;}



h1 {font-size: 50px}

h2 {font-size: 30px}

h3 {font-size: 25px}

h4 { font-size: 16px;}

p {

    position: relative;

    text-transform: capitalize;

    font-size: 14px;

    color:#707c88;

    line-height: 23px;

    font-family: 'Montserrat', sans-serif;

    -webkit-transition: .2s ease-in;

    -moz-transition: .2s ease-in;

    transition: .2s ease-in;

}

::selection {

    background: #37caa2;

    color: #fff;

}

a{

color: #707c88;

}

a,

a:active,

a:focus,

a:hover{

outline:none;

text-decoration:none;
/*color: white!important;*/
}

.extra.row {

margin-right: 15px;

margin-left: 15px;

}



section{

padding:70px 0 60px 0;

background:#ffffff;

}



section.gray{

background:#eef5f9;

}

.no-mrg{

padding:0;

margin-left:0px;

margin-right:0px;

}

a.btn.call-btn {

background: #ffffff;

border-radius: 4px;

padding: 0.8em 2em;

color:#37caa2;

text-transform: capitalize;

}

.small-padd{

	padding:0 7px;

}

section.gray-bg{

	background:#f5f6f7;

}

/* ==========================================================================

Global Setting

========================================================================== */

/*------- Global Settings: Padding Style ----------*/

html body .padd-0{

	padding:0px;

}

html body .padd-5{

	padding:5px;

}

html body .padd-10{

	padding:10px;

}

html body .padd-15{

	padding:15px;

}

html body .padd-20{

	padding:20px;

}

html body .padd-l-0{

	padding-left:0px;

}

html body .padd-l-5{

	padding-left:5px;

}

html body .padd-l-10{

	padding-left:10px;

}

html body .padd-l-15{

	padding-left:15px;

}

html body .padd-r-0{

	padding-right:0px;

}

html body .padd-r-5{

	padding-right:5px;

}

html body .padd-r-10{

	padding-right:10px;

}

html body .padd-r-10{

	padding-right:15px;

}

html body .padd-top-0{

	padding-top:0px;

}

html body .padd-top-5{

	padding-top:5px;

}

html body .padd-top-10{

	padding-top:10px;

}

html body .padd-top-15{

	padding-top:15px;

}

html body .padd-top-20{

	padding-top:20px;

}

html body .padd-top-25{

	padding-top:25px;

}

html body .padd-top-30{

	padding-top:30px;

}

html body .padd-top-40{

	padding-top:40px;

}

html body .padd-top-80{

	padding-top:80px;

}

html body .padd-top-130{

	padding-top:130px;

}

html body .padd-bot-0{

	padding-bottom:0px;

}

html body .padd-bot-5{

	padding-bottom:5px;

}

html body .padd-bot-10{

	padding-bottom:10px;

}

html body .padd-bot-15{

	padding-bottom:15px;

}

html body .padd-bot-20{

	padding-bottom:20px;

}

html body .padd-bot-25{

	padding-bottom:25px;

}

html body .padd-bot-30{

	padding-bottom:30px;

}

html body .padd-bot-40{

	padding-bottom:40px;

}



.w-100 {width:100%!important;
height:100%!important;}


/*------- Global Settings: Margin Style ----------*/

html body .mrg-0{

	margin:0px;

}

html body .mrg-5{

	margin:5px;

}

html body .mrg-10{

	margin:10px;

}

html body .mrg-15{

	margin:15px;

}

html body .mrg-20{

	margin:20px;

}

html body .mrg-l-0{

	margin-left:0px;

}

html body .mrg-l-5{

	margin-left:5px;

}

html body .mrg-l-10{

	margin-left:10px;

}

html body .mrg-l-15{

	margin-left:15px;

}

html body .mrg-r-0{

	margin-right:0px;

}

html body .mrg-r-5{

	margin-right:5px;

}

html body .mrg-r-10{

	margin-right:10px;

}

html body .mrg-r-15{

	margin-right:15px;

}

html body .mrg-top-0{

	margin-top:0px;

}

html body .mrg-top-5{

	margin-top:5px;

}

html body .mrg-top-10{

	margin-top:10px;

}

html body .mrg-top-15{

	margin-top:15px;

}

html body .mrg-top-20{

	margin-top:20px;

}

html body .mrg-top-25{

	margin-top:25px;

}

html body .mrg-top-30{

	margin-top:30px;

}

html body .mrg-top-40{

	margin-top:40px;

}

html body .mrg-bot-0{

	margin-bottom:0px;

}

html body .mrg-bot-5{

	margin-bottom:5px;

}

html body .mrg-bot-10{

	margin-bottom:10px;

}

html body .mrg-bot-15{

	margin-bottom:15px;

}

html body .mrg-bot-20{

	margin-bottom:20px;

}

html body .mrg-bot-25{

	margin-bottom:25px;

}

html body .mrg-bot-30{

	margin-bottom:30px;

}

html body .mrg-bot-40{

	margin-bottom:40px;

}

html body .extra-mrg-5{

	margin:0 -5px;

}

html body .extra-mrg-10{

	margin:0 -10px;

}

html body .extra-mrg-15{

	margin:0 -15px;

}

html body .extra-mrg-20{

	margin:0 -20px;

}

/*------- Global Settings: Background Style ----------*/

html body .bg-info{

	background:#01b2ac !important;

}

html body .bg-primary{

	background:#1194f7 !important;

}

html body .bg-danger{

	background:#f21136 !important;

}

html body .bg-warning{

	background:#ff9800 !important;

}

html body .bg-success{

	background:#37caa2 !important;

}

html body .bg-purple{

	background:#c580ff !important;

}

html body .bg-default{

	background:#283447 !important;

}

/*------- Global Settings: Transparent Background Style ----------*/

html body .bg-trans-info{

	background:rgba(2, 182, 179,0.12) !important;

}

html body .bg-trans-primary{

	background:rgba(17, 148, 247,0.12) !important;

}

html body .bg-trans-danger{

	background:rgba(242, 17, 54,0.12) !important;

}

html body .bg-trans-warning{

	background:rgba(255, 152, 0,0.12) !important;

}

html body .bg-trans-success{

	background:rgba(15, 183, 107,0.12) !important;

}

html body .bg-trans-purple{

	background:rgba(197, 128, 255,0.12) !important;

}

html body .bg-trans-default{

	background:rgba(40, 52, 71,0.12) !important;

}

/*------- Global Settings: Transparent Background with border Style ----------*/

html body .bg-info-br{

	border:1px solid #01b2ac !important;

	background:rgba(2, 182, 179,0.12) !important;

}

html body .bg-primary-br{

	border:1px solid #1194f7 !important;

	background:rgba(17, 148, 247,0.12) !important;

}

html body .bg-danger-br{

	border:1px solid #f21136 !important;

	background:rgba(242, 17, 54,0.12) !important;

}

html body .bg-warning-br{

	border:1px solid #ff9800;

	background:rgba(255, 152, 0,0.12) !important;

}

html body .bg-success-br{

	border:1px solid #37caa2 !important;

	background:rgba(15, 183, 107,0.12) !important;

}

html body .bg-purple-br{

	border:1px solid #c580ff !important;

	background:rgba(197, 128, 255,0.12) !important;

}

html body .bg-default-br{

	border:1px solid #283447 !important;

	background:rgba(40, 52, 71,0.12) !important;

}

/*------- Global Settings: Color Style ----------*/

html body .cl-info{

	color:#01b2ac !important;

}

html body .cl-primary{

	color:#1194f7 !important;

}

html body .cl-danger{

	color:#f21136 !important;

}

html body .cl-warning{

	color:#ff9800 !important;

}

html body .cl-success{

	color:#37caa2 !important;

}

html body .cl-purple{

	color:#c580ff !important;

}

html body .cl-default{

	color:#283447 !important;

}

html body .cl-white{

	color:#ffffff !important;

}

/*------- Global Settings: Border Color Style ----------*/

.br{

	border:1px solid #eaeff5 !important;

}

.bl-1{

	border-left:1px solid #eaeff5 !important;

}

.bl-2{

	border-left:2px solid #eaeff5 !important;

}

.bl-3{

	border-left:3px solid #eaeff5 !important;

}

.bl-4{

	border-left:4px solid #eaeff5 !important;

}

.br-1{

	border-right:1px solid #eaeff5 !important;

}

.br-2{

	border-right:2px solid #eaeff5 !important;

}

.br-3{

	border-right:3px solid #eaeff5 !important;

}

.br-4{

	border-right:4px solid #eaeff5 !important;

}

.bt-1{

	border-top:1px solid #eaeff5 !important;

}

.bt-2{

	border-top:2px solid #eaeff5 !important;

}

.bt-3{

	border-top:3px solid #eaeff5 !important;

}

.bt-4{

	border-top:4px solid #eaeff5 !important;

}

.bb-1{

	border-bottom:1px solid #eaeff5 !important;

}

.bb-2{

	border-bottom:2px solid #eaeff5 !important;

}

.bb-3{

	border-bottom:3px solid #eaeff5 !important;

}

.bb-4{

	border-bottom:4px solid #eaeff5 !important;

}

.br-fade{

	border-color:rgba(97, 107, 127, 0.07) !important

}

html body .br-info{

	border-color:#01b2ac !important;

}

html body .br-primary{

	border-color:#1194f7 !important;

}

html body .br-danger{

	border-color:#f21136 !important;

}

html body .br-warning{

	border-color:#ff9800 !important;

}

html body .br-success{

	border-color:#37caa2 !important;

}

html body .br-purple{

	border-color:#c580ff !important;

}

html body .br-gary{

	border-color:#e2e5e8 !important;

}

html body .br-default{

	border-color:#283447 !important;#e2e5e8

}

/*------------ Global Settings: Status BG Style --------------*/

html body .bg-online{

	background:#68c70b !important;

}

html body .bg-offline{

	background:#e02b0d !important;

}

html body .bg-busy{

	background:#2196f3 !important;

}

html body .bg-working{

	background:#ff9800 !important;

}

/*---------- Global Settings: Height ----------*/

html body .normal-height{

	height:46px;

}

html body .height-10{

	height:10px;

}	

html body .height-20{

	height:20px;

}

html body .height-30{

	height:30px;

}

html body .height-40{

	height:40px;

}

html body .height-50{

	height:50px;

}

html body .height-60{

	height:60px;

}

html body .height-70{

	height:70px;

}

html body .height-80{

	height:80px;

}

html body .height-90{

	height:90px;

}

html body .height-100{

	height:100px;

}

html body .height-110{

	height:110px;

}

html body .height-120{

	height:120px;

}

html body .height-130{

	height:130px;

}

html body .height-140{

	height:140px;

}

html body .height-150{

	height:150px;

}

html body .height-160{

	height:160px;

}

html body .height-170{

	height:170px;

}

html body .height-180{

	height:180px;

}

html body .height-190{

	height:190px;

}

html body .height-200{

	height:200px;

}

html body .height-210{

	height:210px;

}

html body .height-220{

	height:220px;

}

html body .height-230{

	height:230px;

}

html body .height-240{

	height:240px;

}

html body .height-250{

	height:250px;

}

html body .height-260{

	height:260px;

}

html body .height-270{

	height:270px;

}

html body .height-280{

	height:280px;

}

html body .height-290{

	height:290px;

}

html body .height-300{

	height:300px;

}

html body .height-350{

	height:350px;

}

html body .height-400{

	height:400px;

}

html body .height-450{

	height:450px;

}

/*----------- Global Settings: Width Style -----------*/

html body .full-width{

	width:100%;

}

html body .width-30{

	width:30px;

}

html body .width-40{

	width:40px;

}

html body .width-50{

	width:50px;

}

html body .width-60{

	width:60px;

}

html body .width-70{

	width:70px;

}

html body .width-80{

	width:80px;

}

html body .width-90{

	width:90px;

}

html body .width-100{

	width:100px;

}

html body .width-110{

	width:110px;

}

html body .width-120{

	width:20px;

}

html body .width-130{

	width:130px;

}

html body .width-140{

	width:140px;

}

html body .width-150{

	width:150px;

}

html body .width-160{

	width:160px;

}

html body .width-170{

	width:170px;

}

html body .width-180{

	width:180px;

}

html body .width-190{

	width:190px;

}

html body .width-200{

	width:200px;

}

html body .width-210{

	width:210px;

}

html body .width-220{

	width:220px;

}

html body .width-230{

	width:230px;

}

html body .width-240{

	width:240px;

}

html body .width-250{

	width:250px;

}

html body .width-260{

	width:260px;

}

html body .width-270{

	width:270px;

}

html body .width-280{

	width:280px;

}

html body .width-290{

	width:290px;

}

html body .width-300{

	width:300px;

}

/*---------- Global Settings: Line Height ---------*/

html body .line-height-10{

	line-height:10px;

}	

html body .line-height-12{

	line-height:12px;

}

html body .line-height-14{

	line-height:14px;

}

html body .line-height-16{

	line-height:16px;

}

html body .line-height-18{

	line-height:18px;

}

html body .line-height-20{

	line-height:20px;

}

html body .line-height-22{

	line-height:22px;

}

html body .line-height-24{

	line-height:24px;

}

html body .line-height-26{

	line-height:26px;

}

html body .line-height-28{

	line-height:28px;

}

html body .line-height-30{

	line-height:30px;

}

html body .line-height-32{

	line-height:32px;

}

html body .line-height-34{

	line-height:34px;

}

html body .line-height-36{

	line-height:36px;

}

html body .line-height-38{

	line-height:38px;

}

html body .line-height-40{

	line-height:40px;

}

html body .line-height-42{

	line-height:42px;

}

html body .line-height-44{

	line-height:44px;

}

html body .line-height-46{

	line-height:46px;

}

html body .line-height-48{

	line-height:48px;

}

html body .line-height-50{

	line-height:50px;

}

html body .line-height-60{

	line-height:60px;

}

html body .line-height-70{

	line-height:70px;

}

html body .line-height-80{

	line-height:80px;

}

html body .line-height-90{

	line-height:90px;

}

html body .line-height-100{

	line-height:100px;

}

html body .line-height-110{

	line-height:110px;

}

html body .line-height-120{

	line-height:120px;

}

html body .line-height-130{

	line-height:130px;

}

html body .line-height-140{

	line-height:140px;

}

html body .line-height-150{

	line-height:150px;

}

html body .line-height-160{

	line-height:160px;

}

html body .line-height-170{

	line-height:170px;

}

html body .line-height-180{

	line-height:180px;

}

html body .line-height-190{

	line-height:190px;

}

html body .line-height-200{

	line-height:200px;

}

html body .line-height-210{

	line-height:210px;

}

html body .line-height-220{

	line-height:220px;

}

html body .line-height-230{

	line-height:230px;

}

html body .line-height-240{

	line-height:240px;

}

html body .line-height-250{

	line-height:250px;

}

html body .line-height-260{

	line-height:260px;

}

html body .line-height-270{

	line-height:270px;

}

html body .line-height-280{

	line-height:280px;

}

html body .line-height-290{

	line-height:290px;

}

html body .line-height-300{

	line-height:300px;

}

html body .line-height-350{

	line-height:350px;

}

html body .line-height-400{

	line-height:400px;

}

html body .line-height-450{

	line-height:450px;

}

/*---------- Global Settings: Font Size ----------*/

html body .font-10{

	font-size:10px !important;

}

html body .font-12{

	font-size:12px !important;

}

html body .font-13{

	font-size:13px !important;

}

html body .font-16{

	font-size:16px !important;

}

html body .font-18{

	font-size:18px !important;

}

html body .font-15{

	font-size:15px !important;

}

html body .font-20{

	font-size:20px !important;

}

html body .font-25{

	font-size:25px !important;

}

html body .font-30{

	font-size:30px !important;

}

html body .font-35{

	font-size:35px !important;

}

html body .font-40{

	font-size:40px !important;

}

html body .font-45{

	font-size:45px !important;

}

html body .font-50{

	font-size:50px !important;

}

html body .font-60{

	font-size:60px !important;

}

html body .font-70{

	font-size:70px !important;

}

html body .font-80{

	font-size:80px !important;

}

html body .font-90{

	font-size:90px !important;

}

html body .font-100{

	font-size:100px !important;

}

html body .font-bold{

	font-weight:bold !important;

}

html body .font-normal{

	font-weight:400 !important;

}

html body .font-midium{

	font-weight:500 !important;

}

html body .font-light{

	font-weight:300 !important;

}

html body .font-italic{

	font-style:italic !important;

}

/*---------- Global Settings: Label Background ----------*/

html body .label-info{

	background:#01b2ac !important;

}

html body .label-primary{

	background:#1194f7 !important;

}

html body .label-danger{

	background:#f21136 !important;

}

html body .label-warning{

	background:#ff9800 !important;

}

html body .label-success{

	background:#37caa2 !important;

}

html body .label-purple{

	background:#c580ff !important;

}

html body .label-default{

	background:#283447 !important;

}

/*------- Global Settings: Slect 2 Overwrite ----------*/

:focus {

    outline:none;

}

.select2-container--open .select2-dropdown {

    top: 0;

}

.select2-container {

    width: 100% !important;

	vertical-align: inherit;

}

body .select2-container--open .iwj-find-jobs-dropdown.select2-dropdown {

    border-width: 0 2px 2px 2px;

    border-style: solid;

    -webkit-border-radius: 0 0 5px 5px;

    border-radius: 0 0 5px 5px;

    position: relative;

    top: -2px;

}

body .select2-search--dropdown {

    padding: 0;

}

.select2-search--dropdown .select2-search__field {

    background: url(../img/search.png)right 8px top 14px no-repeat #fff;

    padding-right: 30px;

}

body .select2-container--default .select2-search--dropdown .select2-search__field {

    border: none;

    border-bottom: 1px solid #eee;

    line-height: 30px;

    padding: 5px 15px;

}

.select2-results {

    display: block;

}

.select2-container--default .select2-results>.select2-results__options {

    max-height: 220px;

    overflow-y: auto;

}

body .select2-results__option {

    padding: 12px 20px;

}

.select2-results__option[aria-selected] {

    cursor: pointer;

}

body .select2-container--default .select2-results__option {

    background: #fff;

    border-bottom: 1px rgba(0, 0, 0, 0.05) solid;

    color:#606871;

}

.select2-container--default .select2-results__option[aria-selected=true] {

    background-color: #f3f3f5;

}

.select2-container--default .select2-results__option--highlighted{

    background-color:#ffffff;

    color:#5897fb;

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

    background-color: #5897fb;

    color: white;

}

body .select2-search--dropdown:focus {

    outline: none;

}

.select2-dropdown {

    border: 1px solid #e3e5ea;

}

.select2-container--default .select2-selection--single,

.select2-container--default .select2-selection--multiple {

    border-radius: 0;

    border: none;

    min-height:52px;

}

.select2-container--default .select2-selection--single .select2-selection__rendered{

    color:#282C32;

    line-height:52px;

    padding-left: 15px;

    text-align: left;

}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {

    color:#282C32;

    line-height:32px;

    padding-left: 15px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    min-height:52px;

}

.select2-container--default.select2-container--focus .select2-selection--multiple {

    border: solid #e3e5ea 1px;

    outline: 0;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice {

    background-color: #eef1f5;

    border: 1px solid #e3e7ec;

    border-radius: 4px;

    cursor: default;

    float: left;

    margin-right: 5px;

    margin-top: 6px;

    line-height: 1.2;

    padding: 5px 10px;

}



/*-------------- Custom Settings: Button Style ------------*/

.btn:hover, button:hover, .btn:focus, button:focus{

	cursor:pointer;

}

.btn{

    font-size: 14px;

	border-radius:2px;

	padding:12px 14px;

	letter-spacing:0.5px;

	box-shadow:0 2px 8px rgba(102,103,107,.15);

}

.btn.focus, .btn:focus, .btn:hover {

    text-decoration: none;

}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {

    color:#677897;

    box-shadow: none;

}

button:focus {

    outline: none;

    outline: none;

}

.btn-rounded{

	border-radius:50px;

}

.btn.btn-small{

	padding: .3rem 1rem;

}

.btn.btn-lg{

	padding: 1rem 1rem;

}

.btn-circle-30{

	width:30px;

	height:30px;

	line-height:30px;

	text-align:center;

	color: #677897;

    background-color: #ffffff;

	border:1px solid #eaeff5;

	display:inline-block;

	border-radius:50%;

}

.btn-circle-30:hover, .btn-circle-30:focus{

	color: #677897;

    background-color: #eaeff5;

    border-color: #eaeff5;

}

.btn-circle-40{

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	color: #677897;

	border:1px solid #eaeff5;

    background-color: #ffffff;

	display:inline-block;

	border-radius:50%;

}

.btn-circle-40:hover, .btn-circle-30:focus{

	color: #677897;

    background-color: #eaeff5;

}

.btn-circle-50{

	width:50px;

	height:50px;

	line-height:50px;

	text-align:center;

	color: #677897;

	border:1px solid #eaeff5;

    background-color: #ffffff;

	display:inline-block;

	border-radius:50%;

}

.btn-circle-50:hover, .btn-circle-30:focus{

	color: #677897;

    background-color: #eaeff5;

}

.btn-circle-60{

	width:60px;

	height:60px;

	line-height:60px;

	text-align:center;

	color: #677897;

	border:1px solid #eaeff5;

    background-color: #ffffff;

	display:inline-block;

	border-radius:50%;

}

.btn-circle-60:hover, .btn-circle-30:focus{

	color: #677897;

    background-color: #eaeff5;

}

a.bg-danger:focus, a.bg-danger:hover {

    background-color: #da0a2c;

    color: #ffffff;

}



.btn.focus, .btn:focus {

    outline: 0;

    box-shadow: none;

}

.btn-secondary {

    color: #677897;

    background-color: #ffffff;

    border-color: #eaeff5;

}

.btn-secondary:hover, .btn-secondary:focus {

    color: #677897;

    background-color:#eaeff5;

    border-color: #eaeff5;

}

.btn-trans {

    background: transparent;

    border: none;

    color:#677897;

}

.btn.btn-default {

    border: 1px solid #eaeff5;

    background: #ffffff;

    color: #677897;

}

.btn-default:active, .btn-default.active {

    border: 1px solid #eaeff5;

    background: #ffffff;

    color: #677897;

	outline:none;

}

.btn-default:hover, .btn-default:focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover{

	border: 1px solid #eaeff5;

    background: #ffffff;

    color: #677897;

	outline:none;

}

.btn.btn-dark {

    border: 1px solid #323f46;

    background:#323f46;

    color:#ffffff;

}

.btn-dark:active, .btn-dark.active {

    border: 1px solid #323f46;

    background:#323f46;

	color: #fff;

	outline:none;

}

.btn-dark:hover, .btn-dark:focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover{

	border: 1px solid #323f46;

    background:#323f46;

	color: #fff;

	outline:none;

}

.btn-info{

	background:#1db9aa;

	border-color:#1db9aa;

	color: #fff;

}

.btn-info:active, .btn-info.active {

    background:#1db9aa;

	border-color:#1db9aa;

	color: #fff;

	outline:none;

}

.btn-info:hover, .btn-info:focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover{

	background:#1db9aa;

	border-color:#1db9aa;

	color: #fff;

	outline:none;

}

.btn-primary{

	background:#2196f3;

	border-color:#2196f3;

	color: #fff;

}

.btn-primary:active, .btn-primary.active {

    background:#2196f3;

	border-color:#2196f3;

	color: #fff;

	outline:none;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover{

	background:#2196f3;

	border-color:#2196f3;

	color: #fff;

	outline:none;

}

.btn-danger{

	background:#e63c3c;

	border-color:#e63c3c;

	color: #fff;

}

.btn-danger:active, .btn-danger.active {

    background:#e63c3c;

	border-color:#e63c3c;

	color: #fff;

	outline:none;

}

.btn-danger:hover, .btn-danger:focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover{

	background:#e63c3c;

	border-color:#e63c3c;

	color: #fff;

	outline:none;

}

.btn-warning{

	background:#f39c12;

	border-color:#f39c12;

	color: #fff;

}

.btn-warning:active, .btn-warning.active {

    background:#f39c12;

	border-color:#f39c12;

	color: #fff;

	outline:none;

}

.btn-warning:hover, .btn-warning:focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover{

	background:#f39c12;

	border-color:#f39c12;

	color: #fff;

	outline:none;

}

.btn-success{

	background:#5cb85c;

	border-color:#5cb85c;

	color: #fff;

}

.btn-success:active, .btn-success.active {

    background:#5cb85c;

	border-color:#5cb85c;

	color: #fff;

	outline:none;

}

.btn-success:hover, .btn-success:focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover{

	background:#5cb85c;

	border-color:#5cb85c;

	color: #fff;

	outline:none;

}

.btn-purple{

	background:#c580ff;

	border-color:#c580ff;

	color: #fff;

}

/* ==========================================================================

Form And Button

========================================================================== */

button:hover, input:hover, input:focus, button:focus{

outline:none;

}

.form-control {

    height:50px;

    border: 1px solid #dde6ef;

	margin-bottom:10px;

    box-shadow: none;

    border-radius: 0;

    background: #fbfdff;

    font-size: 15px;

	color:#445461;

    font-weight: 400;

}

.bootstrap-select.form-control {

    margin-bottom: 0;

    padding: 0;

	margin-bottom:10px;

    border: 1px solid #dde6ef;

}

.form-control:hover, .form-control:focus{

-webkit-box-shadow:0 1px 1px rgba(7,177,7,.075);

box-shadow:0 1px 1px rgba(7,177,7,.075);

outline:none;

}

.form-control .btn.dropdown-toggle.btn-default:hover, .form-control .btn.dropdown-toggle.btn-default:focus{

border:none;

-webkit-box-shadow:none;

box-shadow:none;

outline:none;

}

.bootstrap-select button.btn.dropdown-toggle.bs-placeholder.btn-default {

    background: transparent;

    height: 46px;

    border: 1px solid transparent;

    color:#445461;

    text-shadow: none;

    border-radius: 0px;

    box-shadow: none;

}

.bootstrap-select .dropdown-toggle:focus {

    outline:none !important;

    outline:none !important;

    outline-offset:0 !important;

}

.bootstrap-select.btn-group .dropdown-menu li a {

    padding: 8px 10px;

}

.bootstrap-select.btn-group .dropdown-menu li a:hover {

    box-shadow: none;

    background: #37caa2;

    color: #ffffff;

}

.btn-group.open .dropdown-toggle {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {

    color:#445461;

    background-color: transparent;

    border-color: transparent;

}

button.btn.dropdown-toggle.btn-default {

    background: transparent;

    border: none;

    box-shadow: none;

    height: 46px;

}

textarea::-moz-placeholder{color:#6a7884;opacity:1;}

textarea::-ms-input-placeholder{color:#6a7884;}

textarea::-webkit-input-placeholder{color:#6a7884;}



.form-control::-moz-placeholder{color:#99abb9;opacity:1;}

.form-control::-ms-input-placeholder{color:#99abb9;}

.form-control::-webkit-input-placeholder{color:#99abb9;}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {

    outline: none;

    outline: none;

    outline-offset: 0;

}



/*-------------------------------------------

Heading Style

--------------------------------------------*/

.main-heading{

text-align:center;

margin-bottom:2em;

}

.main-heading p{

font-size:16px;

color:#707c88;

margin-bottom:5px;

text-transform:uppercase;

}

.dark .main-heading p, .dark .main-heading h2{

color:#ffffff;

}

.main-heading h2{

color:#35434e;

position:relative;

font-weight:600;

margin-top:0px;

margin-bottom:10px;

font-family: 'Montserrat', sans-serif;

}

.main-heading h2>span{

color:#37caa2;

}

.main-heading span.heading-line {

width:80px;

height: 1.2px;

display: block;

background: #37caa2;

position: relative;

margin: 0 auto;

}

/*----------------------------------------

 Pagination Style

--------------------------------------------*/

.pagination {

	display: table;

	padding-left: 0;

	margin: 20px 0;

	border-radius:4px;

	margin: 20px auto;

}

.pagination>li>a, .pagination>li>span {

position: relative;

float: left;

padding: 12px 20px;

margin: 5px;

line-height: 1.42857143;

color: #5a6f7c;

text-decoration: none;

background-color: #fff;

border-radius:2px;

}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .pagination>li>a:hover, .pagination>li>a:focus {

z-index: 2;

color:#37caa2;

cursor:pointer;

background-color:rgba(7,177,7,0.1);

border-color:#37caa2;

}

.pagination li:first-child a {

background: #37caa2;

border: 1px solid #37caa2;

border-radius:2px;

color:#ffffff;

}

.pagination li:last-child a {

background: #35434e;

border: 1px solid #35434e;

border-radius:2px;

color:#ffffff;

}



/*---------------------------------------- 

Search Filter Style

--------------------------------------------*/

.search-filter {

    padding: 1em 0;

    display: inline-block;

    width: 100%;

    background: #ffffff;

    margin-bottom: 20px;

}

.short-by.pull-right {

margin-top: 12px;

}

.search-filter .input-group{

height:46px;

}	

.search-filter .form-control{

border-radius:2px;

height:46px;

margin-bottom:0;

color: #707c88;

font-weight:400;

font-size: 16px;

font-family: 'Montserrat', sans-serif;

box-shadow:none;

border:1px solid #ccddea;

}

.search-filter button.btn.btn-default {

    height: 46px;

    padding: 0 20px;

    font-size: 18px;

    background: #37caa2;

    border: 1px solid #37caa2;

    color: #ffffff;

    border-radius: 0 2px 2px 0;

}

.dropdown-menu{

right:0;

left: initial;

}

.search-filter .form-control:hover, .search-filter .form-control:focus{

border-color:#37caa2;

box-shadow:0px 0px 10px 2px rgba(7,177,7,0.1);

-webkit-box-shadow:0px 0px 10px 2px rgba(7,177,7,0.1);

-moz-box-shadow:0px 0px 10px 2px rgba(7,177,7,0.1);

}



.search-filter .dropdown, .dropup {

position: relative;

float: none;

display: inline-block;

margin-left: 10px;

}

.search-filter .dropdown-menu{

box-shadow:none;

border-color:#ccddea;

}

.search-filter .dropdown-menu>li>a {

padding: 10px 20px;

color: #35434e;

}

.search-filter .dropdown-menu>li>a:hover, .search-filter .dropdown-menu>li>a:focus{

text-decoration:none;

background:#37caa2;

color:#ffffff;

}



/* ==========================================================================

          Navigation Style Setting

========================================================================== */

.navbar-default {

background-image: none;

background-image: none;

background-image: none;

background-image: none;

filter: none;

background-repeat: repeat-x;

border-radius: 0;

-webkit-box-shadow: none;

box-shadow: none;

}

nav.navbar.bootsnav ul.nav > li > a {

color: #ffffff;

text-transform: uppercase;

background-color: transparent !important;

font-family: 'Montserrat', sans-serif;

}

.navbar .form-control {

font-weight: 400;

font-size: 15px;

background:#445461;

color:#99abb9;

border: 1px solid #586977;

border-radius: 1px;

box-shadow: none;

min-width: 205px;

}

.navbar.navbar-light .form-control{

background:#ffffff;

color:#636d75;

border: 1px solid #e4e4e4;

}

.navbar .form-control:hover, .navbar .form-control:focus{

border-color:#37caa2;

}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu {

    border-color: #37caa2;

}

nav.navbar.navbar-default.navbar-static.white.bootsnav.on.no-full.navbar-transparent .logo-scrolled {

    display: none;

}

.form-control::-moz-placeholder{color:#99abb9;opacity:1;}

.form-control:-ms-input-placeholder{color:#99abb9;}

.form-control::-webkit-input-placeholder{color:#99abb9;}



.form-control::-moz-placeholder{color:#282C32;opacity:1;}

.form-control:-ms-input-placeholder{color:#282C32;}

.form-control::-webkit-input-placeholder{color:#282C32;}



.navbar.navbar-transparent .form-control::-moz-placeholder{color:#343a40;opacity:1}

.navbar.navbar-transparent .form-control:-ms-input-placeholder{color:#343a40;}

.navbar.navbar-transparent .form-control::-webkit-input-placeholder{color:#343a40;}



.navbar-transparent .nav.navbar.bootsnav ul.nav > li > a i {

font-size: 16px;

color:#000;

margin-right: 9px;

}

nav.bootsnav .megamenu-content .title{

text-transform:capitalize;

font-family: 'Montserrat', sans-serif;

font-size:20px;

color:#35434e;

text-align: center;

}



ul.cart-list > li.total > .btn{

border-bottom: solid 1px #cfcfcf !important;

color: #fff !important;

padding: 10px 15px;

}

nav.navbar.bootsnav {

background-color:#333;

border-bottom: 1px solid #ccc;

}

.banner-caption .left-br .signin {

    background: #fff;

    border: 2px solid #fff!important;

    color: #37caa2!important;

    font-weight: bold;

    display: inline-block;

}



@media only screen  and (min-width : 768px) {

/*------------Navigation------*/

body nav.navbar.bootsnav ul.nav > li > a.signin{

    background: #37caa2 !important;

}



.banner-caption .left-br .signin:hover, .banner-text:hover .signin {

	background: #fff!important;	

}



li.left-br {

    border-left: 1px solid rgb(202, 202, 202);

}

}

span.new-offer {

    font-size: 13px;

    color: #ffffff;

    background: #37caa2;

    padding: 4px 12px;

    border-radius: 2px;

    margin-left: 15px;

}

/* ==========================================================================

       First Home Page Banner Style Settings

========================================================================== */

.banner.job-seeker {max-height: 250px;}

.banner{

background-size:cover;

padding-top:9.4%;

padding-bottom:0%;

position:relative;

background-position:center;

}

.banner:before{

content:"";

display:block;

left:0;

right:0;

top:0;

bottom:0;

height:100%;

width:100%;

position:absolute;

background: #0000002b;

opacity:0.64;

}

.company-brand img:hover, .company-brand img:focus {

opacity: 1;

}

.banner-caption{

text-align:left;

display: inline-block;

width: 100%;

}



.banner-text .left-br{

text-align:center;

background-color:rgba(0, 0, 0, 0.4);

display: block;

padding: 20px 15px;



}

.banner-text .left-br:hover{

background-color:rgba(72, 72, 72, 1);

}





.banner h1{

color:#ffffff;

text-shadow:none;

font-family: 'Montserrat', sans-serif;

font-weight: 600;

line-height:1.3;

letter-spacing:3px;

}

.banner h1 span{

color:#37caa2;	

}

.banner p {

font-family: 'Montserrat', sans-serif;

color: #ffffff;

opacity: 0.8;

font-weight:300;

font-size: 18px;

text-transform:capitalize;

line-height: 1.9;

}

.banner .no-padd{

padding:0 5px;	

}

.no-padding{padding:2px!important;}

/*-----------------------------------

Search form style

----------------------------------------*/



.banner-caption .form-control{

background:#ffffff;

border:none;

border-radius:0px!important;

height:48px;

color:#282C32;

font-size:15px;

width:100%;

box-shadow:none;

font-family: 'Montserrat', sans-serif;

}

.banner-caption select.form-control:hover, .banner-caption select.form-control:focus{

border:none;

box-shadow:none;

}

.banner-caption .input-group{

width:100%;

padding:0;

display: block;

}

.banner-caption .btn-primary{

background:#37caa2;

height:48px;

color:#ffffff;

border-radius:30px;

border-color:#37caa2;

width:100%;

font-size:14px;

text-transform:uppercase;

display:block;

}

.banner-caption .btn-primary:focus, .banner-caption .btn-primary:hover{

background:#37caa2;

text-transform:uppercase;

box-shadow:none;

outline:none;

color:#ffffff;

border-color:#37caa2;

}

.banner-caption .form-control::-moz-placeholder{color:#282C32;opacity:1}

.banner-caption .form-control:-ms-input-placeholder{color:#282C32}

.banner-caption .form-control::-webkit-input-placeholder{color:#282C32}



/*----------------------------------------

Banner Brand Carousel

----------------------------------------*/

.company-brand {

margin-top: 50px;

display: table;

padding: 2em 0;

width: 100%;

position:relative;

background-color:rgba(0, 0, 0, 0.8);

filter: alpha(opacity=50);

-webkit-filter: alpha(opacity=50);

-moz-filter: alpha(opacity=50);

}

.company-brand img {

display: block;

margin: 0 auto;

opacity: 0.42;

}



/* ==========================================================================

       Second Home Page Banner Style Settings

========================================================================== */

.simple-banner{

padding:8em 0 6em 0;

background-size:cover;

}

.simple-banner h3{

text-transform:uppercase;

font-family:'Raleway', sans-serif;

font-weight:500;

color:#35434E;

}

.simple-banner h1{

text-transform:uppercase;

font-family:'Raleway', sans-serif;

color:#35434E;

font-weight:700;

}

.simple-banner h1 span{

color:#37caa2;

}

/*------------------------------------------

Banner bottom search form

--------------------------------------------*/

.bottom-search-form {

    background: #35434e;

    padding: 3em 0;

}

.bottom-search-form input.form-control, .bottom-search-form select.form-control {

background: #42525f;

border-radius: 2px;

height:52px;

margin-bottom: 10px;

border: 1px solid #4f616f;

width: 100%;

color:#99abb9;

}

.bottom-search-form .select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #92a4b3;

    background: #42525f;

    border: 1px solid #4f616f;

}

.bottom-search-form .select2-container--default .select2-selection--single .select2-selection__arrow b {

    border-color: #99abb9 transparent transparent transparent;

}

.bottom-search-form button.btn.btn-primary {

width: 100%;

height:52px;

border-radius: 2px;

font-size: 16px;

background: #37caa2;

border: 1px solid #0bbf0b;

}

.bottom-search-form input.form-control:focus, select.form-control:focus{

border:1px solid #37caa2;

box-shadow:0px 0px 7px 1px rgba(7,177,7,0.1);

}



/* ==========================================================================

      Third Home Page Banner Style Settings

========================================================================== */

.home-three-banner{

padding:8em 0 6em 0;

position:relative;

text-align:left;

background-size:cover;

}



.home-three-banner:before{

position:absolute;

left:0;

right:0;

top:0;

bottom:0;

height:100%;

content:"";

background:rgba(53,67,78,0.70);

}

.home-three-banner .banner-text{

text-align:left;

}

.home-three-banner form.bt-form {

    margin: 25px -15px;

}

.home-three-banner h1{

text-transform:capitalize;

font-family:'Raleway', sans-serif;

color:#ffffff;

font-weight:700;

}

.home-three-banner p{

font-size:16px;

line-height:1.8;

color:#ffffff;

}

.home-three-banner h1 span{

color:#37caa2;

}



/*-----------------------------------------

Search job Style

---------------------------------------------*/



.home-three-banner input.form-control, .home-three-banner select.form-control {

background: #ffffff;

border-radius: 2px;

height: 48px;

margin-bottom: 10px;

border: 1px solid #ffffff;

width: 100%;

color: #636d75;

}

.home-three-banner .select2-container--default .select2-selection--single, .home-three-banner .select2-container--default .select2-selection--multiple {

    min-height:48px;

}

.home-three-banner button.btn.btn-primary {

width: 100%;

height: 48px;

border-radius: 2px;

font-size: 16px;

background: #37caa2;

border: 1px solid #0bbf0b;

}

.home-three-banner input.form-control:focus, .home-three-banner select.form-control:focus{

border:1px solid #37caa2;

box-shadow:0px 0px 7px 1px rgba(7,177,7,0.1);

}



/* ==========================================================================

      Fourth Home Page Banner Style Settings

========================================================================== */

.home-plane-banner{

padding:8em 0 6em 0;

position:relative;

text-align:left;

background-size:cover;

}

.home-plane-banner:before{

position:absolute;

left:0;

right:0;

top:0;

bottom:0;

height:100%;

content:"";

background:rgba(255,255,255,0.02);

}

.home-plane-banner .banner-text{

text-align:center;

}



.home-plane-banner h1{

text-transform:capitalize;

font-family:'Raleway', sans-serif;

color:#35434e;

line-height:1.2;

font-weight:700;

}

.home-plane-banner p{

font-size:16px;

line-height:1.8;

color:#5d6d79;

}

.home-plane-banner h1 span{

color:#37caa2;

}

a.btn.btn-banner {

    background: #37caa2;

    width: 220px;

    padding: 15px 0;

    display: table;

    margin: 25px auto;

    border-radius: 50px;

    text-transform: capitalize;

    font-size: 16px;

    color: #ffffff;

}

/* ==========================================================================

       Five Home Page Banner Style Settings

========================================================================== */

.banner.home-5{

background-size:cover;

padding-top:13%;

padding-bottom:0%;

position:relative;

background-position:center;

}

.banner.home-5:before{

content:"";

display:block;

left:0;

right:0;

top:0;

bottom:0;

height:100%;

width:100%;

position:absolute;

background:#282C32;

opacity:0.70;

}

.company-brand img:hover, .company-brand img:focus {

opacity: 1;

}

.banner-caption{

text-align:left;

display: inline-block;

width: 100%;

}



.home-5 .banner-text{

margin-top:0%;

margin-bottom:1em;

text-align:center;

}

.banner h1, .banner h2 {

color:#ffffff;

text-shadow:none;

font-family: 'Montserrat', sans-serif;

font-weight: 600;

line-height:1.3;

letter-spacing:3px;

color:#37caa2!important;

}

.banner h1 span{

color:#37caa2;	

}

.banner p {

font-family: 'Montserrat', sans-serif;

color: #ffffff;

opacity: 0.8;

font-weight:300;

font-size: 18px;

text-transform:capitalize;

line-height: 1.9;

}

.banner.home-5 .no-padd{

padding:0px;	

}

.banner.home-5 .video-box {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    background: rgba(255, 255, 255,0.3);

    display: table;

    margin:50px auto 20px auto;

    padding: 10px;

    position: relative;

}

.banner.home-5 .video-box a.btn.btn-video {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background:#ffffff;

}

.banner.home-5 .video-box a.btn.btn-video i {

    font-size: 28px;

    line-height:45px;

    text-align: center;

    color: #37caa2;

}

/*-------------------------------------------

	Slide Banner 

--------------------------------------------*/

.slide-banner {

    background-size: cover !Important;

    background-position: center !Important;

    padding: 12% 0;

    position: relative;

    margin: 0;

    overflow: hidden;

}



.slideshow-container {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:110%;

	z-index:1;

}

.slideshow-item  , .slideshow-container .slick-slide{

	position:relative;

	float:left;

	width:100%;

	height:100%;

}

.list-single-carousel-wrap {

	background: #24324F;

}

.fw-carousel .slick-slide-item {

	width:auto;

	float:left;

	cursor: w-resize;

}

.slide-banner .fl-wrap{

	display: flex;

    flex-direction: column;

    justify-content: center;

    height: 100%;

}

.slide-banner h2{

	font-weight:600;

	color:#ffffff;

}

.slide-banner p{

	font-size:16px;

	color:#ffffff;

}

.slide-banner .form-horizontal{

	margin-top:20px;

}

.slide-banner .form-horizontal .input-group{

	width:100%;

}

.slide-banner .form-horizontal .form-control{

	border:none;

}

.slide-banner .form-horizontal .form-control, .slide-banner .form-horizontal .btn{

	height:56px;

}

.fw-carousel .slick-slide-item img {

	width:auto  ;

	height:100%   !important;

}

.bg:before {

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    top: 0;

    height: 100%;

    width: 100%;

    display: block;

    background:#12233e;

    opacity: 0.7;

}

.list-single-carousel-wrap .slick-slide-item .box-item {

	height:100%;

	z-index:20;

}

.list-single-carousel-wrap .slick-slide-item .box-item:before {

	display:none;

}

.list-single-carousel-wrap .slick-slide-item {

	float:left;

	width: auto;

	height:100%;

	padding:0 0px 0 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	overflow:hidden;

}

.bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background-size: cover;

    background-attachment: scroll;

    background-position: center;

    background-repeat: repeat;

    background-origin: content-box;

}



.fl-wrap {

    float: left;

    width: 100%;

    text-align: center;

    color: #ffffff;

    position: relative;

}

.hero-section-wrap {

    z-index: 30;

}



/*-----------------------------------------------

Advance Job Feature

----------------------------------------------*/



.job-feature.advance-fr{

    text-align: center;

    transition:all 0.3s ease 0s;

	padding:3em 0.5em;

	background: #ffffff;

    margin-bottom: 10px;

    position: relative;

    z-index: 1;

}

.job-feature.advance-fr .feature-icon i {

    font-size: 1.7em;

    color: #37caa2;

    margin-bottom: 7px;

    width: 60px;

    height: 60px;

    transition: ease-in-out 0.4s;

    background: rgba(7, 177, 7,0.07);

    line-height: 60px;

    border-radius: 50%;

}

.job-feature.advance-fr .feature-caption h5 {

    text-transform: uppercase;

    font-weight: 500;

    margin-bottom: 4px;

    font-size: 16px;

    color: #55646f;

    font-family: 'Montserrat', sans-serif;

}

.job-feature.advance-fr .feature-caption p {

    color: #707c88;

    font-size: 16px;

    line-height: 1.8;

    font-weight: 400;

    font-family: 'Montserrat', sans-serif;

}

.job-feature.advance-fr:hover i {

    background: #37caa2;

    color: #ffffff;

}

.job-feature.advance-fr:after,

.job-feature.advance-fr:before{

    content: "";

    position: absolute;

    top:0;

    left:0;

    right: 0;

    bottom: 0;

    transition:all 0.5s ease 0s;

}

.job-feature.advance-fr:after{

    border-bottom: 1px solid #37caa2;

    border-top: 1px solid #37caa2;

    transform: scaleX(0);

    transform-origin: 0 100% 0;

    z-index: -1;

}

.job-feature.advance-fr:before{

    border-left: 1px solid #37caa2;

    border-right: 1px solid #37caa2;

    transform: scaleY(0);

    transform-origin: 100% 0 0;

    z-index: -1;

}

.job-feature.advance-fr:hover:after{

    transform: scaleX(1);

}

.job-feature.advance-fr:hover:before{

    transform: scaleY(1);

}

/*-----------------------------------------------

Work Process Style Settings

----------------------------------------------*/



.home-three .work-process {

    margin-bottom:30px;

    margin-top: 20px;

}

.home-three .work-process-icon {

    width: 50px;

    height: 50px;

    float:none;

	margin-bottom: 13px;

	display: block;

}

.home-three .work-process-caption {

    margin-left:0px;

}

.work-process-caption h4 {

    margin-bottom: 10px;

}

/* ==========================================================================

       Top features Style Settings

========================================================================== */

.job-feature {

padding: 2em 0.5em;

background: #ffffff;

margin-bottom: 10px;

box-shadow:0 5px 25px 0 rgba(41,128,185,0.15);

-webkit-box-shadow:0 5px 25px 0 rgba(41,128,185,0.15)

}

.first-feature .small-padding{

padding: 0 5px;

}

.all-features{

text-align:center;

}

.feature-post{

margin-bottom:40px;

}

.all-features h3 {

font-weight: 500;

margin-bottom: 26px;

color: #282C32;

}

.all-features h3 span {

color:#37caa2;

}

.feature-icon i {

font-size:1.7em;

color: #37caa2;

margin-bottom:7px;

width:60px;

height:60px;

transition:ease-in-out 0.4s;

background:rgba(7, 177, 7,0.07);

line-height:60px;

border-radius: 50%;

}

.job-feature:hover i{

background:#37caa2;

color:#ffffff;

}

.feature-caption h5 {

text-transform: uppercase;

font-weight:500;

margin-bottom: 4px;

font-size: 16px;

color:#55646f;

font-family: 'Montserrat', sans-serif;

}

.feature-caption p {

color: #707c88;

font-size: 14px;

line-height: 1.8;

font-weight: 400;

padding: 0 5px;

font-family: 'Montserrat', sans-serif;

}





/* ==========================================================================

       Video Part Style Settings

========================================================================== */

.video-sec{

background-size:cover;

background-position:center;

text-align:center;

position:relative;

}

.video-sec .heading{

margin-bottom:2em;

}

.heading h2, .heading p{

position:relative;

}

.video-sec:before{

position:absolute;

display:block;

left:0;

right:0;

top:0;

bottom:0;

content:"";

background:rgba(53, 67, 78,0.7);

}

a.video-btn {

position:relative;

display: table;

margin: 0 auto;

vertical-align: middle;

height: 120px;

width: 120px;

background: #ffffff;

line-height: 120px;

border-radius: 50%;

transition:all 0.4s;

}

a.video-btn i {

font-size: 40px;

width:80px;

height:80px;

border-radius: 50%;

color:#37caa2;

box-shadow:0px 0px 20px 0px rgba(7, 177, 7,0.4);

-webkit-box-shadow:0px 0px 20px 0px rgba(7, 177, 7,0.4);

-moz-box-shadow:0px 0px 20px 0px rgba(7, 177, 7,0.4);

line-height:80px;

vertical-align: middle;

transition:all 0.4s;

}

a.video-btn:hover{

background:#35434E;

}

a.video-btn:hover i{

background:#37caa2;

color:#ffffff;

}



/* ==========================================================================

       Work Process Style Settings

========================================================================== */

.work-process {

margin-bottom: 30px;

}

.work-process-icon {

width: 50px;

height: 50px;

float: left;

}

.work-process-icon span {

font-size: 2.5em;

color: #37caa2;

}

.work-process-caption {

margin-left: 55px;

}

.work-process-caption h4{

font-weight:500;

margin-bottom: 4px;

font-size: 16px;

color:#55646f;

position:relative;

padding-bottom:15px;

text-transform: uppercase;

font-family: 'Montserrat', sans-serif;	

}

.work-process-caption h4:before{

content:"";

bottom:0;

left:0;

height:2px;

width:80px;

display:block;

position:absolute;

background:#37caa2;

}

.work-process-caption p{

color: #707c88;

font-size:14px;

line-height: 1.8;

font-weight: 400;

font-family: 'Montserrat', sans-serif;	

}







/* ==========================================================================

       Testimonials Style Settings

========================================================================== */

.testimonial{

background:#f3f3f3;

}

#appller-testimonial-slider{

margin-top:2.5em;

text-align:center;

}

.client-testimonial{

text-align: center;

margin: 50px 10px 0;

padding: 0 10% 4%;

background: #fff;

border-radius:4px;

box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);

-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);

-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);

-o-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);

}

.client-testimonial .pic{

width: 100px;

height: 100px;

border-radius: 50%;

border-bottom: 2px solid rgb(55, 202, 162);

display: inline-block;

margin-top: -50px;

overflow: hidden;

box-shadow:0 2px 6px rgba(0, 0, 0, 0.15);

}

.client-testimonial .pic img{

width: 100%;

height: auto;

}

.client-testimonial .client-description {

font-size: 14px;

font-family: 'Montserrat', sans-serif;

color:#707c88;

line-height: 30px;

margin: 10px 0 5px;

}

.client-testimonial .client-testimonial-title{

font-size: 14px;

font-weight: bold;

margin: 0;

color:#55646f;

text-transform: uppercase;

}

.client-testimonial .client-testimonial-rating{

margin: 0 0 15px 0;

padding: 0;

list-style: none;

}

.client-testimonial .client-testimonial-rating li{

color: #ffcd02;

display: inline-block;

}

.client-testimonial .client-testimonial-rating li.fa-star{

color:#ffcd02;

}

.owl-theme .owl-controls{

margin-top: 30px;

}

.owl-theme .owl-controls .owl-pagination{

width: 140px;

padding: 10px;

margin: 0 auto;

line-height: 13px;

background: #fe7f8b;

}

.owl-theme .owl-controls .owl-page span{

width: 12px;

height: 12px;

border-radius: 0;

background: transparent;

border: 1px solid #fff;

}

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{

border: 4px solid #fff;

}



/* ==========================================================================

       Call To Actione Style Settings

========================================================================== */

.bl-dark {

    background: #35434e;

}

section.call-to-act {

    padding: 0;

}

.gr-dark {

    background: #37caa2;

}



.call-to-act-caption {

    padding: 5em 4em;

    text-align: center;

}

.call-to-act-caption h2 {

    color: #ffffff;

    font-weight: 700;

    margin-bottom: 0em;

}

.call-to-act-caption h3 {

	font-family: 'Montserrat', sans-serif;

	font-weight: 400;

    font-size:18px;

}

.gr-dark .call-to-act-caption h3 {

    color: #beffab;

}

.bl-dark .call-to-act-caption h3 {

    color:#9eb3c3;

}

.bl-dark a.btn.bat-call-to-act {

    border: 1px solid #475865;

}

.gr-dark a.btn.bat-call-to-act {

    border: 1px solid #39c713;

}

a.btn.bat-call-to-act {

    padding: 13px 56px;

    border-radius: 50px;

    text-transform: uppercase;

    font-size: 17px;

    background: rgba(2,2,2,0.15);

	transition:all ease-in-out 0.4s;

    color: #ffffff;

    margin-top: 15px;

}

a.btn.bat-call-to-act:hover, a.btn.bat-call-to-act:focus{

background: rgba(255,255,255,0.1);

}



/* ==========================================================================

       Pricing Table Style Settings

========================================================================== */

.pr-table {

    text-align: center;

    padding: 10px 10px 15px 10px;

    border: 1px solid #c7d1da;

    margin-bottom: 25px;

    border-radius: 6px;

}

.pr-header {

    background: #35434e;

    display: inline-block;

    width: 100%;

    padding: 30px 0;

    border-radius: 6px;

}

.pr-plan{

padding:15px 0 5px 0;

}

.pr-plan h4 {

    color: #ffffff;

    font-size: 22px;

    font-family: 'Montserrat', sans-serif;

    margin-top: 0;

	text-transform: uppercase;

}

.pr-price{

padding:1em 0 0 0;

}

.pr-price h3{

	color:#ffffff;

	font-size:5.4em;

	margin-top:0;

	font-family:'Raleway', sans-serif;

}

.pr-price h3 sup{

	font-family: 'Montserrat', sans-serif;

	color:rgba(255,255,255,0.7);

	margin-right: 5px;

	font-size:25px;

}

.pr-header.active {

    background: #37caa2;

}

.pr-price h3 sub{

	font-family: 'Montserrat', sans-serif;

	color:rgba(255,255,255,0.7);

	font-size:20px;

}

.pr-features ul{

	margin:0;

	padding:2em 0;

}

.pr-features ul li{

	color:#596a77;

	padding:10px 0;

	line-height:1.8;

	font-size:15px;

	list-style:none;

	border-bottom: 1px dashed #edeff3;

	font-family: 'Montserrat', sans-serif;

}

.pr-buy-button{

	padding:15px 0;

}

.pr-buy-button .pr-btn{

	display:block;

	border:1px solid #37caa2;

	font-family: 'Montserrat', sans-serif;

	text-transform:uppercase;

	padding:13px 0;

	color:#37caa2;

	border-radius: 4px;

	transition:all ease-in-out 0.4s;

}

.pr-buy-button .pr-btn:hover, .pr-buy-button .pr-btn:focus{

	background:#37caa2;

	color:#ffffff;

	text-decoration:none;

}

.pr-buy-button .pr-btn.active{

	display:block;

	border:1px solid #35434e;

	background:#35434e;

	font-family: 'Montserrat', sans-serif;

	text-transform:uppercase;

	padding:13px 0;

	color:#ffffff;

	transition:all ease-in-out 0.4s;

}

.pr-buy-button .pr-btn.active:hover, .pr-buy-button .pr-btn.active:focus{

	background:#37caa2;

	border-color:#37caa2;

	color:#ffffff;

	text-decoration:none;

}



/* ==========================================================================

       Download app Style Settings

========================================================================== */

.download-app{

	background-size:cover;

	background-position:center;

	position:relative;

	padding-bottom:0;

	overflow:hidden;

}

.download-app:before{

	background:#37caa2;

	position:absolute;

	opacity:0.9;

	content:"";

	display:block;

	height:100%;

	left:0;

	right:0;

	top:0;

	bottom:0;

}

.download-app .heading{

	margin-bottom:0.5em

}

.app-content{

	text-align:left;

	margin-bottom:6em;

	color:#ffffff;

}

.app-content h2{

	font-weight:500;

	font-family: 'Montserrat', sans-serif;	

}

.app-content h4{

font-weight:400;

font-size:22px;

text-transform: uppercase;

font-family: 'Montserrat', sans-serif;	

}

.app-content p{

font-weight:400;

font-size:16px;

color:#ffffff;

line-height:1.8;

margin-top:20px;

font-family: 'Montserrat', sans-serif;	

}

.app-content a.btn.call-btn i{

margin-right:15px;

font-size:27px;

}

.app-content a.btn.call-btn{

border-radius:4px;

padding: 0.6em 1.4em;

margin-right:20px;

text-transform: uppercase;

background: transparent;

border: 1px dashed #ffffff;

transition:all ease-in-out 0.4s;

color: #ffffff;

margin-bottom:10px;

font-family: 'Montserrat', sans-serif;	

}

.app-content a.btn.call-btn:hover{

background:#ffffff;

color:#37caa2;

}

.download-app img {

margin:0 auto;

}





/* ==========================================================================

      Footer Part Style Settings

========================================================================== */

.footer{

background:#191919;

padding:1.5em 0 0 0;

z-index:-1;

text-align:left;

}

footer .row.no-padding{

margin:0px 10px;

}

.footer-widget {

padding:1.5em 0em 2em 0em;

}

.lg-menu{

border-bottom:1px solid #4c4c4c;

padding:1em 0 1.5em 0;

margin:0;	

}

.lg-menu ul{

margin:0;

padding:0;

float:right;	

}

.lg-menu ul li{

display:inline-block;

list-style:none;

padding-left:20px;

}

.lg-menu ul li a{

text-transform:uppercase;

color:#fff;

font-family: 'Montserrat', sans-serif;

}

.lg-menu ul li a:hover, .lg-menu ul li a:focus{

text-decoration:none;

color:#37caa2;

}

h3.widgettitle.widget-title {

font-family: 'Montserrat', sans-serif;

font-weight: 500;

text-transform:capitalize;

margin-bottom:5px;

font-size:18px;

color:#ffffff;

}

.textwidget {

color:#96a4b3;

opacity: 1;

font-size: 14px;

font-family:  'Montserrat', sans-serif;

font-weight: 400;

line-height: 1.8;

}

.textwidget a {

color:#bdbdbd;

}

.textwidget p {

margin-bottom: 10px;

color:#bdbdbd;

}

ul.footer-navigation {

margin: 0;

padding: 0;

}

ul.footer-navigation li {

padding: 0;

line-height: 2.2;

list-style: none;

}

/*------------------------------------

Footer Social Media

------------------------------------------*/

.footer-social{

text-align:left;

padding:0;

margin:0;

margin-bottom:25px;

}

.footer-social li{

list-style:none;

display:inline-block;

padding-right: 7px;

margin-bottom:10px;

}

.footer-social li a {

color:#446d82;

font-family: 'Montserrat', sans-serif;

font-size: 15px;

letter-spacing: 0.5px;

}



.footer-social li a i{

width: 40px;

height: 40px;

border-radius:2px;

line-height: 40px;

background: #37caa2;

text-align: center;

color: #fff;

box-shadow: 0px 0px 10px 0px rgba(53, 67, 78,0.10);

}



.footer-social .fa-facebook, .detail-footer-social .fa-facebook {background: #3b5999; color:#fff;}

.footer-social .fa-google-plus, .detail-footer-social .fa-google-plus {background: #d54336; color:#fff;}

.footer-social .fa-twitter, .detail-footer-social .fa-twitter {background: #1da1f3; color:#fff;}

.footer-social .fa-linkedin, .detail-footer-social .fa-linkedin {background: #007ab9; color:#fff;}

.footer-social .fa-facebook:hover, .detail-footer-social .fa-facebook:hover {color: #3b5999; background: #fff;}

.footer-social .fa-google-plus:hover, .detail-footer-social .fa-google-plus:hover {color: #d54336; background: #fff;}

.footer-social .fa-twitter:hover {color: #1da1f3; background: #fff;}

.footer-social .fa-linkedin:hover {color: #007ab9; background: #fff;}



/*-----------------------------------

Footer Contact Form Style

--------------------------------------------*/

.footer-form .form-control{

margin-bottom:7px;

width:100%;

height:42px;

border-radius:2px;

background: #fff;

border-color: #404040;

color:#748898;

}

.footer-form textarea.form-control{

height:70px;

}

.footer-form .btn-primary{

background:#37caa2;

border-radius:2px;

color:#ffffff;

padding:10px 40px;

border-color:#37caa2;	

}

.footer-form .btn-primary:hover, .footer-form .btn-primary:focus{

border-color:#37caa2;

background:#37caa2;

}



/*---------------------------------------------

Footer Copyright Style

-----------------------------------------------*/

.row.copyright{

padding:1.4em 0 0 0;

background:#191919;	

text-align:center;

margin:0;

border-top: 1px solid #4c4c4c;

}

.copyright p {

font-size: 15px;

letter-spacing: 0.5px;

color:#fff;

font-family: 'Montserrat', sans-serif;

text-align: center;

padding: 1em 0;

display: inline-block;

}

.copyright a{

text-decoration:none;

color:#37caa2;

}



/* ==========================================================================

      Inner Page Style Settings

========================================================================== */

/*-----------------Common Style Setting-------------------*/

.inner-header-title{

padding:7em 0;

text-align:center;

color:#ffffff;

overflow: visible;

position:relative;

border-bottom:4px solid #37caa2;

background-size:cover;

}

/*.inner-header-title:before{

	position:absolute;

	content:"";

	left:0;

	right:0;

	top:0;

	bottom:0;

	display:block;

	background: #0000009e;

    opacity: 0.6;

}*/

.inner-header-title.gray-bg:before, .inner-header-title.blank:before{

	opacity:0;

}

.inner-header-title>*{

	position:relative;

}

.inner-header-title.text-left{

text-align:left;

color:#35434e;

}

.inner-header-title h1 {

font-weight: 600;

}

.inner-header-title p {

	color:#ffffff;

}

.inner-header-title.blank{

padding:10em 0;

text-align:center;

color:#ffffff;

overflow: visible;

border-bottom:4px solid #37caa2;

background: #53bb13;

background: -moz-radial-gradient(center, ellipse cover, #53bb13 0%, #37caa2 100%);

background: -webkit-radial-gradient(center, ellipse cover, #53bb13 0%,#37caa2 100%);

background: radial-gradient(ellipse at center, #53bb13 0%,#37caa2 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53bb13', endColorstr='#37caa2',GradientType=1 );

background-size:cover;

}

.inner-header-title.blank:brfore{

	opacity:0;

}

.bottom-mrg{

margin-bottom:3em;

}

.detail-desc{

padding:0;

overflow: visible;

}

.detail-desc .form-control::-moz-placeholder{color:#6a7884;opacity:1;}

.detail-desc .form-control:-ms-input-placeholder{color:#6a7884;}

.detail-desc .form-control::-webkit-input-placeholder{color:#6a7884;}



.container.white-shadow, .container-fluid.white-shadow{

background:#ffffff;

border-bottom:2px solid #37caa2;

box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);

}

.detail-status {

    position: absolute;

    right: 15px;

    top: 15px;

}

.detail-status span {

    color: #fff;

    background: #26a9e1;

	font-family: 'Montserrat', sans-serif;

	text-transform:capitalize;

    padding: 5px 25px;

    border-radius:2px;

}

.detail-pic{

display: block;

width:140px;

background:#ffffff;

border:1px solid #333;

height:140px;

text-align: center;

border-radius:50%;

padding: 9px;

margin:0 auto;

margin-top: 40px;

position:relative;

margin-bottom: 20px;

}



.detail-pic img {

width: 120px;

height:120px;

margin:auto;

border-radius:50%;

}

.detail-pic .detail-edit {

position: absolute;

left: 34%;

bottom:-12px;

cursor:pointer;

}

.detail-pic .detail-edit i {

width: 30px;

height: 30px;

position: relative;

background: #333;

border-radius: 50%;

line-height: 30px;

cursor: pointer;

text-align: center;

color: #ffffff;

}



/*------ Inner Dropdown Button Style-----*/

button.btn.btn-default.btn-xs.dropdown-toggle {

    background: transparent;

    border: none;

    box-shadow: none;

}

button.btn.btn-default.btn-xs.dropdown-toggle i {

font-size: 26px;

color:#636d75;

}

.action-btn .dropdown-menu>li>a {

padding: 10px 15px;

color:#636d75;

font-size: 15px;

font-family: 'Montserrat', sans-serif;

}

.action-btn .dropdown-menu>li>a:hover, .action-btn .dropdown-menu>li>a:focus{

background:#37caa2;

color:#fff;

}

/*------------- Search Filter-----------*/

.wrap-search-filter{

    padding:0em 0 1em 0;

    /*background: #f3f3f3;*/

	display: inline-block;

    width: 100%;

}

.wrap-search-filter button.btn.btn-primary {

    height: 50px;

}

/* ==========================================================================

      Browse Job Style Settings

========================================================================== */

.brows-job-category{

position:relative;

}

.brows-job-category .no-padding{

margin:0;

margin-bottom:30px;

}

.brows-job-category h2{

color:#5a6f7c;

font-size:25px;

}

.brows-job-list {

display:inline-block;

width: 100%;

clear: both;

padding: 15px 0;

margin-bottom:15px;

transition:.4s;

border: 1px solid #eaeff5;

background:#ffffff;

border-radius:6px;

box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.08)

}

.brows-job-list:hover, .brows-job-list:focus{

	/*margin-top:-5px;*/

    /*transform: translateY(-5px);

	-webkit-transform: translateY(-5px);*/

}

.brows-job-company-img {

width: 75px;

margin: 0 auto;

margin:10px auto;

height: 75px;

display:inline-block;

background: #f4f5f7;

vertical-align: middle;

border-radius: 50%;

line-height: 75px;

overflow: hidden;

border: 2px solid #37caa2;

}

.brows-job-company-img img{

margin: 0 auto;

vertical-align: middle;

display:inline-block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

.brows-job-position h3 {

    color: #5b6d77;

    font-size: 20px;

    padding: 0;

	margin-bottom: 0;

    line-height: 1.4;

}

span.job-num {

   /* padding: 5px 10px;

    border-radius: 4px;

    text-transform: capitalize;

    color: #8da2b3;

    background: #f3f6fb; */

       padding: 5px 10px;

    border-radius: 4px;

    text-transform: capitalize;

    color: #fff;

    background: #56c4f3;

}

.brows-job-position p span{

font-size:12px;

color:#5a6f7c;

margin-top:12px;

margin-right:20px;

}

.brows-job-position p .brows-job-sallery{

margin-right:0;

}

.brows-job-position p .brows-job-sallery i{

margin-right:10px;

}

.brows-job-location {

margin-top: 23px;

}

.brows-job-location p{

font-size:18px;

color:#5a6f7c;

text-overflow: ellipsis;

white-space: normal!important;

overflow: hidden;

}

.brows-job-location p i{

font-size:16px;

margin-right:10px;

}

.brows-job-link{

margin-top: 22px;

}

.brows-job-position .job-type{

padding:4px 12px;

color:#ffffff;

margin-left:10px;

border-radius:2px;

text-transform:capitalize;

}

.full-time {

background: #26a9e1;

}



.part-time {

background: #f6931e;

}

.enternship {

background: #d20001;

}

.freelanc {

background: #26a9e1;

}

.jb-type {

    padding: 3px 10px;

    color: #ffffff;

    font-size: 12px;

    border-radius: 2px;

}

/* ==========================================================================

    Browse Company Style Settings

========================================================================== */

.brows-company{

padding:15px;

background:#ffffff;

border-radius:4px;

overflow:hidden;

margin-bottom:30px;

border: 1px solid #e3e9ef;

transition:all ease-in-out 0.4s;

box-shadow:0px 0px 10px 2px rgba(0,0,0,0.05);

-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.05);

-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.05);

}

.brows-company:hover{

border-left:4px solid #37caa2;

box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);

-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);

-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);

}

.brows-company-name, .brows-company-location, .brows-company-position {

margin-top: 1.4em;

}

.brows-company .brows-company-pic{

display:table;

position:relative;

width:90px;

height:90px;

border-radius:50%;

margin:1px;

}

.brows-company .brows-company-pic img {

width:80px;

height:80px;

margin:0 auto;

}

.brows-company h4{

font-family: 'Montserrat', sans-serif;

margin-bottom:5px;

font-weight:400;

color:#35434E;

font-size:22px;

margin-top:0;

}

.brows-company span.brows-company-tagline{

font-family: 'Montserrat', sans-serif;

display:block;

color:#636d75;

}

.brows-company .brows-company-location p{

font-family: 'Montserrat', sans-serif;

margin-bottom:5px;

font-weight:400;

color:#636d75;

font-size:16px;

}

.brows-company .brows-company-position p{

text-align:right;

color:#37caa2;

}



/* ==========================================================================

      Browse Resume Style Settings

========================================================================== */

.brows-resume{

padding:15px;

background:#ffffff;

border-radius:4px;

overflow:hidden;

margin-bottom:30px;

transition:all ease-in-out 0.4s;

box-shadow:0px 0px 10px 0px rgba(88,96,109,0.14);

-webkit-box-shadow:0px 0px 10px 0px rgba(88,96,109,0.14);

-moz-box-shadow:0px 0px 10px 0px rgba(88,96,109,0.14);

}

.brows-resume:hover{

border-left:4px solid #37caa2;

box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);

-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);

-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);

}

.brows-resume-name, .brows-resume-location, .browse-resume-rate {

margin-top: 1.4em;

}

.brows-resume .brows-resume-pic{

display:table;

position:relative;

width:100px;

height:100px;

border-radius:50%;

overflow:hidden;

margin:1px;

}

.brows-resume .brows-resume-pic img {

    width: 105px;

    height: 105px;

    border-radius: 50%;

}

.brows-resume h4{

font-family: 'Montserrat', sans-serif;

margin-bottom:5px;

font-weight:400;

color:#35434E;

font-size:22px;

margin-top:0;

}

.brows-resume span.brows-resume-designation{

font-family: 'Montserrat', sans-serif;

text-transform:uppercase;

display:block;

color:#37caa2;

}

.brows-resume .brows-resume-location p{

font-family: 'Montserrat', sans-serif;

margin-bottom:5px;

font-weight:400;

color:#636d75;

font-size:16px;

}

.brows-resume .browse-resume-rate span{

font-family: 'Montserrat', sans-serif;

text-transform:capitalize;

font-weight:400;

color:#636d75;

text-align:right;

display: block;

font-size:16px;

}

.brows-resume .browse-resume-rate span i{

font-size:18px;

color:#37caa2;

margin-right:7px;

}

.brows-resume .browse-resume-exp span{

float:right;

background:#37caa2;

padding:2px 7px;

font-family: 'Montserrat', sans-serif;

border-radius:2px;

color:#ffffff;

min-width: 150px;

text-align: center;

}

.row.extra-mrg.row-skill {

    padding: 14px 0 2px 0;

    border-top: 1px solid #f1f3f4;

    margin-top: 20px;

}

.browse-resume-skills .br-resume span {

    padding: 4px 8px;

    background: rgba(137,153,167,0.12);

    text-transform: uppercase;

    margin-right: 7px;

	font-size:12px;

	margin-bottom:5px;

    border-radius: 2px;

    color: #35434e;

}



/* ==========================================================================

      Manage Candidate Style Settings

========================================================================== */

.manage-cndt{

background:#ffffff;

box-shadow:0px 0px 10px 2px rgba(0,0,0,0.01);

border-radius:4px;

padding:0px;

overflow:hidden;

position:relative;

margin-bottom:30px;

}

.manage-cndt .cndt-status{

padding:4px 25px;

display:inline-block;

position: absolute;

left: 15px;

top: 15px;

text-align: left;

border-radius:4px;

font-weight:500;

text-transform:capitalize;

font-family: 'Montserrat', sans-serif;

}

.manage-cndt .cndt-status.pending{

background:rgba(255,144,7,0.2);

color:#ffc107;

}

.manage-cndt .cndt-status.available{

background:rgba(7,177,7,0.2);

color:#37caa2;

}

.manage-cndt .cndt-pic{

display:block;

width:120px;

height:120px;

border-radius:50%;

overflow:hidden;

margin:15px auto;

}

.manage-cndt .cndt-caption{

text-align:center;

padding:15px;

}

.manage-cndt .cndt-caption h4{

text-transform:capitalize;

color:#35434e;

margin-bottom:5px;

}

.manage-cndt .cndt-caption span{

font-family: 'Montserrat', sans-serif;

text-transform:uppercase;

color:#37caa2;

}

.manage-cndt .cndt-caption p{

color:#5f707d;

margin-bottom:2.5em;

font-size: 15px;

margin-top: 10px;

font-family:'Raleway', sans-serif;

}

.manage-cndt .cndt-profile-btn{

padding:15px 0;

display:block;

border-top:1px solid #eef5fb;

text-align:center;

font-size:16px;

text-transform:capitalize;

font-family: 'Montserrat', sans-serif;

font-weight:500;

color:#7d8e9c;

}

.manage-cndt:hover .cndt-profile-btn, .manage-cndt:focus .cndt-profile-btn{

background:#37caa2;

color:#ffffff;

text-decoration:none;

}

.manage-cndt .cndt-profile-btn:hover, .manage-cndt .cndt-profile-btn:focus{

background:#37caa2;

color:#ffffff;

text-decoration:none;

}



/* ==========================================================================

      Manage Employee Style Settings

========================================================================== */

.jn-employee{

padding:15px;

background:#ffffff;

border-radius:4px;

overflow:hidden;

margin-bottom:30px;

border-bottom:3px solid #ffffff;

transition:all ease-in-out 0.4s;

box-shadow:0px 0px 10px 2px rgba(0,0,0,0.01);

}

.jn-employee:hover, .jn-employee:focus{

border-color:#37caa2;

}

.mail-form i{

width:42px;

height:42px;

line-height:42px;

color:#37caa2;

text-align:center;

border-radius:50%;

background:rgba(7,177,7,0.1);

}

.employee-caption{

text-align:center;

padding:1em 0.8em;

}

.employee-caption-pic{

display:table;

position:relative;

width:120px;

height:120px;

border-radius:50%;

overflow:hidden;

margin:15px auto;

}

.employee-caption h4{

font-family: 'Montserrat', sans-serif;

margin-bottom:5px;

font-weight:400;

color:#35434E;

font-size:22px;

}

.employee-caption span.designation{

font-family: 'Montserrat', sans-serif;

color:#636d75;

}

.employee-social{

margin:15px 0;

padding:0;

}

.employee-social li{

text-align:center;

display:inline-block;

list-style:none;

padding:5px 7px;

}

.employee-social li i{

width:37px;

height:37px;

line-height:37px;

border-radius:50%;

font-size:18px;

color:#636d75;

transition:all ease-in-out 0.4s;

background:rgba(137,153,167,0.1);

}

.employee-social li a:hover i, .employee-social li a:focus i{

color:#ffffff;

background:#37caa2;

}



/* ==========================================================================

      Manage Company Style Settings

========================================================================== */

.mng-company{

padding:15px;

background:#ffffff;

border-radius:4px;

overflow:hidden;

border-left:3px solid #ffffff;

margin-bottom:30px;

box-shadow:0px 0px 10px 2px rgba(0,0,0,0.01);

-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.01);

-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.01);

}

.mng-company:hover, .mng-company:focus{

border-color:#37caa2;

box-shadow:0px 0px 10px 2px rgba(0,0,0,0.05);

-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.05);

-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.05);

}

.mng-company-name, .mng-company-location, .mng-company-action {

margin-top: 1.4em;

}

.mng-company .mng-company-pic{

display:table;

position:relative;

width:90px;

height:90px;

border-radius:50%;

margin:1px;

}

.mng-company .mng-company-pic img{

margin:0 auto;

display:table;

max-width:85px;

}

.mng-company h4{

font-family: 'Montserrat', sans-serif;

margin-bottom:5px;

font-weight:400;

color:#35434E;

font-size:22px;

margin-top:0;

}

.mng-company span.cmp-time{

font-family: 'Montserrat', sans-serif;

color:#636d75;

}

.mng-company .mng-company-location p{

font-family: 'Montserrat', sans-serif;

margin-bottom:5px;

font-weight:400;

color:#636d75;

font-size:16px;

}

.mng-company .mng-company-location i{

font-size:20px;

}

.mng-company .mng-company-action i{

font-size:20px;

padding:0 5px;

}

.mng-company .mng-company-action i.fa-edit{

color:#37caa2;

}

.mng-company .mng-company-action i.fa-trash-o{

color:#ff9800;

}



/* ==========================================================================

      Manage Resume Style Settings

========================================================================== */

.mng-resume{

padding:15px;

background:#ffffff;

border-radius:4px;

overflow:hidden;

margin-bottom:30px;

border-left:3px solid #ffffff;

transition:all ease-in-out 0.4s;

box-shadow:0px 0px 10px 2px rgba(0,0,0,0.01);

-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.01);

-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.01);

}

.mng-resume:hover, .mng-resume:focus{

border-color:#37caa2;

box-shadow:0px 0px 10px 2px rgba(0,0,0,0.05);

-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.05);

-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.05);

}

.mng-resume-name, .per-hour-rate, .mng-employee-skill, .mng-resume-action {

margin-top: 1.4em;

}

.mng-resume .mng-resume-pic{

display:table;

position:relative;

width:100px;

height:100px;

border-radius:50%;

overflow:hidden;

margin:1px;

}

.mng-resume .mng-resume-pic img {

    width: 105px;

    height: 105px;

    border-radius: 50%;

}

.mng-resume h4{

font-family: 'Montserrat', sans-serif;

margin-bottom:5px;

font-weight:400;

color:#35434E;

font-size:20px;

margin-top:0;

}

.mng-resume h4 span.cand-designation{

font-family: 'Montserrat', sans-serif;

font-size:15px;

color:#37caa2;

}

.per-hour-rate p {

    font-size: 16px;

	font-family: 'Montserrat', sans-serif;

}

.per-hour-rate p  i{

margin-right:7px;

}

.mng-employee-skill span {

    padding:1.5px 8px;

    background: rgba(137,153,167,0.12);

    text-transform: uppercase;

    margin-right: 7px;

	margin-bottom:5px;

    border-radius: 2px;

    color: #35434e;

	font-size:13px;

	display: inline-block;

}

.mng-resume .mng-resume-location i{

font-size:20px;

}

.mng-resume .mng-resume-action i{

font-size:20px;

padding:0 5px;

}

.mng-resume .mng-resume-action i.fa-edit{

color:#37caa2;

}

.mng-resume .mng-resume-action i.fa-trash-o{

color:#ff9800;

}



/* ==========================================================================

      Manage Resume 2 Style Settings

========================================================================== */

.manage-resume{

background:#ffffff;

}



.manage-resume-box{

background:#ffffff;

border-radius:4px;

display:table;

width: 100%;

margin-bottom:30px;

padding:15px 20px;

border-radius: 4px;

overflow: hidden;

margin-bottom: 30px;

border-left: 4px solid #ffffff;

transition: all ease-in-out 0.4s;

box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.01);

-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.01);

-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.01);

}

.manage-resume-box:hover, .manage-resume-box:focus{

border-color:#37caa2;

box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.05);

-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.05);

-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.05);

}

.manage-resume-box:hover, .manage-resume-box:focus{

border-left:3px solid #37caa2;

}

.manage-resume-box:hover i, .manage-resume-box:focus i{

color:#37caa2;

}

.manage-resume-picbox{

width:80px;

height:80px;

border-radius:50%;

overflow:hidden;

}

.manage-resume-picbox img {

    width: 80px;

    height: 80px;

    border-radius: 50%;

}

.manage-resume-box h4{

margin-bottom:5px;

color:#35434E;

font-family:'Raleway', sans-serif;

}

.manage-resume-box span{

font-family: 'Montserrat', sans-serif;

color:#636d75;

}

.manage-resume-box a i{

font-size:20px;

color:#636d75;

margin-top:1.4em;

}



/* ==========================================================================

Job, Resume and Company Detail Page Style 

==========================================================================*/

.detail-desc-caption h4{

color:#35434E;

font-size:22px;

margin-bottom:5px;

font-family: 'Montserrat', sans-serif;

}

.detail-desc-caption h2 {

    margin-bottom: 0;

}

.detail-desc-caption span.designation{

color:#546673;

font-size:17px;

font-family: 'Montserrat', sans-serif;

}



.detail-desc-caption p {

color: #707c88;

font-size: 16px;

line-height: 1.8;

margin-top:5px;

margin-bottom:15px;

font-weight:400;

font-family: 'Montserrat', sans-serif;

}

.detail-desc-skill span {

padding: 2px 8px;

background: rgba(137,153,167,0.12);

text-transform: uppercase;

margin-right: 7px;

border-radius: 2px;

color: #35434e;

margin-bottom: 5px;

display: inline-block;

}

.detail-desc-caption ul {

    padding: 0;

    margin: 0;

}

.detail-desc-caption ul li i{

margin-right:10px;

font-size:16px;

color:#f6931e;

}

.detail-desc-caption ul li{

padding-bottom:10px;

line-height:1.5;

font-size:16px;

color: #707c88;

list-style:none;

display:block;

font-family: 'Montserrat', sans-serif;

}

.get-touch h4{

color:#35434E;

font-size:22px;

margin-bottom:15px;

font-family: 'Montserrat', sans-serif;

}

.get-touch ul{

padding:0;

margin:0;

}

.get-touch ul li i{

margin-right:10px;

font-size:16px;

color:#5cb85c;

}

.get-touch ul li{

padding-bottom:10px;

line-height:1.5;

font-size:16px;

color: #707c88;

list-style:none;

font-family: 'Montserrat', sans-serif;

}

.detail.pannel-footer {

padding: 10px 0 10px 0;

display: table;

width: 100%;

}

.row.no-padd {

margin: 0 -15px;

padding: 0px 15px;

}

.detail-pannel-footer-btn a.footer-btn{

padding:12px 40px;

margin-left:15px;

color:#ffffff;

font-size:16px;

border-radius:2px;

margin-bottom: 10px;

font-family: 'Montserrat', sans-serif;

display:inline-block;

text-transform:capitalize;

}

.detail-pannel-footer-btn a.footer-btn.grn-btn{

background:#37caa2;

}

.detail-pannel-footer-btn a.footer-btn.blu-btn{

background:#03a9f4;

}

.detail-pannel-footer-btn a:hover, .detail-pannel-footer-btn a:focus{

text-decoration:none;

color:#ffffff;

}

.fotter-pannel-status{

color: #707c88;

font-size: 16px;

line-height: 1.8;

margin-top:5px;

margin-bottom:15px;

font-weight:400;

text-transform:capitalize;

font-family: 'Montserrat', sans-serif;

}



.fotter-pannel-status>span{

color:#37caa2;

}

/*==========================================================================

Add Company, Resume and Job Page Style Settings

==========================================================================*/



.add-feild .input-group{

width:100%;

}

.add-feild .form-control{

height:52px;

width:100%;

font-weight:400;

font-size: 16px;

font-family: 'Montserrat', sans-serif;

border-radius:2px;

box-shadow:none;



}

.add-feild textarea.form-control{

border-radius:4px;

height:100px;

padding:15px;

}



.detail-pannel-footer-btn a.footer-btn.choose-cover{

background:#37caa2;

}

.full-detail .input-group {

    margin-bottom: 10px;

	width: 100%;

}

section.full-detail {

    padding: 0em 0 3em 0;

}

section.full-detail .form-control::-moz-placeholder{color:#6a7884;opacity:1;}

section.full-detail .form-control:-ms-input-placeholder{color:#6a7884;}

section.full-detail .form-control::-webkit-input-placeholder{color:#6a7884;}

.full-detail .input-group-addon {

    color: #ffffff;

    background: #37caa2;

    width:45px;

    border-radius: 0;

    border-color: #13c313;

    font-size: 18px;

}

.btn-primary.small-btn{

text-transform:uppercase;

max-width:280px;

display:table;

padding:20px 20px;

margin:20px auto;

height: auto;

border-radius: 50px;

}

.btn-primary.small-btn:hover, .btn-primary.small-btn:focus{

text-transform:uppercase;

max-width:280px;

display:table;

padding:20px 0;

margin:20px auto;

height: auto;

border-radius: 50px;

}

button.btn.remove-field {

    background:#03a9f4;

    margin: 2em auto;

    display:inline-block;

    color: #ffffff;

    border-radius: 4px;

    text-transform: capitalize;

    font-size: 16px;

    padding: 15px 40px;

    min-width: 180px;

	border:none;

	float:right;

	margin-right:15px;

}



button.add-field {

    background: #37caa2;

    margin: 2em auto;

	border:none;

	margin-left:15px;

    display: inline-block;

    color: #ffffff;

    border-radius: 4px;

    text-transform: capitalize;

    font-size: 16px;

    padding: 15px 40px;

    min-width: 180px;

}

/*--------Bootstrap Editor ---------*/

.wysihtml5-toolbar a.btn {

    background: #e8edf1;

    color: #35434e;

    margin-right: 5px;

}

[class^="icon-"], [class*=" icon-"] {

    display: inline-block;

    width: 14px;

    height: 14px;

    line-height: 14px;

    vertical-align: text-top;

    background-image: url(../img/glyphicons-halflings.png);

    background-position: 14px 14px;

    background-repeat: no-repeat;

}

.icon-indent-left {

    background-position: -384px -48px;

}

.icon-share {

    background-position: -120px -72px;

}

.icon-indent-right {

    background-position: -408px -48px;

}

.icon-th-list {

    background-position: -264px 0;

}

.icon-list {

    background-position: -360px -48px;

}

.form-control.textarea{

height:180px;

border-radius:4px;

}

/*-------------file field------------*/

.js .inputfile {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}



.inputfile + label {

    width: 120px;

    font-size: 1.25rem;

    font-weight: 700;

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    padding: 0.625rem 1.25rem;

    height: 120px;

    background: #37caa2;

    border-radius: 50%;

}

.inputfile + label i {

    line-height: 100px;

    text-align: center;

    font-size: 55px;

    color: #ffffff;

    display: block;

    background: transparent;

    border-radius: 50%;

}



.inputfile:focus + label,

.inputfile.has-focus + label {

    outline:none;

    outline:none;

}



.inputupload-pic + label {

    color: #d3394c;

}



.inputupload-pic + label {

    border: 1px solid #d3394c;

    background-color: #f1e5e6;

    padding: 0;

}



.inputupload-pic:focus + label,

.inputupload-pic.has-focus + label,

.inputupload-pic + label:hover {

    border-color: #722040;

}



.inputupload-pic + label span,

.inputupload-pic + label strong {

    padding: 0.625rem 1.25rem;

    /* 10px 20px */

}



.inputupload-pic + label span {

    width: 200px;

    min-height: 2em;

    display: inline-block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    vertical-align: top;

}



.inputupload-pic + label strong {

    height: 100%;

    color: #f1e5e6;

    background-color: #d3394c;

    display: inline-block;

}



.inputupload-pic:focus + label strong,

.inputupload-pic.has-focus + label strong,

.inputupload-pic + label:hover strong {

    background-color: #722040;

}



/*==========================================================================

     Company detail, Job Detail and Resume Detail Page Style Settings

==========================================================================*/



h2.detail-title {

    font-size: 18px;

    background: #f5f6f7;

    padding: 8px 20px;

    margin-bottom: 16px;

    line-height: 1.6;

    border-radius: 2px;

    color: #35434e;

    border-left: 3px solid #37caa2;

    clear: both;

}

.full-detail-description p {

    margin-bottom: 20px;

    line-height: 1.9;

    font-size: 15px;

	padding: 0 20px;

}

ul.detail-list li {

    padding: 0;

    margin-bottom: 10px;

    line-height: 1.9;

	font-size: 17px;

	color:#707c88;

    list-style: none;

}



ul.detail-list li:before {

content:"\f101";

position:relative;

font-size:17px;

color:#37caa2;

left:-12px;

font-family:fontawesome;

}

ul.detail-footer-social {

    padding: 10px 0px 0px 10px;

    float: right;

    background: #efefef;

    width: 100%;

    text-align: center;

}

ul.detail-footer-social li {

    display: inline-block;

    padding-right: 10px;

}

ul.detail-footer-social li a i {

    width: 42px;

    height: 42px;

    background: #f1f3f4;

    line-height: 42px;

    text-align: center;

    font-size: 17px;

    border-radius: 2px;

	margin-bottom: 10px;

    transition: all ease-in-out 0.4s;

}

ul.detail-footer-social li a i:hover{

background:#37caa2;

color:#ffffff;

}





.third-progress .progressbar-title{

    font-size: 14px;

    color: #848484;

    text-transform: capitalize;

}

.third-progress .progress{

    height: 4px;

    overflow: visible;

    background: #f0f0f0;

    margin-bottom: 40px;

}

.third-progress .progress .progress-bar{

    position: relative;

    animation: animate-positive 2s;

}

.third-progress .progress .progress-icon{

    width: 32px;

    height: 32px;

    line-height: 26px;

    border-radius: 50%;

    font-size: 14px;

    position: absolute;

    top: -15px;

    right: 0;

    background: #fff;

    border-width: 3px;

    border-style: solid;

}

.third-progress .progress-value{

    font-size: 14px;

    color: #848484;

    position: absolute;

    top: 16px;

    right: 0;

}

@-webkit-keyframes animate-positive {

    0% { width: 0%; }

}

@keyframes animate-positive {

    0% { width: 0%; }

}



/*==========================================================================

     Accordion  Page Style Settings

==========================================================================*/

/*---------simple Accordian style-----*/

.panel-body .simple-tab p{

color:#707c88;

font-family:'Montserrat', sans-serif;

font-size:15.4px;

text-align:justify;

line-height:1.8;

}

#accordion  .panel{

    border:none;

    outline:none;

}

#accordion  .panel-heading{

    padding:0;

}

#accordion .panel-heading > .panel-title{

    position: relative;

}

#accordion .panel-heading > .panel-title > a{

    display: block;

    font-size:14px;

    padding:18px 35px 18px 15px;

    text-transform:uppercase;

    background:#383838;

    color:#b9b9b9;

    transition:all 0.2s linear 0s;

}

#accordion .panel-title > a.collapsed {

    background: #383838;

    color: #b9b9b9;

}

.arrow-show .panel-title > a.collapsed:hover, #accordion .panel-heading > .panel-title > a:hover{

    color:#fff;

    background:#37caa2;

}

#accordion .panel-heading > .panel-title > a.active{

    color:#fff;

    background:#37caa2;

}

.panel-body p{

color: #707c88;

font-family:'Montserrat', sans-serif;

font-size: 14px;

line-height: 30px;

}

.arrow-show .panel-title > a:after,

.arrow-show .panel-title > a.collapsed:after{

    content: "\f139";

    font-family: FontAwesome;

    color: #c5c5c5;

    font-size: 18px;

    line-height: 20px;

    position: absolute;

    right:12px;

}

.arrow-show .panel-title > a.collapsed:after{

    content: "\f13a";

    color:#808080;

}

#accordion .panel-body{

    border:none;

}

#accordion .panel-heading > .panel-title > a:hover:after {color: #fff;}

/*------------style for accordian three --------*/

.panel-body .accordian-style-three p{

color:#707c88;

font-size:15.4px;

text-align:justify;

font-family:'Montserrat', sans-serif;

line-height:1.8;

}

.accordian-style-three .panel-title > a{

    position: relative;

    color:#dc005a;

    display: block;

    padding-right: 70px;

}

#accordion3  .panel-heading{

    padding:0px;

}

#accordion3 .panel-heading > .panel-title{

    position: relative;

	

}

#accordion3 .panel-heading > .panel-title > a{

	padding:20px;

	position: relative;

    text-transform:uppercase;

    background:#37caa2;

    color:#fff;

    transition:all 0.2s linear 0s;

}

#accordion3 .panel-title > a.collapsed {

    background: #35434e;

    color: #707c88;

}

#accordion3 .panel-title > a.collapsed:hover{

    color:#37caa2;

}

.accordian-style-three #accordion3 .panel-title > a:after,

.accordian-style-three #accordion3 .panel-title > a.collapsed:after{

    content: "\f068";

    font-family: FontAwesome;

    height: 28px;

    width: 28px;

    background: rgba(255,255,255,0.5);

    border-radius: 50%;

    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.07);

    color:#ffffff;

    font-size: 14px;

    line-height: 30px;

    position: absolute;

    right:20px;

    top:17px;

    text-align: center;

}

.accordian-style-three #accordion3 .panel-title > a.collapsed:after{

    content: "\f067";

    background:#636d75;

}

.accordian-style-three #accordion3 .panel-title > a.collapsed{

    color:#8699a7;

}

.accordian-style-three #accordion3 .panel-title > a:hover,

.accordian-style-three #accordion3 .panel-title > a:focus{

    text-decoration: none;

    outline: none;

}



/*---------------------------------------------

Tab Page Style Settings

----------------------------------------------*/

/*----------------Simple Tab style----*/

.tool-tab .nav-tabs {

    border-bottom: 1px solid #ddd;

    margin-top: 0;

}

.tab-pane p{

color: #707c88;

font-size: 14px;

font-family:'Montserrat', sans-serif;

line-height: 30px;

}

.nav.simple.nav-tabs a{

color:#707c88;

background:#ffffff;

padding:10px 20px;

border:1px solid #e7ecea;

}

.nav.simple.nav-tabs li.active a{

background:#37caa2;

color:#ffffff;

}

/*----------------Icon Tab style----*/

.tab .nav-tabs{

    background: #ffffff;

    padding: 5px 0;

}

.tab .nav-tabs li{

    margin-bottom: 0;

    margin-right: 0;

    float: none;

    display: inline-block;

}

.tab .nav-tabs li a{

    font-size: 14px;

    color: #37caa2;

    background: #fafbfb;

    margin-right: 5px;

    padding: 10px 25px;

    border-radius: 0;

    text-transform: uppercase;

	border:1px solid #e7ecea;

	transition:ease-in-out 0.5s;

}

.tab .nav-tabs li a:hover{

    color: #ffffff;

    border-color: transparent;

	background: #37caa2;

}

.tab .nav-tabs li a i{

    font-size: 20px;

    margin-right: 10px;

}

.tab .nav-tabs li.active a,

.tab .nav-tabs li.active a:hover{

    background: #37caa2;

    color: #fff;

    border: 1px solid transparent;

}

.tab .tab-content{

    font-size: 14px;

    color: #707c88;

	font-family:'Montserrat', sans-serif;

    line-height: 30px;

    background: #ffffff;

}

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

    .tab .nav-tabs li a{ padding: 15px 10px; }

    .tab .tab-content{ padding: 20px 25px; }

}

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

    .tab .nav-tabs li a{ padding: 15px 5px; }

}

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

    .tab .nav-tabs li{ width:100%; }

}



/*==================================================

Login and Signup Popup

=======================================================*/



body.modal-open{

padding-right:0 !important;

}

.modal-open {

overflow: initial;

}

.center{

text-align:center;

}

a.subs-popup {

width: 55px;

height: 55px;

display: inline-block;

color: #ffffff;

font-size: 20px;

border-radius: 50%;

line-height: 55px;

position: absolute;

top: 20px;

right: 20px;

background:#37caa2;

-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.22);

-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.22);

box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.22);

}

@-moz-keyframes circlebeat {

0% {

-moz-transform: scale(0);

opacity: 0.0;

}

25% {

-moz-transform: scale(0.1);

opacity: 0.1;

}

50% {

-moz-transform: scale(0.5);

opacity: 0.3;

}

75% {

-moz-transform: scale(0.8);

opacity: 0.5;

}

100% {

-moz-transform: scale(1);

opacity: 0.0;

}

}

@-webkit-keyframes circlebeat {

0% {

-webkit-transform: scale(0);

opacity: 0.0;

}

25% {

-webkit-transform: scale(0.1);

opacity: 0.1;

}

50% {

-webkit-transform: scale(0.5);

opacity: 0.3;

}

75% {

-webkit-transform: scale(0.8);

opacity: 0.5;

}

100% {

-webkit-transform: scale(1);

opacity: 0.0;

}

}

.subs-popup .circlebeat {

position: absolute;

top: -10px;

right: -10px;

height: 75px;

width: 75px;

z-index: 10;

border: 10px solid #ef0b13;

border-radius: 70px;

-moz-animation: circlebeat 1s ease-out;

-moz-animation-iteration-count: infinite;

-o-animation: circlebeat 1s ease-out;

-o-animation-iteration-count: infinite;

-webkit-animation: circlebeat 1s ease-out;

-webkit-animation-iteration-count: infinite;

animation-iteration-count: infinite;

}

.tab-pane img {

margin: 1em auto 2em auto;

display: block;

max-width: 70%;

}

button.close {

-webkit-appearance: none;

position: absolute;

right:10px;

top:10px;

z-index: +999;

opacity: 1;

width: 30px;

border-radius: 50%;

}



form{

display: inline-block;

width:100%;

}

.modal textarea.form-control{

height:90px;

padding:15px;

}

.modal .form-control{

height:52px;

padding:0 15px;

border:1px solid #d7dfea;

color:#727272;

width:100%;

margin:0 auto;

margin-bottom:12px;

font-size:15px;

border-radius:10px;

box-shadow:none;

}

.form-group{

width:100%;

}

.modal .form-control::-moz-placeholder{color:#6a7884;opacity:1}

.modal .form-control:-ms-input-placeholder{color:#6a7884}

.modal .form-control::-webkit-input-placeholder{color:#6a7884; font-weight:400;text-shadow:none;}

.modal-content{

padding:0px 0px 35px 00px;

}

.modal h4{

color: #16162c;

font-size:30px;

font-weight:normal;

}

.modal .submit-btn {

border: 1px dashed #37caa2;

padding: 14px 0;

width:240px;

text-transform: uppercase;

color: #ffffff;

border-radius: 30px;

font-size: 18px;

transition: ease-in-out 0.6s;

display: inline-block;

margin-top:1em;

background:#37caa2;

}

.modal .submit-btn:hover{

color:#ffffff;

background:#2ea081;

}

.success-message {

text-align: center;

color: green;

}

.error-message {

text-align: center;

color:red;

}

.modal-body {

position: relative;

padding: 0px;

}

.modal-body .nav-tabs>li {

float: left;

margin-bottom: -1px;

width: 50%;

text-align: center;

}

.modal-body .nav>li>a {

position: relative;

display: block;

color:#95a2a7;

padding: 18px 15px;

background:#35434e;

border-radius:0;

margin:0;

}

.modal-body .nav>li.active>a{

background:#37caa2;

text-transform:uppercase;

color:#ffffff;

}

.modal-body .nav>li>a:hover, .modal-body .nav>li>a:focus{

background:#37caa2;

border:1px solid #0e9cf3;

color:#ffffff;

}

.tab-content {

padding: 2em 0 3em 0;

}

.modal-body .nav-tabs{

margin-top:0;

}

.modal-body .tab .nav-tabs{

padding:0;

}

.modal-body  .tab .nav-tabs li a{

border:none;

}

.modal-body .tab .nav-tabs li.active a, .modal-body .tab .nav-tabs li.active a:hover{

border:none;

}



/*====================================================

Contact us Page Style Settings

=======================================================*/

.contact-box i {

    background: #f3f6f8;

    width: 80px;

    height: 80px;

    text-align: center;

    line-height: 80px;

    font-size: 25px;

    display: table;

    margin: 20px auto;

    border-radius: 4px;

	color: #37caa2;

}

.contact-page h2, .contact-form h2{

text-align:center;

margin-bottom:25px;

margin-top:0;

}

.contact-box {

    line-height: 1.8;

    text-align: center;

}

.contact-box p{

font-size:16px;

font-family:'Montserrat', sans-serif;

}

.contact-form{

padding-top:2em;

}

.contact-form textarea.form-control{

height:180px;

}

.contact-form .btn-primary{

max-width:250px;

padding:15px 25px;

height:auto;

margin:15px auto;

display:block;

border:none;

border-radius:50px;

}

.contact-form .btn-primary:hover, .contact-form .btn-primary:focus{

max-width:250px;

padding:15px 0;

height:auto;

margin:15px auto;

display:block;

border:none;

border-radius:50px;

}





/* ==========================================================================

      Blog Page Page Design

========================================================================== */

.short-blog {

    padding: 0;

	margin-bottom:2em;

    border: 1px solid #d6e3ec;

}

figure.img-holder {

    position: relative;

}

.blog-post-date {

    position: absolute;

    bottom: 15px;

    left: 15px;

    background: #37caa2;

    padding: 5px 30px;

    border-radius: 2px;

    color: #ffffff;

    text-transform: capitalize;

}

.blog-content {

    padding: 40px 25px;

	font-size:15px;

	line-height:1.8;

	color:#636d75;

	font-family: 'Montserrat', sans-serif;

}

.blog-content h2{

font-family: 'Montserrat', sans-serif;

color:#35434e;

}

.blog-content h2:hover, .blog-content h2:focus{

color:#37caa2;

}

.post-meta span.author, .post-meta span.category a {

    color: #37caa2;

}

.blog-text p {

	color:#636d75;

	font-family: 'Montserrat', sans-serif;

    font-size: 15px;

    line-height: 1.8;

}

.post-meta {

    font-size: 18px;

    font-family: initial;

}

/*--------------Sidebar Start---------*/

.search-form button.btn.btn-default {

    background: #37caa2;

    color: #ffffff;

    border: 1px solid #37caa2;

    height:50px;

}



.sidebar-widget {

    padding: 30px 0;

}

.sidebar-widget h4 {

    font-size: 17px;

    margin-bottom: 20px;

    text-transform: uppercase;

    background: #f1f6fb;

    padding: 12px 15px;

}

ul.sidebar-list {

    padding: 0;

    margin: 0;

}

ul.sidebar-list li {

    list-style: none;

    line-height: 1.8;

    padding: 10px 0;

    border-bottom: 1px solid #e0ecf5;

}

ul.sidebar-list li a {

	font-family: 'Montserrat', sans-serif;

    font-size: 15px;

    color: #788a9a;

}

ul.sidebar-list li a span {

    float: right;

    color: #37caa2;

}

.blog-item {

    margin-bottom: 15px;

	padding-bottom: 15px;

    border-bottom: 1px solid #e0ecf5;

    display: block;

    width: 100%;

}

.blog-item .post-thumb {

    width: 70px;

    height: 70px;

    float: left;

}

.blog-item h4 {

    text-transform: capitalize;

    color:#707c88;

    margin-left: 78px;

    line-height: 1.4;

    margin-top: 0;

    padding-top: 0;

    font-size: 15px;

	background:transparent;

}

.post-info {

    color: #37caa2;

    margin-left: 80px;

}



/* ==========================================================================

      Blog Detail Page Style Settings

========================================================================== */

.full-blog{

border:1px solid 	#e0ecf5;

}

.full-blog .blog-content {

    padding: 40px 25px 20px 25px;

}

.blog-footer-social {

    padding: 10px 0 0 0;

    border-top: 1px solid #e0ecf5;

    margin-top: 20px;

}

ul.list-inline.social {

    padding: 0;

    margin: 0;

    float: none;

    display: inline-block;

}

ul.list-inline.social li {

    list-style: none;

    display: inline-block;

    padding: 0 10px;

}

ul.list-inline.social li i {

    width: 46px;

    height: 46px;

    background: #ffffff;

    border-radius: 50%;

    border: 1px solid #e0ecf5;

    color: #71818e;

    line-height: 46px;

    text-align: center;

    font-size: 20px;

    transition:all ease-in-out 0.4s;

}

ul.list-inline.social li i:hover, ul.list-inline.social li i:focus{

background:#37caa2;

color:#ffffff;

}



/* ==========================================================================

      Blog Comment Style Settings

========================================================================== */

.single-comment {

    position: relative;

    margin-bottom: 10px;

    padding-bottom: 32px;

    padding-left: 80px;

}

.single-comment .img-holder {

    left: 0;

	border-radius: 50%;

    overflow: hidden;

	width:70px;

    height:70px;

    position: absolute;

    top: 0;

}

.single-comment .text-holder {

    border: 1px solid #f4f4f4;

    padding: 20px;

}

.single-comment .text-holder .top {

    margin: 0 0 8px;

    overflow: hidden;

}

.rating.pull-right li {

    list-style: none;

    display: inline-block;

}

.rating.pull-right li i {

    font-size: 13px;

    margin-right: 3px;

    color: #636d75;

}

.rating.pull-right li i.active {

    color: #37caa2;

}

.text-holder p {

    font-size: 15px;

    line-height: 1.8;

	color:#636d75;

	font-family: 'Montserrat', sans-serif;

}



.comments-form textarea.form-control{

height:150px;

}

.comments-form form{

margin:10px -15px;

}

.comments-form button.thm-btn.btn-comment {

    padding: 12px 20px;

    text-transform: uppercase;

    color: #ffffff;

    border: 2px solid #37caa2;

    background: #37caa2;

    min-width: 210px;

    display: table;

    margin: 10px 15px;

}

.comments-form button.thm-btn.btn-comment:hover, .comments-form button.thm-btn.btn-comment:focus {

    padding: 12px 20px;

    text-transform: uppercase;

    color: #37caa2;

    border: 2px solid #37caa2;

    background:transparent;

    min-width: 210px;

    display: table;

    margin: 10px 15px;

}



/* ==========================================================================

      Login Signup And Forget password page style settings

========================================================================== */

.simple-bg-screen {

	 position: initial;

	background-size: cover;

    background-position: center;

    /*height: 100vh;*/

    overflow: hidden;

}

.simple-bg-screen:before {

    content: "";

    display: block;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    position: absolute;

    background: #ffffff;

    height: 100%;

    opacity: 0;

}

.login-screen, .signup-screen, .lost-ps-screen {

    position: relative;

    max-width:  500px;

    margin:12% auto 0 auto;

}

.signup-screen {margin:4% auto 0 auto;}

section.login-screen-sec, section.signup-screen-sec, section.lost-ps-screen-sec {

    background: transparent;

}

.login-screen .form-control {

    border-radius: 50px;

    margin-bottom: 15px;

	padding-left:15px;

}

.login-screen img,  .signup-screen img, .lost-ps-screen img {

    margin: 1.5em auto;

}

button.btn.btn-login {

    background: #37caa2;

    border: 1px solid #37caa2;

    border-radius: 50px;

    min-width: 200px;

    padding: 12px 0;

    box-shadow: 0px 0px 12px 1px rgba(61, 214, 34,0.4);

    color: #ffffff;

    font-size: 16px;

    text-transform: uppercase;

    margin: 0 auto;

    display: table;

}

.login-screen span, .signup-screen span, .lost-ps-screen span {

    margin-top: 12px;

    display: inline-block;

    text-align: center;

	font-family: 'Montserrat', sans-serif;

    width: 100%;

}

.login-screen span a, .signup-screen span a, .lost-ps-screen span a{

color:#37caa2;

}



/*----------------------------------------

Signup 2 page design

-----------------------------------------*/

.login-plane-sec{

margin-top:5%;

}

.login-panel {

    background: rgba(255,255,255,0.1);

    box-shadow: 0px 2px 10px 4px rgba(0, 0, 0, 0.04);

    -webkit-box-shadow: 0px 2px 10px 4px rgba(0, 0, 0, 0.04);

    -moz-box-shadow: 0px 2px 10px 4px rgba(0, 0, 0, 0.04);

/*	padding:10px 0px 0px 0px;*/

	border:1px solid #f4f5f7;

	color:#ffffff;

}

.login-panel.panel-default>.panel-heading {

    color:#636d75;

    background-color: transparent;

	background-image:none;

	text-align:center;

    border:none;

	border-bottom:1px solid rgba(0,0,0,0.2);

}

.btn-login{

background:#37caa2;

border-radius:2px;

color:#ffffff;

padding:12px 25px;

text-transform:uppercase;

display:table;

margin:0 auto;

min-width:220px;

}

.login-panel .form-control{

height:52px;

color:#636d75;

font-size:16px;

border-radius:1px;

background:#fbfdff;

border:1px solid #d7dfea;

}

.login-panel .panel-title{

font-size:24px;

}

.login-panel img{

/*margin:30px auto 20px auto;

max-width:40%;*/

}

.login-panel form{

padding:0 30px 40px 30px;

}

.login-panel .panel-body{

padding:0;

}



.login-panel .social-login{

padding:0;

margin:0;

margin-top:7px;

position:relative;

}

.login-panel .social-login li{

padding:12px 0;

text-align:center;

width:50%;

display:inline-block;

float:left;

}

.login-panel .social-login li a{

color:#ffffff;

font-size:16px;

}

.login-panel .social-login li a i{

font-size:14px;

width:32px;

height:32px;

border-radius:50%;

background:rgba(2,2,2,0.2);

margin-right:10px;

line-height:32px;

}

.login-panel .social-login .facebook-login{

background:#35508a;

}

.login-panel .social-login .google-plus-login{

background:#f32810;

}

.login-panel label{

color:#37caa2;

}

.login-panel .social-login span{

position:absolute;

width:46px;

height:46px;

background:#ffffff;

left:45%;

color:#263238;

border-radius:50%;

border:5px solid rgba(2,2,2,0.1);

text-align:center;

vertical-align:middle;

line-height:38px;

top:-7px;

}

.login-panel .form-control:focus {

    border-color: #37caa2;

    outline: 0px none;

    box-shadow: 0px 1px 1px rgba(7, 177, 7, 0.075) inset, 0px 0px 8px rgba(7, 177, 7, 0.6);

}

/*----------------------------------------------

Search Job Page Design

------------------------------------------------*/

.job-types label{

font-weight:600;

color:#707c88;

margin: 0 0 10px 15px;

}

.job-types {

    text-align: right;

}

.job-types input[type=checkbox], .job-types input[type=radio]{

top:3.33333px;

}

@-webkit-keyframes 

click-wave { 0% {

 width: 40px;

 height: 40px;

 opacity: 0.35;

 position: relative;

}

 100% {

 width:60px;

 height:60px;

 margin-left: -40px;

 margin-top: -40px;

 opacity: 0.0;

}

}

@-moz-keyframes 

click-wave { 0% {

 width: 40px;

 height: 40px;

 opacity: 0.35;

 position: relative;

}

 100% {

 width: 60px;

 height:60px;

 margin-left: -40px;

 margin-top: -40px;

 opacity: 0.0;

}

}

@-o-keyframes 

click-wave { 0% {

 width: 40px;

 height: 40px;

 opacity: 0.35;

 position: relative;

}

 100% {

 width:60px;

 height:60px;

 margin-left: -40px;

 margin-top: -40px;

 opacity: 0.0;

}

}

@keyframes 

click-wave { 0% {

 width: 40px;

 height: 40px;

 opacity: 0.35;

 position: relative;

}

 100% {

 width:60px;

 height:60px;

 margin-left: -40px;

 margin-top: -40px;

 opacity: 0.0;

}

}



.check-option {

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  appearance: none;

  position: relative;

  width:15px;

  height:15px;

  border-radius:50%;

  -webkit-transition: all 0.15s ease-out 0;

  -moz-transition: all 0.15s ease-out 0;

  transition: all 0.15s ease-out 0;

  background:#eaeef3;

  border: none;

  color: #fff;

  cursor: pointer;

  display: inline-block;

  outline: none;

  position: relative;

  margin-right: 0.5rem;



}

.check-option.full-time{

background:#03a504;	

}

.check-option.part-time{

background:#f6931e;	

}

.check-option.freelancer{

background:#26a9e1;	

}

.check-option.internship{

background:#d20001;	

}



.check-option.full-time:checked { background:#03a504; }

.check-option.part-time:checked { background:#f6931e; }

.check-option.freelancer:checked { background:#26a9e1; }

.check-option.internship:checked { background:#d20001; }



.check-option:checked::before {

    width: 15px;

    height: 15px;

    position: absolute;

    content: '\002714';

    display: inline-block;

    font-size: 8px;

    text-align: center;

    line-height: 17px;

}



.check-option:checked::after {

  -webkit-animation: click-wave 0.65s;

  -moz-animation: click-wave 0.65s;

  animation: click-wave 0.65s;

  content: '';

  display: block;

  position: relative;

  z-index: 100;

  border-radius:50%;

}

.check-option.full-time:checked::after{

background:#03a504;	

}

.check-option.part-time:checked::after{

background:#f6931e;	

}

.check-option.freelancer:checked::after{

background:#26a9e1;	

}

.check-option.internship:checked::after{

background:#d20001;	

}

.check-option.radio {border-radius: 50%;}



.check-option.radio::after {border-radius: 50%;}



/*-------------------------------------------

Brows job in Grid Style

-----------------------------------------*/

.grid-view.brows-job-list {

    position: relative;

    text-align: center;

	padding-bottom:0;

	margin-bottom:45px;

        width:100%;

        /*max-width:100%;*/

}



.grid-view .brows-job-type span {

    position: absolute;

    padding: 4px 15px;

    top: 10px;

    bottom: auto;

    right: 0;

	color:#ffffff;

    line-height: 1.4;

    font-size: 12px;

    border-radius: 2px 0 0 2px;

}

.grid-view .brows-job-type span.part-time, .grid-view .brows-job-type span.delete_job{

	left: 0; right: auto;

}

.grid-view .brows-job-type span.part-time.envlp {left: 15px; border-radius: 50%; width: 40px; height: 40px;

	background: #37caa2; padding: 7px; color: #fff; font-size: 18px;}

.grid-view.brows-job-list:hover, .grid-view.brows-job-list:focus{

    border-color: transparent;

}

.grid-view .brows-job-company-img {

    width: 80px;

    margin: 10px auto;

    height: 80px;

    display: inline-block;

    border: 1px solid #e4e4e4;

    background: #fff;

    vertical-align: middle;

    border-radius: 50%;

    line-height: 80px;

}

.grid-view .brows-job-company-img img {

    margin: 0 auto;

    vertical-align: middle;

    display: inline-block;

    max-width: 100%;

    line-height: 50px;

}

.grid-view-caption {

margin:1em 0 0 0;

padding: 0;

border-top:1px solid #eaeff5;

display:flex;

width: 100%;

}

.grid-view-caption li:hover {background: #37caa2; cursor: pointer;}

.grid-view-caption li:hover a {color: #fff;}

.grid-view-caption li:hover i, .grid-view-caption li:hover p {color: #fff;}

.brows-job-position {

    padding: 0 15px;

}

.brows-job-position a:hover, .brows-job-position a:focus{color: #37caa2;}

.grid-view-caption li{

display:inline-block;

float:left;

width:100%;

padding:10px 0;

line-height: 2.2;

overflow: hidden

}

.brows-job-description{

font-size:15.5px;

line-height:1.8;

color:#5b6d77;

padding:10px 12px;

}

.brows-job-description p{

line-height:1.9;

}

.grid-view-caption li:first-child{

border-right:1px solid #eaeff5;

}

.grid-view-caption li p{

margin-bottom:0;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.grid-view-caption li i{

padding-right:10px;

}

.grid-view-caption .brows-job-location {

    margin-top: 0px; padding: 0px 10px;

}

.grid-view-caption .brows-job-location p i{

margin-right:0;

}

.grid-view-caption .brows-job-location p, .grid-view-caption .brows-job-sallery {

font-size:14px;

margin-bottom:0;

}

/*----------- All Job Components: Job category box --------*/

.category-box{

    position: relative;

    height:210px;

	background:#ffffff;

    box-shadow:0 5px 25px 0 rgba(41,128,185,0.15);

	-webkit-box-shadow:0 5px 25px 0 rgba(41,128,185,0.15);

    border-radius: 5px;

    text-align: center;

    padding:50px 12px 30px 12px;

    box-sizing: border-box;

    margin-bottom: 30px;

    overflow: hidden;

    transition: 0.6s linear;

}

.category-box .category-desc {

    z-index: 2;

}

.category-box .category-desc .category-icon{

    font-size:40px;

    color:#ff7c39;

    margin-bottom:10px;

    transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);

}

.category-box .category-desc i{

    font-size:40px;

    color:#37caa2;

    margin-bottom:7px;

	width: auto;

    height: auto;

    transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);

}

.category-box .category-desc .category-detail h4{

	font-weight:500;

	margin-bottom:5px;

}

.category-box .category-desc .category-detail p{

	margin-bottom:5px;

}

.category-box .category-desc .category-detail span{

	font-weight:400;

	font-size:14px;

}

a.btn.width-170 {

    width: 150px;

	box-shadow: 0 2px 10px 0 #d8dde6;

    border: 1px solid #f9f9f9;

	background:#ffffff;

    padding: 10px;

    border-radius: 50px;

	color:#ff7c39;

    font-size: 16px;

	font-weight: 500;

    transition: 0.6s cubic-bezier(0.45, 0.01, 0.1, 1.49);

}



.category-box .category-desc i.abs-icon {

    position: absolute;

    bottom:5px;

    left:5px;

    opacity:0;

	transition:all ease-in 0.4s;

    color:#eff1f3;

}



.category-box:hover i.abs-icon {

    position: absolute;

    bottom: 25px;

    left: 25px;

    opacity: 1;

    color: #eff1f3;

}

/*====================================

New Search Job Style

=======================================*/

.full-card {

    background: #ffffff;

    border-radius: 4px;

	padding-bottom:30px;

    border: 1px solid #eceff3;

    box-shadow: 0px 0px 10px 0px rgba(64,65,67,0.1);

}

.card-header {

    padding:15px 0 0 0;

    border-bottom: 1px solid #eceff3;

}



.card-header .view-detail {cursor: pointer; background: #37caa2; display: inline-block; padding: 2px 8px;\

	border-radius: 3px; margin-left: 5px; color: #fff;}



.card-header .bootstrap-select button.btn.dropdown-toggle.bs-placeholder.btn-default {

    height: 40px;

}

article.advance-search-job {

    padding: 15px 0;

    border-bottom: 1px solid #eceff3;

}

ol.breadcrumb.pull-right {

    background: transparent;

}

.breadcrumb>.active {

    color: #37caa2;

}

.advance-search-img-box {

    max-width: 70px;

    float: left;

}

.advance-search-caption {

    margin-left: 78px;

}

.advance-search-caption h4 {

    color: #3e4850;

    margin-bottom: 3px;

    font-weight: 600;

}

.advance-search-caption span {

    font-weight: 400;

    color: #35434e;

    opacity: 0.8;

}

.advance-search-job-locat {

    vertical-align: middle;

    margin-top: 22px;

}

.advance-search-job-locat i {

    margin-right: 6px;

}

a.btn.advance-search {

    background:#37caa2;

    border-radius: 2px;

    margin-top: 16px;

    min-width: 110px;

    padding: 8px 12px;

    color: #ffffff;

    letter-spacing: 1px;

}

a.btn.applied.advance-search{

	opacity:0.6;

}

.apply-job-box {

    text-align: center;

	padding: 2em 0;

}

.apply-job-box h4 {

    margin-bottom: 5px;

	 margin-top: 0;

}

.apply-job-box img {

    margin: 0 auto;

    display: table;

    max-width:80px;

}

.fileUpload {

    position: relative;

    overflow: hidden;

    margin: 10px 0;

	border: 1px solid #d7dfea;

}

.fileUpload input.upload {

    position: absolute;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

    font-size: 20px;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

}

.fileUpload span {

    background: #37caa2;

    padding: 11px 20px;

    color: #ffffff;

    display: inline-block;

    min-width: 120px;

    text-align: center;

}

/*---Sidebar Style----*/

.side-widget {

    background: #ffffff;

    border-radius: 4px;

    border: 1px solid #eceff3;

    box-shadow: 0px 0px 10px 0px rgba(64,65,67,0.1);

	margin-bottom:30px;

	overflow:hidden;

}

.widget-text {

    padding: 15px;

}

.widget-text.padd-0{

	padding:0;

}

.job-alert{

	padding:1.2em 0;

	text-align:center;

}

button.btn.btn-alrt {

    background: #37caa2;

    color: #ffffff;

    padding: 10px 25px;

    min-width: 150px;

}

.sidebar.right-sidebar ul {

    margin: 0;

    padding: 0;

}

.sidebar.right-sidebar ul li {

    list-style: none;

    padding: 10px 10px 8px 10px;

	color:#707c88;

    border-bottom: 1px solid #eceff3;

}

.right-sidebar h2.side-widget-title {

    background: #37caa2;

    margin: 0;

    text-align: left;

    padding-left: 12px;

    color: #ffffff;

    font-size: 17px;

    text-transform: uppercase;

	line-height: 48px;

}

.ad-banner img {

    margin: 0 auto;

}

.right-sidebar h2.side-widget-title a {

    color: #ffffff;

    display: inline-block;

    width: 100%;

    padding-right: 12px;

    line-height: 1;

}

.custom-checkbox {

    position: relative;

}

.custom-checkbox input[type="checkbox"] {

    opacity: 0;

    position: absolute;

    margin: 5px 0 0 3px;

    z-index: 9;

}

label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700;

}

.custom-checkbox label:before {

    content: '';

    margin-right:5px;

    display: inline-block;

    vertical-align: text-top;

    background: white;

    border: 1px solid #bbb;

    border-radius: 2px;

    box-sizing: border-box;

    z-index: 2;

}

.custom-checkbox input[type="checkbox"]:checked + label:after {

    border-color: #fff;

}

.custom-checkbox label:before {

    width: 16px;

    height: 16px;

}

.custom-checkbox input[type="checkbox"]:checked + label:after {

    content: '';

    position: absolute;

    left:5px;

    top:2px;

    width: 6px;

    height: 10px;

    border: solid #ffffff;

    border-width: 0 3px 3px 0;

    transform: inherit;

    z-index: 3;

    transform: rotateZ(45deg);

}

.custom-checkbox input[type="checkbox"]:checked + label:before {

    border-color: #37caa2;

    background: #37caa2;

}

/*================================

New Job Detail Style

==================================*/

.advance-detail.detail-desc-caption {

    text-align: center;

}

.advance-detail.detail-desc-caption ul li {

    width: 32%;

    font-family: 'Montserrat', sans-serif;

    text-transform: capitalize;

    margin-top: 20px;

    text-align: center;

    display: inline-block;

}

.advance-detail.detail-desc-caption ul li strong {

    display: block;

    font-size: 20px;

	font-weight: 600;

}

.j-view{

	color:#ff2a63;

}

.j-applied{

	color:#1fb6ff;

}

.j-shared{

	color:#23ce00;

}

ul.job-detail-des li {

    padding: 0;

	color: #66727b;

    list-style: none;

    padding:10px 12px;

}

ul.job-detail-des li span {

    font-weight: 600;

    margin-right: 20px;

    min-width: 120px;

    display: inline-block;

}

ul.job-detail-des li:nth-child(even) {

    background: #f3f6f8;

}

/*================================

 Error page design

==================================*/

section.simple-bg-screen.big-wrap {

	background-size:cover;

	background-position:center;

    position:relative;

}

section.simple-bg-screen.big-wrap:before {

    content: "";

    display: block;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    position: absolute;

    background: #fff;

    height: 100%;

    opacity: .8;

}

.error-page  {

    background: transparent;

    position: relative;

	text-align: center;

}



.error-page p {

    font-size: 18px;

}

.error-page h2 {

    font-size: 80px;

    line-height: 1;

	font-weight: 600;

}

.error-page h2 span {

    color: #37caa2;

}

.error-page a.btn.btn-success.small-btn {

    background: #37caa2;

    border-color: #37caa2;

    border-radius: 50px;

    padding: 12px 31px;

    margin: 15px 0;

}



/*==================================================

Employer & Candidate Profile Page Design

=================================================== */

.deatil-tab-employ.tool-tab .tab-content {

    padding-left: 2em;

    padding-right: 2em;

}

.deatil-tab-employ.tool-tab .nav.simple.nav-tabs li.active a {

    background: rgba(7, 177, 7,0.15);

    color: #37caa2;

    border-color: #37caa2;

}



.nav.simple.nav-tabs a {

    text-transform: uppercase;

    font-size: 14px;

    letter-spacing: 1px;

    padding: 15px 25px;

    border: none;

    border-radius: 0px;

    border-right: 1px solid #ddd;

	margin-right: 0;

}

.deatil-tab-employ.tool-tab .nav-tabs>li {

    margin-bottom: 0;

}

.deatil-tab-employ .nav-tabs>li.active>a, .deatil-tab-employ .nav-tabs>li.active>a:focus, .deatil-tab-employ .nav-tabs>li.active>a:hover{

border:none;

border-right: 1px solid #ddd;

}

.deatil-tab-employ .nav-tabs>li>a:focus, .deatil-tab-employ .nav-tabs>li>a:hover{

background: rgba(7, 177, 7,0.15);

border-color: #37caa2;

color: #37caa2;		

}

span.info-bar {

    padding: 3px 5px;

    border: 1px solid #37caa2;

    border-radius: 50%;

    background: #daf3da;

    color: #37caa2;

    font-size: 12px;

    margin-left: 5px;

}

#address ul.job-detail-des,#skills ul.job-detail-des {

    margin: 0;

    padding: 0;

}

.deatil-tab-employ .tab-pane img {

    border-radius: 50%;

}

.deatil-tab-employ  .manage-cndt {

    border: 1px solid #e1e7ea;

}

.mail-card {

    border: 1px solid #e8edf1;

    border-radius: 2px;

    margin-bottom: 20px;

    display: inline-block;

    width: 100%;

}

.inbox-widget .card-header {

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    align-items: center;

    padding: 15px 20px;

    background-color: transparent;

}

.flexbox {

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

}

.card-title.flexbox img.avatar {

    max-width: 60px;

    max-height: 60px;

    margin-right: 10px;

}

.card-title.flexbox h6 {

    margin-bottom: 0;

    margin-top: 10px;

}



.text-info {

    color: #37caa2;

}

h5.text-lighter small {

    font-size: 90%;

    color: #84939a;

}

.attachment-block {

    display: inline-block;

    max-width: 180px;

    margin-right: 15px;

    margin-bottom: 20px;

    background: #ffffff;

    border: 1px solid #e8edf1;

    border-radius: 4px;

    overflow: hidden;

}

.attachment-info {

    padding: 5px 8px;

}

.attachment-info h6 {

    margin-bottom: 2px;

    margin-top: 5px;

}

.attachment-info ul li {

    width: 50%;

    float: left;

    display: inline-block;

}

.card-body {

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    padding:1.25rem 0;

}

.deatil-tab-employ .tab-pane .thumb img {

    border-radius: 0;

    max-width: 100%;

    margin: 0;

}

.card-title.flexbox img {

    margin: 0;

}

.unread .card-title.flexbox h6 {

    font-size: 15px;

    font-weight: 600;

}

.unread .small, .unread small {

    font-size: 100%;

}

.edit-pro textarea.form-control {

    height: 150px;

}

.edit-pro .form-control {

    margin-bottom: 17px;

}

form.dropzone{

    color: #01b2ac;

    background: rgba(1, 178, 172,0.07);

    border-color: #01b2ac;

}

.dz-default i.fa.fa-cloud-upload {

    display: block;

    font-size: 2em;

}

.dropzone .dz-message {

    text-align: center;

    margin: 1em 0 !important;

}

form.dropzone.dz-clickable {

    border: 1px dashed #d8e3e8;

    font-size: 20px;

}

.deatil-tab-employ .mng-company {

    border: 1px solid #e8edf1;

}



/*---- premium Job tag ----*/

article {

    position: relative;

}

.tg-themetag{

    top:7px;

    left: -5px;

    z-index: 2;

    color: #fff;

    font-size: 10px;

    font-weight: 500;

    line-height: 10px;

    position: absolute;

    background:#ff526c;

    padding: 5px 3px 3px 10px;

    text-transform: uppercase;

}

.tg-featuretag:before, .tg-featuretag:after {

    width: 0;

    height: 0;

    content: '';

    position: absolute;

}

.tg-featuretag:before{

    top: 0;

    left: 100%;

    border-top: 9px solid transparent;

    border-bottom: 9px solid transparent;

    border-left: 10px solid #ff526c;

}

.tg-featuretag:after{

    top: 100%;

    left: 0;

    border-top: 5px solid #eb344f;

    border-left: 5px solid transparent;

}

.deatil-tab-employ article.advance-search-job{

	border:1px solid #eceff3;

	margin-bottom:20px;

}

.tab-pane .advance-search-img-box img {

    margin: 0;

    display: block;

    max-width: 100%;

}

button.update-btn {

    background: #37caa2;

    margin: 2em auto;

    border: none;

    display:table;

    color: #ffffff;

    border-radius: 4px;

    text-transform: capitalize;

    font-size: 16px;

    padding: 15px 40px;

    min-width: 180px;

	margin:15px auto;

}

/*=======================================

Dropper Settings

========================================*/

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {

    background-color: #ffffff;

    opacity: 1;

}



div.datedropper.my-style {

  border-radius: 8px;

  width: 180px;

}

div.datedropper.my-style .picker {

  border-radius: 8px;

  box-shadow: 0 0 32px 0px rgba(0, 0, 0, 0.1);

}

div.datedropper.my-style .pick-l {

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}

div.datedropper.my-style:before,

div.datedropper.my-style .pick-submit,

div.datedropper.my-style .pick-lg-b .pick-sl:before,

div.datedropper.my-style .pick-m,

div.datedropper.my-style .pick-lg-h {

  background-color:#1cc100;

}

div.datedropper.my-style .pick-y.pick-jump,

div.datedropper.my-style .pick li span,

div.datedropper.my-style .pick-lg-b .pick-wke,

div.datedropper.my-style .pick-btn {

  color: #1cc100;

}

div.datedropper.my-style .picker,

div.datedropper.my-style .pick-l {

  background-color: #FFF;

}

div.datedropper.my-style .picker,

div.datedropper.my-style .pick-arw,

div.datedropper.my-style .pick-l {

  color: #3a465e;

}

div.datedropper.my-style .pick-m,

div.datedropper.my-style .pick-m .pick-arw,

div.datedropper.my-style .pick-lg-h,

div.datedropper.my-style .pick-lg-b .pick-sl,

div.datedropper.my-style .pick-submit {

  color: #FFF;

}

div.datedropper.my-style.picker-tiny:before,

div.datedropper.my-style.picker-tiny .pick-m {

  background-color: #FFF;

}

div.datedropper.my-style.picker-tiny .pick-m,

div.datedropper.my-style.picker-tiny .pick-m .pick-arw {

  color: #3a465e;

}

div.datedropper.my-style.picker-lkd .pick-submit {

  background-color: #FFF;

  color: #3a465e;

}







/*-------------------------------------------------------------

	New Pages Style

-----------------------------------------------------------------*/

/*-------------- Hero Banner section --------------*/

.hero-banner {

    position: relative;

    overflow: hidden;

    padding: 80px 0;

}

.hero-banner .container {

    height: 100%;

    display: table;

}

.hero-banner:before {

    content: "";

    background: url(../img/green-banner.png) center center/cover no-repeat local;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}

.hero-banner .hero-img {

    position: absolute;

    left: 0;

    top: 0;

}

.hero-banner .container .row {

    display: table-cell;

    vertical-align: middle;

}

.hero-banner .content {

    position: relative;

    z-index: 10;

}

.hero-banner h2,  .main-banner h1{

    font-size:30px;

    font-weight:700;

}

.hero-banner p, .main-banner p {

    font-family: 'Josefin Slab', serif;

    line-height: 1.7;

}

.banner-form {

    max-width: 510px;

	margin-top:30px;

}

.banner-form .input-group {

    width: 100%;

}

.banner-form .form-control, .banner-form .btn {

    height: 60px;

    padding: 12px 15px;

}

.banner-form .btn{

	color:#ffffff;

}

.company-brand.freelancer {

    position: relative;

    margin-top: 0;

    padding: 40px 0;

    background:#f2f7fb;

}

.company-brand.freelancer img {

	opacity:0.8;

}

.grid-slide .grid-slide-box, .grid-slide-2 .grid-slide-box {

    padding:5px 10px;

}

.grid-slide .grid-slide-box:focus, .grid-slide-2 .freelance-box:focus{

	outline:none;

}





/*----------------- Freelancer ------------------*/

.freelance-container{

    background: #fff;

    background-position: top;

    border-radius: 6px;

    overflow: hidden;

	text-align:center;

    margin-bottom:30px;

	position:relative;

	background-size: cover;

	transition: .4s;

    border:1px solid #eaeff5;

}

.freelance-container:hover, .freelance-container:focus{

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

	cursor:pointer;

}

.freelance-inner-box {

    padding:10px 20px;

	text-align:center;

}

.freelance-box{

    text-align: center;

    padding:40px 20px 15px;

}



.style-2 .freelance-box {

    padding: 40px 20px 35px;

    background: #35434ea1;

}

.style-2 .freelance-box .freelance-box-extra p {color: #e2e2e2;}

.style-2 .freelance-box .freelance-box-detail h4 {color: #fff;}

.freelance-status {

    position: absolute;

    left:32px;

    top: 25px;

    background:#01c73d;

    color: #ffffff;

	text-transform:capitalize;

    padding: 4px 18px;

    border-radius: 50px;

    font-weight: 500;

}



.flc-rate{

    position: absolute;

    right:32px;

    top: 20px;

    font-size:18px;

    font-weight: 500;

}



.freelance-box-thumb {

    margin-bottom: 30px;

    width: 120px;

	height:120px;

    margin: 0 auto 25px auto;

	border-radius:50%;

	overflow:hidden;

	box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

	-webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

	-moz-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

}

.style-2 .freelance-box-thumb {

    width: 100px;

	height:100px;

    margin: 0 auto 15px auto;

	border-radius:50%;

	overflow:hidden;

	box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

	-webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

	-moz-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

}

.freelance-box-detail h4{

	margin-bottom:4px;

	font-size:20px;

	text-transform:capitalize;

}

.freelance-box-detail .desination, .freelance-box-detail .location{

	font-weight:500;

	font-size:15px;

	display:block;

	color:#677484;

}

.freelance-box-extra ul {

    margin: 15px 0;

	padding:0;

}

.freelance-box-extra ul li {

    display: inline-block;

    list-style: none;

    padding:3px 15px;

    border: 1px solid #b9c5ce;

    border-radius: 50px;

    margin: 5px;

    font-weight: 500;

    color: #657180;

}

.freelance-box-extra ul li.more-skill{

	color:#ffffff;

	border-color:#1194f7;

}

.style-2 .freelance-box-extra ul li{

	border-radius:2px;

}

a.btn.btn-freelance {

    padding: 17px;

    display: inline-block;

    width: 100%;

    font-size: 16px;

    font-weight: 500;

    border-radius: 0;

}

.btn.btn-freelance-two {

    border-radius: 2px;

    color: #ffffff;

    padding: 9px 17px;

}

a.btn.btn-freelance:hover, a.btn.btn-freelance:focus{

	background:#01c73d;

	color:#ffffff;

}

.rattings .fa {

    color: #99abb9;

}

.rattings .fa.fill {

    color: #FF9800;

}



/*---------------- Paid Candidat -----------------*/

.paid-candidate-container{

    background: #ffffff;

    border-radius: 6px;

    overflow: hidden;

	text-align:center;

    margin-bottom:30px;

	position:relative;

	transition: .4s;

    border:1px solid #eaeff5;

}

.paid-candidate-container:hover, .paid-candidate-container:focus{

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

	cursor:pointer;

}

.paid-candidate-box{

    text-align: center;

    padding:60px 20px 15px;

}

.paid-candidate-status {

    position: absolute;

    left:32px;

    top: 25px;

    background:#01c73d;

    color: #ffffff;

    padding: 4px 18px;

    border-radius: 50px;

    font-weight: 500;

}



.flc-rate{

    position: absolute;

    right:32px;

    top: 20px;

    font-size:18px;

    font-weight: 500;

}



.paid-candidate-box-thumb {

    margin-bottom: 30px;

    width: 120px;

	height:120px;

    margin: 0 auto 25px auto;

	border-radius:50%;

	overflow:hidden;

	box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

	-webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

	-moz-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

}



.paid-candidate-box-detail h4{

	margin-bottom:4px;

	font-size:20px;

}

.paid-candidate-box-detail .desination, .paid-candidate-box-detail .location{

	font-weight:500;

	font-size:15px;

	display:block;

	color:#677484;

}

.paid-candidate-box-extra ul {

    margin: 15px 0;

	padding:0;

}

.paid-candidate-box-extra ul li {

    display: inline-block;

    list-style: none;

    padding:3px 15px;

    border: 1px solid #b9c5ce;

    border-radius: 50px;

    margin: 5px;

    font-weight: 500;

    color: #657180;

}

.paid-candidate-box-extra ul li.more-skill{

	color:#ffffff;

	border-color:#1194f7;

}

a.btn.btn-paid-candidate {

    padding: 17px;

    display: inline-block;

    width: 100%;

    font-size: 16px;

    font-weight: 500;

    border-radius: 0;

}



a.btn.btn-paid-candidate:hover, a.btn.btn-paid-candidate:focus{

	background:#01c73d;

	color:#ffffff;

}

.paid-candidate-box .dropdown{

	position:absolute;

	right:30px;

	top:25px;

}

.btn-trans {

    background: transparent;

    border: none;

	font-size:20px;

    color:#99abb9;

}



.dropdown-menu.pull-right {

    right: 0;

    left: auto !important;

    top: 90% !important;

}

.dropdown-menu.pull-right {

    right: 0;

	border-color: #ebf2f7;

	padding: 0;

    left: auto !important;

    top: 90% !important;

}

.dropdown-menu>a {

    display: block;

    padding: 14px 12px 14px 12px;

    clear: both;

    font-weight: 300;

    line-height: 1.42857143;

    color: #67757c;

    border-bottom: 1px solid #f1f6f9;

}



/*----------------- popular job  ------------------*/

.popular-jobs-container{

    background: #ffffff;

    border-radius: 6px;

    overflow: hidden;

	text-align:center;

    margin-bottom:30px;

	position:relative;

	transition: .4s;

    border:1px solid #eaeff5;

}

.popular-jobs-container:hover, .popular-jobs-container:focus{

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

	cursor:pointer;

}



.popular-jobs-box{

    text-align: center;

    padding:50px 20px 15px;

}

.popular-jobs-status {

    position: absolute;

    left:32px;

    top: 25px;

    color: #ffffff;

	text-transform:capitalize;

    padding: 4px 18px;

    border-radius: 50px;

    font-weight: 500;

}



.flc-rate{

    position: absolute;

    right:32px;

    top: 20px;

    font-size:18px;

    font-weight: 500;

}



.popular-jobs-box-detail h4{

	margin-bottom:4px;

	font-size:20px;

	text-transform:capitalize;

}

.popular-jobs-box-detail .desination, .popular-jobs-box-detail .location{

	font-weight:500;

	font-size:15px;

	display:block;

	color:#677484;

}

.popular-jobs-box-extra ul {

    margin: 15px 0;

	padding:0;

}

.popular-jobs-box-extra ul li {

    display: inline-block;

    list-style: none;

    padding:3px 15px;

    border: 1px solid #b9c5ce;

    border-radius: 50px;

    margin: 5px;

    font-weight: 500;

    color: #657180;

}

.popular-jobs-box-extra ul li.more-skill{

	color:#ffffff;

	border-color:#1194f7;

}

a.btn.btn-popular-jobs {

    padding: 17px;

    display: inline-block;

    width: 100%;

    font-size: 16px;

    font-weight: 500;

    border-radius: 0;

}



a.btn.btn-popular-jobs:hover, a.btn.btn-popular-jobs:focus{

	background:#01c73d;

	color:#ffffff;

}







/*------------ How It Works -----------------*/

.working-process{

	text-align:center;

	position:relative;

	margin-top:30px;

}

.process-icon{

    float: none;

    display: inline-block;

	position:relative;

    width:80px;

    height:80px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    line-height: 98px;

    font-size:35px;

    text-align: center;

    color:#fe2864;

	background:#f5f9fc;

    border-color:#f5f9fc;

}

span.process-img{

    width:80px;

    height:80px;

    margin: 15px auto 0;

	position: relative;

	display: inline-block;

}

span.process-img img{

	z-index:1;

}

span.process-count {

    position: absolute;

    right: 0;

    bottom:5px;

    line-height: 30px;

    width: 30px;

    height: 30px;

    background: #fe2864;

    font-size: 14px;

    text-align: center;

    border-radius: 50%;

    color: #ffffff;

}

span.process-num {

    position: absolute;

    font-size:60px;

    font-weight: 600;

    opacity: 0.1;

    left:-30px;

    top: -10px;

}

.working-process h4{

	margin:10px 0;

}

.working-process p{

	padding:2px 15px;

	line-height:1.9;

}





/*---------------- Freelancer Detail --------------------*/

.inner-header-page{

    padding:150px 0 50px;

	text-align:left;

	background:#f5f6f7;

    border-bottom:2px solid #37caa2;	

}

.left-side-container {

    display: table;

    width: 100%;

}

.inner-header-page .freelance-image {

    height: 140px;

    flex: 0 0 140px;

    margin-right: 35px;

    background: #fff;

    border-radius: 4px;

    box-shadow: 0 3px 12px rgba(0,0,0,.1);

    display: inline-block;

    padding: 0 20px;

    line-height: 140px;

    float: left;

}

.inner-header-page .freelance-image img{

	max-width:120px;

	margin-top:10px;

}

.header-details h4{

	margin:0 0 5px 0;

	font-size:24px;

}

.header-details h4 span{

	font-size:17px;

}

.inner-header-page .header-details ul {

    padding: 0;

    margin: 0;

    list-style: none;

    line-height: 24px;

    margin-bottom: -7px;

}

.inner-header-page .header-details li {

    display: inline-block;

    margin-right: 20px;

    margin-bottom: 12px;

}

.inner-header-page .header-details ul li img{

    height: 16px;

    border-radius: 3px;

    position: relative;

    top: -1px;

    display: inline-block;

    box-shadow: 0 0 3px rgba(0,0,0,.2);

    margin-right: 5px;

    cursor: default;

}

.verified-action{

    position: relative;

    height: 26px;

    display: flex;

    top: -1px;

    color: #fff;

    font-weight: 500;

    font-size: 14px;

    background-color: #30ab4a;

    text-align: center;

    z-index: 10;

    font-weight: 500;

    border-radius: 4px;

    padding: 0 8px 0 0;

    margin: 0;

    overflow: hidden;

    padding-left: 34px;

    line-height: 27px;

}

.verified-action:before {

    content: "\f00c";

    font-family:FontAwesome;

    font-size: 16px;

    color: #fff;

    position: absolute;

    top: 0;

    left: 0;

    line-height: 26px;

    height: 26px;

    width: 26px;

    display: inline-block;

    background-color: #38b653;

}

.header-details {

    margin-top: 20px;

}

.inner-header-page .header-details li .star-rating {

    position: relative;

    top:0px;

}

.star-rating::before {

    content: attr(data-rating);

    float: left;

    background-color:#febe42;

    color:#ffffff;

    font-size: 14px;

    line-height: 15px;

    font-weight: 700;

    position: relative;

    top: 1px;

    margin-right: 10px;

    border-radius: 4px;

    padding: 5px 7px;

}

.inner-header-page .header-details li .star-rating .fa {

    color: #94a0ad;

}

.inner-header-page .header-details li .star-rating .fa.fill {

    color:#febe42;

}

.right-side-detail ul {

    padding: 0;

    margin: 0;

}

.right-side-detail ul li {

    list-style: none;

    padding: 5px 0;

}

.right-side-detail ul li .detail-info {

    width: 135px;

	font-weight:500;

    display: inline-block;

}

.right-side-detail ul.social-info li{

	display:inline-block;

	margin:5px;

}

.right-side-detail ul.social-info li a {

    width: 40px;

    height: 40px;

    display: inline-block;

    background: #e3e8ec;

    text-align: center;

    line-height: 40px;

    border-radius: 2px;

}

span.available-status {

    margin-left: 10px;

    background: #01c73d;

    padding: 5px 15px;

    border-radius: 4px;

    color: #ffffff;

}

/*------------ job Apply Detail ----------------*/

.container-detail-box{

    background: #ffffff;

    border-radius: 6px;

    overflow: hidden;

	padding:30px 30px;

    margin-bottom: 30px;

    position: relative;

    border: 1px solid #eaeff5;

}

.apply-job-detail{

	margin-bottom:30px;

}

.apply-job-detail h5{

	font-size:18px;

}

.apply-job-header a {

    margin-right: 15px;

}

.apply-job-header a i, .apply-job-header span i {

    margin-right: 5px;

}

.apply-job-header {

    margin-bottom: 40px;

}

.apply-job-header h4{

	font-size:22px;

}

ul.skills,  ul.job-requirements{

    margin: 15px 0;

    padding: 0;

}

ul.skills li {

    display: inline-block;

    list-style: none;

    padding: 3px 15px;

    border: 1px solid #b9c5ce;

    border-radius: 50px;

    margin: 5px;

    font-weight: 500;

    color: #657180;

}



ul.job-requirements li{

	list-style:none;

	display:block;

	padding:7px 0;

}

ul.job-requirements li span{

	display:inline-block;

	width:120px;

	font-weight:500;

}



/*---------- Login -------------*/

img.img-responsive.payment-img {

    margin-top: 20px;

}

/*------------- Review & New Detail Page -----------*/

.review-list {

    display: table;

    width: 100%;

    margin-bottom: 50px;

}

.review-thumb {

    max-width: 80px;

    float: left;

    display: table-cell;

}

.review-detail {

    display: table;

    margin-left: 100px;

}

.review-detail h4 {

    margin: 0 0 3px 0;

}

.review-detail h4 span {

    float:right;

	opacity:0.8;

	font-weight:400;

	font-size:13px;

}

.review-detail .re-designation{

	font-size:14px;

	opacity:0.9;

}

.review-detail p{

	margin:15px 0 25px 0;

}



ul.block-list {

    padding: 0;

    margin: 0;

}

ul.block-list li{

	list-style:none;

	margin-bottom:10px;

	font-size:16px;

	font-weight:600;

	display:block;

	font-family: 'Josefin Slab', serif;

}

ul.block-list li i{

	margin-right:12px;

}



ul.language{

    padding: 0;

    margin: 0;

}

ul.language li{

	list-style:none;

	margin-bottom:10px;

	font-size:15px;

	margin-right:20px;

	display:inline-block;

}

ul.language li img{

	height: 16px;

    border-radius: 3px;

    position: relative;

    top: -1px;

    display: inline-block;

    box-shadow: 0 0 3px rgba(0,0,0,.2);

    margin-right: 5px;

    cursor: default;

}

/*--------------------------------------------------- 

	Default Sidebar

-----------------------------------------------*/

.sidebar-wrapper{

    background: #ffffff;

    border-radius: 6px;

    overflow: hidden;

	text-align:left;

    margin-bottom: 30px;

    position: relative;

    transition: .4s;

	padding:0 25px 30px;

    border: 1px solid #eaeff5;

}

.sidebar-box-header{

	padding:15px 0;

	margin-bottom:20px;

}

.sidebar-box-header h4{

	font-size:17px;

	margin:5px 0;

}

.member-profile-list {

    display: table;

    width: 100%;

}

.member-profile-list {

    padding: 15px 0;

	border-bottom:1px solid #eaeff5;

    text-align: left;

}

.member-profile-list:last-child{

	border-bottom:none;

}

.member-profile-thumb {

    width:70px;

    float: left;

}

.member-profile-detail {

    margin-left: 80px;

	margin-top:7px;

}

.member-profile-detail h4 {

    margin: 0 0 2px 0;

}

.member-profile-detail span {

    display: block;

	line-height:1.5;

    font-size: 13px;

}



/*--------------- Sidebar: Detail For Freelancer ----------------*/

.sidebar-container{

    background: #ffffff;

    border-radius: 6px;

    overflow: hidden;

	text-align:center;

    margin-bottom:30px;

	position:relative;

	transition: .4s;

    border:1px solid #eaeff5;

}

.sidebar-container:hover, .sidebar-container:focus{

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

	cursor:pointer;

}

.sidebar-box{

    text-align: center;

    padding:60px 20px 15px;

}

.style-2 .sidebar-box {

    padding: 40px 20px 35px;

}

.sidebar-status {

    position: absolute;

    left:32px;

    top: 25px;

    background:#01c73d;

    color: #ffffff;

    padding: 4px 18px;

    border-radius: 50px;

    font-weight: 500;

}



.flc-rate{

    position: absolute;

    right:32px;

    top: 20px;

    font-size:18px;

    font-weight: 500;

}



.sidebar-box-thumb {

    margin-bottom: 30px;

    width: 120px;

	height:120px;

    margin: 0 auto 25px auto;

	border-radius:50%;

	overflow:hidden;

	box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

	-webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

	-moz-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

}

.style-2 .sidebar-box-thumb {

    width: 100px;

	height:100px;

    margin: 0 auto 15px auto;

	border-radius:50%;

	overflow:hidden;

	box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

	-webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

	-moz-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);

}

.sidebar-box-detail h4{

	margin-bottom:4px;

	font-size:22px;

}

.sidebar-box-detail .desination, .sidebar-box-detail .location{

	font-weight:500;

	font-size:15px;

	display:block;

	color:#677484;

}

.sidebar-box-extra ul {

    margin: 15px 0;

	padding:0;

}

.sidebar-box-extra ul li {

    display: inline-block;

    list-style: none;

    padding:3px 15px;

    border: 1px solid #b9c5ce;

    border-radius: 50px;

    margin: 5px;

    font-weight: 500;

    color: #657180;

}

.sidebar-box-extra ul li.more-skill{

	color:#ffffff;

	border-color:#1194f7;

}

a.btn.btn-sidebar {

    padding: 17px;

    display: inline-block;

    width: 100%;

    font-size: 16px;

    font-weight: 500;

    border-radius: 0;

}

a.btn.btn-sidebar{

	color:#ffffff;

}

a.btn.btn-sidebar:hover, a.btn.btn-sidebar:focus{

	background:#01c73d;

	color:#ffffff;

}

ul.status-detail {

    width: 100%;

    display: table;

    margin:20px 0;

}

ul.status-detail li {

    display: inline-block;

    width: 33%;

    padding: 10px 0;

    border: none;

    border-radius: 0;

    text-align: center;

    display: table-cell;

	font-size:13px;

}

ul.status-detail li>strong {

    display: block;

    font-weight: 600;

    font-size: 16px;

}





/*---------- Sidebar: Job Share Sidebar ---------------*/

ul.social-share {

    display: table;

    width: 100%;

    margin: 0;

	padding: 0;

}

ul.social-share li {

    width: 33.3333%;

    display: inline-block;

    padding: 10px;

}

ul.social-share li>a {

    box-shadow:0 5px 25px 0 rgba(41,128,185,0.15);

	-webkit-box-shadow:0 5px 25px 0 rgba(41,128,185,0.15);

    width: 100%;

    height: 80px;

    text-align: center;

    display: inline-block;

    line-height: 80px;

    border-radius: 4px;

    font-size: 25px;

	color: #b7c4d0;

}



ul.social-share li>a.fb-share{

	color:#3b5998;

	box-shadow:0 5px 25px 0 rgba(59,89,152,0.15);

	-webkit-box-shadow:0 5px 25px 0 rgba(59,89,152,0.15);

}



ul.social-share li>a.tw-share{

	color:#4ac9ff;

	box-shadow:0 5px 25px 0 rgba(74,201,255,0.15);

	-webkit-box-shadow:0 5px 25px 0 rgba(74,201,255,0.15);

}



ul.social-share li>a.gp-share{

	color:#f3222a;

	box-shadow:0 5px 25px 0 rgba(243,34,42,0.15);

	-webkit-box-shadow:0 5px 25px 0 rgba(243,34,42,0.15);

}



ul.social-share li>a.li-share{

	color:#007aaa;

	box-shadow:0 5px 25px 0 rgba(0,122,170,0.15);

	-webkit-box-shadow:0 5px 25px 0 rgba(0,122,170,0.15);

}



ul.social-share li>a.in-share{

	color:#ec3e7d;

	box-shadow:0 5px 25px 0 rgba(236,62,125,0.15);

	-webkit-box-shadow:0 5px 25px 0 rgba(236,62,125,0.15);

}



ul.social-share li>a.pi-share{

	color:#d80954;

	box-shadow:0 5px 25px 0 rgba(216,9,84,0.15);

	-webkit-box-shadow:0 5px 25px 0 rgba(216,9,84,0.15);

}



ul.social-share li>a.be-share{

	color:#0067ff;

	box-shadow:0 5px 25px 0 rgba(0,103,255,0.15);

	-webkit-box-shadow:0 5px 25px 0 rgba(0,103,255,0.15);

}





/*====================================

 Responsiveness Start

======================================*/



@media only screen  and (min-width : 1400px) {

    .slider_css {height:100vh;}

}



@media only screen  and (min-width : 768px) {

/*------------Navigation------*/



.hero-banner {

    height: 100vh;

    min-height:620px;

}

.hero-banner p, .main-banner p {

    font-size: 19px;

}

.slide-banner {

   padding: 14% 0;

   min-height:650px;

   height:100vh;

}

.slide-banner h2{

	font-size:60px;

}

.slide-banner .form-horizontal .form-control, .slide-banner .form-horizontal .btn{

	height:62px;

}

.slide-banner .select2-container--default .select2-selection--single, .slide-banner .select2-container--default .select2-selection--multiple {

    border-radius: 0;

    border: none;

    min-height: 62px;

}

.slide-banner .select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height:56px;

}

.slide-banner .select2-container--default .select2-selection--single .select2-selection__arrow {

    min-height:62px;

}

.hero-banner .content h2 {

    font-size: 55px;

    line-height: 1.2;

}

nav.navbar.bootsnav {

box-shadow:0 0 20px 0 rgba(62,28,131,0.1);

}

nav.navbar.bootsnav.navbar-transparent.white{

box-shadow:none;

}

h1{

font-size:48px;

line-height:52px;

}



h2{

font-size:36px;

line-height:48px;

}



h3{

font-size:30px;

line-height:36px;

}



.banner-caption .btn-primary{

margin-left: -1px;

}



.no-padd {

padding: 0;

}

.tools-features h4 {

font-size: 2em;

line-height: 1.2;

}

.tools-features p {

font-size: 17px;

line-height: 1.9;

}

.right-br{

border-right: 1px solid #465056;

}



.container-fluid {

padding: 0;

}





.navbar-right, .navbar-left {

margin-top: 0px;

}

.banner p {

font-size: 18px;

margin: 0 auto;

margin-bottom:25px;

}

.banner{

min-height:650px;

}

.banner h1{

font-size:64px;

margin-bottom:0.5em;

}

.app-content{

margin-bottom:8em;

padding-top: 3em;

}

.download-app img {

position: absolute;

max-width:80%;

left:17%;

}

.extra-mrg{

padding:0;

margin-left:-15px;

margin-right:-15px;

}

/*--------detail page design---*/

.detail-desc-caption ul li{

width:100%;

display:inline-block;

float:left;

}

/*----footer menu----*/

.lg-menu ul {

    margin-top: 10px;

}

.advance-detail.detail-desc-caption ul li strong {

    font-size: 60px;

    line-height: 1.2;

}

/*---error page --*/

section.big-wrap {padding: 10% 0;}

.error-page h2 {font-size: 250px;}

}





@media only screen  and (min-width : 1024px) {

    

.navbar .form-control{

height:42px;

}

section{

padding:80px 0 70px 0;

}

.banner{

height:100vh;

min-height:620px;

padding-top: 8%;

}

.simple-banner{

height:100vh;

min-height:550px;

padding-top:14%;

}

.home-three-banner{

height:100vh;

min-height:550px;

padding-top:12%;

}

.home-plane-banner{

height:100vh;

padding-top:13%;

min-height:620px;

}

.company-brand {

position:absolute;

bottom:0;

}

.min-padd{

padding:10px;

}

.banner-caption .form-control, .banner-caption .btn-primary, .banner-caption .btn-primary:focus, .banner-caption .btn-primary:hover{

height:52px;

}

.banner-caption .form-control.right-bor{

border-right:1px solid #e4e4e4;

}



.simple-banner h1 {

font-size: 6.5em;

line-height:1;

}

.about p {

font-size: 18px;

line-height: 1.9;

padding: 0 25px;

}



section.about h2 {

font-size: 42px;

margin-bottom:25px;

}

.services h1{

font-size:4em;

margin-bottom:35px;

}	



.sec-features-caption{

max-width:90%;

}



a.btn.call-btn {

    font-size: 22px;

    margin-top: 1em;

}

.app-content h2{

margin-bottom:25px;

font-size:50px;

}

.app-content h4 {

    font-size: 25px;

}

nav.navbar.bootsnav ul.nav > li {

padding: 4px 4px;

}

nav.navbar ul.nav > li > a{

padding: 30px 15px;

}



nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {

text-align: left;

padding: 5px 0;

display: block;

width: 100%;

margin-bottom: 0;

border-bottom: none;

color:#555f69;

font-size: 14.5px;

font-weight:400;

}

nav.navbar .navbar-brand{

	margin-top: 0;

}



nav.navbar .navbar-brand img.logo{

	width: 150px;

}







nav.navbar .navbar-brand img.logo{

	width: 260px;

}



nav.navbar li.dropdown ul.dropdown-menu{

	border-top: solid 5px;

}



/* Navbar Brand Top ------*/

nav.navbar-brand-top .navbar-brand{

	margin: 10px !important;

}



.navbar>.container .navbar-brand {padding: 5px 15px!important;}



/* Navbar Transparent & Fixed ------*/

nav.navbar.bootsnav.navbar-transparent.white{

	border-bottom: none;

	box-shadow: 0px 1px 10px #ccc;

    background: #fff;

}

nav.navbar.bootsnav.navbar-light.white{

	background-color:#fff;

	border-bottom: none;

}



nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,

nav.navbar.bootsnav.navbar-transparent.dark{

	background-color: rgba(0,0,0,0.3);

	border-bottom: solid 1px #555;

}



nav.navbar.bootsnav.navbar-transparent.white .attr-nav{

	border-left: solid 1px #bbb;

}



nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,

nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{

	border-left: solid 1px #555;

}



nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,

nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,

nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,

nav.navbar.bootsnav.no-background.white ul.nav > li > a{

	color: rgba(000);

}

nav.navbar.bootsnav.navbar-light.no-background.white .attr-nav > ul > li > a,

nav.navbar.bootsnav.navbar-light.white .attr-nav > ul > li > a,

nav.navbar.bootsnav.navbar-light.white ul.nav > li > a,

nav.navbar.bootsnav.navbar-light.no-background.white ul.nav > li > a{

	color:#657582;

}



nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,

nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{

	color: #eee;

}

.inner-header-title h1 {

font-size: 60px;

margin: 1em 0;

}

.inner-header-title h2 {

font-size:45px;

margin: 1em 0 10px 0;

}

.inner-header-title p{

	font-size:22px;

}

}



.banner-caption .left-br .signin {

padding: 15px 30px;

margin-left: 5px;

border-radius: 30px;

color: #fff;

border: 0px;

}



.banner-caption .left-br .signin:hover {

    background:#37caa2!important; color:#fff!important;

}



@media only screen  and (min-width : 1200px) {

nav.navbar.bootsnav ul.nav > li {

padding: 7px 12px; width: 160px; text-align: center;

}



nav.navbar.bootsnav ul.nav > li > a {

padding: 13px 10px 10px 10px;

}

.left-br .signin, .left-br .signin a {

padding: 8px 15px;

margin-left: 5px;

border-radius: 30px;

color: #fff!important;

border: 0px;

min-width: 120px;

background: #37caa2;

border: 1.5px solid #37caa2;

}







.inner-header-title h1 {

font-size: 80px;

}

.inner-header-title h2 {

font-size:60px;

margin-top:1.2em;

}

.inner-header-title p{

	font-size:22px;

}

.navbar .form-control {

min-width: 270px;

height: 42px;

margin-top: -5px;

}



}



@media only screen and (min-width: 1024px) and (max-width: 1199px){

	.navbar .form-control {

		min-width: 155px;

		max-width: 155px;

	}

}

@media only screen and (max-width: 1023px) and (min-width: 993px){

.navbar-nav>li>a {

    padding: 9px 15px 26px 15px;

    font-size: 12px;

}

.navbar-brand>img.logo.logo-display {

    display: none;

}

img.logo.logo-scrolled {

    max-width: 200px;

    margin-top: 10px;

}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {

    font-family: 'FontAwesome';

    content: "\f0d7";

    margin-left: 5px;

    margin-top: 2px;

}

nav.bootsnav .megamenu-content .title {

    text-transform: capitalize;

    font-family: 'Raleway', sans-serif;

    font-size: 20px;

    color: #55646f;

}

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {

    text-align: left;

    padding: 5px 0;

    display: block;

    width: 100%;

    margin-bottom: 0;

    border-bottom: none;

    color: #707c88;

    font-size: 14.5px;

    font-weight: 400;

    font-family: 'Quicksand', sans-serif;

}

.navbar .form-control{

height:42px;

}

}



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

h1 {font-size: 48px}

h2 {font-size: 28px}

h3 {font-size: 22px}

h4 { font-size: 15px;}



/*--------Manage Company------*/

.mng-company h4 {

    font-size: 17px;

}

}



@media only screen and (max-width: 992px) and (min-width: 768px){

/*----------Manage Member 2 ---------------*/

.manage-resume-picbox img {

    width: 60px;

    height:60px;

}

.manage-resume-picbox {

    width: 60px;

    height: 60px;

	display: inline-block;

}

.manage-resume-box .col-md-3.col-sm-3, .manage-resume-box .col-md-1.col-sm-1 {

    padding: 0;

}

.brows-job-type span {

    padding: 6px 5px;

    font-size: 10px;

}

.brows-job-position h3 {

font-size: 19px;

}

}

@media (max-width: 1023px) {

.banner-caption .form-control{

margin-bottom:15px;

}	

}



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

h1 {font-size: 42px}

h2 {font-size: 25px}

h3 {font-size: 20px}

h4 { font-size: 15px;}



/* Navbar General ------*/

nav.navbar .navbar-brand{

	margin-top: 0;

	position: relative;

	top: -2px;

}



nav.navbar .navbar-brand img.logo{

	width: 200px;

}



/* Navbar Mobile slide ------*/

nav.navbar.navbar-mobile ul.nav > li > a{

	padding: 15px 15px;

}



nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{

	padding-right: 15px !important;

	padding-top: 15px !important;

	padding-bottom: 15px !important;

}



nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{

	padding-right: 30px !important;

	padding-top: 13px !important;

	padding-bottom: 13px !important;

}



nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{

	padding-top: 13px !important;

	padding-bottom: 13px !important;

}



/* Navbar Full ------*/

 nav.navbar-full .navbar-brand{

	top: 0;

	padding-top: 10px;

}

.navbar .form-control {

margin: 14px 0;

}

nav.navbar.bootsnav .navbar-toggle {

background-color: transparent !important;

top: 9px;

color:#9fabb1;

}

nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{

    border-bottom: solid 1px #abbdca;

    color: #b6c8d6;

    }

nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {

    border-bottom: solid 1px #abbdca;

    padding: 8px 0;

}

ul.menu-col li a {

    color: #b6c8d6;

    font-size: 15px;

}

.col-menu {

    padding: 0;

}

.navbar-nav .row {

    margin-left: 0;

    margin-right: 0;

}

.app-content {

    margin-bottom: 2em;

    padding-top: 3em;

}

.app-content a.btn.call-btn{

line-height:2;

}

.app-content h2{

font-size:32px;

margin-bottom:10px;

}

.app-content h4 {

font-size: 20px;

}

.inner-header-title h1 {

font-size:50px;

}



}



.lang-txt {margin-top: 130px; font-size: 20px!important; text-transform: capitalize!important;}



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

h1 {font-size: 35px}

h2 {font-size: 25px}

h3 {font-size: 20px}

h4 { font-size: 15px;}

.navbar {min-height: 70px;}

.lang-txt {margin-top: 20px; margin-bottom: 30px;}

nav.navbar.bootsnav .navbar-collapse.collapse {margin-top: 10px!important;}

.select2-container {

    margin-bottom: 15px;

}

nav.navbar.navbar-inverse.navbar-mobile ul.nav{

	border-top: solid 1px #222;

}

nav.navbar.navbar-light.bootsnav {

    background-color:#ffffff;

    border-bottom: 1px solid #ffffff;

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);

}

nav.navbar.bootsnav .navbar-collapse{

	background-color: #35434E;

    border-bottom: 1px solid #35434E;

}

nav.bootsnav .megamenu-content .title {

    font-size: 17px;

}

.hero-banner:before {

    background: url(../img/hero-banner.jpg) center center/cover repeat local;

}

.slide-banner .form-horizontal .form-control, .slide-banner .form-horizontal .btn{

	margin-bottom:12px;

}

.inner-header-title h1 {

font-size: 40px;

margin-bottom: 2em;

}

.call-to-act-caption {

    padding: 5em 1em;

    text-align: center;

}

.call-to-act-caption h3 {

    line-height: 1.7;

    font-size: 17px;

}



.home-plane-banner:before {

    background: rgba(255,255,255,0.8);

}

/*------Manage Company--------*/

.mng-company {

text-align: center;

}

.mng-company .mng-company-pic {

    display: table;

    margin: 20px auto;

}

.mng-company h4 {

    font-size: 18px;

}

/*-----------Manage Member 2 -------------*/

.manage-resume-box {

    text-align: center;

}

.manage-resume-picbox {

    display: table;

    margin: 20px auto;

}

.pagination>li>a, .pagination>li>span {

    padding: 8px 14px;

}



/*------------Manage Company------------*/

.mng-resume .mng-resume-pic {

    margin: 20px auto;

    display: table;

}

.mng-resume {

    text-align: center;

	border-left: none;

    border-top: 3px solid #ffffff;

}



/*-----------Browse Company------------*/

.brows-company {

    text-align: center;

	border-left:none;

	border-top: 4px solid #ffffff;

}

.brows-company .brows-company-pic {

    margin: 20px auto;

    display: table;

}

.brows-company .brows-company-position p {

    text-align: center;

}



/*------------Browse Resume--------------*/

.brows-resume {

    text-align: center;

	border-left:none;

	border-top: 4px solid #ffffff;

}

.brows-resume .brows-resume-pic {

    margin: 20px auto;

}

.br-resume {

    margin-bottom: 10px;

}

.brows-resume .browse-resume-exp span {

    float: none;

}

.brows-resume .browse-resume-rate span {

    text-align: center;

}

/*------detail page design -----*/

.detail-pannel-footer-btn a.footer-btn {

margin-left: 0;

float: left;

margin-right: 10px;

padding: 10px 30px;

}

.detail-status {

    position: relative;

    right: 0;

    top: 0;

    margin: 0 auto;

    display: table;

}

.detail-pannel-footer-btn.pull-right {

    float: left !important;

	width: 100%;

}

ul.detail-list {

    padding: 0;

}

h2.detail-title {

    font-size: 17px;

    padding:10px 12px;

}

.full-detail .panel-body {

    padding: 0;

}

.ext-mrg.row.third-progress {

    padding: 0;

    margin: 0;

}

/*------------Footer Design---------*/

.footer-widget {

    padding: .5em 0em 1em 0em;

}

.footer-social {

    margin-bottom: 0;

}

.lg-menu ul {

    margin-top: 20px;

}

.lg-menu ul li {

    padding-left: 0;

    padding-right: 10px;

}

nav.navbar .navbar-brand {

top: 4px;

}

/*---------------Brows job style---------------------*/

.brows-job-list{

text-align:center;

padding-bottom: 30px;

}



.banner-caption {

padding: 20px 0px;

}

.wrap-search-filter{



}

.item-click article{

padding-left:15px;

padding-right:15px;

}

.brows-job-category .item-click article {

    padding-left: 0;

    padding-right: 0;

}

.row.extra-mrg {

    margin-left: 0;

    margin-right: 0;

}

/*----------Search Job----------------*/

.job-types {

    text-align:left;

}

/*--------Advance search job-----*/

article.advance-search-job {

    text-align: center;

}

.advance-search-caption {

    margin-left: 0;

}

.advance-search-img-box {

    max-width: 70px;

    float: none;

    margin: 0 auto;

}

.advance-detail-pr .row.bottom-mrg {

    margin-left: 0;

    margin-right: 0;

}

.deatil-tab-employ.tool-tab .tab-content {

    padding-left:12px;

    padding-right:12px;

}

}



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

h1 {font-size: 30px}

h2 {font-size: 20px}

h3 {font-size: 20px}

h4 { font-size: 15px;}

/*------pagination-----*/

.pagination>li>a, .pagination>li>span {

    padding: 6px 12px;

}

.inner-header-title h1 {

font-size: 30px;

margin-bottom: 2em;

}

.mng-company h4 {

    font-size: 16px;

}



/*-----Manage Candidate------*/

.manage-cndt .cndt-status {

    padding: 1px 23px;

}



/*------detail page design -----*/

.detail-pannel-footer-btn a.footer-btn {

margin-left: 0;

float: left;

margin-right: 10px;

padding: 8px 18px;

}

ul.detail-footer-social li {

    display: inline-block;

    padding-right: 2px;

}

.advance-detail.detail-desc-caption ul li {

    font-size: 90%;

}

}





/*------------ Switcher Style ------------------*/

.w3-sidebar {

    height: 100%;

    width: 200px;

    background-color: #43525f;

    position: fixed!important;

    top: 0;

    z-index: +999;

    overflow: auto

}



.w3-animate-right {

    position: relative;

    animation: animateright .4s

}



@keyframes animateright {

    from {

        right: -300px;

        opacity: 0

    }

    to {

        right: 0;

        opacity: 1

    }

}



button.w3-bar-item.w3-button.w3-large {

    background: #2f3b46;

    border: none;

    width: 100%;

    padding: 10px 0;

    color: #889bab

}



button.w3-button.w3-teal.w3-xlarge.w3-right {

    background: #3b4b56;

    border: none;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    font-size: 25px;

    color: #728696;

    position: fixed;

    bottom: 15px;

    right: 15px

}



ul#styleOptions {

    margin: 30% 0 0;

    padding: 0

}



ul#styleOptions li {

    list-style: none;

    display: inline-block;

    margin: 5px

}



a.cl-box {

    width: 50px;

    height: 50px;

    border-radius: 5px;

    display: block;

    margin: 0 auto

}



a.cl-box.blue {

    background: #0084ff

}



a.cl-box.red {

    background: #dd2027

}



a.cl-box.purple {

    background: #aa68fc

}



a.cl-box.dark-red {

    background: #de185a

}



a.cl-box.green {

    background: #07b107

}



a.cl-box.orange {

    background: #ec5525

}



a.cl-box.sea-blue {

    background: #02b9b5

}



a.cl-box.pink {

    background: #ff569c

}



.spin {

    -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    -o-transition-duration: 1s;

    transition-duration: 1s;

    -webkit-animation-name: rotate;

    -webkit-animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-name: rotate;

    -moz-animation-duration: 2s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    animation-name: rotate;

    animation-duration: 2s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    position: absolute;

    top: 12px;

    left: 15px

}



@-webkit-keyframes rotate {

    from {

        -webkit-transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg)

    }

}



@-moz-keyframes rotate {

    from {

        -moz-transform: rotate(0)

    }

    to {

        -moz-transform: rotate(360deg)

    }

}



@keyframes rotate {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.nav-dark nav.navbar.bootsnav.navbar-transparent.white {background: #333!important;}

.input-group-addon {min-width: 45px;}



.dashboard header .nav ul .menu-inner .notifications, .dashboard header .nav ul .menu-inner .msg {width: 350px; padding: 0px; min-height: 300px;}

.dashboard header .nav ul .menu-inner .notifications li, .dashboard header .nav ul .menu-inner .msg li { padding: 0px; border-bottom: 1px solid #ccc;}

.dashboard header .nav ul .menu-inner .notifications li a, .dashboard header .nav ul .menu-inner .msg li a {padding: 10px 15px;}



.error_msg{

    text-align: left;

    padding: 10px;

    font-size: 13px;

    margin-bottom: 12px;

    color: #b94a48;

    background-color: #f2dede;

    border-color: rgb(238, 211, 215);

    width: 100%;

    border: 1px solid transparent;

    border-radius: 4px;

}



.help-inline{

    text-align: left !important;

    color: red !important;

    font-size: 12px;

}

.company_image{

    opacity: 0; margin: 0 auto; display: inline-block; width: 45px; margin-top: -25px; cursor: pointer;

}



.job-position {margin-top:10px;}



form.form-horizontal {

    padding: 20px;

    display: table;

    width: 100%;

    /*background: #0000009e;*/

}



#skill_title{

    border-radius: 5px;

    width: 25%;

    margin-right: 10px;

    line-height: 30px;

    border: 1px #ccc solid;

    padding-left: 5px;

}



#save_skill{

    padding: 6px 15px !important;

    line-height: 20px !important;

}



.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {

    padding: 11px !important;

}



.input-medium{

    padding: 6px;

    border-radius: 5px;

    border: 1px #ccc solid;

}

.editable-error-block{

    color: red !important;

    font-size: 12px !important;

}



.editable-clear-x {

    display: none !important;

}



.new_label{

    margin-right: 87px;

    margin-left: 14px;

}



.bold_css{

    color: #66727b;

    font-weight: 600 !important;

}



.bootstrap-select button{

    border: 1px solid #ccc !important;

    border-radius: 5px !important;

}



.not_found{

    text-align: center;

    font-size: 19px;

}



.user_online {color:#23ce00!important;}



.relative {position: relative;}

.overlay-black {position:absolute; top: 0px; right:0px; left: 0px; bottom: 0px; background: #0000007a;}

.m-t-b-20 {margin:20px 0px!important;}

.m-t-0 {margin-top:0px!important;}

.font-weight700{

    font-weight: 700;

}

.apply_css{

    background: #a7a7a7 !important;

}

.applied_css{

    background: #5cb85c !important;

}

.home_h1{

    text-align: center;

    color: #fff;

    font-weight: 600;

}

.text-l{

    text-align: left!important

}



.cover_letter{

    max-width:100%; min-height: 100px; min-width: 300px; max-height: 300px;

}

.noti_msg{

    white-space: initial; width: 100%; padding-right: 35px

}

.noti_img{

    float: left;margin-right: 8px;

}

.noti_div{

    position: absolute; right: 15px;

}

.noti_border_bottom{

    border-bottom: 1px solid #ccc;

}

.noti_a{

    padding: 3px 10px !important;

    line-height: 55px !important;

}



.word_break{

    word-break: break-all;

}



.slider_css{

    position: absolute;max-height:100vh;overflow: hidden; width: 100%;

}

.icon-css{

    float: right; margin-right: 30px; cursor: pointer; background: #37caa2; color: #fff; padding: 10px 12px; border-radius: 3px;

}



.text-align_l{

    text-align: left !important;

}



.education_select{

    float: left;

    margin-right: 5px;

    width: 23%;

}

.education_to{

    float: left;

    margin: 8px;

}

.education_div{

    border-bottom:1px solid #ccc; margin-bottom: 20px; position: relative;

}

.education_icon{

    position: absolute; top:10px; right:15px;

        z-index: 999999;

}

.headline_css{

    text-align: left; float: left; font-size: 28px; font-weight: 600; padding-top: 10px;

}



.stepwizard-step p {

    margin-top: 40px;

}



.stepwizard-step a {position:absolute; z-index: 99; left: 41%;}



.stepwizard-row {

    display: table-row;

}



.stepwizard {

    display: table;

    width: 100%;

    position: relative;

}



.stepwizard-step button[disabled] {

    opacity: 1 !important;

    filter: alpha(opacity=100) !important;

}



.stepwizard-step:nth-child:before {background-color: #066623;}





.stepwizard-step:before {

    top: 14px;

    bottom: 0;

    position: absolute;

    content: " ";

    width: 100%;

    height: 1px;

       background-color: #5cb85c!important;

    z-order: 0;

    left:0;

}



.step-complete.stepwizard-step:before {

    background-color: #5cb85c!important;

    height: 3px;

    margin-top: -1px;

}



.stepwizard-step {

    display: table-cell;

    text-align: center;

    position: relative;

        width: 20%;

}



.btn-circle {

  width: 30px;

  height: 30px;

  text-align: center;

  padding: 6px 0;

  font-size: 12px;

  line-height: 1.428571429;

  border-radius: 15px;

}



.stepwizard-step a.active {background:#2196f3; color: #fff;}



.step_complete{

    background-color: #5cb85c!important;

    color: #fff !important;

        border: 1px solid #5cb85c !important;

}



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

    .slider_css{max-height:100vh!important;}

}





.notifications{

    width: 400px !important;

    min-height: 50px;

    max-height: 300px;

    /*height:auto;*/

    overflow-y: scroll;

    overflow-x: hidden;

    padding: 10px 0 10px 10px;

}

::-webkit-scrollbar {

    width: 12px;

}

::-webkit-scrollbar-track {

    background-color: #333333;;

    border-left: 1px solid #ccc;

}

::-webkit-scrollbar-thumb {

    background-color: #ccc;

}

::-webkit-scrollbar-thumb:hover {

  background-color: #aaa;

}



.notifi_image{

    width:50px; height:50px;border-radius: 40px;

}



.offline_css{

    color: red !important;font-size: 21px;

}

.online_css{

   font-size: 21px;color: #32ea32 !important;

}

.noti_label{

    float: left;margin-right: 15px;

}

.modal-body{

    padding: 21px !important;

}

.modal_title{

    font-size: 20px;font-weight: 600;

}

.modal_content{

    padding-bottom:0px !important;padding: 6px;

}



.notifiy_badge{

    

    position: absolute;

    right: -7px;

    top: -10px;

    width: 18px;

    height: 18px;

    border-radius: 50%; display: inline-block; background: #f00; color: #fff; font-size: 12px; padding: 4px;

}

.noti_body{

    overflow: hidden; text-overflow: ellipsis; padding-right: 30px;margin: 0px;

}

li.video_call:hover{

    background-color: #fff !important;

}

.feedback_area{

    border-radius: 6px;margin-left: 16px;padding: 4px;

}

.feedback_save{

    margin-left: 18px;padding: 10px;margin-top: 5px;

}

.video_sub{

    position:absolute; right: 0px; bottom: 0px; width: 100px; height: 100px;z-index: 9999

}

.grid-view .brows-job-type span.apply-css {

    bottom:77px !important;

    background:#37caa2;

    top: auto;

    

}

.position-sticky{

    position: sticky !important;

}

.sorting-css{

    border-bottom: 1px solid #CCC;

    padding: 5px;

}

a.active{

    background-color: #ccc;

}

.ui-widget.ui-widget-content{

    font-family: 'Montserrat', sans-serif !important;

    width: 309px !important;

}

.ui-menu .ui-menu-item{

    border-bottom: 1px solid #ccc;

    padding: 10px;

}

.brows-job-position h3 a {

    color: #333;

}

.brows-job-position h3 a:hover {

    color:#37caa2;

}

#empty_div{

    text-align: center;

    font-weight: 700;

}

.upload_resume{

        opacity: 0;

    margin: 0 auto;

    display: inline-block;

    width: 128px;

    margin-top: -25px;

    cursor: pointer;

    position: absolute;

    padding: 12px;

    left: 0;

    top: 25px;

}

.resume-list{

    width: 49% !important;margin-bottom: 6px;border: 1px solid #ccc;border-radius: 5px;margin-right: 5px;

}



.promo_logo{

    opacity: 0;

    margin: 0 auto;

    display: inline-block;

    width: 208px;

    margin-top: -25px;

    cursor: pointer;

    position: absolute;

    padding: 12px;

    left: 15px;

    top: 104px;

}

.OT_bar.OT_edge-bar-item.OT_mode-auto {
    /*top:0px!important;*/
    opacity:1!important;
    display:none;
}
    

.OT_mirrored .OT_edge-bar-item.OT_mute.OT_mode-auto {
    top:50%!important;
    opacity:1!important;
    
}
.OT_subscriber .OT_mute {
    display:none!important;
}
.video-height {
    height:70vh!important;
}
.v-height-100 {
    height:calc(100vh - 60px)!important;
	
}
.mt-40 {
    margin-top:40px;
}
.v-center {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100vh;
}
.mx-auto {
    margin:0 auto;
    text-align:center;
}
.w-90 {
    width:90%;
} 
.video-navbar {
    position:absolute;
    right:0px;
    left:auto;
    top:-40px;
    height:40px;
    width:100%;
    text-align:right;
    z-index:999;
    background:rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
#videos {
    overflow:hidden;
}
#videos:hover .video-navbar {
    top:0px!important;
}
.video-navbar ul {
    float:right;
    text-align:right;
}
.video-navbar ul li {
    float:left;
    padding:7px 20px;
    list-style:none;
    border-left:1px solid #ffffff50;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.video-navbar ul li:hover {
    background-color:#37caa2;
}
.video-navbar ul li a {
    color:#fff;
    font-size:20px;
}


.video-navbar a.call-end {
    color:#ff4040
}
.red-txt {
    color:#ff4040;
}
.OT_publisher .OT_bar, .OT_subscriber .OT_bar {
    display:none!important;
}
.upload_resume_Profile {
    opacity: 0;
    margin: 0 auto;
    margin-top: -25px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
.h-80{
    min-height:80px!important;
}
.banner-logo img {
    position:static!important;
    max-width:100%!important;
}
.banner-logo h3 {
    margin-bottom:40px;
}
.banner-logo h4 {
  text-transform:capitalize;
  margin-bottom:20px;
}