@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

* {
    margin: 0;
    padding: 0;
}
.floatingbtn span {
 background:#1D5069;
 font-size:14px;
 padding: 5px 10px;
 right:50px;
 position:absolute;
 color:#fff;
 transition:all .4s;
 text-wrap:nowrap;
 opacity:0;
}
.floatingbtn span:before {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 5px solid #1D5069;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: inline-block;
    position: absolute;
    right: -5px;
    top: 8px;
}

.floatingbtn {
z-index:10;
position: fixed;
    right: 0px;
    background: #fff;
    bottom: 0px;
    width: auto;
    height: auto;
    box-shadow: 0 0 24px rgba(0, 0, 0, .4);
    
}
.floatingbtn a {
 display:block;
 padding: 10px 10px;
 position:relative;
}
.floatingbtn a:hover img {transform:scale(1.1);}
.floatingbtn a:hover span {
opacity:1;

}

.floatingbtn img {
	width:25px;
    transition:all .4s;
}
.navigation-main > ul > li.menu-item-has-children > a:before,.navigation-main > ul > li.menu-item-has-children > a:after {
    position: absolute;
    content: '';
    right: 17px;
    width: 1px;
    height: 8px;
    background: #000;
    display: inline-block;
    top: calc(50% - 5px);
    transform: rotate(45deg);
}

.navigation-main > ul > li.menu-item-has-children > a:hover:before,.navigation-main > ul > li.menu-item-has-children > a:hover:after {
	background:#1d4f69;
}	


.navigation-main > ul > li.menu-item-has-children > a:after {
	 transform: rotate(-45deg);
     right:22px;
}
.home-slide .slick-next {
right:22px;
background-image:url(http://dev.buffetto.nl/wp-content/uploads/2024/05/slider.svg);

}
.home-slide .slick-prev {
background-image:url(http://dev.buffetto.nl/wp-content/uploads/2024/05/slide-l.svg);
left:20px;}
.home-slide .slick-next,.home-slide .slick-prev {
	position: absolute;
   z-index:2;
   font-size:0px;
   background-color:transparent;
    width: 60px;
    top: 50%;
    background-repeat:no-repeat;
background-position:center;
    height: 60px;
    border-radius: 100px;
    opacity:.3;
    transition:all .4s;
    background-size:20px;
    cursor:pointer;
    border:1px solid #fff;
}
.home-slide .slick-next:hover,.home-slide .slick-prev:hover {
opacity:1;}
.home-slide .slick-next:focus,.home-slide .slick-prev:focus {
outline:none;}
body .navigation-main ul .sub-menu {
position:absolute; 
background:#fff;
top:100%;
opacity:0;
transition:all .4s;
pointer-events: none;
}
body .navigation-main > ul > li > .sub-menu > li.menu-item-has-children > a:before,body .navigation-main > ul > li > .sub-menu > li.menu-item-has-children > a:after  {
position: absolute;
    content: '';
    right: 17px;
    width: 1px;
    height: 8px;
    background: #000;
    display: inline-block;
    top: calc(50% - 5px);
    transform: rotate(-45deg);
}
body .navigation-main > ul li > .sub-menu > li > .sub-menu  {
display:block;
position:absolute;
top:0px;
transform:translatex(250px);
}
body .navigation-main > ul li > .sub-menu > li:hover > .sub-menu {

pointer-events: all ;
opacity:1;

}
body .navigation-main > ul li > .sub-menu > li.menu-item-has-children > a:after {
	transform: rotate(45deg);
    top:50%;
}
body .navigation-main ul .sub-menu li a{
height:50px;
line-height:50px;
width:100%;
border-bottom:1px solid #D3D3D3;
background:#fff;
text-wrap:nowrap;
}
body .navigation-main > ul > li:hover > .sub-menu {
	display:block;
    width:250px;
    top:100%;
    opacity:1;
    pointer-events: all;
}

html,
body {
    font-family: 'Montserrat', sans-serif;
}
.grecaptcha-badge{
visibility: collapse !important;
}
.cart-has-items .hero-inner-block  {
    padding-top:0px !important;
}
.cart-has-items .hero-inner-block .container {
    display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul {
    text-decoration: none;
    margin: 0;
    padding: 0;
    list-style: none;
}
.modal-open .header-main {
    z-index: 9;
}
.form-section {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99999;
    right: 0px;
    top:0px;
}
.form-section:before {
    position: fixed;
    width: 100%;
    content:'';
    height: 100%;
    display: block;
    z-index: 0;
    background: rgba(0,0,0,.5);
    right: 0px;
    transition: all .4s;
    top:0px;
}
.frmopn .form-section {
    display:block;
}
/*.form-section:before {
    background-color: red;
    content:'';
    position:absolute;
    width:50%;
    left:0px; 
    height:100vh;
}*/


.stickycta {
	position:fixed;
	bottom:20px;
	right:0px;
}
.stickycta ul {
	background:#fff;
	border:1px solid #f7f7f7;
	display:flex;
	
}
.kerstbk {
    display: inline-block;
    height: 63px;
    background-color: #FF7F23;
    padding: 0 30px;
    line-height: 63px;
    font-weight: 600;
    font-size: 14px;
    color: #fff !important;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    overflow: hidden;
    border: 0px;
    text-transform: uppercase;
    letter-spacing: .22em;
    cursor:pointer;
}
.dfcss p:empty {
    display:none;
}
/*.dfcss tr{
        vertical-align: top;
    border-right: 1px solid #e7e7e7;
    padding: 10px;
}*/
.dfcss table {
    width:100%;
}
.dfcss td {
    vertical-align: top;
    border:1px solid #e7e7e7;
    padding:30px;
}
.dfcss ul {
    list-style: inside;
    margin-bottom:40px;
}
.dfcss ul li {
    margin-bottom:10px;
}
.dfcss b,.dfcss strong {
    font-weight:bold;
}
.blog-detail-content .dfcss h4 {
    margin-bottom:15px;
}
.form-section .wpcf7-form input[type="text"] {
    width:100%;
    border-radius:6px;
    border:1px solid #D9D9D9;
    padding-right:10px;
    padding-left:10px;
}
.form-section .wpcf7-form input[type="submit"]{
    display: inline-block;
    height: 63px;
    background-color: #FF7F23;
    padding: 0 30px;
    line-height: 63px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    overflow: hidden;
    border: 0px;
    text-transform: uppercase;
    letter-spacing: .22em;
}
.form-section .wpcf7 {
    position: absolute;
    width:100%;
    height:100%;
}
.form-section .wpcf7 form {
    background:#fff;
    padding:50px;
    height:100vh;
    max-width:700px;
    float:right;
    overflow: auto;
}
.form-section .wpcf7-form .fieldset {
    margin-bottom:20px;
}
.form-section .wpcf7-form input {
    height:50px;
    border-radius:6px;
}
.form-section .wpcf7-form input[type="checkbox"] {
    position:absolute;
    opacity: 0;
    pointer-events: none;
}
.form-section .wpcf7-form input[type="checkbox"]:checked ~ span {
    color:#1D5069 !important;
}
.form-section .wpcf7-form input[type="checkbox"]:checked ~ span:before {
    box-shadow: 0px 0px 0px 1px  #1D5069;
}
.form-section .wpcf7-form input[type="checkbox"]:checked ~ span:after {
    opacity:1;
}
.page-template-template-kerst .our-specialties-block .col-4 {
    margin:0px;
    padding:0px;
}
.form-section .wpcf7-checkbox label span {
    font-weight:normal;
}
.form-section .wpcf7-checkbox label {
    position:relative;
    font-weight: normal;
}
.wpcf7-checkbox .wpcf7-list-item{
    margin-right:20px;
    margin-left:0px;
    margin-top:12px;
}
.wpcf7-checkbox label .wpcf7-list-item-label:before{
    width: 20px;
    height: 20px;
    display: inline-block;
    box-shadow: 0px 0px 0px 1px  #c7c7c7;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -4px;
}
.wpcf7-checkbox label .wpcf7-list-item-label:after {
    display: block;
    width: 14px;
    height: 14px;
    background: #1D5069;
    position: absolute;
    opacity:0;
    top: 4px;
    left: 3px;

}
.form-section .wpcf7-form p label {
    font-weight:500;
    margin-bottom:0px;

}
.form-section .wpcf7-form select{
    width: 100%;
    height: 50px;
    border-radius: 6px;
    border: 1px solid #D9D9D9;
}
.form-section .wpcf7-form textarea {
    height:130px;
}
.popmake-content h2 a {

}
.now-price {
    margin-left:auto;
}
#customer_details label span {
    display:inline-block;
    width:auto;
}
.woocommerce form .form-row#order_comments_field textarea
  {
    padding: 20px 10px;
    height:140px;
}

#customer_details .form-row span label {
    width:auto;
    display:inline-block;  
    margin-left:10px;
    margin-right:40px;
}
.order-info-btn a {
    color:#FF7F23 !important;
    background:transparent;
    border:2px solid #FF7F23;
}
.order-info-btn a:before {
    display:none !important;
}
#order_review_heading, .woocommerce-additional-fields h3 {
    margin-bottom:20px;
    margin-top:50px;
    display: none;
}
p.cut-price  {
    text-decoration-line: none !important;
    margin-left:auto;
}
.cut-price bdi {
    color:red;
    text-decoration-line: line-through;
    text-decoration-thickness:1px;
}
.cut-price bdi span {
    color:red;
}
.total-discount-text {font-weight: 500;
    padding: 10px !important;
    font-size: 12px;
    background: #ffda86;}
.order-list-qty .title-added-items .prd-remove{
        width: 20px;
    height: 20px;
    /* background: #ff2600; */
    border-radius: 100px;
    cursor:pointer; 
    text-align: center;
    color: #ff2600;
    border: 2px solid #ff2600;
    line-height: 15px;
    transition:all .4s;
}
.order-list-qty .title-added-items .prd-remove:hover {
    background:#ff2600;
    color:#fff;
}
.order-list-qty .title-added-items span.amount {margin-left:auto;}
.order-list-qty .title-added-items .prd-remove {margin-right:15px;}
.woocommerce-additional-fields {margin-left:0px !important;s}
.input-text {width: 100%;
    height: 68px;
    border-radius: 6px;
    background: #fff;
    border: 2px solid #e5ebed;
    padding: 0 18px;
    font-size: 16px;
    transition: all 0.4s ease;}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        width: 100% !important;
    max-width: 100% !important;
    padding:0px;
    flex: 0 0 100% !important;
}
.form-row span {width:100%; display:block;}
.form-row label {width:100%; margin-bottom:3px;}
.pum-theme-1100 .pum-content, .pum-theme-lightbox .pum-content {
    outline: 0px;
}
.pum-theme-1100 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    outline: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: 0px !important;
    background: #1D5069 !important; 
    width: 42px !important;
    height: 42px  !important;
    right: -21px !important;
    font-size: 16px !important; 
}
body .pum-theme-1100 .pum-container, .pum-theme-lightbox .pum-container{
    border-color: #1D5069 !important;
    box-shadow: none;
}
body .pum-theme-1100, .pum-theme-lightbox {
    background: rgba(255,255,255,.8) !important;
}
.event-detail-conetnt img {
    max-width: 100%;
    height: auto;
}
.event-detail-conetnt a{
    color: #1d5069;
}
body .vacancies-form #jbf{
    height: 60px;
    padding-left: 20px;
}
body .modal-title h5 {
    font-family:  'Montserrat', sans-serif;
    margin-top: 15px;
}
body .vacancies-form .field-box {
    position: relative;
    margin-bottom: 20px;
}
.vacancies-form .field-box img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 20px;
    z-index: 1;
}
.vacancies-form  .form-control {
    padding-left: 55px;
}
.vacancies-form  textarea.form-control {
    padding-left: 15px;
}
body .modal-dialog {
    width: 100% !important;
    max-width: 600px;
}
body .modal-content {
    padding-top: 0px;
}
body .modal-content .btn-block {
    display: block;
}
body .modal-content .btn-block input {
    width: 100%;
    border: 0px;
}
.container-md{
    max-width: 100%;
    width: 100%;
    padding: 0 15px;
}
.emaillist input[type="email"]{
    width: 100%;
    background-color: #FFFFFF;
    height: 67px;
    color: #000;
    font-size: 14px;
    padding: 20px;
    border: none;
    outline: none;
    margin-bottom: 14px;
}
.emaillist label {
    width: 100%;
}
.form-contact p:empty {
    display: none;
}
.form-contact .field-box br{
    display: none;
}
.emaillist input[type="submit"]{ 
    width: 100%;
    border: none;
    background-color: #346D89;
    height: 55px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.21em;
    text-align: left;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    transition: all 0.4s ease;
    cursor: pointer;
}
    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        z-index: 99999;
        position: fixed;
        margin: auto;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
            -ms-transform: translate3d(0%, 0, 0);
             -o-transform: translate3d(0%, 0, 0);
                transform: translate3d(0%, 0, 0);
    }

    .modal.left .modal-content,
    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
    }
    
    .modal.left .modal-body,
    .modal.right .modal-body {
        padding: 40px;
    }

