@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500,700');
@import url('animate2.css');
.fs5{font-size:5px}.fs6{font-size:6px}.fs7{font-size:7px}.fs8{font-size:8px}.fs9{font-size:9px}.fs10{font-size:10px}.fs11{font-size:11px}.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs17{font-size:17px}.fs18{font-size:18px}.fs19{font-size:19px}.fs20{font-size:20px}.fs22{font-size:22px}.fs23{font-size:23px}.fs24{font-size:24px}.fs25{font-size:25px}.fs26{font-size:26px}.fs27{font-size:27px}.fs28{font-size:28px}.fs29{font-size:29px}.fs30{font-size:30px}.fs31{font-size:31px}.fs32{font-size:32px}.fs33{font-size:33px;font-size:33px}.fs34{font-size:34px}.fs35{font-size:35px}.fs36{font-size:36px}.fs37{font-size:37px}.fs38{font-size:38px}.fs39{font-size:39px}.fs40{font-size:40px}.fs41{font-size:41px}.fs42{font-size:42px}.fs43{font-size:43px}.fs44{font-size:44px}.fs45{font-size:45px}.fs46{font-size:46px}.fs47{font-size:47px}.fs48{font-size:48px}.fs49{font-size:49px}.fs50{font-size:50px}.fs60{font-size:60px}.fs70{font-size:70px}.fs80{font-size:80px}.fs90{font-size:90px}.fs100{font-size:100px}.ccb{color:#cbcbcb}.c80{color:gray}.cb2{color:#b2b2b2}.c65{color:#656565}.c98{color:#989898}.c4d{color:#4D4D4D}.cff{color:#fff}.ccc{color:#ccc}.c33{color:#333}.c32{color:#323232}.c66{color:#666}.c65{color:#656565}.c99{color:#999}.c4c{color:#4C4C4C}.c7f{color:#7F7F7F}.cfb{color:#4862A3}.cgp{color:#DC4A3D}.c91{color:#919191}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}.mr45{margin-right:45px}.mr50{margin-right:50px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt35{padding-top:35px}.pt40{padding-top:40px}.pt45{padding-top:45px}.pt50{padding-top:50px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb45{padding-bottom:45px}.pb50{padding-bottom:50px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr25{padding-right:25px}.pr30{padding-right:30px}.pr35{padding-right:35px}.pr40{padding-right:40px}.pr45{padding-right:45px}.pr50{padding-right:50px}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl25{padding-left:25px}.pl30{padding-left:30px}.pl35{padding-left:35px}.pl40{padding-left:40px}.pl45{padding-left:45px}.pl50{padding-left:50px}q{quotes:"“" "”" "‘" "’"}q:before{content:open-quote}q:after{content:close-quote}.relative{position:relative}.absolute{position:absolute}.dn{display:none}.db{display:block}.df{display:flex;flex-flow:row wrap}.dib{display:inline-block}.asc{-webkit-align-self:center;align-self:center}.desc{-webkit-align-self:flex-end;align-self:flex-end}.ul-inline li,.ul-inline-no-m li{display:inline-block;vertical-align:middle}.ul-inline-no-m li{margin-left:-5px}.dibm,.dimb{display:inline-block;vertical-align:middle}.dib{display:inline-block}.fl{float:left}.fr{float:right}.nowrap{white-space:nowrap}.bgfff,.bg-white{background:#fff}.text-hide-e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.l0{line-height:0}.fwb{font-weight:700}.fwn{font-weight:400}.f_tahoma{font-family:"Tahoma"}.no-radius{border-radius:0}img{max-width:100%}ul,li{list-style:none;margin:0;padding:0}body::-webkit-scrollbar{width:.4em}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}body::-webkit-scrollbar-thumb{background-color:#82a035;outline:1px solid #7c9932}.auto-color{-webkit-animation:color_change 1s infinite alternate;-moz-animation:color_change 1s infinite alternate;-ms-animation:color_change 1s infinite alternate;-o-animation:color_change 1s infinite alternate;animation:color_change 1s infinite alternate}@keyframes animate1{0%,100%{-webkit-transform:translateY(0) rotate(0deg);-ms-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-15px) rotate(0deg);-ms-transform:translateY(-15px) rotate(0deg);transform:translateY(-15px) rotate(0deg)}}@keyframes animate2{0%,100%{-webkit-transform:translateY(0) rotate(0deg);-ms-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(15px) rotate(0deg);-ms-transform:translateY(15px) rotate(0deg);transform:translateY(15px) rotate(0deg)}}@keyframes animate3{0%,100%{-webkit-transform:translateY(0) rotate(0deg);-ms-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-5px) rotate(0deg);-ms-transform:translateY(-5px) rotate(0deg);transform:translateY(-5px) rotate(0deg)}}@keyframes animate4{0%,100%{-webkit-transform:translateY(0) rotate(0deg);-ms-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(10px) rotate(0deg);-ms-transform:translateY(10px) rotate(0deg);transform:translateY(10px) rotate(0deg)}}@keyframes animate5{0%,100%{-webkit-transform:translateY(0) rotate(0deg);-ms-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-10px) rotate(0deg);-ms-transform:translateY(-10px) rotate(0deg);transform:translateY(-10px) rotate(0deg)}}
body{font-family: 'Kanit','Open Sans', sans-serif;opacity: 0;position: relative;}
.dark .menuzord-menu > li > a{font-family: "Kanit";font-weight: 300;font-size:16px;color:#000;}
.menuzord.green .menuzord-menu > li.active > a{background: #206522;}
.menuzord.green .menuzord-menu > li:hover > a{background: #206522;}
h1{font-size: 2.6rem}
h1,h2,h3,h4,h5,h6{font-family: 'Kanit', sans-serif;font-weight: 500;}
header.header ul.styled-icons{height: 34px;}
header.header .widget.no-border ul li{font-size: 12px;}
header.header .widget.no-border ul li a:hover{text-decoration: underline}
header.header .styled-icons.icon-sm a{margin:2px;}
header.header .menuzord-menu > li > a{padding:8px 20px;}
#aboutus{padding:50px 0 30px;}
#aboutus p{color:#eee;font-size: 15px;}
#aboutus ul{padding-left: 30px;}
#aboutus ul>li{color:#eee;}
#aboutus ul>li:before{content:'';width: 6px;height:6px;display: inline-block;margin-right: 10px;background:#45ce36;border-radius: 50%;vertical-align: middle;}
#about article.media-post>a>img{width: 120px;}
#about article.media-post h5{white-space: nowrap;text-overflow: ellipsis;max-width: 100%;overflow: hidden;}
#about article.media-post a:hover{color:#7aa018 !important;}
.schedule-box:hover .thumb .overlay a i{margin-left: -19px;left: 50%;}
#map-tap a{padding:5px 15px;margin:5px;background: white;display: inline-block;}
#map-tap a.active,#portMap #map-tap a:hover{background: #114c12;color: white;}
.icon-theme-colored.icon-dark>li.no-hover a:hover{background-color: transparent;}
.icon-theme-colored.icon-dark>li{margin-left: 5px;}
#map{height: 750px;width: 100%;}
.menuzord-brand{margin:8px 30px 0 0;}
#centerturf-map{height: 500px;width: 100%;}
footer *{font-weight: 300;}
.map-info{width: 260px;max-width: 100%;overflow: hidden;}
.map-info>p:first-child{font-size: 20px;font-family: "Kanit";color:#333;}
.map-info>p:nth-child(2){font-size: 14px;font-family: arial;color:#999;margin: 10px 0 10px;text-align: left;}
.map-info>p:last-child{text-align: right;font-size: 15px;font-family: "Kanit"}
footer .post-thumb img{width: 70px;}
.product .price .amount{font-weight: 400;}
.dark .pagination > li > a, .dark .pagination > li > span{background: #eee;}
.service-block h4{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.mfp-counter{display: none !important;}
#contact table td{padding:0 10px;font-weight: 300;}
#contact h4{font-weight: 400;}
.panel-group .panel-title a::after{left: auto;right: 15px;top:10px;}
.panel-group .panel-title a{padding:10px 15px 10px 25px;}
form label{font-weight: 300;}
.owl-controls .owl-next i{line-height: 26px;}
.layer-overlay.overlay-dark-5::before{background-color: rgba(17, 17, 17, 0.5);}
.menuzord-menu ul.dropdown li a{font-family: "Kanit",'Open Sans',sans-serif;font-size: 14px;font-weight: 300;}
#partners .owl-carousel .owl-item img{height: 50px;width: auto;}
#partners .owl-carousel .owl-item a{display: inline-block;}
#partners .owl-carousel .owl-item{text-align: center;}
#home .rev_slider li div.slider_data{position: absolute;display: block;width: 100%;padding:15px;bottom: 50px;left:0;text-align: center;color:white;}
#home .rev_slider li div.slider_data>p{width: 900px;max-width: 100%;margin:0 auto;background: rgba(0,0,0,.3);padding:15px 0;font-size: 24px;border-radius: 4px;}
.product-description{height: 46px;overflow: hidden;padding: 0 5px;}
.panel-default>.panel-heading{background: transparent;border-color: transparent;}
.panel-group .panel-heading+.panel-collapse>.panel-body{border-top: 1px solid #555;}
.text-indent40{text-indent: 40px;}
#ribbon9 img{height: auto !important;padding:0 !important;margin:0 !important;display: inline-block;}
#ribbon9{top:0 !important;left: 0 !important;position: absolute !important;z-index: 1 !important;}
.nowrap{text-overflow: ellipsis;overflow: hidden;}
#machines{font-size: 13px;font-weight: 300;}
#machines h4{color:#2E933E;font-size: 28px;position: relative;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#machines h4:before{content:'';width: 78%;position: absolute;right: 0;top:50%;margin-top:-2px;height: 4px;background: #2E933E;border-radius: 4px;}
#machines h5{color:#fff;font-size: 22px;border-bottom: 2px solid #2E933E;text-indent:20px;}
#machines h5:first-letter{font-size: 38px;padding:0 7px;background: #2E933E;border-radius: 5px;margin-right: 3px;}
#sandmatic{position: relative;margin-bottom: 50px;}
#sandmatic span{position: absolute;right: 90px;z-index: 2;top: -15px;}
#sandmatic>img:first-child{width: 300px;}
#sandmatic>img:nth-child(2){position: absolute;top:0;right: 0;width: 130px;background: #1e1e1e;padding-left: 30px;z-index: 1;}
#sandmatic div{position: absolute;left: 300px;top:0;}
#sandmatic div>p.pDesc{text-align: right;padding-right: 29%;}
#sandmatic div>p:not(.pDesc){text-indent: 50px;}
#sportChamp{position: relative;}
#sportChamp img{position: absolute;top:15px;right: -30px;width: 240px;}
#sportChamp div>.pDesc{white-space: nowrap;}
#sportChamp div>p:not(.pDesc){text-indent: 40px;}
#sportChamp div>p{width: 49%;}
#pavingMachines{position: relative;}
#pavingMachines img{width: 240px;margin-left: -15px;}
#pavingMachines div{position: absolute;top:0;right: 0;width: 48%;}
#pavingMachines div h5{white-space: nowrap;width: 250px;}
#pavingMachines div p{text-align: right;margin-right: -50px}
#mixerMachines{padding-left: 25px;}
#mixerMachines p{text-align: right;}
#turfBoy{position: relative;}
#turfBoy div{position: absolute;top:0;right: 0;width: 50%;text-align: right;}
.menuzord-brand img{max-height: 80px;}
.menuzord-menu > li{padding:30px 0;}
.dark .bg-white{background: #fff !important;}
.bg-black-222{background: #fff !important;color:#000;}
.bg-black-222 a{color:#000;}
footer h5.widget-title{color:#000 !important;font-size: 16px;}
footer input[type='email']{background: #fff !important;}
footer .footer-bottom p{color:#eee !important;}
footer .widget.dark .post-title a{color:#000;}
.ul-list-style{list-style: disc;padding-left: 50px;}
.ul-list-style li{list-style: disc;}
.text-indent-30{text-indent: 30px;}
.text-indent-40{text-indent: 40px;}
.text-indent-50{text-indent: 50px;}
.text-indent-60{text-indent: 60px;}
.dark .form-control{background: white !important;}
.list-inline .pr-8{padding-right: 8px !important;}
.list-inline .pr-26{padding-right: 26px !important;}
.short-description ul,.short-description li{list-style: initial;margin-left: 20px;}
.short-description ul ul li,.short-description ul ul{list-style: circle}
#map.h405{height: 545px;}
#customerImg{position: absolute;z-index: 10000;display: none;}
#customers img:hover{opacity: 0.8;}
#customerImg{width: 400px;max-width: 100%;}
.icon-product{width: 80px;border-radius: 50%;height: 80px;margin: 15px 0 0;}
.tp-caption{font-size: 24px !important;line-height: initial !important;}
#header-content{color: #fff;padding: 50px;}
#header-gallery{display: grid;grid-template-columns: repeat(4, 23.87%);grid-gap: 1.5%;}
.mfp-bottom-bar,.mfp-figure:after{display: none !important;}
@media(max-width: 1199px){
	.container{width: 100%;max-width: 100%}
}
@media(max-width: 991px){
	.sm-mt15{margin-top: 15px;}
	.sm-mt30{margin-top: 30px;}
	#ribbon9{display: none;}
	#grid-port>.gallery-item:last-child{display: none;}
	#grid-port>.gallery-item:nth-child(7){display: none;}
	#map{height: 500px;}
	.icon-box {text-align: center;}
	.icon-box a{margin-bottom: 15px;}
	.menuzord-brand img{height: 55px;}
	.menuzord-menu > li{padding:15px 0;}
	.menuzord .showhide{padding-top: 25px;}
	#header-gallery{grid-template-columns: repeat(2, 49%);grid-gap: 2%;}
	#header-gallery img{width: 100%;}
	#header-content{padding: 50px 10px;}
}

@media(max-width: 767px){
	.tp-caption:not(.bg-theme-colored-transparent){font-size: 20px !important;padding-top: 30px !important;}
	#map{height: 400px;}
	#machines div,#machines p,#machines img{position: relative !important;left: auto;right: auto;margin:0;padding:0;}
	#machines img{margin:0 auto;display: block;}
	#sandmatic div>p.pDesc{padding:0;margin-bottom: 10px;}
	#sandmatic>img:nth-child(2){display: none;}
	#sandmatic span{display: none;}
	#mixerMachines,#pavingMachines,#sportChamp,#sandmatic{margin-bottom: 30px !important;padding-bottom:30px !important;border-bottom: 2px dashed #494949;}
	#sportChamp div>p,#pavingMachines div,#turfBoy div{width: 100%;}
	#sportChamp div>.pDesc{text-align: right;}
	#pavingMachines div p{text-align: left;margin:0;}
	#pavingMachines div h5{width: 100%;}
	#mixerMachines img{width: 250px;}
	#mixerMachines div,#mixerMachines p{text-align: left;}
	#turfBoy div{text-align: left;}
	#footer ul.list-inline>li:nth-child(odd){width: 40%}
	#footer ul.list-inline>li:nth-child(even){width: 58%}
	#footer ul.list-inline>li:nth-child(9),#footer ul.list-inline>li:nth-child(10){width: 100%;}
	header.header ul.styled-icons>li:nth-child(3)>a{width: 30px !important;}
	header.header ul.styled-icons>li:nth-child(3)>a>span{display: none;}
}


@media(max-width: 500px){
	#map{height: 350px;}
}
@media(max-width: 349px){
	.menuzord-responsive .menuzord-brand{margin:8px 20px 10px 20px;}
}