body, html {
	background-color: #e9eaf4;
	color:#3d424f;
	font-family: 'Asap Condensed', sans-serif;
	font-size: 1em;
	font-weight: 400;
	margin:0px;
	padding:0px;
	position: relative;
	text-rendering: optimizeLegibility;
	top: 0 !important;
}
[data-bs-theme="dark"] {
	background-color: #1b1b1b;
	color: #f0f0f0;
}
body {
	min-height: auto !important;
	overflow-x: hidden;
	padding-top: 161px;
	position: static !important;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, img { display:block }
table { border:none; border-collapse:collapse }
a {
	color: #29bbff;
	text-decoration:none;
	outline:none;
}
[data-bs-theme="dark"] a {
	color: #52b5fd;
}
a:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible {
	border: 2px dashed #fed102 !important;
	outline: none;
	transition: none !important;
}
[data-bs-theme="dark"] a:focus {
	background-color: transparent;
}
a:focus:hover { outline: none !important }
p, form, input, ul, ol, h1, h2, h3, h4, h5, h6, figure, hr, span, blockquote, fieldset {
	margin:0px;
	padding:0px;
}
ul li { list-style-type:none; list-style-position:outside }
ol li { list-style-position: inside }
img { border:0px; display:inline-block }
input, textarea, select, button {
	border-radius:0px;
	color:#29343a;
	font-family: 'Asap Condensed', sans-serif;
	font-size: 1em;
	font-weight: 400;
	border:none;
	resize:none;
	transition: all 0.5s ease-in-out;
	background-color: transparent;
}
[data-bs-theme="dark"] input,
[data-bs-theme="dark"] textarea,
[data-bs-theme="dark"] select,
[data-bs-theme="dark"] button {
	color:#f0f0f0;
}
[data-bs-theme="grey"] > * {
	filter: grayscale(1) !important;
}

.lblSelect {
	font-style: normal;
	position: relative;
	display: initial;
}

.lblSelect:before {
	color: #0170c0;
	content: "\f150";
	display:table-cell;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.1em;
	position: absolute;
	pointer-events: none;
	right: 22px;
	top: 0;
	z-index: 1;
}
[data-bs-theme="dark"] .lblSelect:before {
	color: #52b5fd;
}
strong { font-weight: 600 }
input[type='text'],
input[type='password'],
input[type='button'],
input[type='submit'],
textarea,
select {
	appearance: none;
	-webkit-appearance:none;
	-moz-appearance: none;
}
input:focus  {
	outline:none !important;
	outline-width: 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
input[type="submit"], input[type="button"] { cursor:pointer }
input::-moz-focus-inner { border:0; padding:0 }
fieldset { border: 0 }
input[type="radio"] {
	background-color: #fff;
	border:1px solid #c3c3c3;
	border-radius: 50%;
	cursor: pointer;
	height: 14px;
	margin-right: 8px;
	position: relative;
	top: 1px;
	transition:all 0.3s ease;
	width: 14px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="radio"]:hover { background-color: #efefef }
input[type="radio"]:checked {
	background-color: #e44838;
	border:3px solid #fff;
	box-shadow: 0 0 1px 1px rgba(15,15,15,0.4);
}

input[type="checkbox"] {
	background-color: #fff;
	border:1px solid #c3c3c3;
	cursor: pointer;
	height: 14px;
	margin-right: 8px;
	position: relative;
	top: 1px;
	width: 14px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="checkbox"]:checked {
	background-color: #0170c0;
	border:3px solid #fff;
	box-shadow: 0 0 1px 1px rgba(15,15,15,0.3);
}

::selection { background:#000; color:#fff; padding:20px }
::-moz-selection { background:#000; color:#fff }
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
hr {
	background-color: #dedede;
	border: 0;
	height: 1px;
	margin: 16px 0;
	width: 100%;
}
.generalWrap {
	margin:auto;
	max-width:1216px;
	position:relative;
}
@media only screen and (max-width:1274px) {
	.generalWrap { margin:0 20px }
}
@media only screen and (max-width:800px) {
	a:focus { outline: none !important }
}
@media only screen and (max-width:1000px) {
	body { padding-top: 64px }
}


/* ----------- header -----------*/
header {
	background-color: rgba(255,255,255,1);
	border-bottom: 4px solid #0170c0;
	box-shadow: 0 0 46px rgba(103,110,119,0.2);
	left: 0;
	position: fixed;
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
	z-index: 8000;
}
[data-bs-theme="dark"] header {
	background-color: #1b1b1b;
	border-color: #52b5fd;
}
header.fixed {
	background-color: rgba(255,255,255,.97);
	box-shadow: 0 0 56px rgba(103,110,119,0.4);
}
[data-bs-theme="dark"] header.fixed {
	background-color: #1b1b1b;
}
#topBar {
	border-bottom: 1px solid #ddd;
	height: 45px;
	position: relative;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #topBar {
	border-color: #323232;
}
header.fixed #topBar { margin-top: -45px }
#topBar .generalWrap {
	display: -ms-grid;
	-ms-grid-columns: auto auto auto auto auto;

	display: grid;
	grid-template-columns: repeat(5,auto);
	justify-content: start;
}
#topBar .generalWrap > a {
	color: #717171;
	display: block;
	font-size: .84em;
	font-weight: 500;
	padding: 14px 12px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #topBar .generalWrap > a {
	color: #a7a7a7;
}
#topBar .generalWrap > a:nth-child(1) { -ms-grid-column: 1 }
#topBar .generalWrap > a:nth-child(2) { -ms-grid-column: 2 }
#topBar .generalWrap > a:nth-child(3) { -ms-grid-column: 3 }
#topBar .generalWrap > a:nth-child(4) { -ms-grid-column: 4 }
#topBar .generalWrap > a:nth-child(5) { -ms-grid-column: 5 }
#topBar .generalWrap > a:hover { color: #e44838 }
#topBar .generalWrap > a i { margin-right: 6px }
#topBar .date {
	color: #6f767b;
	font-size: .84em;
	font-weight: 500;
	position: absolute;
	right: 262px;
	top: 13px;
	white-space: nowrap;
}
[data-bs-theme="dark"] #topBar .date {
	color: #a7a7a7;
}
#topBar .date span { padding-left: 12px }
#topBar .date i { margin-right: 4px }

#searchField {
	position: absolute;
	right: 0;
	top: 1px;
}
#searchField input[type="text"]{
	border-bottom: 1px solid #e44838;
	font-size: .84em;
	font-weight: 600;
	height: 44px;
	padding: 0 0 0 22px;
	width: 232px;
}
[data-bs-theme="dark"] #searchField input[type="text"]{
	border-bottom: 1px solid #e65647;
	color: #f0f0f0;
}
#searchField input[type="text"]::-webkit-input-placeholder { color:#d53e2f }
#searchField input[type="text"]::-moz-placeholder { color:#d53e2f; opacity:1 }
#searchField button {
	background-color: transparent;
	border: none;
	color: #d53e2f;
	cursor: pointer;
	font-size: .9em;
	left: 0;
	padding: 0;
	position: absolute;
	top: 13px;
}
[data-bs-theme="dark"] #searchField button {
	color: #e65647;
}
#searchField button em { display: none }
@media only screen and (max-width:1000px) {
	header { border-bottom: 0 }
	#topBar { padding-left: 31px }
	#topBar .generalWrap > a { padding: 14px 9px }
	#topBar .date,
	#topBar .generalWrap > a:nth-child(1) { display: none }

}
@media only screen and (max-width:760px) {
	#topBar a span { display: none }
	#topBar .generalWrap > a i { font-size: 1.11em; margin-right: 0 }
}
@media only screen and (max-width:460px) {
	#topBar .generalWrap > a { display: none }
	#topBar .generalWrap > a:nth-child(2) { display: block }
}


/* ----------- nav -----------*/
#navButton {
	border-right: 1px solid #ddd;
	color: #0170c0;
	display:none;
	font-size: 1.2em;
	left:0;
	height: 44px;
	line-height: 44px;
	position:fixed;
	text-align: center;
	top:0;
	width: 43px;
	z-index: 10000;
}
[data-bs-theme="dark"] #navButton {
	border-color: #323232;
	color: #52b5fd;
}
#closeMenu {
	color: #a2a2a2;
	display: none;
	font-size: 1.2em;
	height: 46px;
	left:13px;
	line-height: 46px;
	position: absolute;
	text-align: center;
	top:0px;
	width: 46px;
	z-index: 9999999;
}
#homeBtn {
	display: none;
	font-size: 1.2em;
	height: 46px;
	line-height: 46px;
	position: absolute;
	right:13px;
	text-align: center;
	top:0px;
	width: 46px;
	z-index: 9999999;
}
#homeBtn a { color: #a2a2a2 }
#homeBtn em { display: none }
.extraLink { display: none }

nav { height: 110px }
header.fixed nav { height: 84px }
nav #logo {
	display: -ms-grid;
	-ms-grid-columns: auto 12px auto;

	display: grid;
	grid-template-columns: auto auto;
	grid-column-gap: 12px;
}
nav #logo img {
	transition:all 0.3s ease;
	width: 52px;

	-ms-grid-column: 1;
	-ms-grid-row-align: center;
}
header.fixed nav #logo img { width: 42px }
nav #logo p {
	color: #595f6c;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: left;
	
	-ms-grid-column: 3;
	-ms-grid-row-align: center;
}
[data-bs-theme="dark"] nav #logo p {
	color: #9399a5;
}
nav #logo p span {
	color: #e44838;
	display: block;
	font-size: 1.81em;
}
[data-bs-theme="dark"] nav #logo p span {
	color: #e65647;
}
nav > ul {
	display: -ms-grid;
	-ms-grid-columns: 196px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	
	display: grid;
	grid-template-columns: 196px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
nav > ul > li { position: relative }
nav > ul > li:nth-child(1) { -ms-grid-column: 1 }
nav > ul > li:nth-child(2) { -ms-grid-column: 2 }
nav > ul > li:nth-child(3) { -ms-grid-column: 3 }
nav > ul > li:nth-child(4) { -ms-grid-column: 4 }
nav > ul > li:nth-child(5) { -ms-grid-column: 5 }
nav > ul > li:nth-child(6) { -ms-grid-column: 6 }
nav > ul > li:nth-child(7) { -ms-grid-column: 7 }
nav > ul > li:nth-child(8) { -ms-grid-column: 8 }
nav > ul > li:nth-child(9) { -ms-grid-column: 9 }

nav > ul > li:after {
	background-color: #ddd;
	content: "";
	height: 50px;
	right: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}
[data-bs-theme="dark"] nav > ul > li:after {
	background-color: #323232;
}
nav > ul > li > a {
	display: -ms-grid;
	-ms-grid-columns: 1fr;
	-ms-grid-rows: 1fr;

	align-items: center;
	color: #0170c0;
	display: grid;
	font-size: .84em;
	font-weight: 600;
	height: 110px;
	padding: 0 12px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] nav > ul > li > a {
	color: #52b5fd;
}
nav > ul > li > a div { -ms-grid-row-align: center }
nav > ul > li:nth-child(1) > a { padding: 0 12px 0 0 }
nav > ul > li > a.current {
	background-color: #0170c0;
	color: #fff;
}
[data-bs-theme="dark"] nav > ul > li > a.current {
	background-color: #52b5fd;
	color: #1b1b1b;
}
nav > ul > li:nth-child(1) > a.current {
	background-color: initial;
}
nav > ul > li > a.current:before {
	background-color: #0170c0;
	content: "";
	height: 60px;
	right: 0;
	position: absolute;
	transition:all 0.3s ease;
	width: 1px;
	z-index: 1000;
}
[data-bs-theme="dark"] nav > ul > li > a.current:before {
	background-color: #52b5fd;
}
nav > ul > li:nth-child(1) > a.current:before {
	display: none;
}
header.fixed nav > ul > li > a { height: 84px }
nav > ul > li > a:hover { color: #e44838 }
nav > ul > li:hover > a { /* hover state */
	color: #e44838
}
[data-bs-theme="dark"] nav > ul > li:hover > a {
	color: #e65647;
}
nav > ul > li:hover > a.current {
	color: #fff;
}
[data-bs-theme="dark"] nav > ul > li:hover > a.current {
	color: #1b1b1b;
}
nav > ul > li > a:after {
	background-color: #e44838;
	bottom: -4px;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	transition:all 0.4s ease;
	width: 0;
}
nav > ul > li > a:hover:after,
nav > ul > li:hover > a:after /* hover state */ { width: 100% }
nav > ul > li > a i {
	font-size: 2.1em;
	margin-bottom: 6px;
}
nav > ul > li > ul {
	background-color: #fff;
	filter: drop-shadow(0 0 12px rgba(69,73,78,0.26));
	min-width: 200px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 114px;
	transition:all 0.2s ease;
	visibility: hidden;
	max-height: 80vh;
	overflow-y: auto;
}
[data-bs-theme="dark"] nav > ul > li > ul {
	background-color: #1b1b1b;
}
*::-ms-backdrop, nav > ul > li > ul { /* ie11 */
	display: none;
	opacity: 1;
	visibility: visible;
} 
*::-ms-backdrop, nav > ul > li:hover ul { /* ie11 */
	display: block;
} 
nav > ul > li:nth-child(9) > ul { left: initial; right: 0 }
nav > ul > li.open > ul {
	opacity: 1;
	transition-delay: 0s, 0s;
	visibility: visible;
}
header.fixed nav > ul > li > ul { top: 90px }
nav > ul > li > ul > li > a {
	border-bottom: 1px solid #ddd;
	color: #3d424f;
	display: block;
	font-size: .9em;
	font-weight: 500;
	padding: 11px 18px;
	position: relative;
	transition:all 0.3s ease;
	white-space: nowrap;
}
[data-bs-theme="dark"] nav > ul > li > ul > li > a {
	border-color: #323232;
	color: #f0f0f0;
}
nav > ul > li > ul > li:last-of-type > a { border-bottom: none }
nav > ul > li > ul > li > a:hover {
	background-color: #f8f8f8;
	color: #e44838;
}
[data-bs-theme="dark"] nav > ul > li > ul > li > a:hover {
	background-color: #272727;
	color: #e65647;
}
@media only screen and (max-width:1280px) {
	nav > ul { grid-template-columns: 166px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr }
	nav #logo img { width: 44px }
	nav #logo p { font-size: 1.1em }
	nav > ul > li > a { font-size: .78em; font-weight: 500 }
	nav > ul > li > a i { font-size: 1.9em }
}
@media only screen and (max-width:1000px) {
	#navButton,
	#closeMenu,
	#homeBtn,
	.extraLink { display: block }
	header.rMenu .backMenu {
		background-color: rgba(34,34,34,0.4);
		content: "";
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000
	}
	nav {
		height: auto;
		z-index: 999999
	}
	nav #logo {
		grid-template-columns: 52px auto;
	}
	nav > ul {
		background-color: rgba(255,255,255,1);
		display: block;
		height:100vh;
		left:-100%;
		max-width: 270px;
		overflow-y: auto;
		padding:47px 0 60px 0;
		position:fixed;
		top:0px;
		width:80%;
		z-index:20000;
	}
	[data-bs-theme="dark"] nav > ul {
		background-color: #1b1b1b;
	}
	nav > ul > li:after { display: none }
	nav > ul > li > a {
		background-color: transparent;
		border-top: 1px solid #e2e4e2;
		display: block; 
		font-size: .86em;
		height: auto; 
		padding: 12px 16px !important;
		position: relative;
		text-align: left;
		width: 100%;

		align-items: center;
		display: grid;
		grid-template-columns: 44px auto;
		grid-column-gap: 12px;
	}
	[data-bs-theme="dark"] nav > ul > li > a {
		border-color: #323232;
	}
	nav > ul > li > a:after { display: none }
	nav > ul > li > a div {
		align-items: center;
		display: grid;
		grid-template-columns: 44px auto;
	}
	nav > ul > li > a div p { white-space: nowrap }
	nav > ul > li > ul {
		background-color: transparent;
		border-radius: 0;
		display: none;
		filter: none;
		opacity: 1;
		padding: 0 20px 14px 20px;
		position: static;
		visibility: visible;
	}
	nav > ul > li.open > ul { display: block }
	nav > ul > li > ul > li > a {
		border-bottom: none;
		padding: 8px 0 8px 14px;
		white-space: initial;
	}
	nav > ul > li > ul > li > a:before {
		background-color: #e44838;
		content: "";
		left: 0;
		height: 2px;
		position: absolute;
		top: 15px;
		width: 7px;
	}
}


/* ----------- mainBanner -----------*/
#bannerBg {
	background-image: url(../img/test/internal01.jpg);
	background-position: center;
	background-size: cover;
	height: 270px;
	left: 0;
	position: absolute;
	top: 140px;
	width: 100%;
	filter: blur(5px);
}
[data-bs-theme="dark"] #bannerBg {
	background-image: none;
}
#bannerBg:after {
	background: linear-gradient(0deg, rgba(233,234,244,1) 0%, rgba(233,234,244,0) 100%);
	bottom: 0;
	content: "";
	height: 80px;
	left: 0;
	position: absolute;
	width: 100%;
}
[data-bs-theme="dark"] #bannerBg:after {
	background: none;
}
#wrapMb {
	clip-path: polygon(2% 0, 100% 0, 100% 100%, 0 100%, 0 6%);
	display: grid;
	grid-gap: 32px;
	grid-template-columns: 800px auto;
	margin: 40px 0 50px 0;
	position: relative;
	z-index: 100;
}
#mainBanner {
	position: relative;
}
#mainBanner .item {
	display: block !important;
	position: relative;
}
#mainBanner .item .photo {
	background-size: cover;
	height: 416px;
	padding-bottom: 52%;
	transition: all 500ms ease-in-out;
	transform: scale(1.25, 1.25);
}
#mainBanner .slick-active .item .photo {
	transform: scale(1, 1);
}
#mainBanner .item .gradient {
	background-image: linear-gradient(rgba(28,30,44,0), rgba(28,30,44,1));
	bottom: 0;
	content: "";
	height: 70%;
	left: 0;
	opacity: .7;
	position: absolute;
	transition:all 0.3s ease;
	width: 100%;
}
#mainBanner .item .text {
	bottom: 0;
	padding: 0 0 38px 44px;
	position: absolute;
	transition:all 0.3s ease;
	animation-duration: 0.5s;
	width: 100%;
	z-index: 10;
}
#mainBanner .item .text h1 {
	color: #fff;
	display: block;
	font-size: 2.2em;
	font-weight: 500;
	max-width: 70%;
	text-shadow: 1px 1px 140px rgba(15,19,26,1),
				 1px 1px 20px rgba(23,27,36,.6);
}
#mainBanner .item h1:after {
	background-color: #e44838;
	content: "";
	display: table;
	height: 4px;
	position: relative;
	transition:all 0.3s ease;
	width: 12%;
}
[data-bs-theme="dark"] #mainBanner .item h1:after {
	background-color: #e65647;
}
#mainBanner .item h1:after { margin-top: 10px }
#mainBanner .item .text h1.name,
#mainBanner .item .text .description { display: none }
#mainBanner .item .text a {
	color: #fff;
	display: table;
	font-size: 1.1em;
	font-weight: 600;
	padding: 12px 0 0 0;
}
#mainBanner .item .text a:hover { text-decoration: underline }
@media only screen and (max-width:1240px) {
	#wrapMb { clip-path: none; display: block; margin: 40px auto 50px auto; max-width: 800px }
	#mainBanner .item .photo { height: auto; padding-bottom: 52%; }
}
@media only screen and (max-width:640px) {
	#mainBanner { background-color: #4a5266 }
	[data-bs-theme="dark"] #mainBanner { background-color: #353a44 }
	#mainBanner .item .text {
		bottom: initial;
		padding: 18px 24px 20px 24px;
		position: relative;
	}
	#mainBanner .item .text h1 {
		font-size: 1.9em;
		max-width: initial;
	}
	#mainBanner .item .text h1.name { display: initial }
	#mainBanner .item .gradient { display: none }
}
@media only screen and (max-width:600px) {
	#wrapMb { margin: 0 0 20px 0 }
}
@media only screen and (max-width:520px) {
	#mainBanner .item .text h1 { font-size: 1.6em }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus { outline: none }
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide { float: right }
.slick-slide img { display: block !important }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden { display: none }

/* fcc */
.slick-dotted.slick-slider { margin-bottom: 0 !important }
.slick-dots {
	bottom: 57px !important;
	padding-right: 20px !important;
	text-align: right !important;
}
.slick-dots li { margin: 0 0 !important }
.slick-dots li button:before { color: #fff !important; font-size: 11px !important; opacity: 1 !important }
.slick-dots li.slick-active button:before { color: #e44838 !important }

.slick-next:before,
.slick-prev:before {
	border-radius: 50%;
	color: #4a5266 !important;
	font-size: 32px !important;
	opacity: 1 !important;
}
.slick-next,
.slick-prev {
	background-color: #fff !important;
	border-radius: 50%;
	height: 32px !important;
	padding-top: 2px !important;
	bottom: 56px !important;
	transform: initial !important;
	top: initial !important;
	width: 32px !important;
	z-index: 10;
}
.slick-next.slick-disabled,
.slick-prev.slick-disabled {
	cursor: default;
	opacity: .3;
}
.slick-prev { left: initial !important; right: 72px !important }
.slick-next { right: 28px !important }
@media only screen and (max-width:760px) {
	.slick-dots { display: none !important }
}
@media only screen and (max-width:640px) {
	.slick-next,
	.slick-prev {
		bottom: 0 !important;
		top: 16px !important;
	}
	.slick-prev { left: initial !important; right: 60px !important }
	.slick-next { right: 20px !important }
}


/* ----------- mainTwo -----------*/
#mainTwo {
	display: grid;
	grid-gap: 32px;
	position: relative;
	z-index: 100;
}
#mainTwo a {
	height: 192px;
	position: relative;
}
#mainTwo:nth-child(2) {
	clip-path: polygon(0 0, 100% 0, 100% 94%, 93% 100%, 0 100%);
}
#mainTwo figure {
	background-color: #dadce9;
	height: 100%;
	left: 0;
	position: absolute;
	transition:all 0.3s ease;
	top: 0;
	width: 100%;
}
#mainTwo figure:after {
	background-image: linear-gradient(rgba(28,30,44,0), rgba(28,30,44,1));
	bottom: 0;
	content: "";
	height: 70%;
	left: 0;
	opacity: .7;
	position: absolute;
	transition:all 0.3s ease;
	width: 100%;
}
#mainTwo a:hover figure:after {
	height: 100%;
}
#mainTwo p {
	bottom: 22px;
	color: #fff;
	font-size: 1.8em;
	font-weight: 500;
	left: 28px;
	position: absolute;
	text-shadow: 1px 1px 140px rgba(15,19,26,1), 1px 1px 20px rgba(23,27,36,.6);
	transition:all 0.3s ease;
}
#mainTwo p:after {
	background-color: #fed102;
	content: "";
	display: table;
	height: 4px;
	margin-top: 10px;
	position: relative;
	transition: all 0.3s ease;
	width: 50px;
}
#mainTwo a:hover p {
	left: 36px;
}
#mainTwo a:nth-child(2) p:after {
	background-color: #0184e2;
}
@media only screen and (max-width:1240px) {
	#mainTwo { grid-template-columns: repeat(2, 1fr); margin-top: 32px }
	#mainTwo:nth-child(2) { clip-path: none }
}
@media only screen and (max-width:600px) {
	#mainTwo { grid-gap: 20px; grid-template-columns: repeat(1, 1fr); margin-top: 20px }
}


/* ----------- mainFour -----------*/
.wrapMf {
	background-color: #fff;
	padding: 50px 0;
	position: relative;
}
[data-bs-theme="dark"] .wrapMf {
	background-color: #1b1b1b;
}
#mainFour {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 32px;
	position: relative;
	z-index: 20;
}
#mainFour a {
	display: block;
	overflow: hidden;
	position: relative;
}
#mainFour a:nth-child(4) {
	clip-path: polygon(0 0, 91% 0, 100% 8%, 100% 100%, 0 100%);
}
#mainFour figure {
	background-color: #dadce9;
	padding-bottom: 62%;
	position: relative;
	transition:all 0.3s ease;
	transform: scale(1);
	transform-origin: top center;
}
#mainFour .title {
	color: #fff;
	font-size: 1.3em;
	font-weight: 500;
	padding: 14px 18px;
	transition:all 0.3s ease;
}
#mainFour a:hover .title {
	padding: 14px 18px 14px 26px;
}
#mainFour a:nth-child(1) .title { background-color: rgba(212,64,48,1) }
[data-bs-theme="dark"] #mainFour a:nth-child(1) .title { background-color: #e65647; color: #1b1b1b; }
#mainFour a:nth-child(2) .title { background-color: rgba(1,112,192,1) }
[data-bs-theme="dark"] #mainFour a:nth-child(2) .title { background-color: #52b5fd; color: #1b1b1b; }
#mainFour a:nth-child(3) .title { background-color: rgba(74,82,102,1) }
[data-bs-theme="dark"] #mainFour a:nth-child(3) .title { background-color: #353a44 }
#mainFour a:nth-child(4) .title { background-color: rgba(72,174,40,1) }
[data-bs-theme="dark"] #mainFour a:nth-child(4) .title { color: #1b1b1b }

#mainFour .text {
	background-color: #fff;
	color: #3d424f;
	line-height: 1.4em;
	padding: 14px 0 0 0;
	position: relative;
}
[data-bs-theme="dark"] #mainFour .text {
	background-color: #1b1b1b;
	color: #f0f0f0;
}
@media only screen and (max-width:1080px) {
	#mainFour { grid-template-columns: repeat(2,1fr) }
	#mainFour a:nth-child(4) { clip-path: none }
}
@media only screen and (max-width:600px) {
	.wrapMf { padding: 21px 0 }
	#mainFour { grid-template-columns: repeat(1,1fr) }
}


/* ----------- greySection -----------*/
#greySection {
	background-attachment: fixed;
	background-color: #4a5266;
	background-image: url(../img/greyBack.jpg);
	margin-bottom: 60px;
	padding: 60px 0;
}
[data-bs-theme="dark"] #greySection {
	background-color: #272727;
	background-image: none;
}
#greySection .generalWrap {
	display: grid;
	grid-template-columns: 50% 1fr 1fr;
}
#greySection .generalWrap > div {
	padding: 0 36px;
	position: relative;
}
#greySection .generalWrap > div:nth-child(1) { padding-left:0 }
#greySection .generalWrap > div:nth-child(3) {
	padding-right:0;
}
#greySection h2 {
	color: #fed102;
	font-size: 1.7em;
	font-weight: 500;
	position: relative;
}
#greySection h2 a {
	border: 1px solid #fff;
	color: #fff;
	font-size: 0.6em;
	font-weight: 400;
	padding: 5px 8px;
	position: absolute;
	right: 0;
	top: -1px;
	transition: all .3s ease-out;
}
#greySection h2 a:hover {
	border-color: #fed102;
	color: #fed102;
}
#pArrows {
	position: absolute;
	right: 36px;
	top: -1px;
}
#pArrows a {
	color: #acb4c9;
	font-size: 1.7em;
	transition:all 0.3s ease;
}
#pArrows a:nth-child(1) { margin-right: 12px }
#pArrows a:hover { color: #fed102 }
#projectHome {
	display: grid;
	grid-gap: 18px 0;
	margin-top: 22px
}
#projectHome a {
	align-items: start;
	background-color: rgba(53,58,72,.5);
	color: #fff;
	display: grid;
	grid-template-columns: 32% auto;
	position: relative;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #projectHome a {
	background-color: transparent;
}
#projectHome a:hover { color: #fed102 }
#projectHome figure {
	border-right: 4px solid #fed102;
	padding-bottom: 74%;
	position: relative;
}
#projectHome a .title {
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.35em;
	padding: 16px 24px;
}
#projectHome a .text {
	line-height: 1.3em;
}
#greySection .wProcedure {
	position: relative;
}
#greySection .wProcedure:before {
	background-color: rgba(130,140,165,.3);
	content: "";
	height: calc(100% + 120px);
	left: 0;
	position: absolute;
	top: -60px;
	width: 100%;
}
[data-bs-theme="dark"] #greySection .wProcedure:before {
	background-color: rgba(27,27,27,.3);
}
#greySection .wProcedure h2 {
	color: #fff;
}
#greySection .procedure {
	margin-top: 20px
}
#greySection .procedure a {
	color: #fff;
	display: block;
	line-height: 1.3em;
	padding: 16px 0 16px 43px;
	position: relative;
	transition:all 0.3s ease;
}
#greySection .procedure a:hover { color: #fed102 }
#greySection .procedure a i {
	color: #fed102;
	font-size: 1.4em;
	left: 0;
	position: absolute;
	top: 19px;
}
#greySection #pollHome {
	color: #fff;
}
#greySection #pollHome p {
	line-height: 1.4em;
	margin-top: 22px;
	text-align: center;
}
#greySection #pollHome hr {
	background-color: #2c3345;
	margin: 24px 0;
}
#greySection #pollHome label {
	cursor: pointer;
	display: inline-block;
	padding: 5px 0;
}
#greySection #pollHome .vote,
#greySection #pollHome .result {
	background-color: #fed102;
	color: #2c3345;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	padding: 7px 16px;
	transition:all 0.3s ease;
}
#greySection #pollHome .vote:hover { background-color: #fed102 }
#greySection #pollHome .result {
	background-color: #2c3345;
	color: #fff;
	font-weight: 500;
}
[data-bs-theme="dark"] #greySection #pollHome .result {
	background-color: #42454b;
}
#greySection #pollHome .result:hover { background-color: #3c4357 }
@media only screen and (max-width:1100px) {
	#greySection .generalWrap { grid-template-columns: 60% 1fr }
	#greySection .generalWrap > div { padding: 0 36px !important }
	#greySection .generalWrap > div:nth-child(3) { grid-column: span 2; margin-top: 30px }
}
@media only screen and (max-width:980px) {
	#greySection .generalWrap { grid-template-columns: 100% }
	#greySection .generalWrap > div:nth-child(2) { margin-top: 30px }
	#greySection .generalWrap > div:nth-child(3) { grid-column: span 1 }
	#greySection .wProcedure:before { display: none }
}
@media only screen and (max-width:610px) {
	#greySection .generalWrap > div { padding: 0 6px !important }
	#projectHome a { grid-template-columns: 26% auto }
	#greySection .procedure a { padding: 12px 0 12px 44px }
	#greySection .procedure a i { top: 15px }
}
@media only screen and (max-width:550px) {
	#projectHome a { background-color: initial }
	#projectHome a .title { font-size: 1.1em; padding: 0 24px 16px 24px }
}