/*Left*/
    .modal.left.fade .modal-dialog{
        left: 0%;
        -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
           -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
             -o-transition: opacity 0.3s linear, left 0.3s ease-out;
                transition: opacity 0.3s linear, left 0.3s ease-out;
    }
    
    .modal.left.fade.in .modal-dialog{
        left: 0;
    }
        
/*Right*/
    .modal.right.fade .modal-dialog {
        right: 0%;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
           -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
             -o-transition: opacity 0.3s linear, right 0.3s ease-out;
                transition: opacity 0.3s linear, right 0.3s ease-out;
    }
    
    .modal.right.fade.in .modal-dialog {
        right: 0;
    }

/* ----- MODAL STYLE ----- */
    .modal-content {
        border-radius: 0;
        border: none;
        padding-top: 21%;
    }

    .modal-header {
        border-bottom-color: #EEEEEE;
        background-color: #FAFAFA;
    }
@media (min-width: 576px){
    .container-md {
        max-width: 540px;
        margin: 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px){
    .container-md {
        max-width: 720px;
    }
}
@media (min-width: 992px){
    .container-md {
        max-width: 960px;
    }
}
@media (min-width: 1200px){
    .container-md {
        max-width: 1370px;
    }
    .blog-ui-block .container-md {
        max-width: 1200px;
    }

}



h1,h2,h3,h4, h5, h6{
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
}
a:hover,a:focus{
    text-decoration: none;
}
.info-contact figcaption a {
    color: #000;
}
.header-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    transition: all 0.4s ease;
    z-index: 99999;
}
.logo-main img {
    transition: all 0.4s ease;
}
.header-main.darkHeader{
    background-color: #fff;
    box-shadow: -1px 5px 15px rgb(0 0 0 / 8%);
}
.header-main.darkHeader .logo-main img {
    filter: invert(76%) sepia(95%) saturate(380%) hue-rotate(154deg) brightness(97%) contrast(89%);
}

.header-main .container {
    padding: 0px;
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hero-block {
    padding-top: 150px;
    height: 100vh;
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 670px;
    padding-bottom: 132px;
    display: flex !important;
    align-items: center;
}
.logo-main{
    padding-left: 30px;
} 
.navigation-main ul {
    display: flex;
    align-items: center;
    transition: all 0.4s ease;
}
.navigation-main > ul > li > a{
 height:132px;
 line-height:132px;
 transition:all .4s;
}
 .darkHeader .navigation-main > ul > li > a {
 line-height:92px;}
.darkHeader .navigation-main ul, .darkHeader .navigation-main > ul > li > a {
    height: 92px;
}
.navigation-main {
    background-color: #ffffff;
    padding-right: 30px;
    padding-left: 10px;
}
.navigation-main ul li a{
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 0 30px;
    position: relative;
    display: inline-block;
    transition: all 0.4s ease;
}
.navigation-main ul li a:hover{
    color: #1d4f69;
}
.navigation-main ul  li {position:relative;}
.navigation-main > ul > li:after{
    content: "|";
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    font-weight: 500;
    color: #D3D3D3;
    font-size: 14px;

}
 .navigation-main > ul > li:last-child:after{
    display: none;
} 



.block-hero-more {
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.social-hero{
    display: inline-flex;
    align-items: center;
    padding-right: 68px;
}
.social-hero ul {
    display: inline-flex;
    align-items: center;
    padding-left: 10px;
    padding-bottom: 40px;
    padding-top: 40px;
}
.social-hero ul li{
    margin-left: 35px;
}
.social-hero ul li a{
    position: relative;
    z-index: 1;
}
.social-hero ul li a:before {
    content: "";
    z-index: -1;
    width: 40px;
    height: 40px;
    background-color: #1d4f6982;
    position: absolute;
    transform: translate(-50%, -50%) scale(0.4);
    border-radius: 100%;
    top: 58%;
    left: 49%;
    transition: all 0.4s ease;
    visibility: hidden;
    opacity: 0;
}
.social-hero ul li a:hover:before{
    transform: translate(-50%, -50%) scale(1.1);
    visibility: visible;
    opacity: 1;
}
.social-hero span{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.read-more-hero {
    width: 759px;
    background-color: #F7FAFB;
    height: 132px;
    display: inline-flex;
    align-items: center;
    max-width: 50%;
    justify-content: flex-end;
}
.read-more-hero a {
    display: inline-flex;
    height: 100%;
    width: 132px;
    background-color: #1D5069;
    align-items: center;
    justify-content: center;
    margin-left: 48px;
    transition: all 0.4s ease;
    position: relative;
}
.read-more-hero a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #19475e;
    transition: all 0.4s ease;
}
.read-more-hero a:hover:before{
    height: 100%;
}
.read-more-hero a img{
    transition: all 0.4s ease;
}
.read-more-hero a:hover img{
    transform: translateY(5px);
}
.read-more-hero span {
    color: #000000;
    font-size: 14px;
}
.hero-block .container {
    width: 100%;
    max-width: 100%;
    padding: 0 100px;
}
.content-hero-ui h1 {
    color: #FFFFFF;
    font-size: 66px;
    line-height: 80px;
    margin-bottom: 27px;
}

.privacy-policy .header-main .logo-main img,.page-id-340 .header-main .logo-main img{
    filter: invert(76%) sepia(95%) saturate(380%) hue-rotate(
154deg) brightness(97%) contrast(89%);
}
.privacy-policy .container,.page-id-340 .container{
    margin-top: 0px !important;
}
.privacy-policy  button.hamburger-menu span, .page-id-340 button.hamburger-menu span{
    background: #1D5069;
}
.privacy-policy  .wrapper-main,.page-id-340  .wrapper-main{
    padding-top: 120px;
}
.btn-primary-ui{
    display: inline-block;
    height: 63px;
    background-color: #1D5069;
    color: #fff;
    padding: 0 30px;
    line-height: 63px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.22em;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: uppercase;
}
.btn-primary-ui:hover {
    color: #fff;
}
.btn-primary-ui:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
    background-color: #19475e;
    z-index: -1;
    transform: translateX(-102%);
}
.btn-primary-ui:hover:before{
    transform: translateX(0);
}

.btn-primary-white{
    display: inline-block;
    height: 63px;
    background-color: #FFFFFF;
    padding: 0 30px;
    line-height: 63px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.22em;
    color: #000000;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    overflow: hidden;
}

.btn-primary-white:hover {
    color: #fff;
}
.btn-primary-white:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
    background-color: #19475e;
    z-index: -1;
    transform: translateX(-102%);
}
.btn-primary-white:hover:before{
    transform: translateX(0);
}



.btn-primary-orange{
    display: inline-block;
    height: 63px;
    background-color: #FF7F23;
    padding: 0 30px;
    line-height: 63px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    overflow: hidden;
}

.btn-primary-orange:hover {
    color: #fff;
}
.btn-primary-orange:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
    background-color: #f79045;
    z-index: -1;
    transform: translateX(-102%);
}
.btn-primary-orange:hover:before{
    transform: translateX(0);
}

.btn-center{
    justify-content: center;
}
.content-hero-ui {
    max-width: 678px;
    position: relative;
}
.hero-block:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.box-spcialities {
    display: flex;
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    padding-bottom: 60px;
}
.box-spcialities:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(48, 92, 116, 0) 0%, #000 100%);
}
.nospace-row.row{
    margin: 0px;
}
.nospace-row.row .col-3, .nospace-row.row .col-6{
    padding: 0px;
}
.content-specialize{
    position: relative;
    z-index: 1;
    max-width: 288px;
    width: 100%;
    padding-bottom: 0px;
    transition: all 0.4s ease;
}
.content-specialize label {
    border: 1px solid #cecece;
    height: 35px;
    line-height: 32px;
    padding: 0 15px;
    letter-spacing: 0.21em;
    font-size: 12px;
    font-weight: 600;
    color: #CECECE;
    text-transform: uppercase;
    margin-bottom: 11px;
    cursor: pointer;
    transition: all 0.4s ease;
}
.content-specialize h5{
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 43px;
    font-family: 'Cormorant Garamond', serif;
}


.head-common-ui {
    padding: 40px 0;
}
.our-specialties{
    padding-top: 50px;
}

.head-common-ui label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.21em;
    line-height: 36px;
    color: #a8a8a8;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.head-common-ui h3{
    color: #285066;
    font-size: 64px;
    font-weight: 700;
    margin: 0px;
}

.our-buffetto {
    padding: 106px 0;
}
.content-left-ui label{
    display: block;
    color: #A8A8A8;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.content-left-ui h3{
    color: #1D5069;
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 22px;
}
.content-left-ui h3:after{
    content: "";
    display: block;
    height: 1px;
    background-color: #1D5069;
    width: 70px;
    margin-top: 12px;
}
.content-left-ui p{
    color: #000000;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 45px;
}
.our-buffetto figure img{
    height: auto;
    width: 100%;
}
.our-buffetto figure{
    position: relative;
    margin: 0px;
}
.our-buffetto figure:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 80%;
    height: 80%;
    margin: auto;
    z-index: -1;
    box-shadow: 1px 13px 40px 0px rgb(0 0 0 / 27%);
}
.border-btn-arrow{
    border: 1px solid #1D5069;
    height: 49px;
    line-height: 47px;
    color: #1D5069;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    padding: 0 20px;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.border-btn-arrow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
    background-color: #19475e;
    z-index: -1;
    transform: translateX(-102%);
}
.border-btn-arrow:hover:before,.border-btn-arrow:focus:before{
    transform: translateX(0);
}
.border-btn-arrow img{
    margin-left: 10px;
    transition: all 0.4s ease;
}
.border-btn-arrow:hover,.border-btn-arrow:focus{
    color: #fff;
    /*transform: translateY(-4px);
    box-shadow: -4px 5px 9px 0 rgb(14 28 55 / 25%);*/
}
.border-btn-arrow:hover img,.border-btn-arrow:focus img{
    transform: translateX(4px);
    filter: invert(100%) contrast(12);
}

.btn-block{
    display: flex;
    align-items: center;
}
.btn-block .border-btn-arrow{
    margin-right: 20px;
}
.head-party-block figure {
    text-align: center;
    text-align: left;
    margin-bottom: 0;
}
.content-left-ui {
    max-width: 708px;
}

.list-party-retaurent .slick-list{
    overflow: visible;
}
.list-party-retaurent {
    padding-top: 0px;
}
.slide-party {
    display: inline-block;
    width: 100%;
}

