@charset "UTF-8";
@font-face {
	font-family: 'THSarabunNew';
	src: url("../fonts/THSarabunNew/THSarabunNew.eot");
	src: local("☺"), url("../fonts/THSarabunNew/THSarabunNew.woff") format("woff"), url("../fonts/THSarabunNew/THSarabunNew.ttf") format("truetype"), url("../fonts/THSarabunNew/THSarabunNew.svg") format("svg");
	font-weight: normal;
font-style: normal; }

::-moz-selection {
	background-color: #3b579d;
color: #000; }

::selection {
	background-color: #3b579d;
color: #000; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #777;
	font-weight: 300;
	font-size: 16px;
padding-top: 5px; }

input ::moz-placeholder, textarea ::moz-placeholder {
	color: #777;
	opacity: 1;
	font-weight: 300;
	font-size: 16px;
padding-top: 5px; }

input ::-moz-placeholder, textarea ::-moz-placeholder {
	color: #777;
	opacity: 1;
	font-weight: 300;
	font-size: 16px;
padding-top: 5px; }

input ::-ms-input-placeholder, textarea ::-ms-input-placeholder {
	color: #777;
	font-weight: 300;
	font-size: 16px;
padding-top: 5px; }

input ::-ms-input-placeholder, textarea ::-ms-input-placeholder {
	color: #777;
	font-weight: 300;
	font-size: 16px;
padding-top: 5px; }

body {
	color: #000;
	font-family: "THSarabunNew", sans-serif;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.125em;
position: relative; }

a, .transition {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }

iframe {
border: 0; }

a {
	text-decoration: none;
outline: 0; }
a:focus, a:hover {
    text-decoration: none;
outline: 0; }

/**
	* For modern browsers
	* 1. The space content is one way to avoid an Opera bug when the
	*    contenteditable attribute is included anywhere else in the document.
	*    Otherwise it causes space to appear at the top and bottom of elements
	*    that are clearfixed.
	* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements. */
.clear::before {
	content: " ";
display: table; }

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

.fz-11 {
font-size: 11px; }

.fz-12 {
font-size: 12px; }

.fz-13 {
font-size: 13px; }

.fz-14 {
font-size: 14px; }

.fz-15 {
font-size: 15px; }

.fz-16 {
font-size: 12px; }

.fz-18 {
font-size: 18px; }

.fz-30 {
font-size: 30px; }

.fz-48 {
font-size: 48px !important; }

.fw100 {
font-weight: 100; }

.fw300 {
font-weight: 300; }

.fw400 {
font-weight: 400 !important; }

.fw500 {
font-weight: 500; }

.fw700 {
font-weight: 700; }

.fsi {
font-style: italic; }

.mt-10 {
margin-top: 10px; }

.mt-15 {
margin-top: 15px; }

.mt-20 {
margin-top: 20px; }

.mt-25 {
margin-top: 25px; }

.mt-30 {
margin-top: 30px; }

.mt-35 {
margin-top: 35px; }

.mt-40 {
margin-top: 40px; }

.mt-50 {
margin-top: 50px; }

.mt-60 {
margin-top: 60px; }

.mt-70 {
margin-top: 70px; }

.mt-80 {
margin-top: 80px; }

.mt-100 {
margin-top: 100px; }

.mt-120 {
margin-top: 120px; }

.mt-150 {
margin-top: 150px; }

.ml-0 {
margin-left: 0 !important; }

.ml-5 {
margin-left: 5px !important; }

.ml-10 {
margin-left: 10px; }

.ml-15 {
margin-left: 15px; }

.ml-20 {
margin-left: 20px; }

.ml-30 {
margin-left: 30px; }

.ml-50 {
margin-left: 50px; }

.mr-0 {
margin-right: 0 !important; }

.mr-5 {
margin-right: 5px !important; }

.mr-15 {
margin-right: 15px; }

.mr-10 {
margin-right: 10px; }

.mr-20 {
margin-right: 20px; }

.mr-30 {
margin-right: 30px; }

.mr-50 {
margin-right: 50px; }

.mb-0 {
margin-bottom: 0px; }

.mb-0-i {
margin-bottom: 0px !important; }

.mb-5 {
margin-bottom: 5px; }

.mb-10 {
margin-bottom: 10px; }

.mb-15 {
margin-bottom: 15px; }

.mb-20 {
margin-bottom: 20px; }

.mb-25 {
margin-bottom: 25px; }

.mb-30 {
margin-bottom: 30px; }

.mb-40 {
margin-bottom: 40px; }

.mb-50 {
margin-bottom: 50px; }

.mb-60 {
margin-bottom: 60px; }

.mb-70 {
margin-bottom: 70px; }

.mb-80 {
margin-bottom: 80px; }

.mb-90 {
margin-bottom: 90px; }

.mb-100 {
margin-bottom: 100px; }

.pt-0 {
padding-top: 0px; }

.pt-10 {
padding-top: 10px; }

.pt-15 {
padding-top: 15px; }

.pt-20 {
padding-top: 20px; }

.pt-25 {
padding-top: 25px; }

.pt-30 {
padding-top: 30px; }

.pt-40 {
padding-top: 40px; }

.pt-50 {
padding-top: 50px; }

.pt-60 {
padding-top: 60px; }

.pt-70 {
padding-top: 70px; }

.pt-80 {
padding-top: 80px; }

.pt-90 {
padding-top: 90px; }

.pt-100 {
padding-top: 100px; }

.pt-120 {
padding-top: 120px; }

.pt-150 {
padding-top: 150px; }

.pt-170 {
padding-top: 170px; }

.pb-0 {
padding-bottom: 0px; }

.pb-10 {
padding-bottom: 10px; }

.pb-15 {
padding-bottom: 15px; }

.pb-20 {
padding-bottom: 20px; }

.pb-25 {
padding-bottom: 25px; }

.pb-30 {
padding-bottom: 30px; }

.pb-40 {
padding-bottom: 40px; }

.pb-50 {
padding-bottom: 50px; }

.pb-60 {
padding-bottom: 60px; }

.pb-70 {
padding-bottom: 70px; }

.pb-80 {
padding-bottom: 80px; }

.pb-90 {
padding-bottom: 90px; }

.pb-100 {
padding-bottom: 100px; }

.pb-120 {
padding-bottom: 120px; }

.pb-150 {
padding-bottom: 150px; }

.pr-30 {
padding-right: 30px; }

.pl-30 {
padding-left: 30px; }

.pl-90 {
padding-left: 90px; }

.p-40 {
padding: 40px; }

.float-left {
float: left; }

.float-right {
float: right; }

.section-full {
padding: 100px 0; }

.section-half {
padding: 75px 0; }

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

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

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

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
display: flex; }

