/* ----------------------------------------------------------------
	Canvas: News
-----------------------------------------------------------------*/

/* change your menu color here */
:root {
	--home: #FF8600;
	--travel: #6f42c1;
	--tech: #007bff;
	--fashion: #e83e8c;
	--sports: #dc3545;
	--lifestyle: #13a774;
	--food: #17a2b8;
	--market: #ffc107;
}

.dis-contents { display: contents !important; }
.dis-inline { display: inline-block !important; }

.float-right { float: right !important; }
.float-left { float: left !important; }

.color-red { color: #FF0000 !important; }

.noleftmargin { margin-left: 0 !important; }
.norightmargin { margin-right: 0 !important; }
.notopmargin { margin-top: 0 !important; }
.nobottommargin { margin-bottom: 0 !important; }

.noleftpadding { padding-left: 0 !important; }
.norightpadding { padding-right: 0 !important; }
.notoppadding { padding-top: 0 !important; }
.nobottompadding { padding-bottom: 0 !important; }

.text-right { text-align: right !important; }
.text-left { text-align: left !important; }

.topmargin-mini { margin-top: 1rem !important; }
.bottommargin-mini { margin-bottom: 1rem !important; }

.toppadding-mini { padding-top: 1rem !important; }
.bottompadding-mini { padding-bottom: 1rem !important; }

.bottommargin-mini-half { margin-bottom: 0.5rem !important; }


.flex-valign-middle{ align-self: center !important; }

/* Colors select as menu name */
.color-home { color:  var(--home) !important; }
.color-travel { color:  var(--travel) !important; }
.color-tech { color:  var(--tech) !important; }
.color-fashion { color:  var(--fashion) !important; }
.color-sports { color:  var(--sports) !important; }
.color-lifestyle { color:  var(--lifestyle) !important; }
.color-food { color:  var(--food) !important; }
.color-market { color:  var(--market) !important; }

.bg-home { background-color:  var(--home) !important; }
.bg-travel { background-color:  var(--travel) !important; }
.bg-tech { background-color:  var(--tech) !important; }
.bg-fashion { background-color:  var(--fashion) !important; }
.bg-sports { background-color:  var(--sports) !important; }
.bg-lifestyle { background-color:  var(--lifestyle) !important; }
.bg-food { background-color:  var(--food) !important; }
.bg-market { background-color:  var(--market) !important; }

/* menu Colors */
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-home:hover > .menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-home.active > .menu-link,
.menu-item.menu-color-home .sub-menu-container .menu-item:hover > .menu-link,
.menu-item.menu-color-home .sub-menu-container .menu-item.active > .menu-link { color: var(--home) !important; }


body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-travel:hover > .menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-travel.active > .menu-link,
.menu-item.menu-color-travel .sub-menu-container .menu-item:hover > .menu-link,
.menu-item.menu-color-travel .sub-menu-container .menu-item.active > .menu-link { color: var(--travel) !important; }


body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-tech:hover > .menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-tech.active > .menu-link,
.menu-item.menu-color-tech .sub-menu-container .menu-item:hover > .menu-link,
.menu-item.menu-color-tech .sub-menu-container .menu-item.active > .menu-link { color: var(--tech) !important; }


body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-fashion:hover > .menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-fashion.active > .menu-link,
.menu-item.menu-color-fashion .sub-menu-container .menu-item:hover > .menu-link,
.menu-item.menu-color-fashion .sub-menu-container .menu-item.active > .menu-link { color: var(--fashion) !important; }


body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-sports:hover > .menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-sports.active > .menu-link,
.menu-item.menu-color-sports .sub-menu-container .menu-item:hover > .menu-link,
.menu-item.menu-color-sports .sub-menu-container .menu-item.active > .menu-link { color: var(--sports) !important; }


body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-lifestyle:hover > .menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-lifestyle.active > .menu-link,
.menu-item.menu-color-lifestyle .sub-menu-container .menu-item:hover > .menu-link,
.menu-item.menu-color-lifestyle .sub-menu-container .menu-item.active > .menu-link { color: var(--lifestyle) !important; }


body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-food:hover > .menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-food.active > .menu-link,
.menu-item.menu-color-food .sub-menu-container .menu-item:hover > .menu-link,
.menu-item.menu-color-food .sub-menu-container .menu-item.active > .menu-link { color: var(--food) !important; }


body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-market:hover > .menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-market.active > .menu-link,
.menu-item.menu-color-market .sub-menu-container .menu-item:hover > .menu-link,
.menu-item.menu-color-market .sub-menu-container .menu-item.active > .menu-link { color: var(--market) !important; }


.navbar-nav.nav-sm .nav-link:hover,
.navbar-nav.nav-sm .nav-link.active { color: #FFF; }

.bg-color-home.nav-link:hover,
.menu-color-home > a::before,
.bg-color-home.nav-link.active { background: var(--home) !important; }
.bg-color-travel.nav-link:hover,
.menu-color-travel > a::before,
.bg-color-travel.nav-link.active { background: var(--travel) !important; }
.bg-color-tech.nav-link:hover,
.menu-color-tech > a::before,
.bg-color-tech.nav-link.active { background: var(--tech) !important; }
.bg-color-fashion.nav-link:hover,
.menu-color-fashion > a::before,
.bg-color-fashion.nav-link.active { background: var(--fashion) !important; }
.bg-color-sports.nav-link:hover,
.menu-color-sports > a::before,
.bg-color-sports.nav-link.active { background: var(--sports) !important; }
.bg-color-lifestyle.nav-link:hover,
.menu-color-lifestyle > a::before,
.bg-color-lifestyle.nav-link.active { background: var(--lifestyle) !important; }
.bg-color-food.nav-link:hover,
.menu-color-food > a::before,
.bg-color-food.nav-link.active { background: var(--food) !important; }
.bg-color-market.nav-link:hover,
.menu-color-market > a::before,
.bg-color-market.nav-link.active { background: var(--market) !important; }

@media (max-width: 575px) {

	#top-cart {
		display: block;
		right: 70px;
	}
}

.hidden { display: none !important; }

.header-misc-icon > .date-today { font-size: 0.8125rem !important; }

.social-icon.si-mini {
	width: 30px;
	height: 30px;
	font-size: 12px;
	line-height: 29px !important;
}

.social-icon.si-mini:hover i:first-child { margin-top: -29px; }

.si-instagram:hover,
.si-colored.si-instagram {
	background: #C92BB7;
	background: linear-gradient(145deg, #3051F1 10%, #C92BB7 70%) no-repeat;
}

.hesperiden .tp-tab-date { margin-bottom: 2px; }

.hesperiden .tp-tab-date.tp-tab-para {
	margin-top: 3px;
	font-weight: 400;
	color: #888;
	font-family: 'Athiti', sans-serif !important;
}

.tp-tab-title {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}


.menu-container > .menu-item > .menu-link {
	font-family: 'Athiti', sans-serif !important;
	font-size: 0.99rem;
	letter-spacing: 0;
	font-weight: 500 !important;
	-webkit-transition: color .4s ease;
	-o-transition: color .4s ease;
	transition: color .4s ease;
}

.entry-title h3 {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 20px;
}

.entry-title a {
	color: #333;
	-webkit-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}

.entry-categories {
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-transform: capitalize;
}

.bg-overlay .entry-categories {
	position: relative;
	left: auto;
	bottom: auto;
	margin-bottom: 12px;
	z-index: 2;
}

.entry-categories a {
	color: #FFF !important;
	padding: 3px 5px;
	font-size: 10px;
	border-radius: 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-family: 'Athiti', sans-serif !important;
}

.sub-meta.entry-meta {
    margin: 8px -10px 0 0 !important;
    border: none !important;
    padding: 0 !important;
    position: relative;
    overflow: hidden;
	list-style: none !important;
}

.sub-meta.entry-meta li:before {
	content: '/';
	display: inline-block;
	margin-right: 10px;
	opacity: 0.5
}

.sub-meta.entry-meta li {
    font-size: 13px;
    line-height: 14px;
    color: #999;
    font-style: italic;
    float: left !important;
    border: none !important;
    margin: 0 10px 0 0 !important;
}

.sub-meta.entry-meta li:first-child:before { display: none; }

.sub-meta.entry-meta li i {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 3px;
    padding-left: 1px;
}

.entry::after {
    margin-top: 2rem;
}

.entry-icons {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.entry-icons li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
}

.entry-icons a {
	font-weight: 600;
	color: #EEE;
}

.entry-icons span {
	opacity: 0;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 0;
	font-size: 11px;
	font-weight: 600;
	font-family: 'Athiti', sans-serif !important;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
}

.entry:hover .entry-icons span {
	opacity: 1;
	-webkit-transform: translate(-50%, -13px);
	transform: translate(-50%, -13px);
}

.nav-link { color: #333; }

.navbar-nav.nav-sm .nav-link {
	color: #444;
	font-size: 12px;
	font-weight: 400;
	padding: 2px 6px;
	line-height: 21px;
	margin: 4px 2px;
	border-radius: 2px;
	font-family: 'Athiti', sans-serif !important;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.navbar-light .navbar-nav .dropdown-toggle::after { display: none; }

.line-xs {
	margin: 4px 0 20px;
	border-bottom: 3px solid #EEE;
}

.line-xs::after {
	top: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51,51,51,0);
	border-top-color: #EEE;
	border-width: 8px;
	margin-left: -8px;
	z-index: 1;
	background: none;
}

.line-xs.line-home { border-bottom-color:  var(--home) !important; }
.line-xs.line-travel { border-bottom-color:  var(--travel) !important; }
.line-xs.line-tech { border-bottom-color:  var(--tech) !important; }
.line-xs.line-fashion { border-bottom-color:  var(--fashion) !important; }
.line-xs.line-sports { border-bottom-color:  var(--sports) !important; }
.line-xs.line-lifestyle { border-bottom-color:  var(--lifestyle) !important; }
.line-xs.line-food { border-bottom-color:  var(--food) !important; }
.line-xs.line-market { border-bottom-color:  var(--market) !important; }
.line-xs.line-light { border-bottom-color:  var(--light) !important; }
.line-xs.line-dark { border-bottom-color:  var(--dark) !important; }

.line-xs.line-home::after { border-top-color:  var(--home) !important; }
.line-xs.line-travel::after { border-top-color:  var(--travel) !important; }
.line-xs.line-tech::after { border-top-color:  var(--tech) !important; }
.line-xs.line-fashion::after { border-top-color:  var(--fashion) !important; }
.line-xs.line-sports::after { border-top-color:  var(--sports) !important; }
.line-xs.line-lifestyle::after { border-top-color:  var(--lifestyle) !important; }
.line-xs.line-food::after { border-top-color:  var(--food) !important; }
.line-xs.line-market::after { border-top-color:  var(--market) !important; }
.line-xs.line-light::after { border-top-color:  var(--light) !important; }
.line-xs.line-dark::after { border-top-color:  var(--dark) !important; }


.form-signin {
  width: 100%;
  padding: 15px;
  margin: 0 auto;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  padding: .75rem .75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.9;
  color: #888;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder { color: transparent; }
.form-label-group input:-ms-input-placeholder { color: transparent; }
.form-label-group input::-ms-input-placeholder { color: transparent; }
.form-label-group input::-moz-placeholder { color: transparent; }
.form-label-group input::placeholder { color: transparent; }

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(.75rem + .75rem * (2 / 3));
  padding-bottom: calc(.75rem / 3);
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(.75rem / 3);
  padding-bottom: calc(.75rem / 3);
  font-size: 10px;
  color: #BBB;
}

.menu-link::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 1px;
	-webkit-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.1s;
	transition: transform 0.1s;
	-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
	transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}

.menu-item:hover > .menu-link::before,
.menu-item.active > .menu-link::before {
	-webkit-transform: scale3d(1, 3, 1);
	transform: scale3d(1, 3, 1);
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.slide .slider-caption-bg { opacity: 1; }

.owl-carousel.fixed-nav:hover .owl-nav [class*=owl-],
.owl-carousel.fixed-nav .owl-nav [class*=owl-] {
	top: auto;
	margin-top: 0;
	left: auto;
	bottom: 10px;
	right: 30px;
	font-size: 14px;
	width: 26px;
	height: 26px;
	border-radius: 3px;
	line-height: 25px;
	opacity: 1;
}

.owl-carousel.fixed-nav:hover .owl-nav .owl-next,
.owl-carousel.fixed-nav .owl-nav .owl-next {
	left: auto;
	right: 0;
}

.owl-carousel.fixed-nav .owl-nav .disabled {
	opacity: .4 !important;
	display: block !important;
	cursor: auto;
}

.owl-carousel.fixed-nav.top-nav:hover .owl-nav [class*=owl-],
.owl-carousel.fixed-nav.top-nav .owl-nav [class*=owl-] {
	top: -44px;
	bottom: auto;
}

.owl-carousel.fixed-nav .owl-nav [class*=owl-]:hover {
	background-color: inherit !important;
	color: inherit !important;
}

.device-xs #primary-menu-trigger {margin-left: 25px;}

.scroll-wrap {
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.scroll	{ width: calc(100% - 10px); }

.scroll-wrap::-webkit-scrollbar {
	background: rgba(0, 0, 0, 0.04);
	border-radius: 4px;
	height: 10px;
	width: 6px;
}

.scroll-wrap::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.4);
	border-radius: 4px;
}

.owl-carousel .owl-dots .owl-dot { background-color: #FF8600; }

/*.tp-parallax-wrap {
	left: 5% !important;
    top: 10% !important;
}*/

.text-run{
	padding: 5px 0;
}

.slider-box {
	background-color: rgba(222, 222, 222, 0.8);
    border-radius: 20px;
    position: absolute;
	padding: 20px;
    width: 15%;
	top: 25%;
}

.box_style_border {
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
}

/* ส่วนกำหนดสำหรับ แสดง iframe  */
div#outerdiv{
	position:relative;
	margin:auto;
	display:block;
	width:860px; /*ความกว้างส่วนของเนื้อหา iframe ที่ต้องการแสดง*/
	height:550px; /* ความสูงส่วนของเนื้อหา iframe ที่ต้องการแสดง */
	overflow:hidden;
}
/* ส่วนกำหนด สำหรับ iframe */
div#outerdiv iframe{
	position:absolute;
	display:block;
	float:left;
	margin-top:-335px; /* ปรับค่าของ iframe ให้ขยับขึ้นบนตามตำแหน่งที่ต้องการ */
	margin-left:-15px; /* ปรับค่าของ iframe ให้ขยับมาด้านซ้ายตามตำแหน่งที่ต้องการ */
}

/* ส่วนกำหนดสำหรับ แสดง iframe  */
div#outerdiv_rule{
	position:relative;
	margin:auto;
	display:block;
	width:98%;
	/*width:880px;*/
	height:620px;
	overflow:hidden;
}
/* ส่วนกำหนด สำหรับ iframe */
div#outerdiv_rule iframe{
	position:absolute;
    /*top: -277px;
    left: -30px;*/
    /*width: 100%;*/
    width: 104%;
    height: 1250px;

	display:block;
	float:left;
	margin-top:-330px;  /*ปรับค่าของ iframe ให้ขยับขึ้นบนตามตำแหน่งที่ต้องการ */
	margin-left:-20px;  /*ปรับค่าของ iframe ให้ขยับมาด้านซ้ายตามตำแหน่งที่ต้องการ */
}

