/******************************************************************
	General
******************************************************************/	
.hidden {display: none;}
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;background:none;}
.none_bor { border:0 !important }
.nospace{
	margin:0; 
	padding:0; 
	list-style:none;
}

.inline *{
	display:inline-block;
}
.inline *:last-child{
	margin-right:0;
}
.pushright li{
	margin-right:20px;
}
.pushright li:last-child{
	margin-right:0;
}
/*.overlay {
	background-image: url(../img/overlay_light_diagonal.png);
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
}*/
.overlay, .overlay-green, .overlay-orange, .overlay-red, .overlay-blue, .overlay-gold {
	position:relative; 
	z-index:1;
}
.overlay::after, .overlay-green::after, .overlay-orange::after, .overlay-red::after, .overlay-blue::after, .overlay-gold::after{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	content:""; 
	z-index:-1;
}
.bgbox{
	background-position:top center; 
	background-repeat:no-repeat; 
	background-size:cover;
}
/******************************************************************
	BUTTON
******************************************************************/
.btn{display:inline-block; padding:8px 18px 10px; text-transform:uppercase; /*border:1px solid;*/}
.btn.btn-more {
	position:absolute;
	top: 5px;
	right: 0;
	border-radius: 0;	
}
.btn-custom,.button-custom{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}



.lead.blockquote { margin-bottom: 0;}
.ico {
	display: block;
	background-image: url('../img/icon/asset.png');
	background-repeat: no-repeat;
	background-color: transparent;
}

.clear, .block{display:block;}
.block{ width: 100%; }
.clear::before, .clear::after, .block::before, .block::after{display:table; content:"";}
.clear, .clear::after, .block, .block::after{clear:both;}

/******************************************************************
	FONT STYLE
******************************************************************/
.font-xs{font-size:.9rem;}
.font-md{font-size:1rem;}
.font-x1{font-size:1.3rem;}
.font-x2{font-size:1.8rem;}
.font-x3{font-size:2.3rem;}
.font-x4{font-size:3rem;}

.left, .fl_left, .imgl {float: left;}
.right, .fl_right, .imgr {float: right;}
.imgl{	margin:0 15px 10px 0; 	clear:left;}
.imgr{margin:0 0 10px 15px; clear:right;}

.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important }
.text-under { text-decoration:underline !important }
.bold { font-weight:bold !important }
.inline { display:inline-block; }

