@font-face {
    font-family: 'MarkSimonsonProximaNovaRegular';
    src: url('fonts/MarkSimonsonProximaNovaRegular.eot');
    src: url('fonts/MarkSimonsonProximaNovaRegular.eot') format('embedded-opentype'),
         url('fonts/MarkSimonsonProximaNovaRegular.woff2') format('woff2'),
         url('fonts/MarkSimonsonProximaNovaRegular.woff') format('woff'),
         url('fonts/MarkSimonsonProximaNovaRegular.ttf') format('truetype'),
         url('fonts/MarkSimonsonProximaNovaRegular.svg#MarkSimonsonProximaNovaRegular') format('svg');
}
@font-face {
    font-family: 'MarkSimonsonProximaNovaBold';
    src: url('fonts/MarkSimonsonProximaNovaBold.eot');
    src: url('fonts/MarkSimonsonProximaNovaBold.eot') format('embedded-opentype'),
         url('fonts/MarkSimonsonProximaNovaBold.woff2') format('woff2'),
         url('fonts/MarkSimonsonProximaNovaBold.woff') format('woff'),
         url('fonts/MarkSimonsonProximaNovaBold.ttf') format('truetype'),
         url('fonts/MarkSimonsonProximaNovaBold.svg#MarkSimonsonProximaNovaBold') format('svg');
}
@font-face {
    font-family: 'HelveticaBd';
    src: url('fonts/HelveticaBd.eot');
    src: url('fonts/HelveticaBd.eot') format('embedded-opentype'),
         url('fonts/HelveticaBd.woff2') format('woff2'),
         url('fonts/HelveticaBd.woff') format('woff'),
         url('fonts/HelveticaBd.ttf') format('truetype'),
         url('fonts/HelveticaBd.svg#HelveticaBd') format('svg');
}
@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica.eot');
    src: url('fonts/Helvetica.eot') format('embedded-opentype'),
         url('fonts/Helvetica.woff2') format('woff2'),
         url('fonts/Helvetica.woff') format('woff'),
         url('fonts/Helvetica.ttf') format('truetype'),
         url('fonts/Helvetica.svg#Helvetica') format('svg');
}
@font-face {
    font-family: 'HelveticaBdObl';
    src: url('fonts/HelveticaBdObl.eot');
    src: url('fonts/HelveticaBdObl.eot') format('embedded-opentype'),
         url('fonts/HelveticaBdObl.woff2') format('woff2'),
         url('fonts/HelveticaBdObl.woff') format('woff'),
         url('fonts/HelveticaBdObl.ttf') format('truetype'),
         url('fonts/HelveticaBdObl.svg#HelveticaBdObl') format('svg');
}
@font-face {
    font-family: 'HelveticaLt';
    src: url('fonts/HelveticaLt.eot');
    src: url('fonts/HelveticaLt.eot') format('embedded-opentype'),
         url('fonts/HelveticaLt.woff2') format('woff2'),
         url('fonts/HelveticaLt.woff') format('woff'),
         url('fonts/HelveticaLt.ttf') format('truetype'),
         url('fonts/HelveticaLt.svg#HelveticaLt') format('svg');
}
@font-face {
    font-family: 'HelveticaObl';
    src: url('fonts/HelveticaObl.eot');
    src: url('fonts/HelveticaObl.eot') format('embedded-opentype'),
         url('fonts/HelveticaObl.woff2') format('woff2'),
         url('fonts/HelveticaObl.woff') format('woff'),
         url('fonts/HelveticaObl.ttf') format('truetype'),
         url('fonts/HelveticaObl.svg#HelveticaObl') format('svg');
}
@font-face {
    font-family: 'HelveticaBlk';
    src: url('fonts/HelveticaBlk.eot');
    src: url('fonts/HelveticaBlk.eot') format('embedded-opentype'),
         url('fonts/HelveticaBlk.woff2') format('woff2'),
         url('fonts/HelveticaBlk.woff') format('woff'),
         url('fonts/HelveticaBlk.ttf') format('truetype'),
         url('fonts/HelveticaBlk.svg#HelveticaBlk') format('svg');
}
@font-face {
    font-family: 'HelveticaCdBd';
    src: url('fonts/HelveticaCdBd.eot');
    src: url('fonts/HelveticaCdBd.eot') format('embedded-opentype'),
         url('fonts/HelveticaCdBd.woff2') format('woff2'),
         url('fonts/HelveticaCdBd.woff') format('woff'),
         url('fonts/HelveticaCdBd.ttf') format('truetype'),
         url('fonts/HelveticaCdBd.svg#HelveticaCdBd') format('svg');
}


