body {
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}


.header {
    height: 131px;
    background-image: url(../img/bg-header.png);
    color: #FFFFFF;
}
@media screen and (max-width: 1200px) {
.header {
    height: 80px;
}   
}

.header-sticky {
    height: 80px;
}


.container-1170 {
    width:1170px;
    max-width: 98%;
    margin: auto;
}

.container-850 {
    width:850px;
    max-width: 98%;
    margin: auto;
}


#section-1 {
    background-image: url(../img/bg1.jpg);
    background-position: center;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 150px;
    background-attachment: fixed;
}

#section-5 {
    background-image: url(../img/bg3.jpg);
    background-position: center;
    background-size: cover;
    padding-top: 300px;
    padding-bottom: 300px;
    background-attachment: fixed;
}

#section-3 {
    background-image: url(../img/bg2.jpg);
    background-repeat: repeat-x;
    background-color: #ff6656;
}

#section-7 {
    background-color: #381b15;
}


.footer {
    padding: 70px 0px;
    background-color: #2f1611;
    color:#858480;
    font-size: 14px;
}

.text-60 {
    font-size: 60px;
}

.color-coral {
    color:#ff6656;
}

.color-dark {
    color:#493f40;
}

.color-gray {
    color:#858480;
}

.line-height-25 {
    line-height: 25px;
}
.line-height-35 {
    line-height: 35px;
}


.price-block {
    display:inline-block;
    margin:0px 10px;
    font-size: 20px;
}

.img-circle {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    border:10px solid #f8f7f1;
    /*box-shadow: 0px 0px 5px rgba(220,220,220, 0.5);*/
}


.m-menu li {
    color:#000000;
}


.container1 {
    max-width:1920px; 
    height: 1157px; 
    margin: auto; 
    background-image: url(../img/bgslice_01.jpg);
    background-position: top center;
}
@media screen and (max-width: 1200px) {
.container1 {
    height: 1157px; 
    background-image: url(../img/bg1200_01.jpg);    
}    
}
@media screen and (max-width: 750px) {
.container1 {
    height: 1157px; 
    background-image: url(../img/bg750_01.jpg);    
}    
}
@media screen and (max-width: 375px) {
.container1 {
    height: 999px; 
    background-image: url(../img/bg375_01.jpg);    
}    
}

.container2 {
    max-width:1920px; 
    height: 5417px; 
    margin: auto; 
    background-image: url(../img/bgslice_02.jpg); 
    background-position: top center; 
    display:none
}
@media screen and (max-width: 1200px) {
.container2 {
    background-image: url(../img/bg1200_02.jpg);    
}    
}
@media screen and (max-width: 750px) {
.container2 { 
    background-image: url(../img/bg750_02.jpg); 
    height: 5000px;
}    
}
@media screen and (max-width: 375px) {
.container2 { 
    background-image: url(../img/bg375_02.jpg); 
    height: 5800px;
}   
}

.logo-container {
    padding-left: 180px;
}
@media screen and (max-width: 1200px) {
.logo-container {
    padding-left: 30px;
}    
}

.section1-text-container {
    padding-left: 320px;
}
@media screen and (max-width: 1200px) {
.section1-text-container {
    padding-left: 30px;
}    
}

.gallery-title-container {
    padding-left: 600px
}
@media screen and (max-width: 1200px) {
.gallery-title-container {
    padding-left: 400px;
    padding-top: 10px;
}  
.gallery-title-container img {
    width:80%;
}
}
@media screen and (max-width: 750px) {
.gallery-title-container {
    padding-left: 0px;
    padding-top: 10px;
    text-align: center;
}     
}

#slideshow {
    position: absolute; 
    top:830px; 
    left:0px; 
    width:100%;
}
@media screen and (max-width: 1200px) {
#slideshow {
    /*left:100px;*/
    left:5%; width:90%;
}
}
@media screen and (max-width: 750px) {
#slideshow {
    top:1150px; 
    left:0px;
    width:100%;
}
}
@media screen and (max-width: 375px) {
#slideshow {
    top:1290px; 
}
}