.party-slider .slick-slide{
    padding: 0 15px;
    opacity: .2;
    transition: all .2s;
}
.party-slider .slick-slide.slick-active {
    opacity: 1;
}
.slide-party figure img{
    width: 100%;
    height: 232px;
    object-fit: cover;
}
.slide-party figure{
    margin-bottom: 32px;
}
.slide-party figcaption label{
    color: #A8A8A8;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}
.slide-party figcaption h4{
    color: #285066;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 28px;
}
.slide-party figcaption p{
    color: #000000;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 28px;
}
.btn-block .border-btn-arrow.no-border {
    margin: 0;
    width: auto;
    padding: 0;
    border: none;
}
.btn-block .border-btn-arrow.no-border:hover {
    padding-left: 20px;
    padding-right: 20px;
}
.party-block-ui{
    padding-bottom: 104px;
    overflow: hidden;
}
.choice-block{
    height: 696px;
    background-size: cover;
    background-position: center;
    align-items: center;
    display: flex;
    text-align: center;
    position: relative;
}
.choice-block:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6;
}
.choice-block .container-md{
    position: relative;
    z-index: 1;
}
.choice-block label{
    display: inline-block;
    border: 1px solid #CECECE;
    height: 35px;
    line-height: 33px;
    padding: 0 15px;
    color: #CECECE;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.22em;
    margin-bottom: 22px;
}
.choice-block h4{
    color: #FFFFFF;
    font-size: 68px;
    font-weight: 700;
    margin-bottom: 28px;
    line-height: 68px;
}
.choice-block .container-md{
    max-width: 570px;
}
.testimonial-block{
    padding: 60px 0;
    background-color: #F0F0F0;
}
.head-ui-common.content-left-ui h3{
    text-align: center;
}
.head-ui-common.content-left-ui h3:after{
    margin-left: auto;
    margin-right: auto;
}
.head-ui-common.content-left-ui{
    max-width: 100%;
}
.box-review{
    display: flex;
    align-items: center;
}
.box-review figure {
    margin: 0;
    flex: 0 0 223px;
    height: 223px;
    border: 1px solid #1D5069;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: relative;
}
.testimonial-block-ui{
    position: relative;
}
.testimonial-block-ui:after {
    content: "";
    position: absolute;
    left: 188px;
    top: -50px;
    width: 88px;
    height: 68px;
    background-image: url(../images/quote-icon.svg);
    background-repeat: no-repeat;
}
.box-review figure img{
    width: 183px;
    height: 183px;
    border-radius: 100%;
    object-fit: cover;
}
.box-review figcaption {
    padding-left: 48px;
}
.box-review figcaption p {
    color: #000000;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 22px;
}
.box-review figcaption h5 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 20px 0;
    font-family: 'Montserrat', sans-serif;
}
.testimonial-block .head-ui-common{
    margin-bottom: 106px;
}
.testimonial-block-ui{
    max-width: 770px;
    margin: 0 auto;
}
.arrow-ui button.slick-arrow {
    position: absolute;
    left: -100px;
    width: 83px;
    height: 83px;
    overflow: hidden;
    border: none;
    background: transparent;
    text-indent: -999999px;
    top: 30%;
    transform: translateY(-50%);
    outline: none;
    cursor: pointer;
    padding: 16px;
}


/*** Privacy content page CSS **/ 
.privacy-policy .logo-main img, .page-id-340 .logo-main img, {
    filter: invert(76%) sepia(95%) saturate(380%) hue-rotate(
154deg) brightness(97%) contrast(89%);
}
.privacy-policy h2, .page-id-340 h2{
    color:    #1D5069;
    font-size: 42px;
}
.privacy-policy h3, .page-id-340  h3{
    margin-bottom: 10px;
}
.privacy-policy  .header-main, .page-id-340 .header-main {
    background-color: #fff;
    box-shadow: -1px 5px 15px rgb(0 0 0 / 8%);
}
.privacy-policy .navigation-main > ul > li > a, .page-id-340  .navigation-main > ul > li > a{
    height: 92px;
    line-height:92px;
}
/** Privacy content page css **/ 
.arrow-ui button.slick-arrow:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 73px;
    height: 73px;
    border: 1px solid #1D5069;
    border-radius: 100%;
    transition: all 0.4s ease;
    right: 0;
    bottom: 0;
    margin: auto;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    background-color: #ffb900;
    margin: 20px 0px 0px 0px;
    border-radius: 4px;
}
.wpcf7-form-control-wrap {
    display: block;
}
.arrow-ui button.slick-arrow:active:after{
    transform: scale(1.06);
}
.arrow-ui button.slick-arrow.slick-next{
    left: auto;
    right: -100px;
}
body div .wpcf7-not-valid-tip{
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    /* width: 100%; */
    font-size: 12px;
    background: red;
    width: 100%;
    color: #fff;
    padding-top: 4px;
    margin-top: -5px;
    border-radius: 0px 0px 4px 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}
body div .personal-data-block .wpcf7-not-valid-tip {
    background: none;
    margin-top: 2px;
    padding-top: 0px;
}
.party-slider.arrow-ui button.slick-arrow.slick-next {
   /* right: 0px;*/
}
.party-slider.arrow-ui button.slick-arrow.slick-prev {
    
    z-index: 99;
}
.contact-map{
    display: block;
    width: 100%;
}
.contact-map iframe{
    width: 100%;
}
.arrow-ui button.slick-arrow {
    transform: scale(.8);
    transition: all .4s;
}
.arrow-ui button.slick-arrow:hover {
    transform: scale(1);
   /* background: rgba(255,255,255,.8)*/
}
.arrow-ui button.slick-arrow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 10px;
    margin: auto;
    bottom: 0;
    right: 0;
    background-image: url(../images/arrow-right-btn.svg);
    background-repeat: no-repeat;
}
.arrow-ui button.slick-arrow.slick-prev:before{
    transform: rotate(180deg);
}
.regular-location {
    background-size: cover;
    background-position: top center;
    margin-bottom: 220px;
    padding-top: 84px;
}
.regular-location .ui-location-box {
    bottom: -149px;
    position: relative;
    display: flex;
    align-items: stretch;
    background-color: #fff;
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    filter: drop-shadow(0px 3px 66px rgba(0, 0, 0, 0.16));

}
.ui-location-box figure {
    flex: 0 0 43%;
    max-width: 43%;
    margin-bottom: 0px;
}
.ui-location-box figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ui-location-box .content-left-ui {
    flex: 0 0 57%;
    max-width: inherit;
    padding: 70px 83px;
}
.ui-location-box .content-left-ui h3 {
    font-size: 44px;
    max-width: 482px;
}
.blog-ui-block{
    padding-top: 144px;
    padding-bottom: 144px;
}
.blog-ui-block .content-left-ui{
    margin-bottom: 50px;
}
.card-blog {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-bottom: 22px;
    transition: all 0.4s ease;
}
.card-blog:hover{
    background-color: #F4F7F8;
    transform: translateY(-8px);
}

.card-blog:hover .btn-block {
    visibility: visible;
    opacity: 1;
}
.card-blog figure{
    margin-bottom: 20px;
}
.card-blog figure img{
    display: block;
    width: 100%;
    height: 251px;
    object-fit: cover;
}
.card-blog label {
    display: block;
    color: #A8A8A8;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    margin-bottom: 10px;
}
.card-blog h5{
    color: #000000;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
}
.card-blog figcaption {
    padding: 0 26px;
}
button.hamburger-menu {
    width: 44px;
    height: 36px;
    padding: 0 8px;
    border: none;
    background: transparent;
    margin-right: 20px;
    position: relative;
    border-radius: 4px;
    display: none;
    outline: none;
}
button.hamburger-menu span {
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    margin: 5px 0;
    transition: all 0.4s ease;
    position: relative;
}
.menu-active button.hamburger-menu span {
    background: #000;
}
.darkHeader button.hamburger-menu span{
    background: #1D5069;
}
.menu-active button.hamburger-menu span:nth-child(2){
    opacity: 0;
}

.menu-active button.hamburger-menu span:nth-child(1){
    transform: rotate(-45deg);
    top: 7px;
}
.menu-active button.hamburger-menu span:nth-child(3){
    transform: rotate(45deg);
    top: -7px;
}



.footer-main{
    background-color: #1D5069;
    padding: 60px 0;
}
.logo-footer{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
}
.disc-footer p{
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 30px;
}
.disc-footer ul{
    display: flex;
    align-items: center;
}
.disc-footer ul li{
    margin-right: 30px;
}
.disc-footer ul li a{
    position: relative;
    z-index: 1;
}
.disc-footer ul li a:before {
    content: "";
    z-index: -1;
    width: 40px;
    height: 40px;
    background-color: #173e52;
    position: absolute;
    transform: translate(-50%, -50%) scale(0.4);
    border-radius: 100%;
    top: 58%;
    left: 49%;
    transition: all 0.4s ease;
    visibility: hidden;
    opacity: 0;
}
.disc-footer ul li a:hover:before {
    transform: translate(-50%, -50%) scale(1.1);
    visibility: visible;
    opacity: 1;
}
.nav-footer {
    display: flex;
}
.nav-footer ul {
    flex: 0 0 50%;
    max-width: 50%;
}
.nav-footer ul li{
    margin-bottom: 25px;
}
.nav-footer ul li a{
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
.newsletter-block h4{
    color: #FFFFFF;
    font-size: 32px;
    margin-bottom: 16px;
}
.newsletter-block p{
    font-size: 14px;
    margin-bottom: 12px;
    color: #fff;
}
.form-block-newsletter .text-field{
    width: 100%;
    background-color: #FFFFFF;
    height: 67px;
    color: #000;
    font-size: 14px;
    padding: 20px;
    border: none;
    outline: none;
    margin-bottom: 14px;
}
.form-block-newsletter .submit-btn{
    width: 100%;
    border: none;
    background-color: #346D89;
    height: 55px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.21em;
    text-align: left;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    transition: all 0.4s ease;
    cursor: pointer;
}
.form-block-newsletter .submit-btn:hover{
    background-color: #2d5e76;
}
.note-newsletter {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 12px;
}
.note-newsletter p{
    margin: 5px 0 0 8px;
    font-weight: 500;
}
.copyright-block {
    text-align: center;
    padding-top: 90px;
    color: #94B9CB;
    font-size: 14px;
    opacity: 0.5;
}
.copyright-block a {
    color: #d3e7f1;
    opacity: 0.5;
    transition: all .4s;
}
.copyright-block a:hover {
    color: #94B9CB;
    opacity: 1;
}

.copyright-block span{
    margin: 0 10px;
}

.hero-inner-block {
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 254px;
    text-align: center;
    padding-bottom: 120px;
}
.hero-inner-block:before {
    content: "";
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
.hero-inner-block .container{
    position: relative;
}
.hero-inner-block label{
    display: inline-block;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    background: #1d5069;
    color: #ffffff;
    margin-bottom: 24px;
}
.hero-inner-block h1{
    font-weight: bold;
    font-size: 66px;
    text-align: center;
    color: #fff;
    margin: 0px;
}

.hero-inner-block h1 p{
    font-weight: bold;
    font-size: inherit;
    text-align: center;
    line-height: inherit;
    color: #fff;
    margin: 0px;
}

.blog-filter-ui {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px;
}
.search-box-blog{
    width: 60%;
    max-width: 687px;
    position: relative;
}
.search-box-blog input[type="text"] {
    width: 100%;
    height: 67px;
    border: 1px solid #EAEAEA;
    padding: 0 90px 0 20px;
    font-size: 14px;
    outline: none;
    transition: all 0.4s ease;
}
.search-box-blog input[type="text"]:hover{
    border-color: #1D5069;
}
.search-box-blog button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #1D5069;
    border: none;
    width: 76px;
    outline: none;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
}

.search-box-blog button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
    background-color: #19475e;
    z-index: -1;
    transform: translateX(-102%);
}
.search-box-blog button:hover:before{
    transform: translateX(0);
}

