@import url('https://fonts.googleapis.com/css2?family=Odibee+Sans&display=swap');
/*
font-family: 'Odibee Sans', cursive;
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
/*
font-family: 'Open Sans', sans-serif;
*/

html {
  height: 100%;
  word-wrap: break-word;
}
body {
  min-height: 100%;
  font-size: 14px;
  text-align: justify;
  background-image: linear-gradient(to right top, #eef7f9, #ebf6f5, #eaf5f0, #eaf3ea, #edf0e5);
  font-family: 'Open Sans', sans-serif;
}

/*
input settings
*/
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}

.table-container
{
	overflow-x: scroll;
}

/*
js script alert
*/
.app-alert
{
	position: fixed;
	top: 10%;
	right: 0;
	z-index: 10;
	width: 40%;
	font-size: 16px;
	padding: 10px;
	border: #fff 3px solid;
}

.app-alert.success
{
	background-color: #3bb78f;
	background-image: linear-gradient(315deg, #3bb78f 0%, #0bab64 74%);
	color: #fff;
}

.app-alert.danger
{
	background-color: #eb4511;
	background-image: linear-gradient(315deg, #eb4511 0%, #b02e0c 74%);
	color: #fff;
	
}

.app-alert.warning
{
	background-color: #ffdbb3;
	border: #e68010 thin solid;
}

.alert-dismissable .close, .alert-dismissible .close
{
	right: -5px;
}

/*
defaults
*/
.col-def 
{
	padding:0px !important;
}

.row
{
	margin: 0px !important;
}

.container-fluid, .container
{
	padding:0px !important;
}

.y-scroll
{
	scroll-direction: horizontal;
	overflow-x: scroll;
}

.x-scroll
{
	scroll-direction: vertical;
	overflow-y: scroll;
}


/*
content css
*/
.full-page
{
	padding-top: 60px;
	background-image: linear-gradient(to right top, #e1e4e9, #e3ebef, #e7f2f1, #eef8f2, #fafdf3);
}

/*
header
*/
.header
{
	margin: 0px;
	padding: 0px;
}

.header .navbar
{
	background: none;
	background-color: #fff;
	border: none;
	margin: 0px;
	border-radius: 0px;
	padding: 10px;
	border-bottom: #2E478F 2px solid;
	box-shadow: #999 0px 2px 10px;
}

.header .navbar .navbar-brand
{
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #000;
	padding: 0px 10px;
}

.header .navbar .navbar-brand .navbar-logo
{
	width: 150px;
	height: 50px;
}

.header .navbar li a
{
	color: #666;
	text-shadow: none;
	font-size: 16px;
	padding-bottom: 10px;
}

.header .navbar li.active > a
{
	background: none;
	border-bottom: #2E478F 2px solid;
}

.header .navbar li.active > a:hover
{
	background-color: #2E478F;
	color: #fff;
}

.header .middle-bar
{
	background-color: #057505;
	color: #fff;
}

.header .middle-bar .website-title
{
	color: #fff;
}

.header .middle-bar .website-title h1
{
	font-weight: bold;
	font-size: 30px;
}

.header .middle-bar .btn-group .btn
{
	margin-top: 15px;
	margin-right: 20px;
	font-size: 18px;
}

.header .middle-bar .btn-group .btn.btn-default
{
	background: none;
	border: none;
	background-color: #057505;
}

.header .middle-bar .btn-group .btn.btn-default:hover
{
	color: #fff;
}

.header .top-bar
{
	background-color: #2E478F;
	padding: 10px;
	margin: 0px;
	color: #fff;
}

.header .top-bar a
{
	color: #fff;
	text-decoration: none;
}

.header .top-bar .links a
{
	margin-right: 20px;
}

.header .top-bar .links
{
	text-align: right;
}

.header .top-bar a:hover
{
	color: #fff;
}

/*
home-carousel
*/
.home-carousel .carousel-inner img
{
	width: 100%;
}

/*
footer
*/
.footer
{
	background-color: #1545B3;
	color: #fff;
	padding-top: 10px;
	margin-top: 50px;
}

.footer .social-links .social-link, .social-links .social-link
{
	color: #fff;
	font-size: 17px;
	margin-right: 15px;
	text-decoration: none;
}

.footer .content-heading
{
	margin: 20px 0px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	font-size: 20px;
}

.footer .content
{
	line-height: 25px;	
}

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

.footer .content a
{
	color: #fff;
}

.footer .content a:hover
{
	color: #fff;
}

/*
head-box
*/
.head-box
{
	min-height: 500px;
	/*
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-radius: 60% 40% 40% 20% / 70% 50% 30% 25%;
	*/
	margin-bottom: 50px;
	background: url("upload/system/intro-bg.png") center bottom no-repeat;
	padding: 100px 0px 120px 0px;
}

.head-box .text-content
{
	font-size: 50px;
	color: #fff;
	line-height: 65px;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: 'Odibee Sans', cursive;
}

.head-box .text-content u
{
	color: #EED83F;
}

.head-box .text-content .btn-1, .head-box .text-content .btn-2:hover
{
	font-size: 20px;
	padding: 10px;
	border-radius: 50px;
	background-color: #007bff;
	color: #fff;
	border: #007bff medium solid;
	font-weight: normal;
	text-decoration: none;
	margin-right: 20px;
}

.head-box .text-content .btn-2, .head-box .text-content .btn-1:hover
{
	font-size: 20px;
	padding: 10px;
	border-radius: 50px;
	color: #fff;
	background: none;
	border: #fff medium solid;
	font-weight: normal;
	text-decoration: none;
}

.head-box .btn-grid
{
	width: 100%;
}

.head-box .btn-grid a
{
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.head-box .btn-grid a .btn-grid-item
{
	border: #999 thin solid;
	padding: 25px 20px;
	text-align: center;
	width: 100%;
	height: 125px;
	font-size: 16px;
	font-weight: bold;
	background-image: linear-gradient(to bottom, #f0f3fd, #f0f3fe, #f0f3fe, #eff4ff, #eff4ff, #eff5ff, #f0f5ff, #f0f6ff, #f2f7ff, #f4f9ff, #f6faff, #f8fbff);
	color: #000;
}

.head-box .btn-grid a .btn-grid-item:hover
{
	color: #fff;
	border-color: #007bff;
	background: none;
	background-color: #007bff;
}

.head-box .btn-grid a .btn-grid-item i
{
	margin-bottom: 10px;
	font-size: 25px;
}


/*
page
*/
.page-title
{
	margin-bottom: 50px;
	background-color: #1545B3;
	padding: 10px 0px 10px 0px;
	text-align: center;
	color: #fff;
	font-family: 'Odibee Sans', cursive;
}

.page
{
	background-color: #fff;
	border: #ddd thin solid;
	box-shadow: 0px 0px 3px 5px #E6EDFE;
	box-shadow:
		inset 20px 0 120px #FFFFE2,  /* left */
		inset -20px 0 120px #FFFFE2; /* right */
	padding: 20px 0px;
}

.page .page-content-title
{
	font-family: 'Odibee Sans', cursive;
	border-bottom: #000 medium solid;
	margin-bottom: 30px;
}

.page .page-content-title h2
{
}

.page .page-content
{
	text-align: justify;
	line-height: 30px;
}

.page .page-content .product-grid
{
	width: 100%;
	border: #eee 1px solid;
	margin-bottom: 20px;
}

.page .page-content .product-grid a .product-grid-content
{
	text-align: center;
	background-color: #eee;
	padding: 10px 0px;
	color: #000;
	text-decoration: none;
}

.page .page-content .product-grid a:hover .product-grid-content
{
	background-color: #1545B3;
	color: #fff;
}

.page .page-content .product-grid a .product-grid-content .product-title
{
	font-size: 16px;
	margin: 0px 0px;
	font-weight: bold;
}

.page .page-content.contact-content
{
}

.page .page-content.contact-content .contact-info-title
{
	padding: 30px 10px;
	margin-bottom: 15px;
	text-align: center;
	width: 100%;
	border: #1545B3 2px solid;
}

.page .page-content.contact-content .contact-info-title a
{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
	text-decoration: none;
}

.page .page-content.contact-content .contact-info-title i
{
	display: block;
	font-size: 50px;
	margin-bottom: 10px;
}

.page .page-content.contact-content .contact-info-title:hover
{
	background-color: #1545B3;
}

.page .page-content.contact-content .contact-info-title:hover i, .page .page-content.contact-content .contact-info-title:hover a
{
	color: #fff;
}

.page .page-content .page-inline-contact-form
{
	border: #1545B3 3px solid;
	background-image: linear-gradient(to right top, #eef7f9, #ebf6f5, #eaf5f0, #eaf3ea, #edf0e5);
	padding: 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.page .page-content .page-inline-contact-form .input-group-addon
{
	background-color: #333;
	color: #fff;
}

/*
widget-col
*/
.widget-col
{
	border-left: #ddd thin solid;
	padding: 0px 20px;
}

.widget-col .widget
{
}

.widget-col .widget .widget-title
{
	background-color: #1545B3;
	color: #fff;
	font-family: 'Odibee Sans', cursive;
	padding: 1px 10px;
}

.widget-col .widget .widget-content
{
	margin-bottom: 30px;
}

.widget-col .widget .widget-content .list-group
{
	
}

.widget-col .widget .widget-content .list-group .list-group-item
{
	border-radius: 0px;
	border: none;
	padding-left: 5px;
}

.widget-col .widget .widget-content .list-group .list-group-item h4
{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.widget-col .widget .widget-content .list-group .list-group-item i
{
	margin-right: 5px;
}

.widget-col .widget .widget-content .list-group .list-group-item span.date
{
	color: #1545B3;
	font-weight: bold;
}

.widget-col .widget .widget-content .list-group .list-group-item:hover
{
	color: #fff;
	background-color: #1545B3;
}

.widget-col .widget .widget-content .list-group .list-group-item:hover span.date
{
	color: #F9F61C;
}

.widget-col .widget .widget-content .widget-form
{
	padding: 15px 10px;
	background-image: linear-gradient(to right top, #eef7f9, #ebf6f5, #eaf5f0, #eaf3ea, #edf0e5);
}

/*award*/
.award-grid
{
}

.award-grid .award
{
	border-bottom: #ddd 3px solid;
	margin: 20px 0px;
	padding: 20px 5px;
}

.award-grid .award .award-content
{
}

.award-grid .award .award-content .award-title
{
	margin: 0px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 18px;
	color: #1545B3;
}

.ad-row-1
{
	margin-bottom: 100px;
}

.ad-row-1 .heading
{
	margin: 10px 0px 40px 0px;
	font-weight: bold;
	text-align: center;
	font-family: 'Odibee Sans', cursive;
}

.ad-row-1 .ad img
{
	width: 100%;
	height: 350px;
	border: #999 thin solid;
	border-radius: 10px;
}

.ad-row-1 .ad img.square
{
	height: auto !important;
}

.ad-row-1 .ad img:hover
{
	border: #3bb78f thin solid;
}

.info-row-1
{
	margin-bottom: 100px;
}

.info-row-1 .heading
{
	margin: 10px 0px 40px 0px;
	font-weight: bold;
	text-align: center;
	font-family: 'Odibee Sans', cursive;
}

.info-row-1 .image img
{
	border: #000 thin solid;
	border-radius: 10px;
	box-shadow: #ddd 3px 3px 3px;
}

.info-row-1 .content
{
	line-height: 30px;
}

.page-gallery .heading
{
	font-size: 20px;
	font-family: 'Odibee Sans', cursive;
}

.page-gallery .page-gallery-grid img
{
	border: #999 thin solid;
	border-radius: 5px;
	box-shadow: #ddd 3px 3px 3px;
}

.event-grid
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: #ddd 1px solid;
}

.event-grid .event-grid-content .heading
{
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
}

.event-grid .event-grid-content .meta-title
{
	font-weight: bold;
}