/*
Theme Name: Interface
Theme URI: https://zenitharc.com.sg/
Author: Theme Horse
Author URI: http://themehorse.com
Description: Interface is a Simple, Clean and Flat Responsive Retina Ready WordPress Theme. It is easily customizable with numerous theme options. Some of the highlighted options are two site layout (Narrow and Wide), 4 layouts for every post/page, 5 Page Templates, 8 widget areas, 6 custom widgets, featured slider to highlight your post/page, 10 social icons, top and bottom info bar to hightlight your contact/email/location and many more. Also has custom background, header, menu, favicon, CSS, webclip icon, and logo. Supports popular plugins like Breadcrumb NavXT, WP-PageNavi and Contact Form 7. It is also translation ready. Available Translation: Russian. Get free support at http://themehorse.com/support-forum/ and View beautiful demo site at http://themehorse.com/preview/interface
Version: 10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, entertainment, news, photography, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-readyDomain: interface

/* =Reset
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
body {
	color: #302c29;
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px!important;
}
:focus {
	outline: 0;
}
::selection {
}
::-moz-selection {
}
embed, iframe, object {
	max-width: 100%;
}
/* Genericons */
@font-face {
	font-family: 'Genericons';
	font-weight: normal;
	font-style: normal;
	src: url('font/Genericons.eot');
	src: url('font/Genericons.eot?') format('embedded-opentype'), url('font/Genericons.woff') format('woff'), url('font/Genericons.ttf') format('truetype'), url('font/Genericons.svg#Genericons') format('svg');
}
/* =Global
----------------------------------------------- */
.post-container {
	overflow: auto;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 4vw;
}
.post-thumb {
	float: left;
	box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.post-thumb img {
	display: block
}
.post-content {
	margin-left: 400px;
}
.post-title {
	font-weight: bold;
	font-size: 200%
}
.intro-title {
	font-weight: bold;
	font-size: 173%
}
.wrapper {
	width: 100%;
	background-color: #fff;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
	float: left;
}
/* No Border/Margin/Padding */
.no-margin-top {
	margin-top: 0px !important;
}
.no-margin-bottom {
	margin-bottom: 0px !important;
}
.no-margin-left {
	margin-left: 0px !important;
}
.no-margin-right {
	margin-right: 0px !important;
}
.no-padding-top {
	padding-top: 0px !important;
}
.no-padding-bottom {
	padding-bottom: 0px !important;
}
.no-padding-left {
	padding-left: 0px !important;
}
.no-padding-right {
	padding-right: 0px !important;
}
.no-border-top {
	border-top: 0 none !important;
}
.no-border-bottom {
	border-bottom: 0 none !important;
}
.no-border-left {
	border-left: 0 none !important;
}
.no-border-right {
	border-right: 0 none !important;
}
/* Horizontal Line */
hr {
	border-color: rgba(0, 0, 0, 0.1);
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 0 0 40px;
}
/* Images */
figure {
	margin: 0;
	text-align: center;
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-top: 20px;
	margin-bottom: 20px;
}
img#wpstats {
	display: none;
}
/* Assistive text */
.assistive-text, .screen-reader-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
/* Clearfix Hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* close commented backslash hack */
.clearfix-third, .clearfix-fourth {
	clear: both;
}
/* Readmore */
a.readmore {
	color: #fff;
	display: inline-block;
	padding: 5px 25px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px 2px;
	margin-bottom: 7px;
	float: right;
	background-color: #63C6AE;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.readmore:hover {
	background-color: #777;
}
a.more-link:hover {
	text-decoration: underline;
}
/* Call To Action Button*/
.call-to-action {
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	padding: 9px 20px 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #63c6ae;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.call-to-action:hover {
	background-color: #777;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Back To Top */
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 9999;
}
.back-to-top a {
	width: 40px;
	height: 40px;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	line-height: 40px;
	font-family: 'Genericons';
	background-color: #555;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.back-to-top a:hover {
	opacity: 10;
	-moz-opacity: 10;
	filter: alpha(opacity=100);
	background-color: #c6a47e;
	color: #fff;
}
.back-to-top a:before {
	content: '\f432';
}
/* =Header
----------------------------------------------- */



/* Hgroup Wrap */
.hgroup-wrap {
/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}
/* Logo, Title and Description */

#site-title {
	font-size: 28px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 35px;
}
#site-title a {
	color: #777;
	display: block;
}
#site-title a img {
	vertical-align: inherit;
	max-width: 978px;
	display: block;
}
#site-title a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
	color: #63C6AE;
}
#site-description {
	font-size: 12px;
	line-height: 12px;
	color: #999;
}
.hgroup-right {
	float: right;
	position: relative;
	min-width: 250px;
	padding-right: 35px;
}
/* Social Profiles */
.social-profiles, .social-profiles ul {
	float: right;
}
.social-profiles ul li {
	margin: 6px 0 0 5px;
	float: left;
}
.social-profiles ul li a {
	display: block;
	width: 24px;
	height: 24px;
	color: #fff;
	font-family: 'Genericons';
	font-size: 16px;
	line-height: 25px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}
.social-profiles ul li a:hover {
	opacity: 10;
	-moz-opacity: 10;
	filter: alpha(opacity=100);
}
.social-profiles ul li.github a {
	background-color: #000;
}
.social-profiles ul li.github a:before {
	content: '\f200';
}
.social-profiles ul li.dribbble a {
	background-color: #ea4c89;
}
.social-profiles ul li.dribbble a:before {
	content: '\f201';
}
.social-profiles ul li.twitter a {
	background-color: #55acee;
}
.social-profiles ul li.twitter a:before {
	content: '\f202';
}
.social-profiles ul li.facebook a {
	background-color: #3c5a99;
}
.social-profiles ul li.facebook a:before {
	content: '\f204';
}
.social-profiles ul li.wordpress a {
	background-color: #21759b;
}
.social-profiles ul li.wordpress a:before {
	content: '\f205';
}
.social-profiles ul li.linkedin a {
	background-color: #047cb1;
}
.social-profiles ul li.linkedin a:before {
	content: '\f207';
}
.social-profiles ul li.pinterest a {
	background-color: #cc2026;
}
.social-profiles ul li.pinterest a:before {
	content: '\f209';
}
.social-profiles ul li.flickr a {
	background-color: #000;
}
.social-profiles ul li.flickr a:before {
	content: '\f211';
}
.social-profiles ul li.vimeo a {
	background-color: #1ab7ea;
}
.social-profiles ul li.vimeo a:before {
	content: '\f212';
}
.social-profiles ul li.you-tube a {
	background-color: #cd201f;
}
.social-profiles ul li.you-tube a:before {
	content: '\f213';
}
.social-profiles ul li.tumblr a {
	background-color: #35465c;
}
.social-profiles ul li.tumblr a:before {
	content: '\f214';
}
.social-profiles ul li.instagram a {
	background-color: #915646;
}
.social-profiles ul li.instagram a:before {
	content: '\f215';
}
.social-profiles ul li.codepen a {
	background-color: #000;
}
.social-profiles ul li.codepen a:before {
	content: '\f216';
}
.social-profiles ul li.polldaddy a {
	background-color: #d45042;
}
.social-profiles ul li.polldaddy a:before {
	content: '\f217';
}
.social-profiles ul li.google-plus a {
	background-color: #dd4b39;
}
.social-profiles ul li.google-plus a:before {
	content: '\f218';
}
.social-profiles ul li.path a {
	background-color: #ee3423;
}
.social-profiles ul li.path a:before {
	content: '\f219';
}
.social-profiles ul li.skype a {
	background-color: #009fe3;
}
.social-profiles ul li.skype a:before {
	content: '\f220';
}
.social-profiles ul li.digg a {
	background-color: #1b5891;
}
.social-profiles ul li.digg a:before {
	content: '\f221';
}
.social-profiles ul li.reddit a {
	background-color: #a6c8e9;
}
.social-profiles ul li.reddit a:before {
	content: '\f222';
}
.social-profiles ul li.stumbleupon a {
	background-color: #ea4b24;
}
.social-profiles ul li.stumbleupon a:before {
	content: '\f223';
}
.social-profiles ul li.pocket a {
	background-color: #eb1d37;
}
.social-profiles ul li.pocket a:before {
	content: '\f224';
}
.social-profiles ul li.dropbox a {
	background-color: #007ee5;
}
.social-profiles ul li.dropbox a:before {
	content: '\f225';
}
.social-profiles ul li.rss a {
	background-color: #ff6600;
}
.social-profiles ul li.rss a:before {
	content: '\f413';
}
/* Header Image */
.header-image {
	width: 100%;
	height: auto;
}
/* =Menu
-------------------------------------------------------------- */
/*#access {
	float: right;
}
#access li {
	float: left;
	position: relative;
	margin: 0 0 0 20px;
}
#access a {
	color: #777;
	display: block;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	padding: 39px 0 0;
	height: 61px;
}
#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a {
	color: #63C6AE;
}*/

/* Dropdown */
/*#access ul li ul,
#access ul li:hover ul ul,
#access ul ul li:hover ul ul,
#access ul ul ul li:hover ul ul,
#access ul ul ul ul li:hover ul ul {
	display: none;
	z-index: 9999;
}
#access ul li:hover ul,
#access ul ul li:hover ul,
#access ul ul ul li:hover ul,
#access ul ul ul ul li:hover ul,
#access ul ul ul ul ul li:hover ul {
	display: block;
}
#access ul li ul {
	position: absolute;
	background-color: #fff;
	border-top: 4px solid #63C6AE;
	top: 100px;
	left: 0;
	width: 190px;
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
#access ul li ul li {
	float: none;
	margin: 0;
}
#access ul li ul li a,
#access ul li.current-menu-item ul li a,
#access ul li ul li.current-menu-item a,
#access ul li.current_page_ancestor ul li a,
#access ul li.current-menu-ancestor ul li a,
#access ul li.current_page_item ul li a {
	float: none;
	line-height: 20px;
	font-size: 13px;
	font-weight: normal;
	height: 100%;
	padding: 6px 10px;
	color: #777;
	text-transform: capitalize;
}
#access ul li ul li a:hover,
#access ul li ul li:hover > a,
#access ul li.current-menu-item ul li a:hover {
	background-color: #F9F9F9;
	color: #63C6AE;
}
#access ul li ul li ul {
	left: 190px;
	top: 0;
	border: 0 none;
	-webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
}*/

/*#access a {
	color: #777;
	display: block;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	
}*/