/* ----------- eventsNews -----------*/
#eventsNews {
	display: -ms-grid;
	-ms-grid-columns: 1fr 32px 1fr;
	-ms-grid-rows: auto auto auto;
	display: grid;
	filter: drop-shadow(0 0 16px rgba(69,73,78,0.16));
	grid-template-columns: repeat(2,1fr);
	grid-gap: 32px;
	margin-bottom: 60px;
}
#eventsNews #eventsHome {
	background-color: #fff;
	-ms-grid-column: 1;
}
[data-bs-theme="dark"] #eventsNews #eventsHome {
	background-color: #272727;
}
#eventsNews #eventsHome h2,
#eventsNews #newsHome h2 {
	background-color: #38871f;
	color: #fff;
	font-size: 1.38em;
	font-weight: 500;
	padding: 16px 22px;
	position: relative;
	text-transform: uppercase;
}
[data-bs-theme="dark"] #eventsNews #eventsHome h2,
[data-bs-theme="dark"] #eventsNews #newsHome h2 {
	background-color: #48ae28;
	color: #1b1b1b;
}
#eventsNews #eventsHome h2 a,
#eventsNews #newsHome h2 a {
	border: 1px solid #fff;
	color: #fff;
	font-size: 0.6em;
	font-weight: 400;
	padding: 5px;
	position: absolute;
	right: 25px;
	transition: all .3s ease-out;
}
[data-bs-theme="dark"] #eventsNews #eventsHome h2 a,
[data-bs-theme="dark"] #eventsNews #newsHome h2 a {
	border-color: #1b1b1b;
	color: #1b1b1b;
}

#eventsNews #eventsHome h2 a:hover { background-color: #75c95b }
#eventsNews #newsHome h2 a:hover { background-color: #1f8bd8 }
[data-bs-theme="dark"] #eventsNews #eventsHome h2 a:hover { background-color: #55b936 }
[data-bs-theme="dark"] #eventsNews #newsHome h2 a:hover { background-color: #51b4fa }

#eventsNews #newsHome {
	background-color: #fff;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 95% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 93%, 95% 100%, 0 100%);
	-ms-grid-column: 3;
}
[data-bs-theme="dark"] #eventsNews #newsHome {
	background-color: #272727;
}
#eventsNews #newsHome h2 { background-color: #0170c0 }
[data-bs-theme="dark"] #eventsNews #newsHome h2 {
	background-color: #0796fe;
	color: #1b1b1b;
}

#eventsNews #eventsHome > .item,
#eventsNews #newsHome > .item {
	display: -ms-grid;
	-ms-grid-columns: 36% 22px auto;

	align-items: start;
	border-bottom: 1px solid #ddd;
	color: #3d424f;
	display: grid;
	grid-template-columns: 36% auto;
	grid-column-gap: 22px;
	padding: 28px 30px;
	position: relative;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #eventsNews #eventsHome > .item,
[data-bs-theme="dark"] #eventsNews #newsHome > .item {
	border-color: #1b1b1b;
	color: #f0f0f0;
}
#eventsNews #eventsHome > .item:hover,
#eventsNews #newsHome > .item:hover {
	background-color: #f2f2f2;
}
[data-bs-theme="dark"] #eventsNews #eventsHome > .item:hover,
[data-bs-theme="dark"] #eventsNews #newsHome > .item:hover {
	background-color: #1b1b1b;
}
#eventsNews #eventsHome > .item figure,
#eventsNews #newsHome > .item figure {
	padding-bottom: 68%;
	-ms-grid-column: 1;
}
*::-ms-backdrop, #eventsNews #eventsHome > .item figure { min-height: 130px }
*::-ms-backdrop, #eventsNews #newsHome > .item figure { min-height: 130px }
#eventsNews #eventsHome > .item div,
#eventsNews #newsHome > .item div {
	-ms-grid-column: 3
}
#eventsNews #eventsHome > .item .title,
#eventsNews #newsHome > .item .title {
	display: block;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.25em;
}
#eventsNews #eventsHome > .item .title { color: #38871f }
[data-bs-theme="dark"] #eventsNews #eventsHome > .item .title { color: #48ae28 }
#eventsNews #newsHome > .item .title { color: #0170c0 }
[data-bs-theme="dark"] #eventsNews #newsHome > .item .title { color: #52b5fd }
#eventsNews #eventsHome > .item .day,
#eventsNews #newsHome > .item .date {
	color: #6f767b;
	display: block;
	font-size: .9em;
	margin-top: 5px;
	text-transform: uppercase;
}
[data-bs-theme="dark"] #eventsNews #eventsHome > .item .day,
[data-bs-theme="dark"] #eventsNews #newsHome > .item .date {
	color: #f0f0f0;
}
#eventsNews #eventsHome > .item .time,
#eventsNews #eventsHome > .item .place {
	display: block;
	line-height: 1.3em;
}
#eventsNews #eventsHome > .item .time { margin-top: 14px }
#eventsNews #newsHome > .item .text {
	display: block;
	line-height: 1.3em;
	margin-top: 14px;
}

@media only screen and (max-width:1100px){
	#eventsNews { -ms-grid-columns: 1fr }
	#eventsNews #eventsHome {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		margin-bottom: 10px;
	}
	#eventsNews #newsHome {
		-ms-grid-column: 1;
		-ms-grid-row: 2
	}
}
@media only screen and (max-width:960px) {
	#eventsNews { grid-template-columns: repeat(1,1fr) }
}
@media only screen and (max-width:420px) {
	#eventsNews #eventsHome h2 span { display: none }
}


/* ----------- bottomLinks -----------*/
#bottomLinks {
	display: grid;
	filter: drop-shadow(0 0 16px rgba(69,73,78,0.16));
	grid-template-columns: repeat(5,1fr);
	grid-gap: 32px;
	margin-bottom: 60px;
}
#bottomLinks a {
	background-color: #fff;
	color: #3d424f;
	display: block;
	position: relative;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #bottomLinks a {
	background-color: #272727;
	color: #f0f0f0;
}
#bottomLinks figure {
	padding-bottom: 70%;
}
#bottomLinks p {
	font-weight: 500;
	line-height: 1.35em;
	padding: 14px 20px;
	width: 100%;
}
#bottomLinks a:hover {
	background-color: rgba(1,112,192,0.9);
	color: #fff;
}
[data-bs-theme="dark"] #bottomLinks a:hover {
	background-color: #52b5fd;
	color: #1b1b1b;
}
@media only screen and (max-width:1070px) {
	#bottomLinks { grid-template-columns: repeat(2,1fr) }
	#bottomLinks a:nth-child(5) { grid-column: span 2 }
	#bottomLinks a:nth-child(5) figure { padding-bottom: 39.5% }
}
@media only screen and (max-width:600px) {
	#bottomLinks { grid-gap: 20px }
}
@media only screen and (max-width:580px) {
	#bottomLinks { grid-template-columns: repeat(1,1fr); margin-bottom: 30px }
	#bottomLinks a:nth-child(5) { grid-column: span 1 }
	#bottomLinks a figure { padding-bottom: 70% !important }
}


/* ----------- footer -----------*/
.wrapFooter {
	filter: drop-shadow(0 0 16px rgba(69,73,78,0.16));
}
footer {
	background-color: #fff;
	border-top: 4px solid #e44838;
	display: grid;
	grid-template-columns: repeat(5,auto);
	justify-content: center;
	padding: 28px;
	-webkit-clip-path: polygon(100% 0, 100% 100%, 2% 100%, 0 80%, 0 0);
	clip-path: polygon(100% 0, 100% 100%, 2% 100%, 0 80%, 0 0);

	display: -ms-grid;
	-ms-grid-columns: auto auto auto auto;
	-ms-grid-rows: 1fr;
}
[data-bs-theme="dark"] footer {
	background-color: #272727;
}
footer div {
	border-right: 1px solid #d54030;
	line-height: 1.6em;
	padding: 0 40px;
	position: relative;
}
[data-bs-theme="dark"] footer div {
	border-color: #e65647;
}
footer div:nth-child(1) { -ms-grid-column: 1; }
footer div:nth-child(2) { -ms-grid-column: 2; }
footer div:nth-child(3) { -ms-grid-column: 3; }
footer div:nth-child(4) { -ms-grid-column: 4; }
footer div:first-of-type { padding-left: 0 }
footer div:last-of-type { border-right: none; padding-right: 0 }
footer div:nth-child(3) {
	line-height: 1.3em;
	padding: 0 40px 0 94px
}
footer div i {
	color: #d54030;
	margin-right: 10px;
}
[data-bs-theme="dark"] footer div i {
	color: #e65647;
}
footer div img {
	left: 40px;
	margin-right: 14px;
	position: absolute;
	width: 38px;
}
footer div p.temp {
	font-size: 1.3em;
	font-weight: 500;
	padding-top: 2px;
}
footer div p.weather {
	font-size: .88em;
}
footer div.visit a {
	color: #3d424f;
	position: relative;
	text-transform: uppercase;
}
[data-bs-theme="dark"] footer div.visit a {
	color: #b8bcc8;
}
footer div.visit a span {
	font-size: 1.2em;
	color:#d54030;
	display: block;
}
[data-bs-theme="dark"] footer div.visit a span {
	color:#e65647;
}
#detailCounter h2 {
	color: #0170c0;
	text-align: center;
}
[data-bs-theme="dark"] #detailCounter h2 {
	color: #52b5fd;
}
#detailCounter p {
	border-bottom: 1px solid #e0e0e0;
	padding: 8px 0px ;
}
[data-bs-theme="dark"] #detailCounter p {
	border-color: #383838;
}
#socialLinks {
	display: grid;
	grid-template-columns: repeat(3,auto);
	grid-column-gap: 14px;
	align-items: center;

	display: -ms-grid;
	-ms-grid-columns: auto 14px auto 14px auto;
}
#socialLinks a {
	color: #d54030;
	display: block;
	font-size: 1.6em;
}
#socialLinks a:nth-child(1) { -ms-grid-column: 1 }
#socialLinks a:nth-child(2) { -ms-grid-column: 3 }
#socialLinks a:nth-child(3) { -ms-grid-column: 5 }
#socialLinks a i {
	margin-right: 0;
	transition:all 0.3s ease
}
#socialLinks a em { display: none }
#socialLinks a:first-of-type { margin-left: 0 }
#socialLinks a:hover i { color: #0170c0 }

#policy {
	color: #565656;
	font-size: .9em;
	padding: 15px 0 30px 0;
	text-align: center;
}
[data-bs-theme="dark"] #policy {
	color: #f0f0f0;
}
#policy a {
	color: #3d424f;
	padding-left: 2px;
	text-decoration: underline;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #policy a { color: #f0f0f0 }
#policy a:hover { color: #e44838 }
[data-bs-theme="dark"] #policy a:hover { color: #e65647 }
#policy .access {
	margin-right: 8px;
}
@media only screen and (max-width:1110px) {
	footer div { padding: 0 24px }
	footer div:nth-child(3) { padding: 0 24px 0 78px }
	footer div img { left: 24px }
	#socialLinks { grid-column-gap: 8px }

	#socialLinks a:nth-child(1) { -ms-grid-column: 1 }
	#socialLinks a:nth-child(2) { -ms-grid-column: 3 }
	#socialLinks a:nth-child(3) { -ms-grid-column: 5 }
}
@media only screen and (max-width:980px) {
	footer { grid-column-gap: 30px; grid-template-columns: repeat(2,auto);
		-ms-grid-columns: auto 14px auto; padding: 6px 28px; clip-path: none; -webkit-clip-path: none }
	footer div { border-bottom: 1px solid #e44838; border-right: none; padding: 14px 0  }
	footer div:nth-child(3), footer div:nth-child(4) { border-bottom: none }
	footer div:nth-child(3) { padding: 14px 0 14px 52px }
	footer div img { left: 0 }
	#socialLinks { justify-content: start }

	footer div:nth-child(1) { -ms-grid-column: 1;  -ms-grid-row: 1;}
	footer div:nth-child(2) { -ms-grid-column: 3;  -ms-grid-row: 1;}
	footer div:nth-child(3) { -ms-grid-column: 1;  -ms-grid-row: 2;}
	footer div:nth-child(4) { -ms-grid-column: 3;  -ms-grid-row: 2; }
}
@media only screen and (max-width:650px) {
	#policy { padding: 15px 50px 30px 50px }
}
@media only screen and (max-width:580px) {
	footer { grid-template-columns: repeat(1,auto) }
	footer div:nth-child(3) { border-bottom: 1px solid #e44838 }
	#socialLinks { justify-content: center }
}


/* ----------- misc -----------*/
.coverImg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.centerTxt { text-align: center !important }
.playIcon {
	color: #fff;
	font-size: 4.2em;
	height: 51px;
	left: 50%;
	line-height: 0;
	opacity: 0.9;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 73px;
}
.playIcon i { text-shadow: 0 0 20px rgba(20,20,20,.25) }
#map {
	height: 0;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: hidden;
	padding-bottom: 60%;
}
#map img {
	border: none;
}
.helpIcon {
	display: inline-block !important;
	margin-left: 5px;
}
.fileL {
	line-height: 1.3em;
}

/* Transitions */
#mainBanner .animated {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0 * 100);
}
#mainBanner .activate {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=1 * 100);
}
.contentBtn {
	background-color: #0170c0;
	border-radius: 4px;
	color: #fff !important;
	display: table;
	font-weight: 600;
	margin: 16px auto 20px auto;
	padding: 10px 30px;
	text-decoration: none !important;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.contentBtn:hover { background-color: #e44838 }
.platVersion {
	border: 1px solid #ddd;
	font-size: 1.05em;
	line-height: 1.5em;
	padding: 22px 28px;
}
.descriptionTxt {
	font-size: 1.05em;
	line-height: 1.4em;
	margin-bottom: 28px;
}
.browserDiv {
	background-color: #f5f5f5;
	margin: 14px 0 24px 0;
	padding: 16px 20px;
	text-align: center;
}
.browserInfo { font-weight: 500 }
.mAuto { margin: 0 auto }
.tableInfo {
	background-color: #edf0f7;
	display: flex;
	font-size: .85em;
	gap: 10px;
	margin-top: 20px;
	justify-content: space-between;
	padding: 9px 10px;
}
.tableInfo strong {
	margin-right: 2px;
}
.wrapFlex {
	align-items: center;
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.wrapFlex h2 {
	margin-bottom: 0 !important;
}
.downBtn {
	padding: 6px 0;
}
.downBtn i {
	margin-right: 7px;
}
@media only screen and (max-width:768px) {
	.tableInfo { flex-direction: column }
}


/* ----------- insideLayout -----------*/
#internalBanner {
	height: 460px;
	left: 0;
	position: fixed;
	top: 90px;
	width: 100%;
	transition: all .4s ease-out;
}
[data-bs-theme="dark"] #internalBanner {
	background-image: none !important;
}
#internalBanner:after {
	background-image: linear-gradient(rgba(233,234,244,0), rgba(233,234,244,1));
	bottom: 0;
	content: "";
	height: 60%;
	left: 0;
	position: absolute;
	width: 100%;
}
[data-bs-theme="dark"] #internalBanner:after {
	background-image: none;
}
.insideLayout {
	display: grid;
	display: -ms-grid;
	-ms-grid-columns: 22% 55% 23%;
	grid-template-columns: 22% 55% 23%;
	margin: 60px auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}
.insideLayout aside {justify-self: end ; -ms-grid-column: 1;  -ms-grid-row: 2; -ms-grid-column-align: end;}
.insideLayout section { -ms-grid-column: 2; -ms-grid-row: 2;}
.insideLayout #insideLinks {-ms-grid-column: 3; -ms-grid-row: 2;}

.midLayout aside #submenu {
	display: grid;
	justify-content: end;
	position: relative;
	z-index: 100;
}
.insideLayout aside #submenu a {
	background-color: rgba(28,30,44,.7);
	color: #fff;
	display: block;
	font-size: .86em;
	font-weight: 500;
	line-height: 1.3em;
	margin-bottom: 1px;
	padding: 14px 18px;
	position: relative;
	width: 140px;
	word-wrap: break-word;
}
[data-bs-theme="dark"] .insideLayout aside #submenu a {
	background-color: transparent;
	border-bottom: 1px solid #272727;
	margin-bottom: 0;
}
.insideLayout aside #submenu > li > a:after {
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23a0a2ad' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-position: right 30px;
	content: "";
	left: 0;
	height: 100%;
	opacity: 0.5;
	position: absolute;
	top: 0;
	transition:all 2s ease;
	width: 100%;
}
[data-bs-theme="dark"] .insideLayout aside #submenu > li > a:after {
	background-image: none;
}
.insideLayout aside #submenu a:hover:after { background-position: -50px 30px }
.insideLayout aside #submenu .current,
.insideLayout aside #submenu .current:before {
	background-color: #fff;
	color: #d54030;
	z-index: 1;
}
[data-bs-theme="dark"] .insideLayout aside #submenu .current,
[data-bs-theme="dark"] .insideLayout aside #submenu .current:before {
	background-color: #272727;
	color: #e65647;
}
.insideLayout aside #submenu a i, .subDirectory > aside  #submenu a i {
	display: none;
	font-size: 1.2em;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.insideLayout aside #submenu .current i, .subDirectory > aside  #submenu .current i {
	display: block;
}
.insideLayout aside #submenu a.current:after { background-image: none }

.insideLayout section .update {
	background-color: rgba(233,234,244,0.88);
	color: #686d7a;
	font-size: .84em;
	padding: 14px 0;
	text-align: center;
	text-shadow: 0 0 1px #fff;
	text-transform: uppercase;
}
[data-bs-theme="dark"] .insideLayout section .update {
	background-color: #1b1b1b;
	color: #f0f0f0;
}
.insideLayout section .update i { margin-right: 6px }

.insideLayout h1, .midLayout h1, .layout h1 {
	background-color: #d54030;
	color: #fff;
	font-size: 1.9em;
	font-weight: 600;
	-ms-grid-column-span: 3;
	grid-column: span 3;
	-ms-grid-column-align: end;
	justify-self: end;
	margin-right: 23%;
	padding: 16px 47px 16px 42px;
	position: relative;
	text-align: center;
	width: calc(78% + 140px - 23%);
	
	-webkit-clip-path: polygon(97% 0, 100% 30%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(97% 0, 100% 30%, 100% 100%, 0 100%, 0 0);
}
[data-bs-theme="dark"] .insideLayout h1,
[data-bs-theme="dark"] .midLayout h1,
[data-bs-theme="dark"] .layout h1 {
	background-color: #e65647 !important;
	color: #323232;
}
.midLayout h1, .layout h1 {
	margin-right: 0;
	width: 100%;
}
.insideLayout h1.initial {
	background-color: rgba(1,112,192,0.9);
	font-weight: 500;
	padding: 32px 32px;
	text-transform: initial;
	-webkit-clip-path: polygon(96% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(96% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
	-ms-grid-column: 1;
	-ms-grid-end: 2;
	grid-column: span 3;
}
.insideLayout h1 .date {
	color: #85dbff;
	display: block;
	font-size: .62em;
	font-weight: 600;
	margin: 6px 0 20px 0;
}
[data-bs-theme="dark"] .insideLayout h1 .date {
	color: #242424;
}
.insideLayout h1 #breadcrumb,
.midLayout h1 #breadcrumb,
.layout h1 #breadcrumb {
	display: block;
	font-size: .5em;
	font-weight: 400;
	margin-top: 4px;
	text-transform: initial;
}
.insideLayout h1 a,
.midLayout h1 a,
.layout h1 a {
	color: #fff;
	display: inline-block;
	font-weight: 500;
	text-decoration: underline;
}
[data-bs-theme="dark"] .insideLayout h1 a,
[data-bs-theme="dark"] .midLayout h1 a,
[data-bs-theme="dark"] .layout h1 a {
	color: #1b1b1b;
}
.insideLayout h1 #breadcrumb .divisor,
.midLayout h1 #breadcrumb .divisor,
.layout h1 #breadcrumb .divisor {
	margin: 0 10px;
}

#iWrapBanner {
	box-shadow: 0 0 32px rgba(69,73,78,0.16);
	grid-column: span 3;
	justify-self: end;
	margin-right: 23%;
	position: relative;
	width: calc(78% + 140px - 23%);
}
#iBanner.v2 { margin-bottom: 24px }
#iBanner a { display: block !important }
#iBanner a figure { padding-bottom: 28% }
#iBanner.v2 a figure { padding-bottom: 64% }
#iBanner a figure:before {
	background-color: rgba(28,30,44,0);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
}
#iBanner a:hover figure:before { background-color: rgba(28,30,44,0.3) }
#iBanner a em { display: none }

.insideLayout section { position: relative }

@media only screen and (max-width:1000px){
	#internalBanner { top: 45px }
}
@media only screen and (max-width: 875px) {
	#internalBanner { top: 27px }
	.insideLayout {
		-ms-grid-columns: 17% 82% 2%;
		grid-template-columns: 17% 82% 2%;
		margin: 0 auto;
	}
	.insideLayout aside {justify-self: end ; -ms-grid-column: 1;  -ms-grid-row: 2; 	-ms-grid-column-align: end;}
	.insideLayout section { -ms-grid-column: 2; -ms-grid-row: 2; grid-column: span 2; width: 100%;}
	.insideLayout #insideLinks { display: none;}
	
	#iWrapBanner {
		margin-right: 12px;
		width: calc(80% + 140px);
	}
	.insideLayout h1, .midLayout h1, .layout h1 {
		margin-right: 0;
		width: calc(79% + 122px);
		margin: 0 auto;
	}
	.insideLayout h1 { width: 96%;}
}

@media only screen and (max-width: 670px) {
	.insideLayout {
		-ms-grid-columns: 20% 1fr;
		grid-template-columns: 20% 1fr;
	}
	#iWrapBanner {
		margin-right: 0;
		width: 100%;
	}
	.insideLayout h1, .midLayout h1, .layout h1 {
		clip-path: none;
		margin-right: 0;
		margin: 0 auto;
		padding: 16px 22px;
	}
	.insideLayout aside #submenu a { width: 122px }
}
@media only screen and (max-width: 490px){
	.insideLayout {
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
	}
	.insideLayout aside { display: none }
	#iBanner a figure { padding-bottom: 48% }
}


/*----------------- txtBox ----------------*/
.txtBox {
	background-color: #fff;
	box-shadow: 0 0 32px rgba(69,73,78,0.16);
	height: calc(100% - 44px);
	min-height: 380px;
	padding: 32px 78px 32px 36px;
	position: relative;
}
[data-bs-theme="dark"] .txtBox {
	background-color: #272727;
}
.txtBox h2,
.txtBox blockquote > h2,
#contentTruncate > h2 {
	color: #0170c0;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.4em;
	margin-bottom: 8px;
	margin-top: 38px;
	position: relative;
}
[data-bs-theme="dark"] .txtBox h2,
[data-bs-theme="dark"] .txtBox blockquote > h2,
[data-bs-theme="dark"] #contentTruncate > h2 {
	color: #52b5fd;
}
.txtBox h2:first-of-type { margin-top: 0 }
.txtBox > p + h2:first-of-type { margin-top: 38px }
.txtBox h3, .txtBox blockquote > h3,
#contentTruncate > h3 {
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 6px;
	text-align: left;
}
.txtBox h4,
.txtBox blockquote > h4,
#contentTruncate > h4 {
	border-bottom: 1px solid #4a5266;
	display: table;
	font-size: 1.1em;
	margin-bottom: 8px;
	padding-bottom: 4px;
	text-align: left;
}
[data-bs-theme="dark"] .txtBox h4,
[data-bs-theme="dark"] .txtBox blockquote > h4,
[data-bs-theme="dark"] #contentTruncate > h4 {
	border-color: #8c919c;
}
.txtBox > p,
.txtBox blockquote > p,
#contentTruncate > p,
.txtBox table p,
.txtBox > .information > p {
	font-size: 1.08em;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.txtBox > p:last-of-type { margin-bottom: 0 }
.txtBox > p:last-of-type + .img100 { margin-top: 22px }

.txtBox > p:last-of-type + ul,
.txtBox > p:last-of-type + .embedContainer { margin-top: 22px !important }

.txtBox > p:last-of-type + h2,
.txtBox > p:last-of-type + h3,
.txtBox > p:last-of-type + h4 { margin-top: 32px !important }

.txtBox > h2 + h3,
.txtBox > h2 + h4,
.txtBox > h3 + h4 { margin-top: 22px }
.txtBox blockquote + h2 { border-top: none; margin-top: 20px }
.txtBox h2 + .embedContainer { margin-top: 16px }
.txtBox > p:last-of-type + h2 { margin-top: 28px }

.txtBox > ul, .txtBox blockquote > ul, #contentTruncate > ul, .txtBox table ul,
.txtBox > ol, .txtBox blockquote > ol, #contentTruncate > ol, .txtBox table ol { margin: 18px 0 12px 0 }
.txtBox > ul, .txtBox blockquote > ul > li > ul, #contentTruncate > ul > li > ul, .txtBox table ul > li > ul { margin: 18px 0 22px 0 }

.txtBox > ol, .txtBox blockquote > ol, #contentTruncate ol {
	counter-reset: myCounter
}
.txtBox > ol[type="a"], .txtBox blockquote > ol[type="a"], #contentTruncate > ol[type="a"], .txtBox table ol[type="a"] { margin: 18px 0 12px 24px }
.txtBox > ul:first-child, .txtBox table ul:first-child { margin: 0 }
.txtBox > ul:first-child + p { margin-top: 12px }
.txtBox blockquote > ul:first-child { margin: 0 0 12px 0 }
.txtBox > ul > li, .txtBox blockquote > ul > li, #contentTruncate > ul > li, .txtBox table ul li,
.txtBox > ol > li, .txtBox blockquote > ol > li, #contentTruncate > ol > li, .txtBox table ol li {
	font-size: 1.08em;
	line-height: 1.4em;
	padding: 0 0 6px 30px;
	position: relative;
}
.txtBox > ul > li > ul > li, .txtBox blockquote > ul > li > ul > li, #contentTruncate > ul > li > ul > li, .txtBox table ul li > ul > li {
	line-height: 1.5em;
	padding: 0 0 12px 30px;
	position: relative;
}
.txtBox > ol > li,
.txtBox blockquote > ol > li,
#contentTruncate > ol > li,
.txtBox table ol li {
	counter-increment: myCounter;
	list-style: none;
	padding: 0 0 12px 42px;
}
.txtBox > ol[type="a"] > li,
.txtBox blockquote > ol[type="a"] > li,
#contentTruncate > ol[type="a"] > li,
.txtBox table ol[type="a"] li {
	counter-increment: initial;
	list-style: lower-alpha;
	padding: 0 0 12px 12px;
}
.txtBox > ul > li:before,
.txtBox blockquote > ul > li:before,
#contentTruncate > ul > li:before,
.txtBox table ul li:before {
	background-color: #e44838;
	content: "";
	height: 2px;
	left: 12px;
	position: absolute;
	top: 11px;
	width: 8px;
}
.txtBox > ul > li> ul > li:before,
.txtBox blockquote > ul > li> ul > li:before,
#contentTruncate > ul > li> ul > li:before,
.txtBox table ul li> ul > li:before {
	background-color: #e44838;
	content: "";
	height: 2px;
	left: 12px;
	position: absolute;
	top: 11px;
	width: 8px;
}
.txtBox > ol > li:before,
.txtBox blockquote > ol > li:before,
#contentTruncate > ol > li:before,
.txtBox table ol li:before {
	content: counter(myCounter)".";
	font-weight: 500;
	left: 12px;
	position: absolute;
	text-align: right;
	top: 0px;
	width: 22px;
}
.txtBox > ol[type="a"] > li:before,
.txtBox blockquote > ol[type="a"] > li:before,
#contentTruncate > ol[type="a"] > li:before,
.txtBox table ol[type="a"] li:before {
	display: none;
}

