@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,400italic,700,700italic,900&subset=latin,latin-ext);

/* CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
}
/* CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    vertical-align: baseline;
}

html,body{overflow-x:hidden; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch; -o-overflow-scrolling:touch;}
body{font-family:'Merriweather', sans-serif; color:#1e1d21; outline:none; overflow-x:hidden; text-align:center; position: relative; -webkit-text-size-adjust: none; background:#fff; padding:0; font-size:16px;}
div, span, p, a, input, ul, ol, li, textarea{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type="submit"], input[type="button"], input[type="reset"], input[type="number"], textarea{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input[type="submit"], input[type="reset"], input[type="number"]{border:0; margin:0; padding:0; cursor:pointer;}
label{cursor:pointer;} strong{font-weight:700;} a{text-decoration:none; color:#28232a;} a:hover{text-decoration:none;} ul{list-style:none;}

/*sticky header animation*/
@-webkit-keyframes fixedAnim {
    0% {top: -90px}
    100% {top: 0}
}

@-moz-keyframes fixedAnim {
    0% {top: -90px}
    100% {top: 0}
}

@-ms-keyframes fixedAnim {
    0% {top: -90px}
    100% {top: 0}
}

@-o-keyframes fixedAnim {
    0% {top: -90px}
    100% {top: 0}
}

@keyframes fixedAnim {
    0% {top: -90px}
    100% {top: 0}
}

