/*

Theme Name: BKNS

Theme URI: https://www.bkns.vn/

Author: TrungNQ

Author URI: http://www.bkweb.vn/

Description:

Version: 2.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: bkns, bkweb

Text Domain: bkweb



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* Garenal */

body {

	font-size: 16px;

	font-family: 'Roboto Condensed', Arial, sans-serif;

	color: #363636;

	background: #fff;

}



body.home {

	background: #f6f6f6;

}



p {

	font-size: 16px;

}



a {

	color: #cb0000;

}



a:hover {

	color: #85450d;

}



.site {

	position: relative;

	width: 100%;

	padding: 0;

}



.site-container {

	max-width: 1240px;

	padding: 0 1em;

	margin: 0 auto;

	position: relative;

}



.site-container:before, .site-container:after {

	display: table;

	content: " ";

}



.site-container:after {

	clear: both;

}



.contact-container {

	max-width: 1000px;

	margin: 0 auto;

}



.site-right {

	width: 70%;

	float: right;

	padding-left: 15px;

}



.site-left {

	width: 30%;

	float: left;

	padding-right: 15px;

}



.hover-up {

	display: inline-block;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}



.hover-up:hover, .hover-up:focus, .hover-up:active {

	-webkit-transform: translateY(-6px);

	transform: translateY(-6px);

	-webkit-animation-name: hover;

	animation-name: hover;

	-webkit-animation-duration: 0.5s;

	animation-duration: 0.5s;

	-webkit-animation-delay: 0.3s;

	animation-delay: 0.3s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	-webkit-animation-direction: alternate;

	animation-direction: alternate;

}



a.disabled {

	pointer-events: none;

  	cursor: default;

}



@media(max-width:991px) {

	.site-left, .site-right {

		width: 100%;

		padding: 0;

	}



}



/* Title */

.site-footer header, header.entry-header, header.page-header {

	position: relative;

	margin-bottom: 15px;

	padding-bottom: 5px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}



/*.site-footer header:after, header.entry-header:after, header.page-header:after {

	position: absolute;

	content: "";

	background-color: #2290cc;

	height: 3px;

	width: 30px;

	bottom: -1px;

	left: 0;

}*/



/* Genericons */

.social-navigation a:before, .secondary-toggle:before, .dropdown-toggle:after, .bypostauthor > article .fn:after, .comment-reply-title small a:before, .comment-navigation .nav-next a:after, .comment-navigation .nav-previous a:before, .posted-on:before, .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .entry-format:before, .edit-link:before, .full-size-link:before, .pagination .prev:before, .pagination .next:before, .image-navigation a:before, .image-navigation a:after, .format-link .entry-title a:after, .entry-content .more-link:after, .entry-summary .more-link:after, .author-link:after {

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-smoothing: antialiased;

	display: inline-block;

	font-family: "Genericons";

	font-size: 20px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	line-height: 1;

	speak: none;

	text-align: center;

	text-decoration: inherit;

	text-transform: none;

	vertical-align: top;

}



/* Elements */

img {

	-ms-interpolation-mode: bicubic;

	border: 0;

	height: auto;

	max-width: 100%;

	vertical-align: middle;

}



.alignleft {

	display: inline;

	float: left;

}



.alignright {

	display: inline;

	float: right;

}



.aligncenter {

	display: block;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}



blockquote.alignleft, .wp-caption.alignleft, img.alignleft {

	margin: 0.4em 1.6em 1.6em 0;

}



blockquote.alignright, .wp-caption.alignright, img.alignright {

	margin: 0.4em 0 1.6em 1.6em;

}



blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {

	clear: both;

	margin-top: 0.4em;

	margin-bottom: 1.6em;

}



.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {

	margin-bottom: 1.2em;

}



/* post-navigation */

.post-navigation {

	width: 100%;

}



.post-navigation .screen-reader-text {

	font-size: 16px;

	text-transform: uppercase;

}



/* Banner scroll */

.banner-scroll-left, .banner-scroll-right {

	position: fixed;

	top: 15px;

	z-index: 999;

	text-align: center;

	display: none;

	max-width: 150px;

}



/*.banner-scroll-left {

	left: 10px;

}

.banner-scroll-right {

	right: 10px;

}*/

.banner-scroll-left img, .banner-scroll-right img {

	max-width: 100%;

}



@media (max-width:991px) {

	.hide-on-mobile {

		display: none;

	}



}



@media (max-width:1300px) {

	.banner-scroll-left, .banner-scroll-right {

		display: none !important;

	}



}



/* Header */



/* site-header */

.site-header {

	position: relative;

	background: #ffffff;

	padding: 20px 0;

	border-top: 11px solid #85450d;

}



.site-header-wrap {

	position: relative;

}



.lang-switcher {

	list-style: none;

	position: absolute;

	right: 0;

	top: -20px;

	z-index: 99;

}



.lang-switcher li {

	display: inline-block;

}



.logo {

	display: inline-block;

	text-align: left;

}



.site-header .site-title:hover {

	text-decoration: underline;

}



.site-title {

	font-size: 25px;

	font-weight: bold;

	line-height: 1;

	margin: 0;

	padding: 10px 0;

}



.site-description {

	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0;

}



.site-banner {

	width: 100%;

	position: relative;

	padding: 30px 0;

}



.quick-search {

	overflow: hidden;

	position: relative;

	border: 1px solid #c8ab92;

	width: 100%;

	border-radius: 10px;

	padding: 11px 100px 11px 11px;

}



.quick-search .quick-search-field {

	border: 0;

	height: 30px;

	line-height: 30px;

	float: left;

	width: 100%;

	background: transparent;

}



.quick-search .quick-search-submit {

	height: 52px;

	width: 100px;

	background: #85450d;

	color: #fff;

	font-size: 20px;

	cursor: pointer;

	overflow: hidden;

	border: none;

	position: absolute;

	top: 0;

	right: 0;

	border-radius: 0 10px 10px 0;

}

.banner-right {

	padding-top: 30px;

}

.main-nav-right {

	float: right;

	padding-top: 13px;

}



.hotline {

	font-size: 22px;

	color: #d80000;

	font-weight: bold;

	text-transform: uppercase;

}



.top-contact {

	display: block;

	text-align: center;

	position: relative;

	padding-right: 40px;

}



.top-contact p {

	margin: 5px 0;

}



.top-contact p.hotline {

	font-size: 16px;

	color: #ec1a39;

	font-weight: bold;

}



.show-menu-right {

	position: absolute;

	right: 0;

	top: 20px;

	cursor: pointer;

	display: none;

}



@media (max-width:991.98px) {



	.logo img {

		max-height: 100px;

	}



	.main-nav-right {

		width: 100%;

		padding: 5px 10px;

		margin: 10px 0;

	}



	.banner-right {

		padding: 0;

		text-align: center;

	}



}



@media (min-width:992px) {

}



@media (min-width:768px) {

	.featured-services {

		overflow: unset;

		-webkit-box-pack: space-evenly;

		justify-content: space-evenly;

	}



	.featured-services li .service-item img {

		float: left;

		margin: 5px 10px 0 0;

	}



}



