/* ========== Basic HTML ========== */
* {
	padding: 0px;
	margin: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

a {
	color: #333;
	text-decoration: none;
	transition: color 0.2s linear;
}

*:focus {
	outline: none;
}

a:hover,
a:active,
a:focus {
	color: #000000;
	text-decoration: none;
}

body {
	font-family: 'Arial', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 14px;
	background: #f2f2f2;
}

p {
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	line-height: 1.3;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 14px;
}

::selection {
	background: #105caa;
	color: #fff;
}

/* ========== Bootstrap ========== */
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-red {
	color: #ff0000;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}

.col-xs-12 {
	width: 100%;
}

.col-xs-11 {
	width: 91.66666667%;
}

.col-xs-10 {
	width: 83.33333333%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-8 {
	width: 66.66666667%;
}

.col-xs-7 {
	width: 58.33333333%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-5 {
	width: 41.66666667%;
}

.col-xs-4 {
	width: 33.33333333%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-2 {
	width: 16.66666667%;
}

.col-xs-1 {
	width: 8.33333333%;
}

.col-xs-pull-12 {
	right: 100%;
}

.col-xs-pull-11 {
	right: 91.66666667%;
}

.col-xs-pull-10 {
	right: 83.33333333%;
}

.col-xs-pull-9 {
	right: 75%;
}

.col-xs-pull-8 {
	right: 66.66666667%;
}

.col-xs-pull-7 {
	right: 58.33333333%;
}

.col-xs-pull-6 {
	right: 50%;
}

.col-xs-pull-5 {
	right: 41.66666667%;
}

.col-xs-pull-4 {
	right: 33.33333333%;
}

.col-xs-pull-3 {
	right: 25%;
}

.col-xs-pull-2 {
	right: 16.66666667%;
}

.col-xs-pull-1 {
	right: 8.33333333%;
}

.col-xs-pull-0 {
	right: auto;
}

.col-xs-push-12 {
	left: 100%;
}

.col-xs-push-11 {
	left: 91.66666667%;
}

.colheadersh-10 {
	left: 83.33333333%;
}

.col-xs-push-9 {
	left: 75%;
}

.col-xs-push-8 {
	left: 66.66666667%;
}

.col-xs-push-7 {
	left: 58.33333333%;
}

.col-xs-push-6 {
	left: 50%;
}

.col-xs-push-5 {
	left: 41.66666667%;
}

.col-xs-push-4 {
	left: 33.33333333%;
}

.col-xs-push-3 {
	left: 25%;
}

.col-xs-push-2 {
	left: 16.66666667%;
}

.col-xs-push-1 {
	left: 8.33333333%;
}

.col-xs-push-0 {
	left: auto;
}

.col-xs-offset-12 {
	margin-left: 100%;
}

.col-xs-offset-11 {
	margin-left: 91.66666667%;
}

.col-xs-offset-10 {
	margin-left: 83.33333333%;
}

.col-xs-offset-9 {
	margin-left: 75%;
}

.col-xs-offset-8 {
	margin-left: 66.66666667%;
}

.col-xs-offset-7 {
	margin-left: 58.33333333%;
}

.col-xs-offset-6 {
	margin-left: 50%;
}

.col-xs-offset-5 {
	margin-left: 41.66666667%;
}

.col-xs-offset-4 {
	margin-left: 33.33333333%;
}

.col-xs-offset-3 {
	margin-left: 25%;
}

.col-xs-offset-2 {
	margin-left: 16.66666667%;
}

.col-xs-offset-1 {
	margin-left: 8.33333333%;
}

.col-xs-offset-0 {
	margin-left: 0;
}

@media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	
	.col-sm-12 {
		width: 100%;
	}
	
	.col-sm-11 {
		width: 91.66666667%;
	}
	
	.col-sm-10 {
		width: 83.33333333%;
	}
	
	.col-sm-9 {
		width: 75%;
	}
	
	.col-sm-8 {
		width: 66.66666667%;
	}
	
	.col-sm-7 {
		width: 58.33333333%;
	}
	
	.col-sm-6 {
		width: 50%;
	}
	
	.col-sm-5 {
		width: 41.66666667%;
	}
	
	.col-sm-4 {
		width: 33.33333333%;
	}
	
	.col-sm-3 {
		width: 25%;
	}
	
	.col-sm-2 {
		width: 16.66666667%;
	}
	
	.col-sm-1 {
		width: 8.33333333%;
	}
	
	.col-sm-pull-12 {
		right: 100%;
	}
	
	.col-sm-pull-11 {
		right: 91.66666667%;
	}
	
	.col-sm-pull-10 {
		right: 83.33333333%;
	}
	
	.col-sm-pull-9 {
		right: 75%;
	}
	
	.col-sm-pull-8 {
		right: 66.66666667%;
	}
	
	.col-sm-pull-7 {
		right: 58.33333333%;
	}
	
	.col-sm-pull-6 {
		right: 50%;
	}
	
	.col-sm-pull-5 {
		right: 41.66666667%;
	}
	
	.col-sm-pull-4 {
		right: 33.33333333%;
	}
	
	.col-sm-pull-3 {
		right: 25%;
	}
	
	.col-sm-pull-2 {
		right: 16.66666667%;
	}
	
	.col-sm-pull-1 {
		right: 8.33333333%;
	}
	
	.col-sm-pull-0 {
		right: auto;
	}
	
	.col-sm-push-12 {
		left: 100%;
	}
	
	.col-sm-push-11 {
		left: 91.66666667%;
	}
	
	.col-sm-push-10 {
		left: 83.33333333%;
	}
	
	.col-sm-push-9 {
		left: 75%;
	}
	
	.col-sm-push-8 {
		left: 66.66666667%;
	}
	
	.col-sm-push-7 {
		left: 58.33333333%;
	}
	
	.col-sm-push-6 {
		left: 50%;
	}
	
	.col-sm-push-5 {
		left: 41.66666667%;
	}
	
	.col-sm-push-4 {
		left: 33.33333333%;
	}
	
	.col-sm-push-3 {
		left: 25%;
	}
	
	.col-sm-push-2 {
		left: 16.66666667%;
	}
	
	.col-sm-push-1 {
		left: 8.33333333%;
	}
	
	.col-sm-push-0 {
		left: auto;
	}
	
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	
	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	
	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	
	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	
	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	
	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	
	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	
	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	
	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	
	.col-sm-offset-0 {
		margin-left: 0;
	}
}

@media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}
	
	.col-md-12 {
		width: 100%;
	}
	
	.col-md-11 {
		width: 91.66666667%;
	}
	
	.col-md-10 {
		width: 83.33333333%;
	}
	
	.col-md-9 {
		width: 75%;
	}
	
	.col-md-8 {
		width: 66.66666667%;
	}
	
	.col-md-7 {
		width: 58.33333333%;
	}
	
	.col-md-6 {
		width: 50%;
	}
	
	.col-md-5 {
		width: 41.66666667%;
	}
	
	.col-md-4 {
		width: 33.33333333%;
	}
	
	.col-md-3 {
		width: 25%;
	}
	
	.col-md-2 {
		width: 16.66666667%;
	}
	
	.col-md-1 {
		width: 8.33333333%;
	}
	
	.col-md-pull-12 {
		right: 100%;
	}
	
	.col-md-pull-11 {
		right: 91.66666667%;
	}
	
	.col-md-pull-10 {
		right: 83.33333333%;
	}
	
	.col-md-pull-9 {
		right: 75%;
	}
	
	.col-md-pull-8 {
		right: 66.66666667%;
	}
	
	.col-md-pull-7 {
		right: 58.33333333%;
	}
	
	.col-md-pull-6 {
		right: 50%;
	}
	
	.col-md-pull-5 {
		right: 41.66666667%;
	}
	
	.col-md-pull-4 {
		right: 33.33333333%;
	}
	
	.col-md-pull-3 {
		right: 25%;
	}
	
	.col-md-pull-2 {
		right: 16.66666667%;
	}
	
	.col-md-pull-1 {
		right: 8.33333333%;
	}
	
	.col-md-pull-0 {
		right: auto;
	}	
	
	.col-md-push-12 {
		left: 100%;
	}
	
	.col-md-push-11 {
		left: 91.66666667%;
	}
	
	.col-md-push-10 {
		left: 83.33333333%;
	}
	
	.col-md-push-9 {
		left: 75%;
	}
	
	.col-md-push-8 {
		left: 66.66666667%;
	}
	
	.col-md-push-7 {
		left: 58.33333333%;
	}
	
	.col-md-push-6 {
		left: 50%;
	}
	
	.col-md-push-5 {
		left: 41.66666667%;
	}
	
	.col-md-push-4 {
		left: 33.33333333%;
	}
	
	.col-md-push-3 {
		left: 25%;
	}
	
	.col-md-push-2 {
		left: 16.66666667%;
	}
	
	.col-md-push-1 {
		left: 8.33333333%;
	}
	
	.col-md-push-0 {
		left: auto;
	}
	
	.col-md-offset-12 {
		margin-left: 100%;
	}
	
	.col-md-offset-11 {
		margin-left: 91.66666667%;
	}
	
	.col-md-offset-10 {
		margin-left: 83.33333333%;
	}
	
	.col-md-offset-9 {
		margin-left: 75%;
	}
	
	.col-md-offset-8 {
		margin-left: 66.66666667%;
	}
	
	.col-md-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-md-offset-6 {
		margin-left: 50%;
	}

	.col-md-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-md-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-md-offset-3 {
		margin-left: 25%;
	}

	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-md-offset-0 {
		margin-left: 0;
	}
}

@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float: left;
	}

	.col-lg-12 {
		width: 100%;
	}

	.col-lg-11 {
		width: 91.66666667%;
	}

	.col-lg-10 {
		width: 83.33333333%;
	}

	.col-lg-9 {
		width: 75%;
	}

	.col-lg-8 {
		width: 66.66666667%;
	}

	.col-lg-7 {
		width: 58.33333333%;
	}

	.col-lg-6 {
		width: 50%;
	}

	.col-lg-5 {
		width: 41.66666667%;
	}

	.col-lg-4 {
		width: 33.33333333%;
	}

	.col-lg-3 {
		width: 25%;
	}

	.col-lg-2 {
		width: 16.66666667%;
	}

	.col-lg-1 {
		width: 8.33333333%;
	}

	.col-lg-pull-12 {
		right: 100%;
	}

	.col-lg-pull-11 {
		right: 91.66666667%;
	}

	.col-lg-pull-10 {
		right: 83.33333333%;
	}

	.col-lg-pull-9 {
		right: 75%;
	}

	.col-lg-pull-8 {
		right: 66.66666667%;
	}

	.col-lg-pull-7 {
		right: 58.33333333%;
	}

	.col-lg-pull-6 {
		right: 50%;
	}

	.col-lg-pull-5 {
		right: 41.66666667%;
	}

	.col-lg-pull-4 {
		right: 33.33333333%;
	}

	.col-lg-pull-3 {
		right: 25%;
	}

	.col-lg-pull-2 {
		right: 16.66666667%;
	}

	.col-lg-pull-1 {
		right: 8.33333333%;
	}

	.col-lg-pull-0 {
		right: auto;
	}

	.col-lg-push-12 {
		left: 100%;
	}

	.col-lg-push-11 {
		left: 91.66666667%;
	}

	.col-lg-push-10 {
		left: 83.33333333%;
	}

	.col-lg-push-9 {
		left: 75%;
	}

	.col-lg-push-8 {
		left: 66.66666667%;
	}

	.col-lg-push-7 {
		left: 58.33333333%;
	}

	.col-lg-push-6 {
		left: 50%;
	}

	.col-lg-push-5 {
		left: 41.66666667%;
	}

	.col-lg-push-4 {
		left: 33.33333333%;
	}

	.col-lg-push-3 {
		left: 25%;
	}

	.col-lg-push-2 {
		left: 16.66666667%;
	}

	.col-lg-push-1 {
		left: 8.33333333%;
	}

	.col-lg-push-0 {
		left: auto;
	}

	.col-lg-offset-12 {
		margin-left: 100%;
	}

	.col-lg-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-lg-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-lg-offset-9 {
		margin-left: 75%;
	}

	.col-lg-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-lg-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-lg-offset-6 {
		margin-left: 50%;
	}

	.col-lg-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-lg-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-lg-offset-3 {
		margin-left: 25%;
	}

	.col-lg-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-lg-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-lg-offset-0 {
		margin-left: 0;
	}
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
	clear: both;
}