#access ul li:hover ul, #access ul ul li:hover ul, #access ul ul ul li:hover ul, #access ul ul ul ul li:hover ul, #access ul ul ul ul ul li:hover ul {
	display: block;
}
#access ul li ul {
/*	position: absolute;
	background-color: #fff;
	border-top: 4px solid #63C6AE;
	top: 30px;
	left: 0;
	width: 190px;
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
}
#access ul li ul li ul {
	left: 190px;
	top: 0;
	border: 0 none;
	-webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2);
}
/* Responsive Navigation */
.menu-toggle {
	display: none;
}
/* Slogan */
.slogan-wrap {
	background-color: #63C6AE;
	padding: 20px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: -1px;
}
.slogan-wrap .slogan {
	font-size: 30px;
	font-weight: bold;
	line-height: 37px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.slogan-wrap .slogan span {
	font-size: 17px;
	line-height: 24px;
	display: block;
	padding-top: 5px;
	text-transform: none;
	font-weight: normal;
}
/* =Featured Slider
-------------------------------------------------------------- */
.featured-slider {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.featured-slider, .featured-slider .slider-cycle, .featured-slider .container {
	position: relative;
}
.featured-slider .displayblock {
	display: block;
}
.featured-slider .displaynone {
	display: none;
}
.featured-text {
	position: absolute;
	bottom: 100px;
	left: 0;
}
.featured-text .featured-title, .featured-text .featured-content {
	font-style: italic;
	float: left;
}
.featured-text .featured-title {
	font-size: 35px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 42px;
	padding: 10px 20px;
	background-color: #63c6ae;
	background-color: rgba(99, 198, 174, 0.9);
	color: #fff;
}
.featured-text .featured-title a {
	color: #fff;
}
.featured-text .featured-content {
	padding: 15px 20px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	color: #777;
	clear: left;
}
/* Controllers */
#controllers {
	text-align: center;
	line-height: 0;
	position: absolute;
	width: 100%;
	bottom: 15px;
	z-index: 9999;
}
#controllers a {
	width: 13px;
	height: 13px;
	margin: 0 4px;
	overflow: hidden;
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #63c6ae;
	color: #fff;
	text-indent: -100px;
}
#controllers a:hover, #controllers a.active {
	background-color: #63c6ae;
	color: #63c6ae;
}
/* Search Form */
.search-toggle {
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	font-family: 'Genericons';
	cursor: pointer;
	margin-top: 39px;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
}
.search-toggle:hover, .hgroup-right .active {
	color: #63c6ae;
}
.search-toggle:before {
	content: '\f400';
}
#search-box {
	position: absolute;
	padding: 10px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	z-index: 10000;
	right: -9px;
	top: 80px;
}
.hide {
	display: none;
}
#search-box .arrow {
	height: 10px;
	width: 10px;
	display: block;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.1);
	background-color: #fff;
	position: absolute;
	right: 13px;
	top: -6px;
}
#search-box input.s {
	border-right: 0 none;
	float: left;
}
#search-box .search-submit {
	padding: 0 10px;
	height: 36px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	float: right;
}
/* =Content
----------------------------------------------- */


/*#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	padding-bottom: 15px;
}
#content ul {
	list-style-type: disc;
}
#content ul,
#content ol {
	margin: 0 0 20px 30px;
}
#content ul a,
#content ol a {
	color: #777;
}
#content ul a:hover,
#content ol a:hover {
	text-decoration: none;
	color: #63C6AE;
}
#content ol {
	list-style-type: decimal;
}
#content ol ol {
	list-style: upper-alpha;
}
#content ol ol ol {
	list-style: lower-roman;
}
#content ol ol ol ol {
	list-style: lower-alpha;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}*/