@media (max-width:767.99px) {

	.featured-services li {

		max-width: 50%;

		-webkit-box-flex: 0;

		flex: 0 0 50%;

		text-align: center;

		padding: 10px;

	}



	.featured-services li .service-item p {

		margin-top: 10px;

	}



}



/* Nav */

.main-nav {

	border-top: 1px solid #85450d;

	border-bottom: 1px solid #85450d;

}



.main-nav-container {

	width: 100%;

	margin: 0 auto;

}



.nav-menu-wrap {

	float: left;

}



.nav-menu {

	list-style: none;

	margin: 0;

	padding: 0;

	height: 55px;

	float: left;

}



.nav-menu>li {

	display: inline-block;

	height: 55px;

	position: relative;

}



.nav-menu>li:first-child {

	border-left: unset;

}



.nav-menu>li>a {

	color: #422104;

	padding: 0 20px;

	line-height: 55px;

	font-weight: bold;

	font-size: 22px;

	display: inline-block;

}



.nav-menu li a:hover {

	color: #363636;

	text-decoration: none;

}



.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {

	color: #363636;

}



.nav-menu>li>.sub-menu {

	display: none;

	position: absolute;

	top: 100%;

	left: 0;

	width: 300px;

	z-index: 99999;

	background: #ffffff;

	border: 1px solid #ccc;

	padding: 10px;

	margin: 0;

}



.nav-menu .sub-menu .sub-menu {

	display: none;

	position: absolute;

	top: 0;

	left: 100%;

	width: 300px;

	z-index: 99999;

	background: #ffffff;

	border: 1px solid #ccc;

	padding: 10px;

	margin: 0;

}



.nav-menu .sub-menu li {

	list-style: none;

	padding: 6px;

	position: relative;

}



.nav-menu .sub-menu li a {

	color: #85450d;

}



.nav-menu .sub-menu li a:hover {

	color: #cb0000;

}



.nav-menu-mobile-close, .nav-menu-mobile {

	display: none;

}



.nav-menu .toggle-sub-menu {

	display: none;

}



@media (max-width:991.98px) {

	.main-nav {

		background: #ececec;

		border-top: unset;

		border-bottom: unset;

	}



	.nav-menu-mobile {

		display: block;

		color: #85450d;

		padding: 0 5px;

		line-height: 30px;

		font-size: 26px;

		cursor: pointer;

		position: absolute;

		top: 15px;

		right: 15px;

		border: 1px solid #85450d;

		border-radius: 3px;

	}



	.nav-menu-wrap {

		width: 100%;

		height: 100%;

		overflow-y: auto;

		float: none;

		padding: 0;

		position: fixed;

		background: #85450d;

		z-index: 999;

		top: 0;

		left: 100%;

		transition: all .30s ease;

		padding: 15px;

	}



	.showNav .nav-menu-wrap {

		left: 0;

		right: 0;

	}



	.nav-menu-mobile-close {

		display: block;

		position: absolute;

		top: 15px;

		right: 15px;

		color: #85450d;

		width: 30px;

		height: 30px;

		line-height: 30px;

		text-align: center;

		background: #fff;

		border-radius: 30px;

		cursor: pointer;

	}



	.nav-menu {

		width: 100%;

	}



	.nav-menu li {

		width: 100%;

		border: none;

		border-bottom: 1px solid rgba(255, 255, 255, 0.2);

		height: auto;

	}



	.nav-menu>li>a {

		padding: 0;

		display: inline-block;

		color: #fff;

	}



	.nav-menu .fa-caret-down {

		display: none;

	}



	.nav-menu .sub-menu {

		position: relative !important;

		width: 100% !important;

		border: none !important;

	}



	.nav-menu .toggle-sub-menu {

		display: block;

		position: absolute;

		top: 0;

		right: 5px;

		width: 40px;

		height: 40px;

		line-height: 40px;

		text-align: center;

		color: #fff;

		cursor: pointer;

	}



	.header-line {

		text-align: center;

	}



	.top-nav-menu {

		float: none;

		display: inline-block;

	}



}



@media (min-width:992px) {



	.nav-menu>li {

		float: left;

	}

	.nav-menu>li.button>a {

		background: #cb0000;

		border-radius: 5px;

		border: 1px solid #fff;

	}



	.nav-menu li:hover >.sub-menu {

		display: block;

	}

	.nav-menu>li.menu-item-home>a {

		background: url('images/home-icon.png') no-repeat center center;

		width: 55px;

		height: 55px;

		text-indent: -1000px;

		overflow: hidden;

		border-left: 1px solid #85450d;

		border-right: 1px solid #85450d;

	}

	.main-nav.menu-fixed {

		position: fixed;

		top: 0;

		left: 0;

		z-index: 9999;

		width: 100%;

		background: #fff;

	}

}



/* Content */

.site-content {

	width: 100%;

	padding: 20px 0;

}



.site-main {

	width: 100%;

}



.table-download {

	width: 100%;

	border-top: 1px solid #ccc;

	border-left: 1px solid #ccc;

}



.table-download th,

.table-download td {

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 6px;

}



.table-download th {

	text-align: center;

	background: #85450d;

	color: #fff;

}



/*  Posts and pages */

.hentry {

	position: relative;

}



.hentry.has-post-thumbnail {

	padding-top: 0;

}



.hentry.sticky:not(.has-post-thumbnail) {

	padding-top: -webkit-calc(7.6923% + 24px);

	padding-top: calc(7.6923% + 24px);

}



.hentry + .hentry {

	border-top: 1px solid rgba(51, 51, 51, 0.1);

}



.hentry .post-thumbnail {

	border: 0;

	display: block;

	margin-bottom: 2.4em;

}



.post-thumbnail img {

	display: block;

	margin: 0 auto;

}



a.post-thumbnail:hover, a.post-thumbnail:focus {

	opacity: 0.85;

}



.entry-header {

}



.entry-title {

	font-size: 30px;

	line-height: 1.1538;

	margin: 0;

	font-weight: bold;

}



.entry-content, .entry-summary {

	padding: 0 0 15px 0;

	text-align: justify;

}



.entry-content >:last-child, .entry-summary >:last-child {

	margin-bottom: 0;

}



.entry-content, .entry-summary, .page-content, .comment-content {

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	hyphens: auto;

	word-wrap: break-word;

}



.entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 {

	font-size: 26px;

	font-size: 2.6rem;

	line-height: 1.1538;

	margin-top: 1.8462em;

	margin-bottom: 0.9231em;

}



.entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 {

	font-size: 22px;

	font-size: 2.2rem;

	line-height: 1.3636;

	margin-top: 2.1818em;

	margin-bottom: 1.0909em;

}



.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 1.3333;

	margin-top: 2.6667em;

	margin-bottom: 1.3333em;

}



.entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .page-content h4, .page-content h5, .page-content h6, .comment-content h4, .comment-content h5, .comment-content h6 {

	font-size: 15px;

	font-size: 1.5rem;

	line-height: 1.2;

	margin-top: 3.2em;

	margin-bottom: 1.6em;

}



.entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6, .page-content h5, .page-content h6, .comment-content h5, .comment-content h6 {

	letter-spacing: 0.1em;

	text-transform: uppercase;

}



.entry-content > h1:first-child, .entry-content > h2:first-child, .entry-content > h3:first-child, .entry-content > h4:first-child, .entry-content > h5:first-child, .entry-content > h6:first-child, .entry-summary > h1:first-child, .entry-summary > h2:first-child, .entry-summary > h3:first-child, .entry-summary > h4:first-child, .entry-summary > h5:first-child, .entry-summary > h6:first-child, .page-content > h1:first-child, .page-content > h2:first-child, .page-content > h3:first-child, .page-content > h4:first-child, .page-content > h5:first-child, .page-content > h6:first-child, .comment-content > h1:first-child, .comment-content > h2:first-child, .comment-content > h3:first-child, .comment-content > h4:first-child, .comment-content > h5:first-child, .comment-content > h6:first-child {

	margin-top: 0;

}



.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {

	border-bottom: 1px solid #333;

}



.entry-content a:hover, .entry-content a:focus, .entry-summary a:hover, .entry-summary a:focus, .page-content a:hover, .page-content a:focus, .comment-content a:hover, .comment-content a:focus, .pingback .comment-body > a:hover, .pingback .comment-body > a:focus {

	border-bottom: 0;

}



.entry-content a img, .entry-summary a img, .page-content a img, .comment-content a img {

	display: block;

}



.entry-content .more-link, .entry-summary .more-link:after {

	white-space: nowrap;

}



.entry-content .more-link:after, .entry-summary .more-link:after {

	content: "\f429";

	font-size: 16px;

	position: relative;

	top: 5px;

}



.entry-footer {

	background-color: #ececec;

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

	font-size: 13px;

	line-height: 1.5;

	padding: 15px;

}



.entry-footer a {

	border-bottom: 1px solid transparent;

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

}



.entry-footer a:hover {

	border-bottom: 1px solid #333;

}



.entry-footer a:hover, .entry-footer a:focus {

	color: #333;

}



.format-aside .entry-format:before {

	content: "\f101";

}



.format-image .entry-format:before {

	content: "\f473";

}



.format-gallery .entry-format:before {

	content: "\f103";

}



.format-video .entry-format:before {

	content: "\f104";

}



.format-status .entry-format:before {

	content: "\f105";

}



.format-quote .entry-format:before {

	content: "\f106";

}



.format-link .entry-format:before {

	content: "\f107";

}



.format-chat .entry-format:before {

	content: "\f108";

}



.format-audio .entry-format:before {

	content: "\f109";

}



.posted-on:before {

	content: "\f307";

}



.byline:before {

	content: "\f304";

}



.cat-links:before {

	content: "\f301";

}



.tags-links:before {

	content: "\f302";

}



.comments-link:before {

	content: "\f300";

}



.full-size-link:before {

	content: "\f402";

}



.edit-link:before {

	content: "\f411";

}



.comments-link, .edit-link {

	white-space: nowrap;

}



.page-header {

	margin: 0 0 15px 0;

}



.page-title {

	font-size: 30px;

	line-height: 1.3333;

	margin: 0;

	padding: 0;

	font-weight: bold;

	text-align: center;

}



.taxonomy-description {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	padding-top: 0.4em;

}



.taxonomy-description a {

	border-bottom: 1px solid #333;

}



.taxonomy-description a:hover, .taxonomy-description a:focus {

	border-bottom: 0;

}



.taxonomy-description >:last-child {

	margin-bottom: 0;

}



.page-content {

	background-color: #fff;

	padding: 0;

}



/* .entry-content .wpcf7 {

	margin-top: 15px;

}



.entry-content .wpcf7 label {

	width: 100%;

}



.entry-content .wpcf7 input[type="text"], .entry-content .wpcf7 input[type="number"], .entry-content .wpcf7 input[type="tel"], .entry-content .wpcf7 input[type="email"], .entry-content .wpcf7 textarea {

	width: 100%;

	padding: 5px;

	border: 1px solid #ddd;

}



.entry-content .wpcf7 .wpcf7-submit {

	background: #c4161c;

	border: 1px solid #c4161c;

	color: #fff;

	font-size: 16px;

	padding: 4px 6px;

	line-height: 24px;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	display: inline;

	margin: 0;

	padding: 0 15px;

} */



/* List post */

.post-item {

	width: 100%;

	overflow: hidden;

	margin-bottom: 30px;

	background: #fff;

}



.post-item .post-thumbnail {

	margin-bottom: 0;

}



.post-item-caption {

	padding: 15px;

}



.post-item h3 {

	margin: 15px 0;

	font-size: 18px;

	font-weight: bold;

}



.post-item h3 a {

	color: #454545;

}



.post-item h3 a:hover {

	color: #2290cc;

}



.post-item p {

	color: #878787;

	text-align: justify;

}



.post-item a.view-detail {

	font-size: 13px;

	font-style: italic;

}



/* Related posts */

.related-posts-wrap {

	width: 100%;

	margin: 30px 0;

}



.related-posts-title {

	padding: 0;

	margin-bottom: 15px;

}



.related-posts-title h3 {

	text-transform: uppercase;

	font-size: 16px;

	font-weight: bold;

	background: #ececec;

	padding: 8px 10px;

	margin: 0;

}



.related-posts {

	width: 100%;

}



/* .related-posts ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



.related-posts ul li {

	padding: 10px 0;

	border-bottom: 1px dotted #9f9f9f;

}



.related-posts ul li a {

	color: #333;

}



.related-posts ul li a i {

	color: #333;

} */



/* Footer */

.scroll-partner {

	border-top: 1px solid #ccc;

}



.scroll-partner.owl-carousel .owl-item img {

	width: auto;

}



.site-footer {

	padding: 30px 0;

	margin: 0;

	background: #512703;

	color: #fff;

}



.footer-top {

	border-bottom: 1px solid #6b4729;

	padding: 30px 0;

}



.footer-logo {

	margin-bottom: 15px;

}



.footer-logo img {

	height: 70px;

}



.footer-contact {

	margin-bottom: 20px;

}



.footer-contact h4 {

	font-size: 21px;

	font-weight: bold;

}



.footer-nav-wrap h4 {

	color: #000;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 16px;

}



.footer-nav {

	list-style: none;

	margin: 0;

	padding: 0;

}



.footer-nav li {

	padding: 0;

	margin-right: 30px;

	display: inline-block;

}



.footer-nav li a {

	color: #fff;

}



.footer-links a {

	background: transparent;

	border: 1px solid #85450d;

	padding: 10px 20px;

	color: #fff;

	display: inline-block;

	margin-right: 5px;

	margin-bottom: 10px;

}



.line-footer {

	padding: 15px 0;

	background: #85450d;

	color: #fff;

	text-align: center;

	font-size: 16px;

}



