/*   
Theme Name: PCT Themes

Theme URI: www.myweb.com.my

Description:Design by PCT Internal Team, copyrighted.

Author: PCT -- Production --

Version: version ++

/*********** Begin Structure **********/
@font-face {
    font-family: 'futura';
    src: url('fonts/futura.eot');
    src: url('fonts/futura.eot') format('embedded-opentype'),
         url('fonts/futura.woff2') format('woff2'),
         url('fonts/futura.woff') format('woff'),
         url('fonts/futura.ttf') format('truetype'),
         url('fonts/futura.svg#futura') format('svg');
}

@font-face {
    font-family: 'futuramediumbt';
    src: url('fonts/futuramediumbt.eot');
    src: url('fonts/futuramediumbt.eot') format('embedded-opentype'),
         url('fonts/futuramediumbt.woff2') format('woff2'),
         url('fonts/futuramediumbt.woff') format('woff'),
         url('fonts/futuramediumbt.ttf') format('truetype'),
         url('fonts/futuramediumbt.svg#futuramediumbt') format('svg');
}

@font-face {
    font-family: 'FuturaBoldfont';
    src: url('fonts/FuturaBoldfont.eot');
    src: url('fonts/FuturaBoldfont.eot') format('embedded-opentype'),
         url('fonts/FuturaBoldfont.woff2') format('woff2'),
         url('fonts/FuturaBoldfont.woff') format('woff'),
         url('fonts/FuturaBoldfont.ttf') format('truetype'),
         url('fonts/FuturaBoldfont.svg#FuturaBoldfont') format('svg');
}




*, ::after, ::before {
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html{-webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;}

body {
	margin:0 auto;
	 font-family: 'futuramediumbt';
	color:#8d8d8d;
	font-size:15px;
}
html,body{overflow-x:hidden;}

h1 { margin:0; padding:0;color:#ef823a;
font-size:24px;
font-weight:normal;}

h2 {
margin:0; padding:0;
color:#4397b9;
font-size:18px;
font-weight:normal;
   }

h3 {
  margin:0; padding:0;font-weight:normal;font-size:20px;
   }

   
h4 { margin:0; padding:0;font-weight:normal; }

h5 {
margin:0; padding:0;font-weight:normal;
   }
  
p {
   line-height:22px;
   margin:0 0 20px;
   padding:0;
   }  
   

a {
   outline:none;
   text-decoration:none;
   color:#de461c;
   	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		cursor:pointer;
   }
   
a:hover {
color:#f28b3a;
}

img {
outline:none;
border:none;
max-width:100%;
height:auto;
}
a img{
border:none;
outline:none;
}
.page-footer {

}
ul{

}
ul ul{


}
ul li{


}

strong{font-weight:bold;}
/************ Begin Header ************/

#wrap {
max-width:2000px;
	margin:0 auto;
}

#header {
	position:relative;z-index:999999;
	margin:0;
}

.header-content {
	position:relative;
	width:100%;
	margin:0 auto;
padding-top:20px;padding-bottom:20px;
}



#logo {
text-align:left;
	float:left;margin-left:54px;position:relative;z-index:9;
}

#logo a {

}


#logo a img{
        outline:none;
		border:none;
}
#horder-logo{
        position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;top:40px;
}



.page-title{

}
/************ End Header ************/


/*********** Begin Nav ***********/	 

#menu_container { clear:both; position:relative; z-index:10;background:#073149;}

#menu_container ul { list-style: none;padding:0;text-align:center;margin:0 auto;}

#menu_container ul li {/*float:left;*/display:inline-block;margin:0 18px;  padding:0;text-transform:uppercase;font-size:15px;}

#menu_container ul li a { color:#ffffff;padding:19px 15px;display:block;text-align:center;min-width:155px;}
#menu_container ul li a:hover{color:#073149;background:#fff;}
#menu_container ul li.current-menu-item a,#menu_container ul li.current_page_item a{color:#073149;background:#fff;}
.horden-logo{float:right; padding: 14px 0;}
/*********** End Nav ***********/	
img.aligncenter{display:block;margin:0 auto;}
img.alignleft{float:left;margin-right:15px;}
.containercenter{margin:0 auto;}
.floatleft{float:left;}
.floatright{float:right;}
/********** Begin Footer **********/


#footer {
padding:0;
	margin:0;
	background:#333333;
color:#fff;
clear:both;
	}

#footer h3{color:#fff;margin-bottom:20px;}
#footer-layout {
padding-top:3%;padding-bottom:2%;
}

.footerabout{}
.footerabout img{margin-bottom:15px;}

