/*
Author : Alterxalter.com
Developped : Aguzrybudy
created at : Kamis, 21 January 2016
updated at : Kamis, 21 January 2016
*/


.title-home {
	font-family: 'pt_serifregular';
	margin-top: 6%;
}

.p-history {
	font-family: 'HelveticaNeue-Light', sans-serif;
	font-size: 13pt;
	text-align: justify;
	color: #8E8279;
}

.history-big {
	font-family: 'pt_serifregular';
	font-size: 15pt;
	text-align: justify;
	color: #be8f60;
}

.p-history1 {
	font-family: 'HelveticaNeue-Light', sans-serif;
	font-size: 11pt;
	text-align: justify;
	color: #8E8279;
}

.history-big1 {
	font-family: 'pt_serifregular';
	font-size: 13pt;
	text-align: justify;
	color: #be8f60;
}

.title-history {
	font-family: 'pt_serifregular';
	color: #3C2311;
}

.title-restaurant {
	font-family: 'pt_serifregular';
	color: #3C2311;
	font-size: 18pt;
	text-align: left;
}

.title-daily {
	font-family: 'pt_serifregular';
	color: #3C2311;
}

.title-news {
	font-family: 'pt_serifregular';
	color: #3C2311;
}

.subtitle-news {
	font-family: 'pt_serifregular';
	color: #3C2311;
	font-size: 18pt;
	text-align: left;
	text-transform: none;
	margin-top: 2%;
}

.title-instagram {
	font-family: 'pt_serifregular';
	color: #3C2311;
}

.title-menu-restaurant {
	font-family: 'pt_serifregular';
	color: #3C2311;
	font-weight: bold;
	font-size: 26pt;
}

.subscribe-menu-restaurant {
	font-family: 'pt_serifregular';
	color: #be8f60;
	font-weight: bold !important;
}

.subscribe-p-restaurant {
	color: #fff;
	font-size: 15pt;
	font-family: 'pt_serifregular';
}

.p-menu-restaurant {
	text-align: center !important;
	font-size: 11pt !important;
	color: #8E8279;
	margin-bottom: 2%;
}

.h4-menu-restaurant {
	font-size: 12pt !important;
}

.h4-menu-restaurant::after {
	content: "";
	display: block;
	position: relative;
	height: 2px;
	background: #be8f60;
	margin: 10px auto;
	width: 80px;
}

.h4-restaurant {
	color: #3C2311 !important;
}

.h4-bakery {
	color: #3C2311 !important;
}

.title-menu-bakery {
	font-family: 'pt_serifregular';
	color: #3C2311;
	font-weight: bold;
	font-size: 50pt;
}

.p-menu-bakery {
	font-family: "HelveticaNeue-Light", serif;
	color: #3C2311;
	text-align: center;
	font-size: 12pt;
}

.title-featured {
	text-align: left !important;
	text-transform: none;
	font-weight: 700;
	font-size: 18pt;
}

.title-day {
	font-family: 'pt_serifregular', 'serif';
	font-size: 24pt;
	color: #be8f60;
	text-align: center;
	text-transform: capitalize;
	margin-top: -4%;
	padding-bottom: 2%;
	line-height: 64px;
}

.p-day {
	font-family: "HelveticaNeue-Light", serif;
	color: #3C2311;
	text-align: center;
	font-size: 14pt;
}

.date-news {
	color: #be8f60;
	font-size: 10pt;
	margin-top: -2%;
}

.subtitle-gallery {
	font-family: 'pt_serifregular';
	color: #3C2311;
	font-size: 18pt;
	text-align: left;
	margin-top: 2%;
}

.date-gallery {
	color: #be8f60;
	font-size: 10pt;
	margin-top: -3%;
	margin-bottom: 10%;
}

.subtitle-album {
	font-family: 'pt_serifregular';
	color: #3C2311;
	font-size: 18pt;
	text-align: left;
	margin-top: -6%;
}