.widget-footer {

	width: 100%;

	color: #ffffff;

}



.widget-footer .widget-footer-title {

	font-size: 14px;

	margin: 0 0 15px 0;

	font-weight: bold;

}



.backtotop {

	position: fixed;

	bottom: 50px;

	right: 10px;

	display: none;

	background: #ddd;

	width: 40px;

	height: 40px;

	line-height: 35px;

	text-align: center;

}



/* Scroll */

.contact-scroll {

	position: fixed;

	top: 50%;

	right: 0;

	z-index: 9999;

	width: 41px;

	margin-top: -180px;

}



.contact-scroll a {

	display: inline-block;

	margin-bottom: 5px;

}



.load-map, .load-support {

	cursor: pointer;

}



.call-fixed {

	display: none;

	position: fixed;

	bottom: 10px;

	left: 10px;

	z-index: 9999;

}



.mail-fixed {

	display: none;

	position: fixed;

	bottom: 10px;

	right: 10px;

	z-index: 9999;

	background: #005ca1;

	color: #ffffff;

	font-size: 22px;

	padding: 5px 10px;

	border-radius: 5px;

}



@media(max-width:991px) {

	.contact-scroll {

		display: none;

	}



	.mail-fixed, .call-fixed {

		display: block;

	}



}



@media(min-width:992px) {

	.footer-links, .footer-thongbao {

		text-align: right;

	}



}



/* homepage */



.home-area {

	margin-top: 30px;

}



.hero-area {

	margin-top: 30px;

}



.hero-left,

.hero-right {

	width: 100%;

}



.hero-right {

	margin-top: 30px;

}



.main-block {

	border-top: 7px solid #85450d;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);

	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);

	background: #fff;

}



.margin-top-30 {

	margin-top: 30px;

}



.main-block--title {

	border-bottom: 1px solid #dac7b6;

	color: #303030;

	font-size: 24px;

	padding: 15px;

	margin: 0;

}



.main-block--content {

	padding: 20px 15px;

}



.new-product-wrapper {

	margin:  0 -5px;

	list-style: none;

	padding: 0;

}



.new-product-wrapper li {

	width: 50%;

	float: left;

	padding: 5px;

}



.new-product-item {

	position: relative;

	overflow: hidden;

}



a.thumb {

	display: inline-block;

	width: 100%;

	text-align: center;

}



.new-product-item .on-hover {

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	height: 100%;

	border: 1px solid #d1d1d1;

	background: rgba(255, 255, 255, 0.7);

	padding: 15px;

	text-align: center;

	transition: all 0.5s ease-in-out;

}



.new-product-item:hover .on-hover {

	top: 0;

	transition: all 0.5s ease-in-out;

}



.new-product-item .on-hover h3 {

	text-transform: uppercase;

	font-size: 25px;

	color: #000;

}



.new-product-item .on-hover h3 a {

	color: #000;

}



p.price {

	padding-top: 10px;

}



p.price span.amount {

	padding: 0;

}



p.price del span.amount {

	color: #555;

	font-weight: normal;

	font-size: 12px;

}



.price ins {

	text-decoration: none;

	font-weight: bold;

}



p.price ins span.amount {

	color: #85450d;

	font-size: 16px;

}



p.quick-buy {

	margin-top: 15px;

}



p.quick-buy .addtocart {

	border: 1px solid #85450d;

	display: inline-block;

	padding: 5px 20px;

	text-transform: uppercase;

	color: #85450d;

	background: #fff;

}



.quick-show-cart {

	margin: 0 10px;

	border: 1px solid #ccc;

	padding: 5px;

	color: #85450d;

}



.view-more {

	text-transform: uppercase;

	color: #85450d;

	font-size: 20px;

	text-decoration: underline;

}



@media (min-width:768px) {



}



@media (min-width:992px) {

	.hero-area {

		display: -webkit-flex;

		display: flex;

		-webkit-box-orient: horizontal;

	    -webkit-box-direction: normal;

	    -webkit-flex-direction: row;

	    -ms-flex-direction: row;

	    flex-direction: row;

	    width: 100%;

	}



	.hero-left {

		webkit-box-flex: 1;

	    -webkit-flex: 1 1;

	    -ms-flex: 1 1;

	    flex: 1 1;

	    -webkit-flex-basis: 70%;

	    -ms-flex-preferred-size: 70%;

	    flex-basis: 70%;

	    width: 70%;

	    padding-right: 15px;

	}



	.hero-right {

		webkit-box-flex: 1;

	    -webkit-flex: 1 1;

	    -ms-flex: 1 1;

	    flex: 1 1;

	    -webkit-flex-basis: 40%;

	    -ms-flex-preferred-size: 30%;

	    flex-basis: 30%;

	    width: 30%;

	    margin: 0;

	    padding-left: 15px;

	}



	.hero-left .main-block,

	.hero-right .main-block {

		height: 100%;

	}



	.new-product-wrapper li {

		width: 33.33333333%;

	}

}



/* single image home */

.single-image {

	position: relative;

}



.single-image .single-image-title {

	text-transform: uppercase;

	position: absolute;

	left: 0;

	width: 100%;

	text-align: center;

	font-size: 18px;

}



.single-image .single-image-title.style-up {

	top: 0;

}



.widget-home .single-image-title.style-down {

	background: rgba(19, 86, 181, 0.8);

	color: #ffffff;

	bottom: 0;

	margin: 0;

	padding: 10px 0;

}



.widget-home .single-image-title.style-down a {

	color: #ffffff;

}



.single-image .thumbnail-image {

	width: 100%;

	display: inline-block;

}



.single-image img {

	width: 100%;

}



.list-terms {

	padding: 10px;

}



.list-terms .term-item {

	margin-bottom: 10px;

}



.list-terms a.thumbnail-image {

	display: inline-block;

	overflow: hidden;

	width: 100%;

}



.list-terms a.thumbnail-image img {

	width: 100%;

}



.list-terms h3 {

	margin: 15px 0;

	font-size: 14px;

	font-weight: bold;

}



.list-terms h3 a {

	color: #454545;

}



.list-terms h3 a:hover {

	color: #2290cc;

}



.list-terms a.view-detail {

	display: inline-block;

}



/* Sidebar */

.sidebar-area {

	width: 100%;

	position: relative;

}



.sidebar-area .widget {

	margin-bottom: 10px;

	overflow: hidden;

}



.sidebar-area .widget:last-child {

	margin-bottom: 0;

}



.sidebar-area .widget h3.widget-title {

	background: url(images/line.png) repeat-x left bottom;

	padding: 3px 0 15px 20px;

	margin: 0 0 15px 0;

	color: #85450d;

	text-transform: uppercase;

	font-size: 25px;

	font-weight: bold;

	position: relative;

}



.sidebar-area .widget h3.widget-title a {

	color: #85450d;

}



.sidebar-area .widget h3.widget-title:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	background: #e67925;

	width: 11px;

	height: 27px;

}