#contentTruncate {
	display: none;
	margin-top: 22px;
}
.txtBox h5 {
	cursor: pointer;
	font-size: 1em;
	font-weight: 500;
	padding-top: 10px;
	position: relative;
	text-align: center;
}
.txtBox h5 a {
	border-bottom: 1px solid transparent;
	color: #38871f;
	display: inline-block;
	padding-bottom: 1px;
	transition:all 0.3s ease;
}
.txtBox h5 a:hover { text-decoration: none }
.txtBox h5:hover a { border-color: #38871f }
.txtBox h5 i { margin-right: 6px }
.txtBox h5.open a { color: #a5a5a5 }
.txtBox h5:hover.open a { border-color: #a5a5a5 }
.txtBox h5:before {
	background-image: url(../img/degradation.png);
	background-position: bottom;
	background-repeat: repeat-x;
	content: "";
	cursor: pointer;
	height: 90px;
	left: -2px;
	position: absolute;
	top: -91px;
	width: 101%;
}
[data-bs-theme="dark"] .txtBox h5:before {
	background-image: none;
}
.txtBox h5.open:before { display: none }

.txtBox h6 {
	border-top: 1px solid #ddd;
	cursor: pointer;
	font-size: 1.18em;
	font-weight: 500;
	line-height: 1.36em;
	padding: 16px 26px 16px 0;
	position: relative;
	text-align: left;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] .txtBox h6 {
	border-color: #3e3e3e;
}
.txtBox a {
	color: #0170c0;
	text-decoration: underline;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] .txtBox a {
	color: #52b5fd;
}
.txtBox a:hover { color: #e44838 }
[data-bs-theme="dark"] .txtBox a:hover { color: #e65647 }
.txtBox h6 a {
	color: #2a363d;
}
[data-bs-theme="dark"] .txtBox h6 a {
	color: #f0f0f0;
}
.txtBox h6:hover a {
	color: #0170c0;
	text-decoration: none;
}
[data-bs-theme="dark"] .txtBox h6:hover a {
	color: #52b5fd;
}
.txtBox h6:first-of-type { margin-top: 22px }
.txtBox h6:first-child { margin-top: 0 }
.txtBox h2 + h6 { margin-top: 22px }
.txtBox h6:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	color: #0170c0;
	font-size: 1.1em;
	position: absolute;
	right: 0;
	top: 17px;
}
[data-bs-theme="dark"] .txtBox h6:before {
	color: #52b5fd;
}
.txtBox h6.symbol:before { content: "\f106" }
.txtBox h6.symbol { color:#00aeef }
[data-bs-theme="dark"] .txtBox h6.symbol { color:#52b5fd }
.txtBox blockquote { display: none }

.txtBox img {
	display: block;
	width: 100%;
}
.txtBox .img100 { margin-bottom: 24px }
.txtBox .imgLeft, .txtBox .imgRight { width: 48% }
.txtBox .imgLeft {
	float: left;
	margin: 6px 24px 24px 0;
}
.txtBox .imgRight {
	float: right;
	margin: 6px 0 24px 24px;
}
.txtBox a.zoomImage {
	display: block;
	position: relative;
	z-index: 100;
}
.txtBox a.zoomImage:before {
	background-color: rgba(28,30,44,0);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top:0;
	transition:all 0.3s ease;
	width: 100%;
}
.txtBox a:hover.zoomImage:before { background-color: rgba(28,30,44,0.3) }
.txtBox a.zoomImage em { display: none }

.txtBox table {
	margin: 15px 0 22px 0;
	text-align: left;
	width: 100% !important;
}
.txtBox table strong { font-weight: 500 }
.txtBox table:last-of-type { margin-bottom: 0 }
.txtBox table:last-of-type + p,
.txtBox table:last-of-type + h3,
.txtBox table:last-of-type + h4 { margin-top: 22px }
.txtBox table tr { height: auto !important }
.txtBox table th {
	background-color: #4a5266;
	border-bottom: 1px solid #c4cadb;
	border-top: 1px solid #c4cadb;
	color: #fff;
	font-size: .85em;
	font-weight: 600;
	padding: 6px 8px;
}
.txtBox table td {
	border-bottom: 1px solid #c4cadb;
	border-top: 1px solid #c4cadb;
	font-size: .85em;
	font-variant-numeric: tabular-nums;
	height: auto !important;
	padding: 8px 8px;
	vertical-align: top;
	width: auto !important;
}
[data-bs-theme="dark"] .txtBox table td {
	border-color: #3f3f3f;
}
.txtBox table td.noLine {
	border-bottom: none;
}
.txtBox table td a {
	color: #0170c0 !important;
}
[data-bs-theme="dark"] .txtBox table td a {
	color: #52b5fd !important;
}
.txtBox table td a:hover {
	color: #e44838 !important;
}
[data-bs-theme="dark"] .txtBox table td a:hover {
	color: #e65647 !important;
}
.txtBox table td span {
	color: initial !important;
	font-family: 'Asap Condensed', sans-serif !important;
	font-size: initial !important;
}
.clearFix {
	content: "";
	clear: both;
	display: table;
}
#subsubmenu {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 20px;
	margin-top: 24px;
}
.txtBox > :nth-child(1) + #subsubmenu { margin-top: 0 }
#subsubmenu a {
	align-items: center;
	border: 1px solid #ddd;
	color: #0170c0;
	display: grid;
	font-weight: 500;
	padding: 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #subsubmenu a {
	border-color: #3f3f3f;
	color: #52b5fd;
}
#subsubmenu a p {
	line-height: 1.3em;
}
#subsubmenu a i {
	font-size: 2em;
	margin-bottom: 8px;
}
#subsubmenu a:hover {
	border: 1px solid #0170c0;
}
[data-bs-theme="dark"] #subsubmenu a:hover {
	border: 1px solid #52b5fd;
}
#insideLinks {
	margin: 0 0 0 42px;
}
#insideLinks a {
	background-color: rgba(238,239,246,.94);
	box-shadow: 0 0 32px rgba(69,73,78,.16);
	color: #4a5266;
	display: block;
	font-weight: 500;
	margin-bottom: 20px;
	padding: 18px 22px;
	text-align: center;
	transition:all 0.3s ease;
	width: 134px;
}
[data-bs-theme="dark"] #insideLinks a {
	background-color: #272727;
	color: #f0f0f0;
}
#insideLinks a:hover { color: #e44838 }
[data-bs-theme="dark"] #insideLinks a:hover { color: #e65647 }
#insideLinks a i {
	display: block;
	font-size: 1.5em;
	margin-bottom: 4px;
}
#share {
	border-left: 1px solid #ddd;
	height: calc(100% - 43px);
	position: absolute;
	right: 0;
	top: 0;
}
[data-bs-theme="dark"] #share {
	border-color: #1b1b1b;
}
#share > div {
	position: -webkit-sticky;
	position: sticky;
	top: 120px;
}
#share a {
	border-bottom: 1px solid #ddd;
	color: #6d718e;
	display: block;
	padding: 10px;
	position: relative;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #share a {
	border-color: #1b1b1b;
	color: #d6d6d6;
}
#share a:hover { color: #4a5266 }
[data-bs-theme="dark"] #share a:hover { color: #b1b1b1 }
#share a .float {
    font-size: .54em;
    position: absolute;
    right: 8px;
    top: 11px;
}
#share #fontLarge,
#share #fontSmall,
#share #fontDefault {
	color: #2879b5;
	font-size: .9em;
}
#share #fontLarge,
#share #fontSmall {
	border-bottom: none;
}
#share a em { display: none }
#share #fontLarge:hover,
#share #fontSmall:hover,
#share #fontDefault:hover {
	color: #d54030
}
@media only screen and (max-width:620px) {
	.txtBox table { overflow-x: scroll }
	.txtBox table th { font-size: .8em; white-space: nowrap }
	.txtBox table td { font-size: .8em; white-space: nowrap }
}
@media(max-width:600px){
	#subsubmenu  { grid-template-columns: repeat(2,1fr); grid-gap: 5px }
	.txtBox .imgLeft, .txtBox .imgRight { margin: 6px 0 6px 16px; width: 56% }
}
@media only screen and (max-width: 399px){
	.txtBox .imgLeft, .txtBox .imgRight { width: 100% }
}
	

/* ----------- docBox -----------*/
#docBox {
	border-top: 4px solid #ddd;
	margin-top: 26px;
	padding: 24px 0 0 0;
}
[data-bs-theme="dark"] #docBox {
	border-color: #3e3e3e;
}
#docBox .title {
	color: #6e7688;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 8px;
	text-transform: uppercase;
}
[data-bs-theme="dark"] #docBox .title {
	color: #b1b6c0;
}
.file-list, .file-list ul {
	border-left:1px dotted #aaa;
	font-size:1.1em;
	list-style-type: none;
	margin-left:8px;
	padding-left:19px;
}
.fileTree ul { margin-left: -20px }
.file-list li {
	padding: 6px 0 6px 29px;
	position: relative;
}
.file-list li a {
	color:#2a363d;
	font-size: .94em;
	line-height: 1em;
}
.file-list li a:hover { text-decoration: underline }
.file-list li a:before{
	border-bottom:1px dotted #aaa;
	content: " ";
	display:block;
	height:1px;
	left:-14px;
	position:absolute;
	top:1em;
	width:10px;
}
.file-list li:before {
	color:#7a858b;
	content:'\f15b';
	display:block;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	height:20px;
	left:2px;
	list-style-type: none;
	position:absolute;
	text-align: center;
	top:6px;
	width:20px;
}
[data-bs-theme="dark"] .file-list li:before {
	color:#b1b6c0;
}
.file-list li.doc:before { content:'\f1c2' }
.file-list li.power:before { content:'\f1c4' }
.file-list li.pdf:before { content:'\f1c1' }
.file-list li.img:before { content:'\f1c5' }
.file-list li.excel:before { content:'\f1c3' }
.file-list li.csv:before { content:'\f6dd' }
.file-list li.code:before { content:'\f1c9' }
.file-list .folder-root:before{
	color:#8f999e;
	content: "\f07b";
	font-weight: 900;
}
.file-list .folder-root.open > a {
	font-weight: 500;
}
.file-list .folder-root.open:before{
	content: "\f07c"
}
li.folder-root ul{
	overflow:hidden;
	transition: all .3s ease-in-out;
}
li.folder-root.closed > ul {
	max-height:0px;
	opacity:0;
}
li.folder-root.open > ul {
	display:block;
	opacity:1;
	padding-top: 6px;
}

#boxAttaches {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 10px;
	margin-top: 22px;
	text-align: left;
}
#boxAttaches a {
	background-color: #e7ebed;
	border-radius: 2px;
	color: #2a363d;
	font-size: .94em;
	overflow: hidden;
	padding: 9px 11px;
	text-overflow: ellipsis;
	transition:all 0.3s ease;
	white-space: nowrap;
}
[data-bs-theme="dark"] #boxAttaches a {
	background-color: #313131;
	color: #f0f0f0;
}
#boxAttaches a i {
	color: #9ea4a7;
	margin-right: 6px
}
#boxAttaches a:hover {
	background-color: #fff;
	box-shadow: 0 0 12px #c8ced1;
}
[data-bs-theme="dark"] #boxAttaches a:hover {
	background-color: #313131;
	box-shadow: 0 0 12px #242525;
}
@media only screen and (max-width:600px) {
	#docBox { background-color: #f4f4f4; margin-top: 20px; padding: 15px 20px }
}


/* ----------- cdtop -----------*/
.cdTop {
	background-color: #e44838;
	border-radius: 50%;
	bottom: 30%;
	color: #fff;
	cursor: pointer;
	font-size: 1.5em;
	height: 40px;
	line-height: 39px;
	opacity: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	transition: opacity .3s 0s, visibility 0s .3s;
	visibility: hidden;
	width: 40px;
	z-index: 9988;
}
[data-bs-theme="dark"] .cdTop {
	background-color: #e65647;
	box-shadow: 0 0 0 2px #1b1b1b;
	color: #1b1b1b;
}
.cdTop:hover { background-color: #eb5041 }
.cdTop.cd-is-visible, .cdTop.cd-fade-out, .no-touch .cdTop:hover { transition: opacity .3s 0s, visibility 0s 0s }
.cdTop.cd-is-visible {
	visibility: visible;
	opacity: 1;
}
.no-touch .cdTop:hover {
	background-color: #eb5041;
	opacity: 1;
}
.cdTop.cd-is-visible:focus { background-color: #0170c0 }
@media only screen and (max-width:520px) {
	.cdTop { bottom: 20%; right: 10px }
}

/* calificaciones */
.jq-ry-container {
	position: relative;
	padding: 0 5px;
	line-height: 0;
	display: block;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	direction: ltr;
}
.jq-ry-container[readonly="readonly"] {
	cursor: default;
}
.jq-ry-container > .jq-ry-group-wrapper {
	position: relative;
	width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
	position: relative;
	line-height: 0;
	z-index: 10;
	white-space: nowrap;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
	display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
	width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
	width: 0;
	z-index: 11;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

/* directorio cultural */
.topBox {
	grid-template-columns: auto;
}
#rating {
	display: inline-block;
}

/* directorio comercial */
.calification.v2 {
	margin-top: 7px;
}

#modalVimeo {
	margin: 0 auto;
	position: relative;
	width: 75%;
}
#modalVimeo .container{
	margin: 0 auto;
	display: block;
	height: 61vh;
	width: 92%;
}
#modalVimeo iframe {
	background-color: #000;
	border: none;
	height: 405px;
	height: 61vh;
	width: 100%;
}


/* ----------- newsListing -----------*/
.midLayout {
	margin: 60px auto;
	max-width: 936px;
	position: relative;
}
#newsListing {
	display: -ms-grid;
	display: grid;
	grid-column: span 2;
	-ms-grid-column-span: 2;
	grid-gap: 32px;
	-ms-grid-columns: 1fr 1fr 1fr;
	-ms-grid-rows: 1fr 1fr 1fr;
	grid-template-columns: repeat(3,1fr);
	margin-top: 32px;
}
#newsListing a {
	background-color: #fff;
	box-shadow: 0 0 32px rgba(69,73,78,0.16);
	color: #4a5266;
	overflow: hidden;
	position: relative;
}
[data-bs-theme="dark"] #newsListing a {
	background-color: #272727;
	color: #f0f0f0;
}
#newsListing > a:nth-child(1){ -ms-grid-column: 1; grid-column:1; -ms-grid-row: 1; grid-row: 1;}
#newsListing > a:nth-child(2){ -ms-grid-column: 2; grid-column:2; -ms-grid-row: 1; grid-row: 1;}
#newsListing > a:nth-child(3){ -ms-grid-column: 3; grid-column:3; -ms-grid-row: 1; grid-row: 1;}

#newsListing > a:nth-child(4){-ms-grid-column: 1; grid-column:1; -ms-grid-row: 2; grid-row: 2;}
#newsListing > a:nth-child(5){-ms-grid-column: 2; grid-column:2; -ms-grid-row: 2; grid-row: 2;}
#newsListing > a:nth-child(6){-ms-grid-column: 3; grid-column:3; -ms-grid-row: 2; grid-row: 2;}

#newsListing figure {
	background-color: #d5d5d5;
	padding-bottom: 60%;
	transition:all 0.3s ease;
}
#newsListing a:hover figure {
	filter: brightness(1.14);
	transform: scale(1.11);
}
#newsListing p {
	padding: 0 28px;
}
#newsListing .title {
	background-color: #fff;
	color: #0170c0;
	font-size: 1.2em;
	font-weight: 600;
	padding-top: 20px;
	position: relative;
	transition:all 0.3s ease;
	z-index: 0;
}
[data-bs-theme="dark"] #newsListing .title {
	background-color: #272727;
	color: #52b5fd;
}
#newsListing .title span {
	position: relative;
	z-index: 200;
}
#newsListing a:hover .title { color: #e44838 }
[data-bs-theme="dark"] #newsListing a:hover .title { color: #e65647 }
#newsListing .date {
	color: #848a9a;
	font-size: .84em;
	padding-bottom: 12px;
	text-transform: uppercase;
}
[data-bs-theme="dark"] #newsListing .date {
	color: #b6b9c2;
}
#newsListing .text {
	line-height: 1.3em;
	padding-bottom: 20px;
}
@media only screen and (max-width: 875px){
	#newsListing { width:96%; margin:20px auto; grid-gap: 12px }
}
@media only screen and (max-width: 690px){
	#newsListing {
		-ms-grid-columns: 48% 48%;
		-ms-grid-rows: 48% 48%;
		grid-template-columns: repeat(2,48%);
	}	
	#newsListing > a:nth-child(1){ -ms-grid-column: 1; grid-column:1; -ms-grid-row: 1; grid-row: 1;}
	#newsListing > a:nth-child(2){ -ms-grid-column: 2; grid-column:2; -ms-grid-row: 1; grid-row: 1;}
	#newsListing > a:nth-child(3){ -ms-grid-column: 1; grid-column:1; -ms-grid-row: 2; grid-row: 2;}

	#newsListing > a:nth-child(4){-ms-grid-column: 2; grid-column:2; -ms-grid-row: 2; grid-row: 2;}
	#newsListing > a:nth-child(5){-ms-grid-column: 1; grid-column:1; -ms-grid-row: 3; grid-row: 3;}
	#newsListing > a:nth-child(6){-ms-grid-column: 2; grid-column:2; -ms-grid-row: 3; grid-row: 3;}
}
@media only screen and (max-width: 490px ){
	#newsListing {
		-ms-grid-columns:  96%;
		-ms-grid-rows:  96%;
		grid-template-columns: 96%;
	}

	#newsListing > a:nth-child(1){ -ms-grid-column: 1; grid-column:1; -ms-grid-row: 1; grid-row: 1;}
	#newsListing > a:nth-child(2){ -ms-grid-column: 1; grid-column:1; -ms-grid-row: 2; grid-row: 2;}
	#newsListing > a:nth-child(3){ -ms-grid-column: 1; grid-column:1; -ms-grid-row: 3; grid-row: 3;}
	
	#newsListing > a:nth-child(4){-ms-grid-column: 1; grid-column:1; -ms-grid-row: 4; grid-row: 4;}
	#newsListing > a:nth-child(5){-ms-grid-column: 1; grid-column:1; -ms-grid-row: 5; grid-row: 5;}
	#newsListing > a:nth-child(6){-ms-grid-column: 1; grid-column:1; -ms-grid-row: 6; grid-row: 6;}
}


/* ----------- activityListing -----------*/
#activityListing {
	display: grid;
	display: -ms-grid;
	grid-column: span 2;
	-ms-grid-columns: 1fr 1fr;
	grid-gap: 32px;
	grid-template-columns: repeat(2,1fr);
	margin-top: 32px;
}
#activityListing a {
	background-color: #fff;
	box-shadow: 0 0 32px rgba(69,73,78,0.16);
	color: #4a5266;
	overflow: hidden;
	position: relative;
}
[data-bs-theme="dark"] #activityListing a {
	background-color: #272727;
	color: #f0f0f0;
}
#activityListing figure {
	background-color: #d5d5d5;
	padding-bottom: 60%;
	position: relative;
	transition:all 0.3s ease;
}
#activityListing a:hover figure {
	filter: brightness(1.14);
	transform: scale(1.11);
}
#activityListing p {
	padding: 0 28px;
}
#activityListing .title {
	background-color: #fff;
	color: #0170c0;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.35em;
	padding-top: 20px;
	position: relative;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #activityListing .title {
	background-color: #272727;
	color: #52b5fd;
}
#activityListing .title span {
	position: relative;
	z-index: 200;
}
#activityListing a:hover .title { color: #e44838 }
[data-bs-theme="dark"] #activityListing a:hover .title { color: #e65647 }
#activityListing .date {
	background-color: rgba(1,112,192,.95);
	color: #fff;
	font-size: 2.2em;
	font-weight: 500;
	left: 0;
	line-height: .8em;
	padding: 13px 16px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	z-index: 200;
}
[data-bs-theme="dark"] #activityListing .date {
	background-color: #52b5fd;
	color: #1b1b1b;
}
#activityListing .date span {
	display: block;
	font-size: .5em;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: .86em;
	margin-top: 5px;
}
#activityListing .text {
	line-height: 1.3em;
	padding-bottom: 33px;
}
#activityListing  p.category { right: 0 }
@media only screen and (max-width:960px) {
	#activityListing { width: 98%; margin: 0 auto }	
}
@media only screen and (max-width:460px) {
	#activityListing { grid-gap: 32px; grid-template-columns: 100% }	
}


/* ----------- Magnific -----------*/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200000;
	overflow: hidden;
	position: fixed;
	background-color: #45565c;
	opacity: 0.66;
	filter: alpha(opacity=66);
}
[data-bs-theme="dark"] .mfp-bg {
	background-color: #1b1b1b;
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200002;
	position: fixed;
	outline: none !important;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow {
	background-color: transparent;
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#modalBox2 button.mfp-close {
	background-color: rgba(255,255,255,0.9);
	border-radius: 0 0 0 14px;
}
button::-moz-focus-inner { padding: 0; border: 0 }
.mfp-close {
	cursor: pointer;
	font-size: 13px;
	height: 34px;
	line-height: 33px !important;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	width: 34px;
}
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close-btn-in .mfp-close { color: #a8b1b6 }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	width: 100%;
}
.mfp-counter {
	color: #334b98;
	font-size: 12px;
	position: absolute;
	top: 7px;
	right: 10px;
	line-height: 18px;
	white-space: nowrap;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	padding: 40px 0 40px;
	margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
    background: #444;
}
.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar {
	margin-top: -40px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	background-color: #fff;
	box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
	color: #303030;
	font-size: 13px;
	font-weight: 400;
	min-height: 34px;
	text-align: left;
	line-height: 18px;
	word-wrap: break-word;
	padding: 8px 36px 10px 14px;
}
[data-bs-theme="dark"] .mfp-title {
	background-color: #272727;
	color: #f0f0f0;
}
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; }
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
	.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
	.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
	.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
	.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
	.mfp-container { padding-left: 6px; padding-right: 6px; }
}


/* ----------- modalBox -----------*/
#modalBox, .inlineBox, #modalC, .helpBox {
	background: #fff;
	box-shadow: 0 0 20px rgba(64, 64, 64, 0.45);
	margin: 26px auto;
	max-width: 500px;
	padding: 24px 28px 26px;
	position: relative;
}
[data-bs-theme="dark"] #modalBox,
[data-bs-theme="dark"] .inlineBox,
[data-bs-theme="dark"] #modalC,
[data-bs-theme="dark"] .helpBox {
	background: #272727;
	box-shadow: none;
}
#modalBox.v2, .inlineBox.v2 { max-width: 380px }
#modalBox.v3, .inlineBox.v3, .helpBox { max-width: 680px }
.inlineBox.v4 {
	background-color: rgba(27,34,38,0.85);
	max-width: 640px;
	padding: 24px;
}
#modalBox:focus,
.inlineBox:focus,
#modalC:focus,
.helpBox:focus {
	outline: none;
}
#modalBox .formComment,
.inlineBox .formComment {
	margin: 0;
}
#modalBox h1,
.inlineBox h1,
.helpBox h1 {
	color: #0170c0;
	font-size: 1.5em;
	margin-bottom: 16px;
	text-align: center;
}
[data-bs-theme="dark"] #modalBox h1,
[data-bs-theme="dark"] .inlineBox h1,
[data-bs-theme="dark"] .helpBox h1 {
	color: #52b5fd;
}
#modalBox p { margin-top: 4px }
#modalBox label span { margin-top: 4px }
#modalBox form {
	margin-top:16px
}
#modalBox label {
	display: block;
	font-size: .9em;
	margin-bottom: 6px;
}
#modalBox input[type="text"],
#modalBox textarea {
	border: 1px solid #c3c3c3;
	color: #2a363d;
	font-size: .9em;
	margin: 0 0 18px 0;
	outline: none;
	padding: 12px 10px 8px 10px;
	transition: all 0.5s ease-in-out;
	width:100%;
}
[data-bs-theme="dark"] #modalBox input[type="text"],
[data-bs-theme="dark"] #modalBox textarea {
	color: #f0f0f0;
}
#modalBox input[type="text"]:focus,
#modalBox textarea:focus {
	border-color: #4a5266;
}
[data-bs-theme="dark"] #modalBox input[type="text"]:focus,
[data-bs-theme="dark"] #modalBox textarea:focus {
	border-color: #52b5fd;
}
#modalBox .captchaTxt {
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: contain;
}
#modalBox input[type="text"].requiredField, #modalBox textarea.requiredField {
	background-color: #fff4f3;
	border-color: #ffa39a;
}
#modalBox input[type="submit"] {
	background-color: #0170c0;
	border-radius: 4px;
	color: #fff;
	display:block;
	font-weight: 600;
	padding: 8px 30px;
	text-transform: uppercase;
	transition: all 0.2s ease;
	width: 100%;
}
[data-bs-theme="dark"] #modalBox input[type="submit"] {
	background-color: #52b5fd;
	color: #1b1b1b;
}
#modalBox input[type="submit"]:hover,
#modalBox input[type="submit"]:hover:focus {
	background-color:#1080d1;
}
[data-bs-theme="dark"] #modalBox input[type="submit"]:hover,
[data-bs-theme="dark"] #modalBox input[type="submit"]:hover:focus {
	background-color:#70c4ff;
}
#modalBox input[type="submit"]:focus { background-color:#1080d1 }
.errors,
.success {
	color: #fff;
	display: none;
	font-size: .88em;
	font-weight: 500;
	line-height: 1.4em;
	margin: 18px 0;
	padding: 7px 0;
	text-align: center;
}
.errors { background-color: #eb3e2e }
[data-bs-theme="dark"] .errors {
	background-color: #e65647;
	color: #1b1b1b;
}
.success { background-color: #69a242 }
.errors p, .success p { margin: 10px 0 }
.messageTxt {
	color: #898f93;
	font-size: .85em;
	font-style: italic;
	line-height: 1.4em;
	margin-top: 8px;
	text-align: center;
}
#modalC .formComment { margin: 31px 0px 7px 0px; }

@media only screen and (max-width:1366px) {
	.inlineBox.v4 { max-width: 400px }
}
@media only screen and (max-width:580px) {
	#modalBox h1, .inlineBox h1 { font-size: 1.3em }
}


/*--------------------------- modal idioma -----------------------------*/
.sltTranslate select {
	border: 1px solid #e0e0e0;
	padding: 10px 5px;	
	font-size: 1.3em;
	width: 100%;
}
.sltTranslate { position: relative }
.sltTranslate:before {
	color: #0170c0;
	content: "\f150";
	display:table-cell;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.3em;
	position: absolute;
	pointer-events: none;
	right: 13px;
	top: 13px;
	z-index: 1;
}
[data-bs-theme="dark"] .sltTranslate:before {
	color: #52b5fd;
}


/*--------------------------- projectLising ----------------------------*/
#projectListing {
	display: grid;
	display: -ms-grid;
	grid-column: span 2;
	-ms-grid-columns: 1fr 1fr;
	grid-gap: 32px;
	grid-template-columns: repeat(2,1fr);
	margin-top: 32px;
}
#projectListing a {
	background-color: #fff;
	box-shadow: 0 0 32px rgba(69,73,78,0.16);
	color: #4a5266;
	overflow: hidden;
	position: relative;
}
[data-bs-theme="dark"] #projectListing a {
	background-color: #272727;
	color: #f0f0f0;
}
#projectListing figure {
	background-color: #d5d5d5;
	padding-bottom:62%;
	position: relative;
	transition:all 0.3s ease;
	width: 100%;
}
#projectListing a:hover figure {
	filter: brightness(1.14);
	transform: scale(1.11);
}
#projectListing .description {
	position: relative;
	transition:all 0.7s ease;
	width: 100%;
}
#projectListing p {
	padding: 0 28px;
	color: #4a5266;
	transition:all 0.7s ease;
}
#projectListing a:hover p, #projectListing a:hover span.year {
	color: #4a5266;
}
#projectListing .title {
	background-color: #fff;
	color: #de5548;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.25em;
	padding: 20px 80px 10px 26px;
	position: relative;
	transition:all 0.7s ease;
	z-index: 0;
}
[data-bs-theme="dark"] #projectListing .title {
	background-color: #272727;
	color: #e65647;
}
#projectListing span.year {
	color: #4a5266;
	position: absolute;
	right: 23px;
	top: 23px;
}
[data-bs-theme="dark"] #projectListing span.year {
	color: #aaadb6;
}
#projectListing a:hover .title { color: #0170c0; }
[data-bs-theme="dark"] #projectListing a:hover .title { color: #52b5fd; }
#projectListing .text {
	line-height: 1.3em;
	padding-bottom: 44px;
}
#projectListing p.status,
#projectListing p.category,
#activityListing  p.category {
	color: #4a5266;
	font-weight: 500;
	margin: 12px 0 26px 0;
}
[data-bs-theme="dark"] #projectListing p.status,
[data-bs-theme="dark"] #projectListing p.category,
[data-bs-theme="dark"] #activityListing  p.category {
	color: #babdc5;
}
.category { right: -10px }
#projectListing a:hover .category,
#projectListing a:hover .status {
	color: #0170c0;
}
[data-bs-theme="dark"] #projectListing a:hover .category,
[data-bs-theme="dark"] #projectListing a:hover .status {
	color: #52b5fd;
}
.categories select {
	background-color: #fff;
	border-radius: 2px;
	margin-top: 16px;
	margin-right: 11px;
	padding: 5px;
	width: 32%;
}
[data-bs-theme="dark"] .categories select {
	background-color: #272727;
}
.categories select:nth-last-of-type() {
	margin-right: initial;
}
@media only screen and (max-width:960px){
	.categories { margin: 10px auto; width: 98% }
	.categories form.frmProject { display: grid; grid-template-columns: repeat(3,auto) }
	.categories form.frmProject select {
		padding: 5px 42px 5px 5px;
		width: 96%;
		margin-top: 0;
	}
	.categories form.frmProject .lblSelect:before { right: 9%; top: 5px }
}
@media only screen and (max-width:875px){
	#projectListing { margin: 0 auto; width: 96% }
}
@media only screen and (max-width:670px){
	.categories select { margin-right: 10px; width: 47% }
	#projectListing {
		grid-template-columns: 100%;
		width: 90%;
		margin: 0 auto;
	}
}