/* ========== Bootstrap Override ========== */
@media only screen and (min-width: 1300px) {
	.container {
		width: 1270px;
	}
}

@media only screen and (max-width: 575px) {
	.container {
		padding-right: 10px;
		padding-left: 10px;
	}

	.row {
		margin-right: -5px;
		margin-left: -5px;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-right: 5px;
		padding-left: 5px;
	}
}

/* ========== Font Awesome ========== */
@font-face {
	font-family: 'FontAwesome';
	src: url('../library/font-awesome-4.7.0/fonts/fontawesome-webfont.eot');
	src: url('../library/font-awesome-4.7.0/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../library/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'), url('../library/font-awesome-4.7.0/fonts/fontawesome-webfont.woff') format('woff'), url('../library/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf') format('truetype'), url('../library/font-awesome-4.7.0/fonts/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

.fa-2x {
	font-size: 2em;
}

.fa-3x {
	font-size: 3em;
}

.fa-4x {
	font-size: 4em;
}

.fa-5x {
	font-size: 5em;
}

.fa-envelope-o:before {
	content: "\f003";
}

.fa-phone:before {
	content: "\f095";
}

.fa-search:before {
	content: "\f002";
}

.fa-bars:before {
	content: "\f0c9";
}

.fa-caret-left:before {
	content: "\f0d9";
}

.fa-caret-right:before {
	content: "\f0da";
}

.fa-caret-down:before {
	content: "\f0d7";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
	content: "\f00d";
}

.fa-remove-thin:before,
.fa-close-thin:before,
.fa-times-thin:before {
	content: '\00d7';
}

.fa-clock-o:before {
	content: "\f017";
}

.fa-home:before {
	content: "\f015";
}

.fa-envelope:before {
	content: "\f0e0";
}

.fa-facebook-f:before,
.fa-facebook:before {
	content: "\f09a";
}

.fa-twitter:before {
	content: "\f099";
}

.fa-youtube:before {
	content: "\f167";
}

.fa-google-plus:before {
	content: "\f0d5";
}

.fa-info-circle:before {
	content: "\f05a";
}

.fa-retweet:before {
	content: "\f079";
}

.fa-exclamation-triangle:before {
	content: "\f071";
}

.fa-shopping-cart:before {
	content: "\f07a";
}

.fa-user-circle-o:before {
	content: "\f2be";
}

.fa-user:before {
	content: "\f007";
}

.fa-chevron-left:before {
	content: "\f053";
}

.fa-chevron-right:before {
	content: "\f054";
}

.fa-star:before {
	content: "\f005";
}

.fa-user-o:before {
	content: "\f2c0";
}

.fa-eye:before {
	content: "\f06e";
}

/* ========== Override OWL Carousel ========== */
.owl-theme .owl-nav {
	margin-top: 0px;
}

.owl-theme .owl-nav [class*="owl-"],
.owl-theme .owl-nav:hover [class*="owl-"] {
	background: none;
}

.owl-next {
	position: absolute;
	float: left;
	right: 0px;
}

.owl-prev {
	position: absolute;
	float: left;
	left: 0px;
}

.owl-next,
.owl-prev {
	top: 50%;
	transform: translateY(-50%);
}

.owl-nav .button {
	background: rgba(255, 255, 255, 0.8);
	color: #999;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #e3e3e3;
	font-size: 16px;
}

.owl-next .button i {
	margin-right: -2px;
}

.owl-prev .button i {
	margin-left: -2px;
}

/* ========== Overrid Magic Zoom ========== */
.mz-zoom-window {
	z-index: 2;
}

/* ========== Common CSS ========== */
.clearfix .left {
	float: left;
}

.clearfix .right {
	float: right;
}

.table-container {
	display: table;
	width: 100%;
}

.table-row {
	display: table-row;
}

.table-column {
	display: table-cell;
	vertical-align: middle;
}

.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}

@media screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}

	.table-responsive table {
		min-width: 850px;
	}
}

@media only screen and (min-width: 992px) {
	.logged {
		top: 32px !important;
	}
}

@media only screen and (min-width: 783px) and (max-width: 991px) {
	.logged {
		top: 32px !important;
	}
}

@media only screen and (max-width: 782px) {
	.logged {
		top: 46px !important;
	}
}

/* ========== Admin Bar ========== */
@media only screen and (max-width: 991px) {
	#wpadminbar {
		position: fixed !important;
	}
}

/* ========== Form Search CSS ========== */
.search form {
	background: #fff;
	position: relative;
}

.search input {
	width: 100%;
	border: 1px solid #ccc;
	background: #fff;
	height: 40px;
	padding: 0px 90px 0px 10px;
	font-size: 14px;
}