/* ส่วนกำหนดสำหรับ แสดง iframe  */
div#outerdiv_book{
	position:relative;
	margin:auto;
	display:block;
	width:100%;
	/*width:880px;*/
	height:680px;
	overflow:hidden;
}
/* ส่วนกำหนด สำหรับ iframe */
div#outerdiv_book iframe{
	position:absolute;
    /*top: -277px;
    left: -30px;*/
    /*width: 100%;*/
    width: 104%;
    height: 1233px;

	display:block;
	float:left;
	margin-top:-275px;  /*ปรับค่าของ iframe ให้ขยับขึ้นบนตามตำแหน่งที่ต้องการ */
	margin-left:-30px;  /*ปรับค่าของ iframe ให้ขยับมาด้านซ้ายตามตำแหน่งที่ต้องการ */
}

body {
	font-family: 'Athiti', sans-serif !important;
}
.widget > h4 {
	font-size: 18px;
}
.list-group {
	width: 100%;
}
#top-social li:first-child {
	border-left: 1px solid #EEE !important;
}
.top-links-container.date-link {
	display: block;
	padding: 12px;
	font-size: 0.9rem;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #666;
}
.top-links-item > a {
	font-size: 0.9rem;
}
.top-links-container.date-link > li.top-links-item {
	background-color: transparent !important;
}

