body {
	font-family:prompt;
	/* background-color:red; */
}
.container-dth {
	min-width:980px!important;
}
.uppercase {
	text-transform:uppercase;
}
.site-content {
	margin-top:100px;
}
.site-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
	z-index: 999;
}
.site-branding {
	background-color:#fff;
}



/**HEADER**/
.head-contact {
	text-align: right;
	padding: 15px 0;
}
.home-con-grp {
	display:inline-block;
    margin-right: 20px;
}
.con-grp {
	display:inline-block;
    margin-right: 20px;	
}
.con-grp p {
    display: inline-block;
	margin:0;
	font-size:18px;
	position:relative;
    margin-top: 5px;
}
.logo-comp img {
    padding: 5px 0px;
	height:90px;
	margin: 5px 0;
}
.logo-comp h1 {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    color: #0e253a;
    font-size: 32px;
    margin-left: 10px;
    font-weight: bold;
}
.logo-comp:hover {
	text-decoration:none;
}

.link-to-web {
	font-size:18px;
	text-transform:uppercase;
	border: 2px solid #0e253a;
    border-radius: 30px;
    position: relative;
	display: inline-block;
	height: 45px;
    width: auto;
	vertical-align: top;
    padding: 10px 20px 5px;
	margin-top: 10px;
	color:#0e253a;
	transition:0.3s;
}
.link-to-web span{
	margin-right:30px;
}
.link-to-web span:before{
    content: "\f0ac";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 15px;
    font-size: 25px;
    top: 8px;
}
.link-to-web:hover {
	background-color:#00aeef;
	border-color:#00aeef;
	color:#fff;
}
.link-to-web img {
	vertical-align:top;
	height:25px;
}
.con-grp p:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -25px;
    bottom: 3px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.con-grp p.hmtel:before {
	background-image: url(../images/telsb.png);
}
.con-grp p.hmmail:before {
	background-image: url(../images/evensb.png);
}
.search-form {
	display: inline-block;
    position: relative;
}
.search-box {
    display: inline-block;
    position: relative;
}
.search-box label {
    margin-bottom: 0;
}
.search-box label input[type="search"] {
    width: 230px;
    height: 30px;
    border-radius: 20px;
    padding: 0px 15px;
    font-family: Kanit;
    font-size: 18px;
    font-weight: lighter;
    color: #fff;
	background-color: rgba(51, 51, 51, 0);
    outline: none;
}
.search-box label input::placeholder {
  font-style: italic;
}
.search-box button {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 10px;
    bottom: 5px;
    padding: 0;
	color:#fff;
}
.main-navigation {
    padding: 15px 0;
        background-color: rgba(51, 51, 51, 0.85);
	/* z-index: 1; */
    position: relative;
}
.menu ul li a {
	color:#909090;
	text-decoration:none;
	margin:0 20px;
	font-size:18px;
	text-transform:uppercase;
	line-height:1.7;
}
.menu ul li a:hover {
	color:#ffffff;
}
.menu ul li.current_page_item a {
	color:#fff;
}

/*FOOTER*/
.copyright {
	background-color:#000;
	padding:10px 0;
}
.cpr p {
	font-size:14px;
	display:inline-block;
	margin:0;
	color:#fff;
	position:relative;
    margin-right: 25px;
}
.cpr-r {
	text-align:right;
}
.cpr.cpr-r p:after {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/dth.png);
    right: -25px;
    top: 0px;
	cursor:pointer;
}
.cpr.cpr-r p:hover:after {
    background-image: url(../images/dth-c.png);
}
.site-info {
	background-color:#252525;
	color:#fff;
	padding: 25px 0px;

}
.content-footer > img {
	width:100px;
}
.content-footer p {
	margin:15px 0 0;
	font-size:16px;
}
.content-footer p img {
	max-width:60px;
}
.sec-footer h3 {
	font-size:18px;
	color:#00bff3;
	text-transform:uppercase;
}
.sec-footer p, .sec-footer a {
	font-size:16px;
	color:#fff;
	margin:0;
	line-height:1.85;
	position:relative;
}
.sec-footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
.fc-col {
	padding-left:20px;
}
.col-pduct {
	text-transform:uppercase;
}
.sec-footer a span {
	color:#00aeef;
}
.sec-footer a {
	text-decoration:none;
	position:relative;
}
.sec-footer a:hover {
	color:#00aeef;
}
.sec-footer a:hover, .sec-footer a:focus, .sec-footer a:visited {
	text-decoration:none;
	transition:0.3s;
}
.lst a:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/right-arrow.png);
    left: -18px;
    top: 5px;
}
.addresss p:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: -18px;
    top: 5px;
}
.addresss p.adrs:before {
    background-image: url(../images/placeholder.png);
}
.addresss p.tl:before {
    background-image: url(../images/phone-circle.png);
}
.addresss p.fx:before {
    background-image: url(../images/print.png);
}
.addresss p.ml:before {
    background-image: url(../images/close-envelope.png);
}

