@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700&display=swap');
/*

light 300
regular 400
medium 500
semi-bold 600
bold 700

font-family: 'Playfair Display', serif;

font-family: 'Sarabun', sans-serif;

*/

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none !important;
	transition-duration: 0.8s;
	transition-property: all;
}
ul, li {
	list-style: none;
}
img {
	max-width: 100%;
	outline: none;
}
body {
	font-family: 'Playfair Display', serif;
	    overflow-x: hidden;
}
a.navbar-brand {
	display: none;
}
.header-back {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 999;
	border-bottom: 8px solid #1175BD;
	padding-top: 10px;
	padding-bottom: 10px;
}
.header-back .container {
	max-width: 1270px;
}
.headernav {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 25px;
	text-align: right;
}
.headernav li {
	flex: auto;
}
.headernav li a {
	font-size: 19px;
	color: #666666;
	font-weight: 400;
	text-transform: uppercase;
	transition-duration: 0.8s;
	transition-property: all;
	font-family: 'Sarabun', sans-serif;
	letter-spacing: 1px;
}
.headernav li a:hover {
	color: #1274BD;
	transition-duration: 0.8s;
	transition-property: all;
}
a.contbtn1 {
	border: 2px solid #1274BD;
	padding: 2px 20px 5px 20px;
}