/*------------------- detailActivity -------------------*/
#activityDetail .infoDate {
	display: grid;
	display: -ms-grid;
	grid-template-columns: repeat(4, 25%);
	padding-bottom: 21px;
	text-align: center;
}
.infoDate p {
	color: #1372b3;
	border-left: 1px solid #d6d6d6;
	font-size: 1em;
	padding: 0px 10px;
}
[data-bs-theme="dark"] .infoDate p {
	border-color: #474747;
	color: #52b5fd;
}
.infoDate p:first-child {
	border:none;
}
.infoDate p > i {
	font-size: .8em;
	margin-right: 5px;
}
.infoDate p > span {
	color: #758192;
	display: block;
	font-size: 1em;
	padding-top: 4px;
}
[data-bs-theme="dark"] .infoDate p > span {
	color: #babfc7;
}

@media (min-width:875px) and (max-width: 927px ){
	#activityDetail .infoDate { grid-template-columns: repeat(2, 50%); gap: 10px }
	.infoDate p { border-left: none; border-right: none }
	.infoDate p:first-of-type,
	.infoDate p:nth-child(2) { border-bottom: 1px solid #d6d6d6; padding-bottom: 15px }
}

@media only screen and (max-width:622px){
	#activityDetail .infoDate { grid-template-columns: repeat(2, 50%); gap: 10px }
	.infoDate p { border-left: none; border-right: none }
	.infoDate p:first-of-type,
	.infoDate p:nth-child(2) { border-bottom: 1px solid #d6d6d6; padding-bottom: 15px }
}


/*-------------------- detailProject -------------------*/
.initial .estado { display: inline }
.slider-nav { padding-bottom: 8% }
.slider-nav  a > .coverImg {
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	padding-bottom: 61%;
	position: relative;
	margin: 0px 4px;
}
.slider-nav a figure .playIcon2 {
	position: absolute;
	left: 37%;
	bottom: 36%;
	color: #fff;
}
.slick-center a > .coverImg {
	border-bottom: 3px solid #0170c0;
}
.txtBox .btnComment {
	background-color: #1d3139;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	position: absolute;
	right: 80px;
}
[data-bs-theme="dark"] .txtBox .btnComment {
	background-color: #363738;
}
.btnComment.v2 {
	padding: 7px 10px;
}
.txtBox .btnComment:hover {
	background-color: #3b6274;
	border-radius: 2px;
}
[data-bs-theme="dark"] .txtBox .btnComment:hover {
	background-color: #292a2b;
}
.projectDetail .categoria {
	position: absolute;
	right: 60px;
	top: 10px;
	color: #0244b7b3;
}
.projectDetail #boxAttaches {
	margin-bottom: 20px;
}

.formComment { margin: 30px 0px 0 0 }
.formComment label {
	display: block;
	position: relative;
	margin-bottom: 20px;
}
.formComment label.v2 {
	margin-bottom: 2px;
}
.formComment label span {
	background-color: #fff;
	left: 7px;
	position: absolute;
	padding: 0px 4px;
	top: -12px;
	text-align: left;
}
.formComment label input[type="text"],
.formComment label input[type="email"],
.projectDetail .formComment label textarea,
#contacto .formComment label > textarea {
	border: 1px solid #b0b2c2;
	padding: 10px 9px 9px 9px;
	transition: all 0.5s ease-in-out;
	margin-bottom: 14px;
	width: 100%;
}
.formComment select {
	border: none;
	border: 1px solid #b0b2c2;
	margin-bottom: 14px;
	padding: 10px 9px 9px 9px;
	transition: all 0.8s ease-in-out;
	width: 100%;
}
[data-bs-theme="dark"] .formComment select {
	background-color: #272727;
}
#contacto .txtBox .col2 {
	background-color: #f7f7f7;
	display: grid;
	grid-template-columns: auto auto;
	gap: 10px;
	margin-bottom: 30px;
	padding: 20px 8px;
}
[data-bs-theme="dark"] #contacto .txtBox .col2 {
	background-color: #313131;
}
#contacto .txtBox .info {
	display: block;
	font-size: 1.2em;
	text-align: center;
}
#contacto .txtBox .info i{
	color: #e4584a;
}
.showForm {
	background-color: #fff;
	position: relative;
}
[data-bs-theme="dark"] .showForm {
	background-color: #272727;
}
@media only screen and (max-width:875px){
	#pDetail.insideLayout { grid-template-columns: 17% 78% }
	#pDetail.insideLayout h1 { margin-right: 34px; width: 91% }
	#pDetail.insideLayout section { width: 95% }
	#pDetail.insideLayout aside #submenu a { width: 97px }
}
@media only screen and (max-width: 625px ){
	#pDetail.insideLayout { grid-template-columns: 99% }
	#pDetail.insideLayout h1 { margin-right: 26px; width: 96% }
	#pDetail.insideLayout h1 { margin-right: 4px; width: 99% }
	#pDetail.insideLayout aside { display: none }
	#pDetail.insideLayout section { width: 100% }
}


/*---------------------------- blogListing ----------------------------*/
#blogList {
	display: grid;
	display: -ms-grid;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
	grid-template-columns: repeat(2,1fr);
	margin-top: 32px;
}
#blogList a {
	display: grid;
	background-color: #fff;
	box-shadow: 0 0 32px rgba(69,73,78,0.16);
	color: #4a5266;
	grid-template-columns: 31% 1fr;
	overflow: hidden;
	position: relative;
	
	-webkit-clip-path: polygon(96% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(96% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
}
[data-bs-theme="dark"] #blogList a {
	color: #f0f0f0;
}
#blogList figure {
	background-color: #d5d5d5;
	padding-bottom: 47%;
	position: relative;
	transition:all 0.3s ease;
	width: 100%;
}
#blogList a:hover figure {
	filter: brightness(1.14);
	transform: scale(1.11);
}
#blogList a > .description {
	background-color: #fff;
	padding: 18px 15px;
}
[data-bs-theme="dark"] #blogList a > .description {
	background-color: #272727;
}
#blogList a p.title {
	color: #4a5266;
	font-weight: 600;
	margin-bottom: 10px;
}
[data-bs-theme="dark"] #blogList a p.title {
	color: #f0f0f0;
}
#blogList a p.numCom {
	color: #aeaeae;
	font-size: .8em;
	position: absolute;
	right: 20px;
	bottom: 10px;
}
#blogList a p.numCom i {
	margin-left: 4px;
}
@media only screen and (max-width:875px){
	#blogList { grid-template-columns: repeat(2,1fr); margin: 25px auto; width: 98% }
}
@media only screen and (max-width:745px){
	#blogList { grid-template-columns: 1fr }
	#blogList a { grid-template-columns:48% 1fr }
}
@media (max-width: 400px){
	#blogList a { grid-template-columns: 1fr }
}


/*--------------------- detailBlog -------------------*/
#blogdetail .bannerBlog {
	-webkit-clip-path:polygon(96% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(96% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
}
@media only screen and (max-width:875px) {
	#blogdetail h1.initial { margin-right: 17px; width: calc(78% + 124px) }
	#blogdetail.insideLayout { -ms-grid-columns: 20% 1fr 2%; grid-template-columns: 22% 1fr 2% }
	#blogdetail.insideLayout aside #submenu a { width: 140px }
}
@media only screen and (max-width:670px) {
	#blogdetail h1.initial { width: 100% }
	#blogdetail.insideLayout { -ms-grid-columns: 1fr; grid-template-columns: 1fr }
}


/*----------- blogForm -----------*/
.comments {
	border-top: 2px solid rgb(203, 203, 203);
	margin-top: 20px;
	padding-top: 20px;
}
[data-bs-theme="dark"] .comments {
	border-top: 2px solid #505050;
}
.comments h3 { color: #1279c5 }
[data-bs-theme="dark"] .comments h3 { color: #52b5fd }
.blogForm > input,
.formComment > .blogForm label > textarea,
.blogForm > select  {
	padding: 6px 8px;
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
.blogForm input[type="text"]:focus,
.blogForm input:active,
.blogForm textarea:focus,
.blogForm textarea:active {
	border: 1px solid #e44838;
}
.blogForm > input[type="submit"],
.formComment input[type="submit"],
.aloneBtn {
	background-color: #0170c0;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-weight: 600;
	margin-top: -16px;
	padding: 8px 30px;
	text-transform: uppercase;
	transition: all 0.4s ease;
}
[data-bs-theme="dark"] .blogForm > input[type="submit"],
[data-bs-theme="dark"] .formComment input[type="submit"],
[data-bs-theme="dark"] .aloneBtn {
	background-color: #52b5fd;
	color: #1b1b1b;
}
.blogForm > input[type="submit"]:hover,
.formComment input[type="submit"]:hover,
.aloneBtn:hover {
	background-color: #1a90e4;
}
.inlineBtn {
	display: inline-block !important;
}
.greyBtn {
	background-color: #e44838;
	margin-left: 4px;
}
.greyBtn:hover {
	background-color: #f65c4c;
}
[data-bs-theme="dark"] .greyBtn {
	background-color: #e65647;
}
[data-bs-theme="dark"] .greyBtn:hover {
	background-color: #e65647;
}
.comment {
	padding: 10px 0px 10px 20px;
	border-top: 1px solid #e0e0e0;
	position: relative;
}
.comment:first-child { border: none }
.comment:before {
	content: "\f27a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
	position: absolute;
	top: 12px;
	color: #138ce2;
}
.comment p.name {
	font-size: 1.2em;
	font-weight: 600;
	color: #138ce2;
	padding-bottom: 10px;
}
.comment p.text {
	line-height: 1.3;
}
.comment p.date {
	margin-top: 10px;
	color: #969696;
	font-size: 0.9em;
}
.projectDetail .comments {
	border:none;
	margin-top: 0;
	padding: 0;
}
.formComment > h4 { margin-bottom: 7px }
@media only screen and (max-width: 470px){
	.blogForm input[type="submit"],
	.formComment input[type="submit"],
	.aloneBtn { width: 100% }
	.greyBtn { margin-left: 0; margin-top: 6px; text-align: center; }
}


/* -------------------------contacts --------------------*/
#contacts {
	color: #3e4450;
}
.btnShow {
	background-color: #fff;
	border-top: 1px solid #eaeaea;
	color: #3e4450;
	cursor: pointer;
	display: block;
	font-weight: 500;
	letter-spacing: 1px;
	position: relative;
	padding: 15px 20px;
	text-transform: uppercase;
}
[data-bs-theme="dark"] .btnShow {
	background-color: #272727;
	border-top: 1px solid #525252;
	color: #f0f0f0;
}
.btnShow:before {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 10px;
	transition: all .3s ease;
}
.aDown:before {
	content: "\f077";
	transition: all .3s ease;
}
.objeto {
	background-color: rgba(255,255,255,1);
	color: #000;
	display: grid;
	display: -ms-grid;
	grid-template-columns: 50% 50%;
	-ms-grid-columns: 50% 50%;
	position: relative;
}
[data-bs-theme="dark"] .objeto {
	background-color: #272727;
	color: #f0f0f0;
}
.boxContact {
	border-right: 1px solid #fff;
	display: inline-block;
	padding: 19px 49px 8px 26px;
}
[data-bs-theme="dark"] .boxContact {
	border-color: #272727;
}
.boxContact :nth-child(3n) {
	border-right: none;
}
.boxContact  > .imgCover {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 2px;
	display: inline-block;
	margin-right: 10px;
	padding-bottom: 106px;
	width: 110px;
	-webkit-clip-path: polygon(89% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(89% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
}
.boxContact > .info {
	display: inline-block;
	position: relative;
	top: -14px;
}
.boxContact > .info p {
	padding-bottom: 5px;
	color: #3e4450;
}
[data-bs-theme="dark"] .boxContact > .info p {
	color: #f0f0f0;
}
.boxContact > .info p.name {
	font-size: 1.2em;
	color: #0170c0;
}
[data-bs-theme="dark"] .boxContact > .info p.name {
	color: #52b5fd;
}
.boxContact > .info .correo {
	color: #0170c0;
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding-bottom: 9px;
}
[data-bs-theme="dark"] .boxContact > .info .correo {
	color: #52b5fd;
}
.boxContact > .info .correo:before {
	background-color: #0170c0;
	position: absolute;
	height: 1px;
	width: 100%;
	bottom: 6px;
}
.boxContact > .info .correo:hover:before {
	content: "";

}
#modalBox > .formComment label {
	color: #646464;
	font-size: .85em;
	margin: 18px 0px;
}
[data-bs-theme="dark"] #modalBox > .formComment label {
	color: #f0f0f0;
}
#modalBox > .people > .imgCover {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 3px;
	padding-bottom: 159px;
	width: 200px;
	margin: 0 auto 10px auto;
	-webkit-clip-path: polygon(89% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(89% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
}
@media only screen and (max-width:745px){
	.boxContact { padding: 14px 18px 8px 18px }
	.boxContact > .info { top: -2px }
}
@media only screen and (max-width: 549px){
	.objeto { grid-template-columns: 1fr; -ms-grid-columns: 1fr }
}


/*---------------------- encuestas -----------------------*/
#polls h1 {
	background-color: rgba(1,112,192,0.9);
}
.pollsContainer {
	background-color: #4a5266c5;
	padding: 15px 25px;
}
[data-bs-theme="dark"] .pollsContainer {
	background-color: #272727;
}
.pollsContainer h2 {
	color: #fed102;
	margin-bottom: 20px;
}
.pollBox {
	display: grid;
	grid-template-columns: 50% 50%;
	margin-bottom: 30px;
}
.pollBox a {
	padding: 10px 15px 10px 45px;
	position: relative;
	color: #ffffff;
	border: 1px dashed transparent;
}
.pollBox a:hover {
	border-color: #fed102;
	color: #fed102;
}
.pollBox a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f080";
	position: absolute;
	font-size: 1.5em;
	left: 14px;
}
#pollHome .vote,
#pollHome .result {
	background-color: #fed102;
	color: #2c3345;
	display: inline-block;
	font-weight: 600;
	padding: 7px 16px;
	transition: all 0.3s ease;
}

/* resultados de encuestas */
#results .mfp-close {
	right: 36.8%;
	top: 24px;
}
#resultPrinter {
	position: relative;
}
.titleResults  {
	color: #fed102;
}
.pTitle {
	margin: 5px 0px;
}
.pRow {
	position: relative;
}
.pRow span {
	background-color: #46545e;
	padding-top: 5px;
	width: 76%;
	position: absolute;
	right: 23px;
	bottom: 6px;
}
.pRow em {
	background-color: #fed102;
	height: 5px;
	position: absolute;
	top: 0;
}
@media only screen and (max-width: 380px){
	.pollBox { grid-template-columns: 1fr; }
	.pRow span {
		width: 100%;
		position: relative;
		display: block;
		margin-top: 12px;
		right: 0px;
	}
}


/*---------------------------- BUSCADOR --------------------------*/
span.cant {
	display: block;
	font-size: .6em;
	font-weight: 400;
	margin-top: 7px;
	text-transform: initial;
}
.searchResults { background-color: #ffffffe6 }
[data-bs-theme="dark"] .searchResults { background-color: #272727 }
.searchResults a {
	color: #3d424f;
	display: block;
	line-height: 1.3;
	padding: 10px 20px;
	transition: all .4s ease-out;
}
[data-bs-theme="dark"] .searchResults a {
	color: #f0f0f0;
}
.searchResults a:hover {
	background-color: #f3f3f3;
}
[data-bs-theme="dark"] .searchResults a:hover {
	background-color: #1b1b1b;
}
.searchResults a p.title {
	color: #d0483b;
	font-size: 1.3em;
	font-weight: 600;
}
[data-bs-theme="dark"] .searchResults a p.title {
	color: #e65647;
}
.searchResults a p.link {
	color: #6f6f6f;
	display: inline-block;
	position: relative;
	transition: all .4s ease-out;
}
[data-bs-theme="dark"] .searchResults a p.link {
	color: #f0f0f0;
}
.searchResults a:hover p.link {
	color: #d0483b;
}
[data-bs-theme="dark"] .searchResults a:hover p.link {
	color: #e65647;
}


/*---------------------- paginador ----------------------*/
.paginatorPage {
	margin: 25px 0px;
	text-align: center;
	top: 0;
	position: relative;
	z-index: 1000;
}
.paginatorPage span  {
	background-color: #fff;
	margin: 5px;
	padding: 3px;
}
.paginatorPage span:hover,
.paginatorPage span:hover a  {
	background-color: #0170c0;
	color: #fff;
}
[data-bs-theme="dark"] .paginatorPage span:hover,
[data-bs-theme="dark"] .paginatorPage span:hover a  {
	background-color: #52b5fd;
	color: #1b1b1b;
}
.paginatorPage span a {
	color: #0170c0;
	padding: 3px 5px;
}
[data-bs-theme="dark"] .paginatorPage span a {
	color: #1b1b1b;
}
.paginatorPage .active {
	background-color: #e44838;
}
[data-bs-theme="dark"] .paginatorPage .active {
	background-color: #e65647;
}
.paginatorPage .active a {
	color: #fff;
}


/*-----------------------------------------------------------*/
/*---------------------------- ORGANIGRAMA ----------------------------*/

/*
 * jQuery OrgChart Plugin
 * https://github.com/dabeng/OrgChart
 *
 * Copyright 2016, dabeng
 * https://github.com/dabeng
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
 .orgchart {
	font-size: .98em;
	min-height: 202px;
	min-width: 202px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x: auto;
	position: relative;
}
.orgchart .hidden, .orgchart~.hidden { display: none }
.orgchart.b2t { transform: rotate(180deg) }
.orgchart.l2r {
	position: absolute;
	transform: rotate(-90deg) rotateY(180deg);
	transform-origin: left top;
}
.orgchart .verticalNodes ul {
	list-style: none;
	margin: 0;
	padding-left: 18px;
	text-align: left;
}
.orgchart .verticalNodes ul:first-child { margin-top: 2px }
.orgchart .verticalNodes>td::before {
	content: '';
	border: 1px solid #fff;
	line-height: 25px !important;
}
.orgchart .verticalNodes>td>ul>li:first-child::before {
	box-sizing: border-box;
	top: -4px;
	height: 27px; /*fcc*/
	width: calc(50% - 2px);
	border-width: 2px 0 0 2px;
	margin-top: -2px;
}
.orgchart .verticalNodes ul>li { position: relative }
.orgchart .verticalNodes ul>li::before,
.orgchart .verticalNodes ul>li::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: -6px;
	border-color: #fff;
	border-style: solid;
	border-width: 0 0 2px 2px;
}
.orgchart .verticalNodes ul>li::before {
	top: -4px;
	height: 27px; /*fcc*/
	width: 15px; /*fcc*/
}
.orgchart .verticalNodes ul>li::after {
	top: 1px;
	height: 100%;
}
.orgchart .verticalNodes ul>li:first-child::after {
	box-sizing: border-box;
	top: 21px; /*fcc*/
	width: 15px; /*fcc*/
	border-width: 2px 0 0 2px;
}
.orgchart .verticalNodes ul>li:last-child::after {
	box-sizing: border-box;
	border-width: 2px 0 0;
}

.orgchart.r2l {
	position: absolute;
	transform: rotate(90deg);
	transform-origin: left top;
}
.orgchart>.spinner {
	font-size: 100px;
	margin-top: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart table {
	border-spacing: 0;
	border-collapse: separate;
}
.orgchart>table:first-child { margin: 20px auto }
.orgchart td {
	text-align: center;
	vertical-align: top;
	padding: 0;
}
.orgchart .lines:nth-child(3) td {
	box-sizing: border-box;
	height: 20px;
}
.orgchart .lines .topLine { border-top: 2px solid #fff }
.orgchart .lines .rightLine {
	border-right: 1px solid #fff;
	float: none;
	border-radius: 0;
}
.orgchart .lines .leftLine {
	border-left: 1px solid #fff;
	float: none;
	border-radius: 0;
}
.orgchart .lines .downLine {
	background-color: #fff;
	margin: 0 auto;
	height: 20px;
	width: 2px;
	float: none;
}

/* node styling */
.orgchart .node {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 3px;
	border: 2px dashed transparent;
	text-align: center;
}
.orgchart.l2r .node, .orgchart.r2l .node {
	width: 50px;
	height: 130px;
}
.orgchart .node>.spinner {
	position: absolute;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	vertical-align: middle;
	font-size: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart .node:hover {
	transition: .5s;
	cursor: default;
	z-index: 20;
}
.orgchart .ghost-node {
	position: fixed;
	left: -10000px;
	top: -10000px;
}
.orgchart .ghost-node rect {
	fill: #ffffff;
	stroke: #bf0000;
}
.orgchart .node.allowedDrop { border-color: rgba(68, 157, 68, 0.9) }

.orgchart .node .title {
	background-color: #e44838;
	border-radius: 2px;
	color: #fff;
	font-size: .9em;
	font-weight: 500;
	/*height: 20px;*/
	line-height: 20px;
	overflow: hidden;
	padding: 6px 12px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 4px;
}
.orgchart .node .title a {
	color: #fff;
	cursor: pointer;
	display: block;
}
.orgchart .node .title i { display: none }

.orgchart > table .nodes .node .title {
	background-color: #0170c0;
}
.orgchart .l01 .title {
	background-color: #38871f !important;
	font-size: .8em;
}
.orgchart .l02 .title {
	background-color: #495062  !important;
}
.orgchart .l03 .title {
	background-color: #718f99 !important;
}

.orgchart.b2t .node .title {
	transform: rotate(-80deg);
	transform-origin: center bottom;
}
.orgchart.l2r .node .title {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart.r2l .node .title {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart .node .title .symbol {
	float: left;
	margin-top: 4px;
	margin-left: 2px;
}
.orgchart .node .content {
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	font-size: 11px;
	line-height: 18px;
	border: 1px solid rgba(217, 83, 79, 0.8);
	border-radius: 0 0 4px 4px;
	text-align: center;
	background-color: #fff;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.orgchart.b2t .node .content {
	transform: rotate(180deg);
	transform-origin: center top;
}
.orgchart.l2r .node .content {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: top center;
	width: 120px;
}
.orgchart.r2l .node .content {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: top center;
	width: 120px;
}
.orgchart .node .edge {
	font-size: 15px;
	position: absolute;
	color: rgba(68, 157, 68, 0.5);
	cursor: default;
	transition: .2s;
}
.orgchart.noncollapsable .node .edge { display: none }
.orgchart .edge:hover {
	color: #449d44;
	cursor: pointer;
}
.orgchart .node .verticalEdge {
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	left: 5px;
}
.orgchart .node .topEdge { top: -4px }
.orgchart .node .bottomEdge { bottom: -4px }
.orgchart .node .horizontalEdge {
	width: 15px;
	height: calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: -moz-calc(100% - 10px);
	top: 5px;
}
.orgchart .node .rightEdge { right: -4px }
.orgchart .node .leftEdge { left: -4px }
.orgchart .node .horizontalEdge::before {
	position: absolute;
	top: calc(50% - 7px);
}
.orgchart .node .rightEdge::before { right: 3px }
.orgchart .node .leftEdge::before { left: 3px }
.orgchart .node .topEdge,
.orgchart .node .bottomEdge,
.orgchart .node .rightEdge,
.orgchart .node .leftEdge { display: none }

.orgchart .node .toggleBtn {
	background-color: #495062 ;
	color: #fff;
	display: block;
	line-height: .92em;
	position: absolute;
	left: -4px;
	bottom: 11px;
	width: 14px;
	z-index: 7999;
}
/*path { pointer-events: none }*/
.orgchart .node .toggleBtn:hover { color: #38871f;background-color: #fff; }

.oc-export-btn {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	color: #fff;
	background-color: #5cb85c;
	border: 1px solid transparent;
	border-color: #4cae4c;
	border-radius: 4px;
}
.oc-export-btn[disabled] {
	cursor: not-allowed;
	box-shadow: none;
	opacity: 0.3;
}
.oc-export-btn:hover,.oc-export-btn:focus,.oc-export-btn:active  {
	background-color: #449d44;
	border-color: #347a34;
}
.orgchart~.mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}
.orgchart~.mask .spinner {
	position: absolute;
	top: calc(50% - 54px);
	left: calc(50% - 54px);
	color: rgba(255,255,255,0.8);
	font-size: 108px;
}
.orgchart .node { transition: transform 0.3s, opacity 0.3s }
.orgchart .slide-down {
	opacity: 0;
	transform: translateY(40px);
}
.orgchart.l2r .node.slide-down, .orgchart.r2l .node.slide-down {
	transform: translateY(130px)
}
.orgchart .slide-up {
	opacity: 0;
	transform: translateY(-40px);
}
.orgchart.l2r .node.slide-up, .orgchart.r2l .node.slide-up {
	transform: translateY(-130px)
}
.orgchart .slide-right {
	opacity: 0;
	transform: translateX(130px);
}
.orgchart.l2r .node.slide-right, .orgchart.r2l .node.slide-right {
	transform: translateX(40px);
}
.orgchart .slide-left {
	opacity: 0;
	transform: translateX(-130px);
}
.orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
	transform: translateX(-40px);
}


/*------------------------- contact org chart -----------------------*/
.contactBox .people {
	margin-bottom: 10px;
}
.contactBox .people .imgCover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 20px;
	padding-top: 113px;
	padding-top: 141px;
	width: 120px;
	-webkit-clip-path: polygon(89% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(89% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
	border-bottom: 2px solid #0170c0;
}
.contactBox .people .info {
	display: inline-block;
	position: relative;
	top: -3px;
}
.people .info p.name {
	color: #0170c0;
	font-size: 1.2em;
	margin-bottom: 4px;
}
[data-bs-theme="dark"] .people .info p.name {
	color: #52b5fd;
}
.people .info > a.email {
	color: #0170c0e6;
	cursor: pointer;
}
[data-bs-theme="dark"] .people .info > a.email {
	color: #52b5fd;
}
.people .info > a.email:hover {
	color: #195b8a;
}
[data-bs-theme="dark"] .people .info > a.email:hover {
	color: #84cbfe;
}
.people .info p.redes span a{
	margin-right: 8px;
	color: #0170c0;
}
.people .info p.redes span a:hover {
	color: #0a88e2;
}
.people2 {
	background-color: #fff;
}


/*------------------------ mapa del sitio ----------------------------*/
#sitemap {
	background-color: #fff;
	display: grid;
	display: -ms-grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: repeat(2, 50%);
	padding: 10px 39px;
}
[data-bs-theme="dark"] #sitemap {
	background-color: #272727;
}
#sitemap > ul > li {
	font-size: 1.3em;
	font-weight: 500;
	padding: 10px;
}
#sitemap > ul > li:first-child {
	padding-bottom: 0;
}
#sitemap > ul > li > a:first-child {
	color: #0170c0;
	padding-left: 0;
	font-size: 1em;
	font-weight: 500;
}
[data-bs-theme="dark"] #sitemap > ul > li > a:first-child {
	color: #52b5fd;
}
#sitemap > ul > li > a,
#sitemap > ul > li > ul > li a {
	display: block;
	color: #0170c0;
	padding: 5px 15px;
	font-size: initial;
	font-weight: initial;
	transition: all .4s ease-out;
}
[data-bs-theme="dark"] #sitemap > ul > li > a,
[data-bs-theme="dark"] #sitemap > ul > li > ul > li a {
	color: #52b5fd;
}
#sitemap > ul > li > ul > li:hover a,
#sitemap > ul > li:hover > a:first-child {
	color: #0170c0;
}
[data-bs-theme="dark"] #sitemap > ul > li > ul > li:hover a,
[data-bs-theme="dark"] #sitemap > ul > li:hover > a:first-child {
	color: #84cbfe;
}
@media only screen and (max-width: 700px){
	#sitemap { grid-template-columns: 100% }
}