.search button {
	position: absolute;
	border: none;
	background: #e82029;
	color: #fff;
	height: 40px;
	width: 80px;
	right: 0px;
	font-size: 20px;
	cursor: pointer;
}

/* ========== Menu Mobile CSS ========== */
#menu-mobile {
	position: fixed;
	top: 0px;
	left: 0px;
	background: #fff;
	width: 260px;
	height: 100vh;
	max-height: 100vh;
	z-index: 3;
	left: -260px;
	transition: left 0.3s linear;
	overflow-y: scroll;
}

#menu-mobile.show {
	left: 0px;
}

#menu-mobile .search {
	padding: 10px 15px;
}

#menu-mobile .search input {
	border-radius: 5px;
	height: 35px;
	padding: 0px 40px 0px 10px;
	border: 1px solid #e3e3e3;
}

#menu-mobile .search button {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 35px;
	width: 40px;
}

#menu-mobile .button-close {
	position: fixed;
	left: -40px;
	top: 0px;
	display: block;
	width: 40px;
	padding: 0px 8px;
	font-size: 36px;
	color: #fff;
	transition: left 0.3s linear;
}

#menu-mobile.show .button-close {
	left: 260px;
}

#menu-mobile nav ul {
	list-style: none;
}

#menu-mobile nav ul li {
	position: relative;
	font-size: 15px;
}

#menu-mobile nav ul li .toggle {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 12px 15px;
	width: 38px;
	cursor: pointer;
	background: #f2f2f2;
}

/* Level 1 */
#menu-mobile nav ul.menu li {
	border-top: 1px dotted #ddd;
}

#menu-mobile nav ul.menu li:last-child {
	border-bottom: 1px dotted #ddd;
}

#menu-mobile nav ul.menu li a {
	display: block;
	padding: 8px 15px;
	line-height: 25px;
}

#menu-mobile nav ul.menu li .icon {
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 10px;
}

#menu-mobile nav ul.menu li .icon.hover {
	display: none;
}

#menu-mobile nav ul.menu li:hover .icon {
	display: none;
}

#menu-mobile nav ul.menu li:hover .icon.hover {
	display: block;
}

.menu-vertical nav ul.menu li:hover .icon.hover {
	display: block;
}

#menu-mobile nav ul.menu li a.has-toggle {
	padding-right: 40px;
}

/* Level 2 */
#menu-mobile nav ul.menu li ul.sub-menu {
	display: none;
}
#menu-mobile nav ul.menu li ul.sub-menu li:last-child {
	border-bottom: none;
}

#menu-mobile nav ul.menu li ul.sub-menu li a {
	padding-left: 25px;
}

/* Level 3 */
#menu-mobile nav ul.menu li ul.sub-menu li ul.sub-menu li a {
	padding-left: 50px;
}

@media only screen and (min-width: 992px) {
	#overlay {
		display: none !important;
	}

	#menu-mobile {
		display: none;
	}
}

/* ========== Menu Vertical CSS ========== */
.menu-vertical {
	background: #fff;
	line-height: 1.3;
	font-size: 14px;
}

/* Level 1 */
.menu-vertical nav ul {
	list-style: none;
}

.menu-vertical nav ul.menu {
	position: relative;
}

.menu-vertical nav ul.menu li {
	border-bottom: 1px solid #eee;
}

.menu-vertical nav ul.menu li a {
	position: relative;
	display: block;
	padding: 7px 15px;
	transition: color 0s linear;
	line-height: 25px;
}

