/* general */
body {color: #1D1D1C !important; font-size: 1rem;}
hr {margin-top:1rem; margin-bottom:1rem; border:0; border-top:1px solid rgba(0,111,132,0.15)} 

*, *:after, *:before {box-sizing: border-box; -moz-box-sizing: border-box; }
* {margin:0;padding:0;border:0 none;position: relative; outline: none;}
p > a:before {content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background: #be8200; visibility: hidden; transform: scaleX(0); transition: .25s linear; } 
p > a:hover:before, p > a:focus:before {visibility: visible; transform: scaleX(1);}
p > a:hover, p > a:focus {text-decoration:none !important;}

::selection {background:#be8200; color:#04404A;} 	::-moz-selection {background:#be8200; color:#04404A;}
::-webkit-scrollbar {width:15px;}	::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {background-color:#fff; border-left:1px solid #fff;} 	 	
::-webkit-scrollbar-thumb {background-color:#006F84; transition: all 0.25s ease-out;}	::-webkit-scrollbar-thumb:hover {background-color:#be8200;}
::-webkit-scrollbar-button{background-color:#04404A;}	::-webkit-scrollbar-button:hover{background-color:#be8200;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} input[type=number] {-moz-appearance:textfield;}

figure { width:100%;/*300px*/ height:auto;/*200px*/ margin:0; padding:0; overflow:hidden; }
.rotate figure img {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.rotate figure:hover img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}

.defs-only {position: absolute; height: 0; width: 0; overflow: none; left: -100%;} 

.fill {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;}
.blur {filter:blur(0.5rem);}
.opacity {opacity:0.75; filter:Alpha(Opacity=75);}
.w-60 {width: 60% !important;}
.w-40 {width: 40% !important;}
.h-60 {height: 60% !important;}
.h-246 {height:auto; min-height:246px;}
.border-right{border-right:1px solid rgba(0,111,132,0.5);}

.bigger-font{font-family:'Exo', sans-serif; font-size:4.15rem; line-height:0.5;}
.outline-font{text-shadow:1px 1px 0 #04404A, 1px -1px 0 #04404A, -1px 1px 0 #04404A, -1px -1px 0 #04404A, 1px 0px 0 #04404A, 0px 1px 0 #04404A, -1px 0px 0 #04404A, 0px -1px 0 #04404A, 1px 1px 0px rgba(0,111,132,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(255,255,255,0);}
.text-vertical {-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.medium {font-size: 83%;}
.display-4 {font-size: 2.5rem;}
@media (max-width: 991px) {
  .bigger-font{font-size:3rem;}	.page-header .bigger-font{font-size:2rem;}
  .display-4 {font-size: 3rem;}
}

.btn {position: relative; /*absolute;*/ z-index: 0; border-radius:0; /*box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.34);*/ }
.btn span {display: block; padding-right: 35px;/*+*/ transform-origin: center left; transition: color 0.3s ease; position: relative; z-index: 1; }
.btn em {position: absolute; height: 1px; background: #fff; width: 47%; right: 0; /*23px;*/ top: 50%; transform: scaleX(0.25); transform-origin: center right; transition: all 0.3s ease; z-index: 1;}
.btn:before,
.btn:after {content: ''; background: #fff; height: 50%; width: 0; position: absolute; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.btn:before {top: 0; left: 0; right: auto; }
.btn:after {bottom: 0; right: 0; left: auto; }
.btn:hover:before {width: 100%; right: 0; left: auto; }
.btn:hover:after {width: 100%; left: 0; right: auto; }
.btn:hover span {color: #04404A; }
.btn:hover em {background: #04404A; transform: scaleX(0.5); }
/* general */

.navbar-brand {margin-top:15px;}
.navbar-brand img {width:22.5%; height:auto; display:inline-block;}
.navbar-brand header {display:inline-block; position:relative; top:-25px;}
.navbar .navbar-nav .nav-link:not(.btn) {text-transform:none; font-size:0.85em; padding:0.5rem 0.7rem; line-height:1.625rem;}

.secondnav {margin:0 auto;}
.secondnav .form-group {width:93%;}		
.secondnav .form-control {width:85%; border-color:transparent; border-bottom-color:#fff; border-radius:0; color:#fff;}
.secondnav .form-control:focus {background-color:transparent; border-bottom-color:#04404A; color:#fff;}
.secondnav .form-control::-moz-placeholder {color:#ddd;}
.secondnav .form-control:-moz-placeholder {color:#ddd;}
.secondnav .form-control::-webkit-input-placeholder {color:#ddd;}
.secondnav .form-control:-ms-input-placeholder {color:#ddd;}

/* spinning-polygon */
#polygon{background:url('../img/polygon.png') 0 0 no-repeat; position:fixed; z-index:1; top:32.5%; right:-175px; width:350px; height:350px; /*filter: drop-shadow(0 0 0.75rem rgba(0,0,0,0.10));*/}
.over-polygon{position:relative; z-index:2;}

/* stylelint-disable selector-list-comma-newline-after */
.blog-header { font-size:1.10rem; text-transform:none; line-height:1.15;}
.blog-header b {font-size:1.5rem; letter-spacing:0.1rem; word-spacing:0.2rem;}
.blog-header small {font-size:75%;}
.blog-header:hover {   text-decoration: none; }

.rule-img {width:80px; height:auto; display:block;}
@media screen and (max-width: 991px) {
	.rule-img {display:none;}
}

.page-header:before { /*background-color: rgba(0, 0, 0, 0.25) !important;*/ background-color:transparent !important; }


/* MENU */
#menu {width:auto; max-width:100%; height:auto; margin:0 auto; padding:0; position:relative; z-index:1040; top:0; vertical-align:middle;}
#main-menu {margin:0 1rem; 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:7px 0; background:#fff; box-shadow: 0px 10px 50px 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 ul:before {content:""; position:absolute; width:0; height:0; border-bottom: .4em solid; border-right: .4em solid transparent; border-left: .4em solid transparent; top: -5px; left: 10px; right: auto; color: #FFFFFF;}/*+*/ .sm-blue-vertical ul, .sm-blue ul ul {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.sm-blue-vertical ul, .sm-blue ul ul:before {content:""; display:none !important;}/*+*/
/* Menu items
===================*/
.sm-blue a {font-size:1em; padding:0.5rem 0.7rem; line-height:1.5; font-weight:400; color:#fff; 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-color:rgba(0,111,132,0.5);} 
.sm-blue-vertical a {padding:9px 40px 8px 23px; background:#fff;}
.sm-blue ul a {padding:9px 40px 8px 23px; text-shadow:none; color:#04404A !important; background:transparent; border:none;}
.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color:#fff !important; background-color:#006F84; border-radius: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:#04404A;}
/* 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:#fff 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 #04404A; display:block;/*+*/}
.sm-blue-vertical a:hover span.sub-arrow, .sm-blue ul a:hover span.sub-arrow {border-color:transparent transparent transparent #04404A;}
.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:#fff; 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 #04404A transparent;}
.sm-blue span.scroll-down-arrow {top:6px; border-style:solid dashed dashed dashed; border-color:#04404A 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:transparent; 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:before {content:""; display:none !important;}/*+*/
.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 2px 10px 30px !important;/* add some additional left padding to make room for the sub indicator */ background:transparent; color:#fff !important; border-top:1px solid transparent;}
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {color:#2762a0;} 
.sm-blue ul a {background:transparent; color:#fff !important; text-shadow:none !important;}
.sm-blue a.current {background:#fff !important; color:#fff !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:#fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block;/*+*/}
/* 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;}
}


/* 	Core Owl Carousel v1.3.3 --------------------------------------- */
/* clearfix */
.owl-carousel .owl-wrapper:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
/* display none until init */
.owl-carousel{display:none; position:relative; width:100%; -ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden; position:relative; width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;}	
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls {-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
/*** Theme ***/
.owl-theme .owl-controls{margin:5px; text-align:left; position:absolute; z-index:2; left:0; bottom:0;}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{color:#fff; display:inline-block; zoom:1; margin:5px 10px; width:40px; height:40px; padding:8px 14px; font-size:2rem; background:transparent; border:none; opacity:0.5; filter:Alpha(Opacity=50);/*IE7 fix*/ *display:inline;/*IE7 life-saver */}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration:none; color:#fff; opacity:1; filter:Alpha(Opacity=100);/*IE7 fix*/}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display:inline-block; zoom:1; *display:inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display:block; float:left; width:30px; height:3px; margin:4px 10px; background:#fff; filter:Alpha(Opacity=50); opacity:0.5;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#fff; filter:Alpha(Opacity=100);/*IE7 fix*/ opacity:1;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto; width:auto; color:#fff; padding:2px 10px; font-size:0.95rem;}
/* preloading images */
.owl-item.loading{min-height:150px; background:url(../img/loader.gif) no-repeat center center}
/* added */
/*  *  Owl Carousel CSS3 Transitions  *  v1.3.2  */
.owl-origin { 	-webkit-perspective: 1200px; 	-webkit-perspective-origin-x : 50%; 	-webkit-perspective-origin-y : 50%; 	-moz-perspective : 1200px; 	-moz-perspective-origin-x : 50%; 	-moz-perspective-origin-y : 50%; 	perspective : 1200px; }
/* fade */
.owl-fade-out {   z-index: 10;   -webkit-animation: fadeOut .7s both ease;   -moz-animation: fadeOut .7s both ease;   animation: fadeOut .7s both ease; }
.owl-fade-in {   -webkit-animation: fadeIn .7s both ease;   -moz-animation: fadeIn .7s both ease;   animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out {   -webkit-animation: backSlideOut 1s both ease;   -moz-animation: backSlideOut 1s both ease;   animation: backSlideOut 1s both ease; }
.owl-backSlide-in {   -webkit-animation: backSlideIn 1s both ease;   -moz-animation: backSlideIn 1s both ease;   animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out {   -webkit-animation: scaleToFade .7s ease both;   -moz-animation: scaleToFade .7s ease both;   animation: scaleToFade .7s ease both; }
.owl-goDown-in {   -webkit-animation: goDown .6s ease both;   -moz-animation: goDown .6s ease both;   animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in {   -webkit-animation: scaleUpFrom .5s ease both;   -moz-animation: scaleUpFrom .5s ease both;   animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out {   -webkit-animation: scaleUpTo .5s ease both;   -moz-animation: scaleUpTo .5s ease both;   animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {   0% {opacity: 1} }
@-moz-keyframes empty {   0% {opacity: 1} }
@keyframes empty {   0% {opacity: 1} }
@-webkit-keyframes fadeIn {   0% { opacity:0; }   100% { opacity:1; } }
@-moz-keyframes fadeIn {   0% { opacity:0; }   100% { opacity:1; } }
@keyframes fadeIn {   0% { opacity:0; }   100% { opacity:1; } }
@-webkit-keyframes fadeOut {   0% { opacity:1; }   100% { opacity:0; } }
@-moz-keyframes fadeOut {   0% { opacity:1; }   100% { opacity:0; } }
@keyframes fadeOut {   0% { opacity:1; }   100% { opacity:0; } }
@-webkit-keyframes backSlideOut {   25% { opacity: .5; -webkit-transform: translateZ(-500px); }   75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }   100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut {   25% { opacity: .5; -moz-transform: translateZ(-500px); }   75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }   100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut {   25% { opacity: .5; transform: translateZ(-500px); }   75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }   100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn {   0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }   75% { opacity: .5; -webkit-transform: translateZ(-500px); }   100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn {   0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }   75% { opacity: .5; -moz-transform: translateZ(-500px); }   100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn {   0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }   75% { opacity: .5; transform: translateZ(-500px); }   100% { opacity: 1; transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade {   to { opacity: 0; -webkit-transform: scale(.8); } }
@-moz-keyframes scaleToFade {   to { opacity: 0; -moz-transform: scale(.8); } }
@keyframes scaleToFade {   to { opacity: 0; transform: scale(.8); } }
@-webkit-keyframes goDown {   from { -webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown {   from { -moz-transform: translateY(-100%); } }
@keyframes goDown {   from { transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom {   from { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom {   from { opacity: 0; -moz-transform: scale(1.5); } }
@keyframes scaleUpFrom {   from { opacity: 0; transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo {   to { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo {   to { opacity: 0; -moz-transform: scale(1.5); } }
@keyframes scaleUpTo {   to { opacity: 0; transform: scale(1.5); } }
/* slide-banner */
#owl-banner{height:85vh; /*max-height:800px;*/ margin:0 auto; position:relative; z-index:1; top:0; overflow:hidden;}
#owl-banner .item{height:85vh;}		#owl-banner .item a{position:relative; z-index:2;}
#owl-banner .item img{min-width:100%; height:auto; margin:0;}
#owl-banner .item .item-left {height:85vh; position:relative; bottom:-35%;}
#owl-banner .owl-controls{width:100%; height:57.5%; margin:0 auto; padding:0;}	
#owl-banner .owl-controls .owl-buttons {width:100%; margin:0 auto; position:relative; top:0; color:#fff;}
#owl-banner .owl-controls .owl-buttons .owl-prev{float:left; clear:left;}	#owl-banner .owl-controls .owl-buttons .owl-next{float:right; clear:right; margin-right:30px;}
#owl-banner .owl-controls .owl-pagination{width:100%; position:relative; bottom:-85%; left:10%; right:10%;}
#owl-banner .owl-controls .owl-page span{margin:4px 10px; background:#fff;}
@media screen and (max-width: 48em) {
	#owl-banner{height:85vh;}	
	#owl-banner .item{height:85vh;}
	#owl-banner .item .item-left{height:40vh; bottom:-60%;}
}
@media screen and (max-width: 576px) {
	#owl-banner .item .item-left{bottom:-60%;}
}
/* slide-destacados */
#owl-slider {width:96%; margin:0 auto;}
#owl-slider .owl-controls{width:100%; height:15%;/*15%*/ margin:0 auto; padding:0;}	
#owl-slider .owl-controls .owl-buttons {width:100%; margin:0 auto; position:relative; z-index:1; top:35%;/*bottom:32.5%;*/ color:#fff;}
#owl-slider .owl-controls .owl-buttons .owl-prev{position:absolute; top:0; left:-45px;}	
#owl-slider .owl-controls .owl-buttons .owl-next{position:absolute; top:0; right:-25px;}
.destacados .clipped {height:280px; overflow:hidden; display:block;}
.destacados .owl-carousel .item {float:none; margin:0 auto; padding:15px; width:100%; height:350px; overflow:hidden; position:relative; z-index:2;}
.destacados .owl-carousel .item img{width:100%; height:auto !important; min-height:280px; padding:0;}
.destacados .owl-carousel .item .cover {object-fit:cover;}


/* Noticias */
.noticia img {outline:1px solid rgba(0,111,132,0.75); outline-offset:2px; padding:2px; -webkit-box-shadow:6px 6px 0px 0px rgba(0,111,132,0.75); -moz-box-shadow:6px 6px 0px 0px rgba(190,130,0,0.75); box-shadow:6px 6px 0px 0px rgba(190,130,0,0.75);}
.noticias .row .noticia {display:none;}
.noticias .row .noticia:nth-child(1), .noticias .row .noticia:nth-child(2), .noticias .row .noticia:nth-child(3), .noticias .row .noticia:nth-child(4) {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), .noticias_index2 .noticias .row .noticia:nth-child(2) {display:flex;}


/* Contáctenos */
.contacto .form-control {color:#04404A; border-bottom:1px solid rgba(0,111,132,0.5) !important; border-radius:0;}
.contacto .form-control:focus {color:#006F84; background-color:transparent; border-bottom-color:#be8200 !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%;}
.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{line-height:36px; margin:0 0 8px -20px; padding:0 0 2px 10px; cursor:default; letter-spacing:1px; background:#006F84; color:#fff;}
a.linkmapatitle, a.linkmapatitle:hover{text-decoration:none;}
a.linkmapa {color:#04404A; text-decoration:none;}
a.linkmapa:hover {color:#006F84; text-decoration:underline;}
ul.linksmapa a.linkmapa {color:#04404A; text-decoration:none;}
ul.linksmapa a.linkmapa:hover {color:#006F84; text-decoration:underline;}
a.sublinkmapa{color:#04404A; text-decoration:none;}
a.sublinkmapa:hover{color:#006F84; 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: #FFF; } 
.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: #FFF; 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: #FFF; 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 #FFF; 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 #FFF; 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:#fff}* 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:#fff;text-decoration:none;border:2px solid #fff;cursor:pointer}#outdated #btnUpdateBrowser:hover{color:#cb4b44;background-color:#fff}#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:#fff;font-size:36px;line-height:36px}