@font-face {font-family: "Brandon Grot W01 Light";
    src: url("../font-face/6dd2f2510b4a00a5461b2455928209c2.eot"); /* IE9*/
    src: url("../font-face/6dd2f2510b4a00a5461b2455928209c2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font-face/6dd2f2510b4a00a5461b2455928209c2.woff2") format("woff2"), /* chrome、firefox */
    url("../font-face/6dd2f2510b4a00a5461b2455928209c2.woff") format("woff"), /* chrome、firefox */
    url("../font-face/6dd2f2510b4a00a5461b2455928209c2.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("../font-face/6dd2f2510b4a00a5461b2455928209c2.svg#Brandon Grot W01 Light") format("svg"); /* iOS 4.1- */
  }
:root{--blue:#087cba;--white:#fff;--black:#000;}

html {
    font-size: 62.5%;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    color: var(--black);
    background: var(--white);
    font-family: "Brandon Grot W01 Light";
}

p,
span,
a {
    font-size: 1.4rem;
    color: #000;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: 0;
    color: #000;
}
.btn{font-size: 1.8rem;}
input:focus {
    box-shadow: none;
    border: none;
}
.form-control{font-size: 1.8rem}

input,
select,
textarea {
    border-radius: 0;
    color: #333333;
}

input[type="button"],
input[type="submit"],
button {
    -webkit-appearance: none;
    appearance: none;
}

input:focus {
    box-shadow: none;
}

focus,
target,
selected,
before,
after {
    border: none;
    box-shadow: none;
}

select::-ms-expand {
    display: none;
}

select[option=selected] {
    background: none;
}

:focus {
    outline: 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a3a3a3;
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #a3a3a3;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #a3a3a3;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a3a3a3;
    opacity: 1;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    opacity: 0;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 0;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    opacity: 0;
}
input{font-size: 1.6rem;}

.clear {
    clear: both;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.container {
    position: relative;
}
label{font-size: 1.8rem;}
img {
    max-width: 100%;
    height: auto;
}

element.style {
}
header.header.aos-init.aos-animate.fix-top {
    transition: all .5s;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s;
}
[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform;
}

header .navbar-toggler-icon{width: auto;height: auto;padding: 40px;background:var(--blue);border-radius: 100px;}
header  .btn-close{top: -44px;
    position: relative;
    width: 8em;
    height: 8em;
    background-size: 30px;}
  header .navbar-nav .nav-link{    font-size: 40px;
    color: #141414;
    font-weight: 900;}
  header .navbar-nav .nav-link:hover{color:#0d6efd;}
section.welcome-section{padding: 10rem 0;}
.welcome-section h1{font-size: 7.4rem;font-family: 'Fraunces', serif;color:var(--blue)} 
.welcome-section h1::after{content: ' '; position: absolute; width: 55px; height: 1px; background-color: #087cba; margin: auto; top: 10%; margin-left: 20px;}
.welcome-section p{max-width: 62rem; text-align: center; margin: auto; font-size: 2rem;}
.welcome-section a{background: var(--blue); display: inline-block; border-radius: 100px; width: 140px; height: 140px; margin: auto; line-height: 140px; font-size: 1.8rem;color: var(--white);margin-top: 6rem;}
.concept-from-chef h1{font-size: 7.4rem;font-family: 'Fraunces', serif;color:var(--blue)} 
.concept-from-chef p{max-width: 62rem; margin: auto; font-size: 2rem;}
.concept-from-chef a{background: var(--blue); display: inline-block;text-align: center; border-radius: 100px; width: 140px; height: 140px; margin: auto; line-height: 140px; font-size: 1.8rem;color: var(--white);margin-top: 6rem;}
section.concept-from-chef{display: flex; position: relative;margin: 70px 0;}section.concept-from-chef .colm-six-2 { max-width: 48rem; margin: 0 auto; }section.concept-from-chef .colm-six{position: relative;}
section.concept-from-chef .colm-six-2 { max-width: 60rem; margin: 0 auto; }
.concept-from-chef .sub-contanet { max-width: 40rem; margin: auto;padding: 95px 0; }
.concept-from-chef .sub-contanet h3{font-size: 4rem;font-family: 'Fraunces', serif;color: var(--blue);}
.concept-from-chef .sub-contanet h6{font-size: 2rem; color: #87691e;margin-top: 2rem;}
.concept-from-chef .small-img{position: absolute;
      right: -19%;
    bottom: -405px;
}
.concept-from-chef.mar-y {margin-top: 38%; margin-bottom: 30%;}
.concept-from-chef .small-img.left{position: absolute;    right: 65%;
    bottom: -359px;}

.the-experience h2{font-size: 4.5rem;font-family: 'Fraunces', serif;color: var(--blue);}
.the-experience h3{font-size: 3.2rem; color: var(--blue);font-family: 'Fraunces', serif;}
.the-experience p{font-size: 2rem; color: var(--blue);max-width: 400px;}
.container.bt-bg-cont{background: #f6f6ee;max-width: 1300px; padding: 110px 20px;}
.the-experience a { background: var(--blue); display: inline-block; border-radius: 100px; width: 140px; height: 140px; margin: auto; line-height: 140px; font-size: 1.8rem; color: var(--white); margin: 6rem 0;text-align: center; }
.reservations{margin: 80px 0 120px;}
.reservations h2{color: var(--blue); font-size: 4rem;font-family: 'Fraunces', serif;margin-bottom: 6rem;}
p.copyright a{ display: inline-block; background: transparent; width: unset; height: unset; margin: auto; line-height: unset; font-size: 1.8rem; color: var(--blue); margin:0 0; text-align: left;}
p.copyright{max-width: 100%;padding-top: 90px;font-size: 1.6rem;color: var(--black);}
footer .container.bt-bg-cont{padding: 110px 20px 10px; }
.concept-from-chef p.h3{font-size: 30px;font-weight: 700; margin: 20px 0;}
.concept-from-chef p.h5 {font-size: 30px;font-weight: 500;}
.reservations .card-style{display: flex; align-items: center; justify-content: center;border: 1px solid #ccc;    column-gap: 8px;}  
.reservations .card-style h3{    font-family: 'Fraunces', serif;}
.reservations .card-style h4{  font-size: 2.2rem;}
.reservations .card-style p{
    font-size: 1.6rem;
    line-height: 1.2;}
.reservations .card-style img{ width: 180px;max-width: unset;}


.rotator-wrapper {
    width: 100%;
    position: relative;
    top: 60px;
}
#rotator {
    color: transparent;
    display: flex;
    justify-content: center;
}
.rotator-list {
width: 45%;
    position: relative;
    height: 370px;
    margin: 15px;
}
.rotator-image {
    position: absolute;
    top: 0;
    width: 100%;
    height:100%;
    display: none;
}
.rotator-list.w-820{height: 770px;}
#rotator .rotator-wrapper .group-img{transform: translateY(30rem);
    justify-content: space-between;}
.rotator-image img {
    margin: 0 auto;
    display: block;
    max-width:100%;
        width:100%;
        height: 100%;
    object-fit: cover;
      
}
 .group-img .rotator-list{margin:0;  width: 47%;}
 
.mmyy-5{margin: 40px 0;}
.carousel.slide .carousel-inner .
.carousel-inner .carousel-item




.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.whatapp {
    text-align: right;
    border-radius: 1px;
    background: transparent;
    position: fixed;
    right: 15px;
    /* top: 76%; */
    bottom: 17%;
    height: 20px;
    width: 70px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    z-index: 33412344321;
    margin-right: -10px;
}
main.sections {
    padding: 0 5px;
}

.header.fix-top {
    position: fixed;
    top:0;
    width: 100%;
    z-index: 9;}
.header.fix-top .navbar-brand img{width: 190px;}
header.header.fix-top .navbar-toggler-icon{padding: 18px;}
span.gallery-col{display: flex;position: absolute; right: 10px;bottom: 0;justify-content: end;}
span.gallery-col .rotator-list{    width: 22%;}