blockquote {
	border-width: 0;
}
.quote::before {
	left: -25px;
    font-size: inherit;
}
.quote.blockquote-reverse::before {
	right: inherit;
}

span.tabsubcolumns { padding-left:3rem; }
span.tabcolumns { padding-left:2rem; }
span.tabnumber { padding-left:10px; }

.no-data > i{
	margin-right: 0.5rem;
	vertical-align: bottom;
}

.sub-block {
	display: block;
}
.sub-block > p {
	display: initial;
	padding-right: 1rem;
	color: #999;
	font-size: medium;
}

.head-topic {
	margin:  30px 0px 30px 0px;
	padding: 15px;
}

#copyrights {
	padding: 20px 0;
	background-color: #DDD;
	font-size: 0.875rem;
	line-height: 1.8;
}

.option-grid {
	margin: 0 auto;
	width: fit-content;
}

.option-grid.state {
	width: 89%;
}

.clients-grid .grid-item .tagcloud {
	margin: 0 1rem;
	display: inline-block;
}

.clients-grid .grid-item .tagcloud a {
	float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 3px 6px;
    font-size: 13px !important;
    border-radius: 2px;
    width: fit-content;
}

.clients-grid .grid-item .widget_links {
	margin: 0 1rem;
}

.clients-grid .grid-item .widget_links li a {
    display: inline-block;
    padding: 0 3px 0 12px;
    width: 95%;
}