/**HOME**/
section {
	position:relative;
}
.section1 {
	/* z-index:0; */
}
.box-heading-title {
	text-align: center;
	margin:0 auto 50px;
}
.heading-title {
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 100;
    color: #0e253a;
    position: relative;
	display:inline-block;
    /* margin-top: 30px; */
}
.sec2section .heading-title {
	color:#fff;
}
.sec2section .moline {
	color:#fff;
}
.heading-title.chng {
    color: #fff;	
}
h1.heading-title:before {
    content: attr(title);
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    /* background-color: rgba(255,255,255,.1); */
    color: white;
}
.section3 h1.heading-title:before, .section-vision h1.heading-title:before {
	color: #2e4e5f;
}
h1.heading-title:after {
    content: attr(title);
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #00aeef;
	font-weight:700;
}
.moline {
    display: block;
    border-top: 5px solid #0e253a;
    width: 75px;
    margin: auto;
}
.section5 .moline {
	display:none;
}
.w-moline:before {
	content: "";
	position:absolute;
	height:5px;
	background-color:#0e253a;
	width: 74%;
    bottom: -2px;
    left: 10%;
}
.moline.chng {
    border-top: 5px solid #fff;
}
.lst-product {
	margin-bottom:30px;
	position:relative;
	max-height:350px;
	overflow:hidden;
}
.lst-product img {
	/* height:350px; */
	position:relative;
	width:100%;
}

