/*
Table Of Contents
 
 1.)  Typography
 2.)  Default Styles
 3.)  Header - Main
 4.)  Main - Content
 5.)  Footer - Main
 
 6.)  Inner - Pages
 7.)  HR Service & Technology Provider Main Category - Pages
 8.)  HR Service & Technology Provider Details - Page

 9.)  Modal
 10.) Background and Text - Colors / Wordpress Cores
 11.) Marketo Forms

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

/*
 1.) Typography
----------------------------------------*/
/* 
@import url("bootstrap.min.css") all;
@import url("animate.css") all;
@import url("mmenu.all.css") all;
@import url("all.min.css") all;
@import url("brands.min.css") all;
@import url("light.min.css") all;
@import url("regular.min.css") all;
@import url("solid.min.css") all;
@import url("fontawesome.min.css") all;

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-thin-webfont.eot');
    src: url('../../webfonts/brandontext-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-thin-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-thin-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-thin-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-thin-webfont.svg#Brandon Text') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-thinitalic-webfont.eot');
    src: url('../../webfonts/brandontext-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-thinitalic-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-thinitalic-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-thinitalic-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-thinitalic-webfont.svg#Brandon Text') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-light-webfont.eot');
    src: url('../../webfonts/brandontext-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-light-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-light-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-light-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-light-webfont.svg#Brandon Text') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-lightitalic-webfont.eot');
    src: url('../../webfonts/brandontext-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-lightitalic-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-lightitalic-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-lightitalic-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-lightitalic-webfont.svg#Brandon Text') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-regular-webfont.eot');
    src: url('../../webfonts/brandontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-regular-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-regular-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-regular-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-regular-webfont.svg#Brandon Text') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-regularitalic-webfont.eot');
    src: url('../../webfonts/brandontext-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-regularitalic-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-regularitalic-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-regularitalic-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-regularitalic-webfont.svg#Brandon Text') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-medium-webfont.eot');
    src: url('../../webfonts/brandontext-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-medium-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-medium-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-medium-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-medium-webfont.svg#Brandon Text') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-mediumitalic-webfont.eot');
    src: url('../../webfonts/brandontext-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-mediumitalic-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-mediumitalic-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-mediumitalic-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-mediumitalic-webfont.svg#Brandon Text') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-bold-webfont.eot');
    src: url('../../webfonts/brandontext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-bold-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-bold-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-bold-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-bold-webfont.svg#Brandon Text') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-bolditalic-webfont.eot');
    src: url('../../webfonts/brandontext-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-bolditalic-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-bolditalic-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-bolditalic-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-bolditalic-webfont.svg#Brandon Text') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-black-webfont.eot');
    src: url('../../webfonts/brandontext-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-black-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-black-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-black-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-black-webfont.svg#Brandon Text') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../../webfonts/brandontext-blackitalic-webfont.eot');
    src: url('../../webfonts/brandontext-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/brandontext-blackitalic-webfont.woff2') format('woff2'),
         url('../../webfonts/brandontext-blackitalic-webfont.woff') format('woff'),
         url('../../webfonts/brandontext-blackitalic-webfont.ttf') format('truetype'),
         url('../../webfonts/brandontext-blackitalic-webfont.svg#Brandon Text') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Grand Hotel Regular';
    src: url('../../webfonts/grandhotel-regular-webfont.eot');
    src: url('../../webfonts/grandhotel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/grandhotel-regular-webfont.woff2') format('woff2'),
         url('../../webfonts/grandhotel-regular-webfont.woff') format('woff'),
         url('../../webfonts/grandhotel-regular-webfont.ttf') format('truetype'),
         url('../../webfonts/grandhotel-regular-webfont.svg#Grand Hotel Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Walkway Black Regular';
    src: url('../../webfonts/walkway_black-webfont.eot');
    src: url('../../webfonts/walkway_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../webfonts/walkway_black-webfont.woff2') format('woff2'),
         url('../../webfonts/walkway_black-webfont.woff') format('woff'),
         url('../../webfonts/walkway_black-webfont.ttf') format('truetype'),
         url('../../webfonts/walkway_black-webfont.svg#Walkway Black Regular') format('svg');
    font-weight: 900;
    font-style: normal;
} */


/*
 2.) Default Styles
----------------------------------------*/

body {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-family: "Brandon Text", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #9fa2a3;
	line-height: 24px;
	background: #ffffff;
	margin: 0;
	padding: 0;
}

sub,
sup {
	font-size: 60%;
}

img {
	max-width: 100%;
}


/*= Links 
=======================================================*/

a {
	font-weight: 500;
	color: #21202f;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor: pointer;
	outline: 0;
}

a:hover,
a:focus,
a:active {
	color: #65A9DA;
	text-decoration: underline;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	outline: 0;
}

a:visited {
	outline: 0;
	text-decoration: none;
}

a[href^="tel:"], 
a[href^="fax:"] {
	color: #9fa2a3;
	text-decoration: none;
}

a:hover[href^="tel:"], 
a:focus[href^="tel:"], 
a:hover[href^="fax:"],
a:focus[href^="fax:"] {
	color: #65A9DA;
	text-decoration: underline;
}


/*= Headings: P, H1, H2, H3, H4, H5, H6 
=======================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	color: #000000;
	padding: 0 0 10px 0;
	margin: 0;
}

h1 a,
h2 a,
h3 a,
h4 a {
	font-weight: inherit;
}

h1 {
	font-size: 50px;
	line-height: 54px;
}

h2 {
	font-size: 28px;
	line-height: 32px;
}

h3 {
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
}

h4 {
	font-weight: 700;
	font-size: 16px;
	color: #21202f;
	line-height: 24px;
}

p {
	padding: 0 0 25px 0;
	margin: 0;
}

p:last-child {
	padding: 0 0 35px 0;
}

div:last-child > p:last-child {
	padding-bottom: 0;
}

em {
	font-style: italic; 
}

strong {
	font-weight: 700; 
}

.italic {
	font-style: italic; 
}

.light {
	font-weight: 300; 
}

.regular {
	font-weight: 400; 
}

.medium {
	font-weight: 500; 
}

.bold {
	font-weight: 700; 
}

.black-weight {
	font-weight: 900; 
}

.upper-case { 
	text-transform: uppercase;
}

.lower-case { 
	text-transform: none;
}

.txt-lrg {
	font-size: 24px;
	line-height: 28px;
}

@media (max-width: 991px) {
h1 {
	font-size: 42px;
	line-height: 46px;
}
}

@media (max-width: 767px) {
h1 {
	font-size: 35px;
	line-height: 39px;
}

h2 {
	font-size: 24px;
	line-height: 28px;
}

h3 {
	font-size: 20px;
	line-height: 24px;
}
p {
	padding: 0 0 20px 0;
	margin: 0;
}

p:last-child {
	padding: 0 0 30px 0;
}
}



/*= Unorder List 
=======================================================*/

.tab-content ul,
.tab-content ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tab-content li {
	position: relative;
	padding: 0 0 11px 15px;
	margin: 0;
}

.tab-content ul:last-child,
.tab-content ol:last-child {
	padding-bottom: 35px;
}

.tab-content li:last-child {
	padding-bottom: 25px;
}

.tab-content ul:last-child li:last-child,
.tab-content ol:last-child li:last-child {
	padding-bottom: 0;
}

.tab-content ul li::before {
	content: "";
	width: 6px;
	height: 6px;
	float: left;
	line-height: 6px;
	background: #9fa2a3;
	border-radius: 360px; 
	position: absolute;
	top: 9px;
	left: 0;
}

.tab-content li ul,
.tab-content li ol {
	padding-top: 11px;
}

.tab-content li ul li::before {
	content: "-";
	background: none;
}

.tab-content li ul:last-child,
.tab-content li ol:last-child {
	padding-bottom: 0;
}

.tab-content li ul li:last-child,
.tab-content li ul li:last-child {
	padding-bottom: 0;
}

@media (max-width: 767px) {
	.tab-content ul:last-child,
	.tab-content ol:last-child {
		padding-bottom: 30px;
	}

	.tab-content li:last-child {
		padding-bottom: 20px;
	}

	.tab-content ul li::before {
		width: 5px;
		height: 5px;
		line-height: 5px;
		top: 8px;
	}

	.tab-content li {
		padding: 0 0 8px 12px;
	}

	.tab-content li ul,
	.tab-content li ol {
		padding-top: 8px;
	}
}


/*= Order List 
=======================================================*/

ol {
	counter-reset: item;
}

ol > li {
	counter-increment: item;
	padding-left: 25px;
}

