@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700,900);
@import url(https://fonts.googleapis.com/css?family=Kanit:400,300,700,800,400italic&subset=thai,latin);
body { font-family: 'Titillium Web','Tahoma', sans-serif; font-size: 16px; font-weight:400; color: #333; }
h1, h2, h3, h4, h5, h6 { font-family: 'Titillium Web','Kanit', sans-serif; color: #0d1f39; font-weight:600; line-height:1.3em; }
h1, h2 { font-size:2.4em }
h3 {font-size: 2em;}
h4 {font-size:1.4em;}
h5 { font-size:1.3em}
h3.SectionHeader { font-size:3em; font-weight:700; text-transform:uppercase; text-align:center; }
a:link, a:visited, a:active { color: #0d1f39; text-decoration: none }
a:hover { color: #1670b8;transition:0.5s;}
strong { color: #0d1f39; }
label, legend {font-weight: 600;font-size: 14px; color:#000;line-height:1.7em; padding:10px 0 5px 0;}
em {font-style: italic; font-weight:600;}
ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size:100%; }
li {line-height: 18px;margin: 10px 0px 0 30px;list-style:disc;}
.btn,a.btn, .button, a.ui-button, .ui-button, .make-button, a.make-button, .CheckoutButton, a.checkOut, .AddPropertyConfirmLink, a.ShoppingCartLink, a.Printbutton, a.ContinueShoppingButton, .LoginToSeePrice > a, a.LinkToPropertyDetail, .AllDetails a, .MoreDetails a, button, input[type="submit"], input[type="reset"], input[type="button"], .ContactUsDialog .ui-dialog-buttonset button {
	text-transform: uppercase;
	background-color: #8D99A9;
}
.btn:hover,a.btn:hover, .button:hover, .ui-button:hover, .make-button:hover, a.make-button:hover, .CheckoutButton:hover, a.checkOut:hover, .AddPropertyConfirmLink:hover, a.ShoppingCartLink:hover, a.Printbutton:hover,a.ContinueShoppingButton:hover,.LoginToSeePrice > a:hover, a.LinkToPropertyDetail:hover, .AllDetails a:hover, .MoreDetails a:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .ContactUsDialog .ui-dialog-buttonset button:hover { 
  background-color: #111;
  text-shadow: 0 0px rgba(255, 255, 255, 0.75);
}
.btn:active,a.btn:active, .button:active, .ui-button:active, .make-button:active, a.make-button:hover, .CheckoutButton:active, a.checkOut:active, .AddPropertyConfirmLink:active, a.ShoppingCartLink:active, a.Printbutton:active,a.ContinueShoppingButton:active,.LoginToSeePrice > a:active, a.LinkToPropertyDetail:active, .AllDetails a:active, .MoreDetails a:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .ContactUsDialog .ui-dialog-buttonset button:active { 
	background: #000;
}
#main {padding:50px 0 0px 0;width:100%;}
#ContentArea { padding: 20px 0px; }

/* Header
===============================================================================*/
#HeaderArea h2 { display:none; }
#header { background:#fff; width: 100%; height:50px;box-shadow: 0 2px 10px rgba( 50,50,5,.2); z-index: 99999; position: fixed; top: 0px }
#HeaderArea { position: relative; z-index: 10; width: 100%; padding: 0px }
#HeaderContentSections1035 { position: absolute; top: 0px; left: 10%; }
#HeaderContentSections1035 .Ingress > div { display: inline-block; line-height: 40px; vertical-align: top }
#HeaderContentSections1035 a { display: block; height: 40px }
#Article1355 img { height:40px; padding:5px 0 0 0}


/*Language Menu
===============================================================================*/
#HeaderContentSections1166 { float: right;   font-family: 'Titillium Web','Kanit', sans-serif; font-size:14px;}
#HeaderContentSectionsWrapper1166 {position: absolute;top:4px;right:10%;width:260px;}
#HeaderArea .MenuStandard .menu_list { padding: 0px; }
#HeaderArea .MenuStandard li {display: inline-block;line-height:40px; margin:0;}
#HeaderContentSections781 { position: absolute; top: 0px; right: 2% }
.MenuStandard a[href="/en"]{background: no-repeat center left;padding: 0px 0px 0px 40px;display: inline-block;}
.MenuStandard a[href="/th"]{ background: no-repeat center left; padding-left: 20px; display: inline-block }
.MenuStandard a[href="/no"]{ background: no-repeat center left; padding-left: 20px; display: inline-block }

	
/*Menu
===============================================================================*/
.MenuVerticalDropdown { width: 100%; clear: both; z-index:9999 ;}
.topnav { text-align: center; font-size: 0px; margin-left: 0px; padding-left: 0px } /*<-- Change position of menu*/
.topnav > li { display: inline-block; position: relative; vertical-align: top; line-height: normal;} /*<-- Change line-height and height*/
.topnav a {
	font-family: 'Titillium Web','Kanit', sans-serif;	
	font-size:14px;
	font-weight:400;
	color: #0d1f39;
	text-align:center;
	padding:0px 20px;
	display: block;
	line-height:50px;
}

.topnav > li:hover > a { background: #26a9e1; color: #fff; }
.topnav li {margin:0}
/*-- Submenu --*/
.subnav { display: none; margin: 0px; padding: 0px; position: absolute; z-index: 11; width:220%; background:#26a9e1; text-align: left; } /*<-- Style up this*/
.subnav li { margin: 0px list-style:none;}
.subnav a { line-height: 40px; text-align: left; color: #fff }
.subnav a:hover { color: #fff; background: #0d1f39 }

/* List menu
===============================================================================*/
.menu_list { margin: 0px; padding:0px; list-style: none }


/* Slide
===============================================================================*/
.flex-control-nav a { background:rgba(50,50,50,0.2) !important; }
.flex-control-nav a.flex-active { width:20px; height:20px; background: #05B6F4 !important; }
.flex-direction-nav a { height: 60px; width: 60px; }
.flex-direction-nav a:hover { background:#0d1f39; } 
.flex-direction-nav > li, .flex-viewport > ul > li { margin: 0px }
.flexslider .text {
  font-family: 'Titillium Web', sans-serif;  
  right:0;
  top:0%;
  left: auto;
  height:100%;
  width:30%;
  background:#93a2b9;
  padding:10% 4% 8% 3%;
  color:#fff;
}
.flexslider .text h2 { font-size:3em; font-weight:700; color:#fff; }
.flexslider .text h4 { font-size:2em; margin:0 0 20px 0; }
.flexslider .text ul {margin:20px 0 0 0;}
.flexslider .text li {
	list-style:none;
	vertical-align:top;
	padding:0 0 10px 35px;
	background:url(/Content/Archive/5/true-183224.svg) top left no-repeat;
	background-size: 24px;
	line-height:1.5em;
	font-size:100%;
	margin:0;
	font-weight:600;
}
.flexslider .image { width: 70% }

/*-- Home Slide --*/
#section10863 .flexslider .text { right:5%; width:36%; background:transparent; color:#0d1f39; padding:0%; top:20%}
#section10863 .icon { width:31%; margin:5px 5px 5px 0; display:inline-block; vertical-align:top; text-align:center; }
#section10863 .icon img{height:80px;}
/*-- References Slide --*/
#ContentArea .Flexslider { margin: -20px 0px }


/* Homepage
===============================================================================*/
#MainContentSections9559 { padding:80px 0}
#MainContentSections9559 .Title { font-size:1.2em; }
#MainContentSections9559 .image{height:120px}

/* Our Clients
---------------------------------------*/
#RightOuterArea { background:#0d1f39; padding: 40px 0; text-align: center; width: 100%; font-size:18px; color:#ccc; }
#RightOuterArea > div { width: 90%; margin:0 auto;}
#RightOuterArea h3 { font-size: 48px; color:#fff; text-transform: uppercase }
.RightOuterContentSectionsWrapper:nth-child(2) { margin-top:30px; }

/* Guarantee
---------------------------------------*/
#RightOuterArea h1 { margin:0; padding:0; color:#fff; }
.RightOuterContentSectionsWrapper:nth-child(3) { width:80%; margin:0 auto; }
.RightOuterContentSectionsWrapper:nth-child(3) .Ingress > div { width:33%; display: inline-block; vertical-align: top; padding: 20px 0px; text-align:left; margin-top:20px;}
.RightOuterContentSectionsWrapper:nth-child(3) img { float:left; margin:0px 30px 20px 0px; }

.RightOuterContentSectionsWrapper:nth-child(3) p { float:left; margin:0; }
.RightOuterContentSectionsWrapper:nth-child(3) h1 {margin:0; padding:0; line-height:1em}

/* Footer
===============================================================================*/
#Footer { width: 100%; }
#FooterArea { text-align: center; width: 100%; color:#888; }
#FooterArea .MenuStandard li { display: inline-block; line-height: 60px; padding:0 20px;}
#FooterArea .MenuStandard a { color:inherit }
#FooterArea h3.Title {color: #fff; margin: 0px 0px 20px 0px; font-size: 42px; text-transform: uppercase }
#FooterArea a { color: #fff;}
#FooterArea a:hover{ color: #0d1f39;}
#FooterArea h4, #FooterArea h4 a {color: #fff;}
#FooterArea h4 a:hover{color: #888;}
#FooterArea p {font-size:16px;}
.FooterSectionsWrapper:nth-child(1) .Ingress > div { width:25%; display: inline-block; vertical-align: top; font-size: 14px; padding: 40px 0px; }
.FooterSectionsWrapper:nth-child(1) .Ingress > div img { vertical-align: top }
.FooterSectionsWrapper:nth-child(1) .Ingress > div > p {margin: 15px 0 10px 0px;}
.FooterSectionsWrapper:nth-child(1) {
	background:#1670b8;
	background: rgba(0,0,0,0) linear-gradient(130deg,#4c88ef 10%,#17e4d9 100%) repeat scroll 0 0;
	color: #fff;
	padding:40px 0 20px 0;
}

/*-- Social --*/
.FooterSectionsWrapper:nth-child(3) p img{ padding:10px; background:#eee; }
.FooterSectionsWrapper:nth-child(3) p img:hover{ background:#ddd; padding: 0px }
.SocialIcons {padding: 20px 0px 20px 0px;}

/*Copyright
******************************************************/
#FooterArea .Copyright p {padding:0px 0 0 0; text-align: center; font-size:13px;}
#FooterArea .Copyright img {height:40px !important;}
#FooterArea .Copyright a {color:inherit}


/* Content pages
===============================================================================*/
.two, .three, .condo { text-align:center; display:inline-block; vertical-align:top; }
.two { width:46.5%; margin:1% 3% 1% 0; }
.three { width:30%; margin:1% 3% 1% 0; }
.four { width:25%; float:left; padding:2%; text-align:center; }
.bullet li {
	width:45%;
	display:inline-block;
	vertical-align:top;
	padding:0 0 10px 35px;
	background:url(/Content/Archive/5/true-183224.svg) top left no-repeat;
	background-size:26px;
	line-height:1.5em;
	font-size:100%;
	margin:10px 40px 0 0;
}
.bullet1 li{
    list-style:none;
    padding:0 0 10px 40px !important;
    margin:10px 0;
    background:url(/Content/Archive/5/true-183224.svg) top left no-repeat;
    background-size:26px;
    line-height:1.5em;
}

.bullet1 ul {margin-top:20px}

/*Mobile Apps page  
-------------------------------------------------------*/
.Outpage1946 #ContentArea { text-align:center; }

/* Realestate Module
---------------------------------------*/
#Article72604 { text-align:center; }
#Article72604 h2 { font-size:4em; color:#38ba97; }
.realestate { display:inline-block; width:22.5%; vertical-align:top; margin:1%; padding:1%; }

/*Property Project Module
---------------------------------------*/
#fullArticleItem2334 {text-align:center;}
.condo { width:49.5%; }

/*Web-Shop Module
---------------------------------------*/
#Article72607 { text-align:center; }
#Article72607 li { width:30%; padding:2% 5%; display:inline-block; vertical-align:top; overflow:hidden; font-size:18px }

/*Widgets
----------------------------------------------------------*/
.Outpage3352 #main { background: url(/Content/Archive/5/bg_mobile-115581.jpg) no-repeat top 50px left; text-align:center; }
#fullArticleItem72600 h2 { font-size:80px; color:#fff; text-transform:uppercase; text-shadow:2px 2px 0px rgba(50,50,50,0.6); }
#fullArticleItem72600 .icon { width:20%; margin:20px 0px; padding:2% 1% 0 1%; display:inline-block; vertical-align:top; transition:0.5s }
#fullArticleItem72600 .icon:hover{	padding:1% 1% 0 1%;}


.SearchDocumentForm label { padding: 0px; line-height: 1 } 


/* Document
===============================================================================*/
.PagedocumentLatest .ContentAreaPanel { max-width: 1200px; margin: auto }
.PagedocumentLatest .CategoryAccordianClickableMainSection { float: left; width: 23.5%; margin-top: 20px; }
.PagedocumentLatest .CategoryContentsArea { float: right; width: 74.5%; }

/* Category
---------------------------------------*/
.PagedocumentLatest .CategoryAccordianClickableMainSection ul { padding: 0px; }
.PagedocumentLatest .CategoryAccordianClickableMainSection ul li { list-style: none; margin: 0px; background: #f7f7f7; line-height: 40px; }

/* Search
---------------------------------------*/
.CategoryPanel { border-bottom: 1px solid #ededed; padding-bottom: 20px; }  
.SearchDocumentForm { margin-right: 88px; position: relative }
.SearchDocumentForm:after { content: ""; display: block; clear: both }
.SearchDocumentForm > input { float: left; width: 41%;margin-top: 20px; margin-right: 1%;  }
.SearchDocumentForm > div { float: left; width: 21%; margin-right: 1%; position: relative }
.SearchDocumentForm label { height: 20px; display: inline-block; vertical-align: top; font-weight: bold }
.SearchDocumentForm > a.btn { position: absolute; left: calc(100% + 8px); top: 20px; padding: 0px;width: 80px; text-align: center }
.SearchDocumentForm  button { margin-top: 20px }

/* Change list style
---------------------------------------*/
.ChangeItemsStyle{ display: block !important; text-align: right; padding: 10px 0px } 
.ChangeItemsStyle .SetLayoutButton { display: inline-block; height: 40px; width: 40px; position: relative; padding: 0px 4px; cursor: pointer; font-size: 0px; background: none }
.ChangeItemsStyle .SetLayoutButton[data-layout="List"]:before, .ChangeItemsStyle .SetLayoutButton[data-layout="List"]:after {
	border-top: 3px solid; border-bottom: 3px solid; height: 9px; width: 70%; left: 0px; right: 0px; 
}
.ChangeItemsStyle .SetLayoutButton[data-layout="List"]:before { bottom: calc(50% + 1.5px); }
.ChangeItemsStyle .SetLayoutButton[data-layout="List"]:after { top: calc(50% + 1.5px); }
.ChangeItemsStyle .SetLayoutButton[data-layout="Grid"]:before, .ChangeItemsStyle .SetLayoutButton[data-layout="Grid"]:after { 
	border-top: 9px solid; border-bottom: 9px solid; height: 21px; width: 28%; ; bottom: 0px; top: 0px;
}
.ChangeItemsStyle .SetLayoutButton[data-layout="List"]:before, .ChangeItemsStyle .SetLayoutButton[data-layout="List"]:after,
.ChangeItemsStyle .SetLayoutButton[data-layout="Grid"]:before, .ChangeItemsStyle .SetLayoutButton[data-layout="Grid"]:after {
	content: ""; position: absolute; margin: auto; border-color: #ddd
}
.ChangeItemsStyle .SetLayoutButton[data-layout="Grid"]:before { right: calc(50% + 1.5px); }
.ChangeItemsStyle .SetLayoutButton[data-layout="Grid"]:after { left: calc(50% + 1.5px); }
.ChangeItemsStyle .SetLayoutButton:hover:before, .ChangeItemsStyle .SetLayoutButton:hover:after { border-color: #000; transition: all 0.2s }

/* List Items
---------------------------------------*/
.PagedocumentLatest .FileArchiveList { font-size: 0px }
.PagedocumentLatest .FileArchiveList > * { font-size: 14px }
.PagedocumentLatest .FileArchiveListItem { border: 1px solid #ddd; position: relative; }
.PagedocumentLatest .FileArchiveListItem+.FileArchiveListItem { margin-top: 12px; }
.PagedocumentLatest .FileArchiveListItem:after { content: ""; display: block; clear: both }
.PagedocumentLatest .FileArchiveListItemActions { float: left; width: 15% }
.PagedocumentLatest .FileArchiveListItemActions img { padding: 30px }
.PagedocumentLatest .FileArchiveListItemIcon { background: #f7f7f7 }
.PagedocumentLatest .FileArchiveListItemDownload { position: absolute; right: 20px; top: 0px; bottom: 0px; margin: auto; height: 40px; }
.PagedocumentLatest .FileArchiveListItemDownload a+a { margin-left: 4px; line-height: 40px; background-position: center top 5px }
.PagedocumentLatest .FileArchiveListItemDownload a { font-size: 0px; width: 40px; height: 40px; background: url(/Content/Archive/5/icon-download-view-247781.png) rgba(0,0,0,0.1) no-repeat center bottom 5px; display: inline-block; vertical-align: top; border-radius: 50%; }
.PagedocumentLatest .FileArchiveListItemDetails { float: right; width: 85%; padding-right: 20%; padding-left: 20px }
.PagedocumentLatest .FileArchiveListItemTitle { margin-top: 16px }
.PagedocumentLatest .FileArchiveListItemExtension { margin-top: 12px; }
.PagedocumentLatest .FileArchiveListItemExtension * { display: inline-block; vertical-align: top; padding: 0px; line-height: 1; font-size: 13px }
.PagedocumentLatest .FileArchiveListItemExtension label { font-weight: bold }
.PagedocumentLatest .FileArchiveListItemExtension h6+h6 { margin-left: 20px }
/*-- Grid --*/
.PagedocumentLatest .FileArchiveList.Grid .FileArchiveListItem { display: inline-block; width: 23.5% }
.PagedocumentLatest .FileArchiveList.Grid .FileArchiveListItemActions,
.PagedocumentLatest .FileArchiveList.Grid .FileArchiveListItemDetails { float: none; width: 100%; }
.PagedocumentLatest .FileArchiveList.Grid .FileArchiveListItemDetails { padding: 0px 20px 20px 20px }
.PagedocumentLatest .FileArchiveList.Grid .FileArchiveListItemExtension * { display: block; line-height: 1.3 }
.PagedocumentLatest .FileArchiveList.Grid .FileArchiveListItemExtension h6+h6 { margin-left: 0px }
.PagedocumentLatest .FileArchiveList.Grid .FileArchiveListItemActions img { max-width: 120px; margin: auto; display: block; transition: all 0.2s; position: relative; left: 0px; right: 0px; }
.PagedocumentLatest .FileArchiveList.Grid .FileArchiveListItem:hover .FileArchiveListItemActions img { transform: translate(40%) }
.PagedocumentLatest .FileArchiveList.Grid .FileArchiveListItemDownload { opacity: 0; transition: all 0.2s; right: 40%; left: 0px; top: 15%; bottom: auto; text-align: center }
.PagedocumentLatest .FileArchiveList.Grid .FileArchiveListItem:hover .FileArchiveListItemDownload { opacity: 1; }