.menu-vertical nav ul.menu li a:after {
	position: absolute;
	font-family: 'FontAwesome';
	content: "\f0da";
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

.menu-vertical nav ul.menu li:hover a {
	color: #fff;
	background: #FF0000;
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#FF0000),to(#d10000));
	background: -webkit-linear-gradient(top,#FF0000,#d10000);
	background: -moz-linear-gradient(top,#FF0000,#d10000);
	background: -ms-linear-gradient(top,#FF0000,#d10000);
	background: -o-linear-gradient(top,#FF0000,#d10000);
	font-weight: bold;
}

.menu-vertical nav ul.menu li:hover:after {
	color: #fff;
}

.menu-vertical nav ul.menu li .icon {
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 10px;
}

.menu-vertical nav ul.menu li .icon.hover {
	display: none;
}

.menu-vertical nav ul.menu li:hover .icon {
	display: none;
}

.menu-vertical nav ul.menu li:hover .icon.hover {
	display: block;
}

/* Level 2 */
.menu-vertical nav ul.menu li ul.sub-menu {
	display: none;
}

.menu-vertical nav ul.menu li:hover ul.sub-menu {
	display: block;
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 2;
	width: 300px;
	min-height: 100%;
	background: rgba(255, 255, 255, 0.9);
}

.menu-vertical nav ul.menu li:hover ul.sub-menu li {
	width: 300px;
	float: left;
	/*border-bottom: none;*/
	border-bottom: 1px solid #ccc;
}

.menu-vertical nav ul.menu li:hover ul.sub-menu li a {
	color: #000;
	background: none;
	font-weight: lighter;
	padding: 12px 20px 8px 20px;
	line-height: 1.3;
}

.menu-vertical nav ul.menu li:hover ul.sub-menu li:hover a {
	color: #fff;
	background: #FF0000;
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#FF0000),to(#d10000));
	background: -webkit-linear-gradient(top,#FF0000,#d10000);
	background: -moz-linear-gradient(top,#FF0000,#d10000);
	background: -ms-linear-gradient(top,#FF0000,#d10000);
	background: -o-linear-gradient(top,#FF0000,#d10000);
	font-weight: bold;
}

.menu-vertical nav ul.menu li:hover ul.sub-menu li a:after {
	content: "";
}

/* Level 3 */
.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu {
	position: static;
	padding-bottom: 20px;
	background: none;
}

.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu li {
	float: none;
}

.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu li a {
	color: #333;
	font-weight: normal;
	font-size: 13px;
	padding: 5px 20px;
	transition: color 0.2s linear;
}

.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu li a:hover {
	color: #000000;
	text-decoration: underline;
}

.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu li.view-more a {
	color: #ed1b2f !important;
	font-weight: bold;
}

.menu-vertical nav ul.menu li:hover ul.sub-menu li ul.sub-menu li.view-more a:hover {
	text-decoration: underline;
}

/* ========== Overlay CSS ========== */
#overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.6);
	width: 100vw;
	height: 100vh;
	z-index: 2;
	display: none;
}

/* ========== Product CSS ========== */
.list-product {
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: 10px;
	overflow: hidden;
}

.list-product [class^="col-"] {
	padding-right: 0px;
	padding-left: 0px;
}

.list-product:last-child {
	margin-bottom: 0px;
}

.list-product .item {
	padding: 10px;
}

.list-product .item:hover {
	box-shadow: 12px 0 15px -4px rgba(227, 227, 227, 0.8), -12px 0 8px -4px rgba(227, 227, 227, 0.8);
}

.list-product .item .image {
	margin-bottom: 5px;
}

.list-product .item .image a {
	display: block;
	position: relative;
}

.list-product .item .image img {
	width: 100%;
	height: auto;
}

.list-product .item .image .sale {
	position: absolute;
	top: 0px;
	right: 0px;
}

.list-product .item .image .sale .percent {
	position: relative;
	color: #FFFFFF;
	text-align: center;
	background: #ff0000;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 7px;
	font-size: 16px;
}

.list-product .item .image .sale .percent:after {
	content: '';
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
	z-index: 1;
	border-width: 4px 5px 4px 0px;
	border-color: transparent #ff0000;
	left: -5px;
	top: 8px;
}

.list-product .item .image .promotion {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.list-product .item .info {
	overflow: hidden;
}

.list-product .item:hover .info a {
	color: #000000;
}

.list-product .item .info .name {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
}

.list-product .item .info .price-old {
	color: #6a6a6a;
	margin-bottom: 5px;
	font-size: 12px;
}

.list-product .item .info .price {
	color: #FF0000;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
}

.list-product .item .info .rating {
	margin-bottom: 5px;
}

.list-product .item .info .post-view {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 14px;
	color: #666;
}

@media only screen and (min-width: 1200px) {
	.list-product .item .info {
		height: 150px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.list-product .item .info {
		height: 119px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.list-product .item .info {
		height: 131px;
	}

	.list-product .item .info .name {
		font-size: 18px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.list-product .item .info {
		height: 119px;
	}
}

@media only screen and (max-width: 575px) {
	.list-product .item .info {
		height: 170px;
	}
}

/* ========== Ratting CSS ========== */
.rating {
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #666;
}

.rating i {
	color: #ccc;
	font-size: 14px;
}

.rating i.star-yellow {
	color: #ffcd5d;
}

/* ========== Breadcrumb CSS ========== */
@media only screen and (min-width: 992px) {
	#breadcrumb-block .breadcrumb p {
		line-height: 40px;
		font-size: 13px;
		clear: both;
		color: #3973ad;
	}

	#breadcrumb-block .breadcrumb p span {
		float: left;
	}

	#breadcrumb-block .breadcrumb p span a {
		color: #707e8c;
	}

	#breadcrumb-block .breadcrumb p span.separator {
		position: relative;
		width: 0;
		height: 0;
		border-top: 20px solid transparent;
		border-left: 15px solid #707e8c;
		border-bottom: 20px solid transparent;
		margin: 0px 15px;
	}

	#breadcrumb-block .breadcrumb p span.separator:after {
		content: '';
		position: absolute;
		top: -19px;
		left: -15px;
		width: 0;
		height: 0;
		border-top: 19px solid transparent;
		border-left: 14px solid #f2f2f2;
		border-bottom: 19px solid transparent;
	}
}

@media only screen and (max-width: 991px) {
	#breadcrumb-block {
		background: #fff;
		padding: 5px 0px;
		margin-bottom: 20px;
	}

	#breadcrumb-block .breadcrumb p {
		margin: 0;
		clear: both;
		font-size: 14px;
		line-height: 24px;
		color: #3e8ad6;
	}

	#breadcrumb-block .breadcrumb p span a {
		color: #707e8c;
	}

	#breadcrumb-block .breadcrumb p span.separator:after {
		content: ' » ';
		color: #707e8c;
		margin: 0px 5px;
		font-size: 14px;
	}
}

/* ========= SIDEBAR & MAIN CONTENT CSS ========= */
.main-content {
	width: 77%;
}

.sidebar {
	width: 23%;
	padding-right: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-content {
		width: 72%;
	}

	.sidebar {
		width: 28%;
	}
}

@media only screen and (max-width: 991px) {
	.main-content {
		width: 100%;
		margin-bottom: 15px;
	}

	.sidebar {
		width: 100%;
		padding-right: 0px;
	}
}

.sidebar .widget {
	margin-bottom: 20px;
}

.sidebar .widget .widget-title {
	background: #000000;
	color: #fff;
	padding: 10px 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
}

.sidebar .widget .widget-title i {
	color: #000000;
	display: inline-block;
	margin-right: 5px;
}

.sidebar .widget .widget-content {
	background: #fff;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

@media only screen and (max-width: 991px) {
	.sidebar .widget .widget-title {
		font-size: 15px;
	}
}

.sidebar .widget.widget-category .widget-content ul {
	list-style: none;
}

.sidebar .widget.widget-category .widget-content ul li {
	border-bottom: 1px solid #e3e3e3;
}

.sidebar .widget.widget-category .widget-content ul li a {
	padding: 11px 15px;
	display: block;
	transition: color 0s linear;
}

.sidebar .widget.widget-category .widget-content ul li a .icon {
	display: none;
}

.sidebar .widget.widget-category .widget-content ul li:hover a {
	background: #000000;
	color: #fff;
}

.sidebar .widget.widget-category .widget-content ul li:last-child {
	border-bottom: none;
}

@media only screen and (max-width: 991px) {
	.sidebar .widget.widget-category .widget-content ul li {
		font-size: 15px;
	}
}

.sidebar .widget.widget-article .widget-content .list-article {
	padding: 10px;
}

.sidebar .widget.widget-article .widget-content .list-article .item {
	margin-bottom: 10px;
}

.sidebar .widget.widget-article .widget-content .list-article .item:last-child {
	margin-bottom: 0px;
}

.sidebar .widget.widget-article .widget-content .list-article .item .image {
	width: 80px;
}

.sidebar .widget.widget-article .widget-content .list-article .item .info {
	margin-left: 90px;
}

.sidebar .widget.widget-article .widget-content .list-article .item .image img {
	max-width: 100%;
	height: auto;
}

.sidebar .widget.widget-article .widget-content .list-article .item .info .title {
	font-size: 13px;
	margin-bottom: 5px;
	line-height: 1.4;
}

.sidebar .widget.widget-article .widget-content .list-article .item .info .price {
	font-size: 14px;
	margin-bottom: 5px;
	color: #FF0000;
	font-weight: bold;
}

.sidebar .widget.widget-article .widget-content .list-article .item .info .price-old {
	font-size: 12px;
	margin-bottom: 5px;
	color: #6a6a6a;
	text-decoration: line-through;
}

.sidebar .widget.widget-article .widget-content .list-article .item .info .time {
	color: #999;
	font-size: 13px;
}

@media only screen and (max-width: 991px) {
	.sidebar .widget.widget-article .widget-content .list-article .item .info .title {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.sidebar .widget.widget-article .widget-content .list-article .item .info .price {
		font-size: 15px;
		margin-bottom: 3px;
	}

	.sidebar .widget.widget-article .widget-content .list-article .item .info .price-old {
		font-size: 12px;
	}
}

/* ========== PAGINATION CSS ========== */
#pagination {
	text-align: center;
}

#pagination .page-numbers {
	display: inline-block;
	padding: 6px;
	text-decoration: none;
	border: 1px solid #ccc;
	margin: 0px 2px 10px;
	min-width: 37px;
}

#pagination .page-numbers.current {
	background: #000;
	border: 1px solid #000;
	color: #fff;
}

#pagination a.page-numbers {
	color: #000;
	transition: background 0.2s linear, color 0.2s linear;
}

#pagination a.page-numbers:hover {
	background: #000;
	color: #fff;
}

@media only screen and (max-width: 575px) {
	#pagination .page-numbers.prev {
		display: none;
	}

	#pagination .page-numbers.next {
		display: none;
	}
}

/* ========== Entry Content CSS ========== */
@media only screen and (min-width: 576px) {
	.entry-content {
		font-size: 14px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content {
		font-size: 14px;
	}
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-weight: bold;
	color: #105caa;
	margin: 25px 0px 15px;
	line-height: 1.3;
}

@media only screen and (min-width: 576px) {
	.entry-content h2 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content h2 {
		font-size: 18px;
	}
}

@media only screen and (min-width: 576px) {
	.entry-content h3 {
		font-size: 16px;
		font-weight: normal;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content h3 {
		font-size: 16px;
		font-weight: normal;
	}
}

@media only screen and (min-width: 576px) {
	.entry-content h4 {
		font-size: 14px;
	}
}
@media only screen and (max-width: 575px) {
	.entry-content h4 {
		font-size: 14px;
	}
}

@media only screen and (min-width: 576px) {
	.entry-content h5 {
		font-size: 14px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content h5 {
		font-size: 14px;
	}
}

@media only screen and (min-width: 576px) {
	.entry-content h6 {
		font-size: 14px;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content h6 {
		font-size: 14px;
	}
}

.entry-content img {
	max-width: 100%;
	height: auto;
}

.entry-content a {
	color: #0000FF;
}

.entry-content p {
	line-height: 1.6;
	margin-bottom: 15px;
	word-wrap: break-word;
	text-align: justify;
}

.entry-content ul,
.entry-content ol {
	margin-bottom: 20px;
	list-style-position: inside;
}

.entry-content ol {
	list-style-position: inside;
	padding-left: 0px;
}

.entry-content ul li,
.entry-content ol li {
	margin-bottom: 2px;
}

@media only screen and (min-width: 576px) {
	.entry-content ul li,
	.entry-content ol li {
		line-height: 1.5;
	}
}

@media only screen and (max-width: 575px) {
	.entry-content ul li,
	.entry-content ol li {
		line-height: 1.6;
	}
}

.entry-content .alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.entry-content .alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.entry-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content .wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
}

.entry-content .wp-caption .wp-caption-text {
	padding: 5px 0px;
	font-size: 13px;
}

.entry-content .wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.entry-content table {
	width: 100% !important;
	margin-bottom: 15px;
}

@media only screen and (max-width: 575px) {
	.entry-content table {
		overflow: hidden;
		overflow-x: scroll;
		display: block;
	}
}

.entry-content table tr td {
	border: 1px solid #cdcdcd;
	padding: 5px 10px;
}

.entry-content table tr.header td {
	background: #105caa;
	border: 1px solid #105caa;
	color: #fff;
	padding: 8px 10px;
}

@media only screen and (max-width: 575px) {
	.entry-content table tr td {
		min-width: 150px;
	}
}

/* ========== Header CSS ========== */
#header {
	background: #fff;
}

#header .header-top {
	padding: 5px 0px;
	background: #f2f2f2;
}

#header .header-top .phone-number {
	color: #ed1b2f;
	font-weight: bold;
}