.footer-image {
	margin-top: 18%;
}

.h1-footer {
	color: #be8f60 !important;
}

.p-footer {
	color: #fff;
	line-height: 34px;
	letter-spacing: 1px;
	font-size: 11pt !important;
	font-family: 'pt_serifregular';
	font-weight: normal !important;

}

.h1-follow {
	color: #8E8279;
	font-size: 12pt;
	margin-top: 15%;
	margin-bottom: 6%;
	letter-spacing: 2px;
	font-family: "Helvetica Neue Light", sans-serif;
	text-align: center;

}

.img-center {
	margin-left: auto;
	margin-right: auto;
}

.strong-follow {
	ffont-family: "Helvetica Neue Light", sans-serif;
	color: #BE1E2D;
	font-size: 12pt;
	text-transform: uppercase;
}

.text-image {
	top: 0;
	bottom: 0;
	color: #fff;
	background: #95714b;
	padding: 14px;
	margin-top: -3%;
	z-index: 9999;
	font-size: 13pt;
	font-family: 'pt_serifregular';
}

.color-text {
	color: #be8f60;
}

.color-background {
	background: #95714b;
}

.text-about {
	font-family: 'pt_serifregular';
	color: #FFF !important;
	font-size: 60pt !important;
	margin-top: 10% !important;
	padding-bottom: 0;
}

.text-lorem {
	text-transform: none;
	font-weight: 400;
	color: #be8f60 !important;
	font-size: 14pt !important;
	font-family: "pt_serifregular" !important;
	letter-spacing: 2px;
}

.p-category {
	color: #be8f60 !important;
	font-size: 11pt !important;
	margin-top: 2%;
}

.nav-footer {
	margin-left: -14%;
}

.nav-footer-1 {
	margin-left: 12%;
}

.box-venue {
	width: 100%;
	height: auto;
	background: #95714b;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: px;
	padding-left: px;
	margin-top: -4%;

}

.box-venue h4 {
	color: #fff;
	text-align: center;
	font-size: 14pt !important;
	text-transform: none;
}

.box-sosmed {
	width: 100%;
	height: auto;
	background: #3C2311;
}

.box-sosmed p {
	color: #95714b;
	text-align: center;
}

.footer-margin {
	margin-left: 12%;
}

.twitter-share {
	margin-left: 34%;
	margin-top: -6.5%
}

.text-footer {
	margin-top: -2%;
	margin-left: 14%;
	margin-bottom: 12%;
	font-family: 'pt_serifregular';
	color: #be8f60 !important;
}

.home .tittle-block h2::after {
	content: "";
	display: block;
	position: relative;
	height: 80px;
	width: px;
	background: url(../../images/TiptopmedanWDD_00index/TiptopmedanWDD_00index_icon_ornament.png) no-repeat center center;
	margin: 0px auto;

}

.featured-a {
	color: #be8f60;
	font-family: 'pt_serifregular';
}

.featured-b {
	margin-top: -1% !important;
	margin-bottom: 2% !important;
	color: #8E8279 !important;
	font-family: "HelveticaNeue-Light", sans-serif !important;
}


.col-md-offset-a {
	margin-left: 9.333% !important;
}

.col-md-offset-1 {
	margin-left: 12.333% !important;
}

.margin-news {
	margin-left: 8.333% !important;
}

.width-li {
	width: 50% !important;
}

.p-text {
	color: #fff;
	margin-top: -1%;
	z-index: 9999;
	font-size: 11pt;
	font-family: 'pt_serifregular';
	text-align: center;
	font-style: italic;
}

.p-text1 {
	color: #fff;
	margin-top: 1%;
	z-index: 9999;
	font-size: 13pt;
	font-family: 'pt_serifregular';
	text-align: center;

}

.call-text {
	color: #be8f60;
	font-weight: bold;
}

.top-element {
	top: 50px;
}

.top-bakery {
	top: 70px;
}