/*----------------------- generalForm -------------------------*/
#generalForm .formComment label {
	border-radius: 2px;
	display: block;
	position: relative;
	margin-bottom: 30px;
}
#generalForm .formComment label span,
.formComment label span {
	background-color: #fff;
	left: 7px;
	padding: 0px 4px;
	position: absolute;
	top: -12px;
	z-index: 1;
}
[data-bs-theme="dark"] .formComment label span {
	background-color: #272727;
}
#generalForm .formComment label input[type="text"],
#generalForm .formComment label input[type="email"],
.formComment label textarea,
#generalForm .formComment label select,
.formComment label input[type="password"],
.formComment label input[type="date"],
.formComment label input[type="number"] {
	background-color: transparent;
	border: none;
	border: 1px solid #b0b2c2;
	margin-bottom: 14px;
	outline: none;
	padding: 10px 9px 9px 9px;
	transition: all 0.8s ease-in-out;
	width: 100%;
}
.formComment label input[type="date"],
.formComment label input[type="password"],
.formComment label input[type="number"] {
	width: 100%;
}
.formComment h2 {
	margin-bottom: 35px;
}
#generalForm .formComment input[type="text"]:focus,
#generalForm .formComment input:active,
#generalForm .formComment textarea:focus,
#generalForm .formComment textarea:active,
.formComment input[type="text"]:focus,
.formComment textarea:focus {
	border: 1px solid #e44838;
}
[data-bs-theme="dark"] #generalForm .formComment input[type="text"]:focus,
[data-bs-theme="dark"] #generalForm .formComment input:active,
[data-bs-theme="dark"] #generalForm .formComment textarea:focus,
[data-bs-theme="dark"] #generalForm .formComment textarea:active,
[data-bs-theme="dark"] .formComment input[type="text"]:focus,
[data-bs-theme="dark"] .formComment textarea:focus {
	border-color: #e65647;
}
#generalForm .formComment input[type=""] p.mandatory {
	color: #e44838;
}
.formComment legend {
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 22px;
}
.formComment input[type="file"]{
	border: 1px solid #b0b2c2;
	display: block;
	margin-top: 5px;
	margin-bottom: 42px;
	padding: 10px 9px 9px 9px;
	width:100%;
}
.mandatory:after {
	content: "*";
	color: #e44838;
	cursor: default;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	position: absolute;
	left: 0px;
	top: -12px;
}
#modal.recoverPassword .mandatory:after {
	top: -20px;
}
#divLoading .gifLoading,
.txtBox #loading .gifLoading {
	border: none;
	margin: 5px auto;
	width: 20px;
}
p.success, p.error {
	padding: 5px;
}
input[type="text"].captcha {
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}
.optRadio, .orderchk {
	margin-bottom: 35px;
	grid-template-columns: repeat(3,auto);
}
div.optRadio > span {
	display: table;
	padding-bottom: 10px;
}
div.optRadio > .dinline {
	display: inline-block;
	margin-right: 20px;
}
.optRadio label { margin-bottom: 8px }
label { position: relative }
.formComment input[type="date"] ~ i,
input[type="date"] ~ i {
	color: #035c9c;
	position: absolute;
	pointer-events: none;
	right: 9px;
	top: 23px;
}
.formComment input[type="date"] ~ i {
	display: none;
	top: 13px;
	right: 16px;
}
form p {
	margin-bottom: 5px;
	padding-top: 5px;
}
.formComment > h3 { margin-bottom: 21px }

@media only screen and (max-width:1100px){
	.orderchk { grid-template-columns: repeat(2,auto) }
}
@media only screen and (max-width:420px){
	.orderchk { grid-template-columns: auto }
}


/*------------------------ DIRECTORIO COMERCIAL ----------------------------*/
.layout { margin: 60px auto 0px auto }
.layout .update {
	background-color: rgba(233,234,244,0.88);
	color: #686d7a;
	font-size: .84em;
	padding: 14px 0;
	text-align: center;
	text-shadow: 0 0 1px #fff;
	text-transform: uppercase;
}
[data-bs-theme="dark"] .layout .update {
	background-color: #1b1b1b;
}
#commercialList {
	display: -ms-grid;
	display: grid;
	-ms-grid-column: 32% 32% 32%;
	grid-template-columns: repeat(3,32%);
	-ms-grid-rows: 1fr 1fr 1fr;
	grid-gap: 24px;
}
#commercialList > a {
	position: relative;
	text-align: center;
	overflow: hidden;
	-webkit-clip-path: polygon(94% 0, 100% 14%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(94% 0, 100% 14%, 100% 100%, 0 100%, 0 0);
}
#commercialList > a:focus {
	background-color: none !important;
}
#commercialList > a:nth-child(1){ -ms-grid-column: 1; -ms-grid-row: 1;}
#commercialList > a:nth-child(2){ -ms-grid-column: 2; -ms-grid-row: 1;}
#commercialList > a:nth-child(3){ -ms-grid-column: 3; -ms-grid-row: 1;}
#commercialList > a:nth-child(4){ -ms-grid-column: 1; -ms-grid-row: 2;}
#commercialList > a:nth-child(5){ -ms-grid-column: 2; -ms-grid-row: 2;}
#commercialList > a:nth-child(6){ -ms-grid-column: 3; -ms-grid-row: 2;}
#commercialList > a:nth-child(7){ -ms-grid-column: 1; -ms-grid-row: 3;}
#commercialList > a:nth-child(8){ -ms-grid-column: 2; -ms-grid-row: 3;}
#commercialList > a:nth-child(9){ -ms-grid-column: 3; -ms-grid-row: 3;}

#commercialList > a > .coverImg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 40%;
	width: 100%;
	height: 158px;
	transition: all .4s ease-out;
}
#commercialList > a > .coverImg:before {
	content: "";
	background-color: #0e4369a1;
	height: 158px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s ease-out;
}
#commercialList > a > .description {
	position: absolute;
	top: 54px;
	z-index: 1;
	width: 100%;
	height: 24%;
}
#commercialList > a > .description p {
	border-bottom: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-size: 1.8em;
	font-weight: 500;
	padding: 5px;
	transition: all .3s ease-out
}
div.search {
	padding: 17px 14px;
	position: relative;
}
div.search input[type="search"],
div.search input[type="text"] {
	background-color: #fff;
	border: 1px solid rgb(126, 126, 126);
	border-radius: 5px;
	padding: 6px;
	width: 94%;
}
[data-bs-theme="dark"] div.search input[type="search"],
[data-bs-theme="dark"] div.search input[type="text"] {
	background-color: #1b1b1b;
}
div.search button {
	background-color: #fff;
	border: 1px solid #0170c0 !important;
	border-radius: 5px;
	color: #0170c0;
	padding: 7px 25px;
	position: relative;
	top: -2px;
	transition: all .4s;
}
[data-bs-theme="dark"] div.search button {
	background-color: #1b1b1b;
	border: 1px solid #52b5fd !important;
	color: #52b5fd;
}
div.search button:hover {
	background-color: #0170c0;
	color: #fff;
}
[data-bs-theme="dark"] div.search button:hover {
	background-color: #52b5fd;
	color: #1b1b1b;
}
div.search  label > p {
	color: #fff;
}

#commercialList > a:hover .description p {
	color: #eec934;
	border-color:  #eec934;
}
#commercialList > a:hover .coverImg{
	transform: scale(1.1);
}
#commercialList > a:hover > .coverImg:before {
	background-color: #0e4369cb;	
}
#modalBox.terms, #modalC.terms {
	max-height: 600px;
	overflow-y: auto;
}
#modalBox.terms > h2 {
	text-align: center;
}
.update > a.termC {
	border-bottom: 1px solid transparent;
	transition: all .4s ease;
}
.update > a.termC:hover {
	border-color: #9eb72e;
}
.txtBox > .formreport {
	position: absolute;
	bottom: 12px;
	right: 44px;
	font-size: .81em;
	color: #e44838;
	padding: 2px;
	border-bottom: 1px solid #ffffff;
}
.txtBox > .formreport:hover {
	border-bottom: 1px solid #e44838;
}
.modalDirectory > .formComment {
	margin: 0px;
}
.inscript {
	background-color: #fff;
	padding: 8px 20px;
}
[data-bs-theme="dark"] .inscript {
	background-color: #272727;
}
.btnInscription {
	color: #e35748;
	display: inline-block;
	padding: 9px;
	text-align: center;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 68%, 93% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 68%, 93% 100%, 0 100%);
}
[data-bs-theme="dark"] .btnInscription {
	color: #e65647;
}
@media only screen and (max-width: 875px){
	.inscript {
		width: 93%;
		margin: 0 auto;
	}
	div.search { padding: 16px 29px}

	#commercialList {
		margin: 0 auto;
		grid-gap: 16px;
		width: 93%;
	}
	.layout .update {
		width: 96%;
		margin: 0 auto;
	}
}

@media only screen and (max-width:760px){
	#commercialList {
		-ms-grid-column: 49% 49%;
		grid-template-columns: repeat(2,49%);
		-ms-grid-rows: 1fr 1fr;
		grid-gap: 24px;
	}

	#commercialList > a:nth-child(1){ -ms-grid-column: 1; -ms-grid-row: 1;}
	#commercialList > a:nth-child(2){ -ms-grid-column: 2; -ms-grid-row: 1;}
	#commercialList > a:nth-child(3){ -ms-grid-column: 1; -ms-grid-row: 2;}
	#commercialList > a:nth-child(4){ -ms-grid-column: 2; -ms-grid-row: 2;}
	#commercialList > a:nth-child(5){ -ms-grid-column: 1; -ms-grid-row: 3;}
	#commercialList > a:nth-child(6){ -ms-grid-column: 2; -ms-grid-row: 3;}
	#commercialList > a:nth-child(7){ -ms-grid-column: 1; -ms-grid-row: 4;}
	#commercialList > a:nth-child(8){ -ms-grid-column: 2; -ms-grid-row: 4;}
	#commercialList > a:nth-child(9){ -ms-grid-column: 1; -ms-grid-row: 5;}

	.inscript { width: 96%;}
}

@media only screen and (max-width:541px){
	#commercialList {
		-ms-grid-column: 100%;
		grid-template-columns: 100%;
		-ms-grid-rows: 1fr;
	}

	#commercialList > a:nth-child(1){ -ms-grid-column: 1; -ms-grid-row: 1;}
	#commercialList > a:nth-child(2){ -ms-grid-column: 1; -ms-grid-row: 2;}
	#commercialList > a:nth-child(3){ -ms-grid-column: 1; -ms-grid-row: 3;}
	#commercialList > a:nth-child(4){ -ms-grid-column: 1; -ms-grid-row: 4;}
	#commercialList > a:nth-child(5){ -ms-grid-column: 1; -ms-grid-row: 5;}
	#commercialList > a:nth-child(6){ -ms-grid-column: 1; -ms-grid-row: 6;}
	#commercialList > a:nth-child(7){ -ms-grid-column: 1; -ms-grid-row: 7;}
	#commercialList > a:nth-child(8){ -ms-grid-column: 1; -ms-grid-row: 8;}
	#commercialList > a:nth-child(9){ -ms-grid-column: 1; -ms-grid-row: 9;}

	#commercialList > a > .coverImg::before { height: 100%;}

	#commercialList > a > .description {top: 71px;}
}
@media only screen and (max-width:460px){ #commercialList > a > .description { top: 59px; } }


/*----------------------------- sub directorio ------------------------------*/
.subDirectory, .transWeb {
	display: grid;
	grid-template-columns: 15% 1fr;
}
.subDirectory aside #submenu > li > a {
	background-color: rgba(255, 255, 255, 0.92);
	color: #626262;
	display: block;
	font-size: .84em;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 1px;
	padding: 14px 18px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
}
[data-bs-theme="dark"] .subDirectory aside #submenu > li > a {
	background-color: #272727;
	color: #f0f0f0;
}
.subDirectory aside #submenu > li > a.dsubmenu:before {
	color: #626262;
}
[data-bs-theme="dark"] .subDirectory aside #submenu > li > a.dsubmenu:before {
	color: #d7d7d7;
}
.subDirectory > #commercialList {
	grid-template-columns: repeat(3,31%);
	justify-content: end;
}
.subDirectory > #commercialList > a > .coverImg {
	padding-top: 45%;
	transition: all .4s ease-out;
}
.subDirectory aside #submenu a:hover,
.subDirectory aside #submenu a.dsubmenu:hover { 
	background-color: #df4332d8;
	color: #fff;
}
.subDirectory aside #submenu .current{
	background-color: #e45e52e6;
	color: #fff;
}
[data-bs-theme="dark"] .subDirectory aside #submenu .current{
	background-color: #e65647;
	color: #1b1b1b;
}
.subDirectory aside #submenu > li > a.current:before { color:#fff }
[data-bs-theme="dark"] .subDirectory aside #submenu > li > a.current:before { color:#1b1b1b }
.subDirectory > aside #submenu a i{
	right: 8px;
}
.subDirectory #submenu li > ul > li > a.pager,
.subDirectory #submenu li > ul > li > a:hover {
	background-color: rgba(228, 72, 56, 0.9);
	color: #fff;
}
#submenu li > ul > li > a {
	background-color: rgba(0, 0, 0, 0.73);
	color: #fff;
	display: block;/*k*/
	font-size: .84em;
	font-weight: 600;
	line-height: 1.3em;
	padding: 12px 18px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
}
.insideLayout #submenu li > ul.subcategories > li > a {
	width: 126px;
}
#submenu li > ul > li > a:hover, #submenu li > ul > li > a.pager {
	background-color: rgba(87, 87, 87, 0.767);
	color: #efcb00
}
#submenu li > .dsubmenu:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	color: #fff;
	font-size: 1.1em;
	position: absolute;
	right: 10px;
	top: 14px;
	transition: all .3s;
}
#submenu li >.symbol:before { content: "\f106"; }
.subcategories { display: none }
.add2 { display: block !important }
.eventnone { pointer-events: none }
@media  only screen and (max-width:875px){
	.subDirectory > #commercialList { grid-template-columns: repeat(2,48%); justify-content: end }
}
@media only screen and (max-width: 420px ){
	.subDirectory > #commercialList { grid-template-columns: 100%; justify-content: end }
}


/*---------------------------------shopsLists--------------------------- */
#shopsLists {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(3,29%);
	grid-template-rows: auto;
	justify-content: end;
	align-content: start;
	grid-gap: 49px;
	margin-bottom: 20px;
}
#shopsLists > a {
	background-color: #fff;
	display: inline-block;
	position: relative;
	transition: all .4s ease;
	-webkit-clip-path: polygon(85% 0, 100% 16%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(85% 0, 100% 16%, 100% 100%, 0 100%, 0 0);
	-webkit-box-shadow: 0px 0px 64px -12px rgba(59,59,59,1);
	-moz-box-shadow: 0px 0px 64px -12px rgba(59,59,59,1);
	box-shadow: 0px 0px 64px -12px rgba(59,59,59,1);
}
[data-bs-theme="dark"] #shopsLists > a {
	background-color: #272727;
}
#shopsLists > a:nth-child(1){ -ms-grid-column: 1; -ms-grid-row: 1;}
#shopsLists > a:nth-child(2){ -ms-grid-column: 2; -ms-grid-row: 1;}
#shopsLists > a:nth-child(3){ -ms-grid-column: 3; -ms-grid-row: 1;}
#shopsLists > a:nth-child(4){ -ms-grid-column: 1; -ms-grid-row: 2;}
#shopsLists > a:nth-child(5){ -ms-grid-column: 2; -ms-grid-row: 2;}
#shopsLists > a:nth-child(6){ -ms-grid-column: 3; -ms-grid-row: 2;}
#shopsLists > a:nth-child(7){ -ms-grid-column: 1; -ms-grid-row: 3;}
#shopsLists > a:nth-child(8){ -ms-grid-column: 2; -ms-grid-row: 3;}
#shopsLists > a:nth-child(9){ -ms-grid-column: 3; -ms-grid-row: 3;}
#shopsLists > a:hover {
	background-color: #ebebeb;
	transform: translateY(-3%);
}
[data-bs-theme="dark"] #shopsLists > a:hover {
	background-color: #1b1b1b;
}
#shopsLists > a div {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	transition: all .4s ease;
}
#shopsLists > a h4,
#shopsLists > a p {
	color: #353b3b;
	padding: 5px 18px;
} 
[data-bs-theme="dark"] #shopsLists > a p {
	color: #f0f0f0;
} 
#shopsLists > a h4 {
	color: #d65a4f;
	font-size: 1.3em;
	text-transform: uppercase;
}
[data-bs-theme="dark"] #shopsLists > a h4 {
	color: #e65647;
}
#shopsLists > a .horario {
	bottom: 0;
	color: #d65a4f;
	font-size: 0.8em;
	position: absolute;
	right: 0;
}
#shopsLists > a .tel {
	margin-bottom: 19px;
}
#shopsLists > a:hover .horario,
#shopsLists > a:hover h4 {
	color: #db2717;
}
[data-bs-theme="dark"] #shopsLists > a:hover .horario,
[data-bs-theme="dark"] #shopsLists > a:hover h4 {
	color: #e65647;
}
@media only screen and (max-width:875px) {
	.transWeb {
		grid-template-columns:  100%;
		grid-template-columns: 98%;
	}
	.transWeb aside { display: none }
	#shopsLists {
		grid-template-columns: repeat(2, 47%);
		grid-template-rows: none;
		justify-content: center;
		align-content: start;
		gap: 24px;
	}
	#shopsLists > a:nth-child(1){ -ms-grid-column: 1; -ms-grid-row: 1;}
	#shopsLists > a:nth-child(2){ -ms-grid-column: 2; -ms-grid-row: 1;}
	#shopsLists > a:nth-child(3){ -ms-grid-column: 1; -ms-grid-row: 2;}
	#shopsLists > a:nth-child(4){ -ms-grid-column: 2; -ms-grid-row: 2;}
	#shopsLists > a:nth-child(5){ -ms-grid-column: 1; -ms-grid-row: 3;}
	#shopsLists > a:nth-child(6){ -ms-grid-column: 2; -ms-grid-row: 3;}
	#shopsLists > a:nth-child(7){ -ms-grid-column: 1; -ms-grid-row: 4;}
	#shopsLists > a:nth-child(8){ -ms-grid-column: 2; -ms-grid-row: 4;}
	#shopsLists > a:nth-child(9){ -ms-grid-column: 1; -ms-grid-row: 5;}
}

@media only screen and (max-width:435px){
	#shopsLists { grid-template-columns: 90% }
	#shopsLists > a:nth-child(1){ -ms-grid-column: 1; -ms-grid-row: 1;}
	#shopsLists > a:nth-child(2){ -ms-grid-column: 1; -ms-grid-row: 2;}
	#shopsLists > a:nth-child(3){ -ms-grid-column: 1; -ms-grid-row: 3;}
	#shopsLists > a:nth-child(4){ -ms-grid-column: 1; -ms-grid-row: 4;}
	#shopsLists > a:nth-child(5){ -ms-grid-column: 1; -ms-grid-row: 5;}
	#shopsLists > a:nth-child(6){ -ms-grid-column: 1; -ms-grid-row: 6;}
	#shopsLists > a:nth-child(7){ -ms-grid-column: 1; -ms-grid-row: 7;}
	#shopsLists > a:nth-child(8){ -ms-grid-column: 1; -ms-grid-row: 8;}
	#shopsLists > a:nth-child(9){ -ms-grid-column: 1; -ms-grid-row: 9;}
}


/*------------------------------------ detail commercial ---------------------------------------*/
aside > #submenu.v2 li a:after {
	content: none;
}
aside > #submenu.v2 li a {
	background-color: rgba(1, 112, 192, 0.91);
	transition: all .3s;
}
aside > #submenu.v2 li a:hover,
#submenu.v2 li > ul.subcategories > li > a:hover,
aside > #submenu.v2 li .current,
aside > #submenu.v2 li .current:before,
#submenu.v2 .subcategories > li > a.pager {
	background-color: rgb(252, 252, 252);
	color: rgba(1, 112, 192, 0.91);
}
[data-bs-theme="dark"] aside > #submenu.v2 li a:hover,
[data-bs-theme="dark"] #submenu.v2 li > ul.subcategories > li > a:hover,
[data-bs-theme="dark"] aside > #submenu.v2 li .current,
[data-bs-theme="dark"] aside > #submenu.v2 li .current:before,
[data-bs-theme="dark"] #submenu.v2 .subcategories > li > a.pager {
	background-color: #272727;
	color: #52b5fd;
}

aside > #submenu.v2 li .dsubmenu:hover:before {
	color: rgba(1, 112, 192, 0.91);
}
#submenu.v2 li > ul.subcategories > li > a {
	background-color: rgba(28, 30, 44, 0.88);
}
[data-bs-theme="dark"] #submenu.v2 li > ul.subcategories > li > a {
	background-color: #1b1b1b;
}
#businessDetail {
	background-color: #fff;
	position: relative;
}
#businessDetail #iBanner a  figure {
	padding-bottom: 43%;
	background-size: cover;
}
#businessDetail .txtBox {
	padding: 32px 48px 32px 36px;
	height: auto;
}
#businessDetail .logo {
	width: 100%;
	border: none;
	display: inline-block;
	margin-bottom: 23px;
}
#businessDetail > .information > .data,
#businessDetail > .information > .data p.tel,
#businessDetail > .information > .data .sitiow {
	display: inline-block;
	text-align: left;
}
.data > .tel2 { padding-left: 21px;}
#businessDetail > .information > .data a.correo{
	display:block;
}
#businessDetail .information  {
	margin: 20px 0px;
	position: relative;
	display: -ms-grid;
	display: grid;
	grid-template-columns:22% auto;
}
#businessDetail .txtBox > .tags,
#peopleDetail .txtBox > .tags {
	background-color: #ededed;
	padding: 10px 5px;
}
[data-bs-theme="dark"] #businessDetail .txtBox > .tags,
[data-bs-theme="dark"] #peopleDetail .txtBox > .tags {
	background-color: #1b1b1b;
}
#businessDetail .txtBox > .tags a {
	display: inline-block;
	padding-right: 8px;
}

#businessDetail .information > .col { -ms-grid-column:1; -ms-grid-row:1;}
#businessDetail .information > .data { -ms-grid-column:2; -ms-grid-row:1;}

#businessDetail .information > .data {
	border-left: 1px solid #2070c5;
	margin-left: 38px;
	margin-top: 10px;
	padding-left: 38px;
}
[data-bs-theme="dark"] #businessDetail .information > .data {
	border-color: #52b5fd;
}
#businessDetail .information > .data > p > a {
	font-size: 0.8em;
	padding-left: 24px;
}
#businessDetail .information > .data > p > a:hover {
	color: #e9d30c;
}

#minimodal {
	background-color: #ffffffe6;
	padding: 5px 29px;
}
[data-bs-theme="dark"] #minimodal {
	background-color: #272727;
}
#businessDetail .information > .data p,
#businessDetail .information > .data a {
	color: #0170c0;
	display:block;
	font-size: 1.08em;
	line-height: 1.8;
}
[data-bs-theme="dark"] #businessDetail .information > .data p,
[data-bs-theme="dark"] #businessDetail .information > .data a {
	color: #52b5fd;
}
#businessDetail .information > .data p > i, #businessDetail .information > .data a > i,
#peopleDetail > .txtBox .data p > i,
#peopleDetail > .txtBox .data a > i {
	padding-right: 5px;
	font-size: 0.8em;
}
#businessDetail .information > .data p.correo:hover, 
#businessDetail .information > .data a:hover,
#businessDetail .txtBox > .tags a:hover {
	color: #0c3691;
}
[data-bs-theme="dark"] #businessDetail .information > .data p.correo:hover, 
[data-bs-theme="dark"] #businessDetail .information > .data a:hover,
[data-bs-theme="dark"] #businessDetail .txtBox > .tags a:hover {
	color: #84cbfe;
}
#businessDetail .txtBox > .category {
	color: #6e6e6e;
	left: 36px;
	position: absolute;
	top: 7px;
	text-transform: uppercase;
}
[data-bs-theme="dark"] #businessDetail .txtBox > .category {
	color: #acacac;
}
#businessDetail .txtBox > .description,  #peopleDetail .txtBox .description{
	margin-bottom: 25px;
}
.txtBox > .map {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 293px;
	width: 99%;
	margin: 15px 0px;
}
.txtBox > .map > iframe {
	width: 100%;
	height: 100%;
}
#businessDetail #docBox.v2 {
	border-top: 2px solid #e4e4e4;
	border-bottom: 2px solid #e4e4e4;
	padding: 20px 0px;
	margin-bottom: 10px;
}
[data-bs-theme="dark"] #businessDetail #docBox.v2 {
	border-color: #3f3f3f;
}

#modalBox.modalDirectory,
.inlineBox.modalDirectory {
	border-top: 42px solid #0170c0;
	padding-top: 0;
}
[data-bs-theme="dark"] #modalBox.modalDirectory,
[data-bs-theme="dark"] .inlineBox.modalDirectory {
	border-color: #52b5fd;
}
.modalDirectory > h2  {
	background-color: #0170c0;
	color: #fff;
	position: relative;
	top: -34px;
	text-align: center;
}
[data-bs-theme="dark"] .modalDirectory > h2  {
	background-color: #52b5fd;
	color: #1b1b1b;
}
@media only screen and (max-width:575px){
	#businessDetail .information  { grid-template-columns: auto }
	#businessDetail .information > .col { 
		-ms-grid-column:1; -ms-grid-row:1;
		display: grid;
		grid-template-columns: repeat(2, 50%);
		gap: 7px;
	}
	#businessDetail .information > .data { 
		-ms-grid-column:1; -ms-grid-row:2;
		border-left: none;
		margin-left: 0px;
		margin-top: 5px;
		padding-left: 0px;
	}
}