#header .header-top ul {
	list-style: none;
}

#header .header-top ul li {
	display: inline-block;
}

#header .header-top ul li:not(:last-child):after {
	content: ' |';
}

@media only screen and (max-width: 991px) {
	#header .header-top {
		display: none;
	}
}

#header .logo,
#header .contact,
#header .search {
	height: 100px;
}

#header .logo {
	width: 22%;
}

#header .search {
	width: 54%;
	padding: 0px 25px;
}

#header .contact {
	width: 24%;
}

#header .logo img {
	max-width: 100%;
	height: auto;
}

#header .logo h1 {
	font-size: 0px;
}

#header .contact .item {
	display: inline-block;
	margin-right: 10px;
}

#header .contact .item:last-child {
	margin-right: 0px;
}

#header .contact .item .icon {
	float: left;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 26px;
	color: #999;
	border-radius: 50%;
	border: 1px solid #999;
	position: relative;
}

#header .contact .item .icon .num {
	position: absolute;
	top: -5px;
	right: -5px;
	background: #ed1b2f;
	color: #fff;
	border-radius: 50%;
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	width: 20px;
}

#header .contact .item .title {
	margin-left: 55px;
	line-height: 35px;
	padding: 5px;
}

#header .search form {
	margin-bottom: 8px;
}

#header .search .suggest {
	font-size: 13px;
}

#header .search .suggest a {
	color: #105caa;
	font-style: italic;
}

#header .button-mobile {
	visibility: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#header .logo {
		width: 25%;
	}

	#header .search {
		width: 45%;
	}

	#header .contact {
		width: 30%;
	}
}

@media only screen and (max-width: 991px) {
	#header {
		position: fixed;
		top: 0px;
		width: 100%;
		background: #fff;
		box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
		z-index: 2;
	}

	#header .logo,
	#header .contact,
	#header .search,
	#header .button-mobile {
		height: 45px;
		padding: 5px 0px;
	}

	#header .logo {
		text-align: center;
		width: 100%;
	}

	#header .logo img {
		height: 40px;
	}

	#header .search {
		display: none;
	}

	#header .contact {
		display: none;
	}

	#header .button-mobile {
		visibility: visible;
	}

	#header .button-mobile .button {
		position: relative;
		display: inline-block;
	}

	#header .button-mobile .button a {
		display: block;
		padding: 0px 10px;
		font-size: 28px;
		color: #0c4c8c;
		line-height: 45px;
	}

	#header .button-mobile .button a .num {
		position: absolute;
		top: 0px;
		right: 0px;
		background: #ed1b2f;
		color: #fff;
		border-radius: 50%;
		font-size: 10px;
		line-height: 18px;
		height: 18px;
		width: 18px;
		text-align: center;
	}
}

/* ========== Navbar CSS =========== */
#navbar {
	background: #105caa;
	font-size: 15px;
	line-height: 1.5;
	height: 46px;
}

#navbar.sticky {
	background: #105caa;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 3;
}

@media only screen and (max-width: 991px) {
	#navbar {
		display: none;
	}
}

#navbar .title {
	width: 250px;
}

#navbar .title p {
	background: #ff0000;
	color: #fff;
	padding: 0px 10px 0px 20px;
	text-transform: uppercase;
	height: 46px;
	line-height: 46px;
}

#navbar.sticky .title p,
#navbar.not-homepage .title p {
	cursor: pointer;
}

#navbar .title p i {
	font-size: 16px;
	margin-right: 8px;
}

#navbar .title .menu-vertical {
	display: none;
}

#navbar .title .menu-vertical nav ul.menu {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

#navbar.sticky .title:hover .menu-vertical,
#navbar.not-homepage .title:hover .menu-vertical {
	display: block;
}

#navbar.not-homepage .title {
	position: relative;
}

#navbar.not-homepage:not(.sticky) .title:hover .menu-vertical {
	position: absolute;
	top: 100%;
	left: 0px;
	width: 250px;
	z-index: 2;
}

#navbar.sticky .menu-horizontal {
	display: none;
}

/* Level 1 */
#navbar .menu-horizontal nav ul {
	list-style: none;
	display: inline-block;
}

#navbar .menu-horizontal nav ul li {
	display: inline-block;
	position: relative;
}

#navbar .menu-horizontal nav ul li a {
	display: block;
	padding: 12px 10px;
	height: 46px;
	color: #fff;
	letter-spacing: 0.5px;
	transition: background 0.1s linear;
}

#navbar .menu-horizontal nav ul li.active,
#navbar .menu-horizontal nav ul li a:hover,
#navbar .menu-horizontal nav ul li a:active,
#navbar .menu-horizontal nav ul li a:focus {
	color: #fff;
	background: #FF0000;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#FF0000),to(#d10000));
    background: -webkit-linear-gradient(top,#FF0000,#d10000);
    background: -moz-linear-gradient(top,#FF0000,#d10000);
    background: -ms-linear-gradient(top,#FF0000,#d10000);
    background: -o-linear-gradient(top,#FF0000,#d10000);
}

/* Level 2 */
#navbar .menu-horizontal nav ul li ul {
	display: none;
}

#navbar .menu-horizontal nav ul li:hover ul {
	display: block;
	position: absolute;
	padding-left: 0px;
	left: 0px;
	z-index: 2;
}

#navbar .menu-horizontal nav ul li:hover ul li {
	background: rgba(0, 114, 187, 0.8);
	width: 280px;
	border-bottom: 1px solid #ccc;
	font-size: 13.5px;
}

#navbar .menu-horizontal nav ul li:hover ul li:last-child {
	border-bottom: none;
}

#navbar .menu-horizontal nav ul li:hover ul li a {
	height: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#navbar .menu-horizontal nav ul li a {
		padding: 12px 8px;
		letter-spacing: 0px;
	}
}

#navbar .info {
	display: none;
}

#navbar.sticky .info {
	display: block;
	margin-left: 250px;
	padding: 2px 5px;
}

#navbar.sticky .info a {
	color: #fff;
}

#navbar.sticky .info .search {
}

#navbar.sticky .info .contact {
	width: 300px;
	text-align: center;
}

#navbar.sticky .info .search button {
	background: #ed1b2f;
}

#navbar.sticky .info .contact .item {
	display: inline-block;
	margin-right: 10px;
}

#navbar.sticky .info .contact .item:last-child {
	margin-right: 0px;
}

#navbar.sticky .info .contact .item .icon {
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #fff;
	position: relative;
}

#navbar.sticky .info .contact .item .icon .num {
	position: absolute;
	top: -5px;
	right: -5px;
	background: #ed1b2f;
	color: #fff;
	border-radius: 50%;
	font-size: 9px;
	line-height: 16px;
	height: 16px;
	width: 16px;
}

#navbar.sticky .info .contact .item .title {
	margin-left: 35px;
	line-height: 20px;
	padding: 5px;
	width: auto;
}

/* ========== Footer CSS ========== */
#footer {
	background: #002a54;
	color: #e1e1e1;
	padding: 60px 0px;
	margin-top: 30px;
}

#footer a {
	color: #005aff;
}

#footer p {
	line-height: 1.5;
	margin-bottom: 5px;
}

#footer .hotline {
	margin-top: -80px;
	margin-bottom: 20px;
	background: url('../images/bg-hotline.png') no-repeat right;
	background-size: contain;
	padding: 25px 55px 25px 25px;
	letter-spacing: 1px;
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
	#footer .hotline {
		padding: 25px 90px 25px 25px;
	}
}

#footer .title {
	color: #ff9800;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}

#footer .hotline .title {
	color: #000;
	font-size: 20px;
	font-weight: normal;
}

#footer .hotline a {
	font-size: 30px;
	font-weight: bold;
}

#footer .company {
	margin-bottom: 15px; 
	text-align: justify;
}

#footer .social {
	font-size: 16px;
	margin-bottom: 20px;
}

#footer .social a {
	color: #fff;
	display: inline-block;
	line-height: 30px;
	height: 30px;
	width: 30px;
	margin-right: 5px;
	border-radius: 50%;
	text-align: center;
}

#footer .social a:last-child {
	margin-right: 0px;
}

#footer .social a.facebook {
	background: #0091c6;
}

#footer .social a.twitter {
	background: #0091c6;
}

#footer .social a.youtube {
	background: #0091c6;
}

#footer .social a.google-plus {
	background: #0091c6;
}

#footer .list-company a {
	color: #888;
}

#footer .list-company .item {
	margin-bottom: 15px;
}

#footer .list-company .item .title {

}

