/* ----------------------------------------------------------------
	Theme core version 5.9 20190610
	Zexy core version ?
	
	Black		#000000 		
	White		#FFFFFF			
	
-----------------------------------------------------------------*/

@media (min-width: 1200px) {
	.container { max-width: 1190px; }
}

/* fix style.css paths
*/

	.owl-carousel.owl-loading {background: url('../images/preloader.gif') no-repeat center center}
	
	.owl-carousel .owl-video-play-icon {background: url("../images/icons/play.png") no-repeat;}
	
	.fancy-title.title-dotted-border { background: url('../images/icons/dotted.png') repeat-x center; }
	
	.preloader,
	.preloader2,
	.form-process {background: url("../images/preloader.gif") center center no-repeat #FFF;}
	
	.widget_recent_comments li {background: url("../images/icons/widget-comment.png") left top no-repeat;}
	
	.widget_nav_menu li a,
	.widget_links li a,
	.widget_meta li a,
	.widget_archive li a,
	.widget_recent_entries li a,
	.widget_categories li a,
	.widget_pages li a,
	.widget_rss li a,
	.widget_recent_comments li a {background: url("../images/icons/widget-link.png") left top no-repeat;}


	#primary-menu ul ul > li.sub-menu > a,
	#primary-menu ul ul > li.sub-menu:hover > a {background-image: url("../images/icons/submenu.png");}

	#primary-menu.sub-title > ul > li,
	#primary-menu.sub-title.style-2 > div > ul > li {background: url("../images/icons/menu-divider.png") no-repeat right center;}

	body.side-panel-open:not(.device-xs):not(.device-sm):not(.device-md) .body-overlay:hover {cursor: url('../images/icons/close.png') 15 15, default;}

	.swiper_wrapper .swiper-container {background: url('../images/pattern2.png') repeat;}

	.video-overlay,
	.video-placeholder {background: transparent url('../images/grid.png') repeat;}

	#page-title.page-title-pattern {background-image: url('../images/pattern.png');}

	#page-title.page-title-parallax {background-image: url('../images/parallax/parallax-bg.jpg');}

	.fbox-border.fbox-effect .fbox-icon i:after {background-image: url('../images/icons/iconalt.svg');}

	.i-alt {background-image: url('../images/icons/iconalt.svg');}

	.i-overlay,
	.i-overlay a {background: rgba(0,0,0,0.2) url('../images/grid.png') repeat;}

/* end fix style.css paths
*/

	div {outline:0px solid red;}
	
	.button {margin:0;}
	
	.out {outline:1px solid red;}
	em.error {color: red;}

	.mt0	{margin-top: 0 !important;}
	.mt8	{margin-top: 8px;}
	.mt10	{margin-top: 10px;}
	.mt16	{margin-top: 16px;}
	.mt24	{margin-top: 24px;}
	.mt30	{margin-top: 30px;}
	.mt,
	.mt32	{margin-top: 32px;}
	.mt40	{margin-top: 40px;}
	.mt48	{margin-top: 48px;}
	.mt56	{margin-top: 56px;}
	.mt64	{margin-top: 64px;}
	.mt72	{margin-top: 72px;}
	.mt80	{margin-top: 80px;}
	.mt88	{margin-top: 88px;}
	.mt96	{margin-top: 96px;}
	.mt104	{margin-top: 104px;}
	.mt112	{margin-top: 112px;}
	.mt120	{margin-top: 120px;}
	.mt160	{margin-top: 160px;}

	.mb0	{margin-bottom: 0 !important;}
	.mb8	{margin-bottom: 8px;}
	.mb16	{margin-bottom: 16px;}
	.mb24	{margin-bottom: 24px;}
	.mb30	{margin-bottom: 30px;}
	.mb,
	.mb32	{margin-bottom: 32px;}
	.mb40	{margin-bottom: 40px;}
	.mb48	{margin-bottom: 48px;}
	.mb56	{margin-bottom: 56px;}
	.mb64	{margin-bottom: 64px;}
	.mb72	{margin-bottom: 72px;}
	.mb80	{margin-bottom: 80px;}
	.mb88	{margin-bottom: 88px;}
	.mb96 	{margin-bottom: 96px;}
	.mb104 	{margin-bottom: 104px;}
	.mb112	{margin-bottom: 112px;}
	.mb120	{margin-bottom: 120px;}
	.mb160	{margin-bottom: 160px;}

	.mr0	{margin-right: 0;}

	.p10	{padding:10px;}
	.p18	{padding:18px;}
	.p24	{padding: 24px;}
	.p32	{padding: 32px;}

	.p0		{padding: 0!important;}
	.pt0	{padding-top: 0!important;}
	.pt8	{padding-top: 8px;}
	.pt16	{padding-top: 16px;}
	.pt24	{padding-top: 24px;}
	.pt32	{padding-top: 32px;}
	.pt40	{padding-top: 40px;}
	.pt48	{padding-top: 48px;}
	.pt64	{padding-top: 64px!important;}
	.pt72	{padding-top: 72px;}
	.pt80	{padding-top: 80px;}
	.pt88	{padding-top: 88px;}
	.pt96	{padding-top: 96px;}
	.pt104	{padding-top: 104px;}
	.pt112	{padding-top: 112px;}
	.pt120	{padding-top: 120px;}
	.pt160	{padding-top: 160px;}
	.pt180	{padding-top: 180px;}
	.pt240	{padding-top: 240px;}

	.pb0	{padding-bottom: 0!important;}
	.pb8	{padding-bottom: 8px;}
	.pb16	{padding-bottom: 16px;}
	.pb24	{padding-bottom: 24px;}
	.pb32	{padding-bottom: 32px;}
	.pb40	{padding-bottom: 40px;}
	.pb48	{padding-bottom: 48px;}
	.pb56	{padding-bottom: 56px;}
	.pb64	{padding-bottom: 64px!important;}
	.pb72	{padding-bottom: 72px;}
	.pb80	{padding-bottom: 80px;}
	.pb88	{padding-bottom: 88px;}
	.pb96	{padding-bottom: 96px;}
	.pb104	{padding-bottom: 104px;}
	.pb112	{padding-bottom: 112px;}
	.pb120	{padding-bottom: 120px;}
	.pb160	{padding-bottom: 160px;}
	.pb180	{padding-bottom: 180px;}
	.pb240	{padding-bottom: 240px;}

	.valignmiddle {vertical-align:middle!important;}

	.bold	{font-weight: 700;}

	.fs10	{font-size:10px;}
	.fs12	{font-size:12px;}
	.fs14	{font-size:14px;}
	.fs16	{font-size:16px;}
	.fs18 	{font-size:18px;}

	.warning	{color:#fff; background:#af0707; padding:15px;}

	.floatleft {float:left;}
	.floatright {float:right;}

	.toggle p {margin-bottom:0;}
	.toggle p + p {margin-top:20px;}
/*	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {color:#000;}
*/	h1,	h2,	h3,	h4,	h5,	h6 {text-transform:uppercase;}
	
	.txtwhite,
		.txtwhite h1, 
		.txtwhite h2, 
		.txtwhite h3,
		.txtwhite p  {color:#fff;}
		
	.txtblack,
		.txtblack h1,
		.txtblack h2,
		.txtblack h3,
		.txtblack p {color:#000;}
	
	.bggrey {background-color:#333;}
	
	.error {display:inline-block; color:firebrick; font-weight:bold; background:none; border:2px solid firebrick; padding:5px 15px;}
	
	.noborder {border:0;}
	
	ul.nolist {list-style-type:none!important;}
	ul.nolist li a:before {content:none!important;}
	
	.inlineblock {display:inline-block;}
	
	.section {margin: 0; padding: 0; background: none;}
	
	@media(min-width: 992px){
		.one-page-arrow {z-index:100; bottom:0; margin-left: -40px; width: 80px;}
		.triangle {
			position: absolute;
			bottom: 0;
			left: 50%;
			right: 50%;
			margin-left: -100px;
			border-color: transparent transparent #fff transparent;
			border-style: solid;
			border-width: 0px 100px 30px 100px;
			width: 0;
			height: 0;
			z-index: 10;					
		}
	}

	/* custom grid enhancement - 5 columns
	*/
	@media(min-width: 992px){
		.col5 {
			width: 20%;	
			float: left;
			position: relative;
			min-height: 1px;
			padding-right: 15px;
			padding-left: 15px;
		}
	}
	
	@media (max-width: 768px) {
		.mob-mb0 {margin-bottom:0;}
			
		.container, 
		#header.full-header .container, 
		.container-fullwidth {
			width: 100%!important;
			padding-left: 15px!important;
			padding-right: 15px!important;
		}
	
	}


.tright-center {text-align:right;}
.tright-left {text-align:right;}
.tright {text-align:right;}
	
	@media (max-width: 768px) {
	.tright-center {text-align:center;}
	.tright-left {text-align:left;}
}

/* responsive views
	
	@media (max-width: 1200px) {
		.center-xl {text-align:center!important;}
		.hide-xl {display:none!important;}
		.nofloat-xl {float:none!important;}
		.tleft-xl {text-align:left!important;}
		.tright-xl {text-align:right!important;}
		.block-xl {display:block!important;}
		.container-wide-xl {width:100%!important;}
	}
	
	@media (max-width: 991px) {
		.center-lg {text-align:center!important;}
		.hide-lg {display:none!important;}
		.nofloat-lg {float:none!important;}
		.tleft-lg {text-align:left!important;}
		.tright-lg {text-align:right!important;}
		.block-lg {display:block!important;}
		.container-wide-lg {width:100%!important;}
		.fnone-lg {float:none!important;}
		.middle-lg {margin:0 auto!important;}
	}
	
	@media (max-width: 768px) {
		.center-md {text-align:center!important;}
		.hide-md {display:none!important;}
		.nofloat-md {float:none!important;}
		.tleft-md {text-align:left!important;}
		.tright-md {text-align:right!important;}
		.block-md {display:block!important;}
		.container-wide-md {width:100%!important;}
		.fnone-md {float:none!important;}
		.middle-md {margin:0 auto!important;}
	}
	@media (max-width: 479px) {
		.center-xs {text-align:center!important;}
		.hide-xs {display:none!important;}
		.nofloat-xs {float:none!important;}
		.tleft-xs {text-align:left!important;}
		.tright-xs {text-align:right!important;}
		.block-xs {display:block!important;}
		.container-wide-xs {width:100%!important;}
		.fnone-xs {float:none!important;}
		.middle-xs {margin:0 auto!important;}
		
		.container {width:100%!important;}
	}

	@media (min-width: 768px) {
		.hidemob {display:block!important;}
	}
	@media (min-width: 480px) {
		.showmob {display:none!important;}
		.css3-spinner > div {background-color: #000;}
		.fullwidth-container {width:100%!important;}
	}
*/

	/* Spinner loader
	*/
	.css3-spinner > div {background-color: #000;}
	

	@media (max-width: 768px) {}
	@media (max-width: 330px) {}
	






.ml20 {margin-left:20px;}
	.pt64 {padding-top: 64px!important;}
	.pb64 {padding-bottom: 64px!important;}
	.mt64 {margin-top: 64px!important;}
	.mb64 {margin-bottom: 64px!important;}
	
	.owl-carousel .owl-dots .owl-dot,
	.button,
	.portfolio-filter li.activeFilter a {background:#c6c09c;}
	.portfolio-filter li a:hover {color:#c6c09c;}
	
	.bg-one {background: #FFF url('../images/santichai/bg01.jpg') no-repeat 100% 50% / auto 200%;}
	.bg-two {position: absolute; top: 0; left: 0; background:#fff url('../images/santichai/bg02.jpg') no-repeat 0% 100% / 90% auto!important; padding:50px 0;}
	.bg-three {position: absolute; top: 0; left: 0; background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,1)), url('../images/santichai/bg05.jpg') no-repeat; background-size:cover;}
	.bg-four {background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,1)), url('../images/santichai/bg05.jpg') no-repeat; background-size:cover;}
	.bg-five {background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,1)), url('../images/santichai/2022/slide22-02.jpeg') no-repeat; background-size:cover;}	
	
	/* green 33bc9c */
	#content h1, 
	#content h2, 
	#content h3,
	#content h4, 
	#content h5, 
	#content h6 {font-family: 'Poppins', sans-serif!important; margin-bottom: 1.5rem!important;}
	
	#content h2 {font-size:38px; letter-spacing:-1px; font-weight:700;}
	.heading-block h2 {font-size:38px; }
	
	#top-bar {z-index:100; background:rgba(0,0,0,0.8); border:0;}
	.dark .top-links ul li {border:0;}
	
	#primary-menu ul li:hover > a, 
	#primary-menu ul li.current > a {color:#c6c09c;}
	
	#primary-menu ul li > a,
	.dark .top-links li > a {color:#fff;}
	
	.top-links li {background:#333;}
	.top-links li a:hover {background:#c6c09c;}
	
	#header {margin-top:30px!important;}
	#header.transparent-header.floating-header .container {background:none;}
		
	#logo img {height:120px;}
	
	
	#header.transparent-header.floating-header + #slider {margin-bottom:-190px;}
		
	#content .oc-item-content {background:rgba(255,255,255,0.95); position: absolute; bottom: 0; left: 10%; width: 75%; padding:20px 15px;}
	#content .entry-title h3 {margin-bottom:0!important;}
	#content .entry-meta li {margin:0;}
	
	#timeprice ul {padding:0 20px;}
	
	
	.owl-carousel .oc-desc {top:auto; bottom:5%; height:40%; padding:15px; background:rgba(255,255,255,0.9);}
	.owl-carousel .oc-desc .text-black-50 {margin:0;}
		.entry-meta li:before {margin:0 10px;}
	 
	.social-icons {outline:0px solid red; width:35px; margin:0 auto;}
	.social-icons li {list-style-type:none;}

	#portfolio .portfolio-item {padding: 2px;}
	#portfolio .portfolio-overlay a {margin:-28px 0 0 -24px;}
	
	#portfolio .pf-video .portfolio-image:before {position:absolute;top:5px;left:5px;padding:0 10px;content:'VIDEO'; color:#333; background:#fff; border-radius:10px; font-size:9px; font-weight:bold;}
	
	@media (max-width: 991.98px) {
		#portfolio article { margin: 0 -20px -20px 0 !important;
			margin: 0 !important;
			width: 50% !important;
		}
	}
	
	.footer-widgets-wrap a {color:#c6c09c;}
	#footer h2 {font-family: 'Poppins', sans-serif!important;	font-size: 38px;    letter-spacing: -1px;    font-weight: 700;	}					}	
	@media only screen and (max-width: 600px) {
		/*.bg-one {background: #FFF url('images/santichai/bg01.jpg') no-repeat 100% 50% / auto 10%;} */
		.bg-one {background:none;}
		.bg-two {position: absolute; top: 0; left: 0; background:#fff url('../images/santichai/bg02.jpg') no-repeat 0% 100% / 90% auto!important; padding:50px 0;}
		.bg-three {position: absolute; top: 0; left: 0; background:red linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,1)), url('../images/santichai/bg05.jpg') no-repeat; background-size:cover;}
		.bg-four {background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,1)), url('../images/santichai/bg05.jpg') no-repeat; background-size:cover;}				.bg-five {background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,1)), url('../images/santichai/2022/slide22-02.jpeg') no-repeat; background-size:cover;}
		
		#header {position:absolute; width:100%;}
		#logo img {height:80px;}
		#primary-menu {background:#000;}
		#primary-menu-trigger {top:15px; border:1px solid rgba(255,255,255,0.5);}
		#primary-menu-trigger,
		#primary-menu-trigger .icon-reorder {color:#fff;}
		#header.transparent-header.floating-header + #slider {margin-bottom:0;}
		
		#primary-menu .one-page-menu {padding:10px 15px !important}
		
		#primary-menu ul li {border:0;}
		
		.card-body {font-size:1rem;}
		.slider-caption p {font-size:15px;}
		
		.iframe-fb {width:380px;}

		#timeprice {background:#000; padding:20px 0;}
		#timeprice ul {font-size:11px;}
		#timeprice a:first-child img {margin:0 0 30px 0;}
		
		#portfolio-filter {width:100%; margin-left:10px;}
		.portfolio-filter li {width:30%;}
	}
	
	@media (max-width: 991.98px) {
		.googlemap {height:300px!important;}
	}
	
	#copyrights {background:#fff;}
	.evolve {display:block;}
	.evolve img {width:100px;}
	
	
	
	
	
	
	@media only screen and (max-width: 600px) {
		#header {margin-top:20px!important; position: absolute; left: 0px;}
		#header #logo {margin-left: 180px!important;}
		#primary-menu-trigger {color:#fff;}
		#primary-menu {background:rgba(0,0,0,0.8); margin-top:50px;}
		#slider .slider-caption {padding: 0 20px;}
		#content {margin-top: 200px;}
		
		.bg-abstract {background: #FFF url(/assets/images/santichai/bg-orange.jpg) no-repeat 100% 0%!important;}
		.bg-one {background: #FFF url(../images/santichai/bg01.jpg) no-repeat 100% 50% / auto 140%!important;}
		.bg-one #news {color:#fff;}
		.bg-one h2 {color:#fff!important;}
		.bg-one #news .iframe-fb {width:340px;}
		
		.w-100.h-100.d-none.d-md-block.bg-three,
		.w-100.h-100.d-none.d-md-block	{display: block!important;}
		
		#gallery h2 {color:#fff;}
		#portfolio-filter {float: left!important; width: 100%; display:none;}
		.portfolio-filter li {width: 30%;}
	}