@font-face {
  font-family: 'AntroVectra';
  src: url('fonts/Antro_Vectra.woff') format('woff');
}

.flex { display: flex; flex-wrap: wrap;}
.nmg-0 { margin-left: 0; margin-right: 0; }
.nmg-0 > [class*="col"] { padding: 0; }
.nmg-5 { margin-left: -5px; margin-right: -5px; margin-top: -5px; margin-bottom: -5px; }
.nmg-5 > [class*="col"] { padding: 5px; }
header.bg-transparent .navbar-default .navbar-nav > li > a { padding-left: 60px;}
header .nav > li > a { font-size: 20px; font-weight: normal!important; }
header.scroll-css .nav > li > a { font-size: 20px; }
.section-bg-top .text-xxl img { width: 230px; padding-top: 12%;}
.section-bg-top .sec-text { font-size: 14px; letter-spacing: .3em; text-align: right; padding: 0px 30px 15px;}
.navbar .navbar-brand .logo-default { width: 230px; margin: 14px;}
.navbar .collapse { padding: 10px;}
.collapse .drop-tx { text-transform: none; font-weight: normal; font-family: 'Times New Roman', Times, serif, sans-serif;}
.collapse .drop-text::after { content: "/"; color: #fff !important; margin: 20px 10px;}
.collapse .drop-text:last-child::after{ content: none;}
.outer-navs .img-text { text-align: center; padding: 0 15px; }
.outer-navs .img-text h2 { font-size: 62px; padding: 110px 0 20px;}
.outer-navs .img-text p { display: inline-block; max-width: 180px; text-align: left; font-size: 14px; letter-spacing: .3em; line-height: 1.7; margin: 0 auto;}
.title-base { display: block; }
.section-bg-image h2{ font-size: 70px; font-family: AntroVectra, sans-serif; text-transform: none; line-height: 1; margin-bottom: 0; text-align: center;}
.section-bg-image .title-base small { display: block; text-align: center; margin-top: -5px;}
.section-bg-image .bistro-img { background: #fff; display: flex; align-items: center; flex-wrap: wrap; }
.section-bg-image .bistro-img h2 { margin: 0 auto 35px;}
.section-bg-image .bistro-img p { width: 440px; margin: 0 auto; font-size: 14px; letter-spacing: .3em;}
.section-bg-image .sec-bistro { width: 100%; padding: 0 0 70px;}
.section-bg-image .sec-bistro .bist-tx { padding: 80px 0;}
.section-bg-image .sec-bistro .bist-tx2 { padding: 0;}
.section-bg-image .para-text h2 { padding: 0px 0 10px;}
.section-bg-image .para-text p { font-size: 14px; letter-spacing: .3em; padding-bottom: 40px;}
.btn-sm { letter-spacing: .25em; padding: 6px 25px 6px 25px;}
.footer-parallax p { max-width: 440px; margin: 0 auto; font-size: 14px; letter-spacing: .3em;}
.footer-parallax .copy-text { line-height: 0; padding: 15px 0 10px; letter-spacing: .18em;}
.img-box.adv-img-side-content .caption { width: 100%; cursor: initial; }
.grecaptcha-badge { opacity: 0; }
.bg-banner { padding: 40% 15px; position: relative; background-position: center; background-size: cover; }
.bg-banner:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); }
.bg-banner h2 { color: #fff; position: relative; font-size: 60px; }

.el-form-item__label[for="serviceId"] { display: none!important; }
.el-input-group__prepend { position: absolute!important; left: 0; pointer-events: none; opacity: 0;}

/* front */
#reservation .content { padding-top: 120px;}

/* amelia */
.dk-menu .amelia-app-booking .am-calendar-picker .c-day-background,
.dk-menu .am-modal.am-in-body .am-calendar-picker .c-day-background { background-color: #000!important; }

/* about */
.gmap-wrapper { position: relative; height: 500px;}
.gmap-wrapper iframe { width: 100%; height: 500px; display: block;}

@media (min-width: 992px) {
	header.bg-transparent .nav > li > a { padding: 35px 0 36px; }
	.bg-transparent .navbar-nav > li { position: relative;}
	.bg-transparent .navbar-nav > li:before { content: "/"; position: absolute; left: 27px; top: -3px; margin: auto 0; color: #fff; font-size: 25px; }
	.bg-transparent .navbar-nav > li:first-child:before { display: none; }
	.bg-transparent .navbar-header { float: none; }
	.bg-transparent .navbar-collapse ul > li a { padding-top: 0; padding-bottom: 0; }
	.bg-transparent .navbar-collapse ul > li:first-child a { padding-left: 5px; }
}
@media (max-width: 991px) {
	.navbar .navbar-brand .logo-default { margin: 0; width: 180px; }
	.section-bg-top .sec-text { font-size: 10px;}
	.section-bg-image h2 { font-size: 40px; }
	.section-bg-image .bistro-img { padding: 0 15px; }
	.section-bg-image .sec-bistro .bist-tx { padding-left: 15px; padding-right: 15px; padding-top: 60px; padding-bottom: 30px; }
	.section-bg-image .bistro-img p { width: 100%; letter-spacing: .2em; }
	.section-bg-image .sec-bistro .bist-tx2 { padding-left: 15px; padding-right: 15px; }
}
@media (min-width: 768px) {
	.sp { display: none; }
}
@media (max-width: 767px) {
	.pc { display: none; }
	.col-sm-4 { width: 33.3333%; }
	.section-bg-top .sec-text { letter-spacing: .1em;}
	.gmap-wrapper { height: 300px; }
	.gmap-wrapper iframe { height: 300px; }
	#reservation .content { padding: 60px 15px;}
}
@media (max-width: 575px) {
	.col-xs-6 { width: 50%; }
}
