@charset "utf-8";
/* CSS Document */
/* Notes
  # Always set image display:block to avoid extra space in container below image
*/

:root {
  --thm-color: #333333;
  --thm-red: #E00300;
  --thm-blue: #0079EF;
  --thm-green: #109F00;
	--thm-yellow: #FCAC00;
  --thm-grey: #757575;
  --thm-black: #000000;
  --thm-white: #ffffff;
  --thm-border: #F9E6BD;

	
  --thm-color-rgb: 51, 51, 51;
  --thm-red-rgb: 224,3,0;
  --thm-blue-rgb: 0,121,239;
  --thm-green-rgb: 16,159,0;
  --thm-yellow-rgb: 252,172,0;
  --thm-grey-rgb: 117, 117, 117;
  --thm-black-rgb: 0, 0, 0;
  --thm-white-rgb: 255, 255, 255;
  --thm-font-1: "Open Sans Regular", "sans-serif";
  --thm-font-2: "Open Sans Medium", "sans-serif";
  --thm-font-3: "Open Sans Bold", "sans-serif";
}

@font-face {
  font-family: "Open Sans Regular";
  src: url("../fonts/Open_Sans/static/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Medium";
  src: url("../fonts/Open_Sans/static/OpenSans-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Bold";
  src: url("../fonts/Open_Sans/static/OpenSans-Bold.ttf") format("truetype");
}

/*------- HTML, Body Section ---------*/
html, body {
	font-family: var(--thm-font-1);
  font-size: 16px;
  line-height: 1.6em;
  color: var(--thm-color);
}

/*------- General Settings ---------*/
a {text-decoration: none;color: dodgerblue;}
a.disabled {
	color: rgba(var(--thm-grey-rgb), .5);
	background-color: rgba(var(--thm-grey-rgb), .1);
  border-color: rgba(var(--thm-grey-rgb), .15);
	pointer-events: none;
}

.jobs-veteran__foil a.disabled{background-color:transparent;}

img{display: block;}
strong{font-family: var(--thm-font-3)}

h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

h1,h2,h3,h4,h5,h6 {
  font-family: var(--thm-font-3);
	line-height: 1.3em;
	letter-spacing: 1px;
}

input, button, select, textarea, a {outline: none;margin: 0;}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],select, textarea {
	color: var(--thm-color);
	font-size: 14px;
	padding: 10px;
  border: 1px solid rgba(var(--thm-yellow-rgb),.4);
  border-radius: 1px;
  background-color:transparent;
	min-width: 0;
	transition: all 0.3s ease-in-out;
}

input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"], select:disabled, textarea:disabled {
  background-color: rgba(var(--thm-grey-rgb), .1);
  border-color: rgba(var(--thm-grey-rgb), .15);
  cursor: not-allowed;
}

input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus, select:focus, textarea:focus {
   box-shadow: inset 0 0 0 1px var(--thm-blue); border-color: rgba(var(--thm-blue-rgb),.7);
}

button,input[type="reset"],input[type="submit"],input[type="button"] {
	color: var(--thm-white);
	font-family: var(--thm-font-2);
	font-size: 16px;
	line-height: 1.2em;
	background-color: var(--thm-yellow);
	padding:9px 12px;
	letter-spacing: 1px;
  transition: 0.3s ease;
  border:1px solid transparent;
	border-radius: 1px;
}

button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	color:var(--thm-yellow);
  background-color: transparent;
	border-color: rgba(var(--thm-yellow-rgb),.6);
  cursor: pointer;
}

.btn:disabled:hover,
button:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled {
	color:rgba(var(--thm-color-rgb),.3);
	background-color: rgba(var(--thm-grey-rgb), .1);
  border-color: rgba(var(--thm-grey-rgb), .15);
  cursor: not-allowed;
}

button:disabled:hover,
input[type="reset"]:disabled:hover,
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover {border-color: rgba(var(--thm-grey-rgb), .15);}

input.error:invalid, select.error:invalid, textarea.error:invalid {	
	border-color: rgba(var(--thm-red-rgb),.5);
	box-shadow: inset 0 0 0 1px rgba(var(--thm-red-rgb),.5);
}
input:invalid, select:invalid, textarea:invalid {	
	border-color: rgba(var(--thm-red-rgb),.5);
	box-shadow: inset 0 0 0 1px rgba(var(--thm-red-rgb),.5);
}

input.small{width: 78px}
input.medium{width: 127px}
input.mlarge{width: 240px;}
input.large{width: 280px;}
input.xlarge{width: 380px;}

input.fill{width: auto}

*[role="textbox"]:focus{
	color: var(--thm-blue);
	outline: none;
	border: 1px solid rgba(var(--thm-yellow-rgb),.4);
	padding:2px 5px;
}

/*------- Containers ---------*/
#root {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto
}
.foil {
  /*border: 1px solid red;*/
	position: relative;
	max-width: 1240px;
	margin-left: auto;
  margin-right: auto
}

.page-header {
  font-size: 14px;
	background-color: #FFDA77;/*#FFFDED;*/
	border-bottom: 1px solid #F0CD8D; 
}

.page-content {
  /*border: 1px solid blue;*/
  flex: 1 1 auto;
  display: flex;
	position: relative;
	flex-flow: column nowrap;
  justify-content: flex-start;
}

.page-footer{
	background: url('../images/backgrounds/bg2.jpg'); background-size: cover;
	color: #b3b5b9;
	border-top:2px solid #E39400;
}

/*------- Flex Containers ---------*/
.grid{display:grid;}

.row {display: flex;}
.row.fdrr {flex-direction: row-reverse}

.row.cg-5 {column-gap: 5px}
.row.cg-10 {column-gap: 10px}
.row.cg-20 {column-gap: 20px}
.row.cg-30 {column-gap: 30px}
.row.cg-40 {column-gap: 40px}
.row.cg-50 {column-gap: 50px}
.row.cg-60 {column-gap: 60px}
.row.cg-100 {column-gap: 100px}

.col {display:flex; flex-direction: column}
.col.fdcr {flex-direction: column-reverse}

.col.rg-5 {row-gap: 5px}
.col.rg-10 {row-gap: 10px}
.col.rg-15 {row-gap: 15px}
.col.rg-20 {row-gap: 20px}
.col.rg-30 {row-gap: 30px}
.col.rg-40 {row-gap: 40px}
.col.rg-50 {row-gap: 50px}
.col.rg-60 {row-gap: 60px}
.col.rg-80 {row-gap: 80px}

.row.gg-5, .col.gg-5{gap:5px; grid-gap: 5px;}
.row.gg-10, .col.gg-10{gap:10px; grid-gap: 10px;}
.row.gg-20, .col.gg-20{gap:20px; grid-gap: 20px;}
.row.gg-15, .col.gg-15{gap:15px; grid-gap: 15px;}
.row.gg-30, .col.gg-40{gap:30px; grid-gap: 30px;}
.row.gg-40, .col.gg-40{gap:40px; grid-gap: 40px;}
.row.gg-60-20, .col.gg-60-20{gap:60px 2px; grid-gap: 60px 20px;}

.row.wrap, .col.wrap{flex-wrap: wrap}

.row.aifs, .col.aifs {align-items: flex-start}
.row.aife, .col.aife {align-items: flex-end}
.row.aic, .col.aic {align-items: center}
.row.aib, .col.aib {align-items:baseline}

.row.asc, .col.asc, .asc{align-self: center}
.row.asfs, .col.asfs, .asfs{align-self: flex-start}
.row.asfe, .col.asfe{align-self: flex-end}
.row.ass, .col.ass, .ass{align-self:stretch}

.row.acfs, .col.acfs{align-content:flex-start}

.row.jcsb, .col.jcsb {justify-content: space-between}
.row.jcfs, .col.jcfs {justify-content:flex-start}
.row.jcfe, .col.jcfe {justify-content:flex-end}
.row.jcc, .col.jcc {justify-content: center}

.row.ofa, .col.ofa {overflow: auto}
.row.ws-nowrap, .col.ws-nowrap {white-space: nowrap;}

.fd-300{flex:0 1 300px;}
.fd-320{flex:0 1 320px;}
.fd-400{flex:0 1 400px;}
.fd-500{flex:0 1 400px;}

.fd-p50{flex:0 1 50%;}
 
.fw-80{flex:0 0 80px;}
.fw-120{flex:0 0 120px;}
.fw-160{flex:0 0 160px;}
.fw-200{flex:0 0 200px;}
.fw-240{flex:0 0 240px;}
.fw-300{flex:0 0 300px;}
.fw-340{flex:0 0 340px;}
.fw-360{flex:0 0 360px;}
.fw-400{flex:0 0 400px;}
.fw-440{flex:0 0 440px;}
.fw-500{flex:0 0 500px;}
.fw-540{flex:0 0 540px;}
.fw-700{flex:0 0 700px;}

.ff-200{flex:1 1 200px}

.fill{flex:1 1 auto;}


.data-table{
	display:table;
	table-layout: fixed;
	width: 100%;
	font-size:14px;
	border-top: 1px solid rgba(var(--thm-yellow-rgb),.1);
}

.data-table li{
	display:table-cell;
	padding: 10px 5px;
	vertical-align: middle;
}