.image-gallery img {
	width: 380px;
	height: 360px;
	margin-bottom: 10px;
	object-fit: cover;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.alt-bg-1.color-1 {
	background-color: rgb(60, 35, 17);
}

.milestone-counter {
	text-align: center;
	margin-top: -18px;
}

.milestone-counter.color-1 .fa {
	color: #be8f60;
}

.milestone-counter.color-1 .counter:after {
	background: #be8f60;
}

.milestone-counter .fa {
	color: #be8f60;
	font-size: 30px;
	display: block;
}

.milestone-counter .counter {
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 60px;
	line-height: 48px;
	position: relative;
	display: inline-block;
	margin: 7px 0;
	padding-bottom: 15px;
}

.milestone-counter.color-1 .counter::after {
	background: #be8f60;
}

.milestone-counter .counter::after {
	display: block;
	content: "";
	position: absolute;
	width: 36px;
	height: 2px;
	bottom: 0;
	left: 50%;
	margin-left: -18px;
	background: #d5ba9c;
}

.milestone-counter .info {
	display: block;
	color: #be8f60;
	font-family: 'pt_serifregular';
	font-size: 12pt;
}

.margin-instagram {
	margin-left: -4%;
}

.gallery-item img {
	width: 360px;
	height: 360px;
	object-fit: cover;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.button-news {
	margin-top: -6%;
}

.slick-slide img {
	display: block;
	width: 100% !important;
}


@media (max-width: 992px) {

	.p-footer {
		color: #ECECEC;
		text-transform: uppercase;

		font-weight: 700;
		font-family: 'pt_serifregular';
		transition: all 0.5s ease;
		letter-spacing: 1px;
		font-size: 10pt;
	}

	.width-ul {
		margin-left: -10%;
	}

	.width-li {
		width: 100% !important;
	}

	.p-text {
		color: #fff;
		margin-top: -3%;
		z-index: 9999;
		font-size: 9pt;
		font-family: 'pt_serifregular';
		text-align: center;
		font-style: italic;
	}

	.p-text1 {
		color: #fff;
		margin-top: 1%;
		z-index: 9999;
		font-size: 11pt;
		font-family: 'pt_serifregular';
		text-align: center;

	}

	.top-element {
		top: 10px;
	}

	.top-bakery {
		top: 10px;
	}


}

/*
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(-45);
    transform: translateY(-45);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(10);
    -ms-transform: translateY(10);
    -webkit-transform: translateY(10);
    transform: translateY(10);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.bounce {
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  animation: bounce 4s infinite;
}
*/

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Smartphones (portrait and landscape) ----------- */


	.box-venue {
		width: 100%;
		height: auto;
		background: #95714b;
		padding-top: 14px;
		padding-bottom: 0px;
		padding-right: px;
		padding-left: px;
		margin-top: -4%;

	}

	.subscribe-menu-restaurant {
		font-family: 'pt_serifregular';
		color: #be8f60;
		font-weight: bold !important;
		font-size: 26pt !important;
	}

	.subscribe-p-restaurant {
		color: #fff;
		font-size: 11pt;
		font-family: 'pt_serifregular';
	}

	.space60 {
		margin-bottom: 60px;
		background: #ffffff;
		background-image: url(../../images/TiptopmedanWDD_00index/TiptopmedanWDD_01main_graphic_texture.png);
		margin-left: 3%;
		margin-right: -16%;
	}


}


@media only screen and (min-width : 321px) {

	/* Smartphones (landscape) ----------- */

	.footer-margin {
		margin-left: 0%;
	}


}


@media only screen and (max-width : 320px) {
	/* Smartphones (portrait) ----------- */

	.p-history {
		font-family: 'HelveticaNeue-Light', sans-serif;
		font-size: 11pt;
		text-align: justify;
		color: #8E8279;
	}

	.history-big {
		font-family: 'pt_serifregular';
		font-size: 11pt;
		text-align: justify;
		color: #be8f60;
	}

	.footer-margin {
		margin-left: 0%;
	}

	.navbar-brand img {
		width: 90%;
	}

	.home .tittle-block h1 {
		font-size: 30pt;
	}

	.nav-footer-1 {
		margin-left: -14%;
	}

	.text-image {
		top: 0;
		bottom: 0;
		color: #fff;
		background: #95714b;
		padding: 24px;
		margin-top: -6%;
		z-index: 9999;
		font-size: 11pt;
		font-family: 'pt_serifregular';


	}

	.twitter-share {
		margin-left: 45% !important;
		margin-top: -8.5% !important;
	}

	.text-about {
		font-family: 'pt_serifregular';
		color: #FFF !important;
		font-size: 40pt !important;
		margin-top: 0px;
	}

	.cd-gallery li {
		margin-bottom: 1.6em;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
		display: none;
		margin-left: 0%;
	}

	.cd-tab-filter ul {
		background: transparent;
		position: static;
		box-shadow: none;
		text-align: center;
		margin-left: 0%;
	}

	.margin-filter {
		margin-top: 10%;
	}

	.col-md-offset-1 {
		margin-left: 9.333% !important;
	}

	.col-md-offset-a {
		margin-left: 0.333% !important;
	}

	.history-big1 {
		font-family: 'pt_serifregular';
		font-size: 11pt;
		text-align: justify;
		color: #be8f60;
	}

	.margin-instagram {
		margin-right: 12%;
	}

	.margin-news {
		margin-left: 0.6% !important;
	}

	.image-gallery img {
		width: 380px;
		height: auto;
		margin-bottom: 10px;
		object-fit: cover;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}

	.gallery-item img {
		width: 380px;
		height: 290px;
		object-fit: cover;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}

	.button-news {
		margin-top: -28%;
	}

	.title-restaurant {
		line-height: 30px;
	}

	.subtitle-news {
		line-height: 30px;
	}


}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* iPads (portrait and landscape) ----------- */

	.page_header {
		position: relative;
		height: 34vh !important;
		width: 100%;
		background-color: rgba(60, 35, 17, 0.80) !important;
		background: url(../../images/TiptopmedanWDD_00index/TiptopmedanWDD_00index_graphic_header.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		border-style: none none solid;
		border-width: 5px 5px 6px;
		border-color: #95714b;
	}

	.margin-instagram {
		margin-left: -2%;
	}

	.margin-news {
		margin-left: 0.10% !important;
	}


}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* iPads (landscape) ----------- */


}

