/*----- FONTS -----*/
	/***** KANIT *****/
	@font-face {
		font-family: 'kanitblack';
		src: url('fonts/kanit-black-webfont.woff2') format('woff2'),
			url('fonts/kanit-black-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitblack_italic';
		src: url('fonts/kanit-blackitalic-webfont.woff2') format('woff2'),
			url('fonts/kanit-blackitalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitbold';
		src: url('fonts/kanit-bold-webfont.woff2') format('woff2'),
			url('fonts/kanit-bold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitbold_italic';
		src: url('fonts/kanit-bolditalic-webfont.woff2') format('woff2'),
			url('fonts/kanit-bolditalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitextrabold';
		src: url('fonts/kanit-extrabold-webfont.woff2') format('woff2'),
			url('fonts/kanit-extrabold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitextrabold_italic';
		src: url('fonts/kanit-extrabolditalic-webfont.woff2') format('woff2'),
			url('fonts/kanit-extrabolditalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitextralight';
		src: url('fonts/kanit-extralight-webfont.woff2') format('woff2'),
			url('fonts/kanit-extralight-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitextralight_italic';
		src: url('fonts/kanit-extralightitalic-webfont.woff2') format('woff2'),
			url('fonts/kanit-extralightitalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanititalic';
		src: url('fonts/kanit-italic-webfont.woff2') format('woff2'),
			url('fonts/kanit-italic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitlight';
		src: url('fonts/kanit-light-webfont.woff2') format('woff2'),
			url('fonts/kanit-light-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitlight_italic';
		src: url('fonts/kanit-lightitalic-webfont.woff2') format('woff2'),
			url('fonts/kanit-lightitalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitmedium';
		src: url('fonts/kanit-medium-webfont.woff2') format('woff2'),
			url('fonts/kanit-medium-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitmedium_italic';
		src: url('fonts/kanit-mediumitalic-webfont.woff2') format('woff2'),
			url('fonts/kanit-mediumitalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitregular';
		src: url('fonts/kanit-regular-webfont.woff2') format('woff2'),
			url('fonts/kanit-regular-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitsemibold';
		src: url('fonts/kanit-semibold-webfont.woff2') format('woff2'),
			url('fonts/kanit-semibold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitsemibold_italic';
		src: url('fonts/kanit-semibolditalic-webfont.woff2') format('woff2'),
			url('fonts/kanit-semibolditalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitthin';
		src: url('fonts/kanit-thin-webfont.woff2') format('woff2'),
			url('fonts/kanit-thin-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'kanitthin_italic';
		src: url('fonts/kanit-thinitalic-webfont.woff2') format('woff2'),
			url('fonts/kanit-thinitalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	/***** ROBOTO *****/
	@font-face {
		font-family: 'robotoblack';
		src: url('fonts/roboto-black-webfont.woff2') format('woff2'),
			url('fonts/roboto-black-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotoblack_italic';
		src: url('fonts/roboto-blackitalic-webfont.woff2') format('woff2'),
			url('fonts/roboto-blackitalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotobold';
		src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
			url('fonts/roboto-bold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotobold_italic';
		src: url('fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
			url('fonts/roboto-bolditalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotoitalic';
		src: url('fonts/roboto-italic-webfont.woff2') format('woff2'),
			url('fonts/roboto-italic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotolight';
		src: url('fonts/roboto-light-webfont.woff2') format('woff2'),
			url('fonts/roboto-light-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotolight_italic';
		src: url('fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
			url('fonts/roboto-lightitalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotomedium';
		src: url('fonts/roboto-medium-webfont.woff2') format('woff2'),
			url('fonts/roboto-medium-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotomedium_italic';
		src: url('fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
			url('fonts/roboto-mediumitalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotoregular';
		src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
			url('fonts/roboto-regular-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotothin';
		src: url('fonts/roboto-thin-webfont.woff2') format('woff2'),
			url('fonts/roboto-thin-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}




	.knife-academy .fancybox-lock {
		overflow: auto !important;
	}

	.knife-academy .fancybox-margin {
		margin-right: 0px;
	}

	.knife-academy .fancybox-inner {

		border-radius: 5px;
		width: 650 !important;
	}

	.knife-academy .fancybox-outer {
		width: 650px !important;
		height: 385px;
	}

	.knife-academy .fancybox-skin {
		background: #000;
	}

	.knife-academy .fancybox-close:after {
		background: #0071CE;
		border: 1px solid #0071CE;
	}

	.knife-academy .fancybox-close:before {
		font-weight: bold;
		color: #FFF;
		top: 4px;
		right: 7.75px;
		font-size: 17px;
	}

	.knife-academy .fancybox-close:after {
		content: '';
		font-size: 18px;
		color: #FFF;
		position: absolute;
		width: 24px;
		height: 24px;
		cursor: pointer;
		z-index: 8030;
		font-family: 'Arial';
		background: #0071CE;
		border: 3px solid #FFF;
		border-radius: 18px;
	}

	.knife-academy .fancybox-opened {
		width: 670px !important;
	}

	.knife-academy .fancybox-close {
		top: -22px !important;
		right: -32px !important;
	}

	.knife-academy .fancybox-skin {
		background: #000;
		width: 650px !important;
		border: 10px solid #fff;
	}


	.content-section {
		width: 100%;
		margin: 15px auto 15px auto;
	}

	.content-image {
		width: 100%;
		height: auto;
		margin: 20px auto 20px auto;
		text-align: center;
	}

	.content-image img {
		display: block;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.content-section h1 {
		font-size: 37pt;
		font-family: kanitbold_italic;
		text-transform: uppercase;
		margin: 0px auto 0px auto;
	}

	.content-box-header {
		width: 95%;
		height: 75px;
		margin: 20px auto 0px auto;
		padding: 15px 25px 0px 25px;
		border-style: solid;
		border-width: 2px;
		border-color: #0071CE;
	}

	.content-box-header h2 {
		margin: 0px;
		font-size: 30pt;
		font-family: 'robotothin';
		float: left;
	}

	.content-box-header button {
		margin: 0px;
		font-size: 30pt;
		font-family: 'robotothin';
		float: right;
		color: #0071CE;
		padding: none;
		border: none;
		background: none;
		outline: 0;
	}

	.content-box-content {
		width: 95%;
		height: auto;
		padding: 15px 25px 30px 25px;
		margin: 0px auto 0px auto;
		border: 2px solid #C6C6C6;
		border-top: none;
	}

	.content-box-content h3 {
		width: 100%;
		text-align: center;
		font-style: italic;
	}

	.content-box-content li {
		font-family: 'robotomedium';
	}

	.content-box-content p {
		font-family: 'robotomedium';
		margin-left: 20px;
	}

	.content-box-content h2 {
		font-family: 'robotoregular';
		margin-left: 20px;
	}

	.toTopArrow {
		width: 100%;
		margin-bottom: 10px;
	}

	.toTopArrow img {
		display: block;
		margin-right: auto;
		margin-left: auto;
		width: 65px;
		height: 65px;
	}

	/***** CATEGORY HEADER *****/
	.category_header_container {
		width: 100%;
		margin-top: -42px;
		text-align: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		background-attachment: 25%;
		padding-top: 20px;
	}

	.category-children {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}

	.banner-buttons-container {
		margin-top: 35px;
		margin-bottom: 20px;
	}

	.mobile_divider {
		width: 100%;
		height: 5px;
		background-color: #0071CE;
		display: none;
	}

	.blue_bar {
		background-color: #0071CE;
		width: 130px;
		height: 12px;
		margin: 10px auto 20px auto;
	}

	.category_header_divider {
		background-color: #0071CE;
		width: 100%;
		height: 7px;
		margin-right: auto;
		margin-left: auto;
	}

	.category_descript {
		color: white;
		width: 60%;
		font-family: 'robotoregular';
		font-size: 16px;
		margin: 10px auto 0px auto;
	}

	.category_header_container button {
		background: none;
		color: white;
		font-size: 18px;
		font-family: 'robotoregular';
		border: 1px solid #0071CE;
		padding: 7px 15px 7px 15px;
		border-radius: 2px;
		margin-bottom: 15px;
	}

	.category_header_container h1 {
		font-size: 35pt;
		color: white;
		font-family: 'kanitbold';
		text-transform: uppercase;
		letter-spacing: 3px;
		margin-top: 15px;
		margin-bottom: -15px;
	}

	.category_header_container button:hover {
		background: #0071CE;
	}

	.button-box {
		margin-top: 15px;
	}

	.video-button {
		margin-right: 15px;
	}







	/***** Start Flashcard header banner content queries *****/
	@media (max-width: 1200px) {
		.blue_bar {
			margin: 10px auto 0px auto;
		}

		.category_descript {
			width: 60%;
			margin: 10px auto -10px auto;
		}
	}

	@media (max-width: 1080px) {
		.blue_bar {
			margin: 10px auto 0px auto;
		}

		.category_descript {
			width: 65%;
			margin: -10px auto -10px auto;
		}
	}

	@media (max-width: 902px) {
		.category_descript {
			width: 70%;
			margin: -10px auto -10px auto;
		}
	}

	@media (max-width: 800px) {
		.category_descript {
			width: 76%;
			font-size: 14px;
		}

		.category_header_container h1 {
			font-size: 34pt;
		}
	}

	@media (max-width: 650px) {
		.category-children {
			margin-top: 10px;
		}

		.category_descript {
			width: 80%;
			font-size: 14px;
		}

		.category_header_container h1 {
			font-size: 34pt;
		}

		.blue_bar {
			margin: 10px auto 0px auto;
			width: 100px;
			height: 8px;
		}
	}

	/* @media (max-width: 622px) {
	.search-bar .btn-search {
    padding: 11px;
	}
} */
	@media (max-width: 600px) {
		.category-children {
			margin-top: -5px;
		}

		.mobile_divider {
			display: block;
		}

		.category_header_container {
			margin-top: -14px;
		}

		.category_header_container h1 {
			font-size: 30pt;
			margin-top: -10px;
			margin-bottom: -15px;
			letter-spacing: 2px;
		}

		.category_descript {
			width: 80%;
			font-size: 13px;
			margin-bottom: 10px;
		}

		.category_header_container button {
			margin-bottom: 20px;
		}
	}

	@media (max-width: 500px) {
		.category-children {
			margin-top: 0px;
		}

		.category_descript {
			width: 80%;
			font-size: 14px;
		}

		.category_header_container h1 {
			font-size: 30pt;
		}

		.blue_bar {
			margin: 10px auto 0px auto;
			width: 100px;
			height: 8px;
		}
	}

	@media (max-width: 420px) {
		.category_header_container {
			margin-top: -10px;
		}

		.category_header_container h1 {
			font-size: 24pt;
		}

		.category_header_container button {
			font-size: 15px;
			margin-bottom: 15px;
		}

		.category_descript {
			margin-top: 10px;
			width: 80%;
			font-size: 13px;
		}
		.button-box {
			margin-top: 20px;
		
	}

	@media (max-width: 376px) {
		.category_header_container {
			margin-top: -15px;
		}
	}

	@media (max-width: 350px) {
		.category_header_container button {
			font-size: 12px;
		}

		.category_header_container h1 {
			font-size: 20pt;
		}
	}

	@media (max-width: 322px) {
		.category_header_container {
			margin-top: -10px;
		}
	}

	/***** END Flashcard header banner content queries *****/
	/***** Start Category Content Queries *****/
	@media (min-width: 1025px) {
		.content-box-header {
			height: 60px;
		}

		.content-box-header button {
			font-size: 24pt;
		}

		.content-box-header h2 {
			font-size: 24pt;
		}
	}

	@media (max-width: 1024px) {
		.content-box-header {
			height: 60px;
		}

		.content-box-header button {
			font-size: 24pt;
		}

		.content-box-header h2 {
			font-size: 24pt;
		}
	}

	@media (max-width: 779px) {
		.content-box-header {
			height: 50px;
		}

		.content-box-header button {
			font-size: 18pt;
		}

		.content-box-header h2 {
			font-size: 18pt;
		}
	}

	@media (max-width: 574px) {
		.content-box-header {
			height: 40px;
			max-width: 85%;
		}

		.content-box-content {
			max-width: 85%;
		}

		.content-box-header button {
			font-size: 14pt;
		}

		.content-box-header h2 {
			font-size: 14pt;
		}
	}

	@media (max-width: 450px) {
		.content-box-header {
			height: 40px;
			max-width: 85%;
		}

		.content-box-header button {
			font-size: 11pt;
		}

		.content-box-header h2 {
			font-size: 11pt;
		}

		.content-section h1 {
			font-size: 28pt;
		}

		.video-button {
			margin-right: 0px;
		}
	}

	@media (max-width: 360px) {
		.content-box-header {
			height: 30px;
		}

		.content-box-header button {
			font-size: 9pt;
		}

		.content-box-header h2 {
			font-size: 9pt;
		}

	}

	/***** End Category Content Queries *****/