@import url('https://fonts.googleapis.com/css2?family=Edu+SA+Beginner:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600;1,700&display=swap');
/* general */
body {font-family:'DM Sans', Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	--color-text: #07174f;
    --color-number: #999;
    --color-bg: #6bb9f0; 
    --color-link: #6bb9f0; 
    --color-link-hover: #056d8d;
    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; -webkit-box-sizing: border-box; }
*, *:after, *:before {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-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; }

small, .small { font-size: 0.9em !important; }

figure { position: relative; overflow: hidden; margin: 0; height: auto; width: 100%;}
figure img{ width: 100%; height: auto; }

.noticia figure { float: left; max-height: 360px; background: var(--color-bg); text-align: center; cursor: pointer; }
.noticia figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1.0; }
.noticia figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.noticia figure figcaption::before, .noticia figure figcaption::after { pointer-events: none; }
.noticia figure figcaption, .noticia figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.noticia figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.noticia figure h2 { word-spacing: -0.15em; font-weight: 300; }
.noticia figure h2 span { font-weight: 800; }
.noticia figure h2, .noticia figure p { margin: 0; }
.noticia figure p { letter-spacing: 1px; font-size: 68.5%; }
/* animation */
figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); }
figure.effect-chico:hover img { opacity: 0.25; -webkit-transform: scale(1); transform: scale(1); }
figure.effect-chico figcaption { padding: 3em; }
figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px dashed transparent; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); }
figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-chico h2 { padding: 20% 0 20px 0; }
figure.effect-chico p { margin: 20% auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5); }
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.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;}	.cover img{width:100%; height:auto;}
.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; }
.h-100 { height: 100vh !important; overflow:hidden;}
.bottom-2 { bottom: 2% !important; }
.end-1 { right: 1% !important; }

.show-icon { display: none; transition: 1s ease-in-out; } 
.show-icon_active:hover + .show-icon { display: inline-block; float:right; }

.social .btn {width:38px; height:38px;}

.bg-photo_1 {background-image:url(../img/bg-photo_1.jpg);}

.custom-font {font-family: 'Edu SA Beginner', cursive;}
.outline-font{text-shadow:1px 1px 0 #6bb9f0, 1px -1px 0 #6bb9f0, -1px 1px 0 #6bb9f0, -1px -1px 0 #6bb9f0, 1px 0px 0 #6bb9f0, 0px 1px 0 #6bb9f0, -1px 0px 0 #6bb9f0, 0px -1px 0 #6bb9f0, 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; }

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

.content 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: #6bb9f0; 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; }
/*icons*/
	.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;
         }
     }
/*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 {background: #fff url("../img/NAZARET_Colegios_Innovadores.png") bottom center no-repeat; background-size: contain;}
	a.bg-change2:before {background: #07174f url("../img/NAZARET_Colegios_Innovadores-blanco.png") bottom center no-repeat; background-size: contain;}	
/*background*/
	.context { width: 100%; position: absolute; z-index:0;}
/*scroll-effects*/	
.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}}


/* navbar */
.navbar {transition:500ms ease;}
@media (max-width: 576px) {
	.navbar img.blanco, .navbar img.color {max-width:230px; height:auto;}
}

/*
 You probably do not need to edit this at all.
 Add some SmartMenus required styles not covered in Bootstrap 4's default CSS.
 These are theme independent and should work with any Bootstrap 4 theme mod.
*/
/* Carets in collapsible mode (make them look like +/- buttons) */
.navbar-nav.sm-collapsible .sub-arrow { position: absolute; top: 50%; right: 0; margin: -0.7em 0.5em 0 0; border: 1px solid rgba(0, 0, 0, .1); border-radius: .25rem; padding: 0; width: 2em; height: 1.4em; font-size: 1.25rem; line-height: 1.2em; text-align: center; }
.navbar-nav.sm-collapsible .sub-arrow::before { content: '+'; }
.navbar-nav.sm-collapsible .show > a > .sub-arrow::before { content: '-'; }
.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow { border-color: rgba(255, 255, 255, .1); }
/* make sure there's room for the carets */
.navbar-nav.sm-collapsible .has-submenu { padding-right: 3em; }
/* keep the carets properly positioned */
.navbar-nav.sm-collapsible .nav-link, .navbar-nav.sm-collapsible .dropdown-item { position: relative; }
/* Nav carets in expanded mode */
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; border-top: .3em solid; border-right: .3em solid transparent; border-left: .3em solid transparent; }
/* point the arrows up for .fixed-bottom navbars */
.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow, .fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after { border-top: 0; border-bottom: .3em solid; }
/* Dropdown carets in expanded mode */
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow, .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after { position: absolute; top: 50%; right: 0; width: 0; height: 0; margin-top: -.3em; margin-right: 1em; border-top: .3em solid transparent; border-bottom: .3em solid transparent; border-left: .3em solid; }
/* make sure there's room for the carets */
.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu { padding-right: 2em; }
/* Scrolling arrows for tall menus */
.navbar-nav .scroll-up, .navbar-nav .scroll-down { position: absolute; display: none; visibility: hidden; height: 20px; overflow: hidden; text-align: center; }
.navbar-nav .scroll-up-arrow, .navbar-nav .scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-top: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid; border-left: 7px solid transparent; }
.navbar-nav .scroll-down-arrow { top: 6px; border-top: 7px solid; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid transparent; }
/* Add some spacing for 2+ level sub menus in collapsible mode */
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu { margin: .5em; }
/* Fix SmartMenus sub menus auto width (subMenusMinWidth/subMenusMaxWidth options) */
.navbar-nav:not([data-sm-skip]) .dropdown-item { white-space: normal; }
.navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item { white-space: nowrap; }