.service-item {
	padding-bottom: 10px;
}
.service-item .service-icon, .service-item .service-icon img {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.service-item .service-icon {
	display: block;
	margin: 0 auto;
	border: 2px solid #63c6ae;
}
#content .service-item .service-title {
	font-weight: bold;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 24px;
	display: block;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 0;
}
#primary {
	float: left;
	margin-left: 3.06%;
	width: 65.64%;
}
#content .post {
	padding-bottom: 50px;
}
#content .sticky {
	background-color: #f2f2f2;
	padding: 20px;
	margin-bottom: 50px;
}
#content .sticky .post-featured-image .arrow {
	background-color: #f2f2f2;
}
.page-title-wrap {
	background-color: #63C6AE;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px 0;
	margin-top: -1px;
}
.page-title {
	font-size: 22px;
	line-height: 29px;
	color: #fff;
	font-weight: normal;
	float: left;
	padding-top: 2px;
}
.page-title a {
	color: #fff;
}
/* Entry Header */
.entry-header {
	padding-bottom: 10px;
}
/* Entry Title */
#content .entry-title {
	padding-bottom: 5px;
}
.entry-title {
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	line-height: 29px;
}
.entry-title, .entry-title a {
	color: #333;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active {
	color: #63C6AE;
}
/* Entry Meta */
.entry-meta, .entry-meta a {
	color: #999;
}
.entry-meta a:hover, .entry-meta .cat-links a:hover {
	color: #63C6AE;
}
.entry-meta .cat-links, .entry-meta .cat-links a {
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
}
.entry-meta .cat-links a {
	padding-bottom: 10px;
	display: inline-block;
}
.entry-meta .by-author, .entry-meta .date, .entry-meta .comments {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
.entry-meta .by-author a:before, .entry-meta .date a:before, .entry-meta .comments a:before {
	line-height: 22px;
	margin-right: 3px;
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	font-family: 'Genericons';
	vertical-align: top;
}
.entry-meta .by-author a:before {
	content: '\f304';
}
.entry-meta .date a:before {
	content: '\f303';
}
.entry-meta .comments a:before {
	content: '\f108';
}
footer.entry-meta {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 7px 0 0;
	clear: both;
}
footer.entry-meta .tag-links {
	float: left;
	max-width: 88%;
}
footer.entry-meta a.readmore {
	color: #fff;
}
/* Tag Links */
.tag-links a {
	position: relative;
	float: left;
	height: 20px;
	padding: 0 9px;
	margin-top: 1px;
	margin-left: 14px;
	margin-bottom: 7px;
	font-size: 11px;
	line-height: 20px;
	color: #fff;
	background-color: #999;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
.tag-links a:before, .tag-links a:after {
	content: "";
	float: left;
	position: absolute;
}
.tag-links a:before {
	top: 0;
	left: -9px;
	width: 0;
	height: 0;
	border-color: transparent #999 transparent transparent;
	border-style: solid;
	border-width: 10px 9px 10px 0;
}
.tag-links a:after {
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
}
.tag-links a:hover {
	background-color: #63C6AE;
	color: #fff;
}
.tag-links a:hover:before {
	border-color: transparent #63C6AE transparent transparent;
}
/* Post Featured  Image */
.post-featured-image {
	margin-bottom: 15px;
	max-width: 708px;
	position: relative;
	text-align: left;
}
.post-featured-image a {
	display: block;
}
.post-featured-image .arrow, .wp-caption .arrow {
	height: 15px;
	width: 15px;
	display: block;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #fff;
	position: absolute;
	left: 15px;
	bottom: -8px;
}
/* Entry Content */
.entry-content {
}
.entry-content dt, .comment-content dt {
	font-weight: bold;
}
.entry-content dd, .comment-content dd {
	margin-bottom: 20px;
}
.entry-content th, .comment-content th {
	font-size: 17px;
	line-height: 24px;
	text-transform: uppercase;
}
.entry-content td, .comment-content td {
	padding: 8px;
}
.wp-video {
	margin-bottom: 20px;
}
/* Column */
.column {
	margin-left: -3.06%;
}
.column a {
	margin-bottom: 10px;
	display: block;
}
.one-half, .one-third, .one-fourth {
	float: left;
	margin: 0 0 0 2.97%;
	padding-bottom: 30px;
}
.one-half {
	width: 47.03%;
}
.one-third {
	width: 30.36%;
}
.one-fourth {
	width: 22.02%;
}
/* Sidebar */
#secondary {
	float: left;
	margin-left: 3.06%;
	width: 31.28%;
}
/* Left Sidebar Template */
.left-sidebar-template #primary {
	float: right;
}
.left-sidebar-template #secondary {
	float: left;
}
/* No Sidebar Template */
.no-sidebar-template #content {
	width: 708px;
	margin: 0 auto;
}
/* Full Width Template */
.full-width-template .post-featured-image {
	max-width: 100%;
}
/* Custom Gallery Page */
.custom-gallery #main {
	padding-bottom: 20px;
}
#content .gal-filter {
	list-style: none;
	margin-left: 0;
}
#content .gal-filter li {
	display: inline-block;
	padding: 0 8px;
}
#content .gal-filter li.active a {
	color: #63C6AE;
}
.custom-gallery #main .column {
	margin-left: -30px;
}
.custom-gallery #main .one-half, .custom-gallery #main .one-third, .custom-gallery #main .one-fourth {
	margin-left: 30px;
}
.custom-gallery #main .one-half {
	width: 474px;
}
.custom-gallery #main .one-third {
	width: 306px;
}
.custom-gallery #main .one-fourth {
	width: 222px;
}
#content .custom-gallery-title, .custom-gallery-title a {
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	text-align: center;
	color: #333;
	padding-bottom: 0;
	text-transform: uppercase;
}
.custom-gallery-title a:hover {
	color: #63c6ae;
}
/* Blog Medium Page */
.blog-medium .post-featured-image {
	width: 34.57%;
	float: left;
	margin-right: 4.67%;
}
.blog-medium .post-featured-image .arrow {
	top: -8px;
	bottom: 0;
}
/* Contact Page */
.contact #primary .form label {
	display: block;
	padding-bottom: 5px;
}
.wpcf7 p {
	margin-bottom: 0;
}
/* Single Page */
.single footer.entry-meta .tag-links {
	float: none;
	width: 100%;
}
/* Narrow Layout */
.narrow-layout .wrapper {
	max-width: 1038px;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.narrow-layout .featured-text {
	bottom: 60px;
}
.narrow-layout #colophon {
	margin-bottom: 30px;
}
/* =Attachments
----------------------------------------------- */
.image-attachment div.attachment {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img {
	border-color: #ddd;
	background-color: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
/* =Comments
-------------------------------------------------------------- */
#content .comments-area ul, #content .comments-area ol, .comments-area article {
	margin: 0 0 30px 20px;
}
.comments-area article header {
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite, .comments-area article header time {
	display: block;
	margin-left: 70px;
}
.comments-area article header cite {
	font-style: normal;
	line-height: 1.42857143;
}
.comments-area article header time {
	text-decoration: none;
	font-size: 13px;
}
.comments-area article header a {
	text-decoration: none;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
#content .comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 20px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #63c6ae;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	font-size: 13px;
}
.comments-area .comment-content p {
	margin-bottom: 10px;
}
a.comment-reply-link {
	font-size: 13px;
}
.commentlist .pingback {
	margin-bottom: 30px;
}
.commentlist .children {
	margin-left: 30px;
}
/* Comment form */
.commentlist #respond {
	margin: 20px 0 30px;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	font-weight: normal;
	font-size: 13px;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"], #respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	margin-bottom: 0;
}
#respond .form-submit, #respond .form-submit input {
	margin-bottom: 0;
}
.required {
	color: red;
}
label ~ span.required {
	display: block;
	float: left;
	margin: -18px 0 0 -16px;
	margin: -1.285714286rem 0 0 -1.142857143rem;
}
/* Image borders */
.img-border {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #ccc;
}
/* =Pagination
-------------------------------------------------------------- */
#wp_page_numbers, .wp-pagenavi, #content ul.default-wp-page, .pagination {
	margin-bottom: 50px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 7px 0;
}
#wp_page_numbers ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	float: right;
}
#wp_page_numbers ul li {
	float: left;
	margin-left: 7px;
}
#wp_page_numbers ul li.page_info, .wp-pagenavi .pages {
	padding: 3px 8px 0;
	color: #999;
}
#wp_page_numbers ul li a, .wp-pagenavi .current, .wp-pagenavi a, ul.default-wp-page li a, .pagination span {
	color: #777;
	display: block;
	float: left;
	background-color: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 8px 2px;
}
#wp_page_numbers ul li a:hover, #wp_page_numbers ul li.active_page a, .wp-pagenavi .current, .wp-pagenavi a:hover, ul.default-wp-page li a:hover, .pagination span {
	color: #fff;
	background-color: #63C6AE;
}
/* wp-pagenavi */
.wp-pagenavi {
	text-align: center;
}
.wp-pagenavi .pages {
	padding: 3px 7px 0;
}
.wp-pagenavi .current, .wp-pagenavi a {
	display: inline-block;
	float: none;
	margin-left: 4px;
}
/* Default wp-page */
#content ul.default-wp-page {
	margin-left: 0;
	list-style: none;
	padding-bottom: 0;
}
ul.default-wp-page li {
	padding-bottom: 7px;
}
ul.default-wp-page li.previous {
	float: left;
}
ul.default-wp-page li.next {
	float: right;
}
ul.default-wp-page li a {
	display: inline-block;
}
ul.default-wp-page li a:hover {
	color: #fff !important;
}
/* Single pagination */
.pagination {
	text-align: center;
	color: #999;
}
.pagination span {
	display: inline-block;
	float: none;
	margin-left: 3px;
}
.pagination a span {
	background-color: inherit;
	color: #777;
}
.pagination a:hover span {
	background-color: #f9f9f9;
}
/* =bbPress
----------------------------------------------- */
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
	font-size: 13px;
}
#bbpress-forums div.bbp-search-form {
	float: none;
	text-align: center;
}
#bbpress-forums ul, #bbpress-forums ol {
	margin: 0;
}
#bbpress-forums #bbp-search-form #bbp_search {
	width: 70%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-right: 0 none;
}
#bbpress-forums #bbp-search-form #bbp_search_submit {
	padding: 0 3%;
	height: 42px;
	margin-left: -4px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-right: 0 none;
	display: inline-block;
	margin: 0 0 0 -3px;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
	display: inline-block;
	line-height: 20px;
	margin-top: 5px;
}
div.bbp-search-form input, div.bbp-search-form button {
	padding: 10px;
}
div.bbp-search-form input, div.bbp-search-form button {
	font-size: 14px;
}
#bbpress-forums button {
	border: 0 none;
	cursor: pointer;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	text-align: center;
	height: 40px;
	padding: 0px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #63c6ae;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#bbpress-forums button:hover {
	background-color: #777;
}
/* =Widgets
----------------------------------------------- */
.widget-title {
}
.widget-title, .widget-title a {
}
.widget-title a:hover {
	color: #63c6ae;
}
.business-layout .widget-title {
	font-weight: bold;
	font-size: 22px;
	line-height: 29px;
}
/* Search Widget */
.widget_search input.s {
	width: 68%;
	height: 40px;
	float: left;
	border-right: 0 none;
}
.widget_search .search-submit {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
}
/* Calendar Widget */
.widget_calendar #wp-calendar {
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background-color: #f4f4f4;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background-color: #f4f4f4;
}
/* Article Widget */
.widget_article {
	margin-bottom: 30px;
}
.widget_article .article-title a:hover {
	text-decoration: underline;
}
.widget_article .post {
	padding-bottom: 20px;
}
.widget_article .article-content p {
	margin-bottom: 0px;
}
/* Recent Entries/Comments widget */
.widget_recent_entries ul li, .widget_recent_comments ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 5px 0;
}
/* Testimonial Widget */
.widget_testimonial {
	margin-bottom: 20px;
}
.widget_testimonial .widget-title {
	text-align: center;
}
.widget_testimonial .testimonial-image {
	float: left;
	margin-right: 20px;
	width: 84px;
	height: 84px;
}
.widget_testimonial .testimonial-image img {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.widget_testimonial .testimonial-content {
	display: block;
	overflow: hidden;
}
.widget_testimonial .testimonial-meta a {
	display: inline;
}
.widget_testimonial .testimonial-meta a:hover {
	text-decoration: underline;
}
/* Tag Cloud Widget */
.widget_tag_cloud a {
	margin-right: 5px;
	color: #777;
	padding: 10px 0;
}
.widget_tag_cloud a:hover {
	color: #63C6AE;
}
/* Custom Tag Cloud Widget */
.widget_custom-tagcloud {
	margin-bottom: 42px;
}
.widget_custom-tagcloud a {
	margin: 0 4px 8px 0;
	background-color: #F9F9F9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 1px 8px 2px;
	color: #777;
}
.widget_custom-tagcloud a:hover {
	color: #fff;
	background-color: #63C6AE;
}
/* Service Widget */
.widget_service {
	margin-bottom: 0;
	padding-bottom: 10px;
}
.widget_service p {
	margin-bottom: 10px;
}
.widget_service .service-item, .widget_service p, .widget_service .more-link {
	text-align: center;
}
/* Recent Work Widget */
.widget_recent_work {
	margin-bottom: 5px;
}
.widget_recent_work .call-to-action {
	max-width: 180px;
	margin-bottom: 15px;
	display: inline-block;
}
.widget_recent_work .custom-gallery-title a {
	margin-bottom: 5px;
}
.widget_recent_work .custom-gallery-title, .widget_recent_work .custom-gallery-title a {
	text-align: left;
}
/* Our Clients Widget */
.widget_ourclients {
	margin-bottom: 0;
	padding: 20px 0;
	background-color: #f1f1f1;
}
.widget_ourclients ul {
	margin: 0;
	text-align: center;
}
.widget_ourclients ul li {
	margin: 0 10px;
	display: inline-block;
	max-width: 200px;
}
.widget_ourclients ul li a {
	display: block;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}
.widget_ourclients ul li a:hover {
	opacity: 10;
	-moz-opacity: 10;
	filter: alpha(opacity=100);
}
/* Promotional Bar Widget */
.widget_promotional_bar {
	background-color: #f1f1f1;
	padding: 30px 30px 30px 26px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-left: 4px solid #63c6ae;
}
.widget_promotional_bar .promotional-text {
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	width: 80%;
	float: left;
}
.widget_promotional_bar .promotional-text span {
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	text-transform: none;
	display: block;
	padding-top: 6px;
	color: #777;
}
.widget_promotional_bar .call-to-action {
	float: right;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 6px;
}
/* WP Caption */
.wp-caption {
	margin-bottom: 20px;
	max-width: 100%;
}
.wp-caption a {
	display: block;
	position: relative;
}
.wp-caption .wp-caption-text, .gallery-caption {
	font-style: italic;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* =Footer
----------------------------------------------- */
/*#colophon form input,
#colophon form textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#colophon .widget-wrap {
	background-color: #262626;
	color: #888;
}
#colophon .widget-area {
	margin-left: -3.06%;
	padding: 50px 0 10px;
}
#colophon .one-third {
	padding-bottom: 0;
}
#colophon .widget {
	margin-bottom: 40px;
}
#colophon .widget ul li a {
	color: #888;
}
#colophon .widget ul li a:hover {
	color: #63c6ae;
}
#colophon .widget_archive ul li a,
#colophon .widget_pages ul li a,
#colophon .widget_nav_menu ul li a,
#colophon .widget_recent_entries ul li a,
#colophon .widget_categories ul li a,
#colophon .widget_recent_comments ul li a,
#colophon .widget_meta ul li a,
#colophon .widget_rss ul li a {
	padding: 4px 0 6px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: block;
}
#colophon .widget_archive ul ul li a,
#colophon .widget_pages ul ul li a,
#colophon .widget_nav_menu ul ul li a,
#colophon .widget_recent_entries ul ul li a,
#colophon .widget_categories ul ul li a,
#colophon .widget_recent_comments ul ul li a,
#colophon .widget_meta ul ul li a,
#colophon .widget_rss ul ul li a {
	padding-left: 20px;
}
#colophon .widget_archive ul ul ul li a,
#colophon .widget_pages ul ul ul li a,
#colophon .widget_nav_menu ul ul ul li a,
#colophon .widget_recent_entries ul ul ul li a,
#colophon .widget_categories ul ul ul li a,
#colophon .widget_recent_comments ul ul ul li a,
#colophon .widget_meta ul ul ul li a,
#colophon .widget_rss ul ul ul li a {
	padding-left: 30px;
}
#colophon .widget-title {
	font-size: 17px;
	text-transform: uppercase;
	line-height: 24px;
	color: #ccc;
	font-weight: bold;
}
#colophon .widget_article {
	margin-bottom: 20px;
}*/

/* Footer Info Bar  */
/*#colophon .info-bar {
	background-color: #2c2c2c;
	padding-bottom: 5px;
	color: #888;
}
#colophon .info-bar .info {
	float: none;
	text-align: center;
}
#colophon .info-bar .info ul li {
	float: none;
	display: inline-block;
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
}
#colophon .info-bar .info ul li a {
	color: #888;
}
#colophon .info-bar .info ul li:before {
	font-size: 32px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-weight: normal;
}*/

/* Site Generator */
#site-generator {
	float: left;
	width: 100%;
}
#site-generator .social-profiles {
	width: 31.28%;
}
#site-generator .social-profiles ul {
	margin: -10px 0 0;
}
#site-generator .social-profiles ul li {
	margin-top: 10px;
}
#site-generator .copyright a {
	color: #888;
}
#site-generator .copyright a:hover {
	color: #63c6ae;
}
/* ================================= Custom CSS ================================= */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
p {
	margin-bottom: 20px;
}
a {
	text-decoration: none;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	outline: none;
	color: #c6a47e
}
a:hover {
	color: #302c29;
}
ul li {
	list-style: none;
}
ul.list-item {
	margin-bottom: 15px;
}
ul.list-item li {
	background: url("images/icon-career.png") no-repeat left 8px;
	padding-left: 20px;
	margin-bottom: 4px;
	line-height: 24px;
}
img {
	max-width: 100%;
	border: none;
	vertical-align: top;
}
section {
	float: left;
	width: 100%;
	position: relative;
}
.container {
	width: 100%;
	padding: 0px 15px;
	max-width: 1200px;
	margin: 0 auto;
}
.regular {
	font-weight: 400;
}
#main {
	float: left;
	width: 100%;
}
h1, h2 {
	color: #000;
	text-transform: uppercase;
	font-size: 27px;
	font-weight: 700;
	margin-bottom: 10px;
}
h1 span {
	color: #c6a47e;
}
h2 {
	color: #c6a47e;
}
h2.white {
	color: #fff;
}
h4 {
	color: #c6a47e;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}
.button {
	text-align: center;
	background: #c6a47e;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	padding: 9px 22px;
	display: inline-block;
	vertical-align: top;
	transition: all 0.75s ease 0s;
	-webkit-transition: all 0.75s ease 0s;
}
.button:hover {
	background: #302c29;
}
.btn-square {
	text-decoration: none;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	cursor: pointer;
	border-radius: 0;
	background: none;
	border: 3px solid #fff;
	min-width: 130px;
	padding: 3px 28px;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	vertical-align: top;
}
.btn-square:hover {
	background: #c6a47e;
	color: #fff;
}
.btn-square.primary {
	border: 3px solid #c6a47e;
	color: #c6a47e;
}
.btn-square.primary:hover {
	border: 3px solid #fff;
	background: #302c29;
	color: #fff;
}
.bg-overlay {
	background: rgba(0, 0, 0, 0.35);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
}
.dark-theme {
	background: rgba(48, 44, 41, 0.85);
}
.separator.primary {
	background: #c6a47e;
}
.separator {
	height: 2px;
	background-color: #fff;
	width: 36px;
	margin-top: 10px;
	display: inline-block;
	vertical-align: top;
}
.clear {
	clear: both;
}
.title-separator h3 {
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-weight: bold;
}
.title-separator h3 span {
	color: #c6a47e;
}
.title-separator > p {
	position: relative;
	margin-bottom: 35px;
	display: inline-block;
}
.title-separator > p:after {
	background: #302c29 none repeat scroll 0 0;
	content: "";
	height: 1px;
	left: 30px;
	position: absolute;
	top: 9px;
	width: 175px;
}
.title-separator > p:before {
	background: #302c29 none repeat scroll 0 0;
	content: "";
	height: 1px;
	right: 30px;
	position: absolute;
	top: 9px;
	width: 175px;
}
.title-separator > span {
	position: relative;
	margin-bottom: 35px;
	display: inline-block;
}
.title-separator > span:after {
	background: #302c29 none repeat scroll 0 0;
	content: "";
	height: 1px;
	left: 30px;
	position: absolute;
	top: 9px;
	width: 175px;
}
.title-separator > span:before {
	background: #302c29 none repeat scroll 0 0;
	content: "";
	height: 1px;
	right: 30px;
	position: absolute;
	top: 9px;
	width: 175px;
}
.inner-banner {
	position: relative;
	z-index: 0;
	text-align: center;
	height: 327px;
	background-attachment: fixed;
	background-position: center 0;
	background-size: auto 400px;
	background-repeat: no-repeat;
}
.inner-banner-desc p {
	font-size: 26px;
	letter-spacing: 1px;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}
.inner-banner-desc p:first-letter {
	color: #c6a47e;
}
.inner-banner .container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
}
.inner-banner .inner-banner-desc {
	z-index: 99999;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 60%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}
