/* general */
body {font-family:'Poppins', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	--color-text: #212529;
    --color-number: #999;
    --color-bg: #2a448f; 
    --color-link: #2a448f; 
    --color-link-hover: #223775;
    color: var(--color-text);
    background-color: var(--color-bg);}
/*hr {margin-top:1rem; margin-bottom:1rem; border:0; border-top:1px solid rgba(0,1,104,0.15)}*/ 
hr { margin: 1rem 0; color: inherit; border: 0; opacity: 1; }

*, *::after, *::before { box-sizing: border-box; -moz-box-sizing: border-box; }
*, *:after, *:before {box-sizing: border-box; -moz-box-sizing: border-box; }
* {margin:0;padding:0;border:0 none;position: relative; outline: none;}
p > a { cursor: pointer; position: relative; white-space: nowrap; color: var(--color-text); text-decoration:none;}
p > a::before, p > a::after { position: absolute; width: 100%; height: 1px; background: var(--color-bg); top: 100%; left: 0; pointer-events: none; }
p > a::before { content: ''; }
p > a::before { height: 100%; top: 0; opacity: 0; }
p > a:hover::before, p > a:focus::before { opacity: 1; animation: coverUp 0.3s ease forwards;}
@keyframes coverUp { 
0% { transform-origin: 50% 100%; transform: scale3d(1, 0.045, 1); }
50% { transform-origin: 50% 100%; transform: scale3d(1, 1, 1); }
51% { transform-origin: 50% 0%; transform: scale3d(1, 1, 1); }
100% { transform-origin: 50% 0%; transform: scale3d(1, 0.045, 1); }
}
p > a::after { content: ''; transition: opacity 0.3s; }
p > a:hover::after, p > a:focus::after { opacity: 0; }

figure { position: relative; overflow: hidden; margin: 0; height: auto; width: 100%;}
figure img{ width: 100%; height: auto; }
figure::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius:50%; transform: translate(-50%, -50%); opacity: 0; }
figure:hover::before { animation: circle .75s; }
@keyframes circle {
    0% {opacity: .5; background: rgba(255,255,255,.2);}
    40% {opacity: 1; background: rgba(255,255,255,.2);}
    100% {width: 200%; height: 200%; opacity: 0;}
} 

.text-white a{ color: rgba(255,255,255,.55) !important; }
.text-white a::before, .text-white a::after { background: rgba(255,255,255,.55) !important; }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #cfe2ff; }
.btn-outline-light:hover { color: var(--color-link-hover) !important; }

.bg-cover {width:100%; height:100%; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover;}*/
.cover {object-fit: cover;}
.fill { object-fit: fill; }
.blur {filter:blur(0.5rem);}
.opacity-50 {opacity:0.50; filter:Alpha(Opacity=50);}
.opacity-25 {opacity:0.25; filter:Alpha(Opacity=25);}

.mt-n1 { margin-top: -1rem !important; }
.mt-n2 { margin-top: -2rem !important; }
.mt-n3 { margin-top: -3rem !important; }

.custom-font {font-family:'Patrick Hand', serif; font-size:135%;/*+*/}
.outline-font{text-shadow:1px 1px 0 #2a448f, 1px -1px 0 #2a448f, -1px 1px 0 #2a448f, -1px -1px 0 #2a448f, 1px 0px 0 #2a448f, 0px 1px 0 #2a448f, -1px 0px 0 #2a448f, 0px -1px 0 #2a448f, 1px 1px 0px rgba(0,1,104,0);}
.outline-font_white{text-shadow:1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px 0px 0 #fff, 0px 1px 0 #fff, -1px 0px 0 #fff, 0px -1px 0 #fff, 1px 1px 0px rgba(0,1,104,0);}
.text-vertical {-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.img-sm img{ max-width: 70%; height: auto; }
.img-lg img{ max-width: 100%; height: auto; }

@media (max-width: 991px) {
  .img-sm img{ max-width: 100%; height: auto; }
}

/* ANIMATION */
/*effects*/
	.hovereffect { width:100%; height:100%; float:left; overflow:hidden; position:relative; cursor:default; }
	.hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; }
	.hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }
	/*shape*/
	.shape {animation: morph 6s ease-in-out infinite; border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; transition: all 1s ease-in-out;}
	.shape:hover {animation: morph 2s ease-in-out infinite; transition: all 1s ease-in-out;}
	@keyframes morph {
	 0% { border-radius:  60% 40% 30% 70% / 60% 30% 70% 40%; } 
	 50% { border-radius:  30% 60% 70% 40% / 50% 60% 30% 60%; }
	 100% { border-radius:  60% 40% 30% 70% / 60% 30% 70% 40%; } 
	}
	/*spin*/
	.spin { border-radius: 50%; padding: 2.5px; background-clip: content-box; -webkit-animation: spin 12s linear infinite; animation: spin 12s linear infinite; }
	.spin:hover { -webkit-animation: spin 4s linear infinite; animation: spin 4s linear infinite; }
	@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
	}
	@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}
	/*rotation*/
	.rotation { -webkit-animation: rotation 8s infinite linear; }
	@-webkit-keyframes rotation {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); }
	}