a.contbtn1:hover { background:#1274BD; color:#fff !important; }

.bannersection {
	width: 100%;
	float: left;
	margin: 0;
	padding: 170px 0px;
	min-height: 1000px;
	position: relative;
	z-index: 999;
	background: url(../images/banner1.jpg);
}

.innerbannersection {
	width: 100%;
	float: left;
	margin: 0;
	padding: 170px 0px;
	min-height: 750px;
	position: relative;
	z-index: 999;
	background: url(../images/banner1.jpg);
}

.innerbannersection.servicebanner { background: url(../images/banner2.jpg);  }
.innerbannersection.contactbanner { background: url(../images/banner3.jpg);  }



.bannersection h1 {
	font-size: 54px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 35px 0px 15px 0px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
}
.bannersection h2 {
	font-size: 18px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 15px 0px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #1274BD;
	font-family: 'Sarabun', sans-serif;
	padding-bottom: 70px;
}


.innerbannersection h2 {
	font-size: 30px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 10px 0px 25px 0px;
	font-weight: 500;
	
	color: #fff; line-height:55px;
}
.innerbannersection h1 {
	font-size: 18px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 15px 0px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #1274BD;
	font-family: 'Sarabun', sans-serif;
	
}

.arrow1 {
	margin-top: 20px;
}
.lefttextsection {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ececec;
}
.righttextsection {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ececec;
}
.righttextsection .col-sm-6, .lefttextsection .col-sm-6 {
	padding: 0;
}
.br-1 {
	border-right: 10px solid #1175BD;
}
.bl-1 {
	border-left: 10px solid #1175BD;
}
.footer-up {
	width: 100%;
	float: left;
	margin: 0;
	padding: 120px 0px 100px 0px;
	position: relative;
	z-index: 999;
	background: url(../images/bg-01.jpg);
	color: #fff;
}
.ftext1 {
	color: #fff;
	font-family: 'Sarabun', sans-serif;
	font-size: 18px;
	letter-spacing: 4px;
	font-weight: 200;
}
.footer-up h4 {
	font-size: 38px;
	float: left;
	margin: 0;
	padding: 10px 0px 20px 0px;
	width: 100%;
	text-align: center;
}
.footer-up p {
	font-family: 'Sarabun', sans-serif;
	font-size: 18px;
	font-weight: 200;
	padding-bottom: 20px;
}
.footer-up a {
	color: #1175BD;
	background: #fff;
	text-transform: uppercase;
	font-family: 'Sarabun', sans-serif;
	font-size: 18px;
	padding: 6px 35px 8px;
	border: 2px solid #fff;
}

.footer-up a:hover { background: #1175BD; color:#fff; }


.innerpanel {
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 12%;
}
.innerpanel h2 {
	font-size: 18px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 15px 0px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #1274BD;
	font-family: 'Sarabun', sans-serif;
}
.innerpanel h3 {
	font-size: 38px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px 0px 25px 0px;
	font-weight: 500;
	color: #363636;
}
.innerpanel p {
	font-size: 18px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0px;
	font-weight: 200;
	color: #666666;
	font-family: 'Sarabun', sans-serif;
	margin-bottom: 30px;
	line-height: 31px;
}

.footer { float:left; width:100%; margin:0; padding:70px 0px 60px 0px; border-top:10px solid #C2C2C2; font-family: 'Sarabun', sans-serif; color:#C2C2C2; }
.sociallist  {  float:left; width:100%; margin:0; padding:0; padding-top:25px; }
.sociallist li {  display:inline-block; margin-right:13px; }

.footer p  {  font-family: 'Sarabun', sans-serif; color:#666666; font-weight:300; font-size:15px; line-height:25px; }

.footernav { display:block !important; padding-top:35px; }

.footernav li {
    float: left;
    margin-right: 45px;
}
.footernav li a {
    float: left;
    margin-right: 45px;  color:#666666;  font-weight:300; text-transform:uppercase;
}

.footernav li a:hover { color:#1274BD; }

.footer hr {
    margin: 35px 0px;
}

.contnetsection { float:left; width:100%; margin:0; padding:100px 0px; background:#fff; }

.contnetsection h3 { 
    font-size: 38px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0px 0px 25px 0px;
    font-weight: 500;
    color: #363636; }
	
	.contnetsection p {
    font-size: 18px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0px;
    font-weight: 200;
    color: #666666;
    font-family: 'Sarabun', sans-serif;
   
    line-height: 31px;
}

.lefttextsection ul { float:left; width:100%; margin:0; padding:0; text-align:center; margin-bottom:20px; }
.lefttextsection ul li { float:left; width:100%; margin:0; padding:0;
  font-family: 'Sarabun', sans-serif; color: #666666; margin:5px 0px; list-style: inside disc; }

.contnetsection h4 {
    font-size: 18px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 15px 0px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #1274BD;
    font-family: 'Sarabun', sans-serif;
}

.innerbox p { margin-bottom:20px; }

.innerbox hr {
    float: left;
    width: 100%;
    margin: 25px 0px 35px;
}


.innerbox { float:left; width:100%; margin:0; padding:25px 25px 0px 25px;  }

.innerbox2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 45px 30px;
    border: 7px solid #F3F3F3;
    margin-top: 40px;
    min-height: 345px;
}

.innerbox2 ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
}


.innerbox2 ul li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Sarabun', sans-serif;
    color: #666666;
    margin: 5px 0px;
    list-style: inside disc;
}

.innerbox2 strong { font-size:20px; color:#000;   font-family: 'Sarabun', sans-serif;  float: left;
    width: 100%; margin-bottom:20px; font-weight:500; }
	
	.field {  float: left;
    width: 100%;
    margin: 0;
    padding: 0; margin:10px 0px;  }
	
.field input {
    float: left;
    width: 100%;
    margin: 0;
   font-size:18px;
    border: 1px solid #C2C2C2;
    padding: 13px; outline:none;   font-family: 'Sarabun', sans-serif; transition-duration: 0.8s;
	transition-property: all;
}

.field input[type="submit"] {
    float: left;
    width: 100%;
    margin: 0;
   font-size:22px;
   font-weight:200;
    border: 2px solid #1274BD; letter-spacing:2px;
    padding: 11px; outline:none;
	background:#1274BD; color:#fff; text-transform:uppercase;   font-family: 'Sarabun', sans-serif; transition-duration: 0.8s;
	transition-property: all;
}

.field input[type="submit"]:hover {
    
	color:#1274BD; background:#fff; transition-duration: 0.8s;
	transition-property: all;
}

.testimonial { float:left; width:100%; margin:0; padding:170px 0px; background:#fff; }


.testimonailbox {
    float: left;
    width: 100%;
    background: url(../images/bg-02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    min-height: 692px;
}

.tpad {
    padding: 160px 0px 0px 110px;
}

.testimonailbox p { 
    font-size: 30px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0px;
    font-weight: 400;
    color: #666666;
    font-family: 'Sarabun', sans-serif;
   
 }
 
 .testimonailbox strong  {
    font-size: 18px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 15px 0px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #1274BD;
    font-family: 'Sarabun', sans-serif;
   
 }
 
 
 .col-sm-6.menbox {
    position: relative;
}

.carousel-inner { overflow:inherit; }
 .menbox img {
    position: absolute;
    right: 41px;
    top: 20px;
    height: 593px;
}


.carousel-indicators { bottom:-260px; }

.carousel-indicators li { width:22px; background:#1174BD; }


@media(max-width:1200px) {
}

@media(max-width:1024px) {
}

@media(max-width:900px) {
}

@media(max-width:769px) {
	
	.header-back {
    text-align: center;
}

nav.navbar.navbar-expand-md.navbar-dark {
    background: #1274BD; margin-top:10px;
}

a.navbar-brand {
    display: block;
    background:#1274BD;
}

.headernav li a {
    color: #fff;
    margin-bottom: 9px;
    float: left;
    width: 100%;
}

.headernav li { text-align:center; }

.bannersection {
   
    padding: 50px 0px;
    min-height: auto;
    
}

.innerbannersection {  
    padding: 50px 0px;
    min-height: auto;  }

.bannersection h1 { font-size:40px; }

.innerpanel h3 { font-size:30px; }

.footer-up {
   
    padding: 40px 0px 70px 0px;
   
}

.footer-up h4 { font-size:28px; }

.footer { text-align:center; padding:35px 0px 20px 0px; }

.footernav li {
    float: left;
    margin-right: 0;
    text-align: center;
    width: 50%; margin-bottom:5px;
}
.footernav li a {
    float: none;
    margin-right: 0;
}

.sociallist {
  
    padding-top: 0;
    padding-bottom: 25px;
}

.contnetsection { padding:50px 0px; }

.innerpanel { padding:8%; }

.col-sm-6.menbox, .tpad {
    padding: 25px;
    text-align: center;
}

.menbox img {
    position: relative;
    right: 0;
    top: 0;
    height: auto;
}

.testimonial { padding:50px 0px; }

.testimonailbox {
    float: left;
    width: 100%;
    background: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    min-height: auto;
    border: 5px solid #1174BD;
}

.carousel-indicators {
    bottom: -55px;
}
	
}

@media(max-width:640px) {
}

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

@media(max-width:360px) {
}