/*-----------------------------------------------------------------------------------

	Theme Name: Canvas
	Theme URI: http://themes.semicolonweb.com/html/canvas
	Description: The Multi-Purpose Template
	Author: SemiColonWeb
	Author URI: http://themeforest.net/user/semicolonweb
	Version: 3.0

-----------------------------------------------------------------------------------*/
@import url("https://use.typekit.net/ttf6hpt.css");

body {
	font-size: 16px;
	font-family: 'open-sans', Arial, sans-serif;
	font-weight: 300;
}

body.dark, .dark #wrapper, .dark #content, .dark .shop-quick-view-ajax, .dark .portfolio-ajax-modal, .dark .modal-content, .dark .page-transition-wrap, body.dark #side-panel, body #side-panel.dark {
	background-color: #000;	
}

.dark #logo a {
/*	font-family: 'alternate-gothic-no-2-d', sans-serif; 
*/
	font-family: neuropol-x-light, sans-serif;
	font-weight: 300;
	font-size: 29px;
	line-height: 100px;
	color: #bf9747 !important;
	text-shadow: 1px 1px 3px black;
	-webkit-transition: line-height .4s ease, opacity .3s ease;
	-o-transition: line-height .4s ease, opacity .3s ease;
	transition: line-height .4s ease, opacity .3s ease;
}
#header.transparent-header {
	background-color: rgba(0,0,0,0.1) !important;
}
#header.sticky-header #header-wrap {
	background-color: rgba(0,0,0,1) !important;	
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
#header.sticky-header:not(.static-sticky) #logo a {
	line-height: 60px;
}
#primary-menu > ul > li > a {
	font-family: "open-sans-condensed",sans-serif;
	font-weight: 400;	
	font-size: 15px;
	padding: 39px 10px;
}
#primary-menu ul ul li > a {
	font-family: "open-sans-condensed",sans-serif;
	font-weight: 400;	
	font-size: 14px;
	padding: 8px 15px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
#primary-menu ul ul li > a > div {
}
.dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {
	color: #eee !important;
}
.dark #primary-menu:not(.not-dark) ul ul li > a:hover, #primary-menu.dark ul ul li > a:hover {
	color: #bf9747 !important;
}
.dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content {
	background-color: #222;
	border: 1px solid #000;
	border-top: none;
}
#primary-menu ul ul.lang-block {
	text-align: right;
	text-transform: uppercase;
}
#page-title span {
	font-family: neuropol-x-light, sans-serif;	
	font-size: 30px !important;
	color: #bf9747 !important;
}
h1 {
	font-family: 'open-sans', Arial, sans-serif;
	font-weight: 400 !important;
	font-size: 30px !important;	
}
.dark .fancy-title h1, .dark .fancy-title h2, .dark .fancy-title h3, .dark .fancy-title h4, .dark .fancy-title h5, .dark .fancy-title h6 {
	font-family: 'open-sans', Arial, sans-serif;
	font-weight: 400 !important;
	color: #bf9747 !important;
	background-color: inherit;
}
.button.button-rounded.button-border {
	border-radius: 4px;
}
.dark .button.button-border:not(.button-light) {
	font-family: 'open-sans', Arial, sans-serif;
	font-weight: 400 !important;
	border: 1px solid #444;
}
.dark .button.button-border:not(.button-light):hover {
	background-color: #bf9747 !important;
}
.button.button-border.button-small {
	line-height: 32px;
}
.button-wrap {
	line-height: 20px !important;
	height: inherit !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
.sidebar-adf .button.button-border {
	border: none !important;
	border-bottom: 1px solid #444 !important;
	margin: 0;
}
.sidebar-adf .button.button-border:not(.button-fill):hover {
	background-color: #bf9747 !important;
}
#content h2, #content h3 {
	font-family: 'open-sans', Arial, sans-serif;
	font-weight: 400;
	color: #888;
	
}
#content ul, #content ol {
	margin-left: 40px;
}
.iconlist-color li i {
    color: #bf9747 !important;
}

a {
    color: #bf9747;
}
.text-gold {
	color: #bf9747 !important;
}
.dark .thumbnail {
	background-color: #000;
}
.gallery-section-title {
	font-family: neuropol-x-light, sans-serif !important;
	font-weight: 300;
	font-size: 18px;
	color: #fff !important;
	text-align: center;
	margin-top: 10px;	
}
.gmap_marker {
	color: #000;
}
.gmap_marker a:hover {
	color: #000;	
}
.home-slider h4 {
	font-family: 'open-sans-condensed', Arial, sans-serif;
	font-weight: 400;
	font-size: 30px;
}
.dark #footer {
	background-color: #000;
	border-top: 2px solid #222;
}
.dark #copyrights {
	color: #aaa;
	padding: 15px 0;
}

.dark .table-bordered > thead > tr > th, .dark .table-bordered > tbody > tr > th, .dark .table-bordered > tfoot > tr > th, .dark .table-bordered > thead > tr > td, .dark .table-bordered > tbody > tr > td, .dark .table-bordered > tfoot > tr > td {
	border-color: #666;
}
.table-dark {
	color: #eee;
	background-color: inherit;
}

/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/


@media (max-width: 1199.98px) {
}


@media (min-width: 992px) and (max-width: 1199.98px) {
	
	#primary-menu > ul > li > a {
	font-family: "open-sans-condensed",sans-serif;
	font-weight: 400;	
	font-size: 13px;
	padding: 39px 5px;
	
}


@media (max-width: 991.98px) {
}


@media (min-width: 768px) and (max-width: 991.98px) {
}


@media (max-width: 767.98px) {
}


@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
	#header.transparent-header-home {
		height: 100px !important;
		z-index: 199;
		background-color: rgba(0,0,0,0.4) !important;
	}
	#header.transparent-header-home {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	}
	.lang-block {
		width: 50px;
		text-align: right;
		text-transform: uppercase;
	}
	.home-slider h4 {
		font-size: 24px;
	}
}


/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991.98px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991.98px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991.98px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991.98px),
only screen and (                min-resolution: 192dpi) and (max-width: 991.98px),
only screen and (                min-resolution: 2dppx) and (max-width: 991.98px) {
}