/*------------------------- DIRECTORIO CULTURAL --------------------------*/
#categoryList{
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(3,31%);
	grid-gap: 22px;
	justify-content: center;
	align-content: start;
}
#categoryList > a {
	position: relative;
	text-align: center;
	-webkit-clip-path: polygon(94% 0, 100% 14%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(94% 0, 100% 14%, 100% 100%, 0 100%, 0 0);
}
#categoryList > a > .coverImg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 40%;
	transition: all .4s ease-out;
}
#categoryList > a:hover > .coverImg{
	transform: scale(1.1);
}
#categoryList > a > .coverImg:before {
	content: "";
	background-color: #0e4369a1;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s ease-out;
}
#categoryList > a:hover > .coverImg:before{
	background-color: #0e4369bb;
}
#categoryList > a > .description {
	position: absolute;
	top: 38px;
	z-index: 1;
	width: 100%;
	height: 24%;
}
#categoryList > a > .description p {
	border-bottom: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-size: 1.8em;
	font-weight: 500;
	padding: 5px;
	transition: all .3s ease-out
}
#categoryList > a:hover > .description p {
	color: #eec934;
	border-color: #eec934;
}
@media only screen and (max-width: 998px){
	#categoryList > a > .coverImg { padding-top: 50% }
}
@media only screen and (max-width: 875px){
	.subDirectory {
		width: 93%;
		margin: 0 auto;
		grid-template-columns: 21% 1fr;
	}
	#categoryList {
		grid-template-columns: repeat(2,46%);
		grid-gap: 17px;
		justify-content: space-evenly;
	}
	#categoryList > a > .description {top: 49px;}
}
@media only screen and (max-width: 745px){
	#categoryList > a > .description {top: 37px;}
}
@media only screen and (max-width: 600px){
	.subDirectory {
		width: 99%;
		grid-template-columns: 1fr;
	}
	.subDirectory > aside {display: none; }
}
@media only screen and (max-width: 499px){
	#categoryList {grid-template-columns: 93%;}
	#categoryList > a > .description { top: 39% }
}

#peopleList {
	display: grid;
	grid-template-columns: repeat(3, 30%);
	grid-gap: 32px;
	justify-content: right;
	align-content: start;
}
#peopleList > a {
	background-color: #ffffffe6;
	display: block;
	clip-path: polygon(0 0, 92% 0, 100% 8%, 100% 100%, 0 100%);	
	-webkit-clip-path: polygon(0 0, 92% 0, 100% 8%, 100% 100%, 0 100%);
	position: relative;
	transition: all .3s ease-in-out;
}
[data-bs-theme="dark"] #peopleList > a {
	background-color: #272727;
}
#peopleList > a:hover {
	box-shadow: 0 0 32px rgba(69,73,78,0.16);
}
#peopleList > a .coverImg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 160px;
	transition: all .3s ease-in-out;
}
#peopleList > a:hover .coverImg {
	filter: brightness(70%);
}
#peopleList > a .description {
	color: #595f6c;
	display: grid;
	grid-template-columns: 35% 1fr;
	justify-content: center;
	padding: 14px 14px 18px 14px;
}
[data-bs-theme="dark"] #peopleList > a .description {
	color: #f0f0f0;
}
#peopleList > a h3 {
	background-color: #e44838;
	color: #fff;
	font-size: 1.5em;
	padding: 10px 0px;
	text-align: center;
	transition: all .3s ease-in-out;
}
[data-bs-theme="dark"] #peopleList > a h3 {
	background-color: #e65647;
	color: #1b1b1b;
}
#peopleList > a:hover h3 {
	background-color: #e44938d7;
}
[data-bs-theme="dark"] #peopleList > a:hover h3 {
	background-color: #e86456;
}

#peopleList > a .description span {
	background-color: inherit;
	border-right: 1px solid #e44838;
	color: #e44838;
	display: inline-block;
	font-size: 1em;
	padding-right: 2px;
	word-wrap: break-word;
}
[data-bs-theme="dark"] #peopleList > a .description span {
	border-right: 1px solid #e65647;
	color: #e65647;
}
#peopleList > a .description p {
	padding-left: 10px;
}
#peopleList > a > p {
	color: #e44838;
	bottom: 4px;
	margin: 5px 10px 0px 9px;
	position: absolute;
	right: 10px;
	text-align: right;
	transition: all .3s ease-in-out;
}
#peopleList > a:hover > p {
	color: #f7301a;
	bottom: 7px;
	border-bottom: 1px solid #f7301a;
}
@media only screen and (max-width: 875px){
	#peopleList { grid-template-columns: repeat(2, 45%);}
}
@media only screen and (max-width: 620px){
	#peopleList {
		grid-template-columns: repeat(2, 48%);
		grid-gap: 10px;
		justify-content: right;
	}
}
@media only screen and (max-width: 410px){
	#peopleList {
		grid-template-columns: 96%;
		justify-content: center;
	}
}
#peopleDetail > .txtBox {
	height: auto;
	padding: 32px 55px 32px 31px;
}
#peopleDetail > .txtBox .category {
	color: #6d6d6d;
	text-transform: uppercase;
}
[data-bs-theme="dark"] #peopleDetail > .txtBox .category {
	color: #c0c0c0;
}
#peopleDetail > .txtBox > .information {
	display: grid;
	grid-template-columns: 49% 1fr;
	grid-gap: 25px;
	margin: 10px 0px 0px 0px;
}
#peopleDetail > .txtBox .data{ position: relative}
#peopleDetail > .txtBox .data .logo {
	background-position: center;
	background-size: cover;
	border-bottom: none;
	width: 100px;
}
#peopleDetail > .txtBox .data p, #peopleDetail > .txtBox .data > a {
	font-size: 1.1em;
	padding: 0px 0px 8px 8px;
	display: block;
	position: relative;
	word-break: break-all;
}
#peopleDetail > .txtBox .data p > i,
#peopleDetail > .txtBox .data a > i,
#peopleDetail > .txtBox .data > a:hover {
	color: #ff5443;
	transition: all .3s ease;
}
#peopleDetail > .txtBox .data > p > i,
#peopleDetail > .txtBox .data > a > i {
	position: absolute;
	left: -11px;
	top: 3px;
}
#peopleDetail > .txtBox .data .redes {
	padding: 10px 0px;
}
#peopleDetail > .txtBox .data .redes a,
#businessDetail > .txtBoxs .redes a {
	font-size: 1.8em;
	padding: 0px 5px;
}
#peopleDetail > .txtBox .data .redes a em { display: none }
#businessDetail > .txtBox .redes a {
	display: inline-block;
}
#businessDetail > .txtBox .redes a i {
	color: #0170c0;
	font-size: 1.4em;
	margin-right: 7px;
	margin-top: 5px;
}
[data-bs-theme="dark"] #businessDetail > .txtBox .redes a i {
	color: #52b5fd;
}
#peopleDetail > .txtBox .data .redes a:hover i,
#businessDetail > .txtBox .redes a:hover i {
	color: #035c9c;
}
[data-bs-theme="dark"] #peopleDetail > .txtBox .data .redes a:hover i,
[data-bs-theme="dark"] #businessDetail > .txtBox .redes a:hover i {
	color: #84cbfe;
}
#businessDetail > .txtBox .redes a em { display: none }
#peopleDetail #iBanner{
	margin-bottom: 10px;
}
#peopleDetail #iBanner a figure {
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60%;
}
#peopleDetail .slider-nav {
	padding: 0;
}
#peopleDetail .slider-nav a .coverImg {
	border-color: #ff5443;
	padding-bottom: 53%;
}
#peopleDetail .slider-nav a .coverVimeo {
	border: none;
	width: 80%;
	height: 81px !important;
	pointer-events: none;
}
#peopleDetail .slider-nav em { display: none }
#peopleDetail #iBanner a .vimeoShow {
	border: none;
	width: 100%;
}
#peopleDetail .members { margin: 15px 0px }

#peopleDetail .members p {
	padding-bottom: 7px;
}
#peopleDetail .members p > span {
	padding-left: 5px;
	font-size: 0.86em;
	font-weight:  500;
	color: #0170c0
}
@media only screen and (max-width: 627px){
	#peopleDetail > .txtBox > .information {
		grid-template-columns: 40% 1fr;
		grid-gap: 21px;
	}
}
@media only screen and (max-width: 605px){
	#peopleDetail > .txtBox > .information { grid-template-columns: 100% }
}


/*--------------------------------------------------------BOLSA DE EMPLEO --------------------------------------------------------*/
.grid {
	display: -ms-grid;
	display: grid;
}
.employmentExchange {
	margin: 60px auto;
}
.employmentExchange > h1 {
	background-color: #d54030;
	color: #fff;
	font-size: 1.8em;
	font-weight: 600;
	-ms-grid-column-span: 3;
	grid-column: 1/ span 3;
	-ms-grid-column-align: end;
	justify-self: end;
	padding: 14px 22px;
	text-align: center;
	text-transform: uppercase;

	-webkit-clip-path: polygon(97% 0, 100% 30%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(97% 0, 100% 30%, 100% 100%, 0 100%, 0 0);
}
[data-bs-theme="dark"] .employmentExchange > h1 {
	background-color: #e65647 !important;
	color: #1b1b1b;
}
.employmentExchange h1 #breadcrumb {
	display: block;
	font-size: .5em;
	font-weight: 400;
	margin-top: 4px;
	text-transform: initial;
}
.employmentExchange h1 #breadcrumb a {
	color: #fff;
}
[data-bs-theme="dark"] .employmentExchange h1 #breadcrumb a {
	color: #1b1b1b;
}
#buttons {
	background-color: #fff;
	grid-template-columns: 50% 50%;
	padding: 20px 30px;
	text-align: center;
	
	-webkit-clip-path: polygon(100% 0, 100% 100%, 3% 100%, 0 86%, 0 0);
	clip-path: polygon(100% 0, 100% 100%, 3% 100%, 0 86%, 0 0);
}
[data-bs-theme="dark"] #buttons {
	background-color: #272727;
}
.employmentExchange #buttons > p {
	padding-bottom: 14px;
}
.employmentExchange #buttons input {
	border: 1px solid rgb(126, 126, 126);
	border-radius: 5px;
	padding: 4px 10px 5px 6px;
}
.employmentExchange #buttons > p:first-child {
	border-right: 1px solid  rgb(218, 62, 46);
}
[data-bs-theme="dark"] .employmentExchange #buttons > p:first-child {
	border-color: #e65647;
}
.employmentExchange #buttons a,
.employmentExchange #buttons .btnRegister,
.employmentExchange #buttons .btnLogin,
#createOffer form .btnRegister {
	font-size: .9em;
	color: #fff;
	background-color: rgb(218, 62, 46);
	border: 1px solid rgb(218, 62, 46);
	padding: 7px 20px;
	margin: 10px 20px;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	transition: all .3s;
}
[data-bs-theme="dark"] .employmentExchange #buttons a,
[data-bs-theme="dark"] .employmentExchange #buttons .btnRegister,
[data-bs-theme="dark"] .employmentExchange #buttons .btnLogin,
[data-bs-theme="dark"] #createOffer form .btnRegister {
	color: #1b1b1b;
	background-color: #e65647;
	border-color: #e65647;
}
.employmentExchange #buttons a i{
	font-size: .86em;
	padding-right: 3px;
	top: -1px;
	position: relative;
}
.employmentExchange #buttons a:hover,
.btnRegister:hover,
.employmentExchange #buttons .btnLogin:hover,
#createOffer form .btnRegister:hover {
	color: rgb(218, 62, 46);
	background-color:  #fff;
}
[data-bs-theme="dark"] .employmentExchange #buttons a:hover,
[data-bs-theme="dark"] .btnRegister:hover,
[data-bs-theme="dark"] .employmentExchange #buttons .btnLogin:hover,
[data-bs-theme="dark"] #createOffer form .btnRegister:hover {
	background-color:  #ea7165;
	color: #1b1b1b;
}
.employmentExchange #buttons span:last-child {
	display: block;
	font-size: .85em;
}
#buttons a.btnlog {
	display: none;
}
div.search p.btnlog {
	display: none;
	background-color: #0170c0;
	border: none;
	border-radius: 5px;
	color: #fff;
	padding: 7px 25px;
	position: relative;
	top: -2px;
	transition: all .4s;
	margin: 10px 0px;
	cursor: pointer;
}
@media only screen and (max-width:1274px) {
	.employmentExchange { margin:0 20px 60px 20px }
}
@media (max-width: 1100px){
	div.search input[type="search"] { width: 70% }
}
@media only screen and (max-width: 805px){
	.employmentExchange #buttons > p input {margin-bottom: 3px;}
}
@media (max-width: 590px){
	#buttons {
		grid-template-columns: 100%;
		padding: 14px 28px 0 28px;
	}
	.employmentExchange #buttons > p:first-child {
		border: none;
		border-bottom: 1px solid rgb(218, 62, 46);
	}
	.employmentExchange #buttons > p:first-child span { display: block }
	.employmentExchange #buttons input {
		display: none;
	}
	.employmentExchange #buttons a.btnlogin {display: none;} 
	.employmentExchange #buttons a.btnlog {display: inline-block;}
	.employmentExchange #buttons span, .employmentExchange #buttons p > span:last-child {display: none;}

	div.search input[type="search"] { width: 71% }
	div.search p.btnlog { display: inline-block }
}

.employment {
	grid-template-columns: 266px 1fr;
	column-gap: 20px;
}
.employment aside > .filter{
	background-color: #fff;
	margin-bottom: 10px;
	max-height: 243px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 5px;
}
[data-bs-theme="dark"] .employment aside > .filter {
	background-color: #272727;
}
.employment aside > .filter::-webkit-scrollbar {
	width: 6px;
	height: auto;
}
.employment aside > .filter::-webkit-scrollbar-thumb {
	background-color: rgb(197, 197, 197);
}
.employment aside > .filter::-webkit-scrollbar-track {
	background-color: #e4e4e4;
}
.employment aside > h3 {
	background-color: rgb(218, 62, 46);
	color: #fff;
	padding: 10px 0px;
	text-align: center;
}
[data-bs-theme="dark"] .employment aside > h3 {
	background-color: #e65647;
	color: #1b1b1b;
}
.employment aside > .filter label {
	display: block;
	padding: 5px 25px 5px 18px;
	position: relative;
}
.employment aside > .filter label > input[type="radio"],
.employment aside  > .filter label > input[type="checkbox"] {
	position: absolute;
	right: 3px;
	top: 7px;
}
.employment aside > .filter label > input[type="radio"]:last-of-type,
.employment aside  > .filter label > input[type="checkbox"]:last-of-type {
	margin-bottom: 20px;
}
.employment aside > .filter label p > span {
	color: #818181;
	font-size: .85em;
}
.employment .filter > .lblSelect select {
	border: 1px solid rgb(126, 126, 126);
	border-radius: 5px;
	padding:6px 33px 6px 6px;
	margin-left: 18px;
	margin-bottom: 5px;
	width: 89%;
}
.employment  .filter > .lblSelect:before {
	right: 14px;
	color: rgb(218, 62, 46);
}
.employment  .filter > .lblSelect:hover:before {
	color: #9c9c9c;
}
.employment > aside div.close {
	display: none;
	background-color: #fff;
}
.employment > aside div.close p {
	background-color: #fff;
	cursor: pointer;
	display: inline-block;
}
.employment > aside div.close p {
	position: absolute;
	right: -5px;
	top: 14px;
}
.employment > aside div.close p i{
	color: #3b3b3b;
}
@media (max-width: 1028px) {
	.employment { grid-template-columns: 222px 1fr;}
}
@media (max-width: 590px) {
	.employment { grid-template-columns: 100%;}
	.employment > aside {
		display: grid;
		grid-template-columns: auto 1fr;
		position: absolute;
		background-color: #fff;
		width: 100%;
		z-index: 1000;
		top: 323px;
		left: -110%;
		-webkit-box-shadow: 0px 0px 19px -3px rgba(99,99,99,1);
		-moz-box-shadow: 0px 0px 19px -3px rgba(99,99,99,1);
		box-shadow: 0px 0px 19px -3px rgba(99,99,99,1);
	}
	.employment > aside div.close {
		display: block;
		grid-column: span 2;
		width: 95%;
		padding: 15px 29px;
		position: relative;	
	}
	.employment aside  > .filter{
		padding: 5px 29px 5px 10px;
	}
	
}


/*------------------------- JobsList --------------------------*/
#jobsList {
	align-self: start;
	background-color: #fff;
	margin-bottom: 45px;
}
[data-bs-theme="dark"] #jobsList {
	background-color: #272727;
}
#jobsList .box, .list > .box {
	grid-template-columns: 1fr 23%;
	justify-content: center;
	align-items: center;
}
#jobsList .box a {
	display: block;
	padding: 10px 25px;
	color: #3d424f;
}
#jobsList .box:hover > a, .list > .box a:hover {
	background-color: #f5f5f5;
}
#jobsList a h2, #companyDetail #jobsList a h2 {
	color: #6b6b6b;
	padding: 10px 0px 7px;
	border: none;
}
#companyDetail #jobsList a h2 {
	padding: 10px 0px 0px 0px;
}
#jobsList .box:hover > a h2 {
	color: rgb(218, 62, 46);
}
#jobsList a > p.date, #jobsList a > p  {
	font-size: 0.85em;
	color: #c04848;
	padding-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
}
#jobsList a > p.description {
	color: #6b6b6b;
	word-wrap:break-word;
} 
#jobsList a > p > i {
	margin: 0px 4px;
}
#jobsList .box > div {
	border-left: 1px solid #c04848;
	padding: 17px 44px 10px 44px;
}
#jobsList .box > div a {
	text-align: center;
	color: #c04848;
	border: 1px solid #c04848;
	border-radius: 4px;
	margin-bottom: 16px;
	padding: 5px 3px;
	transition: all .3s ease;
	font-size: 0.9em;
}
#jobsList .box > div a i {
	font-size: .83em;
	transition: all .3s ease;
}
#jobsList .box > div a:hover {
	background-color: #c04848;
	color: #fff;
}
#jobsList .paginatorPage {
	display:block;
	text-align: center;
	position: relative;
	top: 0;
	z-index: 1000;
}
#jobsList .paginatorPage span {
	display: inline-block;
	background-color: #e44838
}
#jobsList .paginatorPage span a {
	padding: 0px 5px;
	color: #fff;
}
#jobsList .paginatorPage span:hover a,
#jobsList .paginatorPage span:hover {
	background-color: #d8d8d8;
}
#jobsList .paginatorPage span:hover a {
	color: #3F3F3F;
}
#jobsList .paginatorPage span.active,
#jobsList .paginatorPage span.active a {
	background-color: #d8d8d8;
	color: #7a7a7a;
	pointer-events: none;
}
.filterAdd,
.userPerfil {
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	padding: 10px;
}
[data-bs-theme="dark"] .filterAdd,
[data-bs-theme="dark"] .userPerfil {
	border-color: #323232;
}
#jobsList .filterAdd .lblSelect,
#jobsList .filterAdd label,
.filterAdd h4 {
	display: inline-block;
	margin:  3px 20px 0px 4px;
}
.filterAdd > a.back, #transaction a.back {
	font-size: 0.95em;
	padding: 0px 5px;
	color: #da3e2e;
	border-right: 1px solid #a3a3a3;
	margin-right: 45px;
}
.filterAdd > a.perfil {
	position: relative;
	right: 45px;
	margin-left: 36%;
}
.filterAdd > a.perfil > img {
	max-width: 60px;
	max-height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: -25px;
	transition: all .3s; 
}
.filterAdd h4 {
	position: relative;
}
#jobsList .userPerfil {
	text-align: right;
	position: relative;
}
#jobsList .userPerfil.v2 {
	padding-bottom: 10px;
}
#jobsList .userPerfil > a {
	position: relative;
	font-size: 1.2em;
	margin: 0px 10px;
	transition: all .5s; 
	top: -12px;
}
#jobsList .userPerfil.v2 > a.perfil {
	display: inline-block;
	margin: 0px 5px 0px 50px;
	top: 3px;
	text-align: initial;
	position: relative;
}
#jobsList .filterAdd > a.perfil p {
	position: relative;
	top: -6px;
	font-size:0.89em;
	margin: 0px 10px;
	transition: all .5s; 
}
#jobsList .userPerfil > a:hover p, 
#jobsList .filterAdd > a.perfil:hover p{
	color: #838383;
}
#jobsList .userPerfil > a > img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	top: 14px;
	position: relative;
	right: 14px;
	transition: all .3s; 
}
#jobsList .userPerfil.v2 > a > img {
	right: 2px;
	left: -42px;
	position: absolute !important;
	top: 0;
}
#jobsList .userPerfil > a:hover > img,
.filterAdd > a.perfil:hover > img  {
	filter: brightness(0.8);
}
#jobsList .filterAdd p { font-size: 0.85em }

#jobsList .filterAdd input,
#jobsList .filterAdd select {
	border: 1px solid rgb(126, 126, 126);
	border-radius: 5px;
	font-size: .85em;
	margin-top: 2px;
	padding: 4px 7px 4px 7px;
	width: 150px;
}
[data-bs-theme="dark"] #jobsList .filterAdd input,
[data-bs-theme="dark"] #jobsList .filterAdd select {
	background-color: #272727;
}
#jobsList .filterAdd select {
	padding: 4px 21px 4px 7px;
}
#jobsList .filterAdd .lblSelect:before {
	right: 7px;
	top: 7px;
	color: rgb(218, 62, 46);
	font-size: 1em;
}
#jobsList .filterAdd .fltrDate > i {
	display: none;
	top: 7px;
}

#jobsList .box.v2 {
	grid-template-columns:1fr 32%;
}
#jobsList .box.v2 > div {
	display: grid;
	grid-template-columns: 48% auto;
	padding: 17px 23px 10px 18px;
	align-self: center;
}
#jobsList .box.v2 > div a {
	display: inline-block;
	border: none;
	padding: 5px;
	text-align: left;
	transition: all .1s;
}
#jobsList .box.v2 > div a:hover {
	background-color: initial;
	color: #7a7a7a;
}
.userPerfil a > p.name {
	display: block;
	position: initial;
	padding-bottom: 0 !important;
}
.userPerfil a > p.mini {
	font-size: 0.6em !important;
	display: block !important;
	position: initial;
	padding-bottom: 5px;
}

@media (max-width: 1028px) {
	#jobsList .box { grid-template-columns: 100%;}
	#jobsList .box > div {display: none;}
	.filterAdd h4 {display: block;}
	#jobsList .filterAdd input, #jobsList .filterAdd select {width: 142px;}
	#jobsList .box.v2 > div { grid-template-columns: auto;}
}
@media only screen and (max-width:965px){
	#listApplicants .list > .box { grid-template-columns: 1fr;}
}
@media only screen and (max-width:800px){
	#companyDetail #jobsList > .box a {padding-left: 0px; padding-right: 0px;}
	#jobsList .box.v2 {
		grid-template-columns: 1fr;
	}
	#jobsList .box.v2 > div {
		display: none;
	}
}


/*------------------------------------------------ REGISTRO APLICANTE -------------------------------------------------*/
#registerEmployment {
	background-color: #fff;
	grid-template-columns: 49% 45%;
	padding: 0px 40px 22px 40px;
	justify-content: space-around;
}
[data-bs-theme="dark"] #registerEmployment {
	background-color: #272727;
}
#registerEmployment > form:first-of-type {
	border-right: 1px solid #d8d8d8;
	padding-right: 20px;
}
#registerEmployment > form .btnRegister,
#registerEmployment > .logIn form .btnLogin,
.btnLogin, #view > #buttons p a,
.publication > .txtBox .btnApply,
#registerCompany > .formComment .btnRegister {
	color: #fff;
	background-color: rgb(218, 62, 46);
	border: 1px solid rgb(218, 62, 46);
	border-radius: 3px;
	display: inline-block;
	font-size: .9em;
	font-weight: 500;
	margin: 10px 0px;
	padding: 6px 13px 6px 13px;
	text-align: center;
	transition: all .3s;
}
[data-bs-theme="dark"] #registerEmployment > form .btnRegister,
[data-bs-theme="dark"] #registerEmployment > .logIn form .btnLogin,
[data-bs-theme="dark"] .btnLogin, #view > #buttons p a,
[data-bs-theme="dark"] .publication > .txtBox .btnApply,
[data-bs-theme="dark"] #registerCompany > .formComment .btnRegister {
	background-color: #e65647;
	border-color: #e65647;
	color: #1b1b1b;
}
#registerEmployment .formComment .btnRegister:hover,
#registerEmployment >.logIn .formComment > .btnLogin:hover,
.btnLogin:hover, #view > #buttons p a:hover,
.publication > .txtBox .btnApply:hover,
#registerCompany > .formComment .btnRegister:hover {
	color: rgb(218, 62, 46);
	background-color: #fff;
}
[data-bs-theme="dark"] #registerEmployment .formComment .btnRegister:hover,
[data-bs-theme="dark"] #registerEmployment >.logIn .formComment > .btnLogin:hover,
[data-bs-theme="dark"] .btnLogin:hover, #view > #buttons p a:hover,
[data-bs-theme="dark"] .publication > .txtBox .btnApply:hover,
[data-bs-theme="dark"] #registerCompany > .formComment .btnRegister:hover {
	background-color: #ea7165;
	color: #e65647;
}
#registerEmployment .formComment > p {
	margin-bottom: 10px;
}
#registerEmployment .formComment > p > a {
	color: #0170c0;
}
[data-bs-theme="dark"] #registerEmployment .formComment > p > a {
	color: #52b5fd;
}
.logIn > .float {
	position: sticky;
	top: 138px;
}
#registerEmployment > .formComment h3 {
	margin-bottom: 20px;
}
#registerEmployment > .formComment  {
	margin-bottom: 20px;
}
#registerEmployment > .formComment a.addStudy {
	padding: 7px 13px;
	display: inline-block;
	margin-bottom: 21px;
	color: #fff;
	background-color: #38871f;
	border-radius: 2px;
}
#registerEmployment > .formComment a.addStudy > i {
	padding-right: 6px;
	color: #fff;
}
#registerEmployment > .formComment a.addStudy:hover {
	background-color: #57c735;
}
#registerEmployment > .formComment .listStudy  {
	margin-bottom: 20px;
}
#registerEmployment > .formComment .listStudy  li {
	display: inline-block;
	padding: 7px 15px;
	background-color: #f1f1f1;
	margin: 5px;
}
#registerEmployment > .formComment .listStudy  li a > i {
	font-size: 0.7em;
	margin-left: 9px;
	position: relative;
	top: -2px;
	color: #414b68;
}
#registerEmployment > .formComment .listStudy  li a:hover > i {
	color: #e44838;
}
#registerEmployment > .formComment .listStudy  li a.edit:hover > i {
	color: #38871f;
}
#registerEmployment > .formComment .col2 {
	grid-template-columns: 1fr 1fr;
	column-gap: 10px;
	justify-content: center;
	margin-bottom: 20px;
}
#registerEmployment > .formComment .excp {
	margin-bottom: 0px;
}
@media only screen and (max-width: 754px){
	#registerEmployment {
		grid-template-columns: 100%;
	}
	#registerEmployment .logIn {
		display: none
	}
}

@media only screen and (max-width: 520px){
	#registerEmployment > form .btnRegister,
	#registerEmployment > .logIn form .btnLogin,
	.btnLogin, #view > #buttons p a,
	.publication > .txtBox .btnApply,
	#registerCompany > .formComment .btnRegister{
		display: block;
    	width: 100%;
	}
}


/*-------------------------------------------------- REGISTRO RECLUTA --------------------------------------------------*/
#registerCompany {
	background-color: #fff;
	margin: 30px 0 0 0;
	grid-template-columns: 49% 49%;
	justify-content: center;
	padding: 35px 40px 22px 40px;
}
[data-bs-theme="dark"] #registerCompany {
	background-color: #272727;
}
#registerCompany.v2 {
	margin: 0px;
}
.toolbar.v2 {
	 margin-top: 20px;
}
#registerCompany.registerW {
	margin:0;
}
#registerCompany h2{
	text-align: center;
	grid-column: span 2;
}
#registerCompany > .formComment {
	margin: 28px auto;
	display: inline-block;
	width: 90%;
	position: relative;
}
#registerCompany > .formComment:first-of-type:after {
	background-color: rgb(218, 62, 46);
	content: "";
	height: 100%;
	position: absolute;
	right: -28px;
	top: 0;
	width: 1px;
}
[data-bs-theme="dark"] #registerCompany > .formComment:first-of-type:after {
	background-color: #e65647;
}
#registerCompany > .formComment > label textarea,
#registerEmployment  .formComment > label textarea,
#registerEmployment  .formComment > label select{
	width: 100%;
}
#registerEmployment  .formComment  .lblSelect:before,
#registerCompany  .formComment  .lblSelect:before {
	color: rgb(218, 62, 46);
}
#registerCompany > .formComment h3 {
	margin-bottom: 20px;
}
@media only screen and (max-width:1274px){
	#registerCompany, #registerCompany.v2, #registerEmployment {margin-bottom: 50px;}
}
@media only screen and (max-width:875px){
	#registerCompany > .formComment:first-of-type::after {
		right: -15px;
	}
}

@media only screen and (max-width: 654px){
	#registerCompany {
		grid-template-columns: 100%;
	}

	#registerCompany h2 { grid-column: span 1;}
	#registerCompany > .formComment:first-of-type::after {
		content: none;
	}
}