.data-table li:last-of-type	> *:not(:last-of-type){margin-right:10px;}

.data-table.header{
	font-family:var(--thm-font-3);
	border-bottom: 1px solid rgba(var(--thm-yellow-rgb),.1);
}

.data-table li.fw-40{width:40px}
.data-table li.fw-80{width:80px}
.data-table li.fw-100{width:100px}
.data-table li.fw-120{width:120px}
.data-table li.fw-140{width:140px}
.data-table li.fw-160{width:160px}
.data-table li.fw-200{width:200px}
.data-table li.fw-300{width:300px}

.filter-toggle,
.nav-toggle{pointer-events: none}


/*------- Tags ---------*/

.tag__foil{
	border:1px solid rgba(var(--thm-grey-rgb),.2);
	font-size: 14px; 
	line-height: 1.2em; 
	padding: 5px; 
	border-radius: 4px;
	display:flex;
	align-items: center;
}

.tag__foil .text{
	margin-left: 5px;
	margin-right: 10px;
}

.tag__foil .remove{
	line-height: 1.2em; 
	background-color: var(--thm-green); 
	color:var(--thm-white); 
	padding:2px 6px;
	border-radius: 2px;
}

.tags {display: flex; align-items: center; column-gap: 20px; row-gap: 5px; flex-wrap: wrap;font-size: 14px;line-height: 1.4em}
.tags span{color:#CF7A00}
.tags span:before{
	content: '\f0da';
	font: var(--fa-font-solid);
	font-size: 12px;
	margin-right: 5px;
}

/*------- Input foil ---------*/
.input__foil label{
	display:flex;
	flex-direction: column-reverse;
	row-gap:5px;
	grid-row-gap:5px;
}

label.inline{flex-direction: row}

.input__foil.inline label{display:flex;flex-direction: row-reverse;align-items: center}
.input__foil.inline label span{flex:0 0 120px}
.input__foil.inline.fw-140 label span{flex:0 0 140px}
.input__foil.inline.fw-160 label span{flex:0 0 160px}
.input__foil.inline.fw-180 label span{flex:0 0 180px}

.input__foil.inline .footer span {flex: 0 0 120px}
.input__foil.inline.fw-140 .footer span {flex: 0 0 140px}
.input__foil.inline.fw-160 .footer span {flex: 0 0 160px}
.input__foil.inline.fw-180 .footer span {flex: 0 0 180px}

/*.input-foil.inline .grid{flex:1 0 auto;}
.input-foil.inline .grid > span{flex:0 0 120px}
.input-foil.inline.fw-140 .grid > span{flex:0 0 140px}
.input-foil.inline.fw-160 .grid > span{flex:0 0 160px}*/

.input__foil label.gender{grid-row-gap:0;row-gap:0}
.input__foil label.required span::after,
.input__foil input:required + span::after,
.input__foil select:required + span::after,
.input__foil textarea:required + span::after{
	content:'*';
	color:var(--thm-red);
	margin-left: 5px;
}

/* --------------- Male/Female Option -----------*/
.gender input{opacity:0;width:0;height:0;padding:0;margin:0;outline:none;}
.gender label span{
	padding:6px 20px; 
	background-color: rgba(var(--thm-black-rgb),.08);
	color:var(--thm-grey);
	text-align: center; 
	border-radius:6px;
	cursor: pointer;
	transition: .3s ease-in-out;
}
.gender input[value="male"]:checked + span {
	background-color:rgba(var(--thm-blue-rgb),.1);
	color:var(--thm-blue);
}

.gender input[value="female"]:checked + span {
	background-color:rgba(var(--thm-red-rgb),.1);
	color:var(--thm-red);
}

/* --------------- Toggle Slider -----------*/
.toggle-card {
  display: inline;
  vertical-align: middle;
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 17px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a5a5a5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #00972d;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00972d;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 14px;
}

.slider.round:before {
  border-radius: 50%;
}

/*------- Font Awsome ---------*/
.fa-online {
  color: #2cd904;
  font-size: 10px;
  vertical-align: super;
}
.fa-offline {
  color: #b8b8b8;
  font-size: 10px;
  vertical-align: super;
}
.fa-enabled {
  color: green;
  font-size: 10px;
  vertical-align: super;
}
.fa-disabled {
  color: #be1219;
  font-size: 10px;
  vertical-align: super;
}
/*------- Button & Links ---------*/
.btn{
	padding:9px 12px;
	line-height: 1.2em;
	color: var(--thm-white);
	background-color: rgba(var(--thm-blue-rgb),.8);
	letter-spacing: 1px;
  transition: 0.3s ease;
  border:1px solid transparent;
	border-radius: 1px;
}
.btn:hover{
	color: var(--thm-blue);
	background-color: transparent;
	border-color:rgba(var(--thm-blue-rgb),.8);
}

.btn.yellow{
	color: var(--thm-white);
	background-color: rgba(var(--thm-yellow-rgb),.8);
	text-shadow: 1px 1px 1px rgba(var(--thm-color-rgb),.4);
}

.btn.yellow:hover{
	color: var(--thm-yellow);
	background-color: transparent;
	border-color:rgba(var(--thm-yellow-rgb),.8);
	text-shadow: 1px 1px 1px rgba(var(--thm-color-rgb),.8);
}

.btn.disabled {
	color: rgba(var(--thm-grey-rgb), .5);
	background-color: rgba(var(--thm-grey-rgb), .1);
  border-color: rgba(var(--thm-grey-rgb), .15);
	pointer-events: none;
	text-shadow: none;
}

.btn-alt{
	line-height: 1.2em;
	padding:9px 12px;	
  background-color: transparent;
  border: 1px solid var(--thm-blue);
  color: var(--thm-blue);
	text-align: center;
}
.btn-alt:hover{
	color: var(--thm-blue);
	border: 1px solid var(--thm-blue);
	box-shadow: inset 0 0 0 1px rgba(var(--thm-blue-rgb),.8);
}

.btn-alt.red{
	border: 1px solid rgba(var(--thm-red-rgb),.8);
  color: rgba(var(--thm-red-rgb),.8);
}
.btn-alt.red:hover{box-shadow: inset 0 0 0 1px rgba(var(--thm-red-rgb),.8);}

.btn-alt.yellow{
	color:var(--thm-yellow);
	border: 1px solid rgba(var(--thm-yellow-rgb),.8);
}
.btn-alt.yellow:hover{box-shadow: inset 0 0 0 1px rgba(var(--thm-yellow-rgb),.8);}

.link{
	padding: 0;
	color: var(--thm-blue);
  background-color: transparent; /* rgb(0, 171, 250);*/
	font-size: 16px;
	font-weight: normal;
}

.link.green{color:var(--thm-green)}
.link.red{color:var(--thm-red)}
.link.yellow{color:var(--thm-yellow)}

.link:hover{background-color: transparent;border-color:transparent;}

.link-alt{
	color:rgba(var(--thm-black-rgb),.8);
	font-family: var(--thm-font-2);
	background-color:#FFA615;
	padding: 8px 16px;
	border:2px solid transparent;
	border-radius:24px;
	transition: .25s ease-in-out;
}
.link-alt:hover{
	background-color:transparent;
	border-color:var(--thm-yellow);
	color:rgba(var(--thm-black-rgb),.8);
}

.link-alt.bg{
	color:#414141;
	background-color: #f9f9f9;
	border:2px solid #FFA615;
}
.link-alt.bg:hover{background-color:#FFDCA4}

.link-search{}

/*
.slick-prev,.slick-next{font-family: sans-serif;font-weight: normal; text-shadow: none; }
.slick-next{right:-19px}
.slick-prev::before, .slick-next::before{color:dodgerblue;font-size:26px;}
*/

/*------- Common Classes ---------*/
.center {text-align: center;}
.right {text-align: right;}

.red{color:var(--thm-red);}
.green{color:var(--thm-green);}
.blue{color:var(--thm-blue);}
.yellow{color:var(--thm-yellow);}

.pre-wrap{white-space: pre-wrap;}

.ellipsis-1{
	display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ellipsis-2{
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ellipsis-3{
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ellipsis-4{
	display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ellipsis-5{
	display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ellipsis-6{
	display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.box-shadow-1{box-shadow: 0 0  18px 4px rgba(var(--thm-grey-rgb),.1)}

.border{border:1px solid var(--thm-border);}
.border-top{border-top:1px solid var(--thm-border);}
.border-btm{border-bottom:1px solid var(--thm-border);}

.m-10 {margin: 10px}
.m-20 {margin: 20px}
.m-30 {margin: 30px;}
.m-40 {margin: 40px}
.m-80 {margin: 80px}

.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-60{margin-top:60px;}
.mt-80{margin-top:80px;}

.mb-8 {margin-bottom: 8px}
.mb-10 {margin-bottom: 10px}
.mb-20 {margin-bottom: 20px}
.mb-30 {margin-bottom: 30px}
.mb-40 {margin-bottom: 40px}
.mb-60 {margin-bottom: 60px}
.mb-80 {margin-bottom: 80px}

.mtb-10 {margin-top: 10px;margin-bottom: 10px;}
.mtb-20 {margin-top: 20px;margin-bottom: 20px;}
.mtb-30 {margin-top: 30px;margin-bottom: 30px;}
.mtb-40 {margin-top: 40px;margin-bottom: 40px;}
.mtb-60 {margin-top: 60px;margin-bottom: 60px;}

.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px}
.ml-40 {margin-left: 40px}

.mr-5 {margin-right: 5px}
.mr-10 {margin-right: 10px}
.mr-20 {margin-right: 20px}
.mr-30 {margin-right: 30px;}

.mlr-10 {margin-left: 10px;margin-right: 10px;}
.mlr-20 {margin-left: 20px;margin-right: 20px;}
.mlr-30 {margin-left: 30px;margin-right: 30px}

.p-5 {padding: 5px}
.p-10 {padding: 10px}
.p-15 {padding: 15px}
.p-20 {padding: 20px}
.p-30{padding:30px}
.p-40{padding:40px}
.p-60{padding:60px}
.p-80{padding:80px}

.pt-5 {padding-top: 5px}
.pt-15 {padding-top: 15px}
.pt-10 {padding-top: 10px}
.pt-20 {padding-top: 20px}
.pt-30 {padding-top: 30px}
.pt-40 {padding-top: 40px}
.pt-60 {padding-top: 60px}
.pt-65 {padding-top: 65px}
.pt-80 {padding-top: 80px}
.pt-100 {padding-top: 100px}
.pt-120 {padding-top: 120px}
.pt-140 {padding-top: 140px}
.pt-160 {padding-top: 160px}
.pt-180 {padding-top: 180px}
.pt-200 {padding-top: 200px}
.pt-300 {padding-top: 300px}

.pb-10 {padding-bottom: 10px}
.pb-15 {padding-bottom: 15px}
.pb-20 {padding-bottom: 20px}
.pb-30 {padding-bottom: 30px}
.pb-40 {padding-bottom: 30px}
.pb-60 {padding-bottom: 60px}
.pb-80 {padding-bottom: 80px}
.pb-100 {padding-bottom: 100px}
.pb-120 {padding-bottom: 120px}
.pb-140 {padding-bottom: 140px}
.pb-160 {padding-bottom: 160px}
.pb-180 {padding-bottom: 180px}
.pb-200 {padding-bottom: 200px}
.pb-220 {padding-bottom: 220px}
.pb-300 {padding-bottom: 300px}

.ptb-10 {padding-top: 10px;padding-bottom: 10px}
.ptb-20 {padding-top: 20px; padding-bottom: 20px}
.ptb-30 {padding-top: 30px; padding-bottom: 30px}
.ptb-40 {padding-top: 40px; padding-bottom: 40px}
.ptb-60 {padding-top: 60px; padding-bottom: 60px}
.ptb-80 {padding-top: 80px; padding-bottom: 80px}
.ptb-100 {padding-top: 100px; padding-bottom: 100px}
.ptb-160 {padding-top: 160px; padding-bottom: 160px}

.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}

.plr-5 {padding-left: 5px;padding-right: 5px}
.plr-10 {padding-left: 10px;padding-right: 10px}
.plr-20 {padding-left: 20px;padding-right: 20px}
.plr-30 {padding-left: 30px;padding-right: 30px}
.plr-40 {padding-left: 40px; padding-right: 40px}
.plr-60 {padding-left: 60px; padding-right: 60px}

/* --------------- Selectable Drop Down -----------*/
.selectDropDown{position: relative;}

.selectDropDown a{
	color: #f9f9f9;
	background-color: dodgerblue;
	padding: 10px 14px;
	border-radius: 2px;
	cursor: pointer;
	transition: .25s ease-in-out;
}

.selectDropDown a::after{
	content:'\f107';
	font:var(--fa-font-solid);
	font-size:14px;
	margin-left: 10px;
	transition: .25s ease-in-out;
	display: inline-flex;
	align-items: center;
}

.selectDropDown .selectBox{
	border:1px solid #e2e2e2;
	border-radius: 2px;
	min-width: 210px;
	display:flex;
	flex-direction: column;
	row-gap:5px;
	position: absolute;
	top:33px;
	z-index: 111;
	padding: 5px;
	background-color: rgba(255,255,255,.9);
	transition: .25s ease-in-out;
	visibility: hidden;
	opacity: 0;
}

.selectDropDown.show a::after{rotate: 180deg;}
.selectDropDown.show .selectBox{
	visibility:visible;
	opacity: 1;
}

.selectDropDown .selectBox input[type="checkbox"]{margin-right: 10px;}

.selectDropDown .selectBox li:first-of-type{border-bottom: 1px solid #e2e2e2;padding-bottom: 5px}
.selectDropDown .selectBox li:last-of-type{border-top: 1px solid #e2e2e2;}

.selectDropDown button.link{padding: 4px 10px;border:none}
.selectDropDown button.link:hover{}

/*------- Search Select Dropdown ---------*/
.select__foil{
	position: relative;
	cursor: pointer;
	border:1px solid rgba(var(--thm-yellow-rgb),.4);
	border-radius: 2px; padding:5px 10px
}

.select__foil.show .dropdown{
	visibility:visible;
	opacity: 1;
}
.select__foil .label{
	display: flex;
	align-items: center; 
	justify-content: space-between;
	font-size: 14px;
}
.select__foil .label::after{
	content:'\f107';
	font:var(--fa-font-solid);
	margin-left:10px;
	/*transition:all .25s ease-in-out;*/
	font-size: 12px;
}

.select__foil.show .label::after{rotate:180deg;}

.select__foil .dropdown{
	position:absolute;
	display: flex;
	flex-flow: column nowrap;
	background:  rgba(var(--thm-white-rgb),.98);
	top:38px;
	right:-1px;
	left:-1px;
	border:1px solid var(--thm-border);
	border-radius: 2px;
	transition: all .25s ease-in-out;
	visibility: hidden;
	opacity: 0;
	z-index: 111;
}

.select__foil .search{
	display: flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
}

.select__foil .search input{flex:1 1 auto; border:0;}
.select__foil .search input:focus{box-shadow: none}
.select__foil .search [data-command="close"]{color:rgba(var(--thm-grey-rgb),.7);font-size:14px;cursor: pointer;}
.select__foil .search [data-command="close"]:hover{color:var(--thm-green)}

.select__foil__foil .search::before{
	content:'\f002';
	font:var(--fa-font-solid);
	color: rgba(var(--thm-black-rgb),.4);
}

.select__foil .list{
	border-top:1px solid rgba(var(--thm-grey-rgb),.3);	
	max-height: 500px;
	overflow-y: auto;
}
.select__foil .list li{
	display: flex;
	column-gap: 10px;
	align-items: center;
	border-top:1px solid var(--thm-border);
	padding: 5px 10px;
}
.select__foil .list li:hover{
	background-color:rgba(var(--thm-grey-rgb),.1);
	cursor: pointer;
}

/*------- Modal ---------*/
.modal-foil{z-index:99999}
.modal-backdrop{
	background-color: rgba(var(--thm-black-rgb),.6);
	position: fixed;
	left: 0;
	right:0;
	top: 0;
	bottom:0;
	visibility: hidden;
	opacity: 0;
	transition: all .25s ease-in-out;
	
}

.spiner-foil{
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	color:var(--thm-white);
	visibility: hidden;
	opacity: 0;
	transition: all .25s ease-in-out;
}

.spiner{
	position: relative;
	top:45%;
}

.modal-foil.show .modal-backdrop,
.modal-foil.show .spiner-foil{
	visibility: visible;
	opacity: 1;
}

/*------- Header ---------*/

.page-nav__left .logo {display:flex;}
.page-nav__left .text{
	display:none;
	background-color: var(--thm-black);
	padding:10px;
	color:rgba(var(--thm-yellow-rgb),.9);
	font-size:18px;
	font-weight: 600;
}

.nav-foil__top{
	/*border:1px solid red;*/
	display:flex;
	justify-content: flex-end;
	column-gap: 20px;
	align-items: center;
}

.nav-foil__top span.sub {
	font-family: var(--thm-font-3);
	border-radius: 4px;
	padding: 6px 12px;
	cursor: pointer;
	transition: all .3s ease-in-out;
	border:1px solid transparent;
}


.nav-foil__top span.sub::after{
	content:'\f0d7';
	display: inline-flex;
	font:var(--fa-font-solid);
	margin-left: 15px;
	transition: all .3s ease-in-out;
}
.nav-foil__top span.sub a{color:var(--thm-color);}

.nav-foil__top span.sub.active,
.nav-foil__top span.sub:hover{
	background-color: var(--thm-yellow);
	border-color:var(--thm-yellow);
}

.nav-foil__top span.sub.active::after,
.nav-foil__top span.sub:hover::after{rotate:180deg;}

/*------------ Top Navigation (help) ------------*/

.nav-foil__top .help{
	position: relative;
	display:flex;
	flex-direction: column;
}
.nav-foil__top .help .sub::before{
	content:'\f590';
	font:var(--fa-font-solid);
	margin-right:10px;
}
.nav-foil__top .help:hover ul{
	visibility:visible;
	opacity: 1
}

.nav-foil__top .help ul{
	display: flex;
	flex-flow: column nowrap;
	background: #fff;
	position: absolute;
	top:40px;
	right: 0px;
	z-index: 111;
	min-width: 300px;
	border-radius: 2px;
	box-shadow: 2px 2px 6px #666666;
	transition: .25s ease-in-out;
	font-weight: normal;
	visibility: hidden;
	opacity: 0;
}

.nav-foil__top .help ul li{
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
}

.nav-foil__top .help ul li:first-of-type{flex-direction:column}

.nav-foil__top .help .contact{
	background-color:#FFF1CF;
	padding:0;
}

.nav-foil__top .help .contact a{padding:12px 25px;flex:1 1 50%; text-align: center}
.nav-foil__top .help .contact a:first-of-type{border-right:1px solid #FFDAA0}
.nav-foil__top .help .contact a:last-of-type{border-right:1px solid #FFFDFB}
.nav-foil__top .help .contact a span{color:#414141}

.nav-foil__top .help ul li:last-of-type a:not(:last-of-type)::after{content:'-'; margin-left:10px; color:#414141;}

/*------------ Top Navigation (account) ------------*/
.nav-foil__top .account{
	position: relative;
	display:flex;
	flex-direction: column;
}

.nav-foil__top .account .sub::before{
	content:'\f2bd';
	font:var(--fa-font-solid);
	margin-right:10px;
}

.nav-foil__top .account:hover {}
.nav-foil__top .account:hover ul{
	visibility:visible;
	opacity: 1
}

.nav-foil__top .account ul{
	display: flex;
	flex-flow: column nowrap;
	background: #fff;
	position: absolute;
	top:40px;
	right: 0px;
	z-index: 111;
	min-width: 210px;
	border-radius: 2px;
	box-shadow: 2px 2px 6px #666666;
	transition: .25s ease-in-out;
	font-weight: normal;
	visibility: hidden;
	opacity: 0;
}

.nav-foil__top .account ul li{padding: 12px 16px;}
/*.top-nav-right .account ul li:not(:last-of-type){border-bottom:1px solid #e9e9e9 }*/
.nav-foil__top .account ul li a{display:block}

.nav-foil__top .account > a{display:flex; align-items: center}
.nav-foil__top .account > a > i{font-size:22px;}

.nav-foil__top .account .account-nav li {transition: all .25s ease-in-out; padding: 0}
.nav-foil__top .account .account-nav li a{color:var(--thm-color);transition: all .25s ease-in-out;padding: 8px 16px;}
.nav-foil__top .account .account-nav li:hover{background-color:rgba(var(--thm-yellow-rgb),.15)}
.nav-foil__top .account .account-nav li:hover a{color:var(--thm-blue)}
.nav-foil__top .account .account-nav li:not(:last-of-type){border-bottom: 1px solid rgba(var(--thm-yellow-rgb),.3);}

/*------------ Top Navigation (cart) ------------*/

.nav-foil__top .cart {
	position: relative;
	display:flex;
	flex-direction: column;
}
.nav-foil__top .cart .sub{border-color:rgba(var(--thm-yellow-rgb),.7)}

.nav-foil__top .cart .sub::before{
	content:'\f07a';
	font:var(--fa-font-solid);
	margin-right:10px;
}

.nav-foil__top .cart .sub::before{margin-right: 3px}
.nav-foil__top .cart .sub::after{content:'';display: none;}

.nav-foil__top .cart > a{display: flex; align-items: center}
.nav-foil__top .cart ul{
	width:400px;
	display:flex;
	flex-flow: column nowrap; 
	background: #fff; 
	font-size: 14px;
	line-height: 1.4em;
	position: absolute; 
	top:41px;
	right:0;
	z-index: 666;
	border-radius: 2px;
	box-shadow: 2px 2px 6px #666666;
	max-height: 600px;
	overflow-y: auto;
	transition: .3s ease;
	opacity: 0;
	visibility: hidden;
}
.nav-foil__top .cart:hover ul{opacity: 1; visibility: visible}

.nav-foil__top .cart ul li{display:flex; justify-content: space-between; padding: 10px; column-gap: 10px;}
.nav-foil__top .cart ul li:not(:last-of-type){border-bottom:1px solid #e9e9e9}
.nav-foil__top .cart ul li:last-of-type{padding: 0; }
.nav-foil__top .cart ul li:last-of-type a{
	display: block;
	width: 100%;
	padding: 12px;
	text-align: center;
	background-color:dodgerblue;
	color:#f9f9f9;
	font-family: var(--thm-font-2);
	font-size:14px;
	letter-spacing: 1px;
}

.nav-foil__top .cart ul li figure{
	border:1px solid #e9e9e9;
	border-radius: 2px;
	padding: 2px;
}
.nav-foil__top .cart ul li figure img{width:60px;}
.nav-foil__top .cart ul li strong{font-size:14px}

/*------------ Shop Navigation (ship) ------------*/

.nav-foil__middle{
	display:flex;
	justify-content:space-between;
	align-items: center;
	column-gap: 30px;
}

.nav-foil__middle .input__foil{
	border-left:2px solid rgba(var(--thm-yellow-rgb),.8);
	border-top:2px solid rgba(var(--thm-yellow-rgb),.8);
	border-bottom:2px solid rgba(var(--thm-yellow-rgb),.8); 
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px
}
.nav-foil__middle .input__foil input{border-color: transparent;padding: 8px}
.nav-foil__middle .input__foil input:focus{box-shadow:none;	border-color:transparent;}

.nav-foil__middle .search-select__foil select{
	border-left:1px solid rgba(var(--thm-yellow-rgb),.4);
	border-right:2px solid rgba(var(--thm-yellow-rgb),.8);
	border-top:2px solid rgba(var(--thm-yellow-rgb),.8);
	border-bottom:2px solid rgba(var(--thm-yellow-rgb),.8);
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	padding:9px 18px;

}
.nav-foil__middle .search-select__foil select:focus{box-shadow:none;}

/*.nav-foil__middle .ship{
	display:flex;
	column-gap: 10px;
	padding:6px 10px;
	background-color:#FFC019;
}

.nav-foil__middle .ship select{
	flex:1 1 auto;
	outline: none;
	padding:4px 10px;
	border-color:rgba(var(--thm-white-rgb),.4);
}
.nav-foil__middle .ship select:focus{box-shadow: none;border-color:rgba(var(--thm-white-rgb),.4);}
.nav-foil__middle .ship .title{font-weight: 600;}*/


.nav-foil__middle span.sub {
	cursor: pointer;
	transition: all .3s ease-in-out;
	display: flex;
	align-items: center;
	/*border:1px solid transparent;*/
}

.nav-foil__middle span.sub::after{
	content:'\f0d7';
	display: inline-flex;
	font:var(--fa-font-solid);
	margin-left: 10px;
	/*transition: all .3s ease-in-out;*/
}
.nav-foil__middle span.sub a{color:var(--thm-color);}

.nav-foil__middle .nav-top{
	display:flex;
	justify-content: space-between;
	column-gap: 30px
}
/*------------ Top Navigation (shipto) ------------*/
.nav-foil__middle .shipto{
	position: relative;
	display: flex;
	flex-direction: column;
}

.nav-foil__middle .shipto.show .__foil{
	visibility: visible;
	opacity: 1;
}
.nav-foil__middle .shipto.show .sub::after{rotate:180deg}

.nav-foil__middle .shipto .sub::after{content:'\f107';font-size:12px;}

.nav-foil__middle .shipto .title{display:flex;align-items: center; column-gap: 5px}
.nav-foil__middle .shipto .title figure{display: flex; align-items: center; column-gap: 5px}
.nav-foil__middle .shipto .title figure img{height:16px;width: 22px;	border:1px solid var(--thm-border);}
.nav-foil__middle .shipto .title figure::after{content:'|'; font-size: 12px; color: rgba(var(--thm-color-rgb),.7);}


.nav-foil__middle .shipto .__foil{
	display: flex;
	flex-flow: column nowrap;
	row-gap:10px;
	background-color: rgba(var(--thm-white-rgb),.95);
	position: absolute;
	top:26px;
	right: 0;
	z-index: 111;
	min-width: 280px;
	border-radius: 2px;
	box-shadow: 2px 2px 12px rgba(var(--thm-grey-rgb),.4);
	transition: .25s ease-in-out;
	font-weight: normal;
	padding:20px;
	visibility: hidden;
	opacity: 0;
}

.nav-foil__middle .shipto .__foil [data-command="close"]{
	position:absolute;
	right: 10px;
	top:5px;
	background-color: transparent;
	padding: 0;
	border:none;
	color:rgba(var(--thm-grey-rgb),.7);
	font-size:14px;
	cursor: pointer;
}
.nav-foil__middle .shipto .__foil [data-command="close"]:hover{color:var(--thm-blue);}

.nav-foil__middle .shipto .__foil [data-command="save"]{padding:4px 20px; font-size: 14px; cursor: pointer;}

/*------------ Country Selector ------------*/

.shipto__foil{position: relative;cursor: pointer;border:1px solid rgba(var(--thm-yellow-rgb),.4);border-radius: 2px; padding:5px 10px}

.shipto__foil.show .dropdown{
	visibility:visible;
	opacity: 1;
}
.shipto__foil .flag{
	display: flex;
	align-items: center; 
	justify-content: space-between;
	font-size: 14px;
}
.shipto__foil .flag::after{
	content:'\f107';
	font:var(--fa-font-solid);
	margin-left:10px;
	/*transition:all .25s ease-in-out;*/
	font-size: 12px;
}

.shipto__foil.show .flag::after{rotate:180deg;}

.shipto__foil .flag figure{display:flex; align-items: center;}
.shipto__foil .flag img{
	height:16px;
	width: 22px;
	border:1px solid var(--thm-border);
}
.shipto__foil .flag figcaption::before{
	content:'|';
	color: rgba(var(--thm-color-rgb),.5);
	margin-left: 2px;
	margin-right: 2px;
}
.shipto__foil .dropdown{
	position:absolute;
	display: flex;
	flex-flow: column nowrap;
	background:  rgba(var(--thm-white-rgb),.98);
	top:38px;
	right:-1px;
	left:-1px;
	border:1px solid var(--thm-border);
	border-radius: 2px;
	transition: all .25s ease-in-out;
	visibility: hidden;
	opacity: 0;
	z-index: 111;
}

.shipto__foil .search{
	display: flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
}

.shipto__foil .search input{flex:1 1 auto; border:0;}
.shipto__foil .search input:focus{box-shadow: none}
.shipto__foil .search [data-command="close"]{color:rgba(var(--thm-grey-rgb),.7);font-size:14px;cursor: pointer;}
.shipto__foil .search [data-command="close"]:hover{color:var(--thm-blue)}

.shipto__foil .search::before{
	content:'\f002';
	font:var(--fa-font-solid);
	color: rgba(var(--thm-black-rgb),.4);
}

.shipto__foil .list{
	border-top:1px solid rgba(var(--thm-grey-rgb),.3);	
	max-height: 500px;
	overflow-y: auto;
}
.shipto__foil .list li{
	display: flex;
	column-gap: 10px;
	align-items: center;
	border-top:1px solid var(--thm-border);
	padding: 5px 20px 5px 5px;
}
.shipto__foil .list li:hover{
	background-color:rgba(var(--thm-grey-rgb),.1);
	cursor: pointer;
}

.shipto__foil .list li img{
	height:16px;
	width: 22px;
	border:1px solid var(--thm-border);
}
/*------------ Currency Selector ------------*/

.currency__foil{position: relative;cursor: pointer;border:1px solid rgba(var(--thm-yellow-rgb),.4);border-radius: 2px; padding:5px 10px}

.currency__foil.show .dropdown{
	visibility:visible;
	opacity: 1;
}
.currency__foil .title{
	display: flex;
	align-items: center; 
	justify-content: space-between;
	font-size: 14px;
}
.currency__foil .title::after{
	content:'\f107';
	font:var(--fa-font-solid);
	margin-left:10px;
	/*transition:all .25s ease-in-out;*/
	font-size: 12px;
}

.currency__foil.show .title::after{rotate:180deg;}

/*.shipto__foil .flag figure{display:flex; align-items: center;}
.shipto__foil .flag img{
	height:16px;
	width: 22px;
	border:1px solid var(--thm-border);
}*/
.shipto__foil .flag figcaption::before{
	content:'|';
	color: rgba(var(--thm-color-rgb),.5);
	margin-left: 2px;
	margin-right: 2px;
}
.currency__foil .dropdown{
	position:absolute;
	display: flex;
	flex-flow: column nowrap;
	background:  rgba(var(--thm-white-rgb),.98);
	top:38px;
	right:-1px;
	left:-1px;
	border:1px solid var(--thm-border);
	border-radius: 2px;
	transition: all .25s ease-in-out;
	visibility: hidden;
	opacity: 0;
	z-index: 99;
}

.currency__foil .search{
	display: flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
}

.currency__foil .search input{flex:1 1 auto; border:0;}
.currency__foil .search input:focus{box-shadow: none}
.currency__foil .search [data-command="close"]{color:rgba(var(--thm-grey-rgb),.7);font-size:14px;cursor: pointer;}
.currency__foil .search [data-command="close"]:hover{color:var(--thm-green)}

.currency__foil .search::before{
	content:'\f002';
	font:var(--fa-font-solid);
	color: rgba(var(--thm-black-rgb),.4);
}

.currency__foil .list{
	border-top:1px solid rgba(var(--thm-grey-rgb),.3);	
	max-height: 500px;
	overflow-y: auto;
}
.currency__foil .list li{
	display: flex;
	column-gap: 10px;
	align-items: center;
	justify-content: space-between;
	border-top:1px solid var(--thm-border);
	padding: 5px 10px;
}
.currency__foil .list li:hover{
	background-color:rgba(var(--thm-grey-rgb),.1);
	cursor: pointer;
}

/*.shipto__foil .list li img{
	height:16px;
	width: 22px;
	border:1px solid var(--thm-border);
}
*/
/*------------ Main Navigation ------------*/
.nav-foil__footer{
	display:flex;
	justify-content:space-between;
	align-items: center;
	column-gap: 40px;
}

.main-nav__foil input,
.main-nav__foil > label{display:none}

.main-nav__foil input + label::after {
	content: "\f0c9";
	font:var(--fa-font-solid);
	vertical-align: middle;
	color: rgba(var(--thm-white-rgb),.9);
	font-size: 28px;
	line-height: 1em;
	width: 28px;
	text-align: center
}

.main-nav__foil input:checked + label::after {
  content: "\00d7";
	vertical-align: middle;
}

.main-nav{
/*	border: 1px solid blue;*/
	display: flex;
	align-items: center;
	font-family: var(--thm-font-2);
	font-size: 18px;
	column-gap: 20px;
}

.main-nav li{
	display:flex;
	transition:.3s ease;
	border-radius: 4px;
	position: relative;
	
}
.main-nav > li:first-of-type{border:1px solid var(--thm-yellow);}

.main-nav li a{color:var(--thm-color);padding:9px 20px;}

.main-nav > li > span{cursor: pointer;padding:9px 20px;}
.main-nav > li > span::after{
	content:'\f0d7';
	font:var(--fa-font-solid);
	margin-left: 20px;
	font-size: 14px;
}

.main-nav li.active,
.main-nav li:hover{	background-color: var(--thm-yellow);}

.main-nav .sub{
	/*border:1px solid #d56a65;*/
	position:absolute;
	visibility:collapse;
	padding:0;
	opacity: 0;
	top:45px;
	left:1px;
	z-index:33;
	transition: all .3s ease-in-out;
	min-width: 240px;
	background: #fff;
	display: none;
	flex-flow: column nowrap;
	font-weight: normal;
}

.main-nav li:hover .sub{
	visibility:visible;
	opacity:1;
	display:flex;
	box-shadow:1px 1px 3px #767676;
}

.main-nav .sub a{
	color:var(--thm-color);
	padding:10px 20px;
	transition: all .3s ease-in-out;
	border-bottom: 1px solid #ECECEC;
	font-size: 16px;
}
.main-nav .sub a:first-of-type{	border-top: 3px solid rgba(var(--thm-blue-rgb),.7);}
.main-nav .sub a:last-of-type{border-bottom-color: transparent;}
.main-nav .sub a:hover{background-color: rgba(var(--thm-yellow-rgb),.4);}

.tag-line{
	color:var(--thm-blue);
	font-family: var(--thm-font-3);
	font-size:18px;
}

.header-shadow{
	background: url("../images/resources/header-shadow.png") no-repeat top center;
	width: 100%;
	margin: 0 auto;
	height: 41px;
	position: absolute;
/*	float: left;*/
	z-index: 9;
}

/* --------------- Step Navigation -----------*/
.stepNav{
	/*border:1px solid red;*/
	display:flex;
	column-gap: 30px;
	font-size:16px;
}

.stepNav a{
	padding-top:10px;
	/*padding-bottom: 5px;*/
	padding-left: 10px;
	padding-right: 10px;
	border-top:3px solid rgba(var(--thm-yellow-rgb),.8);
	color: rgba(var(--thm-yellow-rgb),1);
	transition:all .3s ease-in-out;
}

.stepNav a.active{
	border-top-color:rgba(var(--thm-blue-rgb),.7);
	/*background-color:rgba(var(--thm-green-rgb),.3);*/
	color:rgba(var(--thm-blue-rgb),.7);
}
.stepNav a:hover{
	border-top-color:rgba(var(--thm-blue-rgb),.7);
	color:rgba(var(--thm-blue-rgb),.7);
}

.stepNav a.disabled{
	border-top-color:rgba(var(--thm-grey-rgb),.5);
	color:rgba(var(--thm-grey-rgb),.3);
	cursor:not-allowed;
}

/* --------------- Tab Navigation -----------*/
.tabNav{
	display:flex;
	/*border:1px solid rgba(var(--thm-grey-rgb),.1);*/
	column-gap: 10px;
	flex-wrap: wrap;
}

.tabNav a{
	color:var(--thm-color);
	background-color:var(--thm-white);
	padding: 6px 16px;
	border-top:3px solid rgba(var(--thm-grey-rgb),.2);
	border-left:1px solid rgba(var(--thm-grey-rgb),.2);
	border-right:1px solid rgba(var(--thm-grey-rgb),.2);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	transition:all .3s ease-in-out;
}
.tabNav a:hover{color:var(--thm-yellow);}
.tabNav a.active{
	color:var(--thm-yellow);
	border-top-color:var(--thm-yellow);
	z-index: 10;/*!important always set the container z-index less than this */
}

.tabNav-content__foil{
	position: relative; 
	top:-1px; 
	z-index: 9;
	border:1px solid rgba(var(--thm-grey-rgb),.2); 
}

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

.sideNav{
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
}

.sideNav a{
	color:var(--thm-color);
	background-color:var(--thm-white);
	padding: 10px 20px;
	border-left:3px solid transparent;
	/*transition:all .3s ease-in-out;*/
}

.sideNav a:hover{border-color:rgba(var(--thm-grey-rgb),.3);}
.sideNav a.active,
.sideNav a.active:hover{border-color:rgba(var(--thm-yellow-rgb),1);}

/*------------ Product Card ------------*/
.product-card__foil{
	position: relative;
	flex:1 1 180px;
	display: flex;
	flex-direction: column;
	row-gap:5px;
	padding:10px;
	box-shadow: 0 0 16px 0 rgba(var(--thm-grey-rgb),.2); 
	border-radius: 4px
}
.product-card__foil .product-card{border:none;}
.product-card__foil .product-card .image{position:relative; border:1px solid var(--thm-border); margin-bottom: 10px}
.product-card__foil .item{position:relative;}

.product-card {color:var(--thm-color);display:flex; flex-direction: column;position: relative;border:1px solid var(--thm-border);}
.product-card .image{border-radius: 2px;}
.product-card .image img{width: 100%;}
.product-card strong{font-size: 14px;}
.product-card p{
	display: -webkit-box;
/*  max-width: auto;*/
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card .abs{
	display: flex;
	column-gap: 5px;
	position: absolute;
	font-size: 14px;
	top: 0;
	right: 0;
	padding: 5px;
	background-color: rgba(var(--thm-black-rgb),.2);
	border-bottom-left-radius: 4px;
}

.product-card .abs [data-action]{line-height: 1em; background-color: var(--thm-white);	padding:5px 5px;	border-radius: 50%;transition: all .25s ease-in-out;}

.product-card strike{color:var(--thm-red); margin-right:10px}
.product-card strike + span{color:var(--thm-green);}

.product-card .content{
	padding: 5px 10px;
	background-color:rgba(var(--thm-grey-rgb),.1);
	border-top:3px solid rgba(var(--thm-grey-rgb),.2);
	transition: all .25s ease-in-out;
}

.product-card:hover .content{background-color:rgba(var(--thm-yellow-rgb),.7);}

.product-card .tag{
	background-color: rgba(var(--thm-blue-rgb),.8); 
	color:var(--thm-white); 
	position: absolute;
	left:0; 
	padding: 3px 8px; 
	font-size:12px; 
	border-bottom-right-radius: 8px;
}

/* --------------- Page Title-----------*/
.page-title{
	position: relative;
	background-image:url("../images/resources/bg-01.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	background-color:  #edf2f6;
	height: 400px;
}
.page-title::before{
  left: 0;
  width: 100%;
  content: '';
  bottom: 0;
  height: 81px;
  position: absolute;
  background-image: url("../images/resources/shape.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;	
}

.page-title {font-weight: 700}

.search{display: flex; justify-content: space-between; align-items: center }

/* ---------------Slick Carousels Home Page -----------*/

.slide-carousel__foil{position: relative; overflow: hidden;}

.slide-carousel{
	position: relative;
	display: flex;
	border:2px solid rgba(var(--thm-yellow-rgb),.3);
	border-radius: 2px; 
	box-shadow: 0 0 12px 0 rgba(var(--thm-grey-rgb),.3);
}
.slide-carousel .image img{height: auto; width: 100%}

.product-type-carousel__foil{position:relative; overflow: hidden}
.product-type-carousel{
	position: relative;
	display:flex; 
	flex-flow: row;
	justify-content: space-between; 
}
.product-type-carousel .item{margin: 0 15px;}
.product-type-carousel .image{border: 3px solid rgba(var(--thm-yellow-rgb),.5); border-radius: 50%;overflow: hidden}
.product-type-carousel .image img{height: auto;}

.product-carousel__foil{position:relative; overflow: hidden}
.product-carousel{
	position: relative;
	display: flex;
	justify-content: space-between;
	column-gap: 30px;
	align-items: stretch;
}
.product-carousel .product-card{margin-left: 15px; margin-right: 15px}


.product-group-carousel__foil{position:relative; overflow: hidden}
.product-group-carousel{
	position: relative;
	display:flex; 
	flex-flow: row;
	justify-content: space-between; 
	column-gap: 30px;
}
.group-card__foil{
	box-shadow: 0 0 12px 0px rgba(var(--thm-grey-rgb),.4);
	padding: 10px;
	margin:12px 15px;
	border-radius: 4px;
}
.group-card__foil .image img{width: 100%}
.group-card__foil .title {
	font-family:var(--thm-font-2);
	font-size: 18px;
	letter-spacing: 1px;
	margin-top: 10px;
	text-align: center;
}

.prev,.next,.prev-arrow,.next-arrow{
	position: absolute;
	top:calc(50% + 1rem);
	cursor: pointer;
	background-color: rgba(var(--thm-white-rgb),.9);
	box-shadow: 0 0 8px 0 rgba(var(--thm-grey-rgb),.4);
	padding: 6px 8px;
	border-radius: 50%;
	color:var(--thm-blue);
	font-size: 12px;
	line-height: 1em;
}
.prev, .prev-arrow{left:0}
.next,.next-arrow{right:0}

/* --------------- Ad Banners -----------*/
.ad-banner {display:flex; justify-content: space-between; grid-gap: 20px;}
.ad-banner .image{box-shadow: 0 0 24px 0 rgba(var(--thm-grey-rgb),.2)}
.ad-banner .image img{width:100%}

/* --------------- Home Shop By Category -----------*/
/*.shop-category{
	display: flex;
	overflow:hidden;
}

/*.shop-category a{ margin-left: 15px; margin-right: 15px; }*//*
.shop-category .product-card{border: none;}
.shop-category .image{
	box-shadow: 0 0 12px 0px #CFCFCF;
	/*border:1px solid #CFCFCF;*//*
	padding: 10px;
	border-radius: 4px;
}
.shop-category .image img{width: 100%}
.shop-category .title {
	font-family:var(--thm-font-2);
	font-size: 18px;
	letter-spacing: 1px;
	margin-top: 10px;
	text-align: center;
}*/

/*.shop-category .slick-slide{height: auto}*/
/*.shop-category .slick-track{display:flex; column-gap: 30px}*/
/* --------------- Home Product-Carousel -----------*/

/* --------------- Home Offers Two-----------*/
/*  flex-basis: calc((100% - (n-1)rem)/n); where n is number of columns */
.home-offers-two{display:flex; flex-flow: row wrap; justify-content: center; gap: 20px;}
.home-offers-two figure{max-width: 630px;}
.home-offers-two figure img{width: 100%}

/* --------------- Full Width Offer -----------*/
.offer-fullwidth figure{display: block;max-width: 1280px;}
.offer-fullwidth figure img{width: 100%;}

/* ---------------Home Features -----------*/
.home-features{
	display: flex;
	justify-content:center;
	padding-top: 60px;
	padding-bottom: 60px;
	background-color:#ffbc01;
}

.home-features article{
	flex: 0 1 25%;
	padding-left: 60px;
	padding-right: 60px;
}
.home-features article img{margin:auto}
.home-features article h3{margin-top:20px; text-align: center;}
.home-features article:not(:first-of-type){border-left:1px solid #FFF2A0;}
.home-features article:not(:last-of-type){border-right:1px solid #C98300;}

/* ---------------Blogs Topics -----------*/
.blog-home-wrapper {}
.blog-home-post {	
	box-shadow: 0 0 6px 1px #CFCFCF;
	border:1px solid #CFCFCF;
	padding: 10px;
	border-radius: 4px;
	flex:1 1 350px;
}
.blog-home-post p{
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-home-post h3{
	display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-home-post figure img{width: 100%}
.blog-home-post footer{
	margin-top:10px;
	padding-top: 5px; 
	border-top: 1px solid #FFE7A7; 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	font-size: 14px;
}
.blog-home-post footer i{margin-right:5px; color: #CF9800}

/* ---------------Blog Post -----------*/
.blog-foil .sidebar{flex:1 0 400px;}

.blog-post{/*border:1px solid #eee;*/}
.blog-post h2{font-size:28px; color: #CF9800; line-height: 1.2em; margin-bottom: 20px;}
.blog-post p{margin: 20px auto;}
.blog-post figure img{width: 100%}
.blog-post footer{
	margin-top:10px;
	padding-top: 5px; 
	border-top: 1px solid #F7D990;
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	font-size: 14px;
}
.blog-post footer i{margin-right:5px; color: #CF9800}

.topic-list{
	display:flex;
	flex-flow: column nowrap;
	row-gap:20px;
	margin-top: 10px
}
.topic-list li{display:flex; column-gap: 10px; padding-bottom: 5px; }
.topic-list li:not(:last-of-type){border-bottom:1px solid #F7D990}
.topic-list li:last-of-type{padding: 0; }

.topic-list li figure{
	border:1px solid #F7D990;
	border-radius: 2px;
	padding: 2px;
	max-width: 100px;
}
.topic-list li figure img{width:100%;}
.topic-list li > span{flex:1 1 auto;display: flex;flex-flow: column nowrap; justify-content: space-between}
.topic-list span div{display: flex; justify-content: space-between; align-items: center; font-size:14px}
.topic-list span i{margin-right: 5px; color: #CF9800}


/*------------ Product page ------------*/

.variant-carousel__foil{box-shadow:0 0 12px 0px rgba(var(--thm-grey-rgb),.15);}
.variant-carousel__foil .prev-arrow{left:5px;}
.variant-carousel__foil .next-arrow{right:5px;}

.variant-carousel-nav__foil .prev-arrow,
.variant-carousel-nav__foil .next-arrow{top:40%}
.variant-carousel-nav .image {border:2px solid rgba(var(--thm-grey-rgb),.2); border-radius: 2px;margin-left:5px; margin-right: 5px;}
.variant-carousel-nav .image.slick-current {border-color:rgba(var(--thm-yellow-rgb),.7);}


.product-detail__foil h1{font-family:var(--thm-font-2); font-size: 20px}
.product-detail__foil h2{font-family:var(--thm-font-3); font-size:18px;}


.product-detail__foil .flash-deal{background-color: rgba(var(--thm-blue-rgb),.9);color:var(--thm-white);border-radius: 4px}
.product-detail__foil .flash-deal .countdown{background-color: var(--thm-white)}
.product-detail__foil .clearance-sale{background-color: rgba(var(--thm-red-rgb),.8);color:var(--thm-white);border-radius: 4px}
.product-detail__foil .clearance-sale .countdown{background-color: var(--thm-white); color:var(--thm-color)}

.product-detail__foil .price {font-family: var(--thm-font-3);font-size:18px;}
.product-detail__foil .price strike{color:var(--thm-red);}
.product-detail__foil .price span{color:var(--thm-green);}

.product-detail__foil strong{font-family: var(--thm-font-2);}

.product-detail__foil .stock{padding:2px 10px;border-radius: 4px; background-color: rgba(var(--thm-blue-rgb),.9);color:var(--thm-white);}
.product-detail__foil .stock.green{background-color: rgba(var(--thm-green-rgb),.8);}

.options__foil .options .item{
	position: relative;
	padding: 5px 10px;
	border:2px solid rgba(var(--thm-blue-rgb),.2);
	border-radius: 2px;
	cursor: pointer;
	transition: all .25s ease-in-out;
}
.options__foil .options .item.image{padding: 0;}

.options__foil .options .item:hover,
.options__foil .options .item.active{border-color:rgba(var(--thm-yellow-rgb),.9);}

.options__foil .options .item.disable{
	color:rgba(var(--thm-grey-rgb),.9);
	border-color:rgba(var(--thm-grey-rgb),.3);
	cursor:not-allowed;
}

.options__foil .options .item.disable::after{
	content: '';
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background-color: rgba(var(--thm-white-rgb),.6);
}

.product-desc__foil .content img{max-width:100%}
/*------- Product Detail ---------*/
/*.product-detail h2{
	color: #CF9800; line-height: 1.2em;
	display:none;
}

.product-detail__top{display: flex; column-gap:60px;}
.product-detail__top .sidebar{max-width: 520px; display: flex; flex-flow: column nowrap; /*row-gap:30px;*//*}

.slider-foil {position: relative;}
.slider-foil.top{box-shadow: 0 0 24px 0 rgba(var(--thm-grey-rgb),.15);}
*/

.pet-slider__foil{position:relative}
.pet-slider__foil .prev-arrow{left:5px;}
.pet-slider__foil .next-arrow{right:5px;}

.pet-slider__foil.bottom .prev-arrow,
.pet-slider__foil.bottom .next-arrow{top:calc(30%)}

.slick-slide-item{padding-left: 5px; padding-right: 5px}
.slick-slide-item img{width:100%;border-radius: 2px;}

.pet-slider__foil .slick-slide-item{padding:0}
.pet-slider__foil.bottom .slick-slide-item{padding-left: 10px; padding-right: 10px}

.slider-nav .slick-slide-item img{border:1px solid var(--thm-border)}
.slider-nav .slick-current img{border:1px solid #DF7500;}




.product-detail__top .main{
	flex:1 1 auto;
	display:flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
}

.product-detail__top .main h2{color: #CF9800; line-height: 1.2em;}
.product-detail__top .main label{margin-right: 10px;}
.product-detail__top .main strike{color:#999999; margin-right:10px;}
.product-detail__top .main .stock{
	color:rgba(var(--thm-white-rgb),.9);
	padding: 1px 10px;
	border-radius: 4px;
}
.product-detail__top .main .stock.green{background-color:var(--thm-green);}
.product-detail__top .main .stock.red{background-color:var(--thm-red);}

.product-options{
	/*border:1px solid red;*/
	display:flex;
	flex-flow: row wrap;
	grid-row-gap: 10px;
	row-gap:10px;
	column-gap: 10px;
}

.product-options li{
	border:2px solid rgba(var(--thm-blue-rgb),.3);
	border-radius: 2px;
	cursor: pointer;
	position: relative
}

.product-options li.active,
.product-options li:hover{border-color:#ffc019}

.product-options li.disable,
.product-options li.disable:hover{border-color:rgba(var(--thm-grey-rgb),.3);color:rgba(var(--thm-grey-rgb),.6)}

.product-options li.disable::after{
	content:'';
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	background-color: rgba(var(--thm-white-rgb),.6);
	cursor:not-allowed;
}

.product-options li span{padding:5px 10px; display: block}

.product-detail__footer{
	display:flex;
	margin-top: 60px;
	column-gap: 40px;
}

.product-detail__footer .related-items{flex:0 0 380px;}

.product-detail__footer .bg-product-detail{
	flex:1 1 auto;
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
	box-shadow: 0 0 18px 0 rgba(233,233,233,.9);
	padding:30px;
	max-width: 800px
}
.product-detail__footer .bg-product-detail img{width: 0; max-width:100%}

/*------- Shopping Cart ---------*/
.cart-grid{display: flex; justify-content: space-between; column-gap:60px;}
.cart-grid .main{flex:1 1 auto;}

.cart-list {
	display: flex;
	flex-flow: column nowrap; 
	row-gap:20px;
}

.cart-list .item{
	display:flex; 
	justify-content: space-between; 
	border-bottom: 1px solid #FFE7A7;
	padding-bottom: 15px;
	column-gap: 20px
}
.cart-list .item img{
	max-width: 100px; 
	padding:2px; 
	border:1px solid #FFE7A7;
	border-radius: 2px;
}

.cart-list .item .aside input::-webkit-outer-spin-button,
.cart-list .item .aside input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.cart-list .item .aside input[type="number"]{max-width: 20px; text-align: center;-moz-appearance: textfield;}

.cart-list .link-alt{padding: 4px 18px; font-weight: 400}

.cart-grid .sidebar {flex:0 1 430px}
.cart-grid .sidebar textarea{width: 100%;height: 80px;resize: vertical; padding: 6px 12px;  box-sizing: border-box}

.cart-total{background: #f6f6f6;padding: 30px 0;}
.cart-total li{
	display: flex;
	justify-content: center;
	column-gap: 20px;
	margin: 10px 0;
}
.cart-total span{flex:1 1 100px;}
.cart-total span:first-of-type{text-align: right;font-weight: bold;}



/*------- Checkout ---------*/
.checkout-progress{
	display: flex; 
	align-items: center;
}

.checkout-progress span{
	border-right:1px solid transparent;
	border-left:1px solid transparent;
	padding:5px 20px;
	border-radius: 1px;
}

.checkout-progress span::after{
	content : '\f101';
	font: var(--fa-font-solid);
	color:#FFB665;
	font-size: 48px;
	vertical-align: middle;
	margin-left: 5px;
}
.checkout-progress span:last-of-type::after{content: '\f058';}

.checkout-progress span.active{
	background: linear-gradient(#ffda77,#EFC34D);
	border-right:1px solid #D9AA2B;
	border-left:1px solid #FFE08E;
}

.checkout-progress span.active::after{color: #29DC29;}

.checkout-steps{display:flex; flex-direction: column; row-gap:5px;}
.checkout-steps > div{border-bottom:1px solid #e9e9e9; padding-top: 10px; padding-bottom: 10px}

.checkout-cart {display:flex; flex-direction: column;}
.checkout-cart li{display: flex; column-gap: 10px;/*padding-top: 10px; padding-bottom: 10px;border-bottom: 1px solid rgba(var(--thm-yellow-rgb),.3)*/}
.checkout-cart figure{padding: 2px;border:1px solid rgba(var(--thm-yellow-rgb),.3)}
.checkout-cart figure img{width: 80px;}
/*.checkout-cart strong{font-size:14px}*/

.checkout-complete strong{flex:0 0 90px}

/*------- Pet Add Page ---------*/
.gallery__foil .preview img{width: 100%}
.gallery__foil .item{position: relative;width:92px; padding: 2px; border:1px solid rgba(var(--thm-grey-rgb),.2);border-radius:2px}
/*.gallery__foil .item img{max-width:80px; max-height: 80px}*/
.gallery__foil .item img{width: 100%}

/*------- Job Add Page ---------*/
.job-post__foil .select__foil{min-width:220px}

/*------- Job Posts ---------*/

.bg-01{background-color: #f6f6f6;}

.filter-option header{display: flex;justify-content: space-between; align-items: center}
.filter-option input{background-color: var(--thm-white)}
.filter-option main{display: flex;align-items: flex-start; flex-flow: column nowrap; row-gap:5px}
.filter-option main input{margin-right: 10px;}

.job-post{border-bottom: 1px solid #F7D990; padding-bottom: 10px;}


.job-post .offer{display:flex; justify-content: space-between; align-items: center;}

.offer a{
	background-color: dodgerblue; 
	color:#f6f6f6; 
	padding: 6px 15px;
	border-radius: 18px;
}

.offer a:before{
	content: '\f1d8';
	font: var(--fa-font-solid);
	margin-right: 10px;
}
.job-post h3{font-family:var(--thm-font-2)}

.job-post .tags {display: flex; align-items: center; column-gap: 20px;}
.job-post .tags span{color:#CF7A00}
.job-post .tags span:before{
	content: '\f0da';
	font: var(--fa-font-solid);
	font-size: 12px;
	margin-right: 5px;
}

/*------- Profile Veteran Review---------*/
.grid.profile{grid-template-columns:200px auto; grid-template-rows:auto auto;}
.grid.profile .item-1{grid-row: span 2;}
.grid.profile .item-1 img{width: 100%}

/*------- Profile Veteran Review---------*/
.grid.review{display:grid; grid-template-columns:100px auto; grid-template-rows:auto auto;grid-column-gap: 15px}
.grid.review .item-1{grid-row: span 2;}
.grid.review .item-1 img{width: 100%}
.grid.review .item-3 a{color:var(--thm-color);transition: all .3s ease-in-out;}
.grid.review .item-3 a:hover{color:var(--thm-blue);}

/*------- FAQ ---------*/
.accordion-foil{
	/*border:1px solid red;*/
	display: flex;
	flex-direction: column;
	row-gap:20px;
	grid-row-gap: 20px;
}

.accordion-item{
	/*background-color:rgba(var(--thm-white-rgb),.8);*/
	/*box-shadow: 0 0 40px 0 rgba(var(--thm-grey-rgb),.2);*/
}

.home .accordion-item{background-color:rgba(var(--thm-grey-rgb),.2);}

.acc-btn{
	display:flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 30px;
	padding: 20px;
	cursor: pointer;
	transition:all .25s ease-in-out;
	background-color:rgba(var(--thm-white-rgb),.7);
}

.home .acc-btn{padding:10px}
.acc-btn h3{font-size:18px;}
.acc-btn h3 span{color:var(--thm-blue);margin-right: 20px;}

.acc-btn .icon{
	/*border:1px solid var(--thm-border);*/
/*	border-radius: 50%;
	padding: 4px 10px;*/
}
.acc-btn .icon::before{
	content:'\f053';
	font:var(--fa-font-solid);
	display: inline-block;
	transition: all .3s linear;
}

.acc-btn.active{background-color:rgba(var(--thm-white-rgb),.7);}

/*.acc-btn.active h3{color:var(--thm-white);}*/

.acc-btn.active .icon{
	/*border-color:var(--thm-blue);*/
	/*background-color: var(--thm-blue);*/
	/*color: var(--thm-white);*/
}
.acc-btn.active .icon::before{rotate:-90deg}

.acc-content{padding:20px;display: none;}
.acc-content.active{display:flex}

/*------- Contact us ---------*/
.contact-us {display:flex; column-gap: 40px;}

.contact-us .sidebar{flex:0 1 400px}

.contact-us-meta{background-color: #f6f6f6; padding: 10px 14px;}
.contact-us-meta p i{margin-right: 10px;}

.contact-us .main{flex:1 1 auto;}

/*.contact-us-input .input-inline > div > label > span{width: 100px;}*/
/*.contact-us-input input.subject{width: auto}*/

.contact-us-input textarea{resize: vertical; height: 180px}

#map_canvas{
	height:600px;
	margin-top: 5px;
}

.account-setup .item:not(:last-of-type){
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(var(--thm-yellow-rgb),.2);
}

/*------- Finances ---------*/

.milestone-checkout__foil{display:none;}
.milestone-checkout__foil.show{display:block; margin-top:20px}

/*------- Message Center ---------*/
.toggle{pointer-events: none}
.im-center {
  /*border:1px solid red;*/
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  /*background-color: rgba(var(--thm-grey-rgb), 0.1);*/
	height: 90vh;
}

.im-container {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
	
  /*border:1px solid #188624;*/
}

.im-container-header {
  background-color: rgba(var(--thm-grey-rgb), 0.2);
  padding: 10px;
  text-align: center;
  visibility: collapse;
  opacity: 0;
  transition: 0.3s ease-in-out;
}

.im-container-header.show {
  visibility: visible;
  opacity: 1;
}

.im-container-footer {display: flex;}
.im-container-footer input[type="text"] {width: 100%;}
/*.im-container-footer button{border-radius:2px;}*/

.im-contact-list {
  /*border-right: 1px solid  rgba(var(--thm-red-rgb), 0.1);*/
  font-size: 14px;
  line-height: 1.2em;
  /*flex: 0 0 300px;*/
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  overflow: auto;
}

.im-contact-list li {
  padding: 5px;
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px solid rgba(var(--thm-yellow-rgb), 0.3);
  column-gap: 5px;
}

.im-contact-list li:hover {cursor: pointer;}
.im-contact-list li.active {background-color: rgba(var(--thm-yellow-rgb), 0.3);}

.im-contact-list-image {
  border: 1px solid var(--thm-border);
  position: relative;
  border-radius: 2px;
}
.im-contact-list-image .fa-offline,
.im-contact-list-image .fa-online {
  position: absolute;
  right: 2px;
  top: 2px;
}

.im-contact-list-image img {width: 50px;}

.im-contact-list-contact {
  /*border:1px solid green; */
  position: relative;
  flex: 0 1 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}

.im-contact-list-contact .action {
  position: absolute;
  top: 2px;
  right: 2px;
}

.im-wrapper-box {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  overflow: auto;
}

.im-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.im-wrapper li {
  padding: 5px;
  display: flex;
  flex-flow: row nowrap;
  column-gap: 5px;
  /*border: 1px solid red;*/
  max-width: 85%;
}

.im-wrapper-im {
  background-color: rgba(var(--thm-grey-rgb),.09);
  padding: 4px 8px;
  border-radius: 4px;
	font-size: 14px;
}
.im-wrapper-im strong {margin-right: 5px;}

.im-wrapper li.me {align-self: flex-end;}

.im-wrapper li.me .im-wrapper-im {
  /*color: #f9f9f9;*/
  background-color: rgba(var(--thm-yellow-rgb), .7);
}
.im-wrapper li.me div:first-of-type {text-align: right;}


.im-wrapper-image img {width: 40px;}

.im-spinner-wrapper {
  /*border:1px solid blue;*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.im-spinner {
  text-align: center;
  position: relative;
  top: 40%;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
}
.im-spinner.show {
  opacity: 1;
  visibility: visible;
}





/* --------------- footer -----------*/
.footer-top-widget {font-size:16px;}

.footer-top-widget  h3{
	position: relative;
	color:#fff;
	letter-spacing: 1.5px;
	font-family: var(--thm-font-2);
	font-size: 18px;
	padding-bottom: 10px;
  margin-bottom: 25px;
}

.footer-top-widget  h3::before {
  left: 0;
  bottom: 0;
  content: '';
  width: 70px;
  height: 1px;
  position: absolute;
  background-color: dodgerblue;/*#259cd8;*/
}

.footer-top-widget ul{display:flex; flex-flow:  column nowrap; row-gap:10px}
.footer-top-widget a{	color:#b3b5b9;}
.footer-top-widget a::before{
	content: '\f105';
	font: var(--fa-font-solid);
	font-size: 12px;
	vertical-align: baseline;
	margin-right: 10px;
}

.footer-top-widget a:hover{color:dodgerblue;}

.footer-top-widget.first {flex:0 1 360px}
.footer-top-widget.first figure{display: flex; align-items:flex-end; column-gap: 20px; margin-bottom: 25px;}
.footer-top-widget.first figure img{width: 120px;}
.footer-top-widget.first h3{margin-bottom: 0;}
.footer-top-widget.first a::before{content: ''}

.footer-top-widget.fourth{flex:0 1 320px;}

.footer-top-widget.fourth input.newsletter{color:rgba(var(--thm-white-rgb),.7)}

.footer-top-widget.fourth figcaption{color: #f9f9f9;}

.footer-bottom{
	border-top: 1px solid #474747; 
	padding: 15px; 
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-bottom figure{display: flex; column-gap: 10px; color:#f9f9f9}

/*.ui-dialog-title{text-transform: capitalize}*/