a:focus { outline: none;}
@font-face {
font-family: "Flaticon";
src: url(//bar-lab.com/wp-content/themes/Barlab/fonts/Flaticon.eot);
src: url(//bar-lab.com/wp-content/themes/Barlab/fonts/Flaticon.eot?#iefix) format("embedded-opentype"), url(//bar-lab.com/wp-content/themes/Barlab/fonts/Flaticon.woff) format("woff"), url(//bar-lab.com/wp-content/themes/Barlab/fonts/Flaticon.ttf) format("truetype"), url(//bar-lab.com/wp-content/themes/Barlab/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "Flaticon";
src: url(https://bar-lab.com/wp-content/themes/Barlab/Flaticon.svg#Flaticon) format("svg");
}
}
.Rte ul { margin-left: 15px; margin-bottom: 14px;}
.Rte ul,
.Rte ul > li { list-style:disc outside;}
.text-center { text-align: center;}
.sectionPad01 { padding:50px 0;}
.title24 { font-size: 24px;}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}
.flaticon-clock:before {
content: "\f100";
}
.flaticon-down-button:before {
content: "\f101";
}
.flaticon-facebook:before {
content: "\f102";
}
.flaticon-instagram:before {
content: "\f103";
}
.flaticon-link-symbol:before {
content: "\f104";
}
.flaticon-location-pin:before {
content: "\f105";
}
.flaticon-smartphone-call:before {
content: "\f106";
}
.flaticon-twitter:before {
content: "\f107";
}
body {
margin: 0;
padding: 0;
color: #363636;
}
.img-responsive {
max-width: 100%;
display: inline-block;
}
h3.title-section {
font-family: 'Fjalla One', sans-serif;
text-align: center;
text-transform: uppercase;
font-size: 25px;
font-weight: normal;
margin-top: 120px;
}
ul,
li {
list-style: none;
margin: 0;
padding: 0;
}
a:hover {
color: #ab8357;
text-decoration: none;
} header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 98;
}
.logo {
position: fixed;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
width: 25%;
z-index: 99;
}
.logo a {
display: block;
}
.logo img {
width: 100%;
height: auto;
}
.logo-sup {
position: fixed;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
width: 25%;
z-index: 99;
left: 10px !important;
top: -15px !important;
width: 170px !important;
transform: translate(0%, 0%) !important;
}
.logo-sup .cls-4 {
fill: #ad8452 !important;
stroke: #ad8452 !important;
}
.nav {
float: right;
}
.nav li {
display: inline-block;
}
.nav li.current-menu-item a,
.nav li a:hover {
color: #ab8357;
}
.nav li a {
font-family: 'Fjalla One', sans-serif;
text-transform: uppercase;
display: block;
padding: 10px 20px 10px;
color: #fdfdf9;
text-decoration: none;
}
.nav .d3 {
background-color: #fff;
border-left: 2px solid #333;
width: 100%;
overflow: hidden;
height: 0;
margin-left: 10px;
transform: skew(-45deg);
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.nav.effect.active ul {
background-color: #333;
}
.nav.effect.active .d3 {
height: 20px;
}
.nav.black li a {
color: #333;
} #s2 .title {
color: #fff;
}
#s2 .section-title {
color: #fff !important;
position: relative;
margin-top: 100px;
top: 0;
z-index: 9;
}
#s2 .section-title p {
color: #fff !important;
width: 40%;
margin: 50px auto 0;
}
#s1 .section-title p {
color: #fff !important;
width: 40%;
margin: 50px auto 0;
font-size: 18px;
}
.section-title {
position: absolute;
bottom: 60px;
width: 100%;
text-align: center;
}
.section-title h1 {
text-align: center;
text-transform: uppercase;
font-weight: normal;
font-size: 25px;
margin-bottom: 5px;
}
.section-title span {
position: relative;
display: inline-block;
width: 70px;
height: 20px;
}
.section-title span:before {
content: "";
background: #F0E5D8;
position: absolute;
left: -1300px;
top: 0;
width: 120px;
height: 2px;
display: inline-block;
z-index: 97;
opacity: 0;
-webkit-transition: all .9s;
-moz-transition: all .9s;
transition: all .9s;
}
.section-title span:after {
content: "";
background: #F0E5D8;
position: absolute;
right: -1300px;
top: 0;
width: 120px;
height: 2px;
display: inline-block;
z-index: 97;
opacity: 0;
-webkit-transition: all .9s;
-moz-transition: all .9s;
transition: all .9s;
}
.section-title span.active:before {
left: -130px;
opacity: 1;
}
.section-title span.active:after {
right: -130px;
opacity: 1;
}
.section-title p {
color: #F0E5D8;
}
.section-title p a {
display: block;
margin: 20px auto 0;
width: 120px;
color: #F0E5D8;
border: 2px solid #F0E5D8;
padding: 5px;
}
.section-title i {
display: block;
}
.section-title p i:before {
cursor: pointer;
display: block;
margin: 0 auto;
width: 40px;
color: #F0E5D8;
font-size: 50px;
animation: 3s arrow infinite;
}
.overlay {
position: absolute;
z-index: 0;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
}
.title {
font-family: 'Fjalla One', sans-serif;
color: #F0E5D8;
}
.bounceInLeft {
opacity: 1;
}
#s2 .section-title p a {
color: #fff;
border-color: #fff;
}
@-webkit-keyframes arrow {
0%, 100% {
transform: translate(0, 10px);
}
50% {
transform: translate(0, 30px);
}
}
@keyframes arrow {
0%, 100% {
transform: translate(0, 10px);
}
50% {
transform: translate(0, 30px);
}
} .nav-control.hiden {
left: -5px;
}
.nav-control {
position: fixed;
top: 40%;
left: 25px;
z-index: 99;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.nav-control li {
background: #fff;
width: 12px;
height: 12px;
margin: 10px;
border-radius: 100%;
-webkit-box-shadow: inset 1px 1px 1px 1px #777;
-moz-box-shadow: inset 1px 1px 1px 1px #777;
box-shadow: inset 1px 1px 1px 1px #777;
}
.nav-control li.active {
background: #9b703e;
}
.section {
background-size: cover;
background-position: center;
overflow: hidden;
min-height: 100vh;
position: relative;
} .awards {
padding: 30px 0 30px;
width: 100%;
overflow: hidden;
position: absolute;
bottom: 0;
background: url(//bar-lab.com/wp-content/themes/Barlab/img/pattern1.jpg);
}
.awards .owl-prev,
.clients .owl-prev {
font-family: 'Fjalla One', sans-serif;
color: #ccc;
position: absolute;
left: -60px;
top: 50%;
font-size: 45px;
line-height: 0;
transform: rotate(90deg);
}
.awards .owl-next,
.clients .owl-next {
font-family: 'Fjalla One', sans-serif;
color: #ccc;
position: absolute;
right: -60px;
top: 50%;
font-size: 45px;
line-height: 0;
transform: rotate(-90deg);
}
.owl-carousel-rest .owl-prev {
font-family: 'Fjalla One', sans-serif;
color: #ccc;
position: absolute;
left: 0px;
top: 50%;
font-size: 45px;
line-height: 0;
cursor: pointer;
transform: rotate(90deg);
}
.owl-carousel-rest .owl-next {
font-family: 'Fjalla One', sans-serif;
color: #ccc;
position: absolute;
right: 0px;
top: 50%;
font-size: 45px;
line-height: 0;
cursor: pointer;
transform: rotate(-90deg);
}
.owl-item {
display: inline-block;
}
.owl-carousel .owl-item img {
width: 80%;
margin: 0 auto;
display: block;
}
.awards p {
font-family: 'Fjalla One', sans-serif;
text-transform: uppercase;
text-align: center;
margin: 3px;
font-size: 16px;
}
.awards span {
display: block;
text-align: center;
} .service {
background: url(//bar-lab.com/wp-content/themes/Barlab/img/pattern1.jpg);
font-family: 'Fjalla One', sans-serif;
float: left;
width: 50%;
height: 100%;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.service h3 {
margin: 150px auto 50px;
width: 300px;
font-size: 26px;
border-top: 3px solid #919191;
border-bottom: 3px solid #919191;
padding: 10px 0;
}
.service h3 span {
display: block;
padding: 10px 0;
border-top: 1px solid #919191;
border-bottom: 1px solid #919191;
font-weight: normal;
text-align: center;
}
.service ul {
margin: 0 auto;
width: 300px;
font-size: 20px;
}
.service li {
padding: 10px 0;
text-transform: uppercase;
position: relative;
cursor: pointer;
}
.service li a {
color: #333;
}
.service li a:hover {
color: #ab8357;
}
.service li:before {
position: absolute;
left: -90px;
}
.service li:hover:before,
.service li.active:before {
background-image: url(//bar-lab.com/wp-content/themes/Barlab/img/vintage-hand-cursor.png);
background-size: 80px 35px;
width: 80px;
height: 35px;
display: inline-block;
content: "";
}
.image {
background-size: cover;
background-position: center;
float: right;
width: 50%;
height: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
transition: background 0.3s linear;
}
.service-box:first-child {
margin-top: 100px;
}
.service-box {
position: relative;
padding: 60px 0;
text-align: center;
overflow: hidden;
}
.service-box .container {
position: relative;
}
.service-box .section-page-title {
margin-top: 0px;
}
.service-text {
width: 40%;
background: #fff;
border: 2px solid #333;
padding: 60px;
display: inline-block;
text-align: justify;
position: absolute;
z-index: 10;
transform: translate(-50%, 0);
}
.service-text p {} .service-img {
background-position: center;
background-size: cover;
width: 40%;
height: 300px;
display: inline-block;
position: absolute;
z-index: 9;
transform: translate(-50%, 0);
}
.first {
margin-top: -20px;
left: 65%
}
.second {
margin-top: 30px;
left: 35%
}
.line-top {
position: absolute;
top: 0;
right: 0;
}
.line-bottom {
position: absolute;
bottom: 0;
left: 0;
}
.line-bottom-2 {
position: absolute;
left: 50%;
bottom: 0;
}
.services-contact {
background-attachment: fixed;
background-position: top;
background-size: cover;
}
.form-services {} .form-container {
width: 80%;
margin: 150px auto 0;
border: 2px solid #333;
background: #fff;
display: block;
padding: 30px;
overflow: hidden;
}
.form-container form {
width: 80%;
}
.form-container .section-page-title {
margin-top: 10px;
} #s4 {
background-image: url(//bar-lab.com/wp-content/themes/Barlab/img/pattern1.jpg);
background-size: auto;
}
.restaurant {
width: 100%;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 180px;
}
.restaurant-container {
overflow: hidden;
height: 400px;
width: 101%;
}
.restaurant-img {
background-size: cover;
background-position: center;
height: 400px;
position: relative;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.restaurant-img:hover {
transform: scale(1.1);
}
.restaurant-img .overlay {
background: rgba(0, 0, 0, 0.2);
color: #FFF;
text-transform: uppercase;
position: absolute;
font-family: 'Fjalla One', sans-serif;
font-size: 45px;
line-height: 300px;
padding: 30px;
text-align: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.restaurant-img .overlay img {
width: 50%;
display: block;
margin: 30px auto 0;
cursor: pointer;
}
.restaurant h4 {
font-family: 'Fjalla One', sans-serif;
text-align: center;
text-transform: uppercase;
font-weight: normal;
font-size: 22px;
}
.restaurant-title {
width: 100%;
text-align: center;
}
.restaurant-title h4 {
text-align: center;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 5px;
}
.restaurant-title span {
position: relative;
display: inline-block;
width: 70px;
height: 20px;
}
.restaurant-title span:before {
content: "";
background: #333;
position: absolute;
left: -130px;
top: 0;
width: 120px;
height: 2px;
display: inline-block;
z-index: 97;
opacity: 1;
-webkit-transition: all.5s;
-moz-transition: all.5s;
transition: all.5s;
}
.restaurant-title span:after {
content: "";
background: #333;
position: absolute;
right: -130px;
top: 0;
width: 120px;
height: 2px;
display: inline-block;
z-index: 97;
opacity: 1;
-webkit-transition: all.5s;
-moz-transition: all.5s;
transition: all.5s;
}
.restaurant-title span.active:before {
left: -130px;
opacity: 1;
}
.restaurant-title span.active:after {
right: -130px;
opacity: 1;
} #s5 {
background-image: url(//bar-lab.com/wp-content/themes/Barlab/img/pattern1.jpg);
background-size: auto;
}
.form-contact {
margin: 0 auto;
width: 45%;
position: relative;
}
.form-contact:after {
display: block;
content: "";
width: 45px;
height: 300px;
background: transparent url(//bar-lab.com/wp-content/themes/Barlab/img/form-image.svg) no-repeat center;
position: absolute;
top: 40px;
right: -77px;
}
.form-contact:before {
display: block;
content: "";
width: 45px;
height: 300px;
background: transparent url(//bar-lab.com/wp-content/themes/Barlab/img/form-image.svg) no-repeat center;
position: absolute;
top: 40px;
left: -77px;
}
.form-contact input,
.form-contact textarea,
#tripleseat_embed_form input,
#tripleseat_embed_form textarea {
background: none;
border: 1px solid #9b9b9b;
margin-bottom: 25px;
width: 100%;
padding: 15px;
}
.form-contact textarea {
height: 150px;
}
.form-contact input[type="submit"],
#post-404 a.return_home,
#tripleseat_embed_form input[type="submit"]  {
background: none;
border: 2px solid #404040;
width: 150px;
margin: 0 auto;
padding: 10px;
display: block;
color:#404040;
text-decoration: none;
}
.form-contact input[type="submit"]:hover,
#post-404 a.return_home:hover,
#tripleseat_embed_form input[type="submit"]:hover { color:#ab8357; border-color: #ab8357;}
::-webkit-input-placeholder {
color: #363636;
}
::-moz-placeholder {
color: #363636;
} footer {
background: #fff;
border-top: 1px solid #b1b1b1;
padding: 10px 0;
}
footer.front {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.newsletter a {
color: #363636;
font-family: 'Fjalla One', sans-serif;
font-weight: normal;
text-transform: uppercase;
}
.newsletter a:hover {
color: #ab8357;
}
.copyright {
text-align: center;
}
footer ul {
float: right;
margin-right: 10px;
}
footer ul li {
display: inline-block;
}
footer ul li a:hover {
text-decoration: none;
color: #ab8357;
}
footer ul li a:hover i:before {
color: #ab8357;
}
footer ul li a i:before {
color: #333;
font-size: 35px;
} .page {
background: url(//bar-lab.com/wp-content/themes/Barlab/img/pattern1.jpg);
overflow-x: hidden;
}
.page-template-page-properties {
background-image: none;
}
.top {
background-size: cover;
background-position: center;
height: 500px;
overflow: hidden;
position: relative;
z-index: 97;
}
.top h1 {
position: absolute;
font-family: 'Fjalla One', sans-serif;
font-size: 50px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
left: 50%;
top: 50%;
transform: translate(-50%, -100%);
width: 50%;
color: #fefefe;
}
.top h1:before {
content: "";
background-color: #fefefe;
position: absolute;
width: 80px;
height: 8px;
margin-left: -40px;
top: -15px;
left: 50%;
}
.top h1:after {
content: "";
background-color: #fefefe;
position: absolute;
width: 80px;
height: 8px;
margin-left: -40px;
bottom: -10px;
left: 50%;
} .history {
margin-bottom: 100px;
} #about-1 {
min-height: 120vh;
margin-bottom: 100px;
}
.white {
background-color: #fff;
border: 2px solid #333;
padding: 50px;
width: 40%;
position: absolute;
left: 10%;
z-index: 10;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: justify;
}
.section-page-title,
#tripleseat_embed_form h2 {
font-family: 'Fjalla One', sans-serif;
text-align: center;
text-transform: uppercase;
margin: 100px 0 20px;
}
.section-page-title h3 {
font-size: 25px;
font-weight: normal;
margin: 0;
}
.section-page-title span {
position: relative;
display: inline-block;
width: 70px;
height: 20px;
}
.section-page-title span:before {
content: "";
background: #333;
position: absolute;
left: -1300px;
top: 0;
width: 120px;
height: 2px;
display: inline-block;
z-index: 97;
opacity: 0;
-webkit-transition: all .9s;
-moz-transition: all .9s;
transition: all .9s;
}
.section-page-title span:after {
content: "";
background: #333;
position: absolute;
right: -1300px;
top: 0;
width: 120px;
height: 2px;
display: inline-block;
z-index: 97;
opacity: 0;
-webkit-transition: all .9s;
-moz-transition: all .9s;
transition: all .9s;
}
.section-page-title span.active:before {
left: -130px;
opacity: 1;
}
.section-page-title span.active:after {
right: -130px;
opacity: 1;
}
.page-section {
overflow: hidden;
} .filter {
margin: 20px 0;
}
.filter ul li {
display: inline-block;
}
.filter li {
padding: 10px;
cursor: pointer;
}
.page-template-page-press {
margin: 0 !important;
}
.presses { display: flex; align-content: flex-start; flex-flow: row wrap;}
.press-container {
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.press-box {
margin-bottom: 20px;
background: #fff;
box-shadow: 1px 1px 3px 1px #ccc;
}
.press-img > img { display:block; width:100%; height:auto; }
.press-box p {
color: #333;
}
.press-box span {
display: block;
color: #bbb;
min-height: 20px;
}
.press-box .magazine-name{
text-align: center;
font-family: 'Fjalla One', sans-serif;
font-size: 20px;
margin: 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
}
.press-box .magazine-title {
text-align: center;
margin: 0;
padding:10px 20px;
background-color: #333;
color:#FFF;
text-transform: uppercase;
font-size: 18px;
font-style: italic;
font-weight: 700;
}
.ocult {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
min-height:0;
position:absolute;
} .property {
background-attachment: fixed;
background-position: center;
background-size: cover;
padding: 90px 0;
overflow: hidden;
}
.property-clients {
overflow: hidden;
}
.property .section-page-title {
margin-top: 0;
}
.property a {
color: #ab8357;
}
.property a:hover {
color: #333;
}
.card {
background: #fff;
margin: 0 auto;
width: 80%;
border: 2px solid #333;
padding: 60px;
text-align: justify;
opacity: 0;
}
.card li {
padding: 3px;
position: relative;
}
.card li i:before {
position: absolute;
left: 0;
font-size: 18px;
margin-right: 10px;
}
.card .col-md-6 > ul > li {
padding-left: 30px;
}
.social li {
display: inline-block;
}
.social li i:before {
font-size: 35px;
position: relative;
}
.bounceInLeft,
.bounceInRight {
opacity: 1;
} .card-contact {
margin: 0;
opacity: 1;
}
.contact-form-contact {
position: relative;
z-index: 50;
margin-bottom: 80px;
}
.property-contact {
position: relative;
z-index: 50;
}
.form-container-contact {
padding: 50px 0;
background: #fff;
border: 2px solid #333;
overflow: hidden;
}
.form-container-contact .section-page-title {
margin-top: 0;
}
#map {
position: absolute;
left: 0;
top: 100px;
height: 600px;
width: 100%;
margin: 80px 0;
}
.line-top,
.line-bottom {
opacity: 0;
}
.gray {
position: absolute;
right: 10%;
background-color: #434343;
color: #fff;
width: 30%;
z-index: 10;
padding: 50px;
font-family: 'Fjalla One', sans-serif;
font-size: 25px;
}
.gray2 {
position: absolute;
text-align: center;
right: 10%;
background-color: #434343;
color: #fff;
width: 19%;
z-index: 10;
padding: 50px;
font-family: 'Fjalla One', sans-serif;
font-size: 20px;
}
.gray2.desktop {
display: block;
}
.gray2.movil {
display: none;
}
.gray2 a {
color: #fff;
}
.gray2 a:hover {
color: #ab8357;
}
.white2 {
background-color: #fff;
border: 2px solid #333;
padding: 50px;
width: 40%;
float: left;
margin-left: 50px;
text-align: justify;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.white3 {
background-color: #fff;
border: 2px solid #333;
padding: 50px;
width: 40%;
float: right;
margin-right: 50px;
text-align: justify;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.white4 {
background-color: #fff;
border: 2px solid #333;
padding: 50px;
width: 40%;
position: relative;
left: 50%;
transform:translateX(-50%);
text-align: justify;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.services-contact {
height: 600px;
margin-bottom: 300px;
}
.elad {
position: absolute;
left: 40%;
margin-top: 40px;
width: 40%;
height: 600px;
z-index: 9;
}
@-webkit-keyframes slideInUpLeft {
from {
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes slideInUpLeft {
from {
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: block;
}
.slideInUpLeft {
-webkit-animation-name: slideInUpLeft;
animation-name: slideInUpLeft;
}
@-webkit-keyframes slideInBottomRight {
from {
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes slideInBottomRight {
from {
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.slideInBottomRight {
-webkit-animation-name: slideInBottomRight;
animation-name: slideInBottomRight;
}
.logo-menu {
background-color: #fff;
}
.logo-menu img {
width: 35%;
display: block;
margin: 0 auto;
}
.movil {
display: none;
font-family: 'Fjalla One', sans-serif;
background: rgba(0, 0, 0, 0.6);
position: fixed;
z-index: 9999;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 30px;
}
.movil ul {
background: #fff;
width: 100%;
height: 80%;
padding: 0 20px 20px;
position: relative;
}
.movil ul li a {
font-size: 20px;
text-align: center;
color: #333;
display: block;
padding: 18px 0;
border-bottom: 1px solid #bbb;
text-transform: uppercase;
}
.close {
background: #fff;
color: #333;
position: absolute;
margin-right: -20px;
margin-top: -20px;
width: 40px;
height: 40px;
right: 40px;
top: 40px;
display: block;
border-radius: 100%;
text-align: center;
line-height: 40px;
z-index: 9;
font-size: 18px;
cursor: pointer;
}
.open {
background: rgba(0, 0, 0, 0.6);
position: fixed;
z-index: 98;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
border-radius: 5px;
padding: 11px 10px;
cursor: pointer;
display: none;
}
.open span {
background: #F0E5D8;
display: block;
width: 100%;
height: 3px;
margin-bottom: 4px;
} .bg_fix { background-attachment:fixed; background-position:top center; background-repeat:no-repeat;} #press, #career  { padding-top:75px; }
#press > .container { background-color:rgba(255,255,255,0.75); padding:0;}
#press h1 { background-color:#333; padding:20px; color:#ab8357; margin:0 0 15px; text-transform:uppercase; } .inquiries { padding:50px 0;}
#tripleseat_embed_form table { margin:0 auto; width:700px; max-width: 90%;}
#tripleseat_embed_form input,
#tripleseat_embed_form textarea { margin-bottom: 10px;}
#tripleseat_embed_form #lead_form_submit  { text-align: center;}
#tripleseat_embed_form #lead_form_submit > a { display:none;}
#tripleseat_embed_form #lead_form_submit .button { float: none; margin-top: 25px;}
#tripleseat_embed_form h2 { font-size: 25px; font-weight: 400; margin-top: 0;} #career > .container { background-color:rgba(255,255,255,0.50); padding:0; overflow: hidden;}
#career .title-banner { padding:30px 20px; background-color:#333333; color:#AB8357; text-transform: uppercase; line-height: 1.32em; font-family: 'Fjalla One', sans-serif; }
#career .title-banner > h1 { font-size: 14px; font-weight: 400; margin: 0 0 10px;}
#career .title-banner > h2 { font-size: 28px; font-weight: 400; margin: 0;}
#career .pad01 { padding:20px;}
#career #content { padding:50px; background-color: #FFF;}
#career .grid-form { display:block; width:512px; max-width: 100%; margin:0 auto;}
#career h3 { font-family: 'Fjalla One', sans-serif; text-transform: uppercase; font-size: 25px; line-height: 1.2em; font-weight: 400; padding-top:10px; margin:25px 0;}
#career .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker),
#career .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker),
#career .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {margin:0;}
#career .gform_wrapper ul.gform_fields li.gfield { padding-right: 0;}
#career .gform_wrapper .top_label li.gfield.gf_left_half { padding-right: 8px;}
#career .gform_wrapper .top_label li.gfield.gf_right_half { padding-right: 0; padding-left: 8px;}
#career .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { padding:10px 5px;}
#career .section-page-title { margin-top: 40px;}
#career .gform_wrapper.gf_browser_gecko select { padding-top: 10px; padding-bottom: 10px;}
#career .gform_wrapper .gform_footer input.button { padding:10px 25px; text-transform: uppercase; border:2px solid #363636; background-color:#FFF; }
#career .gform_wrapper .gform_footer input.button:hover { color:#ab8357; border-color:#ab8357; }
#career .gform_wrapper .gform_footer { text-align: center;} #careers .banner-careers,
#careers .banner-perks { background-repeat: no-repeat; background-size: cover; background-position: center center;}
#careers .service-text { padding:40px 60px;}
#careers .padding { padding:0 75px;}
#careers .relative { position: relative; height: 100%;}
#careers .careersPosts,
#careers #perks .perks { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#careers .careersPosts > .item { width:25%; padding:35px; box-sizing: border-box;}
#careers .careersPosts > .item .border { height: 200px; border:2px solid #333333; background-color:#FFF; padding:10px 30px; display:block; overflow: hidden;}
#careers .careersPosts > .item .border * { text-decoration: none; color:#363636;}
#careers .careersPosts > .item .border:hover *  { color:#ab8357;}
#careers .careersPosts h3,
#careers .careersPosts h4 { font-family: 'Fjalla One', sans-serif; font-size: 28px; margin:0; text-transform: uppercase; font-weight: 400;}
#careers .careersPosts h3,
#careers .careersPosts span { font-size:14px; margin:0; display: block;}
#careers .careersPosts span { margin-top: 4px;}
#careers .careersPosts .caption { position: absolute; z-index: 1; bottom: 0; left:0; width:100%;}
#careers #perks { margin-bottom: 55px;}
#careers #perks .perks { align-items: stretch;}
#careers #perks .perks > .item { width:33.33%; padding:45px 75px; box-sizing: border-box;}
#careers #perks .perks > .item .border { border:2px solid #333333; background-color:#FFF; padding:35px; display:block; height: 100%; box-sizing: border-box;}
#careers #perks .perks > .item .border p:last-child { margin-bottom: 0; }
#careers #perks .perks h3 { font-family: 'Fjalla One', sans-serif; font-size: 25px; margin:0; text-transform: uppercase; font-weight: 400;}
#careers .banner-perks { min-height:500px; } @media(max-width: 1440px) {
#careers #perks .perks > .item { padding: 40px 35px; }
#careers .careersPosts > .item { padding: 25px;}
}
@media(max-width: 1024px) {
#careers #perks .perks > .item { padding: 30px 20px; width: 50%;}
#careers #perks .perks > .item .border { padding:30px;}
#careers .careersPosts > .item { padding: 20px; width:33.33%}
#careers .careersPosts > .item .border { padding:10px 15px; height: 190px;}
.white4 { padding:35px; width:60%; }
}
@media(max-width: 768px) {
.front-format {
margin-bottom: 250px !important;
}
#s2 .section-title p,
#s1 .section-title p {
width: 90%;
}
.top h1 {
width: 90%;
}
#about-1 {
min-height: 150vh;
}
.white {
padding: 20px;
}
.white2 {
width: 45%;
padding: 30px;
padding-bottom: 5px;
border-bottom: 0;
}
.white3 {
width: 45%;
padding: 30px;
padding-top: 5px;
border-top: 0;
}
.gray {
padding: 30px;
margin-top: 0;
}
.gray2 {
position: static;
}
.gray2.desktop {
display: none;
}
.gray2.movil {
display: block;
width: 60%;
margin: 80px auto 0;
}
.property-contact {
padding-bottom: 60px;
}
.form-contact {
width: 90%;
}
.service-box {
padding: 80px 0;
}
.service-text {
padding: 40px;
}
.services-contact {
margin-bottom: 400px;
}
.form-contact {
margin-bottom: 30px;
}
#tripleseat_embed_form table { table-layout: fixed; width: 90%;}
#career #content { padding:25px 35px;}
#career h3 { margin:15px 0;}
#press, #career  { padding-top:100px; }
#careers .careersPosts > .item { width: 50%;}
#careers #perks .perks > .item { width: 100%;}
#careers .padding { padding:0 50px;}
#careers .service-text { padding:40px;}
#careers .banner-perks { min-height: 350px;}
}
@media(max-width: 640px) {
#career .gform_wrapper .top_label li.gfield.gf_right_half,
#career .gform_wrapper .top_label li.gfield.gf_left_half { padding:0;}
}
@media(max-width: 600px) {
.logo-sup { display: none; }
#careers .careersPosts > .item { width: 100%;}
#careers .padding { padding:0 25px;}
#careers .banner-perks { min-height: 300px;}
}
@media(max-width: 480px) {
.nav {
display: none;
}
.logo {
position: absolute;
top: 15%;
width: 55%;
}
.logo-sup {
width: 120px !important;
}
#s2 {
min-height: 180vh;
}
.service {
background: none;
position: absolute;
color: #fff;
width: 100%;
height: 50%;
z-index: 10;
}
.service h3 {
border-color: #fff;
margin-top: 90px;
}
.service h3 span {
border-color: #fff;
}
.service ul {
margin-left: 80px;
font-size: 16px;
}
.service li a {
color: #fff;
}
.image {
width: 100%;
height: 100vh;
}
.white,
.gray,
.elad {
position: static;
width: auto;
}
.elad {
margin-top: 0;
}
.white2 {
width: auto;
margin-top: 250px;
margin-left: 0;
}
.white3 {
width: auto;
margin-bottom: 0px;
margin-right: 0;
}
.service-text {
width: auto;
z-index: 99;
position: relative;
}
.service-img {
width: 100%;
z-index: 99;
position: relative;
}
.section-title,
.section-title p {
padding: 15px;
}
.section-page-title span.active:before {
left: -70px;
}
.section-page-title span.active:after {
right: -70px;
}
.section-page-title span:before {
width: 60px;
}
.section-page-title span:after {
width: 60px;
}
.form-container {
width: 100%;
}
.card {
width: 100%;
padding: 30px;
}
.restaurant {
margin-top: 100px;
}
.restaurant-img {
height: 280px;
}
.nav-control {
display: none;
}
.col-xs-4 {
width: 100%;
}
.newsletter {
text-align: center;
}
.copyright {
text-align: center;
}
footer ul {
width: 100%;
text-align: center;
margin-right: 0;
}
footer ul li { margin: 0 5px;}
.first,
.second {
margin: 0;
left: auto;
position: static;
transform: translate(0, 0);
z-index: 1;
}
.second {
margin-bottom: 30px;
}
.open {
display: block;
}
.section {
min-height: 100vh;
}
.owl-carousel .owl-item img {
width: 65%;
}
.image .line-top {
top: -100px;
right: -100px;
}
.image .line-bottom {
bottom: -120px;
left: -120px;
}
.history {
margin-bottom: 0;
}
.service-box {
padding: 40px 0;
}
.service-box:first-child {
padding-top: 80px !important;
}
.owl-carousel-rest .owl-prev {
top: 39%;
}
.owl-carousel-rest .owl-next {
top: 39%;
}
#s1 .section-title p {
font-size: 14px;
}
#press, #career  { padding-top:65px; }
#career #content { padding:10px 20px;}
#careers .padding { padding:0 20px;}
#careers .banner-perks { min-height: 250px;}
.white4 { width:90%; padding:25px; margin-top:50px !important; margin-bottom: 25px !important;}
}
@media( max-width: 360px) {
#s2 .section-title {
margin-top: 40px;
}
.logo {
top: 20%;
width: 40%;
}
.section-title {
bottom: -10px;
}
.form-contact:after {
display: none;
}
.form-contact:before {
display: none;
}
.awards .owl-prev,
.clients .owl-prev {
left: 0px;
}
.awards .owl-next,
.clients .owl-next {
right: 0px;
}
.restaurant-container {
height: 280px;
}
.elad {
height: 355px;
}
}
@media( min-width: 360px) and ( max-width: 480px) {
.logo {
top: 20%;
}
.section-title {
bottom: -15px;
}
#s1 .section-title p {
width: 100%;
margin: 0 auto !important;
}
}
@media( max-height: 1024px) and ( min-height: 1024px) and ( min-width: 768px) and ( max-width: 768px) {
.logo {
width: 50%;
}
}
@media( max-height: 768px) and ( min-height: 768px) and ( min-width: 1024px) and ( max-width: 1024px) {
.logo {
width: 25%;
}
}
@media( max-height: 560px) and ( min-width: 800px) {
.logo {
top: 25%;
width: 15%;
}
#s1 .section-title p {
width: 80%;
}
}
@media( min-height: 561px) and ( max-height: 670px) and (min-width: 800px) {
.logo {
top: 30%;
width: 20%;
}
#s1 .section-title p {
width: 60%;
}
}
@media( min-height: 671px) and ( max-height: 735px) {
.logo {
top: 35%;
}
}
@media( max-height: 800px) {
#s1 .section-title p {
margin: 20px auto 0;
}
}
@media( min-height: 850px) {
#s2 .section-title {
margin-top: 150px;
}
}
@media( min-height: 900px) {
#about-1 {
min-height: 93vh;
}
#s2 .section-title {
margin-top: 200px;
}
}
@media( min-height: 1000px) {
#s2 .section-title {
margin-top: 250px;
}
}
@media( min-height: 1080px) {
.restaurant {
margin-top: 300px;
}
#s5 .section-page-title {
margin-top: 250px;
}
#about-1 {
min-height: 80vh;
}
#s2 .section-title {
margin-top: 250px;
}
}
@media all and ( max-width: 991px) {
.press-container { width:50%;}
}
@media all and ( max-width: 414px) {
.press-container { width:100%;}
}