body {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


a{text-decoration:none;color:rgb(73, 73, 73);}
a:link{text-decoration:none;color:rgb(31, 114, 221);}
a:visited{text-decoration:none;color:rgb(73, 73, 73);}
a:hover{color:rgb(111, 174, 255);text-decoration:underline;}
p{text-indent:40px;}
body{line-height:1;background:#f2f2f2;font-size:15px;color:rgb(68, 68, 68);}
.clearfix{clear:both;}
#tel{width:140px;height:25px;float:left;padding:0px 10px 5px 0;font-size:17px;border-radius:0 0 5px 5px;background:#707070;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .2)), color-stop(0.05, rgba(0, 0, 0, 0)), color-stop(0.97, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .45))), -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, .2)), color-stop(0.002, rgba(0, 0, 0, 0)), color-stop(0.998, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .2))), url('../images/bg/shadowmenu.png') no-repeat 50% 50%, -webkit-gradient(linear, 0 100%, 0 0, from(#666), color-stop(0.5, #5e5e5e), color-stop(0.51, #707070), to(#808080));background:-moz-linear-gradient(center top , rgba(0, 0, 0, 0.2) 0px, transparent 5%, transparent 95%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, -moz-linear-gradient(left center , rgba(0, 0, 0, 0.2) 0px, transparent 0.2%, transparent 99.8%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, url("../images/bg/shadowmenu.png") no-repeat scroll 50% 50%, -moz-linear-gradient(center bottom , rgb(102, 102, 102) 0px, rgb(94, 94, 94) 50%, rgb(112, 112, 112) 51%, rgb(128, 128, 128) 100%) repeat scroll 0% 0% transparent;background:-ms-linear-gradient(center top , rgba(0, 0, 0, 0.2) 0px, transparent 5%, transparent 95%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, -ms-linear-gradient(left center , rgba(0, 0, 0, 0.2) 0px, transparent 0.2%, transparent 99.8%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, url("../images/bg/shadowmenu.png") no-repeat scroll 50% 50%, -ms-linear-gradient(center bottom , rgb(102, 102, 102) 0px, rgb(94, 94, 94) 50%, rgb(112, 112, 112) 51%, rgb(128, 128, 128) 100%) repeat scroll 0% 0% transparent;background:-o-linear-gradient(center top , rgba(0, 0, 0, 0.2) 0px, transparent 5%, transparent 95%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, -o-linear-gradient(left center , rgba(0, 0, 0, 0.2) 0px, transparent 0.2%, transparent 99.8%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, url("../images/bg/shadowmenu.png") no-repeat scroll 50% 50%, -o-linear-gradient(center bottom , rgb(102, 102, 102) 0px, rgb(94, 94, 94) 50%, rgb(112, 112, 112) 51%, rgb(128, 128, 128) 100%) repeat scroll 0% 0% transparent;box-shadow:1px 1px 3px rgb(90, 90, 90);color:#fff;}
#logoweb{text-align:left;width:300px;float:left;padding:10px 0 0 0;}
#logoweb img{width:200px;}
.tel_left{width:30px;padding-right:5px;border-right:1px solid rgb(136, 131, 131);float:left;}
.tel_left img{padding-top:5px;width:20px;}
.tel_right{width:100px;height:23px;float:left;border-left:1px solid rgb(109, 105, 105);padding:7px 0 0 0;}
#topmenu{background:#707070;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .2)), color-stop(0.05, rgba(0, 0, 0, 0)), color-stop(0.97, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .45))), -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, .2)), color-stop(0.002, rgba(0, 0, 0, 0)), color-stop(0.998, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .2))), url('../images/bg/shadowmenu.png') no-repeat 50% 50%, -webkit-gradient(linear, 0 100%, 0 0, from(#666), color-stop(0.5, #5e5e5e), color-stop(0.51, #707070), to(#808080));background:-moz-linear-gradient(center top , rgba(0, 0, 0, 0.2) 0px, transparent 5%, transparent 95%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, -moz-linear-gradient(left center , rgba(0, 0, 0, 0.2) 0px, transparent 0.2%, transparent 99.8%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, url("../images/bg/shadowmenu.png") no-repeat scroll 50% 50%, -moz-linear-gradient(center bottom , rgb(102, 102, 102) 0px, rgb(94, 94, 94) 50%, rgb(112, 112, 112) 51%, rgb(128, 128, 128) 100%) repeat scroll 0% 0% transparent;background:-ms-linear-gradient(center top , rgba(0, 0, 0, 0.2) 0px, transparent 5%, transparent 95%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, -ms-linear-gradient(left center , rgba(0, 0, 0, 0.2) 0px, transparent 0.2%, transparent 99.8%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, url("../images/bg/shadowmenu.png") no-repeat scroll 50% 50%, -ms-linear-gradient(center bottom , rgb(102, 102, 102) 0px, rgb(94, 94, 94) 50%, rgb(112, 112, 112) 51%, rgb(128, 128, 128) 100%) repeat scroll 0% 0% transparent;background:-o-linear-gradient(center top , rgba(0, 0, 0, 0.2) 0px, transparent 5%, transparent 95%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, -o-linear-gradient(left center , rgba(0, 0, 0, 0.2) 0px, transparent 0.2%, transparent 99.8%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0% 0%, url("../images/bg/shadowmenu.png") no-repeat scroll 50% 50%, -o-linear-gradient(center bottom , rgb(102, 102, 102) 0px, rgb(94, 94, 94) 50%, rgb(112, 112, 112) 51%, rgb(128, 128, 128) 100%) repeat scroll 0% 0% transparent;position:relative;display:block;width:980px;height:36px;margin:2px auto;margin-bottom:18px;text-align:left;z-index:9998;-khtml-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;box-shadow:1px 2px 3px rgb(168, 168, 168);}
/*#wrapper-tel{position:relative;width:980px;margin:auto;text-align:right;font-family:Supermarket, Tahoma, sans-serif;}*/
#wrapper-topicon{width:185px;float:right;}
#flag{width:100px;float:left;}
#flag img{height:35px;}
#social{width:32px;float:left;}
#social img{height:29px;padding-top:3px;margin-right:2px;}
.topmenu{display:table;width:907px;table-layout:fixed;margin:auto;}
.top-left-boder{position:relative;width:150px;height:35px;float:left;text-align:center;font-size:13px;border-right:1px solid rgba(68, 65, 65, 0.46);}
.topmenu li:hover{background:rgba(0, 0, 0, 0.38);}
.topmenu li a{display:block;position:relative;text-decoration:none;color:white;width:100%;height:25px;padding:10px 0 0 0;}
.top-left-noboder{position:relative;width:150px;height:35px;float:left;text-align:center;font-size:13px;border-right:none;}
#navigation{position:relative;}
#menu-nofunction{width:980px;height:150px;margin:auto;border-radius:4px;margin-bottom:20px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;box-shadow:rgba(0,0,0,0.3) 0 1px 3px;background:#fff;}
.menu-nofunction{width:900px;margin:auto;}
.menu-nofunction img{width:100px;}
.menu-nofunction li{display:block;float:left;width:110px;height:140px;padding-top:15px;margin-right:20px;margin-left:20px;}
#product-nav{position:absolute;left:-337px;display:none;width:980px;/*height:150px;*/margin:auto;border-radius:4px;margin-bottom:20px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;box-shadow:rgba(0,0,0,0.3) 0 1px 3px;background:#fff;}
.navproductul{width:900px;margin:auto;display:none;}
.navproductul img{width:100px;}
.navproductul li{display:block;float:left;width:110px;height:140px;padding-top:15px;margin-right:20px;margin-left:20px;}
.namemenu{color:rgb(70, 67, 67);text-align:center;}
/*#slide{position:relative;width:980px;height:390px;margin:auto;margin-bottom:10px;}*/
#wrapper-content{width:980px;margin:auto;border-radius:4px;margin-bottom:10px;box-shadow:0 0 4px rgba(0,0,0,.3);background:#fff;position:relative;}
#content{width:900px;margin:auto;padding:20px 0 20px 0;line-height:26px;}
.content-text{margin-bottom:20px;}
.about-1{float:left;padding:0 20px 10px 0;}
.imgbuttom img{width:448px;}
.content-text p{margin-bottom:10px;}
#content h1{color:rgb(3, 3, 3);font-size:25px;font-weight:normal;font-style:normal;font-family:Supermarket, Tahoma, sans-serif;margin:30px 0 20px 0;}
#main-banner{width:1000px;height:280px;margin:auto;}
.banenr1, .banenr2, .banenr3{width:320px;height:250px;background:white;float:left;margin:10px 0 10px 10px;box-shadow:1px 1px rgb(202, 202, 202);border-radius:3px;}
#wrapper-section{width:980px;margin:auto;border-radius:3px;margin-bottom:10px;background:#fff;box-shadow:1px 1px rgb(202, 202, 202);}
#topsection{padding:50px 26px 60px;}
#topsection h2{text-align:center;color:rgb(73, 73, 73);font-family:Supermarket;font-size:30px;font-weight:400;padding:0 0 40px 0;}
#featurs{text-align:center;}
.column{display:inline-block;padding:0 55px 0 0;width:174px;}
#mainsection{border-top:1px solid #e3e3e3;overflow:hidden;}
#articlesection{padding:22px 43px 0 54px;border-bottom:1px solid #e3e3e3;overflow:hidden;position:relative;}
#lastsection{position:relative;height:482px;width:100%;background:url(../images/footer-bg.jpg) no-repeat top center #999;background-position:-511px;}
.title{position:absolute;width:390px;height:250px;margin:0 auto;top:40px;left:300px;background:black;opacity:0.9;border-radius:5px;padding:20px;text-align:center;color:white;}
.title h1{font-family:Supermarket;font-size:60px;font-weight:400;padding:10px 0 15px 0;border-bottom:1px solid;}
.title h2{font-size:25px;font-weight:400;margin-top:10px;line-height:1.5;}
.title:before{content:"";position:absolute;bottom:-20px;left:50%;margin:0 0 0 -10px;z-index:9;border:10px solid #000;border-color:#000 transparent transparent transparent;}
.title:after{content:"";position:absolute;bottom:-19px;left:50%;margin:0 0 0 -10px;border:10px solid #000;z-index:9;border-color:#000 transparent transparent transparent;}
#lastarticlesection{height:30px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#fff;border-top:1px solid #e3e3e3;}
#bottom{width:970px;height:26px;margin:auto;margin-bottom:10px;border-top:1px solid rgb(197, 197, 197);border-bottom:1px solid rgb(197, 197, 197);padding:15px 0 0 10px;font-size:13px;background:#f2f2f2;}
#bottom p{font-size:13px;}
#bottom span{float:left;height:30px;width:300px;}
.footer{width:800px;margin:auto;}
.footermenu li{display:block;width:120px;float:left;text-align:center;}
.haveborder{border-left:1px solid rgb(197, 197, 197);}
.footermenu a:hover{color:rgb(111, 174, 255);text-decoration:underline;}
.footermenu a{color:rgb(50, 50, 51);}
input, textarea{padding:9px;border:solid 1px #E5E5E5;outline:0;font:normal 13px/100% Verdana, Tahoma, sans-serif;width:200px;background:#FFFFFF;margin:5px 10px 5px 10px;}
select{padding:9px;border:solid 1px #E5E5E5;outline:0;font:normal 13px/100% Verdana, Tahoma, sans-serif;width:220px;background:#FFFFFF;margin:5px 10px 5px 10px;}
textarea{width:340px;max-width:400px;height:150px;line-height:150%;margin:5px 10px 5px 10px;}
input:hover, textarea:hover,
input:focus, textarea:focus,
select:focus,select:hover{border-color:#C9C9C9;-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 8px;}
#timesta, #timeend{width:68px;}
input[type=checkbox].day{display:none;}
input[type=checkbox].day + label.css-label{width:80px;padding:0 10px 0 23px;margin:9px 0 9px 10px;height:15px;display:inline-block;line-height:15px;background-repeat:no-repeat;background-position:0 0;font-size:15px;color:rgb(68, 68, 68);vertical-align:middle;cursor:pointer;}
input[type=checkbox].day:checked + label.css-label{background-position:0 -15px;}
#label{display:block;font-size:15px;width:110px;height:20px;color:rgb(68, 68, 68);padding:5px 0 5px 0;margin:10px 0 5px 10px;float:left;}
.css-label{background-image:url(../images/lite-gray-check.png);}
.form label{margin-left:10px;color:#999999;}
button{width:auto;padding:9px 15px;background:rgb(50, 110, 199);border:0;font-size:14px;color:#FFFFFF;-moz-border-radius:3px;-webkit-border-radius:3px;margin:5px 10px 5px 10px;}
button:hover{background:#617798;}
.regis{margin-top:15px;}
#wrapper-check{width:650px;margin:5px 10px 5px 10px;padding-top:7px;}
#wrapper-check2{width:650px;margin:5px 10px 5px 10px;}
#wrapper-button{padding-left:119px;}
#content-contact{width:900px;margin:auto;padding:40px 0 20px 0;}
#contact{width:399px;height:320px;float:left;border-right:1px dashed rgb(194, 194, 194);}
#contact h1{color:rgb(3, 3, 3);font-size:25px;font-weight:normal;font-style:normal;font-family:Supermarket, Tahoma, sans-serif;margin:10px 0 10px 0;}
.main-contact a:hover{color:rgb(111, 174, 255);text-decoration:underline;}
.main-contact a:visited{color:rgb(68, 68, 68);}
.main-contact a{color:rgb(68, 68, 68);}
.main-contact{width:390px;height:150px;margin:20px 10px 20px 0;}
.contact-left{width:40px;float:left;margin:0 10px 10px 0;}
.contact-right{width:340px;height:40px;float:left;padding:5px 0;}
#form{width:480px;float:left;padding-left:20px;}
#status{width:300px;float:right;padding:10px 169px 20px 0;color:rgb(6, 136, 89);display:none;}
table{border:1px solid rgb(219, 219, 219);}
th{background:rgb(233, 233, 233);height:35px;padding-top:10px;border-right:1px solid rgb(213, 213, 213);}
td{padding-left:20px;padding-right:20px;border-right:1px solid rgb(223, 223, 223);height:30px;}
tr:hover{background:rgb(233, 233, 233);}
.firsttable{width:300px;}
.secordtable{width:200px;}
.lasttable{border-top:1px solid rgb(223, 223, 223);}
.column h3{font-size:16px;font-weight:100;text-align:center;line-height:24px;color:rgb(73, 73, 73);-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:1px solid #e3e3e3;padding:13px 16px 19px;position:relative;}
/*.column h3:before{content:"";position:absolute;bottom:-20px;left:50%;margin:0 0 0 -10px;z-index:9;border:10px solid #e3e3e3;border-color:#e3e3e3 transparent transparent transparent;}
.column h3:after{content:"";position:absolute;bottom:-19px;left:50%;margin:0 0 0 -10px;border:10px solid #e3e3e3;z-index:9;border-color:#fff transparent transparent transparent;}*/
.columnfirst h3,.columnlast h3{font-size:16px;font-weight:100;text-align:center;line-height:24px;color:rgb(73, 73, 73);-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:1px solid #e3e3e3;padding:13px 16px 19px;position:relative;}
/*.columnfirst h3:before,.columnlast h3:before{content:"";position:absolute;bottom:-20px;left:50%;margin:0 0 0 -10px;z-index:9;border:10px solid #e3e3e3;border-color:#e3e3e3 transparent transparent transparent;}
.columnfirst h3:after,.columnlast h3:after{content:"";position:absolute;bottom:-19px;left:50%;margin:0 0 0 -10px;border:10px solid #e3e3e3;z-index:9;border-color:#fff transparent transparent transparent;}
.columnfirst h3:hover:before, .columnlast h3:hover:before, .column h3:hover:before{border:10px solid #1ABC9C;border-color:#1ABC9C transparent transparent transparent;z-index:999;position:absolute;bottom:-19px;}
.columnfirst h3:hover, .columnlast h3:hover, .column h3:hover{background:#1ABC9C;color:white;}*/
.columnfirst{display:inline-block;padding:0 55px 0 0;width:174px;}
.columnlast{display:inline-block;width:174px;}
#topsection .pic{position:relative;}
#topsection .pic img{display:block;margin:16px 0 0 23px;-webkit-border-radius:83px;-moz-border-radius:83px;border-radius:83px;}
#topsection .pic:after{content:"";position:absolute;top:0;z-index:9;left:23px;width:125px;height:125px;display:block;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;-moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3);-webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3);box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3);}
.picarticle{position:absolute;bottom:0;left:0;}
.picarticle-2{position:absolute;left:auto;right:0;}
.text{width:435px;float:right;padding:35px 0;height:260px;}
.text h2,.text-2 h2{font-size:30px;font-family:Supermarket;font-weight:200;line-height:30px;color:#757575;padding:0 0 22px;}
.text p,.text-2 p{font-weight:400;padding:0 0 24px;line-height:30px;font-size:17px;color:rgb(139, 139, 139);}
.text-2{width:435px;float:left;padding:35px 0;height:260px;}
.productgridul li{display:block;float:left;margin:10px;}
.wrapperproductgrid img{width:270px;}
.wrapperproductgrid{border:1px solid rgb(255, 255, 255);}
.wrapperproductgrid:hover{background:rgb(250, 248, 248);border-radius:5px;border:1px inset rgb(241, 241, 241);}
#copybelow{width:970px;margin:auto;text-align:center;font-size:13px;line-height:20px;padding:10px 0 20px 0;}
.column a,.columnfirst a,.columnlast a{color:rgb(73, 73, 73);text-decoration:none;}
#textboxsms{display:block;margin:120px 0 0 0px;font-size:19px;text-align:center;}
.content-text ol{margin-left:20px;}
.award{position:absolute;width:100px;top:-12px;right:-16px;}
.left-service{width:50%;float:left;margin-bottom:30px;}
.left-service img{width:300px;margin:auto;display:block;}.right-service img{width:200px;margin:auto;display:block;}
.right-service{width:50%;float:left;margin-bottom:30px;}
.product-center{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center;}
.product-center img{width:600px;}
.product-left{width:410px;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.product-left img{width:400px;}
.product-right ul{padding-left:40px;}
.product-right{width:450px;float:left;padding:0 20px;}
.product-content ul{padding-left:40px;}
.product-content{padding:30px;}
.td tr{border:1px solid #7BA0FF;}
.td td{padding-top:5.5px;width:30%;border:0;}
.td .td-title td{padding:10px;}
.td .td-title{background:#7BA0FF;color:#fff;}
.td{text-align:center;}
.footer-product{text-align:right;margin-top:30px;}
.title-ft-pro{font-weight:900;color:#002EA5;}
.article-service{text-indent:30px;}
.img-radius{-khtml-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

@media screen and (max-width: 480px){}

/* Jiratha Edited */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Kanit' , 'Pattaya'; font-size: 16px; font-weight: 300; color: #000000; }
p { text-indent: inherit; }
.pcc-wrapper { max-width: 1000px; width: 100%; margin: 0 auto; position: relative; }
.pcc-container { padding: 0 25px; padding-top: 135px; overflow: hidden; }

.pcc-header { position: fixed; width: 100%; z-index: 999; background-color: #f2f2f2; padding: 0 25px; }
.header-contact { float: right; margin-top: 16px; }
.header-contact a { display: inline-block; float: none !important; vertical-align: top; font-size: 16px !important; }
.contact-phone { width: auto !important; height: 30px !important; padding: 0 !important; border-radius: 5px !important; }
.contact-phone .box-left { width: 35px; height: 30px; border-right: 1px solid rgb(136, 131, 131); float:left; text-align: center; }
.contact-phone .box-left img{ padding-top: 5px; width: 20px; display: inline-block; } 
.contact-phone .box-right { padding: 6px 15px; float: left; border-left:1px solid rgb(109, 105, 105); color: #ffffff; }
.contact-fb,
.contact-line { margin-top: 3px; }
.contact-fb img,
.contact-line img { width: 26px; }

.pcc-logo { float: left; width: 175px; margin: 10px 20px; }
.pcc-logo img { width: 100%; }

.pcc-togglemenu { display: none; position: absolute; font-size: 20px; right: 0; top: 40px; cursor: pointer; font-family: 'Rajdhani'; font-weight: 900; }

.pcc-navigation li { list-style: none; transition: all 0.2s; position: inherit; }
.pcc-navigation li a { font-size: 16px; height: 35px; padding: 9px 15px; }
.navigation-menu { max-width: 1000px; width: 100% !important; text-align: center; margin-bottom: 0 !important; }
.navigation-menu .topmenu { display: block; margin: 0 auto; max-width: 900px; width: 100%; }
.navigation-menu .topmenu > li { width: 16.66%; float: left; }
.pcc-navigation .productlist-dropdown ul { max-width: 900px; width: 100%; overflow: hidden; }
.pcc-navigation .productlist-dropdown li { padding: 0; width: 16.66%; margin: 0; }
.pcc-navigation .productlist-dropdown li:nth-child(4) img { padding: 4px 0; padding-top: 5px; }
.pcc-navigation .productlist-dropdown li a { display: block; height: 100%; font-weight: 300; }

.pcc-navigation .productlist-dropdown { height: 140px; width: 100% !important; left: 0 !important; }
.cl-effect-5 > li > a .a span { width: 100%; }
.cl-effect-5 > li > a .a { overflow: hidden; padding: 0; }
.cl-effect-5 > li > a .a span {	position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; line-height: 20px; }
.cl-effect-5 > li > a .a span::before { position: absolute;	top: 100%; content: attr(data-hover); font-weight: 500; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); left: 0; text-align: center; width: 100%; }
.cl-effect-5 > li > a:hover span,
.cl-effect-5 > li > a:focus span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%);	transform: translateY(-100%); }
.cl-effect-5 li.active { background-color: rgba(0, 0, 0, 0.38) !important; font-weight: 500; }

#slide { margin-bottom: -40px; }
#slider { position:relative; max-width: 1000px; max-height: 390px; width: 100%; height: auto; margin:auto; margin-bottom: 10px; }
#slider img { width:100%; height:auto !important; }
.slider-wrapper.theme-default { height: auto !important; }

.pcc-slide { margin-bottom: 20px; }
.pcc-slide .cd-hero-slider { height: 390px; list-style: none; }
.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 0; }
.cd-slider-nav { background-color: transparent; height: 20px; bottom: 10px; }
.cd-slider-nav .cd-marker { display: none; width: 18px; height: 18px; background-color: #000000; border-radius: 50%; margin: 0 5px; color: transparent; } 
.cd-slider-nav li { width: 14px; height: 14px; background-color: rgba(255,255,255,0.4); border: 2px solid rgba(0,0,0,0.8); border-radius: 50%; margin: 0 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47); }
.cd-slider-nav li.selected { background-color: #ffffff; } 



.cd-hero-slider h2 { max-width: inherit; margin-top: 40px; color: #000000; font-weight: 400; font-size: 38px; width: 100%; margin: 10px 0; margin-bottom: 5px; }
.cd-hero-slider p { max-width: inherit; width: 100%; text-indent: inherit; font-size: 30px; color: #000000; font-weight: 400; }

.cd-hero-slider .cd-half-textbox { text-align: left; z-index: 9; width: 55%; text-align: center; padding-top: 50px; }
.cd-hero-slider li.pcc-slide2 .cd-half-textbox { padding-left: 0; }

.pcc-slidebtn { height: 52px; display: inline-block; padding: 15px; font-size: 24px; color: #ffffff !important; text-decoration: none !important; background-color: #f8c400 !important; box-shadow: 1px 1px rgb(202, 202, 202); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36); float: none !important; display: inline-block !important; }

.cd-hero-slider .cd-half-textbox img { display: inline-block; margin-left: 20px; } 

.cd-hero-slider .cd-half-width:first-of-type { left: 20px; }
.cd-hero-slider .cd-half-width:nth-of-type(2) { right: 35px; }



.button--naira { padding: 0; overflow: hidden; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
.button--naira::before { content: ''; position: absolute; left: -50%; width: 200%; height: 200%; background: transparent; top: -50%; z-index: -1; -webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg); transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg); }
.button--naira.button--inverted::before { background: #7986cb; }
.button--naira-up::before { -webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg); transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg); }
.button--naira > span {
	display: block;
}
.button--naira .button__icon {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	color: #fff;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.button--naira-up .button__icon {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--naira > span,
.button--naira .button__icon {
	padding: 14px 20px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--naira:hover::before {
	-webkit-animation: anim-naira-1 0.3s forwards ease-in;
	animation: anim-naira-1 0.3s forwards ease-in;
}
.button--naira-up:hover::before {
	-webkit-animation: anim-naira-2 0.3s forwards ease-in;
	animation: anim-naira-2 0.3s forwards ease-in;
}
@-webkit-keyframes anim-naira-1 {
	50% {
		-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes anim-naira-1 {
	50% {
		-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@-webkit-keyframes anim-naira-2 {
	50% {
		-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes anim-naira-2 {
	50% {
		-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
.button--naira:hover {
	background-color: #37474f;
	-webkit-transition: background-color 0s 0.3s;
	transition: background-color 0s 0.3s;
}
.button--naira.button--inverted:hover {
	background-color: #7986cb;
}
.button--naira:hover .button__icon {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--naira:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--naira-up:hover > span {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}


.cd-hero-slider li.pcc-slide1 { background-image: url(../img/slide1-bg.png); }
.cd-hero-slider li.pcc-slide1 .pcc-slidebtn span { background-color: #f8c400; }
.cd-hero-slider li.pcc-slide1 .pcc-slidebtn::before { background: #edbb00 !important; }
.cd-hero-slider li.pcc-slide1 .cd-half-textbox { padding-top: 86px; }
.cd-hero-slider li.pcc-slide1 .cd-half-textbox img { margin: 0; }

.cd-hero-slider li.pcc-slide2 { background-image: url(../img/slide2-bg.png); }
.cd-hero-slider li.pcc-slide2 .pcc-slidebtn { background-color: #408cff !important; }
.cd-hero-slider li.pcc-slide2 .pcc-slidebtn::before { background: #1673ff !important; }
.cd-hero-slider li.pcc-slide2 .cd-half-textbox { padding-top: 30px; }
.cd-hero-slider li.pcc-slide2 .cd-half-textbox img { margin: 0; margin-bottom: 10px; }
.cd-hero-slider li.pcc-slide2 .inline-img { margin-left: 10px; display: inline-block; font-size: 30px; font-weight: 400; vertical-align: top; height: 62px; padding-top: 16px; }

.cd-hero-slider li.pcc-slide3 { background-image: url(../img/slide3-bg.png); }
.cd-hero-slider li.pcc-slide3 .pcc-slidebtn { background-color: #59e5b8 !important; }
.cd-hero-slider li.pcc-slide3 .pcc-slidebtn::before { background: #31e3aa !important; }
.cd-hero-slider li.pcc-slide3 .cd-half-textbox { padding-top: 60px; }

.cd-hero-slider li.pcc-slide4 { background-image: url(../img/slide4-bg.png); }
.cd-hero-slider li.pcc-slide4 .pcc-slidebtn { background-color: #4bef8d !important; }
.cd-hero-slider li.pcc-slide4 .pcc-slidebtn span { background-color: #4bef8d !important; }
.cd-hero-slider li.pcc-slide4 .pcc-slidebtn::before { background: #2def7b !important; }
.cd-hero-slider li.pcc-slide4 .cd-half-textbox { padding-top: 60px; }
.cd-hero-slider li.pcc-slide4 .cd-half-textbox img { margin: 0; }




.cd-hero-slider li.pcc-slide3 .cd-half-width:nth-of-type(2) { right: 0px; }

.show-mobile { display: none; }













.pcc-mainbanner { max-width: 1000px; width: 100%; margin: 0 auto; margin-bottom: 20px; }
.mainbanner-groupbox { text-align: center; margin: 0 -6px; display: block; overflow: hidden; padding: 5px 0; }


.mainbanner-box { width: 33.33%; padding: 0 6px; float: left; }
.mainbanner-box a{ background: white; box-shadow: 1px 1px rgb(202, 202, 202); border-radius: 0; overflow: hidden; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36); width: 100%; }
.mainbanner-box img { width: 100%; height: 100%; z-index: -1; }
.mainbanner-box span { position: absolute; z-index: 10 !important; font-size: 22px; width: 100%; padding: 15px; line-height: 24px; }
.mainbanner-box a::before { background-color: #fac243; opacity: 0.5; z-index: 9 !important; }
.mainbanner-box a::after { background-color: #fdb718; opacity: 0.5; z-index: 9 !important; }




.pcc-features .pcc-wrapper { background:#fff; box-shadow:1px 1px rgb(202, 202, 202); padding: 50px 20px; border-radius: 3px; }
.pcc-features h2 { font-family: 'Kanit'; color: #494949; font-size: 30px; font-weight: 400; padding:0 0 40px 0; text-align: center; }

.featurs-group { width: 100%; }
.featurs-box { width: 24%; font-size: 16px; font-family: 'Kanit' !important; padding: 0; }
.featurs-box a { display: inline-block; max-width: 175px; width: 100%; color: rgb(73, 73, 73); transition: color 0.3s; }
.featurs-box .button:hover a { color: #fff; transition-delay: 0.2s; }
.featurs-box img { margin-top: 20px; }
.button {
	float: left;
	display: block;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}
.button.button--aylen {
	background: #fff;
	color: #37474f;
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button--aylen.button--inverted {
	background: none;
	color: #fff;
}
.button--aylen::before,
.button--aylen::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen:hover {
	color: #fff;
}
.button--aylen:hover::before,
.button--aylen:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}


#featurs1::before { background: #00b7e5; }
#featurs1::after { background: #00a6d0; }
#featurs2::before { background: #e41717; }
#featurs2::after { background: #ca1212; }
#featurs3::before { background: #e9760b; }
#featurs3::after { background: #dc6f07; }
#featurs4::before { background: #e51b9b; }
#featurs4::after { background: #cb1789; }

.pcc-footer { margin-top: 10px; }
.pcc-footer .pcc-wrapper { border: 1px solid #c5c5c5; border-left: 0; border-right: 0; overflow: hidden; padding: 10px 0; }
.footer-menu { max-width: 900px; width: 100%; margin: 0 auto; }
.footer-menu li { width: 16.66%; font-size: 16px; }
.cl-effect-3 > li > a { position: relative; text-decoration: none !important; }
.cl-effect-3 > li > a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: rgba(0,0,0,0.1); content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); }
.cl-effect-3 > li > a:hover::after,
.cl-effect-3 > li > a:focus::after { opacity: 1; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); transform: translateY(-2px); }

.pcc-copyright { font-size: 14px; text-align: center; padding: 10px 0; }
.pcc-copyright p { padding: 3px 15px; }



.pcc-content > .pcc-wrapper { padding: 50px 40px; border-radius: 4px; box-shadow: 0 0 4px rgba(0,0,0,.3); background: #fff; position: relative; font-size: 18px; line-height: normal; }
/*.pcc-content h1 { font-size: 50px; font-weight: 400; border-left: 10px solid #f8c400; padding-left: 20px; line-height: normal; margin: 0; margin-bottom: 40px;  }*/
.pcc-content h2 { font-size: 28px; font-weight: 400; margin-bottom: 15px; letter-spacing: 1px; margin-bottom: 10px; }

.pcc-content h1 { font-size: 30px; font-weight: 400; line-height: normal; margin: 0; text-align: center; line-height: 1.2; margin-bottom: 10px;  }
.pcc-titleline { width: 50px; height: 10px; background-color: #f8c400; display: block; margin: 0 auto; margin-bottom: 40px; }

.pcc-servicegroup { text-align: center; }
.service-box { max-width: 800px; width: 100%; margin: 0 auto; }
.service-box p { margin-bottom: 20px; text-align: justify; text-justify: inter-word; }
.service-box img { margin-bottom: 20px; width: 100%; }
.service-box img:last-child { margin-bottom: 0; }

.link {
	outline: none;
	text-decoration: none;
	position: relative;
	/*line-height: 1;*/
	display: inline-block;
}

.link--surinami {
	/*padding: 0 0 0.125em;*/
}

.link--surinami::before,
.link--surinami::after {
	content: '';
	width: 100%;
	height: 3px;
	z-index: -1;
	background: #000000;
	position: absolute;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.link--surinami::before {
	right: 0;
	top: 0;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.link--surinami::after {
	left: 0;
	bottom: 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.link--surinami:hover::before,
.link--surinami:hover::after {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	z-index: 1;
}

.link--surinami span {
	position: relative;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}

.link--surinami:hover span {
	color: #f8c400;
}

.link--surinami span::before,
.link--surinami span::after {
	position: absolute;
	color: #fff;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.link--surinami span::before {
	content: attr(data-letters-l);
	left: 0;
	-webkit-transform: translate3d(-5px,0,0);
	transform: translate3d(-5px,0,0);
}

.link--surinami span::after {
	content: attr(data-letters-r);
	right: 0;
	-webkit-transform: translate3d(5px,0,0);
	transform: translate3d(5px,0,0);
}

.link--surinami:hover span::before,
.link--surinami:hover span::after {
	opacity: 1;
	color: #f8c400;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}





.pcc-listproduct { max-width: 1000px; width: 100%; overflow: hidden; margin: 20px auto; margin-top: 0; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #ffffff;}

.pcc-listproduct ul { list-style: none; max-width: 900px; width: 100%; margin: 0 auto; }
.pcc-listproduct li { width: 16.66%; float: left; height: 140px; transition: all 0.2s; }
.pcc-listproduct a { display: block; height: 100%; padding: 9px 10px; text-decoration: none; }
.pcc-listproduct img { max-width: 100px; width: 100%; margin: 0 auto; display: block; }
.pcc-listproduct li:nth-child(4) img { padding: 4px 0; padding-top: 5px; }

.pcc-listproduct li:hover { background-color: rgba(0, 0, 0, 0.38) !important; }


/* .product-group { overflow: hidden; text-align: center; } */
.product-box { /*width: 32.5%;*/ display: inline-block; text-align: center; margin: 10px 0; vertical-align: top; }
.product-box a { text-decoration: none; color: #000000; display: block; border: 1px solid #ffffff; transition: all 0.2s; }
.product-box img { max-width: 270px; width: 100%; } 

.product-box a:hover{ background:rgb(250, 248, 248); border-radius:5px; border:1px inset rgb(241, 241, 241); }

.pcc-content.content-product h1 { font-size: 30px; }
.pcc-content.content-product .pcc-titleline { margin-bottom: 20px; }



.contentproduct-detail h1 { border-left: 10px solid #fada67; padding-left: 20px !important; line-height: 1.2; text-align: left; font-size: 30px; margin-bottom: 30px; }
.contentproduct-detail .product-box { width: 49%; vertical-align: top; }
.contentproduct-detail .product-box img { max-width: 400px; width: 100%; }
.contentproduct-detail .product-box p { text-align: left; text-align: justify; text-justify: inter-word; margin-bottom: 20px; }
.contentproduct-detail .product-box p.text-bold { font-weight: 400; }
.contentproduct-detail .product-box p.text-indent { text-indent: 40px; }
.contentproduct-detail table { border: 0; text-align: center; width: 100%; border-collapse: collapse; }
.contentproduct-detail th { border: 0; padding: 10px; height: auto; background-color: #7ba0ff; color: #ffffff; font-weight: 400; }
.contentproduct-detail td { border: 0; padding: 10px; }
.contentproduct-detail tr { border: 1px solid #7ba0ff; }
.contentproduct-detail .product-tabletitle { font-weight: 400; vertical-align: top; }
.contentproduct-detail ul { text-align: left; padding-left: 50px; }

.product-group.product-col4 .product-box { width: 24%; vertical-align: top; text-align: center; }
.product-group.product-col4 .product-box p { text-align: center; }

.product-singlebox { text-align: left; margin-top: 30px; }
.product-singlebox p { text-align: left; text-align: justify; text-justify: inter-word; }
.product-singlebox p.text-bold { font-weight: 400; }
.product-singlebox p.text-indent { text-indent: 40px; }
.product-singlebox img { margin: 0 auto; margin-top: 20px; display: block; width: 100%; }


.product-contact { margin-top: 20px; text-align: right; }
.product-contact h3 { font-weight: 400; font-size: 20px; margin-bottom: 5px; }
.product-contact p { line-height: 1.2; }
.product-contact a { color: #000000; }

.pcc-aboutgroup { text-align: center; }
.about-box { width: 60%; display: inline-block; padding-left: 30px; margin: 0 auto; vertical-align: top; }
.about-box:first-child { width: 39%; padding-left: 0; }
.about-box p { margin-bottom: 20px; text-align: justify; text-justify: inter-word; }
.about-box img { margin-bottom: 20px; width: 100%; }
.about-box img:last-child { margin-bottom: 0; }
.about-box p.text-bold,
.about-box a.text-bold { font-weight: 400; }
.about-box p.text-indent { text-indent: 40px; }
.about-singlebox { text-align: center; }
.about-singlebox img { display: inline-block; width: 23%; }
.about-singlebox img:nth-child(1) { display: none; }
.about-singlebox img:nth-child(3) { width: 51%; }


.pcc-guaranteegroup { text-align: left; }
.guarantee-box p { margin-bottom: 20px; text-align: justify; text-justify: inter-word; }
.guarantee-box img { margin-bottom: 20px; width: 100%; }
.guarantee-box img:last-child { margin-bottom: 0; }
.guarantee-box ol { padding-left: 40px; }
.guarantee-box ol ul { padding-left: 40px; list-style: none; }
.guarantee-box ol ul li:before { content: '-'; position: absolute; margin-left: -20px; }

.pcc-contactgroup { text-align: center; }
.contact-box { width: 49%; text-align: left; display: inline-block; vertical-align: top; position: relative; }
.contact-box:first-child { border-right: 1px dashed #dddddd; }
.contact-box h1 { font-size: 24px; text-align: left; margin: 0; margin-top: 20px; border-left: 10px solid #f8c400; padding-left: 10px; }
.contact-box p { margin-top: 10px; line-height: 1.2; }
.contact-box p:last-child { margin-bottom: 20px; }
.contact-box a { color: #000000; text-decoration: none; }
.contact-box i { font-size: 30px; display: inline-block; vertical-align: middle; margin: 5px 0; margin-right: 15px; color: #333333; }
.contact-box i.icon-phone { width: 30px; font-size: 24px; text-align: center; }
.contact-box i.icon-mail { width: 30px; font-size: 26px; text-align: center; }

.contact-box:nth-child(2) { padding-left: 10px; }
.contact-box .googlemap { position: absolute; width: 100%; height: 100%; top: 0; }
.contact-box .googlemap iframe { width: 100%; height: 100%; }

.contact-downloadmap { margin: 20px 0; }
.contact-downloadmap a { display: block; overflow: hidden; }
.contact-downloadmap img { width: 100%; float: left; }

.contact-form { padding-left: 20px; }
.contact-form input:not([type="checkbox"]) { border-radius: 0; line-height: 1.2; -webkit-appearance: none; -moz-appearance: none; padding: 5px 10px; font-size: 18px; font-family: 'Kanit'; font-weight: 300; width: 100%; transition: all 0.2s; margin: 5px 0; }
.contact-form textarea { display: block; border-radius: 0; line-height: 1.2; -webkit-appearance: none; -moz-appearance: none; padding: 5px 10px; font-size: 18px; font-family: 'Kanit'; font-weight: 300; width: 100%; max-width: inherit; transition: all 0.2s; margin: 5px 0; }
.contact-form button { border-radius: 0; font-size: 18px; font-family: 'Kanit'; width: 120px; margin: 0; cursor: pointer; padding: 5px 10px; display: inline-block; float: none; }
.contact-form button[type='submit'] { background-color: #f8c400; color: #ffffff; border: 1px solid #dcae00; margin-right: 8px; }
.contact-form button[type='reset'] { background-color: #dddddd; border: 1px solid #bfbfbf; }
.contact-form button[type='submit']::before { background: #dcae00; }
.contact-form button[type='reset']::before { background: #bfbfbf; }

.contact-form input[type='checkbox'] { width: auto; margin: 0; margin-right: 8px; }
.contact-form input.error,
.contact-form textarea.error { border-color: #fe4f4f; }
.contact-form label.error { 
	color: #fe4f4f;
	margin: 0;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: normal;
	display: block;
}
#pdpa-error {
	display: none !important;
}

.button--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #37474f;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak.button--round-s::before {
	border-radius: 2px;
}
.button--ujarak.button--inverted::before {
	background: #7986CB;
}
.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
	color: #fff;
	border-color: #37474f;
}
.button--ujarak.button--inverted:hover {
	color: #37474F;
	border-color: #fff;
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.contact-textform { display: inline-block; text-align: center; height: 353px; padding: 16px 0; }
.contact-textform img { max-width: 160px; }
.contact-textform p { font-size: 30px; text-align: center; font-weight: 400; }


/* body {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
} */





.pcc-alert.alert {
  position: fixed;
  top: 50%;
  left: 50%;
	z-index: 99;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.pcc-copyright a img {
	mix-blend-mode: multiply;
	opacity: 0.9;
}
img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.pcc-pdpa ul {
	margin-left: 32px;
	margin-top: 8px;
}
.pcc-pdpa h3 {
	font-size: 32px;
}
.pcc-pdpa h4 { 
	margin-top: 32px; 
}
.pcc-pdpa h5 { 
	margin-top: 32px; 
}
.pcc-pdpa p {
	margin-top: 8px;
}