/*

@media screen and (max-width: 1200px) {
#slideshow {
    left:5%; width:90%;
}    
}

*/



@media screen and (max-width: 1200px) {
.slider {
    margin-left:0px;
}    
}

.content {
    width: 1260px; 
    margin: auto; 
    position: relative; 
    min-height: 3000px;
}
@media screen and (max-width: 1200px) {
.content {
    width: 750px;
}
}
@media screen and (max-width: 750px) {
.content {
    width: 400px;
    max-width: 95%;
}
}


.menu-container {
    width:100%;
    max-width: 1200px; 
    margin: auto;
    padding:20px;
}
@media screen and (max-width: 750px) {
.menu-container {
    padding:5px;
}    
}


.menu-items {
    padding-left:200px;
}
@media screen and (max-width: 1300px) {
.menu-items {
    padding-left:0px;
}    
}
@media screen and (max-width: 1200px) {
.menu-container {
    width: 100%; 
} 

}

.section1-text-text {
    max-width:600px; 
    line-height: 24px;
    font-size: 16px;
}
@media screen and (max-width: 1200px) {
.section1-text-text {
    max-width:570px;    
}    
}
@media screen and (max-width: 750px) {
.section1-text-text {
    max-width:300px;
    line-height: 20px;
}    
}
@media screen and (max-width: 350px) {
.section1-text-text {
    font-size:14px;
    line-height: 18px;
}    
}


.slick-prev, .slick-next {
    font-size: 50px;
    height:70px;
    color:#06768e;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color:#12b8dc;
}


@media screen and (max-width: 1200px) {
.slick-prev {
    left:-50px;
}
.slick-next {
    right:-50px;
}
}




.menu-content {
    padding-left: 100px; 
    color:#1f4a56;
    line-height: 28px; 
    min-height: 600px;
}
@media screen and (max-width: 1200px) {
.menu-content {
    padding-left: 50px; 
    font-size: 14px;
}
}


.accordion-item {
    cursor: pointer;
    margin-bottom: 10px;
}

.accordion-content {
    padding-top: 10px; 
    padding-left:20px;
    color:#1f4a56;
    line-height: 28px; 
    min-height: 600px;
    font-size: 14px;
}
@media screen and (max-width: 750px) {
.accordion-content {
    line-height: 20px;
}
}



@media screen and (max-width: 1200px) {
.scrollbar {
    width:520px !important;
    height:400px !important;
}    
}
@media screen and (max-width: 750px) {
.scrollbar {
    width:400px !important;
    max-width: 100%;
    height:330px !important;
    margin-left:0px !important;
}    
}
@media screen and (max-width: 375px) {
.scrollbar {
    height:280px !important;
}    
}

.menu-items-group > div {
    display:inline-block;
    margin-right: 0px;
    background-repeat: no-repeat;
    background-position-y: 15px;
    padding:20px;
    cursor: pointer;
}
@media screen and (max-width: 1200px) {
.menu-items-group > div {
    padding:10px;
    background-position-y: 5px;
    background-size: contain;
}
}

#menu-item-0 { background-image: url(../img/menu-mark.png); }

/*#menu-item-0 img { width:109px; height: auto; }
#menu-item-1 img { width:126px; height: auto; }
#menu-item-2 img { width:179px; height: auto; }
#menu-item-3 img { width:129px; height: auto; }
@media screen and (max-width: 1200px) {
    #menu-item-0 img { width:87px; }
    #menu-item-1 img { width:100px; }
    #menu-item-2 img { width:143px; }
    #menu-item-3 img { width:103px; }   
}*/