.sort-by-ui select {
    padding-left: 88px;
    border: 1px solid #EAEAEA;
    height: 67px;
    padding-right: 40px;
    color: #1D5069;
    font-size: 14px;
    font-weight: 600;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    transition: all 0.4s ease;
}
.sort-by-ui select:hover{
    border-color: #1D5069;
}
.sort-by-ui{
    position: relative;
}
.sort-by-ui label {
    margin: 0;
    position: absolute;
    left: 16px;
    top: 23px;
    color: #34312C;
    font-size: 14px;
    pointer-events: none;
}
.sort-by-ui:after {
    content: "";
    position: absolute;
    right: 18px;
    top: 27px;
    width: 9px;
    height: 9px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    pointer-events: none;
}
.card-blog figure{
    position: relative;
}
.card-blog figure .blog-time {
    position: absolute;
    left: 20px;
    top: 20px;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 18%);
    text-align: center;
    min-width: 70px;
    padding: 6px 5px;
}
.blog-time span {
    font-weight: 600;
    font-size: 24px;
    color: #1d5069;
    display: inline-block;
    border-bottom: 1px solid #1D5069;
    margin-bottom: 6px;
    padding-bottom: 2px;
}
.blog-time label {
    font-weight: 600;
    font-size: 14px;
    color: #1d5069;
    display: block;
    letter-spacing: normal;
    margin: 0;
}
.blog-page-ui .col-4{
    margin-bottom: 20px;
}
.blog-ui-block.blog-page-ui {
    padding: 60px 0 110px;
}

/*FAQ Page*/
.faq-page{
    padding-top: 90px;
    padding-bottom: 100px;
}
.head-faq {
    padding: 34px 38px;
    color: #030303;
    font-size: 24px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    position: relative;
    padding-right: 80px;
    cursor: pointer;
    transition: all 0.4s ease;
}
.head-faq:before {
    content: "";
    position: absolute;
    right: 20px;
    top: -2px;
    bottom: 0;
    margin: auto;
    width: 42px;
    height: 42px;
    background-color: #DEDEDE;
    text-align: center;
    border-radius: 100%;
    font-weight: 500;
    background-image: url(../images/arrow-faq.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.4s ease;
}
.list-faq .disc {
    padding: 40px 38px;
    font-size: 16px;
    line-height: 2.4;
    display: none;
}
.list-faq .disc p{
    margin-bottom: 50px;
}
.list-faq .disc p:last-child{
    margin-bottom: 0px;
}
.list-faq .list-box .head-faq{
    border-top: 1px solid #000000;
}
.head-faq.active{
    background-color: #E2E2E2;
}
.list-box:first-child .disc {
    display: block;
}

.list-faq .list-box .head-faq.active{
    border-color: transparent;
}
.list-faq .list-box:first-child .head-faq{
    border-top: none;
}
.list-faq .list-box .head-faq.active:before{
    transform: rotate(180deg);
}
.list-faq{
    margin-bottom: 80px;
}
.events-page{
    padding: 70px 0 10px;
}
.ingredients-item {
    display: inline-block;
    width: 100%;
    text-align: left;
    border-radius: 10px;
    height: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px;
}
.events-page .ingredients-item {
    padding: 0px 0px 20px 0px;

}
.events-page .ingredients-item figure image {
    border-radius: 10px 10px 0px 0px;
}
.events-page .ingredients-item figcaption {
    padding: 0px 20px;
}
.ingredients-item .btn-block .border-btn-arrow{
    margin-right: 0px;
}
.ingredients-item .btn-block {
    justify-content: left;
}
.ingredients-item figure img{
    display: block;
    margin: 0 auto;
}
.ingredients-item figure{
    margin-bottom: 20px;
}
.ingredients-item h4{
    color: #1D5069;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}
.ingredients-item p{
    color: #000000;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 12px;
}

.ingredients-item p:empty {
    display: none;
}   
.ingredients-item ul {
    margin-bottom: 30px;
    list-style: inside;
}
.mb-30{
    margin-bottom: 30px;
}
.concept-block-ui{
    padding: 60px 0;
    background-color: #E5EBED;
}


.slick-slider {
    margin-bottom: 0;
    position:relative;
}
ul.slickslide {
    padding-left:0;
    max-width:100%;
}
.slick-slider .slick-track {
    min-width:100%;
}
ul.slickslide li img, .slick-dots button img {
    width:100%;
    height:auto;
}
.slick-dots {
    bottom:0;
    top:auto;
    left:auto;
    right:auto;
    position:absolute;
    line-height:0;
    background:#000;
}

.slick-dots li, .slick-dots li button:before {
   /* width: 100px;
    height:100px; */
    margin:0;
    padding:0;
}
.slick-dots li {
    margin: 5px; border:1px solid #ccc; display:inline-block; width:auto;height:auto;
}

.slick-slider .slick-track {
    min-width:100%;
}
.slick-dots li button {
    margin:0;
    height:auto;
    width:100%;
    padding:0;

}

.slick-dots li button.tab { clear:both;   display:block;}
.slick-dots li button img { width:100%; max-width:80px; height:auto;   }
.slick-dots li button:before {
    content:''; border:1px solid #f00;display:block; width:100%;  max-width:150px; overflow:hidden; float:none;  position:absolute;
    width:100%;
    height:100%}

.slick-thumbs {
    position:absolute;
    left: -9999px;
}

.concept-tab-content {
    display: flex;
    align-items: center;
}
.concept-slider {
    width: 50%;
}
.slider-thumb .slick-slide img {
    display: block;
    height: 54px;
    width: 100%;
    object-fit: cover;
}
.slider-content .item-figure img{
    width: 100%;
    height: 385px;
    object-fit: cover;
}
.slider-thumb .item-thumb {
    padding: 0 5px;
    cursor: pointer;
}
.slider-thumb {
    margin: 0 -6px;
}
.slider-content button.slick-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    width: 40px;
    height: 40px;
    background-color: rgb(29 80 105 / 82%);
    border: none;
    background-image: url(../images/arrow-white.svg);
    text-indent: -99999px;
    overflow: hidden;
    border-radius: 100%;
    background-repeat: no-repeat;
    outline: none;
    background-position: center;
    background-size: 18px;
    z-index: 111;
    cursor: pointer;
    transition: all 0.4s ease;
}
.slider-content button.slick-arrow:hover{
    transform: scale(1.09);
}
.slider-content button.slick-arrow.slick-prev {
    transform: rotate(180deg);
    left: 16px;
}
.slider-content button.slick-arrow.slick-next {
    left: auto;
    right: 16px;
}
.slider-thumb .slick-slide.slick-current img {
    border: 2px solid #1d4f69;
}
.slider-content .slick-arrow.slick-disabled {
    pointer-events: none;
    opacity: 0.6;
}
.concept-tabbing ul.nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
.concept-tabbing ul.nav a.nav-link {
    padding: 20px 54px;
    color: #1D5069;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    transition: all 0.4s ease;
    z-index: 2;
}
.concept-tabbing ul.nav a.nav-link:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #1D5069;
    width: 100%;
    transition: all 0.3s ease;
    z-index: -1;
}
.concept-tabbing ul.nav a.nav-link:hover:before{
    height: 4px;
}
.concept-tabbing {
    padding-top: 40px;
}
.concept-tabbing ul.nav a.nav-link.active {
    color: #fff;
}
.concept-tabbing ul.nav a.nav-link.active:before {
    height: 100%;
}