.text-muted {	color: #999999 !important;}
.text-light {	color: #FFF !important;}
.text-weight-light {	font-weight: 300;}
.text-weight-normal {	font-weight: 400;}
.text-weight-semibold {	font-weight: 600;}
.text-weight-bold {	font-weight: 700;}
.text-uppercase {	text-transform: uppercase;}
.text-lowercase {	text-transform: lowercase;}
.text-capitalize {	text-transform: capitalize;}

/******************************************************************
	border
******************************************************************/
.borderedbox{
	border:1px solid;
}
.circle{
	border-radius:50% !important; 
	background-clip:padding-box;
}
.rounded {	border-radius: 5px;}
.b-thin {	border-width: 3px;}
.b-normal {	border-width: 5px;}
.b-thick {	border-width: 7px;}
/******************************************************************
	Spacements
******************************************************************/
/* spacement top & bottom */
.m-none {	margin: 0 !important;}
.m-auto {	margin: 0 auto !important;}
.m-xs {	margin: 5px !important;}
.m-sm {	margin: 10px !important;}
.m-md {	margin: 15px !important;}
.m-lg {	margin: 20px !important;}
.m-xl {	margin: 25px !important;}
.m-xlg {	margin: 30px !important;}
/* spacement top	*/
.mt-none {	margin-top: 0 !important;}
.mt-xs {	margin-top: 5px !important;}
.mt-sm {	margin-top: 10px !important;}
.mt-md {	margin-top: 15px !important;}
.mt-lg {	margin-top: 20px !important;}
.mt-xl {	margin-top: 25px !important;}
.mt-xlg {	margin-top: 30px !important;}
/* spacement bottom	*/
.mb-none {	margin-bottom: 0 !important;}
.mb-xs {	margin-bottom: 5px !important;}
.mb-sm {	margin-bottom: 10px !important;}
.mb-md {	margin-bottom: 15px !important;}
.mb-lg {	margin-bottom: 20px !important;}
.mb-xl {	margin-bottom: 25px !important;}
.mb-xlg {	margin-bottom: 30px !important;}
.mb-xxlg {	margin-bottom: 60px !important;}
.mb-xxxlg {	margin-bottom: 110px !important;}
/* spacement left	*/
.ml-none {	margin-left: 0 !important;}
.ml-xs {	margin-left: 5px !important;}
.ml-sm {	margin-left: 10px !important;}
.ml-md {	margin-left: 15px !important;}
.ml-lg {	margin-left: 20px !important;}
.ml-xl {	margin-left: 25px !important;}
.ml-xlg {	margin-left: 30px !important;}
/* spacement right	*/
.mr-none {	margin-right: 0 !important;}
.mr-xs {	margin-right: 5px !important;}
.mr-sm {	margin-right: 10px !important;}
.mr-md {	margin-right: 15px !important;}
.mr-lg {	margin-right: 20px !important;}
.mr-xl {	margin-right: 25px !important;}
.mr-xlg {	margin-right: 30px !important;}
/* Spacement Padding */
.p-none {	padding: 0 !important;}
.p-xs {	padding: 5px !important;}
.p-sm {	padding: 10px !important;}
.p-md {	padding: 15px !important;}
.p-lg {	padding: 20px !important;}
.p-xl {	padding: 25px !important;}
.p-xlg {padding: 30px !important;}
/* spacement top	*/
.pt-none {	padding-top: 0 !important;}
.pt-xs {	padding-top: 5px !important;}
.pt-sm {	padding-top: 10px !important;}
.pt-md {	padding-top: 15px !important;}
.pt-lg {	padding-top: 20px !important;}
.pt-xl {	padding-top: 25px !important;}
.pt-xlg {	padding-top: 30px !important;}
/* spacement bottom	*/
.pb-none {	padding-bottom: 0 !important;}
.pb-xs {	padding-bottom: 5px !important;}
.pb-sm {	padding-bottom: 10px !important;}
.pb-md {	padding-bottom: 15px !important;}
.pb-lg {	padding-bottom: 20px !important;}
.pb-xl {	padding-bottom: 25px !important;}
.pb-xlg {	padding-bottom: 30px !important;}
/* spacement left	*/
.pl-none {	padding-left: 0 !important;}
.pl-xs {	padding-left: 5px !important;}
.pl-sm {	padding-left: 10px !important;}
.pl-md {	padding-left: 15px !important;}
.pl-lg {	padding-left: 20px !important;}
.pl-xl {	padding-left: 25px !important;}
.pl-xlg {	padding-left: 30px !important;}
/* spacement right	*/
.pr-none {	padding-right: 0 !important;}
.pr-xs {	padding-right: 5px !important;}
.pr-sm {	padding-right: 10px !important;}
.pr-md {	padding-right: 15px !important;}
.pr-lg {	padding-right: 20px !important;}
.pr-xl {	padding-right: 25px !important;}
.pr-xlg {	padding-right: 30px !important;}

.ib {	display: inline-block;	vertical-align: top;}
.va-middle {	vertical-align: middle;}
.ws-nowrap {	white-space: nowrap;}
.ws-normal {	white-space: normal;}
.padding-16 {
    padding-top: 16px!important;
    padding-bottom: 16px!important;
}
.padding-32 {
    padding-top: 32px!important;
    padding-bottom: 32px!important;
}
.border-bottom {
    border-bottom: 1px solid #ccc!important;
}
/******************************************************************
	Headings
******************************************************************/	
h1.big {
	font-size: 4.2em;
	line-height: 54px;
}
h1.small {
	font-size: 2.2em;
	line-height: 42px;
	font-weight: 600;
}
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark {
	color: #1d2127;
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
	color: #FFF;
}
h1.text-shadow,
h2.text-shadow,
h3.text-shadow,
h4.text-shadow,
h5.text-shadow,
h6.text-shadow {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.heading{
	margin:0 0 20px 0; 
	font-size:22px;
	line-height:normal;
}
.heading.nospace{
	margin-bottom:0;
}
/******************************************************************
	Forms
******************************************************************/	
.label {
	font-weight: normal;
}

.form-group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-color: #CCC;
}

.form-control.error {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-control.error:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
textarea.form-control { width: 100%; min-height: 100px;}
textarea.form-control.height-lg { min-height: 200px;}
textarea.form-control.height-xlg { min-height: 400px;}
/******************************************************************
	Tables
******************************************************************/	
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
	background-color: #cccccc;
	color: white;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
	background-color: #47a447;
	color: white;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
	background-color: #ed9c28;
	color: white;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
	background-color: #d2322d;
	color: white;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
	background-color: #5bc0de;
	color: white;
}

.table > thead > tr > td.dark,
.table > tbody > tr > td.dark,
.table > tfoot > tr > td.dark,
.table > thead > tr > th.dark,
.table > tbody > tr > th.dark,
.table > tfoot > tr > th.dark,
.table > thead > tr.dark > td,
.table > tbody > tr.dark > td,
.table > tfoot > tr.dark > td,
.table > thead > tr.dark > th,
.table > tbody > tr.dark > th,
.table > tfoot > tr.dark > th {
	background-color: #1d2127;
	color: white;
}
/******************************************************************
	position
******************************************************************/
display-container {
	position:relative;
}
.display-topleft {
    position: absolute;
    left: 0;
    top: 0;
}
.display-topright {
    position: absolute;
    right: 0;
    top: 0;
}
.display-bottomleft {
    position: absolute;
    left: 0;
    bottom: 0;
}
.display-bottomright {
    position: absolute;
    right: 0;
    bottom: 0;
}

/******************************************************************
	Colors
******************************************************************/
.grayscale10 {
	-webkit-filter: grayscale(10%);
    filter: grayscale(10%);
}
.grayscale20 {
	-webkit-filter: grayscale(20%);
    filter: grayscale(20%);
}
.grayscale30 {
	-webkit-filter: grayscale(30%);
    filter: grayscale(30%);
}
.grayscale40 {
	-webkit-filter: grayscale(40%);
    filter: grayscale(40%);
}
.grayscale50 {
	-webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}
.grayscale60 {
	-webkit-filter: grayscale(60%);
    filter: grayscale(60%);
}
.grayscale70 {
	-webkit-filter: grayscale(70%);
    filter: grayscale(70%);
}
.grayscale80 {
	-webkit-filter: grayscale(80%);
    filter: grayscale(80%);
}
.grayscale90 {
	-webkit-filter: grayscale(90%);
    filter: grayscale(90%);
}
.grayscale {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.white {
	color: #FFF;
}
.color {
	color: #6093e7;
}
.dark-gray {
	color: #4b4b4b;
}
.mid-gray {
	color: #ababab;
}
.light-gray {
	color: #cfcfcf;
}
.blue { color:#0991bd !important } 
.org { color:#fb6827 !important }
.red { color:#fe4e00 !important }
.gray { color:#8d8d8d !important }

.amber,.hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.aqua,.hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.blue,.hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.light-blue,.hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.brown,.hover-brown:hover{color:#fff!important;background-color:#795548!important}
.cyan,.hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.blue-grey,.hover-blue-grey:hover,.blue-gray,.hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.green,.hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.light-green,.hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.indigo,.hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.khaki,.hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.lime,.hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.orange,.hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.deep-orange,.hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.pink,.hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.purple,.hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.deep-purple,.hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.red,.hover-red:hover{color:#fff!important;background-color:#f44336!important}
.sand,.hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.teal,.hover-teal:hover{color:#fff!important;background-color:#009688!important}
.yellow,.hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.white,.hover-white:hover{color:#000!important;background-color:#fff!important}
.black,.hover-black:hover{color:#fff!important;background-color:#000!important}
.grey,.hover-grey:hover,.gray,.hover-gray:hover{color:#000!important;background-color:#bbb!important}
.light-grey,.hover-light-grey:hover,.light-gray,.hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.pale-red,.hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.pale-green,.hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.pale-yellow,.hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.pale-blue,.hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}

.text-red,.hover-text-red:hover{color:#f44336!important}
.text-green,.hover-text-green:hover{color:#4CAF50!important}
.text-blue,.hover-text-blue:hover{color:#2196F3!important}
.text-yellow,.hover-text-yellow:hover{color:#ffeb3b!important}
.text-white,.hover-text-white:hover{color:#fff!important}
.text-black,.hover-text-black:hover{color:#000!important}
.text-grey,.hover-text-grey:hover,.text-gray,.hover-text-gray:hover{color:#757575!important}
.text-amber{color:#ffc107!important}
.text-aqua{color:#00ffff!important}
.text-light-blue{color:#87CEEB!important}
.text-brown{color:#795548!important}
.text-cyan{color:#00bcd4!important}
.text-blue-grey,.text-blue-gray{color:#607d8b!important}
.text-light-green{color:#8bc34a!important}
.text-indigo{color:#3f51b5!important}
.text-khaki{color:#b4aa50!important}
.text-lime{color:#cddc39!important}
.text-orange{color:#ff9800!important}
.text-deep-orange{color:#ff5722!important}
.text-pink{color:#e91e63!important}
.text-purple{color:#9c27b0!important}
.text-deep-purple{color:#673ab7!important}
.text-sand{color:#fdf5e6!important}
.text-teal{color:#009688!important}
.text-light-grey,.hover-text-light-grey:hover,.text-light-gray,.hover-text-light-gray:hover{color:#f1f1f1!important}
.text-dark-grey,.hover-text-dark-grey:hover,.text-dark-gray,.hover-text-dark-gray:hover{color:#3a3a3a!important}

.border-red,.hover-border-red:hover{border-color:#f44336!important}
.border-green,.hover-border-green:hover{border-color:#4CAF50!important}
.border-blue,.hover-border-blue:hover{border-color:#2196F3!important}
.border-yellow,.hover-border-yellow:hover{border-color:#ffeb3b!important}
.border-white,.hover-border-white:hover{border-color:#fff!important}
.border-black,.hover-border-black:hover{border-color:#000!important}
.border-grey,.hover-border-grey:hover,.border-gray,.hover-border-gray:hover{border-color:#bbb!important}