/*fuentes y fuentes CDN*/ @import url(../fonts/FuturaStd/stylesheet.css); @import url(../css/fontawesome-all.min.css); /* */ html{min-height: 100%;position: relative;} body{font-family: 'Futura Std', sans-serif;opacity: 1;overflow-x: hidden;background-color: #FFF;padding: 0px;margin-bottom: 60px;} a[href^=tel] { color: inherit; text-decoration: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; appearance:none; -moz-appearance:none; margin: 0; } /*PLACEHOLDER COLOR */ ::-webkit-input-placeholder {font-family: 'Futura Std';color: var(--negro);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} :-moz-placeholder {font-family: 'Futura Std';color: var(--negro);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} ::-moz-placeholder {font-family: 'Futura Std';color: var(--negro);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} :-ms-input-placeholder {font-family: 'Futura Std';color: var(--negro);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} .newsletter input::-webkit-input-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} .newsletter input:-moz-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} .newsletter input::-moz-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} .newsletter input:-ms-input-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} .required::-webkit-input-placeholder {color: #f00;} .required:-moz-placeholder {color: #f00;} .required::-moz-placeholder {color: #f00;} .required:-ms-input-placeholder {color: #f00;} .required{border-bottom: 1px solid #f00 !important;color: #f00} .w100{width:100%;} :focus {outline: none !important; } :root { --oro:#DAD3C4; --main:#0A203A; --violeta:#511633; --violeta2:#711D46; --amarillo:#D2AF2B; --azul:#0F2C52; --negro:#000; --texto:#1E1E1E; --oro2:#FDEEC7; --blanco:#FFF; /*--footer:#511634;*/ } /*scrollbar*/ ::-webkit-scrollbar {width: 5px; background: #fff} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #FFF; -webkit-border-radius: 0px; border-radius: 0px; background:transparent; } ::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: #e5e5e5; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0); } ::-webkit-scrollbar-thumb:window-inactive {background: var(--main);} hr{border-top: 1px solid var(--main);} /* HEADER */ nav {font-family: 'Karla', sans-serif;font-size: 17px;font-weight: 300;height: auto;letter-spacing: 1.2px;} .npad {padding-left: 0px !important; padding-right: 0px !important;} .padr {padding-right: 0px !important;} .padl {padding-left: 0px !important;} .trans{-webkit-transition: .5s all; -moz-transition: all .5s;-o-transition: all .5s;transition: all .5s} .trans:hover{-webkit-transition: .5s all; -moz-transition: all .5s;-o-transition: all .5s;transition: all .5s} .closeModal{background: url(../img/x.png) no-repeat center;width: 16px;height: 15px;} .backModal{background: url(../img/back.png) no-repeat center;width: 22px;height: 16px;} .less{display:none;} .loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; opacity: 1; background-image:url(../img/lagala.gif);background-size:cover;background-position:center;} .loader .load{position: absolute;right: 0;left: 0;top: 70%;bottom: 46%;margin-left: 0;text-align:center;} .loader .load .fa{color: var(--footerColor);} .loader .load span{color:var(--footerColor);font-weight: 400;font-size: 15px;letter-spacing: .09px;text-align: center;} .loader .aLogo{fill:#F75D4D;} .full-50{min-height:100vh;} .container-fluid.mw{max-width: 1500px;} .txtcenter{text-align: center !important;} .txtright{text-align: right !important;} .txtleft{text-align: left !important;} .bienvenido{position: fixed !important;width: 100%;height: 100%;background: var(--negro);right: 0;left: 0;top: 0;bottom: 0;z-index: 1051;overflow: hidden;text-align: center;} .bienvenido .bgH{background: url(../img/herreria1.png) no-repeat center center;width: 100%;width: 1165px;height: 100%;height: 752px;position: absolute;top: 0;left: 0;bottom: 0;right: 0px;z-index: 1;background-size: auto;margin: auto;} .bienvenido #sliderBienvenido{opacity: .4 !important;} .bienvenido button{border: none;background-color: transparent;font-size: 36px;letter-spacing: 20px;line-height: 36px;font-weight: 500;color: var(--oro2);text-transform: uppercase;position: absolute;right: 0;left: 0;text-align: center;text-align-last: center;margin: 0 auto;bottom: 15px;display: block;float: initial;width: 560px;} .tbl{display: table;height: 100%;} .tbl .tbl-cell{display: table-cell;vertical-align: middle;} #calendario .tbl-cell{padding:0 25px;color:#fff;} .ms-skin-default .ms-bullet{width: 10px;height: 10px;background: #F1EEEA;border-radius: 50%;} .ms-bullets.ms-dir-h .ms-bullets-count{bottom: 53px;} .ms-skin-default .ms-bullet-selected{background: var(--amarillo);width: 10px;height: 10px;margin: 5px !important;} .flex{display: flex;} .ms-view{background: transparent !important;} ul.menu{padding-left: 0px;position:fixed;z-index: 1;display: block;-ms-transform: rotate(270deg);transform: rotate(270deg);transform-origin: left;-webkit-transform-origin: left;left: 36px;top: 720px;} ul.menu li{list-style: none;display: inline-block;} ul.menu li span{text-transform: uppercase;font-size: 12px;letter-spacing: 3px;line-height: 13px;color: var(--menuColor);font-weight: 500;margin-right: 31px;padding: 5px 6px;display: inline-block;height: 23.88px;position: relative;} ul.menu li span:hover{cursor: pointer;} ul.menu li span:after{content:'';width: 0%;height: 1px;background: var(--menuColor);margin: 0 auto;display: inline-block;position: absolute;right: 0;left: 0;bottom: 0;-webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} ul.menu li span:hover:after{content:'';width: 40%;height: 1px;background: var(--menuColor);margin: 0 auto;display: inline-block;position: absolute;right: 0;left: 0;bottom: 0;-webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} ul.menu li.active span:after{content:'';width: 40%;height: 1px;background: var(--menuColor);margin: 0 auto;display: inline-block;} ul.menu li:last-child span{margin-right: 0px;} form input[type=number],input[type=text],input[type=email],select, textarea{width: 100%;height: 35px;border: none;border-radius: 0px;border-bottom: 1px solid var(--oro);padding-left: 13px;margin-bottom: 20px;background-color: transparent;font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500;} form select{background: transparent url(../img/caret.png) no-repeat 96.5% 50%;-webkit-appearance: none;appearance: none;border-radius: 0px;padding-right: 11%;} form button{width: 170px;height: 40px;border: 2px solid var(--amarillo);font-weight: 600;font-stretch: condensed;font-size: 15px;letter-spacing: 3.12px;line-height: 15px;text-transform: uppercase;margin:0 auto;display: block} form .dropdown.bootstrap-select{width: 100% !important;height: 35px;background: transparent;border:none;border-radius: 0px;margin-bottom: 20px;} form .dropdown.bootstrap-select button.btn-default{background: transparent url(../img/caret.png) no-repeat 96.5% 50%;-webkit-appearance: none;appearance: none;width: 100% !important;height: 35px;border:none;border-radius: 0px;border-bottom: 1px solid var(--oro);} form .dropdown.bootstrap-select button.btn-default .filter-option-inner-inner{font-family: 'Futura Std';color: var(--menuColor);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500;text-transform: initial;font-stretch: expanded;} form .dropdown.bootstrap-select button.btn-default span.caret{color: transparent;} .bootstrap-select .dropdown-toggle:focus{outline: thin dotted transparent!important; outline: 0px auto -webkit-focus-ring-color!important; outline-offset: 0px !important;} .btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0); box-shadow: inset 0 0px 0px rgba(0,0,0,0); } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{background: transparent !important;border-color: transparent !important;} .intro-area p, .intro-area p span{font-family: 'Futura Std', sans-serif;font-size:18px;font-weight:500;letter-spacing:4.17px;} .intro-area p{font-family: 'Futura Std', sans-serif;font-size:18px;font-weight:500;letter-spacing:4.17px;padding:0px!important;text-align:center !important;} button.hvr-rectangle-out{background: transparent;} button.hvr-rectangle-out:before{background: var(--amarillo);} /* LOADER */ .black{background-color:#000;height:100%;width:100%;background-position:center;top:0;left:0;position:fixed;z-index:1;opacity:0.6;} .loaderr {position: absolute;left: 50%;top: 50%;z-index: 1;width: 150px;height: 150px;margin: -75px 0 0 -75px;border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 120px;height: 120px;-webkit-animation: spin 2s linear infinite;animation: spin 2s 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); } } /*HOME*/ #home{width: 100%;height: auto;min-height:100%;position:relative;} #home #masterslider img{opacity: .5 !important;} #home .container-fluid.npad{width: 100%;height: auto;} #home .padSlide{padding-left: 65px;padding-right: 65px;min-height: 700px;} #home .slide{background: var(--negro)} #home .slide .brd{pointer-events: none;position: absolute;width: 93.7%;height: 91%;margin: auto;right: 0;left: 34px;top: 0;bottom: 0;z-index: 1;border: 1px solid transparent} #home .slide svg#herradura{pointer-events: none;position: absolute;right: 0;left: 0;bottom: 40px;z-index: 1;text-align: center;margin: 0 auto;pointer-events: none;height: 122px;} #home .slide svg.logo{pointer-events: none;position: absolute;right: 0;left: 0;bottom: 184px;z-index: 1;text-align: center;margin: 0 auto;pointer-events: none;} #home .slide .scroll{background: url(../img/scroll.png) no-repeat center;width: 32px;height: 23px;position: absolute;right: 0;left: 0;bottom: 10px;text-align: center;margin: 0 auto;z-index: 2;cursor: pointer;padding: 5px;} #home .slide .lang{position: absolute;right: 50px;bottom: 50px;z-index: 1} #home .slide .lang a{color: var(--footerColor);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} #home .slide .lang a:hover,#home .slide .lang a.active,#home .slide .lang a:focus,#home .slide .lang a:active{color: var(--amarillo);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-decoration: none;} #home .ms-skin-default .ms-nav-next{background: url(../img/right.png);background-position: center;margin-top: 0px;width: 44px;height: 15px;right: 30px;bottom: 30px;top: inherit;} #home .ms-skin-default .ms-nav-prev{background: url(../img/left.png);background-position: center;margin-top: 0px;width: 44px;height: 15px;left: 30px;top: inherit;bottom:30px;} #home .bg{background-repeat:no-repeat;-ms-background-size: cover;-o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;width: 100%;height:auto;background-position:center;display:inline-block;} #home .bg img{width: 100%;visibility: hidden;} #home .ms-layer h1{font-size: 48px;font-weight: 300;letter-spacing: 18px;line-height: 48px;color: #FFF;text-transform: uppercase;text-align: center;font-stretch: condensed;margin-top: 0px;margin-bottom: 25px;} #home .ms-layer h1.padding-50{padding:0 70px;} #home .ms-layer h2{font-size: 30px;font-weight: 300;letter-spacing: 6.35px;line-height: 30px;color: #FFF;text-transform: uppercase;text-align: center;margin-top: 0px;margin-bottom: 30px;} #home .ms-layer button{border: 1px solid #fff;background: transparent;color: #fff;padding: 12.5px 48px;font-size:15px;text-transform: uppercase;display: block;margin:0 auto;font-stretch: condensed;font-weight: 500;letter-spacing: 3.12px;line-height: 15px;} #home .nosotros{height: auto;position: relative;width: 100%;display: -webkit-box;display: inline-block;overflow: hidden;} #home .nosotros:before{content: '';width: 100%;height: 100%;/* visibility: hidden; */position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: .6;z-index: -1;background: -moz-linear-gradient(-45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 70%, rgba(81,22,50,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(81,22,50,1)), color-stop(70%, rgba(113,29,69,1)), color-stop(100%, rgba(81,22,50,1)));background: -webkit-linear-gradient(-45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 70%, rgba(81,22,50,1) 100%);background: -o-linear-gradient(-45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 70%, rgba(81,22,50,1) 100%);background: -ms-linear-gradient(-45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 70%, rgba(81,22,50,1) 100%);background: linear-gradient(135deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 70%, rgba(81,22,50,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#511632', endColorstr='#511632', GradientType=1 );} #home .nosotros:after{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: 1;z-index: -2;background: -moz-linear-gradient(45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 46%, rgba(81,22,49,1) 100%);background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(81,22,50,1)), color-stop(46%, rgba(113,29,69,1)), color-stop(100%, rgba(81,22,49,1)));background: -webkit-linear-gradient(45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 46%, rgba(81,22,49,1) 100%);background: -o-linear-gradient(45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 46%, rgba(81,22,49,1) 100%);background: -ms-linear-gradient(45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 46%, rgba(81,22,49,1) 100%);background: linear-gradient(45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 46%, rgba(81,22,49,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#511632', endColorstr='#511631', GradientType=1 );} #home .nosotros h1{font-size: 24px;font-weight: 500;letter-spacing: 10px;line-height: 24px;color: var(--oro);text-transform: uppercase;text-align: left;font-stretch: condensed;margin-top: 0;margin-bottom: 0px;padding-left: 15px;} #home .nosotros p{max-width: 464px;font-weight: 300;color: var(--oro);font-size: 20px;letter-spacing: 4.3px;line-height: 28px;display: block;margin: 0 auto;text-align: justify;font-stretch: expanded;margin-bottom: 60px;} #home .nosotros i.brd1{width: 200%;height: 2px;background: var(--oro);display: inline-block;margin-top: 60px;margin-bottom: 40px;} #home .nosotros i.brd2{width: 200%;height: 2px;background: var(--oro);display: inline-block;margin-top: 37px;margin-bottom: 74.5px;} #home .nosotros svg#herradura2{margin-bottom: 120px;} #home .nosotros .info{border:2px solid var(--oro);margin-bottom: 75px;} #home .nosotros .info p{font-weight: 500;color: #fff;font-size: 15px;letter-spacing: 0.5px;line-height: 25px;padding: 51px 50px;text-align: justify;margin: 0px;max-width: 100%;} #home .nosotros .info p i{display: block;text-align: center;} #home .nosotros .info h2{font-size: 20px;font-weight: 500;letter-spacing: 4.17px;line-height: 28px;color: var(--oro);text-align: center;padding-top: 90px;margin-top: 0px;margin-bottom: 84px;border-top: 1px solid var(--oro);} #home .nosotros img{display: block;margin: auto;vertical-align: middle;width: 100%;-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);} #home .equipo{height: auto;position: relative;width: 100%;display: -webkit-box;display: inline-block;overflow: hidden;background: var(--violeta2);padding-bottom: 75px;} #home .equipo.bgwhite{background: var(--blanco);} #home .equipo h1{font-size: 24px;font-weight: 500;letter-spacing: 10px;line-height: 24px;color: var(--oro);text-transform: uppercase;text-align: left;font-stretch: condensed;margin-top: 0;margin-bottom: 0px;padding-left: 15px;} #home .equipo.bgwhite h1{color: var(--azul)} #home .equipo.bgwhite h2{color: var(--azul)} #home .equipo.bgwhite h3{color: var(--texto)} #home .equipo p{max-width: 464px;font-weight: 300;color: var(--oro);font-size: 20px;letter-spacing: 4.3px;line-height: 28px;display: block;margin: 0 auto;text-align: justify;font-stretch: expanded;margin-bottom: 60px;} #home .equipo i.brd1{width: 200%;height: 2px;background: var(--oro);display: inline-block;margin-top: 60px;margin-bottom: 40px;} #home .equipo i.brd2{width: 200%;height: 2px;background: var(--oro);display: inline-block;margin-top: 37px;margin-bottom: 74.5px;} #home .team{border: 2px solid var(--oro);padding: 60px 30px 15px 30px;} #home .team .col-lg-4{padding: 0 30px;height:450px;} #home .team .bg{-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);} #home .team h2{font-size: 20px;font-weight: 500;letter-spacing: 8.33px;line-height: 23px;color: var(--oro);text-align: left;margin-top: 16px;margin-bottom: 10px;text-transform: uppercase;font-stretch: condensed;} #home .team h3{font-size: 15px;font-weight: 500;letter-spacing: 0.5px;line-height: 25px;color: #fff;text-align: left;margin-top: 0px;margin-bottom: 45px;} #home .newsletter{background: #631A3D;width: 100%;height: 100px;} #home .newsletter .container-fluid{height: 100%;} #home .newsletter .container-fluid .col-lg-11{height: 100%;} #home .newsletter form{display: inline-flex;} #home .newsletter span{font-size: 20px;font-weight: 500;letter-spacing: 8.33px;line-height: 42px;color: var(--oro);text-align: left;margin-top: 0px;margin-bottom: 0px;text-transform: uppercase;font-stretch: condensed;display: inline-block;margin-right: 30px;} #home .newsletter input{background: transparent;border: none;border-bottom: 1px solid #fff;padding-left: 15px;color: #fff;width: 300px;height: 33px;min-width: 300px;margin-right: 30px;margin-bottom: 0px;margin-top: 20px;} #home .newsletter button{border: 1px solid #fff;background: transparent;color: #fff;padding: 5.5px 58px;height: 40px;font-size:15px;text-transform: uppercase;display: block;margin:0 auto;font-stretch: condensed;font-weight: 500;letter-spacing: 3.12px;line-height: 15px;vertical-align: top;margin-top: 23px;} #home .terraza-reserva h2{font-size: 20px;font-weight: 500;letter-spacing: 8.33px;line-height: 23px;color: var(--azul);text-align: center;margin-top: 24px;margin-bottom: 30px;text-transform: uppercase;font-stretch: condensed;} #home h5{font-size: 15px;font-weight: 500;letter-spacing: 0.5px;line-height: 25px;color: var(--texto);text-align: left;margin-top: -25px;margin-bottom: 17px;} #home .terraza-reserva table{width: 49%;border: 2px solid var(--oro);margin-bottom: 30px;} #home .terraza-reserva table tr{} #home .terraza-reserva table td{text-align: left;color: #969696;padding: 7px 15px;border-bottom: 2px solid var(--oro);font-size: 15px;font-weight: 500;letter-spacing: 0.5px;line-height: 25px;} #home .terraza-reserva table tr.reservado td{color: var(--texto)} #areas,#reservacion,#blog{width: 100%;height: auto;position: relative;display: -webkit-box;display: inline-block;overflow: hidden;} #areas:before,#reservacion:before,#blog:before{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: .6;z-index: -1;background: rgba(230,230,230,1); background: -moz-linear-gradient(-45deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 62%, rgba(240,240,240,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(62%, rgba(255,255,255,1)), color-stop(100%, rgba(240,240,240,1))); background: -webkit-linear-gradient(-45deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 62%, rgba(240,240,240,1) 100%); background: -o-linear-gradient(-45deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 62%, rgba(240,240,240,1) 100%); background: -ms-linear-gradient(-45deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 62%, rgba(240,240,240,1) 100%); background: linear-gradient(135deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 62%, rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f0f0f0', GradientType=1 );} #areas:after,#reservacion:after,#blog:after{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: 1;z-index: -2;background: rgba(240,240,240,1); background: -moz-linear-gradient(45deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 54%, rgba(230,230,230,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(54%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); background: -webkit-linear-gradient(45deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 54%, rgba(230,230,230,1) 100%); background: -o-linear-gradient(45deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 54%, rgba(230,230,230,1) 100%); background: -ms-linear-gradient(45deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 54%, rgba(230,230,230,1) 100%); background: linear-gradient(45deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 54%, rgba(230,230,230,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e6e6e6', GradientType=1 );} #areas .slide{background: transparent;} #areas .slide .ms-slide:hover:after{content: '';width: 100%;height: 100%;display: inline-block;position: absolute;right: 0;left: 0;top: 0;bottom: 0;background: rgba(218,211,196,.85);pointer-events: none} #areas .slide .ms-slide:hover:before{content: attr(data-text);width: 100%;height: auto;display: inline-block;position: absolute;right: 0;left: 0;bottom: 50px;font-weight: 600;font-stretch: condensed;color: var(--negro);font-size: 15px;letter-spacing: 3.12px;line-height: 15px;text-transform: uppercase;z-index: 1;text-align: center;pointer-events: none} #areas .slide .ms-slide{-webkit-box-shadow: 0px 2px 9px rgba(0,0,0,.3);box-shadow: 0px 2px 9px rgba(0,0,0,.3);} #areas .slide .ms-info{font-weight: 500;font-size: 15px;color: var(--texto);letter-spacing: 0.5px;line-height: 25px;pointer-events: none} #areas .slide #info {pointer-events: none} #areas .slide #info .ms-slide-info.ms-dir-h{pointer-events: none} #areas .slide .ms-staff-carousel .ms-staff-info{max-width: 100%;height: auto;margin-top: 30px;min-height: 300px;min-height: 22px;margin-top: -20px;} #areas .slide .ms-staff-carousel .ms-nav-next{background: url(../img/right.png) no-repeat center;-webkit-box-shadow: none;box-shadow: none;bottom: -62px;top: inherit;right: 38%;} #areas .slide .ms-staff-carousel .ms-nav-prev{background: url(../img/left.png) no-repeat center;-webkit-box-shadow: none;box-shadow: none;bottom: -62px;top: inherit;left: 38%;} #areas .slide .ms-staff-carousel{max-width: 1355px;margin:0 auto;} #areas .slide .ms-inner-controls-cont{margin-bottom: 50px !important;} #areas h1,#reservacion h1,#blog h1{font-size: 24px;font-weight: 600;letter-spacing: 10px;line-height: 24px;color: var(--azul);text-transform: uppercase;text-align: left;font-stretch: condensed;margin-top: 0;margin-bottom: 0px;padding-left: 15px;} #areas h1 img{max-height: 40px;max-width: 100%;} #areas i.brd1,#reservacion i.brd1,#blog i.brd1{width: 200%;height: 2px;background: var(--oro);display: inline-block;margin-top: 35px;margin-bottom: 40px;} #areas i.brd2,#reservacion i.brd2,#blog i.brd2{width: 200%;height: 2px;background: var(--oro);display: inline-block;margin-top: 37px;margin-bottom: 45px;} #areas p{max-width: 464px;font-weight: 300;color: var(--oro);font-size: 20px;letter-spacing: 4.3px;line-height: 28px;display: block;margin: 0 auto;text-align: justify;font-stretch: expanded;margin-bottom: 60px;} #areas .info{border:2px solid var(--oro);margin-bottom: 31px;} #areas .info .first{height: 38%;width: 100%;border-bottom: 2px solid var(--oro);display:flex;flex-direction:column;justify-content:center;align-items:center;} #areas .info .second{height: 62%;width: 100%;display: inline-block;} #areas .info p{font-weight: 500;color: var(--texto);font-size: 15px;letter-spacing: 0.5px;line-height: 25px;padding: 0px 100px;text-align: justify;margin: 0px;max-width: 100%;font-weight: normal;font-family: 'Futura Std Book';} #areas .info h2 p{font-size: 20px;font-weight: 500;letter-spacing: 4.17px;line-height: 28px;color: var(--azul);text-align: justify;min-width: 381px;width: 100%;margin: 0 auto;padding:15px;} /* #areas .info h2.w73 p{font-size: 20px!important;font-weight: 500!important;letter-spacing: 4.17px!important;line-height: 28px!important;color: var(--azul)!important;text-align: justify!important;min-width: 381px!important;width: 44%!important;margin: 0 auto!important;padding:0!important;} */ #areas .info h2.w73{width: 73%;} .vh100{height:100vh !important;} /* #areas .info h2.w73 p{width: 73%!important;} */ #areas .bg{background-repeat:no-repeat;-ms-background-size: cover;-o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;width: 100%;height:auto;background-position:center;display:inline-block;-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.3);box-shadow: 0px 2px 10px rgba(0,0,0,.3);} #areas .bg img{width: 100%;visibility: hidden;} #areas .movil{display: none;} #areas table{width: 100%;border: 2px solid var(--oro);margin-bottom: 75px;} #areas table thead tr{} #areas table thead tr td{text-align: center; color: var(--azul); padding: 16px 0px; border-bottom: 2px solid var(--oro); font-size: 20px; font-weight: 500; letter-spacing: 4.17px; line-height: 28px; } #areas table tbody tr{} #areas table tbody tr td{text-align: center; color: var(--texto); padding: 38px 0px; border-bottom: 2px solid var(--oro); border-right: 2px solid var(--oro); font-size: 15px; font-weight: 500; letter-spacing: 0.5px; line-height: 25px; } #areas table tbody tr td a{font-size: 15px; font-weight: 500; letter-spacing: 0.5px; line-height: 25px; color: var(--texto);} #areas table tfoot tr{} #areas table tfoot tr td{padding: 0px;text-align: center;width: 100%;padding: 52px 0px;} #areas table tfoot tr td span p{color: var(--azul);/* padding: 52px 0px; */font-size: 20px;font-weight: 500;letter-spacing: 4.17px;line-height: 28px;text-align: initial;width: 355px;display: inline-block;margin-right: 54px;vertical-align: top;} #areas table tfoot tr td span.w445{width: 445px;} #areas table tfoot tr td span small{width: 100%;display:table;font-size: 15px;color: var(--texto);font-weight: 500;letter-spacing: 0.5px;line-height: 25px;} #areas table tfoot tr td button{border: 2px solid var(--amarillo); font-weight: 600; font-stretch: condensed; text-transform: uppercase; letter-spacing: 3.12px; line-height: 15px; padding: 10.5px 35.5px; vertical-align: top; margin: 8px auto; } #areas #masterslider #info {pointer-events: none;height: auto;width: 100%;min-height: 70px;text-align: center;margin-bottom: 50px;} #areas #masterslider #info .ms-slide-info.ms-dir-h{pointer-events: none} #areas #masterslider .ms-staff-carousel .ms-staff-info{max-width: 100%; height: auto; margin-top: 30px; min-height: 300px;min-height: 50px} #areas #masterslider .ms-staff-carousel .ms-nav-next{background: url(../img/right.png) no-repeat center;-webkit-box-shadow: none;box-shadow: none;bottom: -62px;top: inherit;right: 38%;} #areas #masterslider .ms-staff-carousel .ms-nav-prev{background: url(../img/left.png) no-repeat center;-webkit-box-shadow: none;box-shadow: none;bottom: -62px;top: inherit;left: 38%;} #areas #masterslider .ms-info{font-weight: 500;font-size: 15px;color: var(--texto);letter-spacing: 0.5px;line-height: 25px;pointer-events: none;margin-top: 25px;} #areas #masterslider .ms-nav-next{background: url(../img/right.png) no-repeat center;-webkit-box-shadow: none;box-shadow: none;bottom: 14px;top: inherit;right: 46%;} #areas #masterslider .ms-nav-prev{background: url(../img/left.png) no-repeat center;-webkit-box-shadow: none;box-shadow: none;bottom: 14px;top: inherit;left: 46%;} #areas .msShadow .ms-container {-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.3);box-shadow: 0px 2px 10px rgba(0,0,0,.3);} #reservacion {padding-bottom: 55px;} #reservacion h2{font-stretch: condensed;text-transform: uppercase;font-weight: 500;font-size: 20px;letter-spacing: 8.33px;line-height: 23px;margin-top: 30px;margin-bottom: 30px;} #reservacion img.tiendas{-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: .8;pointer-events: none;display: block;margin-bottom: 15px;} #reservacion .resume{border: 2px solid var(--oro);padding: 23px 0px;margin-top: 10px;} #reservacion .resume p{font-weight: 500;color: var(--texto);font-size: 15px;letter-spacing: 0.5px;line-height: 25px;padding: 0px;text-align: center;margin: 0px;margin-bottom: 10px;font-weight: 500;} #reservacion .resume h2{font-size: 20px;font-weight: 500;letter-spacing: 4.17px;line-height: 28px;color: var(--azul);text-align: center;margin: 0 auto;margin-bottom: 16px;font-stretch: normal;} #reservacion .resume button{border: 2px solid var(--amarillo);font-weight: 600;font-stretch: condensed;text-transform: uppercase;letter-spacing: 3.12px;line-height: 15px;padding: 10.5px 35.5px;vertical-align: top;margin: 8px auto;display: block;min-width: 170px;background: transparent;} #confirmacion{width: 100%;height: 100%} #confirmacion .tbl{width: 100%} #confirmacion img{display: block;margin: 0 auto;margin-bottom: 46px;pointer-events: none;} #confirmacion h2{font-size: 20px;font-weight: 500;letter-spacing: 4.17px;line-height: 28px;color: var(--oro);text-align: center;margin: 0 auto;margin-bottom: 10px;} #confirmacion p{font-weight: 500;color: var(--blanco);font-size: 15px;letter-spacing: 0.5px;line-height: 25px;padding: 0px;text-align: center;margin: 0px;margin-bottom: 30px;font-weight: 500;} #confirmacion button{border: 2px solid var(--oro);font-weight: 600;font-stretch: condensed;text-transform: uppercase;letter-spacing: 3.12px;line-height: 15px;padding: 10.5px 16.5px;vertical-align: top;margin: 8px auto;display: block;min-width: 170px;background: transparent;color: var(--blanco)} /*CALENDARIO*/ #calendario,#reserva{width: 100%;height: auto;position: relative;display: -webkit-box;display: inline-block;overflow: hidden;padding-bottom: 70px;} #calendario:before,#reserva:before{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: .6;z-index: -1;background: rgba(11,33,62,1); background: -moz-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(11,33,62,1)), color-stop(60%, rgba(15,44,82,1)), color-stop(100%, rgba(11,33,62,1))); background: -webkit-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -o-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -ms-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: linear-gradient(135deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b213e', endColorstr='#0b213e', GradientType=1 );} #calendario:after,#reserva:after{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: 1;z-index: -2;background: rgba(11,33,62,1); background: -moz-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(11,33,62,1)), color-stop(50%, rgba(15,44,82,1)), color-stop(100%, rgba(11,33,62,1))); background: -webkit-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -o-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -ms-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b213e', endColorstr='#0b213e', GradientType=1 );} #calendario h1,#reserva h1{font-size: 24px;font-weight: 600;letter-spacing: 10px;line-height: 24px;color: var(--oro);text-transform: uppercase;text-align: left;font-stretch: condensed;margin-top: 5px;margin-bottom: 0px;padding-left: 15px;margin-right: 12px;display: inline-block;} #calendario i.brd1,#reserva i.brd1{width: 200%;height: 2px;background: var(--blanco);display: inline-block;margin-top: 35px;margin-bottom: 40px;} #calendario i.brd2,#reserva i.brd2{width: 200%;height: 2px;background: var(--blanco);display: inline-block;margin-top: 37px;margin-bottom: 45px;} #calendario .inline {display: block;width: 100%;vertical-align: top;} #calendario .inline .next{background: url(../img/right.png) no-repeat center;width: 11px;height: 18px;margin-right: 24px;margin-top: 3.5px;padding: 12px;display: inline-block;cursor: pointer;} #calendario .inline .prev{background: url(../img/left.png) no-repeat center;width: 11px;height: 18px;margin-right: 24px;margin-top: 3.5px;padding: 12px;display: inline-block;cursor: pointer;} #calendario .inline span{font-weight: 500;font-size: 17px;color: var(--blanco);letter-spacing: 3px;line-height: 25px;cursor: pointer;display: inline-block;margin-left: 35px;margin-top: 3px;vertical-align: top;display: inline-block;-webkit-transition: .4s all; -moz-transition: all .4s;-o-transition: all .4s;transition: all .4s} #calendario .inline span.active,#calendario .inline span:hover{color: var(--amarillo);-webkit-transition: .4s all; -moz-transition: all .4s;-o-transition: all .4s;transition: all .4s} #calendario .inline select{background: transparent url(../img/caret2.png) no-repeat 96.5% 45%;max-width: 180px;width: auto;margin-right: 72px;margin-bottom: 0px;color: var(--blanco);border-bottom: none;padding-right: 35px;padding-left: 0px;font-size: 17px;letter-spacing: 3px;vertical-align: top;text-align-last: right;padding-top: 0px;padding-bottom: 5px;display: inline-block;vertical-align: top;text-align: right;} #calendario .inline a{margin-right:20px;margin-bottom: 0px;margin-top: 6px;vertical-align: top;height: auto;display: inline-block;} #calendario .inline a.active svg polygon,#calendario .inline a:hover svg polygon{fill: var(--amarillo);-webkit-transition: .4s all; -moz-transition: all .4s;-o-transition: all .4s;transition: all .4s} #calendario .inline h2{font-size: 15px;font-weight: 600;font-stretch: condensed;letter-spacing: 3.12px;line-height: 15px;color: var(--blanco);text-align: right;text-transform: uppercase;cursor: pointer;margin-top: 10px;margin-bottom: 0px;margin-left: 57px;display: inline-block;vertical-align: top;-webkit-transition: .4s all; -moz-transition: all .4s;-o-transition: all .4s;transition: all .4s} #calendario .inline h2:hover{color: var(--amarillo);-webkit-transition: .4s all; -moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;} #calendario .calendar-tuyin{border: 2px solid var(--blanco);min-height: 400px;padding-top: 15px;padding-right: 0px;padding-left: 0px;} #calendario .calendar-tuyin .wmg-container{background: transparent;} #calendario .calendar-tuyin .wmg-thumbnail{background: transparent;} #calendario .calendar-tuyin .wmg-thumbnail-content{background-repeat:no-repeat;-ms-background-size: cover;-o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;background-position:center;display:inline-block;} #calendario .calendar-tuyin .wmg-thumbnail-content h1{position: absolute;right: 20px;top: 20px;margin: 0px;font-size: 35px;font-weight: 500;letter-spacing: 0.88px;z-index: 1;font-stretch: normal;font-family: 'Futura Std';} #calendario .calendar-tuyin .wmg-thumbnail-content:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 122px;background: rgba(0,0,0,0.5); background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );} #calendario .calendar-tuyin .wmg-thumbnail-content h2{font-family: 'Futura Std';position: absolute;top: 29px;left: 20px;position: absolute;margin: 0px;font-size: 15px;font-weight: 500;letter-spacing: 5px;line-height: 15px;z-index: 1;color: var(--amarillo);text-transform: uppercase;} #calendario .calendar-tuyin .wmg-item{padding-bottom: 45px !important; } #calendario .calendar-tuyin .wmg-item:after{content: '';width: 100%;height: 2px;background: var(--blanco);display: block;margin-top: 30px;margin-bottom: 30px;right: 0;left: 0;margin-left: 0;position: absolute;pointer-events: none;z-index: -1;} #calendario .calendar-tuyin .wmg-thumbnail-content:hover{background-image: url(../img/herreria-calendario.png) !important;background-color: var(--oro);background-size: initial;background-position: bottom left;} #calendario .calendar-tuyin .wmg-thumbnail-content:hover h1{color: var(--blanco);-webkit-transition: .4s all; -moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;} #calendario .calendar-tuyin .wmg-thumbnail-content:hover h2{color: var(--blanco);-webkit-transition: .4s all; -moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;display: none;} #calendario .calendar-tuyin .wmg-thumbnail-content:hover:after{height: 0px;} #calendario .calendar-tuyin .wmg-thumbnail-content:hover:before{content: attr(data-text);color: var(--blanco);position: absolute;left: 20px;bottom: 20px;font-family: 'Futura Std';font-weight: 600;font-stretch: condensed;font-size: 15px;letter-spacing: 3.12px;line-height: 15px;text-transform: uppercase;} #calendario .calendar-tuyin .wmg-details-content{background: var(--main);} #calendario .calendar-tuyin .wmg-details-content .exemplo{border:2px solid var(--blanco);padding: 0px;} #calendario .calendar-tuyin .wmg-details-content .mini-slide:before,#calendario .calendar-tuyin .list .mini-slide:before{content: '';position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 122px;pointer-events: none;background: rgba(0,0,0,0.5);background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0)));background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );} #calendario .calendar-tuyin .wmg-details-content .mini-slide:after,#calendario .calendar-tuyin .list .mini-slide:after{content: '';position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 122px;pointer-events: none;background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.59) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.59))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.59) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.59) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.59) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.59) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );} #calendario .calendar-tuyin .wmg-details-content .mini-slide .ms-nav-next,#calendario .calendar-tuyin .list .mini-slide .ms-nav-next{background: url(../img/arrow-right.png) no-repeat;width: 13px;height: 22px;bottom: 15px;right: 15px;top: inherit;} #calendario .calendar-tuyin .wmg-details-content .mini-slide .ms-nav-prev,#calendario .calendar-tuyin .list .mini-slide .ms-nav-prev{background: url(../img/arrow-left.png) no-repeat;width: 13px;height: 22px;bottom: 15px;top: inherit;right: 50px;left: inherit;} #calendario .calendar-tuyin .wmg-details-content .swiper-container{width: 100%;height: 299px;margin: 0px auto;padding-left: 45px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide{width: 33.33333333%;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide h2,#calendario .calendar-tuyin .list h2{font-size: 20px;font-weight: 500;letter-spacing: 8.33px;line-height: 23px;color: var(--oro);text-align: left;margin-bottom:11px;font-stretch: condensed;text-transform: uppercase;margin-top: 50px;font-family: 'Futura Std';} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide p,#calendario .calendar-tuyin .list p{font-family: 'Futura Std';color: var(--blanco);font-size: 15px;letter-spacing: 0.5px;line-height: 25px;text-align: left;margin-top: 0px;margin-bottom: 10px;font-weight: 300;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide p.time:before,#calendario .calendar-tuyin .list p.time:before{content: '';background: url(../img/icon1.png) no-repeat center;width: 14px;height: 25px;display: inline-block;margin-right: 6px;vertical-align: bottom;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide p.place:before,#calendario .calendar-tuyin .list p.place:before{content: '';background: url(../img/icon2.png) no-repeat center;width: 14px;height: 25px;display: inline-block;margin-right: 6px;vertical-align: bottom;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide p.price:before,#calendario .calendar-tuyin .list p.price:before{content: '';background: url(../img/icon3.png) no-repeat center;width: 17px;height: 25px;display: inline-block;margin-right: 5px;vertical-align: bottom;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide a,#calendario .calendar-tuyin .list a{font-family: 'Futura Std';font-size: 13px;font-weight: 500;letter-spacing: 2.71px;line-height: 13px;color: var(--blanco);text-align: left;margin-top: 0px;margin-bottom:30px;font-stretch: condensed;text-transform: uppercase;display: block;margin-top: 35px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-scrollbar{height: 7px !important;width: 100% !important;right: 0;margin: 0 auto;bottom: 0;left: 0px;background: var(--blanco);border-radius: 0px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-scrollbar-drag{background: var(--oro) !important;} #calendario .calendar-tuyin .wmg-details-content .fecha{background: var(--main);width: 78px;height: 97%;position: absolute;right: 0;top: 0;z-index: 2;margin-bottom: 10px;} #calendario .calendar-tuyin .wmg-details-content .fecha h3{font-family: 'Futura Std';font-size: 35px;font-weight: 500;letter-spacing: 0.88px;line-height: 35px;color: var(--blanco);text-transform: uppercase;text-align: center;} #calendario .calendar-tuyin .wmg-details-content .fecha h4{font-family: 'Futura Std';font-size: 15px;font-weight: 500;letter-spacing: 5px;line-height: 15px;z-index: 1;color: var(--blanco);text-transform: uppercase;-ms-transform: rotate(270deg);transform: rotate(270deg);transform-origin: left;-webkit-transform-origin: 50% 0px;position: absolute;right: -28px;bottom: 73px;height: 15px;width: 150px;} #calendario .calendar-tuyin .wmg-details .wmg-close {background: url(../img/close1.png) no-repeat center;width: 16px;height: 14px;left: 28px;top: 15px;z-index: 3;} #calendario .calendar-tuyin .wmg-item.hoy h1{color: var(--amarillo)} #calendario .calendar-tuyin .wmg-item.hoy h2{color: var(--amarillo);display: block;} #calendario .calendar-tuyin .wmg-item.hoy .wmg-thumbnail-content:hover{background-color: var(--amarillo);} #calendario .calendar-tuyin .wmg-item.hoy .wmg-details-content .exemplo{border:2px solid var(--amarillo);} #calendario .calendar-tuyin .wmg-item.hoy .wmg-details-content .swiper-container .swiper-scrollbar{background: var(--amarillo)} #calendario .calendar-tuyin .wmg-item.hoy .wmg-details-content .swiper-container .swiper-scrollbar-drag{background: var(--blanco) !important;} #calendario .calendar-tuyin .wmg-item.hoy .wmg-arrow{border-bottom-color:var(--amarillo);} #calendario .calendar-tuyin .wmg-item.hoy .wmg-thumbnail-content:hover h1{color: var(--blanco);} #calendario .calendar-tuyin .wmg-item.hoy .wmg-thumbnail-content:hover h2{color: var(--blanco);} #calendario .calendar-tuyin .list {border-bottom: 2px solid #fff;margin-bottom: 30px;padding-bottom: 30px;margin-top: 15px;} #calendario .calendar-tuyin .list:last-child{border-bottom: none;margin-bottom: 0px;} #calendario .calendar-tuyin .list h2{padding-left: 15px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #calendario .calendar-tuyin .list a{margin-top: 30px;margin-left: 15px;} #calendario .calendar-tuyin .list p{text-align: justify;max-height: 100px;overflow: hidden;} #calendario .calendar-tuyin .list h5.infoR{font-family: 'Futura Std';font-size: 13px;font-weight: 300;letter-spacing: 0.4px;line-height: 23px;z-index: 1;color: var(--blanco);position: absolute;bottom: 47px;left: 14%;} #calendario .calendar-tuyin .list .col-lg-9{min-height: 299px;} #calendario .calendar-tuyin .list .wmg-details-content{border: 2px solid var(--blanco);background: transparent;} #calendario .calendar-tuyin .list.hoy .wmg-details-content{border: 2px solid var(--amarillo);} #calendario .calendar-tuyin .list .wmg-details-content .fecha{background: transparent;} #calendario .calendar-tuyin .list .bg{background-repeat:no-repeat;-ms-background-size: cover;-o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;width: 100%;height:auto;background-position:center;display:inline-block;min-height: 299px;margin-bottom: 0px;} #calendario .calendar-tuyin .list .bg img{width: 100%;visibility: hidden;} #calendario .paginador,#galerias .paginador{text-align: center;margin-top: 38px;margin-bottom: 0px;} #calendario .paginador button,#galerias .paginador button{background: transparent;border: none;-webkit-box-shadow: none;box-shadow: none;} #calendario .paginador .prev,#galerias .paginador .prev{margin-right: 0px;} #calendario .paginador .next,#galerias .paginador .next{margin-right: 0px;} #calendario .paginador span,#galerias .paginador span{font-size: 15px;margin-left: 0px;} #calendario .paginador span:hover,#galerias .paginador span:hover{cursor: default;color: var(--blanco)} #calendario .slide {min-height: 400px;} #calendario .slide .ms-nav-next{background: url(../img/right.png) no-repeat center;-webkit-box-shadow: none;box-shadow: none;bottom: -49px;top: inherit;right: 44%;} #calendario .slide .ms-nav-prev{background: url(../img/left.png) no-repeat center;-webkit-box-shadow: none;box-shadow: none;bottom: -49px;top: inherit;left: 44%;} #calendario .bg{background-repeat:no-repeat;-ms-background-size: cover;-o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;width: auto;height:auto;background-position:center;display:inline-block;-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.3);box-shadow: 0px 2px 10px rgba(0,0,0,.3);margin-bottom: 30px;} #calendario .bg img{width: auto;visibility: hidden;} #calendario .evento .info{border:2px solid var(--blanco);margin-bottom: 31px;height: 100%;} #calendario .evento .info .first{height: 24.7%;width: 100%;display: inline-block;border-bottom: 2px solid var(--blanco);} #calendario .evento .info .second{height: 75.3%;width: 100%;display: inline-block;overflow-y:auto;} #calendario .evento .info p{color: var(--blanco);font-size: 15px;letter-spacing: 0.5px;line-height: 25px;padding: 0px 100px;text-align: justify;margin: 0px;max-width: 100%;font-weight: 300;font-family: 'Futura Std';padding-top: 30px;padding-bottom: 30px;} #calendario .evento .info h2{font-size: 20px;font-weight: 500;letter-spacing: 4.17px;line-height: 28px;color: var(--oro);text-align: center;min-width: 381px;width: 44%;margin: 0 auto;} #calendario .evento .info h2.w73{width: 100%;} #calendario .infoEv {width: 100%;margin-top: 75px;border: 2px solid var(--blanco);} #calendario .infoEv tr{padding: 10px 3px;} #calendario .infoEv td{padding: 31.5px 44px;border-bottom: 2px solid var(--blanco);} #calendario .infoEv h2{font-size: 20px;font-weight: 500;letter-spacing: 4.17px;line-height: 28px;color: var(--oro);text-align: left;margin-top: 10px;min-width: 381px;width: 44%;display: inline-block;} #calendario .infoEv p{font-family: 'Futura Std';color: var(--blanco);font-size: 15px;letter-spacing: 0.5px;line-height: 25px;text-align: center;margin-top: 0px;margin-bottom: 0px;font-weight: 300;} #calendario .infoEv p.time:before{content: '';background: url(../img/icon1.png) no-repeat center;width: 14px;height: 25px;display: inline-block;margin-right: 6px;vertical-align: bottom;} #calendario .infoEv p.place:before{content: '';background: url(../img/icon2.png) no-repeat center;width: 14px;height: 25px;display: inline-block;margin-right: 6px;vertical-align: bottom;} #calendario .infoEv h2.price:before{content: '';background: url(../img/price2.png) no-repeat center;width: 19px;height: 28px;display: inline-block;margin-right: 10px;vertical-align: bottom;} #calendario .infoEv a{font-family: 'Futura Std';font-size: 13px;font-weight: 500;letter-spacing: 2.71px;line-height: 13px;color: var(--blanco);text-align: left;margin-top: 0px;margin-bottom:30px;font-stretch: condensed;text-transform: uppercase;display: block;margin-top: 35px;} #calendario .infoEv button{border: 2px solid var(--oro); font-weight: 600; font-stretch: condensed; text-transform: uppercase; letter-spacing: 3.12px; line-height: 15px; padding: 10.5px 35.5px; vertical-align: top; margin: 5px auto;background: transparent;color: var(--blanco);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} #calendario .infoEv button:hover{border: 2px solid var(--oro);color: var(--blanco);background-color: var(--oro);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} #calendario .evnt i.brd2{margin-bottom: 60px;} #calendario .reserva-tu-espacio a{border: 1px solid transparent;font-weight: 300;letter-spacing: 3px;line-height: 15px;font-size: 17px;padding: 5.5px 8px;vertical-align: top;margin: 5px auto;margin-right: 15px;background: transparent;color: var(--blanco);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} #calendario .reserva-tu-espacio a.active{border: 1px solid var(--blanco);color: var(--amarillo);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} #calendario .reserva-tu-espacio a:hover{text-decoration: none;border: 1px solid var(--blanco);color: var(--amarillo);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} #calendario .reserva-tu-espacio p{font-family: 'Futura Std';color: var(--blanco);font-size: 15px;letter-spacing: 0.5px;line-height: 25px;text-align: left;margin-top: 15px;margin-bottom: 0px;font-weight: 300;} #calendario .datepicker .datepicker-switch,#calendario .datepicker .prev,#calendario .datepicker .next, .datepicker tfoot tr th{color: var(--oro)} #calendario .table-condensed>thead>tr>th.dow{color: var(--blanco)} #calendario .datepicker table tr td.active:before,#calendario .datepicker table tr td.active:hover:before,#calendario .datepicker table tr td.active.disabled:before,#calendario .datepicker table tr td.active.disabled:hover:before{border: 1px solid var(--amarillo);} #calendario .datepicker table tr td.active,#calendario .datepicker table tr td.active:hover,#calendario .datepicker table tr td.active.disabled,#calendario .datepicker table tr td.active.disabled:hover{color: var(--oro);} #calendario .datepicker table tr td.day:hover:before,#calendario .datepicker table tr td.day.focused:before{border: 1px solid var(--amarillo);} #calendario .datepicker table tr td.day:hover,#calendario .datepicker table tr td.day.focused{color: var(--oro);} #calendario .datepicker td.day.highlight{color: var(--azul)} #calendario .datepicker table tr td.old.day{background: transparent;color: transparent;border: none;cursor: default;pointer-events: none} #calendario .datepicker table tr td.new.day{background: transparent;color: transparent;border: none;cursor: default;pointer-events: none} #calendario .datepicker table tr td.old.day:before{display: none} #calendario .datepicker table tr td.new.day:before{display: none} #calendario .reserva-tu-espacio table.animated{width: 100%;border: 2px solid var(--blanco);margin-bottom: 30px;} #calendario .reserva-tu-espacio table.animated tr{} #calendario .reserva-tu-espacio table.animated td{text-align: left;color: #969696;padding: 7px 15px;border-bottom: 2px solid var(--oro);font-size: 15px;font-weight: 500;letter-spacing: 0.5px;line-height: 25px;} #calendario .reserva-tu-espacio table.animated tr.reservado td{color: var(--blanco);} #calendario .reserva-tu-espacio h2 {font-size: 20px; font-weight: 500; letter-spacing: 8.33px; line-height: 23px; color: var(--oro); text-align: center; margin-top: 24px; margin-bottom: 30px; text-transform: uppercase; font-stretch: condensed; } /*#calendario .calendar-tuyin .wmg-item.open{padding-bottom: 15px !important}*/ #calendario .reserva-tu-espacio button{border: 2px solid var(--oro);color: var(--blanco)} #calendario .reserva-tu-espacio button.hvr-rectangle-out:before {background: var(--oro); } #reservacion.Reserva{width: 100%;height: auto;position: relative;display: -webkit-box;display: inline-block;overflow: hidden;} #reservacion.Reserva:before{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: var(--main);opacity: .6;z-index: -1;background: rgba(11,33,62,1); background: -moz-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(11,33,62,1)), color-stop(60%, rgba(15,44,82,1)), color-stop(100%, rgba(11,33,62,1))); background: -webkit-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -o-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -ms-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: linear-gradient(135deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b213e', endColorstr='#0b213e', GradientType=1 );} #reservacion.Reserva:after{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: 1;z-index: -2;background: rgba(11,33,62,1); background: -moz-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(11,33,62,1)), color-stop(50%, rgba(15,44,82,1)), color-stop(100%, rgba(11,33,62,1))); background: -webkit-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -o-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -ms-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b213e', endColorstr='#0b213e', GradientType=1 );} #reservacion.Reserva h1,#reservacion.Reserva h2{color: var(--oro);} #reservacion.Reserva i.brd1, #reservacion.Reserva i.brd2{background: var(--blanco);} #reservacion.Reserva img.tiendas{opacity: 1} #reservacion.Reserva svg.paypal path,#reservacion.Reserva svg.oxxo path {fill:var(--blanco);} #reservacion.Reserva .radio label{color:var(--blanco);} #reservacion.Reserva input::-webkit-input-placeholder,#reservacion.Reserva select::-webkit-input-placeholder,#reservacion.Reserva textarea::-webkit-input-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} #reservacion.Reserva input:-moz-placeholder,#reservacion.Reserva select:-moz-placeholder,#reservacion.Reserva textarea:-moz-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} #reservacion.Reserva input::-moz-placeholder,#reservacion.Reserva select::-moz-placeholder,#reservacion.Reserva textarea::-moz-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} #reservacion.Reserva input:-ms-input-placeholder,#reservacion.Reserva select:-ms-input-placeholder,#reservacion.Reserva textarea:-ms-input-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} #reservacion.Reserva select{color: var(--blanco);} #reservacion.Reserva form input[type=number],#reservacion.Reserva input[type=text],#reservacion.Reserva input[type=email],#reservacion.Reserva select,#reservacion.Reserva textarea{border-bottom: 1px solid var(--blanco);} #reservacion.Reserva .radio label::before{border: 1px solid var(--blanco);} #reservacion.Reserva .radio label::after{background: var(--amarillo);} #reservacion.Reserva .resume p{color: var(--blanco)} #reservacion.Reserva .resume button{border: 2px solid var(--oro);color: var(--blanco)} #reservacion.Reserva button.hvr-rectangle-out:before{background: var(--oro);} #reservacion.Reserva form select{background: transparent url(../img/caret3.png) no-repeat 96.5% 50%;} #reservacion.Pago{min-height: 100%;} #reservacion.Pago{width: 100%;height: auto;position: relative;display: -webkit-box;display: inline-block;overflow: hidden;} #reservacion.Pago:before{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: var(--main);opacity: .6;z-index: -1;background: rgba(11,33,62,1); background: -moz-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(11,33,62,1)), color-stop(60%, rgba(15,44,82,1)), color-stop(100%, rgba(11,33,62,1))); background: -webkit-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -o-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -ms-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: linear-gradient(135deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b213e', endColorstr='#0b213e', GradientType=1 );} #reservacion.Pago:after{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: 1;z-index: -2;background: rgba(11,33,62,1); background: -moz-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(11,33,62,1)), color-stop(50%, rgba(15,44,82,1)), color-stop(100%, rgba(11,33,62,1))); background: -webkit-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -o-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -ms-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b213e', endColorstr='#0b213e', GradientType=1 );} #reservacion.Pago h1,#reservacion.Pago h2{color: var(--oro);} #reservacion.Pago i.brd1, #reservacion.Pago i.brd2{background: var(--blanco);} #reservacion.Pago img.tiendas{opacity: 1} #reservacion.Pago svg.paypal path,#reservacion.Pago svg.oxxo path {fill:var(--blanco);} #reservacion.Pago .radio label{color:var(--blanco);} #reservacion.Pago input::-webkit-input-placeholder,#reservacion.Pago select::-webkit-input-placeholder,#reservacion.Pago textarea::-webkit-input-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} #reservacion.Pago input:-moz-placeholder,#reservacion.Pago select:-moz-placeholder,#reservacion.Pago textarea:-moz-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} #reservacion.Pago input::-moz-placeholder,#reservacion.Pago select::-moz-placeholder,#reservacion.Pago textarea::-moz-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} #reservacion.Pago input:-ms-input-placeholder,#reservacion.Pago select:-ms-input-placeholder,#reservacion.Pago textarea:-ms-input-placeholder {font-family: 'Futura Std';color: var(--blanco);font-size: 15px;line-height: 25px;letter-spacing: 0.5px;font-weight: 500} #reservacion.Pago select{color: var(--blanco);} #reservacion.Pago form input[type=number],#reservacion.Pago input[type=text],#reservacion.Pago input[type=email],#reservacion.Pago select,#reservacion.Pago textarea{border-bottom: 1px solid var(--blanco);} #reservacion.Pago .radio label::before{border: 1px solid var(--blanco);} #reservacion.Pago .radio label::after{background: var(--amarillo);} #reservacion.Pago .resume p{color: var(--blanco)} #reservacion.Pago .resume button{border: 2px solid var(--oro);color: var(--blanco)} #reservacion.Pago button.hvr-rectangle-out:before{background: var(--oro);} #reservacion.Pago form select{background: transparent url(../img/caret3.png) no-repeat 96.5% 50%;} #reservacion.Pago form .dropdown.bootstrap-select button.btn-default{background: transparent url(../img/caret3.png) no-repeat 96.5% 50%;} #galerias {width: 100%; height: auto; min-height: 100%; position: relative; } #galerias:before{content: '';width: 100%;height: 100%;/* visibility: hidden; */position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: .6;z-index: -1;background: -moz-linear-gradient(-45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 70%, rgba(81,22,50,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(81,22,50,1)), color-stop(70%, rgba(113,29,69,1)), color-stop(100%, rgba(81,22,50,1)));background: -webkit-linear-gradient(-45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 70%, rgba(81,22,50,1) 100%);background: -o-linear-gradient(-45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 70%, rgba(81,22,50,1) 100%);background: -ms-linear-gradient(-45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 70%, rgba(81,22,50,1) 100%);background: linear-gradient(135deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 70%, rgba(81,22,50,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#511632', endColorstr='#511632', GradientType=1 );} #galerias:after{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: 1;z-index: -2;background: -moz-linear-gradient(45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 46%, rgba(81,22,49,1) 100%);background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(81,22,50,1)), color-stop(46%, rgba(113,29,69,1)), color-stop(100%, rgba(81,22,49,1)));background: -webkit-linear-gradient(45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 46%, rgba(81,22,49,1) 100%);background: -o-linear-gradient(45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 46%, rgba(81,22,49,1) 100%);background: -ms-linear-gradient(45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 46%, rgba(81,22,49,1) 100%);background: linear-gradient(45deg, rgba(81,22,50,1) 0%, rgba(113,29,69,1) 46%, rgba(81,22,49,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#511632', endColorstr='#511631', GradientType=1 );} #galerias{width: 100%;height: auto;position: relative;display: -webkit-box;display: inline-block;overflow: hidden;padding-bottom: 70px;} #galerias h1.titulo{font-size: 24px;font-weight: 600;letter-spacing: 10px;line-height: 24px;color: var(--oro);text-transform: uppercase;text-align: left;font-stretch: condensed;margin-top: 5px;margin-bottom: 0px;padding-left: 15px;margin-right: 12px;display: inline-block;} #galerias i.brd1{width: 200%;height: 2px;background: var(--blanco);display: inline-block;margin-top: 35px;margin-bottom: 40px;} #galerias i.brd2{width: 200%;height: 2px;background: var(--blanco);display: inline-block;margin-top: 37px;margin-bottom: 30px;} #galerias .flex a{font-size: 17px; font-weight: 300; letter-spacing: 3px; line-height: 25px; color: var(--blanco); text-align: left; margin-right: 20px; margin-bottom: 45px;-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} #galerias .flex a:hover,#galerias .flex a:focus,#galerias .flex a:active,#galerias .flex a.active{color: var(--amarillo);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-decoration: none} #galerias .col-lg-4 .padbrd{border:2px solid var(--oro);padding: 20px 20px 0px 20px;overflow: hidden;position: relative;margin-bottom: 30px;} #galerias .col-lg-8>.col-lg-4 .padbrd{border:2px solid var(--oro);padding: 15px 15px 0px 15px;margin-bottom: 30px;position: relative;} #galerias .bg{background-repeat:no-repeat;background-size: cover;width: 100%;height:auto;background-position:center;display:inline-block;} #galerias .bg img{width: 100%;visibility: hidden;} #galerias .bg:hover {cursor: pointer;} #galerias h2{color: var(--oro);font-weight: 500;font-stretch: condensed;font-size: 20px;/* position: relative; */letter-spacing: 8.33px;line-height: 23px;margin-top: 17px;padding-top: 10px;margin-bottom: 0px;/* margin-left: 20px; *//* margin-right: 20px; *//* position: absolute; */min-height: 70px;text-transform: uppercase;border-top: 2px solid var(--oro);/*text-overflow:ellipsis;white-space:nowrap; overflow:hidden;*/overflow: hidden;max-height: 50px;} #galerias h2:before{content: '';width: 30px;height: 2px;background: var(--oro);position: absolute;bottom: 68px;left: 0px;display: inline-block;z-index: 37;} #galerias h2:after{content: '';width: 23px;height: 2px;background: var(--oro);position: absolute;bottom: 68px;right: 0px;} #galerias .col-lg-4 .bg{min-height: 300px;} #galerias .col-lg-8>.col-lg-4 .bg{min-height: 100px;} #galerias .paginador {margin-top: 8px;} #galerias .paginador .next{background: url(../img/right.png) no-repeat center;width: 11px;height: 18px;margin-right: 0px;margin-top: 3.5px;padding: 12px;display: inline-block;cursor: pointer;} #galerias .paginador .prev{background: url(../img/left.png) no-repeat center;width: 11px;height: 18px;margin-right: 0px;margin-top: 3.5px;padding: 12px;display: inline-block;cursor: pointer;} #galerias .paginador span{font-weight: 500;font-size: 17px;color: var(--blanco);letter-spacing: 3px;line-height: 25px;cursor: pointer;display: inline-block;margin-left: 0px;margin-top: 5px;vertical-align: top;display: inline-block;-webkit-transition: .4s all;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;} #galerias .paginador span.active,#calendario .inline span:hover{color: var(--amarillo);-webkit-transition: .4s all; -moz-transition: all .4s;-o-transition: all .4s;transition: all .4s} /* BLOG */ #blog{min-height: 850px;} #blog h1{display: inline-block;} #blog .flex a{font-size: 17px; font-weight: 500; letter-spacing: 3px; line-height: 25px; color: var(--texto); text-align: left; margin-right: 20px; margin-bottom: 45px;-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} #blog .flex a:hover,#blog .flex a:focus,#blog .flex a:active,#blog .flex a.active{color: var(--amarillo);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-decoration: none} #blog .pull-right form{display: inline-block;} #blog .pull-right form input{display: inline-block;width: 220px;height: 33px;border-bottom: 1px solid var(--oro);background: url(../img/search.png) no-repeat 95% 50%;margin-bottom: 0px;} #blog .pull-right h2{display: inline-block;font-size: 15px;font-weight: 600;font-stretch: condensed;letter-spacing: 3.12px;line-height: 15px;color: var(--text);text-align: right;text-transform: uppercase;cursor: pointer;margin-top: 10px;margin-bottom: 0px;margin-right: 45px;display: inline-block;vertical-align: top;-webkit-transition: .4s all;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;} #blog .pull-right h2:hover{color: var(--amarillo);-webkit-transition: .4s all;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;} #blog i.brd1{margin-bottom: 35px;} #blog i.brd2{margin-top: 27px;} #blog table{width: 100%;border: 2px solid var(--oro);margin-bottom: 45px;} #blog table tr{border-bottom: 2px solid var(--oro); } #blog table tr:first-child td{padding: 0px;} #blog table tr:last-child td{height: 105px;padding-left: 15px;padding-right: 15px;} #blog table tr td{font-family: 'Futura Std';color: var(--texto);font-size: 15px;letter-spacing: 0.5px;line-height: 25px;text-align: center;margin-top: 0px;margin-bottom: 0px;font-weight: 500;display: table-cell;vertical-align: middle;border-right: 2px solid var(--oro);width: 50%;padding: 11px 0px;height: 70px;} #blog table tr td img{} #blog table tr td .bg{background-repeat:no-repeat;background-size: cover;width: 100%;height:auto;background-position:center;display:inline-block;} #blog table tr td .bg img{width: 100%;visibility: hidden;} #blog table tr td .bg:hover {cursor: pointer;} #blog table tr td h1{font-size: 20px;font-weight: 500;letter-spacing: 8.33px;line-height: 23px;color: var(--azul);text-transform: uppercase;text-align: left;font-stretch: condensed;padding-left: 15px;padding-right: 15px;max-height: 46px;overflow: hidden;} #blog table tr td p{font-family: 'Futura Std';color: var(--texto);font-size: 15px;letter-spacing: 0.5px;line-height: 25px;text-align: left;margin-top: 0px;margin-bottom: 0px;font-weight: 500;max-height: 75px;overflow: hidden;} #blog table tr:nth-child(2) td:hover{padding: 0px;max-height: 70px;height: 70px;padding-top: 0px;} #blog table tr:nth-child(2) td:hover h1{max-height: 57px;overflow-y: scroll;padding-bottom: 0;} #blog table tr td h1::-webkit-scrollbar{width: 0px} #blog .paginador{text-align: center;margin-top: -15px;margin-bottom: 75px;} #blog .paginador button{background: transparent;border: none;-webkit-box-shadow: none;box-shadow: none;} #blog .paginador .next{background: url(../img/right.png) no-repeat center;width: 11px;height: 18px;margin-right: 0px;margin-top: 3.5px;padding: 12px;display: inline-block;cursor: pointer;} #blog .paginador .prev{background: url(../img/left.png) no-repeat center;width: 11px;height: 18px;margin-right: 0px;margin-top: 3.5px;padding: 12px;display: inline-block;cursor: pointer;} #blog .paginador span{font-weight: 500;font-size: 17px;color: var(--texto);letter-spacing: 3px;line-height: 25px;cursor: pointer;display: inline-block;margin-left: 0px;margin-top: 5px;vertical-align: top;display: inline-block;-webkit-transition: .4s all;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;} #blog .paginador span:hover{cursor: default;color: var(--blanco)} #blog .detalle h1{text-align: left;margin-top: 30px;margin-bottom: 15px;font-weight: 500;padding-left: 0px;max-width: 80%;} #blog .detalle .buscar{margin-top: 27px;} #blog .detalle h6{position: relative;color: var(--texto);font-weight: 500;font-size: 15px;letter-spacing: 0.5px;line-height: 25px;margin-top: 5px;margin-bottom: 30px;} #blog .detalle h6:after{content:'';} #blog .detalle h1 b{font-weight: 300;font-style: italic;font-size: 10px;color: #4A4A4A} #blog .detalle p{text-align: left;/*margin-bottom: 30px*/} #blog .detalle form input[type="text"], #blog .detalle form input[type="number"]{background: transparent;border: 1px solid #C1C1C1; margin-bottom: 30px;width: 100%;height: 30px;color: #000;font-size: 14px;padding-left: 17px;} #blog .more ul li.active a{font-weight: 300;color: #eb507a;} #blog .more ul li:before {content: '';} #blog .more ul li a {font-size: 17px;font-weight: 500;letter-spacing: 3px;line-height: 25px;color: var(--texto);text-align: left;margin-right: 20px;margin-bottom: 10px;-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;display: inline-block;} #blog .more ul li a:hover,#blog .more ul li a.active {color: var(--amarillo);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-decoration: none;} #blog .more ul {list-style: none;padding-left: 0px;padding-top: 0;margin: 0;} #blog .recent-news{padding-top: 0px;margin-left: 0;margin-top: 30px;} #blog .recent-news .blogrec{border: 2px solid var(--oro);margin-bottom: 30px;} #blog .recent-news .blogrec h5{font-size: 20px;font-weight: 500;letter-spacing: 8.33px;line-height: 23px;color: var(--azul);text-transform: uppercase;text-align: left;font-stretch: condensed;padding-left: 15px;padding-right: 15px;padding-bottom: 5px;padding-top: 10px;margin-bottom: 5px;overflow: auto;margin-top: 0px;min-height: 70px;border-top: 2px solid var(--oro);border-bottom: 2px solid var(--oro);} #blog .recent-news .blogrec a{font-family: 'Futura Std';color: var(--texto);font-size: 15px;letter-spacing: 3.12px;line-height: 35px;text-align: left;margin-top: 0px;margin-bottom: 0px;font-weight: 600;font-stretch: condensed;text-transform: uppercase;padding-left: 15px;} #blog .recent-news .blogrec h5::-webkit-scrollbar {width: 0px; background: #fff} #blog .more{border: 2px solid var(--oro);padding-top: 30px !important;padding-left: 30px;padding-right: 30px;} #blog .bg{background-repeat:no-repeat;background-size: cover;width: 100%;height:auto;background-position:center;display:inline-block;} #blog .bg img{width: 100%;visibility: hidden;} #blog .recent-news a{margin-bottom: 35px;} #blog .detalle .share{position: relative;float: right;margin-top: 70px;vertical-align: top;z-index: 1;} #blog .detalle img{-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);} #blog .detalle .share .at-icon-wrapper{background-color: var(--main) !important;width: 25px !important;height: 24px !important;} #blog .detalle .share .at-icon-wrapper.at-share-btn.at-svc-compact{background-color: var(--oro) !important;} #blog .detalle .share .at-icon-wrapper.at-share-btn.at-svc-compact .at-icon-wrapper{background-color: var(--main) !important;} #blog .detalle .share .at-icon-wrapper svg{height: 24px !important;width: 25px !important;} #blog .detalle .socialBlog2 .share{float: left;margin-bottom: 50px;} #blog .detalle .texto-noticia{text-align: justify;padding-left: 0px;padding-right: 0px;font-weight: 400;font-size: 15px;letter-spacing: 0.5px;line-height: 25px;color: var(--negro);} #blog .more .cat form{width: 100%;height: auto;display: initial;right: 0;top: 0;float: inherit;} #blog .more .cat form input{width: 100%;height: 30px;border: none;border-bottom: 1px solid var(--oro);background: url(../img/search.png) no-repeat 95.5% center;padding-left: 0;padding-right: 11.5%;} #blog .more .cat ul{text-align: left; } #blog .more .cat ul>li{display: list-item;margin-bottom: 10px;} #blog .more .cat ul>li>a{font-size: 15px;color: #4B4B4B;} #blog .more .cat h5{font-weight: 400;color: var(--oro);font-size: 20px;line-height: 24px;letter-spacing: 0.85px;margin-top: 33px;margin-bottom: 9px;text-align: left;} #blog .more .cat h5:after{content: '';width: 100%;height: 1px;background: rgba(206, 132, 133, 0.35);position: absolute;bottom: 0px;left: 0;} #blog .more .cat .active{color: var(--oro);text-decoration: underline;font-weight: 500;} #blog .more .cat .active:after{opacity: 0;visibility: hidden;} #blog .ms-skin-default .ms-nav-next,#blog .ms-skin-default .ms-nav-prev{top: initial;bottom: 10px;} #blog .ms-skin-default .ms-nav-prev{background: url(../img/left.png) no-repeat center;left: 10px;} #blog .ms-skin-default .ms-nav-next{background: url(../img/right.png) no-repeat center;right: 10px;} #blog .galeriaPad{margin-bottom: 30px;padding-left: 0px;padding-right: 0px} #blog .videoPad{margin-bottom: 30px;padding-left: 0px;padding-right: 0px} #blog .texto-noticia{margin-bottom: 30px;padding-left: 0px;padding-right: 0px} #blog .ms-slide-vpbtn {background: url(../img/play.png);width: 180px;height: 180px;margin: -90px 0 0 -90px;} #blog .videoPad .ms-slide-bgcont{opacity: 1 !important} #blog .galeriaPad .ms-view{background: transparent !important} #blog .videoPad .ms-view{background: transparent !important} #blog.ediciones-anteriores{} #blog.ediciones-anteriores table tr td{text-align: left;} #blog.ediciones-anteriores table tr:last-child td{height: 50px;} #blog.ediciones-anteriores table tr td span{font-family: 'Futura Std';color: var(--texto);font-size: 15px;letter-spacing: 3.12px;line-height: 35px;text-align: left;margin-top: 0px;margin-bottom: 0px;font-weight: 600;font-stretch: condensed;text-transform: uppercase;} #blog .slider-video{-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);} #blog .slider-img{-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);} /* CONTACTO */ #contacto{width: 100%;height: 100%;position: relative;display: -webkit-box;display: inline-block;overflow: hidden;padding-bottom: 70px;} #contacto:before{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: .6;z-index: -1;background: rgba(11,33,62,1); background: -moz-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(11,33,62,1)), color-stop(60%, rgba(15,44,82,1)), color-stop(100%, rgba(11,33,62,1))); background: -webkit-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -o-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: -ms-linear-gradient(-45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); background: linear-gradient(135deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 60%, rgba(11,33,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b213e', endColorstr='#0b213e', GradientType=1 );} #contacto:after{content: '';width: 100%;height: 100%;position: absolute;right: 0;left: 0;top: 0;bottom: 0;display: inline-grid;pointer-events: none;background: rgba(81,22,50,1);opacity: 1;z-index: -2;background: rgba(11,33,62,1); background: -moz-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(11,33,62,1)), color-stop(50%, rgba(15,44,82,1)), color-stop(100%, rgba(11,33,62,1))); background: -webkit-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -o-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: -ms-linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); background: linear-gradient(45deg, rgba(11,33,62,1) 0%, rgba(15,44,82,1) 50%, rgba(11,33,62,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b213e', endColorstr='#0b213e', GradientType=1 );} #contacto h1{font-size: 24px;font-weight: 600;letter-spacing: 10px;line-height: 24px;color: var(--oro);text-transform: uppercase;text-align: left;font-stretch: condensed;margin-top: 5px;margin-bottom: 0px;padding-left: 15px;margin-right: 12px;display: inline-block;} #contacto i.brd1{width: 200%;height: 2px;background: var(--blanco);display: inline-block;margin-top: 35px;margin-bottom: 40px;} #contacto i.brd2{width: 200%;height: 2px;background: var(--blanco);display: inline-block;margin-top: 37px;margin-bottom: 45px;} #contacto #mapa{width: 100%;height: 550px;-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);} #contacto input::-webkit-input-placeholder,#contacto textarea::-webkit-input-placeholder {color: var(--blanco);} #contacto input:-moz-placeholder,#contacto textarea:-moz-placeholder {color: var(--blanco);} #contacto input::-moz-placeholder,#contacto textarea::-moz-placeholder {color: var(--blanco);} #contacto input:-ms-input-placeholder,#contacto textarea:-ms-input-placeholder {color: var(--blanco);} #contacto select{color: var(--blanco);background: transparent url(../img/caret3.png) no-repeat 96.5% 50%;} #contacto .info{width: 100%;height: 100px;display: table;border: 2px solid var(--blanco);margin-bottom: 45px;} #contacto .info p{font-family: 'Futura Std';color: var(--blanco);font-size: 15px;letter-spacing: 0.5px;line-height: 25px;text-align: center;margin-top: 0px;margin-bottom: 0px;font-weight: 300;display: table-cell;vertical-align: middle;} #contacto button{background: transparent;border: 2px solid var(--oro);color: var(--blanco);margin: 0;margin-top: 25px;} #contacto button.hvr-rectangle-out:before{background: var(--oro);} #contacto .gm-style-cc,#contacto .gm-style-cc{display: none;} #contacto p.lagala{font-family: 'Futura Std';color: var(--blanco);font-size: 13px;letter-spacing: 0.5px;line-height: 25px;text-align: left;margin-bottom: 0px;font-weight: 300;display: inline-block;margin-top: 55px;padding-left: 15px;} #horarios button.close{opacity: 1;top: 15px;right: 15px;position: absolute;z-index: 900} #horarios h1{font-size: 24px;font-weight: 600;letter-spacing: 10px;line-height: 24px;color: var(--azul);text-transform: uppercase;text-align: left;font-stretch: condensed;margin-top: 0;margin-bottom: 0px;padding-left: 13%;} #horarios i.brd1{width: 100%;height: 2px;background: var(--oro);display: inline-block;margin-top: 45px;margin-bottom: 37px;} #horarios i.brd2{width: 100%;height: 2px;background: var(--oro);display: inline-block;margin-top: 37px;margin-bottom: 55px;} #horarios .modal-dialog{width: 61%; height: 74%; min-height: 550px; min-width: 900px;} #horarios .modal-dialog .modal-content{border-radius: 0px;height: 100%;} #horarios .modal-body{padding: 0px;height: 100%;} #horarios .modal-body .container-fluid{padding-left: 0px;padding-right: 0px;height: 100%;overflow: auto;} #horarios .modal-body .container-fluid table{width: 49%;border: 2px solid var(--oro);margin: 0 auto;margin-bottom: 30px;} #horarios .modal-body .container-fluid table tr{} #horarios .modal-body .container-fluid table td{text-align: left;color: #969696;padding: 7px 15px;border-bottom: 2px solid var(--oro);font-size: 15px;font-weight: 500;letter-spacing: 0.5px;line-height: 25px;} #horarios .modal-body .container-fluid table tr.reservado td{color: var(--texto)} footer{width: 100%;height: auto;height:auto;background: var(--footer);padding: 0px;height: 60px;position: relative;display: table;position: absolute; bottom: 0;z-index: 1000} #horarios .modal-body .container-fluid table td:first-child{padding-left: 40px;/* text-align: center; */} #horarios .modal-body .container-fluid .items-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:50vh;} #horarios .modal-body .container-fluid .items-center h1{text-align:center;} #horarios .modal-body .container-fluid .items-center p{text-align:center;margin:20px;font-size:15px;} footer .container-fluid{display: table-cell;vertical-align: middle;float: initial;} footer .container-fluid:before,footer .container-fluid:after{display: none;} footer svg.logo{width: 99px;height: 44px;position: relative;top: 0;margin: auto;vertical-align: -webkit-baseline-middle;vertical-align: middle;} footer svg.logo path,footer svg.logo polygon{fill:var(--footerColor);} footer ul{padding-left: 0px;/* display: block; */text-align: justify;width: 100%;max-width: 1500px;margin-bottom: 0px;margin: 0 auto;display: block;padding-bottom:10px;} footer ul:after{content: ""; display: inline-block; width: 100%; height: 0; visibility: hidden; } footer ul li{display: inline-block; text-align: center; color: var(--footerColor); font-size: 13px; line-height: 13px; letter-spacing: 0.4px; } footer ul li a{color: var(--footerColor);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} footer ul li a:hover,footer ul li a.active,footer ul li a:focus,footer ul li a:active{color: var(--amarillo);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-decoration: none;} footer ul li a i.fab{font-size: 18px; padding: 1px 2px; margin: 0 5px;color: var(--footerColor);} footer ul li a i.fab{font-size: 18px; padding: 1px 2px; margin: 0 5px;color: var(--footerColor);} .radio {padding: 0px;margin: 0px;display: -webkit-inline-box;display: inline-block;width: auto;padding-left: 0px;padding-right: 25px;top: 0;min-height: 30px;} .radio label {display: inline-block;position: relative;padding-left: 25px;font-size: 15px;color: #231F20;letter-spacing: 0.5px;line-height: 30px;font-weight: 500;vertical-align: middle;margin-bottom: 15px;} .radio label::before {content: "";display: inline-block;position: absolute;width: 15px;height: 15px;left: 0px;top: 6px;margin-left: 0px;border: 1px solid var(--oro);border-radius: 0px;background-color: transparent;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;} .radio.has-error label::before{border: 1px solid red;} .radio label::after {display: inline-block;position: absolute;width: 9px;height: 9px;left: 0;top: 9px;margin-left: 3px;padding-left: 3px;padding-top: 0px;font-size: 11px;color: var(--violeta2);background: var(--violeta2);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .radio input[type="radio"] {opacity: 0;display: none;} .radio input[type="radio"]:focus + label::before {outline: none; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; } .radio input[type="radio"]:checked + label::after {content: "";-webkit-transition: .5s all; -moz-transition: all .5s;-o-transition: all .5s;transition: all .5s} .radio input[type="radio"]:disabled + label {opacity: 0.65; } .radio input[type="radio"]:disabled + label::before {background-color: #eeeeee; cursor: not-allowed; } .radio.radio-circle label::before {border-radius: 50%; } .radio.radio-inline {margin-top: 0;} .form .checkbox {padding: 0px;margin: 0px;text-align: center;margin-bottom: 10px;display: -webkit-inline-box;display: inline-block;width: auto;padding-left: 20px;padding-right: 0px;top: -4px;} .form .checkbox.center{margin-bottom: 0px; margin-top: 10px;} .form .checkbox label a{color: var(--blanco);text-decoration: underline;} .form .checkbox {padding: 0px;margin: 0px;text-align: center;margin-bottom: 10px;display: -webkit-inline-box;display: inline-block;width: auto;padding-left: 20px;padding-right: 0px;top: -4px;} .form .checkbox.center{margin-bottom: 0px;margin-top: 10px;} .form .checkbox label a:hover{color: #000;} .form .checkbox label {display: inline-block;position: relative;font-weight: 300;font-family: 'Futura Std';color: var(--blanco);font-size: 13px;line-height: 22px;letter-spacing: 0.5px;text-align:left;padding-left:0px;} .form .checkbox label::before {content: "";display: inline-block;position: absolute;width: 15px;height: 15px;left: 0px;top: 3px;margin-left: -20px;border: 1px solid var(--blanco);border-radius: 0px;background-color: transparent;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;} .form .checkbox label::after {display: inline-block;position: absolute;width: 9px;height: 9px;left: 3px;top: 6px;margin-left: -20px;padding-left: 0px;padding-top: 0px;font-size: 11px;color: #555555;background: var(--amarillo);-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .form .checkbox input[type="checkbox"] {opacity: 0; } .form .checkbox input[type="checkbox"]:focus + label::before {outline: none; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; } .form .checkbox input[type="checkbox"]:checked + label::after {content: "";-webkit-transition: .5s all; -moz-transition: all .5s;-o-transition: all .5s;transition: all .5s} .form .checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; } .form .checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee; cursor: not-allowed; } /*center modal*/ .modal {text-align: center; padding: 0!important; } .modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;width: 30%;height: 53%;} .modal-dialog.lg-modal {width: 76%;height: 65%;} .modal-backdrop.in {opacity: .7;} .modal-backdrop {background-color: var(--main);} /*modal transition*/ .fade-scale {transform: scale(0); opacity: 0; -webkit-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .fade-scale.in {opacity: 1; transform: scale(1); -webkit-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;} #SinCupo{} #SinCupo .modal-dialog{width: 40%;height: 31.5%;min-height: 270px;min-width: 730px;} #SinCupo .modal-dialog .modal-content{height: 100%; background-color: var(--azul); } #SinCupo .modal-dialog .modal-content .modal-body{height: 100%;padding: 15px 0px;} #SinCupo .modal-dialog .modal-content h1{font-size: 24px;font-weight: 600;letter-spacing: 10px;line-height: 24px;color: var(--oro);text-transform: uppercase;text-align: center;font-stretch: condensed;letter-spacing: 5px;margin-top: 5px;margin-bottom: 40px;padding-left: 15px;margin-right: 12px;} #SinCupo .modal-dialog .modal-content h2{font-size: 24px;font-weight: 600;letter-spacing: 10px;line-height: 24px;color: var(--oro);text-transform: uppercase;text-align: center;font-stretch: condensed;margin-top: 5px;letter-spacing: 6px;margin-bottom: 0px;padding-left: 15px;margin-right: 12px;} #SinCupo .modal-dialog .modal-content .tbl{width: 100%} #SinCupo .close{position: absolute;right: 20px;top: 20px;} #SinCupo i.brd1{width: 100%;height: 2px;background: var(--blanco);display: inline-block;margin-top: 35px;margin-bottom: 40px;} #SinCupo i.brd2{width: 100%;height: 2px;background: var(--blanco);display: inline-block;margin-top: 37px;margin-bottom: 45px;} #registrado{} #registrado .modal-dialog{width: 40%;height: 31.5%;min-height: 270px;min-width: 730px;} #registrado .modal-dialog .modal-content{height: 100%; background-color: var(--violeta2); } #registrado .modal-dialog .modal-content .modal-body{height: 100%;padding: 15px 0px;} #registrado .modal-dialog .modal-content h1{font-size: 24px;font-weight: 600;letter-spacing: 10px;line-height: 24px;color: var(--oro);text-transform: uppercase;text-align: center;font-stretch: condensed;letter-spacing: 5px;margin-top: 5px;margin-bottom: 40px;padding-left: 15px;margin-right: 12px;} #registrado .modal-dialog .modal-content h2{font-size: 24px;font-weight: 600;letter-spacing: 10px;line-height: 24px;color: var(--oro);text-transform: uppercase;text-align: center;font-stretch: condensed;margin-top: 5px;letter-spacing: 6px;margin-bottom: 0px;padding-left: 15px;margin-right: 12px;} #registrado .modal-dialog .modal-content .tbl{width: 100%} #registrado .close{position: absolute;right: 20px;top: 20px;} #registrado i.brd1{width: 100%;height: 2px;background: var(--blanco);display: inline-block;margin-top: 35px;margin-bottom: 40px;} #registrado i.brd2{width: 100%;height: 2px;background: var(--blanco);display: inline-block;margin-top: 37px;margin-bottom: 45px;} /*svg animation load*/ .animate svg {width: 32%;height: auto;transform: translateX(-50%) translateY(-50%);position: absolute;top: 50%;left: 50%;display: block;} .animate svg path,.animate svg polygon{fill: var(--footerColor)} @keyframes letterflash {0% { fill: var(--footer); } 100% { fill: #fff; } } .loader .t1,.loader .t2,.loader .t3,.loader .t4,.loader .t5,.loader .t6,.loader .t7,.loader .t8,.loader .t9,.loader .t10,.loader .t11,.loader .t12,.loader .t13,.loader .t14,.loader .t15,.loader .t16,.loader .t17,.loader .t18,.loader .t19 {animation: letterflash 2s ease-in-out infinite; } .loader .t19{ animation-delay: 1.8s;} .loader .t18{ animation-delay: 1.7s;} .loader .t17{ animation-delay: 1.6s;} .loader .t16{ animation-delay: 1.5s;} .loader .t15{ animation-delay: 1.4s;} .loader .t14{ animation-delay: 1.3s;} .loader .t13{ animation-delay: 1.2s;} .loader .t12{ animation-delay: 1.1s;} .loader .t11{ animation-delay: 1s;} .loader .t10{ animation-delay: 0.9s;} .loader .t9 { animation-delay: 0.8s;} .loader .t8 { animation-delay: 0.7s;} .loader .t7 { animation-delay: 0.6s;} .loader .t6 { animation-delay: 0.5s;} .loader .t5 { animation-delay: 0.4s;} .loader .t4 { animation-delay: 0.3s;} .loader .t3 { animation-delay: 0.2s;} .loader .t2 { animation-delay: 0.1s;} .loader .t1 { animation-delay: 0s;} span.error{color: #f00;position: absolute;font-size: 12px;bottom: -16px;left: 0px;} #Triangle {-webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-animation: popup 2s 3s ease infinite; animation: popup 2s 3s ease infinite; } @-webkit-keyframes popup {0% {-webkit-transform: translateY(20px); transform: translateY(20px); opacity: 1; } 100% {-webkit-transform: translateY(-20px); transform: translateY(20px); opacity: 0; } } @keyframes popup {0% {-webkit-transform: translateY(20px); transform: translateY(20px); opacity: 1; } 100% {-webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @keyframes pulse {0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } .parpadea { animation-name: parpadeo; animation-duration: 1s; animation-timing-function: linear;animation-iteration-count: 3; -webkit-animation-name:parpadeo; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear;-webkit-animation-iteration-count: 3;} .ocultosuccess{color: #41b4e5;position: absolute;top: -15px;left: 0;} @-moz-keyframes parpadeo{0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes parpadeo {0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes parpadeo {0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } .animationH{width: 256px; height: 102px;} .animationH .fill {stroke-width: 1;stroke: var(--oro);fill:transparent;stroke-dasharray: 600; stroke-dashoffset: 600; animation: loadAnimation 4s 1s linear alternate 1; animation-fill-mode: forwards;} .relleno {-webkit-text-stroke-width: 1;-webkit-text-stroke-color: var(--oro);stroke-width: 1;stroke: var(--oro);fill:transparent;stroke-dasharray: 600; stroke-dashoffset: 600;-webkit-animation: brdAnim .7s 1s linear alternate 1; animation: brdAnim .7s 1s linear alternate 1; -webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;} @keyframes loadAnimation {0% {stroke-dashoffset: 600; fill:transparent; stroke-width: 2px; } 50% {stroke-dashoffset: 400; fill:transparent; stroke-width: 2px; } 100% {stroke-dashoffset: 0; fill:transparent; stroke-width: 2px; } } @keyframes brdAnim {0% {border:0px solid var(--oro); width: 100%;height: 100%; } 100% {border:2px solid var(--oro); width: 93.7%;height: 91%; } } .fancybox-thumbs{background: var(--violeta) !important;} .fancybox-share{background: var(--violeta) !important} .fancybox-share h1{color: #fff !important;font-family: 'Futura Std';line-height: 25px;letter-spacing: 0.5px;font-weight: 500 !important;} .fancybox-slide.fancybox-image-wrap{background: var(--violeta) !important;} /* medias */ /* XS */ @media (max-width: 767px){ .npadxs{padding-left: 0px !important;padding-right: 0px !important;} .padxs{padding-left: 15px !important;padding-right: 15px !important;} .npadl-xs{padding-left: 0px !important;} .npadr-xs{padding-right: 0px !important;} .padl-xs{padding-left: 15px !important;} .padr-xs{padding-right: 15px !important;} .flex {display: block; } #areas,#calendario, #reserva,#reservacion,#blog,#galerias,#contacto,#confirmacion{padding-top: 60px;} .navbar-inverse {background-color: var(--footer);border-color: var(--footer);} .navbar-header{-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);} .navbar-toggle{margin-top: 13px;margin-bottom: 13px;margin-right: 22px;border-color: transparent !important;/* position: absolute; *//* right: 0; */} .navbar-inverse .navbar-toggle .icon-bar{background-color: var(--footerColor);width: 25px;height: 2px;} .navbar-toggle .icon-bar+.icon-bar{margin-top: 4px;} .navbar .container-fluid .navbar-header .navbar-brand{height: 60px;padding-left: 0px;padding-right: 0px;float: inherit;text-align: center;position: absolute;right: 0;left: 0;width: 110px;margin: 0 auto;padding-top: 8px;padding-bottom: 8px;} .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: transparent} .navbar .container-fluid .navbar-header .navbar-brand svg path,.navbar .container-fluid .navbar-header .navbar-brand svg polygon{fill:var(--footerColor);} .navbar{min-height: 60px;} .navbar .container-fluid .navbar-collapse .navbar-nav li{width: 100%;height: auto !important;margin-bottom: 20px;margin-bottom: 10%;} .navbar .container-fluid .navbar-collapse .navbar-nav li span{text-align: center;display: block;margin:0 auto;color: var(--menuColor);font-family: 'Futura Std';text-transform: uppercase;letter-spacing: 3px;font-size: 13px;line-height: 18px;} .navbar .container-fluid .navbar-collapse .navbar-nav li.active:first-child a{color: #FFF;} .navbar .container-fluid .navbar-collapse .navbar-nav li:first-child a{padding-left: 23.6px;margin-right: 0px;} .navbar svg.logo{width: 98px;height: 40px;} .animate svg{width: 90%} .animationH{height: 92px} .navbar-nav{margin: 16px 15px;padding: 35px 0px;border: 1px solid var(--oro);height: calc(100% - 90px);} .navbar-collapse svg#herradura{position: absolute;right: 0;left: 0;bottom: 74px;margin: 0 auto;} .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: 100%;border-color: transparent;box-shadow: none} .navbar-inverse .redes{display: inline-block;position: absolute;top: 15px;left: 10px;} .navbar-inverse .redes a{color: var(--footerColor);padding: 0px 6px;} .navbar-collapse.collapse{transition: height 0.2s ; } .navbar-collapse.collapsing {height: 0 !important; } .navbar-collapse.collapse.in{max-height: none; height: 100vh;transition: height 0.2s ;} .ms-nav-next {right: 33% !important;} .ms-nav-prev {left: 33% !important;} #home .ms-layer h1{font-size: 35px;letter-spacing: 11px;margin-bottom: 5px;} #home .ms-layer h2{font-size: 20px;margin-bottom: 20px;} #home #masterslider .ms-layer {top: 90.5px !important; } #home .ms-layer button{padding: 9.5px 30px;font-size: 14px} #home .slide{height: calc(100% - 60px) !important} #home .nosotros svg#herradura2{width: 100%;margin-bottom: 50px;height: 150px;position: relative;left: 0;transform: scale(2.7);pointer-events: none} #home .nosotros .info{margin-bottom: 0px;} #home .nosotros .info p{padding: 25px;} #home .nosotros .info h2{padding-top: 24px;margin-bottom: 24px;font-size: 23px;line-height: 37px;} #home .newsletter {height: auto;padding-bottom: 30px;padding-top: 10px;} #home .newsletter form{display: block;text-align: center;} #home .newsletter span{font-size: 20px;font-weight: 500;letter-spacing: 8.33px;line-height: 30px;margin-right: 0px;display: block;text-align: center;margin-top: 15px;margin-bottom: 15px;} #home .newsletter input{width: 80%;min-width: 200px;margin-right: 20px;margin-right: 0;margin-bottom: 20px;} #home .newsletter button{padding: 5.5px 0px;} .bienvenido .bgH{width: 94%;height: 51%;-ms-background-size: contain;-o-background-size: contain;-moz-background-size: contain;-webkit-background-size: contain;background-size: contain;background-position: bottom center;} .bienvenido button{bottom: 4px;font-size: 30px;} #home .slide .brd{left: 0px;height: 85.7%;} #home .slide svg#herradura{bottom: 27px;height: 15%;pointer-events: none} #home .slide .lang {position: absolute; right: 25px; bottom: 35px; } #home .slide .scroll{display: none;} #home .slide svg.logo{bottom: 124px;height: 45px;} .ms-bullets.ms-dir-h .ms-bullets-count {bottom: -45px; left: 0px;right: 0px;margin: 0 auto; } .ms-bullets.ms-dir-h{left: 0; right: 0; margin: 0 auto;} .ms-skin-default .ms-bullet{width: 8px;height: 8px;margin: 4px !important} #home .nosotros i.brd1{margin-top: 40px; margin-bottom: 20px;} #home .nosotros i.brd2{margin-top: 20px; margin-bottom: 40px;} #home .team .col-lg-4 {padding: 0 10px; } #home .team{padding: 30px 15px 15px 15px} #home .team h3{font-size: 14px;margin-bottom: 30px;} #home .team h2{font-size: 18px;} #home .nosotros img{margin: 27px auto;} #home .equipo i.brd1{margin-top: 30px; margin-bottom: 20px;} #home .equipo i.brd2{margin-top: 20px;margin-bottom: 30px;} .bienvenido .bgH{background: url(../img/herreria1-movil.png) no-repeat center center;width: 90%;height: 85%;background-size: contain;} .bienvenido .bgH button{display: none} .navbar .container-fluid .navbar-collapse .navbar-nav li.active span:before{content:'';background: var(--menuColor);width: 35px;height: 1px;position: absolute;right: 0;left: 0;bottom: -5px;margin: 0 auto;} #areas{height: auto !important;} #areas i.brd1, #reservacion i.brd1, #blog i.brd1,#calendario i.brd1, #reserva i.brd1,#galerias i.brd1,#contacto i.brd1{margin-top: 30px; margin-bottom: 20px;} #areas i.brd2, #reservacion i.brd2, #blog i.brd2,#calendario i.brd2, #reserva i.brd2,#galerias i.brd2,#contacto i.brd2{margin-top: 20px; margin-bottom: 30px;} #areas .movil {text-align: center;display: block} #areas .movil a{font-weight: 600;font-stretch: condensed;color: var(--negro);font-size: 15px;letter-spacing: 3.12px;line-height: 15px;text-transform: uppercase;margin-bottom: 20px;display: inline-block;} #areas .movil .bg{margin-bottom: 20px;} #areas .info {margin-top: 20px;} #areas .info .first{padding-top: 40px;padding-bottom: 40px;height: auto;} #areas .info h2.w73{width: 100%;font-size: 18px;letter-spacing: 2px;padding-left: 25px;padding-right: 25px;} #areas .info h2{min-width: 0px;} #areas .info p{padding: 22px 25px} #areas table {margin-bottom: 30px} #areas table tbody tr td{display: block;padding: 17px 0px;} #areas table tfoot tr td span.w445{width: 100%;} #areas table tfoot tr td span {margin-right: 0px;text-align: center;} #areas table tfoot tr td span small{margin-top: 10px;margin-bottom: 25px} #areas table tfoot tr td button{background: transparent;padding: 10.5px 13px;} #areas table tfoot tr td{padding: 23px 15px} #areas #masterslider #info{margin-bottom: 10px;} #home .equipo h1{font-size: 21px;letter-spacing: 8px;} #home h5 {margin-top: 0px;} .modal:before{display: none} #horarios .modal-dialog{width: 90%; height: 90%; min-height: 300px !important; min-width: 300px !important;} #horarios i.brd1{margin-top: 45px;margin-bottom: 20px;} #horarios i.brd2{margin-top: 20px;margin-bottom: 25px;} #horarios h1{font-size: 20px;line-height: 20px;} #horarios .modal-body .container-fluid table{width: 95%;} #horarios .modal-body .container-fluid table td:first-child{padding-left: 9px;} #horarios .modal-body .container-fluid table td{padding: 7px;} #home .terraza-reserva table{width: 100%;} #areas h1 img{max-width: 94%} #areas .info h2{width: 100%;padding-left: 25px;padding-right: 25px;} #areas table tfoot tr td span{width: 100%} #calendario .inline .prev{margin-right: 15px;} #calendario .inline .next{margin-right: 15px;} #calendario .inline span{width: 49%;display: inline-block;margin-right: 0;margin-left: 0px;margin-top: 15px;text-align: center;} #calendario .inline select{width: 100%;text-align: center;margin-top: 15px;} #calendario .inline h2{margin-left: 15px;float: right;} #calendario .calendar-tuyin .wmg-item{width: 100%;height: 300px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide{width: 100%;} #calendario .calendar-tuyin .wmg-details-content .fecha{width: 35px;} #calendario .calendar-tuyin .wmg-details-content .fecha h3{font-size: 20px;} #calendario .calendar-tuyin .wmg-details-content .fecha h4{right: -52px;font-size: 14px;margin-top: 5px;margin-bottom: 5px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container{padding-left: 15px;} #calendario h1, #reserva h1,#reservacion h1{font-size: 20px;line-height: 23px;letter-spacing: 5px;} #calendario .evnt i.brd2{margin-bottom: 30px;} #calendario .slide {min-height: 220px; } #calendario .infoEv h2{min-width: 220px;text-align: center;width: 100%;font-size: 18px;letter-spacing: 2px;} #calendario .infoEv td{padding: 23.5px 5px;} #calendario .infoEv button{margin: 0 auto;display: block} #calendario .evento .info h2.w73 {width: 100%; min-width: 100px; padding-left: 25px; padding-right: 25px; } #calendario .evento .info .first{padding-top: 40px;padding-bottom: 40px;height: auto;} #calendario .evento .info p{padding: 22px 25px} #reservacion .res-md{margin-bottom: 30px} #reservacion img.tiendas{max-width: 100%} #reservacion .radio{padding-right: 0px;} #calendario .bg img{width: 100%;} #calendario .calendar-tuyin .list .bg{min-height: 230px;} #calendario .calendar-tuyin .list .padList{padding-left: 0px;padding-right: 0px;} #calendario .calendar-tuyin .list h5.infoR{bottom: -7px;left: 11px;} #calendario .calendar-tuyin .list .wmg-details-content .col-lg-3.padl{padding-right: 0px;} #calendario .reserva-tu-espacio a{display: inline-block;margin-bottom: 10px;} #calendario .reserva-tu-espacio a:nth-child(2){margin-bottom: 0px;} #confirmacion{height: auto;margin-bottom: 30px;margin-top: 30px;} #confirmacion img{width: 72%;} #confirmacion p{font-size: 14px;} #galerias .col-lg-4 .bg{min-height: 0px;} #galerias .col-lg-8>.col-lg-4 .bg{min-height: 0px;} #galerias .btn-group{width: 100%;background-color: transparent;border:none;border-radius: 0px;margin-bottom: 30px} #galerias .btn-group button{width: 100%;background: transparent url(../img/caret3.png) no-repeat 96.5% 50%;border:none;border-radius: 0px;color: var(--amarillo);font-size: 17px; font-weight: 300; letter-spacing: 3px; line-height: 25px;} #galerias .dropdown-menu{width: 100%;border: none;border-radius: 0px;background: #531533;} #galerias .dropdown-menu li {} #galerias .dropdown-menu li a {color: var(--blanco);font-size: 17px; font-weight: 300; letter-spacing: 3px; line-height: 25px;} #galerias .dropdown-menu li a.active{color: var(--amarillo);} #blog .btn-group{width: 100%;background-color: transparent;border:none;border-radius: 0px;margin-bottom: 30px} #blog .btn-group button{width: 100%;background: transparent url(../img/caret2.png) no-repeat 96.5% 50%;border:none;border-radius: 0px;color: var(--texto);font-size: 17px; font-weight: 300; letter-spacing: 3px; line-height: 25px;} #blog .dropdown-menu{width: 100%;border: none;border-radius: 0px;background: var(--footer)} #blog .dropdown-menu li {} #blog .dropdown-menu li a {color: var(--texto);font-size: 17px; font-weight: 300; letter-spacing: 3px; line-height: 25px;} #blog .dropdown-menu li a.active{color: var(--amarillo);} #blog h1{display: block;margin-bottom: 15px;} #blog .pull-right h2{margin-top: 20px;margin-bottom: 10px;padding-left: 15px;border-bottom: 2px solid var(--oro);width: 100%;display: block;text-align: left;margin-bottom: 20px;padding-bottom: 20px;} #blog .pull-right{border-top: 2px solid var(--oro);float: left !important;width: 100%;} #blog .detalle .share{margin-top: 0px;} #blog table tr td{height: auto;} #blog table tr:nth-child(2) td:hover{height: auto;padding: 11px 0px} #blog table tr:nth-child(2) td:hover h1{max-height: none;overflow-y: initial;} #contacto{height: auto;} #contacto #mapa{height: 250px} #contacto .col-lg-12.col-md-12.col-sm-12.col-xs-12.calendar-tuyin.padl-md{padding-left: 0px;padding-right: 0px;} #contacto .col-lg-12.col-md-12.col-sm-12.col-xs-12.calendar-tuyin.padl-md .col-lg-5{padding-left: 0px;} #contacto .col-lg-12.col-md-12.col-sm-12.col-xs-12.calendar-tuyin.padl-md .col-lg-7{padding-right: 0px;} #contacto button{text-align: center;float: initial;display: block !important;margin:0 auto;margin-top: 25px;} #contacto .info{margin-top: 30px} .datepicker td.active.day.highlight:before{width: 36px !important;height: 36px !important;} form button{display: block !important;} body{margin-bottom: 0px;} footer{height: auto;position: relative !important;} footer ul li{display: block;margin-bottom: 13px;text-align: center;margin-top: 13px;line-height: 16px;} } /* SM */ @media (min-width:768px) and (max-width:991px){ ul.menu{top: 0px;-ms-transform: rotate(0deg);transform: rotate(0deg);background: var(--footer);width: 100%;left: 0px;right: 0px;text-align: center;padding: 10px 0px;z-index: 10;} ul.menu li {display: inline-block !important;position: relative;top: 14px;} ul.menu li:first-child{top: 0px;left: 15px;float: left;} ul.menu li:first-child svg{height: 50px;} ul.menu li:first-child svg path,ul.menu li:first-child svg polygon{fill:var(--menuColor);} #areas,#calendario, #reserva,#reservacion,#blog{padding-top: 70px;} ul.menu li span{margin-right: 0px;margin-left: 15px;color: var(--menuColor)} .ms-bullets.ms-dir-h .ms-bullets-count{right: -30%;bottom: 33px} .padmdr{padding-left: 15px !important;} .padmdl{padding-right: 15px !important;} .padl-sm{padding-left: 0px !important;} .padr-sm{padding-right: 0px !important;} #home .nosotros svg#herradura2{width: 100%;margin-bottom: 50px;height: 150px;} #home .nosotros .info{margin-bottom: 0px;} #home .nosotros .info p{padding: 31px 30px;} #home .nosotros .info h2{padding-top: 24px;margin-bottom: 24px;} #home .newsletter span{font-size: 20px;font-weight: 500;letter-spacing: 4.33px;line-height: 30px;} #home .newsletter input{width: 190px;min-width: 200px;margin-right: 20px;} #home .newsletter button{padding: 5.5px 0px;width: 40px;min-width: 40px;color: transparent;position: relative;font-size: 0px;} #home .newsletter button:after{font-family: 'Ionicons';content: "\f473";content: '\f2c3';position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;color: var(--blanco);font-size: 23px;display: table;width: 100%;line-height: 23px;} .bienvenido .bgH{width: 94%;height: 51%;-ms-background-size: contain;-o-background-size: contain;-moz-background-size: contain;-webkit-background-size: contain;background-size: contain;background-position: bottom center;} .bienvenido button{bottom: 4px;font-size: 30px;} #home .slide .brd{left: 0px;height: 85.7%;} #home .slide svg#herradura{bottom: 47px;} #home .nosotros i.brd1{margin-top: 40px; margin-bottom: 30px;} #home .nosotros i.brd2{margin-top: 30px; margin-bottom: 40px;} #home .team .col-lg-4 {padding: 0 10px; } #home .team{padding: 30px 15px 15px 15px} #home .team h3{font-size: 14px;margin-bottom: 30px;} #home .team h2{font-size: 18px;} #areas .slide{margin-top: 5%} #areas i.brd1, #reservacion i.brd1, #blog i.brd1{margin-bottom: 30px;} #areas i.brd2, #reservacion i.brd2, #blog i.brd2{margin-top: 30px;} #areas .bg.match{height: auto !important;} #areas .info.match{height: auto !important;} #areas .info h2{font-size: 16px;letter-spacing: 1.17px;margin:20px auto;min-width: 340px;} #areas .info p{padding: 20px 30px;} #areas table tfoot tr td button{background: transparent;margin-top: 20px} #areas table tbody tr td{padding: 26px 0px;} #areas table tfoot tr td span{margin-right: 0px;display: block;margin: 0 auto;text-align: center;} #areas table tfoot tr td{padding: 20px 0px;} #areas #masterslider .ms-nav-next{right: 43%;} #areas #masterslider .ms-nav-prev{left: 43%;} #areas #masterslider #info{margin-bottom: 20px;} #home .terraza-reserva h2{margin-top: 40px} #home .terraza-reserva button.hvr-rectangle-out{margin-top: 15px} #home .terraza-reserva table{width: 77%;margin: 0 auto;} #home .equipo.bgwhite .terraza-reserva.npad form button.hvr-rectangle-out{display: block;margin-top: 40px} #calendario .calendar-tuyin .wmg-item{/*max-width: 435px;*/} #calendario h1, #reserva h1{font-size: 17px;letter-spacing: 8px;margin-top: 0px;vertical-align: text-bottom;} #calendario .inline{text-align: center;} #calendario .inline .pull-right{float: inherit !important;margin-top: 20px} #calendario .inline .prev{margin-right: 5px;} #calendario .inline .next{margin-right: 5px;} #calendario .inline span{margin-left: 5px;font-size: 14px;} #calendario .inline select{margin-right: 20px;max-width: 120px;font-size: 15px;} #calendario .inline h2{margin-left: 9px;letter-spacing: 3px;font-size: 13px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container{height: 242px;padding-left: 30px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide a, #calendario .calendar-tuyin .list a{margin-bottom: 0px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide h2, #calendario .calendar-tuyin .list h2{margin-top: 30px;font-size: 18px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide p, #calendario .calendar-tuyin .list p{font-size: 14px} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide {width: 100%; } #calendario .calendar-tuyin .wmg-details-content .fecha{width: 50px;} #calendario .calendar-tuyin .wmg-details-content .fecha h3{font-size: 30px;} #calendario .calendar-tuyin .wmg-details-content .fecha h4{right: -42px;} #calendario .evento.match{padding-left: 0px;} #calendario .evento .info p{padding: 30px 50px;} #calendario .infoEv h2{min-width: 241px;width: 100%;text-align: center;} #calendario .infoEv td{padding: 24px} #calendario .infoEv button{margin-top: 15px;float: inherit;} #calendario .infoEv{margin-top: 70px;text-align: center;} #calendario .evento .info .first{height: 30%} #calendario .evento .info .second{height: 70%;overflow: auto;overflow-x: hidden;} #calendario .evento .info{margin-top: 30px} #calendario .evento .info h2.w73{width: 80%;padding-top: 20px;padding-bottom: 20px;} #calendario .bg img{width: 100%} #calendario .reserva-tu-espacio .col-lg-offset-1.col-md-offset-1.match .col-lg-9{margin-left: 0px;} #calendario i.brd1{margin-bottom: 30px;} #calendario i.brd2{margin-top: 30px} #calendario .padList{padding-right: 50px;padding-left: 0px} #calendario .calendar-tuyin .list .bg{min-height: 329px;} #reservacion .res-md{margin-bottom: 70px} #reservacion img.tiendas{max-width: 100%} #blog .more{padding-right: 10px;padding-left: 10px;padding-top: 15px !important} #blog .recent-news .blogrec h5{font-size: 16px;letter-spacing: 5.33px;} #calendario .calendar-tuyin .list a{margin-top: 20px} #calendario .calendar-tuyin .list h5.infoR{bottom: -17px;left: 34%;} #reservacion .res-md{margin-bottom: 70px} #reservacion img.tiendas{max-width: 100%} #blog .more{padding-right: 10px;padding-left: 10px;padding-top: 15px !important} #blog .recent-news .blogrec h5{font-size: 16px;letter-spacing: 5.33px;} #galerias h2{font-size: 16px;letter-spacing: 6.33px;line-height: 20px;min-height: 50px;margin-top: 13px;padding-top: 6px;} #galerias h2:before,#galerias h2:after{bottom: 48px;} #galerias .col-lg-8>.col-lg-4 .padbrd{padding: 10px 10px 0px 10px;} #galerias .col-lg-4 .padbrd{padding: 15px 15px 0px 15px;} #galerias .col-lg-4 .bg {min-height: 302px; } #blog .recent-news .blogrec{width: calc(34% - 9px);display: inline-block;} #blog .more ul li{display: inline-block;} #contacto #mapa{height: 400px} #contacto .col-lg-12.col-md-12.col-sm-12.col-xs-12.calendar-tuyin.padl-md{padding-left: 0px;padding-right: 0px;} #contacto .col-lg-12.col-md-12.col-sm-12.col-xs-12.calendar-tuyin.padl-md .col-lg-5{padding-left: 0px;} #contacto .col-lg-12.col-md-12.col-sm-12.col-xs-12.calendar-tuyin.padl-md .col-lg-7{padding-right: 0px;} #contacto button{text-align: center;float: inherit;} .nav-up {top: -80px !important; } ul.menu {position: fixed; top: 0; transition: top 0.2s ease-in-out; width: 100%; } } /* MD */ @media (min-width:992px) and (max-width:1199px){ .padmdr{padding-left: 15px !important;} .padmdl{padding-right: 15px !important;} .padl-md{padding-left: 0px !important;} .padr-md{padding-right: 0px !important;} ul.menu{left: 26px;} .ms-bullets.ms-dir-h .ms-bullets-count{right: -70%;bottom: 33px} #home .nosotros svg#herradura2{width: 100%;margin-bottom: 50px;} #home .nosotros .info p{padding: 31px 30px;} #home .nosotros .info h2{padding-top: 24px;margin-bottom: 24px;} #home .newsletter span{font-size: 19px; font-weight: 500; letter-spacing: 7.33px; line-height: 26px;} #home .newsletter input{width: 270px;min-width: 270px;margin-right: 20px;} #home .team .col-lg-4 {padding: 0 10px; } #home .team{padding: 30px 20px 15px 20px} #home .newsletter span{font-size: 20px;font-weight: 500;letter-spacing: 7.33px;line-height: 24px;} #home .newsletter input{width: 220px;min-width: 220px;margin-right: 20px;} #home .newsletter button{padding: 5.5px 30px} .bienvenido .bgH{width: 94%;height: 75%;-ms-background-size: contain;-o-background-size: contain;-moz-background-size: contain;-webkit-background-size: contain;background-size: contain;background-position: bottom center;} .bienvenido button{bottom: 11px;} #home .nosotros img{margin-bottom: 50px;} #areas .slide .ms-staff-carousel .ms-nav-next{right: 34%;} #areas .slide .ms-staff-carousel .ms-nav-prev{left: 34%;} #areas .info h2.w73 {width: 80%; } #areas .info h2{font-size: 16px;letter-spacing: 2.17px;line-height: 25px;} #areas .info p{padding: 10px 70px;} #home .equipo .terraza-reserva.npad{margin-top: 30px} #areas .info .second{overflow: auto;height: 62%} #areas .info .first{height: 35%} #home .equipo.bgwhite .terraza-reserva.npad h2{text-align: center !important;} #home .terraza-reserva table{width: 77%;margin: 0 auto;} #home .equipo.bgwhite .terraza-reserva.npad form button.hvr-rectangle-out{display: block;margin-top: 40px} #areas .info{max-height: 400px} #calendario.full{height:100vh;} #calendario .calendar-tuyin .wmg-item{max-width: 435px;} #calendario h1, #reserva h1{font-size: 17px;letter-spacing: 8px;margin-top: 0px;vertical-align: text-bottom;} #calendario .inline .prev{margin-right: 5px;} #calendario .inline .next{margin-right: 5px;} #calendario .inline span{margin-left: 5px;font-size: 14px;} #calendario .inline select{margin-right: 20px;max-width: 150px;font-size: 15px;} #calendario .inline h2{margin-left: 9px;letter-spacing: 3px;font-size: 13px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container{height: 290px;padding-left: 30px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide a, #calendario .calendar-tuyin .list a{margin-bottom: 0px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide h2, #calendario .calendar-tuyin .list h2{margin-top: 30px;font-size: 18px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide p, #calendario .calendar-tuyin .list p{font-size: 14px} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide {width: 50%; } #calendario .calendar-tuyin .wmg-details-content .fecha{width: 50px;} #calendario .calendar-tuyin .wmg-details-content .fecha h3{font-size: 30px;} #calendario .calendar-tuyin .wmg-details-content .fecha h4{right: -42px;} #calendario .evento .info p{padding: 30px 50px;} #calendario .infoEv h2{min-width: 241px;width: 100%} #calendario .infoEv td{padding: 24px} #calendario .infoEv button{margin-top: 15px;float: inherit;} #calendario .infoEv{margin-top: -40px;text-align: center;} #calendario .evento .info .first{height: 30%} #calendario .evento .info .second{height: 70%;overflow: auto;overflow-x: hidden;} #calendario .evento .info{max-height: 720px;} #calendario .evento .info h2.w73{width: 80%} #calendario .bg img{width: 100%} #calendario .reserva-tu-espacio .col-lg-offset-1.col-md-offset-1.match .col-lg-9{margin-left: 0px;} #calendario i.brd1{margin-bottom: 30px;} #calendario i.brd2{margin-top: 30px} #reservacion .res-md{margin-bottom: 70px} #reservacion.Pago img.tiendas{max-width: 100%} #blog .more{padding-right: 10px;padding-left: 10px;padding-top: 15px !important} #blog .recent-news .blogrec h5{font-size: 16px;letter-spacing: 5.33px;} #galerias h2{font-size: 16px;letter-spacing: 6.33px;line-height: 20px;min-height: 50px;margin-top: 13px;padding-top: 6px;} #galerias h2:before,#galerias h2:after{bottom: 48px;} #galerias .col-lg-8>.col-lg-4 .padbrd{padding: 10px 10px 0px 10px;} #galerias .col-lg-4 .padbrd{padding: 15px 15px 0px 15px;} #galerias .col-lg-4 .bg {min-height: 310px; } } /*LG */ @media (min-width:1200px){ #calendario.full{height:100vh;} } /*MEDIA LG*/ @media (min-width:1381px) and (max-width:1500px){ #calendario.full{height:100vh;} ul.menu{left: 26px;} .ms-bullets.ms-dir-h .ms-bullets-count{right: -70%;bottom: 33px} #home .nosotros svg#herradura2{width: 1381px;margin-bottom: 90px;} #home .nosotros .info h2{font-size: 19px;letter-spacing: 4px} #home .newsletter span{font-size: 19px; font-weight: 500; letter-spacing: 7.33px; line-height: 26px;} #areas .info .second{overflow: auto;height: 62%} #areas .info .first{height: 35%} #areas .info p{padding: 30px 70px;} #calendario .evento .info p{padding: 30px 50px !important;} #calendario .infoEv h2{min-width: 241px;width: 50%} #calendario .infoEv td{padding: 24px} #calendario .infoEv button{margin-top: 15px;float: right;} #blog .more{padding-left: 20px;padding-right: 20px;} } @media (min-width:1200px) and (max-width:1380px){ #calendario.full{height:100vh;} ul.menu{left: 26px;} .ms-bullets.ms-dir-h .ms-bullets-count{right: -70%;bottom: 33px} #home .nosotros svg#herradura2{width: 1200px;margin-bottom: 90px;} #home .nosotros .info p{padding: 31px 30px;} #home .nosotros .info h2{padding-top: 24px;margin-bottom: 24px;} #home .newsletter span{font-size: 19px; font-weight: 500; letter-spacing: 7.33px; line-height: 26px;} #home .newsletter input{width: 270px;min-width: 270px;margin-right: 20px;} #areas .info h2{font-size: 19px;letter-spacing: 3.17px;line-height: 27px;} #home .terraza-reserva table{width: 69%;} #areas .info .second{overflow: auto;height: 62%} #areas .info .first{height: 35%} #areas .info p{padding: 0px 70px;} #calendario h1, #reserva h1{font-size: 21px;letter-spacing: 8px;} #calendario .inline .prev{margin-right: 15px;} #calendario .inline .next{margin-right: 15px;} #calendario .inline span{margin-left: 15px;} #calendario .inline select{margin-right: 20px;max-width: 170px} #calendario .inline h2{margin-left: 27px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container{height: 265px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide a, #calendario .calendar-tuyin .list a{margin-bottom: 0px;} #calendario .calendar-tuyin .wmg-details-content .swiper-container .swiper-slide h2, #calendario .calendar-tuyin .list h2{margin-top: 30px;} #calendario .evento .info p{padding: 30px 50px;} #calendario .infoEv h2{min-width: 241px;width: 50%} #calendario .infoEv td{padding: 24px} #calendario .infoEv button{margin-top: 15px;float: right;} #calendario .infoEv{margin-top: 90px;} #calendario .evento .info h2.w73{width: 80%} #calendario .bg img{width: 100%} #calendario .reserva-tu-espacio .col-lg-offset-1.col-md-offset-1.match .col-lg-9{margin-left: 0px;} #galerias .col-lg-8>.col-lg-4 .padbrd{padding: 10px 10px 0px 10px;} #galerias .col-lg-4 .padbrd{padding: 15px 15px 0px 15px;height: calc(100% - 30px)} #galerias .col-lg-4 .bg{height: calc(100% - 18%)} #blog .more{padding-left: 20px;padding-right: 20px;} #contacto .calendar-tuyin{padding-left: 0px;padding-right: 0px} } @media (min-height:780px) and (max-height:820px){ ul.menu{top: 90%} #home .slide svg#herradura{bottom: 35px;} } @media (min-height:730px) and (max-height:779px){ ul.menu{top: 88%} #home .slide svg#herradura{bottom: 35px;} } @media (min-height:700px) and (max-height:729px){ ul.menu li span{margin-right: 20px;} ul.menu{top: 88%} #home .slide svg#herradura{bottom: 33px;} } @media (min-height:650px) and (max-height:699px){ ul.menu li span{margin-right: 10px;} ul.menu{top: 86%} #home .slide svg#herradura{bottom: 31px;} } /* @media (max-height:699px){ #areas i.brd2{margin-bottom:0px;} #areas .slide{transform:scale(0.6);margin-top:-90px;} } @media (max-height:649px){ ul.menu li span{margin-right: 15px;letter-spacing: 2px;margin-right: 15px;} ul.menu{top: inherit;bottom: 15px;} #home .slide svg#herradura{bottom: 28px;} } @media (max-height:700px){ #home #masterslider .ms-layer{top: 160.5px} } */ @media (max-height:549px){ #areas i.brd1{margin-top:15px;margin-bottom:20px;} #areas i.brd2{margin-bottom:0px;margin-top:15px;} #areas .slide{transform:scale(0.55);margin-top:-110px;} } @media (min-height:550px) and (max-height:699px){ #areas i.brd2{margin-bottom:0px;margin-top:10px;} #areas i.brd1{margin-bottom:15px;margin-top:20px;} #areas .slide{transform:scale(0.65);margin-top:-60px;} } @media (min-height:700px) and (max-height:769px){ #areas .slide{transform:scale(0.7);margin-top:-90px;} } @media (min-height:770px) and (max-height:890px){ #areas i.brd2{margin-bottom:0px;} #areas .slide{transform:scale(0.8);margin-top:-10px;} } @media (max-height:649px){ ul.menu li span{margin-right: 15px;letter-spacing: 2px;margin-right: 15px;} ul.menu{top: inherit;bottom: 15px;} #home .slide svg#herradura{bottom: 28px;} } @media (max-height:700px){ #home #masterslider .ms-layer{top: 160.5px} }