.lst-product .bghover h2 {
	text-transform:uppercase;
	font-size:22px;
	color:#fff;
	opacity:0;
    margin: 0;
    text-align: center;
	font-weight:100;
}
.lst-product h2 span {
	color:#00aeef;
	font-weight:bold;
}
.hm-sec-products a {
	text-decoration:none;
}
.bghover {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	background-color:transparent;
	padding: 160px 0px;
	transition:0.3s;
	cursor:pointer;
}
.bghover:hover  {
	background-color: rgba(50, 77, 120, 0.8);
    background-color: rgba(0, 30, 78, 0.7);
}
.lst-product .bghover:hover h2 {
	opacity:1;
}
.section1, .section2, .section3, .section4, .section5 {
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.section2 {
	background-image:url(../images/bghome01.png);
    padding-top: 105px;
}
.home .section2 {
	padding-top: 50px;
}
.home .hm-sec-products {
	padding-bottom:30px;
}
.section3 {
	/* background-image:url(../images/bghome02.png); */
	padding:50px 0 50px;
}
.bann {
    display: block;
    margin: auto;
    width: 80%;
    padding: 20px 5%;
    background-color: #fff;
    border-radius: 20px;
	position:relative;
}
.owl-prev {
    font-size: 70px!important;
    position: absolute;
    top: 0;
    left: 10px;
	color:#959595!important;
    outline: none;
	height:150px;
}
.owl-next {
    font-size: 70px!important;
    position: absolute;
    top: 0;
    right: 10px;
	color:#959595!important;
    outline: none;
	height:150px;
}
.owl-dots {
	display:none;
}
.section4 {
	/* background-image:url(../images/bghome03.png); */
	padding:200px 0;
}
.paragraph4 {
	text-align:right;
}
.paragraph4 p {
	color:#fff;
	margin:0;
    line-height: 1.3;
	text-transform:uppercase;	
}
.p4readmore {
	float:right;
}
.paragraph4 a {
	color:#fff;
}
.paragraph4 a:hover {
	text-decoration:none;
}
.bbtnrm {
	border: 1px solid #fff;
    width: 120px;
    height: 40px;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
	transition:0.3s;
}
.bbtnrm:hover {
	background-color:#00aeef;
	border-color:#00aeef;
	color:#fff;
}
.section5 {
	background-image:url(../images/bghome04.png);
    padding-top: 40px;
	padding-bottom:40px;
}
.waw-list {
	text-align:center;
}
.waw-list p{
	font-size:18px;
}
.waw-list h4 {
	color:#00aeef;
	font-size:24px;
	font-weight:700;
	margin:30px 0 0;
	text-transform:uppercase;
}
.waw p {
	color:#0e253a;
	font-size:18px;
}


/*PAGE ABOUT US*/
.section-vision {
	padding-top:50px;
	padding-bottom:10px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	/* background-color:#0e253a; */
	/* margin-top: -300px; */
	position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.banner-vision img {
	width:100%;
}
.sec-empty {
	width:100%;
	height:136vh;
	z-index: -1;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.sec2section {
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	/* background-color:#0e253a; */
	/* background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,1)); */
	background-image: linear-gradient(to bottom, rgba(14, 37, 58, 0), rgb(14, 37, 58, 1), rgb(14, 37, 58, 1), rgb(14, 37, 58, 1), rgb(14, 37, 58, 1), rgb(14, 37, 58, 1));
	
}
.section-mission {
	padding-top:40px;
	padding-bottom:10px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	/* background-color:#0e253a; */
}
.section-mission .box-heading-title {
	margin-bottom:30px;
}
.vision-content p {
	color:#fff;
	font-size:18px;
	margin-bottom:15px;
}
.vision-content {
    width: 80%;
    margin: auto;
	margin-top:30px;
}
.vision-content h2 {
	margin:0;
	font-weight: 700;
    font-size: 18px;
}
.mission {
    display: inline-block;
    text-align: center;
    font-size: 0;
    /* margin-top: 20px; */
}
.inline-col {
    float: none;
    display: inline-block;
	margin-bottom:20px;
	vertical-align: top;
}
.content-mission {
	font-size:18px;
	margin-top:20px;
}
.content-mission p {
	margin:0;
	color:#0e253a;
}

.new-waw-list {
	/* height:200px; */
}
.waw-left {
	padding-right:0;
}
.waw-right {
	padding-left:0;
	padding-top:150px;
}
.new-waw-list {
	width:80%;
}
.xwaw-right {
	float:left;
	padding-left:60px;
	text-align: left;
	margin-bottom:50px;
	border-left:4px solid #00aeef;
	margin-left:-2px;
	position:relative;
	padding-top:30px;
}
.xwaw-left {
	float:right;
	padding-right:60px;
	text-align: right;
	margin-bottom:50px;
	border-right:4px solid #00aeef;
	margin-right:-2px;
	position:relative;
	padding-top:30px;
}
.xwaw-left:before {
	content:"";
	background-image:url(../images/arright.png);
	width:35px;
	height:24px;
	position:absolute;
	right:-12px;
	top:-3px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.xwaw-right:before {
	content:"";
	background-image:url(../images/arleft.png);
	width:35px;
	height:24px;
	position:absolute;
	left:-12px;
	top:-3px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.new-waw-list span {
	font-size: 24px;
    font-weight: bold;
    background-color: #00aeef;
    color: #fff;
    padding: 1px 40px;
}
.xwaw-left span {
	position: absolute;
    right: 60px;
    top: -10px;
}
.xwaw-right span {
	position: absolute;
    left: 60px;
    top: -10px;
}
.new-waw-list p {
    font-size: 18px;
    color: #000;
    margin: 10px 0;
}
.last .new-waw-list:last-child {
	border-color:#fafafa;
	z-index:1;
}













/*PAGE CONTACT*/
.contact-view-image {
	width:100%;
	height:calc( 100vw * (0.39));
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.section-contact {
	padding-top:135px;
	padding-bottom:100px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.content-contact {
	text-align:center;
	color:#fff;
    width: 50%;
    margin: auto;
    font-size: 18px;
}
.content-contact img {
    max-width: 200px;
    height: auto;
    margin-bottom: 30px;
}
.content-contact p {
	margin-bottom:5px;
}
.section-form {
	padding:30px 0;
	min-height:500px;
}

/*Gravity Form*/
.contact-gform {
	width:50%;
	margin:auto;
}
.contact-gform ul {
	padding:0;
	margin:0;
	list-style:none;
}
.contact-gform ul li label {
	display:none;
}
.contact-gform ul li input, .contact-gform ul li textarea {
	width:100%;	
	border:1px solid #00aeef;
	border-radius: 0;
	outline: none;
}


.contact-gform ul li input {
	margin-bottom:10px;
	height:40px;
	padding: 0px 20px;
}
.contact-gform ul li textarea  {
	padding: 8px 20px;
	margin-bottom:5px;
	height:100px;
}
#gform_submit_button_1 {
	width:130px;
	height:40px;
	color:#fff;
	background-color:#00aeef;
	font-weight:700;
	float:right;
	font-size:18px;
	border:1px solid #00aeef;
	transition:0.3s;
}
#gform_submit_button_1:hover {
	color:#00aeef;
	background-color:#fff;
}
.section-map {
	width:100%;
	height:600px;
}

/*PAGE  CAREER*/
.wrapper-career {
	padding:105px 0 30px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.list-career {
	background-color:#ebebeb;
	margin-bottom:30px;
	padding:20px 15px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	border-radius: 5px;
}
.list-career h3 {
	margin:0;
	font-size:24px;
	font-weight:bold;
	color:#00aeef;
}
.list-career p {
	font-size:18px;
}
.section-deatail-career {
	background-color:#ebebeb;
	margin-bottom:30px;
	padding:20px 15px;
	font-size:18px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	border-radius: 5px;
}

.section-deatail-career h1, .section-deatail-career h2, .section-deatail-career h3, .section-deatail-career h4 {
	margin:0;
	font-size:24px;
	font-weight:bold;
	color:#00aeef;
	margin-bottom:15px;
}
.benefits ul {
	margin-left:0;
	padding-left:20px;
}
.apply-job {
	width:200px;
	height:60px;
	color:#fff;
	background-color:#00aeef;
	font-size:24px;
	font-weight:bold;
    margin: auto;
    padding: 12px 20px;
    border-radius: 30px;
}
.box-apply-job a {
    display: inline-block;
}
.box-apply-job a:hover, .box-apply-job a:focus, .box-apply-job a:visited {
	text-decoration:none;
}
.box-apply-job {
	text-align: center;
}


/*G FORM*/
.gfield_description.validation_message, .instruction.validation_message {
	display:none;
}
.validation_error {
    margin: 5px auto 10px;
    text-align: center;
    color: red;
}
.contact-gform, .contact-gform a.gotohome {
	font-size:18px;
	color:#0e253a;
}
.contact-gform a.gotohome:hover {
	color:#00aeef;
}
.contact-gform input::placeholder, .contact-gform textarea::placeholder {
	font-style:italic;
	color:#898989;
}
.gform_footer img {
	display:none;
}

/*****PAGE 404****/
.error-404 {
	background-image:url(../images/bg404.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.page-content404 {
	text-align:center;
	position:relative;
	padding-top:260px;
	padding-bottom:300px;
	color:#fff;
}
.page-content404 img {
	width:200px;
	height:auto;
}
.page-content404 h1 {
	font-size:48px;
    font-size: 48px;
    line-height: 1;
	margin: 0;
    margin-bottom: 20px;
}
.page-content404 h1.e4 {
	color:#00bff3;
	margin: 0;
    margin-top: 20px;
}
.page-content404 p {
	font-size:30px;
    margin: 0;
}
.page-content404 a {
	color:#00bff3;
}
/*********    search      ********/
.page-header {
	margin:0;
	padding-top:100px;
    border: none;
	margin-bottom:40px;
}
.bg-search {
	background-color:#4f4f4f;
	color:#fff;
}
.page-title {
	font-size:28px;
	position:relative;
}
.page-title span {
	color:#00aeef;
	font-weight:bold;
}
.page-title:before {
    content: '';
    width: 90%;
    height: 0;
    display: block;
    position: absolute;
    left: 5%;
    bottom: -20px;
    border: 1px solid #fff;
}
.entry-header h2 a {
	color:#00aeef;
	text-decoration:none;
}
.entry-header h2 a:hover {
	color: rgba(0, 174, 239, 0.7);
	text-decoration:none;
}
.entry-title {
	padding-left:30px;
	position:relative;
}
.entry-title:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/right-arrow.png);
    left: 0px;
    top: 7px;
}




.mapp {
	position: relative;
	height:650px;
}
.mapp img {
	width:100%;
}
.mapp-it{
	position: absolute;
	width: 30px;
}
.mapp-it .mapp-it-flag{
	border-radius: 30px;
	box-shadow: 1px 3px 15px 0px;
	cursor: pointer;
}

.mapp-pop-c{
	
}

.mapp-it-flag-1{
	left: 288px;
	top: 405px;
}
.mapp-it-flag-2{
	left: 320px;
	top: 350px;
}
.mapp-it-flag-3{
	left: 190px;
	top: 240px;
}
.mapp-it-flag-4{
	left: 195px;
	top: 180px;
}
.mapp-it-flag-5{
	left: 455px;
	top: 158px;
}
.mapp-it-flag-6{
	left: 435px;
	top: 185px;
}
.mapp-it-flag-7{
	left: 475px;
	top: 130px;
}
.mapp-it-flag-8{
	left: 535px;
	top: 180px;
}
.mapp-it-flag-9{
	left: 507px;
	top: 135px;
}
.mapp-it-flag-10{
	left: 715px;
	top: 195px;
}
.mapp-it-flag-11{
	left: 650px;
	top: 230px;
}
.mapp-it-flag-12{
	left: 705px;
	top: 300px;
}
.mapp-it-flag-13{
	left: 750px;
	top: 320px;
}
.mapp-it-flag-14{
	left: 705px;
	top: 250px;
}
.mapp-it-flag-15{
	left: 765px;
	top: 275px;
}
.mapp-it-flag-16{
	left: 810px;
	top: 185px;
}
.mapp-it-flag-17{
	left: 500px;
	top: 172px;
}

@media only screen and (min-width: 1200px) {
	.mapp-it-flag-1{
		left: 344px;
		top: 488px;
	}
	.mapp-it-flag-2{
		left: 390px;
		top: 420px;
	}
	.mapp-it-flag-3{
		left: 230px;
		top: 285px;
	}
	.mapp-it-flag-4{
		left: 235px;
		top: 215px;
	}
	.mapp-it-flag-5{
		left: 545px;
		top: 185px;
	}
	.mapp-it-flag-6{
		left: 525px;
		top: 215px;
	}
	.mapp-it-flag-7{
		left: 572px;
		top: 160px;
	}
	.mapp-it-flag-8{
		left: 645px;
		top: 220px;
	}
	.mapp-it-flag-9{
		left: 607px;
		top: 163px;
	}
	.mapp-it-flag-10{
		left: 860px;
		top: 245px;
	}
	.mapp-it-flag-11{
		left: 780px;
		top: 280px;
	}
	.mapp-it-flag-12{
		left: 850px;
		top: 360px;
	}
	.mapp-it-flag-13{
		left: 905px;
		top: 385px;
	}
	.mapp-it-flag-14{
		left: 847px;
		top: 307px;
	}
	.mapp-it-flag-15{
		left: 915px;
		top: 325px;
	}
	.mapp-it-flag-16{
		left: 970px;
		top: 225px;
	}
	.mapp-it-flag-17{
		left: 595px;
		top: 195px;
	}
}
.content-pg-search {
	padding-bottom:20px;
}



@media only screen and (min-width: 600px) {

}
@media only screen and (min-width: 992px) {

}
@media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 1200px) {

}