/*main*/
.btn1{background:#fff; margin:0 15px; border:2px solid #1e1d21; padding:0 30px; height:58px; min-width:200px; display:inline-block; text-align:center; font:700 16px/54px 'Merriweather'; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition: background .2s linear;}
.btn1:hover{background:#1e1d21; color:#fff;}
.btn2{background:#ca461f; margin:0 15px; color:#fff; padding:0 30px; height:58px; min-width:200px; display:inline-block; text-align:center; font:700 16px/58px 'Merriweather'; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition: background .2s linear;}
.btn2:hover{background:#a33313; color:#fff;}
.title1{display:block; color:#a82425; font:700 30px/40px 'Merriweather'; margin-bottom:10px; font-style:italic;}
.title2{display:block; color:#1e1d21; font:700 30px/40px 'Merriweather'; margin-bottom:10px; font-style:italic;}
.title3{display:block; color:#a82425; font:700 20px/28px 'Merriweather'; margin-bottom:10px;}
.no-gutter [class^="col-"] {padding-left:0; padding-right:0;}

.anatolia{position:relative; background-image: url(../images/bg.png);}
.header-container{position:relative; padding:0; margin:0; border-bottom:1px solid #a82425;}
header{width:100%; height:90px; padding:10px 0; top:0; left:0; z-index:99; background:#333; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease;}
header.fixed-header{
    background:#1e1d21;
    position: fixed;
    -webkit-animation: fixedAnim .4s ease both;
    -moz-animation: fixedAnim .4s ease both;
    -ms-animation: fixedAnim .4s ease both;
    -o-animation: fixedAnim .4s ease both;
    animation: fixedAnim .4s ease both;
}
header .main-menu{display:inline-block; height:70px;}
header .main-menu .item{display:inline-block; height:100%;}
header .main-menu .item a{font-family:'Source Sans Pro'; line-height:30px; padding:20px 14px; letter-spacing:1.2px; font-weight:700; color:#fff; display:inline-block; text-shadow:1px 1px 1px #000;}
header .main-menu .item.home a{position:relative; width:233px;}
header .main-menu .item.home a img{position:absolute; left:20px; top:0;}
header .main-menu .item a:hover{text-decoration:underline;}
header .main-menu .item.active a{color:#ca461f;}

.main-slider{position:relative; overflow:hidden; z-index:0; width:100%; margin:0 auto; border-bottom:1px solid #d8d8d8;}
.fullscreen-media{width:100%; position:relative; max-width:960px; margin:0 auto;}
.fullscreen-media .swiper-button-next, .fullscreen-media .swiper-button-prev{color:#fff; width:44px; height:44px; border:2px solid #fff; font-size:24px; line-height:40px;}
.home-swiper-container{height:100%;}
.home-swiper-container .swiper-item{width:100%; height:100%;}
.home-swiper-container .swiper-title{width:1170px; max-width:100%; height:100%; position:relative; margin:0 auto; z-index:10;}
.home-swiper-container .swiper-title .title{width:100%; position:absolute; left:0; bottom:30px; color:#fff; font:700 45px/60px 'Merriweather'; font-style:italic; text-align:left; padding:0 10%; text-shadow:1px 1px 1px #000;}
.home-swiper-container .swiper-item:before{background:transparent url(../images/pattern.png) repeat; content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:9;}
.home-swiper-container .swiper-button-next{color:#fff;}

.home-text-message{background:#000; color:#fff; padding:0 20px; max-height:100px; display:flex; align-items:center; justify-content:center;}
.home-text-message .title1{color:#fff; display:inline-block; float:none; margin:0 0 0 30px; font-size:25px; line-height:25px;}
.home-text-message img{max-height:100px;}

.home-discover-container{padding-top:50px; padding-bottom:50px; display:none;}
.home-discover-container p{line-height:28px; margin-bottom:30px;}

.home-menu-container{padding-top:25px; padding-bottom:25px; border-top:1px solid #eee; background:#fff url(../images/pattern2.png) repeat;}
.home-menu-container .title2{float:left;}
.home-menu-container .menu-slider{position:relative; margin-bottom:25px;}
.menu-swiper-container .swiper-slide a{width:100%; display:inline-block;}
.menu-swiper-container .swiper-slide a .image-wrapper{width:100%; display:inline-block; margin-bottom:0; position:relative;}
.menu-swiper-container .swiper-slide a .image-wrapper img{width:100%; float:left}
.menu-swiper-container .swiper-slide a .image-wrapper:after{display:block; content:""; width:96%; height:94%; border:50px solid rgba(239,231,190,0); position:absolute; left:2%; top:3%; transition:0.5s ease; -moz-transition:0.5s ease; -webkit-transition:0.5s ease;}
.menu-swiper-container .swiper-slide a:hover .image-wrapper:after{border-width:3px; border-color:rgba(239,231,190,1);}
.menu-swiper-container .swiper-slide a .title{color:#a82425; font:700 18px/22px 'Merriweather'; font-style:italic;}
.menu-slider .menu-swiper-button-prev{left:auto; padding-left:1px; right:0; top:-30px; margin:0; width:24px; height:24px; background:#1e1d21; color:#fff; font-size:24px; line-height:23px; border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;}
.menu-slider .menu-swiper-button-next{left:auto; padding-right:1px; right:30px; top:-30px; margin:0; width:24px; height:24px; background:#1e1d21; color:#fff; font-size:24px; line-height:23px; border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;}

.review-container{padding-top:25px; padding-bottom:40px; position:relative; }
.review-container:before{position:absolute; left:0; top:0; display:block; content:""; width:100%; height:100%; background:rgba(19,35,8,0.85);}
.review-slider{position:relative;}
.review-slider .swiper-slide{border-bottom:1px solid #364f24;}
.review-slider .swiper-slide > img{max-height:40px;}
.review-slider .swiper-slide .title{width:100%; display:-webkit-box; color:#a0c684; font:700 20px/25px 'Merriweather'; margin:10px 0; max-height:25px; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.review-slider .swiper-slide .spot{width:100%; display:-webkit-box; color:#fff; font:400 14px/20px 'Merriweather'; margin-bottom:15px; max-height:40px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.review-slider .swiper-slide .review-link{display:inline-block; color:#f27e5c; font:700 20px/30px 'Merriweather'; font-style:italic; margin-bottom:10px;}
.review-slider .swiper-slide .review-link i{color:#f27e5c; font-size:18px; margin-left:5px;}
.review-slider .swiper-pagination{height:12px; bottom:-17px; width:100%; left:0;}
.review-slider .swiper-pagination .swiper-pagination-bullet{height:12px; width:12px; margin:0 2px;}

.cafe-container{padding-top:25px; padding-bottom:25px; text-align:left; border-top:2px solid #eee;}
.cafe-container .cafe-image{position:relative; display:inline-block;}
.cafe-container .cafe-image img{float:left; max-width:100%;}
.cafe-container .cafe-image:after{display:block; content:""; width:98%; height:96%; border:5px solid rgba(239,231,190,0.85); position:absolute; left:1%; top:2%;}
.cafe-container .explore{width:120%; position:relative; z-index:9; background:#fff; padding:10px 20px 15px; margin:45px 0 0 0; box-shadow:0px 0px 1px rgba(64,64,64,0.2);}
.cafe-container .explore p{margin-bottom:10px; line-height:20px; font-size:12px;}
.cafe-container .explore .btn1{margin:0;}

.map-container{width:100%; height:400px;}
footer{background:#2b221a; padding-top:35px; padding-bottom:35px; text-align:left; color:#fff; font:400 12px/21px 'Merriweather'; font-style:italic;}
footer .list{float:right;}
footer .list a{line-height:27px; color:#fff;}
footer .list i{width:17px;}

.pre-banner{height:300px; width:1170px; /*background-attachment:fixed;*/ background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative;}
.pre-banner:before{width:100%; height:100%; content:""; position:absolute; left:0; top:0; z-index:9; background:transparent url(../images/pattern.png) repeat;}
.pre-banner .container{height:100%;}
.pre-banner .title-container{height:100%; position:relative;}
.pre-banner .title-container .page-title{position:absolute; left:0; bottom:5%; color:#fff; font:700 45px/60px 'Merriweather'; font-style:italic; z-index:10; letter-spacing:2px; text-shadow:2px 2px 3px #000;}

.page-content{padding-top:40px; padding-bottom:40px; background:#fff;}
.page-gallery .gallery-item{width:100%; display:inline-block; margin:15px 0; position:relative;}
.page-gallery .gallery-item img{width:100%; float:left;}
.page-gallery .gallery-item:before{display:block; content:""; width:96%; height:94%; border:3px solid rgba(239,231,190,1); position:absolute; left:2%; top:3%;}
.page-gallery .gallery-item .wrapper{background:rgba(0,0,0,0.4); display:none; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%; transition:0.5s ease; -moz-transition:0.5s ease; -webkit-transition:0.5s ease;}
.page-gallery .gallery-item .wrapper .hint{color:#fbf8ce; font:700 14px 'Merriweather'; font-style:italic; position:absolute; right:7%; bottom:8%; text-shadow: 1px 1px 1px #333;}
.page-gallery .gallery-item .wrapper .hint i{margin-right:5px;}
.page-gallery .gallery-item .wrapper .title{width:100%; padding:0 4%; color:#fff; font:700 24px 'Merriweather'; font-style:italic; text-shadow: 1px 1px 1px #333;}
.page-gallery .gallery-item:hover .wrapper{display:flex;}
.page-gallery .gallery-item:hover:before{border-color:#fff;}

.page-business-hours{text-align:left;}
.page-business-hours .bh-list {display:inline-block; width: 100%;}
.page-business-hours .bh-list li{width:100%; display:flex; font-size:14px; line-height:20px; padding:20px 10px; border-bottom:1px solid #ccc;}
.page-business-hours .bh-list li:nth-child(even){background:#f5f5f5;}
.page-business-hours .bh-list li span{width:32%; display:block; float:left;}
.page-business-hours .bh-list li span:nth-child(2n){width:38%; padding-left:10px;}
.page-business-hours .bh-list li span:nth-child(3n){width:30%; padding-left:10px;}
.page-business-hours .bh-list.regular li{padding:20px 0; background:#fff;}

.page-events .phone{font:700 30px/48px 'Merriweather'; font-style:italic; margin-bottom:20px;}
.page-events p{line-height:28px; margin-bottom:40px;}
.event-list{font:400 16px/22px 'Merriweather'; font-style:italic; text-align:left;}
.event-list > div{padding-top:15px; padding-bottom:15px;}
.event-list .date{font-weight:700; color:#a82425; width:75px; float:left;}
.event-list .title{width:-webkit-calc(100% - 75px); width:-moz-calc(100% - 75px); width:calc(100% - 75px); float:right;}

.page-reviews{text-align:left;}
.page-reviews .item{padding-top:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}
.page-reviews .item:first-child{padding-top:0;}
.page-reviews .item .title3{font-style:italic;}
.page-reviews .item .spot{line-height:25px;}
.page-reviews .item a{margin-top:10px; color:#a82425; font-weight:700; font-style:italic; display:inline-block;}
.page-reviews .item a i{margin-right:5px; font-size:18px; font-weight:700;}

.page-contact{text-align:left;}
.page-contact .contact-information li:not(:first-child){margin-top:25px;}
.page-contact .contact-information li .fa{color:#ca461e; margin-right:10px;}
.page-contact .contact-information li span{font-size:14px; line-height:2;}
.page-contact .gift-cards-content{border-top:1px solid #ccc; margin-top:25px; padding-top:25px;}
.page-contact .gift-cards-content strong{font:700 14px 'Merriweather'; color:#a82425}
.page-contact .gift-cards-content span{font:400 14px 'Merriweather'; }
.page-contact .jobs-content p{font:400 14px/2 'Merriweather'; margin-bottom:15px;}
.page-contact .jobs-content .btn2{margin:0 auto; width:30%; display:block;}

.page-menus{text-align:left;}
.page-menus > div:first-child{background:transparent url(../images/menus-menu-bg.png); border:2px solid #e5e5e5; border-top:none; margin-top:-40px; padding-top:60px; padding-bottom:60px;}
.page-menus > div:last-child{position:relative; min-height:780px;}
.page-menus > div:last-child:before{content:""; background:transparent url(../images/anatolia-star-bg.png) no-repeat; position:absolute; opacity:0.1; display:block; width:100%; height:100%;}
.page-menus .menus-sub-items li:not(:first-child){margin-top:25px;}
.page-menus .menus-sub-items li a{display:block; border-left:5px solid #e5e5e5; padding-left:12px; font:italic 18px 'Merriweather';}
.page-menus .menus-sub-items li a:hover{border-left-color:#1e1d21; color:#1e1d21;}
.page-menus .menus-sub-items li a.active{border-left-color:#a82425; color:#a82425;}
.page-menus .menus-list-item{margin:20px 0 0 25px;}
.page-menus .menus-list-item .title{font-size:14px; font-weight:700;}
.page-menus .menus-list-item .price{font-weight:700; color:#a82425; text-align:right;}
.page-menus .menus-list-item .description{font-size:12px; line-height:1.75; border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
.page-menus .menus-sub-title{margin-left:25px; font:700 18px 'Merriweather'; color:#a82425; padding-bottom:5px; border-bottom:2px solid #a82425;}
.page-menus .menus-sub-title:not(:first-child){margin-top:40px;}

@media (max-width: 1199px){
    header .main-menu .item a{padding:20px 15px;}
    header .main-menu .item.home a{width:160px;}
    header .main-menu .item.home a img{left:10px; top:10px; height:50px;}
    .cafe-container .explore{width:100%; margin:0;}
    .pre-banner{height:250px; width:970px;}
    .page-menus > div:last-child{min-height:unset;}
    .page-menus > div:last-child:before{display:none;}
    .home-swiper-container .swiper-title .title{padding:0 8%;}
}

@media (max-width: 991px){
    header{height:80px; padding:5px 0;}
    header .main-menu .item a{font-size:14px; padding:20px 8px; letter-spacing:.7px;}
    header .main-menu .item.home a{width:160px;}
    header .main-menu .item.home a img{left:10px; top:10px; height:50px;}
    .cafe-container .explore{width:100%; margin:0;}
    .cafe-container .cafe-image{margin-top:45%;}
    .review-container{min-height:auto; padding-top:30px; padding-bottom:50px;}
    .map-container{height:350px;}
    .pre-banner{height:200px; width:750px;}
    footer, .cafe-container, .home-menu-container, .home-discover-container{padding-top:30px; padding-bottom:30px;}
    .page-business-hours .bh-list li {font-size:12px;}
    .page-business-hours .bh-list li span:nth-child(n){width:35%;}
    .page-business-hours .bh-list li span:nth-child(2n){width:40%;}
    .page-business-hours .bh-list li span:nth-child(3n){width:25%;}
    .page-menus > div:last-child{min-height:unset;}
    .page-menus > div:last-child:before{display:none;}
    .home-swiper-container .swiper-title .title{padding:0 10%;}
}

@media (max-width: 767px){
    body{font-size:14px;}
    .title1, .title2{font-size:25px; line-height:30px;}
    .title3{font-size:15px; line-height:22px;}
    .container-fluid > .container{padding:0;}
    header{height:70px; padding:10px 0;}
    header .mobile-logo img{height:50px;}
    header .menu-trigger{position:absolute; top:20px; right:10px; color:#fff; border:1px solid #fff; padding:0 5px; font:400 14px/30px 'Source Sans Pro';}
    header .main-menu{position:fixed; top:0; left:150%; width:100%; height:100%; background:#1e1d21; z-index:999; padding-top:70px; transition: all 0.3s ease-in;}
    header .main-menu.opened{left:0;}
    header .main-menu .item{width:100%; height:auto; border-bottom:1px solid #333;}
    header .main-menu .item a{padding:10px 0;}
    header .main-menu .item:first-child{border-top:1px solid #333;}
    header .main-menu .item.home{position:absolute; top:10px; border:none;}
    header .main-menu .item.home a{padding:0; line-height:50px;}
    header .main-menu .item.home a img{height:50px; position:static;}
    header .main-menu .item.close-menu{position:absolute; right:10px; top:20px; color:#fff; border:1px solid #fff; padding:0 5px; font:400 14px/30px 'Source Sans Pro'; width:auto; cursor:pointer;}
    .home-swiper-container .swiper-title .title{font-size:18px; line-height:27px; padding:0 20%; bottom:5px; display:-webkit-box; max-height:135px; overflow:hidden; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
    .home-menu-container .menu-slider{margin-bottom:30px;}
    .fullscreen-media .swiper-button-next{right:15px;}
    .fullscreen-media .swiper-button-prev{left:15px;}
    footer, .page-content, .cafe-container, .home-menu-container, .home-discover-container{padding-top:30px; padding-bottom:30px;}
    .home-discover-container p, .cafe-container .explore p{line-height:22px;}
    .home-menu-container .btn1{width:100%; margin:0;}
    .home-menu-container .btn2{width:100%; margin:10px 0 0;}
    .review-container{min-height:auto; padding-top:30px; padding-bottom:50px;}
    .review-slider .swiper-slide .title{font-size:18px; line-height:24px;}
    .review-slider .swiper-slide .spot{font-size:14px; line-height:22px;}
    .cafe-container .explore{margin:0 0 10px; width:100%; padding:15px; text-align:center;}
    .cafe-container .cafe-image{margin-top:0!important;}
    .map-container{height:320px;}
    footer .list{width:100%; margin-top:20px;}
    .pre-banner{height:150px; width:100%;}
    .pre-banner .title-container .page-title{font-size:24px; line-height:30px;}
    .page-gallery .gallery-item .wrapper .title{font-size:18px;}
    .page-business-hours .bh-list.regular{margin-bottom:40px;}
    .page-business-hours .bh-list li{display:block; float:left; padding:10px 5px;}
    .page-business-hours .bh-list li span{width:100%!important; padding-left:0!important;}
    .page-business-hours .bh-list.regular li{padding:10px 0;}
    .event-list{font-size:14px;}
    .page-reviews .item .rImg{margin-bottom:10px;}
    .page-contact .gift-cards-content{margin-bottom:40px;}

    .page-menus > div:first-child{padding-top:30px; padding-bottom:30px; margin-top:-30px;}
    .page-menus .menus-list-item,
    .page-menus .menus-sub-title{margin-left:0; margin-right:0}
    .page-menus .menus-sub-title:first-child{margin-top:40px;}
    .page-menus > div:last-child{min-height:unset;}
    .page-menus > div:last-child:before{display:none;}

	.home-text-message{}
	.home-text-message .title1{margin:0 0 0 10px; font-size:16px; line-height:20px;}
	.home-text-message img{max-height:50px;}
}

.pagination{width:100%; display:inline-block; text-align:center; margin-top:50px;}
.pagination .pager{display:inline-block; text-align:center; padding:0 15px; background:#e8ecf2;}
.pagination .pager a{min-width:30px; display:inline-block; color:#666; font-size:.875em; line-height:2.9em; text-align:center; background:#e8ecf2; padding:0 5px;}
.pagination .pager a:hover{background:#eee;}
.pagination .pager strong{min-width:30px; display:inline-block; color:#fff; background:#a82425; font-size:.875em; line-height:2.9em; text-align:center; padding:0 5px;}

@media only screen and (min-width:480px) and (max-width:639px){
.pagination{margin-top:30px;}
}

@media only screen and (min-width:240px) and (max-width:479px){
.pagination{margin-top:30px;}
}