#footer .list-company .item .info {
	color: #888;
}

#footer .list-company .item .info p {
	margin-bottom: 2px;
}

@media only screen and (max-width: 991px) {
	#footer {
		font-size: 15px;
	}

	#footer .title {
		font-size: 20px;
	}

	#footer .social a {
		line-height: 35px;
		height: 35px;
		width: 35px;
		font-size: 16px;
	}
}

/* ========== Content CSS ========== */
#content {

}

@media only screen and (max-width: 991px) {
	#content {
		margin-top: 55px;
	}
}

/* ========== Homepage CSS ========== */
#homepage section {
	padding-bottom: 20px;
	background: #fff;
}

#homepage section:last-child {
	padding-bottom: 0px;
}

@media only screen and (max-width: 767px) {
	#homepage section .container {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
}

#homepage section .header {
	margin-bottom: 15px;
}

#homepage section .header h2 {
	display: inline-block;
	position: relative;
	line-height: 36px;
	color: #FFFFFF;
	text-align: center;
	padding: 4px 15px;
	background: #105caa;
	font-size: 15px;
	margin-right: 25px;
}

#homepage section .header h2:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 100%;
	width: 0px;
	height: 0px;
	border-top: 22px solid transparent;
	border-left: 20px solid #105caa;
	border-bottom: 22px solid transparent;
	z-index: 1;
}

#homepage section .header h2 a {
	color: #fff;
}

#homepage section .header .sub-category {
	height: 33px;
	float: right;
}

#homepage section .header h3 {
	display: inline-block;
	margin-right: 25px;
	font-size: 14px;
	line-height: 46px;
}

@media only screen and (max-width: 991px) {
	#homepage section .header .sub-category {
		display: none;
	}
}

/* Section 1 */
#homepage .section-1 {
	background: none;
}

#homepage .section-1 .menu-vertical {
	float: left;
	width: 250px;
	background: #fff;
}

#homepage .section-1 .slide {
	margin-left: 250px;
}

@media only screen and (max-width: 991px) {
	#homepage .section-1 .menu-vertical {
		display: none;
	}

	#homepage .section-1 .slide {
		width: 100%;
		margin-left: 0px;
	}
}

/* Section 2 */
#homepage .section-2 {
	padding-bottom: 20px;
	background: none;
}

#homepage .section-2 .suggest {
	background: #fff;
	padding: 0px;
	margin: 0px 0px 30px 0px !important;
}

#homepage .section-2 .suggest h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 10px 0px 10px;
}

@media only screen and (max-width: 767px) {
	#homepage .section-2 .suggest {
		padding: 5px;
	}
}

#homepage .section-2 .header {
	margin-bottom: 5px;
	border-bottom: 1px solid #f2f2f2;
}

#homepage .section-2 .content {
	padding: 0px 5px;
}

@media only screen and (max-width: 991px) {
	#homepage .section-2 .content .main-content {
		margin-bottom: 0px;
	}
}

#homepage .section-2 .content .sidebar {
	padding-left: 25px;
	padding-right: 0px;
}

@media only screen and (max-width: 991px) {
	#homepage .section-2 .content .sidebar {
		display: none;
	}
}

#homepage .section-2 .content .sidebar .widget .widget-title {
	background: none;
	color: #333;
	padding: 10px 0px 15px 0px;
	text-transform: none;
}

#homepage .section-2 .content .sidebar .widget .widget-content {
	border: none;
}

#homepage .section-2 .content .sidebar .widget.widget-article .widget-content .list-article {
	padding: 0px;
}

#homepage .section-2 .adv {
	margin-bottom: 30px;
}

#homepage .section-2 .adv img {
	max-width: 100%;
	height: auto;
}

#homepage .section-2 .product {
	margin-bottom: 30px;
	background: #fff;
}

#homepage .section-2 .product .slide {
	margin-bottom: 15px;
}

@media only screen and (max-width: 991px) {
	#homepage .section-2 .product .slide {
		display: none;
	}
}

#homepage .section-2 .product .nav {
	font-size: 15px;
}

#homepage .section-2 .product .nav ul {
	list-style: none;
}

#homepage .section-2 .product .nav ul li {
	cursor: pointer;
	display: inline-block;
}

#homepage .section-2 .product .nav ul li:last-child {
	margin-right: 0px;
}

#homepage .section-2 .product .nav ul li a {
	display: block;
	padding: 10px 12px;
}

@media only screen and (max-width: 575px) {
	#homepage .section-2 .product .nav ul li {
		margin-right: 8px;
	}

	#homepage .section-2 .product .nav ul li a {
		padding: 10px 1px;
	}
}

#homepage .section-2 .product .nav ul li a.active {
	color: #ff9800;
	border-bottom: 3px solid #ff9800;
}

#homepage .section-2 .product .nav .view-more a {
	display: inline-block;
	color: #ff9800;
	border: 1px solid #ff9800;
	border-radius: 5px;
	padding: 8px 15px;
	margin: 1px 0px;
	transition: color 0s linear;
}

#homepage .section-2 .product .nav .view-more a:hover {
	color: #fff;
	background: #105caa;
}

@media only screen and (max-width: 767px) {
	#homepage .section-2 .product .nav .view-more {
		display: none;
	}
}

#homepage .section-2 .list-product {
	margin-bottom: 0px;
}

/* Section 3 */
#homepage .section-3 {
	padding-top: 40px;
}

#homepage .section-3 .list-customer {
	background: #dce7f2;
	padding: 25px;
}

#homepage .section-3 .list-customer .header p {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#homepage .section-3 .list-customer .header p:after {
	display: block;
	width: 100%;
	max-width: 50px;
	border-bottom: 2px solid #105caa;
	content: '';
	margin: 8px 0px 20px;
}

#homepage .section-3 .list-customer .item {
	margin-bottom: 20px;
}

#homepage .section-3 .list-customer .item .content {
	margin-bottom: 15px;
}

#homepage .section-3 .list-customer .item .content:before {
	float: left;
	width: 30px;
	content: '“';
	font-size: 120px;
	margin-top: -20px;
}

#homepage .section-3 .list-customer .item .content p {
	line-height: 1.5;
	padding-left: 60px;
	text-align: justify;
}

#homepage .section-3 .list-customer .item .image {
	float: left;
	width: 45px;
}

#homepage .section-3 .list-customer .item .info {
	padding-left: 60px;
}

#homepage .section-3 .list-customer .item .image img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

#homepage .section-3 .list-customer .item .info .name {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 3px;
}

@media only screen and (max-width: 991px) {
	#homepage .section-3 .list-customer .header p {
		font-size: 20px;
	}

	#homepage .section-3 .list-customer .item .content p {
		font-size: 16px;
	}

	#homepage .section-3 .list-customer .item .info {
		font-size: 15px;
	}

	#homepage .section-3 .list-customer .item .info .name {
		font-size: 16px;
	}
}

/* Section 4 */
#homepage .section-4 {
	padding: 5px;
}

#homepage .section-4 .category-item {
	margin-bottom: 20px;
}

#homepage .section-4 .list-news .featured-item {
	margin-bottom: 15px;
}

#homepage .section-4 .list-news .featured-item:hover a {
	color: #105caa;
}

#homepage .section-4 .list-news .featured-item .image {
	float: left;
	width: 200px;
}

#homepage .section-4 .list-news .featured-item .info {
	padding-left: 220px;
}

#homepage .section-4 .list-news .featured-item .image img {
	width: 100%;
	height: auto;
}

#homepage .section-4 .list-news .featured-item .info .title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

#homepage .section-4 .list-news .featured-item .info .time {
	color: #666;
	font-size: 13px;
}

#homepage .section-4 .list-news ul {
	list-style: none;
}

#homepage .section-4 .list-news ul li {
	line-height: 1.5;
	margin-bottom: 5px;
}

#homepage .section-4 .list-news ul li:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	float: left;
	width: 3px;
	color: #105caa;
}

#homepage .section-4 .list-news ul li h3 {
	font-size: 14px;
	padding-left: 10px;
	line-height: 1.5;
	font-weight: normal;
}

@media only screen and (max-width: 991px) {
	#homepage .section-4 .list-news .featured-item .info .title {
		font-size: 20px;
	}

	#homepage .section-4 .list-news .featured-item .info .time {
		font-size: 14px;
	}

	#homepage .section-4 .list-news ul li h3 {
		font-size: 14px;
		font-weight: normal;
	}
}

@media only screen and (max-width: 575px) {
	#homepage .section-4 .list-news .featured-item .image {
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}

	#homepage .section-4 .list-news .featured-item .info {
		padding-left: 0px;
	}
}