ol > li::before {
	content: counter(item) ".";
	font-weight: 700;
	color: #9fa2a3;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}

@media (max-width: 767px) {
ol > li {
	padding-left: 20px;
}
}


/* #Input Styles
================================================= */
/* 
textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

input,
textarea,
select {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

label {
	width: 100%;
	float: left;
	font-weight: 500;
	font-size: 18px;
	color: #000000;
	line-height: 22px;
	text-transform: none;
	padding: 0 0 12px 0;
	margin: 0;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	width: 100%;
	height: 42px;
	float: left;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
	background: #ffffff;
	border: 1px solid #a8a9ab;
	border-radius: 4px;
	outline: none;
	position: relative;
	padding: 12px 20px;
	margin: 0;
}

textarea {
	height: 87px;
	outline: none;
	resize: none;
}

select {
	background-image: url(../../images/marketplace/arrow-down-select.png);
	background-size: 27px auto;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-top: 0;
	padding-right: 35px;
	padding-bottom: 0;
}

select::-ms-expand {
	display:none;
}

/* select - Colored */
select.colorize option:not([disabled]) {
	color: #2e2e2e;
}

select.colorize option.def:not([disabled]),
select.colorize.empty:not([disabled]) {
	color: #9fa2a3;
}

::-webkit-input-placeholder, 
::-webkit-textarea-placeholder {
	color: #9fa2a3;
}

input::-moz-placeholder, 
textarea::-moz-placeholder {
	color: #9fa2a3;
}

::-moz-placeholder {
	color: #9fa2a3;
}

::-ms-input-placeholder {
	color: #9fa2a3;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	outline: 0;
	border-color: #65A9DA;
}

@media (max-width: 767px) {
label {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 10px;
}
} */


/* #Buttons
================================================== */

.btn-dots {
	float: none;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.btn-dots:after {
	content: "";
	width: 19px;
	height: 28px;
	float: left;
	background: url(../png/dott-blue.png) no-repeat bottom left;
	background-size: 100% auto;
	position: absolute;
	bottom: -7px;
	left: -7px;
}

.btn-dots.gray:after {
	background-image: url(../png/dott-gray.png);
}

.btn-dots.gray2:after {
	width: 68px;
	height: 61px;
	background-image: url(../png/dott-gray2.png);
	bottom: -24px;
	left: -15px;
}

.btn,
button,
input[type="button"],
input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	font-size: 14px;
	color: #ffffff;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	text-transform: inherit;
	white-space: normal;
	background: #65A9DA;
	border: none;
	border-radius: 6px;
	box-shadow: none;
	position: relative;
	cursor: pointer;
	outline: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 1;
	padding: 14px 30px;
	margin: 0;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
.btn.active:focus,
button:hover,
button:focus,
button:active,
button:active:focus,
button.active,
button.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active,
input[type="submit"].active:focus,
.btn:not(:disabled):not(.disabled).active, 
.btn:not(:disabled):not(.disabled):active  {
	color: #ffffff;
	text-decoration: none; 
	background-color: #1fc4f2;
	box-shadow: none;
	outline: 0;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.blank, 
button.blank, 
input.blank[type="button"], 
input.blank[type="submit"] { 
	color: #65A9DA;
	background: #ffffff;
	box-shadow: inset #65A9DA 0 0 0 2px;
}

.blank:hover, 
.blank:focus, 
.blank:active, 
.blank:active:focus, 
.blank.active, 
.blank.active:focus, 
button.blank:hover, 
button.blank:focus, 
button.blank:active, 
button.blank:active:focus, 
button.blank.active, 
button.blank.active:focus, 
input.blank[type="button"]:hover, 
input.blank[type="button"]:focus, 
input.blank[type="button"]:active, 
input.blank[type="button"]:active:focus, 
input.blank[type="button"].active, 
input.blank[type="button"].active:focus, 
input.blank[type="submit"]:hover, 
input.blank[type="submit"]:focus, 
input.blank[type="submit"]:active, 
input.blank[type="submit"]:active:focus, 
input.blank[type="submit"].active, 
input.blank[type="submit"].active:focus,
.blank:not(:disabled):not(.disabled).active, 
.blank:not(:disabled):not(.disabled):active { 
	color: #ffffff;
	background: #65A9DA;
}

.blank-gray, 
button.blank-gray, 
input.blank-gray[type="button"], 
input.blank-gray[type="submit"] { 
	color: #9fa2a3;
	background: #ffffff;
	box-shadow: inset #9fa2a3 0 0 0 2px;
}

.blank-gray:hover, 
.blank-gray:focus, 
.blank-gray:active, 
.blank-gray:active:focus, 
.blank-gray.active, 
.blank-gray.active:focus, 
button.blank-gray:hover, 
button.blank-gray:focus, 
button.blank-gray:active, 
button.blank-gray:active:focus, 
button.blank-gray.active, 
button.blank-gray.active:focus, 
input.blank-gray[type="button"]:hover, 
input.blank-gray[type="button"]:focus, 
input.blank-gray[type="button"]:active, 
input.blank-gray[type="button"]:active:focus, 
input.blank-gray[type="button"].active, 
input.blank-gray[type="button"].active:focus, 
input.blank-gray[type="submit"]:hover, 
input.blank-gray[type="submit"]:focus, 
input.blank-gray[type="submit"]:active, 
input.blank-gray[type="submit"]:active:focus, 
input.blank-gray[type="submit"].active, 
input.blank-gray[type="submit"].active:focus,
.blank-gray:not(:disabled):not(.disabled).active, 
.blank-gray:not(:disabled):not(.disabled):active { 
	color: #ffffff;
	background: #9fa2a3;
}

.btn-out {
	width: 100%;
	float: none;
	display: inline-block;
}


/* #Owl-carousel
=======================================================*/

.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
 @-webkit-keyframes 
fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes 
fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}

.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	display: flex;
    align-items: center;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev, 
.owl-carousel .owl-controls .owl-nav .owl-next, 
.owl-carousel .owl-controls .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
	display: none;
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel .owl-item img {
	height:auto;
	display: inline-block;
	max-width: 100%;
	-webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.no-js .owl-carousel {
	display: block;
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
	height:auto;
	transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(../owl.video.play-2.html) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, 
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}


/* #Slider Controls
================================================== */

.owl-controls {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

/* Previous and Next */
.owl-nav div {
	width: 40px;
	height: 50px;
	float: left;
	background: none;
	border-radius: 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -99999px;
	margin: -25px 0 0 0;
}

.owl-nav div:before {
	width: 100%;
	height: 100%;
	float: left;
	font-family: "Font Awesome\ 5 Pro"; 
	font-weight: 900;
	font-size: 26px;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	text-indent: 0;
	background: #dceff4;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.owl-nav div:hover:before {
	background: #65A9DA;
}

.owl-nav .owl-prev {
	left: 0;
}

.owl-nav .owl-prev:before {
	content: "\f053";
}

.owl-nav .owl-next {
	right: 0;
}

.owl-nav .owl-next:before {
	content: "\f054";
}

.owl-nav.disabled {
	display: none;
}

@media (max-width: 767px) {
.owl-nav div {
	width: 30px;
	height: 40px;
	margin: -20px 0 0 0;
}

.owl-nav div:before {
	font-size: 22px;
	line-height: 40px;
}
}


/* Bullets */
.owl-dots {
	width: 100%; 
	float: left;
	text-align: center;
	margin: 25px 0 -5px 0;
}

.owl-dots .owl-dot {
	width: 11px;
	height: 11px;
	float: none;
	display: inline-block;
	vertical-align: top;
	line-height: 1px;
	background: #e5f7fc;
	border-radius: 360px;
	text-indent: -9999px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor: pointer;
	padding: 0;
	margin: 5px;
}

.owl-dots .owl-dot:hover,
.owl-dots .owl-dot.active {
	background: #65A9DA;
}

.owl-dots.disabled {
	display: none;
}

@media (max-width: 767px) {
.owl-dots {
	margin: 20px 0 -5px 0;
}
}


/* Table */
table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}


/* Figure */
figure { 
	padding: 0;
	margin: 0;
}


/*= Container - Main
=======================================================*/

.container-main {
	width: 100%;
	float: left;
	position: static;
	overflow: hidden;
}

.container {
	width: 100%;
	max-width: 1330px;
	padding: 0 40px;
}

@media (max-width: 767px) {
.container {
	width: 100%;
	max-width: 540px;
	padding: 0 20px;
}
}


/*
 3.) Header - Main
----------------------------------------*/

.header-main {
	width: 100%;
	height: 106px;
	float: left;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: relative;
	z-index: 5;
}

@media (max-width: 1199px) {
.header-main {
	height: 90px;
}
}

@media (max-width: 767px) {
.header-main {
	height: 70px;
}
}


/* Site Brand */
.header-main .brand {
	float: left;
	text-align: center;
	position: relative;
	z-index: 1;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	margin: 40px -500px 0 0;
}

.header-main .brand img {
	width: 100%;
	max-width: 245px;
	vertical-align: top;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

@media (max-width: 1199px) {
.header-main .brand {
	margin-top: 33px;
}
}

@media (max-width: 767px) {
.header-main .brand {
	margin-top: 24px;
}

.header-main .brand img {
	max-width: 220px;
}
}


/*
 4.) Main - Content
----------------------------------------*/

.main-content {
	width: 100%;
	float: left;
}


/* CNT - Label */
.cnt-label {
	font-weight: 500;
	font-style: italic;
	color: #65A9DA!important;
}

.cnt-label i {
	font-size: 11px;
}


/* Icon - Box */
.icon-box {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.icon-box .icon {
	width: 40px;
	height: 40px;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
	background: #65A9DA;
	position: relative;
	padding: 0 0 0 3px;
	margin: 0 0 5px 0;
}

/* .icon-box .icon:after {
	content: "";
	width: 22px;
	height: 19px;
	float: left;
	background: url(../../images/marketplace/dott-blue-white.png) no-repeat top left;
	background-size: 100% auto;
	position: absolute;
	top: 9px;
	left: -16px;
} */

.icon-box .txt-sml {
	font-weight: 600;
	font-style: italic;
	font-size: 13px;
	color: #000;
	line-height: 17px;
}


/* Search - Box */
.search-box-out {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.cat_search.search-box-out { text-align: right; }
.cat_search.search-box-out .breadcrumb { width: auto;  float: left;  padding: 10px 0; }

.search-box {
	width: 100%;
	max-width: 380px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.search-box form {
	width: 100%;
	height: 44px;
	float: left;
	background: #ffffff;
	border: 2px solid #e1e6e8;
	border-radius: 4px;
	position: relative;
	padding: 0 40px 0 0;
	margin: 0;
}

.search-box form textarea, .search-box form select, .search-box form input[type="text"], .search-box form input[type="password"], .search-box form input[type="datetime"], .search-box form input[type="datetime-local"], .search-box form input[type="date"], .search-box forminput[type="month"], .search-box form input[type="time"], .search-box form input[type="week"], .search-box form input[type="number"], .search-box form input[type="email"], .search-box form input[type="url"], .search-box form input[type="search"], .search-box form input[type="tel"], .search-box form input[type="color"], .search-box form .uneditable-input {
	height: 40px;
	font-size: 18px;
	line-height: 22px;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 5px 13px;
	margin: 0;
}

.search-box form .btn, .search-box form button, .search-box form input[type="button"], .search-box form input[type="submit"] {
	width: 40px;
	height: 40px;
	float: right;
	line-height: 40px;
	background-repeat: no-repeat;
	background-image: url(../png/icon-search.png);
	background-position: center;
	background-size: 19px auto;
	border-radius: 0 3px 3px 0;
	text-indent: -9999px;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}

@media (max-width: 767px) {
    .search-box {
	   max-width: 100%;
    }
    .cat_search.search-box-out .breadcrumb { 
        padding: 10px 0 20px 0; 
    }
}


/* Hero - Main */
.hero-main {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 0 -102px 0;
}

.hero-main .container-max {
	width: 100%;
	max-width: 1370px;
	margin: 0 auto;
}

.hero-main .hero-cont {
	width: 100%;
	float: left;
	background-color: #5a1f89;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
	position: relative;
	padding: 78px 0 143px 0;
}

.hero-main .hero-cont:after {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: #610da4;
	background: -webkit-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: -o-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: -moz-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#610da4', endColorstr='#3f77ca', GradientType=1);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.70;
}

.hero-main .hero-cont:before {
	content: "";
	width: 105px;
	height: 108px;
	float: left;
	background: url(../png/dott-blue-white2.png) no-repeat top left;
	background-size: 100% auto;
	position: absolute;
	top: 62px;
	left: -34px;
	z-index: 1;
}

.hero-main .hero-cont .container {
	position: relative;
	z-index: 2;
}

.hero-main .hero-cont h1 {
	font-size: 50px;
	color: #ffffff;
	line-height: 55px;
	padding: 0 0 25px 0;
}


.hero-main .hero-cont p {
	font-size: 22px;
	color: rgba(255, 255, 255, .70);
	line-height: 26px;
	padding: 0;
}

.hero-main .hero-cont aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 991px) {
.hero-main .hero-cont h1 {
	font-size: 40px;
	line-height: 45px;
	padding: 0 0 20px 0;
}

.hero-main .hero-cont p {
	font-size: 20px;
	line-height: 24px;
}

.hero-main .hero-cont aside {
	padding: 0 30px;
}
}

@media (max-width: 767px) {
.hero-main .hero-cont {
	padding: 50px 0 145px 0;
}

.hero-main .hero-cont:before {
	width: 50px;
	height: 51px;
	top: 45px;
	left: -27px;
}

.hero-main .hero-cont h1 {
	font-size: 36px;
	line-height: 40px;
	padding: 0 0 20px 0;
}

.hero-main .hero-cont p {
	font-size: 18px;
	line-height: 22px;
}

.hero-main .hero-cont aside {
	padding: 0 10px;
}
}


/* Top - Slider */
.top-slider {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	padding: 16px 0;
}

.top-slider .article {
	width: 100%;
	height: 100%;
	float: left;
	background: #ffffff;
	border: 2px solid #ccedf8;
	border-radius: 4px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border: 2px solid #edf3f5;
}

/* .top-slider .article.stat-preferred{border: 2px solid #ccedf8;} */

.top-slider .article:hover {
	border-color: #65A9DA;
}

.top-slider .article > a {
	width: 100%;
	float: left;
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
}

.top-slider .article > a:hover {
	color: inherit;
	text-decoration: none;
}

.top-slider .article .heading-bar {
	width: 100%;
	height: 76px;
	float: left;
	padding: 0 12px 0 20px;
}

.top-slider .article .heading-bar .category-name {
	width: 80%;
	height: 76px;
	float: left;
	font-weight: 500;
	font-style: italic;
	font-size: 15px;
	color: #556473;
	line-height: 24px;
	padding-top: 10px;
}

.top-slider .article .heading-bar .icon {
	/*width: 30px;
	height: 30px;
	float: right;
	font-size: 12px;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	background: #65A9DA;
	position: relative;
	padding: 0 0 0 3px;
	margin: 11px 0 5px -50px;*/
	color: #a8a9ab;
    background: #f5f8f9;
}

.top-slider .article .heading-bar .icon-box{ 
	float: right;
    text-align: right;
    position: absolute;
    top: 12px;
    right: 12px;
    width: auto;}

.top-slider .article .heading-bar .icon-box .txt-sml{ color: #a8a9ab;}

.top-slider .article.stat-preferred  .heading-bar .icon{ background: #65A9DA;  color: #FFF;}
.top-slider .article.stat-preferred .heading-bar .icon-box .txt-sml{color: #65A9DA;}

.top-slider .article .heading-bar .icon:after {
	content: "";
	width: 17px;
	height: 15px;
	float: left;
	background: url(../png/dott-blue-white.png) no-repeat top left;
	background-size: 100% auto;
	position: absolute;
	bottom: 8px;
	left: -12px;
}

.top-slider .article figure {
	width: 99.4%;
    height: 140px;
    float: none;
    line-height: 140px;
    text-align: center;
    background: #ccedf8;
    padding: 0 20px;
    display: inline-block;
}

.top-slider .article figure img {
	max-width: 200px;
	/* max-height: 55px; */
	max-height: 100px;
}

.top-slider .article aside {
	width: 100%;
	float: left;
	padding: 25px 20px;
}

.top-slider .article aside h3 {
	color: #21202f;
	padding: 0 0 10px 0;
}

.top-slider .article aside p {
	font-size: 14px;
	padding: 0;
}

.top-slider .yellow-bg figure {
	background-color: #f7c419;
}

.top-slider .green-bg figure {
	background-color: #00b090;
}

.top-slider .blue-bg figure {
	background-color: #324eac;
}

.top-slider .blue-dk-bg figure {
	background-color: #003367;
}

.top-slider .blue-lt-bg figure {
	background-color: #f5f8f9;
}

.top-slider .owl-carousel {
	padding: 0 50px;
}

.top-slider .owl-stage {
	display: flex;
	flex-wrap: wrap;
	align-items: inherit;
}

.top-slider .owl-item {
	display: inline;
	display: flex;
    flex: 1 0 auto;
}

.top-slider .owl-nav .owl-prev {
	left: -20px;
}

.top-slider .owl-nav .owl-next {
	right: -20px;
}

@media (max-width: 991px) {
.top-slider .owl-nav .owl-prev {
	left: -10px;
}

.top-slider .owl-nav .owl-next {
	right: -10px;
}
}

@media (max-width: 767px) {
.top-slider {
	padding: 0 0 55px 0;
}

.top-slider .owl-carousel {
	padding: 0 30px;
}
}


/* Provider - Types */
.provider-types {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 100px 0;
}

.provider-types h2 {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	padding: 0 0 50px 0;
}


.provider-types .article {
	width: 45%;
	float: left;
	margin: 2.5%;
}

.provider-types .article .box {
	width: 100%;
	height: 100%;
	float: left;
	font-weight: inherit;
	text-align: left;
	text-decoration: none;
	border: 2px solid #79d4ee;
	border-radius: 4px;
	position: relative;
	padding: 40px 30px 30px 145px;
}

.provider-types .article .box:after {
	content: "";
	width: 27px;
	height: 28px;
	float: left;
	background: url(../png/dott-blue-white3.png) no-repeat top left;
	background-size: 27px auto;
	position: absolute;
	top: -11px;
	right: -11px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.provider-types .article .box:before {
	content: "";
	width: 140px;
	height: 100%;
	float: left;
	background: url(../png/icon-11.png) no-repeat center 34px;
	background-size: 66px auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: absolute;
	top: 0;
	left: 0;
}

.provider-types .article h3 {
	color: #21202f;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0 0 5px 0;
}

.provider-types .article p {
	color: #556473;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0 0 20px 0;
}

.provider-types .article .view-more {
	font-weight: 700;
	color: #65A9DA;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.provider-types .article .view-more i {
	margin: 0 0 0 3px;
}

/* .provider-types .article:nth-child(2) .box:before {
	background-image: url(../../images/marketplace/icon-12.png);
	background-size: 77px auto;
	background-position: center 38px;
} */

.provider-types .article .box:hover {
	background: #65A9DA;
	border-color: #65A9DA;
}

.provider-types .article .box:hover:before {
	background-image: url(../png/icon-11-white.png);
}

.provider-types .article .box:hover:after {
	background-image: url(../png/dott-blue-white4.png);
}

.provider-types .article .box:hover h3, 
.provider-types .article .box:hover p, 
.provider-types .article .box:hover .view-more {
	color: #ffffff;
}

/* .provider-types .article:nth-child(2) .box:hover:before {
	background-image: url(../../images/marketplace/icon-12-white.png);
} */

.provider-types .article-out {
	width: 105%;
	float: left;
	margin: -2.5%;
}

@media (max-width: 991px) {
.provider-types .article .box {
	padding: 35px 15px 30px 108px;
}

.provider-types .article .box:before {
	width: 108px;
	background-size: 58px auto;
	background-position: center 38px;
}

.provider-types .article:nth-child(2) .box:before {
	background-size: 67px auto;
	background-position: center 40px;
}
}

@media (max-width: 767px) {
.provider-types {
	padding: 0 0 65px 0;
}

.provider-types h2 {
	font-size: 24px;
	line-height: 28px;
	padding: 0 0 35px 0;
}

.provider-types .article {
	width: 100%;
	margin: 0 0 30px 0;
}

.provider-types .article .box {
	padding: 35px 15px 30px 108px;
}

.provider-types .article .box:before {
	width: 108px;
	background-size: 58px auto;
	background-position: center 38px;
}

.provider-types .article:nth-child(2) .box:before {
	background-size: 67px auto;
	background-position: center 40px;
}

.provider-types .article-out {
	width: 100%;
	margin: 0 0 -30px 0;
}
}


/* Category - List */
.category-list {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 65px 0;
}

.category-list h2 {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	padding: 0 0 50px 0;
}

.category-list .article {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	display: inline;
	padding: 25px;
}

.category-list .article .box {
	width: 100%;
	height: 100%;
	float: left;
	font-weight: inherit;
	text-decoration: none;
	background: #f6f9fa;
	overflow: hidden;
	padding: 25px 20px;
}

.category-list .article .icon-out {
	width: 100%;
	height: 60px;
	float: left;
	line-height: 60px;
	margin-bottom: 8px;
}

.category-list .article .icon-out img {
    width: auto;
    max-height: 50px;
    max-width: 65px;
    
	/* max-width: 50px; */
	/*max-height: 45px;*/
	display: inline-block;
	vertical-align: middle;
}

.category-list .article aside {
	width: 100%;
	max-width: 300px;
	float: none;
	display: inline-block;
	padding-bottom: 15px;
}

.category-list .article aside h3 {
	font-size: 20px;
	color: #21202f;
	line-height: 24px;
	padding: 0 0 8px 0;
}

.category-list .article aside p {
	font-weight: 500;
	font-size: 14px;
	color: #5e6167;
	line-height: 20px;
	padding: 0 0 15px 0;
}

.category-list .article aside .view-more {
	font-weight: 700;
	color: #000000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.category-list .article aside .view-more i {
	color: #65A9DA;
	margin: 0 0 0 3px;
}

.category-list .article .box:hover {
	color: inherit;
	text-decoration: none;
	background: #e5f7fc;
}

.category-list .article .box:hover .view-more {
	color: #65A9DA;
}

.category-list .article .box:hover .view-more i {
	color: #65A9DA;
}

.category-list .article-out {
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: flex;
	padding: 0 20px;
	margin: -25px;
}

@media (max-width: 1239px) {
.category-list .article {
	padding: 20px;
}

.category-list .article-out {
	padding: 0;
	margin: -20px;
}
}

@media (max-width: 1199px) {
.category-list .article {
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
}
}

@media (max-width: 991px) {
.category-list .article {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
}

@media (max-width: 767px) {
.category-list {
	padding: 0 0 40px 0;
}

.category-list h2 {
	font-size: 24px;
	line-height: 28px;
	padding: 0 0 35px 0;
}

.category-list .article {
	padding: 12px;
}

.category-list .article-out {
	margin: -12px;
}
}

@media (max-width: 519px) {
.category-list .article {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 0 20px 0;
}

.category-list .article-out {
	margin: 0 0 -20px 0;
}
}


/* Category - Directory */
.category-directory {
	width: 100%;
	float: left;
	background: #f5f8f9;
	padding: 55px 0 80px 0;
}

.category-directory h2 {
	width: 100%;
	float: none;
	display: inline-block;
	font-weight: 500;
	font-style: italic;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	padding: 0 0 35px 0;
}

.category-directory .search-box-out {
	text-align: center;
	padding: 0;
	margin: 0 0 50px 0;
}

.category-directory .search-box {
	max-width: 345px;
}

.category-directory .article {
	width: 50%;
	max-width: 340px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0;
}

.category-directory .article .icon-out {
	width: 100%;
	height: 50px;
	float: left;
	line-height: 50px;
	margin-bottom: 20px;
}

.category-directory .article .icon-out img {
	max-width: 45px;
	max-height: 45px;
	display: inline-block;
	vertical-align: bottom;
}

.category-directory .article:nth-child(2) .icon-out img {
	max-width: 50px;
}

.category-directory .article h4 {
	font-weight: 900;
	font-size: 14px;
	color: #65A9DA;
	line-height: 18px;
	text-transform: uppercase;
	padding: 0 0 13px 0;
}

.category-directory .article ul {
	padding: 0;
	margin: 0;
}

.category-directory .article ul li {
	font-weight: 500;
	color: #21202f;
	padding: 0 0 5px 0;
	margin: 0;
}

.category-directory .article ul li:last-child {
	padding-bottom: 0;
}

.category-directory .article ul li:before {
	display: none;
}

.category-directory .article ul li a {
	font-weight: inherit;
	color: #21202f;
}

.category-directory .article ul li a:hover {
	color: #65A9DA;
}

.category-directory .article-out {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0;
}

@media (max-width: 767px) {
.category-directory {
	padding: 40px 0 50px 0;
}

.category-directory h2 {
	padding: 0 0 30px 0;
}

.category-directory .search-box-out {
	margin: 0 0 35px 0;
}

.category-directory .article {
	width: 100%;
	max-width: 100%;
	margin-bottom: 35px;
}

.category-directory .article:last-child {
	margin-bottom: 0;
}
}


/*
5.) Footer - Main
----------------------------------------*/

.footer-main {
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 20px;
	border-top: 2px solid #edf3f5;
	padding: 18px 0;
}

.footer-main p {
	width: 50%;
	float: left;
	padding: 18px 0;
}

.footer-main p a {
	font-weight: 700;
	color: #9fa2a3;
}

.footer-main p a:hover {
	color: #65A9DA;
}

.footer-main p:nth-child(even) {
	text-align: right;
}

@media (max-width: 991px) {
.footer-main {
	padding: 15px 0;
}

.footer-main p {
	padding: 15px 0;
}
}

@media (max-width: 767px) {
.footer-main {
	padding: 10px 0;
}

.footer-main p {
	padding: 10px 0;
}
}

@media (max-width: 639px) {
.footer-main {
	padding: 25px 0;
}

.footer-main p {
	width: 100%;
	text-align: center;
	padding: 3px 0;
}

.footer-main p:nth-child(even) {
	text-align: center;
}
}


/*
 6.) Inner - Pages
----------------------------------------*/

/* Breadcrumb */
.breadcrumb {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	background: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

.breadcrumb ul {
	float: left;
	position: relative;
	padding: 0;
	margin: -5px -10px;
}

.breadcrumb ul:before {
	content: "";
	width: 68px;
	height: 61px;
	background: url(../png/dott-gray3.png) no-repeat top left;
	background-size: 100% auto;
	position: absolute;
	top: -30px;
	left: -45px;
}

.breadcrumb ul li {
	float: left;
	font-weight: 700;
	font-size: 14px;
	color: #000000;
	line-height: 20px;
	padding: 0 10px;
	margin: 5px 0;
}

.breadcrumb ul li:before {
	display: none;
}

.breadcrumb ul li:after {
	content: "";
	width: 1px;
	height: 13px;
	float: left;
	background: #9fa2a3;
	position: absolute;
	top: 4px;
	right: 0;
}

.breadcrumb ul li:last-child:after {
	display: none;
}

.breadcrumb ul li a {
	font-weight: 500;
	color: #9fa2a3;
}

.breadcrumb ul li a:hover {
	color: #65A9DA;
}


/* Top Strap - Content */
.top-strap-cont {
	width: 100%;
	float: left;
	padding: 0 0 30px 0;
}

.top-strap-cont .figure-out {
	width: 418px;
	float: right;
	position: relative;
	margin: -106px -40px 0 -500px;
}

.top-strap-cont .figure-out:before {
	content: "";
	width: 19px;
	height: 28px;
	float: left;
	background: url(../png/dott-blue.png) no-repeat top center;
	background-size: 19px auto;
	position: absolute;
	bottom: -7px;
	right: -7px;
}

.top-strap-cont .figure-out figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.top-strap-cont .figure-out figure:after {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: #610da4;
	background: -webkit-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: -o-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: -moz-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#610da4', endColorstr='#3f77ca', GradientType=1);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.70;
}

.top-strap-cont .figure-out figure img {
	width: 100%;
}

.top-strap-cont .figure-out .icon-dots {
	width: 110px;
	height: 110px;
	float: left;
	position: absolute;
	bottom: 55px;
	left: -55px;
	z-index: 2;
}

.top-strap-cont .figure-out .icon-dots:before {
	content: "";
	width: 43px;
	height: 44px;
	float: left;
	background: url(../png/dott-gray4.png) no-repeat top center;
	background-size: 43px auto;
	position: absolute;
	top: -24px;
	right: -23px;
}

.top-strap-cont .figure-out .icon {
	width: 110px;
	height: 110px;
	float: left;
	font-weight: 700;
	font-size: 30px;
	color: #ffffff;
	line-height: 88px;
	text-align: center;
	background: #65A9DA;
	border: 8px solid #ffffff;
	position: relative;
	z-index: 1;
	box-shadow: 0px 0px 21px rgba(0,0,0,0.17);
}

.top-strap-cont .figure-out .icon img {
	width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.top-strap-cont .left-out {
	width: 100%;
	float: left;
	padding: 33px 450px 0 0;
}

.top-strap-cont.cat_count .left-out h1 { min-height:10px; padding-bottom: 20px; }

.top-strap-cont .left-out h1 {
	width: 100%;
	min-height: 120px;
	float: none;
	display: inline-block;
	padding-bottom: 35px;
}

@media (max-width: 1199px) {
.top-strap-cont .figure-out {
	width: 390px;
	margin-top: -90px;
}

.top-strap-cont .left-out {
	padding-right: 430px;
}

.top-strap-cont .left-out h1 {
	min-height: 125px;
}
}

@media (max-width: 991px) {
.top-strap-cont .figure-out {
	width: 300px;
	margin-top: -90px;
}

.top-strap-cont .figure-out .icon-dots {
	width: 80px;
	height: 80px;
	bottom: 20px;
	left: -40px;
}

.top-strap-cont .figure-out .icon {
	width: 80px;
	height: 80px;
	line-height: 62px;
	border-width: 5px;
}

.top-strap-cont .left-out {
	padding-right: 350px;
}

.top-strap-cont .left-out h1 {
	min-height: 110px;
}
}

@media (max-width: 767px) {
.top-strap-cont {
    padding: 0 0 20px 0;
}
.top-strap-cont .figure-out {
	width: auto;
	margin: 0 -20px 60px -20px;
}

.top-strap-cont .figure-out .icon-dots {
	bottom: -40px;
	left: 50%;
	margin: 0 0 0 -40px;
}

.top-strap-cont .left-out {
	padding: 0;
}

.top-strap-cont .left-out h1 {
	min-height: inherit;
	padding-bottom: 35px;
}
}


/* Content - Inner */
.content-inner {
	width: 100%;
	float: left;
	padding: 40px 0 80px 0;
}

@media (min-width: 992px) {
.cust-row .col-lg-3 {
	-ms-flex: 0 0 28%;
	flex: 0 0 28%;
	max-width: 28%;
}

.cust-row .col-lg-9 {
	-ms-flex: 0 0 72%;
	flex: 0 0 72%;
	max-width: 72%;
}
}

@media (min-width: 1200px) {
.cust-row .col-lg-3 {
	-ms-flex: 0 0 23%;
	flex: 0 0 23%;
	max-width: 23%;
}

.cust-row .col-lg-9 {
	-ms-flex: 0 0 77%;
	flex: 0 0 77%;
	max-width: 77%;
}
}

@media (max-width: 991px) {
.content-inner {
	padding: 20px 0 60px 0;
}
}

@media (max-width: 767px) {
.content-inner {
	padding: 10px 0 50px 0;
}
}


/* Side -Bar */
.side-bar {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.side-bar strong {
	font-weight: 500;
	color: #21202f;
}

.side-bar h3, 
.side-bar h4 {
	font-weight: 900;
	font-size: 14px;
	color: #21202f;
	line-height: 20px;
	text-transform: uppercase;
	padding: 0 0 14px 0;
}

.side-bar h4 {
	padding: 0 0 5px 0;
}

.side-bar p {
	padding-bottom: 20px;
}

.side-bar p:last-child {
	padding-bottom: 30px;
}

.side-bar div:last-child > p:last-child {
	padding-bottom: 0;
}

.side-bar ul {
	width: 100%;
	display: inline-block;
	padding: 0;
	margin: 0;
}

.side-bar li {
	width: 100%;
	display: inline-block;
	font-size: 18px;
	border-bottom: 2px solid #edf3f5;
	padding: 0;
	margin: 0;
}

.side-bar li:last-child {
	border-bottom: none;
}

.side-bar li:before {
	display: none;
}

.side-bar li a {
	width: 100%;
	display: inline-block;
	font-weight: inherit;
	color: #21202f;
	text-decoration: none;
	position: relative;
	padding: 11px 30px 11px 15px;
}

.side-bar li a:after {
	content: "\f054";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 900;
	font-size: 13px;
	color: #65A9DA;
	line-height: 13px;
	position: absolute;
	top: 50%;
	right: 14px;
	margin: -7px 0 0 0;
	opacity: 0;
}

.side-bar li a:hover {
	color: #65A9DA;
}

.side-bar li.active a {
	font-weight: 700;
	color: #21202f;
}

.side-bar li.active a:after {
	opacity: 1;
}

.side-bar .icon-out {
	width: 100%;
	float: none;
	display: inline-block;
	margin-bottom: 16px;
}

.side-bar .icon-out img {
	max-width: 50px;
	max-height: 45px;
}

.side-bar .btn {
	width: 100%;
	max-width: 165px;
	padding-left: 10px;
	padding-right: 10px;
}

.side-bar .btn-dots {
	width: 100%;
	margin-bottom: 30px;
}

.side-bar .btn-dots:last-child {
	margin-bottom: 0;
}

.side-bar .provider-status {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 35px;
}

.side-bar .provider-status p {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}

.side-bar .provider-status .fa-question-circle, 
.side-bar .provider-status .fa-info-circle {
	color: #c5d4db;
}

.side-bar .provider-status .icon-out {
	margin: 5px 0 0 0;
}

.side-bar aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 60px 0;
}

.side-bar aside:last-child {
	margin-bottom: 0;
}

.side-bar .short-cont {
	border-bottom: 2px solid #edf3f5;
	padding: 0 10px 30px 0;
	margin: 0 0 20px 0;
}

.side-bar .short-cont:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.side-bar .short-cont h2 {
	margin-bottom: 10px;
}

.side-bar .short-cont h2 img {
	/* max-width: 180px;
	max-height: 55px; */
	width: fit-content !important;
    height: auto;
    max-width: 240px;
}

.side-bar #location_address {
    max-width: 120px;
}

.side-bar .short-cont p {
	padding-bottom: 25px;
}

.side-bar .short-cont p:last-child {
	padding-bottom: 35px;
}

@media (max-width: 1199px) {
.side-bar aside {
	padding-right: 0;
}
}

@media (max-width: 991px) {
.side-bar {
	border-top: 2px solid #edf3f5;
	padding-top: 30px;
	margin-top: 0;
}

.side-bar .provider-status {
	padding-bottom: 30px;
}
}

@media (max-width: 767px) {
.side-bar aside {
	margin: 0 0 50px 0;
}

.side-bar aside:last-child {
	margin-bottom: 0;
}

.side-bar .short-cont p {
	padding-bottom: 20px;
}

.side-bar .short-cont p:last-child {
	padding-bottom: 30px;
}
}

@media (min-width: 500px) and (max-width:991px){
	.side-bar .provider-status{width:33%;}
	.side-bar .txt{width:33%;}
	.side-bar aside{display:flex;}
	.side-bar aside.widget{display:block;}
	.side-bar .short-cont p{padding:0 15px 20px;}
}


/* File - Links */
.file-links {
	padding: 0 0 25px 0;
}

.file-links p {
	padding: 0 0 11px 0;
}

.file-links p:last-child {
	padding: 0;
}

.file-links p a {
	text-decoration: none;
}

.file-links p a:after {
	content: "";
	height: 24px;
	display: inline-block;
	background: url(../png/icon-pdf.png) no-repeat center center;
	background-size: auto 24px;
	position: relative;
	top: 4px;
	padding: 0 35px 0 0;
}

.file-links p a:hover {
	text-decoration: underline;
}

@media (max-width: 767px) {
.file-links {
	padding-bottom: 15px;
}

.file-links p a:after {
	height: 20px;
	background-size: auto 20px;
	padding: 0 32px 0 0;
}
}


/* Tabs */
.tab-cont-out {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}


/* Tab - Links */
@media (min-width: 768px) {
.tab-links {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	background: #f6f9fa;
	padding: 0;
	margin: 0 0 33px 0;
}

.tab-links .selected {
	display: none;
}

.tab-links ul {
	width: 100%;
	float: left;
	display: block!important;
	padding: 0;
	margin: 0;
}

.entry-content .tab-links ul {
	margin: 0;
    padding-left: 0;
}

.tab-links ul li {
	width: 25%;
	height: 50px;
	float: left;
	border-right: 2px solid #ffffff;
	padding: 0;
	margin: 0;
}

.tab-links ul li:last-child {
	border-right: none;
}

.tab-links ul li:before {
	display: none;
}

.tab-links ul li a {
	width: 100%;
	float: left;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	padding: 0;
}

.tab-links ul li a:before {
	content: "";
	width: 0;
	height: 6px;
	float: left;
	background: #65A9DA;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: absolute;
	top: 0;
	left: 50%;
}

.tab-links ul li a:hover, 
.tab-links ul li a.active {
	color: #21202f;
	background: #ffffff;
}

.tab-links ul li a:hover:before,
.tab-links ul li a.active:before {
	width: 100%;
	left: 0;
}
}

@media (max-width: 767px) {
.tab-links {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0 0 25px 0;
}

.tab-links .selectBox {
	width: 100%;
	float: left;
	position: relative;
}

.tab-links .selected {
	width: 100%;
	float: left;
}

.tab-links .selected a {
	width: 100%;
	height: 50px;
	float: left;
	font-weight: 700;
	font-size: 14px;
	color: #21202f;
	line-height: 50px;
	text-decoration: none;
	background: #f6f9fa;
	position: relative;
	padding: 0 20px;
}

.tab-links .selected a:after {
	width: 27px;
	height: 100%;
	float: right;
	content: "\f078";
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 400;
	line-height: 45px;
	position: absolute;
	top: 0;
	right: 5px;
}

.tab-links .selected a:focus:after {
	content: "\f077";
}

.tab-links ul {
	width: 100%;
	float: left;
	background: #f6f9fa;
	box-shadow: rgba(0, 0, 0, .10) 0 0 8px;
	position: absolute;
	top: 50px;
	left: 0;
	padding: 0;
	margin: 0;
	display: none;
	z-index: 5;
}

.tab-links ul li {
	width: 100%;
	float: left;
	border-top: 1px solid #edf3f5;
	padding: 0;
	margin: 0;
}

.tab-links ul li:last-child {
	border-bottom: none;
	padding: 0;
}

.tab-links ul li:before {
	display: none;
}

.tab-links ul li a {
	width: 100%;
	float: left;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #a8a9ab;
	text-decoration: none;
	padding: 17px 20px;
}

.tab-links ul li:hover a, 
.tab-links ul li a.active {
	color: #21202f;
}
}


/* Tab - Content */
.tab-content {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.tab-content .tab-pane {
	width: 100%;
	float: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
}


/*
 7.) HR Service & Technology Main Category - Pages
-----------------------------------------------------*/

/* Filter - Bar */
.filter-bar {
	width: 100%;
	float: left;
	padding: 39px 0 37px 0;
}

.filter-bar h2 {
	width: 100%;
	float: left;
	padding: 0;
}
.filter-bar h2.filter-title{ text-transform: capitalize;}

.filter-bar .sort-cont {
	float: right;
	margin: 5px 0 -5px -600px;
}

.filter-bar .sort-cont p {
	display: inline-block;
	vertical-align: top;
	font-weight: 900;
	font-size: 14px;
	color: #21202f;
	line-height: 30px;
	text-transform: uppercase;
	padding: 0 10px 0 0;
}

.filter-bar .sort-cont ul {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.filter-bar .sort-cont ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.filter-bar .sort-cont ul li:before {
	display: none;
}

.filter-bar .sort-cont ul li a {
	width: 50px;
	height: 30px;
	float: left;
	font-size: 15px;
	color: #9fa2a3;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}

.filter-bar .sort-cont ul li a:hover {
	color: #65A9DA;
}

.filter-bar .sort-cont ul li a.active {
	color: #65A9DA;
	background: #e5f7fc;
}

@media (max-width: 767px) {
.filter-bar {
	text-align: center;
	padding: 30px 0 20px 0;
}

.filter-bar h2 {
	text-align: center;
	padding: 0 0 25px 0;
}

.filter-bar .sort-cont {
	float: none;
	display: inline-block;
	margin: 0;
}
}


/* Article - List */
.article-list {
	width: 100%;
	float: left;
	min-height:45px;
}

.article-list .article {
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
	display: inline;
	padding: 17px;
}

.article-list .article .box {
	width: 100%;
	height: 100%;
	float: left;
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
	background: #ffffff;
	border: 2px solid #edf3f5;
	border-radius: 4px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	padding: 0 20px 20px 20px;
}

.article-list .article .box:hover {
	color: inherit;
	text-decoration: none;
	border-color: #edf3f5;
	box-shadow: rgba(0, 0, 0, .10) 0 0 15px;
}

.article-list .article .heading-bar {
	width: 100%;
	height: 54px;
	float: left;
}

.article-list .article .heading-bar .category-name {
	width: 100%;
	height: 54px;
	float: left;
	font-weight: 500;
	font-style: italic;
	font-size: 15px;
	color: #556473;
	line-height: 54px;
}

.article-list .article .heading-bar .icon-box {
	float: right;
	text-align: right;
	position: absolute;
	top: 6px;
	right: 6px;
}

.article-list .article .heading-bar .icon-box .icon {
	color: #a8a9ab;
	background: #f5f8f9;
}

.article-list .article .heading-bar .icon-box .icon:after {
	background-image: url(../png/dott-gray5.png);
}

.article-list .article .heading-bar .icon-box .txt-sml {
	color: #a8a9ab;
}

.article-list .article figure {
	width: 100%;
	height: 120px;
	float: left;
	line-height: 90px;
	border-bottom: 2px solid #edf3f5;
	padding: 0 0 30px 0;
}

.article-list .article figure img {
	max-width: 200px;
	max-height: 100px;
	width: auto;
	display: inline-block;
	vertical-align: bottom;
}

.article-list .article aside {
	width: 100%;
	float: left;
	padding: 30px 0 25px 0;
}

.article-list .article aside h3 {
	color: #21202f;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0 0 10px 0;
}

.article-list .article aside p {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0 0 20px 0;
}

.article-list .article aside .view-more {
	font-weight: 700;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.article-list .article aside .view-more i {
	margin: 0 0 0 3px;
}

.article-list .article.preferred .box {
	border-color: #65A9DA;
}

.article-list .article.preferred .box:hover {
	border-color: #65A9DA;
}

.article-list .article.preferred .heading-bar .icon-box .icon {
	color: #ffffff;
	background: #65A9DA;
}

.article-list .article.preferred .heading-bar .icon-box .icon:after {
	background-image: url(../png/dott-blue-white.png);
}

.article-list .article.preferred .heading-bar .icon-box .txt-sml {
	color: #65A9DA;
}

.article-list .article.preferred aside h3 {
	color: #21202f;
}

.article-list .article.preferred aside .view-more {
	color: #65A9DA;
}

.article-list .article-out {
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: flex;
	margin: -13px;
}

@media (min-width:768px){
.article-list.cat_list .article.horizontal { 
    width: 100%;  
    max-width: 100%; 
    flex: 0 0 100%; 
}
.article-list.cat_list .article.horizontal > a { 
    display: flex;
    align-items: center;
    padding: 0;
    background: #65A9DA;
}
.article-list.cat_list .article.horizontal .left_col { 
    padding: 0 20px 0 10px; 
    height: 100%;
    background: #FFF;
    text-align: center;
}
.article-list.cat_list .article.horizontal .left_col .heading-bar { 
    height: 40px;
}
.article-list.cat_list .article.horizontal .left_col .heading-bar .category-name { 
    line-height: 40px;
}
.article-list.cat_list .article.horizontal .left_col figure {
    
}

.left_col figure.horizontal img {
    vertical-align: middle;
}


.article-list.cat_list .article.pinned.horizontal .heading-bar .icon-box .icon { background: #FFF; }
.article-list.cat_list .article.pinned.horizontal .heading-bar .icon-box .icon i { color: #65A9DA; }
.article-list .article.pinned.horizontal .heading-bar .icon-box .icon:after { background-image: url(../png/dott-white-blue.png); }
.article-list.cat_list .article.horizontal .left_col:after { 
    content: "";
    width: 30px;
    height: 40px;
    float: right;
    background: url(../png/dott-blue-white.png) no-repeat top center;
    background-size: inherit;
    position: absolute;
    top: 9px;
    /* left: -16px; */
    background-position: cover;
    /* right: 71px; */
    margin-left: 0px;
    background-size: 100%;
}
.article-list .article.pinned.horizontal .heading-bar .icon-box .txt-sml{color:#FFF;}

.article-list.cat_list .article.horizontal .right_col {
    padding: 0 0 0 20px;
    height: 100%;
    align-items: center;
    display: flex;
}
.article-list.cat_list .article.horizontal .left_col .heading-bar {}
.article-list.cat_list .article.horizontal .left_col figure img {
    max-width: 150px;
}
.article-list.cat_list .article.horizontal .left_col figure {
    height: 110px;
}
.article-list.cat_list .article.horizontal .right_col aside{color: #FFF;
    padding-right: 15%;
    display: flex;
    justify-content: center;
    align-items: center;}
.article-list.cat_list .article.horizontal .right_col aside p { 
	float: left;
    max-width: 70%;
    margin-right: 20px;
    font-weight: 700;
    font-size: 1.1em;
    padding: 0;
    flex: 0 1 70%;
}
.article-list.cat_list .article.horizontal .right_col aside .view-more {
    color: #FFF;
    border: 1px solid #FFF;
    display: inline-table;
    padding: 10px 0px;
    border-radius: 4px;
    float: right;
    flex: 0 1 30%;
    text-align: center;
}

}


@media (max-width: 1199px) {
.article-list .article {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
}

@media (max-width: 767px) {
.article-list .article {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 0 25px 0;
}

.article-list .article-out {
	margin: 0 0 -25px 0;
}
.article-list.cat_list .article.horizontal .right_col aside p {max-width:100%;}
.article-list.cat_list .article.horizontal .right_col aside .view-more{margin-top:10px;}
}


/* BTN - Load More */
.btn-loader-more {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-weight: 700;
	font-size: 18px;
	color: #21202f;
	line-height: 22px;
	text-align: center;
	padding: 60px 0 0 0;
}

.btn-loader-more a {
	display: inline-block;
	vertical-align: top;
	font-weight: inherit;
	text-decoration: none;
	position: relative;
	padding: 0 0 0 35px;
}

.btn-loader-more a:before {
	content: "";
	width: 50px;
	height: 50px;
	float: left;
	background: url(../gif/loader.gif) no-repeat left center;
	background-size: 50px auto;
	position: absolute;
	top: 50%;
	left: -15px;
	margin: -25px 0 0 0;
}

@media (max-width: 767px) {
.btn-loader-more {
	padding: 40px 0 0 0;
}
}


/*
 8.) HR Service & Technology Details - Page
-------------------------------------------------------*/



/* Single - Image */
.single-image {
	text-align: center;
	overflow: hidden;
	border: 1px solid #edf3f5;
	margin-bottom: 68px;
}

.single-image img {
	width: 100%;
}

@media (max-width: 991px) {
.single-image {
	margin-bottom: 58px;
}
}

@media (max-width: 767px) {
.single-image {
	margin-bottom: 40px;
}
}


/* Feature - List */
.feature-list h2 {
	padding-bottom: 20px;
}


/* Screen - Slider */
.screen-slider {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 0 68px 0;
}

.screen-slider .item {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	border: 1px solid #edf3f5;
}

.screen-slider .item img {
	width: 100%;
}

.screen-slider .owl-item {
	padding: 1px;
}

.screen-slider .owl-dots {
	position: absolute;
	bottom: -43px;
	left: 0;
	margin: 0;
}

@media (max-width: 991px) {
.screen-slider {
	padding-bottom: 58px;
}
}

@media (max-width: 767px) {
.screen-slider {
	padding-bottom: 40px;
}

.screen-slider .owl-dots {
	position: relative;
	bottom: 0;
	margin: 15px 0 -10px 0;
}
}


/* Video - Block */
.video-block {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}

.video-block h2 {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 30px 0;
}

.video-block figure {
	width: 66%;
	float: left;
	overflow: hidden;
	margin: 0 4% 0 0;
}

.video-block figure .embed-responsive {
	padding-bottom: 56%;
}

.video-block .download-links {
	width: 28%;
	float: right;
	border: 2px solid #dceff4;
	margin: 0 0 0 2%;
}
.video-block.leftos .download-links{float:left;}

.video-block .download-links h4 {
	width: 100%;
	float: left;
	font-weight: 700;
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	position: relative;
	padding: 23px 20px 23px 60px;
}

.video-block .download-links h4:before {
	content: "";
	width: 60px;
	height: 100%;
	float: left;
	background: url(../png/icon-17.png) no-repeat center center;
	background-size: 30px auto;
	position: absolute;
	top: 0;
	left: 0;
}

.video-block .download-links ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.video-block .download-links ul li {
	width: 100%;
	float: left;
	font-weight: 700;
	font-size: 14px;
	color: #65A9DA;
	line-height: 20px;
	border-top: 2px solid #dceff4;
	padding: 0;
	margin: 0;
}

.video-block .download-links ul li:before {
	display: none;
}

.video-block .download-links ul li a {
	width: 100%;
	float: left;
	font-weight: inherit;
	color: #65A9DA;
	padding: 13px 20px;
}

.video-block .download-links ul li a:after {
	content: "\f019";
	font-family: "Font Awesome\ 5 Pro";
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -8px 0 0 0;
}

.video-block .download-links ul li a:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
}

.video-block .download-links ul li:nth-child(odd) a {
	background: #e5f7fc;
}

@media (max-width: 1199px) {
.video-block figure {
	width: 60%;
}

.video-block .download-links {
	width: 34%;
}
}

@media (max-width: 991px) {
.video-block figure {
	width: 100%;
	margin: 0 0 35px 0;
}

.video-block .download-links {
	width: 100%;
	margin: 0;
}
}

@media (max-width: 767px) {
.video-block h2 {
	padding: 0 0 20px 0;
}

.video-block figure {
	margin: 0 0 30px 0;
}
}


/* Integration - Info */
.integration-info {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 35px 0;
}

.integration-info:last-child {
	padding-bottom: 0;
}

.integration-info h2 {
	width: 100%;
	float: left;
	padding: 0 0 18px 0;
}

.integration-info .box {
	width: 100%;
	float: left;
	background: #e5f7fc;
	border: 2px solid #dceff4;
	border-radius: 5px;
	padding: 35px 55px 10px 55px;
}

.integration-info .box h4 {
	padding-bottom: 20px;
}

.integration-info .box p {
	font-weight: 500;
	color: #21202f;
	padding: 0 0 7px 0;
}

.integration-info .box p strong {
	font-weight: 700;
}

.integration-info .box p:last-child {
	padding-bottom: 0;
}

.integration-info .box aside {
	width: 50%;
	float: left;
	padding: 0 55px 30px 0;
}

@media (max-width: 767px) {
.integration-info .box {
	padding: 30px 25px;
}

.integration-info .box aside {
	width: 100%;
	padding: 0 0 30px 0;
}

.integration-info .box aside:last-child {
	padding-bottom: 0;
}
}


/* Data Fields - Info */
.data-fields-info {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 80px 0;
}

.data-fields-info:last-child {
	padding-bottom: 0;
}

.data-fields-info h2 {
	width: 100%;
	float: left;
	padding: 0 0 18px 0;
}

.data-fields-info .box {
	width: 100%;
	float: left;
	border: 2px solid #dceff4;
}

.data-fields-info .box ul {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.data-fields-info .box ul li {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 500;
	color: #21202f;
	border-bottom: 2px solid #dceff4;
	padding: 0;
	margin: 0;
}

.data-fields-info .box ul li:before {
	display: none;
}

.data-fields-info .box ul li:last-child {
	border-bottom: none;
}

.data-fields-info .box ul li i {
	font-weight: 900;
	font-size: 20px;
	color: #65A9DA;
}

.data-fields-info .box ul li:nth-child(even) {
	background: #e5f7fc;
}

.data-fields-info .box ul li .col {
	width: 33.33%;
	height: 100%;
	float: left;
	flex-grow: inherit;
	flex-basis: inherit;
	display: inline;
	vertical-align: middle;
	position: relative;
	padding: 9px 22px;
	margin: 0;
}

.data-fields-info .box ul li .col:after {
	content: "";
	width: 2px;
	height: 10100px;
	float: left;
	background: #dceff4;
	position: absolute;
	top: -5000px;
	right: 0;
}

.data-fields-info .box ul li .col:last-child:after {
	display: none;
}

.data-fields-info .box ul li .col:nth-child(2) {
	text-align: center;
}

.data-fields-info .box ul li.table-head {
	text-align: center;
	background: #ffffff;
}

.data-fields-info .box ul li.table-head .col {
	font-weight: 700;
	padding: 20px 0;
}

.data-fields-info .box ul li.table-head .col img {
	max-width: 103px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.data-fields-info .box ul li.table-head .col:nth-child(3) img {
	max-width: 95px;
	max-height: 30px;
}

@media (max-width: 991px) {
.data-fields-info {
	padding: 0 0 60px 0;
}
}

@media (max-width: 767px) {
.data-fields-info {
	padding: 0 0 50px 0;
}

.data-fields-info .box ul li i {
	font-size: 18px;
}


.data-fields-info .box ul li .col {
	width: 36.5%;
	padding: 8px 15px;
	margin: 0;
}

.data-fields-info .box ul li .col:nth-child(2) {
	width: 27%;
	padding: 8px 0;
}

.data-fields-info .box ul li.table-head .col {
	padding: 5px;
}

.data-fields-info .box ul li.table-head .col img {
	max-width: 90px;
}

.data-fields-info .box ul li.table-head .col:nth-child(3) img {
	max-width: 85px;
}
}

@media (max-width: 359px) {
.data-fields-info .box ul li {
	font-size: 15px;
	line-height: 22px;
}
}


/* CTA - Feedback */
.cta-feedback {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 35px 0;
}

.cta-feedback:last-child {
	padding-bottom: 0;
}

.cta-feedback .icon-out {
	width: 140px;
	float: left;
	padding: 0;
	margin: 0 -200px 0 0;
}

.cta-feedback .icon-out img {
	width: 100%;
	max-width: 90px;
}

.cta-feedback aside {
	width: 100%;
	float: left;
	padding: 5px 300px 0 140px;
}

.cta-feedback aside p:last-child {
	padding-bottom: 0;
}

.cta-feedback .btn-out {
	width: 260px;
	float: right;
	text-align: center;
	margin: 20px 0 0 -300px;
}

@media (max-width: 991px) {
.cta-feedback aside {
	padding-right: 0;
}

.cta-feedback .btn-out {
	width: 100%;
	text-align: left;
	padding: 20px 0 0 140px;
	margin: 0;
}
}

@media (max-width: 767px) {
.cta-feedback .icon-out {
	width: 100%;
	margin: 0 0 20px 0;
}

.cta-feedback aside {
	max-width: 400px;
	float: none;
	display: inline-block;
	padding: 0 0 25px 0;
}

.cta-feedback .btn-out {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}
}


/* Support - Info */
.support-info {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 35px 0;
}

.support-info:last-child {
	padding-bottom: 0;
}

.support-info h2 {
	width: 100%;
	float: left;
	padding: 0 0 18px 0;
}

.support-info .box {
	width: 100%;
	float: left;
	background: #e5f7fc;
	border: 2px solid #dceff4;
	border-radius: 5px;
	padding: 35px 55px 25px 55px;
}

.support-info .box h4 {
	padding-bottom: 20px;
}

.support-info .box p {
	width: 50%;
	float: left;
	font-weight: 500;
	color: #21202f;
	padding: 0 55px 20px 0;
}

.support-info .box p strong,
.support-info .box p a {
	font-weight: 900;
	color: #21202f;
}

.support-info .box p a:hover {
	color: #65A9DA;
}

.support-info .box aside  {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 767px) {
.support-info .box {
	padding: 30px 25px;
}

.support-info .box p {
	width: 100%;
	padding: 0 0 20px 0;
}

.support-info .box p:last-child {
	padding-bottom: 0;
}
}


/* CNT - Out */
.cnt-out h2 {
	padding: 0 0 18px 0;
}



/*
 9.) Modal
----------------------------------------*/

.modal-backdrop.show {
	background: #292929;
	opacity: .70;
}

@media (min-width: 576px) {
.modal-dialog {
	max-width: inherit;
}
}

@media (max-width: 991px) {
.modal-dialog {
	margin: 30px 40px;
}
}

@media (max-width: 767px) {
.modal-dialog {
	margin: 20px;
}
}

@media (min-width: 992px) {
.modal-dialog {
	max-width: 92%;
}
}

@media (min-width: 1200px) {
.modal-dialog {
	max-width: 800px;
}
}

.modal-content {
	text-align: left;
	background: #ffffff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.42);
	border: none;
	border-radius: 4px;
	padding: 0;
}

.modal-content .icon-close { 
	font-size: 18px; 
	color: #ffffff; 
	line-height: 18px; 
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	z-index: 5;
}

.modal-content ul {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 2px solid #edf3f5;
	padding: 0 0 5px 0;
	margin: 0 0 25px 0;
}

.modal-content ul:last-child {
	border-bottom: none;
	padding-bottom: 35px;
	margin: 0 0 -25px 0;
}

.modal-content li {
	width: 100%;
    float: left;
    display: inline;
    padding: 0 0 11px 15px;
    margin: 0;
}

.modal-content li:before {
	background:#65A9DA;
	left: 1px;
	top: 8px;
}

.modal-content .split-left {
	width: 50%;
	float: left;
	position: relative;
	padding: 0 3.5% 0 0;
}

.modal-content .split-right {
	width: 50%;
	float: left;
	position: relative;
	padding: 0 0 0 3.5%;
}

.modal-content .fields {
	width: 100%;
	float: left;
}

.modal-content .choose-list {
	width: 110%;
	float: left;
	margin: 5px -10% -20px 0;
}

.modal-content .choose-list .list-item {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 8% 15px 0;
}

.modal-content .choose-list input[type=checkbox],
.modal-content .choose-list input[type=radio] {
	width: 13px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -7px 0 0 0;
	display: none;
}

.modal-content .choose-list label {
	width: auto;
	font-weight: 500;
	font-size: 16px;
	color: #9fa2a3;
	line-height: 20px;
	position: relative;
	padding: 0 0 0 22px;
	margin: 0;
}

.modal-content .choose-list label:before {
	content: "";
	width: 13px;
	height: 14px;
	float: left;
	background: url(../png/checkbox-blank.png) no-repeat center center;
	background-size: 13px auto;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -7px 0 0 0;
}

.modal-content .choose-list input[type=checkbox]:checked + label:before,
.modal-content .choose-list input[type=checkbox]:checked + label:focus:before,
.modal-content .choose-list input[type=radio]:checked + label:before,
.modal-content .choose-list input[type=radio]:checked + label:focus:before {
	background-image: url(../png/checkbox-fill.png);
}

.modal-content .btn,
.modal-content button,
.modal-content input[type="button"],
.modal-content input[type="submit"] {
	width: 100%;
	max-width: 220px;
	height: 55px;
	line-height: 55px;
	padding: 0;
}

@media (max-width: 767px) {
.modal-content ul {
	padding: 0;
	margin: 0 0 25px 0;
}

.modal-content ul:last-child {
	padding-bottom: 25px;
	margin: 0 0 -25px 0;
}

.modal-content li {
	margin: 0 0 25px 0;
}

.modal-content ul:last-child {
	padding-bottom: 25px;
}

.modal-content .choose-list .list-item {
	margin: 0 6% 15px 0;
}

.modal-content .split-left {
	width: 100%;
	padding-right: 0;
}

.modal-content .split-right {
	width: 100%;
	padding-left: 0;
}

.modal-content div.split-left {
	padding: 0 0 25px 0;
}

.modal-content div.split-right {
	padding: 0 0 25px 0;
}

.modal-content div.split-left:last-child,
.modal-content div.split-right:last-child {
	padding-bottom: 0;
}

.modal-content .btn,
.modal-content button,
.modal-content input[type="button"],
.modal-content input[type="submit"] {
	width: 100%;
	max-width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0;
}
}


/* Modal - Suggest Provider */
.modal-content .form-cont1 {
	width: 100%;
	float: left;
}

.modal-content .form-cont1 aside {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
}

.modal-content .form-cont1 .form-out {
	width: 100%;
	float: left;
	padding: 45px 30px 60px 30px;
}

@media (min-width: 768px) {
.modal-content .form-cont1 aside h2 {
	width: 36.5%;
	float: left;
	display: inline;
	vertical-align: top;
	font-weight: 400;
	font-size: 30px;
	line-height: 36px;
	color: #000000;
	position: relative;
	left: -63.5%;
	padding: 76px 30px 30px 30px;
}

.modal-content .form-cont1 aside h2:before {
	content: "";
	width: 35px;
	height: 14px;
	float: left;
	background: url(../png/dott-blue2.png) no-repeat top left;
	background-size: 100% auto;
	position: absolute;
	top: 46px;
	left: 30px;
}

.modal-content .form-cont1 aside .icon {
	width: 63.5%;
	float: left;
	display: inline;
	vertical-align: top;
	background: url(../jpg/modal-bg.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 0 3px 0 0;
	position: relative;
	left: 36.5%;
	padding: 0 0 170px 0;
}

.modal-content .form-cont1 aside .icon img {
	width: 78px;
	position: absolute;
	bottom: 35px;
	right: 35px;
	z-index: 1;
}

.modal-content .form-cont1 aside .icon:before {
	content: "";
	width: 35px;
	height: 33px;
	float: left;
	background: url(../png/dott-gray7.png) no-repeat top left;
	background-size: 100% auto;
	position: absolute;
	bottom: -17px;
	right: 55px;
	z-index: 1;
}

.modal-content .form-cont1 aside .icon:after {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: #610da4;
	background: -webkit-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: -o-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: -moz-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#610da4', endColorstr='#3f77ca', GradientType=1);
	border-radius: 0 3px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.70;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.modal-content .form-cont1 aside h2 {
	width: 43%;
	font-size: 26px;
	line-height: 32px;
	left: -57%;
}

.modal-content .form-cont1 aside .icon {
	width: 57%;
	left: 43%;
}
}

@media (max-width: 767px) {
.modal-content .form-cont1 aside {
	background: url(../jpg/modal-bg.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 3px 3px 0 0;
	position: relative;
	padding: 30px 25px;
}

.modal-content .form-cont1 aside:after {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: #610da4;
	background: -webkit-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: -o-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: -moz-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#610da4', endColorstr='#3f77ca', GradientType=1);
	border-radius: 0 3px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.70;
}

.modal-content .form-cont1 aside h2 {
	width: 100%;
	float: left;
	font-weight: 400;
	font-size: 24px;
	color: #ffffff;
	line-height: 30px;
	position: relative;
	z-index: 2;
	left: 0;
	padding: 0;
}

.modal-content .form-cont1 aside .icon {
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
	margin: 0 0 25px 45px;
}

.modal-content .form-cont1 aside .icon img {
	max-width: 40px;
	max-height: 45px;
}

.modal-content .form-cont1 aside .icon:before {
	content: "";
	width: 35px;
	height: 14px;
	float: left;
	background: url(../png/dott-blue2.png) no-repeat top left;
	background-size: 100% auto;
	position: absolute;
	top: 15px;
	left: -45px;
}

.modal-content .form-cont1 .form-out {
	padding: 30px 25px 40px 25px;
}
}


/* Modal - Request Info */
@media (min-width: 1200px) {
#requestinfo-modal .modal-dialog {
	max-width: 960px;
}
}

@media (min-width: 768px) {
#requestinfo-modal .icon-close { 
	color: #a8a9ab; 
}
}

@media (min-width: 768px) and (max-width: 991px) {
#requestinfo-modal .modal-content .split-left {
	width: 100%;
	padding-right: 0;
}

#requestinfo-modal .modal-content .split-right {
	width: 100%;
	padding-left: 0;
}

#requestinfo-modal .modal-content div.split-left {
	padding: 0 0 25px 0;
}

#requestinfo-modal .modal-content div.split-right {
	padding: 0 0 25px 0;
}

#requestinfo-modal .modal-content div.split-left:last-child,
#requestinfo-modal .modal-content div.split-right:last-child {
	padding-bottom: 0;
}
}

.modal-content .form-cont2 {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
}

.modal-content .form-cont2 .left-cl {
	width: 39.5%;
	float: left;
	display: inline;
	vertical-align: top;
	background: url(../jpg/modal2-bg.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 3px 0 0 3px;
	position: relative;
}

.modal-content .form-cont2 .left-cl:after {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: #610da4;
	background: -webkit-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: -o-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: -moz-linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	background: linear-gradient(to right, #610da4 50%, #3f77ca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#610da4', endColorstr='#3f77ca', GradientType=1);
	border-radius: 3px 0 0 3px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.70;
}

.modal-content .form-cont2 .left-cl aside {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	padding: 30px 20px 30px 70px;
}

.modal-content .form-cont2 .left-cl aside h2 {
	width: 100%;
	float: left;
	font-weight: 400;
	font-size: 30px;
	color: #ffffff;
	line-height: 36px;
	padding: 0;
}

.modal-content .form-cont2 .left-cl aside .icon {
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 45px 0;
}

.modal-content .form-cont2 .left-cl aside .icon img {
	max-width: 40px;
	max-height: 45px;
}

.modal-content .form-cont2 .left-cl aside .icon:before {
	content: "";
	width: 35px;
	height: 14px;
	float: left;
	background: url(../png/dott-blue2.png) no-repeat top left;
	background-size: 100% auto;
	position: absolute;
	top: 15px;
	left: -45px;
}

.modal-content .form-cont2 .right-cl {
	width: 60.5%;
	float: left;
	display: inline;
	vertical-align: top;
	position: relative;
	padding: 40px 60px;
}

.modal-content .form-cont2 .right-cl:before {
	content: "";
    width: 35px;
    height: 14px;
    float: left;
    background: url(../png/dott-gray6.png) no-repeat top left;
    background-size: 100% auto;
    position: absolute;
    top: 45px;
    left: 60px;
}

.modal-content .form-cont2 .right-cl span.medium { 
    margin-left: 45px; 
    font-style: italic; 
    color: #5c666f;
}
.modal-content .form-cont2 .right-cl strong {
    color: #272530;
}
.modal-content .form-cont2 .right-cl ul {
     margin: -15px 0;
}
.modal-content .form-cont2 .right-cl ul li:before {
    color: #04aed9;
}
.modal-content .form-cont2 .right-cl h2 {
    margin-top: 30px;
}
.modal-content .form-cont2 .right-cl h2 img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 100px;
}
.modal-content .form-cont2 .right-cl .blurb {
    line-height: 1.4em;
}


@media (max-width: 991px) {
.modal-content .form-cont2 .left-cl {
	width: 39.5%;
}

.modal-content .form-cont2 .left-cl aside {
	padding: 30px 20px 30px 30px;
}

.modal-content .form-cont2 .left-cl aside h2 {
	font-size: 26px;
	line-height: 32px;
}

.modal-content .form-cont2 .left-cl aside .icon {
	margin: 0 0 35px 45px;
}

.modal-content .form-cont2 .right-cl {
	width: 60.5%;
	padding: 75px 40px;
}

.modal-content .form-cont2 .right-cl:before {
	left: 40px;
}
}

@media (max-width: 767px) {
.modal-content .form-cont2 .left-cl {
	width: 100%;
	border-radius: 3px 3px 0 0;
}

.modal-content .form-cont2 .left-cl:after {
	border-radius: 3px 3px 0 0;
}

.modal-content .form-cont2 .left-cl aside {
	padding: 30px 25px;
}

.modal-content .form-cont2 .left-cl aside h2 {
	font-size: 24px;
	line-height: 30px;
}

.modal-content .form-cont2 .left-cl aside .icon {
	margin: 0 0 25px 45px;
}

.modal-content .form-cont2 .right-cl {
	width: 100%;
	padding: 60px 25px 35px 25px;
}

.modal-content .form-cont2 .right-cl:before {
	top: 25px;
	left: 25px;
}
}


/*
 10.) Text - Colors / Wordpress Cores
------------------------------------------------------*/

.dummy { 
	font-weight:900; 
	font-style:italic; 
	text-align:center; 
	padding:50px 0;
}

/* Padding/Margin - None */
.p-top-none {
	padding-top: 0!important;
}

.p-bottom-none {
	padding-bottom: 0!important;
}

.m-top-none {
	margin-top: 0!important;
}

.m-bottom-none {
	margin-bottom: 0!important;
}


/* Text - Colors */
.white {
	color: #ffffff!important;
}

.black {
	color: #000000!important;
}

.blue {
	color: #65A9DA!important;
}

.gray1 {
	color: #f6f9fa!important;
}

.gray2 {
	color: #edf3f5!important;
}



.error404 .search-box{max-width:500px;}

#outdated{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
    text-align: center; text-transform: uppercase; z-index:99999999;
    background-color: #f25648; color: #ffffff;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 12px; line-height: 12px; margin: 0;}
#outdated #btnUpdateBrowser{
    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
    color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
#outdated .last{position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
#outdated .last[dir='rtl']{right: auto !important; left: 25px !important;}
#outdated #btnCloseUpdateBrowser{ display: block; position: relative; width: 100%; height: 100%; text-decoration: none; color: #ffffff; font-size: 36px; 
line-height: 36px;}

.web_logo img{ width: 20px; margin-top: -10px; margin-right: 3px;}
.footer-main p a.web_logo:hover, .footer-main p a.web_logo:active, .footer-main p a.web_logo:focus{text-decoration:none;} 






/*
 11.) Marketo Forms
------------------------------------------------------*/
  
.mktoForm *,  
.mktoForm *::before,  
.mktoForm *::after {  
  box-sizing: border-box;  
}  
   
.mktoForm,  
.mktoForm .mktoField,  
.mktoForm .mktoHtmlText,  
.mktoForm .mktoFormCol,  
.mktoForm .mktoFieldWrap,  
.mktoForm .mktoCheckboxList,  
.mktoForm .mktoRadioList {  
  width: 100% !important;  
}  
  
  
.mktoForm .mktoOffset,  
.mktoForm .mktoGutter {  
  display: none;  
}  
  
.mktoForm .mktoFieldDescriptor {  
  margin-bottom: 10px;  
}  
  
/** 
 * This is a progressive enhancement for all browsers that support 
 * flexbox (IE10+). Other browser will just show the form fields in 
 * one column opposed to multiple columns.  
 * 
 * 1. Breakpoint: One column -> Multiple columns 
 * 2. Column gutter width 
 */  
  
@media (min-width: 740px) { /* [1] */  
  .mktoForm .mktoFormRow {  
    display: -webkit-box;  
    display: -ms-flexbox;  
    display: flex;  
    /*margin-right: -10px;  [2] */  
  }  
  
  .mktoForm .mktoFormRow .mktoFormCol {  
    min-width: 0;  
    /*padding-right: 10px;  [2] */  
  }  
}  
  
/* 
 * As we removed all default styling, we have to show the asterix and  
 * checkboxes/radio button in the same line than labels 
 */  
  
.mktoForm .mktoAsterix,  
.mktoForm .mktoCheckboxList input,  
.mktoForm .mktoRadioList input {  
  display: inline-block;  
  width: auto !important;  
}  
  
/** 
 * As textboxes are always 100% wide, there's no need to resize them horizontally 
 */  
  
.mktoForm textarea.mktoField {  
  resize: vertical !important; /* [1] */  
}  
  
 
/** 
 * Visually  hide the input elements by moving them outside the visible area. 
 */  
 
.mktoForm .mktoCheckboxList > input,  
.mktoForm .mktoRadioList > input {  
  position: absolute;  
  left: -9999px;  
}  
  
/** 
 * 1. Fake checkboxes/radio buttons will be positioned relatively to this element. 
 * 2. Adjust padding to your needs. Please note that the left padding needs to be 
 *    higher to leave space for the custom checkbox. 
 */  
  
.mktoForm .mktoCheckboxList > label,  
.mktoForm .mktoRadioList > label {  
  position: relative; /* [1] */  
  padding: 0 0 5px 33px; /* [2] */  
}  
  
/** 
 * Fake checkboxes to allow custom styling. These styles are for unchecked checkboxes  
 * or radio button. 
 */  
  
.mktoForm .mktoCheckboxList label::before,  
.mktoForm .mktoRadioList label::before {  
  position: absolute;  
  top: 0;  
  left: 0;  
  width: 18px;  
  height: 18px;  
  background: lightgray;  
  border: 2px solid lightgray;  
  content: "";  
}  
  
/** 
 * Styling for the checked state of checkboxes and radio buttons. 
 */  
  
.mktoForm .mktoCheckboxList input:checked + label::before,  
.mktoForm .mktoRadioList input:checked + label::before {  
  background-color: red;  
}  
  
/** 
 * Style radio buttons slightly differently. 
 */  
  
.mktoForm .mktoRadioList label::before {  
  border-radius: 50%;  
}  


.mktoForm .mktoCheckboxList input:checked + label::before, .mktoForm .mktoRadioList input:checked + label::before {
    background-color: #65A9DA;
}
.mktoForm input.mktoField.mktoInvalid, .mktoForm textarea.mktoField.mktoInvalid, .mktoForm select.mktoField.mktoInvalid, .mktoForm .mktoLogicalField.mktoInvalid {
    
}
.mktoForm input[type=checkbox] + label:before, .mktoForm input[type=radio] + label:before {
    width: 1.25em !important;
    height: 1.25em !important;
    margin-left: -.5em !important;
    border-radius: 4px;
}
.mktoForm .mktoFormRow{}
.mktoForm .mktoFormRow:nth-of-type(1){ clear: none;
    width: 48%;
    float: left;
    margin-right: 4%;}
.mktoForm .mktoFormRow:nth-of-type(2){clear: none;
    width: 48%;
    float: left;
    margin-right: 0px;}
#mktoForm_2230.mktoForm .mktoFormRow:nth-of-type(1), #mktoForm_2230.mktoForm .mktoFormRow:nth-of-type(2){width:100%; margin-right:0;}

.mktoForm .mktoRequiredField label.mktoLabel, .mktoForm .mktoLabel{ width: auto !important;  color: #a6aaac;  font-size: 16px;  z-index: 1;}
.mktoForm .mktoFormCol{    margin-bottom: 34px !important;}
.mktoForm .mktoFormRow .mktoFormCol+.mktoFormCol{margin-left:4%;}

.mktoForm .mktoLabel{}
.mktoForm .mktoField{ border: none;
    border-bottom: 1px solid #b6babb;
    padding: 0 16px 15px;
    border-radius: 0;    height: 34px;}
.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label{ color: #a6aaac !important;  font-weight: 400;  font-size: 15px !important;}

.mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton{animation-name: none !important; color: #65A9DA !important; background-color: transparent !important;
    border: 2px solid #65A9DA !important;  box-shadow: none !important; padding: 14px 44px 15px !important; height: auto !important;  font-weight: 700 !important;
    line-height: 1.1 !important; font-size: 16px !important;  width: auto !important;  border-radius: 4px !important; }
.mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton:hover, .mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton:active,
.mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton:focus{ color: #fff !important;  background-color: #65A9DA !important;}
.mktoButtonRow{width: 100%; text-align: center !important;}
.mktoButtonRow .mktoButtonWrap{margin:0 auto !important;}

@media (min-width:1200px){

.providers-cont .article-list .article{ -ms-flex: 0 0 25%;  flex: 0 0 25%; max-width: 25%;}

}









/* ---------------------------- Print Styles ---------------------------- */


@media print {

@page {
    margin-top: 2cm;
    margin-bottom: 2cm;
    margin-left: 2cm;
    margin-right: 2cm;
}

	body, p {
		background: #ffffff;
		color: #000000;
		font-size: 12px; 
		line-height: 150%;
		margin: 0px;
	}
	hr {
		color: #ccc;
		background-color: #ccc; 
	}
	h1, h2, h3, h4, h5, h6, code, pre, p {
		color: #000000 !important;
	}
	h1 {
		font-size: 18px;
		margin-top: 1em;
	}
	h2 {
		font-size: 16px; 
	}
	h3 {
		font-size: 14px; 
	}
	h4, h5, h6 {
		font-size: 13px;
	}
	p {
        page-break-inside: avoid;
    }
	code, pre {
		font-size: 12px; 
	}
	a:link, a:visited {
		text-decoration: underline;
		color: #000;
	}
	.top-slider .article figure {
	   border: 2px solid #ccedf8;
	}
	.top-slider .article .heading-bar .icon,
	.article-list .article.pinned .heading-bar .icon-box .icon,
	.article-list .article .heading-bar .icon-box .icon,
	.top-strap-cont .figure-out .icon img,
	.icon-box .icon {
	   border: 1px solid #ccedf8;
	}
	.category-list .article .box {
	   border: 2px solid #9fa2a3a1;
	}
	.side-bar .btn, .filter-bar .sort-cont ul li a.active {
        border: 1px solid #65A9DA;
	}

	.footer-main, .footer-main a, .category-directory .article ul li a {
		font-size: 12px;
		color: #000;
		text-decoration: none;
	}
	.btn, button, input[type="button"], input[type="submit"] {
	   color: #000;
	}
	#SearchForm {
	   display: none;
	}
	.provider-types .article .box:after {
	   display: none;
	}
	.provider-types .article-2 .box::before {
	   display: block;
	}

	.nav-bar, #menu, #navigation, .do-not-print, #Nav, #FlyOutNav, #SubNav, .NoPrint, #SMLinks, #SearchForm {
		display: none;
	}

}





/* ---------------------------- Begin WordPress Core ---------------------------- */
img {
  max-width: 100%;
  height: auto;
}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

@media (max-width: 600px) {
  .alignleft, .alignright, .aligncenter, .alignnone, a img.alignright, a img.alignleft, a img.alignnone, a img.aligncenter {
    float: none;
    margin: 5px auto;
    display: block;
  }
}

/* ---------------------------- Text meant only for screen readers ---------------------------- */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* ---------------------------- End WordPress Core ---------------------------- */