body {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #737373;
  overflow-x: hidden;
  letter-spacing: .3px;
}

* {
	margin: 0 auto;
}

img {
	max-width: 100%;
}

h1,
h2,
h3 {
	margin: 0;
	padding: 0;
}

a:focus {
	outline: none;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-padding-sides {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.no-padding-left {
	padding-left: 0 !important;
}
 
.no-padding-right {
	padding-right: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.no-padding-top {
	padding-top: 0 !important;
}

.no-scroll {
	overflow: hidden;
}


/* Header */

header {
	margin: 15px 0 24px 0;
}

header .col-sm-4:first-child {
	padding-top: 24px;
}

header .col-sm-4:last-child {
	padding-top: 36px;
}

header .col-sm-4:first-child p {
	width: 70%;
	margin: 0;
	font-family: 'Lora', serif;
	font-style: italic;
	font-size: 12px;
	color: #BBB;
}

header .search-block {
	float: right;
}

	header .search-block span {
		position: relative;
		display: inline;
	}

	header .search-block input[type="text"] {
		width: 240px;
		padding: 4px 16px;
		display: inline-block;
		vertical-align: middle;
		border: none;
		border-bottom: 1px solid #DDD;
		font-family: 'Lora', serif;
		font-size: 13px;
		color: #BBB;	

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;	
	}

	header .search-block span:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: -5px;
		width: 1px;
		height: 4px;
		background-color: #DDD;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	header .search-block span:after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		bottom: -5px;
		width: 1px;
		height: 4px;
		background-color: #DDD;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

		header .search-block input[type="text"]:hover {
			color: #737373;
			border-bottom: 1px solid #AAA;
		}

		header .search-block span:hover:before,
		header .search-block span:hover:after {
			background-color: #AAA;
		}

	header .search-block button {
		display: inline-block;
		vertical-align: middle;
		background-color: transparent;
		border: none;
		font-size: 18px;
		color: #BBB;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

		header .search-block button:hover {
			color: #737373;
		}

	#fullpage .section,
	#not_fullpage .section	{
		position: relative;
		padding: 0;
	}

	/* Hero Banner */

	.hero-banner {
		text-align: center;
	}

	.hero-banner .carousel-inner .item img {
		object-fit: cover !important;
	}
	
	.hero-banner .fp-tableCell {
		height: auto !important;
	}

	/* .banner-content {
		position: absolute;
		overflow: hidden;
		z-index: 9999;
		top: 0;
	} */
	.banner-copy .image-logo {
		height:130px;
		width:100%;
		position:relative;
		margin-bottom:20px;
	}
	.banner-content img {
		max-height:100%;
		max-width:100%;
	}
	.hero-banner .item:nth-child(even) .left-skew {
		position: absolute;
		top: 0;
		right: 0;
		width: 200px;
		height: 100%;
		background-color: #b28e69;
		z-index: 9999;
	}

		.hero-banner .item:nth-child(even) .left-skew:before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: -240px;
			display: block;
			width: 600px;
			background: #b28e69;
			-webkit-transform: skew(40deg);
			-ms-transform: skew(40deg);
			transform: skew(40deg);
		}

		.hero-banner .item:nth-child(even) .left-skew,
		.hero-banner .item:nth-child(even) .left-skew:before {
			background-color: #a8c6d1;
		}

	.hero-banner .item:nth-child(even) .right-triangle {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 0;
		border-bottom: 200px solid #EEE;
		border-right: 200px solid transparent;
	} 

	.hero-banner .item:nth-child(even) .right-triangle {
		border-bottom: 200px solid #f1e8cb;
	}

	.hero-banner .item:nth-child(even) .banner-copy{
		position: absolute;
		top: 26px;
		right: 16px;
		z-index: 9999;
		width: 280px;
		height: 100%;
		text-align: left;
	}

		.banner-copy h1 {
			font-family: 'Lora', serif;
			font-size: 25px;
			color: #FFF;
			line-height:33px;
		}

		.banner-copy p {
			margin: 15px 0;
			font-size: 14px;
			color: #FFF;
			line-height: 22px;
		}

		.banner-copy a {
			display: inline-block;
			padding: 12px 24px;
			background-color: rgba(255,255,255,.1);
			border: 2px solid #FFF;
			font-size: 12px;
			font-weight: 700;
			color: #FFF;
			text-transform: uppercase;
			letter-spacing: 1px;
			text-decoration: underline;

			-webkit-transition: all .3s ease-in-out;
			   -moz-transition: all .3s ease-in-out;
			        transition: all .3s ease-in-out;
		}

		.banner-copy a:hover {
			background-color: rgba(255,255,255,1);
			color: #737373;
			text-decoration: none;
		}

	.hero-banner .item:nth-child(odd) .left-skew{
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		height: 100%;
		background-color: #d0a793;
	}

		.hero-banner .item:nth-child(odd) .left-skew:before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			right: -240px;
			display: block;
			width: 600px;
			background: #d0a793;
			-webkit-transform: skew(-40deg);
			-ms-transform: skew(-40deg);
			transform: skew(-40deg);
		}

		.hero-banner .item:nth-child(odd) .left-skew,
		.hero-banner .item:nth-child(odd) .left-skew:before {
			background-color: #b5c2a8;
		}

	.hero-banner .item:nth-child(odd) .right-triangle {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0;
		height: 0;
		border-bottom: 200px solid #cecccf;
		border-left: 200px solid transparent;
	} 

	.hero-banner .item:nth-child(odd) .right-triangle {
		border-bottom: 200px solid #b9d1c4;
	}

	.hero-banner .item:nth-child(odd) .banner-copy {
		position: absolute;
		top: 26px;
		left: 32px;
		z-index: 2;
		width: 280px;
		height: 100%;
		text-align: left;
	}
.carousel-control a {
	display: block;
}
.carousel-control .left {
	right: 64px;
}

/* 2nd Section */

.section:nth-child(odd) .skew{
	content: '';
	position: absolute;
	top: 60px;
	bottom: 0;
	/* left: -260px; */
	z-index: -1;
	display: block;
	width: 600px;
	height: 500px;
	background: #fafafa;
	-webkit-transform: skew(0deg, 15deg);
	-ms-transform: skew(0deg, 15deg);
	transform: skew(0deg, 15deg);	
}

.section:nth-child(2) .wphtmlblock-container h1{
	margin-top:32px;
}
.section:nth-child(2) .wphtmlblock-container img{
	width:72%;
}
/* 3rd Section - Former 2nd Section */

.section:nth-child(even) .skew {
	content: '';
	position: absolute;
	top: 60px;
	bottom: 0;
	left: -260px;
	z-index: -1;
	display: block;
	width: 600px;
	height: 500px;
	background: #fafafa;
	-webkit-transform: skew(0deg, 15deg);
	-ms-transform: skew(0deg, 15deg);
	transform: skew(0deg, 15deg);	
}

.block-title {
	text-align: center;
	text-transform: uppercase;
}

	.block-title h1 {
		margin-bottom: 16px;
		font-family: 'Lora', serif;
		font-size: 24px;
		letter-spacing: 4px;
	}

	.block-title h2 {
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 3px;
	}

	.block-title h2 span {
		font-size: 9px;
	}

	.block-title ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.block-title ul li {
			display: inline-block;
			margin: 0 8px;
		}

		.block-title ul li a {
			font-size: 16px;
			color: #AAA;

			-webkit-transition: all .3s ease-in-out;
			   -moz-transition: all .3s ease-in-out;
			        transition: all .3s ease-in-out;
		}

		.block-title ul li a:hover {
			color: #888;
		}

.news-tricolumn {
	margin: 48px 0 80px 0;
	padding-top: 32px;
	border-top: 1px solid #EEE;
}

	.section .btn-more {
		display: inline-block;
		padding: 12px 24px;
		border: 2px solid #737373;
		font-size: 12px;
		font-weight: 700;
		color: #737373;
		text-transform: uppercase;
		letter-spacing: 1px;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.section .btn-more:hover {
		background-color: #737373;
		color: #FFF;
		text-decoration: none;
	}

	.news-tricolumn .col-sm-4 {
		padding: 0 40px;
	}

	.news-tricolumn .col-sm-4:nth-child(2) {
		border-left: 1px solid #EEE;
		border-right: 1px solid #EEE;
	}

	.news-tricolumn .col-sm-4 small {
		display: block;
		margin-bottom: 8px;
		font-size: 11px;
		font-weight: 600;
		color: #a9c1b4;
		letter-spacing: 1px;
	}

	.news-tricolumn .col-sm-4 h1 {
		font-family: 'Lora', serif;
		font-size: 24px;
		letter-spacing: 1px;	
		line-height: 32px;	
	}

	.news-tricolumn .col-sm-4 article p,
	.profile-block p {
		margin: 16px 0 24px 0;
		color: #7e7e7e;
		line-height: 21px;
	}

	.news-tricolumn .col-sm-4 a,
	.profile-block a,
	.news-item a,
	.content-news aside ul li a {
		display: inline-block;
		font-size: 11px;
		font-weight: 600;
		color: #737373;
		letter-spacing: 1px;
		text-decoration: underline;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

		.news-tricolumn .col-sm-4 a:hover,
		.profile-block a:hover,
		.news-item a:hover,
		.content-news aside ul li a:hover {
			color: #b28e69;
			text-decoration: none;
		}

		.news-tricolumn .col-sm-4 a:hover i,
		.profile-block a:hover i,
		.news-item a:hover i,
		.content-news aside ul li a:hover i {
			margin-left: 16px;
		}

	.news-tricolumn .col-sm-4 a i,
	.profile-block a i,
	.news-item a i,
	.content-news aside ul li a i {
		margin-left: 12px;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

/* Third Section */

.section:nth-child(3) .skew {
	content: '';
	position: absolute;
	top: 100px;
	bottom: 0;
	right: -160px;
	z-index: -1;
	display: block;
	width: 600px;
	height: 500px;
	background: #fafafa;
	-webkit-transform: skew(0deg, -15deg);
	-ms-transform: skew(0deg, -15deg);
	transform: skew(0deg, -15deg);	
}


.profile-block {
	margin-top: 48px;
}

	.profile-block .col-sm-4 {
		padding: 0 24px;
	}

	.profile-block h1 {
		font-family: 'Lora', serif;
		font-size: 28px;
		letter-spacing: 1px;	
		line-height: 36px;	
	}

	.profile-block img {
		margin-bottom: 24px;
	}

	.profile-block .col-sm-4:nth-child(2) img {
		margin-top: 64px;
	}

/* Fourth Section */

.brand-block {
	margin: 48px 0 40px 0;
}

	.brand-block .col-sm-4 {
		height: 400px;
		padding: 0 4px;
	}

		.brand-block .col-sm-4 .img-block {
			position: relative;
			overflow: hidden;
		}

		.brand-block .col-sm-4 .img-block img {
			position: absolute;
			width: 100%;
			left: 0;
			top: -15%;

			-webkit-transition: all .3s ease-in-out;
			   -moz-transition: all .3s ease-in-out;
			        transition: all .3s ease-in-out;
		}

		.brand-block .col-sm-4 .img-block {
			height: 60%;
		}

		.brand-block .col-sm-4 .brand-name {
			position: relative;
			margin-top: 8px;
			height: 40%;
			background-color: #999;
		}

	.brand-block .col-sm-4 .brand-title {
		position: absolute;
		top: 50%;
		left: 50%;
		/* bring your own prefixes */
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.brand-block .col-sm-4 .brand-title h1 {
		margin-bottom: 8px;
		font-family: 'Lora', serif;
		font-size: 24px;
		font-weight: 400;
		color: #FFF;	
		letter-spacing: .3px;
		text-transform: none;		
	}

	.brand-block .col-sm-4 .brand-title a {
		font-size: 11px;
		font-weight: 600;
		color: rgba(255,255,255,.3);
		letter-spacing: 1px;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.brand-block .col-sm-4 .brand-title a:hover {
		color: rgba(255,255,255,1);
		text-decoration: none;
	}

	/* Fifth Section */


.gift-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #877f7d;
}

.gift-content {
	position: absolute;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);		
}

	.gift-content i,
	.gift-content-sub i {
		margin-bottom: 24px;
		font-size: 24px;
		color: #FFF;
	}

	.gift-content h2,
	.gift-content-sub h2 {
		font-family: 'Lora', serif;
		font-size: 26px;
		color: #FFF;
		line-height: 34px;
	}

	.gift-content h3,
	.gift-content-sub h3 {
		margin-top: 24px;
		margin-bottom: 40px;
		font-size: 13px;
		color: rgba(255,255,255,.5);
		letter-spacing: 1px;
	}

	.gift-content a.send-gift,
	.gift-content-sub a.send-gift {
		display: inline-block;
		padding: 12px 24px;
		background-color: rgba(255,255,255,.1);
		border: 2px solid #FFF;
		font-size: 12px;
		font-weight: 700;
		color: #FFF;
		text-transform: uppercase;
		letter-spacing: 1px;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.gift-content a.send-gift:hover,
	.gift-content-sub a.send-gift:hover {
		background-color: rgba(255,255,255,1);
		color: #737373;
		text-decoration: none;
	}

.gift-block-sub {
	position: relative;
	padding: 80px 0;
	background-color: #877f7d;
}


/* Footer */

footer {
	margin: 80px 0;
}

footer .col-sm-4 {
	padding: 0 48px;
}

	footer .col-sm-4:nth-child(2) {
		border-left: 1px solid #EEE;
		border-right: 1px solid #EEE;
	}

	footer .col-sm-4 h1 {
		margin-bottom: 24px;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 1px;
	}

	footer .col-sm-4 b {
		font-weight: 600;
	}

	footer .col-sm-4 p {
		color: #7e7e7e;
		line-height: 21px;
	}

.form-newsletter {
	float: left;
	margin-top: 12px;
}

	.form-newsletter span {
		position: relative;
		display: inline;
	}

	.form-newsletter input[type="text"] {
		width: 100%;
		margin-bottom: 8px;
		padding: 4px 16px;
		display: inline-block;
		vertical-align: bottom;
		border: none;
		border-bottom: 1px solid #DDD;
		font-family: 'Lora', serif;
		font-size: 13px;
		color: #BBB;	

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;	
	}

	.form-newsletter span:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 8px;
		width: 1px;
		height: 4px;
		background-color: #DDD;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.form-newsletter span:after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		bottom: 8px;
		width: 1px;
		height: 4px;
		background-color: #DDD;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

		.form-newsletter input[type="email"]:hover {
			color: #737373;
			border-bottom: 1px solid #AAA;
		}

		.form-newsletter span:hover:before,
		.form-newsletter span:hover:after {
			background-color: #AAA;
		}

	.form-newsletter input[type="submit"] {
		display: inline-block;
		width: 100%;
		padding: 8px 16px;
		border: 2px solid #737373;
		background-color: transparent;
		font-size: 11px;
		font-weight: 700;
		color: #737373;
		text-transform: uppercase;
		letter-spacing: 1px;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.form-newsletter input[type="submit"]:hover {
		background-color: #737373;
		color: #FFF;
		text-decoration: none;
	}

footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

	footer ul li {
		display: inline-block;
	}

	footer ul li a {
		display: block;
		width: 32px;
		height: 32px;
		padding-top: 4px;
		background-color: #adafaa;
		font-size: 16px;
		color: #FFF;
		text-align: center;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	footer ul li a:hover {
		background-color: #919692;
		color: #FFF;
	}

.copyright {
	margin-top: 40px;
	width: 100%;
	font-family: 'Lora', serif;
	font-size: 13px;
	color: #999;
	text-align: center;
}

/* SubCOntent About */

.about-section {
	background: url('../img/bg_about.jpg') bottom center no-repeat;
	background-size: 100%;
}

.content-about .skew {
	content: '';
	position: absolute;
	top: 60px;
	bottom: 0;
	left: -260px;
	z-index: 1;
	display: block;
	width: 600px;
	height: 500px;
	background: #fafafa;
	-webkit-transform: skew(0deg, 15deg);
	-ms-transform: skew(0deg, 15deg);
	transform: skew(0deg, 15deg);	
}

.subcontent {
	padding: 80px 0;
}

.content-block {
	margin-top: 80px;
}

	.content-block h4 {
		position: relative;
		margin-bottom: 16px;
		font-size: 10px;
		font-weight: 600;
		letter-spacing: .7px;
	}

	.content-block h4:after {
		content: "";
		position: absolute;
		top: 5px;
		margin-left: 16px;
		display: inline-block;
		width: 40px;
		height: 1px;
		background-color: #CCC;
	}

	.content-block h4 a {
		color: #a9c1b4;
		text-decoration: underline;
	}

	.content-block h4 i {
		margin-right: 12px;
	}

	.content-block h1 {
		margin-bottom: 16px;
		font-family: 'Lora', serif;
		font-size: 28px;
		letter-spacing: 1px;	
		line-height: 36px;	
	}

	.content-block h2 {
		margin-bottom: 16px;
		font-family: 'Lora', serif;
		font-size: 16px;	
		color: #a3af97;
		line-height: 24px;	
	}

	.content-block p {
		margin-bottom: 24px;
		color: #7e7e7e;
		line-height: 21px;
	}

.content-about img {
	border: 8px solid rgba(255,255,255,.5);
}

	.content-about img:nth-child(1) {
		margin-top: -32px;
	}

	.content-about img:nth-child(2) {
		margin-top: -15px;
		margin-left: -80px;
	}

.content-about .col-sm-6 {
	padding: 0 40px;
}

.content-about .hr {
	position: relative;
	margin-top: 8px;
	height: 3px;
	background-color: rgba(255,255,255,.4);
}

	.content-about .hr:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 56px;
		height: 3px;
		background-color: #FFF;
	}

/* SubContent News */

.news-item {
	position: relative;
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 4px double #EEE;
}

	.news-item:after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0;
		height: 0;
		border-bottom: 16px solid #EEE;
		border-left: 16px solid transparent;
	}

	.news-item h1 {
		font-size: 20px;
		line-height: 28px;
	}

	/* .news-item:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border: none;
	} */

	.news-item small {
		display: block;
		margin-bottom: 16px;
		font-size: 11px;
		font-weight: 600;
		color: #a9c1b4;
		letter-spacing: 1px;
		text-transform: uppercase;		
	}

	.news-item .col-sm-4 {
		/*border-right: 1px solid #EEE;*/
	}

	.news-item .col-sm-8 {
		padding: 0 40px;
		border-left: 1px solid #EEE;
	}

	.btn-back {
		margin-top: 24px;
	}

	.btn-back i {
		margin: 0 16px 0 0 !important;
	}

.pagecount {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

	.pagecount li {
		display: inline;
	}

	.pagecount li a,
	.page-numbers {
		padding: 6px 12px;
		border: 1px solid #DDD;
		font-size: 11px;
		font-weight: 600;
		color: #737373;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}
	.page-numbers:hover {
		text-decoration: none;
		background-color: #f0f0f0;
		color: #737373;
	}

	.pagecount li a:hover,
	.pagecount li .active,
	.current {
		background-color: #f0f0f0;
		text-decoration: none;
	}
	.next,
	.prev {
		display: none;
	}

.content-news .col-sm-6 {
	padding-right: 80px;
}

.content-news aside {
	padding: 0;
}

	.content-news aside h1 {
		margin-bottom: 16px;
		font-family: 'Lora', serif;
		font-size: 20px;		
	}

	.content-news aside ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.content-news aside ul li {
		padding: 32px;
	}

	.content-news aside ul li:nth-child(even) {
		background-color: #f3f3f3;
	}

	.content-news aside ul li:nth-child(odd) {
		background-color: #f8f8f8;
	}

	.content-news aside ul li h1 {
		text-transform: none;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 1px;
	}

	.content-news aside ul li small {
		display: block;
		margin-bottom: 16px;
		font-size: 9px;
		font-weight: 600;
		color: #AAA;
		letter-spacing: 1px;
		text-transform: uppercase;		
	}

	.content-news aside ul li p {
		font-size: 13px;
		line-height: 21px;
	}

.content-news .hr {
	position: relative;
	margin: 16px 0;
	height: 3px;
	background-color: #e5e5e5;
}

	.content-news .hr:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 56px;
		height: 3px;
		background-color: #d0d0d0;
	}

/* Content brand */

.brands-section {
	background: url('../img/bg_brands.jpg') bottom left no-repeat;
	background-size: 100%;
}

.content-brand .col-sm-2 {
	padding-right: 0;
}

.content-brand .sidemenu {
	margin: 0;
	padding: 0;
	list-style: none;
	border-right: 1px solid #DDD;
}

	.content-brand .sidemenu li {
		border-bottom: 1px solid #DDD;
	}

	.content-brand .sidemenu li a {
		position: relative;
		display: block;
		padding: 12px 0;
		font-size: 13px;
		color: #737373;
		z-index: 5;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.content-brand .sidemenu li a:hover,
	.content-brand .sidemenu li .active,
	.content-brand .sidemenu .active {
		padding-left: 16px;
		background-color: #a9c1b4;
		color: #FFF;
		text-decoration: none;
	}
	
	.content-brand .sidemenu .active a {
		color: #FFF;
	}

	.content-brand .sidemenu li a:hover:after,
	.content-brand .sidemenu li .active:after {
	
	}

	.content-brand .sidemenu li a:after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0;
		height: 0;
		border-bottom: 8px solid rgba(0,0,0,.2);
		border-left: 8px solid transparent;
	}

.brand-item {
	margin-top: 16px;
}

	.brand-item .brand-img {
		position: relative;
		border-bottom: 1px solid #EEE;
	}

	.brand-item .brand-img:after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0;
		height: 0;
		border-bottom: 16px solid #EEE;
		border-left: 16px solid transparent;
	}

	.brand-item .dummy-img {
		width: 100%;
		height: 240px;
		background-color: #fcfcfc;
	}

	.brand-item .brand-name {
		margin-top: 16px;
	}

	.brand-item .brand-name h1 {
		margin: 0;
		font-size: 20px;
		line-height: 28px;
	}

	.brand-item .brand-name h2 {
		margin: 0;
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		color: #7e7e7e;
	}

	/* Breadcrumbs */

.breadcrumbs {
	width: 100%;
	margin: 0 0 8px 0;
	padding: 0 0 24px 0;
	list-style: none;
	border-bottom: 4px double #EEE;
	text-align: center;
}

	.breadcrumbs li {
		display: inline-block;
	}

		.breadcrumbs li:after {
			content: "/";
			margin: 0 12px;
			color: #AAA;
		}

		.breadcrumbs li:last-child:after {
			content: "";
		}

	.breadcrumbs li a {
		font-size: 11px;
		font-weight: 600;
		color: #737373;
		letter-spacing: 1px;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.breadcrumbs li a:hover {
		color: #a9c1b4;
		text-decoration: none;
	}


/* Lugang Cafe */

.content-brand .skew-alt {
	content: '';
	position: absolute;
	top: 120px;
	bottom: 0;
	right: 0;
	z-index: -1;
	display: block;
	width: 600px;
	height: 500px;
	background: #fafafa;
	-webkit-transform: skew(0deg, -15deg);
	-ms-transform: skew(0deg, -15deg);
	transform: skew(0deg, -15deg);	
}

.content-lugang .col-sm-7 {
	position: relative;
	background-color: #222c2e;
}

	.content-lugang .col-sm-7 .col-sm-7:after {
		display: none;
	}

	.content-lugang h1 {
		color: #eee;
	}

	.content-lugang .col-sm-7 .col-sm-7 h2 {
		font-size: 20px;
		color: #eee;
	}

	.content-lugang .col-sm-7 .col-sm-7 p {
		color: #eee;
	}

	.content-lugang .col-sm-7 .col-sm-7 p:last-child {
		margin-bottom: 0;
	}

.content-lugang .col-sm-7 .col-sm-7 {
	margin: 24px 0;
	padding: 24px 40px;/*
	border-right: 1px solid rgba(255,255,255,.1)*/
}
	
	.content-lugang .col-sm-7 .col-sm-7 p {
		font-size: 13px;
		line-height: 21px;
	}

	.content-lugang .col-sm-7 .col-sm-7 ul {
		margin: 0 0 24px 0;
		padding: 0;
		list-style: none;
	}

	.content-lugang .col-sm-7 .col-sm-7 ul li {
		display: inline-block;
		margin-right: 8px;
	}

	.content-lugang .col-sm-7 .col-sm-7 ul li a {
		font-size: 16px;
		color: #7e7e7e;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.content-lugang .col-sm-7 .col-sm-7 ul li a:hover {
		color: #CCC;
	}

.content-lugang .col-sm-7 .col-sm-5 {
	position: relative;
	padding: 48px 40px;
	text-align: center;
}

	.content-lugang .col-sm-7 .col-sm-5 img {
		margin-top: 25%;
	}

	.content-lugang .col-sm-7 .col-sm-5 p {
		font-size: 12px;
		line-height: 18px;
		color: #eee;
	}

	.content-lugang .col-sm-7 .col-sm-5 a {
		color: #7e7e7e;
	}
	.content-lugang .col-sm-7 .col-sm-5 p a {
		font-size: 14px;
	}

.content-lugang .btn-download {
	display: block;
	margin: 40px 0 24px 0;
	padding: 16px;
	background-color: #bb2f2a;
	text-align: center;
	font-size: 11px !important;
	font-weight: 600;
	color: #FFF !important;

	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}

	.content-lugang .btn-download:hover {
		background-color: #FFF;
		color: #222c2e !important;
		text-decoration: none;
	}

	.content-lugang .btn-download i {
		margin-right: 12px;
	}

.content-lugang .col-sm-3 {
	padding-left: 40px;
}
	
	.content-lugang .col-sm-2 h1,
	.content-lugang .col-sm-3 h1 {
		font-size: 18px;
		font-weight: bold;
		color: #666;
	}
	.content-lugang .col-sm-2 h2 {
		font-size: 11px;
		font-weight: normal;
		padding: 12px 0;
		padding-left: 12px !important;
		background: #eee;
		margin: 12px 0;
		text-transform: uppercase;
		color: #666;
	}

	.content-lugang .col-sm-3 ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.content-lugang .col-sm-3 ul li {

	}

	.content-lugang .col-sm-3 ul li p {
		font-size: 11px;
		line-height: 16px;
	}

/* Careers */

.careers-section {
	background: url('../img/bg_careers.jpg') bottom left no-repeat;
	background-size: 100%;
}

.career-item {
	position: relative;
	margin-bottom: 30px;
	padding: 24px;
	background-color: rgba(255,255,255,.7);
	border-bottom: 1px solid #EEE;
}

	.career-item:after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0;
		height: 0;
		border-bottom: 16px solid #EEE;
		border-left: 16px solid transparent;
	}

	.career-item a {
		position: absolute;
		top: 8px;
		right: 8px;
		color: #a9c1b4;
	}

	.career-item h1 {
		font-size: 20px;
		line-height: 28px;
	}

	.career-item h2 {
		font-size: 16px;
		line-height: 24px;
	}

	.career-item ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.career-item ul li {
		padding-bottom: 4px;
		margin-bottom: 4px;
	}

		.career-item ul li:before {
			content: "•";
			display: inline-block;
			margin-right: 8px;
			color: #a9c1b4;
		}

		.career-item ul li:last-child {
			padding-bottom: 0;
			margin-bottom: 0;
			border: none;
		}

.career-footnote {
	margin-top: 80px;
	text-align: center;
}

	.career-footnote p {
		margin-bottom: 0;
		font-family: 'Lora', serif;
		font-size: 16px;
		line-height: 24px;
		color: #737373;
	}

	.career-footnote p a {
		color: #737373;
		text-decoration: underline;
	}

/* Contact Us */

.content-contact .col-sm-3 {
	padding-left: 32px;
}

	.content-contact .col-sm-3 b {
		font-weight: 600;
	}

	.content-contact .col-sm-3 h2 {
		padding-bottom: 16px;
		border-bottom: 1px dashed #DDD;
	}

.contact-form {

}

	.contact-form ul,
	.contact-form .wpcf7-checkbox {
		position: relative;
		width: 100%;
		margin: 0 0 32px 0;
		padding: 12px 16px;
		background-color: #f5f5f5;
		border-bottom: 1px solid #DDD;
		list-style: none;
	}

	.contact-form .wpcf7-checkbox {
		display: block;
	}
	
	.contact-form ul:after,
	.contact-form .wpcf7-checkbox:after	{
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0;
		height: 0;
		border-bottom: 16px solid #DDD;
		border-left: 16px solid transparent;
	}

	.contact-form ul li {
		display: inline-block;
	}
	
	.contact-form .wpcf7-list-item:first-child {
		margin-left: 0px;
	}
	
	.contact-form .wpcf7-list-item:not(:first-child) {
		margin-left: 1px;
	}

	.contact-form ul li:after,
	.contact-form .wpcf7-list-item:after	{
		content: "/";
		display: inline-block;
		margin: 0 16px;
		color: #CCC;
	}

	.contact-form ul li:last-child:after,
	.contact-form .wpcf7-list-item:last-child:after	{
		display: none;
	}

	.contact-form ul li input[type="radio"],
	.contact-form .wpcf7-list-item input[type="radio"] {
		display: inline-block;
		vertical-align: top;
		margin-right: 8px;
	}

	.contact-form ul li span {
		display: inline-block;
		vertical-align: middle;
	}

	.contact-form label {
		display: block;
		margin-top: 16px;
		font-size: 10px;
		font-weight: 600;
		letter-spacing: 1px;
	}

	.contact-form input[type="text"],
	.contact-form input[type="email"],
	.contact-form textarea {
		width: 100%;
		padding: 16px 0;
		border: none;
		border-bottom: 1px solid #CCC;
		color: #AAA;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.contact-form input[type="text"]:focus,
	.contact-form input[type="email"]:focus,
	.contact-form textarea:focus {
		border-bottom: 1px solid #737373;
		color: #737373;
	}

	.contact-form input[type="submit"] {
		display: inline-block;
		margin-top: 32px;
		padding: 12px 24px;
		border: 2px solid #737373;
		background-color: transparent;
		font-size: 11px;
		font-weight: 700;
		color: #737373;
		text-transform: uppercase;
		letter-spacing: 1px;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.contact-form input[type="submit"]:hover {
		background-color: #737373;
		color: #FFF;
		text-decoration: none;
	}
/*
Romy Design style*/

.content-lugang a.alt-contact {
	display: inline-block;
	padding: 16px;
	background-color: #bb2f2a;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	color: #FFF !important;

	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}
	.content-lugang a.alt-contact:hover {
		background-color: #FFF;
		color: #222c2e !important;
		text-decoration: none;
	}
	.social-media ul {
		padding: 0;
		margin-top: 8px;
	}

	.social-media ul li {
		display: inline-block;
	}
	.social-media ul li a.social {
		text-decoration: none;
	}
	.social-media ul li a.social i {
		font-size: 18px;
		margin: 0 4px;
	}
	/*.social-media ul li a.social i {
		padding-top: 9px;
		width: 30px;
		height: 30px;
		color: #222c2e;
		margin: 0 1px;
		font-size: 12px;
		background: #fff;

		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		        border-radius: 2px;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}	*/
	.social-media ul li a.social i:hover {
		color: #fff;
	}
	.social-media ul li a.social i.fa-instagram:hover,
	.social-media ul li a.social i.fa-facebook:hover,
	.social-media ul li a.social i.fa-twitter:hover {
		background: #333;
	}
	.gift-content img,
	.gift-content-sub img {
		width: auto !important;
		height: 100px;
		text-align: center;
		display: block;

		margin: 40px auto;
	}
	.content-block h3,
	.content-block-sub h3 {
		font-family: 'Lora', serif;
		font-size: 40px;
		text-align: center;
		margin-bottom: 32px;
	}
	.brands-section .container {
		width: 1200px;
	}
	ul.listing-service li {
		display: block !important;
	}
	.content-lugang .col-sm-7 .col-sm-7 ul.listing-service li {
		color: #eee;
	}
	.block-title a.mail {
		text-decoration: none;
		color: #c6a98c;
		border: 2px solid #c6a98c;
		padding: 14px 22px;
		display: inline-block;
		font-weight: bold;
		letter-spacing: 1px;

		margin-top: 32px;

		-webkit-transition: all .3s ease-in-out;
		   -moz-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}
	.block-title a.mail:hover {
		background: #fff;
		color: #c6a98c;
		border-color: #fff;

		-webkit-box-shadow: 0px 6px 20px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 20px -4px rgba(0,0,0,0.75);
box-shadow: 0px 6px 20px -4px rgba(0,0,0,0.75);
	}
	.block-title span {
		display: block;
		color: #666;
		margin-top: 24px;
		font-size: 15px;
		font-weight: bold;
	}
	
	.achievements-block {
		text-align: center;
	}
	.achievements-block .achievements-holder {
		width: 800px;
	}
	.achievements-block .achievements-holder img {
		width: 100%;
		height: 100%;
	}