.inline-flex {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
display: inline-flex; }

.flex-grow {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-positive: 1;
flex-grow: 1; }

.flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
flex-wrap: wrap; }

.flex-left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
justify-content: flex-start; }

.flex-middle {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
align-items: center; }

.flex-right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
justify-content: flex-end; }

.flex-top {
	-webkit-align-self: flex-start;
	-moz-align-self: flex-start;
	-ms-flex-item-align: start;
align-self: flex-start; }

.flex-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
justify-content: center; }

.flex-bottom {
	-webkit-align-self: flex-end;
	-moz-align-self: flex-end;
	-ms-flex-item-align: end;
align-self: flex-end; }

.space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
justify-content: space-between; }

.space-around {
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
justify-content: space-around; }

.flex-column {
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
flex-direction: column; }

.flex-cell {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-positive: 1;
flex-grow: 1; }

.container.fullwidth {
width: 100%; }

.container.no-padding {
	padding-left: 0;
padding-right: 0; }

.row.no-margin {
	margin-left: 0;
margin-right: 0; }

.no-padding {
padding: 0; }

@media (max-width: 767px) {
	.no-flex-xs {
	display: block !important; } }
	
	.dropdown:hover > .dropdown-menu {
		display: block;
	margin-top: -8px; }
	
	.dropdown > .dropdown-toggle:active {
	pointer-events: none; }
	
	.marquee {
		overflow: hidden;
	text-align: left; }
	.marquee.marquee-speed-drowsy:before {
		-webkit-animation-duration: 30s;
	animation-duration: 30s; }
	.marquee.marquee-speed-slow:before {
		-webkit-animation-duration: 20s;
	animation-duration: 20s; }
	.marquee.marquee-speed-custom:before {
		-webkit-animation-duration: inherit;
	animation-duration: inherit; }
	.marquee.marquee-speed-normal:before {
		-webkit-animation-duration: 10s;
	animation-duration: 10s; }
	.marquee.marquee-speed-fast:before {
		-webkit-animation-duration: 7s;
	animation-duration: 7s; }
	.marquee.marquee-speed-swift:before {
		-webkit-animation-duration: 5s;
	animation-duration: 5s; }
	.marquee.marquee-speed-hyper:before {
		-webkit-animation-duration: 2s;
	animation-duration: 2s; }
	.marquee.marquee-movement-smooth:before {
		-webkit-animation-name: movement-smooth;
	animation-name: movement-smooth; }
	.marquee.marquee-movement-steps20:before {
		-webkit-animation-name: movement-steps20;
	animation-name: movement-steps20; }
	.marquee.marquee-movement-steps10:before {
		-webkit-animation-name: movement-steps10;
	animation-name: movement-steps10; }
	.marquee.marquee-movement-steps5:before {
		-webkit-animation-name: movement-steps5;
	animation-name: movement-steps5; }
	.marquee.marquee-direction-left:before, .marquee.marquee-direction-normal:before {
		-webkit-animation-direction: normal;
	animation-direction: normal; }
	.marquee.marquee-direction-alternate:before {
		-webkit-animation-direction: alternate;
	animation-direction: alternate; }
	.marquee.marquee-direction-right:before, .marquee.marquee-direction-reverse:before {
	animation-direction: reverse; }
	.marquee:before {
		content: attr(data-marquee);
		white-space: nowrap;
		position: relative;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		display: inline-block;
		left: 50%;
		-webkit-animation: linear infinite;
		animation: linear infinite;
		-webkit-animation-duration: 10s;
		animation-duration: 10s;
		-webkit-animation-name: movement-smooth;
		animation-name: movement-smooth;
		-webkit-animation-direction: normal;
	animation-direction: normal; }
	.marquee:hover:before { 
		-moz-animation-play-state: paused;
		-webkit-animation-play-state: paused;
	animation-play-state: paused;}
	@-webkit-keyframes movement-smooth {
		from {
			-webkit-transform: translateX(0%);
			transform: translateX(0%);
		left: 100%; }
		to {
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
		left: 0%; } }
		
		@keyframes movement-smooth {
			from {
				-webkit-transform: translateX(0%);
				transform: translateX(0%);
			left: 100%; }
			to {
				-webkit-transform: translateX(-100%);
				transform: translateX(-100%);
			left: 0%; } }
			
			@-webkit-keyframes movement-steps20 {
				0% {
					-webkit-transform: translateX(0%);
					transform: translateX(0%);
				left: 100%; }
				5%,
				9.99% {
					-webkit-transform: translateX(-5%);
					transform: translateX(-5%);
				left: 95%; }
				10%,
				14.99% {
					-webkit-transform: translateX(-10%);
					transform: translateX(-10%);
				left: 90%; }
				15%,
				19.99% {
					-webkit-transform: translateX(-15%);
					transform: translateX(-15%);
				left: 85%; }
				20%,
				24.99% {
					-webkit-transform: translateX(-20%);
					transform: translateX(-20%);
				left: 80%; }
				25%,
				29.99% {
					-webkit-transform: translateX(-25%);
					transform: translateX(-25%);
				left: 75%; }
				30%,
				34.99% {
					-webkit-transform: translateX(-30%);
					transform: translateX(-30%);
				left: 70%; }
				35%,
				39.99% {
					-webkit-transform: translateX(-35%);
					transform: translateX(-35%);
				left: 65%; }
				40%,
				44.99% {
					-webkit-transform: translateX(-40%);
					transform: translateX(-40%);
				left: 60%; }
				45%,
				49.99% {
					-webkit-transform: translateX(-45%);
					transform: translateX(-45%);
				left: 55%; }
				50%,
				54.99% {
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
				left: 50%; }
				55%,
				59.99% {
					-webkit-transform: translateX(-55%);
					transform: translateX(-55%);
				left: 45%; }
				60%,
				64.99% {
					-webkit-transform: translateX(-60%);
					transform: translateX(-60%);
				left: 40%; }
				65%,
				69.99% {
					-webkit-transform: translateX(-65%);
					transform: translateX(-65%);
				left: 35%; }
				70%,
				74.99% {
					-webkit-transform: translateX(-70%);
					transform: translateX(-70%);
				left: 30%; }
				75%,
				79.99% {
					-webkit-transform: translateX(-75%);
					transform: translateX(-75%);
				left: 25%; }
				80%,
				84.99% {
					-webkit-transform: translateX(-80%);
					transform: translateX(-80%);
				left: 20%; }
				85%,
				89.99% {
					-webkit-transform: translateX(-85%);
					transform: translateX(-85%);
				left: 15%; }
				90%,
				94.99% {
					-webkit-transform: translateX(-90%);
					transform: translateX(-90%);
				left: 10%; }
				95%,
				99.99% {
					-webkit-transform: translateX(-95%);
					transform: translateX(-95%);
				left: 5%; }
				100% {
					-webkit-transform: translateX(-100%);
					transform: translateX(-100%);
				left: 0%; } }
				
				@keyframes movement-steps20 {
					0% {
						-webkit-transform: translateX(0%);
						transform: translateX(0%);
					left: 100%; }
					5%,
					9.99% {
						-webkit-transform: translateX(-5%);
						transform: translateX(-5%);
					left: 95%; }
					10%,
					14.99% {
						-webkit-transform: translateX(-10%);
						transform: translateX(-10%);
					left: 90%; }
					15%,
					19.99% {
						-webkit-transform: translateX(-15%);
						transform: translateX(-15%);
					left: 85%; }
					20%,
					24.99% {
						-webkit-transform: translateX(-20%);
						transform: translateX(-20%);
					left: 80%; }
					25%,
					29.99% {
						-webkit-transform: translateX(-25%);
						transform: translateX(-25%);
					left: 75%; }
					30%,
					34.99% {
						-webkit-transform: translateX(-30%);
						transform: translateX(-30%);
					left: 70%; }
					35%,
					39.99% {
						-webkit-transform: translateX(-35%);
						transform: translateX(-35%);
					left: 65%; }
					40%,
					44.99% {
						-webkit-transform: translateX(-40%);
						transform: translateX(-40%);
					left: 60%; }
					45%,
					49.99% {
						-webkit-transform: translateX(-45%);
						transform: translateX(-45%);
					left: 55%; }
					50%,
					54.99% {
						-webkit-transform: translateX(-50%);
						transform: translateX(-50%);
					left: 50%; }
					55%,
					59.99% {
						-webkit-transform: translateX(-55%);
						transform: translateX(-55%);
					left: 45%; }
					60%,
					64.99% {
						-webkit-transform: translateX(-60%);
						transform: translateX(-60%);
					left: 40%; }
					65%,
					69.99% {
						-webkit-transform: translateX(-65%);
						transform: translateX(-65%);
					left: 35%; }
					70%,
					74.99% {
						-webkit-transform: translateX(-70%);
						transform: translateX(-70%);
					left: 30%; }
					75%,
					79.99% {
						-webkit-transform: translateX(-75%);
						transform: translateX(-75%);
					left: 25%; }
					80%,
					84.99% {
						-webkit-transform: translateX(-80%);
						transform: translateX(-80%);
					left: 20%; }
					85%,
					89.99% {
						-webkit-transform: translateX(-85%);
						transform: translateX(-85%);
					left: 15%; }
					90%,
					94.99% {
						-webkit-transform: translateX(-90%);
						transform: translateX(-90%);
					left: 10%; }
					95%,
					99.99% {
						-webkit-transform: translateX(-95%);
						transform: translateX(-95%);
					left: 5%; }
					100% {
						-webkit-transform: translateX(-100%);
						transform: translateX(-100%);
					left: 0%; } }
					
					@-webkit-keyframes movement-steps10 {
						0% {
							-webkit-transform: translateX(0%);
							transform: translateX(0%);
						left: 100%; }
						10%,
						19.99% {
							-webkit-transform: translateX(-10%);
							transform: translateX(-10%);
						left: 90%; }
						20%,
						29.99% {
							-webkit-transform: translateX(-20%);
							transform: translateX(-20%);
						left: 80%; }
						30%,
						39.99% {
							-webkit-transform: translateX(-30%);
							transform: translateX(-30%);
						left: 70%; }
						40%,
						49.99% {
							-webkit-transform: translateX(-40%);
							transform: translateX(-40%);
						left: 60%; }
						50%,
						59.99% {
							-webkit-transform: translateX(-50%);
							transform: translateX(-50%);
						left: 50%; }
						60%,
						69.99% {
							-webkit-transform: translateX(-60%);
							transform: translateX(-60%);
						left: 40%; }
						70%,
						79.99% {
							-webkit-transform: translateX(-70%);
							transform: translateX(-70%);
						left: 30%; }
						80%,
						89.99% {
							-webkit-transform: translateX(-80%);
							transform: translateX(-80%);
						left: 20%; }
						90%,
						99.99% {
							-webkit-transform: translateX(-90%);
							transform: translateX(-90%);
						left: 10%; }
						100% {
							-webkit-transform: translateX(-100%);
							transform: translateX(-100%);
						left: 0%; } }
						
						@keyframes movement-steps10 {
							0% {
								-webkit-transform: translateX(0%);
								transform: translateX(0%);
							left: 100%; }
							10%,
							19.99% {
								-webkit-transform: translateX(-10%);
								transform: translateX(-10%);
							left: 90%; }
							20%,
							29.99% {
								-webkit-transform: translateX(-20%);
								transform: translateX(-20%);
							left: 80%; }
							30%,
							39.99% {
								-webkit-transform: translateX(-30%);
								transform: translateX(-30%);
							left: 70%; }
							40%,
							49.99% {
								-webkit-transform: translateX(-40%);
								transform: translateX(-40%);
							left: 60%; }
							50%,
							59.99% {
								-webkit-transform: translateX(-50%);
								transform: translateX(-50%);
							left: 50%; }
							60%,
							69.99% {
								-webkit-transform: translateX(-60%);
								transform: translateX(-60%);
							left: 40%; }
							70%,
							79.99% {
								-webkit-transform: translateX(-70%);
								transform: translateX(-70%);
							left: 30%; }
							80%,
							89.99% {
								-webkit-transform: translateX(-80%);
								transform: translateX(-80%);
							left: 20%; }
							90%,
							99.99% {
								-webkit-transform: translateX(-90%);
								transform: translateX(-90%);
							left: 10%; }
							100% {
								-webkit-transform: translateX(-100%);
								transform: translateX(-100%);
							left: 0%; } }
							
							@-webkit-keyframes movement-steps5 {
								0%,
								19.99% {
									-webkit-transform: translateX(0%);
									transform: translateX(0%);
								left: 100%; }
								20%,
								39.99% {
									-webkit-transform: translateX(-20%);
									transform: translateX(-20%);
								left: 80%; }
								40%,
								59.99% {
									-webkit-transform: translateX(-40%);
									transform: translateX(-40%);
								left: 60%; }
								60%,
								79.99% {
									-webkit-transform: translateX(-60%);
									transform: translateX(-60%);
								left: 40%; }
								80%,
								99.99% {
									-webkit-transform: translateX(-80%);
									transform: translateX(-80%);
								left: 20%; }
								100% {
									-webkit-transform: translateX(-100%);
									transform: translateX(-100%);
								left: 0%; } }
								
								@keyframes movement-steps5 {
									0%,
									19.99% {
										-webkit-transform: translateX(0%);
										transform: translateX(0%);
									left: 100%; }
									20%,
									39.99% {
										-webkit-transform: translateX(-20%);
										transform: translateX(-20%);
									left: 80%; }
									40%,
									59.99% {
										-webkit-transform: translateX(-40%);
										transform: translateX(-40%);
									left: 60%; }
									60%,
									79.99% {
										-webkit-transform: translateX(-60%);
										transform: translateX(-60%);
									left: 40%; }
									80%,
									99.99% {
										-webkit-transform: translateX(-80%);
										transform: translateX(-80%);
									left: 20%; }
									100% {
										-webkit-transform: translateX(-100%);
										transform: translateX(-100%);
									left: 0%; } }
									
									.nav-lock-scroll {
									overflow: auto; }
									
									.nav {
										display: none;
										position: relative;
										top: 0;
										bottom: 0;
										left: 0;
										right: 0;
										z-index: 900;
										overflow-x: hidden;
									overflow-y: auto; }
									.nav ul {
										display: block;
										position: relative;
										zoom: 1;
										list-style-type: none;
										margin: 0;
									padding: 0; }
									.nav a {
										display: block;
									position: relative; }
									.nav a:active, .nav a:hover, .nav a:visited {
										display: block;
									position: relative; }
									.nav li {
										line-height: 2.4rem;
									padding: 0 !important; }
									
									@media only screen and (min-width: 768px) {
										.nav {
											display: block;
											position: relative;
											bottom: auto;
										overflow: visible; }
										.nav li {
											position: relative;
										white-space: nowrap; }
										.nav > ul > li {
											display: block;
											line-height: 1.4rem;
										padding: 10px 0 !important; }
										.nav ul {
										display: block; }
										.nav ul ul {
											display: none;
											position: absolute;
											top: 0;
											left: 100%;
										z-index: 901; }
										.nav ul ul ul {
											top: 0px;
											left: 100%;
										z-index: 902; }
										.nav ul ul ul ul {
										z-index: 903; }
										.nav ul ul ul ul ul {
										z-index: 904; }
										.nav ul ul li.nav-left > ul {
											left: auto;
										right: 98%; }
										.nav-no-js .nav li:hover > ul {
										display: block; } }
										
										@media only screen and (max-width: 991px) {
											.nav-no-js .nav-button:hover + .nav, .nav-no-js .nav:hover {
											display: block; }
											.nav-no-js .nav-button:hover + .nav + .nav-close, .nav-no-js .nav:hover + .nav-close {
											display: block; } }
											
											@font-face {
												font-family: icon-font;
												src: url(../fonts/icon-font/icon-font.eot);
											src: url(../fonts/icon-font/icon-font.eot?#iefix) format("eot"), url(../fonts/icon-font/icon-font.woff) format("woff"), url(../fonts/icon-font/icon-font.ttf) format("truetype"), url(../fonts/icon-font/icon-font.svg#icon-font/icon-font) format("svg"); }
											
											.icon-desktop:before, .icon-menu-close:before, .icon-menu:before, .icon-mobile:before, .icon-submenu-down:before, .icon-submenu-right:before, .icon-world:before, .nav .nav-submenu > a:after, .nav-button:before, .nav-close:before, .nav > ul > .nav-submenu > a:after, header h1:before {
												font-family: icon-font;
												-webkit-font-smoothing: antialiased;
												-moz-osx-font-smoothing: grayscale;
												font-style: normal;
												font-variant: normal;
												font-weight: 400;
												text-decoration: none;
												text-transform: none;
											vertical-align: top; }
											
											.icon-desktop:before {
											content: "\E001"; }
											
											.icon-menu-close:before {
											content: "\E002"; }
											
											.icon-menu:before {
											content: "\E003"; }
											
											.icon-mobile:before {
											content: "\E004"; }
											
											.icon-submenu-down:before {
											content: "\E005"; }
											
											.icon-submenu-right:before {
											content: "\E006"; }
											
											.icon-world:before {
											content: "\E007"; }
											
											header {
												display: block;
												position: relative;
												top: 0;
												left: 0;
												right: 0;
												z-index: 901;
												padding-left: 10px;
											line-height: 4.4rem; }
											header h1 {
												margin: 0;
												font-size: 1.7rem;
											line-height: 4.4rem; }
											header h1:before {
												content: "\E004";
											margin-right: 8px; }
											
											.nav-button, .nav-close {
												position: relative;
												top: 0;
												width: 4.4rem;
												height: 4.4rem;
												overflow: hidden;
												z-index: 902;
												cursor: pointer;
												text-decoration: none;
												line-height: 4.4rem;
												background: transparent;
											color: #000; }
											
											.nav-button:before, .nav-close:before {
												display: block;
											text-align: center; }
											
											.nav-button {
												display: block;
											margin: 0 auto; }
											.nav-button:before {
											content: "\E003"; }
											
											.nav-close {
												display: none;
												right: 4rem;
											font-size: 1.9rem; }
											.nav-close:before {
											content: "\E002"; }
											
											.nav {
												color: #000;
											text-align: center; }
											.nav ul {
											background: #73aeff; }
											.nav ul ul {
											background: #539bfd; }
											.nav ul ul ul {
											background: #3087ff; }
											.nav ul ul ul ul {
											background: #0f73fe; }
											.nav li {
												cursor: pointer;
											padding: 8px; }
											.nav li.nav-active > a {
												color: #0054a6;
											background: #8cbbfc; }
											.nav li.nav-active > a:after {
												font-size: 12px;
											content: "\E005"; }
											.nav li:hover > a {
												color: #0054a6;
											background: #8cbbfc; }
											.nav .nav-submenu > ul {
											margin-left: 10px; }
											.nav .nav-submenu > ul li {
												padding: 8px;
											line-height: 2.4rem; }
											.nav .nav-submenu > ul li.nav-active > a {
											color: #000; }
											.nav .nav-submenu > ul li.nav-active > a:after {
												font-size: 12px;
											content: "\E005"; }
											.nav .nav-submenu > a:after {
												font-size: 12px;
											content: "\E006"; }
											.nav .nav-submenu a {
												padding-right: 30px !important;
											white-space: normal; }
											.nav a {
												border-radius: 0px;
												padding: 0 15px 1px;
												color: #000;
												text-decoration: none;
											white-space: initial; }
											.nav a:active, .nav a:hover, .nav a:visited {
												border-radius: 0px;
												padding: 0 15px 1px;
												color: #000;
											text-decoration: none; }
											.nav .nav-submenu > a:after {
												position: absolute;
												display: block;
												right: 10px;
											top: 1px; }
											
											@media only screen and (min-width: 768px) {
												body {
												padding: 0 !important; }
												header {
												position: relative; }
												header h1:before {
												content: "\E001"; }
												.nav-button {
												display: none; }
												.nav {
													padding: 10px 0 10px 30px !important;
												text-align: left; }
												.nav ul {
												background: #8cbbfc; }
												.nav ul ul {
												background: #448ccb; }
												.nav ul ul ul {
													background: #448ccb;
												background: #448ccb; }
												.nav ul ul ul ul {
												background: #448ccb; }
												.nav li {
												cursor: pointer; }
												.nav li.nav-active > a {
													color: #0054a6;
												background: #8cbbfc; }
												.nav li.nav-active > a:after {
													font-size: 12px;
												content: "" !important; }
												.nav li:hover > a {
													color: #0054a6;
												background: #8cbbfc; }
												.nav > ul > li {
												border-top: none; }
												.nav li > ul {
													-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35);
												box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35); }
												.nav ul ul ul {
												border-radius: 0; }
												.nav ul ul ul li:first-child {
												border-top: none; }
												.nav .nav-left > ul {
												border-radius: 0; }
												.nav .nav-left > ul li a {
												white-space: nowrap; }
												.nav .nav-submenu > ul {
												margin-left: 10px; }
												.nav .nav-submenu > ul li {
													padding: 0;
												line-height: 2.4rem; }
												.nav .nav-submenu li {
													min-width: 110px;
													padding: 0;
												line-height: 2.4rem; }
												.nav .nav-submenu > ul {
												margin: 0; }
												.nav .nav-submenu > ul a {
												white-space: nowrap; }
												.nav .nav-submenu > a:after {
													font-size: 12px;
												content: "\E006"; }
												.nav > ul > .nav-submenu > a:after {
												content: "\E006"; } }
												
												@media only screen and (min-width: 768px) and (max-width: 991px) {
													.nav {
													padding: 10px 0 10px 5px !important; } }
													
													.panel {
														border: 1px solid #ddd;
													background-color: #fcfcfc; }
													.panel .btn-group {
													margin: 15px 0 30px; }
													.panel .btn-group .btn {
														-webkit-transition: background-color .3s ease;
														-o-transition: background-color .3s ease;
													transition: background-color .3s ease; }
													
													.table-filter {
														background-color: transparent;
													margin-bottom: 0 !important; }
													.table-filter tbody tr:hover {
													background-color: #ffe; }
													.table-filter tbody tr td {
														padding: 10px;
													vertical-align: middle; }
													.table-filter tbody tr.selected td {
													background-color: #eee; }
													.table-filter tr td:first-child {
													width: 38px; }
													.table-filter tr td:nth-child(2) {
													width: 35px; }
													
													.table-filter .media-photo {
														width: 205px;
													padding: 10px; }
													
													.table-filter .media-body {
														display: block;
													padding: 10px; }
													.table-filter .media-body .badge {
													margin-right: 3px; }
													
													.table-filter .media-meta {
														font-size: 11px;
													color: #999; }
													.table-filter .media-meta span {
													padding-right: 5px; }
													.table-filter .media-meta span:not(:first-child) {
														margin-left: 7px;
													padding: 0 5px; }
													
													.table-filter .media .title {
														color: #2BBCDE;
														font-size: 18px;
														font-weight: bold;
														line-height: normal;
													margin: 0; }
													.table-filter .media .title span {
													padding-right: 5px; }
													
													.table-filter .media .sub-title {
														color: #10165c;
														font-size: 18px;
														font-weight: bold;
													line-height: normal; }
													.table-filter .media .sub-title span {
														font-size: .8em;
													margin-right: 7px; }
													.table-filter .media .sub-title span.pagado {
													color: #5cb85c; }
													.table-filter .media .sub-title span.pendiente {
													color: #f0ad4e; }
													.table-filter .media .sub-title span.cancelado {
													color: #d9534f; }
													
													.table-filter .media .summary {
														font-size: 18px;
													text-align: left; }
													.table-filter .media .summary span {
													margin-right: 7px; }
													
													@media (max-width: 767px) {
														.sm-block {
															display: block;
														text-align: center; }
														.pull-left {
														float: none; } }
														
														.profile_box {
															color: #000;
															position: relative;
															overflow: hidden;
														text-align: center; }
														.profile_box * {
															-webkit-box-sizing: border-box;
														box-sizing: border-box; }
														.profile_box > .image {
															display: block;
															position: relative;
														padding: 15px 0; }
														.profile_box > .image img {
															width: 150px;
															height: 140px;
														border-radius: 50%; }
														.profile_box > .image:before {
															position: absolute;
															bottom: 0;
															content: '';
															background: #000000;
															width: 100%;
															top: 50%;
															left: 0;
															right: 0;
														z-index: -1; }
														.profile_box .figcaption {
															position: relative;
														background: #000000; }
														.profile_box .figcaption:before {
															position: absolute;
															width: 100%;
															background: #000000;
															height: 0px;
															bottom: 0;
															display: block;
															content: '';
															-webkit-transition: all 0.3s;
															-o-transition: all 0.3s;
														transition: all 0.3s; }
														.profile_box h3, .profile_box p {
															margin: 0;
															display: inline-block;
														width: 100%; }
														.profile_box h3 {
															padding: 10px 15px;
															background: #333333;
															text-transform: uppercase;
														font-size: 16px; }
														.profile_box p {
															font-size: 1.1em;
															font-weight: 500;
															letter-spacing: 0px;
															background: #000000;
															color: #4d4d4d;
														padding: 20px 40px 30px; }
														.profile_box span {
														color: #4d4d4d; }
														.profile_box a {
														margin-right: 10px; }
														.profile_box a span {
														color: #FFF; }
														.profile_box.blue h3, .profile_box.blue .figcaption:before {
														background: #2980b9; }
														.profile_box.red h3, .profile_box.red .figcaption:before {
														background: #c0392b; }
														.profile_box.yellow h3, .profile_box.yellow .figcaption:before {
														background: #e67e22; }
														.profile_box.navy h3, .profile_box.navy .figcaption:before {
														background: #34495e; }
														.profile_box:hover .figcaption:before, .profile_box.hover .figcaption:before {
														height: 10px; }