.inner-banner .inner-banner-desc .separator {
	margin-top: 0;
	/*margin-top: -22px;*/

}
.desc {
	text-align: center;
	float: left;
	width: 100%;
}
.desc h3 {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: 700;
}
.desc p {
	margin: 0 auto;
	max-width: 85%;
}
.margin-top {
	margin-top: 35px;
}
/* ============================================ *
 *  Form Design
 * ============================================ */
.form-list li {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.form-list li:last-child {
	margin-bottom: 0;
}
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {
color: #afafaf;
}
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="password"]:-moz-placeholder {
color: #afafaf;
opacity: 1;
}
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="passord"]::-moz-placeholder {
color: #afafaf;
opacity: 1;
}
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder {
color: #afafaf;
}
.form-list input[type="text"], .form-list input[type="email"], .form-list input[type="tel"], .form-list input[type="password"], .form-list select, .form-list input[type="file"], .form-list textarea {
	background: #2a2a2a;
	color: #fff;
	padding: 0 10px;
	width: 100%;
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	border: none;
	font-family: 'Lato', sans-serif;
}
.form-list textarea {
	height: 85px;
}
.form-list .field.three {
	float: left;
	width: 102.8%;
	margin-left: -2.8%;
}
.form-list .field.three input[type="text"], .form-list .field.three input[type="email"], .form-list .field.three input[type="tel"], .form-list .field.three input[type="password"], .form-list .field.three select {
	width: 30.53%;
	float: left;
	margin-left: 2.8%;
}
.form-list.form-position input[type="text"], .form-list.form-position input[type="email"], .form-list.form-position input[type="tel"], .form-list.form-position input[type="password"], .form-list.form-position input[type="file"], .form-list.form-position select {
	background: #fff;
	color: #302c29;
	height: 34px;
	line-height: 34px;
}
.form-list.form-position textarea {
	background: #fff;
	color: #302c29;
}
.form-list.form-position li {
	margin-bottom: 1.8%;
}
.form-list.form-position li:last-child {
	margin-bottom: 0;
}
 .form-list.form-position input[type="text"]::-webkit-input-placeholder, .form-list.form-position input[type="email"]::-webkit-input-placeholder, .form-list.form-position input[type="tel"]::-webkit-input-placeholder, .form-list.form-position input[type="password"]::-webkit-input-placeholder {
color: #302c29;
}
.form-list.form-position input[type="text"]:-moz-placeholder, .form-list.form-position input[type="email"]:-moz-placeholder, .form-list.form-position input[type="tel"]:-moz-placeholder, .form-list.form-position input[type="password"]:-moz-placeholder {
color: #302c29;
opacity: 1;
}
.form-list.form-position input[type="text"]::-moz-placeholder, .form-list.form-position input[type="email"]::-moz-placeholder, .form-list.form-position input[type="tel"]::-moz-placeholder, .form-list.form-position input[type="passord"]::-moz-placeholder {
color: #302c29;
opacity: 1;
}
.form-list.form-position input[type="text"]:-ms-input-placeholder, .form-list.form-position input[type="email"]:-ms-input-placeholder, .form-list.form-position input[type="tel"]:-ms-input-placeholder, .form-list.form-position input[type="password"]:-ms-input-placeholder {
color: #302c29;
}
/* ============================================ *
 *  Sprite Icon
 * ============================================ */
.icon {
	background: url("images/sprite.png") no-repeat;
	display: inline-block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	vertical-align: middle;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}
.icon-fb {
	background-position: -2px 1px;
	width: 14px;
}
.icon-fb:hover {
	background-position: -2px -17px;
}
.icon.icon-twitter {
	background-position: -19px 0;
}
.icon.icon-twitter:hover {
	background-position: -19px -18px;
}
.icon.icon-instagram {
	background-position: -35px 0;
}
.icon.icon-instagram:hover {
	background-position: -35px -18px;
}
.icon.icon-map {
	background-position: -101px 0px;
	height: 22px;
	width: 22px;
}
.icon.icon-professional {
	height: 38px;
	width: 38px;
	background-position: -85px -24px;
}
.icon.icon-quality {
	height: 38px;
	width: 36px;
	background-position: -87px -62px;
}
.icon.icon-advice {
	height: 38px;
	width: 36px;
	background-position: -88px -104px;
}
.icon.icon-filled-with-creativity {
	height: 38px;
	width: 36px;
	background-position: -6px -141px;
}
.icon.icon-advice-flexibility {
	height: 38px;
	width: 36px;
	background-position: -46px -141px;
}
.icon.icon-detail-oriented-designers {
	height: 38px;
	width: 36px;
	background-position: -82px -144px;
}
/* ============================================ *
 *  Top Panel
 * ============================================ */
.top-panel {
	float: left;
	width: 100%;
	background: #302c29;
	font-size: 14px;
	color: #fff;
	padding: 8px 0;
	position: relative;
	z-index: 9999999;
}
.top-panel .contact-detail {
	float: left;
}
.top-panel ul li {
	display: inline-block;
	border-right: 1px solid #463e36;
	padding: 0 15px 0 0;
	margin-left: 15px;
	vertical-align: top;
	height: 26px;
}
.top-panel ul li:first-child {
	margin-left: 0;
}
.top-panel ul li:last-child {
	border: none;
	padding-right: 0;
}
.top-panel ul li strong {
	font-weight: 400;
}
.top-panel ul li span {
	font-weight: 300;
}
.top-panel li a {
	color: #fff;
}
.top-panel li a:hover {
	color: #c6a47e;
}
.contact-detail .icon {
	width: 22px;
	height: 22px;
	margin: 0 6px 0 0;
}
.icon.icon-phone {
	background-position: -52px 0;
	width: 19px;
	height: 22px;
}
.icon.icon-mail {
	background-position: -71px 2px;
}
.icon.icon-time {
	background-position: -56px -24px;
}
.social-info {
	float: right;
}
.social-info ul li {
	float: left;
	padding: 0;
	margin: 0 0 0 25px;
	border: none;
}
.social-info ul li a {
	display: inline-block;
}
.top-panel .social-info li a {
	background: url("images/sprite.png") no-repeat scroll 0 0;
	display: inline-block;
	height: 18px;
	overflow: hidden;
	transition: all 0.5s ease 0s;
	vertical-align: middle;
	width: 18px;
}
.top-panel .social-info li.facebook a {
	background-position: -4px 0;
	width: 14px;
}
.top-panel .social-info li.facebook a:hover {
	background-position: -4px -18px;
}
.top-panel .social-info li.twitter a {
	background-position: -19px 0;
}
.top-panel .social-info li.twitter a:hover {
	background-position: -19px -18px;
}
.top-panel .social-info li.instagram a {
	background-position: -36px 0;
}
.top-panel .social-info li.instagram a:hover {
	background-position: -36px -18px;
}
/* ============================================ *
 * Header Panel
 * ============================================ */
header {
	float: left;
	width: 100%;
}
header .hgroup-wrap {
	position: fixed;
	z-index: 999999;
	width: 100%;
	top: 0;
	left: 0;
}
header .logo {
	display: inline-block;
	margin-top: 49px;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}
header .logo img {
	height: 95px;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}
header .menu {
	float: right;
	margin-top: 85px;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}