.concept-discription {
    padding-left: 50px;
    width: 50%;
    padding-bottom: 70px;
}
.concept-discription h4 {
    color: #1D5069;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}
.concept-discription label{
    display: block;
    color: #5A5A5A;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
.concept-discription p{
    color: #000000;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.concept-tabbing .tab-content > .tab-pane{
    display: block;
    height: 0;
    overflow: hidden;
}
.concept-tabbing .tab-content > .tab-pane.active{
    height: auto;
}


.head-ui-common-sm h3 {
    color: #1D5069;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.21em;
    margin-bottom: 22px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.head-ui-common-sm h3:after{
    content: "";
    display: block;
    height: 1px;
    background-color: #1D5069;
    width: 63px;
    margin-top: 12px;
}
.head-ui-common-sm.text-center h3:after{
    margin-left: auto;
    margin-right: auto;
}


.our-events-ui .box-spcialities{
    height: 500px;
}
.kitchen-look {
    padding-top: 66px;
    /*padding-bottom: 100px;*/
}
.event-more-btn{
    padding-top: 50px;
}
.choice-block.choice-block-up .container-md {
    max-width: 1120px;
}
.choice-block.choice-block-up h4{
    margin-bottom: 46px;
}

.search-block-page{
    padding: 50px 0;
}
.ui-seach-flex {
    position: relative;
}
.ui-seach-flex .textfield{
    width: 100%;
    height: 80px;
    border: none;
    border-bottom: 1px solid #CBCBCB;
    padding: 10px 90px 10px 0;
    outline: none;
    transition: all 0.4s ease;
}
.ui-seach-flex .textfield:focus{
    border-color: #1D5069;
}
.ui-seach-flex button.submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100px;
    background: transparent;
    border: none;
    padding: 0;
    outline: none;
    cursor: pointer;
}
.job-looking-ui h4{
    color: #1D5069;
    font-size: 64px;
    font-weight: 700;
}
.disc-job-looking p{
    color: #000000;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 40px;
}
.job-looking-ui {
    padding: 100px 0 70px 0;
}
.our-culture {
    background-color: #1D5069;
    padding: 127px 0;
}
.our-culture h5{
    color: #FFFFFF;
    font-size: 64px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 65px;
}
.culture-block {
    padding: 38px 42px;
    background-color: #fff;
    height: 100%;
}
.culture-block h6 {
    color: #1D5069;
    font-size: 42px;
    margin: 0 0 24px 0;
}
.culture-block p{
    color: #000000;
    font-size: 16px;
    line-height: 2;
}
.benefits-block {
    padding: 110px 0;
}
.benefits-block h5 {
    color: #1D5069;
    font-size: 64px;
    text-align: center;
    margin-bottom: 84px;
}
.flex-cs-row {
    display: flex;
    align-items: center;
}
.flex-cs-row .left-block-tab {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 20px;
}
.benefits-block ul li{
    margin-bottom: 34px;
}
/*.benefits-block ul li a {
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 48px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
}*/
.benefits-block ul li{
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 48px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
}
.benefits-block ul li figure{
    margin-bottom: 0px;
    width: 58px;
    text-align: center;
}
.benefits-block ul li figure img{
    display: block;
}
.box--disc {
    display: flex;
    width: 555px;
    height: 555px;
    background: #CBECFF;
    align-items: center;
    padding: 88px;
    border-radius: 100%;
    text-align: center;
    color: #1D5069;
    font-size: 22px;
    line-height: 1.7;
}
.best-jobs {
    padding: 34px 0;
    border-top: 1px solid #E0E0E0;
}
.best-jobs .row{
    align-items: center;
}
.best-jobs h4{
    color: #1D5069;
    font-size: 52px;
    font-weight: 700;
}

.job-counter {
    margin-bottom: 54px;
    color: #1D5069;
    font-size: 18px;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.job-counter span{
    min-width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50px;
    background-color: #1D5069;
    color: #fff;
    text-align: center;
    margin-right: 14px;
}
.item-jobs {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 44px 32px;
    transition: all 0.4s ease;
}
.item-jobs:hover{
    background-color: #CBECFF;
}
.item-jobs h3{
    color: #1D5069;
    font-size: 23px;
    margin-bottom: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.item-jobs p{
    color: #000000;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 50px;
}
.item-jobs .border-btn-arrow{
    margin-right: 0px;
}
.list-jobs-search .row{
    overflow: hidden;
}
.list-jobs-search .col-4 a{
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-bottom: -2px;
    margin-right: -2px;
}
.list-jobs-search .col-4:nth-child(3n) a{
    border-right: none;
}
.job-search-block{
    margin-bottom: 90px;
    overflow: hidden;
}
.row.no-margin{
    margin: 0px;
}
.row.no-margin .col-4{
    padding: 0px;
}
.hero-inner-block .btn-block{
    padding-top: 30px;
}
.border-btn-white{
    border-color: #fff;
    color: #fff;
    background: transparent;
}
.border-btn-white:hover{
    border-color: #1d5069;
}
.vacancy-detail-block{
    padding: 60px 0 90px 0;
}
.vacancy-detail-block h3 {
    color: #1D5069;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 30px;
}
.vacancy-detail-block p{
    color: #000000;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 30px;
}
.vacancy-detail-block ul{
    padding-left: 30px;
}
.vacancy-detail-block ul li {
    color: #000000;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 14px;
    list-style: disc;
    list-style-position: outside;
}
.vacancy-detail-block ul li::marker {
    color: #1D5069;    
}

.vacancy-detail-block .btn-block{
    padding-top: 30px;
}
.vacancies-form-block {
    padding: 70px 0;
}
.vacancies-form-block .container{
    max-width: 700px;
}
.vacancies-form-block .content-left-ui h3{
    font-size: 44px;
}
.form-ui .fieldset{
    margin-bottom: 30px;
}
.form-ui .fieldset label{
    color: #0D0D0D;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
}
.form-ui .fieldset .field-box{
    position: relative;
}
.form-ui .fieldset .field-box .form-control{
    padding-left: 58px;
}
.form-control{
    height: 70px;
    border: 1px solid #D9D9D9;
    border-radius: 0px;
}
.form-ui .fieldset .field-box textarea.form-control{
    height: 160px;
    padding-left: 10px;
    resize: none;
    padding-top: 15px;
}
.form-ui .fieldset .field-box img {
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
}
body .modal-header {
    padding: 20px 40px;
}
body .modal-header a span {
    display: none;
}
.form-ui .fieldset .field-box .fname input,.form-ui .fieldset .field-box .femail input{
    padding-left: 50px;
}

.fileupload {
    width: 100%;
    border: 1px solid #D9D9D9;
    background-color: #F7F7F7;
    height: 70px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8E8E8E;
    font-size: 14px;
    margin-bottom: 25px;
    font-weight: 500;
}
.fileupload input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}
.fileupload img{
    margin-right: 10px;
}
.form-control:focus{
    box-shadow: 0 0 0 0.2rem rgb(29 79 105 / 28%);
    border-color: #1d4f69;
}
.vacancies-form-block .btn-primary-orange{
    border: none;
    padding: 0 76px;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.22em;
}

.hero-inner-block.error-page-hero {
    padding: 0;
    height: 132px;
}
.error-page {
    padding: 60px 0;
    text-align: center;
}
.error-page h1 {
    color: #1D5069;
    font-size: 64px;
    margin-bottom: 40px;
}
.catering-page{
    padding: 98px 0;
}
.catering-page figure{
    margin: 0px;
}
.catering-page figure img{
    display: block;
    max-width: 100%;
}
.reverse-web {
    flex-direction: row-reverse;
}
.catering-page .row{
    padding: 35px 0;
    position: relative;
}
.catering-page .row:nth-child(odd):after {
    content: "";
    position: absolute;
    left: 100px;
    bottom: -35px;
    width: 60%;
    height: 298px;
    background-color: #DAF1FA;
    z-index: -1;
    opacity: 0.5;
}
.block-content-catering h4{
    color: #1D5069;
    font-size: 64px;
    margin-bottom: 40px;
}

.ingredients-item-ui {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    background: #fff;
    height: 100%;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}
.ingredients-item-ui {
    text-align: left;
}

.ingredients-item-ui ul {
    list-style: disc;
    list-style-position: inside;
}
.ingredients-item-ui figcaption{
    padding:20px;
}
.ingredients-item-ui h4{
    color: #1D5069;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}
.ingredients-item-ui p{
    color: #000000;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 12px;
}
.ingredients-item-ui p:empty {
    display: none;
}
.ingredients-item-ui figure{
    margin-bottom: 0px;
}
.ingredients-item-ui figure img{
    height: auto;
    display: block;
    max-width: 100%;
}
.ingredients-item-ui .btn-block .border-btn-arrow{
    margin-right: 0px;
}
.events-page.cate-block-ui {
    padding: 10px 0 40px;
}
.quote-block{
    background-color: #DAF1FA;
    padding: 140px 0 110px;
}
.quote-block .container{
    max-width: 800px;
}
.quote-block blockquote{
    color: #1D5069;
    font-size: 44px;
    line-height: 1.4;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    padding: 36px 0 0 74px;
    margin: 0 auto;
    position: relative;
}
.quote-block blockquote:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 54px;
    background-image: url(../images/quote-left-dark.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.star-fig {
    padding-left: 76px;
    padding-top: 10px;
}
.specialize-locate .box-spcialities{
    align-items: center;
}
.specialize-locate .box-spcialities:before{
    background: #000;
    opacity: 0.74;
}
.network-buffetto{
    padding: 121px 0 160px;
    text-align: center;
    position: relative;
}
.location-icon{
    margin-bottom: 43px;
}
.logo-location{
    margin-bottom: 15px;
}
.network-buffetto h4{
    color: #1D5069;
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 20px;
}
.network-buffetto p{
    color: #000000;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 40px;
}
.bg-map-location {
    position: absolute;
    top: 70px;
    width: 100%;
    left: 0;
    z-index: -1;
}
.ready-contact {
    padding: 85px 0 75px;
}
.title-ui-contact h4{
    color: #1D5069;
    font-size: 64px;
    margin-bottom: 42px;
}
.title-ui-contact p{
    color: #030303;
    font-size: 18px;
    line-height: 2;
}
.form-contact {
    background-color: #1D5069;
    border-radius: 16px;
    margin-top: -240px;
    margin-bottom: 40px;
    padding: 44px 40px;
}
.form-contact .content-left-ui h3{
    color: #ffffff;
    font-size: 44px;
    text-align: left;
}
.form-contact .head-ui-common.content-left-ui h3:after{
    background-color: #ffffff;
    margin-left: 0;
    margin-right: 0;
}
.form-contact .form-control{
    border-radius: 6px;
}
.form-contact .form-ui .fieldset label{
    color: #ffffff;
}
.form-contact .btn-primary-orange{
    text-transform: uppercase;
    letter-spacing: 0.22em;
    border: none;
}
.contact-form-ui{
    background-size: cover;
    background-position: center;
}
.look-kitchen-contact .container{
    position: relative;
}
.look-kitchen-contact .container{
    padding-top: 120px;
    padding-bottom: 120px;
}
.look-kitchen-ui {
    display: block;
    background-color: #D4DCF7;
    max-width: 295px;
    width: 100%;
    position: absolute;
    left: 157px;
    top: -90px;
    padding: 45px 30px;
}
.look-kitchen-ui span{
    display: block;
    color: #1D5069;
    font-size: 16px;
}
.look-kitchen-ui h4{
    margin-top: 124px;
    color: #1D5069;
    font-size: 32px;
    font-weight: 700;
}
.contact-info-block {
    display: flex;
    align-items: flex-end;
}
.contact-info-block .info-contact {
    flex: 0 0 268px;
    padding-right: 30px;
    padding-bottom: 58px;
}
.info-contact ul li {
    display: flex;
    align-items: flex-start;
    margin: 0px 0 24px;
    font-weight: 500;
}
.info-contact ul li figure{
    margin: 0px;
    width: 36px;
    padding-top: 2px;
}
.info-contact ul li figure img{
    display: block;
}
.info-contact h4{
    color: #1D5069;
    font-size:32px ;
    margin-bottom: 40px;
    font-weight: 700;
}
.contact-map img{
    width: 100%;
    height: 580px;
    object-fit: cover;
}

.events-listing-more .box-spcialities{
    align-items: center;
}
.event-detail-conetnt{
    padding: 116px 0 16px 0;
}
.event-detail-conetnt > :not(img){
    max-width: 1140px;
    margin: 0 auto 15px;
    width: 100%;
    padding: 0 15px;
}
.event-detail-conetnt p{
    color: #000000;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 80px;
}
.event-detail-conetnt ul {
    padding-left: 40px;
    margin-bottom: 50px;
}
.event-detail-conetnt ul li{
    list-style: disc;
    list-style-position: outside;
    color: #000000;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 80px;
    margin-bottom: 25px;
}
.event-detail-conetnt > img{
    width: 100%;
    margin-bottom: 70px;
}
.event-gallery ul {
    display: flex;
    flex-wrap: wrap;
}
.event-gallery ul li{
    width: 25%;
    max-width: 25%;
}
.event-gallery ul li img{
    width: 100%;
    height: 480px;
    object-fit: cover;
}
.kitchen-look.events-listing-more{
    padding-bottom: 0px;
}
.our-employees-block{
    padding: 120px 0 84px;
}
.our-employees-block p{
    color: #000000;
    font-size: 18px;
    line-height: 2;
}
.box-employee-fig img{
    display: block;
    margin: 0 auto;
    max-width: 1670px;
    width: 90%;
}
.box-employee-fig p{

}
.employees-fig-blocks{
    position: relative;
}
.employees-fig-blocks:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 580px;
    background-color: #1D5069;
    z-index: -1;
}
.content-inner-employee {
    padding: 110px 0;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    max-width: 770px;
    margin: 0 auto;
}
.how-we-start{
    padding: 80px 0;
    background-color: #ECF8FC;
}
.how-we-start figure img{
    max-width: 100%;
}
.how-perfect-food{
    padding: 87px 0;
}
.how-perfect-food h4{
    color: #1D5069;
    font-size: 86px;
    font-weight: 700;
    margin-bottom: 150px;
}
.how-perfect-food h4 span{
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 500;
}
.how-perfect-food figure img{
    max-width: 100%;
}

.about-experience-block{
    height: 720px;
    background-size: cover;
    position: relative;
    background-position: center;
}
/*.about-experience-block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6;
}*/
.experice-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -167px;
    z-index: 2;
    max-width: 770px;
    background: #fff;
    box-shadow: 0px 3px 56px rgb(0 0 0 / 16%);
    margin: auto;
    width: 90%;
    padding: 66px 70px;
}
.experice-box .content-left-ui p{
    margin-bottom: 0px;
}
.circle-brand-food {
    position: absolute;
    right: 90px;
    top: -120px;
}
.testimonial-block.about-testimonial {
    padding-top: 300px;
}
.blog-banner-ui ul{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 32px;
    flex-wrap: wrap;
}
.blog-banner-ui ul li{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
}
.blog-banner-ui ul li:after{
    content: "//";
    margin: 0 20px;
}
.blog-banner-ui ul li:last-child:after{
    display: none;
}
.blog-banner-ui ul li a{
    color: #FFFFFF;
}
.blog-detail-content .container{
    max-width: 900px;
}
.blog-detail-content a {
    color: #1D5069;
}
.blog-detail-content{
    padding: 94px 0 5px;
}
.blog-detail-content figure{
    margin-bottom: 50px;
}
.blog-detail-content figure img{
    width: 100%;
    height: auto;
}
.blog-detail-content p{
    color: #000000;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 40px;
}
.blog-detail-content h4{
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 33px;
}
.categories-block .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 900px;
    align-items: center;
    border-top: 1px solid #E6E5E4;
    border-bottom: 1px solid #E6E5E4;
    padding-top: 28px;
    padding-bottom: 28px;
}
.category-block {
    display: inline-flex;
    font-size: 16px;
    align-items: center;
}
.category-block label{
    margin: 0 10px 0 0;
    font-weight: 500;
}
.category-block ul{
    display: inline-flex;
    align-items: center;
}
.category-block ul li{
    margin-right: 5px;
}
.category-block ul li a{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #D1D1D1;
    color: #5A5A5A;

}


.social-blogs label{
    margin: 0 10px 0 0;
    font-weight: 500;
}
.social-blogs ul{
    display: inline-flex;
    align-items: center;
}
.social-blogs ul li{
    margin-right: 10px;
}
.social-blogs ul li:last-child{
    margin-right: 0px;
}
.social-blogs ul li a{
    display: inline-block;
    color: #5A5A5A;

}
.prenext-blog{
    display: flex;
    align-items: center;
    padding: 36px 10px;
    justify-content: center;
}
.prenext-blog a{
    height: 47px;
    display: inline-block;
    line-height: 47px;
    background-color: #8D9193;
    padding: 0 32px;
    margin: 0 10px;
    color: #fff;
    transition: all 0.4s ease;
}
.prenext-blog a:hover{
    background-color: #000;
}

/* Order page css */
.hero-inner-block h1{
    margin-bottom: 40px;
}
.hero-inner-block p{
    color: #FFFFFF;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 0px;
}

.order-main-block {
    padding: 94px 0;
}

.list-order {
    display: flex;
    padding: 18px 28px;
    align-items: flex-start;
    background-color: #E5EBED;
    border-radius: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.4s ease;
}
.list-order:hover{
    background-color: #1D5069;;
}
.list-order:hover p{
    color: #ffffff;
}

.select-option {
    position: relative;
    margin-right: 28px;
}

.select-option select {-webkit-appearance: none;width: 57px;height: 30px;border: none;background: #fff;padding: 2px 10px;color: #000000;font-size: 12px;font-weight: 600;}

.select-option:before {content: "";position: absolute;right: 7px;top: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid;bottom: 0;margin: auto;height: 0;color: #1D5069;pointer-events: none;}

.list-order p {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}
.head-order-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.head-order-list h5 {
    color: #1D5069;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
}

.head-order-list strong {
    color: #1D5069;
    font-size: 46px;
    font-family: 'Cormorant Garamond', serif;
}
.left-box-card{
    margin-bottom: 50px;
}
.order-info-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.order-info-btn a {
    height: 78px;
    line-height: 78px;
    min-width: 400px;
    text-align: center;
    padding: 0 20px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.21em;
    color: #fff;
    text-transform: uppercase;
}
.block-order-left-list, .order-info-btn{
    max-width: 618px;
}
.item-block-order{
    max-width: 400px;
    width: 100%;
}

.order-subtotal {
    background: #fff;
    box-shadow: 0px 3px 26px rgba(0, 0, 0, 0.13);
    margin: 0 auto;
    padding: 30px 40px;
}
.place-order .button {
    background-color: #FF7F23 !important;
    color:#fff;
    height:60px;
    line-height: 60px;
    margin-top:20px !important;
}
.woocommerce-Price-amount.amount bdi {
    font-weight:bold;
}
.form-sec .order-info-btn a.btn-primary-orange {
    height:58px; 
    line-height:58px;
    max-width:270px;
}
.order-subtotal h4 {
    color: #1D5069;
    font-size: 26px;
    padding-bottom: 26px;
    border-bottom: 1px solid #1d506940;
    margin-bottom: 20px;
}

.title-added-items {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 8px;
}

.title-added-items h6 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.title-added-items span {
    color: #1D5069;
    font-size: 12px;
    font-weight: 600;
}

.order-list-qty li {
    display: inline-block;
    border-bottom: 1px solid #D3D3D3;
    padding: 8px 0;
    color: #666666;
    font-size: 12px;
}

.order-list-qty li:last-child {
    border-bottom: none;
}

.order-list-qty {
    margin-bottom: 30px;
}

.order-list-qty li strong {
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    margin-left: 6px;
}

.subtotal-order-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    border-top:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    padding:10px 0px;
}

.discount-order-items{
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    font-weight:600;
    border-bottom: 1px solid #e7e7e7;
}

.discount-order-items label {
    margin-bottom:0px;
}
.subtotal-order-items label {
    margin: 0;
}
.total-order-items {
        font-size: 22px;
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}
.ajaxloader{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(255,255,255,.8);
    display: flex;
    align-items: center;
    justify-content: center;
}
.total-order-items span {
    color: #FF3E3E;
}
.total-order-items label {
    font-weight: 600;
    font-size: 16px;
}

.item-block-order .order-info-btn {
    padding-top: 28px;
}
.btn-primary-orange.disabled{
    opacity: 0.2;
    pointer-events: none;
}
.personal-data-block h4{
    font-weight: bold;
    font-size: 32px;
    color: #1d5069;
    margin-bottom: 22px;
}
.form-ui-data .textfield, .BestelOpmerking .textareafield{
    width: 100%;
    height: 68px;
    border-radius: 6px;
    background: #fff;
    border: 2px solid #e5ebed;
    padding: 0 18px;
    font-size: 16px;
    transition: all 0.4s ease;
}
.textareafield {
    resize: auto !important;
}
.form-ui-data textarea.textfield {
    padding-top: 21px;
    resize: none;
}
body .BestelOpmerking .textareafield{
    height: 110px;
    resize: none;
    padding-top: 8px;
}
.form-ui-data .textfield:focus,.BestelOpmerking .textareafield:focus{
    box-shadow: 0 0 0 0.2rem rgb(29 79 105 / 28%);
    border-color: #1d4f69;
    border-color: #1d4f69;
    outline: none;
}


.form-ui-data .fieldset{
    margin-bottom: 15px;
}
.block-ui-radio .radio-list {
    display: flex;
    align-items: center;
    margin-bottom: 23px;
}
.radio-box .wpcf7-not-valid-tip  {width: 150px;}
.block-ui-radio .radio-list h5 {
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    padding-right: 20px;
}

label.cs-radio, .radio-box label {
    padding-left: 34px;
    color: rgb(0 0 0 / 80%);
    position: relative;
    margin: 0;
    cursor: pointer;
}

label.cs-radio span:before, .radio-box label span:before {content: "";position: absolute;left: 0;top: 0;width: 25px;height: 25px;border: 2px solid #E5EBED;border-radius: 30px;
    transition: all 0.4s ease;
}

label.cs-radio input[type="radio"], .radio-box input[type="radio"]{
    display: none;
}
/*.order-info-btn .btn-primary-orange {
 background-color: #1D5069;
}*/
.wpcf7-response-output {
    margin-bottom: 20px;
}
label.cs-radio span:after,.radio-box label span:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    width: 11px;
    height: 11px;
    border: none;
    border-radius: 30px;
    background: #FF7F23;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}
label.cs-radio input[type="radio"]:checked+span:after, .radio-box input[type="radio"]:checked+span:after{
    visibility: visible;
    opacity: 1;
}
label.cs-radio input[type="radio"]:checked+span:before,.radio-box input[type="radio"]:checked+span:before{
    border-color: #FF7F23;
}
.radio-list .radio-box {}

.radio-list .radio-box label.cs-radio {
    margin-right: 24px;
}

.block-ui-radio {
    padding-top: 18px;
}
.personal-data-block {
    max-width: 610px;
}

.item-block-order .order-info-btn a {
    min-width: 100%;
}

@media screen and (max-width: 1300px) and (min-width: 1200px) {
    .party-slider.arrow-ui button.slick-arrow.slick-next  {
        right: -60px
    }
    .party-slider.arrow-ui button.slick-arrow.slick-prev {
        left: -60px;
    }
}


@media screen and (min-width: 767px){
    .order-subtotal {
        max-height: calc(100vh - 210px);
        overflow: auto;
    }
    .item-block-order{
        position: sticky;
        top: 90px;
    }
}
@media screen and (min-width: 991px){
    .item-block-order{
        top: 120px;
    }
}
@media screen and (min-width: 1100px){
    .navigation-main ul li.btn-nav a{
        padding: 18px 27px;
        border: 1px solid #1D5069;
        color: #1D5069;
        font-weight: 500;
        transition: all 0.4s ease;
        position: relative;
        z-index: 1;
    }   
    .navigation-main ul li.btn-nav a:hover{
        color: #fff;
    }
    .navigation-main ul li.btn-nav a:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        background-color: #19475e;
        transition: all 0.4s ease;
        height: 100%;
        z-index: -1;
    }
    .navigation-main ul li.btn-nav a:hover:before{
        width: 100%;
    }
    .card-blog .btn-block {
        overflow: hidden;
        transition: all 0.4s ease;
        visibility: hidden;
        opacity: 0;
    } 
    .content-specialize .btn-block {
        position: absolute;
        bottom: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.4s ease;
        transform: translateY(5px) ;
    }
    .box-spcialities:hover .content-specialize{
        padding-bottom: 65px;
    }
    .box-spcialities:hover .btn-block {
        visibility: visible;
        opacity: 1;
        transform: translateY(0px) ;
    }
    .box-spcialities:hover .content-specialize label{
        background-color: #CECECE;
        color: #000000;
    }
    .navigation-main ul li.btn-nav a{
        position: relative;
        z-index: 1;
    }
    .kitchen-look.events-listing-more .content-specialize{
        transition: all 0.4s ease;
        opacity: 0;
        visibility: hidden;
    }
    .kitchen-look.events-listing-more .box-spcialities:hover .content-specialize{
        visibility: visible;
        opacity: 1;
    }


}
.page-template-template-kerst  .content-left-ui p {
    margin-bottom:0px;
}
/*.page-template-template-kerst .box-spcialities {
        height:400px;
    }*/

@media screen and (max-width: 1500px){
    .navigation-main > ul > li > a{
        height: 110px;
        line-height:110px;
    }
    .hero-inner-block.error-page-hero{
        height: 110px;
    }
    .page-template-template-kerst  .content-specialize h5 {
        font-size:32px;
    }
    
}

@media screen and (max-width: 1380px){
    .navigation-main > ul > li.menu-item-has-children > a{
        padding: 0 30px 0px 20px;
    }
    .navigation-main > ul > li > a{
        height: 100px;
        line-height:100px;
    }
    .navigation-main{
        padding-left: 20px;
        padding-right: 20px;
    }
    .logo-main{
        padding-left: 20px;
    }
    .box-spcialities{
        height: 500px;
    }
    .content-specialize h5{
        margin-bottom: 30px;
        font-size: 28px;
    }
    .head-common-ui label{
        display: block;
        margin-bottom: 4px;
    }
    .choice-block.choice-block-up h4, .our-culture h5 {
        margin-bottom: 36px;
        font-size: 44px;
        line-height: 1.2;
    }
    .concept-tabbing ul.nav a.nav-link{
        padding: 15px 34px;
    }
    .box--disc{
        height: 445px;
        width: 445px;
        padding: 88px 60px;
        font-size: 18px;
    }
    .benefits-block ul li{
        font-size: 30px;
    }
    .benefits-block h5{
        font-size: 50px;
    }
    .culture-block{
        padding: 28px 28px;
    }
    .culture-block h6{
        font-size: 28px;
        margin-bottom: 16px;
    }
    .hero-inner-block.error-page-hero{
        height: 100px;
    }
    .form-contact .content-left-ui h3{
        font-size: 30px;
    }
    .title-ui-contact h4{
        font-size: 52px;
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 1200px){
.logo-main img { width:150px;}
    .event-gallery ul li{
        width: 33.3333%;
        max-width: 33.3333%;
    }
    .event-gallery ul li img{
        height: 370px;
    }
    .event-detail-conetnt p{
        font-size: 15px;
        margin-bottom: 40px;
    }
    .event-detail-conetnt ul li{
        font-size: 15px;
        margin-bottom: 15px;
    }
    .event-detail-conetnt > img{
        margin-bottom: 40px;
    }
    .our-employees-block {
        padding: 70px.menu-active .navigation-main 0 44px;
    }
}
@media screen and (max-width: 1100px){
.navigation-main > ul > li.menu-item-has-children > a:before, .navigation-main > ul > li.menu-item-has-children > a:after,body .navigation-main > ul > li > .sub-menu > li.menu-item-has-children > a:before, body .navigation-main > ul > li > .sub-menu > li.menu-item-has-children > a:after {
 display:none !important;
}

body .navigation-main ul .sub-menu ul a {opacity:.8;}
.darkHeader .navigation-main ul, .darkHeader .navigation-main > ul > li > a {height:auto; line-height:50px;}
.navigation-main > ul > li.menu-item-has-children > a {font-size:16px;}
body .navigation-main ul .sub-menu {position:relative; opacity:1 !important; pointer-events: all ; }
body .navigation-main ul .sub-menu a {font-size:12px;}

body .navigation-main > ul li > .sub-menu > li > .sub-menu {transform:translatex(0px); pointer-events:all; position:relative;}
.navigation-main ul {padding-right:10px; padding-left:10px;}
.navigation-main > ul > li:after {
display:none !important; }
    .navigation-main > ul > li > a {
     height:50px;
     line-height:50px;
    }
    .navigation-main {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        width: 400px;
        padding: 0;
        height: 100%;
        padding-top: 80px;
        transform: translateX(100%);
        transition: all 0.4s ease;
    }
    .menu-active .navigation-main{
        transform: translateX(0);
        overflow:auto;
    }
    .navigation-main ul li a:after{
        display: none;
    }
    .header-main{
        padding: 10px 0;
    }
    button.hamburger-menu {
        display: inline-block;
    }
    .logo-main img{
        height: 58px;
    }
    .navigation-main ul {
        flex-wrap: wrap;
        height: auto;
        width: 100%;
    }
    .navigation-main ul li {
        width: 100%;
    }
    .navigation-main ul li a {
        padding: 0px 22px;
        font-size: 18px;
        width: 100%;
    }
    .navigation-main ul li.btn-nav a{
        color: #1D5069;
    }
    .box-spcialities{
        padding-left: 20px;
        padding-right: 20px;
    }
    .content-specialize label{
        font-size: 10px;
    }
    .border-btn-arrow{
        padding: 0 10px;
        font-size: 12px;
    }
    .card-blog h5{
        font-size: 22px;
    }
    .card-blog figcaption{
        padding: 0 15px;
    }
    .vacancy-detail-block p, .vacancy-detail-block ul li{
        font-size: 16px;
    }
    .hero-inner-block.error-page-hero{
        height: 78px;
    }
    .error-page figure img{
        max-width: 450px;
    }
    .error-page h1{
        font-size: 46px;
    }
    .block-content-catering h4 {
        font-size: 54px;
        margin-bottom: 30px;
    }
    .quote-block blockquote{
        font-size: 34px;
    }
    .location-icon img {
        max-width: 100px;
    }
    .content-inner-employee{
        padding: 60px 0;
    }
    .how-perfect-food h4{
        font-size: 68px;
    }

    .order-info-btn a {
        min-width: 0px;
        width: 100%;
        max-width: 400px;
    }
    .list-order p{
        font-size: 14px;
    }
    .head-order-list strong{
        font-size: 40px;
    }
    .head-order-list h5{
        font-size: 28px;
    }
}

@media screen and (max-width: 991px){
    .page-template-template-kerst .our-specialties-block .col-4 {
            flex: 0 0 50%;
        max-width: 50%;
    }
    .social-hero ul{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .read-more-hero span{
        display: none;
    }
    .read-more-hero{
        width: auto;
        height: 75px;
    }
    .read-more-hero a{
        margin-left: 0px;
        width: 82px;
    }
    .social-hero{
        padding-right: 28px;
    }
    .content-left-ui label, .slide-party figcaption label, .head-common-ui label{
        font-size: 12px;
    }
    .head-common-ui h3, .content-left-ui h3{
        font-size: 44px;
    }
    .ui-location-box .content-left-ui h3{
        font-size: 38px;
    }
    .our-specialties-block .row .col-3 {
        padding: 0px;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .head-party-block .btn-block{
        width: 100vh;
        max-width: 66vh;
    }
    .party-slider .slick-slide {
        padding: 0 8px;
    }
    .slide-party figcaption h4{
        font-size: 22px;
        margin-bottom: 16px;
    }
    .ui-location-box .content-left-ui{
        padding: 40px 32px;
    }
    .blog-ui-block .col-4{
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }
    .card-blog {
        background-color: #F4F7F8;
    }
    .card-blog:hover{
        transform: none;
    }
    .block-footer-grid .col-4{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .block-footer-grid .col-4:last-child{
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 40px;
        text-align: center;
    }

    .events-page .col-4{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .concept-tabbing ul.nav a.nav-link {
        padding: 15px 24px;
        font-size: 14px;
    }
    .concept-discription{
        padding-left: 20px;
    }
    .slider-content .item-figure img{
        height: 335px;
    }
    .job-looking-ui .row .col-5, .job-looking-ui .row .col-7{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .job-looking-ui h4{
        font-size: 40px;
        margin-bottom: 20px;
    }
    .disc-job-looking p{
        font-size: 16px;
    }
    .culture-block{
        padding: 18px 18px;
    }
    .culture-block p{
        font-size: 14px;
    }
    .our-culture{
        padding: 80px 0;
    }
    .best-jobs h4{
        font-size: 36px;
    }
    .box--disc {
        height: 365px;
        width: 365px;
        padding: 68px 34px;
        font-size: 16px;
    }
    .benefits-block ul li{
        font-size: 26px;
    }
    .item-jobs{
        padding: 34px 10px;
    }
    .item-jobs h3{
        font-size: 20px;
        margin-bottom: 14px;
    }
    .item-jobs p{
        margin-bottom: 20px;
    }

    .block-content-catering h4 {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .network-buffetto h4{
        font-size: 46px;
    }
    .network-buffetto p{
        font-size: 16px;
    }
    .bg-map-location img{
        max-width: 100%;
    }
    .quote-block{
        padding: 60px 0 60px;
    }
    .form-contact{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .contact-form-ui .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contact-form-ui .container {
        max-width: 490px;
    }
    .look-kitchen-ui{
        top: 0;
        left: 0;
    }
    .look-kitchen-ui h4{
        margin-top: 20px;
    }
    .ready-contact .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contact-info-block .info-contact{
        padding-right: 10px;
    }
    .title-ui-contact h4 {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .title-ui-contact p{
        font-size: 16px;
    }

    .event-detail-conetnt {
        padding: 36px 0 16px 0;
    }
    .event-gallery ul li img{
        height: 280px;
    }
    .our-employees-block p{
        font-size: 16px;
    }
    .content-inner-employee{
        font-size: 16px;
        line-height: 2;
    }
    .how-perfect-food h4 {
        font-size: 50px;
        margin-bottom: 60px;
    }
    .about-experience-block{
        height: 480px;
    }
    .circle-brand-food img {
        width: 100px;
    }
    .circle-brand-food {
        right: 50px;
        top: -50px;
    }
    .testimonial-block.about-testimonial {
        padding-top: 250px;
    }
    .box-employee-fig img{
        height: 400px;
        object-fit: cover;
    }
    .employees-fig-blocks:before{
        height: 420px;
    }

    .order-subtotal{
        padding:20px 20px;
    }
    .select-option{
        margin-right: 16px;
    }
    .list-order{
        padding: 16px 18px;
    }
    .order-main-block{
        padding: 54px 0;
    }
    .hero-inner-block p{
        font-size: 16px;
        line-height: 30px;
    }
    .form-ui-data .col-6, .form-ui-data .col-4, .form-ui-data .col-8{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .form-ui-data .textfield{
        height: 58px;
        padding:0 18px;
        font-size: 14px;
    }


}
@media screen and (max-width: 767px){
    .footer-main { padding-bottom:90px !important;}
 
.floatingbtn a {text-align:center;}
.floatingbtn span {
    position: static;
    opacity: 1;
    padding: 0px;
    background: transparent;
    color: #000;
    font-size: 12px;
}

.floatingbtn span:before {
display:none !important; 
}
.floatingbtn {
width:100%;} 
.floatingbtn ul{
    display: flex;
    width: 100%;
    justify-content: space-around;}
    .event-gallery ul li {
        width: 50%;
        max-width: 50%;
    }
    .content-hero-ui h1{
        font-size: 44px;
        line-height: 56px;
    }
    .btn-primary-ui{
        height: 55px;
        line-height: 55px;
        font-size: 12px;
    }
    .box-spcialities{
        height: 400px;
    }
    .our-buffetto .row, .head-party-block .row {
        flex-direction: column-reverse;
    }
    .content-left-ui p{
        margin-bottom: 24px;
    }
    .head-party-block figure {
        text-align: left;
    }
    .border-btn-arrow{
        padding: 0 10px;
    }
    .btn-block .border-btn-arrow img {
        width: 18px;
    }
    .btn-block .border-btn-arrow{
        margin-right: 10px;
    }
    .btn-block .border-btn-arrow:last-child{
        margin-right: 0px;
    }
    .slide-party figcaption p{
        margin-bottom: 10px;
    }
    .box-review{
        justify-content: center;
        flex-wrap: wrap;
    }
    .box-review figcaption {
        padding-left: 0;
        text-align: center;
        padding-top: 30px;
    }
    .rating img{
        margin: auto;
    }
    .testimonial-block-ui:after{
        left: 0;
        right: 0;
        margin: auto;
    }
    .head-party-block figure{
        margin-bottom: 20px;
    }
    .our-buffetto .col-12{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .our-buffetto .content-left-ui{
        padding-top: 30px;
    }
    .hero-inner-block h1{
        font-size: 38px;
    }
    .ingredients-item h4{
        font-size: 26px;
        margin-bottom: 10px;
    }
    .ingredients-item p {
        color: #000000;
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 22px;
    }
    .concept-block-ui .container{
        width: 100%;
        max-width: 100%;
    }
    .concept-tabbing ul.nav {
        display: flex;
        justify-content: space-between;
        flex-wrap: inherit;
        white-space: nowrap;
        overflow: auto;
        margin: 0 -15px 26px;
    }
    .concept-tabbing ul.nav .nav-item{
        margin: 0 6px;
    }
    .concept-tab-content{
        flex-wrap: wrap;
    }
    .concept-slider{
        width: 100%;
        margin-bottom: 30px;
    }
    .concept-discription{
        width: 100%;
        padding-left: 0;
        padding-bottom: 0;
    }
    .our-events-ui .box-spcialities{
        height: 390px;
    }
    .our-culture .col-4{
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }
    .flex-cs-row{
        flex-wrap: wrap;
    }
    .benefits-block .left-block-tab,
    .benefits-block .content-benefits-ui
    {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .benefits-block .flex-cs-row{
        flex-direction: column-reverse;
    }
    .benefits-block .container{
        width: 100%;
        max-width: 100%;
    }
    .benefits-block .left-block-tab{
        padding-top: 30px;
        padding-right: 0px;
        width: 100%;
    }
    .left-block-tab ul {
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow: auto;
        margin: 0 -15px;
    }
    .left-block-tab ul li{
        margin: 0 34px 0 0;
    }
    .benefits-block ul li figure img{
        width: 18px;
    }
    .benefits-block ul li figure{
        width: auto;
        margin-right: 10px;
    }
    .benefits-block ul li{
        font-size: 18px;
        padding: 12px 20px;
    }
    .best-jobs h4{
        font-size: 26px;
    }
    .list-jobs-search .col-4{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .list-jobs-search .col-4:nth-child(3n) a{
        border-right: 1px solid #000000;
    }
    .list-jobs-search .col-4:nth-child(2n) a{
        border-right: none;
    }
    .error-page figure img{
        width: 80%;
    }
    .error-page h1{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .catering-page .row{
        flex-direction: column-reverse;
    }
    .catering-page .col-4, .catering-page .col-8{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .catering-page .row:nth-child(odd):after{
        display: none;
    }
    .block-content-catering{
        padding-top: 20px;
    }
    .catering-page {
        padding: 38px 0;
    }
    .catering-page .row{
        padding: 30px 0;
    }
    .block-content-catering {
        padding-top: 10px;
        text-align: center;
    }
    .block-content-catering .btn-block{
        justify-content: center;
    }
    .contact-info-block{
        flex-wrap: wrap;
    }
    .look-kitchen-ui {
        position: inherit;
        width: 100%;
        max-width: 100%;
        margin-bottom: 40px;
    }
    .info-contact h4{
        margin-bottom: 20px;
    }
    .contact-map img{
        height: auto;
    }
    .look-kitchen-contact .container {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .event-detail-conetnt p, .event-detail-conetnt ul li{
        font-size: 14px;
    }
    .event-detail-conetnt > img, .event-detail-conetnt ul{
        margin-bottom: 30px;
    }
    .how-we-start .col-6, .how-perfect-food .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .how-perfect-food h4{
        font-size: 34px;
        margin-bottom: 40px;
    }
    .how-perfect-food h4 span{
        font-size: 14px;
    }

    .order-main-block .col-7, .order-main-block .col-5{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .head-order-list h5{
        font-size: 22px;
    }
    .head-order-list strong{
        font-size: 32px;
    }
    .list-order{
        border-radius: 10px;
    }
    .list-order p{
        font-size: 13px;
    }
    .left-box-card{
        margin-bottom: 30px;
    }
    .item-block-order{
        padding-top: 40px;
    }

}
    .copyright-block a {
        opacity: 1;
    }
    .copyright-block a:hover {
        color: #fff;
    }

    @media screen and (min-width:575px) {
        .clsr {
        width:30px;
        height:30px;
        border-radius:100px;
        background:#1D5069;
        cursor: pointer;
        position: absolute;
        top:10px;
        right:10px;
    }
        .clsr:before,.clsr:after {
        content:'';   
        width: 18px;
        height: 1px;
        background-color: #fff;
        transform: translate(7px, 14px) rotate(45deg);
        display: block;
    }
    .clsr:after {
        transform: translate(7px, 13px) rotate(-45deg);
    }
    }
@media screen and (max-width: 575px){
    .clsr {
        width:30px;
        height:30px;
        border-radius:100px;
        background:#1D5069;
        position: absolute;
        top:10px;
        right:10px;
    }
    .clsr:before,.clsr:after {
        content:'';   
        width: 18px;
        height: 1px;
        background-color: #fff;
        transform: translate(7px, 14px) rotate(45deg);
        display: block;
    }
    .clsr:after {
        transform: translate(7px, 13px) rotate(-45deg);
    }
    .form-section form h2 {
        margin-bottom:20px !important;
    }
    .form-section .wpcf7 form {
        padding:25px;
    }
    .form-section .wpcf7-checkbox .wpcf7-list-item {
        display:block;
    }
    .form-section .wpcf7 form {
        height: calc(100vh - 30px);
        max-width: calc(100% - 30px);
        margin-top: 15px;
        margin-right: 15px;
    }
    .page-template-template-kerst .our-specialties-block .col-4 {
            flex: 0 0 100%;
        max-width: 100%;
    }
    .page-template-template-kerst .our-specialties-block {
        padding:0px;
    }
    .head-faq {
        padding: 15px;
    }
    .list-faq .disc {
        padding: 15px;
        line-height: 2;
    }
    .category-block {
        display: block;
        width:  100%;
    }
    .category-block ul li {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .category-block ul{
        display: block;
        margin-top: 10px;
    }
    .social-blogs {
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    .blog-banner-ui ul {
        padding-top: 0px;

    }
    .how-perfect-food h4 span {
        display: block;
        margin-top: 15px;
    }
    .copyright-block span {
        margin: 0 6px;
    }
    .blog-ui-block.blog-page-ui {
        padding-bottom: 70px;
        padding-top: 0px;
    }
    .blog-ui-block .content-left-ui {
        margin-bottom: 30px;
    }
    .disc-footer ul li {
        margin-right: 15px;
        margin-left: 15px;
    }
    .ingredients-item figure {
        margin-bottom: 10px;
    }
    .ingredients-item br{
        display: none;
    }
    .blog-ui-block {
        padding-top: 84px;
    }
    .list-party-retaurent {
        padding-top: 30px;
    }
    .emaillist input[type="email"] {
        text-align: center;
    }
    .ui-location-box .content-left-ui h3 {
        font-size: 30px;
    }
    .hero-inner-block h1 {
        font-size: 30px;
    }
    .blog-filter-ui {
        display: block;
        margin-bottom: 20px;
    }
    .sort-by-ui:after {
        top: 17px;
    }
    .search-box-blog {
        width: 100%;
        margin-bottom: 15px;
    }
    .sort-by-ui select {
        width: 100%;
    }
    .search-box-blog input[type="text"] {
        height: 50px;
    }
    .sort-by-ui select {
        height: 45px;
    }
    .sort-by-ui label {
        top: 13px;
    }
    .job-looking-ui {
        padding-top: 60px;
    }
    .hero-block .container{
        padding: 0 20px;
    }
    .content-hero-ui h1 {
        font-size: 32px;
        line-height: 44px;
    }
    .content-hero-ui{
        text-align: center;
    }
    .content-hero-ui .btn-block{
        justify-content: center;
    }
    .social-hero ul li {
        margin-left: 16px;
    }
    .head-common-ui h3, .content-left-ui h3{
        font-size: 34px;
    }
    .our-specialties-block .row .col-3{
        padding: 0 4px 12px;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .our-specialties-block {
        padding: 0 10px;
    }
    .content-left-ui p{
        font-size: 14px;
    }
    .head-party-block .btn-block{
        width: 100%;
        flex-wrap: wrap;
    }
    .head-party-block .btn-block a{
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
        justify-content: center;
    }
    .choice-block h4{
        font-size: 44px;
        line-height: 54px;
    }
    .choice-block{
        height: 486px;
    }
    .btn-primary-white{
        height: 55px;
        line-height: 55px;
        font-size: 12px;
    }
    .box-review figure{
        flex: 0 0 153px;
        height: 153px;
    }
    .box-review figure img {
        width: 128px;
        height: 128px;
    }
    .box-review figcaption{
        padding-top: 10px;
    }
    .box-review figcaption p{
        line-height: 1.8;
    }
    .regular-location .ui-location-box{
        flex-wrap: wrap;
    }
    .ui-location-box .content-left-ui, .ui-location-box figure{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog-ui-block .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .card-blog label{
        font-size: 12px;
    }
    .card-blog h5{
        margin-bottom: 20px;
    }
    .our-specialties .head-common-ui{
        padding-bottom: 22px;
        padding-top: 0px;
    }
    .our-buffetto {
        padding: 32px 0 40px;
        background-color: #F0F0F0;
    }
    .our-specialties{
        padding-bottom: 24px;
    }
    .party-block-ui {
        padding-bottom: 44px;
        overflow: hidden;
        padding-top: 50px;
    }
    .testimonial-block-ui:after{
        top: -80px;
    }
    .head-party-block figure img {
        width: 120px;
    }
    .block-footer-grid .col-4{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 50px;
    }
    .nav-footer ul li, .disc-footer p{
        text-align: center;
    }
    .disc-footer p{
        margin-bottom: 16px;
    }
    .block-footer-grid .col-4:last-child{
        padding-top: 0px;
    }
    .disc-footer ul{
        justify-content: center;
    }
    .newsletter-block .note-newsletter p {
        font-size: 12px;
    }
    .copyright-block{
        padding-top: 10px;
        font-size: 11px;
    }
    .footer-main{
        padding-bottom: 30px;
    }
    .logo-footer{
        margin-bottom: 40px;
    }
    .blog-ui-block{
        padding-bottom: 54px;
    }
    .slide-party figure{
        margin-bottom: 22px;
    }
    button.hamburger-menu{
        margin-right: 10px;
    }
    .logo-main{
        padding-left: 10px;
    }
    .events-page .row .col-4{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 16px;
    }
    .concept-tabbing {
        padding-top: 8px;
    }
    .slider-content .item-figure img {
        height: 285px;
    }
    .concept-discription label{
        font-size: 15px;
        margin-bottom: 12px;
    }
    .concept-discription p{
        font-size: 14px;
    }
    .nospace-row.row .col-6{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 4px 12px;
    }
    .choice-block.choice-block-up h4{
        font-size: 32px;
    }
    .head-ui-common-sm h3{
        font-size: 16px;
        margin-bottom: 18px;
    }

    .job-looking-ui h4 {
        font-size: 28px;
        margin-bottom: 16px;
    }
    .disc-job-looking p{
        font-size: 14px;
    }
    .ui-seach-flex button.submit img {
        width: 22px;
    }
    .ui-seach-flex button.submit{
        width: 60px;
    }
    .ui-seach-flex .textfield{
        height: 60px;
        padding-right: 54px;
    }
    .search-block-page {
        padding: 30px 0 10px;
    }
    .our-culture .col-4{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .culture-block h6 {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .our-culture {
        padding: 40px 0;
    }
    .benefits-block h5 {
        font-size: 34px;
        margin-bottom: 40px;
    }
    .box--disc {
        height: 325px;
        width: 325px;
        padding: 48px 30px;
        font-size: 14px;
    }
    .left-block-tab ul li{
        margin-right: 5px;
    }
    .benefits-block {
        padding: 50px 0;
    }
    .best-jobs .col-6{
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .best-jobs h4{
        margin-bottom: 20px;
    }
    .job-counter{
        font-size: 14px;
        margin-bottom: 24px;
        padding-top: 14px;
    }
    .job-counter span {
        min-width: 28px;
        height: 28px;
        line-height: 28px;
        margin-right: 8px;
    }
    .list-jobs-search .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .list-jobs-search .col-4:nth-child(2n) a, .list-jobs-search .col-4 a, .list-jobs-search .col-4:nth-child(3n) a{
        border-right: none;
    }
    .item-jobs p{
        font-size: 13px;
        line-height: 1.8;
    }
    .job-search-block{
        margin-bottom: 50px;
    }
    .vacancy-detail-block{
        padding: 20px 0 60px 0;
    }
    .vacancy-detail-block p, .vacancy-detail-block ul li{
        font-size: 14px;
    }
    .vacancy-detail-block h3{
        font-size: 24px;
    }
    .vacancies-form-block .content-left-ui h3{
        font-size: 24px;
    }
    .form-ui .fieldset label{
        font-size: 14px;
    }
    .form-control{
        height: 52px;
    }
    .form-ui .fieldset{
        margin-bottom: 20px;
    }
    .vacancies-form-block .btn-primary-orange{
        width: 100%;
        text-align: center;
    }
    .fileupload{
        height: 50px;
    }
    .vacancies-form-block {
        padding: 50px 0;
    }
    .nav-footer ul li{
        margin-bottom: 12px;
    }
    .block-content-catering h4 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .quote-block blockquote{
        font-size: 24px;
    }
    .quote-block blockquote:before{
        width: 40px;
        height: 34px;
        background-size: contain;
    }
    .quote-block blockquote{
        padding: 16px 0 0 54px;
    }
    .star-fig{
        padding-left: 54px;
    }
    .specialize-locate .box-spcialities{
        padding-bottom: 20px;
    }
    .network-buffetto{
        padding: 30px 0 70px;
    }
    .location-icon img {
        max-width: 60px;
    }
    .network-buffetto h4 {
        font-size: 36px;
        padding-top: 10px;
    }
    .network-buffetto p{
        font-size: 14px;
    }
    .title-ui-contact h4 {
        font-size: 28px;
        margin-bottom: 16px;
    }
    .title-ui-contact p{
        font-size: 14px;
    }
    .ready-contact {
        padding: 35px 0 35px;
    }
    .contact-form-ui .container{
        padding: 0px;
    }
    .form-contact {
        margin-top: -2px;
        margin-bottom: -2px;
        border-radius: 0px;
        padding: 40px 20px;
    }
    .look-kitchen-ui h4{
        font-size: 24px;
        margin-top: 14px;
    }
    .look-kitchen-ui{
        padding: 25px 20px;
    }
    .look-kitchen-contact .container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .info-contact ul li{
        font-size: 14px;
    }
    .contact-info-block .info-contact{
        flex: 0 0 100%;
    }
    .contact-form-ui{
        overflow: hidden;
    }
    .event-gallery ul li img{
        height: 120px;
    }
    .content-inner-employee {
        font-size: 14px;
        line-height: 1.7;
    }
    .content-inner-employee{
        padding: 30px 0;
    }
    .box-employee-fig img{
        width: 100%;
    }
    .our-employees-block p{
        font-size: 14px;
    }
    .experice-box{
        padding: 26px 20px;
    }
    .experice-box{
        bottom: -130px;
    }
    .about-experience-block{
        height: 350px;
    }
    .blog-detail-content p{
        font-size: 14px;
    }
    .blog-detail-content h4{
        font-size: 28px;
        margin-bottom: 22px;
    }
    .blog-detail-content{
        padding-top: 44px;
    }
    .blog-detail-content figure{
        margin-bottom: 20px;
    }
    .category-block ul li a{
        padding: 6px;
        font-size: 12px;
    }
    .category-block{
        font-size: 13px;
    }
    .social-blogs{
        font-size: 13px;
    }
    .prenext-blog a{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin: 0 10px;
    }
    .block-ui-radio .radio-list{
        flex-wrap: wrap;
    }
    .block-ui-radio .radio-list h5{
        width: 100%;
        margin-bottom: 10px;
    }
    .radio-list .radio-box label.cs-radio{
        margin-bottom: 14px;
        margin-right: 14px;
    }
}

.emaillist input[type="email"],.emaillist label  {
    margin-bottom: 0px;
}