.sidebar-news.sidebar-area .widget h3.widget-title {

	background: #2a3780 url(images/icon2.png) no-repeat 15px 50%;

	padding: 10px 0 10px 45px;

	color: #ffffff;

	text-transform: uppercase;

	font-size: 15px;

	margin: 0;

	font-weight: bold;

}



.sidebar-area .sidebar-content {

	border-top: unset;

}



.sidebar-area .widget a {

	color: #454545;

}



.sidebar-area .widget a:hover {

	color: #85450d;

}



/* widget menus */

.widget-menus .sidebar-content {

	padding: 0;

}



.widget-nav {

	width: 100%;

	padding: 0;

	margin: 0;

}



.widget-nav li {

	width: 100%;

	list-style: none;

	border-bottom: 1px solid #e9e9e9;

	border-right: 1px solid #e9e9e9;

	border-left: 10px solid #e9e9e9;

	padding: 0 10px;

	margin-bottom: 12px;

	position: relative;

}



.widget-nav li:after {

	content: '';

	background: url(images/icon-arrow.png) no-repeat;

	width: 6px;

	height: 11px;

	position: absolute;

	top: 10px;

	right: 10px;

}



.widget-nav li a {

	display: inline-block;

	padding: 12px 0;

	color: #454545;

}



.widget-nav ul.sub-menu {

	padding: 0 0 0 10px;

}



.widget-nav ul.sub-menu li {

	padding: 0;

}



.widget-nav ul.sub-menu a {

	padding: 12px 0 12px 15px;

	background: url(images/icon-dot2.png) no-repeat left center;

}



/* gallery widget */

.gallery-widget {

	padding: 0 4px 4px 4px;

}



.gallery-widget a {

	display: inline-block;

	float: left;

	width: 50%;

	padding: 4px;

	overflow: hidden;

}



.gallery-widget a span {

	background: #fff;

	height: 80px;

	width: 100%;

	display: inline-block;

}



.gallery-widget a img {

	max-width: 100%;

}



/* list supporter */

.list-supporter {

	padding: 15px;

}



.list-supporter .supporter {

	padding: 10px 0;

	border-bottom: 1px dotted #848893;

}



.list-supporter .supporter label.name {

	color: red;

}



.sidebar-content .supporter {

	padding: 0 0 15px 0;

	border-top: 1px solid #eaeaea;

}



.sidebar-content .supporter:first-child {

	border-top: none;

}



.list-table-supporter {

	margin-top: 15px;

	background: #ffffff;

}



.list-table-supporter table {

	width: 100%;

	border-top: 1px solid #cccccc;

	border-left: 1px solid #cccccc;

}



.list-table-supporter table th, .list-table-supporter table td {

	padding: 5px;

	border-bottom: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

}



.popup-map {

	padding: 20px 20px 20px 180px;

	background: url(images/map-bg.jpg) left top no-repeat #ffffff;

}



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

--- Libs -------------------------------------------------------

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



/* Breadcrumbs */

.breadcrumbs {

	margin-bottom: 20px;

	padding: 0 0 5px 0;

	color: #85450d;

	font-size: 16px;

	font-weight: bold;

	border-bottom: 1px solid #ccc;

}



.breadcrumbs a {

	position: relative;

	display: inline-block;

	color: #85450d;

	padding: 5px 0;

}



.breadcrumbs a:hover {

	color: #cb0000;

	text-decoration: none;

}



/* Social share */

.social-share {

	padding: 0;

}



.social-share span {

	float: left;

	margin-right: 5px;

}



/* Comments */

.comments-area {

	background-color: #fff;

	padding: 15px;

	border: 1px solid #ddd;

	margin-top: 15px;

}



.fb-comments-title {

	font-size: 15px;

	font-weight: bold;

	margin-top: 0;

	text-transform: uppercase;

}



.comments-area >:last-child {

	margin-bottom: 0;

}



.comment-list + .comment-respond {

	border-bottom: 1px solid #eaeaea;

}



.comment-list + .comment-respond, .comment-navigation + .comment-respond {

	padding-top: 1.6em;

}



.comments-title-wrap, .comment-reply-title {

	background: url(images/cmt-title.jpg) repeat-x center;

}



.comments-title-wrap .comments-title, .comment-reply-title span {

	display: inline-block;

	background: #fff;

	padding: 0 10px 0 0;

	margin: 0;

	font-size: 15px;

	font-weight: bold;

	text-transform: uppercase;

}



.comment-list {

	list-style: none;

	margin: 0;

	padding: 0;

}



.comment-list article, .comment-list .pingback, .comment-list .trackback {

	border-bottom: 1px solid #eaeaea;

	padding: 15px 0;

}



.comment-list .children {

	list-style: none;

	margin: 0;

}



.comment-list .children > li {

	padding-left: 15px;

}



.comment-author {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	margin-bottom: 0.4em;

}



.comment-author a:hover {

	border-bottom: 1px solid #707070;

	border-bottom: 1px solid rgba(51, 51, 51, 0.7);

}



.comment-author .avatar {

	float: left;

	height: 24px;

	margin-right: 0.8em;

	width: 24px;

}



.bypostauthor > article .fn:after {

	content: "\f304";

	position: relative;

	top: 0px;

	left: 3px;

}



.comment-metadata, .pingback .edit-link {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.5;

}



.comment-metadata a, .pingback .edit-link a {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

}



.comment-metadata a:hover, .pingback .edit-link a:hover {

	border-bottom: 1px solid #333;

}



.comment-metadata a:hover, .comment-metadata a:focus, .pingback .edit-link a:hover, .pingback .edit-link a:focus {

	color: #333;

}



.comment-metadata {

	margin-bottom: 1.6em;

}



.comment-metadata .edit-link {

	margin-left: 1em;

}



.pingback .edit-link {

	margin-left: 1em;

}



.pingback .edit-link:before {

	top: 5px;

}



.comment-content ul, .comment-content ol {

	margin: 0 0 1.6em 1.3333em;

}



.comment-content li > ul, .comment-content li > ol {

	margin-bottom: 0;

}



.comment-content >:last-child {

	margin-bottom: 0;

}



.comment-list .reply {

	font-size: 12px;

	font-size: 1.2rem;

}



.comment-list .reply a {

	border: 1px solid #eaeaea;

	border: 1px solid rgba(51, 51, 51, 0.1);

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	display: inline-block;

	font-family: "Noto Sans", sans-serif;

	font-weight: 700;

	line-height: 1;

	margin-top: 2em;

	padding: 0.4167em 0.8333em;

	text-transform: uppercase;

}



.comment-list .reply a:hover, .comment-list .reply a:focus {

	border-color: #333;

	color: #333;

	outline: 0;

}



.comment-form {

	padding-top: 15px;

}



.comment-respond .comment-form-author {

	width: 48%;

	float: left;

}



.comment-respond .comment-form-email {

	width: 48%;

	float: right;

}



.comment-respond .comment-form-author label, .comment-respond .comment-form-email label, .comment-respond .comment-form-comment label {

	font-weight: normal;

}