.hgroup-wrap .logo-seperate {
	float: left;
}
.menu .icon-nav {
	display: none;
}
nav ul li {
	float: left;
	margin: 0 1.5vw;
	position: relative;
}
nav ul li > a {
	padding-bottom: 40px;
}
nav ul li a {
	color: #fff;
	font-size: 13px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 500;
}
nav ul li.current-menu-item > a {
	color: #c6a47e;
}
nav ul li a:hover {
	color: #c6a47e;
}
nav ul li:last-child {
	margin-right: 0;
}
nav li > ul {
	display: none;
	position: absolute;
	top: 50px;
	width: 302px;
	left: -24px;
	background: rgba(255,255,255,0.90);
	z-index: 9;
	border-top: 3px solid #c6a47e;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}
nav li > ul:before {
	border-bottom: 13px solid #c6a47e;
	border-left: 13px solid rgba(0, 0, 0, 0);
	border-right: 13px solid rgba(0, 0, 0, 0);
	content: "";
	height: 0;
	left: 41px;
	position: absolute;
	top: -13px;
	width: 0;
}
/*nav ul > li > a:focus,nav ul > li > a:hover { color: #c6a47e; }*/
nav ul > li > ul > li > a:hover {
	color: #fff;
}
nav li ul li {
	margin: 0;
	width: 100%;
}
nav li ul li a {
	display: block;
	color: #302c29;
	font-size: 12px;
	line-height: 18px;
	padding: 15px 24px;
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	position: relative;
}
nav li ul li a:hover:after {
	display: none;
}
nav li ul li a:after {
	background: #d3cac4;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 84%;
}
nav li > ul > li:hover {
	background: rgba(48,44,41,0.90);
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
}
.scrollHeader header .logo {
	margin-top: 6px;
}
.scrollHeader header .logo img {
	height: 70px;
}
.scrollHeader .hgroup-wrap {
	height: 80px;
	background: rgba(48, 44, 41, 0.95);
	-webkit-transition: height 0.4s;
	-moz-transition: height 0.4s;
	-ms-transition: height 0.4s;
	-o-transition: height 0.4s;
	transition: height 0.4s;
}
.scrollHeader header .menu {
	float: right;
	margin-top: 30px;
}
.scrollHeader nav ul li a {
	padding-bottom: 24px;
}
.scrollHeader nav li ul li a {
	padding-bottom: 15px;
}
/* ============================================ *
 *  Featured Projects
 * ============================================ */
.featured-products {
	position: unset;
	text-align: center;
	margin-top: 40px;
}
.testimonial{
	text-align: center;
	margin-bottom: 80px;
    margin-top: 35px;
}
.featured-products .featured-grid li {
	display: inline-block;
	width: 24.3%;
	margin: 0 0.2%;
	text-align: center;
}
.featured-products .featured-grid a {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	position: relative;
}
.featured-products .featured-grid img {
	width: auto;
	height: auto;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.featured-products .featured-grid a:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.featured-products .short-desc { /*transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;*/
	font-weight: 300; /*font-size: 17.5px;*/
	line-height: normal;
	color: #fff;
	max-width: 80%;
	left: -50%;
	z-index: 99999;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.featured-products a:hover .short-desc {
	left: 50%;
}
.featured-products .featured-grid .bg-overlay {
	display: none;
	background: url("images/bg-overlay-dark.png") repeat;
}
.featured-products .featured-grid a:hover .bg-overlay {
	display: block;
}
.featured-products .featured-grid .button {
	transition: all 0.75s ease 0s;
	-webkit-transition: all 0.75s ease 0s;
	font-size: 13.5px;
	font-weight: 900;
	letter-spacing: 0.8px;
	min-width: inherit;
	padding: 13px 20px;
}
.featured-products .featured-grid a:hover .button {
	border-radius: 0;
}
.featured-products .featured-grid h3 {
	font-size: 20px;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	line-height: 24px;
}
.featured-grid .separator {
	background: #c6a47e;
	margin-bottom: 13px;
	margin-top: 10px;
	height: 2px;
}
/* ============================================ *
 * Review Page
 * ============================================ */
.loadmore{
    margin-bottom: 20px;
    width: auto;
    position: relative;
    text-align: center;
    
}


/* ============================================ *
 * Facebook Review
 * ============================================ */
.facebook-review {
	padding: 0px;
	text-align: center;
	padding: 4vw 0;
	background: #f5f5f5;
}
/* ============================================ *
 * Banner Section
 * ============================================ */
.home-banner {
	position: relative;
	z-index: 0;
}
.m-show {
	display: none;
}
.closebtn {
	display: none;
}
.owl-carousel-item-imgcontent {
	position: absolute;
	max-width: 1170px;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	margin: 0 auto;
}
.banner-desc {
	z-index: 99;
	font-size: 60px;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0 20px;
	text-align: left;
}
.banner-desc P:first-child {
	margin-bottom: 0;
}
.banner-desc p {
	font-weight: 300;
	color: #c6a47e;
	font-size: 1.4vw;
	line-height: 1.4vw;
	margin-bottom: 5px;
}
.banner-desc h1 {
	font-weight: 300;
	color: #c6a47e;
	font-size: 1.4vw;
	line-height: 1.4vw;
	margin-bottom: 5px;
}
.banner-desc span {
	font-weight: 300;
	font-size: 7.1vw;
	color: #fff;
	text-transform: uppercase;
	line-height: 7vw;
	margin: 0 0 0 -10px;
}
.banner-desc h3, .heading3 {
	font-weight: 300;
	font-size: 3.83vw;
	color: #fff;
	text-transform: uppercase;
	line-height: 4.33vw;
	margin-bottom: 1vw;
}
/* ============================================ *
 *service-section
 * ============================================ */
.service-section {
	float: left;
	width: 100%;
	margin-top: -50px;
	margin-bottom: 4vw;
	z-index: 9;
}
.service-section .service {
	width: 25%;
	float: left;
	text-align: center;
}
.service-section .service > a {
	overflow: hidden;
	margin-bottom: 28px;
	/*border: 15px solid rgba(48,44,41,.65); */
	border: 11px solid rgba(185,158,115,.65);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
}
.service-section .service .short-desc {
	margin: 0 auto;
	max-width: 85%;
}
.service-section .service img {
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.service-section .service > a:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.service-section .service p {
	color: #c6a47e;
	font-size: 27px;
	margin-bottom: 0;
	line-height: 29px;
	font-weight: 700;
	text-transform: uppercase;
}
/* ============================================ *
 * Welcome Section
 * ============================================ */
.welcome-section {
	background: #f5f5f5;
}
.welcome-section-new {
	background-image: url("https://zenitharc.com.sg/wp-content/uploads/2018/04/interior-design-banner-new.png");
}
.welcome-desc-home, .welcome-desc-home p {
	color: #fff
}
.welcome {
	float: left;
	width: 100%;
}
.welcome-home {
	float: left;
	width: 100%;
}
.welcome-home .welcome-desc {
	width: 100%;
	display: inline-block;
	padding: 30px 80px 0 30px;
	text-align: center;
	line-height: 40px;
}
.welcome .welcome-desc {
	width: 74%;
	display: inline-block;
	padding: 20px 80px 0 20px;
}
.welcome .welcome-desc > p {
	margin-top: -7px;
}
.welcome .title {
	margin-bottom: 18px;
}
.welcome .welcome-desc h1 {
	font-size: 33px;
	display: inline-block;
	font-weight: 400;
	color: #302c29;
	text-transform: inherit;
	line-height: normal;
}
.welcome-desc h1 span {
	color: #c6a47e;
}
.welcome .welcome-desc p {
	color: #302c29;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}
.welcome .director-img {
	width: 26%;
	float: right;
	background: #302c29;
	text-align: center;
	color: #c6a47e;
	text-transform: uppercase;
}
.welcome .director-img > img {
	margin-bottom: 5px;
}
.welcome .director-img p {
	margin-bottom: 10px;
}
.welcome .director-img h3 {
	font-size: 24px;
	font-weight: 900;
	line-height: 24px;
}
/* ============================================ *
 * Our Clients
 * ============================================ */
.client-logo {
	padding: 15px 0 0 0;
}
/* ============================================ *
 * Our Service
 * ============================================ */
.our-service {
	text-align: center;
	padding-bottom: 3vw;
	padding-top: 5vw;
}
.our-service .block {
	display: inline-block;
	width: 33.1%;
	vertical-align: top;
	padding: 0 3%;
	font-size: 15px;
	margin-bottom: 30px;
}
.our-service .block p {
	margin-bottom: 0;
}
.our-service .block .circle {
	border: 1px solid #c6a47e;
	border-radius: 50%;
	margin-bottom: 15px;
	display: inline-block;
	padding: 15px;
}
.our-service h4 {
	font-size: 20px;
	font-weight: 900;
	padding-bottom: 10px;
	line-height: 28px;
}
/* ============================================ *
 * Testimonials-section
 * ============================================ */
.testimonials {
	float: left;
	width: 100%;
	background: url("images/testimonial-bg.png") no-repeat center 0;
	background-size: cover;
	color: #fff;
	padding: 3vw 0;
	text-align: center;
}
.testimonials .title-separator > span:after {
	background: #807f7e;
}
.testimonials .title-separator > span:before {
	background: #807f7e;
}
.testimonials .title-separator h3 {
	color: #fff;
}
.testimonials .owl-carousel {
	display: inline-block;
}
.testimonials .title-separator > span {
	margin-bottom: 1.5vw;
}
.testimonials span {
	display: inline-block;
}
.testimonials .start-quate {
	vertical-align: top;
	display: inline-block;
}
.testimonials .end-quate {
	vertical-align: bottom;
	display: inline-block;
}
.testimonials p {
	font-size: 18px;
	font-style: italic;
	color: #fff;
	display: inline-block;
	line-height: 26px;
	max-width: 85%;
	padding: 0 25px;
	margin: 20px 0 42px;
	font-weight: 300;
}
.testimonials p strong:first-child {
	font-size: 24px;
}
.testimonials .client-detail img {
	border-radius: 50%;
	width: auto;
	display: inline-block;
	margin-bottom: 9px;
}
.testimonials .client-detail h4 {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	text-transform: capitalize;
}
.testimonials .client-detail h4 i {
	font-size: 16px;
	font-weight: 300;
}
.testimonials .separator.color {
	float: none;
	margin: 0 auto;
	vertical-align: top;
}
.testimonials .owl-dots {
	display: none;
}
.client-detail .separator {
	margin-top: 10px;
}
/* ============================================ *
 * our-works page
 * ============================================ */
.our-work-banner {
	background-image: url("images/our-works-banner.jpg");
}
.work-container .intro {
	margin-bottom: 0;
}
.product-grid {
	text-align: center;
	width: 100%;
	float: left;
}
.product-grid .block {
	width: 48%;
	clear: left;
	text-align: center;
	position: relative;
	margin-top: 50px;
	float: left;
}
.product-grid .block:nth-child(even) {
	float: right;
	clear: right;
}
.product-grid .block > a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: top;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.product-grid .block a > img {
	width: auto;
	height: auto;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.product-grid .block a:hover > img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.product-grid .block .bg-overlay {
	display: none;
}
.product-grid .block .icon-link {
	z-index: 9999;
	display: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	background: #302c29;
	border: 5px solid #c7b299;
}
.product-grid .block .icon-link img {
	margin-top: 15px;
}
.product-grid .block > a:hover .bg-overlay {
	display: block;
}
.product-grid .block > a:hover .icon-link {
	display: block;
}
.product-grid .block h3 {
	color: #302c29;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: normal;
}
.product-grid .block .short-desc {
	max-width: 90%;
	margin: 0 auto;
}
.product-grid .block .separator {
	margin-bottom: 15px;
}
.product-grid .block p {
	margin: 0;
}
/* ============================================ *
 * our-works detail
 * ============================================ */
.residential-banner {
	background-image: url("images/residential-banner.jpg");
}
.condominium-banner {
	background-image: url("images/condominium-banner.jpg");
}
.landedhousing-banner {
	background-image: url("images/landedhousing-banner.jpg");
}
.commercial-banner {
	background-image: url("images/commercial-banner.jpg");
}
.category-list {
	margin: 0 auto;
	text-align: center;
}
.category-list li {
	display: inline-block;
	margin: 0 2px 5px 2px;
}
.category-list li a {
	background: #fff;
	text-transform: uppercase;
	font-size: 13px;
	color: #302c29;
	padding: 4px 18px;
	display: inline-block;
}
.category-list li a:hover {
	background: #302c29;
	color: #dcdcdc;
}
.category-list li.active a {
	background: #302c29;
	color: #dcdcdc;
}
.inner-container.work-detail {
	position: unset;
	padding-bottom: 0;
}
.work-detail .block .short-desc h2 {
	font-size: 20px;
}
.product-grid .block > a:hover .desc-overlay {
	opacity: 1;
}
.desc-overlay {
	background: rgba(48, 44, 41, 0.95) none repeat;
	height: 100%;
	left: 0;
	opacity: 0;
	padding: 20px;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 99999;
}
.desc-detail {
	border: 1px solid #fff;
	display: table;
	height: 100%;
	padding: 10px 40px;
	width: 100%;
}
.desc-detail-vcenter {
	display: table-cell;
	vertical-align: middle;
}
.work-detail .product-grid {
	margin-top: -20px;
}
.product-grid .desc-detail .separator {
	margin-bottom: 20px;
}
.product-grid .desc-overlay p {
	color: #fff;
	margin-bottom: 20px;
}
.product-grid .desc-overlay h3 {
	font-size: 20px;
	color: #c6a47e;
}
/* ============================================ *
 * Inner Pages
 * ============================================ */
.inner-container {
	padding: 70px 0px;
}
.intro h1 {
	font-size: 22px;
	color: #302c29;
}
.intro h2 {
	font-size: 22px;
	color: #302c29;
}
.intro .separator {
	margin-bottom: 25px;
	margin-top: 15px;
}
.intro {
	background: #f5f5f5;
	padding: 32px;
	text-align: center;
	margin-bottom: 35px;
}
.intro > p {
	max-width: 85%;
	margin: 0 auto 20px auto;
}
.title h5 {
	display: inline-block;
	text-transform: uppercase;
	padding: 8px 45px;
	font-size: 20px;
	font-weight: 400;
}
.sub-title {
	text-align: left;
	display: inline-block;
	background: #c6a47e;
	color: #fff;
	padding: 2px 7px;
	line-height: normal;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 14px;
	margin-bottom: 10px;
}
/* ============================================ *
 * career page
 * ============================================ */
.career-banner {
	background-image: url("images/career-banner.jpg");
}
.career-container {
	padding-bottom: 0;
}
.available-position .title {
	border-bottom: 1px solid #ededed;
	margin-bottom: 37px;
	padding-bottom: 15px;
	text-align: center;
}
.available-position {
	float: left;
	width: 100%;
}
.available-position .block {
	background: #f5f5f5;
	border: 1px solid #cfcfcf;
	float: left; 
    width: 47.5%; 
	margin-bottom: 54px;
	/* margin-left: 239px; */
	/* margin-right: 239px; */
}
.available-position .block:nth-child(odd) {
	float: right;
}
.available-position .block .inner-block {
	border: 10px solid #fff;
	padding: 22px 25px 22px 25px;
}
.available-position .block h3 {
	font-size: 22px;
	font-weight: 900;
	text-transform: uppercase;
}
.available-position .block .separator {
	margin-bottom: 19px;
}
.position-apply {
	background: url("images/apply-now-background.png") no-repeat;
	background-size: cover;
	width: 100%;
	float: left;
	padding: 2vw 0px;
	text-align: center;
}
.position-apply .container {
	max-width: 800px;
}
.position-apply h2 {
	color: #fff;
}
.position-apply .form-position {
	margin-top: 15px;
}
/* ============================================ *
 * contactus page
 * ============================================ */
.contact-banner {
	background-image: url("images/contact-banner.jpg");
}
.contact-container h1 {
	color: #302c29;
}
.contact-container h2 {
	color: #302c29;
}
.contact-container .title {
	margin-bottom: 13px;
}
.contact-container .contact-left {
	width: 47%;
	float: left;
}
.contact-container .contact-right {
	float: right;
	width: 47%;
}
.contact-container .btn-square {
	border: 3px solid #2a2a2a;
	color: #302c29;
	padding: 8px 28px;
}
.career-container .btn-square {
border: 3px solid #2a2a2a;
    color: #302c29;
    padding: 8px 28px;
    margin-bottom: 10px;
}
.contact-container .btn-square:hover {
	color: #fff;
	border-color: #c6a47e;
}
.contact-right li {
	float: left;
	padding-bottom: 30px;
	padding-left: 65px;
	width: 100%;
}
.contact-right li a {
	color: #302c29;
}
.contact-right address {
	font-style: normal;
	line-height: 22px;
}
.contact-right li strong {
	display: block;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 700;
	line-height: normal;
	padding-bottom: 4px;
}
.contact-right .email {
	background: rgba(0, 0, 0, 0) url("images/icon-mail.png") no-repeat scroll 0 0;
}
.contact-right .call {
	background: rgba(0, 0, 0, 0) url("images/icon-phone.png") no-repeat scroll 0 0;
}
.contact-right .address {
	background: rgba(0, 0, 0, 0) url("images/icon-location.png") no-repeat scroll 0 0;
}
.contact-right .address > br {
	display: none;
}
.contact-right .social-info {
	float: left;
	width: 100%;
}
.contact-right .social-info ul li {
	margin-left: 0;
	width: auto;
	margin-right: 7px;
}
.contact-right .social-info a {
	width: 30px;
	height: 30px;
	background-color: #c6a47e;
	border-radius: 50%;
	text-align: center;
}
.contact-right .social-info a:hover {
	background-color: #fff;
}
.contact-container .google-map {
	float: left;
	width: 100%;
	margin-top: 40px;
}
/* ============================================ *
 * Our work detail popup page
 * ============================================ */
.popup {
}
.popup .container {
	padding: 0; /*background: rgba(0, 0, 0, 0.45);*/
	text-align: center;
}
.popup .col-left {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.popup .col-left img {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	max-width: 100%;
	width: auto;
}
.popup .col-right {
	display: inline-block;
	height: 100%;
	max-height: 366px;
	overflow-y: auto;
	text-align: left;
	width: 100%;
	padding-top: 20px;
}
.popup .col-right h3 {
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	text-transform: inherit;
	line-height: normal;
}
.popup .col-right p {
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	text-transform: inherit;
	line-height: normal;
}
.owl-prev {
	background: url("images/icon-popup-left.png") no-repeat;
	left: -10%;
	position: absolute;
	top: 40%;
	height: 73px;
	width: 40px;
	font-size: 0;
}
.owl-next {
	background: url("images/icon-popup-right.png") no-repeat;
	position: absolute;
	right: -10%;
	top: 40%;
	height: 73px;
	width: 40px;
	font-size: 0;
}
.owl-next.disabled {
	opacity: .1;
}
.owl-prev.disabled {
	opacity: .1;
}
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.9);
	z-index: 999999;
	display: none;
	top: 0;
	left: 0;
}
.reveal-modal {
	background: rgba(0, 0, 0, 0);
	padding: 25px;
	display: none;
	top: 50%;
	left: -14px;
	right: 0;
	margin: 0 auto;
	max-width: 1070px;
	width: 100%;
	position: absolute;
	z-index: 9999999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.reveal-modal .close-reveal-modal {
	z-index: 9;
	font-size: 40px;
	line-height: .5;
	position: absolute;
	top: 0;
	right: -43px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding: 13px 15px 17px 15px;
}
.inquiry-section {
	float: left;
	width: 100%;
	text-align: center;
	padding: 2vw 0;
	background: #302c29;
	margin-top: 50px;
}
.inquiry-section .btn-square {
	padding: 9px 24px;
	background: #302c29;
	border: 2px solid #fff;
	font-size: 16px;
}
.inquiry-section .btn-square:hover {
	background: #c6a47e;
	color: #fff;
	border-color: #fff;
}
/* ============================================ *
 * service page
 * ============================================ */
.service-banner {
	background-image: url("images/service-banner.jpg");
}
.service-inner-banner {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.service-grid .block {
	width: 33.13%;
	clear: none;
	margin-top: 35px;
	float: none;
	display: inline-block;
	padding: 0 5px;
	vertical-align: top;
	text-align: left;
}
.service-grid .block:nth-child(2n) {
	clear: none;
	float: none;
}
.service-grid .block h3 {
	font-size: 20px;
	color: #c6a47e;
	font-weight: 700;
	text-transform: inherit;
	padding: 0 5px;
}
.service-grid .block > img {
	margin-bottom: 10px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}


/* ============================================ *
 * Promotion page
 * ============================================ */
.body-promotion #main > .container {
	max-width: 100%;
	padding: 0;
}
.promotion-container {
	padding-bottom: 0 !important;
}
.promotion-container > .container {
	padding: 0 30px;
}
.promotion-packages {
	float: left;
	width: 100%;
	margin-top: 2%;
}
.promotion-packages .block-package {
	float: left;
	width: 100%;
	background: url("images/dotted-overlay.png") repeat;
	margin-bottom: 5%;
}
.promotion-packages .block-package.left .image-area {
	float: left;
	border-right: 2px solid #c6a47e;
}
.promotion-packages .block-package.right .image-area {
	float: right;
	border-left: 2px solid #c6a47e;
}
.promotion-packages .image-area {
	max-width: 59%;
	width: 100%;
	position: relative;
}
.promotion-packages .right .image-area .zoom {
	right: inherit;
	left: -2px;
}
.promotion-packages .right .image-area > a {
	float: left;
	width: 100%;
}
.promotion-packages .image-area .zoom {
	position: absolute;
	right: -2px;
	bottom: 0;
}
.promotion-packages .promo-details {
	float: left;
	padding: 30px;
	color: #fff;
	max-width: 41%;
	width: 100%;
}
.promotion-packages .promo-details .separator {
	margin-bottom: 20px;
}
.promotion-packages .promo-details ul {
	float: left;
	width: 100%;
}
.promotion-packages .promo-details ul li {
	background: url("images/icon-list-style.png") no-repeat left 8px;
	margin-bottom: 10px;
	padding-left: 20px;
}
.promotion-packages .promo-details ul ul {
	margin-top: 15px;
}
.promotion-packages .promo-details ul ul li {
	background: url("images/icon-sub-list-style.png") no-repeat left 8px;
	padding-left: 18px;
}
.text-center {
	text-align: center;
}
.promotion.inquiry-section {
	padding: 1vw 0;
	margin-top: 0;
}
/* ============================================ *
 * Footer Section
 * ============================================ */
.second-block {
	float: left;
	background-color: #f5f5f5;
	width: 100%;
	text-align: left;
	padding: 20px;
	margin-bottom: 28px;
}
footer {
	width: 100%;
	float: left;
	background: url("images/footerbackground.png") no-repeat;
	background-size: cover;
	padding: 1vw 0 10px 0;
}
footer .widget {
	float: left;
	padding-right: 50px;
	color: #fff;
	font-weight: 300;
}
footer p {
	display: inline-block;
	vertical-align: top;
}
.zenith-arc > img {
	margin-bottom: 21px;
	max-width: 90%;
}
footer li {
	margin-bottom: 6px;
}
footer li p {
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 400;
}
footer p span {
	font-weight: 300;
}
footer li a {
	background: rgba(0, 0, 0, 0) url("images/icon-quick-link.png") no-repeat scroll left 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding-left: 20px;
	text-transform: uppercase;
}
footer li a:hover {
	background: rgba(0, 0, 0, 0) url("images/icon-quick-link.png") no-repeat scroll left 4px;
	color: #c6a47e;
	font-size: 14px;
	font-weight: 500;
	padding-left: 20px;
	text-transform: uppercase;
}
footer li.current-menu-item a {
	color: #c6a47e;
}
footer .widget .icon {
	margin-right: 12px;
}
footer .icon.icon-mail {
	background-position: -72px 0;
}
footer .separator {
	margin: 8px 0 21px 0;
}
footer p.widget-title {
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 18px;
	text-transform: uppercase;
}
footer h2 {
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 18px;
}
#text-3 ul li a {
	background: none;
	padding: 0;
	text-transform: none;
}
footer #nav_menu-3 {
	margin-top: 20px;
	width: 20%;
}
footer #text-4 {
	float: right;
	margin-top: 20px;
	padding-right: 0;
	width: 46.67%;
}
footer .widget {
	color: #fff;
	float: left;
	width: 33.33%;
	font-weight: 300;
	padding-right: 50px;
}
footer .top-panel {
	display: none;
}
footer #site-generator {
	border-top: 1px solid #c6a47e;
	float: left;
	margin: 25px 0 0;
	width: 100%;
	padding-top: 10px;
}
.block.quick-links {
	margin-top: 20px;
	width: 20%;
}
.quick-links .inner-block {
	margin-bottom: 22px;
}
.quick-links .inner-block.social-block {
	margin-bottom: 0;
}
.quick-links li {
	margin-bottom: 6px;
}
.quick-links li a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	padding-left: 20px;
	background: url("images/icon-quick-link.png") no-repeat left 4px;
}
.quick-links li a:hover {
	background: url("images/icon-quick-link-hover.png") no-repeat left 4px;
	color: #c6a47e;
}
#site-generator {
	text-align: center;
}
.footer .social-block {
	border-left: 1px solid #5f5955;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.social-block li .icon {
	margin: 0 0 0 10px;
}
.social-block li a:hover .icon.icon-fb {
	background-position: -4px -19px;
	;
}
.social-block li a:hover .icon.icon-twitter {
	background-position: -19px -18px;
	;
}
.social-block li a:hover .icon.icon-instagram {
	background-position: -36px -18px;
}
.social-block li {
	display: inline-block;
	margin: 0;
}
footer .social-info {
	float: none;
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid #5f5955;
	margin-left: 10px;
}
footer .social-info ul li {
	margin-left: 10px;
}
footer .social-info li a {
	background: url("images/sprite.png") no-repeat scroll 0 0;
	display: inline-block;
	height: 18px;
	overflow: hidden;
	transition: all 0.5s ease 0s;
	vertical-align: middle;
	width: 18px;
	padding: 0;
}
footer .social-info li.facebook a {
	background-position: -4px 0px;
	width: 14px;
}
footer .social-info li.facebook a:hover {
	background-position: -4px -18px;
}
footer .social-info li.twitter a {
	background-position: -19px 0;
}
footer .social-info li.twitter a:hover {
	background-position: -19px -18px;
}
footer .social-info li.instagram a {
	background-position: -36px 0;
}
footer .social-info li.instagram a:hover {
	background-position: -36px -18px;
}
.block.contact-us {
	float: left;
	padding-right: 0;
}
.block.contact-us li {
	width: 49%;
}
.block.contact-us li:nth-child(even) {
	float: right;
}
.block.contact-us li:nth-child(5) {
	width: 100%;
}
.block.contact-us li:nth-child(6) {
	width: 100%;
}
.block.contact-us li:nth-child(6) .wpcf7-form-control-wrap {
	height: 90px;
}
.contact-us .form-list li:last-child {
	float: left;
}
.footer-separator {
	height: 1px;
	width: 100%;
	background: #c6a47e;
	float: left;
	width: 100%;
	margin: 25px 0 10px 0;
}
.copyright {
	font-size: 12px;
	font-weight: 400;
	margin: 1px 0 0 0;
	text-align: center;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}