/*-------------------------------------------------------------- INICIO DE SESIÓN ---------------------------------------------------------------*/
.generalWrap.v2 {
	max-width: 1016px;
}
#view {
	grid-template-columns: 1fr 1fr;
	background-color: #fff;
	-ms-grid-columns: 1fr 1fr;
	padding: 20px 15px;
	justify-content: center;
	align-items: center;
}
#view > #buttons, #view form {
	padding: 0px 72px ;
	position: relative;
}
#view .formComment:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 1px;
	background-color: rgb(218, 62, 46);
	right: 0;
}
#view .formComment .btnLogin {
	width: 100%;
	margin: 10px auto;
	padding:5px;
	font-size: 1em;
	font-weight: 500;
}
#view .formComment > p {
	text-align: center;
	font-size: 0.85em;
}
#view .formComment > p a, #buttons > p span a {
	color: #0170c0;
}
#view .formComment > p a:hover,
#buttons span a:hover,
#registerEmployment .formComment > p > a:hover {
	color: #00aeef;
}
#view > #buttons p {
	padding: 10px 0px 15px 0px;
	text-align: left;
}
#view > #buttons p a i {
	font-size: .86em;
	padding-right: 3px;
	top: -1px;
	position: relative;
}
@media only screen and (max-width: 1100px){
	#view { grid-template-columns: 100%;}
}


/*------------------- DETALLE PUBLICACION/Oferta ---------------------*/
#publicationDetail {
	-ms-grid-columns: 64% 1fr;
	grid-template-columns: 64% 1fr;
	column-gap: 21px;
	align-items: start;
}

#publicationDetail .publication, #publicationDetail aside, #companyDetail .publication {
	margin-top: 30px;
}
#publicationDetail aside > .company, #publicationDetail aside > .other {
	background-color: #fff;
	margin-bottom: 20px;
	padding: 41px 25px 30px 25px;
	position: relative;
}
.publication > .txtBox .btnApply {
	padding: 8px 74px;
	font-size: .89em;
	margin-right: 20px;
}
.publication > .txtBox .btnApply > i {
	font-size: 0.89em;
	position: relative;
	top: -2px;
	margin-right: 3px;
}
.publication .data, #applicantDetail .data{
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	-ms-grid-rows: auto;
	grid-template-rows: repeat(6,auto);
	justify-content: left;
	margin-bottom: 20px;
}
#publicationCompany .publication .data {
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-flow: column;
	grid-template-rows: repeat(4,auto);
	gap: 0px 15px;
}
.publication .data p, .publication .data p > a, #applicantDetail .data p, #applicantDetail .data  p > a {
	margin-bottom: 10px;
	color: #3d424f;
	text-align: left;
	word-break: break-word;
}
.publication .data p > i, .publication .data p > a > i,#applicantDetail .data p > i, #applicantDetail .data p > a > i {
	color: #d13c2e;
	font-size: 0.85em;
	margin-right: 3px;
	position: relative;
	top: -1px;
}
.publication .txtBox > .title2 {
	color: #d13c2e;
	border-bottom: 3px solid #d13c2e;
	margin-bottom: 18px;
}
#publicationDetail aside .infoContact  {
	margin-top: 15px;
}
#publicationDetail aside .infoContact p {
	padding-bottom: 5px;
}
#publicationDetail aside .infoContact p > i {
	font-size: 0.8em;
	position: relative;
	bottom: 1px;
	color: #d23c2e;
	margin-right: 3px;
}
#publicationDetail aside .infoContact h3 {
	margin-bottom: 10px;
	font-size: 1.2em;
	position: relative;
}
.publication .txtBox > .infoContact p {
	margin-bottom: 5px;
	font-size: 1.1em;
}
#publicationDetail .company > a {
	position: relative;
	display: block;
	transition: all .4s ease;
}
#publicationDetail .company > a  .logoCompany {
	width: 148px;
	height: 98px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	margin: 0px 10px 20px 0px;
	transition: all .4s ease;
}
#publicationDetail .company a > p.name {
	color: #d13c2e;
	font-size: 1.8em;
	top: 0;
	position: absolute;
	left: 161px;
	transition: all .4s ease;
}
#publicationDetail .company a:hover .logoCompany {filter: brightness(.8)}
#publicationDetail .company a:hover > p.name {
	border-bottom: 1px solid #d13c2e;
}
#publicationDetail .company a > p.location, #publicationDetail .company a > p.area {
	color: #84858c;
	font-size: .9em;
	left: 163px;
	top: 40px;
	position: absolute;
}
#publicationDetail .company a > p.location > i, #publicationDetail .company a > p.area > i {
	margin-right: 3px;
	font-size: 0.85em;
	position: relative;
	top: -1px;
}
#publicationDetail .company a > p.area { top: 67px;}

#publicationDetail .other > h3, #publicationDetail .company > h3 {
	background-color: #f4f4f4;
	left: 0;
	top: 0px;
	padding: 8px;
	position: absolute;
	width: 100%;
}
#publicationDetail .other > a {
	display: block;
	position: relative;
	padding: 2px 0px;
	margin-bottom: 12px;
}
#publicationDetail .other > a:hover {
	background-color: #f4f4f4;
}
#publicationDetail .other > a > .logoCompany {
	width: 140px;
	height: 90px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 10px;
}
#publicationDetail .other > a .container {
	position: absolute;
	color: #84858c;
	font-size: .9em;
	display: inline-block;
}
#publicationDetail .other > a .container h4 { 
	font-size: 1.38em;
	padding-bottom: 12px;
}
#publicationDetail .other > a:hover h4 {
	color: #da3e2e;
}
#publicationDetail .other > a .container p {margin-bottom: 11px}

@media only screen and (max-width: 955px){
	#publicationDetail { grid-template-columns: 68% 1fr;}
	#publicationDetail .company a > p.name, #publicationDetail .company a > p.location, #publicationDetail .company a > p.area {
		position: initial;
		padding-bottom: 6px;
	}
	#publicationDetail .company a > p.area, #publicationDetail .other > a { margin-bottom: 20px;}
	#publicationDetail .other > a > .logoCompany {
		width: 116px;
		height: 92px;
	}
	#publicationDetail .other > a .container {position: initial;}
	.contentD {grid-template-columns: 23% 1fr;}
}
@media only screen and (max-width: 728px){
	#publicationDetail {grid-template-columns: 1fr;}
	.publication > .txtBox .btnApply { padding: 8px 32px;}
}

@media only screen and (max-width:520px){
	.publication .data{
		grid-template-columns: 1fr;
		gap: 10px 3px;
	}
	#jobsList a > p.date, #jobsList a > p {
		margin-right: 8px;
	}
}


/*--------------------------------------- DETALLE DE LA EMPRESA ---------------------------------------*/
#companyDetail #jobsList > h3 {
	margin-top: 20px;
}
#companyDetail #jobsList > .box a {
	padding-left: 1px;
}
#companyDetail #jobsList > .box a > p {
	display: inline;
}
#companyDetail #jobsList > .box a > p.description {
	display: block;
}
#companyDetail .data p.correo > a:hover, 
#companyDetail .data p.sitio > a:hover  {
	border-bottom: 1px solid #cf3d2f;
}
#companyDetail .txtBox > .logoCompany {
	width: 190px;
	height: 123px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	right: 77px;
	position: absolute;
}
@media only screen and (max-width:800px){
	#companyDetail .txtBox > .logoCompany {
		width: 160px;
		height: 92px;
		top: 0px;
		right: 38px;
	}
}
@media only screen and (max-width: 780px){
	#publicationCompany .publication .data {
		-ms-grid-columns: 1fr 1fr ;
		grid-template-columns: 1fr 1fr ;
		grid-template-rows: repeat(5,auto);
	}
}
@media only screen and (max-width: 580px){
	#publicationCompany .publication .data {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr ;
		grid-template-rows: repeat(10,auto);
	}
}


/*----------------------------- dashboard ----------------------------*/
.toolbar {
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
	padding: 15px 20px;
	position: relative;
	z-index: 1;
}
[data-bs-theme="dark"] .toolbar {
	background-color: #272727;
	border-color: #323232;
}
.toolbar > a {
	border-right: 1px solid #e0e0e0;
	color: #d13c2e;
	font-size: .89em;
	margin-right: 25px;
	padding-right: 28px;
}
[data-bs-theme="dark"] .toolbar > a {
	border: #323232;
	color: #e65647;
}
.toolbar > a > i{
	position: relative;
	top: -1px;
	font-size: .85em;
	margin-right: 3px;
}
.toolbar > a:hover {
	color: #9e9e9e;
}

a.closeP {
	position: absolute;
	right: 0;
	border: none;
}
@media only screen and (max-width: 610px){
	.toolbar > a { padding-right: 10px; margin-right: 10px }
}


/*-------------------------- DETALLE APLICANTE/OFERENTE --------------------------*/
#applicantDetail  {
	background-color: #fff;
	padding: 40px;
	padding-right: 75px;
	position: relative;
}
#applicantDetail .completeCv{
	background-color: #eaeaea;
	font-size: 1.05em;
	margin-bottom: 23px;
	padding: 10px;
}
.contentD {
	display: -ms-grid;
	display: grid;
	grid-template-columns: 20% 1fr;
	position: relative;
	align-items: start
}
#applicantDetail .contentD > div.box1 {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 37px;
}
#applicantDetail .contentD > div.box1 .foto {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 195px;
	border-radius: 5px;
	display: block;
}
#applicantDetail .contentD > div.box1 > .adjunto {
	display: block;
	background-color: #d13c2e;
	padding: 5px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	border-radius: 3px;
}
#applicantDetail .contentD > div.box1 > .adjunto i {
	font-size: 0.83em;
	position: relative;
	top: -1px;
	margin-right: 3px;
}
#applicantDetail .contentD > div.box1 > .adjunto:hover{
	background-color: #ec6356;
}
#applicantDetail .contentD > .data {
	display:grid;
	grid-auto-flow: column;
}
#applicantDetail .contentD > .data > p {
	margin:6px 35px 8px 0px;
}
#applicantDetail .contentD > .data > h2 {
	grid-column:  span 2;
	margin-bottom: 10px;
}
#applicantDetail .contentD > .data > p a:hover {
	color: #d13c2e;
}
#applicantDetail .txtBox {
	box-shadow: none;
	padding: 0;
	min-height: 224px;
	position: relative;
}
#applicantDetail .txtBox h3{
	margin-bottom: 10px;
	color: #d13c2e;
}
#applicantDetail .txtBox .moreInfo {
	grid-template-columns: 1fr 1fr 1fr;
	width: 80%;
	text-align: left;
}
#applicantDetail .txtBox .moreInfo p {
	margin-bottom: 10px;
	margin-right: 20px;
}
#applicantDetail .btns {
	position: absolute;
	right: 130px;
	top: 89px;
}
#applicantDetail .btns  > a {
	display: block;
	margin-bottom: 10px;
	color: #d13c2e;
}
#applicantDetail .btns  > a:hover {
	color: rgb(160, 160, 160);
}

@media only screen and (max-width: 945px){
	#applicantDetail .contentD > div.box1 { margin-right: 14px; }
	.contentD {grid-template-columns: 30% 1fr;}
	#applicantDetail .contentD > .data > p { margin: 6px 6px 8px 0px;}
	#applicantDetail .btns {right: 74px;}
	#applicantDetail .btns > a {
		display: inline-block;
		margin-right: 10px;
	}
	#applicantDetail .completeCv { margin-bottom: 32px }
}
@media only screen and (max-width:775px){
	#applicantDetail .contentD > .data {display: block;}
	#applicantDetail .txtBox .moreInfo {
		grid-template-columns: 1fr 1fr;
		width: 100%;
	}
}
@media only screen and (max-width: 691px){
	.contentD {grid-template-columns: 38% 1fr;}
	#applicantDetail .btns {top: 105px;}
}
@media only screen and (max-width:500px){
	.contentD { grid-template-columns: 100% }
	#applicantDetail .txtBox .moreInfo { grid-template-columns: 1fr; width: 100% }
}
@media only screen and (max-width:436px){
	#applicantDetail .btns { top: 128px }
}

.btnActualizar {
	color: #0170c0;
}
.btnActualizar:hover {
	border-bottom: 1px solid #0170c0;
}

#modal, #modal2 {text-align: center;}
#modal > p, #modal2 p{
	margin-bottom: 15px;
	font-size: 1.2em;
}
#modal .btnActualizar, #modal .cancelar {
	text-transform: uppercase;
	font-weight: 500;
	background-color: #0170c0;
	border: 1px solid #0170c0;
	color: #fff;
	padding: 8px 21px;
	display: inline-block;
	text-align: center;
	transition: all .4s;
	margin-bottom: 15px;
	margin-right: 21px;
}
#modal .btnActualizar:hover {
	color: #0170c0;
	background-color: #ffffff;
}
#modal .cancelar {
	background-color: #da3e2e;
	border: 1px solid #da3e2e;
}
#modal .cancelar:hover {
	color: #da3e2e;
	border: 1px solid #da3e2e;
	background-color: #fff;
}
#modal.recoverPassword > h2 {
	margin-bottom: 20px;
	color: #e5584a;
}
#modal.recoverPassword p > span, #modal2.recoverPassword p > span {
	color: #0170c0;
	line-height: 1.5;
}
#modal.recoverPassword label span {
	background-color: #fff;
	left: 7px;
	padding: 0px 4px;
	position: absolute;
	top: -21px;
	z-index: 1;
}
[data-bs-theme="dark"] #modal.recoverPassword label span {
	background-color: #272727;
}
#modal.recoverPassword input[type="text"]{
	border: 1px solid #c3c3c3;
	color: #2a363d;
	font-size: .9em;
	margin: 0 0 18px 0;
	padding: 10px 9px 9px 9px;
	width: 100%;
	transition: all 0.5s ease-in-out;
}
#modal.recoverPassword > a {
	background-color: #e5584a;
	color: #fff;
	padding: 6px 20px;
	display: block;
}
[data-bs-theme="dark"] #modal.recoverPassword > a {
	background-color: #e65647;
	color: #1b1b1b;
}


/* Editar datos aplicante */
#divInputLoad {
	position: relative;
	margin-bottom: 20px;
}
#fotopreview, #fotopreview > img{
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}
#fotopreview {
	position: absolute;
	top: 0;
}
#divFileUpload {
	margin-left: 125px;
}
#divFileUpload span {
	color: #7b7676;
	display: block;
	font-size: 0.85em;
	position: relative;
	width: 50%;
}
[data-bs-theme="dark"] #divFileUpload span {
	color: #b6b2b2;
}
@media only screen and (max-width:950px){
	#divFileUpload span { width: 90% }
}
@media only screen and (max-width: 728px ){
	#divFileUpload { margin-left: 0; margin-top: 145px }
	#fotopreview { position: absolute; top: -111px }
}


/*-----------------------------------------------------------
 CREAR OFERTA 
 ----------------------------------------------------------*/
 #createOffer { background-color: #fff }
 #createOffer .formComment {
	 margin: 0;
	 padding: 45px 145px;
 }
 #createOffer .formComment h2 {
	 text-align: center;
 }
.formComment > p.bMarg {
	 margin-bottom: 27px;
	 display: block;
 }

 #createOffer .formComment label textarea{
	 width: 100%;
 }
 #createOffer form .btnRegister {
	margin: 10px 0px;
	width: 246px;
	font-size: 1em;
 }
 @media only screen  and (max-width:875px){
	#createOffer .formComment { padding: 45px 45px }
 }


 /*----------------- 
  LISTA DE APLICANTES 
 -----------------*/
 #jobsList .list .box > a.aplicant,
 #listApplicants .list .box > a {
	display: -ms-grid;
	display: grid;
	grid-template-columns: auto 1fr;
	margin: 10px 0px;
	column-gap: 10px;
	padding-right: 48px;
 }
 #jobsList .list .box > a.aplicant {
	padding: 0;
	margin-left: 32px;
}
#jobsList .list .box > a.aplicant.v2 > .info {
	padding-right: 28px;
}
 #jobsList .list .box > a.aplicant > .foto,
 #listApplicants .list .box > a > .foto {
	 width: 150px;
	 height: 150px;
	 border: none;
}
#jobsList .list .box > a.aplicant.v2 > .foto {
	height: 100px;
	width: 100px;
}
#jobsList .list .box > a.aplicant > .info > h3, 
#jobsList .list .box > a.aplicant > .info > p > i,
#listApplicants .list .box > a > .info > h3,
#listApplicants .list .box > a > .info > p > i  {
	color: #0170c0;
}
#jobsList .list .box > a.aplicant > .info,
#listApplicants .list .box > a > .info {
	margin-left: 13px;
}
#jobsList .list .box > a.aplicant > .info > p,
#listApplicants .list .box > a > .info > p {
	padding: 5px 0px;
	text-align: left;
	word-wrap: anywhere;
}
#jobsList .list .box > a.aplicant > button,
#listApplicants .list .box > a > button {
	position: relative;
	top: -34px;
	background-color: #0170c0;
	border: none;
	color: #fff;
	padding: 6px;
	font-weight: 500;
	font-size: 1em;
}
#jobsList .list .box > a.aplicant.v2 > button {
	padding: 4px;
	font-size: .8em;
}
#jobsList .list .box > a.aplicant:hover > button,
#listApplicants .list .box > a:hover > button {
	background-color: #1a88d6;
}
#jobsList .list .box > a.aplicant:hover > .foto,
#listApplicants .list .box > a:hover > .foto {
	border-color: #1a88d6;
}
#jobsList .list .box > div,
#listApplicants .list .box > div {
	text-align: center;
	border-left: 1px solid #0170c0;
}
#jobsList .list .box > div {padding: 20px;}
#jobsList .list > .box > div a,
#listApplicants .list .box > div a {
	display: block;
	padding: 28px 15px;
	color: #0170c0;
	border: none;
}
#jobsList .list > .box > div a i,
#listApplicants .list .box > div a {
	margin-right: 5px
}
@media only screen and (max-width: 965px){
	#listApplicants .list .box > a > button {top: -50px;}
	#listApplicants .list .box > a {margin: 10px 0px;}
	#listApplicants .list .box > div { 
		display: block;
		border-bottom: 1px solid #baddff;
		border-left: none;
		padding-bottom: 24px;
	}
	.list > .box > div a {
		border: 1px solid;
		display: inline-block;
		padding: 10px;
	}
}
@media only screen and (max-width:675px){
	#listApplicants .list .box > a {grid-template-columns: 1fr; padding: 0px;}
	#listApplicants .list .box > a > .foto {margin: 0 auto;}
	#listApplicants .list .box > a > .info > h3 {text-align: center;}
	#listApplicants .list .box > a > button {top:0}
}
@media only screen and (max-width: 480px){
	#jobsList .list .box > a.aplicant.v2 { grid-template-columns: 1fr }
}

/*------------------------------------
	TRANSACCIONAL DEL CONTRIBUYENTE 
------------------------------------*/
#transaction .txtBox { display: table }
#transaction a.back {
	color: #fff;
	border: none;
	left: 14px;
	position: absolute;
	top: 21px;
}
[data-bs-theme="dark"] #transaction a.back {
	color: #1b1b1b;
}
#logInTransaction .txtBox > h2  {
	margin: 0 auto;
	margin-bottom: 15px;
}
#logInTransaction .txtBox .formComment input[type="submit"]{
	margin: 0 auto;
}
#transactional {
	margin-bottom: 50px;
}
#transactional >.txtBox {
	display: inline-block;
	word-wrap: break-word;
	height: auto;
}
#transactional >.txtBox > h2 > span.dni {
	margin-left: 5px;
}
#transactional .txtBox table thead {
	color: #fff;
	font-size: 1em;
	font-weight: 600;
}

/* Declaracion bienes inmuebles */
#transactional aside > #submenu li > a{
	background-color: #e4584a;
	color: #fff;
	display: block;
	font-size: .84em;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 1px;
	padding: 14px 18px;
	position: relative;
	text-transform: uppercase;
}
[data-bs-theme="dark"] #transactional aside > #submenu li > a {
	background-color: #e65647;
	color: #1b1b1b;
}
#transactional aside > #submenu li.current a{
	background-color: #fff;
	color: #e44838;
	z-index: 1;
}
[data-bs-theme="dark"] #transactional  aside > #submenu li.current a{
	background-color: #272727;
	color: #e65647;
}
#transactional .formComment fieldset {
	border: 1px solid #e0e0e0;
	padding: 20px;
	padding-top: 30px;
	margin-bottom: 25px;
}
#transactional .formComment fieldset legend {
	font-size: 1.3em;
	font-weight: 600;
	color: #0170c0;
	position: relative;
	text-align: left;
}
[data-bs-theme="dark"] #transactional .formComment fieldset legend {
	color: #52b5fd;
}
#transactional .formComment fieldset > p,
#transactional .formComment fieldset > h3.title {
	padding-bottom: 20px;
}
#transactional .formComment fieldset .col2{
	grid-template-columns: 1fr 1fr;
	column-gap: 10px;
	justify-content: center;
	margin-bottom: 20px;
}

#transactional .formComment fieldset > .col2 > label,
#transactional .formComment fieldset > .col3 > label,
#transactional .formComment fieldset > .col4 > label{
	margin: 0;
}
#transactional .formComment fieldset .col3{
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 10px;
	justify-content: center;
	margin-bottom: 20px;
}
#transactional .formComment fieldset .col3.v2 {
	margin-top: 20px;
}
#transactional .formComment fieldset label > textarea {
	width: 100%;
}
#transactional .formComment fieldset .col4{
	grid-template-columns: repeat(4, 1fr);
	column-gap: 10px;
	justify-content: center;
	margin: 15px 0px;
}
#transaction .formComment a.link {
	display: inline-block;
	margin-bottom: 10px;
	color: #0170c0;
}
#transactional .tableTransaction td.options {
	padding: 0px;
}
#transactional .tableTransaction td.options a {
	padding: 8px 2px;
	display: inline-flex;
}
#transactional .tableTransaction td > i,
#transactional .tableTransaction td.options a > strong,
#transactional .tableTransaction td.options a > i {
	margin-right: 5px;
	color: #999999;
}
#transactional .tableTransaction td.options a:hover i,
#transactional .tableTransaction td.options a:hover strong {
	color: #eeda19;
}
#transactional .formComment input[type="button"] {
	background-color: #0170c0;
	border-radius: 4px;
	color: #fff;
	margin: 10px 25px 10px 0px;
	padding: 8px 10px;
	text-align: center;
}
[data-bs-theme="dark"] #transactional .formComment input[type="button"] {
	background-color: #52b5fd;
	color: #1b1b1b;
}
#transactional .formComment input[type="button"]:hover {
	background-color: #2787cc;
}
[data-bs-theme="dark"] #transactional .formComment input[type="button"]:hover {
	background-color: #74c3fd;
}
#transactional .opciones {
	display: inline-block;
	position: relative;
	bottom: -22px;
	bottom: 0px;
}
#transactional .opciones span input {
	border: 1px solid #b1b6b9;	
	border-radius: 3px;
	padding: 4px 7px;
}
#transactional .opciones > .btnsTrans {
	display: inline-block;
	margin-top: 15px;
	margin-top: 6px;
}
#transactional .formComment .stepContainer {position: relative;}
#transactional .formComment .stepContainer > p.txtInfo, #transactional .formComment .stepContainer > p.txtInfo2 {
	margin-bottom: 18px;
}
#transactional .formComment .stepContainer > label .inptSimple {
	width: auto;
	border: none;
	border-bottom: 1px solid #b0b2c2;
}
#transactional .formComment .stepContainer ul > li {
	padding-bottom: 8px;
}
#transactional .opciones > .btnsTrans button,
#transactional .opciones > .btnsTrans a {
	background-color: transparent;
	border: 1px solid transparent;
	color: #0170c0;
	bottom: -1px;
	position: relative;
}
[data-bs-theme="dark"] #transactional .opciones > .btnsTrans button,
[data-bs-theme="dark"] #transactional .opciones > .btnsTrans a {
	color: #52b5fd;
}
#transactional .opciones > .btnsTrans button {
	border: 1px solid #0170c0;
	border-radius: 0px 4px 0px 0px;
	border-bottom: none;
	padding: 10px 18px;
}
[data-bs-theme="dark"] #transactional .opciones > .btnsTrans button {
	border-color: #52b5fd;
}
#transactional .opciones > .btnsTrans a i {
	margin-right: 3px;
}
#transactional .opciones > .btnsTrans button:hover {
	background-color: #ebebeb;
}
#transactional .opciones > .btnsTrans button.current,
#transactional .opciones > .btnsTrans button.current span {
	background-color: #0170c0;
	color: #fff;
}
[data-bs-theme="dark"] #transactional .opciones > .btnsTrans button.current,
[data-bs-theme="dark"] #transactional .opciones > .btnsTrans button.current span {
	background-color: #52b5fd;
	color: #1b1b1b;
}
#transactional .opciones > .btnsTrans span {
	color: rgb(165, 165, 165);
	margin-right: 10px;
}

a.btnEliminarTradicional, a.btnTradicional {
	position: relative;
	top: -30px;
	left: 0;
	margin-right: 10px;
}
a.btnTradicional {
	background-color: #0170c0;
	color: #fff;
	padding: 10px 18px;
	display: inline-block;
	border-radius: 2px;
}
a.btnTradicional:hover {
	background-color: #0a88e2;
}
a.btnEliminarTradicional {
	background-color: #1d3139ef;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	margin-top: 30px;
	padding: 10px 18px;
}
a.btnEliminarTradicional:hover {
	background-color: #2c4955ef;
}

#transactional .formComment fieldset .col3.rowAttach {
	grid-template-columns: 1fr 1fr 1fr;
}
#rowsListAttach .rowAttach {
	position: relative;
	padding: 29px 10px 20px;
	border: 1px solid #e0e0e0;
}
#rowsListAttach .col3.rowAttach > label,
#rowsListAttach .col3.rowAttach > label > input {
	margin: 0px;
}
.blockConstruction a.del,
#rowsListAttach .rowAttach a.del2 {
	color:#c82222;
	display: block;
	margin: 20px 0px;
	padding: 5px;
	position: relative;
	text-align: right;
}
[data-bs-theme="dark"] .blockConstruction a.del,
[data-bs-theme="dark"] #rowsListAttach .rowAttach a.del2 {
	color:#e65647;
}
#rowsListAttach .rowAttach a.del2 {
	margin: 5px;
	top: -5px;
}
a.addAttach, a.seeAttach {
	color: #0170c0;
	display: inline-block;
	margin: 10px 0px;
	position: absolute;
	right: 27px;
}
a.addAttach:hover { color: #a0a2a4;}

.formComment label.req { border-bottom: 1px solid #e0e0e0 }
.formComment label.req a.addAttach { top: -10px }
.blockConstruction a.del:hover,
#rowsListAttach .rowAttach a.del2:hover{
	color: #1d3139ef;
}
[data-bs-theme="dark"] .blockConstruction a.del:hover,
[data-bs-theme="dark"] #rowsListAttach .rowAttach a.del2:hover{
	color: #ea7165;
}
.blockConstruction a.del:before {
	content: "";
	width: 90%;
	height: 2px;
	background-color: #e0e0e0;
	position: absolute;
	left: 0;
	top: 13px;
}

#transactional .txtBox > .opciones > form input[type="text"],
#transactional .txtBox > .opciones > form button {
	border: 1px solid #0170c0 !important;
	border-radius: 5px;
	color: #0170c0;
	padding: 5px 15px;
	position: relative;
	top: -2px;
	transition: all .4s;
	background-color: #fff;
	margin-top:10px;
}
#transactional .txtBox table {
	margin: 0px;
}
#transactional .txtBox table th {
	background-color: #0170c0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
[data-bs-theme="dark"] #transactional .txtBox table th {
	background-color: #52b5fd;
	border-color: #52b5fd;
	color: #1b1b1b;
}
[data-bs-theme="dark"] #transactional .txtBox table th a {
	color: #1b1b1b !important;
}
.txtInfo,
.txtInfo2 {
	color: red;
	display: block;
	margin-bottom: 20px;
}
[data-bs-theme="dark"] .txtInfo,
[data-bs-theme="dark"] .txtInfo2 {
	color: #e65647;
}
.txtInfo2 { color: #454545 }
[data-bs-theme="dark"] .txtInfo2 { color: #bcbcbc }
.txtInfo2.v2, .txtInfo2 > span  {font-weight: 600;}
.stepDiv .linkTr { color: #e44838 }
.stepDiv .linkTr:hover { text-decoration: underline }

.tableTransaction .alignL {text-align: left !important;}
.tableTransaction .alignC {text-align: center !important;}
.tableTransaction .alignR {text-align: right !important;}
#transactional .tableTransaction.margB {
	margin-bottom: 30px;
}

#transactional .tableTransaction td > a.pay {
	background-color: transparent;
	color: #fff;
	cursor: pointer;
	padding: 6px 10px;
}
#transactional .tableTransaction td > a.pay:hover {
	background-color: orange;
	color: black !important;
	font-size: 1.2em;
	font-weight: bold;
}
#transactional .tableTransaction td > a.pay.disabled {
	background-color: transparent;
	pointer-events: none;
}

