/*
Theme Name: Ristorante La Costa
Theme URI: http://www.ristorantelacosta.it/
Author: Mirko Cogo
Author URI: https://animdrops.xyz/
Description: Template personalizzato
Version: 1.0.0
Tested up to: 8.1
Requires PHP: 8.1
*/
/* ==============================================================*/
/* # NORMALIZE CSS */
/* ==============================================================*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

#wpadminbar { background: rgb(29 35 39 / 47%); }

/* ==============================================================*/ 
/* # FONTS Forum + OpenSans */
/* ==============================================================*/
@font-face{font-family:'Forum';src:url('fonts/Forum-Regular.ttf') format('truetype');font-style:normal;font-weight:400;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-ExtraLight.ttf') format('truetype');font-style:normal;font-weight:200;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-ExtraLightItalic.ttf') format('truetype');font-style:italic;font-weight:200;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-Light.ttf') format('truetype');font-style:normal;font-weight:300;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-LightItalic.ttf') format('truetype');font-style:italic;font-weight:300;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-Italic.ttf') format('truetype');font-style:italic;font-weight:400;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-Medium.ttf') format('truetype');font-style:normal;font-weight:500;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-MediumItalic.ttf') format('truetype');font-style:italic;font-weight:500;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');font-style:italic;font-weight:600;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-BoldItalic.ttf') format('truetype');font-style:italic;font-weight:700;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-ExtraBold.ttf') format('truetype');font-style:normal;font-weight:800;}@font-face{font-family:'OpenSans';src:url('fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');font-style:italic;font-weight:800;}



:root {
    scroll-behavior: auto !important;
    --col1: rgba(200,169,106,0.1);
    --col2: #333333;
    --col3: #090c0f;
    --col4: #fff;
    --col5: rgba(255,255,255,0.1);
    --col6:  #666666 ;
    --col7: #c8a96a ;
    --col8:  #c19977 ;
    --colbg4: rgba(200,169,106,0.1) ;
    --colbg2:  #f9f6f0;
    --colbgwrap: #090C0F;
    --colbg3:  #1D1D1D;
    --colbg4: #202020;
}

/* ==============================================================*/
/* # GENERAL */
/* ==============================================================*/
body,
button,
input,

textarea {
    font: 30px/45px 'Forum', cursive;
    background-color: #fff;
    color: #1D1D1D;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    overflow-y: auto;
}
img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
p {
    margin: 0 0 20px;
}
strong,
b,
cite {
    font-weight: bold;
}
dfn,
cite,
em,
i,
blockquote {
    font-style: italic;
}
blockquote {
    position: relative;
    background-color: transparent;
    margin: 0px;
    padding: 0 0 0 32px;
}
blockquote > p:last-child {
    margin-bottom: 0;
}
blockquote cite {
    position: absolute;
    right: 0;
    bottom: 0;
}
blockquote em,
blockquote i {
    font-style: normal;
}
abbr,
acronym {
    border-bottom: 1px dotted #e0e0e0;
    cursor: help;
}
mark,
ins {
    text-decoration: none;
}

address {
    font-style: italic;
}
code,
kbd,
tt,
var,
samp,
pre {
    margin: 20px 0;
    padding: 4px 12px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    overflow-x: auto;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    border-radius: 0;
    height: auto;
}
a { text-decoration: none !important;}
:root { scroll-behavior: auto !important; }



/* text selection */
::-moz-selection {
    background: var(--col7);
    color: #fff;
}

::selection {
    background: var(--col7);
    color: #fff;
}

::-moz-selection {
    background: var(--col7);
    color: #fff;
}

::-webkit-selection {
    background: var(--col7);
    color: #fff;
}


/* SCROLL */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--col2);
   border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:var(--col6);
}

p a { color: var(--col7);}
p a:hover { color: var(--col8);}

.linkcolor a { color: var(--col7);} 
.linkcolor a:hover { color: var(--col8);}

img { max-width: 100%;}

.contmsg, .msg {
    padding: 10px;
    font-size: 15px;
    margin-top: 10px;
}
.error {
    background: #ed5050;
    color: #fff;
  }
  .sent {
    background: #baf17a;
    color: #000;
  }
/* ==============================================================*/
/* # ELEMENTS */
/* ==============================================================*/
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {  padding-top: 123px; }
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
hr {
    background-color: #e0e0e0;
    border: 0;
    height: 1px;
    margin-bottom: 20px;
}

/* List */
ul,
ol {
    padding: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
}
li {
    list-style: none;
}
ul li,
ol li {
    padding: 0.1em 0;
}
dl,
dd {
    margin: 0 0 20px;
}
dt {
    font-weight: bold;
}
del,
.disable {
    text-decoration: line-through;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/* Table */
table,
th,
td {
    border: 1px solid #e0e0e0;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 30px;
    table-layout: fixed;
    width: 100%;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
}
td {
    border-width: 0 1px 1px 0;
}
th,
td {
    padding: 8px 12px;
}
a:hover {
    text-decoration: none;
    color: #c8a96a;  
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Media */
embed,
iframe,
object,
video {
    margin-bottom: 20px;
    max-width: 100%;
    vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
    margin-bottom: 0;
}


.anim-reveal {
overflow: hidden;
}

.anim-reveal-line {
overflow: hidden;     /*line-height: normal;*/
}
/* ==============================================================*/
/* # FORMS */
/* ==============================================================*/
/* Fixes */
button,
input {
    line-height: normal;
}
button,
input,

textarea {
    font-size: 100%;
    line-height: inherit;
    margin: 0;
    vertical-align: baseline;
}

input,
textarea {
    font-size: 1em;
    max-width: 100%;
    background-image: -webkit-linear-gradient(
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0)
    ); /* Removing the inner shadow on iOS inputs */
}
textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    vertical-align: top; /* Improves readability and alignment in all browsers */
}
input[type="checkbox"] {
    display: inline;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Remove chrome yellow autofill */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

/* Reset search styling */
input[type="search"] {
    outline: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/* Input normal */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    color: #333333;
    border: none;
    padding: 7.5px 30px;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: inherit;
    width: 100%;
    height: auto;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border ease 0.238s;
    -moz-transition: border ease 0.238s;
    transition: border ease 0.238s;
}



.dark textarea,
.dark  input{
    color:#fff;
}
/* Custom Form */
/* Select icon after  
.select{
    position: relative;
}

select {
    position: relative;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    outline: none;
    flex: 1;
    cursor: pointer;
    background-color: #fff;
}

.select::after{
     font-family: "Font Awesome 5 Pro";
    content: '\f078';
    font-size: 15px;
    right: 30px;
    font-weight: 900;
    color: #090c0f;
    display: block;
    position: absolute;
    background: none;
    top: 8px;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
*/
/* Input focus */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

.comment-form input::placeholder{
    color: #090c0f;
}

.comment-form  .flat-alert.msg-success{
    color: #c8a96a;
}

/* Button */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-transform: uppercase;
    background-color: #c8a96a;
    color: #fff;
    padding: 7.5px 30px;
    display: inline-block;
    font-family: "OpenSans", sans-serif;
    -webkit-appearance: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

 input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/* Custom style lable form validate  */
.comment-form label.error{
    font-size: 18px;
    font-family: 'Forum', cursive;
    color: red;
    position: absolute;
    right: 60px;
    top: 8px;
}
.comment-form fieldset{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}


/* Button hover + focus */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: 0;
    border: none;
}

/* Placeholder color */
::-webkit-input-placeholder {
    color: #333333;
    font-size: 15px;
    font-family: 'OpenSans', sans-serif;
    line-height: 32px;
}

::-moz-placeholder {
    color: #333333;
    opacity: 1;
} /* Since FF19 lowers the opacity of the placeholder by default */
:-ms-input-placeholder {
    color: #333333;
}

/* Links */
a {
    color: #ffffff;
    outline: 0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover,
a:focus,
a:active {
    outline: 0;
    color: #c8a96a;
    text-decoration: none;
}



.search-form { display: flex;}
.search-submit {   width: 40px;height: 40px;     position: relative;}
.search-submit svg {     width: 30px;
    height: 30px;
    position: absolute;
    top: 6px;
    left: 16px;
}
.search-form label { flex: 1;}
.search-form input { border: 1px solid var(--col8);}
.result {   /* background: #c8a96a1a;*/
    padding: 0px 20px;}


/*contact form */

/* input form textarea */

.material__form-group {
    margin-bottom: 40px;
}
.form-group {
    position: relative;
}
.material__input {
    padding: 10px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #e5e5e5 !important;
}

input.material__input:focus, textarea.material__input:focus {
    border: 0;
    border-bottom: 2px solid var(--col7) !important;
    background-color: transparent;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.material__input:focus~label, .material__form-group--active>label {
    top: -20px;
    font-size: 14px;
    color: var(--col7) !important;
}

.material__label {
    position: absolute;
    font-weight: 500;
    font-size: 15px;
    top: 12px;
    left: 0;
    pointer-events: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
input:focus,
textarea:focus {
    border: 0;
    border-bottom: 2px solid var(--col1);
    background-color: #fff;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.material__input:focus~label, .material__form-group--active>label {
    top: -20px;
    font-size: 14px;
    color: var(--col1);
}

.col2 { display: flex; justify-content: space-between; }
.col2>div {
        flex: 0 0 45%;
    }
@media (max-width: 767.98px) {
    .col2 {
                flex-direction: column;
        }
.col2>div {
        flex: 0 0 100%;
    }
}
  

/* ==============================================================*/
/* # TYPOGRAPHY */
/* ==============================================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Forum', cursive;
    color: #1d1d1d;
    font-weight: 400;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    margin-bottom: 15px;
}

h1 {
    font-size: 150px;
} 
h2 {
    font-size: 60px;
} 
h3 {
    font-size: 52px;
} 
h4 {
    font-size: 35px;
} 
h5 {
    font-size: 30px;
} 
h6 {
    font-size: 24px;
} 

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}


/* ==============================================================*/
/* # Extra classes */
/* ==============================================================*/

#wrapper{
    overflow: hidden;
}

.tf-section{
    padding: 130px 0;
    position: relative;
}

.flex{
    display: -webkit-box;  
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex; 
    display: flex;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

.box-center{
    text-align: center;
    margin-top: 50px;
  }

.border-style{
    border: 1px solid rgba(255,255,255,0.1);
}

.border-style2{
    border: 1px solid rgba(9,12,15,0.1);
}

.container-fluid {
    max-width: 1320px;
}

.no-pd{
    padding: 0;
}

.no-pd-right{
    padding-right: 0px;
}

.no-pd-left{
    padding-left: 0px;
}

.margin-6{
    margin-left: -6px;
}
.margin-4{
    margin-left: -4px;
}

.margin-bt28{
    margin-bottom: 28px;
}

.margin-bt30{
    margin-bottom: 30px
}

.margin-79{
    margin-bottom: 79px
}
    
.margin-bt21{
    margin-bottom: 21px;
}
.margin-bt16{
    margin-bottom: 16px;
}

.text-center{
    text-align: center;
}
.margin-bt-50{
    margin-bottom: -50px;
}

.margin-bt-2{
    margin-bottom: 2px;
}

.margin-bt-18{
    margin-bottom: 18px;
}

.padding36{
    padding: 36px;
}

.padding-right61{
    padding-right: 61px;
}
.padding-left65{
    padding-left: 65px;
}

.padding-left75{
    padding-left: 75px;
}
.padding-right19{
    padding-right: 19px;
}

.padding-left21{
    padding-left: 21px;
}

.padding-left62{
    padding-left: 62px;
}
.padding-top134{
    padding-top: 134px;
}

.letter-spacing-1{
    letter-spacing: -1px;
}

.h-100{
    width: 100%;
    min-height: 250px;
}

.col-box{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.distance{
    padding: 0 15px;
}

.col-box.col-box2{
    float: left;
    padding: 0;
}

.col-box.col-20{
    width: 20%;
}

.col-box.col-16{
    width: 16.6666666667%;
}

.col-box.col-25{
    width: 25%;
}

.col-box.col-50{
    width: 50%;
}

.col-box.col-45{
    width: 45%;
}

.col-box.col-55{
    width: 55%;
}

.col-box.col-60{
    width: 60%;
}

.col-box.col-30{
    width: 30%;
}

.col-box.col-33{
    width: 33.333333%;
}

.col-box.col-40{
    width: 40%;
}

.col-box.col-75{
    width: 75%;
}

.padding-right-24{
    padding-right: 24px;
}

.padding-right-38{
    padding-right: 38px;
}

.padding-right-121{
    padding-right: 121px;
}

.padding-right-73 {
    padding-right: 73px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-left-106 {
    padding-left: 106px;
}

.padding-right-6{
    padding-right: 6px;
}

.padding-left-9{
    padding-left: 9px;
}

.padding-top2{
    padding-top: 2px;
}

.padding-top15{
    padding-top: 15px;
}

.padding-top32{
    padding-top: 32px;
}

.padding-top30{
    padding-top: 30px;
}

.padding-top55{
    padding-top: 55px;
}

.margin-bt-1{
    margin-bottom: -1px;
}
.margin-top-3{
    margin-top: -3px;
}

.margin-right-1{
    margin-right: -1px;
}
.margin-right-15{
    margin-right: -15px;
}

.margin-bt30{
    margin-bottom: 30px;
}

.margin-bt32{
    margin-bottom: 32px;
}

.magin-bt0{
    margin-bottom: 0;
}

.magin-left-12{
    margin-left: -12px;
}
.margin-right-67{
    margin-right: 67px;
}

.padding-right{
    padding-right: 100px;
}

/* ==============================================================*/
/* # COLORI */
/* ==============================================================*/

.color-style1{
    color: var(--col1);
}

.color-style2{
    color: var(--col2);
}

.color-style3{
    color: var(--col3);
}

.color-style4{
    color: var(--col4);
}

.color-style5{
    color: var(--col5);
}

.color-style6{
    color:var(--col6);
}
.color-style7{
    color: var(--col7);
}

.color-style8{
    color:var(--col8);
}

.color-bg-style4{
    background-color:var(--colbg4);
}

.bg-white{
    background-color: #fff;
}
.bg-style2{
    background-color: var(--colbg2) !important;
}
.bg-wrap-style2{
    background-color: var(--colbgwrap);
}

.bg-style3{
    background-color:  var(--colbg3);
}


.color-white{
    color: #fff;
}
.color-default{
    color: var(--colbg3);
}

.bg-blog{
    background-color: rgba(200,169,106,0.1);
}

.bg-black{
    background-color: #000; color:#fff;
}

.bg-style4 { background-color: var(--colbg4) ;  color:#fff;} 
/* ==============================================================*/
/* # TOP BAR */
/* ==============================================================*/
#top-bar{
    background-color: #090C0F;
    position: relative;
    overflow: hidden;
    height: 45px;
}
.top-bar-content{
    text-align: center;
}
.top-bar-content p{
    font-family: 'OpenSans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #c19977;
    margin: -2px 0 0 2px;
}

#top-bar.top-bar-inner-page{
    background-color: #0E1317;
}

.logo svg{
	transform:rotate(17deg);
}


/* ==============================================================*/
/* # HEADER */
/* ==============================================================*/

#site-header{
    position: absolute;
    height: 55px;
    width: 100%;
    z-index: 101;
    top: 0;
}

#site-header.page{
    background: var(--colbg3);
    position: absolute;
    height: 155px;
    width: 100%;
    z-index: 101;
    padding: 32px 0;
}

#site-header #site-header-inner{
    position: relative;
    /*height: 55px;*/
}

#site-header #site-header-inner.container-fluid{
    max-width: 1550px;
}
#site-header-inner>div { align-items: center;}

#site-header #site-logo svg {     
    width: 200px;
    color: #fff;
    height: 100px;
    padding: 7px;
}

#site-header.is-fixed #site-logo svg {     
    width: 125px;
    height: 75px;
}

/* Header inner page
-------------------------------------------------------------- */

#site-header.site-header-inner-page{
    position: absolute;
    top: 45px;
    height: 95px;
    background: url(../../../assets/img/page-title/imgbg-header.png) no-repeat center center;
    background-size: cover;
    background-color: #090C0F;
}

#site-header.site-header-inner-page #site-header-inner.container-fluid{
    max-width: 1320px;
}

#site-header.site-header-inner-page #site-header-inner .flat-button {
    top: 20px;
}

#site-header.site-header-inner-page #site-header-inner #main-nav{
    left: 26.6%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.site-header-inner-page #main-nav > ul > li > a{
    padding: 28px 0px 29px 0;
}

.site-header-inner-page #site-logo{
    margin-top: -3px;
    line-height: 95px;
}


/* Main Nav */
#site-header #site-header-inner #main-nav {
    display: block ;
    position: absolute;
    left: 21.2% ;
    top: 50%;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#site-header.site-header-inner-page #site-header-inner #main-nav {
    top: 0%;
}

#main-nav ul {
    margin: 0px;
}
#main-nav ul li {
    position: relative;
    list-style: none;
}
#main-nav > ul > li {
    float: left;
    padding: 0px 21.5px;
}

#main-nav > ul > li > a{
    padding: 15px 0px;
}

#main-nav .sub-menu li a,
#main-nav > ul > li > a {
    display: block;
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
    color: #fff;
    position: relative;
    font-family: 'OpenSans', sans-serif;
}

#main-nav > ul > li.menu-item-has-children:hover>a::after,
#main-nav > ul > li:hover> a{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #c8a96a;
}

#main-nav > ul > li.menu-item-has-children > a::after {
    content: "\f078" ;
     font-family: "Font Awesome 5 Pro";
    color: #fff ;
    font-size: 12px ;
    margin-left: 6px ;
}

/* Sub Menu */
#main-nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    padding: 10px 0px;
    background-color: #ffffff;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0px 0px 50px 10px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 0px 50px 10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 50px 10px rgba(0,0,0,.10);
}

#main-nav .sub-menu li a {
    padding: 5px 20px;
    color: #1d1d1d;
}

#main-nav li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* Active Menu */
#main-nav-mobi .menu-item-has-children.menu-item-has-children-active .arrow:before,
#main-nav > ul > li.menu-item-has-children.menu-item-has-children-active > a::after,
#site-header #main-nav > ul > li.current-menu-item > a,
#main-nav .sub-menu li a:hover,
#main-nav .sub-menu li.current-item a {
    color: #c8a96a;
}

/* Mobile Menu */
#main-nav-mobi {
    display: block ;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    background-color: #202020;
}

#main-nav-mobi ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#main-nav-mobi ul li {
    margin: 0;
    cursor: pointer;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    text-align: center;
    letter-spacing: 2px;
}

#main-nav-mobi ul li >ul >li:first-child{
    border-top: 1px solid rgba(255,255,255,0.5);
}

#main-nav-mobi ul > li > a {
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    font-family: 'OpenSans', sans-serif;
    padding: 5px 20px;
}

#main-nav-mobi .sub-menu li a {
    padding-left: 40px;
}

#main-nav-mobi ul li:first-child {
    border-top: 0px;
}

#main-nav-mobi ul ul li.current-item a,
#main-nav-mobi ul > li.current-menu-item > a,
#main-nav-mobi ul > li > a:hover {
    color: #c8a96a;
}

#main-nav-mobi .menu-item-has-children .arrow {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
     font-family: "Font Awesome 5 Pro";
    line-height: 48px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 10px;
    width: 48px;
}

#main-nav-mobi .menu-item-has-children .arrow:before {
    content: "\f107";
    color: #fff;
}

#main-nav-mobi .menu-item-has-children .arrow.active:before {
    content: "\f106";
}