.float-my-children > * {
	float: left;
	margin-right: 20px;
}
/* this is called a clearfix. it makes sure that the container's children floats are cleared, without using extra markup */

.fixclear {
 *zoom:1 /* for IE */
}
.fixclear:before, .fixclear:after {
	content: " ";
	display: table;
}
.fixclear:after {
	clear: both;
}
.blog-listing .blog-img img {
	height: 140px;
}
.blog-listing .desc-overlay {
	padding: 5px!important;
}
.blog-listing .desc-detail {
	padding: 10px!important;
}
.blog-listing h3 {
	font-size: 15px!important;
}
.blog-listing .product-grid .desc-detail .separator {
	margin-bottom: 0!important;
}
.blog-listing p {
	margin-bottom: 0!important;
}
.title1 {
	font-size: 14px;
	color: #302c29;
	text-align: left;
}
.title2 {
	font-size: 32px;
	color: #000;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
}
.title2 h1 {
	font-size: 29px;
}
button {
	border: none;
}
.separator-new {
	height: 1px;
	background-color: #d8d4cf;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 18px 0;
}
.service-grid-new .block2 {
	width: 33.3%;
	clear: none;
	float: none;
	display: inline-block;
	padding: 0;
	vertical-align: top;
	text-align: left;
	margin-left: -1px;
}
.service-grid-new .block2 img {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.service-grid-new .block2 img:hover {
	transform: scale(1.1);
	position: relative;
	z-index: 1;
}
.baseline {
	position: relative;
	width: 185px;
	height: 2px;
	background: #c6a47e;
	display: block;
	margin: 0 auto;
}
.product-grid .block .accordion-title {
	font-size: 18px;
	font-weight: bold;
	color: #c6a47e;
	text-transform: uppercase;
	text-overflow: ellipsis;
	/* Required for text-overflow to do anything */
	white-space: nowrap;
	overflow: hidden;
}
.accordionbg {
	width: 88%;
	margin: 36px auto 0 auto;
}
.product-grid .block .accordion-title img {
	margin-right: 24px
}
.accordion-divider {
	margin: 0
}
.b-line {
	position: relative;
	width: 185px;
	height: 2px;
	background: #c6a47e;
	display: block;
	margin: 0;
}
.btn-tb {
	margin: 30px 0;
}
.color2 {
	color: #c6a47e
}
.color1 {
	color: #302c29;
}
.main-title {
	color: #2d2d2d;
	text-align: center;
	text-transform: capitalize;
	padding: 0.7em 0;
}
.container-servicesnew {
	padding: 1em 0;
	float: left;
	width: 50%;
}
@media screen and (max-width: 640px) {
.container-servicesnew {
	display: block;
	width: 100%;
}
	@media (min-width:768px) and (max-width:1366px){
.owl-carousel.owl-loaded {
    max-height: 669px; }
}
.product-grid .block .accordion-title {
	font-size: 14px;
	text-overflow: ellipsis;
	/* Required for text-overflow to do anything */
	white-space: nowrap;
	overflow: hidden;
}
}
@media screen and (min-width: 1921px) {
.inner-banner {
	background-size: 100% auto;
}
}
@media screen and (min-width:767px) {
}
@media screen and (min-width: 900px) {
.container-servicesnew {
	display: block;
	width: 100%;
}
}
.container-servicesnew .title {
	color: #1a1a1a;
	text-align: center;
	margin-bottom: 10px;
}
.content {
	position: relative;
	width: 90%;
	max-width: 400px;
	margin: auto;
	overflow: hidden;
}
.content .content-overlay {
	background: rgba(255,255,255,0.7);
	position: absolute;
	height: 99%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.content:hover .content-overlay {
	opacity: 1;
}
.content-image {
	width: 100%;
}
.content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details {
	top: 50%;
	left: 50%;
	opacity: 1;
}
.content-details h3 {
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
.content-details p {
	color: #fff;
	font-size: 0.8em;
}
.fadeIn-bottom {
	top: 80%;
}
.fadeIn-top {
	top: 20%;
}
.fadeIn-left {
	left: 20%;
}
.fadeIn-right {
	left: 80%;
}
.welcome .welcome-desc-home {
	width: 100%!important;
	color: #fff;
	text-align: center;
	padding: 40px 0;
}
.welcome .welcome-desc-home p {
	color: #fff;
	line-height: 35px;
}
/* START 21APR2018 */
.welcome .service-img {
	width: 26%;
	float: left;
	margin-top: 1vw;
	margin-bottom: 3.5vw;
	box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)
}
.welcome .service-img > img {
	margin-bottom: 5px;
}
.welcome .service-img p {
	margin-bottom: -2px;
}
/* END 21APR2018 */
/* START 23 JANUARY 2019 */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
	float: left!important;
	margin: 0 0.3vw !important;
	position: relative!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	color: #fff!important;
	font-size: 13px!important;
	display: inline-block!important;
	text-transform: uppercase!important;
	font-weight: 500!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	color: #c6a47e!important;
	background: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	text-transform: uppercase;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
	padding: 10px 15px;
	display: block;
	position: relative;
	color: #fff;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
	padding: 10px 15px;
	display: block!important;
	position: relative;
	color: #c6a47e!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
	color: #302c29;
	background: none;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
	position: absolute!important;
	background: rgba(255,255,255,0.9)!important;
	z-index: 9!important;
	border-top: 3px solid #c6a47e!important;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5)!important;
	opacity: 0.9!important;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu:before {
	border-bottom: 13px solid #c6a47e!important;
	border-left: 13px solid rgba(0,0,0,0)!important;
	border-right: 13px solid rgba(0,0,0,0)!important;
	content: ""!important;
	height: 0!important;
	left: 41px!important;
	position: absolute!important;
	top: -13px!important;
	width: 0!important;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu:before {
	border-bottom: 13px solid #c6a47e!important;
	border-left: 13px solid rgba(0,0,0,0)!important;
	border-right: 13px solid rgba(0,0,0,0)!important;
	content: ""!important;
	height: 0!important;
	left: 41px!important;
	position: absolute!important;
	top: -13px!important;
	width: 0!important;
}
nav li > ul:before {
	border-bottom: 13px solid #c6a47e!important;
	border-left: 13px solid rgba(0,0,0,0)!important;
	border-right: 13px solid rgba(0,0,0,0)!important;
	content: ""!important;
	height: 0!important;
	left: 41px!important;
	position: absolute!important;
	top: -13px!important;
	width: 0!important;
}
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	font-family: inherit;
	font-weight: 300;
	text-decoration: none;
	text-transform: none;
	display: block!important;
	color: #302c29!important;
	font-size: 12px!important;
	line-height: 18px!important;
	padding: 15px 24px!important;
	transition: all 0s ease 0s!important;
	-webkit-transition: all 0s ease 0s!important;
	position: relative!important;
	text-transform: uppercase;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	text-decoration: none;
	background: rgba(48,44,41,.9)!important;
	transition: all 0s ease 0s!important;
	-webkit-transition: all 0s ease 0s!important;
	color: #fff!important
}
nav li > ul > li:hover {
	background: rgba(48,44,41,.9)!important;
	transition: all 0s ease 0s!important;
	-webkit-transition: all 0s ease 0s!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link:after {
	background: #d3cac4!important;
	bottom: 0!important;
	content: ""!important;
	height: 1px!important;
	left: 0!important;
	margin: 0 auto!important;
	position: absolute!important;
	right: 0!important;
	width: 84%!important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after {
	color: #c6a47e!important;
	width: 30px;
	height: 21px;
}
.menu-toggle {
	display: none!important;
}
#mega-menu-wrap-primary.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary a:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary input:focus {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	-ms-box-shadow: none!important;
	-o-box-shadow: none!important;
	box-shadow: none!important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
	margin-top: -115px;
	z-index: 99999;
}
#mega-menu-wrap-primary .mega-menu-toggle {
	height: 0!important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label .mega-toggle-label-closed, #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-label-open {
	display: none;
}
@media only screen and (max-width:767px) {
header .menu {
	width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 15px;
	display: block;
	position: relative;
	color: #fff;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
	width: 100%;
	border-bottom: solid 1px #3C3C3C;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
	border-bottom: solid 1px #3C3C3C;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
	position: relative!important;
	background: none !important;
	border-top: none!important;
	box-shadow: none!important;
	opacity: 1!important
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	background: #302c29;
	color: #fff !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	color: #fff;
	background: none!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	font-size: 12px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	font-size: 12px !important;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
}
}
/* Mobile in Portrait Mode */
@media only screen and (max-width: 320px) {
.gallery_area .single_gallery_item > a > img {
	-webkit-transform: scale(2.4);
	transform: scale(2.4);
}
.product-grid .block1 {
	width: 100%!important;
	margin-top: 20px !important;
}
.reverse {
	display: flex!important;
	flex-wrap: wrap!important;
	flex-direction: column-reverse!important;
}
.product-grid .block2 {
	width: 100%!important;
	margin-top: 20px !important;
}
.gallery_area .single_gallery_item {
	width: 100%!important;
	margin: 0 0 10% 0!important;
}
.close {
    top: 0 !important;;
right: 15px !important;}

}
/* Mobile in Landscap Mode */
@media only screen and (min-width: 321px) and (max-width: 480px) {
.gallery_area .single_gallery_item > a > img {
	-webkit-transform: scale(2.4);
	transform: scale(2.4);
}
.product-grid .block1 {
	width: 100%!important;
	margin-top: 20px !important;
}
.reverse {
	display: flex!important;
	flex-wrap: wrap!important;
	flex-direction: column-reverse!important;
}
.product-grid .block2 {
	width: 100%!important;
	margin-top: 20px !important;
}
.gallery_area .single_gallery_item {
	width: 100%!important;
	margin: 0 0 10% 0!important;
}
.close {
    top: 0 !important;;
right: 15px !important;}

}
 @media only screen and (min-width: 321px) and (max-width: 375px) {
.gallery_area .single_gallery_item > a > img {
	-webkit-transform: scale(2.4);
	transform: scale(2.4);
}
	 
.reverse {
	display: flex!important;
	flex-wrap: wrap!important;
	flex-direction: column-reverse!important;
}
.product-grid .block1 {
	width: 100%!important;
	margin-top: 20px !important;
}
.product-grid .block2 {
	width: 100%!important;
	margin-top: 20px !important;
}
.gallery_area .single_gallery_item {
    width: 88%!important;
    margin: 0 auto 20px auto!important;
    text-align: center;
    display: block!important;
    float: none!important;
    padding: 0 15px;
}
.close {
    top: 0 !important;;
right: 15px !important;}

}
 @media only screen and (min-width: 375px) and (max-width: 667px) {
.gallery_area .single_gallery_item > a > img {
	-webkit-transform: scale(2.4);
	transform: scale(2.4);
}
 
.reverse {
	display: flex!important;
	flex-wrap: wrap!important;
	flex-direction: column-reverse!important;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
}
.product-grid .block1 {
	width: 100%!important;
	margin-top: 20px !important;
}
.product-grid .block2 {
	width: 100%!important;
	margin-top: 20px !important;
}
.gallery_area .single_gallery_item {
	width: 100%!important;
	margin: 0 0 10% 0!important;
}
.close {
    top: 0 !important;;
right: 15px !important;}

}
 @media only screen and (min-width: 376px) and (max-width: 767px) {
.reverse {
	display: flex!important;
	flex-wrap: wrap!important;
	flex-direction: column-reverse!important;
}
.product-grid .block1 {
	width: 100%!important;
}
.product-grid .block2 {
	width: 100%!important;
	margin-top: 20px !important;
}
.gallery_area .single_gallery_item {
    width: 48%!important;
    margin: 0 1% 1% 1%!important;
    padding: 1%;
    float: none!important;
}
.close {
    top: 0 !important;;
right: 15px !important;}

}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.reverse {
	display: flex!important;
	flex-wrap: wrap!important;
	flex-direction: column-reverse!important;
}
	.product-grid .block1 {
	width: 100%!important;
	margin-top: 20px !important;
}
.product-grid .block2 {
	width: 100%!important;
	margin-top: 20px !important;
}
.close {
    top: 0 !important;;
right: 15px !important;}
.gallery_area .single_gallery_item {

}

}
/* Tablets */

 @media only screen and (min-width: 768px) and (max-width: 1024px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	padding: 0 5px!important;
}
.gallery_area .single_gallery_item .hover_overlay {
	padding-top: 0!important;
}
.close {
    top: 0 !important;;
right: 15px !important;}
}
/* Desktop and Laptops Computers */
@media only screen and (max-width: 1170px) {
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
}
 @media only screen and (min-width: 384px) and (max-width: 639px) {
}
 @media screen and (max-width: 768px) {
}
 @media screen and (min-width: 768px) {
}

