@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wdth@85.6&family=Roboto+Condensed:wght@400;700&display=swap');
.alternative-font {
	font-family: "Georgia", serif !important;
}
.alternative-font-2 {
	font-family: "Roboto Condensed", sans-serif !important;
}
.alternative-font-6 {
	font-family: 'Montserrat:ital', Arial, sans-serif !important;
    font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
	color: #212529;
	font-weight: 200;
	letter-spacing: normal;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}
.lead {
	letter-spacing: normal;
	font-size: 19.2px;
	font-size: 1.2rem;
}
p {
	color: #000;
}
hr.solid {
	background: rgba(0, 0, 0, 0.9);
}
html body .btn-light,
html body .btn-outline.btn-light {
	border-color: #fff #fff #fff;
	color: #777;
}
.social-icons li:hover a {
	background: #151719;
	color: #FFF !important;
}

.social-icons li:hover.social-icons-twitter a {
	background: #DADADA !important;
}

.social-icons li:hover.social-icons-facebook a {
	background: #DADADA !important;
}

.social-icons li:hover.social-icons-linkedin a {
	background: #DADADA !important;
}
.social-icons li:hover.social-icons-instagram a {
	background: #DADADA !important;
}
.bg-black-06 {
 background:rgba(0,0,0,0.6) !important
}
.testimonial blockquote p {
	color: #FFF;
	font-family: 'Montserrat:ital', sans-serif;
	font-size: 1em;
    font-style: italic;
    padding: 0px;
    margin: 0px;
}
@media (min-width: 992px) {
	html:not(.sticky-header-active) #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a:not(:hover) {
		color: #000;
	}
}
	#header .header-nav-main nav > ul > li > a {
		font-size: 15px;
		letter-spacing: .5px;
	}
.list.list-ordened {
	counter-reset: custom-counter;
	list-style: none;
    list-style-image: url(../images/f-icon-ol.png);
    viewport: 250px;
}

.list.list-ordened li {
	position: relative;
	padding-left: 22px;
    list-style-image: url(../images/f-icon-ol.png); 
    min-width: 50px;
    color: #000;
}

.list.list-ordened li:before {
	position: absolute;
	top: -5px;
	left: -20px;
	content: counter(custom-counter);
	counter-increment: custom-counter;
	font-weight: normal;
    color: #56A0D3;
    list-style-image: url(../images/f-icon-ol.png);
    height: 30px;
}

.list.list-ordened.list-ordened-style-2 li, .list.list-ordened.list-ordened-style-3 li {
	padding-left: 32px;
}

.list.list-ordened.list-ordened-style-2 li:before, .list.list-ordened.list-ordened-style-3 li:before {
	border-radius: none;
	border-style: none;
	border-width: 0px;
	min-width: 26px;
	padding: 0;
	text-align: center;
}

.list.list-ordened.list-ordened-style-3 li:before {
	color: #FFF;
	border: 0;
}

.list.list-ordened.list-ordened-style-4 li:before {
    content: counter(custom-counter);
	counter-increment: custom-counter;
	list-style: none;
     background: url('../images/f-icon-ol.png') no-repeat left bottom;
        padding: 5px 10px 5px 25px;
        margin: 0;
        vertical-align: bottom;
      }

.image-list
{
	content: counter(custom-counter);
	counter-increment: custom-counter;
    list-style: none;
margin: 0;
padding: 0;
}

li.pdf li:before
{
content: counter(custom-counter);
counter-increment: custom-counter;
background-image: url('../images/f-icon-ol.png');
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
.page-header.page-header-modern.page-header-background {
    background-position: center center; 
}
.content {
    color: #212529;
	font-weight: 200;
	letter-spacing: normal;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}
.title {
    color: #212529;
	font-weight: 200;
	letter-spacing: normal;
	margin: 0;
    padding-left: 22px;
    font-style: italic;
	-webkit-font-smoothing: antialiased;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


/* ------------------------------------------------------------ *\
	Section Job
\* ------------------------------------------------------------ */

.section-job { height: 100vh; margin-top: -126px; overflow: hidden; }

.page-template-templatesemployers-split-page-php .section-job { margin-bottom: 48px; }

.section-job .col-1of2 { position: relative; height: 100vh; width: 50%; text-align: center; margin-top: 126px; }
.section-job .col-inner { height: 100vh; background: #7aced6; text-align: center; }

.page-template-templatesemployers-split-page-php .section-job .col-inner { background: #add8c6; }

.section-job .col-1of2:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: block; content: ""; z-index: 5; }
.open .section-job .col-1of2:before { width: 0%; }

.section-job .col .entry { position: absolute; top: 50%; left: 0; width: 100%; display: block; margin-top: -43px; opacity: 0;
	-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
	padding: 0 15px;
	box-sizing: border-box;
}
.open .section-job .col-1of2 +.col-1of2:before { left: auto; right: 0; }

.open .section-job .col .entry { opacity: 1; margin-top: -63px; }
.open .section-job .col .entry {
	-webkit-transition: 0.5s 0.9s;
			transition: 0.5s 0.9s;
}

.open .section-job .col-1of2:before {
	-webkit-transition: 0.5s 0.4s;
			transition: 0.5s 0.4s;
}

.section-job .col-1of2.fsr-container { background-position: center top; }
.section-job .col-inner:hover { background: rgba(122,206,214,0.78); }

.section-job .col:first-child .col-inner { background: rgba(224,30,38,0.78); }

.page-template-templatesemployers-split-page-php .section-job .col:first-child .col-inner { background: rgba(122, 206, 214, 0.78); }

.section-job h5,
.section-job p { font-family: 'Cassia', serif; }

.section-job h5 { padding-bottom: 13px; font-size: 24px; line-height: 1.2; color: #fff; letter-spacing: 0.02em; font-weight: 300; }
.section-job h5 em { font-style: italic; }

.section-job h1 { padding-bottom: 18px; font-size: 57px; line-height: 1; color: #fff; letter-spacing: 0.034em; font-weight: 700; text-transform: uppercase; }
.section-job p { padding-bottom: 30px; font-size: 22px; line-height: 1.27; letter-spacing: 0.02em; color: #fff; }
.section-job .btn-white { padding: 0 17px; letter-spacing: 0.06em; }

.section-job .btn-white:hover { border: 4px solid #ec9396; }
.employer-payroll a.btn-white:hover,
.section-job .col-1of2 +.col-1of2 .btn-white:hover { border: 4px solid #caebef; }
    .card {
        width: 130px;
        height: 195px;
        position: relative;
        display: inline-block;
        margin: 50px;
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .card:hover .img-top {
        display: inline;
    }