.comment-respond .comment-form-comment {

	margin-top: 5px;

}



.comment-respond .comment-form-author input, .comment-respond .comment-form-email input, .comment-respond .comment-form-comment textarea {

	width: 100%;

	background: #f8f8f8;

	border: #e3e3e3 1px solid;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	color: #333;

	margin: 0;

	padding: 5px;

}



.comment-respond .comment-form-comment textarea {

	max-height: 80px;

}



.comment-respond .form-submit {

	margin: 10px 0;

}



.comment-respond .form-submit #submit {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background-color: #7e7e7e;

	border: none;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	color: #fff;

	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);

	cursor: pointer;

	display: inline-block;

	font-size: 15px;

	line-height: 1.5;

	margin: 0;

	padding: 5px 20px;

	text-align: center;

	text-decoration: none;

}



.comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.5;

	margin-bottom: 2em;

}



.logged-in-as a:hover {

	border-bottom: 1px solid #333;

}



.no-comments {

	border-top: 1px solid #eaeaea;

	border-top: 1px solid rgba(51, 51, 51, 0.1);

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	font-family: "Noto Sans", sans-serif;

	font-weight: 700;

	padding-top: 1.6em;

}



.comment-navigation + .no-comments {

	border-top: 0;

}



.form-allowed-tags code {

	font-family: Inconsolata, monospace;

}



.form-submit {

	margin-bottom: 0;

}



.required {

	color: red;

}



.comment-reply-title small {

	font-size: 100%;

}



.comment-reply-title small a {

	border: 0;

	float: right;

	height: 32px;

	overflow: hidden;

	width: 26px;

}



.comment-reply-title small a:before {

	content: "\f405";

	font-size: 32px;

	position: relative;

	top: -3px;

}



.search-form {

	text-align: left;

	background: #dcdcdc;

	padding: 10px;

}



.search-form .search-submit {

	background: #ec1a39;

}



.search-field {

	background: #f8f8f8;

	border: #e3e3e3 1px solid;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	color: #333;

	margin: 0;

	padding: 5px;

}



::-webkit-input-placeholder {

	font-weight: normal;

}



:-moz-placeholder {



	/* Firefox 18- */

	font-weight: normal;

}



::-moz-placeholder {



	/* Firefox 19+ */

	font-weight: normal;

}



:-ms-input-placeholder {

	font-weight: normal;

}



.search-submit {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background-color: #7e7e7e;

	border: none;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	color: #fff;

	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);

	cursor: pointer;

	display: inline-block;

	font-size: 15px;

	line-height: 1.5;

	margin: 0;

	padding: 5px 20px;

	text-align: center;

	text-decoration: none;

}



/* footer social */

.social-link {

	padding: 15px 0;

	text-align: center;

}



.social-link-label {

	text-transform: uppercase;

	font-size: 18px;

	color: #000;

	font-weight: bold;

}



.social-link a {

	margin-right: 10px;

	display: inline-block;

}



.social-link .btn {

	margin: 0 5px 0 0;

	background: #ffffff;

	display: inline-block;

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	color: #fff;

	padding: 0;

	border-radius: 100%;

}



.social-link a:hover .btn {

	color: #454545;

	background: #ddd;

}



.social-link a i {

	font-size: 20px;

}



.social-link .btn-facebook {

	background: #3a589b;

}



.social-link .btn-rss {

	background: #fd9f13;

}



.social-link .btn-twitter {

	background: #28aae0;

}



.social-link .btn-youtube {

	background: #cf3427;

}



.social-link .btn-google-plus {

	background: #da6245;

}



.social-link .btn-flickr {

	background: #025FE0;

}



.social-link .btn-linkedin {

	background: #0085AF;

}



/* Contact page */

.contact-map {

	padding: 5px;

	border: 1px solid #ddd;

}



.contact-map-label {

	font-size: 15px;

	text-transform: uppercase;

	font-weight: bold;

}



.office {

	margin: 0;

	padding: 10px;

	border: 1px solid #ddd;

}



.office h3 {

	font-size: 15px;

	text-transform: uppercase;

}



.office ul {

	margin: 0;

	padding: 0;

}



.office ul li {

	list-style: none;

	font-size: 13px;

	padding: 5px 0;

}



.office ul li i {

	margin-right: 10px;

}



.office ul li a {

}



.contact-form textarea, .contact-form input[type="text"], .contact-form input[type="email"] {

	width: 100%;

	border: 1px solid #ddd;

	padding: 5px;

}



.contact-form input[type="submit"] {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background-color: #7e7e7e;

	border: none;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	color: #fff;

	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);

	cursor: pointer;

	display: inline-block;

	font-size: 15px;

	line-height: 1.5;

	margin: 0;

	padding: 5px 20px;

	text-align: center;

	text-decoration: none;

}



/**

 * Widgets

 */

.widget {

	color: #707070;

	color: rgba(51, 51, 51, 0.7);

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	hyphens: auto;

	margin: 0 auto 9.09090%;

	width: 100%;

	word-wrap: break-word;

}



.widget pre {

	line-height: 1.2;

}



.widget button, .widget input, .widget select, .widget textarea {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 1.5;

}



.widget button, .widget input {

	line-height: normal;

}



.widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {

	font-size: 12px;

	font-size: 1.2rem;

	padding: 0.7917em 1.5833em;

}



.widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea {

	padding: 0.375em;

}



.widget-title {

	color: #333;

	font-family: "Noto Sans", sans-serif;

	margin: 0 0 1.6em;

	letter-spacing: 0.04em;

	text-transform: uppercase;

}



.widget >:last-child {

	margin-bottom: 0;

}



.widget_calendar table {

	margin: 0;

}



.widget_calendar td, .widget_calendar th {

	line-height: 2.3333;

	text-align: center;

	padding: 0;

}



.widget_calendar caption {

	font-family: "Noto Serif", serif;

	font-weight: 700;

	margin: 0 0 1.6em;

	letter-spacing: 0.04em;

	text-transform: uppercase;

}



.widget_calendar tbody a {

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);

	background-color: #333;

	color: #fff;

	display: block;

	font-weight: 700;

}



.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {

	background-color: #707070;

	background-color: rgba(51, 51, 51, 0.7);

	color: #fff;

}



.widget_archive a, .widget_categories a, .widget_links a, .widget_meta a, .widget_nav_menu a, .widget_pages a, .widget_recent_comments a, .widget_recent_entries a {

	border: 0;

}



.widget_archive ul, .widget_categories ul, .widget_links ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul {

	list-style: none;

	margin: 0;

	padding: 10px;

}



.widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {

	border-top: 1px solid #eaeaea;

	border-top: 1px solid rgba(51, 51, 51, 0.1);

	padding: 0.7667em 0;

}



.widget_archive li:first-child, .widget_categories li:first-child, .widget_links li:first-child, .widget_meta li:first-child, .widget_nav_menu li:first-child, .widget_pages li:first-child, .widget_recent_comments li:first-child, .widget_recent_entries li:first-child {

	border-top: 0;

	padding-top: 0;

}