/* ========== Category Product CSS ========== */
#category-product .wrapper {
	background: #fff;
	margin-bottom: 40px;
}

#category-product .slide {
	margin-bottom: 25px;
}

@media only screen and (max-width: 575px) {
	#category-product .slide {
		margin-top: -10px;
		margin-left: -10px;
		margin-right: -10px;
	}
}

#category-product h1.page-title {
	font-size: 20px;
	margin-bottom: 15px;
}

#category-product p.page-title {
	font-size: 14px;
	margin-bottom: 14px;
}

#category-product h1.page-title {
    margin-top: 20px;
	font-weight: bold;
	text-align: center;
	color: #105CAA;
}

#category-product .page-description {
	margin-bottom: 30px;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
}

#category-product .page-description p {
	line-height: 1.6;
	margin-bottom: 14px;
}

#category-product .page-description h2 {
	line-height: 1.6;
	margin-bottom: 8px; 
	font-weight: bold;
	color: #105CAA;
}

#category-product .page-description h3 {
	line-height: 1.6;
	margin-bottom: 8px; 
	font-weight: bold;
	color: #105CAA;
}

#category-product .page-description h4 { 
	line-height: 1.6;
	margin-bottom: 8px; 
	font-weight: bold;
	color: #105CAA;
}

#category-product .page-description h5 {
	line-height: 1.6;
	margin-bottom: 8px; 
	font-weight: bold;
	color: #105CAA;
}

#category-product .page-description h6 {
	line-height: 1.6;
	margin-bottom: 8px; 
	font-weight: bold;
	color: #105CAA;
}

@media only screen and (max-width: 991px) {
	#category-product .page-description {
		font-size: 14px;
	}
}

@media only screen and (max-width: 575px) {
	#category-product .wrapper {
		margin-left: -10px;
		margin-right: -10px;
		padding: 10px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#category-product .list-product .item .info {
		height: 140px;
	}
}

/* ========== Category News CSS ========== */
#category-news .wrapper {
	background: #fff;
	margin-bottom: 40px;
	padding: 20px;
}

#category-news h1.page-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

#category-news .page-description {
	margin-bottom: 20px;
}

#category-news .page-description p {
	line-height: 1.5;
	margin-bottom: 5px;
}

@media only screen and (max-width: 991px) {
	#category-news .page-description {
		font-size: 16px;
	}
}

@media only screen and (max-width: 575px) {
	#category-news .wrapper {
		margin-left: -10px;
		margin-right: -10px;
		padding: 10px;
	}
}

#category-news .list-news {
	margin-bottom: 20px;
}

#category-news .list-news .item {
	margin-bottom: 15px;
	background: #f2f2f2;
	padding: 20px;
}

#category-news .list-news .item:hover a {
	color: #105caa;
}

#category-news .list-news .item .image {
	margin-bottom: 10px;
}

#category-news .list-news .item .image img {
	width: 100%;
	height: auto;
}

#category-news .list-news .item .info .title {
	font-size: 22px;
	margin-bottom: 8px;
	font-weight: bold;
	line-height: 1.3;
}

#category-news .list-news .item .info .time {
	color: #999;
	margin-bottom: 10px;
}

#category-news .list-news .item .info .summary {
	font-size: 14px;
	line-height: 1.5;
}

@media only screen and (max-width: 575px) {
	#category-news .list-news .item {
		margin-bottom: 15px;
	}

	#category-news .list-news {
		margin-right: -10px;
		margin-left: -10px;
	}

	#category-news .list-news [class^="col-"] {
		padding-right: 0px;
		padding-left: 0px;
	}

	#category-news .list-news .item {
		padding: 0px;
	}

	#category-news .list-news .item .image {
		margin-bottom: 0px;
	}

	#category-news .list-news .item .info {
		padding: 10px;
	}

	#category-news .list-news .item .info .summary {
		display: none;
	}
}

/* ========== Detail Product CSS ========== */
#detail-product section {
	background: #fff;
	margin-bottom: 20px;
}

#detail-product section .header {
	border-bottom: 1px solid #f2f2f2;
	font-size: 20px;
}

#detail-product section .header p {
	padding: 10px 20px;
}

#detail-product section .content {
	padding: 10px 20px;
}

@media only screen and (max-width: 575px) {
	#detail-product section {
		margin-left: -10px;
		margin-right: -10px;
	}

	#detail-product section .header p {
		padding: 10px;
	}

	#detail-product section .content {
		padding: 10px !important;
	}
}

#detail-product h1.page-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

#detail-product .spec p {
	margin-bottom: 10px;
}

#detail-product .spec .brand,
#detail-product .spec .code,
#detail-product .spec .status,
#detail-product .spec .price,
#detail-product .spec .price-old {
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 15px;
}

#detail-product .spec .brand a {
	color: #105caa;
}

#detail-product .spec .text-effect {
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 2px rgba(150, 150, 150, 1);
	position:relative;
}

#detail-product .spec .text-effect.line-through:before {
	border-bottom: 1px solid red;
	position: absolute;
	content: "";
	width: 100%;
	height: 60%;
}

#detail-product .spec .price {
	font-style: italic;
}

#detail-product .spec .price span {
	color: #FF0000;
	font-weight: bold;
	font-size: 22px;
}

#detail-product .spec .price-old {
	font-style: italic;
}

#detail-product .spec .price-old span {
	font-weight: bold;
	font-size: 12px;
}

#detail-product .spec .price-save {
	font-weight: bold;
	color: #FF0000;
}

#detail-product .spec .summary {
	margin-bottom: 15px;
	column-count: 2;
	column-gap: 10px;
}

@media only screen and (max-width: 767px) {
	#detail-product .spec .summary {
		column-count: 1;
		column-gap: 0px;
	}
}

#detail-product .spec .summary ul {
	list-style: none;
}

#detail-product .spec .summary ul li {
	line-height: 1.5;
}

#detail-product .spec .summary ul li:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	float: left;
	width: 3px;
	color: #105caa;
}

#detail-product .spec .summary ul li p {
	margin-left: 10px;
	margin-bottom: 3px;
	line-height: 1.4;
}

#detail-product .spec .selling .buy-now {
	margin-left: -5px;
	margin-right: -5px;
}

#detail-product .spec .selling .buy-now .item {
	margin-bottom: 15px;
	width: 50%;
	padding: 0px 5px;
}

#detail-product .spec .selling .buy-now .item .button {
	font-weight: bold;
	font-size: 16px;
	border-radius: 5px;
	display: block;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	border: none;
	width: 100%;
	cursor: pointer;
}

@media only screen and (max-width: 575px) {
	#detail-product .spec .selling .buy-now .item .button {
		font-size: 14px;
		padding: 10px 5px;
	}
}

#detail-product .spec .selling .buy-now .item .button span {
	text-transform: none;
	display: block;
	font-weight: normal;
	font-size: 11px;
}

#detail-product .spec .selling .buy-now .item .button.orange {
	background: #fd6e1d;
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
	background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
	background: -moz-linear-gradient(top,#f59000,#fd6e1d);
	background: -ms-linear-gradient(top,#f59000,#fd6e1d);
	background: -o-linear-gradient(top,#f59000,#fd6e1d);
	color: #fff;
}

#detail-product .spec .selling .buy-now .item .button.blue {
	background: #288ad6;
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#379fef),to(#288ad6));
	background: -webkit-linear-gradient(top,#379fef,#288ad6);
	background: -moz-linear-gradient(top,#379fef,#288ad6);
	background: -ms-linear-gradient(top,#379fef,#288ad6);
	background: -o-linear-gradient(top,#379fef,#288ad6);
	color: #fff;
}

#detail-product .spec .social {
    display: none;
	margin-bottom: 15px;
}

#detail-product .spec .support a {
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#ff4f54),to(#E82029));
	background: -webkit-linear-gradient(top,#ff4f54,#E82029);
	background: -moz-linear-gradient(top,#ff4f54,#E82029);
	background: -ms-linear-gradient(top,#ff4f54,#E82029);
	background: -o-linear-gradient(top,#ff4f54,#E82029);
	padding: 8px 15px;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	color: #fff;
}

#detail-product .spec .support a p {
	margin-bottom: 0px;
}

#detail-product .spec .support a p.title {
	text-transform: uppercase;
}

#detail-product .spec .support a p.phone {
	font-size: 20px;
	font-weight: bold;
}

/* Section 1 */
#detail-product .section-1 .content {
	padding: 20px;
}

#detail-product .section-1 .image {
	width: 50%;
	padding-right: 20px;
}

#detail-product .section-1 .info {
	width: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#detail-product .section-1 .image {
		width: 50%;
	}

	#detail-product .section-1 .info {
		width: 50%;
	}
}

