/* CSS DOCUMENT */
/*
1565C0
1976D2*/
@font-face {
    font-family: muli;
    src: url(../../fonts/Muli-Light.ttf);
}
html {
  scroll-behavior: smooth;
}
body {
	font-family: muli;
}
.btn-custom {
	border: 2px solid white; 
	padding: 10px 20px; 
	font-size: 16px; 
	color: white; 
}
.btn-custom.black { color: black; border-color: black; }
.btn-custom:hover { background-color: white; color: black; transition: 0.5s; }
.btn-custom.black:hover { background-color: black; color: white; transition: 0.5s; }
.box-opacity {
	width: 100%;
	min-height: 500px;
	background-color: rgba(0, 0, 0,0.4);
}
p.main-title {
	font-size: 40px;
	color: black;
	text-align: center;
	margin-bottom: 0px;
}
p.main-title.white,
.line-title.white { color: white; border-color: white; }
.line-title {
	width: 20%;
	height: 1px;
	border-bottom: 2px solid black;
	margin:5px auto;
}
#main-header {
	width: 100%;
	min-height: 50px;
	background-image: url('./../../../images/real-pict/S1-1.JPG');
	background-attachment: fixed;
	background-size: cover;
}
#main-header .navbar {
	background-color: transparent;
	padding: 10px 150px;
}
#main-header .navbar a.navbar-brand img {
	width: 119px;
	height: 80px;
	object-fit: contain;
	object-position: 50% 50%;
}
#main-header .navbar ul.navbar-nav li a {
	color: white;
	border-bottom: 2px solid transparent;
	padding-bottom: 5px;
	font-size: 18px;
}
#main-header .navbar ul.navbar-nav li a:hover { border-color: white; }
#main-header .header-title {
	width: 100%;
	min-height: 20px;
	text-align: center;
}
#main-header .header-title p.title {
	font-size: 80px;
	color: #96D9F4;
	text-transform: uppercase;
	margin-bottom: -10px;
	font-family: 'consolas';
}
#main-header .header-title p.sub {
	font-size: 20px;
	color: white;
	font-style: italic;
}
#main-header .header-title form {
	width: 25%;
	margin:0 auto;
	margin-top: 50px;
}
#main-header .header-title form .form-group label { color: white; text-align: left; }

/* CONTENT */
#main-content {
	width: 100%;
	min-height: 100px;
}
#main-content .section-about {
	width: 100%;
	min-height: 20px;
	padding:20px 250px;
	background-color: white;
}
#main-content .section-about img {
	width: 219px;
	height: 180px;
	object-fit: cover;
	object-position: 50% 50%;
}
#main-content .section-about p {
	color: black;
	text-align: center;
}
#main-content .section-menu {
	width: 100%;
	min-height: 500px;
	background-image: url('./../../../images/real-pict/S1-2.JPG');
	background-attachment: fixed;
	background-size: cover;
}
#main-content .section-menu .box-opacity {
	padding:20px 250px;
	background-color: rgba(0, 0, 0,0.6);
}
#main-content .section-menu p.menu-title {
	font-size: 25px;
	color: white;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
	text-align: center;
	text-transform: uppercase;
}
#main-content .section-menu .box-list {
	width: 100%;
	min-height: 10px;
	color: white;
	margin-top: 20px;
	margin-bottom: 30px !important;
}
#main-content .section-menu .box-list p.price { float: right; font-size: 15px; margin-bottom: 0; }
#main-content .section-menu .box-list p.main { font-size: 20px; margin-bottom: 0; }
#main-content .section-menu .box-list p.main img.icon-info {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin:0;
	margin-top: -15px;
	margin-right: -8px;
}
#main-content .section-menu .box-list p.main.minus-left {
	margin-left: -20px;
}
#main-content .section-menu .box-list p.small { font-size: 12px; margin-top: 0;margin-left: 10px; }
#main-content .section-menu p.noted-image {
	font-size: 15px;
	color: white;
	margin-bottom: 0px;
}
#main-content .section-menu p.noted-image img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

/*GALLERY*/
#main-content .section-gallery {
	width: 100%;
	min-height: 500px;
	background-color: white;
	padding: 20px 250px;
}
#main-content .section-gallery img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

/*TESTIMONIAL*/
#main-content .section-testimonial {
	width: 100%;
	min-height: 200px;
	background-image: url('./../../../images/real-pict/S1-3.JPG');
	background-attachment: fixed;
	background-size: cover;
}
#main-content .section-testimonial .box-opacity {
	width: 100%;
	min-height: 200px;
	padding: 20px 250px;
	background-color: rgba(0, 0, 0,0.6);
}
#main-content .section-testimonial .box-testimoni {
	width: 100%;
	min-height: 20px;
	text-align: center;
}
#main-content .section-testimonial p.title {
	font-size: 15px;
	color: white;
	font-style: italic;
	margin-bottom: 0;
}
#main-content .section-testimonial p.name {
	color: white;
	font-size: 20px;
}
/*CONTACT*/
#main-content .section-contact {
	width: 100%;
	min-height: 300px;
	background-color: white;
	text-align: center;
	padding: 20px 250px;
}
#main-content .section-contact p.contact-title { font-size: 25px; color: black; font-weight: bold; }
#main-content .section-contact p.detail { font-size: 15px; color: black; }
#main-content .section-contact a {
	font-size: 30px;
	margin-right: 10px;
	color: black;
}

/*MAPS*/
#main-content .section-maps {
	width: 100%;
	min-height: 500px;
	background-color: #FCFCFC;
	padding: 20px 100px;
}
#main-content .section-maps p.store-title {
	font-size: 30px;
	color: black;
}
#main-content .section-maps p.store-detail { font-size: 15px; color: black; }
#main-content .section-maps a { font-size: 13px; color: green; }
#main-content .copy {
	width: 100%;
	text-align: center;
	padding:10px;
	color: black;
	font-size: 13px;
}

/*RESPONSIVE*/
@media(max-width: 1200px) {
	#main-header .navbar { padding: 10px 100px }
	#main-header .header-title form {
		width: 35%;
	}
	#main-content .section-about { padding: 20px 150px; }
	#main-content .section-menu .box-opacity { padding: 20px 150px; }
	#main-content .section-gallery { padding: 20px 150px; }
	#main-content .section-testimonial .box-opacity { padding: 20px 150px; }
	#main-content .section-contact { padding: 20px 150px; }
}
@media(max-width: 950px) {
	#main-header .navbar { padding: 10px 60px }
	#main-header .header-title form {
		width: 45%;
	}
	#main-content .section-about { padding: 20px 80px; }
	#main-content .section-menu .box-opacity { padding: 20px 80px; }
	#main-content .section-gallery { padding: 20px 80px; }
	#main-content .section-testimonial .box-opacity { padding: 20px 80px; }
	#main-content .section-contact { padding: 20px 80px; }
}
@media(max-width: 700px) {
	#main-header .navbar { padding: 10px 20px }
	#main-header .header-title form {
		width: 55%;
	}
	#main-content .section-about { padding: 20px 20px; }
	#main-content .section-menu .box-opacity { padding: 20px 20px; }
	#main-content .section-gallery { padding: 20px 20px; }
	#main-content .section-testimonial .box-opacity { padding: 20px 20px; }
	#main-content .section-contact { padding: 20px 20px; }
}
@media(max-width: 520px) {
	#main-header .header-title form {
		width: 80%;
	}
	#main-header .header-title p.title { font-size: 50px; }	
	#main-content .section-maps { padding: 20px 20px; }
}