@media only screen and (max-width : 767px) {

	/* Smartphones (landscape) ----------- */

	.nav-footer-1 {
		margin-left: -14%;
	}

	.text-image {
		top: 0;
		bottom: 0;
		color: #fff;
		background: #95714b;
		padding: 24px;
		margin-top: -8%;
		z-index: 9999;
		font-size: 11pt;
		font-family: 'pt_serifregular';


	}

	.page_header {
		position: relative;
		height: 74vh;
		width: 100%;
		background-color: rgba(60, 35, 17, 0.80) !important;
		background: url(../../images/TiptopmedanWDD_00index/TiptopmedanWDD_00index_graphic_header.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		border-style: none none solid;
		border-width: 5px 5px 6px;
		border-color: #95714b;
	}


}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* iPads (portrait) ----------- */

	.nav-footer-1 {
		margin-left: -14%;
	}


}


@media only screen and (min-width : 1200px) {
	/* Desktops and laptops ----------- */


}


@media only screen and (min-width : 1700px) {
	/* Large screens ----------- */


}

@media only screen and (min-width : 3000px) {

	/* xLarge screens ----------- */
	.home .tittle-block {
		position: absolute;
		top: 44%;
		width: 100%;
		transform: translateY(-50%);
	}
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	/* iPhone 4 ----------- */


}

/*
Good Luck, For Business
*/