@media only screen and (max-width: 991px) {
	#detail-product .section-1 .image {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 15px;
	}

	#detail-product .section-1 .info {
		width: 100%;
	}
}

#detail-product .section-1 .image img {
	width: 100%;
	height: auto;
}

#detail-product .section-1 .image .list-image {
	float: right;
	width: 20%;
	padding-right: 15px;
}

#detail-product .section-1 .image .list-image .item {
	margin-bottom: 15px;
}

#detail-product .section-1 .image .list-image .item:last-child {
	margin-bottom: 0px;
}

#detail-product .section-1 .image .main-image {
	float: right;
	width: 80%;
}

#detail-product .section-1 .image .main-image .hint {
	font-size: 12.5px;
	margin-top: 20px;
}

#detail-product .section-1 .image .main-image .hint img {
	width: auto;
	height: auto;
	vertical-align: middle;
}

@media only screen and (max-width: 991px) {
	#detail-product .section-1 .image .list-image {
		float: left;
		width: 100%;
		margin: 0px -5px;
		padding-right: 0px;
	}

	#detail-product .section-1 .image .list-image .item {
		width: 25%;
		padding: 0px 5px;
		margin: 0px;
		float: left;
	}

	#detail-product .section-1 .image .main-image {
		float: left;
		width: 100%;
		margin-bottom: 15px;
	}
	
	#detail-product .section-1 .image .main-image .hint {
		display: none;
	}
}

/* Section 2 */
#detail-product .section-2 .detail {
	width: 70%;
	padding-right: 40px;
}

#detail-product .section-2 .info {
	width: 30%;
}

@media only screen and (max-width: 991px) {
	#detail-product .section-2 .detail {
		width: 100%;
		padding-right: 0px;
	}

	#detail-product .section-2 .info {
		display: none;
	}
}

#detail-product .section-2 .spec {
	margin-bottom: 20px;
}

#detail-product .section-2 .spec .brand,
#detail-product .section-2 .spec .code,
#detail-product .section-2 .spec .status,
#detail-product .section-2 .spec .price,
#detail-product .section-2 .spec .price-old {
	display: block;
	margin-bottom: 10px;
	margin-right: 0px;
}

#detail-product .section-2 .spec .price-save {
	margin-bottom: 10px;
}

#detail-product .section-2 .spec .selling .buy-now .item .button {
	font-size: 14px;
}

/* Section 3 */
#detail-product .section-3 .content {
	padding: 0px;
}

/* ========== DETAIL NEWS ========== */
#detail-news h1.page-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

#detail-news .wrapper {
	background: #fff;
	margin-bottom: 40px;
	padding: 20px;
}

@media only screen and (max-width: 575px) {
	#detail-news .wrapper {
		margin-left: -10px;
		margin-right: -10px;
		padding: 10px;
	}
}

#detail-news .header .time {
	margin-bottom: 15px;
}

#detail-news .entry-footer {
	margin-bottom: 15px;
}

#detail-news .entry-footer .kk-star-ratings {
	float: right !important;
}

#detail-news .related-news .header {
	margin-bottom: 20px;
}

#detail-news .related-news .header h2 {
	color: #105caa;
	font-size: 20px;
	font-weight: bold;
}

#detail-news .related-news .list-related-news {
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: 20px;
}

#detail-news .related-news .list-related-news [class^="col-"] {
	padding-right: 5px;
	padding-left: 5px;
}

.list-product:last-child {
	margin-bottom: 0px;
}

#detail-news .related-news .list-related-news .item:hover a {
	color: #105caa;
}

#detail-news .related-news .list-related-news .item {
	margin-bottom: 20px;
}

#detail-news .related-news .list-related-news .item .image {
	margin-bottom: 5px;
}

#detail-news .related-news .list-related-news .item .image img {
	width: 100%;
	height: auto;
}

#detail-news .related-news .list-related-news .item .info .name {
	font-size: 18px;
	margin-bottom: 8px;
}

#detail-news .related-news .list-related-news .item .info .time {
	color: #999;
	font-size: 13px;
}

/* ========== Page 404 CSS ========== */
#page-404 {
	width: 100%;
	position: relative;
	display: table;
	color: #ff0000;
	padding: 15px;
	background: #fff;
}

#page-404 .main {
	display: table-cell;
	vertical-align: middle;
}

#page-404 p {
	margin-left: auto;
	margin-right: auto; 
}

@media only screen and (min-width: 576px) {
	#page-404 {
		height: 450px;
	}

	#page-404 p {
		font-size: 34px;
	}
}

@media only screen and (max-width: 575px) {
	#page-404 {
		height: 300px;
	}

	#page-404 p {
		font-size: 26px;
	}
}

/* ========== Cart CSS ========== */
#cart .wrapper {
	background: #fff;
	margin-top: 15px;
	margin-bottom: 40px;
}

#cart .header {
	background: #000000;
	padding: 10px;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
}

#cart .row {
	margin-right: 0px;
	margin-left: 0px;
}

#cart .row [class^="col-"] {
	padding-right: 0px;
	padding-left: 0px;
}

#cart table {
	width: 100%;
	font-size: 15px;
	border-collapse: collapse;
}

@media only screen and (max-width: 991px) {
	#cart table {
		font-size: 16px;
	}
}

#cart table tr th {
	text-align: left;
	background: #f2f2f2;
	color: #333;
	text-transform: uppercase;
}

#cart table tr th,
#cart table tr td {
	padding: 8px 10px;
	border-collapse: collapse;
}

#cart table tr td {
	vertical-align: top;
	border-bottom: 1px solid #f2f2f2;
}

#cart .item .image {
	width: 80px;
}

#cart .item .info {
	margin-left: 90px;
}

#cart .item .image img {
	max-width: 100%;
	height: auto;
}

#cart .item .info .title {
	line-height: 1.4;
	margin-bottom: 5px;
}

#cart .item .info .quanlity label {
	text-transform: uppercase;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

#cart .item .amount {
	color: #e32521;
	font-weight: bold;
}

#cart .item .button {
	border: none;
	padding: 5px 8px;
	cursor: pointer;
}

#cart .item .button.button-delete {
	background: #ed1b2f;
	color: #fff;
}

#cart .item .button.button-back {
	display: inline-block;
	border: 1px solid #000000;
	color: #000000;
	border-radius: 2px;
}

#cart .item .button.button-back:hover {
	background: #000000;
	color: #fff;
}

#cart .item .total {
	color: #ed1b2f;
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
	text-align: right;
}

#cart .checkout {
	padding: 15px;
}

#cart .content.info {
	padding: 15px;
}

#cart .content.info .title {
	color: #333;
	text-transform: uppercase;
	font-size: 15px;
}

#cart .content.info .form-group {
	margin: 12px 0px;
}

#cart .content.info .form-group:first-child {
	margin-top: 0px;
}

#cart .content.info hr {
	border: 1px solid #e3e3e3;
	margin: 15px 0px;
}

#cart .content.info input[type="text"],
#cart .content.info select {
	padding: 8px 10px;
	width: 100%;
	border: 1px solid #ccc;
	font-size: 14px;
}

#cart .content.info button,
#cart .content.info input[type="submit"] {
	padding: 10px 25px;
	border: 1px solid #ccc;
	font-size: 14px;
	background: #e82029;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
}

#cart .content.info textarea {
	padding: 8px 10px;
	width: 100%;
	border: 1px solid #ccc;
	line-height: 1.4;
	font-size: 14px;
	font-family: 'Arial', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	resize: vertical;
	min-height: 80px;
}

#cart .content.info .bank {
	margin-top: 10px;
	margin-bottom: 5px;
}

#cart .content.info .bank img.logo {
	width: 200px;
	height: auto;
	margin-bottom: 5px;
}

#cart .content.info .bank p {
	line-height: 1.4;
	margin-bottom: 5px;
}

#cart .content.info .bank p:last-child {
	margin-bottom: 0px;
}

#cart .content.info .error-message {
	color: #ed1b2f;
}

/* ========== Order Success CSS ========== */
#order-success {
	width: 100%;
	position: relative;
	display: table;
	color: #105caa;
	padding: 15px;
	background: #fff;
}

#order-success .main {
	display: table-cell;
	vertical-align: middle;
}

#order-success p {
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 5px;
}

@media only screen and (min-width: 576px) {
	#order-success {
		height: 450px;
	}

	#order-success p {
		font-size: 34px;
	}
}

@media only screen and (max-width: 575px) {
	#order-success {
		height: 300px;
	}

	#order-success p {
		font-size: 26px;
	}
}