/* mbhuju@gmail.com */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');

@import url('https://fonts.googleapis.com/css2?family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


body{margin:0px; font-family:'Montserrat', sans-serif; font-size:18px; color:#0a0501; font-weight:400; line-height:30px; background:#fff;  }

a:link, a:active, a:visited{ color:#90aa10; font-weight:700; text-decoration:underline; }
a:hover{color:#111820; text-decoration:underline;}

a.footermenu:link, a.footermenu:active, a.footermenu:visited { font-size:12px; color:#020910; font-weight:600; line-height:30px;  text-decoration:none; }
a.footermenu:hover{color: #000;}

a.more:link, a.more:active, a.more:visited { font-size:18px; color:#fff; font-weight:500; line-height:30px;  text-decoration:none; }
a.more:hover{color: #bbd6f1;}


a.btnlink:link, a.btnlink:active, a.btnlink:visited { color:#ffffff; background:#0c2c4c; border-radius:35px; width:75%; padding:18px 35px;  font-weight:700; font-size:20px; margin-bottom:20px;  text-decoration:none; display: inline-block; line-height:30px;  -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */   transition: background 2s; /* For modern browsers */}
a.btnlink:hover {background:#041c34; text-decoration:none; color:#fff;}

a.btnlink2:link, a.btnlink2:active, a.btnlink2:visited { font-family: "Krub", sans-serif; color:#ffffff; background:#0c2c4c; border-radius:35px; width:170px; padding:10px 20px;  font-weight:600; font-size:18px; margin-bottom:20px;  text-decoration:none; display: inline-block; line-height:30px;  -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */   transition: background 2s; /* For modern browsers */}
a.btnlink2:hover {background:#041c34; text-decoration:none; color:#fff;}


hr {
   border-top: 1px solid #3e7993;
   margin:20px 0;
}

/*********
HEADER
******/
#header_top{width:100%; background:#fff; }
#header_inn{width:1330px; margin:0 auto; }
#logo{width:20%; float:left;  text-align:center;}
#menu{float:left; width:37%; margin-left:5%;   padding-top:75px;}
#visit{float:left; width:20%; text-align: center; padding-top:55px;}
#call{float:right; width:18%;  margin-top:65px; font-size:26px; color:#0c2c4c;font-family: "Krub", sans-serif; font-weight:700; }

/*******
BANNER
*********/
.bg-image {
    position: relative;
}
.bg-image img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
#banner_img{position: relative; background:url(../images/banner.jpg) center center; background-size:cover;}
#banner_inn{width:1350px; margin:0 auto; padding:15px 0 45px 0;}


#blue_bg{width:100%; background:#0c2c4c;}
#blue_inn{width:1280px; margin:0 auto; font-family: "Krub", sans-serif; color:#fff; font-size:16px; font-weight:600; padding:15px 0; text-align:center;}

/****************/
#white_bg{width:100%; background:#fff;}
#white_inn{width:1180px; margin:0 auto; padding:65px 0;}
.white_inn{width:1180px; margin:0 auto; padding:45px 0 25px 0;}
#left_content{float:left; width:40%;}
#right_content{float:right; width:45%; font-family: "Krub", sans-serif; font-size:18px;}

#bg1{width:100%; background:#f5f0e7;}
#bg_inn{width:1260px; margin:0 auto;}
#left{width:50%; float:left; padding:60px 0;}
#right{float:right; width:45%; padding:60px 0 40px 0;}

#orange_bg{width:100%; background:#f19a78;}
#orange_inn{width:1160px; margin:0 auto; padding-bottom:45px;}

#full{width:50%; float:left; padding:220px 0 45px 0;}
#process{width:45%; float:right; padding:60px 0;}
.box1{float:left; width:28%; margin-right:5%; color:#0f2c4c; font-family: "Krub", sans-serif;}
.box2{float:left; width:28%; color:#0f2c4c; font-family: "Krub", sans-serif;}


#content{padding:60px 8%; background:#f5f0e7; width:84%;}


.col-container {
  display: table;
  width: 100%;
}
.col {
  display:  table-cell;
  padding:6% 5% 2% 12%;
  background:#d9f064;
	width: 57%;
	color:#0c2c4c;
	font-weight:600;
}

.col2 {
  display: table-cell;
  padding:3% 5% 2% 5%;
	width: 48%;
	background:#0c2c4c;
	font-size:16px;
	color:#a9b8c6;
	line-height:24px;
}


#contact_left{width:45%; float:left; text-align:center; padding-top:100px;}
#contact_right{width:40%; float:right; text-align:center; margin-right:5%;}

/*******
FOOTER
*********/
#footer_bottom{width:96%; background:#fff; padding:1% 2%; text-align:center; }

	
.years{font-family: "Krub", sans-serif; font-size:18px;  font-weight:600; color:#d4f167; border:2px solid #d4f167; padding:8px 20px; border-radius:5px; }
/*******
STYLE
*********/
h1{font-family: "Krub", sans-serif; font-size:45px; line-height:40px; color:#0c2c4c;  font-weight:700; margin-top:0; text-transform:uppercase; }

.style1{font-family: "Krub", sans-serif; font-size:24px; font-weight:700; color:#99b607; line-height:30px;}

.style2{font-family: "Krub", sans-serif; font-size:18px; font-weight:400; color:#22546a; line-height:30px;}
.style4{ font-size:18px; font-weight:700; color:#0c2c4c; line-height:30px;}
.style5{ font-size:16px; font-weight:600; color:#1b3a59; line-height:30px;}
.style6{ font-size:16px; font-weight:600; color:#0c2c4c; line-height:30px;}
.style7{ font-size:16px; font-weight:400; color:#d9f064; line-height:30px;}

.style8{ font-size:18px; font-weight:600; color:#fcfefd; line-height:30px; text-transform:uppercase;}

.title_22{ font-size:22px; font-weight:600; color:#536b80; line-height:35px;}
.title_16{ font-size:16px; font-weight:600; color:#3e7993; line-height:30px;}
.title_18{font-family: "Krub", sans-serif; font-size:18px; font-weight:500; color:#22546a; line-height:30px;}

.title_32{ font-family:"Times New Roman", Times, serif; font-size:32px; font-weight:700; color:#0c2c4c; line-height:35px;}

.title_48{ font-family:"Times New Roman", Times, serif; font-size:48px; font-weight:700; color:#fff; line-height:50px;}

.title_60{ font-family:"Times New Roman", Times, serif; font-size:60px; font-weight:700; color:#0c2c4c; line-height:60px;}

.title1{ font-family:"Times New Roman", Times, serif; font-size:60px; font-weight:700; color:#1b3a59; line-height:60px;}

.title2{ font-family:"Times New Roman", Times, serif; font-size:36px; font-weight:700; color:#0f2c4c; line-height:40px;}

.title3{ font-family:"Times New Roman", Times, serif; font-size:85px; font-weight:700; color:#fdfdfd; line-height:80px;}

.title4{ font-family:"Times New Roman", Times, serif; font-size:85px; font-weight:700; color:#d4ee67; line-height:90px;}

.title5{font-family: "Krub", sans-serif; font-size:22px; font-weight:600; color:#f2f4f6; line-height:40px;}

.line{height:1.5px; background:#f2f4f6; width:250px;}

/*******
FORM
*********/
#contactform{width:95%;  font-family:'Montserrat', sans-serif; font-size:16px; line-height:26px;}
input, textarea, select {padding:8px 10px; font-family:'Montserrat', sans-serif; border:1px solid #b6b6b6; font-size:16px; background:#FFF;}
textarea{height:130px;}

.btn{ height:40px; font-weight:bold; font-family:'Montserrat', sans-serif; text-align:center; color:#fff; background:#163050; border:1px solid #163050; font-size:15px; margin-top:10px; padding:5px 20px; text-transform:uppercase; cursor:pointer;}
.email_error{ padding:2%; width:96%; border:1px solid red; color:red; margin:0 auto; text-align:center;}
.inputsize{ width:90%; margin-bottom:8px;}
.inputsizesmall{ width:100px; margin-bottom:8px;}
.inputsizesm{ width:40px; margin-bottom:8px;}

select{margin-bottom:8px;}


/*******
SPECIFIC PAGES
*********/

.menu_table a:link, .menu_table a:active, .menu_table a:visited{ color:#dc7d14; font-weight:700; text-decoration:none; }
.menu_table .style1{font-family: "Khand", sans-serif; font-size:30px; font-weight:700; color:#dc7d14; line-height:30px;}

/*******
MISC
*********/
.img{border:1px solid #cecac8; padding:5px; }
.imgright{ max-width:95%; float:right; margin-left:30px; -webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomright: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px; }
.imgleft{ max-width:95%; float:left; margin-right:10px; padding-bottom:40px; padding-top:3px;  }

.imgleft1{ max-width:95%; float:left; margin-right:10px; padding-bottom:100px; padding-top:3px;  }


.clear{clear:both;}
img{max-width:100%;}
a[href^=tel] { color:inherit; text-decoration:none; }

.tbar{ border-bottom:#0c2c4c 2px solid; padding:20px 10px 20px 0;}

.back-to-top { position: fixed; bottom: 2em; right: 40px; display: none;}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



:focus {outline:0 !important;}

iframe, object, embed {
    max-width: 100%;
}