#transactional .txtBox .wrapTable {
	margin-bottom: 30px;
	height: auto;
}
#transactional .formComment fieldset a.linkF {
	color:#29bbff;
	display: block;
	margin-bottom: 25px;
}
#transactional .formComment fieldset a.linkF:hover {
	color: #195b8a;
}
[data-bs-theme="dark"] #transactional .formComment fieldset a.linkF:hover {
	color: #74c3fd;
}
#transactional .txtBox .formComment h4,
#transactional .txtBox .formComment h3 {
	margin-bottom: 22px;
}
#transactional .txtBox .formComment .textMarg {
	display: block;
	margin: 25px 0px;
}
#transactional .txtBox .formComment .textMarg.v2 {
	color: #9b9b9b;
}
#transactional .txtBox .totalBuy {
	text-align: right;
	font-weight: 600;
}
#transactional .txtBox .taxConsult > .col2 {
	display: grid;
	grid-template-columns: 45% 45%;
	gap: 10px;
}
#transactional .termsBt {
	position: relative;
	text-align: center;
	padding-bottom: 44px;
}
#transactional .termsBt a { 
	color: #1080d1;
	padding: 15px 0;
}
[data-bs-theme="dark"] #transactional .termsBt a { 
	color: #52b5fd;
}
#transactional .termsBt a:hover {
	color: #6e6e6e;
}
[data-bs-theme="dark"] #transactional .termsBt a:hover {
	color: #74c3fd;
}
#transactional .aRight .btnTradicional.v2 {
	background-color: #ff5443;
	color: #fff;
	margin: 20px;
}
.contentTerms {
	max-height: 450px;
	overflow-x: auto;
	margin: 10px 0px;
}
.contentTerms p,
.contentTerms h3,
.contentTerms h4 {
	padding-bottom: 12px;
}
#transactional .aRight {
	text-align: center;
	position: relative;
}
#transactional .aRight > a {
	text-align: center;
	margin: 0 auto;
	padding: 10px 34px;
}
.inlineBox.true {
	text-align: center;
	display: none;
	border-top: 3px solid #27a955;
	border-radius: 3px;
}
.inlineBox.true h2 {
	color: #27a955;
	margin-bottom: 12px;
}
#modalC.false {
	text-align: center;
	border-top: 3px solid #f7301a;
	border-radius: 3px;
}
#modalC.false h2 {
	color: #f7301a;
	display: inline;
	margin-right: 10px;
	font-size: 1em;
	text-align: center;
}
#modalC.false p {
	display: inline;
	font-size: 1em;
	text-align: center;
}
@media only screen and (max-width: 875px){
	#transactional { margin-left: 14px }
	#transactional .txtBox .wrapTable { overflow-x: auto }
	#transactional .tableTransaction td.options a { padding: 8px 2px }
	#transactional .txtBox { padding-right: 32px }
}
@media only screen and (max-width:500px){
	#transactional .formComment fieldset .col2 { grid-template-columns: 100% }
	#transactional .formComment fieldset .col3 { grid-template-columns: 100% }
	#transactional .formComment fieldset .col4 { grid-template-columns: 1fr 1fr }
}


/* Formulario de anomalías/incidentes */
#incidents .formComment > .col2 {
	grid-template-columns: auto auto;
	gap: 10px;
}
#incidents .formComment > .maps iframe { width:100%; }
#incidents .formComment #fotopreview {
	background-position: center center;
	position: relative;
	overflow: hidden;
    width: 200px;
    height: auto;
}
#incidents .formComment #fotopreview > img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	display: inline-block;
}
#incidents .formComment #divFileUpload {
	margin-left: 0px;
	margin-top: 0px;
}
@media (min-width:875px) and (max-width:1000px){
	#incidents .formComment > .col2 { grid-template-columns: 100% }
}
@media (max-width:728px){
	#incidents .formComment > .col2 { grid-template-columns: 100% }
	#incidents .formComment #fotopreview { top: 0 }
}


/* ----------- Steps forms-----------*/
.expandButton {
	display: inline-block;
	height: 20px;
	width: 20px;
}
.steps .number {
	background-color: #50b2f1;
	border-radius: 50%;
	color: rgb(218, 62, 62);
	display: inline-block;
	font-size: .9em;
	font-weight: 600;
	height: 24px;
	line-height: 24px;
	margin-right: 9px;
	text-align: center;
	width: 24px;
}
.steps .open {
	cursor: pointer;
	font-size: 1.1em;
	height: 38px;
	line-height: 38px;
	padding: 5px;
	position: absolute;
	right: -57px;
	top: -13px;
	transition: all 0.3s ease;
	width: 38px;
}
[data-bs-theme="dark"] .steps .open {
	background-color: #272727;
}
.steps .open:hover { color: #50b2f1 }
.steps .open:before {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.steps .open.minus:before {
	content: "\f068";
	position: absolute;
	right: 11px;
}
.steps .title.closed {
	border-color: #b8b8b8;
	color: #b8b8b8;
}
.steps .title.closed .number { background-color: #b8b8b8 }
.steps .title:first-of-type { margin-top: 0 }
.steps hr {
	background-color: #dedede;
	border: 0;
	height: 4px;
	margin: 26px 0 56px 0;
	width: 100%;
}
[data-bs-theme="dark"] .steps hr {
	background-color: #656565;
}
.checkIcon {
	background-color: #fff;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	font-size: 2.1em;
	height: 45px;
	left: 50%;
	line-height: 45px;
	margin-top: -81px;
	position: absolute;
	right: 26px;
	text-align: center;
	transform: translateX(-50%);
	transition:all 0.3s ease;
	width: 53px;
}
[data-bs-theme="dark"] .checkIcon {
	background-color: #272727;
	border-color: #272727;
}
.checkIcon:before {
	content: "\f111";
	color: #656565;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
}
.checkIcon:hover:before,
.checkIcon.approved:before {
	color: #27a955;
	content: "\f058";
}
.checkIcon span {
	color: #8f8f8f;
	font-size: 11px;
	font-weight: 500;
	left: 50%;
	top: 32px;
	position: absolute;
	transform: translateX(-50%);
	white-space: nowrap;
}
.stepDiv {
	overflow: hidden;
	position: relative;
}
.cols {
	border-bottom: 1px solid #f3f3f3;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 12px;
	grid-auto-flow: row;
	margin-bottom: 25px;
	padding: 20px 0PX;
}
[data-bs-theme="dark"] .cols {
	border-color: #323232;
}

a.hoverOpt {
	position: relative;
}

a.hoverOpt:hover:before {
	position: absolute;
	color: #fff;
	content: attr(data-tooltip);
	pointer-events: none;
	padding: 4px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.774);
	width: 110px;
	top: 24px;
	left: 7px;
	text-align: center;
	z-index: 100;
}
.cols p span {
	margin-right: 5px;
	font-weight: 600;
}
.jconfirm .container {
	width: 25%;
	margin: 0 auto;
}
[data-bs-theme="dark"] .jconfirm .jconfirm-box {
	background-color: #1b1b1b;
}
.statusTools {
	position: relative;
	text-align: end;
}
.statusTools a {
	padding: 5px;
	color: #0170c0;
	margin: 10px 0px;
	color: rgb(172, 172, 172);
}
.statusTools a:hover {
	color: #035c9c;
}
.transWeb p.date {
	position: absolute;
	top: 38px;
	right: 83px;
}


/* Firma Digital */
 #signatureChargeDiv {
	position: relative;
	text-align: center;
 }
 #signatureChargeDiv p {
	 padding: 6px 0px;
 }
 #signatureChargeDiv .signLoad {
	width: 30px;
	height: auto;
	margin: 5px auto;
	border: none
 }


/* ----------- gameGrid -----------*/
#gameGrid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 44px;
	margin-bottom: 60px;
}
#gameGrid a {
	background-color: #fff;
	filter: drop-shadow(0 0 16px rgba(69,73,78,0.16));
	position: relative;
	top: 0;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #gameGrid a {
	background-color: #272727;
}
#gameGrid a:nth-child(1) {
	-webkit-clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%, 0 8%);
	clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%, 0 8%);
}
#gameGrid a:nth-child(3) {
	-webkit-clip-path: polygon(100% 0, 100% 92%, 90% 100%, 0 100%, 0 0);
	clip-path: polygon(100% 0, 100% 92%, 90% 100%, 0 100%, 0 0);
}
#gameGrid a:hover {
	background-color: #0170c0;
	top: -10px;
}
[data-bs-theme="dark"] #gameGrid a:hover {
	background-color: #52b5fd;
}
#gameGrid a:nth-child(2):hover { background-color: #38871f }
[data-bs-theme="dark"] #gameGrid a:nth-child(2):hover { background-color: #48ae28 }
#gameGrid a:nth-child(3):hover { background-color: #ff8902 }
#gameGrid figure {
	background-color: #f2f2f2;
	background-size: cover;
	margin-bottom: 20px;
	padding-bottom: 56%;
}
#gameGrid h4 {
	color: #0170c0;
	font-size: 1.6em;
	font-weight: 600;
	padding: 0 28px;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #gameGrid h4 {
	color: #52b5fd;
}
#gameGrid a:hover h4 { color: #fff !important }
#gameGrid a:nth-child(2) h4 {
	color: #38871f;
}
[data-bs-theme="dark"] #gameGrid a:nth-child(2) h4 {
	color: #48ae28;
}
#gameGrid a:nth-child(3) h4 {
	color: #ff8902;
}
#gameGrid p {
	color: #3d424f;
	line-height: 1.35em;
	padding: 10px 28px 20px 28px;
	position: relative;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #gameGrid p {
	color: #f0f0f0;
}
#gameGrid a:hover p { color: #fff }
#gameGrid span {
	background-color: #0170c0;
	border: 1px solid transparent;
	color: #fff;
	display: table;
	font-weight: 500;
	margin: 0 0 26px 28px;
	padding: 10px 18px;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #gameGrid span {
	background-color: #52b5fd;
	color: #1b1b1b;
}
#gameGrid a:nth-child(2) span {
	background-color: #38871f;
}
[data-bs-theme="dark"] #gameGrid a:nth-child(2) span {
	background-color: #48ae28;
}
#gameGrid a:nth-child(3) span {
	background-color: #ff8902;
}
#gameGrid a:hover span { border: 1px solid #fff }
.gameH {
	color: #4a5266;
	font-size: 2.3em;
	margin: 36px 0 24px 0;
	text-align: center;
	text-transform: uppercase;
}
[data-bs-theme="dark"] .gameH {
	color: #fff;
}
@media only screen and (max-width:980px) {
	#gameGrid { grid-template-columns: auto; grid-gap: 24px }
	#gameGrid a { margin: auto; max-width: 376px }
}
.consult .txtBox {
	width: 100%;
	padding: 32px 78px 32px 78px;
}
@media only screen and (max-width:875px){
	#transactional.consult {
		width:calc(79% + 122px);
		margin-left: 0;
	}
	#transactional.consult .txtBox .taxConsult > .col2 {
		grid-template-columns: 49% 49%
	}
	#transactional.consult .txtBox {
		padding: 32px 32px 32px 32px;
	}
}

@media only screen and (max-width:759px){
	.consult .txtBox { padding: 32px 36px 32px 36px }
	#transactional.consult .txtBox .taxConsult > .col2 {
		grid-template-columns: 100%;
	}
	#transactional.consult .tableTransaction td > a.pay {
		padding: 6px 6px;
		display: block;
	}
	.consult .txtBox table td {padding:8px 6px;}
}
@media only screen and (max-width:495px){
	#transactional.consult .txtBox { padding: 32px 43px 32px 14px }

}


/*------ Form de solicitud de cita ------*/
.calendary {
	display: block;
	position: relative;
	margin-bottom: 40px;
}
.calendary .month h3 {
	color: #0170c0;
	background-color: #ececec;
	margin: 0;
	padding: 5px;
	text-align: center;
}
[data-bs-theme="dark"] .calendary .month h3 {
	color: #52b5fd;
	background-color: #272727;
}
.calendary .slideWeeks .columns {
	display: grid !important;
	grid-template-columns: repeat(7,auto);
	margin-bottom: 34px;
}
.calendary .head {
	background-color: #0170c0;
	color: #fff;
	padding: 10px;
	text-align: center;
}
[data-bs-theme="dark"] .calendary .head {
	background-color: #52b5fd;
	color: #1b1b1b;
}
.calendary .slick-slide:nth-child(1) > .head {
	padding-left: 20px;
}
.calendary .slick-slide:nth-child(7) .head {
	padding-right: 20px !important;
	padding-left: 10px;
}
.calendary .hours,
.calendary .hours a {display: block;}
.calendary .hours a.hide,
.calendary .col.hide .hours {position: relative;}
.calendary .col.hide .hours:after{
	content: "No hay horarios disponibles";
	display: block;
	position: relative;
	text-align: center;
	top: 10px;
	padding: 20px 0;
}
.calendary .col.hide a{
	display:none
}
.calendary .col a.hide {
	color: #bbb9b9;
	pointer-events: none;
}
.calendary .col a.current {
	color: green;
	pointer-events: none;
}
.calendary .slick-slide:nth-child(even){
	background-color: #f0f0f0;
}
[data-bs-theme="dark"] .calendary .slick-slide:nth-child(even){
	background-color: #303030;
}
.calendary .hours a {
	padding: 8px 10px;
	text-align: center;
    border-bottom: 1px solid #e1e1e1;
}
.calendary .hours a:hover {
	color: #0170c0;
	background-color: #e4e4e4db;
}
.calendary .prevM,
.calendary .nextM,
.calendary .prev,
.calendary .next {
	color: #fff;
	background-color: #0170c0;
	border: none;
	height: 38px;
	position: absolute;
	top: 0;
	z-index: 1;
}
[data-bs-theme="dark"] .calendary .prevM,
[data-bs-theme="dark"] .calendary .nextM,
[data-bs-theme="dark"] .calendary .prev,
[data-bs-theme="dark"] .calendary .next {
	color: #1b1b1b;
	background-color: #52b5fd;
}
.calendary .nextM,
.calendary .next {
	right: 0;
}
.calendary .prevM,
.calendary .nextM {
	background-color: transparent;
	color: #0170c0;
	padding: 11px;
}
.confirm p {
	padding: 5px 0px;
	text-align: left;
}
.confirm p.title {
	font-size: 1.3em;
	text-align: center;
	color: #0170c0;
	margin-bottom: 10px;
}
.confirm p.title span {
	font-weight: 600;
}
.confirm a.btnConfirm {
	background-color: #0170c0;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	margin:13px 8px 0px 0;
	padding: 8px 30px;
	text-transform: uppercase;
	transition: all 0.4s ease;
	text-align: center;
	width: 47%;
}
.confirm a.btnConfirm.v2 { background-color: #6e6e6e}
.allWidth { width: 100% !important;}

.boxUp {
	transition: all .3s;
}
.helps {
	background-color: #e44838;
	bottom: 8px;
	color: #f1f1f1 !important;
	font-size: 1em;
	padding: 7px 14px;
	position: absolute;
	right: 47px;
	text-align: center;
}
[data-bs-theme="dark"] .helps {
	background-color: #e65647;
	color: #1b1b1b !important;
}
.helps:active, a.helps:focus {
	background-color: #f06050;
	color: #fff;
}
.helps em { display: none }
.helpBox > .txtBox {
	padding: 0;
	box-shadow: unset;
	padding-top: 10px;
}
.helpBox .helpVideo, .txtBox .txtVideo {
	width: 100%;
	margin: 10px 0;
	min-height: 300px
}
.helpBox a.zoomImage {
	pointer-events: none;
}
.formComment .col2 {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 12px;
}
.formComment > .col3 {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 8px;
}
.formComment label.required:before {
	color: #e44838;
	content: '*';
	font-size: 1.4em;
	position: absolute;
	left: 0;
	top: -15px;
	z-index: 10;
}
.formComment .text {
	margin-bottom: 20px;
	position: relative;
}
.formComment .text p {
	line-height: 1.4em;
	padding-bottom: 12px;
}

/* form pdf download */
.btn_PDF{
	outline: none;
	border: none;
	background-color: #e44938;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-weight: 600;
    padding: 8px 30px;
    text-transform: uppercase;
    transition: all 0.4s ease;
    width: 40%;
	display:block;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}
.btn_PDF>.far{
	margin-left: 1rem;
}

@media only screen and (max-width:660px) {
	.formComment .col2 { grid-template-columns: repeat(1,1fr) }
	.formComment > .col3 { grid-template-columns: repeat(1,1fr) }
}


 /* --------------------------------- */
 .txtResponse{
	border-bottom: 1px solid #4a5266;
	font-size: 1.1em;
	margin-bottom: 8px;
	padding-bottom: 4px;
	text-align: center;
}
.btnContinuos {
	background-color: #0170c0;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	padding: 8px 30px;
	text-transform: uppercase;
	transition: all 0.4s ease;
	cursor: pointer;
}
.txtBox .btnContinuos:hover { background-color: #298fd8 !important; }
.btnContinuos:focus {
    background-color: #0170c0;
}


/*------ loginBox ------*/
.loginBox {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(2,1fr);
	margin-top: 30px;
}
.loginBox h2 {
	color: #0170c0;
	font-size: 1.45em;
	margin-bottom: 20px;
	text-align: center;
}
[data-bs-theme="dark"] .loginBox h2 {
	color: #52b5fd;
}
.loginBox .logBox.green h2 {
	color: #48ae28;
}
.loginBox h2 i {
	display: block;
	font-size: 1.3em;
	margin-bottom: 6px;
}
.loginBox .logBox {
	background-color: #fff;
	box-shadow: 0 0 32px rgba(69,73,78,0.16);
	padding: 32px 36px;
	position: relative;
}
[data-bs-theme="dark"] .loginBox .logBox {
	background-color: #272727;
}
.loginBox .info p {
	font-size: 1.06em;
	line-height: 1.4em;
}

.loginBox .logBox.green .formComment input[type="submit"] {
	background-color: #48ae28;
}
.forgetPass {
	color:#3d424f;
	display: table;
	margin-top: 10px;
}
[data-bs-theme="dark"] .forgetPass {
	color: #c6c6c6;
}
@media only screen and (max-width:980px) {
	.loginBox { padding: 0 24px }
}
@media only screen and (max-width:800px) {
	.loginBox { grid-template-columns: repeat(1,1fr) }
	.loginBox .logBox { padding: 28px }
	.loginBox h2 { font-size: 1.35em }
	.loginBox .info p { font-size: 1.02em }
}


/*------ verificacion ------*/
.verificacion .subtitulo {
	font-size: 1.06em;
	line-height: 1.4em;
	margin-top: -14px;
}
.verificacion .code {
	font-weight: 500;
	margin: 30px 0 10px 0;
	text-align: center;
}
.bloqueCodigo {
	display: grid;
	grid-gap: 9px;
	grid-template-columns: repeat(6, auto);
	justify-content: center;
	text-align: center;
}
.bloqueCodigo input[type="text"]{
	border: 1px solid #b0b2c2;
	font-size: 15px;
	height: initial;
	padding: 9px !important;
	text-align: center;
	text-transform: uppercase;
	width: 39px;
}
.bloqueCodigo input[type="text"]:focus {
	border-color: #0170c0;
}
.verificacion button {
	background-color: #0170c0;
	border: none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: 'Asap Condensed', sans-serif;
	font-size: 1em;
	font-weight: 600;
	margin: 14px auto 0 auto;
	outline: none;
	padding: 8px 30px;
	text-transform: uppercase;
	transition: all 0.4s ease;
}
.verificacion button:hover {
	background-color: #1a90e4;
}


/*------ new consults ------*/
.newConsult {
	background-color: #fff;
	box-shadow: 0 0 32px rgba(69,73,78,0.16);
	margin: 100px auto 70px auto;
	max-width: 640px;
	padding: 42px 46px;
	position: relative;
}
[data-bs-theme="dark"] .newConsult {
	background-color: #272727;
}
.newConsult2 {
	background-color: #fff;
	box-shadow: 0 0 32px rgba(69,73,78,0.16);
	padding: 42px 46px;
	position: relative;
}
[data-bs-theme="dark"] .newConsult2 {
	background-color: #272727;
}
.newConsult .txtDetail h1 {
	color: #0170c0;
	font-size: 1.9em;
	margin-bottom: 12px;
	margin-top: -6px;
	text-align: center;
}
[data-bs-theme="dark"] .newConsult .txtDetail h1 {
	color: #52b5fd;
}
.newConsult .txtDetail p,
.newConsult2 .txtDetail p {
	font-size: 1.08em;
	line-height: 1.4em;
	margin-bottom: 22px;
}
.loadF {
	display: none;
	padding: 20px;
	text-align: center;
}
.loadF i {
	color: #48ae28;
	font-size: 2em;
}
.col50 {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(2,1fr);
}
@media only screen and (max-width:688px) {
	.newConsult { margin: 100px 24px 70px 24px; padding: 32px 36px; }
	.newConsult2 { padding: 32px 36px; }
}
@media only screen and (max-width:660px) {
	.col50 { gap: 0; grid-template-columns: repeat(1,1fr) }
}
@media only screen and (max-width:540px) {
	.newConsult { margin: 50px 16px 40px 16px; padding: 24px 26px; }
	.newConsult2 { padding: 24px 26px; }
	.newConsult .txtDetail h1 { font-size: 1.7em }
}


/*------ consultTable ------*/
.consultTable {
	margin-top: 10px;
	width: 100%;
}
.consultTable caption {
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: 10px;
}
.consultTable th {
	background-color: #ecedf6;
	font-weight: 500;
	text-align: left;
}
[data-bs-theme="dark"] .consultTable th {
	background-color: #272727;
}
.consultTable th,
.consultTable td {
	border: 1px solid #cbcddd;
	padding: 8px 11px;
}
.consultTable .status1,
.consultTable .status2,
.consultTable .status3 {
	font-weight: 500;
}
.consultTable .status1 i,
.consultTable .status2 i,
.consultTable .status3 i {
	margin-right: 7px;
}
.consultTable .status1 {
	color: #d54030;
}
[data-bs-theme="dark"] .consultTable .status1 {
	color: #e65647;
}
.consultTable .status2 {
	color: #0170c0;
}
[data-bs-theme="dark"] .consultTable .status2 {
	color: #52b5fd;
}
.consultTable .status3 {
	color: #48ae28;
}
.consultTable .transact {
	color: #5f6471;
	display: block;
	font-size: .95em;
	font-weight: 400;
	padding-top: 2px;
}
@media only screen and (max-width:992px) {
	.consultTable thead {
		display: none;
	}
	.consultTable tr {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}
	.consultTable tr:last-child { margin-bottom: 0 }
	.consultTable td {
		display: block;
		padding: 10px 11px;
		text-align: left !important;
	}
	.consultTable td:before {
		color: #0170c0;
		content: attr(data-label);
		font-weight: 500;
		margin-right: 8px;
		position: relative;
		top: 0;
	}
}


/*----------- optionsMenu -----------*/
#accessBtn {
	background-color: #fff;
	border-radius: 50px;
	box-shadow: 0 0 0 2px #fff;
	color: #d44030;
	cursor: pointer;
	height: 48px;
	line-height: 0;
	left: 14px;
	padding: 0;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	transition:all 0.3s ease;
	width: 48px;
	z-index: 100001;
}
[data-bs-theme="dark"] #accessBtn {
	background-color: #1b1b1b;
	box-shadow: 0 0 0 2px #1b1b1b;
}
#accessBtn:hover {
	color: #c22a1a;
}
#accessBtn i {
	font-size: 3em;
}
#accessBtn span { display: none }
#optionsMenu {
	background-color: #fff;
	border-radius: 22px;
	box-shadow: 0 0 0 2px #fff,
				0 0 20px rgba(40,40,40,.2);
	left: -470px;
	overflow: hidden;
	padding-bottom: 18px;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	width: 310px;
	z-index: 1000000;
}
[data-bs-theme="dark"] #optionsMenu {
	background-color: #272727;
	box-shadow: 0 0 0 2px #1b1b1b;
}
#optionsMenu .title {
	background-color: #4a5266;
	color: #fff;
	font-size: 1.6em;
	font-weight: 500;
	margin-bottom: 20px;
	padding: 12px 14px;
	text-align: center;
	user-select: none;
}
[data-bs-theme="dark"] #optionsMenu .title {
	background-color: #363636;
}
#optionsMenu .subtitle {
	font-size: .95em;
	font-weight: 500;
	margin: 13px 0 6px 0;
	padding: 0 20px;
}
#optionsMenu .col {
	border-left: 1px solid #ddd;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 0 20px;
}
[data-bs-theme="dark"] #optionsMenu .col {
	border-color: #363636;
}
#optionsMenu .divide {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(2, 1fr);
	padding: 0 20px;
}
#optionsMenu .divide .subtitle {
	padding: 0;
}
#optionsMenu .divide .col {
	grid-template-columns: 1fr;
	margin: 0;
}
#optionsMenu a,
#optionsMenu button {
	border: 1px solid #ddd;
	border-left: none;
	color: #343434;
	cursor: pointer;
	display: block;
	font-size: .95em;
	font-weight: 400;
	padding: 10px;
	text-align: center;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #optionsMenu a,
[data-bs-theme="dark"] #optionsMenu button {
	border-color: #363636;
	color: #f0f0f0;
}
#optionsMenu a:hover,
#optionsMenu button:hover {
	color: #0170c0;
}
[data-bs-theme="dark"] #optionsMenu a:hover,
[data-bs-theme="dark"] #optionsMenu button:hover {
	color: #52b5fd;
}
#optionsMenu a.active,
#optionsMenu button.active {
	background-color: #f6f6f6;
}
[data-bs-theme="dark"] #optionsMenu a.active,
[data-bs-theme="dark"] #optionsMenu button.active {
	background-color: #1b1b1b;
}
#optionsMenu a i,
#optionsMenu button i {
	color: #38871f;
	display: table;
	font-size: 1em;
	margin: 0 auto 5px auto;
	transition:all 0.3s ease;
}
[data-bs-theme="dark"] #optionsMenu a i,
[data-bs-theme="dark"] #optionsMenu button i {
	color: #48ae28;
}
#optionsMenu a:hover i,
#optionsMenu button:hover i {
	color: #0170c0;
}
[data-bs-theme="dark"] #optionsMenu a:hover i,
[data-bs-theme="dark"] #optionsMenu button:hover i {
	color: #52b5fd;
}
#closeOptions {
	color: #fff;
	cursor: pointer;
	font-size: 1.1em;
	padding: 9px 14px;
	position: absolute;
	right: 4px;
	top: 8px;
	transition:all 0.3s ease;
}
#closeOptions:hover {
	color: #bde3ff;
}
@media only screen and (max-width:1340px) {
	#accessBtn {
		bottom: 12px;
		top: initial;
		transform: initial;
	}
	#optionsMenu {
		bottom: 12px;
		top: initial;
		transform: initial;
	}
}
@media only screen and (max-width:1000px) {
	#optionsMenu .tabOption { display: none }
}
@media only screen and (max-width:860px) {
	#optionsMenu { padding-bottom: 18px; width: 250px }
	#optionsMenu .title {
		font-size: 1.5em;
		margin-bottom: 12px;
		padding: 10px 14px;
	}
	#optionsMenu .subtitle { margin-bottom: 6px; padding: 0 20px }
	#optionsMenu .divide { padding: 0 20px }
	#optionsMenu a,
	#optionsMenu button { font-size: .98em; padding: 8px }
	#optionsMenu a i,
	#optionsMenu button i { font-size: 1em; margin: 0 auto 3px auto }
	#optionsMenu .col { margin: 0 20px }
	#closeOptions { font-size: 1.1em; top: 5px }
}


/*----------- line -----------*/
#horizontal-line {
	background-color: #000;
	border: 3px solid #fff300;
	border-radius: 3px;
	display: none;
	height: 12px;
	left: 0;
	margin-top: -12px;
	right: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	z-index: 1000001;
}
@media (pointer: coarse) {
	#guideBtn { display: none }
}
@media (max-width:992px) {
	#guideBtn { display: none }
}