.widget_archive li:last-child, .widget_categories li:last-child, .widget_links li:last-child, .widget_meta li:last-child, .widget_nav_menu li:last-child, .widget_pages li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child {

	padding-bottom: 0;

}



.widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children {

	border-top: 1px solid #eaeaea;

	border-top: 1px solid rgba(51, 51, 51, 0.1);

	margin: 0.7667em 0 0 0.8em;

	padding-top: 0.7667em;

}



.widget_recent_entries .post-date {



	/*display: block;*/

	font-style: italic;

}



.widget_rss ul {

	list-style: none;

	margin: 0;

}



.widget_rss li {

	margin-bottom: 1.6em;

}



.widget_rss ul:last-child, .widget_rss li:last-child {

	margin-bottom: 0;

}



.widget_rss .rsswidget {

	border: 0;

	font-weight: 700;

}



.widget_rss .rsswidget img {

	margin-top: -4px;

}



.widget_rss .rss-date, .widget_rss cite {

	font-family: "Noto Sans", sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	font-style: normal;

	display: block;

	line-height: 2;

	opacity: 0.8;

}



.textwidget >:last-child {

	margin-bottom: 0;

}



.textwidget a {

	border-bottom: 1px solid #333;

}



.textwidget a:hover, .textwidget a:focus {

	border-bottom: 0;

}



/* Pagination */

.bk-pagination {

	margin: 15px 0 !important;

	text-align: right;

}



.bk-pagination span, .bk-pagination a {

	background: #e3e3e3;

	padding: 5px 10px;

	color: #666;

	display: inline-block;

}



.bk-pagination span.current {

	background: #FF0000;

	color: #fff;

}



/* Product */



/* category menu */

.category-menu-wrapper {

	border-top: 7px solid #85450d;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);

    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);

    background: #fff;

}



.category-menu {

	padding: 0;

	margin: 0;

	list-style: none;

}



.category-menu>li {

	border-bottom: 7px solid #85450d;

}



.category-menu>li>a {

	display: inline-block;

	width: 100%;

	padding: 10px 25px;

	color: #85450d;

	font-size: 26px;

	text-transform: uppercase;

}



.category-menu li .sub-menu {

	border-top: 1px solid #ede3db;

	list-style: none;

	padding: 10px 0;

	margin: 0;

}



.category-menu li .sub-menu a {

	display: inline-block;

	width: 100%;

	padding: 10px 25px;

	color: #232323;

	font-size: 22px;

	position: relative;

}



.category-menu li .sub-menu a:hover {

	color: #ff2306;

	text-decoration: none;

}



.category-menu li .sub-menu a:after {

	content: ">>";

	position: absolute;

	right: 15px;

	top: 10px;

}



/* List */

.list-products {

	padding: 0;

}



.list-products ul {

	list-style: none;

	margin: 0 -10px;

	padding: 0;

}



.list-products ul li {

	float: left;

	width: 50%;

	padding: 0 10px;

}



.list-products ul li:nth-child(2n+1) {

	clear: both;

}



.viewed-product-wrapper {

	margin: 30px 0;

}



.viewed-product-title {

	text-transform: uppercase;

	font-size: 24px;

	margin-bottom: 20px;

}



.viewed-product ul {

	list-style: none;

	margin: 0 -10px;

	padding: 0;

}



.viewed-product ul li {

	float: left;

	width: 50%;

	padding: 0 10px;

}



.viewed-product ul li:nth-child(2n+1) {

	clear: both;

}



.list-products-3 ul {

	list-style: none;

	margin: 0 -10px;

	padding: 0;

}



.list-products-3 ul li {

	float: left;

	width: 100%;

	padding: 0 10px;

}



.list-products-2 ul {

	list-style: none;

	margin: 0 -10px;

	padding: 0;

}



.list-products-2 ul li {

	float: left;

	width: 50%;

	padding: 0 10px;

}



.list-products-2 ul li:nth-child(2n+1) {

	clear: both;

}



.product-slider {

	display: none;

}



.product-slider--item {

	text-align: center;

}



.product-slider--item h3 {

	font-size: 24px;

}



.product-slider--item h3 a {

	color: #181818;

}



.product-item {

	text-align: center;

	background: #ffffff;

	position: relative;

	margin-bottom: 20px;

}



.product-item .sale-percent {

	position: absolute;

	top: 5px;

	right: 5px;

	background: #cb0000;

	border-radius: 20px;

	color: #fff;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-weight: bold;

	font-size: 14px;

	z-index: 1;

}



.product-item .thumb {

	border: 1px solid #d9d9d9;

	position: relative;

	overflow: hidden;

}



.product-item .thumb img {

	transition: transform .3s;

}



.product-item .thumb img:hover {

	transform: scale(1.1);

}



.product-item .caption {

	background: rgba(255, 255, 255, .7);

	position: absolute;

	left: 0;

	bottom: -100%;

	width: 100%;

	transition: all 0.5s ease-in-out;

}



.product-item:hover .caption {

	bottom: 0;

}



.product-item .title {

	font-size: 18px;

	margin: 0;

	padding: 10px 0;

	font-weight: normal;

}



.product-item .title a {

	color: #242424;

}



.add-to-cart a.quick-show-cart {

	display: inline-block;

	color: #333;

	font-size: 12px;

	font-weight: bold;

	margin-left: 10px;

}



.product-price {

	margin: 0 -5px;

}



.product-price div {

	width: 50%;

	float: left;

	text-align: center;

	padding: 0 5px;

}



.product-price .price {

	border: 1px solid #ccc;

	height: 32px;

	width: 100%;

	display: inline-block;

	padding-top: 4px;

}



.product-price a {

	text-align: center;

	width: 100%;

	background: #ec1b39;

	color: #fff;

	display: inline-block;

	padding: 5px 0;

}



.product-item-short {

	width: 100%;

	margin-bottom: 15px;

	border: 1px solid #e9e9e9;

	position: relative;

}



.product-item-short img {

	width: 100%;

}



.product-item-short .overlay {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background: rgba(130, 130, 130, 0.6);

}



.product-item-short .overlay h3 {

	text-align: center;

	margin: 0;

	font-size: 18px;

	text-transform: uppercase;

	font-weight: bold;

	padding: 15px 5px;

}



.product-item-short .overlay h3 a {

	color: #fff;

}



/* Detail */

.product-header {

	margin-bottom: 15px;

}



.product-header h1 {

	color: #85450d;

	font-size: 22px;

	margin: 0;

	padding: 0;

}



.product-meta {

	border-top: 1px dashed #adadad;

	border-bottom: 1px dashed #adadad;

	padding: 10px 0 5px 0;

	margin-bottom: 50px;

}



.product-meta .social-share {

}



.product-detail {

	padding: 10px 0;

	width: 100%;

}



.product-images {

	width: 100%;

}