/* END 23 JANUARY 2019 */
.content-image {
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}
.content-image-1 {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8); margin:10px 0;
}

.service-img-border a {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 25px;
	border: 2px solid;
	padding: 15px 23px;
	border-radius: 50%;
}
.service-img-border:before, .service-img-border:after {
	content: '';
	position: absolute;
	margin: 0;
	height: 160px;
	width: 285px;
}
.service-img-border:before {
	bottom: -10px;
	left: -10px;
	border-left: 5px solid #c6a47e;
	border-bottom: 5px solid #c6a47e;
}
.service-img-border:after {
	top: -10px;
	right: -10px;
	border-top: 5px solid #c6a47e;
	border-right: 5px solid #c6a47e;
}
/* START 14 FEBRUARY 2019 */

.product-grid .block2 {
	width: 33.4%;
	text-align: left;
	position: relative;
	margin-top: -10px;
	float: right;
	background: #f5f5f5;
	padding: 0;
}
.product-grid .block2 .section {
	width: 25%;
	text-align: center;
	margin: 0 auto;
	float: left;
}
.title3 {
	font-size: 20px;
	color: #000;
	text-align: left;
	text-transform: none!important;
	font-weight: bold;
	padding: 18px 0;
}
.title3 h1 {
	font-size: 20px;
	text-transform: none!important;
}
.product-grid .block1 {
	width: 62%;
	clear: left;
	text-align: center;
margin-top: 10px;
	float: left;
	position: relative;
}
.reverse {
	display: block;
	flex-wrap: none;
	flex-direction: none;
}
.product-grid .block1 > a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: top;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.product-grid .block1 a > img {
	/*width: auto;
	height: auto;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;*/
}
.product-grid .block1 a:hover > img {
	/*-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);*/
}
.product-grid .block1 .bg-overlay {
	display: none;
}
.product-grid .block1 .icon-link {
	z-index: 9999;
	display: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	background: #302c29;
	border: 5px solid #c7b299;
}
.product-grid .block1.icon-link img {
	margin-top: 15px;
}
.product-grid .block1 > a:hover .bg-overlay {
	display: block;
}
.product-grid .block1 > a:hover .icon-link {
	display: block;
}
.product-grid .block1 h3 {
	color: #302c29;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: normal;
}
.product-grid .block1 .short-desc {
	max-width: 90%;
	margin: 0 auto;
}
.product-grid .block1 .separator {
	margin-bottom: 15px;
}
.product-grid .block1 p {
	margin: 0;
}
table {
	border-collapse: collapse;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}