/*link*/
	/*-graphic*/
	.link { cursor: pointer; position: relative; white-space: nowrap; color: var(--color-text); text-decoration:none;}
	.link::before, .link::after { position: absolute; width: 100%; height: 1px; background: var(--color-bg); top: 100%; left: 0; pointer-events: none; }
	.link::before { content: ''; /* show by default */ }
	.link--iocaste {overflow: hidden; padding: 7px 0; }
	.link__graphic {position: absolute; top: 0; left: 0; pointer-events: none; fill: none; stroke: #2a448f; stroke-width: 1px; }
	.link__graphic--slide { top: -3px; stroke-width: 2px; transition: transform 0.7s; transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); }
	.link:hover .link__graphic--slide { transform: translate3d(-66.6%, 0, 0); }
	/*kale*/
	.link--kale { color: var(--color-link); }
	.link--kale::before { height: 10px; top: 100%; opacity: 0; }
	.link--kale:hover::before { opacity: 1; animation: lineUp 0.3s ease forwards; }
	@keyframes lineUp {
	0% { transform-origin: 50% 100%; transform: scale3d(1, 0.045, 1); }
	50% { transform-origin: 50% 100%; transform: scale3d(1, 1, 1); }
	51% { transform-origin: 50% 0%; transform: scale3d(1, 1, 1); }
	100% { transform-origin: 50% 0%; transform: scale3d(1, 0.045, 1); }
	}
	.link--kale::after { content: ''; transition: opacity 0.3s; opacity: 0; transition-delay: 0s; }
	.link--kale:hover::after { opacity: 1; transition-delay: 0.3s; }
