body {background-color:#ccd0d3;}
.border-gray {border:1px solid #ddd;}
.orange2 {color:#ff3300;}
.text-italic {font-style:italic;}

.hr {background:url("images/split-line-estate.png") no-repeat 50% 0px !important;}

/* -----------------------------------------------------------
* a override
* -----------------------------------------------------------*/
a {color:#ff3300;text-decoration:none;}
a:hover, a:focus {color: #ff3300;}

/* -----------------------------------------------------------
* pagination override
* -----------------------------------------------------------*/
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #ff3300;}
.pagination>li>a, .pagination>li>span { color: #ff3300;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #ff3300;
  border-color: #ff3300;
}
.paging_full_numbers a.paginate_active {
background-color: #ff3300;
border-color: #ff3300 ;
}

/* -----------------------------------------------------------
* select2 override
* -----------------------------------------------------------*/
.select2-results .select2-highlighted {background: #ff3300;}

/* -----------------------------------------------------------
* normal style
* -----------------------------------------------------------*/
.color1 {color:#ccd0d3;}
.color2 {color:#ff3300;}
.color3 {color:#34393e;}
#top-head {background-color:#000000;width:10px;}
#header-box {
background-color:#34393e;height:140px;
background : -webkit-linear-gradient(top, rgb(52, 57, 62) 00%, rgb(52, 57, 62) 69%, rgb(23, 24, 26) 100%);
background : -moz-linear-gradient(top, rgb(52, 57, 62) 00%, rgb(52, 57, 62) 69%, rgb(23, 24, 26) 100%);
background : -o-linear-gradient(top, rgb(52, 57, 62) 00%, rgb(52, 57, 62) 69%, rgb(23, 24, 26) 100%);
background : -ms-linear-gradient(top, rgb(52, 57, 62) 00%, rgb(52, 57, 62) 69%, rgb(23, 24, 26) 100%); 
background : -linear-gradient(top, rgb(52, 57, 62) 00%, rgb(52, 57, 62) 69%, rgb(23, 24, 26) 100%);
}

#header-box #inner {width:1280px;margin:auto;}
#header-box #logo {margin-left:20px;background:url("images/logo-cr-estate.png") no-repeat;width:179px;height:105px;}

#body-box {
padding:0px;
min-height:500px;
width:1280px;
margin:auto;
margin-top:-30px;
background-color:#ffffff;
position:relative;
}

#img-header {position:relative;height:150px;background:url("images/img-header.png");}
#img-header-desc {font-size:18px;position:absolute;width:100%;bottom:0px;height:40px;font-weight:normal;color:#ffffff;line-height:40px;padding-left:15px;background:url("images/img-opa70.png");}

.main-box {padding:20px;margin:0px 40px 0px 40px;}
.main-left-box {border:1px solid #eee;}

/* -----------------------------------------------------------
* admin sextion
* -----------------------------------------------------------*/
#admin-header-box {background-color:#34393e;height:50px;}
#admin-header-inner {position:relative;color:#ffffff;top:6px;margin-left:15px;}
#admin-body-box {padding:10px;background-color:#ffffff;}

/* -----------------------------------------------------------
* mini thumbnail
* -----------------------------------------------------------*/
.mini-img-thumbnail {float:left;}
.mini-img-thumbnail img {width:50px;padding:2px;border:1px solid #9d9d9d;margin:0px 2px 2px 2px;}

/* -----------------------------------------------------------
* main menu in page
* -----------------------------------------------------------*/
.page-main-menu1 {position:relative;margin:0px;padding:20px 120px;}
.page-main-menu1 ul {list-style:none;margin:0px;padding:0px;}
.page-main-menu1 ul > li {float:left;font-size:14pt;}
.page-main-menu1 ul > li a {text-decoration:none;}
.page-main-menu1 ul > li a span {padding:0px 20px 9px 20px;/*color:#484c51;*/color:#ff3300;border-bottom:0px solid #acb0b5;background:url("images/menu-item2.png") no-repeat 50% 22px; }
.page-main-menu1 ul > li a:hover span {color:#ff3300;border-bottom:0px solid #ff3300;background:url("images/menu-item2.png") no-repeat 50% 22px;}
.page-main-menu1 ul > li a span.active {font-weight:bold;color:#ff1100;border-bottom:0px solid #ff3300;background:url("images/menu-item2.png") no-repeat 50% 22px;}

.page-main-menu2 {position:relative;margin:0px;padding:0px;}
.page-main-menu2 ul {list-style:none;margin:0px;padding:0px;}
.page-main-menu2 ul > li {float:left;font-size:13pt;}
.page-main-menu2 ul > li a {text-decoration:none;}
.page-main-menu2 ul > li a span {padding:0px 20px 3px 20px;color:#ccd0d3;}
.page-main-menu2 ul > li a:hover span {color:#ffffff;border-bottom:1px solid #d1d1d1;}
.page-main-menu2 ul > li a span.active {color:#ffffff;border-bottom:1px solid #d1d1d1;}
.page-main-menu2 ul > li:after {content:"•";}
.page-main-menu2 ul > li:last-child:after {content:"";}

/* -----------------------------------------------------------
* table block for each item
* -----------------------------------------------------------*/
.table-block td .item-box {position:relative;width:100%;border:1px solid #ddd;margin-bottom:10px;padding:10px;}

/* -----------------------------------------------------------
* item
* -----------------------------------------------------------*/
.item-box .item {margin:0px;padding:0px;list-style:none;}
.item-box .item > li {float:left;}
.item-box .item > li img {width:350px;}
.item-box .item > li:last-child {margin-left:20px;}
.item-box .item > li:last-child:after {clear:both;content:'';}
.item-box .item > li > .item-distance {font-style:italic;color:#787878;}
.item-box .item > li > .item-name {color:#ff3300;font-size:13pt;}
.item-box .item > li > .item-name a {color:#ff3300;font-size:13pt;}
.item-box .item > li > .item-name a:hover {text-decoration:underline;}

.item-box .item-info-desc {margin:0px;padding:0px;list-style:none;}
.item-box .item-info-desc > li {float:none;margin:3px 0px;}

*.item-box .item-price {position:absolute;z-index:10;background-color:#cfcfcf; width:180px;height:35px;border-radius:12px;}
.item-box .item-price {position: absolute; z-index: 10;  bottom: 15px; left:100px; width: 173px; height: 36px; background: url("images/price-bg.png") top left no-repeat; text-align: center; font-size: 12pt; color: #ffffff; line-height: 36px;}

/* -----------------------------------------------------------
* main image show for details page
* -----------------------------------------------------------*/
.main-image-show {width:550px;/*height:413px;*/overflow:hidden;}
.main-image-show img {width:550px;}
.details-right {}
.details-right > ul {margin:0px;padding:0px;list-style:none;}
.details-right > ul > li {font-size:12pt;}
.details-right > ul > li .desc-info p {margin-bottom:15px;}

.inquire-now {
background : -webkit-linear-gradient(top, rgb(255, 51, 0) 00%, rgb(255, 170, 0) 50%, rgb(255, 51, 0) 100%);
background : -moz-linear-gradient(top, rgb(255, 51, 0) 00%, rgb(255, 170, 0) 50%, rgb(255, 51, 0) 100%);
background : -o-linear-gradient(top, rgb(255, 51, 0) 00%, rgb(255, 170, 0) 50%, rgb(255, 51, 0) 100%);
background : -ms-linear-gradient(top, rgb(255, 51, 0) 00%, rgb(255, 170, 0) 50%, rgb(255, 51, 0) 100%); 
background : -linear-gradient(top, rgb(255, 51, 0) 00%, rgb(255, 170, 0) 50%, rgb(255, 51, 0) 100%);
border-radius:10px;
color:#ffffff;
font-size:14pt;
font-weight:bold;
display:block;
padding:12px;
text-align:center;
width:180px;
cursor:pointer;
-moz-transition: background-color 0.5s ease;
-webkit-transition:background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}

.inquire-now:hover {
background : -webkit-linear-gradient(top, rgb(52, 57, 62) 00%, rgb(95, 117, 138) 50%, rgb(52, 57, 62) 100%);
background : -moz-linear-gradient(top, rgb(52, 57, 62) 00%, rgb(95, 117, 138) 50%, rgb(52, 57, 62) 100%);
background : -o-linear-gradient(top, rgb(52, 57, 62) 00%, rgb(95, 117, 138) 50%, rgb(52, 57, 62) 100%);
background : -ms-linear-gradient(top, rgb(52, 57, 62) 00%, rgb(95, 117, 138) 50%, rgb(52, 57, 62) 100%); 
background : -linear-gradient(top, rgb(52, 57, 62) 00%, rgb(95, 117, 138) 50%, rgb(52, 57, 62) 100%);
}

/* -----------------------------------------------------------
* mian image thumbnial list for details page
* -----------------------------------------------------------*/
.main-image-thumbnail {}
.main-image-thumbnail ul {list-style:none;margin:0px;padding:0px;}
.main-image-thumbnail ul li {float:left;padding:4px;}
.main-image-thumbnail ul li > a > img {width:150px;height:108px;border:1px solid #d7d7d7;/*width:250px;height:180px;*/}

/* -----------------------------------------------------------
* this for index page 
* -----------------------------------------------------------*/
.index-main-image {width:1170px;height:424px;margin:auto;position:relative;}
.index-main-image .info-desc-box{width:100%;height:100px;margin:auto;background:url("images/img-opa70.png");position:absolute;bottom:0px;}
.index-main-image .info-desc-title{position:absolute;bottom:50px;left:40px;font-size:20pt;text-shadow:1px 1px 2px #000000;color:#ffffff;}

.index-info-box {position:relative;z-index:10;width:1100px;margin:auto;padding:20px 30px;margin-top:-40px;border:1px solid #dddddd;background-color:#ffffff;}
.index-info-title p {font-size:12pt;text-indent:20px;}
.thai-map-big {background:url("images/thai-map-big.png") no-repeat;width:217px;height:401px;position:absolute;float:left;right:10px;top:30px;z-index:2;}

/* -----------------------------------------------------------
* filter-box
* -----------------------------------------------------------*/
.filter-box {border:1px solid #dddddd;background-color:#f3f3f3;padding:20px;text-align:center;vertical-align:middle !important; line-height:30px;}

/* -----------------------------------------------------------
* for fix style in page data
* -----------------------------------------------------------*/
.page-data p {text-indent:20px;}
.page-data ol {list-style-type: decimal;}

/* -----------------------------------------------------------
* admin image item edit
* -----------------------------------------------------------*/
.image-edit {position:relative;}
.image-edit > ul {margin:0px;padding:0px;list-style:none;}
.image-edit > ul > li {float:left;margin:4px;position:relative;}
/* .image-edit > ul > li:first-child {width:150px;height:108px;padding:2px;border:1px dashed #626262;}
.image-edit > ul > li:first-child div {width:150px;height:102px;display:table-cell;text-align:center;vertical-align:middle;cursor:pointer;}
.image-edit > ul > li:first-child div:hover {color:#ff3300;background-color:#f7f7f7;}
 */.image-edit > ul > li > a > img {width:150px;height:108px;padding:2px;background-color:#ffffff;background:url("images/ajax-loader.gif") no-repeat 50% 50%;border:1px solid #dddddd;}
.image-edit > ul > li .icon-box {margin:0px; padding:0px;list-style:none;float:right;top:4px;right:4px;position:absolute;}
.image-edit > ul > li .icon {width:20px;height:20px;position:relative;display:inline-block;font-family: FontAwesome;text-align:center;cursor:pointer;background:url("images/img-opa70.png");border:1px solid #000;}
.image-edit > ul > li .icon-delete:before {content:"\f00d";color:#cc0000;}
.image-edit > ul > li .icon-check:before {content:"\f00c";color:#33cc00;}
.image-edit > ul > li .icon-img:before {content:"\f03e";color:#ff3300;}

/* -----------------------------------------------------------
* mini button
* -----------------------------------------------------------*/
.btn-more {background:#ff3300;font-size:10px;color:#ffffff;padding:1px;cursor:pointer;}
.btn-more:hover {background:#ff9900;color:#ffffff;text-decoration:none;}

/* -----------------------------------------------------------
* widget
* -----------------------------------------------------------*/
.cr-widget {border:1px solid #dddddd;padding:10px;}
.cr-widget .widget-title , .cr-widget h3 {font-weight:normal;font-size:14pt;color:#34393e;margin-bottom:10px;}
.cr-widget .thai-map {float:right;width:120px;height:226px;background:url("images/thai-map.png") no-repeat;margin:0px 0px 0px 10px;}