.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:10px;}
.alignright {float:right;margin-left:10px;}
.aligncenter {display:block;margin:0 auto}
a, a:active, a:focus, a:active {text-decoration:none !important}
a{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
a:focus {outline:0px solid}
img {max-width:100%}
h1, h2, h3, h4, h5, h6 {font-weight:normal;margin:0 0 15px;}
.column {width: 96%;max-width: 1300px;margin:0 auto;display:block;transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-webkit-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;}
ul {margin:0;padding:0;list-style: none;}
input:focus, button:focus, select:focus {outline:0;}
button:focus{
    box-shadow: 0px 1px 10px 0px #fff;
}
iframe{border:0px solid #fff;outline:0;}
body {font-family: arial, serif;
    background: #f3f3f3;font-family: 'Helvetica';
    font-size: 14px;
    line-height: 18px;color:#3a3a3a}
.fix{}
.fix:after{content:"";display:table;clear:both;}
.slicknav_menu{display:none}
.header_area{
    height: 90px;
	background: #fff;
}
.header{
    padding-top: 5px;
}
.logo_area{
    width: 40%;
    float: left;
}
.company_logo{
    float: left;
    width: 35%;
}
.company_logo img{}
.iso_logo{
    float: left;
    width: 60%;
    margin-top: 13px;
}
.iso_logo img{}
.mainmenu_area{
    float: left;
    width: 53%;
}
ul#nav{}
ul#nav>li{
    float: left;
    margin-right: 35px;
    position: relative;
}
ul#nav>li>a.active{
    border-bottom: 5px solid #0c5ba7;
}
ul#nav>li>a{
    display: block;
    padding: 30px 7px;
    color: #3a3a3a;
    text-transform: uppercase;
    border-bottom: 5px solid transparent;
    font-family: 'HelveticaBd';
    height: 85px;
}
ul#nav>li>a span{
    margin-left: 10px;
}
ul#nav>li>a>span>i{
    font-size: 16px;
}
ul#nav>li:hover>a{border-bottom: 5px solid #0c5ba7;
    }
