/*Fonts Used*/
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');

@font-face {
    font-family: 'Leelawadee UI';
    src: url('LeelawadeeUI.eot');
    src: local('Leelawadee UI'), local('LeelawadeeUI'),
        url('LeelawadeeUI.eot?#iefix') format('embedded-opentype'),
        url('LeelawadeeUI.woff') format('woff'),
        url('LeelawadeeUI.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Leelawadee UI';
    src: url('LeelawadeeUI-Bold.eot');
    src: local('Leelawadee UI Bold'), local('LeelawadeeUI-Bold'),
        url('LeelawadeeUI-Bold.eot?#iefix') format('embedded-opentype'),
        url('LeelawadeeUI-Bold.woff') format('woff'),
        url('LeelawadeeUI-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Leelawadee UI Semilight';
    src: url('LeelawadeeUI-Semilight.eot');
    src: local('Leelawadee UI Semilight'), local('LeelawadeeUI-Semilight'),
        url('LeelawadeeUI-Semilight.eot?#iefix') format('embedded-opentype'),
        url('LeelawadeeUI-Semilight.woff') format('woff'),
        url('LeelawadeeUI-Semilight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


*, *:before, *:after  { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}

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, table, caption, tbody, tfoot, thead, tr, th, td, 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;vertical-align: baseline;-webkit-text-size-adjust: 100%;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;overflow: scroll;}
/* end reset */

/*preset*/
body{font-size: 16px; line-height:17px;  font-family: 'Leelawadee UI'; color:#01569e;}
a{ text-decoration:none; }
img{max-width: 100%; vertical-align: top; image-rendering:-webkit-optimize-contrast;}
textarea { resize:none; }
iframe{ border: none; width: 100%;}
ul, h1, h2, h3, h4{ margin:0; padding:0; list-style:none; }
strong , b{ font-weight: bold;}
em, i{font-style: italic;}
button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer;}
a[href^="tel:"]{color: inherit!important; text-decoration: none;}

.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}
.comingsoon{color:red; font-style:italic; font-weight:bold; }
.col2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col2 li, .col3 li{overflow: hidden; display: inline-block; vertical-align:top; width: 100%;}
.back_top{display: none; z-index: -1;}

:-webkit-input-placeholder {opacity: 1; color: inherit;}
:-moz-placeholder {opacity: 1; color: inherit;}
:-ms-input-placeholder {opacity: 1; color: inherit;}
:-moz-placeholder {opacity: 1; color: inherit;}

/*Thumbnail Images*/
.thumb_left_dd, .thumb_left_dr{  float:left; margin:4px 19px 0 0; height: auto;}
.thumb_right_dd, .thumb_right_dr{ float:right; margin:4px 0 0 19px; height: auto;}
.thumb_center_dd, .thumb_center_dr{ display: block; margin: 10px auto; height: auto;}

/* Text Alignment */
.text_left, .text_left p{text-align: left;}
.text_right, .text_right p{text-align: right;}
.text_center,.text_center p{text-align: center; display: block;}
.center{text-align: center;}
/*end preset*/

.wrapper{ width:100%; max-width:1080px; margin:0 auto; position:relative;}

/*header*/

#bantofoot {box-shadow: 0 0 9px 0 #c2c2c2; width: 100%; max-width: 1080px; margin: 0 auto 44px;}

header{}
	.header_con {min-height:220px;}
	.logo{float: left;margin-top: 25px;}
		.logo img{width:100%; max-width:350px;}
	.header_info{float: right; text-align: right;margin-top: 33px;}
		.header_info h2 {font:400 37px 'Bree Serif', serif; color:#0060b2;margin-bottom: 16px; }
		.header_info h2 span{ font:200 32px/32px 'Leelawadee UI'; display:block;}
		.header_info h3 {font:400 24px/30px 'Bree Serif', serif; color:#0060b2;}
		.header_info h3 span{font-size:26px; display:block;}
	
	
/*end header*/

/*nav*/
nav {position: relative; z-index: 25; border-bottom:20px solid #e8a831;}
.nav_con {background:#eeeeee; height: 50px; }
nav ul{margin-left: 20px; padding-top: 1px;}
nav ul li{display:inline-block; position:relative; margin: 0 -2px;}
nav ul li:first-child{margin-left:0;}
nav ul li:last-child{margin-right:0;}
nav ul li a{display:block; font-size: 16px; color:#333333; line-height: 48px; padding:0 12px;}
nav ul li:first-child a{ background:url(images/icon_home.png) no-repeat left 10px top 12px;  padding: 0 10px 0 35px;}
nav ul li:nth-child(5) a{ background:url(images/arrowdown.png) no-repeat right 10px top 22px;  padding: 0 24px 0 10px;}
nav ul li:first-child.current_page_item a, nav ul li:first-child.current_page_item a{ background:url(images/icon_home.png) no-repeat left 10px top 12px #e2e2e2; }
nav ul li a:hover, nav ul li a:active, nav ul li.current_page_item > a, nav ul li a:hover small, nav ul li.current_page_item a small{ background-color:#e2e2e2;}

/*Sub Menu*/

nav ul li:hover > ul { display: block; visibility: visible; }
nav ul ul { display:none; margin:0; padding:0; position:absolute; top:100%; left:0; z-index:999; }
nav ul ul ul { left:100%; top: 0; }
nav ul ul li{display: block; width: 100%; margin: 0;}
nav ul ul li a { background: #e6e6e6!important; width: 306px; margin: auto; height: auto; display: block; padding: 0!important; text-indent: 15px; border-bottom: 1px solid #bfbfbf; line-height: 40px;text-align: left;}
nav ul ul li a:hover, nav ul ul li.current_page_item > a{color:#0060b2;}
nav ul ul li:first-child a {background:none;}
nav ul ul li:last-child a {border-bottom:none;}

/* Drop down icon */
nav span{ position:absolute; right:0; top:0; display:none; padding:0; cursor:pointer; z-index:9; color: #000;}
.fa:before{position: absolute;}

/* Navigation bar icon */
.nav_toggle_button{width:100%; display:none; color:#333333; background:#eeeeee; margin:0 auto; padding:10px 15px; text-align:left; font-weight: bold; position: relative;}
.nav_toggle_button i{cursor: pointer;}
.fa{display:block; float: right; margin-top: -7px;}


.header-buttons {width: 100%;max-width: 245px;position: absolute;left: 335px;right: 0;bottom: 15px;}
.header-buttons a {display: block;text-align: center;background: #e0a32f;font-size: 13px;font-weight: 200;color: #fff;line-height: 31px;border-radius: 6px;text-transform: uppercase;text-decoration: none;padding: 0 10px;margin: 5px auto;}
.header-buttons a:hover {background: /* url(images/icon_arrowcirc.png) no-repeat right 23px top 50% */ #0060b2;text-decoration: none;color: #fff;}


/*end nav*/

/*banner*/
#banner{}
	.slider{width: 719px; display: inline-block; vertical-align: top;}
		.rslides{}
		.mobi_ban{display: none;}

	.bnr_info{display: inline-block; vertical-align: top;background:url(images/bnr_bg_sun.png) no-repeat right bottom #0060b2;  width: 361px; padding: 47px 54px 70px; z-index: 22;float:right; color:#fff; min-height:356px;}
	/* .bnr_info h2 {font:400 32px/37px 'Bree Serif', serif;margin-bottom: 17px;} */
	.bnr_info h2 {margin-bottom: 17px;font-family: 'Duru Sans', sans-serif;font-size: 27px;font-weight: 600;line-height: 35px;}
	/* .bnr_info p {font:400 18px/34px 'Bree Serif', serif;padding-right: 44px;} */
	.bnr_info p {font: 400 18px/34px 'Bree Serif', serif;padding-right: 5px;font-family: 'Duru Sans', sans-serif;font-size: 18px;line-height: 30px;font-weight: 600;}
	
	.introtext {position: absolute; color: #fff; right: 0; top: -225px; width: 360px; padding: 0 28px; z-index: 30;}
	
	
/*end banner*/

/*main*/
#main_area{}
	.main_con {padding: 37px 21px 0 38px;}
	main{ width: 616px; line-height: 28px; max-width: 100%; display:inline-block; vertical-align:top;margin: 5px 0 0;}
		main h1{display:none;font: 400 32px/37px 'Bree Serif', serif; color:#0060b2;; margin-bottom:15px;}
		main h1 span{font-size:25px; color:#0060b2; display: block;}
		
		/*Heading for SEO*/
		.h2_hdng{font-size: 22px; font-weight: 700; color: #000;}
		.h3_hdng{font-size: 20px; font-weight: 700; color: #555;}
		
		main p{text-align: justify; margin-bottom:20px;line-height: 27px;}
		main ol{}
		main .bullet {padding:0 0 0 15px; margin-bottom: 26px;}
		main .bullet li{padding:0px 0 0 49px; position: relative;margin-bottom: 9px;}
		main .bullet li:before{position: absolute; content: ""; top: -2px; left: 12px;background:url(images/icon_bullet.png) no-repeat center top; height:24px; width:20px;}
		main a{font-weight: bold; color: #0060b2; text-decoration:underline;}
		main a:hover{text-decoration: none; color:#e0a32f;}
		.comp{color:#0060b2; font-weight:bold; }
		
		.con_bold {font:400 16px 'Bree Serif', serif;}
		.main_btn {background:url(images/icon_arrowcirc.png) no-repeat right 23px top 50% #e0a32f;       font-size: 16px;font-weight: 200;color: #fff;display: inline-block;padding-left: 26px;width: 165px;line-height: 38px;border-radius: 6px;text-transform: uppercase; text-decoration:none;}
		.main_btn:hover {background:url(images/icon_arrowcirc.png) no-repeat right 23px top 50% #0060b2; text-decoration:none; color:#fff;}
		
		/* Content Style */
		.bigletter {font-size:25px; font-weight:bold;}
		.contitle1 {font-weight: bold; font-size:20px; font-style: italic;color: #0060b2; position:relative; padding: 5px 0; display: block;}
		.contitle2 {font-weight: bold; font-size: 22px; color: #fff;position: relative;padding: 5px 30px;background: #0060b2;display: inline-block;text-align: center;border-radius: 10px 0 10px;}
		.contitle4{position:relative; padding:10px; background: #ececec; display: block; text-align:center; margin-bottom:20px;}
		
		.main-table {max-width: 616px;width: 100%;margin: 20px auto;}
		.table.table-bordered tr td {padding: 5px 10px;border: 1px solid;vertical-align: top;vertical-align: middle;}
		
/*end main*/

/*sidebar*/
.sidebar{float: right; width: 342px; display:inline-block; vertical-align:top;}
	.side_box1 {width:100%; border:3px solid #e8a831; min-height:204px; position:relative;padding: 14px 139px 17px 23px;margin-bottom: 46px;}
	.side_box1 h2 {font-size: 26px; color:#333333;line-height: 29px;margin-bottom: 12px;}
	.side_box1 h2 span {display:block;}
	.side_box1 p { color:#333333; font-weight:200;line-height: 19px;margin-bottom: 20px;}
	.sidebr1_btn {background:url(images/icon_arrowcirc.png) no-repeat right 27px top 50% #e0a32f; font-size:16px; font-weight:200; color:#fff; display:inline-block; padding-left:26px; width:158px; line-height:38px;border-radius: 6px;text-transform: uppercase; z-index: 20;position: relative;}
	.sidebr1_btn:hover {background:url(images/icon_arrowcirc.png) no-repeat right 27px top 50% #0060b2; text-decoration:none;}
	.side_box1 img {position:absolute; bottom:0; right:0; z-index: 10;}
	
	#modal1Desc{height:600px;}
	
	.side_box3 {width:100%; background:url(images/sidebar3_bg.png) no-repeat center top; padding: 68px 65px 0 48px;min-height: 436px;margin: 41px 0px 0 8px;}
	.side_box3_con {transform: rotate(-4deg); width: 100%;font-weight: 200;line-height: 18px;font-size: 13px; position:relative;}
	.side_box3_con p{margin-bottom: 16px;}
	.side_box3_con:after {content:url(images/sig_angela.jpg);position:absolute; bottom: -30px; left:0;}
/*end sidebar*/

/*bottom*/
#bottom1{}
	.btm1_con {padding: 7px 30px 21px;}
 	
/*end bottom*/

/*footer*/
footer{}
	.footer_top{}
	.footer_top_con {text-align:center;padding: 15px 0 0;}


	.footer_btm{margin: 30px 0 0;padding-bottom: 28px;}
	.footer_btm_con{text-align:center; }
		.footer_nav{margin-bottom: 10px;}
		.footer_nav ul{ margin: auto 0; padding: 0; text-align: center; list-style: none; }
		.footer_nav ul li{display: inline-block; vertical-align: top;position:relative;}
		.footer_nav ul li:after{top: 9px; right: -3px; content: ""; width: 4px; background: #0060b2; height: 2px; position: absolute;}
		.footer_nav ul li:last-child:after{background:none;}
		.footer_nav ul li a{ display: block; padding: 0 5px; font-size:15px; font-weight:bold; color: #0060b2;}
		.footer_nav ul li a:hover, .footer_nav ul li a:active, .footer_nav ul li.current_page_item a{color:#e0a32f; text-decoration:underline;}
		
		
		.ftr_services_nav ul{ margin: auto 0; padding: 0; text-align: center; list-style: none; }
		.ftr_services_nav ul li{display: inline-block; vertical-align: top;position:relative;font-size: 14px;padding: 0 5px;}
		.ftr_services_nav ul li:after{top: 2px; right: -3px; content: ""; width: 1px; background: #0060b2; height: 15px; position: absolute;}
		.ftr_services_nav ul li:last-child:after{background:none;}
		.ftr_services_nav ul li a{ display: block; padding: 0 1px; font-size:15px; font-weight:200; color: #0060b2;}
		.ftr_services_nav ul li a:hover, .ftr_services_nav ul li a:active, .ftr_services_nav ul li.current_page_item a{color:#e0a32f; text-decoration:underline;}

		.copyright{font-size:15px; color:#0060b2; margin-top: 10px;}
		.copyright  ul li  {display:inline-block; vertical-align:top; position:relative; margin: 0 4px;}
		.copyright  ul li:after{top: 2px; right: -8px; content: ""; width: 1px; background: #0060b2; height: 15px; position: absolute;}
		.copyright  ul li:first-child:after{background:none;}
		.copyright  ul li:last-child:after {background:none;}
		/* .copyright  ul li:nth-child(2):after{background:none;} */
		.copyright ul li:nth-child(4) a{font-weight:normal;}
		.copyright a{font-size:15px; color:#0060b2;}
		.copyright a:hover{color:#e0a32f; text-decoration:underline;}
		.footer_comp{display:inline-block; position:relative;}
		
		.clientport, .newlifeweb {font-weight:bold;}

/**Resources**/
.resources {font-size:14px; margin-top:10px;}
.resources a { display:block;font-weight:bold; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
.resources a:hover {padding-left:2px; text-decoration: none!important; color: red;}
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE;border:1px solid #0060b2; border-bottom:2px solid #0060b2;}
.resources ul li:before{content:"";}
.resources ul li:after{content:"";}
.resources ul li a span {font-size:11px; color:#666666; letter-spacing:1px; }

/* IE 8 */
.lt-ie8 .dang-ie{width:100%;height:100%;position:fixed;background-color:#00abdd}
.message{text-align:center;color:#fff;font-size:20px;position:absolute;top:20%;left:0;right:0}
.inner-message{position:relative;top:-20%;left:0;right:0;text-align:center;margin:auto}
.inner-message img{position:relative; left:0;}
.inner-message a.download{display:block;width:300px;padding:10px;color:#fff;margin:2em auto;border:1px solid #fff}
.terms{color:#fff;font-size:13px;padding:20px;position:absolute;right:0;bottom:0}
.terms a{color:#fff;font-weight:700}
.lt-ie8 .protect-me{display:none}

/* Sitemap Style */
	
.sitemap li { padding: 0; counter-increment: step-counter; display: inline-block; vertical-align: top; width: 100%; }
.sitemap li a:before {content: counter(step-counter) '. '; }
.sitemap ul li {padding:0 10px;}
.sitemap{-webkit-column-gap:20px;column-gap:10px;}
.sitemap li a {display:block; border: 1px solid #0060b2; border-bottom:2px solid #0060b2; margin:0 auto 6px; padding:7px 10px; background:#FAFDFE;}
.sitemap ul li {counter-increment: sub-counter;}
.sitemap ul li a:before {content: counter(step-counter) '.' counter(sub-counter) ' '; }
.sitemap ul.children li { padding-top: 0!important;}