/* Mobile Menu Button */
.mobile-button {
    display: none;
    position: absolute;
    width: 26px;
    height: 26px;
    float: right;
    top: 50%;
    right: 15px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mobile-button:before,
.mobile-button:after,
.mobile-button span {
    background-color: #fff;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.mobile-button:before,
.mobile-button:after {
    content: "";
    position: absolute;
    top: 0;
    height: 3px;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.mobile-button span {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: 50%;
    overflow: hidden;
    text-indent: 200%;
}

.mobile-button:before {
    -webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
}

.mobile-button:after {
    -webkit-transform: translate3d(0, 7px, 0);
    -moz-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0);
}

.mobile-button.active span {
    opacity: 0;
}

.mobile-button.active:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.mobile-button.active:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.site-header-inner-page .mobile-button {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* Contact & btntop*/
#site-header #site-header-inner .header-contact,
#site-header #site-header-inner .flat-button{
    position: absolute;
}

#site-header #site-header-inner .flat-button{
    right: 15px;
    /*top: -2px;*/
}

#site-header #site-header-inner .header-contact{
    right: 13%;
    /*top: 13px;*/
}



#site-header-inner .header-contact span{
    font-size: 17px;
    line-height: 35px;
    font-family: 'OpenSans', sans-serif;
    color: #fff;
}


/* Header Fixed */
#site-header.is-fixed {
    z-index: 9999;
    position: fixed;
    top: -150%;
    left: 1;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
}

#site-header.is-fixed.is-small {
    background: #202020;
    opacity: 1;
    top: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    padding-top: 7px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 90px;
}

#site-header.is-fixed.is-small #main-nav > ul > li > a {
    padding: 10px 0 14px 0;
}

/* Header inner page Fixed */
#site-header.site-header-style2.is-fixed.is-small{
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 0px 50px 10px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 0px 50px 10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 50px 10px rgba(0,0,0,.10);
}

#site-header.site-header-inner-page.is-fixed.is-small {
    background: rgb(29, 29, 29);
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    height: 95px;
    padding-top: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 0;
}

#site-header.site-header-inner-page.is-fixed.is-small #main-nav > ul > li > a {
    padding: 29px 0 ;
}

#site-header.site-header-inner-page.is-fixed.is #site-header-inner {
    position: relative;
    height: 95px;
}


/* Widgets 
-------------------------------------------------------------- */
.widget{
    list-style-type: none;
    text-align: left;
}

.widget .widget-title{
    font-size: 35px;
    line-height: 35px;
    font-weight: 400;
    color: #1d1d1d;
}

.widget ul li,
.widget ul li a{
    list-style: none;
    padding: 0;
    font-family: 'OpenSans', sans-serif;
    font-size: 15px;
    line-height: 40px;
    color: rgba(255,255,255,0.6);
}

.widget li a:hover{
  color: #c8a96a;
}

.widget_socials li{
    display: inline-block;
    list-style: none;
    margin-left: -1px;
}

.widget_socials li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #999CA5;
    background-color: rgba(255,255,255,0.1);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.widget_socials li a.active,
.widget_socials li a:hover{
    color: #fff;
    background-color: #c8a96a;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* widget_search  */
.widget.widget_search .search-form{
    position: relative;
}
.widget.widget_search .search-form .search {
    padding: 10px 25px 10px 25px;
    margin: 0;
    border-radius: 5px;
    background-color: rgba(200,169,106,0.1);
    font-size: 18px;
}

.widget.widget_search .search-form input::placeholder{
    font-size: 18px;
    color: #1D1D1D;
    line-height: 40px;
    font-family: 'Forum', cursive;
}

.widget.widget_search .search-form .icon-search::after {
    content: "\f002";
     font-family: "Font Awesome 5 Pro";
    font-size: 18px;
    color: #1D1D1D;
    position: absolute;
    top: 10px;
    right: 25px;
    font-weight: 500;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.widget.widget_search .search-form .icon-search:hover::after{
    color: #c8a96a;
}

/* widget_tags */
.widget.widget_tags ul li{
    display: inline-block;
    margin-right: 2px;
}

.widget.widget_tags {
    padding: 30px 20px 35px 33px;
}

.widget.widget_tags ul{
    line-height: 0px;
}

.widget.widget_tags ul li a.active,
.widget.widget_tags ul li a:hover{
    background-color: #C8A96A;
    color: #fff;
    border-radius: 3px;
}

.widget.widget_tags ul li a{
    font-weight: 400;
    font-size: 16px;
    color: #1D1D1D;
    background-color: rgba(9,12,15,0.07);
    padding: 4px 15px 4px 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* .social-style2 */
.social-style2{
    display: flex;
    justify-content: left;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
  
.social-style2 a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    display: block;
    text-align: center;
    color: #999CA5;
    background-color: rgba(9,12,15,0.1);
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    margin-right: 7px;
}

.social-style2 a{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    transition-delay: 0s;
}
  
.social-style2 a:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
  
.social-style2 a:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
  
.social-style2 a:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
  
.social-style2 a:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

/* Pagination
-------------------------------------------------------------- */
.themesflat-pagination ul li{
    display: inline-block;
    margin: 0 1px;
}

.themesflat-pagination ul li .page-numbers {
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(9,12,15,0.07);
    color: #696969;
    font-size: 18px;
    font-family: 'OpenSans', sans-serif;
    font-weight: 600;
    border-radius: 5px;
}

.themesflat-pagination ul li a span i{
    font-weight: 600;
    font-size: 18px;
}

.themesflat-pagination ul li .page-numbers.active,
.themesflat-pagination ul li .page-numbers:hover{
    color: #fff;
    background-color: #C8A96A;
}


/* ==============================================================*/
/* # FOOTER */
/* ==============================================================*/
#site-logo-2 svg { 
    transform: rotate(17deg);
    color: #fff;
	width: 250px;
}
#footer {
    position: relative;
    padding: 78px 0 0px 0;
    overflow: hidden;
}

#footer.footer-style01{
    background: #000 url(../../../assets/img/footer/img-ng-footer.jpg)  no-repeat center center/cover;
    background: #000;
}

#footer .widget .widget-title{
    color: #fff;
}

.widget_socials a{ color:#fff;}
.widget_socials .icon{ width: 20px;height: 20px;}

.widget-list svg{
    width: 20px;
    height: 20px;
    color: var(--col7);
    stroke: var(--col7);
    position: absolute;
    left: 0px;
    top: 5px;
}
.footermenu {     column-count: 2; }
/* Footer content  */
.form-subscribe-footer{
    position: relative;
    display: block;
}

.form-subscribe-footer input{
    border: none;
    outline: none;
    background-color: #fff;
    padding: 14px 30px;
}
.form-subscribe-footer input{
    font-family: 'OpenSans', sans-serif;
    font-size: 15px;
    line-height: 32px;
    color: #1D1D1D;
}

.form-subscribe-footer button{
    font-size: 20px;
    color: #ffffff;
    display: inline-block;
    border: none;
    outline: none;
    padding: 6px 21px 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -8px;
    transition: all 500ms ease;
    height: 100%;
    background-color: #c8a96a;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.form-subscribe-footer button:hover{
    background-color: #c19977 ; 
}

.tf-footer-inner .widget .widget-title{
    margin-bottom: 18px;
}

.tf-footer-inner .widget.widget-contact .widget-title{
    margin-bottom: 25.5px;
}

.tf-footer-inner .widget.widget-Newsletters .widget-title{
    margin-bottom: 22px;
}

.widget-Facilities{
    padding-left: 13px
}

.widget-Newsletters{
    padding-left: 59px
}

.widget.widget-Newsletters p{
    font-size: 15px;
    font-family: 'OpenSans', sans-serif;
    line-height: 32px;
    margin-bottom: 27px;
    color: rgba(255,255,255,0.6);
}



.widget-footer .widget-title{
    margin-bottom: 18px;
}
.widget-contact.widget-footer .widget-title{
    margin-bottom: 25.5px;
}

.widget-Newsletters.widget-footer .widget-title{
    margin-bottom: 22px;
}

.widget.widget-contact li{
    line-height: 32px;
    position: relative;
    display: flex;
    padding-bottom: 10px;
    padding-left: 31.5px;
}

/*footer contact */
.widget.widget-contact .adress::before,
.widget.widget-contact .mail::before,
.widget.widget-contact .phone::before,
.widget.widget-contact .clock::before{
     font-family: "Font Awesome 5 Pro";
    color: #c8a96a;
    font-size: 15px;
    font-weight: 300;
    position: absolute;
    left: 2px;
    top: 4px;
}

.widget.widget-contact .clock::before{
    top: 1px;
}

.widget.widget-contact .clock{
    margin-top: 3px;
    padding-left: 34px;
}

.widget.widget-contact .adress::before{
    content: "\f3c5";  
}

.widget.widget-contact .mail::before{
    content: "\f2b6";
}

.widget.widget-contact .phone::before{
    content: "\f095";  
}

.widget.widget-contact .clock::before{
    content: "\f017";  
}

/* footer-style02 */
#footer.footer-style02{
    background-color: #fff;
    padding: 75px 0 0 0;
}

.footer-style02 .iconbg1,
.footer-style02 .iconbg2,
.footer-style02 .iconbg3,
.footer-style02 .iconbg4{
    position: absolute;
}

.footer-style02 .iconbg1{
    top: 4.4%;
    left: 4.8%;
}

.footer-style02 .iconbg2{
    top: 72%;
    left: 2.8%;
}

.footer-style02 .iconbg3{
    top: 5.8%;
    right: 6.2%;
}

.footer-style02 .iconbg4{
    top: 60%;
    right: 4%;
}

.footer-style02 .Copyright p,
.footer-style02 .widget.widget-Newsletters p,
.footer-style02 .Copyright, 
.footer-style02 .widget ul li, 
.footer-style02 .widget ul li a{
    color: #666666;
}

#footer .Copyright p a:hover{
    color: #666666;
}

#footer .Copyright p a,
#footer .widget ul li a:hover{
    color: #c8a96a;
}

#footer.footer-style02 .widget .widget-title {
    color: #1D1D1D;
}

.footer-style02 .form-subscribe-footer input {
    padding: 13px 30px;
    border: 1px solid rgba(29,29,29,0.1);
}

.footer-style02 .wrap-scroll {
    margin-top: 63px;
}

.footer-style02 #bottom {
    transform: translateY(0px);
}

.footer-style02 .tf-bottom-inner {
    padding: 22px 0;
}

/* footer-style03 */
#footer.footer-style03{
    background-color: #090C0F;
    padding: 78px 0 38px 0;
}
.newsletters-subscribe{
    border: 2px solid rgba(255,255,255,0.07);
    padding: 48px 78px 48px 78px;
    margin-bottom: 74px;
}
.newsletters-subscribe .title{
    margin-top: 3px;
    margin-bottom: 0;
    width: 38%;
    color: #ffffff;
    text-transform: uppercase;
}

.newsletters-subscribe .wrap-form-subscibe{
    width: 62%;
}

.newsletters-subscribe .wrap-form-subscibe form{
    width: 100%;
    position: relative;
}

.widget.widget-infor .widget_socials li a{
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.4);
}

#footer .widget.widget-infor .widget_socials li a.active,
#footer .widget.widget-infor .widget_socials li a:hover{
    background-color: #c19977;
    color: #fff;
}
.form-subscribe-footer2 input:focus,
.form-subscribe-footer2 input{
    width: 64%;
    margin-right: 40px;
    margin-left: 10px;
    padding: 6px 15px 3px 0;
    background-color: rgba(255, 255, 255, 0);
    border-bottom: 2px solid rgba(255,255,255,0.07);
    font-family: 'OpenSans', sans-serif;
}

.form-subscribe-footer2 input:focus{
    font-family: 'OpenSans', sans-serif;
    font-size: 15px;
    border-bottom: 2px solid rgba(255,255,255,0.07);
    padding: 6px 15px 3px 0;
}
.form-subscribe-footer2 input:focus,
.form-subscribe-footer2 input::placeholder{
    color: #ffffff;
}

.form-subscribe-footer2 .tf-button {
    padding: 9px 55px 10px 34px;
    position: absolute;
    right: 0;
}
.form-subscribe-footer2 .tf-button.color-style1{
    background-color: #c19977;
}

.form-subscribe-footer2 .tf-button.color-style1.inverted{
    background-color: #fff;
}

.widget-infor #site-logo3{
    margin-top: 3px;
    margin-bottom: 18px;
}

.widget-infor .sub-heading-style2{
    padding-right: 20px;
    color: rgba(255,255,255,0.5);
    margin-bottom: 8px;
}

.footer-style03 .widget-about{
    padding-left: 65px;
}

.footer-style03 .widget-Facilities{
    padding-left: 75px;
    margin-right: -10px;
}

.footer-style03 .widget-contact {
    padding-left: 104px;
    padding-right: 0;
}

.footer-style03 .widget ul li a{
    line-height: 42px;
}

.footer-style03 #scroll-top{
    transform: translateY(-40px);
    left: 49.3%;
}

/* bottom */
#bottom{
    overflow: hidden;
    transform: translateY(-1px);
    z-index: 11;
    position: relative;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.footer-style02 #bottom{
    border-top: 1px solid rgba(9,12,15,0.07);
}

.Copyright .res{
    padding-right: 0px;
}

.Copyright p,
.Copyright p a{
    color: rgba(255,255,255,0.6);
}

.Copyright p a:hover{
    color: #c8a96a;
}

.Copyright p{
    font-size: 15px;
    font-family: 'OpenSans', sans-serif;
    line-height: 32px;
}

#bottom .Copyright{
    float: left;
}
  
.tf-bottom-inner .widget.widget_socials{
    margin-top: -9px;
    float: right;
}

.tf-bottom-inner{
    padding: 25px 0 10px;
}

.footer-style02 .widget_socials li a{
    background-color: rgba(182,140,90,0.1);
    color: rgba(29, 29, 29, 0.5);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footer-style02 .widget_socials li a.active,
.footer-style02 .widget_socials li a:hover{
    background-color: #c8a96a;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footer-style02 #scroll-top {
    transform: translateY(-36px);
}

#footer .bottomstyle3 .bottom-content p a{color: #c19977;}
.bottomstyle3 .bottom-content span{
    color: #A8A8A8;
}

.bottomstyle3 ul{
    float: right;
    margin-top: -1px;
    margin-right: -1px;
}

.bottomstyle3 ul li{
    display: inline-block;
}

.bottomstyle3 ul li a{
    color: #A8A8A8;
    font-family: OpenSans,sans-serif;
    font-size: 15px;
    line-height: 32px;
    font-weight: 400;
}

.bottomstyle3 ul li a:hover{
    color: #c8a96a;
}

.footer-style03 #bottom {
    transform: translateY(5px);
}

.footer-style03  .tf-bottom-inner {
    padding: 20px 0;
}


