/* Add your custom css styles */
@font-face {
	font-family: 'THAI';
	src: url('fonts/THAISANSLITE_R1.otf');
	src: url('fonts/THAISANSLITE_R1.ttf');
	font-weight: normal;  
	font-style: normal;  
}

p {
	font-family: 'THAI';
}

.manage-sticky {
	position: fixed !important;
	top: 0px;
	z-index: 4000 !important;
	width: 100%;
	/*background-color: white !important;*/
	background-color: black !important;
	border-color: 1px solid #eee !important;
}

.header-split {
	margin-top: 41px;
}

.gototop-button {
	background-color: #141414 !important;
}

#mainMenu li:last-child {
	border-bottom: none !important;
}

nav ul.main-menu .dropdown:hover > .dropdown-menu {
	opacity: 1 !important;
}

.image-box.circle-image.small {
	height: 250px;
	width: 250px;
}

.fa-facebook-official {
	color: #3A5795 !important;
}

#page-title {
	height: 400px;
}

/*ShopUp Footer EngineBy*/

#sh_shopup_footer footer {
	background-color: #101010 !important;
}

.engine_by_shopup_bottom {
	margin: 0px !important;
	background-color: #101010 !important;
	color: #ccc;
}

/*breadcrumb*/
.breadcrumb {
	margin-top: 0px !important;
	text-align: left !important;
	border-color: #cacaca !important;
}

.breadcrumb a {
	color: #222222 !important;
}

.topbar-transparent .topbar-dropdown .title {
	border-color: rgba(180, 180, 180, 0.42);
}

#sh_index_header_2_logo {
	float: left;
}

.su-side-container .su-element-box {
	box-shadow: none;
}

/* BEGIN SYSTEM TOPBAR */

	#topbar {
		/*background-color: #141414 !important;*/
		background-color: #B1ECF2 !important;
	}

	.topbar-dropdown {
		font-size: 15px;
	}

	.topbar-dropdown i {
		top: 1px !important;
	}

	#social-items {
		padding-left: 10px !important;
	}

	#social-items .topbar-dropdown .title .fa {
		margin-right: 0px !important;
	}

	#social-items .topbar-dropdown .title {
		padding: 0px 15px;
	}

	#manage-items .topbar-dropdown .title .fa {
		margin-right: 7px;
	}

	.sh-responsive-btn {
		display: none;
	}

	.sh-responsive-btn {
		/*padding: 7px 12px 6px 13px;*/
		margin: 9px 0px;
		border: 1px solid rgba(0,0,0,0.2);
		border-radius: 5px;
	}

	.no-m-r {
		margin-right: 0px !important;
	}

	#btn-social a,
	#btn-manage a {
		padding: 7px 12px;
		display: block;
	}

	#btn-social {
		float: left;
	}

	#btn-manage {
		float: right;
	}

	@media (max-width: 991px) {

		#topbar .container {
			padding: 0px 10px !important;
		}

		#manage-items,
		#social-items {
			padding: 9px 0px;
		}

		#topbar .fa {
			/*color: #fff;*/
			color: #111;
			font-size: 16px;
		}

		.sh-responsive-btn {
			display: inline;
		}

		#social-items {
			display: none;
		}

		#manage-items {
			display: none;
		}

		#topbar.topbar-dark {
			/*background-color: #141414 !important;*/
			background-color: #B1ECF2 !important;
		}

		#header {
			/*background-color: #252525 !important;*/
			background-color: #fff !important;
			border: none !important;
		}

		.main-menu > ul > li {
			border-color: #525252 !important;
		}

		.topbar-transparent .topbar-dropdown:first-child .title,
		#topbar .topbar-dropdown .title {
			border: none !important;
		}

		#manage-items .topbar-dropdown .title .fa {
			margin-right: 7px !important;
		}

		.select-flag-option img {
			margin-right: 0px !important;
			padding: 0px 8px;
		}

	}

	@media (max-width: 600px) {

		.topbar-dropdown .title .fa {
			margin: 0px !important;
		}

		.topbar-dropdown span {
			display: none;
		}

		.topbar-dropdown .list-entry {
			text-align: center;
		}

		#manage-items .topbar-dropdown .title .fa.fa-dollar {
			margin-right: 7px !important;
		}

		#topbar .topbar-dropdown .title {
			padding: 0px 15px !important;
		}

	}

	@media (max-width: 414px) {
		#topbar .topbar-dropdown .title {
			padding: 0px 10px !important;
		}
	}

	@media (max-width: 375px) {
		#topbar .topbar-dropdown .title {
			padding: 0px 8px !important;
		}
	}

	@media (max-width: 320px) {
		#topbar .topbar-dropdown .title {
			padding: 0px 5px !important;
		}

		.topbar-dropdown .list-entry img {
			display: none;
		}

		.select-flag-option span {
			display: block;
			text-align: center;
		}

	}

/* END SYSTEM TOPBAR */


@media(min-width: 992px){
	header:not(.header-sticky) #mainMenu ul.main-menu > li > a {
		padding: 10px 15px;
		font-size: 22px;
		line-height: 68px;
		font-weight: 800;
		height: 88px;
	}
	header.header-sticky #mainMenu ul.main-menu > li > a {
		font-size: 22px;
		font-weight: 800;
		height: 60px;
		line-height: 40px;
	}
}
@media(max-width: 991px){
	#mainMenu ul.main-menu > li > a {
		font-size: 22px;
		font-weight: 800;
	}
	#mainMenu ul.main-menu > li a {
		color: #111;
	}
	nav .main-menu .dropdown-submenu {
		background: transparent;
	}
}