/*Your custom css Helefante!*/ /*Fonts*/ @font-face { font-family: mercury; src:url(customFonts/Mercury.otf);} @font-face {font-family: myriad; src:url(customFonts/Myriad.otf);} @font-face {font-family: national; src: url(customFonts/National.otf);} @font-face {font-family: merRom; src: url(customFonts/MRoman.otf);} @font-face {font-family: merIta; src: url(customFonts/MercuryItalic.otf);} .font-national {font-family: national;} .font-mercury {font-family: mercury;} .font-myriad {font-family: myriad;} .font-merRom {font-family: merRom;} .font-merIta {font-family: merIta;} .parrafo a {color:#f0735f!important;} .parrafo a:hover {color:#5C5E5C!important;} /*Fonts*/ /*General*/ .paddingRight10 {padding-left:12px!important;}/*PADDING HOME*/ .mk-edge-slider .swiper-pagination-switch a:hover { background-color:#f0735f!important;} /*Home Slide*/ .homeSlide .edge-title-area { font-family: national; font-size:20px} .homeSlide .swiper-pagination { margin-top:16px;} .homeSlide .swiper-pagination{ bottom:inherit; /*top:12%;*/top: 125px;} .homeSlide .edge-title{margin-top: -25px;} .homeSlide .edge-desc{margin-top: -25px;font-size: 16px;} /*HOME*/ .home #mk-header{ opacity:0; } .home #mk-header.header-sticky-ready{ opacity:1} /*.home .header-grid.mk-grid{ padding-left:30px;}*/ /*HOME ANIMATION CSS3*/ .downhome{border: none!important; background:none!important; box-shadow:none!important; z-index:999; bottom:5%; height: 18px; width: 25px; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; /* Chrome, Safari, Opera */ -webkit-animation-name: myfirst!important; -webkit-animation-duration: 5s!important; -webkit-animation-timing-function: linear!important; -webkit-animation-delay: 2s!important; -webkit-animation-iteration-count: infinite!important; -webkit-animation-direction: alternate!important; -webkit-animation-play-state: running!important; /* Standard syntax*/ animation-name: myfirst!important; animation-duration: 5s!important; animation-timing-function: linear!important; animation-delay: 2s!important; animation-iteration-count: infinite!important; animation-direction: alternate!important; animation-play-state: running!important; } .downhome:after{ content:''; display:block; width:100%; height:18px; position: relative; background: url(../../../wp-content/uploads/arrowdownhome.png) center no-repeat; } /* Chrome, Safari, Opera */ @-webkit-keyframes myfirst { 0% {bottom:5%;} 25% {bottom:8%;} 50% {bottom:5%;} 75% {bottom:8%;} 100% {bottom:5%;} } /* Standard syntax */ @keyframes myfirst { 0% {bottom:5%;} 25% {bottom:8%;} 50% {bottom:5%;} 75% {bottom:8%;} 100% {bottom:5%;} } /*HOME ANIMATION CSS3*/ /**/ .header-grid.mk-grid{ padding-left:30px;} #mk-header .header-logo{ display:none} #mk-header nav ul li a{ font-family: national; font-size: 18px; font-weight:400;} #mk-main-navigation li.no-mega-menu ul.sub-menu, #mk-main-navigation li.has-mega-menu > ul.sub-menu, .mk-shopping-cart-box{background:rgba(255,255,255,0.9) } #mk-main-navigation li.no-mega-menu ul.sub-menu{margin-top: 1px; right: inherit; left: 0px; width: 166px; margin-left: 19px;} #mk-main-navigation li.no-mega-menu ul.sub-menu li{ padding:5px 10px} .main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link{ font-size:14px!important; padding: 5px 15px; font-family: national;} #mk-header #lang_sel{margin-right: 31px;float: right;z-index: 2; text-transform:uppercase; font-family: mercury;} #lang_sel li{ width:90px} #lang_sel ul li a, #lang_sel ul li a:visited{ border:none; font-size: 12px!important;line-height: 54px;height: 53px; transition:all 0.5s;} #lang_sel a.lang_sel_sel{ background: url(../../../wp-content/plugins/sitepress-multilingual-cms/res/img/nav-arrow-down_red.png) #ddd right no-repeat;} #lang_sel:hover a.lang_sel_sel { background: url(../../../wp-content/plugins/sitepress-multilingual-cms/res/img/nav-arrow-down_red.png) #ddd right no-repeat;} #lang_sel ul li ul li a, #lang_sel ul li ul li a:visited{line-height: 20px!important;height: 20px!important; background:rgba(255,255,255,0.9)!important} #mk-header #lang_sel ul li ul a, #mk-header #lang_sel ul li ul{ border:none; font-size: 11px!important;} #mk-header #lang_sel ul li ul{ margin-top:-40px!important} #mk-header #lang_sel ul li{height: 90px;line-height: 90px;} #mk-header #lang_sel ul li a{ border-top:3px solid transparent; color: #f97352; background-color:transparent;transition:all 0.2s;} #mk-header #lang_sel ul:hover li a{ border-top:3px solid #f97352; transition:all 0.2s;} #mk-header #lang_sel ul li ul li{ height:30px; line-height:inherit} #mk-header #lang_sel ul li ul li a{ color: #f97352!important; border-top:none!important} .personalLogin{position: absolute;right: 48px;z-index: 4;top: 28px;font-size: 12px; font-family: mercury; transition:all 0.5s; cursor:pointer;color: #f97352;} .personalLogin:hover{color: #f97352;} .swiper-pagination span {margin: 0 5px;width: 8px;height: 8px;} .swiper-pagination[data-skin="dark"] a, .swiper-pagination[data-skin="light"] a{ background-color:#ffffff} .pagination-stroke[data-skin="dark"] span.swiper-active-switch a, .pagination-stroke[data-skin="light"] span.swiper-active-switch a {background-color: #F3735E;box-shadow:none;} #mk-footer {background-color: #ffffff!important; padding-top:0px !important;} #mk-footer .widget{ margin-bottom:0px} #mk-footer .footer-wrapper, .widget-sub-navigation, .widget_nav_menu, .widget_product_categories{ padding:0px} #mk-footer .widget_nav_menu ul{ padding-left:15px} #mk-footer .widget_nav_menu ul li{ margin-right:56px;} #mk-footer .widget_nav_menu ul li{ float:left; margin-right:47px; padding-top: 15px;} #mk-footer .widget_nav_menu ul li:last-child{ margin-right:0px} #menu-item-6137, #menu-item-7481, #menu-item-7482{ background:url(../../../wp-content/uploads/2014/11/oneoceanlogofooter.jpg) no-repeat; width:93px; height:86px;} #menu-item-6137 a, #menu-item-7481 a, #menu-item-7482 a{opacity: 0; width:93px;} /*#mk-footer .mk-col-1-3{ width: 100%;}*/ .widget-sub-navigation ul li.current_page_item a, .widget_nav_menu ul li.current_page_item a, .widget_product_categories ul li.current_page_item a{ font-weight:normal; background-color:transparent; color:#f97352!important} #mk-footer .current-page-ancestor > a{ border:none!important} #mk-footer .menu-footer-menu-container { margin: 10px 0px 10px 89px;} #mk-footer .menu-footer-menu-espanol0-container{ margin: 10px 0px 10px 79px;} #mk-footer .menu-footer-menu-catalan0-container{ margin: 10px 0px 10px 105px;} #menu-item-6083, #menu-item-6137{ margin-right:40px} #menu-item-6084, #menu-item-6085, #menu-item-6086{ margin-right:67px!important} #mk-header, .mk-header-inner, .header-sticky-ready .mk-header-inner, .header-style-2.header-sticky-ready .mk-classic-nav-bg{ border-bottom:none!important} .fancybox-overlay .fancybox-title, .fancybox-overlay .fancybox-close i{ display:none} .fancybox-overlay .fancybox-close{width: 25px; height: 25px; position: absolute; top: 0px; background: url(../../../wp-content/uploads/closelogin.png) center no-repeat; right: -33px; cursor: pointer;} .fancybox-overlay .fancybox-nav span, .fancybox-overlay .fancybox-nav span:hover{ background-color:transparent!important} .fancybox-overlay .fancybox-next{right: -90px!important;} .fancybox-overlay .fancybox-prev{left: -90px!important;} .fancybox-overlay .fancybox-next span{ font-size:100px!important; right:0px!important} .fancybox-overlay .fancybox-prev span{ font-size:100px!important; left:40px!important} .mk-jupiter-icon-arrow-right:before{background: url(../../../wp-content/uploads/arrownext.png) center no-repeat; content:''; display: block;width: 18px;height: 35px;} .mk-jupiter-icon-arrow-left:before{background: url(../../../wp-content/uploads/arrowprev.png) center no-repeat; content:''; display: block;width: 18px;height: 35px;} /*.wpb_row{ padding-left:15px}*/ .wpb_column{ padding-left:15px!important; padding-right:14px!important} .vc_col-sm-6:first-child{padding-right:9px!important} .vc_col-sm-6:last-child{padding-left:10px!important} .vc_col-sm-4:first-child{padding-right:5px!important} .vc_col-sm-4:nth-child(2){padding-left: 10px!important;padding-right: 10px!important;} .vc_col-sm-4:last-child{padding-left:6px!important} .vc_col-sm-8.wpb_column:last-child{ padding-left: 11px!important;padding-right: 14px!important;} .fila84 .vc_col-sm-8.wpb_column{padding-left: 16px!important;padding-right: 10px!important;} .fila84 .vc_col-sm-4.wpb_column{padding-left: 6px!important;padding-right: 14px!important;} .txtMod{padding-left: 15px!important;padding-right: 27px!important;} .borderCaja {border:#D7D8D2 1px solid!important;} /*Square Perso*/ /*afterHome*/ .mk-image-shortcode.inside-image .mk-image-caption { position: absolute; bottom: 0; left: 0; z-index: 10; margin: 0px; padding: 0px; background-color: rgba(0, 0, 0, 0.2); transition: all 0.5s ease-in-out; color: #fff; height:100%; width:100%; } /*squPho*/ .squPho .mk-image-caption:hover {background-color: #383838;background-color: rgba(0, 0, 0, 0.1); transition: all 0.5s ease-in-out; } /*squOra*/ .squOra .mk-image-caption {background-color: #f0735f; background-color: rgba(255, 255, 255, 0.0)!important; transition: all 0.5s ease-in-out;} .squOra .mk-image-caption:hover {background-color: #f28e7e; background-color: rgba(255, 255, 255, 0.3)!important; transition: all 0.5s ease-in-out;} /*squGry1*/ .squGry1 .mk-image-caption {color:#5C5E5C!important;background-color: #dbdbd6;background-color: rgba(255, 255, 255, 0.1)!important; transition: all 0.5s ease-in-out;} .squGry1 .mk-image-caption:hover {background-color: #efefed;background-color: rgba(255, 255, 255, 0.6)!important; transition: all 0.5s ease-in-out;} .squGry1 .mk-caption-title, .squGry1 .mk-caption-desc {color:#5C5E5C!important;} /*.squGry1 .mk-caption-title::after {background-color:#5C5E5C!important} squGry2*/ .squGry2 .mk-image-caption {background-color: #dbdbd6;background-color: rgba(255, 255, 255, 0.1)!important; transition: all 0.5s ease-in-out;} .squGry2 .mk-image-caption:hover {background-color: #efefed;background-color: rgba(255, 255, 255, 0.6)!important; transition: all 0.5s ease-in-out;} /*unaLinea dosLineas more */ .unaLinea .mk-caption-title{margin-top:0px!important;top:45%!important;position:relative!important;} .dosLineas .mk-caption-title {margin-top:0px!important; top:40%!important; position:relative!important;} .squBigs .unaLinea .mk-caption-title{top:48.9%!important;} .squBigs .dosLineas .mk-caption-title {top:47%!important;} .more .mk-caption-title::after {height:1px; width:20px; margin:8px 47.5%; float:left; background-color:#FFF; overflow:hidden; content: "OneOceanClub";} .more .unaLinea .mk-caption-title{margin-top:0px!important; top:40%!important; position:relative!important;} .more .dosLineas .mk-caption-title {margin-top:0px!important; top:31%!important; position:relative!important; width:90%!important; margin:0 auto!important;} .more .unaLinea .mk-caption-desc {margin-top:0px!important; top:55.1%!important; position:relative!important;} .more .dosLineas .mk-caption-desc {margin-top:0px!important; top:55.1%!important; position:relative!important;} .millor {top:31%!important;} .simple_minimal-style.mk-box-icon{margin-top: -100px; z-index: 999; margin-bottom: 100px!important; margin-left: auto; margin-right: auto;} .mk-box-icon.simple_minimal-style .mk-main-ico{margin-left: 50%!important;} @media (max-width: 550px) { .more .unaLinea .mk-caption-title, .more .dosLineas .mk-caption-title {font-size:25px!important; width:85%!important; top:50%!important; margin:0 auto!important;} .more .unaLinea .mk-caption-desc, .more .dosLineas .mk-caption-desc, .more .mk-caption-title::after { display:none!important} } /*.menuLateral*/ .cajaInterior, .dretaTexto, .menuLateral { float:right!important; } @media (max-width: 800px) {.menuLateral { width:100%!important; padding:0px!important; margin:0px!important; }} /*.squLat simpleColor*/ @media (max-width: 800px) { .squLat {float:left!important; max-width:inherit!important; width:50%!important;margin:0px!important;} .squLat img {width:100%!important;} } /*.squLat2 simpleColorx2*/ @media (max-width: 800px) { .squLat2 {float:left!important; max-width:inherit!important; width:100%!important; height:370px!important; overflow:hidden;} .squLat2 img{float:left!important; max-width:inherit!important; width:100%!important;} } @media (max-width: 750px) {.squLat2 {height:325px!important;}} @media (max-width: 680px) {.squLat2 {height:295px!important;}} @media (max-width: 560px) {.squLat2 {height:275px!important;}} @media (max-width: 460px) {.squLat2 {height:190px!important;}} /*.squLat2img DobleImagen*/ .squLat2img {max-width:inherit!important; max-width:200%!important; height:190px!important;} .squLat2img img {max-width:inherit!important; max-width:220%!important; height:190px!important;} @media (max-width: 400px) {.squLat2 {height:160px!important;}} /*.squLat2img DobleImagen*/ .squLat2img {max-width:inherit!important; max-width:200%!important; height:160px!important;} .squLat2img img {max-width:inherit!important; max-width:220%!important; height:160px!important;} @media (max-width: 1090px) {.squLat2img, .squLat2img img {height:230px!important;}} @media (max-width: 990px) {.squLat2img, .squLat2img img {height:200px!important;}} @media (max-width: 870px) {.squLat2img, .squLat2img img {height:185px!important;}} @media (max-width: 800px) {.squLat2img, .squLat2img img {float:left!important; max-width:inherit!important; width:100%!important; height:370px!important}} @media (max-width: 700px) {.squLat2img, .squLat2img img {height:inherit!important;}} /*.squSota2img DobleImagen*/ /*Square Perso*/ a.menu-item-link{ padding:0px!important; margin:0px 20px 0px 20px} #menu-item-7522 a.menu-item-link, #menu-item-7523 a.menu-item-link{ margin-right: 10px !important; } .current-page-ancestor > a{ border-top: 3px solid #f97352!important;;color: #f97352 !important;} #popuplogin, #popuploged{ position: fixed; background: rgba(0,0,0,0.6); width: 100%;height: 100%;top: 0px;left: 0px;z-index: 9999; display:none; font-family: merRom;} .loginactive{ display:block!important;} #popuplogin span, #popuploged span{width: 385px; background: url(../../../wp-content/uploads/loginlogo.png) no-repeat center 20px #e3e6e0;display: block;position: absolute;top: 50%;left: 50%;margin-left: -192px;} #popuplogin span .closelogin, #popuploged span .closelogin{ width:25px; height:25px; position: absolute;top: 0px;background:url(../../../wp-content/uploads/closelogin.png) center no-repeat;right: -33px; cursor:pointer} #popuplogin span .email{ margin-left: 25px;margin-right: 36px; margin-top: 135px;} #popuplogin span .password{ margin-left: 25px;margin-right: 36px;} #popuplogin span .title{margin-top: 10px;margin-bottom: 5px;display: inline-block; color:#5c5e5c} #popuplogin span .forgotpass{margin-top: 5px;margin-bottom: 25px;display: block;font-style: italic;color: #f3735e;} #popuplogin span button {background: #f97352;border: none;color: #fff;display: block;margin-bottom: 38px;padding: 4px 10px;letter-spacing: 1px;font-family: national;font-size: 17px;} #popuplogin span .notamember{margin-top: 5px;margin-bottom: 15px;display: block;font-style: italic;} #popuplogin span .notamember a{ color: #f3735e;} #popuplogin span input, #popuplogin span input:focus {font-size: 13px;color: #000000!important;padding: 4px!important;background-color: transparent!important;border: 1px #d7d8d2 solid!important;outline: none;margin-bottom: 4px;width: 100%;} #popuploged span h2{ font-family: national; width:100%; text-align:center; margin-top: 135px;line-height: 30px;} #popuploged span a.continueonsite{margin-top: 20px;margin-bottom: 15px;display: block;font-style: italic; color: #f3735e; width: 100%;text-align: center; cursor:pointer} /*Form*/ .formmakeareservation a, .formplanyourevent a{ width:100%; text-decoration: none;} .formmakeareservation select { background: transparent!important; text-align:center; padding: 5px!important; font-size: 13px!important; line-height: 1!important; border: 1px solid #D7D8D2!important; border-radius: 0!important; height: 27px; -webkit-appearance: none!important; outline:none; font-weight:inherit!important; max-width:inherit!important; min-width:inherit!important; } .formmakeareservation button, .formplanyourevent button{background: #F3735E;border: none;color: #fff;display: block;margin: 30px auto;padding: 4px 10px;letter-spacing: 1px; font-family: national; font-size:17px} .formmakeareservation #down, .formmakeareservation #yearprev, .formplanyourevent #down, .formplanyourevent #yearprev{height:5px; display:block; background:url(../../../wp-content/uploads/arrowdown.png) center no-repeat; margin-top:5px; cursor:pointer} .formmakeareservation #up, .formmakeareservation #yearnext, .formplanyourevent #up, .formplanyourevent #yearnext{height:5px; display:block; background:url(../../../wp-content/uploads/arrowup.png) center no-repeat; margin-bottom:5px; cursor:pointer} .formmakeareservation .date, .formmakeareservation .time, .formmakeareservation .people, .formplanyourevent .date, .formplanyourevent .time, .formplanyourevent .people{ display: block; height: 47px;margin: 0px auto;} .formmakeareservation .date, .formplanyourevent .date{ text-align: center; padding-left: 13px;} .formmakeareservation .time, .formplanyourevent .time{ text-align: center; padding-left: 12px; } .formmakeareservation .date #days option, .formmakeareservation .time #hours option, .formmakeareservation .time #minutes option, .formmakeareservation .people #people option { width: 34px; text-align: center; padding: 5px 4px; } .formmakeareservation .date #years option { width: 54px; text-align: center; padding: 5px 4px; } .formmakeareservation div.captcha { text-align: center; margin: 0 auto; width: 160px; margin-top: 20px;} .formmakeareservation div.captcha img { margin-bottom: 5px; } .formmakeareservation .people, .formplanyourevent .people{ width:30px;} .formmakeareservation .d, .formmakeareservation .m, .formmakeareservation .a, .formmakeareservation .h, .formmakeareservation .min, .formmakeareservation .p, .formplanyourevent .d, .formplanyourevent .m, .formplanyourevent .a, .formplanyourevent .h, .formplanyourevent .min, .formplanyourevent .p{ /*float:left;*/ display:inline-block; margin-right: 15px;} .formmakeareservation .a, .formmakeareservation .min, .formplanyourevent .a, .formplanyourevent .min{ margin-right:0px;} .formmakeareservation .titol, .formplanyourevent .titol{ color:#F3735E; font-weight: 600; font-size: 15px; text-align: center; letter-spacing: 1px; margin-bottom: 20px; font-family:national;} .planyourevent .mk-custom-boxed, .planyourevent form, .planyourevent .mk-text-block { background-color: #5C5E5C!important; margin-bottom: 0px!important;} .planyourevent form{padding-bottom: 20px;} .planyourevent.specialSlide .s1, .planyourevent.specialSlide p{ color:#ffffff} .formplanyourevent select { background: #737675!important; text-align:center; padding: 5px!important; font-size: 13px!important; line-height: 1!important; border: 1px solid #737675!important; border-radius: 0!important; height: 27px; -webkit-appearance: none!important; outline:none; font-weight:inherit!important; max-width:inherit!important; min-width:inherit!important; color:#ffffff!important; } .formplanyourevent div.captcha { background: #737675; text-align: center; margin: 0 auto; width: 160px; margin-top: 20px; padding: 4px 10px; } .formplanyourevent div.captcha img { margin-bottom: 5px; } @-moz-document url-prefix() { .custom-select { background-color: #fff; /*border: 1px solid #ccc;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0; position: relative; width: 100%; z-index: 1; } .formmakeareservation .d, .formmakeareservation .m, .formmakeareservation .a, .formmakeareservation .h, .formmakeareservation .min, .formmakeareservation .p, .formplanyourevent .d, .formplanyourevent .m, .formplanyourevent .a, .formplanyourevent .h, .formplanyourevent .min, .formplanyourevent .p{ float:left; margin-right:-10px;} .formmakeareservation a, .formplanyourevent a {width: 70%;} .formmakeareservation .date{ padding-left:0px} .formmakeareservation .people{ width: 40px;} .custom-select:hover { border-color: #999; } .custom-select:before { color: #333; display: block; content:''; font-size: 1em; height: 100%; line-height: 2.5em; padding: 0 0.625em; position: absolute; top: 0; right: 0; text-align: center; width: 1em; z-index: -1; } .custom-select select { background-color: transparent; border: 0 none; box-shadow: none; color: #333; display: block; font-size: 100%; line-height: normal; margin: 0; padding: .5em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select select::-ms-expand { display: none; /* to ie 10 */ } .custom-select select:focus { outline: none; } /* little trick for custom select elements in mozilla firefox 17/06/2014 @rodrigoludgero */ /* pseudo class https://developer.mozilla.org/en-US/docs/Web/CSS/:any */ :-moz-any(.custom-select):before { background-color: #5C5E5C; /* this is necessary for overcome the caret default browser */ pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */ z-index: 1; /* this is necessary for overcome the pseudo element */ } :-moz-any(.custom-select2):before { background-color: #ffffff; /* this is necessary for overcome the caret default browser */ pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */ z-index: 1; /* this is necessary for overcome the pseudo element */ border-left:1px solid #D7D8D2; } } .formmakeareservation select, .formplanyourevent select{ -moz-appearance:none; text-indent:0.01px; text-overflow:'';} .formplanyourevent .formcontacto{display: block; background:#737675; font-size:13px; color:#ffffff; width:512px; margin: 0px auto; padding:5px 0px 25px 0px} .formmakeareservation .formcontacto{display: block; background:#ffffff; font-size:13px; color:#737675; width:512px; margin: 0px auto; padding:5px 0px 25px 0px} .formcontacto2{display: block; width:512px; margin: 25px auto;} .formcontacto .title{ margin-top:10px; margin-bottom:5px; display: inline-block;} .formcontacto .title span{ color:#F3735E} .formcontacto .lastname, .formcontacto .name, .formcontacto .telephone, .formcontacto .email{ width:44%; float:left; display:inline-block;} .formcontacto .fullname { margin-left:25px; margin-right:5px; width:90%; float:left; display:inline-block;} .formcontacto .lastname, .formcontacto .telephone{ margin-left:25px; margin-right:5px} .formcontacto .name, .formcontacto .email{ margin-right:25px; margin-left:5px} .formcontacto .company{ margin-left:25px; margin-right:25px} .formcontacto .lastname input, .formcontacto .name input, .formcontacto .telephone input, .formcontacto .email input{width:100%} .formplanyourevent input, .formplanyourevent input:focus, .formplanyourevent textarea, .formplanyourevent textarea:focus{ font-size: 13px; color: #ffffff!important; padding: 4px!important; background-color: #5C5E5C!important; border:none!important; outline: none; margin-bottom: 4px; width:100%; font-family: mercury; } .formcontacto input.fullname :focus, .formcontacto input.email input:focus { border: 1px solid #E3E3E3; } .formplanyourevent textarea, .formplanyourevent textarea:focus{ height:100px; resize:none } .formmakeareservation input, .formmakeareservation input:focus{ font-size: 13px; padding: 4px!important; outline: none; margin-bottom: 4px; width:100%; background-color: #ffffff!important; } .formmakeareservation input[required]:valid { border: 1px solid #e3e3e3; } /*.formmakeareservation input[required]:invalid, */ .formmakeareservation input:focus, .formmakeareservation select:focus{ border: 1px solid rgb(243,115,94); } .formplanyourevent .date, .formplanyourevent .time, .formplanyourevent .people{ height:135px; float:left} .formplanyourevent .date{margin:0px 25px} .formplanyourevent .time{ margin: 0px 0px 0px 86px;} .formplanyourevent .people{ width:200px; margin: 0px 39px;} .formplanyourevent .people .p{padding-left: 68px;} .formplanyourevent .budget{height: 135px;display:inline-block;margin: 0px 0px 0px 39px;} .formplanyourevent .budget .titol{ width:100%} .formplanyourevent .budget input, .formplanyourevent .people input{ background:#737675!important; width: 50%;margin: 0 auto;display: block;text-align: center; height:27px; margin-top:29px} .formplanyourevent .people input{ height:18px; margin-top:29px; /*margin-left: 28px;*/ } .formplanyourevent .titol{ /*width: 83%;*/text-align:center;} .formplanyourevent .food, .formplanyourevent .drinks, .formplanyourevent .special{display: block; width:627px; margin: 25px auto 50px auto;} .formplanyourevent .food .titol, .formplanyourevent .drinks .titol, .formplanyourevent .special .titol{ width:100%;} .formplanyourevent .food input[type=radio], .formplanyourevent .drinks input[type=checkbox], .formplanyourevent .special input[type=checkbox] { display:none; margin:10px; } .formplanyourevent .food input[type=radio] + label, .formplanyourevent .drinks input[type=checkbox] + label, .formplanyourevent .special input[type=checkbox] + label { display:inline-block; margin: 0px 5px; background-color: #737675; width:112px; height:115px; position:relative; background-repeat:no-repeat; cursor:pointer; } .formplanyourevent .special input[type=checkbox] + label { width:112px; height:84px; margin-bottom: 10px; line-height: 16px; background-repeat:no-repeat; } .formplanyourevent .food input[type=radio] + label:after, .formplanyourevent .drinks input[type=checkbox] + label:after{ position: absolute;bottom: 10px;left: 0px; width: 100%;text-align: center; color:#ffffff; font-size:13px} .formplanyourevent .special input[type=checkbox] + label:after{ position: absolute;top: 34px;left: 0px; width: 100%;text-align: center; color:#ffffff; font-size:13px; padding: 0px 10px;} .formplanyourevent .food #coffebreak + label{ background-image:url(../../../wp-content/uploads/pye1.png); background-position:center 24px } .formplanyourevent .food #fingerlunch + label{ background-image:url(../../../wp-content/uploads/pye2.png); background-position:center 13px } .formplanyourevent .food #buffetlunch + label{ background-image:url(../../../wp-content/uploads/pye3.png); background-position:center 18px } .formplanyourevent .food #banquetmenu + label{ background-image:url(../../../wp-content/uploads/pye4.png); background-position:center 24px } .formplanyourevent .food #cocktailmenu + label{ background-image:url(../../../wp-content/uploads/pye5.png); background-position:center 28px } .formplanyourevent .food #coffebreak:checked + label{ background-image:url(../../../wp-content/uploads/pye1h.png); } .formplanyourevent .food #fingerlunch:checked + label{ background-image:url(../../../wp-content/uploads/pye2h.png); } .formplanyourevent .food #buffetlunch:checked + label{ background-image:url(../../../wp-content/uploads/pye3h.png); } .formplanyourevent .food #banquetmenu:checked + label{ background-image:url(../../../wp-content/uploads/pye4h.png); } .formplanyourevent .food #cocktailmenu:checked + label{ background-image:url(../../../wp-content/uploads/pye5h.png); } /*.formplanyourevent .food #coffebreak + label:after{ content:'Coffee break'; } .formplanyourevent .food #fingerlunch + label:after{ content:'Finger lunch'; } .formplanyourevent .food #buffetlunch + label:after{ content:'Buffet lunch'; } .formplanyourevent .food #banquetmenu + label:after{ content:'Banquet menu'; } .formplanyourevent .food #cocktailmenu + label:after{ content:'Cocktail menu'; }*/ .formplanyourevent .drinks #refreshment + label{ background-image:url(../../../wp-content/uploads/pye6.png); background-position:center 14px } .formplanyourevent .drinks #wine + label{ background-image:url(../../../wp-content/uploads/pye7.png); background-position:center 22px } .formplanyourevent .drinks #champagne + label{ background-image:url(../../../wp-content/uploads/pye8.png); background-position:center 14px } .formplanyourevent .drinks #cocktails + label{ background-image:url(../../../wp-content/uploads/pye9.png); background-position:center 24px } .formplanyourevent .drinks #openbar + label{ background-image:url(../../../wp-content/uploads/pye10.png); background-position:center 16px } .formplanyourevent .drinks #refreshment:checked + label{ background-image:url(../../../wp-content/uploads/pye6h.png); } .formplanyourevent .drinks #wine:checked + label{ background-image:url(../../../wp-content/uploads/pye7h.png); } .formplanyourevent .drinks #champagne:checked + label{ background-image:url(../../../wp-content/uploads/pye8h.png); } .formplanyourevent .drinks #cocktails:checked + label{ background-image:url(../../../wp-content/uploads/pye9h.png); } .formplanyourevent .drinks #openbar:checked + label{ background-image:url(../../../wp-content/uploads/pye10h.png); } /*.formplanyourevent .drinks #refreshment + label:after{ content:'Refreshment'; } .formplanyourevent .drinks #wine + label:after{ content:'Wine'; } .formplanyourevent .drinks #champagne + label:after{ content:'Champagne'; } .formplanyourevent .drinks #cocktails + label:after{ content:'Cocktails'; } .formplanyourevent .drinks #openbar + label:after{ content:'Open bar'; } .formplanyourevent .special #dj + label:after{ content:'DJ'; } .formplanyourevent .special #livemusic + label:after{ content:'Live music'; } .formplanyourevent .special #audiovisuals + label:after{ content:'Audio-visuals'; } .formplanyourevent .special #winetasting + label:after{ content:'Wine tasting'; } .formplanyourevent .special #flair + label:after{ content:'Flair\A(Cocktail Show)'; white-space: pre; top:25px } .formplanyourevent .special #flowers + label:after{ content:'Flowers'; } .formplanyourevent .special #personalmenucards + label:after{ content:'Personalized menu cards'; top:25px } .formplanyourevent .special #tabledistribution + label:after{ content:'Table distribution'; top:25px} .formplanyourevent .special #themedbuffet + label:after{ content:'Themed buffet'; } .formplanyourevent .special #surprise + label:after{ content:'Surprise me!'; }*/ .formplanyourevent .food input[type=radio]:checked + label, .formplanyourevent .drinks input[type=checkbox]:checked + label, .formplanyourevent .special input[type=checkbox]:checked + label { background-image: none; background-color:#F3735E; } /*Form*/ /*The menu*/ .tit2dark{ font-family: national!important;font-size: 40px!important;text-align: center!important;letter-spacing: 8px!important;margin-bottom: 25px!important;margin-top: 18px!important;} .tit2dark .p1 {line-height: 45px!important;font-size: 40px!important;} .tabs ul{display: table;margin: 0 auto!important;} .tabs ul li a{font-size: 15px!important; text-transform: uppercase; letter-spacing: 1px; font-weight: 500!important; background-color:transparent!important; padding:0px 8px!important; border:none!important; } .tabs.tabsdark ul li a{ color:#e5e5e5!important} .tabs.tabsdark .downloadpdf, .tabs.tabsdark .cartatexto p, .signature.signaturedark h3{ color:#e5e5e5!important;} .tabs ul li.ui-state-active a, .tabs ul li.ui-state-hover a{ color:#f97352!important} .tabs.mk-tabs.default-style .mk-tabs-panes {margin-top: -17px!important; border:none} .titulosmenus{ border-top:1px solid #d7d8d2; border-bottom:1px solid #d7d8d2;} .tabs.tabsdark .titulosmenus{border-top:1px solid #737675; border-bottom:1px solid #737675;} .cartatexto p{ color:#5b5e5c; font-size: 13px; font-weight: 600; line-height: 33px; } .downloadpdf{ color: #5b5e5c!important;background: transparent!important;text-shadow: none!important;border: none!important; position: absolute;right: 30px;top: -15px;} .signature h3{color: #5b5e5c!important; font-size: 15px!important; letter-spacing: 1px; font-weight: normal!important; margin: 0px;} .signature h4{color: #f97352!important; text-transform: initial!important; font-weight: normal!important; font-size: 13px!important;} .signature .inside-image{ margin-bottom:0px!important} /*Titulo + Desta + Slide + Txt (Mission + SpecialSlide) */ .txtMod { margin-top:-40px!important;} .txtMod .vc_col-sm-9 { border:#D7D8D2 1px solid;} @media (max-width: 1150px) {.txtMod .vc_col-sm-9 {width:74%!important;}} @media (max-width: 950px) {.txtMod .vc_col-sm-9 {width:73%!important;}} @media (max-width: 800px) {.txtMod .vc_col-sm-9 {width:100%!important; padding:0px;}} .tit1 .p1 { line-height:35px!important; font-size:40px!important;} .interLin .p1{ line-height:10px!important;} .tit1, .specialSlide h3{ font-family: national!important; color:#5C5E5C!important; font-size:40px!important; text-align:center!important; letter-spacing:8px!important; margin-bottom:25px!important; margin-top:18px!important; } .specialSlide h3{ font-weight:200!important; font-size:35px!important; line-height:10px!important; } .txtMod .titulillo h4 { color:#f0735f!important; font-family: national!important; font-size:18px!important; font-weight:500!important; text-align:center; letter-spacing:4px; margin-bottom:-30px!important; margin-top:15px!important; } .txtMod .desta1 p { font-size:17px!important; padding-left:80px; padding-right:80px; font-family: mercury; line-height:17px; } .txtMod .parrafo { font-size:10px!important; margin-top:30px; font-family: mercury; line-height:15px; } @media (max-width: 1080px) {.txtMod .desta1 p {padding-left:80px;padding-right:80px;}} @media (max-width: 950px) {.txtMod .desta1 p {padding-left:60px;padding-right:60px;}} @media (max-width: 500px) {.txtMod .desta1 p {padding-left:25px;padding-right:25px;}} @media (max-width: 950px) {.txtMod .parrafo {padding-left:10px;padding-right:10px;}} /*Team*/ .cajaInterior .co2img { float:left!important;} .cajaInterior .co2imgD { float:right!important; z-index:20;} .cajaInterior .co2txt_team_d { text-align: right !important;} .cajaInterior .co2txt, .cajaInterior .co2txtD { float:left!important; width:55%!important; padding-left:20px;} .cajaInterior .co2txtD { padding-right:20px!important; padding-left:0px; } .cajaInterior .co2txt::before, .cajaInterior .co2txtD::before {height:1px; width:15%; margin-left:-20px; display:block; background-color:#D7D8D2; overflow:hidden; content:"OneOceanClub";} .cajaInterior .co2txtD::before { left:100%!important; position:relative;} .cajaInterior .before2::before { left:100%!important; position:relative; background-color:#5c5e5b!important;} .cajaInterior .mk-text-block h3{ font-family: national!important; font-weight:400!important; letter-spacing:2px; font-size:19px!important; margin:0px!important; margin-top:18px!important;} .cajaInterior h4 { font-family: merIta!important; font-weight:200!important; text-transform:capitalize!important;font-size:15px!important; margin:0px!important;} .cajaInterior .co2txt p, .cajaInterior .co2txtD p { font-family: mercury!important; line-height:16px!important; font-size:15px!important; margin-top:15px; margin-bottom:15px;} .cajaInterior address {font-family: merIta!important; color:#f0735f!important; font-size:15px!important; margin-top:-2px!important; font-style:normal!important; margin-bottom:-15px!important;} .cajaInterior h5 {font-family: mercury!important; font-weight:200!important; color:#f0735f!important; text-transform:none!important;font-size:14px!important; margin:0px!important;} .cajaInterior h6 {font-size:13px!important; margin-top:15px; text-transform:capitalize!important; font-family: merIta; color:#777777!important;} @media (max-width: 1120px) { .cajaInterior .co2txt {width:inherit!important; width:45%!important;} .cajaInterior .co2txtD {width:inherit!important; width:45%!important;} .cajaInterior .co2txtD::before { left:121%!important; position:relative;} } @media (max-width: 1050px) { .cajaInterior .co2txt::before, .cajaInterior .co2txtD::before {height:0px;} } @media (max-width: 945px) { .cajaInterior .co2txt {width:inherit!important; width:40%!important;} .cajaInterior .co2txtD {width:inherit!important; width:40%!important;} } @media (max-width: 900px) { .cajaInterior .co2img { float:none!important;} .cajaInterior .co2imgD { float:none!important;} .cajaInterior .co2txt {width:inherit!important; width:100%!important; padding:0px 20px;} .cajaInterior .co2txtD {width:inherit!important; width:100%!important; padding:0px 20px;} } /*OneOceanClub - SpecialSlide*/ .specialSlide .caixa { position:absolute!important; z-index:200!important; ; padding-bottom:105px!important;width: 100%; background: -moz-linear-gradient(top, rgba(227,230,224,0.95) 64%, rgba(227,230,224,0.69) 87%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(64%,rgba(227,230,224,0.95)), color-stop(87%,rgba(227,230,224,0.69)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(227,230,224,0.95) 64%,rgba(227,230,224,0.69) 87%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(227,230,224,0.95) 64%,rgba(227,230,224,0.69) 87%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(227,230,224,0.95) 64%,rgba(227,230,224,0.69) 87%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(227,230,224,0.95) 64%,rgba(227,230,224,0.69) 87%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e3e6e0', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .specialSlide2 .caixa { position:absolute!important; z-index:200!important; ; padding-bottom:105px!important; background: -moz-linear-gradient(top, rgba(92,94,92,0.95) 32%, rgba(92,94,92,0.69) 87%, rgba(0,0,0,0) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,rgba(92,94,92,0.95)), color-stop(87%,rgba(92,94,92,0.69)), color-stop(100%,rgba(0,0,0,0)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(92,94,92,0.95) 32%,rgba(92,94,92,0.69) 87%,rgba(0,0,0,0) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(92,94,92,0.95) 32%,rgba(92,94,92,0.69) 87%,rgba(0,0,0,0) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(92,94,92,0.95) 32%,rgba(92,94,92,0.69) 87%,rgba(0,0,0,0) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(92,94,92,0.95) 32%,rgba(92,94,92,0.69) 87%,rgba(0,0,0,0) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e3e6e0', endColorstr='#00000000',GradientType=0 )!important; /* IE6-9 */ } .specialSlide .linea { width:70px!important; margin-bottom:20px!important;} .specialSlide p { font-family: merRom; width:37%; font-size:15px; margin:0 auto; line-height:17px;} p:first-child a {margin-top:20px;} .specialSlide p a{color:#f97352!important; font-size:14px;} /*LEGAL*/ .cajaInterior .legal { width:43%!important; float:left!important; margin:20px; } .cajaInterior .legal h3 { color:#f0735f!important; margin-bottom:20px!important; line-height:18px; margin-top:45px!important; } .cajaInterior .legal p { font-size:11px!important; line-height:19px; } .cajaInterior .legal p a{ color:#f0735f!important; } .cajaInterior .legal p a:hover{ color:#777777!important; } /*GALLERY PORTFOLIO IMG*/ .galleryImg .image-hover-overlay {display:none!important;} .galleryImg .mk-portfolio-item.zoomin-hover .grid-hover-icons a {height:500px!important; width:100%!important; position:relative!important; margin:0px!important; top:-200px!important;} .galleryImg .portfolio-categories {display:none!important;} .galleryImg .the-title {display:none!important;} .galleryImg .mk-jupiter-icon-plus-circle, .galleryImg .hover-overlay {display:none!important;} .galleryImg .grid-hover-icons {height:100%!important; width:100%!important; position:absolute!important; top:0px!important; left:0px!important;} .galleryImg .grid-hover-icons a {height:100%!important; width:100%!important;left:0px!important;} /*.galleryImg .mk-portfolio-item.fadebox-hover .gradient, .galleryImg .grid-hover-icons { display:none!important;}*/ /*FILTER*/ .portfolio-grid {margin-top: -18px;} #mk-filter-portfolio.sortable-classic-style{ padding:0px} #mk-filter-portfolio.sortable-classic-style ul li a.current {color:#f0735f!important; background:none!important;} #mk-filter-portfolio.sortable-classic-style ul {display: table;margin: 0 auto;float: inherit;} #mk-filter-portfolio.sortable-classic-style ul li{ margin:0px!important} @media (max-width: 1120px) {#mk-filter-portfolio.sortable-classic-style ul { margin-left:15%;}} @media (max-width: 1050px) {#mk-filter-portfolio.sortable-classic-style ul { margin-left:10%;}} @media (max-width: 945px) {#mk-filter-portfolio.sortable-classic-style ul { margin-left:5%;}} @media (max-width: 900px) {#mk-filter-portfolio.sortable-classic-style ul { margin-left:3%;}} @media (max-width: 750px) {#mk-filter-portfolio.sortable-classic-style ul { margin-left:15%;}} .homeSlide .mk-edge-slider .edge-buttons a {position:absolute!important; top:-40px!important; left:0px!important; height:100%!important; width:100%!important; text-indent:-10000px!important; background:none!important;} .homeSlide .edge-desc {font-family:merIta!important; font-size:14px!important; color:#FFF!important; margin-top:-35px!important; } .homeSlide .edge-title:after {height:1px; width:20px; margin-right:48.5%; margin-bottom:5px; margin-left:48.5%; background-color:#FFF; overflow:hidden; position:relative; content: "OneOceanClub"; display:inline-block!important;} #menu-item-7522 .sub-menu {width:250px!important;} .mk-go-top{ display:none} @media (max-width: 1060px) and (min-width: 1025px) { #mk-footer .menu-footer-menu-espanol0-container {margin: 30px 0px 10px 14%;} #mk-footer .menu-footer-menu-container {margin: 30px 0px 10px 11%;} #mk-footer .menu-footer-menu-catalan0-container {margin: 30px 0px 10px 15%;} } @media (max-width: 1023px) and (min-width: 768px) { #mk-footer .menu-footer-menu-espanol0-container {margin: 30px 0px 10px 14%;} #mk-footer .menu-footer-menu-container {margin: 30px 0px 10px 11%;} #mk-footer .menu-footer-menu-catalan0-container {margin: 30px 0px 10px 15%;} } @media (max-width: 1024px) { #mk-footer .menu-footer-menu-catalan0-container {margin: 30px 0px 10px 167px;} #mk-footer .menu-footer-menu-container {margin: 30px 0px 10px 128px;} #mk-footer .menu-footer-menu-espanol0-container {margin: 30px 0px 10px 155px;} } @media (max-width: 768px){ #menu-item-6137, #menu-item-7481, #menu-item-7482 { position:absolute; width:100%; left:0px; background: url(../../../wp-content/uploads/2014/11/oneoceanlogofooter.jpg) no-repeat center;} /*#menu-item-8296, #menu-item-8295, #menu-item-6999, #menu-item-7954, #menu-item-8310, #menu-item-8311, #menu-item-7480, #menu-item-8070, #menu-item-8308, #menu-item-8309, #menu-item-7479, #menu-item-8024{ position:absolute; width:100%; left:0px; text-align:center} #menu-item-6137 a, #menu-item-7481 a, #menu-item-7482 a{width: 100%;height: 50px;} #mk-footer .widget_nav_menu ul li{ padding-top:0px} #menu-item-8296, #menu-item-8310, #menu-item-8308{top:144px} #menu-item-8295, #menu-item-8311, #menu-item-8309{top:164px} #menu-item-6999, #menu-item-7480, #menu-item-7479{top:184px} #menu-item-7954, #menu-item-8070, #menu-item-8024{top:204px; margin-bottom:30px}*/ } @media (max-width: 1140px) { #mk-header{ /*margin-left:-30px;*/} .home #mk-header{ opacity:1} .header-grid.mk-grid{ padding-left:0px} .header-style-1 .mk-header-inner{ height:40px!important} /*#wpadminbar{ display:none}*/ /*Menu lateral*/ .header-grid.mk-grid, .mk-header-bg, #mk-header .mk-header-inner{height: 80px!important;} .header-style-1 .mk-nav-responsive-link, .header-style-2 .mk-nav-responsive-link{ z-index:9999} /*#mk-responsive-nav{ position:absolute; display:block!important; left: -75%;width: 75%; transition:all 1s} #mk-boxed-layout{left:0%; transition:all 1s} .mk-opened-nav #mk-boxed-layout{left:75%; transition:all 1s} .mk-closed-nav #mk-boxed-layout {left: 0%;transition: all 1s;}*/ .personalLogin{right: 20px;top: -3px;font-size: 21px;} #mk-responsive-wrap{ overflow:hidden; max-height:inherit!important} a.menu-item-link{ padding:15px 20px!important; margin:0px} .mk-nav-responsive-link{ left:20px; right:inherit} .mk-nav-responsive-link:after{ content: 'MENU';display: block;position: absolute;top: 2px;font-weight: 500;font-size: 22px;left: 44px;letter-spacing: 3px;} .mk-css-icon-menu, .mk-css-icon-close{ width:30px} .mk-css-icon-menu div, .mk-css-icon-close div{ height:2px; margin-bottom: 4px;} .mk-header-nav-container{ display:block!important} #mk-main-navigation{ display:none} #mk-header #lang_sel{ right:20px; top: 12px;} #lang_sel ul li a, #lang_sel ul li a:visited{line-height: 20px;height: 23px;} #mk-header #lang_sel ul li ul {margin-top: 0px!important; width:auto!important} } @media (max-width: 767px) { /*#mk-header{ display:none}*/ .home .theme-page-wrapper {padding-right: 10px !important;padding-left: 30px !important;} .mk-main-wrapper .theme-content{ padding-bottom:25px 0px 0px 0px!important} .home .attched-true.vc_row {margin-left: -35px!important;margin-right: -15px!important;} .home .theme-content .vc_row:first-child{ display:none} .home .theme-content .vc_row:nth-child(2) .wpb_column:first-child{ width:50%; float:left; display: inline-block; padding:1px 1px 0px 0px!important; margin-left: 0px!important;} .home .theme-content .vc_row:nth-child(2) .wpb_column:nth-child(2){ width:50%; float:left; display: inline-block; padding:1px 0px 0px 1px!important; margin-left: 0px!important;} .home .theme-content .vc_row:nth-child(2) .wpb_column:nth-child(3){ width:100%;display: inline-block;!important; margin-left: 0px!important; padding:2px 0px 0px 0px!important} .home .theme-content .vc_row:nth-child(3){margin-top: -4px;} .home .theme-content .vc_row:nth-child(3) .wpb_column:first-child{ width:50%; float:left; display: inline-block; padding:0px 1px 0px 0px!important; margin-left: 0px!important;} .home .theme-content .vc_row:nth-child(3) .wpb_column:nth-child(2){ width:50%; float:left; display: inline-block; padding:0px 0px 0px 1px!important; margin-left: 0px!important;} .home .theme-content .vc_row:nth-child(3) .wpb_column:nth-child(2) .mk-caption-title, .home .theme-content .vc_row:nth-child(3) .wpb_column:nth-child(2) .mk-caption-desc{ width:50%!important;} .home .theme-content .vc_row:nth-child(4) .wpb_column:first-child{ width:50%; float:left; display: inline-block; padding:1px 1px 0px 0px!important; margin-left: 0px!important;} .home .theme-content .vc_row:nth-child(4) .wpb_column:nth-child(2){ width:50%; float:left; display: inline-block; padding:1px 0px 0px 1px!important; margin-left: 0px!important;} .home .theme-content .vc_row:nth-child(4) .wpb_column:nth-child(3){ width:100%;display: inline-block;!important; margin-left: 0px!important; padding:2px 0px 0px 0px!important; } .home .theme-content .vc_row:nth-child(5){margin-top: -4px;} .home .theme-content .vc_row:nth-child(5) .wpb_column:first-child{ width:50%; float:left; display: inline-block; padding:0px 1px 0px 0px!important; margin-left: 0px!important;} .home .theme-content .vc_row:nth-child(5) .wpb_column:nth-child(2){ width:50%; float:left; display: inline-block; padding:0px 0px 0px 1px!important; margin-left: 0px!important;} /*.home .theme-content .vc_row:nth-child(5) .wpb_column:first-child .mk-caption-title, .home .theme-content .vc_row:nth-child(3) .wpb_column:first-child .mk-caption-desc{ width:50%!important;}*/ .page-id-7496 .theme-content .vc_row:nth-child(2) .wpb_column:first-child, .page-id-7498 .theme-content .vc_row:nth-child(2) .wpb_column:first-child, .page-id-6032 .theme-content .vc_row:nth-child(2) .wpb_column:first-child{ width:50%; float:left; display: inline-block; padding:0px 1px 0px 0px!important; margin-left: 0px!important;} .page-id-7496 .theme-content .vc_row:nth-child(2) .wpb_column:nth-child(2), .page-id-7498 .theme-content .vc_row:nth-child(2) .wpb_column:nth-child(2), .page-id-6032 .theme-content .vc_row:nth-child(2) .wpb_column:nth-child(2){ width:50%; float:left; display: inline-block; padding:0px 0px 0px 1px!important; margin-left: 0px!important;} .page-id-7496 .theme-content .vc_row:nth-child(3), .page-id-7498 .theme-content .vc_row:nth-child(3), .page-id-6032 .theme-content .vc_row:nth-child(3){ margin-top:2px} .menus{ margin-left: 15px!important;margin-right: 0px!important;} .mk-tabs .mk-tabs-panes .title-mobile{ color:inherit; background-color:transparent; border:none; font-family: national!important; font-size:21px; text-align: center;} .cartatexto p{padding: 0px 20px;line-height: 25px;} .mk-title-box p, .tabs h3 span {line-height: 40px!important;} .page-id-5964 .theme-content .vc_row:nth-child(2) .wpb_column:first-child, .page-id-7449 .theme-content .vc_row:nth-child(2) .wpb_column:first-child, .page-id-7453 .theme-content .vc_row:nth-child(2) .wpb_column:first-child{ width:50%; float:left; display: inline-block; padding:0px 1px 2px 0px!important; margin-left: 0px!important;} .page-id-5964 .theme-content .vc_row:nth-child(2) .wpb_column:nth-child(2), .page-id-7449 .theme-content .vc_row:nth-child(2) .wpb_column:nth-child(2), .page-id-7453 .theme-content .vc_row:nth-child(2) .wpb_column:nth-child(2){ width:50%; float:left; display: inline-block; padding:0px 0px 2px 1px!important; margin-left: 0px!important;} .page-id-5964 .theme-content .vc_row:nth-child(3) .wpb_column:first-child, .page-id-7449 .theme-content .vc_row:nth-child(3) .wpb_column:first-child, .page-id-7453 .theme-content .vc_row:nth-child(3) .wpb_column:first-child{ width:50%; float:left; display: inline-block; padding:0px 1px 0px 0px!important; margin-left: 0px!important;} .page-id-5964 .theme-content .vc_row:nth-child(3) .wpb_column:nth-child(2), .page-id-7449 .theme-content .vc_row:nth-child(3) .wpb_column:nth-child(2), .page-id-7453 .theme-content .vc_row:nth-child(3) .wpb_column:nth-child(2){ width:50%; float:left; display: inline-block; padding:0px 0px 0px 1px!important; margin-left: 0px!important;} .mk-main-wrapper-holder{margin-left: -15px;margin-right: -15px;} .attched-true.vc_row {margin-left: -20px!important;margin-right: -20px!important;} .wpb_column, .vc_col-sm-6:first-child{ padding-right:0px!important; margin-left: -15px; padding-left:0px!important} .txtMod .vc_col-sm-9{ border:none!important} .squOra, .squPho, .squGry1, .squGry2{ max-width:inherit!important; margin-bottom: 0px!important;} .mk-image-shortcode img{ width:100%} .txtMod{ padding-right:14px!important} .co2imgD, .co2img{ max-width:inherit!important} .borderCaja{ padding-left:14px!important} .mk-image-shortcode.inside-image .mk-image-caption .mk-caption-title{ position:absolute!important; width: 100%!important;font-size:18px!important;line-height: 20px;letter-spacing: 4px;top: 40%!important} .theme-page-wrapper .theme-content:not(.no-padding){ padding:25px 0px 0px 0px!important} #mk-footer .mk-col-1-3{ margin-left:0px} #mk-footer .widget_nav_menu{ width:675px;margin: 0 auto;padding-left:25px;} #mk-footer .widget_nav_menu ul{ padding-left:0px}*/ .widget_nav_menu ul li {margin-right: 20px!important; font-size:12px} .specialSlide p{ width:90%!important; margin-left:13px;} .tit1 .p1{ font-size:30px!important} .interLin .p1 {line-height: 10px!important;} .interLin .p1 .s1{ padding:4px 17px} .menuLateral .mk-image-shortcode:first-child .mk-image-inner img{ padding:0px 1px 0px 0px} .menuLateral .mk-image-shortcode:nth-child(2) .mk-image-inner img{ padding:0px 0px 0px 1px} .menuLateral .mk-image-shortcode:nth-child(3){ margin-top:1px!important} .mk-edge-slider .edge-title-area {font-size: 12px;} .homeSlide .edge-title:after{ margin-bottom:3px} .homeSlide .edge-desc {margin-top: -22px!important;line-height: 15px!important; padding:0px 18px} .planyourevent.vc_row {margin-left: 0px;} .formplanyourevent .formcontacto{ width:90%} .formcontacto .lastname, .formcontacto .telephone {margin-left: 10px;} .formcontacto .company {margin-left: 10px;margin-right: 10px;} .formcontacto .lastname, .formcontacto .name, .formcontacto .telephone, .formcontacto .email {width: 40%;} .formcontacto2{width: 100%;} .formplanyourevent .food, .formplanyourevent .drinks, .formplanyourevent .special {width: 250px; margin:10px auto 30px auto!important} .formplanyourevent .date{ margin:0 auto} .formplanyourevent .time{ margin:0 auto} .formplanyourevent .people{ margin:0 auto} .formplanyourevent .budget {width: 100%; margin:0px} .formplanyourevent .date, .formplanyourevent .time, .formplanyourevent .people{ float:inherit;} .formplanyourevent .food input[type=radio] + label, .formplanyourevent .drinks input[type=checkbox] + label, .formplanyourevent .special input[type=checkbox] + label{ margin-top:8px} .formplanyourevent .food #cocktailmenu + label, .formplanyourevent .drinks #openbar + label{ width:95%} } .more .masAncho .mk-caption-title {width:100%!important} .mk-portfolio-item.fadebox-hover .featured-image:after { background:none!important} .wpcf7-submit { position: relative; display: inline-block; margin-right: 10px; margin-bottom: 20px; padding: 13px 35px; outline: none; vertical-align: middle; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 100%; cursor: pointer; zoom: 1; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; color: #fff !important; font-family: Roboto, arial, helvetica, sans-serif !important; font-weight:normal; letter-spacing: 1.75px; border-radius: 0px; background-color: rgb(243,115,94); border-color: rgb(243,115,94); } .wpcf7-submit:hover { cursor: pointer; background-color: #afafaf; border-color: #afafaf; } input[type="submit"]:hover{ background-color: #afafaf; border-color: #afafaf; } .wpcf7-form p { font-weight: normal !important; /* font-family: Roboto, arial, helvetica, sans-serif; text-transform: uppercase; font-size: 12px; letter-spacing: 1.75px; font-weight: bold; */ } .wpcf7-form-control, .wpcf7-text, .wpcf7-textarea { font-family: mercury_text_g1roman, times, serif; color: rgb(85, 85, 85); font-size: 14px !important; } .wpcf7-select { display: block; padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1.42857143; color: rgb(85, 85, 85) !important; background-color: #fff; background-image: none; border: 1px solid #ccc; -moz-appearance: none !important; -webkit-appearance: none !important; text-indent: 0.01px; text-overflow: ''; } .wpcf7-select option { font-weight: normal; color: rgb(85, 85, 85); display: block; padding: 0px 2px 1px; white-space: pre; min-height: 1.2em; } .footer-social-networks { margin: 0 auto;width: 168px;margin-bottom:2%; padding-bottom: 30px;} .footer-social-networks a { margin-right: 10px;} .footer-social-networks a:hover{ opacity: .7; cursor: pointer;} .mk-advanced-gmaps{ display:none} .page-restrict-output { text-align: center; font-family: merRom; font-size: 14px; font-style: italic; font-weight: normal; line-height: 23.2399997711182px; } .LoginFormRestrictedPages { margin: 0 auto; width: 385px; } .LoginFormRestrictedPages label { font-family: merRom; font-size: 14px; font-weight: normal; height: 23px; } .LoginFormRestrictedPages input[type='text'], .LoginFormRestrictedPages input[type='password'] { font-size: 13px; color: #000000!important; padding: 4px!important; background-color: transparent!important; border: 1px #d7d8d2 solid!important; outline: none; margin-bottom: 4px; width: 375px !important; } .LoginFormRestrictedPages input[type='password'] { width: 365px !important; } .LoginFormRestrictedPages p { margin: 0 auto; } .LoginFormRestrictedPages input[type='submit']{ background: #f97352; border: none; color: #fff; display: block; margin-bottom: 38px; padding: 4px 10px; letter-spacing: 1px; font-family: national; font-size: 17px; } #linkRemember { cursor:pointer; } .eventList { text-align:center; padding-bottom: 30px; width: 100%; } .eventListItem:last-of-type { margin-right: 0px; } .eventListItem { display:inline-block !important; float:none !important; width: 290px; min-height: 290px; background: #e2e6df; padding: 20px 0px 16px 0px; margin: 0 auto; margin-bottom: 20px; margin-right: 20px; vertical-align:top; } .eventListItem .eventName { text-align: center; text-transform: uppercase; line-height:14px; color: #5c5e5c; font-family: 'Open Sans'; font-size: 14px; font-weight: normal; } .eventListItem .eventNamePrivateUserNotLogged { display: none; } .eventListItem .eventDate { text-align: center; color: #5c5e5c; font-family: mercury; font-style: italic; font-size: 14px; padding-top:5px; } .eventListItem .eventImatge { margin: 14px 0px; width: 290px; height: 158px; background-repeat: no-repeat; background-size: contain; background-repeat:no-repeat; background-position: center center; overflow: hidden; } .eventListItem .eventInfoExtra { font-family: mercury; font-size: 14px; font-style: italic; font-weight: normal; } .eventListItem .eventLink { text-align: center; font-family: mercury; font-weight:normal; font-size: 14px; color: #2E2E2E; } .eventListItem .eventLink a{ color: #2E2E2E !important; } .eventListItem .eventLink a:hover { color: #F97352 !important; } .eventListItem .eventLinktoLogin { text-align: center; font-family: mercury; display: none; } .eventListItem.usernotlogged.private{ width: 290px; height: 290px; float:left; background: #5c5e5c; padding: 20px 0px 16px 0px; margin: 0 auto; margin-bottom: 20px; margin-right: 20px; position: relative; } .eventListItem.usernotlogged.private .eventName { display:none; } .eventListItem.usernotlogged.private .eventNamePrivateUserNotLogged { position: absolute; top: 100px; left: 0; right: 0; text-align: center; text-transform: uppercase; color: #FFFFFF; display: inline-block; } .eventListItem.usernotlogged.private .eventDate { position: absolute; top: 174px; left: 0; right: 0; text-align: center; color: #FFFFFF; font-family: mercury; font-style: italic; } .eventListItem.usernotlogged.private .eventImatge { display: none; } .eventListItem.usernotlogged.private .eventLink { display: none; } .eventListItem.usernotlogged.private .eventLinktoLogin { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; font-family: mercury; display: inline-block; } .eventListItem.usernotlogged.private .eventLinktoLogin a:hover{ color: #FFFFFF !important; } .column.eventlist { margin: 0 auto; } .column.eventlist p { display:none !important; width: 10px; } .eventDetail { padding-top: 20px; padding-left: 15px; font-family: mercury; font-size: 16px; font-weight: normal; color: #777; } .eventDetail h3 { font-family: national; text-transform: uppercase; text-align: center; font-size: 40px !important;color: #5C5E5C !important;font-weight:normal !important;letter-spacing:8px;margin-top:0px;margin-bottom:0px !important; } .eventDetail .eventDate { text-align: center; color: #5c5e5c; font-family: mercury; font-style: italic; } .eventDetail label{ font-family: 'Open Sans'; font-size: 13px; display: inline-block !important; } .em-ticket-select { } .em-booking-submit { background: #f97352; border: none; color: #fff; display: block; margin: 30px auto; padding: 4px 10px; letter-spacing: 1px; font-family: national; font-size: 17px; text-transform: uppercase; } div.em-booking-message-error { background-color: #fcf0ed; border: 1px solid #F97352; color: #777777; text-align: center; font-family: mercury; padding: 2px; } .em-booking { } .em-booking-form-details { margin: 0 auto; width: 450px; margin-left: 14%; } #theme-page select { background-color: #fff; border: 1px solid #e3e3e3; background: url('../../images/selectbox-arrow.png') right center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 4px; font-size: 13px; line-height: 13px; color: #252525; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; font-weight: normal; min-width: 95px; max-width: 100%; display: block; } .em-booking .input, .em-time-input { font-size: 13px; padding: 4px!important; outline: none; margin-bottom: 4px; width: 280px !important; background-color: #ffffff!important; } .em-booking textarea.input { width: 280px !important; height: 60px !important; font-family: Arial; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; } .em-time-input { width: 95px !important;; } .em-form-required { margin-left: -3px; color: #F3735E; -webkit-font-smoothing: antialiased; font-family: 'Open Sans'; font-size: 13px; font-weight: normal; } .em-booking-form label { display: inline-block; width: 120px; line-height: 15px; } .voragris { border: #D7D8D2 1px solid; } .pressList { text-align:center; padding-bottom: 30px; } .documentListItem:last-of-type { margin-right: 0px; } .documentListItem { display:inline-block; float:none; text-align:left; background: #e2e6df; padding: 20px 0px 16px 0px; width: 290px; height: 290px; margin-right: 20px; margin-bottom: 20px; } .documentListItem .documentName { text-align: center; text-transform: uppercase; line-height:14px; color: #5c5e5c; } .documentListItem .documentSubtitle { font-style: italic; text-align: center; font-size: 12px; } .documentListItem .documentImatge { margin: 0 auto; margin-top: 10px; margin-bottom: 10px; width: 170px; height: 170px; overflow: hidden; } .documentListItem .documentLinks { width: 100%; text-align: center;} .documentListItem .documentLink, .documentListItem .documentLinkAlternatiu { text-align: center; display: table-cell; width: 140px; display:inline-block; float:none; } .documentListItem .documentLink a, .documentListItem .documentLinkAlternatiu a{ font-weight: normal; font-family: mercury; color: #f97352; font-size: 12px; } .documentListItem .documentLink a:hover, .documentListItem .documentLinkAlternatiu a:hover{ color: black; } /*.menu-hover-style-1 .main-navigation-ul li.current-menu-item > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link, .menu-hover-style-2 .main-navigation-ul li.current-menu-item > a.menu-item-link, .menu-hover-style-2 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link, .menu-hover-style-1.mk-vm-menuwrapper li.current-menu-item > a, .menu-hover-style-1.mk-vm-menuwrapper li.current-menu-ancestor > a, .menu-hover-style-2.mk-vm-menuwrapper li.current-menu-item > a, .menu-hover-style-2.mk-vm-menuwrapper li.current-menu-ancestor > a { color: #444444 !important; color: #f97352 !important; } nav .main_menu .main-navigation-ul li.current-menu-item > a.menu-item-link { color: #000 !important; menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children no-mega-menu dropdownOpen menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-9338 current_page_item menu-item-has-children no-mega-menu }*/ #mk-header nav ul li.current-menu-item a{color: #444 !important; } #mk-header nav ul li.current-menu-ancestor a{color: #444 !important; } .slider-content .edge-title { text-transform: uppercase !important; font-size:15px !important; } #mk-page-id-6360 .cajaInterior h4, #mk-page-id-7077 .cajaInterior h4, #mk-page-id-7079 .cajaInterior h4 { text-transform: none !important; } .corporate { font-family: mercury; } /****MENSAJE ERROR FORM ********/ div.wpcf7-validation-errors { border:2px solid #5C5E5C; background-image:none; background-color:transparent; } div.wpcf7-response-output{ padding: 15px 15px 15px 15px; /*border-style: 1px solid; border-left: #ff0000;*/ font-size:14px; } /**** SLIDER ****/ /*.pagination-stroke span a:focus{ background-color:#fff !important; }*/ .blocGrisAmbPadding { background: #d2d2d2; padding: 30px 40px; font-size: 16px !important; } .blocGrisAmbPadding em, .blocGrisAmbPadding p, .blocGrisAmbPadding p em{ font-size: 16px !important; } .botoOneOcean { background: #F3735E !important; border: none; color: #2e2e2e !important; display: block; margin: 30px auto; padding: 4px 10px; letter-spacing: 1px; font-family: national; font-size: 17px; width: 200px; text-align:center; cursor:pointer; } .botoOneOcean:hover, .botoOneOcean a:hover{ color: #2e2e2e !important; background: #f59d8e !important; } .botoOneOcean a { color: #2e2e2e !important; } .wpml-ls-legacy-dropdown { width: 0px !important; max-width: 100%; } .wpml-ls-legacy-dropdown .wpml-ls-item { position: relative; left: -17px; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { visibility: hidden; position: relative !important; top: 30% !important; right: 0px; left: 17px !important; }