/* 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: 50vh; max-height: 500px; padding: 0; color: var(--color-bg); position: relative; background-position: center center; background-size: cover; background-color: rgba(7, 23, 79, 0.5); }
.page-header .page-header-img { position: absolute; background-size: cover; background-position: center center; width: 100%; height: 100%; z-index: -1; opacity: 0.20; }
.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: ""; }


/* 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 {width:100%; margin:0 1rem; position:absolute; }
.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 solid 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-white) !important; animation: spin 4s linear infinite;} 
.slick-active button { background: transparent; border-radius: 50%; border-top: 2.5px solid var(--bs-white) !important; border-bottom: 2.5px solid 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; }
	/*.hero .hero-slide .header-content { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 0 auto; }*/
}

/* Banner */
.banner { height: 100vh; }	.banner img { /*width:100%; height: 100vh;*/ opacity: 0.80; }	.banner .header-content { top:45vh; }
@media (max-width: 768px) {
	.banner, .banner img { height: 85vh; }
	.banner .header-content { top:30vh; }
}	

/* 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(--bs-info); border-right-color:var(--bs-light); border-bottom-color:var(--bs-primary); 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:'Chilanka', cursive;}
.contacto .form-control:focus, .contacto .form-select:focus {color:var(--color-link); background-color:transparent; border-bottom-color:var(--color-link-hover) !important;}


/* 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}


.buttons .btn {border-radius:1rem 0.1875rem 0.1875rem 1rem;}
.buttons .btn-round {border-radius:30px 0.25rem 0.25rem 30px !important;}
.buttons .btn-info.btn-simple {color:#2e2869; border-color:#DDD; background-color:#f2f2f2; box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.17);}
.buttons .btn-info.btn-simple:hover, .buttons .btn-info.btn-simple:focus, .buttons .btn-info.btn-simple:active {border-width:1px; background-color:#FFF; color:#2E2869; border-color:#2E2869; box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;}
.buttons .btn-info.btn-simple:hover .text-black, .buttons .btn-info.btn-simple:focus .text-black, .buttons .btn-info.btn-simple:active .text-black {color:#666 !important;}

/* carousel-news */
.carousel-news{height:500px; margin:20px auto; overflow:hidden;}
#owl-carousel .item{height:auto; padding:10px; margin:10px; background-color:#fff; border:1px solid #ececec; border-radius:2% 2% 15% 2% / 4% 4% 30% 20%;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
#owl-carousel .item .category{display:block; position:absolute; top:-1px; right:21px;}/*+*/
#owl-carousel .item a{text-decoration:none; color:#6c7a89;}
#owl-carousel .item img{width:100%; height:auto; display:block; border-top:4px solid #ececec; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;} 
#owl-carousel .item p{font-size:0.9rem; line-height:1.35;}
#owl-carousel .item span{margin:15px auto 5px auto; font-family:'Colaborate', Arial, Helvetica, sans-serif; font-weight:500; font-size:1.15rem; line-height:1.15; text-transform:capitalize; color:#00662d; display:block;}
#owl-carousel .item b{padding:5px; margin:-5px 0 5px 0; text-align:right; float:right; font-size:0.95em; font-weight:200; font-style:italic; color:#333; background-color:#ffda00; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;
-ms-transform: rotate(8deg);/* IE 9 */     -webkit-transform: rotate(8deg);/* Safari */     transform: rotate(8deg);/* Standard syntax */}
#owl-carousel .item a:hover img{border-color:#D91E18;} #owl-carousel 
/* crop */
.slide-news_crop {width:100%; height:200px; overflow:hidden; background:#ececec;}
.slide-news_crop img {width:100%; height:auto !important; margin:0;}
/* crop */
@media screen and (max-width: 75em) {
	.slide-news_crop {height:300px !important;}
}