ul#nav>li>a:hover{
   border-bottom: 5px solid #0c5ba7;
}
ul#nav>li:hover>ul.drop_down{
    opacity: 1;
    visibility: inherit;
}
ul#nav>li>ul.drop_down{
    position: absolute;
    top: 100%;
    left: 0px;
    /*background: #fff;*/
    background: #0C5BA7;
    z-index: 999;
    /*width: 160px;*/
    width: 190px;
    opacity: 0;
    visibility: hidden;
}
ul#nav>li>ul.drop_down>li{
    float: none;
    display: block;
}
ul#nav>li>ul.drop_down>li>a{
    display: block;
    /*padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    color: #000;*/
    padding: 10px;
    border-bottom: 1px solid #064B8E;
    color: #FFF;
}
ul#nav>li>ul.drop_down>li>a:hover{
    border-color: #0c5ba7;
    /*color: #0c5ba7;*/
    color: #000;
}
.language_area{
    float: left;
    width: 7%;
    margin: 15px 0px 0px 0px;
    padding: 10px;
    padding-bottom: 3px;
    background: #ddd;
}
.lang_eng{}
.lang_eng img{
    float: left;
    margin-right: 5px;
}
.lang_thai{}
.lang_thai img{
    float: left;  margin-right: 5px;
}
.home_banner{
    position: relative;
}
.banner_slider{}
.banner_slider li{
}
.overlay_banner{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}
.banner_slider li img{
}
.banner_content{
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    color: #fff;
    width: 100%;
    margin-top: -90px;
}
.banner_content h1{
    font-size: 65px;
    font-family: 'MarkSimonsonProximaNovaRegular';
    text-transform: uppercase;
}
.banner_content h3{
    margin-bottom: 40px;
    font-family: 'MarkSimonsonProximaNovaRegular';
    text-transform: uppercase;
}
.banner_content p{
    border: 1px solid #fff;
    padding: 10px;
    display: inline-block;
    color: #fff;
    font-family: 'MarkSimonsonProximaNovaRegular';
}
.home_banner .bx-wrapper {margin-bottom:0px;box-shadow: 0px 0px 0px 0px #dcdcdd;}
.home_banner .bx-wrapper .bx-viewport{box-shadow:0px 0px 0px 0px transparent;border: 0px solid transparent;left: 0;}
.home_banner .bx-wrapper .bx-controls-direction{}
.home_banner .bx-wrapper .bx-controls .bx-controls-direction  a{color: #fff;
font-size: 60px;
text-indent: 0px;}
.home_banner .bx-wrapper .bx-controls .bx-controls-direction  a:hover{color: #000;}
.home_banner .bx-wrapper .bx-controls .bx-controls-direction  a.bx-prev{
    margin-left: 2%;
}
.home_banner .bx-wrapper .bx-controls .bx-controls-direction  a.bx-next{
    margin-right: 2%;
}
#banner-pager{
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
#banner-pager .small_thumimg{
    margin-right: 3%;
    display: inline-block;
    position: relative;
}
#banner-pager .small_thumimg img{}
#banner-pager .small_thumimg p{
    position: absolute;
    top: 50%;
    left: 0;
    color: #fff;
    width: 100%;
    margin-bottom: 0px;
    margin-top: -9px;
    font-family: 'MarkSimonsonProximaNovaBold';
}
.footer_area{background: #fff;}
.footer{}
.footer p{
    text-align: center;
    padding: 20px;
    margin-bottom: 0px;
    color: #afafaf;
}

/*Product Page*/
.all_banner_area{}
.all_banner{
    position: relative;
    border-bottom: 5px solid #0c5ba7;
    overflow: hidden;
}
.all_banner img{}
.all_page_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.49);
}
.page_name{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 20%;
    margin-top: -30px;
    color: #fff;
}
.page_name h2{
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: 'HelveticaLt';
    font-size: 50px;
}
.page_name p{
    display: inline-block;
    padding: 5px;
    border: 1px solid #fff;
    font-size: 14px;
}
.all_banner_bottom{
    background: #dcdcdd;
}
.all_banner_bottom_content{}
.banner_bottom_title{
    color: #fff;
    width: 40%;
    float: left;
}
.banner_bottom_title h3{
    margin-bottom: 0px;
    font-size: 19px;
    font-family: 'HelveticaBd';
    position: relative;
    display: inline-block;
    color: #fff;
    padding: 6px 20px;
    text-transform: uppercase;
}
.banner_bottom_title h3 span{
    position: relative;
    z-index: 9;
}
.banner_bottom_title h3:before{content:'';background: #0c5ba7;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: skew(-17deg);}

.breadcumb{
    width: 50%;
    float: right;
}
.breadcumb ul{
    float: right;
}
.breadcumb ul li{
    float: left;
    margin-right: 5px;
}
.breadcumb ul li a{
    color: #3a3a3a;
    display: block;
    padding: 7px 10px;
    font-family: 'HelveticaBd';
}
.breadcumb ul li a i{
    margin-left: 15px;
}
.bred_active{
    color: #0c5ba7 !important;
}
.product_page_content_area{}
.product_content{
    padding: 40px 0px;
}
.product_item_single{
    float: left;
    width: 18%;
    margin-right: 2.5%;
    border-bottom: 5px solid #dcdcdd;
    margin-bottom: 2%;
    min-height: 220px;
}
.product_item_single:nth-child(5n+5){
    margin-right: 0;
}
.product_item_single:hover{
    color: #0c5ba7;
    border-bottom: 5px solid #0c5ba7;
}
.product_item_single:hover p{
    color: #0c5ba7;
}
.product_item_image{
    border: 1px solid #dcdcdd;
    margin-bottom: 10px;
}
.product_item_image img{
    width: 100%;
    height: auto;
    display: block;
}
.product_item_single p{
    font-family: 'HelveticaBd';
    text-transform: uppercase;
    color: #818183;
}

/*Product Single Page*/
#product-pager {
    margin-top: 0px;
}
#product-pager > a.active{
}
#product-pager > a.active > img{border: 2px solid #0c5ba7;
}
#product-pager > a {
    margin-right: 11px;
    display: inline-block;
    position: relative;
}
#product-pager > a:after{
	content:'';
	position:absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
}
#product-pager > a.active:after{
    opacity: 0;
}
#product-pager > a:last-child {
    margin-right:0px;
}
#product-pager > a  > img{
    border: 2px solid transparent;
}
#product-pager > a  > p{
}
.single_product_page_content {
    background: #f3f3f3;
}
.single_product_content {
    padding: 45px 25px;
}
.single_product_slider {
    float: left;
    width: 38%;
    margin-right: 4%;
}
.single_product_slider .bx-wrapper{
    margin-bottom: 20px;
}
ul.product_slider {
}
ul.product_slider > li {
}
ul.product_slider > li > img {
}
.single_product_detail {
    float: left;
    width: 58%;
    font-family: 'Helvetica';
}
.single_product_detail h2{
    font-size: 24px;
    color: #0c5ba7;
    margin-bottom: 10px;
    font-family: 'HelveticaBd';
}
.feature {
}
.feature h3{
    font-size: 14px;  
    color: #00a5e8;  
    margin-bottom: 5px;
    font-family: 'HelveticaBd';
}
.feature > ul{
    list-style: inherit;
    margin-left: 15px;
}
.feature ul li{
}
.description {
    margin-top: 5%;
}
.description h3{   
	margin-bottom: 20px;
    font-size: 14px;  
	color: #00a5e8;      
	font-family: 'HelveticaBd';}
