/*Imports*/ @import 'reset.css'; @import 'fonts/fonts.css'; /*HTML*/ ::-webkit-scrollbar{display:none;} ::-webkit-overflow-scrolling: touch; ::-webkit-overflow-scrolling-x: touch; html{background:#fff; min-width:360px;} body{font-family:'Poppins',Arial,Helvetica,sans-serif; font-weight:normal; /*color:#fff;*/} body.no-scroll{overflow:hidden; height:100%;} img{max-width:100%; max-height:auto;} a{color:#fff; text-decoration:none; display:inline-block; opacity:.95; cursor:pointer;} a:hover, a:active{color:#fff; opacity:1;} .loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9998; background-color: rgb(249,249,249);} .loader .image{width:180px; height:180px; position:absolute; top:50%; left:50%; z-index: 9999; background: url('../img/loader_q.png') 50% 50% no-repeat; margin-top: -90px; margin-left: -90px; -webkit-animation: spin 4s infinite linear;} @-webkit-keyframes spin { 0% {-webkit-transform: rotateY(0deg)} 100% {-webkit-transform: rotateY(360deg)} } /*Header*/ #header{background:rgba(255,255,255,.9); color:#000; position:fixed; top:0; left:0; right:0; width:100%; z-index:2; overflow:auto;} #header.transparent{background:rgba(0,0,0,.5); color:#000;} #header .col-left{position:relative; float:left; width:46%; text-align:left;} #header .col-left #logo{margin: 20px 15px 10px 15px;} #header .col-left #logo h1{display:inline-block; text-indent:-99999px;} #header .col-left #logo img{max-width:200px;} #header .col-center{position:relative; float:left; width:8%; text-align:center;} #header .col-center #legend{font-family:'EB Garamond'; font-style:italic; font-weight:normal; font-size:28px; margin:20px 15px 15px 15px;} #header .col-center #menu{width:32px; height:32px; margin-top:24px;} #header .col-center .menu{background:url(../img/menu.png) 50% 50% no-repeat; background-size:32px 32px;} #header .col-center .menu_white{background:url(../img/menu_white.png) 50% 50% no-repeat; background-size:32px 32px;} #header .col-right{position:relative; float:left; width:46%; text-align:right;} #header .col-right #social{padding:0; margin:15px; overflow:auto;} #header .col-right #social li{list-style:none; margin:0px 5px; position:relative; float:right;} #header .col-right #social #lang a{line-height:48px; font-size:14px; margin-top:0px; font-weight: 500;} #header .col-right #social .lang a{color:#000;} #header .col-right #social .lang_white a{color:#fff;} #header .col-right #social .facebook a{background:url(../img/ico_facebook.png) 50% 50% no-repeat; background-size:32px 32px; margin-top:8px;} #header .col-right #social .twitter a{background:url(../img/ico_twitter.png) 50% 50% no-repeat; background-size:32px 32px; margin-top:8px;} #header .col-right #social .instagram a{background:url(../img/ico_instagram.png) 50% 50% no-repeat; background-size:32px 32px; margin-top:8px;} #header .col-right #social .facebook_white a{background:url(../img/ico_facebook_white.png) 50% 50% no-repeat; background-size:32px 32px; margin-top:8px;} #header .col-right #social .twitter_white a{background:url(../img/ico_twitter_white.png) 50% 50% no-repeat; background-size:32px 32px; margin-top:8px;} #header .col-right #social .instagram_white a{background:url(../img/ico_instagram_white.png) 50% 50% no-repeat; background-size:32px 32px; margin-top:8px;} #header .col-right #social .social_ico a{width:32px; height:32px;} #header .col-right #social #booking{margin-left:10px;} #header .col-right #social #booking a, .btn, #contacto #section-main .contact-form #send, #stagers #section-main .stagers-form #send{background:#284552; text-transform:uppercase;} #header .col-right #social #booking a:hover, .btn:hover, #contacto #section-main .contact-form #send:hover, #stagers #section-main .stagers-form #send:hover{background:#e5c739;} #header .col-right #social #booking a span, .btn span{display:inline-block; padding:15px 25px; font-weight: 500;} #header .col-right #social #booking a span{font-size:12px; line-height:18px;} .btn.big{} .btn.big span{padding:20px 40px;} .qr .btn{min-width:224px;} /* #header .top-header, .bottom-header{background-color:#eee; text-align:center; width:100%; z-index:2;} #header .top-header a, .bottom-header a{padding:16px 32px 16px 187px; font-size:14px; line-height:18px; color:#000!important;} .cruz-roja{background:url(../img/q-cruz-roja-logo.png) 32px 50% no-repeat; background-size:143px 38px;} */ #header .top-header, .bottom-header{background-color:#9b3c37; text-align:center; width:100%; z-index:2;} #header .top-header a, .bottom-header a{padding:16px; font-size:14px; line-height:18px; color:#fff!important;} .bottom-header{display:none; position:fixed; bottom:0; right:0;} /*Menu*/ #menu{text-align:center; color:#fff;} #menu li{text-transform: uppercase;} #menu li ul li{text-transform: none;} /*Section Banner*/ #section-banner #legend{font-family:'EB Garamond'; font-style:italic; font-weight:normal; font-size:28px; margin:20px 15px 15px 15px; text-align: center;} #section-banner{background:#fff; padding-top:100px;} #home #section-banner{padding-top:0px;} #section-banner a{cursor:default; background:#000;} /*Section Main*/ #home, #hermanos{background:#000;} #home #section-main{margin-top:0px;} #hermanos #section-main{margin-top:75px;} #section-main{overflow:auto; margin-top:20px; text-align:center; padding-bottom: 25px; min-height:600px;} #section-main .article{position:relative; float:left; width:25.3333333%; margin:0 4%;} #section-main .article a img{} #section-main .article h3{font-weight:bold; margin-top:50px; font-size:24px;} #section-main .article h4{font-weight:bold;} #section-main .article p, #section-main .article input[type=text]{font-family:'EB Garamond'; font-style:italic; font-size:24px;} #section-main .article input[type=button]{font-family: 'Poppins';} #section-main #block_hermanos_left{float:left; width:30%; margin:0 10%; text-align:center;} #section-main #block_hermanos_left a{color:#fff; display:block;} #section-main #block_hermanos_left a img{max-width:250px; min-height:135px; margin:5px;} #section-main #block_hermanos_right{float:right; width:30%; margin:0 10%; text-align:center;} #section-main #block_hermanos_right p{color:#fff; max-width:500px; margin:100px auto 0 auto;} #section-main #block_main.article{float:none; margin:0 auto; width:100%; max-width:380px; padding:20px; background:rgba(255,255,255,.9); z-index:1;} #section-main #block_main.article h3, #section-main #block_secondary.article h3{text-transform:uppercase;} #contacto #section-main{padding-bottom:0px;} #contacto #section-main #block_contact_left{position:relative; float:left; width:50%; /*min-height:650px; overflow:auto;*/ margin:0;} #contacto #section-main #block_contact_right{position:relative; float:right; width:34%; min-height:600px; margin:0 8%; text-align:center; overflow:auto;} #contacto #section-main .contact-address{margin-top:40px; margin-bottom:50px; text-align:left;} #contacto #section-main .contact-address img{max-width:200px;} #contacto #section-main .contact-address p{margin: 0; font-size: 20px;} #contacto #section-main .contact-form h4{font-size:20px; margin-top:0px; margin-bottom:10px; text-align:left;} #contacto #section-main .contact-form .field{font-family:'EB Garamond'; font-size:24px; line-height:28px; width:100%; border:none; border-bottom:3px #000 solid; font-style:italic; margin-bottom:20px; padding:5px 0;} #contacto #section-main .contact-form textarea.field{height:30px;} #contacto #section-main .contact-form .field:focus{outline:none; border-bottom:3px #e5c739 solid;} #contacto #section-main .contact-form .field.error{border-bottom:3px red solid;} #contacto #section-main .contact-form label{display: block; font-family:'EB Garamond'; font-style: italic; text-align: left; font-size: 20px; margin-bottom: 4px;} #contacto #section-main .contact-form .acceptPolicy{font-family:'EB Garamond'; font-style:italic;} #contacto #section-main .contact-form #acceptPolicy{margin-right:5px;} #contacto #section-main .contact-form .acceptPolicy a{color: #000; font-style: normal;} #contacto #section-main .contact-form .acceptPolicy a:hover{color: #e5c739;} #contacto #section-main .contact-form #send{position:relative; float:right; cursor:pointer; border:none; padding:15px 25px; color:#fff; margin-top:10px; margin-bottom: 30px; min-width:120px; text-align:center;} #contacto #section-main .map {position:absolute!important; top:0; bottom:0; left:0; right:0; width:100%; height:100%;} #contact-form {text-align:left;} #contact-form #response-email{font-family:'EB Garamond'; font-size:24px; line-height:28px; font-style:italic; display:inline-block; margin-top:15px;} #contact-form #response-email.ok, #stagers-form #response-email.ok{color:green;} #contact-form #response-email.error, #stagers-form #response-email.error{color:red;} #stagers #header{background:rgba(255,255,255,.5);} #stagers #section-banner{position:relative; text-align:center; padding:0; margin:0; left:0; top:0; bottom:0; z-index:-1; background:url(../img/cursos.jpg) 50% 50% no-repeat; height:800px; background-size:cover;} #stagers #section-banner .logo-stagers{position:absolute; bottom:0px; width:100%; text-align:center; color:#fff; text-transform:uppercase; font-size:48px; line-height:48px; padding-top:210px; margin-bottom:15px;} #stagers #section-banner .logo-stagers:after{position:absolute; content:""; top:0; bottom:0; right:0; left:0; background:url(../img/logo_stagers.png) 50% 50% no-repeat; width:100%; height:200px; background-size:200px 200px; opacity:.7; position:absolute; margin:0;} #stagers #section-main .stagers-form{padding:20px 0;} #stagers #section-main .stagers-form label{display: block; font-family:'EB Garamond'; font-style: italic; text-align: left; font-size: 20px; margin-bottom: 4px;} #stagers #section-main .stagers-form .field{font-family:'EB Garamond'; font-size:20px; line-height:28px; width:100%; border:none; border-bottom:3px #000 solid; font-style:italic; margin-bottom:20px; padding:5px 0;} #stagers #section-main .stagers-form .field-select{font-family:'EB Garamond'; font-size:20px; line-height:28px; width:100%; border:none; border:3px #000 solid; font-style:italic; margin-bottom:20px; padding:5px 0;} #stagers #section-main .stagers-form .field:focus{outline:none; border-bottom:3px #e5c739 solid;} #stagers #section-main .stagers-form .field.error{border-bottom:3px red solid;} #stagers #section-main .stagers-form .acceptPolicy{font-family:'EB Garamond'; font-style:italic;} #stagers #section-main .stagers-form #acceptPolicy{margin-right:5px;} #stagers #section-main .stagers-form .acceptPolicy a{color: #000; font-style: normal;} #stagers #section-main .stagers-form .acceptPolicy a:hover{color: #e5c739;} #stagers #section-main .stagers-form #send{display: block; margin: 20px auto; cursor:pointer; border:none; padding:15px 25px; color:#fff; min-width:160px; text-align:center;} #stagers #section-main .qstagers{width:auto; height:100px; margin-top:15px;} .vid-box {position:relative; background:#000; width:100%; padding-bottom:43%;/*56.25%;*/ padding-top:25px; height:0;} .vid-box .vid {position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;} #experiencia #section-main #block_main.article h3, #reservas #section-main #block_main.article h3, #tour #section-main #block_main.article h3{margin-top:0px; margin-bottom:50px;} #experiencia #section-main #block_main.article img, #reservas #section-main #block_main.article img, #tour #section-main #block_main.article img{margin-bottom:30px; min-height:216px;} #gift-card{min-height:auto!important;} #investigacion #section-main, #libros #section-main, #home #section-main{padding-bottom:0;} #home #section-main{color:#fff;} #investigacion #section-main .article, #libros #section-main .article, #home #section-main .article{position:relative; float:left; width:42%; min-height:432px; max-height:432px; overflow:hidden;} #investigacion #section-main .article p, #libros #section-main .article p, #home #section-main .article p{height:280px; overflow:scroll; overflow-x:hidden; padding-right:50px; margin-right:-45px;} #investigacion #section-main .article.hasVideo p, #home #section-main .article.hasVideo p{height:224px;} #investigacion #section-main .article.ecologica p{height:200px;} #libros #section-main .article{min-height:482px; max-height:482px;} #libros #section-main .article p{height:440px;} #home #section-main .article p{height:300px; overflow:scroll; overflow-x:hidden; margin-top:80px;} #investigacion #section-main .block_investigacion_img, #libros #section-main .block_libros_img, #home #section-main .block_home_img{background:#8f8f8f; width:50%; margin:0; overflow:hidden;} #home #section-main .block_home_img{background-color:#fff;} #empresas #section-main .article p, #empresas #section-main .article input[type=text]{font-style: normal; font-size: 18px; line-height: 24px;} #empresas #section-main #block_main .logo-empresas{width: 200px; height: 58px;} #empresas #section-main #block_main.article, #empresas #section-main #block_secondary.article{float:none; margin:0 auto; width:100%; max-width:470px; padding:20px; z-index:1;} #empresas #section-main .block_investigacion_img{width:50%; margin:0; overflow:hidden;} #empresas #section-main .article.block_empresas_img{position:relative; width:50%; overflow:hidden; float:left; min-height:432px; max-height:432px;} #empresas #section-main .article.block_empresas_text{width: 50%; margin: 0; overflow: hidden; min-height:432px; max-height:432px;} #empresas #section-main .block_empresas_img.restaurante{margin: auto; background:url(../img/empresas_qard_restaurante.png) 50% no-repeat; background-size:cover;} #empresas #section-main .block_empresas_img.box{margin: auto; background: #f2f2f2 url(../img/empresas_qard_box.png) 50% no-repeat; background-size: contain;} #empresas #section-main #block_main.article, #empresas #section-main #block_secondary.article{background: none;} #empresas #section-main #block_secondary.article{top: 70px; margin-bottom: 100px;} #empresas #section-main #block_main.article h3, #empresas #section-main #block_secondary.article h3{font-size: 32px; font-family:'EB Garamond'; text-transform: none; font-weight: normal;} #empresas #section-main #block_main.article h3.title, #empresas #section-main #block_secondary.article h3.title{font-size: 28px;} #empresas #section-main #block_secondary.article h3.title{margin-bottom: 40px;} #empresas #section-main .article.comprar{width: 100%; margin: auto; margin-top: 60px; margin-bottom: 80px;} #empresas #section-main .article.comprar img{width: 150px; height: 53px;} #empresas #section-main .block_empresas_text.restaurante{background-color: #226691; color: #fff;} #empresas #section-main .block_empresas_text.box{background-color: #6c865c; color: #fff;} #empresas #section-main .block_empresas_text span{display: block; font-family:'EB Garamond'; line-height: 30px; font-size: 24px;} #empresas #section-main .block_empresas_text span.underline{text-decoration: underline;} #empresas #section-main #block_main .qard-logo{margin: 50px 5px;} #empresas #section-main .qard-logo{width: auto; height: 225px;} #empresas #section-main .article.qard.left{margin: 60px 0 0 12%;} #empresas #section-main .article.qard.right{margin: 60px 12% 0 0;} #empresas #section-main .article.qard-business{margin: 0 auto;} #empresas #section-main .article.block_empresas_text .qard-text{margin: 0 auto; margin-top: 100px; margin-bottom: 40px; width: 28px; height: auto;} #empresas #section-main #block_secondary img{width: 80px; height: auto;} #empresas #section-main .article .qard-img{width: 260px; height: auto;} #home #section-main .block_home_img .lazy{position:absolute; width:100%; height:100%; background:#fff 50% 50% no-repeat; background-size:300px 300px;} #investigacion #section-main .block_investigacion_img, #libros #section-main .block_libros_img{overflow:hidden;} #investigacion #section-main .block_investigacion_img.investigacion{background-color:#494e2b;} #investigacion #section-main .block_investigacion_img.raza{background-color:#425c38;} #investigacion #section-main .block_investigacion_img.gastrogenomica{background-color:#452f27;} #investigacion #section-main .block_investigacion_img.hidrolisis{background-color:#d1c829;} #investigacion #section-main .block_investigacion_img.polifenoles{background-color:#6c700e;} #investigacion #section-main .block_investigacion_img.supercriticos{background-color:#b8bb62;} #investigacion #section-main .block_investigacion_img.ecologica{background-color:#90482e;} #investigacion #section-main .block_investigacion_img.vivos{background-color:#425c38;} #investigacion #section-main .block_investigacion_img.fibras{background-color:#902e4d;} #investigacion #section-main .block_investigacion_img.vinificacion{background-color:#b6376a;} #libros #section-banner {/*padding-top:0; height:720px; background:url(../img/libros-coque-6.jpg) 50% 20% no-repeat fixed; background-size:1280px 610px;*/ border-bottom:1px solid #eee;} #libros #section-main {max-width:1280px; margin:50px auto;} #libros #section-main .article b{font-family:'Poppins',Arial,Helvetica,sans-serif; font-weight:bold; font-style:normal; margin:75px 0px 25px 0px; font-size:22px;} #libros #section-main .article p{font-size:22px;} #libros #section-main .article b span{display:block;} #libros #section-main .article p b, #libros #section-main .article p i{display:block;} #libros #section-main .block_libros_img{background-color:#fff;} #investigacion #section-main .block_investigacion_img .lazy, #empresas #section-main .block_investigacion_img .lazy, #libros #section-main .block_libros_img .lazy{position:absolute; width:100%; height:100%; background:transparent 50% 50% no-repeat; background-size:300px 300px;} #libros #section-main .block_libros_img .lazy{position:absolute; background-size:400px 467px;} #section-main:before, #section-main .bg-left{content:""; z-index:-1; position:fixed; left:0; width:42%; top:0; bottom:0;} #section-main:after, #section-main .bg-right{content:""; z-index:-1; position:fixed; right:0; width:42%; top:0; bottom:0;} #menus #section-main #block_main.article img{min-height:216px;} #experiencia #section-main, #empresas #section-main, #reservas #section-main, #tour #section-main, #menus #section-main, #experiencia #section-main, #reservas #section-main, #tour #section-main, #menu_17 #section-main{padding-top:120px;} #experiencia #section-main .bg-left, #experiencia #section-main .bg-right, #reservas #section-main .bg-left, #reservas #section-main .bg-right, #tour #section-main .bg-left, #tour #section-main .bg-right, #menus #section-main .bg-left, #menus #section-main .bg-right{position:fixed; width:100%; height:calc(100% + 90px); overflow:hidden;} #experiencia #section-main .bg-left .lazy-banner, #experiencia #section-main .bg-right .lazy-banner, #reservas #section-main .bg-left .lazy-banner, #reservas #section-main .bg-right .lazy-banner, #tour #section-main .bg-left .lazy-banner, #tour #section-main .bg-right .lazy-banner, #menus #section-main .bg-left .lazy-banner, #menus #section-main .bg-right .lazy-banner {position:absolute; background-color:transparent;} #experiencia #section-main .bg-left .cuchara_madera, #reservas #section-main .bg-left .cuchara_madera, #tour #section-main .bg-left .cuchara_madera, #menus #section-main .bg-left .cuchara_madera{left:calc(-10% - 0px); top:calc(5% - 0px);} #experiencia #section-main .bg-left .plato_verde_small, #reservas #section-main .bg-left .plato_verde_small, #tour #section-main .bg-left .plato_verde_small, #menus #section-main .bg-left .plato_verde_small{left:calc(-10% - 0px); top:calc(0% - 0px);} #experiencia #section-main .bg-left .copa_vino, #reservas #section-main .bg-left .copa_vino, #tour #section-main .bg-left .copa_vino, #menus #section-main .bg-left .copa_vino{left:calc(-5% - 0px); top:calc(12% - 0px);} #experiencia #section-main .bg-left .circulo_cielo, #reservas #section-main .bg-left .circulo_cielo, #tour #section-main .bg-left .circulo_cielo, #menus #section-main .bg-left .circulo_cielo{left:calc(18% - 0px); top:calc(40% - 0px);} #menus #section-main .bg-left .tronco_fuego{left:calc(2% - 0px); top:calc(48% - 0px);} #experiencia #section-main .bg-left .museo_prado, #reservas #section-main .bg-left .museo_prado, #tour #section-main .bg-left .museo_prado, #menus #section-main .bg-left .museo_prado{left:calc(-22% - 0px); top:calc(50% - 0px); -webkit-transform:rotate(25deg); -ms-transform:rotate(25deg); transform:rotate(25deg);} #experiencia #section-main .bg-right .plato_negro_small, #reservas #section-main .bg-right .plato_negro_small, #tour #section-main .bg-right .plato_negro_small{right:calc(-8% - 0px); top:calc(-12% - 0px);} #menus #section-main .bg-right .plato_negro_small{ right:calc(10% - 0px); top:calc(5% - 0px);} #experiencia #section-main .bg-right .triangulo_rayas, #reservas #section-main .bg-right .triangulo_rayas, #tour #section-main .bg-right .triangulo_rayas{right:calc(12% - 0px); top:calc(8% - 0px); opacity:.75;} #experiencia #section-main .bg-right .circulo_espacio, #reservas #section-main .bg-right .circulo_espacio, #tour #section-main .bg-right .circulo_espacio{right:calc(4% - 0px); top:calc(24% - 0px);} #menus #section-main .bg-right .circulo_espacio{right:calc(8% - 0px); top:calc(40% - 0px); opacity:.75;} #experiencia #section-main .bg-right .avion_blanco, #reservas #section-main .bg-right .avion_blanco{right:calc(22% - 0px); top:calc(46% - 0px); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} #experiencia #section-main .bg-right .puerta_alcala, #reservas #section-main .bg-right .puerta_alcala, #menus #section-main .bg-right .puerta_alcala{right:calc(-26% - 0px); top:calc(45% - 0px); -webkit-transform:rotate(-75deg); -ms-transform:rotate(-75deg); transform:rotate(-75deg);} #experiencia #section-main .bg-right .circulo_montana, #reservas #section-main .bg-right .circulo_montana, #menus #section-main .bg-right .circulo_montana{right:calc(28% - 0px); top:calc(78% - 0px);} #experiencia #section-main .bg-left .tronco_fuego, #reservas #section-main .bg-left .tronco_fuego, #tour #section-main .bg-left .tronco_fuego{left:calc(50% - 175px); top:calc(75% - 0px);} #experiencia #section-main .bg-left .mariposa_roja, #reservas #section-main .bg-left .mariposa_roja, #tour #section-main .bg-left .mariposa_roja, #menus #section-main .bg-left .mariposa_roja{left:calc(0% - 375px); top:calc(50% - 495px); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); transform:rotate(2deg);} #experiencia #section-main .bg-right .mariposa_azul, #reservas #section-main .bg-right .mariposa_azul, #tour #section-main .bg-right .mariposa_azul, #menus #section-main .bg-right .mariposa_azul{right:calc(0% - 375px); top:calc(50% - 165px); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); transform:rotate(-2deg);} #experiencia .video-box, #reservas .video-box, #tour .video-box{margin:20px 0px;} #reservas #section-main #block_main.article{max-width:640px; overflow: hidden;} #reservas #section-main .iframe-reservas{position:relative; width:100%; height:calc(100vh - 320px)!important; overflow-y:scroll!important; min-height:480px; margin-top:0px;} #tour #section-main #block_main.article{max-width:1024px; overflow: hidden;} #tour #section-main .iframe-tour{position:relative; width:100%; height:640px; margin-top:0px;} #mantequeria #section-banner{padding-top:80px;} #mantequeria #section-banner img{display: block; text-align: center; margin: 0 auto; width: 100%; height: auto;} /*#mantequeria #section-main .bg-left, #mantequeria #section-main .bg-right{top: calc(50vh - 325px); max-width: 600px; width: 20vw;}*/ /*#mantequeria #section-main .bg-left, #mantequeria #section-main .bg-right{--spacing-XL: calc(20vw); top: calc(50vh - (((var(--spacing-XL) / 2) + (((var(--spacing-XL) / 2)))))); max-width: 600px; width: var(--spacing-XL);}*/ #mantequeria #section-main .bg-left, #mantequeria #section-main .bg-right{top: calc(50vh - (((20vw / 2) + (((20vw / 2))))) - 180px); max-width: 600px; width: 20vw;} #mantequeria #section-main .bg-left img{position: absolute; left:0;} #mantequeria #section-main .bg-right img{position: absolute; right:0;} #mantequeria #section-main #block_main.article p{font-style: normal;} #mantequeria #section-main #block_main.article{background: rgba(255, 255, 255, 0.85);} #mantequeria #section-main #block_main.article h3{color: #a8987e; font-size: 24px; margin-top: 10px; margin-bottom: 5px;} #mantequeria #section-main #block_main.article .subtitle{color: #000; margin-top: 0; margin-bottom: 60px; font-size: 18px; font-family: 'Poppins'; font-weight: 600;} #mantequeria #section-main #block_main.article p{font-size: 26px;} #mantequeria #section-main #block_main.article p.place{font-size: 24px;} #mantequeria .mantequeria-logo{max-width: 320px; padding: 40px 0px 40px 40px;} #mantequeria #section-twitter{display: none;} #menu_17 #section-main .article, #menu_mas_17 #section-main .article{min-height:680px;} #menu_17 #section-main .article p, #menu_mas_17 #section-main .article p{padding:20px 0;} #menu_17 #section-main #block_main.article img, #menu_mas_17 #section-main #block_main.article img{max-width:300px; min-height:241px;} #menu_17 #section-main .bg-left , #menu_17 #section-main .bg-right{position:fixed; width:50%; height:calc(100% + 90px); overflow:hidden;} #menu_17 #section-main .bg-left .lazy-banner, #menu_17 #section-main .bg-right .lazy-banner{position:absolute; background-color:transparent;} #menu_17 #section-main .bg-left .plato_negro{left:calc(-44% - 0px); top:calc(10% - 0px);} #menu_17 #section-main .bg-left .rama_recta{left:calc(50% - 0px); top:calc(50% - 0px); -webkit-transform:translate(-100px, 100px); -ms-transform:translate(-100px, 100px); transform:translate(-100px, 100px);} #menu_17 #section-main .bg-right .plato_negro{ right:calc(-44% - 0px); top:calc(10% - 0px);} #menu_17 #section-main .bg-right .rama_curva{right:calc(50% - 0px); top:calc(50% - 0px); -webkit-transform:translate(100px, 100px); -ms-transform:translate(100px, 100px); transform:translate(100px, 100px);} #menu_mas_17, #menu_mas_17 #section-banner{background:transparent;} #menu_mas_17 #section-main .bg-left{width:100%; background-color:#000;} #menu_mas_17 #section-main .bg-left .lazy-banner{position:absolute; width:100%; height:calc(100% + 90px); background:transparent top center no-repeat; background-size:cover;} #menu_mas_17 #section-main #block_main.article{background:transparent; color:#fff;} .allergens{color:#000; margin-top: 30px; font-size: 14px;} .allergens:hover{color:#e5c739;} #menu_mas_17 .allergens{color:#fff;} #menu_mas_17 .allergens:hover{color:#e5c739;} .btnMenu{width:170px; height:70px; display: table; margin:0 auto 10px auto;} .btnMenu.big span{display:table-cell; vertical-align:middle; padding:0px;} .brother #box{overflow:auto; z-index:1;} .brother #section-banner{padding:0; margin:0; width:60%; position:fixed; left:0; top:0; bottom:0; z-index:-1;} #hermanos #section-banner{background:#fff;} #mario.brother #section-banner{background-color:#000; overflow:hidden;} #diego.brother #section-banner{background-color:#000; overflow:hidden;} #rafael.brother #section-banner{background-color:#000; overflow:hidden;} #mario.brother #section-banner .lazy-banner{position:absolute; width:100%; height:100%; background:transparent top right no-repeat;} #diego.brother #section-banner .lazy-banner{position:absolute; width:100%; height:100%; background:transparent top right no-repeat;} #rafael.brother #section-banner .lazy-banner{position:absolute; width:100%; height:100%; background:transparent top right no-repeat;} .brother #section-main{background:#000; padding:125px 0 25px 0; margin:0; width:40%; min-width:420px; position:relative; float:right;} .brother #section-main:before, .brother #section-main:after{display:none !important;} .brother #section-main #block_main.article{background:transparent; color:#fff; text-align:left;} .brother #section-main #block_main.article img{min-height:206px;} .brother #section-main #block_main.article img.phone-block{min-height:auto;} #section-twitter{font-family:'EB Garamond'; text-align:center; color:#fff; background-color:rgba(40,69,82,.8); padding:25px 10px;} #section-twitter #twitter-ticker{} #section-twitter #twitter-ticker ul{right:0; left:0;} #section-twitter #twitter-ticker ul li{font-style:italic; font-size:24px; padding:0 60px; z-index:2;} #section-twitter #twitter-ticker ul li i{position:relative; background:url(../img/ico_twitter_white.png) 50% 50% no-repeat; background-size:30px 30px; width:30px; height:30px; margin-right:5px; margin-bottom:-5px; display:inline-block;} #section-twitter #twitter-ticker ul li p{display:inline-block; margin:0; padding:0;} #section-twitter #twitter-ticker ul li p:before{content:"“";} #section-twitter #twitter-ticker ul li p:after{content:"”";} /*Footer*/ #footer{z-index:2; background:#fff;} #footer #footer-info{padding:15px 20px; overflow: auto;} #footer #footer-info .logo_footer{display:inline-block;} #footer #footer-info .logo_footer span{padding:20px 20px 15px 20px;} #footer #footer-info .logo_footer img{max-height:48px; padding:0px;} #footer #footer-info #logo_footer_coque{margin-top:20px;} #footer #footer-info .block-footer{display:inline-block; width:19.5%; text-align:center;} #footer #footer-info .block-left{text-align:left;} #footer #footer-info .contact{vertical-align: top;} #footer #footer-info .contact a{font-family:'EB Garamond'; float:right; font-size:20px; color:#686868; padding-top:20px; padding-right:10px; text-align:right;} #footer #footer-info .contact a span{display:block; font-style:italic;} .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next{margin:0; padding:0; width:28px; height:48px;} .owl-theme .owl-nav{margin-top:0;} .owl-theme .owl-nav .owl-prev{position:absolute; top:42%; left:10px; padding:10px; background:transparent url(../img/ico_l.png) 50% 50% no-repeat; background-size:28px 48px; opacity:.25; border-radius:0px;} .owl-theme .owl-nav .owl-prev:hover{background:#284552 url(../img/ico_l.png) 50% 50% no-repeat; background-size:28px 48px; opacity:.8;} .owl-theme .owl-nav .owl-next{position:absolute; top:42%; right:10px; padding:10px; background:transparent url(../img/ico_r.png) 50% 50% no-repeat; background-size:28px 48px; opacity:.25; border-radius:0px;} .owl-theme .owl-nav .owl-next:hover{background:#284552 url(../img/ico_r.png) 50% 50% no-repeat; background-size:28px 48px; opacity:.8;} .owl-theme .owl-dots{position:absolute; width:100%; margin-top:-30px;} .owl-carousel .owl-item img{height:auto; max-height:100%;} /*Other*/ .phone-block{display:none!important;} .desk-block{display:block!important;} a.phone-block{display:none!important;} a.desk-block{display:inline-block!important;} #map-phone{display:none!important; min-height:650px;} #map-desk{display:block!important; min-height:650px;} a, img, #section-main:before, #section-main:after, .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next, #header, #header #logo img, #header #menu, #header #social #facebook, #header #social #twitter, #header #social #instagram, #contacto #section-main .contact-form #send, #experiencia #section-main .bg-left .mariposa_roja, #reservas #section-main .bg-left .mariposa_roja, #tour #section-main .bg-left .mariposa_roja, #menus #section-main .bg-left .mariposa_roja, #experiencia #section-main .bg-right .mariposa_azul, #reservas #section-main .bg-right .mariposa_azul, #tour #section-main .bg-right .mariposa_azul, #menus #section-main .bg-right .mariposa_azul, #contacto #section-main .contact-form .field, #stagers #section-main .stagers-form .field, #stagers #section-main .stagers-form #send {-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} #home #section-main .block_home_img.futuro .lazy{animation:zoom-in-rotate 120s infinite;} @keyframes zoom-in-rotate{ 0% { -webkit-transform:scale(.9) rotate(0deg); -ms-transform:scale(.9) rotate(0deg); transform:scale(.9) rotate(0deg); } 50% { -webkit-transform:scale(1.2) rotate(180deg); -ms-transform:scale(1.2) rotate(180deg); transform:scale(1.2) rotate(180deg); } 100% { -webkit-transform:scale(.9) rotate(360deg); -ms-transform:scale(.9) rotate(360deg); transform:scale(.9) rotate(360deg); } } #home #section-main .block_home_img.pasado .lazy{animation:zoom-out-rotate 120s infinite;} @keyframes zoom-out-rotate{ 0% { -webkit-transform:scale(1.2) rotate(0deg); -ms-transform:scale(1.2) rotate(0deg); transform:scale(1.2) rotate(0deg); } 50% { -webkit-transform:scale(.9) rotate(-180deg); -ms-transform:scale(.9) rotate(-180deg); transform:scale(.9) rotate(-180deg); } 100% { -webkit-transform:scale(1.2) rotate(-360deg); -ms-transform:scale(1.2) rotate(-360deg); transform:scale(1.2) rotate(-360deg); } } #investigacion #section-main .block_investigacion_img .lazy{animation:zoom-in 45s infinite;} @keyframes zoom-in{ 0% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9); } 50% { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); } 100% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9); } } #libros #section-main .block_libros_img.libros_left .lazy{animation:move-right 2s 1;} @keyframes move-right{ 0% { -webkit-transform:translate(-600px,0px); -ms-transform:translate(-600px,0px); transform:translate(-600px,0px); } 100% { -webkit-transform:translate(0px,0px); -ms-transform:translate(0px,0px); transform:translate(0px,0px); } } #libros #section-main .block_libros_img.libros_right .lazy{animation:move-left 2s 1;} @keyframes move-left{ 0% { -webkit-transform:translate(600px,0px); -ms-transform:translate(600px,0px); transform:translate(600px,0px); } 100% { -webkit-transform:translate(0px,0px); -ms-transform:translate(0px,0px); transform:translate(0px,0px); } } #menu_mas_17 #section-main .bg-left .lazy-banner {animation:zoom-out-rotate-bg 120s infinite;} @keyframes zoom-out-rotate-bg{ 0% { -webkit-transform:scale(1.0) rotate(0deg); -ms-transform:scale(1.0) rotate(0deg); transform:scale(1.0) rotate(0deg); } 50% { -webkit-transform:scale(.8) rotate(16deg); -ms-transform:scale(.8) rotate(16deg); transform:scale(.8) rotate(16deg); } 100% { -webkit-transform:scale(1.0) rotate(0deg); -ms-transform:scale(1.0) rotate(0deg); transform:scale(1.0) rotate(0deg); } } .brother #section-banner .lazy-banner{animation:zoom-in-brother 120s infinite;} @keyframes zoom-in-brother{ 0% { -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); } 50% { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); } 100% { -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); } } #menu_17 #section-main .bg-left .plato_negro{animation:zoom-in-rotate-menu17 120s infinite;} @keyframes zoom-in-rotate-menu17{ 0% { -webkit-transform:scale(1.1) rotate(0deg); -ms-transform:scale(1.1) rotate(0deg); transform:scale(1.1) rotate(0deg); } 50% { -webkit-transform:scale(.9) rotate(180deg); -ms-transform:scale(.9) rotate(180deg); transform:scale(.9) rotate(180deg); } 100% { -webkit-transform:scale(1) rotate(360deg); -ms-transform:scale(1) rotate(360deg); transform:scale(1) rotate(360deg); } } #menu_17 #section-main .bg-right .plato_negro{animation:zoom-out-rotate-menu17 120s infinite;} @keyframes zoom-out-rotate-menu17{ 0% { -webkit-transform:scale(1) rotate(0deg); -ms-transform:scale(1) rotate(0deg); transform:scale(1) rotate(0deg); } 50% { -webkit-transform:scale(1.1) rotate(-180deg); -ms-transform:scale(1.1) rotate(-180deg); transform:scale(1.1) rotate(-180deg); } 100% { -webkit-transform:scale(1) rotate(-360deg); -ms-transform:scale(1) rotate(-360deg); transform:scale(1) rotate(-360deg); } } #menu_17 #section-main .bg-left .rama_recta{animation:zoom-up-menu17 60s 1;} @keyframes zoom-up-menu17{ 0% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) translate(0px, 0px); } 100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) translate(-100px, 100px); } } #menu_17 #section-main .bg-right .rama_curva{animation:zoom-down-menu17 60s 1;} @keyframes zoom-down-menu17{ 0% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) translate(0px, 0px); } 100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) translate(100px, 100px); } } #experiencia #section-main .bg-left .tronco_fuego, #reservas #section-main .bg-left .tronco_fuego, #tour #section-main .bg-left .tronco_fuego{animation:zoom-out-rotate-menu17 120s infinite;} #experiencia #section-main .bg-left .mariposa_roja, #reservas #section-main .bg-left .mariposa_roja, #tour #section-main .bg-left .mariposa_roja, #menus #section-main .bg-left .mariposa_roja{animation:mariposa-roja 240s infinite;} @keyframes mariposa-roja{ 0% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9) translate(0px, 0px); opacity:.75; } 50% { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2) translate(100px, 330px); opacity:1; } 100% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9) translate(0px, 0px); opacity:.75; } } #experiencia #section-main .bg-right .mariposa_azul, #reservas #section-main .bg-right .mariposa_azul, #tour #section-main .bg-right .mariposa_azul, #menus #section-main .bg-right .mariposa_azul{animation:mariposa-azul 240s infinite;} @keyframes mariposa-azul{ 0% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9) translate(0px, 0px); opacity:.75; } 50% { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2) translate(-100px, -330px); opacity:1; } 100% { -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9) translate(0px, 0px); opacity:.75; } } /*Responsive*/ @media only screen and (max-width: 1200px){ #header .col-center #legend{font-size:24px; margin-top:15px;} #section-main .article a h3 {font-size:22px;} #section-main .article a p {font-size:22px;} #home #section-main .article p{margin-top:60px;} #section-main #block_hermanos_right p{margin:50px auto 0 auto;} .brother #section-banner{width:80%;} } @media only screen and (max-width: 1024px){ #header .col-center #legend{margin-top:10px;} #header .col-right #social #lang a{margin-top:0px;} #header .col-right #social #lang a span{display:none;} #header .col-right #social .facebook a{background:url(../img/ico_facebook.png) 50% 50% no-repeat; background-size:24px 24px; margin-top:8px;} #header .col-right #social .twitter a{background:url(../img/ico_twitter.png) 50% 50% no-repeat; background-size:24px 24px; margin-top:8px;} #header .col-right #social .instagram a{background:url(../img/ico_instagram.png) 50% 50% no-repeat; background-size:24px 24px; margin-top:8px;} #header .col-right #social .facebook_white a{background:url(../img/ico_facebook_white.png) 50% 50% no-repeat; background-size:24px 24px; margin-top:8px;} #header .col-right #social .twitter_white a{background:url(../img/ico_twitter_white.png) 50% 50% no-repeat; background-size:24px 24px; margin-top:8px;} #header .col-right #social .instagram_white a{background:url(../img/ico_instagram_white.png) 50% 50% no-repeat; background-size:24px 24px; margin-top:8px;} #header .col-right #social .social_ico a{width:24px; height:24px;} #home #section-banner{margin-top:78px;} #stagers #section-banner{height:720px;} .brother #section-main {background:rgba(0,0,0,.75);} .brother #section-banner{width:100%;} } @media only screen and (max-width: 957px){ #header .col-right #social #booking a span{padding:15px 12px;} #section-main .article {width: 25.3333333%; margin:0 3%;} #investigacion #section-main .article.block_investigacion_text, #libros #section-main .article.block_libros_text, #home #section-main .article.block_home_text, #empresas #section-main .article.block_investigacion_text,{width:44%;} #footer #footer-info .block-footer{width: 33%; float: left; display: block; background: rgba(255,255,255,1);} #footer #footer-info .block-footer.contact{padding-top:40px; padding-bottom: 30px; vertical-align: top; float: right;} #footer #footer-info .block-empty{width:0;} #footer #footer-info .block-left{text-align:center;} #footer #footer-info .contact a{text-align:center; float:none; padding:0; position:relative; top:-20px;} #libros #section-main {margin:0px auto;} #section-main #block_hermanos_right p{margin:0px auto 0 auto;} #section-main:before, #section-main .bg-left{width:60%;} #section-main:after, #section-main .bg-after{width:60%;} #tour #section-main, #tour #section-main .iframe-tour{min-height:480px; height:480px;} #tour #section-main #block_main.article{padding:0px; max-width:100%!important;} #tour #section-main .bg-left, #tour #section-main .bg-right{display:none;} .owl-theme .owl-nav{display:none!important;} #empresas #section-main .article {width: 25.3333333%; margin: 0 4%;} } @media only screen and (max-width: 768px){ #header .top-header{display: none;} .bottom-header{display:block;} #stagers #header {background: rgba(255,255,255,.9);} #header .col-left #logo img {max-width:200px;} #header .col-left{float:none; width:100%; text-align:center;} #header .col-center{width:32px; position:absolute; right:20px; top:20px;} #header .col-center #menu{margin-top:0px;} #header .col-right{float:none; width:100%; text-align:center;} #header .col-right #social {width:360px; margin:0px auto 10px auto;} #header .col-right #social.no_social{width:auto; margin:5px auto; float:none;} #header .col-right #social.no_social li {float:none;} #header .col-right #social li#lang{position:fixed; top:16px; left:10px;} #header .col-right #social #booking{margin:0px; float:none; text-align:center;} #header .col-right #social #booking a{width:48%; margin:0 1%; float:left; display:inline-block; text-align:center;} #header .col-right #social #booking a span{padding:15px 0px;} /*#header .col-right #social #booking a{width:31.333%;}*/ #header .col-right #social #booking a{width:48%;} #home #section-banner{margin-top:130px;} #section-banner {padding-top: 130px;} #section-main {margin-top:25px;} #section-main .article {float:none; width:94%; margin:75px 3% 0 3%;} #section-main .article a h3 {max-width:480px;} #section-main .article a p {max-width:480px;} #reservas #section-main .iframe-reservas, #tour #section-main .iframe-tour{margin-top:0px;} #investigacion #section-main .article.block_investigacion_text, #empresas #section-main .article.block_investigacion_text, #libros #section-main .article.block_libros_text, #home #section-main .article.block_home_text {float:none; width:94%; margin:0px 3% 0 3%;} #investigacion #section-main .article p, #home #section-main .article p{margin-bottom:40px;} #libros #section-main .article p{margin-bottom:20px;} #investigacion #section-main .article.hasVideo p, #libros #section-main .article.hasVideo p, #home #section-main .article.hasVideo p{margin-bottom:20px;} #investigacion #section-main .article.hasVideo .btn, #libros #section-main .article.hasVideo .btn, #home #section-main .article.hasVideo .btn{margin-bottom:40px;} #investigacion #section-main .article p, #investigacion #section-main .article, #libros #section-main .article p, #libros #section-main .article, #home #section-main .article p, #home #section-main .article, #investigacion #section-main .article.hasVideo p, #home #section-main .article.hasVideo p{height:auto; min-height:auto; max-height:10000px;} #libros #section-main .article b{margin:50px 0px 10px 0px;} #investigacion #section-main .article.block_investigacion_img, #empresas #section-main .article.block_investigacion_img, #libros #section-main .article.block_libros_img, #home #section-main .article.block_home_img {float:none; width:100%; min-height:432px;} #empresas #section-main .article.block_empresas_img, #empresas #section-main .article.block_empresas_text {float:none; width:100%; min-height:432px;} #empresas #section-main .article.qard.left, #empresas #section-main .article.qard.right{width: 100%; margin: 0 auto;} #empresas #section-main .article.qard-business{width: 100%; margin-top: 40px; margin-bottom: 20px;} #empresas #section-main #block_main.article, #empresas #section-main #block_secondary.article{width: 86%;} #section-main #block_hermanos_left{width:80%; margin-bottom:20px;} #section-main #block_hermanos_right{width:80%;} #section-main #block_hermanos_left a {display:inline-block; float:left; width:33.333%} #section-main #block_hermanos_left a img{max-width:80%; min-height:auto;} #contacto #section-main #block_contact_left{width:100%; margin-bottom:20px;} #contacto #section-main #block_contact_right{width:80%;} #contacto #section-main .contact-address{margin-top:0px;} #section-main:before, #section-main .bg-left{width:70%;} #section-main:after, #section-main .bg-after{width:70%;} .brother #section-main {padding-top:175px;} .phone-block{display:block!important;} a.phone-block{display:inline-block!important;} .brother #section-main #block_main.article img.phone-block{display:none!important;} .desk-block{display:none!important;} a.desk-block{display:none!important;} #map-phone{display:block!important;} #map-desk{display:none!important;} #menu_17 #section-main .bg-left .plato_negro{left:calc(-44% - 0px); top:calc(25% - 0px);} #menu_17 #section-main .bg-left .rama_recta{left:calc(25% - 0px); top:calc(60% - 0px); -webkit-transform:translate(-100px, 100px); -ms-transform:translate(-100px, 100px); transform:translate(-100px, 100px);} #menu_17 #section-main .bg-right .plato_negro{right:calc(-44% - 0px); top:calc(25% - 0px);} #menu_17 #section-main .bg-right .rama_curva{right:calc(25% - 0px); top:calc(60% - 0px); -webkit-transform:translate(100px, 100px); -ms-transform:translate(100px, 100px); transform:translate(100px, 100px);} #stagers #section-banner{height:640px;} #footer #footer-info .block-footer{width:100%;} #footer #footer-info .contact{float:none !important;} #footer #footer-info .contact a{top:0px; padding-top:20px;} } @media only screen and (max-width: 600px){ #section-main{margin-top: 0px; padding-bottom: 0px;} #section-main .article a img {max-width:90%; margin:0 auto;} #mantequeria #section-main .bg-left, #mantequeria #section-main .bg-right{top: calc(50vh - (((40vw / 2) + (((40vw / 2))))) - 90px); width: 40vw;} #menu_17 #section-main .bg-left .plato_negro{left:calc(-44% - 0px); top:calc(30% - 0px);} #menu_17 #section-main .bg-left .rama_recta{left:calc(5% - 0px); top:calc(60% - 0px); -webkit-transform:translate(-100px, 100px); -ms-transform:translate(-100px, 100px); transform:translate(-100px, 100px);} #menu_17 #section-main .bg-right .plato_negro{right:calc(-44% - 0px); top:calc(30% - 0px);} #menu_17 #section-main .bg-right .rama_curva{right:calc(5% - 0px); top:calc(60% - 0px); -webkit-transform:translate(100px, 100px); -ms-transform:translate(100px, 100px); transform:translate(100px, 100px);} #stagers #section-banner{height:550px;} #stagers #section-main #block_main.article {padding:20px 4%; width:92%;} } @media only screen and (max-width: 500px){ #section-banner {padding-top:175px;} #mantequeria #section-banner{padding-top:130px;} #section-main .article a h3 {max-width:100%;} #section-main .article a p {max-width:100%;} #footer #footer-info .block-footer{width:100%;} #footer #footer-info .contact a{top:0px;} #investigacion #section-main .article.block_investigacion_text, #libros #section-main .article.block_libros_text, #home #section-main .article.block_home_text{width:80%; margin:0px 10% 0 10%;} #experiencia #section-main #block_main.article, #reservas #section-main #block_main.article, #tour #section-main #block_main.article, #menu_17 #section-main #block_main.article, #menu_mas_17 #section-main #block_main.article{max-width: 320px;} .brother #section-main{background: rgba(0,0,0,.85);} .brother #section-main #block_main.article {text-align:center;} .brother #section-main #block_main.article img{max-width:100%; min-height:auto;} .brother #section-main #block_main.article img.phone-block{display:block!important; margin:40px -20% 0 -20%; width:140%; max-width:140%;} .brother #section-main{min-width:100%!important; width:100%!important;} .brother #section-main #block_main.article{width:80% !important;} }