#menu {
    position: absolute; 
    top:1850px; 
    left:0px; 
    width:100%;
}
@media screen and (max-width: 750px) {
#menu {
    top:1870px;     
}    
}
@media screen and (max-width: 375px) {
#menu {
    top:2030px;     
}    
}



.menu-title {
    padding-left: 20px;
}
.menu-title img {
    width:150px; 
    height: auto;
}
@media screen and (max-width: 1200px) {
.menu-title {
    padding-top:30px;
    padding-left:10px;
    padding-bottom:20px;
}
.menu-title img {
    width:120px; 
}   
}
@media screen and (max-width: 750px) {
.menu-title {
    padding-left:0px;
}   
}


#pork-ribs {
    position: absolute;
    top:2850px; 
    left:0px; 
    width:100%; 
    padding-left:360px;
}
@media screen and (max-width: 1200px) {
#pork-ribs {
    padding-left:130px;
}
}
@media screen and (max-width: 750px) {
#pork-ribs {
    top:2680px; 
    padding-left:0px;
}
}
@media screen and (max-width: 375px) {
#pork-ribs {
    top:3050px;
}
}

.pork-ribs-text {
    max-width: 400px; margin-left: 70px; 
    font-size: 28px; 
    font-weight: normal; 
    color:#fff; 
    font-style: italic
}
@media screen and (max-width: 750px) {
.pork-ribs-text {
    margin-left: 0px;
    text-align: center;
}
}
@media screen and (max-width: 375px) {
.pork-ribs-text {
    font-size: 20px;
}
.pork-ribs-text br {
    display: none;
}
}

#sea-food {
    position: absolute; top:3560px; left:0px; 
    width:100%; padding-left:260px;
}
@media screen and (max-width: 1200px) {
#sea-food {
    padding-left:120px;
}
}
@media screen and (max-width: 750px) {
#sea-food {
    top:3700px;
    padding-left:0px;
}
}
@media screen and (max-width: 375px) {
#sea-food {
    top:3900px;
}
}


#winelist {
    position: absolute; top:3920px; left:0px; width:100%;
}
.winelist-content {
    padding-left:620px;
}
.winelist-title {
    margin-bottom: 50px;
}
.winelist-text {
    max-width:400px; font-weight: bold; font-style: italic; line-height: 24px;
    
}
@media screen and (max-width: 1200px) { 
.winelist-content {
    padding-left:320px;
}    
}
@media screen and (max-width: 750px) {
#winelist {
    top:4630px;
    text-align: center;
}
.winelist-content {
    padding-left:0px;
}
.winelist-title {
    margin: auto;
    margin-bottom: 30px;
    width: 280px;
    text-align: center;    
}
.winelist-text {
    text-align: left;
}
}
@media screen and (max-width: 375px) {
#winelist {
    top:4730px;
}
}



#wines {
    position: absolute; top:4650px; left:0px; width:100%;
}
@media screen and (max-width: 1200px) { 
#wines {
    top:4380px;
}    
}
@media screen and (max-width: 750px) { 
#wines {
    display:none;
}    
}
@media screen and (max-width: 375px) { 
#wines {
    display:block;
    top:5400px;
}    
}

#wines > div {
    margin-left: 195px; max-width: 750px; color:#fff;
    font-size: 20px; font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 1200px) { 
#wines > div {
    margin-left: 0px; max-width: 600px;
    font-size: 18px;
}
}

#location {
    position: absolute; top:5280px; left:0px; width:100%;
}
#location > div {
    margin-left:100px; max-width: 640px;
}
@media screen and (max-width: 1200px) { 
#location {
    top:4980px;
    left:-20px;
}
#location > div {
    margin-left:0px; max-width: 540px;
}    
}
@media screen and (max-width: 750px) { 
#location {
    top:5000px;
    left:0px;
}    
}
@media screen and (max-width: 375px) { 
#location {
    top:5696px;
}    
}