.widget_nav_menu:not(.widget-li-noicon) li::before, .widget_links:not(.widget-li-noicon) li::before, .widget_meta:not(.widget-li-noicon) li::before, .widget_archive:not(.widget-li-noicon) li::before, .widget_recent_entries:not(.widget-li-noicon) li::before, .widget_categories:not(.widget-li-noicon) li::before, .widget_pages:not(.widget-li-noicon) li::before, .widget_rss:not(.widget-li-noicon) li::before, .widget_recent_comments:not(.widget-li-noicon) li::before {
    vertical-align: top;
}

.box_ajex {
	max-width: 700px;
	margin: 0 auto;
}

.fbox-content {
	padding: 0;
}

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {
	min-height: 56px;
}

.bnews-slider {
    margin-left: 0px;
	width: 100%;
}

.tp-parallax-wrap {
    left: -25% !important;
}

.skills li {
    /*position: relative;*/
    /*margin-top: 38px;*/
    height: 20px;
    /*background-color: #F5F5F5;*/
    /*box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);*/
    /*border-radius: 2px;*/
}

.skills li > span {
    /*top: -18px;*/
    /*left: 0;*/
    /*line-height: 20px;*/
    font-size: initial;
     font-weight: 400;
    /*text-transform: uppercase;*/
    /*color: #222;*/
}