.description p{
    margin-bottom: 30px;
}
.description span{
    font-family: 'HelveticaBd';
}
.border_bottom_single{
    height: 5px;
    background: #0c5ba7;
    width: 15%;
    display: inline-block;
}

/*Facility Page*/
.facility_page_content_area{}
.facility_content{padding: 40px 0px;}
.safety_area{
    margin-bottom: 20px;
}
.safety_icon{
    float: left;
    width: 12%;
    text-align: center;
    margin-right: 1%;
}
.safety_icon img{}
.safety_content{
    float: left;    
    width: 86%;        
}
.safety_content h3{
    font-family: 'HelveticaBd';
    color: #00a5e8;
}
.safety_content span{
    text-transform: uppercase;
    color: #0c5ba7;
}
.safety_content p{}
.customer_guide_area{
    padding: 30px;
    border: 2px solid #dcdcdd;
    border-radius: 6px;
}
.customer_guide_content{    
    width: 75%; 
    text-align: right;
    float: left;
}
.customer_guide_content h3{font-family: 'HelveticaBd';
    color: #00a5e8;}
.customer_guide_content span{text-transform: uppercase;
    color: #0c5ba7;}
.customer_guide_content p{}
.customer_guide_icon{float: right;
    width: 20%;
    text-align: center;
    margin-right: 1%;}
.customer_guide_icon img{}

/*About Us Page*/
.about_page_content_area{}
.about_content{padding: 40px 0px;}
.companmy_details{
    margin-bottom: 5%;
}
.single_company{
    float: left;
    width: 47%;
    padding: 0px 20px;
}
.single_company:last-child{
    width: 53%;}
.year_Area{
    float: left;
    width: 90px;
    border: 5px solid #0c5ba7;
    border-radius: 100px;
    text-align: center;
    height: 90px;
    line-height: 80px;
    margin-right: 5%;
    position: relative;
}
.year_Area h3{
    color: #0c5ba8;
    font-size: 24px;
    font-family: 'HelveticaBd';
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
}
.year_Area:before{content:'';position: absolute;left: 100%;top: 50%;border-left: 10px solid #0c5ba8;border-top: 7px solid transparent;border-bottom: 7px solid transparent;margin-top: -7px;margin-left: 4px;}
.about_details{
    float: left;
    width: 77%;
}
.about_details h3{
    font-family: 'HelveticaBd';
    color: #0c5ba8;
    font-size: 18px;
}
.about_details p{
    margin-bottom: 3px;
}
.about_details p:before{content:'\f105';font-family:FontAwesome;margin-right:8px;
}
.companmy_images{}
.single_company_image{
    float: left;
    width: 27.5%;
    background: #fff;
    transform: skew(-20deg);
    margin-right: 4.33333333%;
    border-left: 5px solid #0c5ba8;
    overflow: hidden;
}
.single_company_image img{
    width: 126%;
    transform: skew(20deg);
    display: block;
    position: relative;
    max-width: inherit;
    margin-left: -13%;
}
.single_company_image:first-child{margin-left: 4%;}
.single_company_image:last-child{margin-right:0}

/*Contact Us Page*/
.contact_page_content_area{}
.contact_content{padding: 40px 0px;}
.contact_map_area{
    float: left;
    width: 47%;
    margin-right: 3%;
    padding: 0px 10px;
}
.contact_page_logo{
    margin-bottom: 3%;
}
.contact_page_logo img{}
.contact_page_title{}
.contact_page_title h3{
    color: #0c5ba8;
    font-size: 18px;
    font-family: 'HelveticaBd';
}
.contact_page_address{}
.contact_page_address p{
    background: url(img/call_icon.png) no-repeat scroll 0 0px;    padding-left: 35px;    line-height: 25px;
}
.contact_page_phon{}
.contact_page_phon p{
    background: url(img/call_icon.png) no-repeat scroll 0 -28px;    
    padding-left: 35px;
    line-height: 25px;
}
.contact_page_map{
    box-shadow: 0px 0px 1px 2px #ddd;
    margin-top: 20px;
}
.contact_page_map iframe{
    width: 100%;
    height: 290px;
}
.contact_form_area{
    float: left;
    width: 50%;
}
.contact_text_input{
    margin-bottom: 15px;
}
.input_field{
    padding: 10px;
    width: 84%;
    border: 1px solid #dcdcdd;
}
.contact_select_input{
    margin-bottom: 15px;
}
.select_field{padding: 10px;
    width: 84%;border: 1px solid #dcdcdd;}
.contact_textarea_input{
    margin-bottom: 15px;
}
.textarea_field{
    width: 84%;
    padding: 10px;
    border: 1px solid #dcdcdd;
}
.contact_submit_area{}
.contact_capcha{
    width: 35%;
    float: left;
    margin-right: 5%;
    text-align: center;
}
.textarea_field:focus{outline:0;}
.contact_capcha p{
    margin-bottom: 3px;
}
.capcha_field{
    border: 1px solid #dcdcdd;
    margin-bottom: 10px;
    width: 100%;
    padding: 10px;
}
.contact_capcha img{
    text-align: center;
}
.contact_submit{
    float: left;
    width: 60%;
}
.subnmit_button{
    background: #0b5ba2;
    color: #fff;
    padding: 10px 30px;
    border: 0px;
    border-radius: 6px;
    margin-top: 6%;
}
::-webkit-input-placeholder {
   color: #3a3a3a;
}

:-moz-placeholder { /* Firefox 18- */
   color: #3a3a3a;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #3a3a3a;  
}

:-ms-input-placeholder {  
   color: #3a3a3a;  
}