.location-text {
    /*font-size: 18px; */
    font-size: 16px;
    line-height: 24px;
    color:#fff; padding-left: 20px;
}
@media screen and (max-width: 750px) { 
.location-text {
    padding-left: 0px;
    text-align: center;
}    
}


#map-container {
    position:absolute; top:5570px; left:0px; width:100%;
}
#map {
    margin-left:140px; width:970px; background-color: #666; height: 615px;
}
@media screen and (max-width: 1200px) { 
#map-container {
    top:5250px; 
}
#map {
    margin-left:-25px; width:880px; height: 555px;
}    
}
@media screen and (max-width: 750px) { 
#map-container {
    top:5280px; 
}
#map {
    /*margin-left:-40%;
    margin-right: -40%;
    width:180%; */
    margin-left: 0px;
    width: 100%;
    height: 500px;
}    
}
@media screen and (max-width: 375px) { 
#map-container {
    top:5990px; 
}
#map {
    margin-left: 0px;
    margin-right: 0px;
    width:100%; 
    height: 400px;
}    
}

#location2 {
    position:absolute; top:6220px; left:140px; width:400px; 
    /*font-size: 18px;*/
    font-size: 16px;
    line-height: 24px;
    color:#fff;
}
@media screen and (max-width: 1200px) { 
#location2 {
    top:5850px; left:-25px;
}
}
@media screen and (max-width: 750px) { 
#location2 {
    top:5820px; 
    left:0px;
    width:100%;
}
}
@media screen and (max-width: 375px) { 
#location2 {
    top:6450px;
}
}


#mobile-menu li {
    margin-bottom: 20px;
}

#mobile-menu-btn {
    cursor: pointer;
}

.accordion-item img {
    vertical-align: middle;
}
.accordion-item {
    font-size: 25px;
}

.vis-lt-375 {
    display:none;
}
@media screen and (max-width: 375px) { 
.vis-lt-375 {
    display:block;
}   
}

#polaroids-lg {
    position:absolute; top:0px; left:905px; width:705px; height: 868px; 
    background-image: url(../img/polaroids-lg-1.png)
}
@media screen and (max-width: 1200px) { 
#polaroids-lg {
    left:650px;
}    
}


#polaroids-sm {
    position:absolute; 
    top:450px; left:280px; 
    width:300px; height: 488px; 
    background-image: url(../img/polaroids-sm-1.png); z-index: 9999;
}
@media screen and (max-width: 375px) { 
#polaroids-sm {
    top:470px; left:70px; 
    width:305px; height: 488px; 
    /*background-image: url(../img/polaroids-sm-1.png); z-index: 9999;*/
}
}

.slick-dots li button::before {
    font-size: 12px !important;
    color: #007689 !important;
}

.slick-dots {
    bottom: -35px !important;
}

.slider-img {
    width:720px;
    height: auto;
}
@media screen and (max-width: 1200px) {
.slider-img {
    width:600px;
}    
}

.slider-thumb {
    width:150px;
    height: auto;
}
@media screen and (max-width: 1200px) { 
.slider-thumb {
    width:100px;
}   
}


#mobile-menu {
    position:absolute; top:50px; width:100%; 
    background-color: rgba(19,47,56,0.77); 
    color:#fff; padding:20px;display:none;
    min-width: 350px;
}


.slick-prev-sm, .slick-next-sm {
    top:105%;
    font-size: 30px;
    color:rgb(0,150,200);
}
.slick-prev-sm:hover, .slick-next-sm:hover {
    color:rgb(0,200,250);
}

.slick-prev-sm {
    left:80px;
}

.slick-next-sm {
    right:80px;
}

.social-icons-mobile {
    display: none;
}

@media screen and (max-width: 750px) { 
.social-media {
    padding-top: 15px;
}
.social-icons {
    display: none;
}
.social-icons-mobile {
    display: block;
}
}

@media screen and (max-width: 750px) {
.mobile-menu-bars {
    padding-top: 15px;
}
}