@import url('https://fonts.googleapis.com/css?family=Mr+De+Haviland');


.main-menu .navigation>li>a, .social-icon-one li a {
    color: #FFF;
}

.text-right{
    text-align: right !important;
}

.titoli-slide {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px !important;
    margin-bottom: 15px;}

.main-header .header-upper {
   background-color: rgba(0, 0, 0, 0.7);
}

.logo-widget.footer-widget img {
    max-width: 60%;
}

.main-header .logo-outer .logo img {
    max-width: 90%;
}

.social-icon-one li a:hover {
    color: #d0b765;
}


.main-slider .text {
    color: #FFF;
    font-weight: bold;
}

.main-slider h2 {
    color: #d0b765;
}

.text-home-box {
color: #FFF;
border-bottom: 2px solid #FFF;
}

.main-slider .location {
    font-size: 20px !important;
    color: #FFF;
    font-weight: bold;
}

.page-title {
padding: 55px 0;}

.table-section, {
padding: 100px 0 80px;
}

.place-section .content-column .content-inner {
background-color: #000;}

.btn-style-one{
    background-color:#d0b765;
    border: 0 !important;
}

.btn-style-one:hover {
    color: #d0b765;
    background: none !important;
    border: 1px solid #d0b765 !important;
}

.btn-style-one-background {
    position: relative;
    padding: 12px 51px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background: #d0b765;
    letter-spacing: 1px;
    border-radius: 5px;
    border: 0 solid #d0b765;
    text-transform: none;
    margin: 25px 0;
}

.btn-style-one-background:hover {
    color: #fff;
    background: transparent;
    border: 2px solid #ffffff;

}

.btn-style-one--reverse {
    background: #d0b765 !important;
    color: #fff;
    border-color: #d0b765;
}

.btn-style-one--reverse:hover{
    background: none !important;
    color: #d0b765;
}

.sec-title .title {
    color: #d0b765;
}


a {
    color: #d0b765;
}

a:hover {
    color: #000;
}


.title-section .content {
max-width: 700px;
}

.footer-style-two a:hover {
    color: #FFF;}

.btn-style-four:hover {
    color: #d0b765;
    background: 0 0;
    border-color: #d0b765;
}

.master-widget a:hover {
    color: #d0b765;
}

.custom--contact h2 {
    font-size: 15px !important;
}


.master-widget .inner-box .start-btn, .master-widget-menu .inner-box .start-btn {
    font-size: 12px !important;
    background-color: #d0b765 !important;
    padding: 10px 20px !important;
}

.page-title:before {
    background-color: rgba(255,255,255,.5);
    border-bottom: 1px solid #e2e2e2;
}

.social-icon-three li a {
    color: #d0b765;
    border: 2px solid #d0b765;
}

.social-icon-three li a:hover {
    color: #fff;
    background-color: #d0b765;
}

.main-menu .navigation>li>a:hover, .sticky-header .main-menu .navigation>li>a:hover {
    color: #d0b765 !important;
}

.main-menu .navigation>li>ul {
    border-top: 2px solid #d0b765 !important;
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #fff;
    background-color: #d0b765 !important;
}

.cartDiv.takeawayHeader {
    background-color: #d0b765;
}

.btn--see--cart {
    background-color: #fff;
    color: #d0b765;
    border-color: unset;

}

input#email {
    border: 1px solid #000;
    width: 100%;
    padding: 8px;
}

.carousel-section .owl-nav .owl-next, .carousel-section .owl-nav .owl-prev {
    color: #d0b765 !important;
}

.btn--see--cart:hover {
    background-color: #d0b765 !important;
    color: #fff !important;
    border: 1px solid #FFF !important;
}

.fa-info-circle:before {
    content: "\f05a";
    font-size: 20px;
}

.grid-item{
    width: calc(100%/3);
}


@media only screen and (max-width: 1140px) {
    .main-header {
        position: relative;
        background-color: #FFF;
    }

    .page-title {
        padding: 40px 0;
    }


    .page-title h2 {
        display: block;
        color: #000;
        font-size: 35px;
    }

    .overlay-layer h2 {
    font-size: 2em;
}

}

@media only screen and (max-width: 767px) {
    .main-menu .navbar-header .navbar-toggle {

        border: 1px solid #d0b765;
        background: #d0b765;
    }

    .main-menu .navbar-collapse>.navigation>li>a, .main-menu .navbar-collapse>.navigation>li>ul {
        background: #d0b765;}

    .main-menu .navbar-collapse>.navigation>li>a:hover {
        color: #d0b765 !important;
        background: #FFF;}

    .main-menu .navbar-collapse>.navigation>li>ul>li>a{
        background: #fff;
        color: #d0b765 !important;}

    .main-menu .navbar-collapse>.navigation>li:hover>a {
        background: #d0b765;
        color: #fff!important;
    }

    .contact-page-section, .sidebar-page-container, .menu-section, .reservation-section, .special-section{
        padding: 40px 0 30px;
    }

    .main-slider .location {
        margin-top: 20px !important;
        font-size: 13px !important;
    }

    .main-slider h2 {
        font-size: 33px;
    }

    .title-section {
    position: relative;
    padding: 50px 0 80px;
    }

    .btn-style-one {
       margin: 15px 0;
    }

    .news-block-two .inner-box .lower-box .text {
    margin-bottom: 5px; 
        }

        .page-title {
    padding: 30px 0!important;
        }

.page-title h2 {
    font-size: 25px;}


}




/* Portrait Galaxy S5 */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
    .grid-item {
        width: calc(100%);
    }
    .logo-outer{
        width:85%;
    }
}
/* Portrait iPhone 5/SE*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    .grid-item {
        width: calc(100%);
    }
    .logo-outer{
        width:84%;
    }
    .cartDiv span{
        font-size:20px;
    }
    .cartDiv img{
        width: 26px;
    }
}

/* GALLERIA INSTAGRAM */
/* iPhoneX */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 767px) {

    .main-menu .navbar-collapse>.navigation {
    background: #FFF;
}

.main-menu .collapse {
    max-height: 310px !important;}

    .grid-item {
        width: calc(100%);
    }
    .logo-outer{
        width:70%;
    }
}
/* iPad landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){

    .grid-item{
        width: calc(100%/3);
    }

    .logo-outer{
        width:25%;
    }
}
/* iPad Portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
    .fixed-header .sticky-header {
        display: block;
    }
    .logo-outer{
        width:35% !important;
    }
}
.modal-header .close{
    margin-top:-10px;
}