.table-orari { border: 0; color:#fff;     width:auto; }
.table-orari td { color:rgba(255,255,255,0.6);
    font-size: 15px; border: 0;
    padding: 5px 5px !important;
    width: 80%; 
    text-align: center;
    /*text-transform: uppercase;*/
}
.table-orari td:first-child {width: 20%;  text-align: left;
}
.fitcont { width: auto !important; }

.table-orari.whitebg { color:#000; }
.table-orari.whitebg td { color:#000;     padding: 5px 20px !important;  }


.table-orari.whitebg td:first-child { font-weight: bold; 
}
.table-orari.whitebg tr:nth-child(even) { background: #fff; }
.table-orari.whitebg tr:nth-child(odd) {}

.bg-style3 .table-orari.whitebg { color:#fff; }
.bg-style3 .table-orari.whitebg td { color:#fff;    }
.bg-style3 .table-orari.whitebg tr:nth-child(even) {  background: rgb(255 255 255 / 5%); }
#bottom {     display: flex;
    justify-content: space-between;}

 

    .footerflex { justify-content: space-between;}

 ul.widget-list { margin: 0; padding: 0;}

@media (max-width: 991.98px) {
    .footerflex { justify-content: flex-start;}
    .footerflex { flex-wrap: wrap;}
    .footerflex > div:first-child{ flex:100%;}
    #site-logo-2 { margin: 0 auto;}
   #bottom { flex-direction: column; }

}

@media (max-width: 767.98px) {
    .footerflex > div:first-child{ flex:100%; max-width: 100%;}
    .footerflex > div{  max-width: 340px;flex:auto;}
}

@media (max-width: 575.98px) {
   
}
   
/* ==============================================================*/
/* # SCROLL ON TOP */
/* ==============================================================*/
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap svg.progress-circle path {
    stroke: var(--col7);
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap svg path {
    fill: rgb(255 255 255 / 80%);
}
.progress-wrap::after{
    color: var(--col4);
}

/* ==============================================================*/
/* # SHORTCODES */
/* ==============================================================*/
/**
  * Button
  * Video
  * Heading style
  * Iconbox
  * gallery-box
  * Team-box
  * section 
  * Blog Post
  * Brand
  * Flat-tabs
  * Inner-Page
  * Comments Blog
*/

/* PreLoad
-------------------------------------------------------------- */
#loading-overlay {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
}

#loading-overlay .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -30px 0 0 -50px;
}

#loading-overlay .loader:before,
#loading-overlay .loader:after {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    content: "";
    -webkit-animation: preloader-wave 1.6s linear infinite;
    animation: preloader-wave 1.6s linear infinite; 
    border-radius: 50%;
    background: #c8a96a;
}

#loading-overlay .loader:after {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
}

@-webkit-keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: .7;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: .7;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

/* Button
-------------------------------------------------------------- */
.tf-button { 
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-weight: 700 ;
    padding: 10px 42px 10px;
    letter-spacing: 0px;
    z-index: 2;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    line-height: 35px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0px;
    overflow: hidden;
}

.tf-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:0;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tf-button:hover::before {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.flat-button.style2 .tf-button{
    padding: 8px 55px 8px 34px;
}

/* tf-button style 2*/
.tf-button-style2{
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-weight: 700 ;
    width: 50px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 0px;
    z-index: 2;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    overflow: hidden;
}

.tf-button-style2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:0;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tf-button-style2:hover::before {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tf-button-style2{
    background-color: #c8a96a;
    color: #fff;
}

.tf-button-style2::before{
    background-color: #fff;
    color: #c8a96a;
}

.flat-button-style3 .tf-button.color-style1 {
    background-color: #C19977;
    color: #fff;
}

/* button style */
/* button style1 */
.tf-button.color-style1 {
    background-color: #c8a96a;
    color: #fff;
    border: 2px solid #c8a96a;
}
.tf-button.color-style1.inverted {
    background-color: #fff;
    color: #c8a96a;
}


/* button style2 */
.tf-button.color-style2{
    background-color: rgba(255,255,255,0);
    color: #fff;
    border: 2px solid rgba(255,255,255,0.15);
}

/* button style3 */
.tf-button.color-style3{
    background-color: rgba(255,255,255,0);
    color: #1D1D1D;
    border: 2px solid rgba(9,12,15,0.07);
}

/* button style5 */
.tf-button.color-style5{
    background-color: rgba(255, 255, 255, 0);
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

/* color button hover*/
.tf-button.color-text::before {
    background-color: #fff;
}

.tf-button.color-text:hover { 
    color: #c8a96a;
}


.tf-button.color-text.inverted::before {
    background-color: #c8a96a;
}
.tf-button.color-text.inverted:hover { 
    color: #fff;
}


.tf-button.color-style2:hover { 
    color: #c8a96a;
    background-color: #fff;
    border: 2px solid #fff;
}

.tf-button.color-style3::before {
    background-color: #c8a96a;
}

.tf-button.color-style3:hover{
    color: #fff;
    background-color: #c8a96a;
    border: 2px solid #c8a96a;
}

.tf-button.color-style5:hover{
    color: #fff;
    background-color: #c8a96a;
    border: 2px solid #c8a96a;
}

.tf-button.color-style4{
    color: #1D1D1D;
    background-color: #fff;
}

.tf-button.color-style4::before{
    color: #fff;
    background-color: #1D1D1D;
}

.tf-button.color-style4:hover{
    color: #fff;
}


/* Video
-------------------------------------------------------------- */
.wrap-video {
    line-height: 180px;
    text-align: center;
    height: 180px;
    width: 180px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.4);
    overflow: hidden;
}

.wrap-video a{
    background-color: #fff;
    padding: 43.5px 49.5px;
    text-align: center;
    color: #c8a96a;
    border-radius: 50%;
}

.wrap-video a i{
    font-size: 24px;
}

/* video-popup Home 03*/
.tf-section.wrap-video-popup{
    padding: 254px 0;
    background: url(../../../assets/img/banner/imgbgvideohome3.jpg) no-repeat fixed  center center;
    background-size: cover;
}

.wrap-video-popup .overlay-section{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(9, 12, 15, 0.65);
}

.popup-video-inner{
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}

/* Page-tittle
-------------------------------------------------------------- */
.page-title{
    position: relative;
    padding-top: 229px;
    padding-bottom: 158px;
    background:linear-gradient(150deg,  rgba(2,6,9,0.93) 33%,  rgba(2,6,9,0) 77%), url("../../../assets/img/slider/img_bg_slider_home01.jpg") no-repeat fixed center center ; 
    z-index: 100;
    background-size: cover;
}

.slider .img-bg2{
    position: absolute;
    z-index: 10;
    top: 19.5%;
    left: 32.5%;
    z-index: 0;
}

.slider-item .page-tittle-slider .heading-tittle{
    float: left;
}

.slider .slider-item .page-tittle-slider .tf-button{
    padding: 8px 55px 8px 33px;
}

.slider-item .page-tittle-slider .wrap-video{
    float: right;
    margin-top: 195px;
}

.slider .slider-item .page-tittle-slider .heading-tittle h1{
    line-height: 155px;
    text-transform: uppercase;
    letter-spacing: -4.5px;
    font-weight: 400;
}

.page-title .slider .swiper-button-next,
.page-title .slider .swiper-button-prev{
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.page-title:hover .slider .swiper-button-next,
.page-title:hover .slider .swiper-button-prev{
    opacity: 1;
}

.themesflat-slider,
.themesflat-slider-style2{
    overflow: hidden;
}

.swiper-button-next:after,
.swiper-button-prev::after{
    font-family: "Font Awesome 5 Pro";
    font-size: 15px;
    font-weight: 300;
    padding: 17.5px 18.5px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}

.page-title.page-title-style2 .swiper-button-next:after,
.page-title.page-title-style2 .swiper-button-prev::after{
    background-color: #c8a96a;
    color: #fff;
}

.page-title.page-title-style2 .swiper-button-next:hover::after,
.page-title.page-title-style2 .swiper-button-prev:hover:after{
    background-color: #1D1D1D;
    color: #fff;
}

.swiper-button-prev:hover::after, 
.swiper-button-next:hover::after {
    color: #fff;
    background-color: #c8a96a;
}
.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-button-prev:active::after{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.swiper-button-next:after{
    content: "\f061";
}
.swiper-button-prev::after {
    content: "\f060";
}

.page-title .slider .swiper-button-next,
.page-title .slider .swiper-button-prev{
    position: absolute;
    top: 40%;
}

.page-title .slider .swiper-button-next{
    right: 30px;
}

.page-title .slider .swiper-button-prev{
    left: 30px;
}

/* Page-tittle style2
------------------------------ */

.page-title.page-title-style2{
padding-top: 136px;
padding-bottom: 87px;
background-color: #fff;
background: none;
}

.slider-style2 .icon-bg1,
.slider-style2 .icon-bg2,
.slider-style2 .icon-bg3,
.slider-style2 .icon-bg4{
position: absolute;
z-index: 0;
}

.slider-style2 .icon-bg1{
top: 16.9%;
  left: 5.3%;
}

.slider-style2 .icon-bg2{
top: 70.9%;
left: 4%;
}

.slider-style2 .icon-bg3{
top: 75%;
left: 45.2%;
}

.slider-style2 .icon-bg4{
top: 13.8%;
right: 2.4%;
}

.slider-style2 .slider-item .container-fluid{
max-width: 1650px;
}

.slider-style2 .page-tittle-slider .content-slider{
    width: 44%;
    margin-top: 114px;
    padding-left: 10.2%;
}

/* Page-tittle style3
------------------------------ */
.page-title.page-title-style3{
background: url(../../../assets/img/page-title/imgpagetitlehome3.jpg);
padding-top: 95px;
padding-bottom: 0;
}

.page-title.page-title-style3 .slider-item .page-tittle-slider .heading-tittle h1{
text-transform: none;
}

.slider-style3 .image-slider3{
  position: absolute;
  right: -9px;
  z-index: 0;
  background-size: cover;
  width: 1306px;
  height: 811px;
  top: 0;
}

.slider-style3 .image-slider3.item1{
  background: url(../../../assets/img/slider/imgsliderhome2.jpg) no-repeat center center;
}

.slider-style3 .image-slider3.item2{
  background: url(../../../assets/img/slider/img2sliderhome2.jpg) no-repeat center center;
}

.slider-style3 .slider-item{
overflow: hidden;
position: relative;
height: 811px;

}

.image-slider3 .wrap-image{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.image-slider3 .wrap-image .overlay-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(9,12,15,0.4);
    z-index: 10;
}

.slider-style3 .page-tittle-slider .content-slider{
    padding-top: 13.6%;
    padding-right: 30%;
}

.slider-style3 .page-tittle-slider .content-slider .heading-tittle .sub-title{
    position: relative;
    font-size: 18px;
    line-height: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: -0.5px;
    color: #C19977;
    margin-bottom: 21px;
}

.slider-style3 .page-tittle-slider .content-slider .heading-tittle .sub-title p{
    padding-left: 66px;
}

.slider-style3 .page-tittle-slider .content-slider .heading-tittle .sub-title p::before{
    content: "";
    position: absolute;
    padding: 1.5px 20px;
    background-color: #C19977;
    top: 15px;
    left: 0;
}

.page-title.page-title-style3 .slider-item .page-tittle-slider .heading-tittle h1{
    line-height: 150px;
    letter-spacing: -4.7px;
}

.page-title.page-title-style3 .flat-button-style2 .tf-button {
    margin-left: 0px;
    padding: 8px 33px 8px 33px;
}

.carousel-auto-with .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
.carousel-auto-with .swiper-slide.nh1{
    width: 630px !important;
}
.carousel-auto-with .swiper-slide.nh2 {
    width: 300px !important;
}

.carousel-auto-with .swiper-slide.nh3 {
    width: 300px !important;
}

.wrap-brand-style03 .swiper-button-next,
.wrap-brand-style03 .swiper-button-prev{
    position: absolute;
    top: 42%;
}

.wrap-brand-style03 .swiper-button-prev {
    left: 2px;
}

.wrap-brand-style03 .swiper-button-next {
    right: 0px;
}

.wrap-brand-style03 .swiper-button-next::after,
.wrap-brand-style03 .swiper-button-prev::after{
    position: absolute;
    top: 46.9%;
    background-color: rgba(255,255,255,0.07);
}
.wrap-brand-style03 .swiper-button-next:hover:after,
.wrap-brand-style03 .swiper-button-prev:hover:after{
    background-color: #c8a96a;
    color: #ffffff;
}

/* Page-tittle Inner
------------------------------ */
.page-title.page-title-inner{
    margin-top: 0px;
    padding-top: 108px;
    padding-bottom: 117px;
    /*background: url(../../../assets/img/page-title/imgbgpagetitleinner.jpg) no-repeat center center;
    background-size: cover;*/
    z-index: 100;
}

.page-title-inner .overlay-pagetitle{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(9,12,17,0.5);
}

.page-title-inner .page-title-heading{
    width: 100%;
    text-align: center;
    padding: 0 15px;
}

.page-title-inner .page-title-heading .heading{
    line-height: 60px;
    color: #fff;
    font-size: 3.5em;
}

.breadcrumbs{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 216%;
}

.breadcrumbs ul{
    width: 410px;
    height: 60px;
    box-shadow: 0 10px 30px rgba(200,169,106,0.2);
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    line-height: 56px;
}

.breadcrumbs ul li{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 35px;
    color: #C8A96A;
    padding: 0 4px;
}

.breadcrumbs ul li a{
    color: #1D1D1D;
}

.breadcrumbs ul li a:hover{
    color: #c8a96a;
}

.breadcrumbs ul li a::after{
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    color: #1D1D1D;
    font-size: 15px;
    margin-left: 12px;
}

/* Image  slider*/
.slider-style2 .page-tittle-slider .images-slider1{
    position: absolute;
    top: 3.5%;
    left: 44.7%;
    z-index: 10;
}

.slider-style2 .page-tittle-slider .images-slider2{
    width: 57%;
}

.slider-style2 .page-tittle-slider .images-slider2 img{
    float: right;
}

/* button slider home2 */
.page-title.page-title-style2 .flat-button-style2 .tf-button {
    margin-left: 0px;
    padding: 8px 32px 8px 32px;
}

.page-title-style2 .tf-button.color-style2{
    border: 2px solid #c8a96a;
    color: #1D1D1D;
}

.page-title-style2 .tf-button.color-style2:hover{
    color: #fff;
}

.page-title-style2 .tf-button.color-text::before {
    background-color: #c8a96a;
}

.slider-style2 .page-tittle-slider .title{
    text-transform: uppercase;
    line-height: 155px;
}

/* Content slider home 02 */
.slider-style2 .page-tittle-slider .title.title-style1{
    font-size: 120px;
    letter-spacing: -3.4px
}

.page-title-style2 .slider .slider-item .page-tittle-slider .heading-tittle h1{
    letter-spacing: -5px;
    margin-right: -110px;
    font-size: 170px;
    margin-top: -30px;
}

.slider-style2 .page-tittle-slider p{
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    padding-right: 115px;
    margin-bottom: 38px;
}

/* animation slider */
.slider-style3 .slider-item .page-tittle-slider .sub-title > p{
    transform: translateY(200px);
}
.slider-item .page-tittle-slider .wrap-video,
.slider-item .page-tittle-slider .wrap-video,
.slider-item .page-tittle-slider .heading-tittle h2,
.slider-item .page-tittle-slider .heading-tittle p,
.slider-item .page-tittle-slider .heading-tittle h1,
.slider-item .page-tittle-slider .heading-tittle .flat-button {
    transform: translateY(700px);
}

.slider-item .images-slider1{
    transform: translateY(-700px);
}

.slider-item .images-slider2{
    transform: translateX(500px);
}

.slider-style3 .slider-item .page-tittle-slider .sub-title > p,
.slider-item .images-slider2,
.slider-item .images-slider1,
.slider-item .page-tittle-slider .wrap-video,
.slider-item .page-tittle-slider .heading-tittle h2,
.slider-item .page-tittle-slider .heading-tittle p,
.slider-item .page-tittle-slider .heading-tittle h1,
.slider-item .page-tittle-slider .heading-tittle .flat-button{
    opacity: 0;
}

.swiper-slide-active .images-slider2,
.swiper-slide-active .images-slider1{
    opacity: 1;
    visibility: visible;
    -webkit-transition: transform 1200ms ease,opacity 1200ms ease;
    -moz-transition: transform 1200ms ease,opacity 1200ms ease;
    -ms-transition: transform 1200ms ease,opacity 1200ms ease;
    -o-transition: transform 1200ms ease,opacity 1200ms ease;
    transition: transform 1200ms ease,opacity 1200ms ease;
    transition-delay: 800ms;
}

.swiper-slide-active .images-slider1{
    transform: translateY(0);
}

.swiper-slide-active  .images-slider2{
    transform: translateX(0);
}

.swiper-slide-active  .images-slider1{
    transition-delay: 700ms;
}

.swiper-slide-active  .images-slider2{
    transition-delay: 800ms;
}

.swiper-slide-active .slider-item .page-tittle-slider .sub-title > p{
    opacity: 1;
    transform: translateY(0);
    transition: transform 1000ms ease, opacity 1000ms ease;
}

.swiper-slide-active .slider-item .heading-tittle .flat-button,
.swiper-slide-active .slider-item .wrap-video,
.swiper-slide-active .slider-item .heading-tittle h2,
.swiper-slide-active .slider-item .heading-tittle p,
.swiper-slide-active .slider-item .heading-tittle h1 {
    opacity: 1;
    transform: translateY(0);
    transition: transform 1200ms ease, opacity 1200ms ease;
}

.slider-style3 .slider-item .page-tittle-slider .sub-title > p{
    transition-delay: 500ms;
}

.slider-item .page-tittle-slider .images-slider-1 img,
.swiper-slide-active  .images-slider img{
    transition-delay: 800ms;
}

.swiper-slide-active  .heading-tittle h2{
    transition-delay: 1000ms;
}
.swiper-slide-active  .heading-tittle p{
    transition-delay: 800ms;
}

.swiper-slide-active  .heading-tittle h1{
    transition-delay: 1400ms;
}

.swiper-slide-active  .heading-tittle .flat-button{
    transition-delay: 1100ms;
}

.swiper-slide-active  .wrap-video{
    transition-delay: 800ms;
}

/* Heading style
-------------------------------------------------------------- */
.tf-heading-bg{
    position: relative;
}

.content-heading-wrap{
    padding-bottom: 95px;
}

.tf-heading-bg .heading-bg-style{
    position: absolute;
    font-size: 250px;
    line-height: 155px;
    font-weight: 400;
    letter-spacing: -7px;
    color: rgba(200, 169, 106,0.1);
    z-index: 0;
    font-family: 'Forum', cursive;
    top: -7px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
}

.tf-heading .tf-title{
    line-height: 55px;
    letter-spacing: -1.5px;
    font-size: 52px;
    text-transform: uppercase;
    font-weight: 400;
}

.tf-title-style2{
    color: #c8a96a;
}

.tf-title-style3{
    color: #C19977;
}

.tf-sub-heading{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 32px;
    margin-top: -15px;
	font-weight: 700;
}

.sub-heading{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #666666;
    font-weight: 400;
}

.sub-heading-style2{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 32px;
    color: #666666;
    font-weight: 400;
}

.text{
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    line-height:32px;
    font-weight: 400;
    color: #696969;
}

/* Heading style 02*/
.tf-heading-bg .heading-bg-style02{
    font-size: 250px;
    line-height: 155px;
    font-weight: 400;
    letter-spacing: -7.6px;
    color: rgba(29, 29, 29,0.04);
    z-index: -1;
    font-family: 'Forum', cursive;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: -147px;
}

.tf-heading-bg .heading-bg-style02.style2{
    color: rgba(255, 255, 255, 0.02);
}

.tf-heading-bg .heading-bg-style02.style3{
    color: rgba(29, 29, 29, 0.04);
}

/* Iconbox
-------------------------------------------------------------- */
.tf-icon-box{
    background-color: #fff;
    text-align: center;
    padding: 40px 15px 28px 15px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.col-box.active .tf-icon-box.tf-iconbox-category,
.tf-icon-box.tf-iconbox-category:hover{
    background-color: #c8a96a;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tf-icon-box .heading{
    margin-bottom: 11px;
}
.col-box.active .tf-icon-box.tf-iconbox-category .btn-icon-box a,
.col-box.active .tf-icon-box.tf-iconbox-category .icon-wrap i,
.col-box.active .tf-icon-box.tf-iconbox-category .heading,
.tf-icon-box.tf-iconbox-category:hover .icon-wrap i,
.tf-icon-box.tf-iconbox-category:hover .heading,
.tf-icon-box.tf-iconbox-category:hover .btn-icon-box a{
    color: #fff;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.tf-icon-box .icon-wrap i{
    font-size: 50px;
    color: #c8a96a;
}

.tf-icon-box .btn-icon-box{
    margin: -19px 0 0 -1px;
}

.tf-icon-box .btn-icon-box a i{
    font-size: 18px;
    font-weight: 600;
}

.tf-icon-box .btn-icon-box a i:hover{
    color: #1D1D1D;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.icon-wrap{
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.tf-icon-box:hover{
    cursor: pointer;
}

.tf-icon-box:hover .icon-wrap{
    transform: rotateY(360deg);
}

/* Iconbox style 02*/
.tf-icon-box-style02{
    padding: 0;
}
.tf-icon-box-style02 .heading{
    margin-bottom: 3px;
}
.tf-icon-box-style02 .sub-heading{
    color: #666666;
    margin-bottom: 19px;
}

/* gallery-box
-------------------------------------------------------------- */
.hover-effect {
    z-index: 10;
    position: relative;
    overflow: hidden;
}

.hover-effect {
    z-index: 10;
    position: relative;
    overflow: hidden;
}
/*
.hover-effect::before {
    background-color: #1D1D1D;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    content: '';
    z-index: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.hover-effect.active::before,
.hover-effect:hover::before {
    top: 0;
    filter: alpha(opacity=40);
    opacity: 0.8;
}
*/

.hover-effect .content-box .content,
.hover-effect .content-box .icon {
    z-index: 2;
    position: absolute;
    margin-top: -30px;
    opacity: 0;
    text-align: right;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.hover-effect.active .content-box .icon,
.hover-effect.active .content-box .content,
.hover-effect:hover .content-box .content,
.hover-effect:hover .content-box .icon{
    margin: 0;
    opacity: 1;
}

.hover-effect.active .content-box .content,
.hover-effect:hover .content-box .content{
    text-align: center;
}

.hover-effect .content-box .content{
    top: 63%;
    text-align: center;
    padding: 0 15px;
}

.hover-effect .image img{
    min-height : 100%;
    object-fit: cover;
    object-position: center;
}

#produzione .hover-effect .image img{
    aspect-ratio: 1 / 1;
}

.hover-effect .content-box .icon{
    top: 12.5%;
    right: 40px;
}

.gallery-box .hover-effect.active .content-box .icon,
.gallery-box .hover-effect:hover .content-box .icon {
    right: 40px;
    text-align: right;
}

.gallery-box .hover-effect .content-box .content .heading,
.gallery-box .hover-effect .content-box .content .sub-heading{
    color: #fff;
}

.gallery-box .hover-effect .content-box .icon a i{
    font-size: 24px;
}

/* gallery-box style 02*/
.wrap-gallery-box-style02 .container-fluid{
    max-width: 1920px;
    padding: 0;
}

.gallery-box-style02 .hover-effect .content-box .icon {
    z-index: 2;
    position: absolute;
    margin-top: -30px;
    opacity: 0;
    text-align: center;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.gallery-box-style02 .hover-effect::before{
    background-color: #05080B;
}

.gallery-box-style02 .hover-effect.active::before, 
.gallery-box-style02 .hover-effect:hover::before {
    top: 0;
    filter: alpha(opacity=40);
    opacity: 0.75;
}

.gallery-box-style02 .hover-effect .content-box .icon {
    top: 50%;
}

.gallery-box-style02 .hover-effect .content-box .icon{
    right: 0;
}

.gallery-box-style02 .content-box .icon a{
    font-size: 65px;
}

.gallery-box.gallery-box-style02 .hover-effect.active .content-box .icon,
.gallery-box.gallery-box-style02 .hover-effect:hover .content-box .icon {
    text-align: center;
}

.hover-effect.active .content-box .icon,
.hover-effect.active .content-box .content,
.hover-effect:hover .content-box .content,
.hover-effect:hover .content-box .icon{
    margin: 0;
    opacity: 1;
}

/*  category-box style 03 Home 03*/
.tf-section.wrap-category-style03{
    background-color: #0E1317;
    padding: 144px 0 100px 0;
}


.tf-section.wrap-category-style03 .content-heading-wrap {
    padding-bottom: 97px;
}

.category-box .category-inner{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.category-inner .content-title{
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 80%;
    text-align: center;
    padding: 8px 15px 5px 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
    visibility: visible;
}

.category-inner .content-title .heading{
    margin-bottom: 0px;
}

.category-inner:hover .content-title{
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.category-inner .imagebox-content{
    position: absolute;
    top: 0px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    background: rgba(29, 29, 29, 0.85);
    font-size: 14px;
    padding: 45px 20px 40px;
    transform: translateY(-100%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
}

.category-inner .imagebox-content p{
    font-size: 20px;
    font-family: 'Forum', cursive;
    line-height: 30px;
    color: #fff;
}

.category-inner:hover .imagebox-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.category-inner:hover .imagebox-content .tf-button::after{
    display: none;
}

/* gallery-box style 03*/
.gallery-box-style3 .hover-effect::before{
    background-color: #0E1317;
}
.gallery-box-style3 .hover-effect.active::before, 
.gallery-box-style3 .hover-effect:hover::before{
    opacity: 0.65;
}

.gallery-box-style3 .hover-effect .content-box .content{
    background-color: #C19977;
    width: 60.4%;
    left: 8%;
    padding: 15px 15px 30px 15px;
    top: 60%;
}

.gallery-box-style3 .hover-effect .content-box .content .heading a:hover{
    color: #1D1D1D;
}

/* Team-box
-------------------------------------------------------------- */
.team-box .team-hover{
    overflow: hidden;
    position: relative;
}

.team-box .team-hover .content{
    width: 100%;
    text-align: center;
    z-index: 2;
    position: absolute;
    left: 0;
    overflow: hidden;
    bottom: 0;
    padding: 16px 15px 24px 15px;
    bottom: -190px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color:rgba(9, 12, 15, 0.9);
}

.team-box .team-hover.active .content,
.team-box .team-hover:hover .content{
    bottom: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-box .team-hover .content .sub-heading{
    margin-top: -16px;
}

.team-box .team-hover .content .widget.widget_socials{
    margin-top: 2px;
}

.team-box .team-hover .content .widget.widget_socials li a{
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding-top: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-box .team-hover .content .widget.widget_socials li{
    margin: 0;
    padding: 0;
}

/* Team-box style2*/
.team-box-style2.style2 .content .name{
    color: #C19977;
}
.team-box-style2 .content .name{
    margin-bottom: 0;
}
.team-box-style2-style2 .content .position{
    color: rgba(255, 255, 255, 0.6);
}

.team-box-style2 .content .position{
    font-size: 15px;
    line-height: 30px;
    margin-top: -5px;
}

.team-box-style2 .content{
    position: relative;
    overflow: hidden;
    padding: 26px 15px 71px 0;
}


.team-box-style2 .image{
    overflow: hidden;
}
.team-box-style2 .image img {
    width: 100%;
    webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    transition: all 0.3s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.team-box-style2:hover .image img {
    transform: scale(1.1);
    -webkit-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    transition: all 0.3s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-box-style2.style2 .social-style2 a {
    background-color: rgba(255,255,255,0.1);
}

/* Section
-------------------------------------------------------------- */
/* wrap-category style 01*/
.tf-section.wrap-category{
    position: relative;
    padding:153px 0 200px 0 ;
    z-index: 10;
    background: url(img/imgbgcategory.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

/* .tf-section.wrap-category .content-heading-wrap{
    padding-bottom: 98px;
} */

.overlay-bg-style01{
    z-index: -1; 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(200,169,106,0.1);
}

.tf-section.wrap-category-tyle2{
    overflow: hidden;
}

/*section image-food */
.wrap-img-food{
    z-index: 101;
}

.wrap-img-food .container-fluid{
    max-width: 1650px;
}

.img-style-bg{
    padding: 36px;
    border-radius: 50%;
    background-color: #fff;
}

.wrap-img-food-inner .img-food-1{
    position: absolute;
    left: -40px;
    top: 83px;
}

.wrap-img-food-inner .img-food-1 img,
.wrap-img-food-inner .img-food-2 img,
.wrap-img-food-inner .img-food-3 img{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateY(0);
}

.wrap-img-food-inner .img-food-1 img:hover,
.wrap-img-food-inner .img-food-2 img:hover,
.wrap-img-food-inner .img-food-3 img:hover{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateY(-20px);
}

.wrap-img-food-inner .img-food-2{
    margin-top: -228px;
    display: block;
    width: 100%;
    text-align: center;
}

.wrap-img-food-inner .img-food-3{
    position: absolute;
    right: -140px;
    top: 75px;
}

/*section About Us */
.tf-section.wrap-about-us{
    padding: 627px 0 130px 0;
}

.wrap-about-us .iconbg_about{
    position: absolute;
    right: 12%;
    top: 42.2%;
}

.tf-img-about{
    text-align: right;
    padding-right: 55px;
}

.content-about-us{
    padding: 9% 23% 5% 1.5%;
}

.content-about-us p{
    margin-bottom: 41px;
}

.flat-button-style2 .color-style1::before{
    background-color: #1d1d1d;
}

.flat-button-style2 .tf-button{
    padding: 10px 34px 10px 34px;
}

.tf-button::after{
    margin-left: 10px;
}

.flat-button-style2 .tf-button.color-style:hover,
.flat-button-style2 .color-style::before{
    color: #fff;
}

/*section About Us style 02*/
.tf-section.wrap-about-us-style02{
    background: url(../../../assets/img/about-us/imgbgabouthome2.jpg) no-repeat center;
    background-size: cover;
    padding: 145px 0 129px 0;
    height: 838px;
}
.tf-section.wrap-about-us-style02 .container-fluid{
    max-width: 1920px;
    padding: 0;
}

.image-about-style02{
    text-align: right;
    padding-right: 76px;
}

.wrap-about-us-style02 .imgbg_about1{
    margin-top: -447px;
}

.wrap-about-us-style02 .imgbg_about2{
    margin-top: 78px;
}

.wrap-about-us-style02 .tf-heading-bg .heading-bg-style02{
    color: rgba(255, 255, 255, 0.05);
}

.wrap-about-us-style02 .content-heading-wrap {
    padding-bottom: 86px;
}

.wrap-about-us-style02 .overlay-about{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(200, 169, 106,0.96);
}

.wrap-about-us-style02 .col-box{
    padding: 0;
}

.wrap-content-style2{
    text-align: center;
    padding: 0 6%;
}

.wrap-content-style2 .image-signature{
    display: flex;
    justify-content: center;
}

.wrap-content-style2 .image-signature .image {
    margin-right: 20px;
}

.image-signature .image img{
    width: 83px;
    height: 83px;
    border-radius: 50%;
}

.wrap-content-style2 .signature{
    padding-top: 3px;
}

/*section About Us style 03*/
.tf-section.wrap-about-style03{
    padding: 145px 0 130px 0;
    background-color: #090C0F;
}

.tf-section.wrap-about-style03 .content-heading-wrap {
    padding-bottom: 90px;
}

.image-box-about3{
    padding: 0 11.4%;
}

.image-box-about3 .image-about{
    width: 56.8%;
    text-align: right;
    padding-right: 15px;
    padding-top: 8px;
}
.image-box-about3 .content-box{
    width: 43.2%;
    padding-left: 43px;
}

.image-box-about3 .content-box .wrap-content-style3 .heading{
    line-height: 38px;
    margin-bottom: 21px;
}

.image-box-about3 .content-box .wrap-content-style3 .sub-heading{
    line-height: 32px;
    padding-left: 3px;
    margin-bottom: 32px;
}

.image-box-about3 .content-box .wrap-content-style3 .image-signature .signature{
    margin-top: 3px;
    margin-left: 20px;
}

/* wrap-our-menu */
    .tf-section.wrap-our-menu{
    padding: 153px 0 100px 0;
    position: relative;
    z-index: 102;
}

.tf-section.wrap-our-menu .imgbg1,
.tf-section.wrap-our-menu .imgbg2{
    position: absolute;
}

.tf-section.wrap-our-menu .imgbg1{
    left: 0;
    top: 56.3%;
}

.tf-section.wrap-our-menu .imgbg2{
    right: 0;
    top: 0;
}

/* our-menu */
.our-menu-box{
    transform: translateY(0);
}
.our-menu-box:hover{
    transform: translateY(-15px);
}

.our-menu-item{
    background-color: #fff;
    overflow: hidden;
    padding: 23px 47px 14px 47px;
    margin-bottom: 30px;
    border: 3px dashed #fff;
    border-radius: 7px;
}

.our-menu-item.active,
.our-menu-item:hover{
    border: 3px dashed #C8A96A;
}

.our-menu-item .content-menu-item{
    float: left;
}

.our-menu-item .content-menu-item .heading{
    font-size: 27px;
    line-height: 32px;
}

.our-menu-item .content-menu-item .sub-heading{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin-top: -8px;
}

.our-menu-item .pricing-menu-item{
    float: right;
    font-size: 55px;
    font-family: 'Forum', cursive;
    line-height: 77px;
    color: #C8A96A;
    margin-top: -5px;
}

.our-menu-item:hover,
.our-menu-item.active,
.our-menu-item,
.our-menu-box:hover,
.our-menu-box{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* wrap-our-menu style 02*/
.tf-section.wrap-our-menu-style2{
    padding: 145px 0 100px 0;
}

.tf-section.wrap-our-menu-style2 .content-heading-wrap{
    padding-bottom: 97px;
}

.tf-section.wrap-our-menu-style2 .imgbg1 {
    left: 0;
    top: 56.6%;
}

/* wrap-our-menu style 03*/
.tf-section.wrap-our-menu-style03{
    padding: 144px 0 117px 0;
    background-color: #0E1317;
}

.wrap-our-menu-style03 .content-heading-wrap {
    padding-bottom: 98px;
}

.wrap-our-menu-style03 .tf-heading-bg .heading-bg-style02 {
    color: rgba(255,255,255,0.02);
}

.col-left-ourmenu{
    padding-left: 17.6%;
}

.col-right-ourmenu{
    padding-right: 17.6%;
}

.our-menu-item.our-menu-item-style02{
    position: relative;
    overflow: hidden;
    display: flex;
    padding: 40px 15px 42px 45px;
    background-color: #090C0F;
    border: 1px dashed rgba(255, 255, 255, 0);
}

.our-menu-item.our-menu-item-style02 .content-menu-item{
    position: absolute;
    left: 169px;
}

.our-menu-item.our-menu-item-style02:hover, 
.our-menu-item.our-menu-item-style02.active {
    border: 1px dashed #C8A96A;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.our-menu-item.our-menu-item-style02 .content-menu-item .heading{
    color: #C19977;
}

.our-menu-item.our-menu-item-style02 .content-menu-item .sub-heading{
    color: rgba(255,255,255,0.6);
}
.our-menu-item.our-menu-item-style02 .image{
    position: relative;
    width: 100px;
    height: 100px;
    margin-top: -1px;
}
.our-menu-item.our-menu-item-style02 .image::after{
    content: "";
    border: 3px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.our-menu-item.our-menu-item-style02 .content-menu-item .pricing{
    position: relative;
    margin-top: -5px;
}

.our-menu-item.our-menu-item-style02 .content-menu-item .pricing .number-underline{
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #bdbdbd;
    font-weight: 600;
    margin-left: 5px;
}

.number-underline::before{
    position: absolute;
    content: "";
    top: 50%;
    transform : translateY(-50%);
    left: -5px;
    background-color: #ffffff;
    width: 36px;
    height: 0.5px;
}

.our-menu-item.our-menu-item-style02 .content-menu-item .pricing .number{
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #c19977;
    font-weight: 600;
    left: 41px;
    top: 12px;
}

.wrap-our-menu-style03 .btn-button{
    margin-top: 50px;
    width: 100%;
    text-align: center;
}

.wrap-our-menu-style03 .flat-button .tf-button{
    padding: 10px 58px 10px 34px;
}

.wrap-our-menu-style03 .flat-button .tf-button::after {
    margin-left: 13px;
}

/* Gallery */
.tf-section.wrap-gallery{
    overflow: hidden;
    padding: 151px 0 117px 0;
}
.gallery-box{
    padding-bottom: 0px;
}

.gallery-box .hover-effect .content-box .content .sub-heading{
    margin-top: -17px;
}

.wrap-gallery .flat-button a{
    padding: 8px 34px 8px 34px;
}

/* wrap-our-chefs */
.tf-section.wrap-our-chefs{
    background: url(../../../assets/img/our-chefs/imgbg-ourchefs.jpg) no-repeat center;
    background-size: cover;
    z-index: 0;
    padding: 153px 0 255px 0;
}

.tf-section.wrap-our-chefs .tf-heading-bg .heading-bg-style{
    color: rgba(255,255,255,0.01);
    left: -14.8%;
}

.wrap-our-chefs .team-box .content,
.wrap-our-chefs .team-box .content .widget.widget_socials{
    text-align: center;
}

/* counter-chefs */
.counter-chefs{
    margin-top: -155px;
}

.counter-chefs .container-fluid{
    max-width: 1450px;
}

.counter-chefs .wrap-counter{
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    background-color: #f9f6f0;
    z-index: 1;
    padding: 80px 0 67px 0;
}

.counter-chefs .wrap-counter .overlay-counter{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../../../assets/img/our-chefs/imgbg-countto.png) no-repeat center;
    background-size: cover;
    opacity: 0.07;
    z-index: -1;
}

.wrap-counter{
    width: 100%;
}

.box.box-countter-chefs:hover{
    cursor: pointer;
}

.box.box-countter-chefs:hover .wrap-icon{
    transform: rotateY(360deg);
}

.box.box-countter-chefs:hover .wrap-icon,
.box.box-countter-chefs .wrap-icon{
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.box.box-countter-chefs:hover .wrap-icon i::before{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.wrap-counter .box-countter-chefs .countter-box .heading{
    margin: 3px 0 -5px 0;
}

.wrap-counter .box-countter-chefs .wrap-icon i{
    font-size: 70px;
    color: #c8a96a;
}
.countter-box .sub-number,
.countter-box .number{
    font-size: 24px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #1D1D1D;
}

/* wrap-our-chefs style 02*/
.tf-section.wrap-our-chefs-style02{
    padding: 146px 0 50px 0;
    background-color: #090C0F;
}

.wrap-our-chefs-style02 .container-fluid{
    max-width: 1650px;
}

/* Booking */
.tf-section.wrap-booking{
    padding: 153px 1rem;
}

.tf-section.wrap-booking .icon-style1{
    position: absolute;
    right: 8.7%;
    top: 15.8%;
    z-index: 10;
}

.tf-section.wrap-booking .icon-style2{
    position: absolute;
    bottom: 5%;
    left: 3%;
}

.wrap-booking .tf-heading-bg .heading-bg-style {
    left: -14.5%;
}

.wrap-booking .image-form-booking .image{
    width: 51.1627%;
}

.wrap-booking .image-form-booking .image img{
    margin-right: -5px;
}

.wrap-booking .image-form-booking .wrap-form{
    width: 48.8373%;
}

.wrap-booking .image-form-booking .wrap-form{
    padding: 5.3% 6.2% 3% 5%;
}

#comment-reply.tf-button{
    padding: 10px 59px 10px 34px;
}

#comment-reply.tf-button::after {
    margin-left: 13px;
}

/* form booking style 02 */
.tf-section.wrap-booking-style02 {
    padding: 144px 0 131px 0;
}

.tf-section.wrap-booking-style02 .icon-style1 {
    position: absolute;
    right: 3.1%;
    top: 8.8%;
    z-index: 10;
}
.tf-section.wrap-booking-style02 .icon-style2 {
    position: absolute;
    bottom: 11.1%;
    left: 2.1%;
}

.wrap-booking-style02 .content-heading-wrap {
    padding-bottom: 97px;
}

.wrap-form-style02{
    width: 100%;
    padding: 80px 95px;
    border: 1px solid rgba(9,12,15,0.07);
}

.comment-form.comment-form-style02 fieldset{
    margin-bottom: 30px;
    padding: 0 15px;
}

.wrap-form-style02 .comment-form-style02 fieldset{
    float: left;
    width: 50%;
}

.wrap-form-style02 .comment-form-style02 fieldset input,
.wrap-form-style02 .comment-form-style02 fieldset select{
    background-color: rgba(9, 12, 15, 0.05);
    padding: 7.5px 21px 7.5px 29px;
}

.wrap-form-style02 #comment-reply.tf-button {
    padding: 10px 133px 10px 106px;
}

.wrap-form-style02 .select::after{
    right: 44px;
}

/* form booking style 03 */
.tf-section.wrap-booking-style03{
    background-color: #090C0F;
    padding: 80px 0 50px 0;
}

.comment-form.comment-form-style03 label.error{
    position: relative;
    left: 0;
    top: 0;
}

.comment-form.comment-form-style03 .select::after {
    right: 45px;
}


.comment-form.comment-form-style03 fieldset{
    float: left;
    width: 33.33%;
}

.comment-form.comment-form-style03 fieldset{
    margin-bottom: 30px;
    padding: 0 15px;
}

.comment-form.comment-form-style03 fieldset select,
.comment-form.comment-form-style03 fieldset input::placeholder{
    color: #fff;
}

.comment-form.comment-form-style03 fieldset select,
.comment-form.comment-form-style03 fieldset input{
    border: 1px solid rgba(255,255,255,0.1);
    background-color: rgba(255,255,255,0);
    padding: 6.5px 21px 6.5px 29px;
    color: #fff;
}

.comment-form.comment-form-style03 .select::after{
    color: #fff;
}

.comment-form.comment-form-style03 button{
    width: 100%;
    height: 60px;
}

/*wrap-testimonials */
.tf-section.wrap-testimonials{
    padding: 152px 0 130px 0;
}

.tf-section.wrap-testimonials .icon-bg1{
    position: absolute;
    left: 78.6%;
    top: 9.5%;
    z-index: 0;
}

.tf-section.wrap-testimonials .icon-bg2{
    position: absolute;
    bottom: 8.5%;
    left: 5.2%;
    z-index: 0;
}

.wrap-testimonials-slider {
    padding: 8.3% 5% 5% 17.5%;
}

.wrap-testimonials-slider .flaticon-quotation{
    font-size: 92px;
    color: #c8a96a;
}

.wrap-testimonials-slider p{
    margin-top: 4px;
    margin-bottom: 13px;
}

.wrap-testimonials .content-heading-wrap {
    padding-bottom: 96px;
}

.testimonials-style .name-position{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.wrap-testimonials-slider .owl-dots{
    margin-top: 48px;
    margin-left: -5px;
}

.image-testimonials .image{
    padding-left: 38px;
}

.wrap-testimonials-slider .swiper-pagination{
    width: 100%;
    text-align: left;
    margin-top: 40.5px;
    margin-left: -5px;
    position: relative;
}

.swiper-pagination-bullet{
    opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: rgba(200,169,106,0.3);
    margin: 2.5px 5px 2.5px 5px;
    border-radius: 50%;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
    background-color: #C8A96A;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0 5px;
}
/*wrap-testimonials style 02*/
.tf-section.wrap-testimonials-style02 {
    padding: 146px 0 108px 0;
    background: url(../../../assets/img/Testimonial/imgtestimonialhome2.jpg) no-repeat center center;
    background-size: cover;
}

.wrap-testimonials-style02 .wrap-testimonials-slider{
    padding: 0;
}

.wrap-testimonials-style02 .wrap-testimonials-slider p{
    margin-bottom: 14px;
}

.testimonials-style2{
    padding: 0.2% 8.5% 2% 8.5%;
}

.testimonials-style2 .testimonials-inner{
    padding: 42px 40px 47px 40px;
}
.wrap-testimonials-slider .swiper-button-next::after,
.wrap-testimonials-slider .swiper-button-prev::after{
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.07);
}
.wrap-testimonials-slider .swiper-button-next:hover:after,
.wrap-testimonials-slider .swiper-button-prev:hover:after{
    color: #ffffff;
    background-color: #c8a96a;
}

.swiper-button-next {
    right: 1%;
}

.swiper-button-prev {
    left: 1%;
}

.swiper-button-next,
.swiper-button-prev{
    position: absolute;
    top: 35.7%;
}
.swiper-pagination:hover{
    cursor: pointer;
}
.testimonials-style2 .swiper-pagination{
    text-align: center;
    margin-top: 48px;
}

.testimonials-style2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    margin: 0 3px 0 11px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tf-section.wrap-testimonials-style02 .swiper-button-prev {
    left: -24px;
}
.tf-section.wrap-testimonials-style02 .swiper-button-next {
    right: -23px;
}
/*wrap-testimonials style 03*/
.tf-section.wrap-testimonials-style03{
    background-color: #090C0F;
    padding: 144px 0 107px 0;
}

.wrap-testimonials-style03 .content-heading-wrap {
    padding-bottom: 99px;
}

.testimonials-inner-style3{
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.07);
    padding: 38px 68px 44px 55px;
    border-radius: 7px;
}
.testimonials-inner-style3.style .sub-heading{
    color: rgba(255, 255, 255, 0.6);
}
.testimonials-inner-style3 .sub-heading{
    line-height: 32px;
    margin-bottom: 30px;
}

.testimonials-inner-style3 .image-box .image img{
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.testimonials-inner-style3 .image-box .content{
    margin-left: 20px;
}

.testimonials-inner-style3.style .image-box .content .name{
    color: #c19977;
}

.testimonials-inner-style3 .image-box .content .name {
    line-height: 45px;
    margin-bottom: -16px;
    margin-top: -8px;
}

.testimonials-inner-style3.style .image-box .content .position{
    color: rgba(255, 255, 255, 0.5);
}

.testimonials-inner-style3 .image-box .content .position{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 45px;
}

.testimonials-inner-style3 .flaticon-quotation {
    font-size: 92px;
    color: #c8a96a;
    position: absolute;
    bottom: 34px;
    right: 83px;
}

/* Blog Post
-------------------------------------------------------------- */
.tf-section.tf-blog{
    padding: 153px 0 81px 0;
}

.post .featured-post{
    position: relative;
    overflow: hidden;
}

.post .featured-post img{
    width: 100%;
    webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    transition: all 0.3s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.featured-post:hover img{
    transform: scale(1.2);
    -webkit-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    transition: all 0.3s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.post .content-post{
    padding: 17px 15px 28px 40px;
}

.post .content-post .title{
    line-height: 32px;
    margin: -1px 0 32px 0;
}

.post .content-post .meta-post li{
    display: inline-block; 
    padding-right: 16px;
}

.post .content-post .meta-post .author::before,
.post .content-post .meta-post .date::before{
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    color: #c8a96a;
    margin-right: 6px;
}

.post .content-post .meta-post .author::before{
    content: "\f2bd";
}

.post .content-post .meta-post .date::before{
    content: "\f073";
}

.post .content-post .meta-post li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    text-transform: uppercase;;
}

.post .content-post .meta-post li a:hover{
    color: #c8a96a;
}

.btn-blog .tf-button {
    margin-left: 2px;
    padding: 10px 58px 10px 32px;
}

.btn-blog .tf-button::after {
    margin-left: 11px;
}
.btn-blog .tf-button.color-style4::before,
.btn-blog.active .color-style4 {
    color: #fff;
    background-color: #c8a96a;
}

/* Blog Post  style02 */
.tf-section.tf-blog-style2{
    padding: 82px 0 88px 0;
}

.tf-blog-style2 .content-heading-wrap {
    padding-bottom: 96px;
}

.post.post2 .meta-post .author-style2 img{
    width: 37px;
    height: 38px;
    border-radius: 50%;
}

.post.post2  .content-post {
    padding: 28px 10px 28px 0px;
}

.post.post2 .content-post .meta-post .name{
    font-family: 'Open Sans', sans-serif;
    color: #666666;
    margin-top: 4px;
    margin-left: 8px;
    font-size: 15px;
    line-height: 32px;
}

.post.post2 .content-post .meta-post .name:hover,
.post.post2 .content-post .tf-sub-heading:hover{
    color: #c8a96a;
}

.post.post2 .content-post .date-style2{
    float: right;
    margin-right: 9px;
    z-index: 100;
    transform: translateY(-55px);
}

.post.post2 .content-post .date-style2 span{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 32px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #C8A96A;
    border-radius: 15px;
    padding: 5px 13px 6px 15.5px;
}

.post.post2 .content-post .title{
    margin: 14px 0 4px 0;
}
.post.post2 .content-post .btn-blog{
    margin-top: 22px;
}
.post.post2 .content-post .btn-blog .tf-button{
    margin-left: 0px;
    padding: 5px 50px 5px 30px;
}

/* Blog Post  style03 */
.tf-section.blog-style03{
    background-color: #0E1317;
    padding: 146px 0 130px 0;
}

.blog-style03 .content-heading-wrap {
    padding-bottom: 98px;
}

.post.post2.post3 .content-post{
    background-color: #090C0F;
}

.post.post2.post3 .content-post .title:hover,
.post.post2.post3 .content-post .title.active{
    color: #C19977;
}

.post.post2.post3 .content-post .title{
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-top: 10px;
}

.post.post2.post3 .meta-post .author-style2 img{
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.post.post2.post3 .content-post .meta-post .name {
    font-family: 'Open Sans', sans-serif;
    color: #C19977;
    margin-top: -4px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 32px;
}

.post.post2.post3 .content-post .meta-post .name:hover{
    color: #ffffff;
}

.post.post2.post3 .content-post .date-style3{
    text-align: center;
    width: 55px;
    height: 59px;
    background-color: #C19977;
    border-radius: 7px;
    position: absolute;
    overflow: hidden;
    top: 10px;
    right: 10px;
}

.post.post2.post3 .content-post {
    padding: 30px 30px 29px 30px;
}

.post.post2.post3 .content-post .date-style3 .date,
.post.post2.post3 .content-post .date-style3 .month{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #fff;
}

.post.post2.post3 .content-post .date-style3 .date{
    padding-top: 4px;
    font-size: 24px;
    line-height: 32px;
}

.post.post2.post3 .content-post .date-style3 .month{
    font-size: 15px;
    line-height: 18px;
    margin-top: -8px;
    margin-left: 3px;
}

.post.post2.post3 .content-post .comment{
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    margin-top: 25px;
    padding-top: 4px;
    position: relative;
    overflow: hidden;
    padding-left: 28px;
}

.post.post2.post3 .content-post .comment a{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.6);
}

.post.post2.post3 .content-post .comment a:hover{
    color: #c8a96a;
}

.post.post2.post3 .content-post .comment a:before{
    content: "\f086";
    font-family: "Font Awesome 5 Pro";
    font-size: 15px;
    color: #fff;
    margin-right: 10px;
    position: absolute;
    top: 18px;
    left: 1px;
}

/* Comments Blog
-------------------------------------------------------------- */
.comments-area {
    margin-top: 38px;
}

.comments-area .message-wrap{
    margin-bottom: 2px !important;
}

.comments-area h2 {
    letter-spacing: -0.5px;
}

.comments-area .comment-form .message-wrap textarea,
.comments-area .comment-form .email-wrap input,
.comments-area .comment-form .name-wrap input{
    padding: 12px 10px 9px 20px;
}

/* Comments list */
.comment-list {
    margin: 10px 0 45px 0;
}

.comment-list li.comment {
    padding: 0px;
}

.comments-title{
    margin-bottom: 0;
}

.comment-list article {
    position: relative;
    padding: 0px 20px 3px 3px;
    border-radius: 3px;
}

.comment-list article .gravatar {
    float: left;
    margin-right: 26px;
    padding-top: 27px;
}

.comment-list article .comment-content {
    overflow: hidden;
    padding-left: 4px;
}

.comment-list article .comment-content p {
    margin-top: -10px;
    padding-right: 155px;
    margin-bottom: 0;
}

.comment-list article .comment-content.style2 p {
    margin-top: -7px;
    margin-bottom: -11px;
}

.comment-list .comment-meta .comment-author {
    font-family: 'Forum', cursive;
    font-size: 20px;
    line-height: 42px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 6px;
}

.comment-list .comment-meta .comment-time {
    font-size: 15px;
    line-height: 42px;
    color: #1D1D1D;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    right: 16.2%;
    top: 3%;
}

.comment-list .children .comment-meta .comment-time {
    right: 17.6%;
    top: 8%;
}

.comment-list .comment-meta .comment-time a {
    color: #565872;
}

.comment-list .comment-reply {
    margin-left: -1px;
    margin-top: -8px;
}

.children .comment-reply{
    margin-top: -13px;
}

.comment-list .comment-reply a {
    color: #1d1d1d;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 50px;
    text-transform: uppercase;
}

.comment-list .comment-reply a::after{
    content: "\f178" ;
    font-family: "Font Awesome 5 Pro";
    margin-left: 7px;
    font-size: 15px;
}

.comment-list .comment-reply a:hover{
    color: #c8a96a;
}

.comment-list .children > li {
    padding: 0px 0px 0px 28px;
}

.comment-list .children > li .gravatar {
    margin-right: 26px;
}

.gravatar img{
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.comment-list .children > li .comment-meta {
    margin-bottom: -6px;
}

.comment-list .children > li article {
    margin-bottom: 8px;
}

.comment-list .children .comment-wrap {
    padding: 8px 0 7px 35px;
}

.comment-list .children .comment-text {
    padding: 6px 18px 3px 0;
}

#respond h5{
    margin-bottom: 23px;
}

#respond .stars .heading.text {
    font-size: 18px;
    line-height: 35px;
    font-weight: 600;
    color: #1d1d1d;
}

/* Brand
-------------------------------------------------------------- */
.tf-section.wrap-brand{
    padding: 0 0 129px 0;
}

.img-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.img-brand img{
    display: block;
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 300ms ease;
}

.img-brand.active img,
.img-brand:hover img{
    webkit-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}

/* brand style 02 */
.tf-section.wrap-brand-style02{
    background: url(../../../assets/img/slider/imgbg2slider.jpg) no-repeat center center;
    background-size: cover;
}
.tf-section.wrap-brand-about.style3,
.tf-section.wrap-brand-style02.style2{
    padding: 86px 0 78px 0;
}

.slider-item-style2.img-brand img{
    display: block;
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 300ms ease;
    opacity: 0.7;
}

.slider-item-style2.img-brand:hover img{
    webkit-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

/* wrap-brand-style03 */
.tf-section.wrap-brand-style03{
    background-color: #0E1317;
    padding: 130px 0 100px 0;
}

.wrap-brand-style03 .themesflat-slider-style2{
    margin-top: 79px;
}

.wrap-brand-style03 .themesflat-slider-style2{
    overflow:visible;
}

/* Flat-tabs
-------------------------------------------------------------- */
/* wrap-category style 02*/
.tf-section.wrap-category-style02{
    padding: 145px 0 130px 0;
}

.tf-section.wrap-category-box{
    padding-bottom: 50px;
    overflow: hidden;
}

.tf-section.wrap-category-style02 .tf-heading-bg .heading-bg-style02{
    margin-left: -12px;
}

/* flat-tabs category */
.flat-tabs{
    position: relative;
    width: 100%;
}

.flat-tabs .menu-tab li a{
    font-weight: 400;
    font-size: 40px;
    line-height: 49px;
    font-family: 'Forum', cursive;
    color: #1d1d1d;
}

.flat-tabs .menu-tab li:hover a,
.flat-tabs .menu-tab li.active a {
    color: #c8a96a;
}

.flat-tabs.flat-tabs-category .menu-tab{
    position: absolute;
    left: 41.2%;
    top: 49px;
    z-index: 10;
}

.flat-tabs.flat-tabs-category .content-tab .content-inner .image{
    padding-left: 80px;
}

.flat-tabs.flat-tabs-category .content-tab .content-inner .image2,
.flat-tabs.flat-tabs-category .content-tab .content-inner .image{
    width: 100%;
}

.flat-tabs.flat-tabs-category .content-tab .content-inner .image2{
    float: right;
    text-align: right;
    padding-top: 154px;
    padding-right: 110px;
}
.content-tab.style2{
    position: absolute;
    top: 266%;
    width: 100%;
}
/* Inner-Page
-------------------------------------------------------------- */
/* ----------- Page About -----------*/
/* about-us */
.tf-section.wrap-about-us-style4{
    padding: 175px 0 130px 0;
}

.wrap-about-us-style4 .content-heading-wrap {
    padding-bottom: 98px;
}

.about-inner-content-box{
    padding: 12.8% 20% 0 0;
}

.about-inner-content-box .heading{
    line-height: 45px;
    margin-bottom: 19px;
}

.about-inner-content-box .sub-heading-style2{
    margin-bottom: 42px;
}

.about-inner-content-box .flat-button-style2 .tf-button{
    margin-left: 0;
}

.about-inner-image-box{
    padding: 60px 20px 252px 0;
    background-color: rgba(200,169,106,0.1);;
}

.wrap-about-us-style4 .iconbg_about{
    position: absolute;
    right: 8.4%;
    top: 12.8%;
}

.wrap-about-us-style4 .iconbg_about.style2{
    top: 10.8%;
}

.about-inner-image-box .image{
    width: 46%;
}

.about-inner-image-box .image img{
    position: absolute;
    left: -65px;
}

.about-inner-image-box .about-box-list{
    width: 54%;
    padding: 35px 0 0 44px;
}

.about-box-list .heading{
    line-height: 35px;
    margin-bottom: 20px;
}

.about-box-list .list-benefit li{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 35px;
    color: #1d1d1d;
    margin-bottom: -1px;
    position: relative;
    padding-left: 31px;
}

.about-box-list .list-benefit li::before{
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-size: 18px;
    position: absolute;
    top: 4px;
    left: 0;
}

.last-child{
    margin-top: 3px;
}

.about-inner-image-box .box.box-countter-chefs{
    z-index: 10;
    background-color: #ffffff;
    width: 366px;
    position: absolute;
    right: 87px;
    bottom: 104px;
}

.about-inner-image-box .box .icon{
    width: 30%;
    padding: 25px 0 0 40px;
}

.about-inner-image-box .box.box-countter-chefs .countter-box {
    width: 70%;
    padding: 17px 0 6px 2px;
}

.about-inner-image-box .box.box-countter-chefs .countter-box .sub-heading-style2{
    margin-top: -9px;
}

.about-inner-image-box .box .icon i{
    font-size: 50px;
    color: #C8A96A;
    font-family: 300;
}

.about-inner-image-box .box.box-countter-chefs .countter-box span{
    font-family: 'Forum', cursive;
    font-size: 30px;
    line-height: 45px;
    color: #1d1d1d;
    font-weight: 400;
}

/* counter-chefs */
.tf-section.counter-chefs-about{
    background: url(../../../assets/img/our-chefs/imgbgourchef-about.jpg) no-repeat center center;
    background-size: cover;
    padding: 100px 0 87px 0;
}

.counter-chefs-about .overlay-inner{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(9,12,15,0.9);
}

.counter-chefs-about .wrap-counter .box-countter-chefs .countter-box .heading,
.counter-chefs-about .countter-box .sub-number, .counter-chefs-about .countter-box .number {
    color: #ffffff;
}

/* wrap-our-chefs-about */
.tf-section.wrap-our-chefs-about{
    background-color: rgba(200,169,106,0.1);
    padding: 145px 0 50px 0;
    overflow: hidden;
}

.wrap-our-chefs-about .container-fluid{
    max-width: 1650px;
}
.team-box-style2 .widget_socials li a{
    background-color: rgba(9,12,15,0.1);
}

/* Testimonials about */
.tf-section.wrap-testimonials-about{
    padding: 144px 0 107px;
}

.wrap-testimonials-about .content-heading-wrap {
    padding-bottom: 99px;
}

.wrap-testimonials-about .testimonials-inner-style3 {
    border: 1px solid rgba(9, 12, 15, 0.07);
}

.testimonials-inner-style3.style2 .image-box .content .position {
    color: #C19977;
}

.carousel-7 .swiper-pagination{
    position: relative;
    margin-top: 73px;
}
.swiper-container-horizontal.carousel-7>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    border: none !important;
    background-color: #C19977 !important;
}

.swiper-container-horizontal.carousel-7>.swiper-pagination-bullets .swiper-pagination-bullet{
    border: 2px solid rgba(9, 12, 15, 0.15);
    background-color: rgba(255, 255, 255, 0);
    width: 15px;
    height: 15px;
    margin: 0 3px;
}

.swiper-container-horizontal.carousel-7.style2>.swiper-pagination-bullets .swiper-pagination-bullet{
    border: 2px solid rgba(255, 255, 255, 0.1);
}

/* brand-about */
.tf-section.wrap-brand-about{
    background-color: rgba(200,169,106,0.1);
    padding: 81px 0 78px 0;
}

/* ----------- Page Our Menu -----------*/
/* flat-tab */
.tf-section.menu-product{
    padding: 157px 0 102px 0;
}

.flat-tabs-menu ul li{
    display: inline-block;
    width: 129px;
    height: 45px;
    background-color: rgba(9, 12, 15, 0.1);
    margin: 0 1px;
    line-height: 33px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.flat-tabs.flat-tabs-menu {
    width: 100%;
}

.flat-tabs.flat-tabs-menu .menu-tab{
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
}

.flat-tabs.flat-tabs-menu .menu-tab li a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 35px;
    color: #1D1D1D;
}

.flat-tabs-menu ul li:hover,
.flat-tabs-menu ul li.active{
    background-color: #C8A96A;
}

.flat-tabs.flat-tabs-menu .menu-tab li.active a,
.flat-tabs.flat-tabs-menu .menu-tab li:hover a{
    color: #ffffff;
}

/* Our Menu */
.our-menu-item-style3{
    background-color: rgba(200, 169, 106,0);
    border: 2px dashed rgba(9, 12, 15, 0.07);
    border-radius: 7px;
    margin-bottom: 30px;
    padding: 30px 20px 26px 34px;
}
.our-menu-item-style3:hover,
.our-menu-item-style3.active{
    background-color: rgba(200, 169, 106,0.1);
    border: 2px dashed rgba(9, 12, 15, 0);
    border-radius: 7px;
    margin-bottom: 30px;
    padding: 30px 20px 26px 34px;
}

.our-menu-item-style3 .content-menu-item{
    padding: 8px 15px 0 24px;
}

.our-menu-item-style3 .content-menu-item .pricing{
    margin-top: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #c19977;
}

.our-menu-item-style3 .image img{
    border-radius: 50%;
}
.our-menu-item-style3 .content-menu-item .heading{
    font-size: 27px;
    line-height: 36px;
    font-weight: 400;
    margin: 0;
}

.tf-section.wrap-gallery-our-menu{
    padding: 145px 0 117px 0;
}

.wrap-gallery-our-menu .content-heading-wrap {
    padding-bottom: 98px;
}

.our-menu-item-style3 {
    position: relative;
    display: block;
}

.our-menu-item-style3.style2{
    padding: 30px 20px 30px 41px;
    overflow: hidden;
}

.our-menu-item-style3.style2 .content-menu-item {
    padding: 10px 109px 0 21px;
}

.our-menu-item-style3.style2 .image{
    width: 40%;
}

.our-menu-item-style3.style2 .content-menu-item .heading {
    margin-bottom: 7px;
}
.our-menu-item-style3.style2 .content-menu-item .sub-heading{
    line-height: 28px;
}

.our-menu-item-style3.style2::after{
    content: "";
    border: 2px dashed rgba(9, 12, 15, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.our-menu-item-style3.style2:hover::after,
.our-menu-item-style3.style2.active::after{
    border: 2px dashed rgba(9, 12, 15, 0);
    background-color: rgba(200, 169, 106,0.1);
}

.our-menu-item-style3.style2:hover .pricing,
.our-menu-item-style3.style2.active .pricing{
    background-color: rgba(200, 169, 106,1);
    color: #ffffff;
}

.our-menu-item-style3.style2 .pricing{
    height: 100%;
    width: 80px;
    background-color: rgba(9,12,15,0.07);
    position: absolute;
    top:0;
    right: 0px;
    border-radius: 7px;
    overflow: hidden;
    text-align: center;
    z-index: 11;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.our-menu-item-style3.style2:hover,
.our-menu-item-style3.style2.active,
.our-menu-item-style3.style2{
    border: 0;
}

.our-menu-item-style3.style2 .pricing .rotate {
    -moz-transform:rotate(-90deg);
    -webkit-transform:  rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 30px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    margin-top: -50%;
    position: absolute;
    left: 17%;
    top: 60%;
}

/* Reservation */
.tf-section.wrap-reservation{
    padding: 175px 0 0;
    overflow: hidden;
    z-index: 0;
}

.wrap-reservation .content-heading-wrap {
    padding-bottom: 63px;
}

.wrap-reservation .container-fluid{
    max-width: 1920px;
    padding: 0;
}

.image-reservation.style2 img{
    float: right;
}

.wrap-form-reservation{
    padding: 35px 26px 130px 26px;
}

.form-reservation{
    position: relative;
    background: url(img/imgbgReservation.jpg) no-repeat center center;
    background-size: cover;
    padding: 80px 85px 80px 85px;
}

.form-reservation .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(200, 169, 106,0.1);
    z-index: 0;
}

.form-reservation .comment-form input[type="text"],
.form-reservation .comment-form select{
    padding: 7.5px 21px 7.5px 30px;
}

.form-reservation button{
    width: 100%;
}

.form-reservation .email-wrap::after,
.form-reservation .phone-wrap::after,
.form-reservation .select::after{
    color: #666666;
}

.form-reservation .email-wrap::after {
    content: '\f2b6';
}

.form-reservation .phone-wrap::after{
    content: '\f095';
}

.form-reservation .email-wrap::after,
.form-reservation .phone-wrap::after{
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    right: 30px;
    font-weight: 900;
    display: block;
    position: absolute;
    background: none;
    top: 8px;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    font-weight: 500;
}

.form-reservation .comment-form label.error{
    position: relative;
    top: 0;
    left: 0;
}

.popup-thanks {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    display: flex;
    width: 100%;
    justify-content: center;
}

.popup-thanks.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 500ms ease,opacity 1500ms ease;
    -moz-transition: transform 500ms ease,opacity 1500ms ease;
    -ms-transition: transform 500ms ease,opacity 1500ms ease;
    -o-transition: transform 500ms ease,opacity 1500ms ease;
    transition: transform 500ms ease,opacity 1500ms ease;
}

.popup-thanks.active .popup-thanks-overlay {
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    display: block;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translatey(0);
    transform: translateY(0);
    background-color: rgba(9,12,15,0.95);
    z-index: 1;
}

.popup-thanks-inner {
    position: absolute;
    overflow: hidden;
    top: 14.8%;
    padding: 14% 5% 5% 5%;
    width: 47.8%;
    max-width: 100%;
    overflow-y: auto;
    z-index: 100;
    background: url(img/imgbgthankyou.jpg) no-repeat center center ;
    background-color: #ffffff;
    text-align: center;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    height: 810px;
}

.popup-thanks-inner .title{
    padding: 22px 100px 24px 101px;
    font-size: 70px;
    line-height: 65px;
}

.popup-thanks-inner i{
    font-size: 121px;
    color:#FF1800;
    margin-left: 2px;
}

.popup-thanks-overlay {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    display: none\9;
    visibility: hidden;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99;
    -webkit-transform: translateY(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
}

/* Our chef */
.team-box-style2.active .social-style2,
.team-box-style2:hover .social-style2{
    bottom: 24px;
}

.team-box-style2.active .social-style2 a,
.team-box-style2:hover .social-style2 a {
    opacity: 1;
    visibility: visible;
}

.team-box-style2 .social-style2 a.active,
.team-box-style2 .social-style2 a:hover {
    color: #fff;
    background-color: #c8a96a;
    transition-delay: 0s;
}

/* .team-box-style2 */
.tf-section.wrap-our-chefs.style2{
    padding: 145px 0 100px 0;
    background: none;
}

.tf-section.wrap-our-chefs.style2 .content-heading-wrap{
    padding-bottom: 98px;
}

.team-box-style2.style3 {
    position: relative;
    padding-bottom: 199px;
}

.team-box-style2.style3 .content .position.sub-heading{
    color: #C8A96A;
    font-weight: 600;
}

.team-box-style2.style3 .content{
    background-color: #ffffff;
    box-shadow: 0px 10px 60px rgba(200,169,106,0.15);
    position: absolute;
    overflow: hidden;
    bottom: 30px;
    margin: 0 30px;
    padding: 31px 20px 16px 20px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-box-style2.style3.active .content,
.team-box-style2.style3:hover .content{
    padding-bottom: 77px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-box-style2.style3 .content .text{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 28px;
    color: #666666;
    margin-top: 7px;
    padding: 0 30px;
}

.team-box-style2.style3 .social-style2{
    justify-content: center;
    align-items: center;
}

.team-box-style2.style3 .social-style2 a{
    margin: 0 3.5px;
}

.team-box-style2.style3 .social-style2 a i{
    color: #616161;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-box-style2.style3 .social-style2 a:hover i,
.team-box-style2.style3.active .social-style2 a.active i{
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.team-box-style2.style3.active .social-style2, 
.team-box-style2.style3:hover .social-style2 {
    bottom: 39px;
}

.team-box-style2.style3 .social-style2, 
.team-box-style2.style3 .social-style2 {
    bottom: 5px;
}

/* ----------- Page Shop -----------*/
.tf-section.our-shop{
    overflow: hidden;
    padding: 130px 0 127px 0;
}

#sidebar .image,
#sidebar .widget{
    margin-bottom: 30px;
}

.widget.widget_tags,
.widget.widget_filter,
.widget.widget-list-product{
    border: 1px solid rgba(9,12,15,0.1);
}

.widget.widget-list-product{
    padding: 30px 20px 25px 34px;
}

.widget.widget-list-product ul li a{
    font-size: 16px;
    line-height: 40px;
    color: #696969;
    display: block;
    margin-bottom: -2px;
}

.widget.widget-list-product ul li a:hover{
    color: #C8A96A;
}

.widget.widget-list-product ul li a::before{
    content: "\f061" ;
    font-family: "Font Awesome 5 Pro";
    margin-right: 7px;
    font-size: 13px;
}

#sidebar .widget-title{
    font-size: 24px;
    margin-bottom: 3px;
}

#sidebar .image{
    position: relative;
    display: flex;
    justify-content: center;
}

#sidebar .image .content{
    position: absolute;
    top: 29px;
    padding: 0 50px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
}

#sidebar .widget.widget_tags .widget-title{
    margin-bottom: 15px;
}


/* widget_filter */
.widget.widget_filter {
    padding: 30px 45px 9px 34px;
}

.filter{
    margin-top: -5px;
}

.filter .price {
    font-size: 24px;
    line-height: 40px;
    font-weight: 400;
    margin-left: 7px;
}

.filter .price .price-style{
    margin: 0 8px 0 5px;
}

.myRange{
    -webkit-appearance: none; 
    width: 100%;
    height: 5px;
    outline: none;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(200,169,106,1) 0,rgba(200,169,106,0.2) 0);
    overflow: visible;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.myRange::-webkit-slider-thumb{
    -webkit-appearance: none; 
    appearance: none;
    height: 15px;
    width: 7px;
    z-index: 3;
    cursor: pointer;
    background-color: #c8a96a;
}

.myRange::-moz-range-thumb {
    width: 25px;
    height: 25px;
    cursor: pointer;
} 

/* items product*/
.view-items{
    padding: 0 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 38px;
}

.view-items .show-results{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 35px;
    font-weight: 400;
    margin-top: 6px;
}

.btn-show .tf-button{
    padding: 6px 55px 6px 34px;
}

.btn-show .tf-button.color-style3 {
    border: 1px solid rgba(9,12,15,0.1);
}

.btn-show .tf-button.color-style3:hover {
    border: 1px solid #c8a96a;
}

.items-shop{
    overflow: hidden;
    margin-bottom: 47px;
}

.item-box{
    width: 33.3333333%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.item-box .item{
    position: relative;
}

.item-box .item::after {
    content: "";
    border: 1px solid rgba(9,12,15,0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.item.style2{
    position: relative;
}

.item.style2::after {
    content: "";
    border: 1px solid rgba(9,12,15,0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.item.style2 .product-content{
    padding-bottom: 0px;
}

.item.style2 .product-content .pricing{
    padding-bottom: 25px;
}

.item .hover-effect::before{
    background-color: #090C0F;
}

.item .hover-effect.active::before, 
.item .hover-effect:hover::before {
    opacity: 0.65;
}

.item .hover-effect .product-actions{
    z-index: 2;
    position: absolute;
    margin-top: -30px;
    opacity: 0;
    text-align: right;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: 82.4%;
    display: flex;
    justify-content: center;
}

.item.active .hover-effect .product-actions,
.item .hover-effect:hover .product-actions{
    opacity: 1;
    margin: 0;
}

.product-actions .exchange,
.product-actions .heart {
    width: 45px;
    height: 45px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 5px;
    line-height: 35px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.product-actions .exchange:hover,
.product-actions .heart:hover{
    background-color: #c8a96a;
    color: #ffffff;
}

.product-actions span i{
    font-size: 13px;
}

.product-actions .tf-button{
    padding: 5px 46px 5px 25px;
    margin: 0 7px;
}

.product-content{
    padding: 29px 20px 7px 29px;
}

.product-content .name-product{
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 0;
}

.product-content .pricing{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 35px;
    color: #696969;
    margin-top: -2px;
}

/* ----------- Page Shop Details -----------*/
.image-details{
    width: 100%;
}
.image-details .image-inner img,
.image-details .image{
    margin-bottom: 30px;
}
.image-details .image-inner .col-box{
    padding: 0;
}
.image-details .image-inner .col-box.style1{
    padding-left: 0;
    padding-right: 20px;
}
.image-details .image-inner .col-box.style2{
    padding:  0 10px;
}
.image-details .image-inner .col-box.style3{
    padding-left: 20px;
    padding-right: 0px;
}

.image-details .image-inner .style2{
    margin-right: 0px;
}

.details_content{
    padding: 5.2% 16% 2% 17.3%;
}

.details_content .name-product{
    font-size: 50px;
    line-height:35px;
    margin-bottom: 18px;
}

.details_content .pricing{
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height:35px;
    color: #c8a96a;
    margin-bottom: 26px;
}

.details_content .text{
    padding-left: 3px;
    margin-bottom: 41px;
}

.product-actions.style2{
    padding-left: 3px;
    margin-bottom: 41px;
}

.product-actions.style2 .color-style1::before {
    background-color: #1d1d1d;
}

.product-actions.style2 .color-style1::after{
    display: none;
}

.product-actions.style2 .tf-button.color-text:hover {
    color: #ffffff;
}

.tf-button.color-text.bgalt::before {
    background-color: #f9f6f0;
}

.product-actions.style2 .heart{
    border: 2px solid rgba(9,12,15,0.07);
}

.product-actions.style2 .heart i{
    font-size: 15px;
}

.product-actions.style2 .heart:hover{
    border: 2px solid #c8a96a;
    color: #ffffff;
    background-color: #c8a96a;
}


.product-actions.style2 input[type=number]{
    border: 2px solid rgba(9,12,15,0.07);
    line-height:46px;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #1d1d1d;
    z-index: 10;
}

.product-actions.style2 .quantity{
    position: relative;
    overflow: hidden;
    width: 88px;
}

.product-actions.style2 i.fa-caret-up,
.product-actions.style2 i.fa-caret-down{
    position: absolute;
    font-size: 12px;
    color: #c8a96a;
    right: 33px;
}

.product-actions.style2 i.fa-caret-up{
    top: 14px;  
}

.product-actions.style2 i.fa-caret-down{
    bottom: 13px;
}

.product-actions.style2 .tf-button {
    padding: 0px 31px 0px 31px;
    margin: 0px 10px;
    line-height: 50px;
    height: 50px;
    border-radius: 0px;
}

.product-actions.style2 .heart{
    height: 50px;
    width: 60px;
    line-height: 40px;
    color: #c8a96a;
}

.tag-category{
    padding-left: 3px;
}

.tag-category ul{
    line-height: 0;
}

.tag-category ul li{
    display: inline-block;
}

.tag-category ul li,
.tag-category ul li span,
.tag-category ul li a{
    font-family: 'Forum', cursive;
    font-size: 22px;
    line-height: 40px;
    color: #1d1d1d;
    font-weight: 400;
}

.tag-category ul li a:hover{
    color: #c8a96a;
}

.tag-category .category li{
    margin-right: 26px;
}

.tag-category .tag{
    margin-top: -4px;
}

.title-details{
    margin-top: 38px;
    margin-bottom: 13px;
    letter-spacing: 0.3px;
}

/* stars */
.stars {
    width: 100%;
    display: flex;
    margin-bottom: 23px;
}

.stars .review{
    line-height: 0;
    padding: 9px;
    margin-left: 10px;
}
 
input.star { 
    display: none; 
}
 
.review li {
    color: #ffab50;
    font-size: 15px;
    margin-right: 8.5px;
}

/* comment-form-shop */
.comment-form.comment-form-style2 .name,
.comment-form.comment-form-style2 .phone,
.comment-form.comment-form-style2 .email{
    width: 33.333333%;
    float: left;
}

.comment-form.comment-form-style2 .name{
    padding-right: 20px;
}

.comment-form.comment-form-style2 .phone{
    padding:  0 10px;
}

.comment-form.comment-form-style2 .email{
    padding-left: 20px;
}

.comment-form.comment-form-style2 .seclect{
    width: 100%;
    display: block;
}


.comment-form.comment-form-style2 select,
.comment-form.comment-form-style2 textarea, 
.comment-form.comment-form-style2 input[type="text"],
.comment-form.comment-form-style2 input[type="number"],
.comment-form.comment-form-style2 input[type="email"]{
    border: 2px solid rgba(9, 12, 15, 0);
    background-color: rgba(9, 12, 15, 0.05);
    padding: 5.5px 21px 5.5px 29px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family: 'Open Sans', sans-serif;
}

.comment-form.comment-form-style2 select{
    padding: 4px 21px 6px 29px;
}

.comment-form.comment-form-style2 input::placeholder{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.comment-form.comment-form-style2 textarea::placeholder{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.comment-form.comment-form-style2 select,
.comment-form.comment-form-style2 input[type="text"],
.comment-form.comment-form-style2 input[type="number"],
.comment-form.comment-form-style2 input[type="email"]{
    height: 60px;
}

.comment-form.comment-form-style2 .select{
    padding: 0;
    width: 100%;
}
.comment-form.comment-form-style2 .active input[type="text"],
.comment-form.comment-form-style2 textarea:focus, 
.comment-form.comment-form-style2 select:focus,
.comment-form.comment-form-style2 input[type="text"]:focus,
.comment-form.comment-form-style2 input[type="number"]:focus,
.comment-form.comment-form-style2 input[type="email"]:focus{
    background-color: rgba(9, 12, 15,0);
    border: 2px solid #C8A96A;
}

.comment-form.comment-form-style2 fieldset{
    margin-bottom: 30px;
}

.comment-form.comment-form-style2 fieldset.message{
    margin-top: -5px;
    width: 100%;
}

.comment-form.comment-form-style2 fieldset textarea{
    padding: 11.5px 21px 28.5px 29px;
}

.comment-form-style2 #comment-reply.tf-button::after {
    margin-left: 10px;
}

.comment-form-style2 #comment-reply.tf-button {
    padding: 10px 57px 10px 34px;
}

.comment-form-style2 .tf-button.color-text:hover{
    color: #fff;
}

/* wrap-shop details */
.tf-section.wrap-shop-details{
    padding: 15px 0 112px 0;
}

.wrap-shop-details .content-heading-wrap {
    padding-bottom: 98px;
}

/* ----------- Page Contact -----------*/
.infor-contact {
    padding: 63px 55px 47px 80px;
    margin-right: 14px;
}

.infor-contact .heading{
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 12px;
}

.infor-contact .text{
    margin-bottom: 29px;
}

.infor-contact .widget.widget-info{
    margin-bottom: 25px;
}

.infor-contact .widget.widget-info.style2{
    margin-top: -2px;
}

.widget.widget-info .icon{
    padding-top: 9px;
    margin-right: 21px;
}

.widget.widget-info .icon i{
    font-size: 45px;
    color: #C8A96A;
}

.widget.widget-info .infor-text .title{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    color: #696969;
    margin-bottom: 4px;
}

.widget.widget-info .infor-text p{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
}

.form-contact{
    padding: 74px 80px 91px 79px;
    margin-left: 36px;
}

.form-contact .heading{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 5px;
}

.form-contact .text{
    font-size: 18px;
    line-height: 32px;
    padding-left: 1px;
    margin-bottom: 34px;
}

.form-contact .comment-form.comment-form-style2 fieldset{
    width: 100%;
    padding: 0;
}

.comment-form.comment-form-style2.style2 input[type="text"],
.comment-form.comment-form-style2.style2 input[type="email"]{
    padding: 5.5px 21px 5.5px 31px;
    height: 65px;
}

.comment-form.comment-form-style2.style2 input[type="text"],
.comment-form.comment-form-style2.style2 input[type="email"],
.comment-form.comment-form-style2.style2 textarea{
    border: none;
    background-color:#ffffff;
}

.comment-form.comment-form-style2.style2 .email,
.comment-form.comment-form-style2.style2 .name{
    position: relative;
}

.comment-form.comment-form-style2.style2 .name::after,
.comment-form.comment-form-style2.style2 .email::after{
    font-family: "Font Awesome 5 Pro";
    font-size: 18px;
    color: #c8a96a;
    position: absolute;
    right: 32px;
    top: 11px;
}

.comment-form.comment-form-style2.style2 .name::after{
    content: "\f007";

}

.comment-form.comment-form-style2.style2 .email::after{
    content: "\f2b6";
}

.comment-form.comment-form-style2.style2 textarea{
    padding: 18.5px 21px 12.5px 31px;
}

.comment-form.comment-form-style2.style2 fieldset {
    margin-bottom: 15px;
}

.comment-form-style2.style2 #comment-reply.tf-button {
    padding: 10px 67px 10px 47px;
    letter-spacing: 0.4px;
    border-radius: 0;
}
.comment-form-style2.style2 #comment-reply.tf-button.color-style1{
    background-color: #B68C5A;

}
.comment-form-style2.style2 #comment-reply.tf-button::after {
    margin-left: 9px;
}

.tf-section.map{
    padding: 0 0 110px;
}

.flat-map iframe{
    height: 590px;
}

/* ==============================================================*/
/* # RESPONSIVE */
/* ==============================================================*/
@media only screen and (max-width: 1699px) {
    .tf-heading-bg .heading-bg-style02,
    .tf-heading-bg .heading-bg-style{
        left: 0% !important;
        font-size: 150px !important;
        text-align: center;
    }

    .wrap-img-food-inner .img-food-2,
    .wrap-img-food-inner .img-food-1{
        padding-left: 0px !important;
    }
    
}

@media only screen and (max-width: 1550px) {
    .slider-item .page-tittle-slider{
        padding:  0 5%;
    }

    .content-slider{
        padding: 0 !important;
    }

    .page-title-style2 .slider-item .page-tittle-slider .heading-tittle h1{
        margin-right: 0 !important;
    }

    .slider-style3 .page-tittle-slider .content-slider{
        padding-top: 150px !important;
    }

    .tf-section.wrap-our-menu-style2 .imgbg1 {
        top: 45%;
    }

    .wrap-form-reservation{
        padding: 20px !important;
    }

    .wrap-img-food-inner .img-food-3,
    .wrap-img-food-inner .img-food-1 {
        position: relative;
        left: 0;
        top: 0;
    }

    .wrap-img-food-inner .img-food-3,
    .wrap-img-food-inner .img-food-1 {
        width: 25%;
    }

    .wrap-img-food-inner .img-food-2{
        width: 50%;
    }

    .tf-section.wrap-testimonials-style02 .swiper-button-prev {
        left: 50px;
    }

    .tf-section.wrap-testimonials-style02 .swiper-button-next {
        right: 50px;
    }
}
@media only screen and (max-width: 1366px) {

    .slider-style2 .page-tittle-slider .images-slider2{
        padding-top: 15% !important;
    }

    .tf-section.wrap-about-us-style02 {
        height: 900px;
    }

    .wrap-brand-style03-style2 .owl-carousel .owl-nav.disabled {
        display: none;
    }


    .form-reservation{
        padding: 40px;
    }

    #site-header #site-header-inner #main-nav { left:16%; }

    #site-header #site-header-inner .header-contact {
        right: 14%;
        /* top: 13px; */
    }

}

@media (max-width: 1300.98px) {
    .header-contact {
        display: none !important;
    }
  
}
@media only screen and (max-width: 1199px) {
    .flat-tabs.flat-tabs-category .content-tab .content-inner .image,
    .widget.widget-contact,
    .widget.widget-Newsletters,
    .widget.widget-Facilities {
        padding-left: 0px !important;
    }

    .about-inner-content-box,
    .flat-tabs.flat-tabs-category .content-tab .content-inner .image2{
        padding-right: 0px !important;
    }

    .no-pd-right{
        padding-right: 15px !important;
    }

    .no-pd-left{
        padding-left: 15px !important;
    }

    .col-left-ourmenu{
        padding-left: 5% !important;
    }

    .col-right-ourmenu{
        padding-right: 5% !important;
    }

    .team-box-style2.style3 .content .text,
    .wrap-form-reservation,
    .padding-left-106,
    .padding-right-121,
    .padding-right-73,
    .padding-right-5,
    .padding-left62,
    .padding-left21,
    .padding-right19,
    .padding-right61{
        padding: 0px !important;
    }

    .tf-section.wrap-our-menu .imgbg1,
    .tf-section.wrap-our-menu .imgbg2{
        display: none;
    }

    #footer .tf-footer-inner .col-md-4{
        padding: 0 15px !important;
    }


    #sidebar .widget.widget_tags,
    .widget.widget_filter,
    .widget.widget-list-product{
        padding: 15px;
    }

    .slider-style2 .page-tittle-slider .images-slider2 {
      padding-top: 27% !important;
    }

    .form-subscribe-footer button{
        right: 0 !important;
    }

    .tf-section.wrap-category .col-md-2{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .items-shop .item-box,
    .our-menu-item-style3.style2 .image,
    .wrap-img-food-inner .img-food-2{
        width: 50% !important;
    }

    .items-shop .item-box .item .hover-effect .image img{
        width: 100%; 
    }

    .wrap-img-food-inner .img-food-3,
    .wrap-img-food-inner .img-food-1{
        width: 25% !important;
    }

    .flat-tabs .menu-tab .col-box.col-16{
        width: 33.33%;
        margin-bottom: 20px;
    }

    .tf-section.wrap-category .col-md-2{
        margin-bottom: 30px;
    }

    .content-tab.style2{
        top: 180%;
    }

    .owl-carousel .owl-dots,
    .header-contact{
        display: none !important;
    }

    .slider-style2 .page-tittle-slider .images-slider1{
        left: 55%;
    }

    .filter .price,
    .category-box .category-inner .imagebox-content .heading,
    .margin-right-1,
    .margin-right-15{
        margin: 0px;
    }

    .tf-section.wrap-about-us-style02{
        padding: 70px 0px !important;
    }

    .wrap-about-us-style02 .imgbg_about1 {
        margin-top: -350px;
    }

    .our-menu-item-style3:hover, 
    .our-menu-item-style3.active,
    .our-menu-item-style3,
    .our-menu-item-style3.style2,
    .category-box .category-inner .imagebox-content {
        padding: 20px 15px ;
    }

    .image-box-about3{
        padding: 0 5%;
    }

    .testimonials-inner-style3 .flaticon-quotation{
        right: 25px;
    }

    .comment-form label.error,
    .about-inner-image-box .image img {
        position: relative !important;
        left: 0;
    }

    .our-menu-item-style3.style2.active, .our-menu-item-style3.style2{
        padding-right: 80px !important;
    }

    .our-menu-item-style3.style2 .content-menu-item{
        padding: 0 15px 15px 15px !important;
    }

    .our-menu-item-style3 .content-menu-item .heading {
        font-size: 23px;
    }

    .popup-thanks-inner{
    width: 63%;
    height: 560px;
    }

    .comment-form label.error{
        top: 0 !important;
    }

    .newsletters-subscribe .wrap-form-subscibe{
        width: 80% !important;
    }

    .form-subscribe-footer2 input{
        width: 55% !important ;
    }

}

@media only screen and (max-width: 1100px) {
    .flat-tabs.flat-tabs-menu .col-tab.flex,
    .image-box-about3.flex,
    .our-menu-item-style3.style2.flex, 
    .mobile-button {
        display: block !important;
    }
	
	#site-header-inner>div>.main-nav{
		display:none !important;
	}
	

    .flat-tabs.flat-tabs-category .menu-tab{
        position: relative;
        text-align: center;
        left: 0;
        top: 0;
    }

    .slider-style2 .page-tittle-slider .images-slider2 {
        padding-top: 33% !important;
    }
    
    .tf-section.wrap-our-menu-style03 .col-md-6,
    .tf-section.wrap-our-menu .col-md-6,
    .wrap-about-us-style4 .col-md-5,
    .wrap-about-us-style4 .col-md-7,
    .wrap-our-menu-style2 .col-md-6{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .hover-effect .image img,
    .team-box .team-hover .image img,
    .flat-tabs.flat-tabs-menu .col-box.col-50,
    .col-box.col-75,
    .our-shop .col-box.col-25,
    .image-box-about3 .image-about img,
    .image-box-about3 .image-about,
    .image-box-about3 .content-box,
    .wrap-reservation .col-box.col-40,
    .category-box .category-inner .image img,
    .flat-tabs.flat-tabs-category .menu-tab,
    .wrap-about-us-style02 .col-40{
        width: 100% !important; 
    }

    .our-menu-item.our-menu-item-style02{
        padding: 30px 15px !important;
    }

    .newsletters-subscribe,
    .form-reservation{
        padding: 40px 15px !important;
    }

    .infor-contact{
        padding: 20px;
    }

    .form-contact,
    .infor-contact{
        margin: 0px;
    }

    .form-contact{
        padding: 30px 30px 98px;
    }

    .popup-thanks-inner .title,
    .wrap-form-style02{
        padding: 15px;
    }

    .form-reservation #comment-reply.tf-button {
        padding: 10px 40px 10px 15px;
    }

    .comment-list .children .comment-meta .comment-time,
    #site-header #site-header-inner .flat-button{
        right: 10% !important;
    }

    #site-header #site-header-inner .header-contact{
        right: 40% !important;
    }

    .form-reservation .comment-form fieldset,
    .wrap-counter .col-25{
        width: 50% !important;
    }

    #site-header { 
       /* background-color: #202020;*/
        height: 105px;
    }

    .about-inner-content-box,
    .image-box-about3 .content-box,
    .image-box-about3 .image-about,
    .image-box-about3,
    .details_content,
    .text.padding-right,
    .footer-style03 .widget-about,
    .col-left-ourmenu,
    .col-right-ourmenu,
    .slider-item .page-tittle-slider,
    .padding-right-24,
    .padding-right-38,
    .padding-right-6,
    .image-testimonials .image,
    .wrap-testimonials-slider,
    .tf-img-about{
        padding: 0 !important;
    }

    .content-tab.style2,
    .form-reservation .btn-submit,
    .form-reservation .comment-form fieldset,
    .flat-tabs.flat-tabs-category .menu-tab li,
    .wrap-counter .col-25,
    .content-about-us{
        padding: 0 15px !important;
    }

    .comment-list article .comment-content p{
        padding-right: 50px;
    }

     .swiper-pagination,
    .swiper-button-next,
    .swiper-button-prev,
    .wrap-reservation .col-box.col-30,
    .wrap-about-us-style4 .iconbg_about,
    .testimonials-inner-style3 .flaticon-quotation,
    .tf-section.wrap-booking-style02 .icon-style2,
    .tf-section.wrap-booking .icon-style1,
    .wrap-about-us .iconbg_about,
    .wrap-about-us-style02 .col-30,
    .footer-style02 .iconbg1,
    .footer-style02 .iconbg2,
    .footer-style02 .iconbg3,
    .footer-style02 .iconbg4,
    .owl-carousel .owl-nav{
        display: none !important;
    }

    .tf-section.wrap-about-us-style02 {
        height: auto !important;
    }

    .tf-section.wrap-about-us {
        padding: 340px 0 70px 0;
    }

    .tf-section.tf-blog,
    .tf-section.wrap-reservation,
    .tf-section.our-shop,
    .tf-section.menu-product,
    .tf-section.wrap-testimonials-about,
    .tf-section.wrap-about-us-style4,
    .tf-section.blog-style03,
    .tf-section.wrap-testimonials-style03,
    .tf-section.wrap-our-chefs-style02,
    .tf-section.wrap-our-menu-style03,
    .tf-section.wrap-about-style03,
    .tf-section.wrap-category-style03,
    .tf-section.wrap-category-style02,
    .tf-section.wrap-about-us-style02,
    .tf-section.wrap-testimonials,
    .tf-section.wrap-gallery,
    .tf-section.wrap-our-menu,
    #footer{
        padding: 70px 1rem !important;
    }

    .form-reservation .comment-form fieldset{
        float: left;
    }

    .team-box .team-hover .content .widget.widget_socials li a{
        width: 27px;
        height: 27px;
        line-height: 27px;
        font-size: 13px;
    }

    .tf-section.wrap-video-popup{
        padding: 150px 0;
    }
    .tf-section.product-details,
    .wrap-form-reservation,
    .tf-section.wrap-brand{
        padding-bottom: 70px;
    }

    .tf-section.wrap-category .content-section-category {
        padding-bottom: 40px;
    }

    .menu-out-item .pricing-menu-item{
        font-size: 38px;
    }

    .our-menu-item-style3.style2 .content-menu-item{
        padding: 15px !important;
    }

    .widget.widget-contact,
    .widget.widget-Facilities,
    .image-box-about3 .content-box,
    .flat-tabs-category .col-tab .image2 img,
    .menu-out-item {
        padding-left: 0px !important;
    }

    .flat-tabs-category .col-tab .image img,
    .menu-out-item {
        padding-right: 15px;
    }
    .our-menu-item.our-menu-item-style02 .content-menu-item .heading,
    .menu-out-item .content-menu-item .heading {
        font-size: 20px;
    }

    .gallery-box .hover-effect .content-box .content .heading{
        font-size: 23px;
    }

    .our-menu-item.our-menu-item-style02 .content-menu-item {
        left: 125px;
    }

    .content-heading-wrap{
        padding-bottom: 50px !important;
    }

    .team-box-style2 .social-style2 a{
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-right: 5px;
    }

    .team-box-style3 .social-style2 a {
        font-size: 12px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    .team-box,
    .tf-icon-box.tf-icon-box-style02,
    .image-box-about3 .image-about,
    #footer .widget,
    .flat-tabs.flat-tabs-category .menu-tab,
    .box.box-countter-chefs{
        margin-bottom: 30px !important;
    }

    .tf-section.wrap-category-box .col-md-3,
    .wrap-our-chefs .col-md-3,
    .wrap-our-chefs.style2 .col-md-4,
    .wrap-category-style03 .col-md-3,
    #footer .col-md-3,
    #footer .col-md-5,
    #footer .col-md-2,
    #footer .col-md-4{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .category-box .category-inner .imagebox-content {
        padding: 40px 30px ;
    }

    .team-box-style2 .content.active .widget_socials li a,
    .team-box-style2 .content .widget_socials li a{
        width: 25px !important;
        height: 25px !important;
        line-height: 25px !important;
        font-size: 12px !important;
    }

    .testimonials-inner-style3 {
        padding: 20px 25px;
    }

    .footer-style03 #scroll-top {
        left: 40% !important;
    }

    .about-inner-image-box {
        padding-bottom: 175px;
        width: 90%;
        float: right;
        margin-top: 30px;
    }

    .about-inner-image-box .image img {
        position: absolute !important;
        left: 15px;
    }

    .about-inner-image-box .about-box-list {
        width: 54%;
        padding: 35px 0 0 75px;
    }

    .about-inner-image-box .box.box-countter-chefs {
        bottom: 20px;
    }

    .widget.widget_search .search-form .search{
        padding: 10px 15px !important;
    }

    .widget.widget_search .search-form .icon-search::after{
        right: 15px !important;
    }

    .product-actions .tf-button{
        padding: 5px 35px 5px 15px;
    }

    .tf-section.wrap-category{
        padding: 153px 0 250px 0;
    }
    
    .content-tab.style2 {
        top: 160%;
    }

    .wrap-img-food-inner .img-food-3{
        padding-top: 50px;
    }

    .tf-bottom-inner .widget.widget_socials,
    #bottom .Copyright,
    .footer-style03 #bottom  .sub-heading-style2 ul{
        width: 100%;
        text-align: center;
    }
  
}

@media only screen and (max-width: 767px) {
    body {
        padding-top: 155px;
    }

    .slider-style2 .page-tittle-slider .title.title-style1{
        font-size: 70px;
        line-height: 80px;
    }

    .newsletters-subscribe.flex{
        display: block;
    }

    .page-title.page-title-style3 .slider-item .page-tittle-slider .heading-tittle h1,
    .page-title-style2 .slider-item .page-tittle-slider .heading-tittle h1,
    .slider-item .page-tittle-slider .heading-tittle h1{
        font-size: 80px !important;
        line-height: 100px !important;
    }



    .about-inner-image-box .image img{
        top: 0%;
        left: 0 !important;
    }

    .about-inner-image-box{
        padding-top: 0px;
        padding-right: 0px;
    }

    .content-tab.style2 {
        top: 30px;
        padding: 0 15px;
        z-index: -1;
    }

    .wrap-img-food-inner .img-food-1,
    .wrap-img-food-inner .img-food-2,
    .wrap-img-food-inner .img-food-3{
        margin: 30px 0;
    }

    .tf-section.wrap-brand{
        padding-bottom: 70px;
    }

    .form-contact{
        padding: 20px;
    }

    .wrap-img-food,
    .tf-section.wrap-category{
        padding: 70px 1rem !important;
    }

    .tf-heading-bg .heading-bg-style02, .tf-heading-bg .heading-bg-style {
        font-size: 85px !important;
        line-height: 100px !important;
        text-align: center;
    }

    .tf-heading-bg .heading-bg-style02 {
        margin-bottom: -80px;
    }

    .about-inner-image-box.flex,
    .col-tab.flex,
    .image-box-about3.flex,
    .image-form-booking.flex,
    .wrap-img-food-inner.flex{
        display: block !important;
    }

    .form-reservation .btn-submit,
    .bottomstyle3 .sub-heading-style2,
    #footer .tf-bottom-inner .Copyright,
    #footer .tf-bottom-inner .widget.widget_socials{
        text-align: center;
    }

    .tf-section.wrap-category-box .col-md-3,
    .wrap-our-chefs .col-md-3,
    .wrap-our-chefs.style2 .col-md-4,
    .wrap-category-style03 .col-md-3,
    #footer .col-md-3, 
    #footer .col-md-5,
    #footer .col-md-2,
    #footer .col-md-4{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .popup-thanks-inner{
        width: 90%;
        height: 475px;
    }

    .form-reservation .btn-submit,
    .item.style2 .hover-effect .image img,
    .newsletters-subscribe .wrap-form-subscibe,
    .newsletters-subscribe .title,
    .image-details .image img,
    .about-inner-image-box .image,
    .about-inner-image-box,
    .about-inner-image-box .image img,
    .tf-icon-box.tf-iconbox-category,
    .flat-tabs .menu-tab .col-box.col-16,
    .team-box .team-hover .image img,
    .col-box.col-45,
    .col-box.col-55,
    .comment-form.comment-form-style2 .name, 
    .comment-form.comment-form-style2 .phone, 
    .comment-form.comment-form-style2 .email,
    .col-box.col-75,
    .items-shop .item-box,
    #sidebar .image img,
    .image-reservation img,
    .wrap-reservation .col-box.col-30,
    .wrap-reservation .col-box.col-40,
    .flat-tabs-menu .col-box.col-50,
    .bottomstyle3 .sub-heading-style2,
    .team-box-style2 .image img,
    .col-box.col-20,
    .image-box-about3 .image-about img,
    .image-box-about3 .content-box,
    .image-box-about3 .image-about,
    #footer .tf-bottom-inner .Copyright,
    #footer .tf-bottom-inner .widget.widget_socials,
    .wrap-form-style02 .comment-form-style02 fieldset,
    .slider-style2 .page-tittle-slider .content-slider,
    .wrap-booking .image-form-booking .wrap-form,
    .wrap-booking .image-form-booking .image,
    .image-form-booking .image img,
    .gallery-box .image img,
    .category-box .image img,
    .image-testimonials .image img,
    .gallery-box .hover-effect .image img,
    .col-25,
    .col-50,
    .tf-img-about img,
    .wrap-img-food-inner .img-food-1 img,
    .wrap-img-food-inner .img-food-2 img,
    .wrap-img-food-inner .img-food-3 img,
    .wrap-img-food-inner .img-food-1, 
    .wrap-img-food-inner .img-food-2,
    .wrap-img-food-inner .img-food-3{
        width: 100% !important;
    }

    .bottomstyle3 .sub-heading-style2{
        text-align: center;
    }

    .comment-form.comment-form-style03 fieldset,
    .form-reservation button {
        width: 60%;
    }

    .comment-form.comment-form-style03 fieldset{
        float: left;
    }

    .widget.widget-contact,
    .widget.widget-Facilities,
    .comment-list article .comment-content p,
    .comment-form.comment-form-style2 .name, 
    .comment-form.comment-form-style2 .phone, 
    .comment-form.comment-form-style2 .email,
    .popup-thanks-inner .title,
    .padding-top134,
    .about-inner-content-box,
    .image-box-about3 .content-box,
    .image-box-about3 .image-about,
    .image-box-about3,
    .padding-top15,
    .padding-top55,
    .padding-top2,
    .padding-top32,
    .wrap-img-food-inner .img-food-1, 
    .wrap-img-food-inner .img-food-2,
    .wrap-img-food-inner .img-food-3{
        padding: 0px !important ;
    }

    .tf-section.wrap-about-us{
        padding-top: 70px;
    }

    .page-title-style2 .slider-item .page-tittle-slider .heading-tittle h1{
        margin: 0px !important;
    }

    .details_content,
    .slider-item .page-tittle-slider .wrap-video{
        margin-top: 20px;
    }
    .newsletters-subscribe .title{
        margin-bottom: 20px !important;
    }

    .slider-style2 .page-tittle-slider .images-slider1,
    .page-tittle-slider .images-slider2,
    #tf-footer #site-logo-3 ,
    .wrap-testimonials-slider .owl-dots,
    #site-header #site-header-inner .flat-button,
    #site-header #site-header-inner .header-contact{
        display: none;
    }

    .image-form-booking .wrap-form form .btn-submit,
    .team-box,
    .infor-contact,
    .team-box-style2,
    .about-inner-content-box,
    .image-box-about3 .image-about,
    .testimonials-style,
    .tf-section.wrap-about-us .col-md-6,
    #footer .widget{
        margin-bottom: 30px;
    }

    .tf-section.wrap-category .col-md-2{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tf-heading-bg .heading-bg-style{
        font-size: 86px;
    }

    .about-inner-image-box .about-box-list{
        padding-left: 30px;
    }

    .menu-out-item.menu-out-items-style02{
        padding-left: 15px;
    }

    .no-pd-right,
    .menu-out-item.menu-out-items-style02{
        padding-right: 15px !important;
    }
    
    .slider-style3 .page-tittle-slider .content-slider {
        padding-top: 200px !important;
    }

    .team-box-style2 .social-style2 a,
    .team-box-style2 .social-style2 a{
        width: 35px !important;
        height: 35px !important;
        line-height: 35px !important;
        font-size: 15px !important;
    }

    .our-menu-item-style3.style2 .image {
        width: 40% !important;
    }

    .popup-thanks-inner {
        padding: 100px 20px;
    }

}

@media only screen and (max-width: 490px) {
    .page-title {
        padding: 130px 0;
    }

    .form-subscribe-footer2 input,
    .slider-item .page-tittle-slider .wrap-video{
        margin: 0px !important;
    }

    .page-title-inner .page-title-heading .heading{
        font-size: 55px;
    }

    .popup-thanks-inner .title{
        font-size: 50px;
    }

    .comment-list .children > li .gravatar,
    .comment-list article .gravatar{
        margin-right: 15px;
    }

    .image-details .image-inner .col-box.style1,
    .image-details .image-inner .style2,
    .image-details .image-inner .col-box.style3,
    .comment-list .children > li,
    .testimonials-style2,
    .flat-tabs-category .col-tab .image2,
    .flat-tabs-category .col-tab .image img,
    .flat-tabs-category .col-tab .image2 img{
        padding: 0px !important;
    }

    .form-subscribe-footer2 .tf-button{
        top: 70px;
        left: 0;
    }

    .newsletters-subscribe{
        padding: 15px 15px 100px!important;
    }

    .our-menu-item-style3.style2 .content-menu-item,
    .comment-list .children .comment-wrap{
        padding-left: 0px !important;
    }

    .about-inner-image-box{
        padding-top: 0px !important;
    }

    .about-inner-image-box{
        padding-right: 0 !important;
    }

    .about-inner-image-box .about-box-list,
    .testimonials-style2 .testimonials-inner {
        padding: 15px !important;
    }

    .flat-tabs-category .col-tab .image {
        margin-bottom: 30px;
    }

    .wrap-form-style02 #comment-reply.tf-button {
        padding: 10px 59px 10px 34px;
    }

    .slider-item .page-tittle-slider .wrap-video{
        float: left;
    }

    .about-inner-image-box.flex,
    .col-tab.flex{
        display: block;
    }

    .comment-list .comment-meta .comment-time,
    .slider-style2 .icon-bg1,
    .slider-style2 .icon-bg2,
    .slider-style2 .icon-bg3,
    .slider-style2 .icon-bg4{
        display: none;
    }

    .image-details .image-inner .col-box.col-33,
    .form-subscribe-footer2 input,
    .our-menu-box.mb .our-menu-item .pricing-menu-item,
    .our-menu-box.mb,
    .image-details .image-inner img,
    .form-reservation button,
    .form-reservation .comment-form fieldset,
    .about-inner-image-box .about-box-list,
    .about-inner-image-box .image,
    .about-inner-image-box .image img,
    .comment-form.comment-form-style03 fieldset,
    .flat-tabs-category .col-tab .image img,
    .flat-tabs-category .col-tab .image2 img,
    .wrap-counter .col-25,
    .menu-out-item .content-menu-item,
    .menu-out-item .pricing-menu-item{
        width: 100% !important;     
    }

    .image-details .image-inner img{
        height: 100% !important;
    }

    .tf-heading-bg .heading-bg-style {
        font-size: 74px;
    }

    .our-menu-item-style3.style2 .image {
        width: 50% !important;
    }

    .menu-out-item.menu-out-items-style02 .content-menu-item{
        left: 130px;
    }

    .menu-out-item.menu-out-items-style02 .content-menu-item .sub-heading{
        padding-right: 140px;
    }

    .breadcrumbs ul {
        width: 300px;
    }

    .about-inner-image-box .box.box-countter-chefs {
        right: 30px;
        width: 300px;
    }

    .btn-show.flat-button.float-right{
        float: left !important;
        margin-top: 20px;
    }

    .slider-style3 .page-tittle-slider .content-slider .heading-tittle .sub-title p::before{
        background-color: #ffffff;
    }

    .slider-style3 .page-tittle-slider .content-slider .heading-tittle .sub-title p{
        color: #ffffff;
    }

    .page-title.page-title-style2{
        padding-top: 70px;
    }

    .our-menu-box.mb .our-menu-item{
        text-align: center;
        padding:  20px 15px 15px;
    }

    .our-menu-box.mb .our-menu-item .content-menu-item{
        float: none;
    }

    .about-inner-image-box .box.box-countter-chefs .countter-box{
        padding-left: 15px;
    }

    .our-menu-item-style3 .content-menu-item{
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 0;
    }
}





/* ==============================================================*/
/* # ICONS */
/* ==============================================================*/
#iconphone { width: 30px; height: 30px;}




/* ==============================================================*/
/* # PARALLAX */
/* ==============================================================*/
.boximg {
    width: 100%;
    aspect-ratio: 4/1.5;
    display: block;
    position: relative;
    overflow: hidden;
}
.boximg img { 
    position: absolute;
    width: 110%;
    height: 110%;
    pointer-events: none;
    object-fit: cover;
    object-position: center;s
    will-change: transform;
    left: 0;
    translate: none;
    rotate: none;
    scale: none;
    transform: translate3d(0px, -20%, 0px);
}


/* ==============================================================*/
/* # HOMEPAGE */
/* ==============================================================*/
.boxcover { height:45vh; }
.cover {  
    height:70vh; width:100%; position: fixed; top:0; left: 0;
    display: flex;     align-items: center;
    justify-content: center;
}
.cover h1 {     color: #fff;
    font-size: 7vw !important;
    line-height: 6vw !important;
    text-align: center;
    text-transform: uppercase;}
.cover h1 span { display: block;}
.cover h1 span.tnome { font-size: 11vw !important;  line-height: 17vh !important;}
@media (max-width: 1199.98px) {
    .cover h1 {    
        font-size: 9vw !important;
        line-height: 8vw !important;
    }
    .cover h1 span.tnome { font-size: 13vw !important;  line-height: 18vh !important;}
}

@media (max-width: 991.98px) {
    .cover h1 span.tnome { line-height: 10vh !important;}
}
@media (max-width: 767.98px) {
    .cover h1 {    
        font-size: 13vw !important;
        line-height: 12vw !important;
    }
    .cover h1 span.tnome { font-size: 18vw !important;  line-height: 13vh !important;}
}

.vbox { 
    display: flex;
    flex-direction: row;
    gap: 2%;
}
.vboximage {
    display: block;
    aspect-ratio: 1/1.5;
}
.vboximage:nth-child(2) {
    margin-top: 25px;
    margin-bottom: -25px;
}
.vboximage img { 
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (max-width: 575.98px) {
    .vbox { 
        flex-direction: column;
    }
    .vboximage {
        aspect-ratio: 1 / 0.5;
    }
    .vboximage:nth-child(2){
        margin-bottom: 0;
    }
    .vboximage img{
        height: 120%;
    }
    .vboximage {
        margin-top:25px;
    }
}

.main-cards { background: linear-gradient(0deg, rgba(249,246,240,1) 0%, rgba(249,246,240,1) 70%, rgba(249,246,240,0) 70%, rgba(249,246,240,0) 100%); position: relative;     padding-bottom: 20px;}
.main-cards .card-1 {     font-size: 15px; background: #fff; height: 100%;     box-shadow: 4px 0 0.7em rgba(0, 0, 0, .15) !important; position: relative; transition: .2s;}
.main-cards .card-1 svg, .main-cards .card-1 img { fill: currentcolor;
    height: 60px;
    width: 60px;
    margin: 0 auto;
}
.cards-box > div:first-child .card-1 { border-radius: 2em 0 0 2em; }
.cards-box > div:last-child .card-1 { border-radius: 0 2em 2em 0;    }
.card-1  .icon { color:var(--col7);}
.card-1:hover { background: var(--colbg2); }
.card-1 div *{  transition: .2s; }
.card-1:hover div .icon{ margin-top: -5px; }

@media (max-width: 991.98px) {
    .cards-box > div .card-1 { border-radius: 2em !important;}
}
/* ==============================================================*/
/* # NEWS */
/* ==============================================================*/
.news-item { cursor: pointer; position: relative;}
.news-item .image { aspect-ratio: 4/2.5; width: 100%; display: block; overflow: hidden; }
.news-item .image img { 
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-transition: 2s;
    -ms-transition: 2s;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    transition: 2s;
}
.news-item:hover .top-content .image img {
    transform: scale(1.2) !important;
}
.news-item .top-content .meta {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    background: #fff;
    text-align: center;
    padding: 15px 14px 15px;
}
.news-item .top-content .meta h4 {
    font-size: 35px;
    color: var(--col7);
    margin-bottom: 0;
    line-height: 1;
    margin-bottom: -2px;
}
.news-item .top-content .meta p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 13px;
}
.news-item h3 { 
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.news-item  .text {
    font-size: 14px;
    line-height: 23px;
    color: var(--col3);
}
.news-item a { color:var(--col8);}
.overlink { width: 100%; height: 100%; display: block; position: absolute; top:0; left:0;}


.news-item.flip {     
    transform: rotate(-50deg);
    left: -50%;
    bottom: -50%;
}
.newlist { padding: 0; }
.newlist li { display: flex; margin-bottom: 10px; gap: 20px;}
.newlist li img {width: 100px; height: 80px; object-fit: cover;}
.newlist .info {    
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.newlist .title { 
    font-weight: bold;
    font-family: 'Forum';
}
.newlist .date { 
    font-size:smaller;
}







.news-list { display: flex;     align-items: center;     gap: 50px; }
/*.news-list:nth-child(3n) { flex-direction: row-reverse;}*/


.news-list .img {
    width: 50%;
    height: 100%;
    
  }

.news-list .img img{
    aspect-ratio: 4/2.5;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 2s;
  }
  
  .news-list .info {
    flex: 1;
  }
  
  .news-list .img,
  .news-list .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .news-list .info {
    margin-left: 20px;
  }

  .news-list .title {    font-weight: bold;
    font-family: 'Forum'; text-transform: uppercase;}
    .news-list .title a:hover{ color:var(--col8); }  
    .news-list  .text {
        font-size: 14px;
        line-height: 23px;
        color: var(--col3);
    }
  
    .blog-divider {
        padding: 50px 0;
        width: 100%;
        display: block;
        clear: both;
        text-align: center;
        margin: 0 auto;
    }

    .blog-divider span {
        display: inline-block;
        width: 10%;
        height: 1px;
        background: #e8e8e8;
    }

    .blog-divider svg {
        padding: 0 15px;
        color: #e8e8e8;
        font-size: 24px;
        position: relative;
        width: 60px;
        height:60px;
    }


    .bg-style2 .blog-divider span {
        background: #efdcb4;
    }

    .bg-style2 .blog-divider svg {
        color: #efdcb4;
    }


    

    .news-list .flat-button.style2 .tf-button {
        padding: 4px 34px;
    }
    .newlist li .img { overflow: hidden; }
    .newlist li:hover img { scale:1.2; transition: 2s;}
    .newlist li img {  transition: 2s;}

@media (max-width: 767.98px) {
    .news-list {
        flex-direction: column;
    }
    .news-list .img {width: 100%; margin-bottom: 25px; margin-right: 0;}
}
.icondate { 
    width: 20px;
    height: 20px;
    color:var(--col7);
    vertical-align: text-top;
}
.info .title { text-transform: uppercase;}
.info .icondate {     width: 18px;
    height: 18px; }

/* ==============================================================*/
/* # PAGINA MENU */
/* ==============================================================*/
.titleline { position: relative;     display: inline-block; margin: 0 auto; }
.titleline::before { content: "";
    position: absolute;
    bottom: 20px;
    left: -52px;
    width: 40px;
    height: 2px;
    background: var(--col7);
}
.titleline::after { content: "";
    position: absolute;
    bottom: 20px;
    right: -52px;
    width: 40px;
    height: 2px;
    background: var(--col7);
}
.menu-list { display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 5%;
    padding: 0 0 0 5%;
    margin-top: 20px;
    justify-content: center;
    max-width: 950px;
    margin: 0 auto;
}

#produzione .menu-list {
    gap: 0 10%;
    max-width: 700px;
}


.menu-list li{ 
    width: 45%; 
    text-align: left; 
    font-size: large;     
    border-bottom: 1px solid #eee;
    padding: 10px 0px;     
}
.menu-list li:empty { visibility:hidden;}
.menu-list li .descrizione{ font-style: italic; color:#aaa; font-size: small;  }
.spacediv { display: block; width: 100%; height: 150px;}

.imgover img { transition: 2s;}
.imgover:hover img { scale:1.2;}

@media (max-width: 575.98px) {
    .menu-list li {
        width: 95%;
    }
}
/* ==============================================================*/
/* # PAGE - POST */
/* ==============================================================*/

.post-template-default main {  padding: 10px 0 150px;}
.page-template main { padding: 0px; }
.search-results main, .search-no-results main {  padding: 200px 0 50px;}


/*#menu-item-25 { border: 1px solid #fff; }*/


/* ==============================================================*/
/* # CONTATTI */
/* ==============================================================*/
a.social svg { fill:var(--col7);}
a.social:hover svg { fill:#fff;}
.ar43 { aspect-ratio: 4/3;}




/* ==============================================================*/
/* # PRENOTA */
/* ==============================================================*/
.people-select-box {
    /* height: 60px; */
    line-height: 44px;
    padding: 6px 0;
    border-top: 2px solid #EEE;
    border-bottom: 2px solid #EEE;
}

.people-select-box span {
    padding-left: 2px;
}

.people-select-box .select-style {
    float: right;
    height: 40px;
    line-height: 40px;
}

.people-select-box .select-style select {
    line-height: 30px; border: 0;     cursor: pointer; padding: 5px 10px;
    background: transparent;
}

select:focus-visible {
    outline:0;
}


.select-style {
    background: #fff;
    border: 1px solid #e1e0e1;
    width: 85px;
    border-radius: 20px;
    margin-top: 3px;
    text-align: center;
}

#morethan12 { display: none;}

@media (max-width:480px) {
    .people-select-box {
        height: 62px;
        line-height: 24px;
    }

    .people-select-box span {
        max-width: 250px;
        padding-left: 0;
        float: left;
    }
}

@media (max-width:360px) {
    .people-select-box {
        height: auto;
        overflow: hidden;
    }

    .people-select-box span {
        max-width: 208px;
    }
}



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #ffffff !important;
    background: #ffffff !important;
    font-weight: normal;
    text-align: center;
}
/* OGGI */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #84ace7 !important;
    background: #84ace7 !important;
    color: #000 !important;
}

/* DISABILITATO */
.ui-state-default:hover{
    border: 1px solid var(--col7) !important;
}



.ui-datepicker-current-day .ui-state-active {
    background:var(--col7) !important;
    border: 1px solid var(--col7) !important;
}



/* DISABILITATO */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .25;
    -ms-filter: "alpha(opacity=25)";
    background-image: none;
}





  .ui-datepicker-inline {
      max-width: 100%; width: 100% !important;
  }
   .ui-state-disabled {
       color: #e7e7e7;
   }
.ui-widget.ui-widget-content {
    border: 2px solid #EEE;
}
.ui-widget-header {border: 0px !important;}

/*
a.ui-state-default:hover,
a.ui-state-default:active{
    color:#000 !important;
}*/
/*
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color:#000 !important;
}
.ui-datepicker-current-day {
    color:#FFF !important;
}
*/
.sceltaorario div a {
    padding: 10px 5px;
    margin: 5px;
    text-align: center;
    display: block;
    color: #999;
    border: 1px solid #fff;
    background: #fff;
    font-size: 12px;
    line-height: 14px;
    border-radius: 10px;
}
.sceltaorario div a big{ color:#000;}

.orario.disabled { background:#8b0000; }

.orario:hover, .orario:active {color:#000 !important; }
.orario.active, .orario.active big { background: var(--col7);
    color:#fff !important; }

    .orario.disabled, .orario.disabled.active,  .orario.disabled big {cursor:not-allowed;     opacity: 0.5; }



    .ui-widget-header { background: var(--col7) !important; color:#fff !important; }
    .ui-widget.ui-widget-content { border: transparent !important;}
    .ui-widget-content { background: transparent !important;}
    .ui-datepicker table {border:0; }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 2px !important;
    }
    .ui-datepicker .ui-datepicker-prev {
        left: 1px !important;
    }
    .ui-datepicker .ui-datepicker-next {
        right: 1px !important;
    }
    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px !important;
    }
    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px !important;
    }


.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid var(--col7) !important;
	background: #fff !important;
	color: #2b2b2b !important;
}
.ui-datepicker th { color: var(--col7); }
/*#bookingform { display: none;}*/
#step2, #step3, #step4 { display: none;}


.step-container { width: 100%;     height: 100px; display: block;}
.stepper, .step-item { display: flex; align-items: center; position: relative;}
.step-n { 
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 3rem;
    height: 3rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    border: 2px solid #ddd;
    border-radius: 100%;
    color: #ddd;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
 }
.step-label {
    width: 8rem;
    text-transform: uppercase;
    text-align: center;
    color:#ddd;
    position: absolute;
    top: 0;
    margin-left: -2.5rem;
    margin-top: 4rem;
    font-size: .75rem;
    font-weight: 500;
}
.step-line {
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    flex: 1 1 auto;
    
    border: 1px solid #ddd;
    margin: 1.5em;
}


.step-item.active .step-n{ 
    border: 2px solid var(--col7);
    background: var(--col7);
    color:#fff;
 }
 .step-item.active .step-label{ 
    color: var(--col7);
 }

 .step-item.done + .step-line { border: 1px solid var(--col7); }

 .step-item.done { cursor: pointer;}
 .step-item.done .step-n{ 
    border: 2px solid var(--col7);
    color: var(--col7);
 }
 .step-item.done .step-label{ 
    color: var(--col7);
 }

 .step-item.done:hover .step-n{ 
    border: 2px solid var(--col7);
    background: var(--col7);
    color:#fff;
 }

 .remodal-close:after {
    color:#000;     line-height: 23px;
 }
 .remodal-close:active, .remodal-close:hover {
    background:var(--col7);
}
/* ==============================================================*/
/* # RISTORANTE */
/* ==============================================================*/
.halfleft { 
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 50%;
    padding: 0;
    top: 0;
}
.halfleft .imgbg { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 0;
    width: 100%;
    display: block;
}
.halfleft img{ display: none; }
@media (max-width: 991.98px) {
    .halfleft { 
        position: relative;
        width: 100%;
        display: block;
    }
    .halfleft img{ display: block; width: 100%; }
    .halfleft .imgbg { background-image: none !important; }
}

.arqtit { font-size: 9vh;     line-height: 7vh; margin-bottom: 30px;}
.arqtit span{ font-size: 6vh;}


.foto1 { 
    width: 70%;
    margin-left: 30%;
}
.foto2 { 
    margin: -6% 0 0 0;
    width: 85%;
}



.medium { font-size: 120%; }
.big1 { font-size: 150%; }
.big { font-size: 200%; font-weight: bold;}

.reveal {
    visibility: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .reveal2 {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
  
    transition: clip-path 1s;
  }
  .reveal2 img { 
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(0.8);
    width: 100%;
    /*object-position: 50% 50%;*/
  } 

.cover {      pointer-events: none; }
.owl-carousel {
    z-index: 0 !important;
}
.home-slide {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 70vh;
}
.home-slide div {
    height: 70vh;
    position: relative;
}
.home-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Aggiungi questo stile personalizzato */
@media (max-width: 767.98px) {
    .text-left-on-mobile {
        text-align: left !important;
    }
}

/* Assicurati che i pulsanti non vadano a capo */
.no-wrap {
    white-space: nowrap;
}