.skills li .progress-percent {
    top: -1px;
    font-size: inherit;
    background-color: initial;
}

.progress-percent::after, .progress-percent::before {
	display: none;
}

.team > .border-img > img{
	border: solid 1px #000;
    max-width: 170px !important;
}

.team-title h4 {
    font-size: 100%;
    white-space: nowrap;
}

.testimonial .flex-control-nav li {
    margin: 0 2px;
    width: 9px;
    height: 6px;
}
.testimonial .flex-control-nav li a {
    width: 10px !important;
    height: 10px !important;
    border: none;
    opacity: 0.5;
}
.testimonial .flex-control-nav {
    top: auto;
    bottom: 10px;
    right: 10px;
}

.webboard-iframe{
	position: absolute;
	width: 100% !important;
	height: 1233px;
	display: block;
	float: left;
	margin-top: 0px !important;
	margin-left: 0px !important;
}

.modal-lg, .modal-xl {
    max-width: 975px;
}

.ImgSpen{
	max-width: 78%;
}

.team-image img {
	margin: 0 auto;
	max-width: -webkit-fill-available !important;
}

@media (max-width: 575px) {
	.ImgSpen{
		max-width: 100%;
	}
}

/* code color */
#wrapper, #content {
	/* background-color: #fcff9a; */
	background: rgb(34,193,195);
	/* background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(255,235,95,1) 0%, rgba(251,255,166,1) 26%, rgba(255,251,165,1) 61%, rgba(255,206,101,1) 100%); */
	background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(255,235,95,1) 0%, rgba(251,255,166,1) 26%, rgba(255,251,165,1) 61%, rgba(255,237,97,1) 100%);
}
.mb-2.ls1.text-uppercase.font-weight-bold {
    /* background: blueviolet !important; */
	background: rgb(36,34,0);
	background: linear-gradient(90deg, rgba(36,34,0,1) 0%, rgba(5,66,143,1) 0%, rgba(20,80,157,1) 22%, rgba(25,133,198,1) 100%) !important;
}
.line-xs.line-tech {
    border-bottom-color: blueviolet !important;
}
.line-xs.line-tech::after {
    border-top-color: blueviolet !important;
}
.box-color {
	background: #FFFFFF;
}
.top-links-item > a, .top-links-container.date-link, #top-social a{
	color: #000;
}
#top-social li a:hover, .top-links-container > li.top-links-item a:hover {
	color: #FFF ;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    background-color: #000000;
}
.badge.badge-primary{
	color:#FF0000;
}
.section.header-stick.bottommargin-lg.clearfix.bottommargin-mini {
    /* background-color: #FCFDD5; */
    background-color: #FFFFFF;
}
#header-wrap {
	background-color: #FFFFFF;
    /* border-bottom: 1px solid #F5F5F5; */
	/* background-color: aliceblue; */
}
.sticky-header #header-wrap {
	background-color: #FCFDD5;
}
.highlight-color {
	color: #436AFC;
}
.box_style_border {
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 15px 15px 25px rgb(0 0 0 / 40%);
	border-radius: 10px;
	background-color: #FFFFFF;
}
.mb-2.ls1.text-uppercase.font-weight-bold {
	padding: 5px 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/* background: #FFFFFF; */
	background: #0B5ED7;
	color: #FFFFFF;
}
.mb-2.ls1{
	margin-bottom: 0 !important;
}
.entry-image img {
    border-radius: 10px;
}
.line-xs {
    margin: 4px 0 15px;
    border-bottom: 3px solid #EEE;
}
.sub_box_style_border {
	border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 40%);
	border-radius: 10px;
}
#content, h1, h2 , h3, h4, h5 {
	color: #000000;
}
.divider {
    color: #000000;
}
.divider::after, .divider::before {
    background-color: #000000;
}
.box_style_border > h3 {
	padding-top: 20px;
	padding-left: 20px;
}
.box_style_border > h4 {
	padding-top: 20px;
	padding-left: 20px;
}
.quote::before {
    color: #000000;
}
.section.center.head-topic {
	background-color: #FDCB4F;
	margin-top: -15px;
}
.margin20 {
	margin: 20px !important;
}
.padding20 {
	padding: 20px;
}
.padding40 {
    padding: 40px;
}
.padding-box-home {
    padding: 0 10px;
}
.margin-center{
	margin: 0 auto;
}
.sub-meta.entry-meta li {
    color: #000;
}
.fbox-content p {
    color: #000;
}
.sub-block > p {
    color: #000;
}
.divider.divider-border i {
    border: 1px solid #000
}
.divider.divider-rounded i, .divider.divider-border i {
    color: #000;
}
.council-box{
	padding: 1rem 1rem;
	border: 1px solid #313131;
	border-radius:10px;
	display: flex;
    width: fit-content;
	margin: 0 auto;
	justify-content: space-around;
}
.council-box > div > div{
	margin-top: 1rem;
}
.council-box > div{
	align-self: auto;
	text-align: center;
}
.gradient-box,
.gradient-box:hover {
	margin: 3rem;
	left: 39.5%;
	cursor: inherit;
	border-radius: 5px;
	color: #000;
	background-image: -webkit-linear-gradient(to right, #dbfa29 0%, #edff84 25%, #f5ffbb 50%, #edff84 75%, #dbfa29 100%) !important;
	background-image: linear-gradient(to right, #dbfa29 0%, #edff84 25%, #f5ffbb 50%, #edff84 75%, #dbfa29 100%) !important;
}
.gradient-yellow, .gradient-yellow:hover {
    background-image: -webkit-linear-gradient(to right, #dbfa29, #edff84, #f5ffbb) !important;
    background-image: linear-gradient(to right, #dbfa29, #edff84, #f5ffbb) !important;
}
.verticalmiddle {
	vertical-align: middle;
}
.form-row label {
	font-size: 1rem;
}

.slider_main, .slider_main .slider-inner, .slider_main .rev_slider, .slider_main .rev_slider_wrapper, .slider_main .forcefullwidth_wrapper_tp_banner, .slider_main .tp-fullwidth-forcer{
	max-height: 370px !important;
	height: 370px !important;
}

.slider-element.canvas-slider a{
	padding: 15px !important;
}

.swiper-wrapper.new{
	gap: 10px !important;
	margin-left: 10px;
}

.new > .swiper-slide{
	width: 273px !important;
	border-style: dashed;
    border-width: 2px;
    border-color: coral;
}

@media (max-width: 1200px) {
	.slider-box{
		width: 15%;
    	top: 25%;
	}
}

@media (max-width: 992px) {
	.slider-box{
		width: 25%;
    	top: 25%;
	}
}

@media (max-width: 768px) {
	.slider-box{
		width: 35%;
    	top: 25%;
	}
}

@media (max-width: 576px) {
	.bnews-slider{
		display: none !important;
	}
	.text-run{
		padding: 20px 0;
	}
	.slider-box{
		width: 40%;
    	top: 20%;
	}
}

/* ----------------------------------------------------------------
	icon facebook
-----------------------------------------------------------------*/


#iconFacebook {
	/* display: none; */
	z-index: 599;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 1.25rem;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 35px;
	bottom: 35px;
	cursor: pointer;
	border-radius: 2px;
}

body:not(.device-touch) #iconFacebook {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}