/*bg*/
/*bg-change*/
	a.bg-change {transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	a.bg-change:hover {background-color: transparent;}
	a.bg-change:hover:before {bottom: 0%; top: auto; height: 100%;}
	a.bg-change:before {display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; background: var(--bs-white); transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	a.bg-change2:before {background: #212529;}	
/*shapes-background*/
	.context { width: 100%; position: absolute; z-index:0;}
	.area{ background: var(--color-bg); background: -webkit-linear-gradient(to left, #cfe2ff, var(--color-bg)); width: 100%; height:100vh; position:fixed; z-index:-1;}
	.forms{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
	.forms li{ position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.2); animation: animate 25s linear infinite; bottom: -150px; }
	.forms li:nth-child(1){ left: 25%; width: 80px; height: 80px; animation-delay: 0s; }
	.forms li:nth-child(2){ left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; }
	.forms li:nth-child(3){ left: 70%; width: 20px; height: 20px; animation-delay: 4s; }
	.forms li:nth-child(4){ left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; background: var(--bs-danger);}
	.forms li:nth-child(5){ left: 65%; width: 20px; height: 20px; animation-delay: 0s; background: var(--bs-warning);}
	.forms li:nth-child(6){ left: 75%; width: 115px; height: 115px; animation-delay: 3s; }
	.forms li:nth-child(7){ left: 35%; width: 150px; height: 150px; animation-delay: 7s; }
	.forms li:nth-child(8){ left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; }
	.forms li:nth-child(9){ left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; background: var(--bs-danger);}
	.forms li:nth-child(10){ left: 80%; width: 100px; height: 100px; animation-delay: 0s; animation-duration: 11s; background: var(--bs-warning);}
	@keyframes animate {
	0%{ transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } 100%{ transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
	}
/*icons*/ 
	.coloring {animation: coloring-opacity 3000ms linear infinite normal forwards}
	 @keyframes coloring-opacity { 0% {opacity: 0} 50% {opacity: 1} 100% {opacity: 0}}
	.compass {animation: compass-rotate 3000ms linear infinite normal forwards}
	 @keyframes compass-rotate { 0% {transform: translate(29.4995px,34.00046px) rotate(-7.395385deg)} 33.333333% {transform: translate(29.4995px,34.00046px) rotate(-44.60749deg)} 50% {transform: translate(29.4995px,34.00046px) rotate(-5.622158deg)} 66.666667% {transform: translate(29.4995px,34.00046px) rotate(46.888319deg)} 100% {transform: translate(29.4995px,34.00046px) rotate(7.415451deg)}}
	.showhide-line1 {animation:showhide-line 3s 600ms infinite; stroke-dasharray: 150; stroke-dashoffset: 160;}
    .showhide-line2 {animation:showhide-line 3s 300ms infinite; stroke-dasharray: 150; stroke-dashoffset: 160;}
    .showhide-line3 {animation:showhide-line 3s infinite; stroke-dasharray: 150; stroke-dashoffset: 160;}
     @keyframes showhide-line {
         0%{stroke-dashoffset: 160;}
         20%{stroke-dashoffset: 160;}
         50%{stroke-dashoffset: 0; opacity: 1;}
         80%{stroke-dashoffset: 0; opacity: 0;}
         100%{stroke-dashoffset: 150; opacity: 0;}
     }
     @media (prefers-reduced-motion: reduce) {
         .showhide-line1, .showhide-line2, .showhide-line3 {
             animation: none;
         }
     }
	.right-left {animation:right-left-move 1.6s infinite;}
     @keyframes right-left-move {
         0%{transform: translate3d(-2px, 0, 0);}
         50%{transform: translate3d(2px, 0, 0);}
         100%{transform: translate3d(-2px, 0, 0);}
     }
     @media (prefers-reduced-motion: reduce) {
         .right-left {
             animation: none;
         }
     }  
	.picture {animation: picture-move 3000ms linear infinite normal forwards}
	 @keyframes picture-move { 0% {transform: translate(11.56849px,29px)} 50% {transform: translate(11.56849px,17.431715px)} 100% {transform: translate(11.56849px,28.931358px)}} 
	.up-down {animation:up-down-move 1.6s infinite;}
     @keyframes up-down-move {
         0%{transform: translate3d(0, 0, 0);}
         50%{transform: translate3d(0, 2px, 0);}
         100%{transform: translate3d(0, 0, 0);}
     }
     @media (prefers-reduced-motion: reduce) {
         .up-down {
             animation: none;
         }
     } 
	 
	.line-cd1 {animation:line-cd1-spin 500ms infinite linear; transform-origin: 50px 50px;}
     @keyframes line-cd1-spin {
         100%{transform:rotate(360deg);}
     }
     @media (prefers-reduced-motion: reduce) {
         .line-cd1 {
             animation: none;
         }
     }
	.line-arrow-right1{animation: line-arrow-right1-fly 3s infinite ease-in-out;}
     @keyframes line-arrow-right1-fly{
         0% { transform: translate3d(-200px, 0, 0);}
         30% {transform: translate3d(0px, 0, 0);}
         40% {transform: translate3d(-4px, 0, 0);}
         50% {transform: translate3d(0px, 0, 0);}
         70% {transform: translate3d(-4px, 0, 0);}
         100% {transform: translate3d(240px, 0, 0);}
     }
     @media (prefers-reduced-motion: reduce) {
         .line-arrow-right1 {
             animation: none;
         }
     }
.wow:first-child { visibility: hidden; } 
/* ----------------------------------------------
 * Generated by Animista on 2021-3-18 9:33:20
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
	.slide-in-blurred-bottom{-webkit-animation:slide-in-blurred-bottom .6s cubic-bezier(.23,1.000,.32,1.000) both;animation:slide-in-blurred-bottom .6s cubic-bezier(.23,1.000,.32,1.000) both}
	@-webkit-keyframes slide-in-blurred-bottom{0%{-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-bottom{0%{-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}
	.fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both}
	@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}
	.tracking-in-contract{-webkit-animation:tracking-in-contract .8s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-contract .8s cubic-bezier(.215,.61,.355,1.000) both}
	@-webkit-keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}@keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}


/* header */
.blog-header { font-size:1.10rem; text-transform:none; line-height:1.15;}
/*.blog-header span {font-size:1.5rem; letter-spacing:-0.1rem; word-spacing:0.2rem;}*/
.blog-header small {font-size:75%;}
.blog-header .img-fluid {width:75%; height:auto;}
.blog-header:hover { text-decoration: none; }
.page-header { height: 25vh; max-height: 250px; padding: 0; color: var(--bs-white); position: relative; background-position: center center; background-size: cover; }
.page-header .page-header-img { position: absolute; background-size: cover; background-position: center center; width: 100%; height: 100%; z-index: -1; opacity: 0.70; }
.page-header .container, .page-header .container-fluid { height: 100%; z-index: 1; position: relative; }
.page-header .category, .page-header .description { color: rgba(255, 255, 255, 0.5); }
.page-header:after, .page-header:before { position: absolute; z-index: 0; width: 100%; height: 100%; display: block; left: 0; top: 0; content: ""; }


/* MENU */
#menu {width:auto; max-width:100%; height:auto; margin:0 auto; padding:0; position:relative; z-index:1040; bottom:0; vertical-align:baseline !important;}
#main-menu {margin:0 auto; position:relative; z-index:1040; width:auto;}
#main-menu ul {width:45rem;}
/* SmartMenus Core CSS (No es recomendable editar esta)
===============================================================*/
.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm li{position:relative;}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;}
ul.sm li{float:left;}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/* Menu box
===================*/
.sm-blue {background:transparent;}
.sm-blue-vertical { }
.sm-blue ul {padding:24px 0 8px 0; top:-10px; background:rgba(255, 255, 255, 0.9); border:1px solid var(--bs-white); box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.2); border-radius: 0.125rem; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}
.sm-blue-vertical ul, .sm-blue ul ul {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
/* Menu items
===================*/
.sm-blue a {font-size:0.85em; padding:0.8rem 1rem; line-height:1.625rem; font-weight:600; color:var(--bs-white) !important; text-decoration:none; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {background:#212529;} 
.sm-blue-vertical a {padding:9px 40px 8px 23px; background:rgba(255, 255, 255, 0.3);}
.sm-blue ul a {padding:9px 40px 8px 23px; text-shadow:none; color:#212529 !important; background:transparent; border:none !important;}
.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {background:transparent; border-radius:none !important;}
/* + Colors */
.sm-blue li ul:before {content:""; position:absolute; width:0; height:0; border-top: 1.2em solid; border-right: 1.2em solid transparent; border-left: 1.2em solid transparent; top: -1px; left: 15px; right: auto; color: inherit;}	.sm-blue ul ul:before {content:""; display:none !important;}
.sm-blue li:nth-child(1n) a{border-bottom:6px solid var(--bs-info);}
.sm-blue li:nth-child(1n) a:hover, .sm-blue li:nth-child(1n) ul li a:hover, .sm-blue li:nth-child(1n) ul ul li a:hover{color:var(--bs-info) !important;}
.sm-blue li:nth-child(1n) ul li a, .sm-blue li:nth-child(1n) ul:before {color:var(--bs-info);}	
.sm-blue li:nth-child(1n) ul li ul li a:hover > .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color:var(--bs-info) !important;}
.sm-blue li:nth-child(2n) a{border-bottom:6px solid var(--bs-orange);}
.sm-blue li:nth-child(2n) a:hover, .sm-blue li:nth-child(2n) ul li a:hover, .sm-blue li:nth-child(2n) ul ul li a:hover{color:var(--bs-orange) !important;}
.sm-blue li:nth-child(2n) ul li a, .sm-blue li:nth-child(2n) ul:before {color:var(--bs-orange);}	
.sm-blue li:nth-child(2n) ul li ul li a:hover > .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color:var(--bs-orange) !important;}
.sm-blue li:nth-child(3n) a{border-bottom:6px solid var(--bs-warning);}
.sm-blue li:nth-child(3n) a:hover, .sm-blue li:nth-child(3n) ul li a:hover, .sm-blue li:nth-child(3n) ul ul li a:hover{color:var(--bs-warning) !important;}
.sm-blue li:nth-child(3n) ul li a, .sm-blue li:nth-child(3n) ul:before {color:var(--bs-warning);}	
.sm-blue li:nth-child(3n) ul li ul li a:hover > .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color:var(--bs-warning) !important;}
.sm-blue li:nth-child(4n) a{border-bottom:6px solid var(--bs-danger);}
.sm-blue li:nth-child(4n) a:hover, .sm-blue li:nth-child(4n) ul li a:hover, .sm-blue li:nth-child(4n) ul ul li a:hover{color:var(--bs-danger) !important;}
.sm-blue li:nth-child(4n) ul li a, .sm-blue li:nth-child(4n) ul:before {color:var(--bs-danger);}	
.sm-blue li:nth-child(4n) ul li ul li a:hover > .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color:var(--bs-danger) !important;}
.sm-blue li:nth-child(5n) a{border-bottom:6px solid var(--bs-blue);}
.sm-blue li:nth-child(5n) a:hover, .sm-blue li:nth-child(5n) ul li a:hover, .sm-blue li:nth-child(5n) ul ul li a:hover{color:var(--bs-blue) !important;}
.sm-blue li:nth-child(5n) ul li a, .sm-blue li:nth-child(5n) ul:before {color:var(--bs-blue);}	
.sm-blue li:nth-child(5n) ul li ul li a:hover > .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color:var(--bs-blue) !important;}
.sm-blue li:nth-child(6n) a{border-bottom:6px solid var(--bs-purple);}
.sm-blue li:nth-child(6n) a:hover, .sm-blue li:nth-child(6n) ul li a:hover, .sm-blue li:nth-child(6n) ul ul li a:hover{color:var(--bs-purple) !important;}
.sm-blue li:nth-child(6n) ul li a, .sm-blue li:nth-child(6n) ul:before {color:var(--bs-purple);}
.sm-blue li:nth-child(6n) ul li ul li a:hover > .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color:var(--bs-purple) !important;}
.sm-blue li:nth-child(7n) a{border-bottom:6px solid var(--bs-pink);}
.sm-blue li:nth-child(7n) a:hover, .sm-blue li:nth-child(7n) ul li a:hover, .sm-blue li:nth-child(7n) ul ul li a:hover{color:var(--bs-pink) !important;}
.sm-blue li:nth-child(7n) ul li a, .sm-blue li:nth-child(7n) ul:before {color:var(--bs-pink);}	
.sm-blue li:nth-child(7n) ul li ul li a:hover > .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color:var(--bs-pink) !important;}
.sm-blue li:nth-child(8n) a{border-bottom:6px solid var(--bs-teal);}
.sm-blue li:nth-child(8n) a:hover, .sm-blue li:nth-child(8n) ul li a:hover, .sm-blue li:nth-child(8n) ul ul li a:hover{color:var(--bs-teal) !important;}
.sm-blue li:nth-child(8n) ul li a, .sm-blue li:nth-child(8n) ul:before {color:var(--bs-teal);}	
.sm-blue li:nth-child(8n) ul li ul li a:hover > .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color:var(--bs-teal) !important;}
.sm-blue li ul li a{border-left:none !important;}	.sm-blue li ul li a:hover{color:var(--bs-teal) !important;}	.sm-blue li ul li a:before{display:none !important;}		
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-blue a.current, .sm-blue a.current:hover, .sm-blue a.current:focus, .sm-blue a.current:active, .sm-blue ul a.current, .sm-blue ul a.current:hover, .sm-blue ul a.current:focus, .sm-blue ul a.current:active {color:#e23646;}
/* round the left corners of the first item for horizontal main menu */
.sm-blue > li:first-child > a {	}
/* round the corners of the first and last items for vertical main menu */
.sm-blue-vertical > li:first-child > a {	}
.sm-blue-vertical > li:last-child > a {	}
.sm-blue a.has-submenu {}
/* Sub menu indicators
===================*/
.sm-blue a span.sub-arrow {position:absolute; bottom:-1px; left:50%; margin-left:-5px;
/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
width:0; height:0; overflow:hidden; border-width:5px;/* tweak size of the arrow */ border-style:solid dashed dashed dashed; border-color:var(--bs-gray) transparent transparent transparent; display:none;/*+*/}
.sm-blue-vertical a span.sub-arrow, .sm-blue ul a span.sub-arrow {bottom:auto; top:50%; margin-top:-5px; right:15px; left:auto; margin-left:0; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent var(--bs-gray); display:block;/*display:none;+*/}
.sm-blue-vertical a:hover span.sub-arrow, .sm-blue ul a:hover span.sub-arrow {border-color:transparent transparent transparent var(--color-link-hover);}
.sm-blue a i.fa-angle-down { margin-top:0.25rem; margin-right:-1.5rem; } /*+*/
.sm-blue a:hover i.fa-angle-down{ transform:rotate(-90deg); } /*+*/
/* Items separators
===================*/
.sm-blue li {border-left:none;}
.sm-blue li:first-child, .sm-blue-vertical li, .sm-blue ul li {border-left:0;}
/* Scrolling arrows containers for tall sub menus 
===================*/
.sm-blue span.scroll-up, .sm-blue span.scroll-down {position:absolute; display:none; visibility:hidden; overflow:hidden; background:var(--bs-white); height:20px;}
.sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {position:absolute; top:-2px; left:50%; margin-left:-8px; width:0; height:0; overflow:hidden; border-width:8px; border-style:dashed dashed solid dashed; border-color:transparent transparent #888 transparent;}
.sm-blue span.scroll-down-arrow {top:6px; border-style:solid dashed dashed dashed; border-color:#888 transparent transparent transparent;}
/*
---------------------------------------------------------------
  Responsiveness
---------------------------------------------------------------*/
/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 84em) {
#menu {margin:0 auto 1rem auto;}
.sm-blue:not(.sm-blue-vertical) > li > a {padding-left:18px; padding-right:18px;}
}
@media screen and (max-width: 75em) {
#menu {margin:0 auto 1rem auto;}
.sm-blue:not(.sm-blue-vertical) > li > a {padding-left:10px; padding-right:10px;}
}
@media screen and (max-width: 991px) { /*max-width: 64em*/   
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
ul.sm-blue{width:auto !important;}
ul.sm-blue ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
ul.sm-blue>li{float:none;}
ul.sm-blue>li>a,ul.sm-blue ul.sm-nowrap>li>a{white-space:normal;}
ul.sm-blue iframe{display:none;}
/* Uncomment this rule to disable completely the sub menus for small screen devices */
/*.sm-blue ul, .sm-blue span.sub-arrow, .sm-blue iframe {display:none !important;}*/
/* Menu box
===================*/
.sm-blue {background:transparent;}
.sm-blue ul {border:0; padding:0; background:#191d21; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.sm-blue ul ul {/* darken the background of the 2+ level sub menus and remove border rounding */ 
background:transparent; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
/* Menu items
===================*/
.sm-blue a {padding:10px 30px !important;/* add some additional left padding to make room for the sub indicator */ background:transparent; border:none;}
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {color:var(--bs-white);} 
.sm-blue ul a {background:var(--bs-white); color:#191d21 !important; text-shadow:none !important;}
.sm-blue a.current {background:transparent; color:#191d21 !important;}
/* add some text indentation for the 2+ level sub menu items */
.sm-blue ul a {border-left:10px solid transparent;} .sm-blue ul ul a {border-left:20px solid transparent;} .sm-blue ul ul ul a {border-left:30px solid transparent;} .sm-blue ul ul ul ul a {border-left:40px solid transparent;} .sm-blue ul ul ul ul ul a {border-left:50px solid transparent;}
/* round the corners of the first and last items */
.sm-blue > li:first-child > a {	}
/* presume we have 4 levels max */
.sm-blue > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul { }
/* highlighted items, don't need rounding since their sub is open */
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted { }
/* Sub menu indicators
===================*/
.sm-blue a span.sub-arrow, .sm-blue ul a span.sub-arrow {top:50%; margin-top:-9px; right:auto; left:6px; margin-left:0; width:20px; height:20px; font:bold 19px/19px monospace !important; text-align:center; border:0; text-shadow:none; color:inherit; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block;/*+*/}
/* + Colors */
.sm-blue li:nth-child(1n) a span.sub-arrow, .sm-blue li:nth-child(1n) ul a span.sub-arrow {color:var(--bs-info);}	
.sm-blue li:nth-child(2n) a span.sub-arrow, .sm-blue li:nth-child(2n) ul a span.sub-arrow {color:var(--bs-orange);}	
.sm-blue li:nth-child(3n) a span.sub-arrow, .sm-blue li:nth-child(3n) ul a span.sub-arrow {color:var(--bs-warning);}
.sm-blue li:nth-child(4n) a span.sub-arrow, .sm-blue li:nth-child(4n) ul a span.sub-arrow {color:var(--bs-danger);}
.sm-blue li:nth-child(5n) a span.sub-arrow, .sm-blue li:nth-child(5n) ul a span.sub-arrow {color:var(--bs-blue);}	
.sm-blue li:nth-child(6n) a span.sub-arrow, .sm-blue li:nth-child(6n) ul a span.sub-arrow {color:var(--bs-orange);}	
.sm-blue li:nth-child(7n) a span.sub-arrow, .sm-blue li:nth-child(7n) ul a span.sub-arrow {color:var(--bs-warning);}
.sm-blue li:nth-child(8n) a span.sub-arrow, .sm-blue li:nth-child(8n) ul a span.sub-arrow {color:var(--bs-danger);}
/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
.sm-blue a.highlighted span.sub-arrow {display:none !important;}
.sm-blue a i.fa-angle-down { display:none !important; } /*+*/
/* Items separators
===================*/
.sm-blue li {border-left:0;}
.sm-blue ul li {border-top:1px solid transparent !important;}
.sm-blue ul li:first-child {border-top:0;}
}


/* 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; }
.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; }
/* animation-slide-text */
.hero-text .hero { position: relative; }
.hero .hero-slide img { width: 100%; /*height: 330px; object-fit: cover;*/ object-position: top center; }
.hero .hero-slide .header-content { /*top: 17%; margin-left: 5rem;*/ max-width: 600px; width: 100%; padding: 2rem; }
.slide-content { padding: 0; }
/** Text Animation **/
@-webkit-keyframes fadeInUpSD {
	0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px) }
	100% { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInUpSD {
	0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px) }
	100% { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInUpSD { -webkit-animation-name: fadeInUpSD; animation-name: fadeInUpSD; }
.slick-active .slide-content { animation-name: fadeInUpSD; animation-duration: 1s; opacity: 1; width: 100%; padding: 10px 20px 30px 0; }
/* Text Animation End **/
.slick-dots { position: absolute; bottom: 20px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { width: auto; position: relative; display: inline-block; width: 28px; height: 28px; margin: 0 10px; padding: 0; cursor: pointer;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 28px; height: 28px; padding: 4px; cursor: pointer; border-radius: 50%; border: 0; outline: none; border: 2.5px dashed transparent; background-clip: content-box; animation: spin 12s linear infinite;}
.slick-dots li button::before { font-size: 18px; color: var(--bs-white); opacity: 1; }
.slick-dots li button:hover { border-color:var(--bs-primary) !important; animation: spin 4s linear infinite;} 
.slick-active button { background: transparent; border-radius: 50%; border: 2.5px dashed var(--bs-white) !important; }
/* Media Queries */
@media (max-width: 768px) {
	.hero-text .hero .hero-slide a { padding-top: 0.8rem; }
	.hero-text .hero .hero-slide a span { font-size: 20px; margin-top: 0.5rem; }
}

/* Banner */
.banner { height: 65vh;/*400px*/ }	.banner img { width:100%; height: auto;/*400px*/ opacity: 0.85; }	.banner .header-content { top: 17% !important; }	
@media screen and (max-width: 991px) {
	.banner { height: auto; }
}

/* Destacados */
.destacados {width:330px; height:330px;  position:relative; overflow:hidden; margin:auto; border-radius:50%; border:3px dashed var(--bs-white);}	.destacados img {height: 330px; margin:auto; overflow:hidden;}	.destacados .header-content { top: 2.15% !important; }
/*star-animation*/
.main{ width:330px; height:330px; position:absolute; top:0; bottom:0; left:0;right:0; margin:auto; border-radius:50%;}
.rotate-icon{ width:35px; height:35px; position:absolute; z-index:0; top:0; bottom:0; left:0;right:0;  margin:auto; animation: rotate 8s linear infinite; }
@keyframes rotate{
0%{ transform:rotate(0deg) translate(-165px) rotate(0deg);}
100%{ transform:rotate(360deg) translate(-165px) rotate(-360deg); }
}
/*+*/
.circle-wrapper { position:relative; width:100px; height:100px; float: left; margin:10px; }
.icon { position:absolute; font-size:45px; top:50px; left:52.5px; transform: translate(-50%, -50%); color:var(--bs-warning); }
.circle { display:block; width:100%; height:100%; border-radius:50%;  padding:2.5px; background-clip:content-box; animation:spin 10s linear infinite; }
.circle-wrapper:hover .circle { animation: spin 2s linear infinite; }
.rotating-line { background-color: var(--bs-dark); border-style:solid; border-width:5px; border-top-color:var(--color-link-hover); border-right-color:var(--bs-light); border-bottom-color:var(--color-link); border-left-color:var(--bs-white); }
@keyframes spin { 100% { transform: rotateZ(360deg); } }


/* Noticias */
.noticias .row .noticia {display:none;}
.noticias .row .noticia:nth-child(1), .noticias .row .noticia:nth-child(2), .noticias .row .noticia:nth-child(3) {display:flex;}
/* Noticias index2 */
.noticias_index2 .btn.h5{font-size:90%;}
.noticias_index2 .col-xl-6, .noticias_index2 .col-md-12 {-ms-flex:0 0 100% !important; flex:0 0 100% !important; max-width:100% !important;}
.noticias_index2 .noticias .row .noticia {display:none;}
.noticias_index2 .noticias .row .noticia:nth-child(1) {display:flex;}


/* Contáctenos */
.contacto .form-control, .contacto .form-select {color:var(--color-text); border-bottom:1px solid rgba(0,1,104,0.5) !important; font-family:'Coming Soon', cursive;}
.contacto .form-control:focus, .contacto .form-select:focus {color:var(--color-link); background-color:transparent; border-bottom-color:var(--color-link-hover) !important;}


/* Mapa de navegación */
.bigmapa{width:100%; height:auto; margin:0 auto; clear:both;}
.linksmapa{width:40%; height:auto; float:left; position:relative; z-index:1; margin:10px 5%; /*border-left:1px solid var(--color-link);*/}
.linksmapa ul {margin:0 !important; width:100%; list-style-image:none; padding-left:12px !important;}
.linksmapa li {margin:0 !important; list-style-image:none;}
.mapatitle{border-radius: 0px 200px 200px 0px; line-height:36px; margin:0 0 8px -20px; padding:0 0 2px 10px; cursor:default; letter-spacing:1px; 
 background:var(--color-link); color:#fff;}
a.linkmapatitle, a.linkmapatitle:hover{text-decoration:none;}
a.linkmapa {color:var(--bs-gray); text-decoration:none;}
a.linkmapa:hover {color:var(--color-link-hover); text-decoration:underline;}
ul.linksmapa a.linkmapa {color:var(--bs-gray-dark); text-decoration:none;}
ul.linksmapa a.linkmapa:hover {color:var(--color-link); text-decoration:underline;}
a.sublinkmapa{color:var(--bs-dark); text-decoration:none;}
a.sublinkmapa:hover{color:var(--color-link); text-decoration:underline;}
/*li.sublinkmapa{color:var(--color-number); text-decoration:none; list-style-image:url(../imagenes/right.png); background-image:none; list-style-position: inside; margin-left:0; padding-left:0; line-height:17px;}*/
@media screen and (max-width: 991px) { /*max-width: 64em*/   
	.linksmapa{width:90%; margin:10px 5%;}
}

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } 
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } 
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } 
.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: var(--bs-white); } 
.mfp-s-ready .mfp-preloader { display: none; } 
.mfp-s-error .mfp-content { display: none; } 
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } 
button::-moz-focus-inner { padding: 0; border: 0; } 
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: var(--bs-white); font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } 
.mfp-close-btn-in .mfp-close { color: #333; } 
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: var(--bs-white); right: -6px; text-align: right; padding-right: 6px; width: 100%; } 
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } 
.mfp-arrow { position: absolute; opacity: 0.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; }
.mfp-arrow:before, .mfp-arrow:after { 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 { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid var(--bs-white); margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }   
.mfp-arrow-right:after { border-left: 17px solid var(--bs-white); margin-left: 39px; }   
.mfp-arrow-right:before { 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; box-sizing: border-box; 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 8px rgba(0, 0, 0, 0.6); 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: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.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) {
  /** Remove all paddings around the image on small screen **/
  .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; box-sizing: border-box; }
    .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; } 
}


/* Outdated Browser */
#outdated{display:none;position:fixed;top:0;left:0;width:100%;height:170px;text-align:center;text-transform:uppercase;z-index:1500;background-color:#cb4b44;color:var(--bs-white)}* html #outdated{position:absolute}#outdated h6{font-size:25px;line-height:25px;margin:30px 0 10px}#outdated p{font-size:12px;line-height:12px;margin:0}#outdated #btnUpdateBrowser{display:block;position:relative;padding:10px 20px;margin:30px auto 0;width:230px;color:var(--bs-white);text-decoration:none;border:2px solid var(--bs-white);cursor:pointer}#outdated #btnUpdateBrowser:hover{color:#cb4b44;background-color:var(--bs-white)}#outdated .last{position:absolute;top:10px;right:25px;width:20px;height:20px}#outdated #btnCloseUpdateBrowser{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:var(--bs-white);font-size:36px;line-height:36px}