.footermenu{margin-left:30px;padding-top:70px;}
.footermenu ul{margin:0;padding:0;list-style:none;}
.footermenu ul li{margin-bottom:8px;}
.footermenu ul li a{color:#fff;}
.footermenu ul li a:hover{color:#662d88;}

.footersubscribe{color:#909090;padding-top:48px;}
.footersubscribe input[type="email"]{border:1px solid #fff;padding:5px 4%;width:92%;margin-bottom:20px;}
.footersubscribe input[type="submit"]{border:none;background:#662d88;color:#fff;text-transform:uppercase;width:160px;padding:12px 0;text-align:center;	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		cursor:pointer;}
.footersubscribe input[type="submit"]:hover{background:#fff;color:#333;}

.copyright {
	font-size:15px;
	color:#909090;
	padding-top:20px;padding-bottom:20px;

	text-align:left;

}

#footerbar{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c314c+0,662d84+100 */
background: #0c314c; /* Old browsers */
background: -moz-linear-gradient(left, #0c314c 0%, #662d84 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0c314c 0%,#662d84 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0c314c 0%,#662d84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c314c', endColorstr='#662d84',GradientType=1 ); /* IE6-9 */

color:#fff;padding:2% 0 1% 0;}

#footerbar ul{margin:0;padding:0;list-style:none;}
#footerbar ul li{display:inline-block;margin-right:50px;}
.footericon{padding:8px 0 8px 0;padding-left:50px;}
.email-icon{background:url(images/footer/email-icon.png) no-repeat 0px -0px;}
.phone-icon{background:url(images/footer/phone-icon.png) no-repeat 0px -0px;}
.footercontact{text-align:left;}

.footersocial{text-align:right;}
.footersocial ul{display:inline-block;margin-top:5px;}
.footersocial i.fab{font-size:30px;color:#fff;-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;}
.footersocial a:hover i{color:#000;}

.btncontact{display:inline-block;border:2px solid #fff;color:#fff;padding:10px 40px;position:relative;top:-6px;}
.btncontact:hover{color:#000;border:2px solid #000;}
/********* End Footer ******/
#slidebox{background:url(images/slide/slide01.png) no-repeat top center;width:100%;height:858px;margin-bottom:-12%;}

#homeslidebox{/*margin-bottom:-8.5%;*/margin-bottom:-150px;}
/*********** Begin homepage **********/
#home {

	margin:0 auto;
	padding:0;clear:both;
position:relative;z-index:9999;
}

#home .home-content {
	width:100%;
	margin:0 auto;
}

#homebox01{}
#homebox01 h3{color:#fff;font-family: 'FuturaBoldfont';letter-spacing:2px;font-size:20px;}
#homebox01 .homeicon{padding:16% 0;}

#homebox02{padding:6% 0 3% 0;}
#homebox02 h2{font-size:40px;color:#000000;line-height:60px;margin-bottom:-60px;z-index:1;position:relative;}

#homebox03{margin-bottom:20px;}
#homebox03 h3{font-size:20px;text-transform:uppercase;color:#073149;font-weight:normal;margin-top:15px;margin-bottom:15px;}
#homebox03 a{display:block;width:130px;background:#073149;font-size:15px;color:#fff;padding:12px 15px;;text-align:center;margin-top:25px;text-transform:uppercase;}
#homebox03 a:hover{background:#4e2e7e;}
/*********** End Home page ***********/	 




/*********** Begin Page ***********/	
#page {position:relative; z-index:20;clear:both;margin-top:6%;}

#page-content { clear:both; width:100%; margin:0 auto; position:relative;}

#page h2{color:#073149;font-size:40px;font-family: 'futuramediumbt';text-transform:uppercase;text-align:center;margin-bottom:6%;}
#page h3{font-size:25px;color:#073149;text-transform:uppercase;margin-bottom:10px;}
/*********** End Page ***********/	 	
#aboutbox01{margin-top:5%;margin-bottom:5%;}
#aboutbox01 h3{color:#fff;font-family: 'FuturaBoldfont';letter-spacing:2px;font-size:20px;}
#aboutbox01 .homeicon{padding:16% 0;}
/*********** Begin About ***********/
ul.contactinfo{margin:0;padding:0;list-style:none;}
ul.contactinfo li{margin-bottom:8%;padding-left:50px;}
ul.contactinfo li.address-icon{background:url(images/page/contact/maps.png) no-repeat top left;}
ul.contactinfo li.phone-icon{background:url(images/page/contact/phone.png) no-repeat top left;}
ul.contactinfo li.email-icon{background:url(images/page/contact/email.png) no-repeat top left;}
/*********** End About ***********/	

/***************BEGIN POST*****************/

/***************END POST****************/
/*********** Begin Gallery ***********/
.gallerylist{text-align:center;border:1px solid #ababab;margin-bottom:50px;padding-bottom:25px;}
.gallery-image{margin-bottom:25px;}
.gallerylist h3,.gallerylist h3 a{color:#073149;}
.gallerylist h5{font-size:15px;}
/*********** End Gallery ***********/	
#single-post{margin-bottom:5%;}
/*********** Begin project ***********/	 
#page h2.woocommerce-loop-category__title, #page h2.woocommerce-loop-product__title{font-size:20px;}
.btnlearnmore{display:block;width:100%;color:#fff;font-size:15px;background:#073149;text-align:center;margin:0 auto;padding:12px;-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;}

h1.product_title.entry-title{font-size:40px;color:#073149;}

.btnlearnmore:hover{background:#000;}

.cat-img{border:1px solid #ababab;margin-bottom:10px;position:relative;height:241px;}

.woocommerce ul.products li.product a:hover .cat-img img{    -ms-transform: scale(0.95); /* IE 9 */
    -webkit-transform: scale(0.95); /* Safari */
    transform: scale(0.95);}
.woocommerce ul.products li.product a img{margin-bottom:0px;-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;}
		
.woocommerce ul.products li.product .button{border-radius:0;float:none;display:block;width:100%;margin-top:0;color:#fff;font-size:15px;background:#073149;text-align:center;margin:0 auto;padding:12px;-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;font-weight:normal;text-transform:uppercase;}		
.woocommerce ul.products li.product .button:hover{background:#000;}
/*********** End project ***********/	
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width:35%;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width:62%;}
.woocommerce div.product div.images img{width:inherit;margin:0 auto;}

.woocommerce-product-details__short-description table{width:100%;border-collapse: collapse;margin-bottom:30px;}
.woocommerce-product-details__short-description table tr td, .woocommerce-product-details__short-description table tr th{border:1px solid #073149;}
.woocommerce-product-details__short-description table tr th{background:#073149;color:#fff;padding:14px 20px;font-size:15px;}
.woocommerce-product-details__short-description table tr td{color:#929292;padding:14px 20px;font-size:15px;}
.woocommerce-product-details__short-description table tr td:first-child{color:#073149;background:#f7f7f7;}

.woocommerce h4{background:#073149;font-size:25px;color:#fff;text-align:center;padding:8px 10px;margin-bottom:20px;}
.woocommerce h5{color:#073149;font-size:15px;margin-bottom:10px;}
.woocommerce ul.products li.product a img{/*height:inherit;width:inherit;margin:0 auto;width:auto;padding:10px;position: absolute;    top: 0;    bottom: 0;    margin: auto;left:0;right:0;*/
position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto !important;
	padding:10px;
}

.woocommerce-product-details__short-description ul{margin:0;padding:0;list-style:none;margin-bottom:30px;float:left;}
.woocommerce-product-details__short-description ul li{background:url(images/bullet.png) no-repeat 0 5px;padding-left:25px;margin-bottom:10px;}

.woocommerce-product-details__short-description ul.iconlist li{background:none;float:left;padding:0;margin:0;width:49%;border:1px solid #073149;margin-bottom:1px;margin-right:1px;}
.woocommerce-product-details__short-description ul.iconlist li img{}
.woocommerce-product-details__short-description ul.iconlist li .iconbox{padding:3px;background:#073149;float:left;margin-right:10px;}
.woocommerce-product-details__short-description ul.iconlist li h6{float:left;margin-top:10px;}

table.product-table{}
table.product-table tr th{background:#f7f7f7;color:#073149;}
table.product-table tr th{padding:2px 10px;}
table.product-table tr td{padding:10px 10px;}

.tabs.wc-tabs{display:none;}
/*******************/
.related.products{clear:both;display:none;}
.product_meta{display:none;}
/*********** Begin Contact ***********/	 
#contactform{margin-bottom:8%;}
.wpcf7-form{
	
}
.wpcf7-form ul{margin:0;padding:0;list-style:none;}
.wpcf7-form ul li{margin-bottom:30px;}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"],.wpcf7-form input[type="tel"]{
border:2px solid #808080;
height:48px;
width:93%;
padding:0px 3%;
}
.wpcf7-form textarea{
border:2px solid #808080;
width:100%;
padding:3%;
height:134px;
font-family:inherit;
}
.wpcf7-form input[type="submit"]{
background:#073149;
color:#fff;
font-size:15px;
width:140px;
height:46px;
border:none;
cursor:pointer;
-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}
.wpcf7-form input[type="submit"]:hover{
background:#000;
}
.wpcf7-form input.wpcf7-captchar{
width:100px;
}
div.wpcf7 img.ajax-loader{
margin-right:5px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ababab;font-size:14px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ababab;font-size:15px;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #ababab;font-size:15px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ababab;font-size:15px;
}
/*********** End Contact ***********/	 

#gform_fields_1{display:flex;flex-wrap:wrap;margin:0 -15px !important;}

body .gform_wrapper ul li.gfield{margin-bottom:5px;}

.purchase_date input.datepicker{    width: calc(100% - 24px) !important;}

#gform_fields_1 select{border:none; border-bottom:1px solid #bdbdbd;padding: 5px 4px;}
#gform_fields_1 select:focus{outline:none;}
body .gform_wrapper .top_label .agreement div.ginput_container{margin-top:10px;}
body .gform_wrapper .top_label .agreement label{margin-bottom:0;}

#gform_1 input[type="submit"]{border: none;
    background: #662d88;
    color: #fff;
    text-transform: uppercase;
    width: 160px;
    padding: 12px 0;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;}
#gform_1 input[type="submit"]:hover{background: #333;color: #fff;}

.agreement .ginput_container_consent{display:flex;align-items:center;}
.agreement .ginput_container_consent input{margin-right:10px;margin-top:0 !important;}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required{padding-right:16px;}
/**********************************************/

/* begin form */


/* end form */

.clear { clear:both; margin:5px 0 10px;}


/***********************/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
float:right;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;

}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
/************************************************/
#button-wrap {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width:100%;
    z-index: 1000;
}
#toTop {
	width:50px;
	height:50px;
	background:url(images/general/backtop.png) no-repeat;
		 position:relative;
  width:960px;
  margin:0 auto;
  z-index: 1000;
  color: #C6C6C6;

        bottom:25px; /* together with this to put the div at the bottom*/
        left:1000px;
        cursor:pointer;
        display:none;
		z-index:20;
       
}
/*#toTop {
	width:50px;
	height:50px;
	background:url(images/general/backtop.png) no-repeat;
        position:fixed; 
        bottom:25px; 
        right:100px;
        cursor:pointer;
        display:none;
		z-index:20;
       
}*/
#toTop:hover{
background:url(images/general/backtop-hover.png) no-repeat;
}

.tablebox{overflow:auto;}

.btnpdf{background:#073149;color:#fff;padding:12px 20px;}
.btnpdf:hover{background:#eceb00;color:#000;}
/*********************/
@-ms-viewport {
	width: device-width;
}

@viewport {

	width: device-width;

}


@media (max-width: 1200px) {


}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

}
/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
    #logo{float:none;text-align:center;margin:0;margin-bottom:15px;}
    #horder-logo{position:relative;text-align:center;top:inherit;}
	button#responsive-menu-button{border:1px solid #fff;margin:10px 0;top:0;}
	#menu_container ul li{margin:0;}
#homeslidebox{margin-bottom:20px;}
#footerbar{padding:20px 0 20px 0;}
#footerbar ul li{margin-bottom:8px;}
.footersocial{text-align:center;margin-top:20px;}
.btncontact{margin-top:20px;}
#footerbar .footersocial ul{margin:0 auto;text-align:center;display:block;}
#footerbar .footersocial ul li{margin:0 20px;}
#footer-layout{padding-top:25px;padding-bottom:25px;}
.footerabout,.footermenu{margin-bottom:30px;}
.footermenu{padding-top:0;margin-left:0;}
.footersubscribe{padding-top:0px;}
#aboutbox01{margin-bottom:30px;}
.cat-img{height:150px;}
#page h2.woocommerce-loop-category__title, #page h2.woocommerce-loop-product__title{font-size:15px;margin:0 0 10px 0;}
#page h2{font-size:30px;margin:30px 0;}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width:100%;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width:100%;}
.woocommerce-product-details__short-description ul.iconlist li{width:100%;}
.woocommerce-product-details__short-description ul.iconlist li h6{font-size:14px;}

.wpcf7-form .col-sm-6{padding-left:0;padding-right:0;margin-bottom:20px;}
	#homebox01 .homeicon{padding:0;}
	
	.agreement .ginput_container_consent{display:flex;align-items:flex-start;}
	.agreement .ginput_container_consent input{margin-top:5px !important;}
}
@media only screen and (max-width: 700px) {

}