table caption {
	font-size: 15px;
	margin: 0;
}
table tr {
	padding: 0;
}
table th, table td {
	padding: 0!important;
	text-align: left!important;
}
table th {
	font-size: 15px;
}
 @media screen and (max-width: 600px) {
table {
	border: 0;
}
table caption {
	font-size: 1.3em;
}
table thead {
	border: none;
	clip: rect(0 0 0 0);
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
table tr {
	display: block;
}
table td {
	display: block;
	font-size: 15px;
	text-align: left;
}
table td::before {
	/*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
	content: attr(data-label);
	float: left;
	font-weight: normal;
	text-transform: uppercase;
}
table td:last-child {
	border-bottom: 0;
}
}
.table-color1 {
	color: #7b858f;
	font-weight: bold;
}
.table-color2 {
	color: #302c29;
	font-weight: bold;
}
.product-grid .block3 {
	clear: left;
	text-align: left;
	margin-top: 0!important;
	float: left;
	position: relative;
	padding-top: 50px;
}
.intro1 h1 {
	font-size: 22px;
	color: #302c29;
}
.intro1 h2 {
	font-size: 22px;
	color: #302c29;
}
.intro1 .separator {
	margin-bottom: 25px;
	margin-top: 15px;
}
.intro1 {
	padding: 0;
	text-align: center;
	margin-bottom: 0;
}
.intro1 > p {
	max-width: 85%;
	margin: 0 auto 20px auto;
}
/* >>>>>>>>>>>>>> :: 23.0 Gallery Area CSS <<<<<<<<<<<<<<< */
.gallery_area {
	padding-bottom: 0;
	margin-bottom: 25px;
}
.gallery_area .single_gallery_item {
	display: inline-block;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 24.2%;
	margin: 0 .4%;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.gallery_area .single_gallery_item p {
	margin: 0!important;
}
.gallery_area .single_gallery_item > a > img {
	-webkit-transform: scale(1.8);
	transform: scale(1.8);
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;

}
.gallery_area .single_gallery_item > a:hover {
	cursor: pointer;
}
.gallery_area .single_gallery_item:hover a > img {
	-moz-transform: scale(1.9);
	-webkit-transform: scale(1.9);
	transform: scale(1.9);
}
.gallery_area .single_gallery_item > a {
	cursor: url(img/core-img/add.png), auto;
}
.gallery_area .single_gallery_item .hover_overlay {
	background: url(//zenitharc.com.sg/wp-content/themes/zenitharc/images/bg-overlay-dark.png) repeat;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding-top: 15%;
}
.gallery_area .single_gallery_item:hover .hover_overlay {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.gallery_area .single_gallery_item .gallery_info {
	text-align: center;
	top: auto;
	position: absolute;
	left: auto;
	width: 100%
}
.gallery_area .single_gallery_item:hover .gallery_info {
	-webkit-animation: zoomIn 350ms ease-in-out;
	animation: zoomIn 350ms ease-in-out;
}
.gallery_info h3 {
	font-size: 16px;
	font-weight: 900;
	color: #c6a47e;
	text-transform: uppercase;
	line-height: 24px;
}
.gallery_info .separator {
	background: #c6a47e;
	margin-bottom: 13px;
	margin-top: 10px;
	height: 2px;
}
.gallery_info p {
	color: #2c3e50;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}
.single_gallary_slider {
	border: 1px solid #f6f6f6;
	padding: 5px;
	position: relative;
	z-index: 1;
	width: 100% !important;
	height: auto;
}
.single_gallary_slider .owl-controls .owl-nav .owl-prev, .single_gallary_slider .owl-controls .owl-nav .owl-next {
	background-color: #fff;
	border: 2px solid #f6f6f6;
	border-radius: 6px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
	font-size: 24px;
	height: 40px;
	line-height: 35px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 40px;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}
.single_gallary_slider .owl-controls .owl-nav .owl-prev:hover, .single_gallary_slider .owl-controls .owl-nav .owl-next:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single_gallary_slider .owl-controls .owl-nav .owl-prev {
	left: 10px;
}
.single_gallary_slider .owl-controls .owl-nav .owl-next {
	right: 10px;
}
.single_gallery_item_info {
	background-color: #f6f6f6;
	padding: 15px;
	border-radius: 5px;
}
.single_gallery_item_info .headline > h4 {
	color: #2c3e50;
	font-weight: 600;
	line-height: 27px;
}
.pager .previous > a, .pager .next > a {
	border: 2px solid #ddd;
	border-radius: 6px;
	color: #888;
	display: inline-block;
	padding: 10px 0;
	text-align: center;
	width: 150px;
}
.pager .previous > a:hover, .pager .next > a:hover {
	border: 2px solid transparent;
	color: #fff;
	background-color: #FF9800;
}
.live_preview > a {
	background-color: #2c3e50;
	border-radius: 6px;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 15px 24px;
	text-align: center;
	text-transform: capitalize;
	width: 100%;
}
.live_preview > a:hover {
	background-color: #FF9800;
	color: #fff;
}
.modal-open .modal {
	background: #000;
}
.modal-content {
	position: absolute;
	background-color: #000;
}
.gallery_full_width_images_area br {
	display: block;
}
.modal {
	z-index: 999999!important;
}
.modal-dialog {
	max-width: 1070px!important;
	margin: 0 auto!important;
	width: 100%!important;
}
.modal-content {
	background-color: transparent!important;
}
.close:focus, .close:hover {
	color: #fff!important;
	filter: alpha(opacity=100)!important;
	opacity: 1!important;
}
.close {
	top: 25px;
	position: relative;
	right: -43px;
	color: #fff !important;
	text-shadow: none !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}
.single_gallary_slider {
	border: none!important;
	padding: 0!important;
}
.title4 {
    font-size: 32px;
    color: #302c29;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: 70px 0 30px 0;
}
.features-icon { margin:10px 0 50px 0;}
.features-icon p { font-size:13px;}


@media only screen and (max-width: 1023px) {
.gallery_area .single_gallery_item {
width: 47%;
    margin: 0 1.5% 1.5%;
    padding: 1%;
    float: none;
}
}
@media only screen and (max-width: 639px){
.gallery_area .single_gallery_item {
    width: 92%!important;
    margin:0 4.2% 2% 4.2%!important;
    padding: 0 15px!important;
}
}
.pad20 { padding:20px 0 0 0;}
.project-detail-block2 {	padding: 0 0 15px 15px!important;}
/* END 14 FEBRUARY 2019 */
ol, ul {
    margin-top: 0;
    margin-bottom: 0!important;
}
.fancybox-container{z-index: 999999999!important;}


.product-details-border a {
	z-index: 2;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	position:relative;

}
.product-details-border a:hover{
	color: #fff;
}
.product-details-border:before, .product-details-border:after {
	content: '';
	position: absolute;
	margin: 0;
	height: 160px;
	width: 285px;
}
.product-details-border:before {
	bottom: -10px;
	left: -10px;
	border-left: 5px solid #c6a47e;
	border-bottom: 5px solid #c6a47e;
}
.product-details-border:after {
top: 15px;
right: -10px;
	border-top: 5px solid #c6a47e;
	border-right: 5px solid #c6a47e;
}


.product-details-border .hover_overlay {
	background: url(//zenitharc.com.sg/wp-content/themes/zenitharc/images/bg-overlay-dark.png) repeat;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding-top: 15%;
}
.product-details-border .hover_overlay {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}




.container-image {
  position: relative;

}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: background 0.5s ease;
	z-index: 9999999;
}

.container-image:hover .overlay {
  display: block;
  background: rgba(0, 0, 0, .3);
}



.button-view {
  position: absolute;
  width: auto;
  left:50%;
  top: 50%;
  text-align: center;
  opacity: 0;
  transition: opacity .35s ease;
	z-index: 999999;
}

.button-view a {
  width: 200px;
  padding: 12px 48px;
  text-align: center;
  color: white;
  border: solid 2px white;
  z-index: 1;
}

.container-image:hover .button-view {
  opacity: 1;
}


.single_gallery_item img { text-align:center; margin:0 auto 20px auto;}