.product-images a.thumb {

	overflow: hidden;

	display: inline-block;

	border: 3px solid #cccccc;

	padding: 2px;

	background: #fff;

	width: 100%;

	text-align: center;

	border-radius: 5px;

}



.product-images a.thumb img {

	display: inline-block;

}



.product-gallery {

	max-width: 100%;

}



.product-gallery ul {

	margin: 0;

	padding: 0;

}



.product-gallery ul li {

	float: left;

	list-style: none;

	padding: 2px;

	border: 1px solid #ddd;

	margin: 0 3px;

	border-radius: 5px;

}



.product-options {

	width: 100%;

	margin-bottom:15px;

}



.product-options p {

	margin-bottom: 5px;

}



.product-options p label {

	font-weight: bold;

}



.product-options p span {

	font-weight: bold;

}



.product-options .price span.amount {

	padding: 0;

}



.product-options .price del span.amount {

	color: #555;

	font-weight: normal;

	font-size: 16px;

}



.product-options .price ins {

	text-decoration: none;

	font-weight: bold;

}



.product-options .price ins span.amount {

	color: #85450d;

	font-size: 26px;

}



mark.instock {

	font-weight: 700;

	color: #7ad03a;

	background: 0 0;

	line-height: 1;

}



mark.outofstock {

	font-weight: 700;

	color: #a44;

	background: 0 0;

	line-height: 1;

}



.star-rating i {

	color: #f7bc12;

	font-size: 14px;

	margin: 0 1px 0 0;

}



.badge {

	display: inline-block;

	min-width: 10px;

	padding: 3px 7px;

	font-size: 12px;

	font-weight: 700;

	line-height: 1;

	color: #fff;

	text-align: center;

	white-space: nowrap;

	vertical-align: baseline;

	background-color: #777;

	border-radius: 10px;

}



.contact-buy {

	background: rgb(30, 122, 200) none repeat scroll 0% 0%;

	padding: 12px;

	font-size: 13px;

	text-transform: uppercase;

	border-radius: 10px;

	color: #ffffff;

	font-weight: bold;

}



.contact-buy:hover {

	color: #ffffff;

}



.add-to-cart .addtocart {

	background: #85450d;

	color: #fff;

	text-transform: uppercase;

	padding: 10px 30px;

	font-size: 18px;

}



.product-more {

	padding: 10px 0;

}



.product-content {

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	hyphens: auto;

	word-wrap: break-word;

	padding: 15px;

	text-align: justify;

	border: 1px solid #ccc;

}



.product-content table {

	border-top: 1px solid #838383;

	border-right: 1px solid #838383;

}



.product-content table th, .product-content table td {

	border-left: 1px solid #838383;

	border-bottom: 1px solid #838383;

	padding: 8px;

}



.product-content tr:nth-of-type(odd) {

	background-color: #f9f9f9;

}



.product-content-title {

	margin: 30px 0;

}



.product-content-title h3 {

	text-transform: uppercase;

    font-size: 16px;

    font-weight: bold;

    background: #ececec;

    padding: 8px 10px;

    margin: 0;

}



.atip .price {

	font-weight: bold;

}



.atip .price span.amount {

	padding: 0;

}



.atip .price del span.amount {

	color: #555;

	font-weight: normal;

	font-size: 11px;

}



.atip .price ins {

	text-decoration: none;

	font-weight: bold;

}



.atip .price ins span.amount {

	color: #d71c2d;

	font-size: 14px;

}



.sticky-head {

	border-bottom: 1px solid #cccccc;

	background: #fafafa;

}



.related-products-wrap {

	margin-top: 30px;

}



/* brand */

.brand-item .thumb {

	display: inline-block;

	width: 100%;

	border: 2px solid #ddd;

}



.brand-item h3 {

	text-align: center;

	margin: 10px 0 20px 0;

	font-size: 20px;

	font-weight: bold;

}



.brand-item h3 a {

	color: #363636;

}



/* news */

.list-news {

	padding: 0;

}



.list-news ul {

	list-style: none;

	margin: 0 -20px;

	padding: 0;

}



.list-news ul li {

	float: left;

	width: 100%;

	padding: 0 20px;

}



@media (min-width:768px) {

	.list-products ul li {

		width: 50%;

	}



	.list-products ul li:nth-child(2n+1) {

		clear: both;

	}



	.list-products-3 ul li {

		width: 50%;

	}



	.list-products-3 ul li:nth-child(2n+1) {

		clear: both;

	}



	.list-news ul li {

		width: 50%;

	}



	.list-news ul li:nth-child(2n+1) {

		clear: both;

	}



	.list-product-2 ul li {

		width: 50%;

	}



	.list-product-2 ul li:nth-child(2n+1) {

		clear: both;

	}



}



@media (min-width:992px) {

	.list-products ul li {

		width: 20%;

	}



	.list-products ul li:nth-child(2n+1) {

		clear: none;

	}



	.list-products ul li:nth-child(5n+1) {

		clear: both;

	}



	.viewed-product ul li {

		width: 16.66666667%;

	}



	.viewed-product ul li:nth-child(2n+1) {

		clear: none;

	}



	.viewed-product ul li:nth-child(6n+1) {

		clear: both;

	}



	.list-products-3 ul li {

		width: 33.33333333%;

	}



	.list-products-3 ul li:nth-child(2n+1) {

		clear: none;

	}



	.list-products-3 ul li:nth-child(3n+1) {

		clear: both;

	}



	.list-news ul li {

		width: 33.33333333%;

	}



	.list-news ul li:nth-child(2n+1) {

		clear: none;

	}



	.list-news ul li:nth-child(3n+1) {

		clear: both;

	}



}



.right-info-wrap {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	z-index: 1000;

}



.right-info-wrap.right-show {

	display: block;

	right: 0;

}



.right-show .right-info-overlay {

	background: rgba(0, 0, 0, .1);

	position: absolute;

	width: 100%;

	top: 0;

	bottom: 0;

	left: 0;

}



.right-info {

	position: fixed;

	top: 0;

	bottom: 0;

	right: -270px;

	box-sizing: border-box;

	width: 270px;

	padding: 20px 20px;

	background: #2A3780;

	opacity: 0.9;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

	color: #ffffff;

	transition: all .30s ease;

	-webkit-transform: translateX(0px);

	-ms-transform: translateX(0px);

	transform: translateX(0px);

}



.right-info strong {

	font-size: 18px;

}



.right-show .right-info {

	-webkit-transform: translateX(-270px);

	-ms-transform: translateX(-270px);

	transform: translateX(-270px);

}



.right-close {

	position: absolute;

	z-index: 1000;

	top: 20px;

	right: 20px;

	padding: 5px;

	color: rgba(255, 255, 255, .5);

	cursor: pointer;

	border: none;

	background: transparent;

}



@media (min-width:992px) {

	.right-info {

		width: 350px;

		padding: 60px 40px 40px 40px;

		right: -350px;

	}



	.right-show .right-info {

		-webkit-transform: translateX(-350px);

		-ms-transform: translateX(-350px);

		transform: translateX(-350px);

	}



}