
/* general */
.medium {font-size: 83%;}
.bg-muted {background-color: #f8f9fa !important;}
.bg-dark {background-color: #444 !important;}
.bg-light {background-color: #D8B778!important;}
 
a { cursor:pointer !important;}
footer a, fooger a:focus, footer a:hover, footer a:visited{color:#fff;}

.fill {width:100%; height:100%; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover;}
.blur {filter:blur(0.5rem);}
.cover {object-fit: cover;}
.w-60 {width: 60% !important;}
.w-40 {width: 40% !important;}
.h-60 {height: 60% !important;}
.h-246 {height:auto; min-height:246px;}
.font-custom {font-family: 'Sedgwick Ave', cursive;}

.display-4 {   font-size: 2.5rem; }
@media (min-width: 768px) {
  .display-4 {     font-size: 3rem;   }
}
/* general */

/* animation */
.bg-lights {background: radial-gradient(#a23982,#1f1013); -webkit-overflow-Y: hidden; -moz-overflow-Y: hidden; -o-overflow-Y: hidden; overflow-y: hidden; -webkit-animation: fadeIn 1 1s ease-out; -moz-animation: fadeIn 1 1s ease-out; -o-animation: fadeIn 1 1s ease-out; animation: fadeIn 1 1s ease-out;}
.light { position: absolute; width: 0px; opacity: .75; background-color: white; box-shadow: #e9f1f1 0px 0px 20px 2px; opacity: 0; top: 100vh; bottom: 0px; left: 0px; right: 0px; margin: auto; }
.x1{ -webkit-animation: floatUp 4s infinite linear; -moz-animation: floatUp 4s infinite linear; -o-animation: floatUp 4s infinite linear; animation: floatUp 4s infinite linear; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.x2{ -webkit-animation: floatUp 7s infinite linear; -moz-animation: floatUp 7s infinite linear; -o-animation: floatUp 7s infinite linear; animation: floatUp 7s infinite linear; -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); left: 15%; }
.x3{ -webkit-animation: floatUp 2.5s infinite linear; -moz-animation: floatUp 2.5s infinite linear; -o-animation: floatUp 2.5s infinite linear; animation: floatUp 2.5s infinite linear; -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); left: -15%; }
.x4{ -webkit-animation: floatUp 4.5s infinite linear; -moz-animation: floatUp 4.5s infinite linear; -o-animation: floatUp 4.5s infinite linear; animation: floatUp 4.5s infinite linear; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); left: -34%; }
.x5{ -webkit-animation: floatUp 8s infinite linear; -moz-animation: floatUp 8s infinite linear; -o-animation: floatUp 8s infinite linear; animation: floatUp 8s infinite linear; -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2); left: -57%; }
.x6{ -webkit-animation: floatUp 3s infinite linear; -moz-animation: floatUp 3s infinite linear; -o-animation: floatUp 3s infinite linear; animation: floatUp 3s infinite linear; -webkit-transform: scale(.8); -moz-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); left: -81%; }
.x7{ -webkit-animation: floatUp 5.3s infinite linear; -moz-animation: floatUp 5.3s infinite linear; -o-animation: floatUp 5.3s infinite linear; animation: floatUp 5.3s infinite linear; -webkit-transform: scale(3.2); -moz-transform: scale(3.2); -o-transform: scale(3.2); transform: scale(3.2); left: 37%; }
.x8{ -webkit-animation: floatUp 4.7s infinite linear; -moz-animation: floatUp 4.7s infinite linear; -o-animation: floatUp 4.7s infinite linear; animation: floatUp 4.7s infinite linear; -webkit-transform: scale(1.7); -moz-transform: scale(1.7); -o-transform: scale(1.7); transform: scale(1.7); left: 62%; }
.x9{ -webkit-animation: floatUp 4.1s infinite linear; -moz-animation: floatUp 4.1s infinite linear; -o-animation: floatUp 4.1s infinite linear; animation: floatUp 4.1s infinite linear; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); left: 85%; }
@-webkit-keyframes floatUp{ 0%{top: 100vh; opacity: 0;} 25%{opacity: 1;} 50%{top: 0vh; opacity: .8;} 75%{opacity: 1;} 100%{top: -100vh; opacity: 0;} }
@-moz-keyframes floatUp{ 0%{top: 100vh; opacity: 0;} 25%{opacity: 1;} 50%{top: 0vh; opacity: .8;} 75%{opacity: 1;} 100%{top: -100vh; opacity: 0;} }
@-o-keyframes floatUp{ 0%{top: 100vh; opacity: 0;} 25%{opacity: 1;} 50%{top: 0vh; opacity: .8;} 75%{opacity: 1;} 100%{top: -100vh; opacity: 0;} }
@keyframes floatUp{ 0%{top: 100vh; opacity: 0;} 25%{opacity: 1;} 50%{top: 0vh; opacity: .8;} 75%{opacity: 1;} 100%{top: -100vh; opacity: 0;} }

.bg-lblue{ background: rgb(137,211,224); background: linear-gradient(90deg, rgba(137,211,224,1) 0%, rgba(255,255,255,1) 52%, rgba(137,211,224,1) 100%); }
.line-calendar1 {animation:line-calendar1-move 1.6s infinite;}
     @keyframes line-calendar1-move {
         0%{transform: translate3d(-2px, 0, 0);}
         50%{transform: translate3d(2px, 0, 0);}
         100%{transform: translate3d(-2px, 0, 0);}
     }
     @media (prefers-reduced-motion: reduce) {
         .line-calendar1 {
             animation: none;
         }
     }
.line-plus1-a {animation:line-plus1-draw 2s infinite; stroke-dasharray: 150;}
     .line-plus1-b {animation:line-plus1-draw 2s infinite; stroke-dasharray: 150;}
     @keyframes line-plus1-draw {
         0%{stroke-dashoffset: 150;}
         100%{stroke-dashoffset: 0;}
     }
     @media (prefers-reduced-motion: reduce) {
         .line-plus1-a, .line-plus1-b {
             animation: none;
         }
     }
/* animation */

/* dock */
.dock{width:60px; height:180px;/*280px;*/ bottom:2.5%;}
.dock .nav-pills .nav-item .nav-link {padding:0; text-align:center; height:50px; width:50px; font-weight:400; color:#fff; margin:8px 4px; background-color:rgba(150, 150, 150, 0.3); } 
.dock .nav-pills .nav-item .nav-link i { display:block; font-size:25px; line-height:50px; } 
.dock .nav-pills .nav-item .nav-link img { width:40px; height:auto; margin:5px;} 
.dock .nav-pills .btn-facebook { color:#fff !important; background-color: #3b5998 !important; }
.dock .nav-pills .btn-facebook:hover, .dock .nav-pills .btn-facebook:focus, .dock .nav-pills .btn-facebook:active { background-color: #344e86; }
.dock .nav-pills .btn-whatsapp { background-color: #25d366 !important; }
.dock .nav-pills .btn-whatsapp:hover, .dock .nav-pills .btn-whatsapp:focus, .dock .nav-pills .btn-whatsapp:active { background-color: #25d366; }
.dock .nav-pills .btn-instagram { background-color: #405de6; background-image: linear-gradient(225deg, #405de6 0%, #e1306c 48%, #ffdc80 100%); }
.dock .nav-pills .btn-instagram:hover, .dock .nav-pills .btn-instagram:focus, .dock .nav-pills .btn-instagram:active { background-color: #405de6; background-image: linear-gradient(225deg, #405de6 0%, #e1306c 48%, #ffdc80 100%); }
.dock .nav-pills .btn-youtube { background-color: #c4302b !important; }
.dock .nav-pills .btn-whatsapp:hover, .dock .nav-pills .btn-whatsapp:focus, .dock .nav-pills .btn-whatsapp:active { background-color: #c4302b; }

.secondnav {min-height:35px; /*padding-top:0; margin-bottom:-2px;*/}
.secondnav .form-group {width:93%; margin-bottom:0 !important; padding-bottom:0 !important;}		.secondnav .form-control {width:75%; color:#fefefe; background:#313658; font-size:100% !important;}

.navbar-brand img {width:100%; height:auto; display:inline-block;}
.navbar-brand header {display:inline-block; color:#000;}
.navbar .navbar-nav .nav-link:not(.btn) {text-transform:none; font-size:0.85em; padding:0.5rem 0.7rem; line-height:1.625rem;}

/* stylelint-disable selector-list-comma-newline-after */
.blog-header { text-transform:none; line-height:1.25; }
.blog-header-logo {font-size:1.200rem; font-weight:700;/*500*/}
.blog-header-logo: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; }

.breadcrumb {border-radius: 0;}	.breadcrumb-item.active {color: #313658;}

.pizarram{padding:0.5em;}

/* scroll */
#mycustomscroll {width:auto; height:425px; margin:0 auto; padding:0 10px; overflow:auto; position:relative; }
#mycustomscroll2, #mycustomscroll3, #mycustomscroll4 {width:auto; height:400px; margin:0 auto; padding:0 10px; overflow:auto; position:relative; }
#mycustomscroll hr{margin:0 auto; border-color:transparent;}		
.flexcroll{border-width:0; border-color:#ececec; border-style:solid; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;  border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;}	
.flexcroll img{margin:0 auto; display:block;}
.flexcroll .thumbnail{margin-bottom:0.5rem;}		.flexcroll .callout:hover .thumbnail{box-shadow:0 0 6px 1px rgba(10, 10, 10, 0.2);}
.flexcroll .callout {border:1px dotted transparent; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#fff;} 	
.flexcroll .tx-color{text-align:center;} 	.flexcroll .subheader { text-align:center;}
.flexcroll:hover .vscrollerbar, .flexcroll:hover .hscrollerbar {background-color:#313658;}
.scrollgeneric {line-height:1px; font-size:1px; position:absolute; top:0; left:0;}
.vscrollerbase {width:10px;  border-right:5px solid #ececec;}		.hscrollerbase {height:10px; border-bottom:5px solid #ececec;}		.vscrollerbase, .hscrollerbase {background:transparent; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
.vscrollerbar {width:10px;} 		.hscrollerbar {height:10px;} 	.vscrollerbar, .hscrollerbar {background-color:#999; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
.scrollerjogbox {width:10px; height:10px; top:auto; left:auto; bottom:0px; right:0px; background-color:#fff;} 
.fixedwidth {width:530px; height:auto; position:relative; color:#4f4f4f; padding:1px;}

/* 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; border:1px solid #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;}
/* Menu items
===================*/
.sm-blue a {font-size:0.85em; padding:0.7rem 0.7rem; line-height:1.625rem; font-weight:600; color:#9A9A9A; 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;
 z-index: 1;  position: relative;}
 /*line-color*/
.sm-blue li > a:before {content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background: #912D46; visibility: hidden; border-radius: 5px; transform: scaleX(0); transition: .25s linear; }
.sm-blue li > a:hover:before, .sm-blue li > a:focus:before { visibility: visible; transform: scaleX(1); }
.sm-blue li > ul a:before {content: ""; position: absolute; width:0; height:0; bottom: 0; left: 0;}
/*line color*/
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {background-color:transparent; color:#912D46;} 
.sm-blue-vertical a {padding:9px 40px 8px 23px; background:#fff;}
.sm-blue ul a {padding:9px 40px 8px 23px; text-shadow:none; font-weight:400; color:#212529 !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 {background-color:#912D46; color:#fff !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:#666 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 #fff; display:none;/*+*/}
.sm-blue-vertical a:hover span.sub-arrow, .sm-blue ul a:hover span.sub-arrow {border-color:transparent transparent transparent #e23646;}
.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 #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: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;}
}


/** * Owl Carousel v2.3.4 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px;}
.owl-theme .owl-nav [class*=owl-]{color:#fff; font-size:1.5rem; line-height:0;  margin:0;/*5px*/ padding:14px 8px; background:#444; display:inline-block; cursor:pointer; border-radius:0;}
.owl-theme .owl-nav [class*=owl-]:hover{background:#fff; color:#444;text-decoration:none;}
.owl-theme .owl-nav .owl-prev {position:absolute; top:42.5%; left:0;}/*+*/
.owl-theme .owl-nav .owl-next{position:absolute; top:42.5%; right:0;}/*+*/
.owl-theme .owl-nav .disabled{opacity:.5; cursor:default;}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:0;/*10px*/}
.owl-theme .owl-dots .owl-dot{display:inline-block; zoom:1;}
.owl-theme .owl-dots .owl-dot span{width:12.5px; height:12.5px;  margin:20px 15px; background:#444; border:3px solid transparent; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:50%;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{width:17.5px; height:17.5px; margin:17.5px 12.5px; background:transparent !important; border-color:#444;}
/* default */
.owl-carousel,.owl-carousel .owl-item{position:relative; -webkit-tap-highlight-color:transparent;}
.owl-carousel{display:none; width:100%; z-index:1;}
.owl-carousel .owl-stage{position:relative; margin-bottom:0;/*+*/ -ms-touch-action:pan-Y; -moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.owl-carousel .owl-stage-outer{position:relative; margin-bottom:0;/*+*/ overflow:hidden;}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{margin-bottom:0px; -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)}
.owl-carousel .owl-item{min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block; width:100%;}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* slide-banner */
#owl-banner{height:100vh;/*height:75vh; max-height:550px;*/ margin:2.25rem auto; position:relative; z-index:1; top:6rem; overflow:hidden;}
#owl-banner .item{height:100vh;/*height:75vh;*/}		#owl-banner .item a{position:relative; z-index:3; color:#444;}	#owl-banner .item a:hover{text-decoration:none; color:#444;}
#owl-banner .item h3 {letter-spacing:-1px; line-height:1.3em; position:relative; padding:10px 22px; overflow:hidden;}
#owl-banner .item .wrap {outline:10px solid #fefefe; border:1px solid #fefefe; outline-offset:-1px;}
#owl-banner .item .inner {background:#fefefe; position:relative;}
#owl-banner .item img{min-width:100%; height:auto; margin:0;}
#owl-banner .owl-nav [class*=owl-]{box-shadow:0 1px 11px rgba(0, 0, 0, 0.5);}
#owl-banner .owl-dots .owl-dot{position:relative; bottom:5em;}
#owl-banner .owl-dots .owl-dot span{background:#fefefe/*inherit*/; box-shadow:0 1px 11px rgba(0, 0, 0, 0.25);}
#owl-banner .owl-dots .owl-dot.active span, #owl-banner .owl-dots .owl-dot:hover span{border-color:#fefefe !important; background:#444 !important;}
@media screen and (max-width: 48em) {
	#owl-banner{height:auto; top:6rem; margin:5rem auto;}	
	#owl-banner .owl-controls .owl-buttons .owl-prev{color:#fefefe;} #owl-banner .owl-dots .owl-dot span{background:#fefefe;}
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {   margin: 8rem auto 4rem auto; }
/* Since positioning the image, we need to help out the caption */
.carousel-caption {   bottom: 3rem;   z-index: 10; }
/* Declare heights because of positioning of img element */
.carousel-item {   height: 80vh;/*32rem;*/ max-height: 800px; background-color: #777; }
.carousel-item > img {   position: absolute;   top: 0;   left: 0;   min-width: 100%;   height: auto; }
@media (max-width: 768px) {
  .carousel {   margin: 8rem auto 4rem auto; }
  .carousel-caption {   font-size:75%; }	.carousel-caption p{   font-size:100%; }
}

/* carousel-news */
.carousel-news{margin:0 auto; overflow:hidden;}
#owl-carousel .item{width:auto; height:auto; padding:10px; margin:0 10px; border-bottom:0px solid #B0E3F9;
-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:#1f1013;}
#owl-carousel .item img{width:100%; height:auto; display:block; -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-weight:300; font-size:1.30rem; line-height:1.15}
#owl-carousel .item span{margin:15px auto 5px auto; font-weight:600; font-size:1.5rem; line-height:1.15; color:#222c43; display:block;}
#owl-carousel .item a:hover .hovereffect img {filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');   filter: brightness(0.6);   -webkit-filter: brightness(0.6);   /*+*/opacity: .5;}
#owl-carousel .item a:hover .hovereffect .overlay {opacity: 1;   filter: alpha(opacity=100);   -webkit-transform: translate3d(0,0,0);   transform: translate3d(0,0,0); }
#owl-carousel .item a:hover .hovereffect a, #owl-carousel .item a:hover .hovereffect p, #owl-carousel .item a:hover .hovereffect strong {opacity: 1;   filter: alpha(opacity=100);   -webkit-transform: translate3d(0,0,0);   transform: translate3d(0,0,0); }
#owl-carousel .item a:hover .hovereffect strong:after {   -webkit-transform: translate3d(0,0,0);   transform: translate3d(0,0,0); }

/*hover-effect*/
.hovereffect {width:100%; height:100%; margin:15px auto; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; background: -moz-linear-gradient(45deg, #1f1013 0%, #a23982 100%); background: -webkit-linear-gradient(45deg, #1f1013 0%, #a23982 100%); background: linear-gradient(45deg, #1f1013 0%, #a23982 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62a3a43', endColorstr='#cc586D8D',GradientType=1 );}
.hovereffect .overlay {position:absolute; overflow:hidden; width:80%; height:80%; left:10%; top:10%;  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,}
.hovereffect:hover .overlay {opacity: 1;   filter: alpha(opacity=100);}
.hovereffect img {display:block; position:relative;   -webkit-transition: all 0.35s;   transition: all 0.35s;   /*+*/opacity: 1; 	-webkit-transition: .3s ease-in-out; 	transition: .3s ease-in-out; }
.hovereffect:hover img {filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');   filter: brightness(0.6);   -webkit-filter: brightness(0.6);   /*+*/opacity: .5; }
.hovereffect strong {position:relative; font-size:1.10rem; font-weight:400; background-color:transparent; color:#fff; display:block; padding:1em 0;	opacity: 0;		filter: alpha(opacity=0);   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;   transition: opacity 0.35s, transform 0.35s;    -webkit-transform: translate3d(-100%,0,0);   transform: translate3d(-100%,0,0); }
.hovereffect strong:after {position:absolute; bottom:0; left:0; width:100%; height:2px; background:#fff; content: '';   -webkit-transition: -webkit-transform 0.35s;   transition: transform 0.35s;   -webkit-transform: translate3d(-100%,0,0);   transform: translate3d(-100%,0,0);}
.hovereffect:hover strong:after {-webkit-transform: translate3d(0,0,0);   transform: translate3d(0,0,0); }
.hovereffect a, .hovereffect p {color:#fff !important; padding:1em 0;   opacity: 0;   filter: alpha(opacity=0);   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;   transition: opacity 0.35s, transform 0.35s;   -webkit-transform: translate3d(0,100%,0);   transform: translate3d(0,100%,0); }
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover strong {opacity: 1;   filter: alpha(opacity=100);   -webkit-transform: translate3d(0,0,0);   transform: translate3d(0,0,0); }

/* crop */
.slide-news_crop {width:100%; height:auto; overflow:hidden;}	.slide-news_crop img {width:auto; max-width:100%; height:auto; max-height:265px; margin:0 auto;}
@media screen and (max-width: 75em) { .slide_crop{height:auto; max-height:auto;} }
.slide_crop {width:100%; height:300px; overflow:hidden;}	.slide_crop img {width:100%; height:auto !important; margin:0;}
@media screen and (max-width: 75em) { .slide_crop{height:auto; max-height:280px;} }

/* slide-gallery */
.slide-gallery{padding:0; margin:0 auto; margin-bottom:1.8em;}
#owl-gallery {height:auto;}
#owl-gallery .item{margin:10px; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}		
#owl-gallery .item img, #owl-gallery .item .item-info{width:100%; height:auto; padding:0; display:block; float:none; clear:both; position:relative;}
#owl-gallery .owl-controls .owl-page span{background:transparent; border:2px solid #1E8BC3; position:relative; top:30px;}
#owl-gallery .owl-controls .owl-page.active span, #owl-gallery .owl-controls.clickable .owl-page:hover span{background:#1E8BC3; filter:Alpha(Opacity=100); opacity:1;}
/* hover animation */
.hover-color{width:0; height:97.5%; position:absolute; z-index:2; top:0; left:0; color:transparent; background:rgba(34,49,63,0.65) url(../img/overlay9.png) repeat; -webkit-transition: width 1s; transition: width 1s; cursor:pointer;}
.hover-color p{display:block; position:relative; top:35%; text-align:center;  font-weight:600; color:tansparent; opacity:0; -webkit-transition:opacity 1s ease 0s; -o-transition: opacity 1s ease 0s; transition: opacity 1s ease 0s;} 
.slide-gallery .item a:hover .hover-color, .slide-gallery .item a:focus .hover-color, .slide-gallery .item a:active .hover-color{width:100%;}
.slide-gallery .item a:hover .hover-color p, .slide-gallery .item a:focus .hover-color p, .slide-gallery .item a:active .hover-color p{color:#FFF; opacity:1}
.slide-gallery .item a:hover .hover-color p span, .slide-gallery .item a:focus .hover-color p span, .slide-gallery .item a:active .hover-color p span{opacity:1;}


/*proyectos*/
.proyectos{height:375px; margin:0 auto; padding:0;}
#owl-carousel3 .item{height:200px;/*min-height:300px;*/ margin:10px 10px 60px 10px; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
#owl-carousel3 .item h6 a:hover{text-decoration:none;}
#owl-carousel3 .item img{width:100%; height:auto; margin:15px auto; display:block;} 

/* Buttons */
.buttons .container-fluid{padding-right:0 !important; padding-left:0 !important; position:relative; z-index:1; top:3rem; left:-1px;}
.buttons a{width:100%; height:100%; display:block; position:relative; padding-right:15px; padding-left:15px;}
.buttons img{border:6px solid #FEFEFE;}	.buttons .master img {border:none !important;}

/* Background-form */
.bg-photo{background:url('../img/bg.jpg') no-repeat top left fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {   margin-bottom: 1.5rem;   text-align: center; }
.marketing h2 {   font-weight: 400; }
.marketing .col-lg-4 p {margin-right: .75rem;   margin-left: .75rem; }
/* Featurettes
------------------------- */
.featurette-divider {   margin: 5rem 0; /* Space out the Bootstrap <hr> more */ }
/* Thin out the marketing headings */
.featurette-heading {   font-weight: 300;   line-height: 1;   letter-spacing: -.05rem; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {     margin-bottom: 1.25rem;     font-size: 1.25rem;     line-height: 1.4;   }
  .featurette-heading {     font-size: 50px;   }
}
@media (min-width: 62em) {
  .featurette-heading {     margin-top: 7rem;   }
}

.green{color:#395B38;}

.news {background-size:cover; background-position:center center; background-attachment:fixed;}

.section-team img {max-height:400px;}
.section-team h5, .section-team .h5 {font-size:1.20em !important; line-height:1.2;}
.section-team .category {font-weight:400;}

/* Noticias */
.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), .noticias .row .noticia:nth-child(5), .noticias .row .noticia:nth-child(6) {display:flex;}
/* Noticias index2 */
.noticias_index2 a.text-light{color:#888 !important;} 	.noticias_index2 a.h4{font-size:1.25rem !important;}
.noticias_index2 .col-xl-4, .noticias_index2 .col-md-6 {-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;}

/*gallery*/
.gallery {padding:0 1rem 0.4rem 1.8rem; position:relative; display:block; overflow:hidden;} 
.gallery a{display:block; position:relative; color:#6c7a89;} .gallery a:hover, .gallery a:focus .gallery a:active{text-decoration:none;} 
.gallery .hovereffect:hover {cursor:pointer;}
.gallery .hovereffect .overlay p {padding:0; position:relative; top:35%;}


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