html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;   font-family: 'Open Sans', sans-serif;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
*{outline:none;}
/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong {font-weight:bold;}
i, em {font-style:italic; }
.left {float:left;}
.right {float:right;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
textarea{overflow:auto;}
a {color:#333; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
address {font-style:normal;}
p{font-size:12px; line-height:18px; padding-bottom:16px;}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.input, .select, .textarea{
	background:#fff;
	width:100px;
	height:30px;
	padding:4px 8px;
	font-size:13px;
	line-height:22px;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#000;
	border:none;
	float:left;
	font-weight:400;
}
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.input:focus, .textarea:focus{box-shadow:rgba(0,0,0,.2)0px 0px 3px inset;}
.textarea{resize:vertical;}

body{font-family: 'Lato', sans-serif;}
.main-box{width:100%;margin: 0 auto;}
.banner img {
	width: 100%;
    object-fit: cover;
}

.inner-box{max-width:1030px;margin:0 auto;}

.banner{width:100%;float:left;position:relative;}
.banner .caption{width:100%;float:left;position:absolute;left:0px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.banner .caption h1{float:right;}
.banner .caption h1,.banner .caption h1 strong{font-size:42px;color:#fdfcfd;font-weight:300;}
.banner .caption h1 strong{display:block;}
.banner .caption h1 span{font-weight:600; color:#fdd726;}
.top-text{width:100%;float:left;text-align:center;padding:50px 0 45px 0;}
.top-text p{padding-bottom:0px;font-size:16px;line-height:19px;color:#000000; text-align: left;}
.services{width:100%;float:left;text-align:center;padding-bottom:20px;}
.services h2{font-size:23px;color:#997637;font-family: 'AbsaraSansTF-LightSC';font-weight:normal;margin-bottom:13px;letter-spacing: 1px;}
.services p{font-size:16px;line-height:19px;color:#000000; text-align: left;}
.services-col{background:url(../images/bg-services-list.jpg) left top no-repeat;width:100%;float:left;min-height:343px;padding: 80px 0 0 0;    background-size: cover;    background-attachment: fixed;}
.services-col .col{width:33.3%;float:left;padding:0 15px;text-align: center;}
.services-col .col p{font-size:16px;line-height:19px;color:#fff;padding:25px 20% 0 20%;}
.refining{width:100%;float:left;padding:65px 0 0 0;}
.refining .row{width:100%;float:left;margin-bottom:30px;}
.refining .textb{width:51%;float:left;padding-right:31px;}
.refining .imgb{width:49%;float:left;}
.refining .textb h2{font-size:23px;color:#997637;font-family: 'AbsaraSansTF-LightSC';font-weight:normal;margin-bottom:13px;letter-spacing: 1px;}
.refining .textb h3{font-size:23px;color:#997637;font-family: 'AbsaraSansTF-LightSC';font-weight:normal;letter-spacing: 1px;margin:5px 0 13px 0px;}
.refining .textb p{font-size:16px;line-height:19px;color:#000000;padding-bottom:25px;}
.refining .row:nth-child(2n) .textb{float:right;padding:0 0 0 22px}
.term-con{width:100%;float:left;padding:10px 0 40px 0;}
.term-con h2{font-size:23px;color:#997637;font-family: 'AbsaraSansTF-LightSC';font-weight:normal;margin-bottom:15px;letter-spacing: 1px;}
.term-con li{font-size:18px;margin-bottom:5px;     list-style: decimal;}
.term-con li span{display:block;padding-left:10px;}
.footer{width:100%;float:left;background:#214759;padding:27px 0 30px 0;}
.footer p{font-size:23px;color:#fff;line-height:28px;padding-bottom:0px;}
.footer p span{font-weight:bold;}


@font-face {
  font-family: 'AbsaraSansTF-LightSC';
  src: url('../fonts/AbsaraSansTF-LightSC.eot?#iefix') format('embedded-opentype'),  url('../fonts/AbsaraSansTF-LightSC.woff') format('woff'), url('../fonts/AbsaraSansTF-LightSC.ttf')  format('truetype'), url('../fonts/AbsaraSansTF-LightSC.svg#AbsaraSansTF-LightSC') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'AbsaraSansTF-Light';
  src: url('fonts/AbsaraSansTF-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/AbsaraSansTF-Light.woff') format('woff'), url('fonts/AbsaraSansTF-Light.ttf')  format('truetype'), url('fonts/AbsaraSansTF-Light.svg#AbsaraSansTF-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media only screen and (min-device-width : 480px) and (max-device-width : 768px) {
	.banner .caption h1, .banner .caption h1 strong {       font-size: 20px;}
	.inner-box{padding: 0px 35px;}
	.top-text p{    line-height: 24px;}
	.services-col .col{width:100%;     padding: 25px 0px;}
	.refining .textb{width:100%;  padding: 25px 0px;    text-align: left;   }
	.refining .imgb{width:100%;   }
	.refining .imgb img{width:100%;}
	.services-col{background-attachment: inherit;}
		.refining .row:nth-child(2n) .textb{    padding: inherit;}
		.term-con li{font-size:16px;}
			.footer p{font-size: 18px;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.banner .caption h1, .banner .caption h1 strong {       font-size: 20px;}
	.inner-box{padding: 0px 35px;}
	.top-text p{    line-height: 24px;}
	.services-col .col{width:100%;     padding: 25px 0px;}
	.refining .textb{width:100%;  padding: 25px 0px;    text-align: left;   }
	.refining .imgb{width:100%;   }
	.refining .imgb img{width:100%;}
	.services-col{background-attachment: inherit;}
	.refining .row:nth-child(2n) .textb{    padding: inherit;}
		.term-con li{font-size:16px;}
		.footer p{font-size: 18px;}
}