/*reset*/
* {margin: 0;outline: 0;padding: 0;}
html {-ms-touch-action: manipulation;touch-action: manipulation;-webkit-text-size-adjust: none;}
body {color: #333; font-size:14px; font-family: Arial ,Thonburi, Tahoma ; overflow-x: hidden; min-height: 480px; position: relative; }
header.homepage {padding: 0;}
p {line-height: 18px;}
a {text-decoration: none; color:#27425b;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none; }
fieldset, img {border: 0; vertical-align: middle; }
ul li {list-style: none; }
article, aside, footer, header, group, nav, section {display: block; }
input[type=text],input[type=password]{font-size: 15px; padding: 10px 2%; color: #666;-webkit-appearance: none;-webkit-border-radius:0px;}
label {font-size: 15px; color:#333; padding: 15px 0 0;}
input[type=submit] {border:none;}
button {cursor: pointer;border: 0; background: transparent}
select {font-size: 15px; color:#666;padding: 5px 1%;}
*:focus {outline: none;}
body.dir #content,body.th-search #content {margin-top: 50px;}
h1.headline { font-size: 18px; line-height: 20px;padding: 0 2% 20px;text-transform: uppercase;  font-family: arial_blackregular; font-weight: normal;}
.stat {position: absolute; bottom: 10px ; left: 50%; margin-left: -7px; z-index:1;}
/*font*/
@font-face {
    font-family: 'arial_blackregular';
    src: url('../font/arial_blackwebfont.eot');
    src: url('../font/arial_blackwebfont.eot?#iefix') format('embedded-opentype'),
         url('../font/arial_blackwebfont.woff') format('woff'),
         url('../font/arial_blackwebfont.ttf') format('truetype'),
         url('../font/arial_blackwebfont.svg#arial_blackregular') format('svg');
}
@font-face {
    font-family: 'charis_silbold';
    src: url('../font/charissilb-webfont.eot');
    src: url('../font/charissilb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/charissilb-webfont.woff2') format('woff2'),
         url('../font/charissilb-webfont.woff') format('woff'),
         url('../font/charissilb-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'charis_silregular';
    src: url('../font/charissilr-webfont.eot');
    src: url('../font/charissilr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/charissilr-webfont.woff2') format('woff2'),
         url('../font/charissilr-webfont.woff') format('woff'),
         url('../font/charissilr-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vonnes-light';
    src: url('../font/vonnes-light-webfont.eot');
    src: url('../font/vonnes-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/vonnes-light-webfont.woff') format('woff'),
         url('../font/vonnes-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*main navigation*/
html body header > div#main-nav {height: 40px; padding: 0; font-family: arial_blackregular; z-index: 3;}
html body header.homepage > div#main-nav{height: 50px;}
html body header > div#main-nav:before{content:''; display: block; width: 660px; background: #191919; height: 40px;position: fixed;z-index: 3;top: 0; left:  50%; margin: 0 0 0 -330px;}
html body header.homepage > div#main-nav:before{background: #203b72; height: 50px;}
header div#logo {position:fixed; left: 50%; width: 164px; margin: 0 0 0 -82px; top: 10px; height: 30px; z-index: 3; top: 6px;}
header.homepage div#logo{top: 10px;}
header.homepage div#logo img {width: 155px;}
header div#logo img {width: 135px;}
header div#logo a {height: 40px; padding: 0!important;}
header.homepage div#logo a {display:block; width: 164px; height: auto;}
header nav,
.th-search .search-header {float: left; width: 100%; z-index: 2;}
header nav div {display: none;}
header nav.active div {display: block; padding: 40px 0 0;}
header.homepage nav.active div { padding: 50px 0 0;}


/*hamburgermenu*/
header .switchmenu{width: 60px;height: 40px;cursor: pointer; position: fixed;top: -2px; left:50%;  margin: 0 0 0 -330px; z-index: 3;}
header.homepage .switchmenu {width: 64px; height: 50px;top: 2px;}
.switchmenu {display: block;position: relative;overflow: hidden;margin: 0; padding: 0;width: 65px; height: 50px;font-size: 0; text-indent: -9999px;appearance: none; box-shadow: none; border-radius: none border: none;cursor: pointer;transition: background 0.1s;}
.switchmenu:focus {outline: none;}
.switchmenu span {display: block; position: absolute;top: 20px;left: 18px; right: 18px; height: 3px; background: white;}
.switchmenu span:before,.switchmenu span:after { position: absolute;display: block; left: 0;width: 100%; height: 3px;background-color: #fff; content: "";}
.switchmenu span:before {  top: -8px;}
.switchmenu span:after { top: 8px;}
/*effect menu*/
.switchmenu--htx span { transition: background 0s 0.1s;}
.switchmenu--htx span:before,.switchmenu--htx span:after { transition-duration: 0.1s, 0.1s;  transition-delay: 0.1s, 0s;}
.switchmenu--htx span:before { transition-property: top, transform;}
.switchmenu--htx span:after { transition-property: bottom, transform;}
/* active state, i.e. menu open */
header .switchmenu--htx.active {top: 0; }
header.homepage .switchmenu--htx.active { background-color: transparent;top: 4px;background: url(../img/icon/ico.svg) no-repeat 12px -205px\0; }
.switchmenu--htx.active span {  background: none; display: none\0;}
.switchmenu--htx.active span:before {top: -2px;transform: rotate(45deg);}
.switchmenu--htx.active span:after { top: -2px; transform: rotate(-45deg);}
.switchmenu--htx.active span:before,.switchmenu--htx.active span:after {  transition-delay: 0s, 0.1s;}
/*section menu effect*/
#section-nav .switchmenu,
.th-search #section-nav .search-header * a {text-indent: 0; font-size: 23px; font-family: vonnes-light;text-align: center; position: static; margin: 0; }
#section-nav .switchmenu a,
.th-search #section-nav a{text-transform: uppercase; color:#fff; font-weight: normal;}

header #main-nav ul {width: 96%; background: #000; text-align: left; padding: 20px 2% 0; overflow: hidden;}
header #main-nav ul li{padding: 15px 0 0;}
header #main-nav ul li a{color:#fff; font-size: 18px;}
header #main-nav h2 {font-weight: normal; color:#898989; font-size: 18px;}
html header #main-nav ul a[title="SIGN UP"]:before{background-position: 0 -157px;}
header #main-nav .websearch {position: relative;}
header #main-nav .websearch input {background: #333; border: none; width: 85%; padding: 15px 2% 15px 13%; color:#aaa; font-weight: bold; font-size: 14px;}
header #main-nav .websearch:before {content:''; display: inline-block; width: 50px; height: 52px; background :url(../img/icon/ico.svg) no-repeat -78px -154px; position: absolute; left:2%;top:8px;}
header #main-nav ul li:first-of-type{border-bottom: 1px solid #37363a; padding: 0 0 10px;}
header #main-nav ul:first-of-type{padding: 0 2%; }
header #main-nav ul:first-of-type li{ float: left; width: 50%; text-align: center; position: relative;border: none; padding: 15px 0 0;}
/*header #main-nav ul:first-of-type li:first-of-type:after{ content: ''; display: block;width: 1px; height: 40px; position: absolute;right: 0;top: 15px; background: #3f3f42;}*/
header #main-nav ul:first-of-type li a{color:#898989;}
header #main-nav ul:first-of-type li:nth-of-type(1) {clear: both; width: 100%; float: none;text-align: left;}
header #main-nav ul:first-of-type a:before {content:''; display: inline-block; width: 23px; height: 40px; vertical-align: middle; margin: 0 10px 0 0; background: url(../img/icon/ico.svg) no-repeat -79px -96px;}
header #main-nav ul:last-of-type {padding: 20px 2% 30px;}
header #main-nav ul:last-of-type li:before,
footer .merge .right ol li a:before {content:''; display: inline-block; width: 10px; height: 11px; float: left;vertical-align: middle;background: url(../img/icon/ico.svg) no-repeat 0 -275px; padding: 15px 0 0 20px;}
header #main-nav ul:last-of-type li a{vertical-align: middle;}
header #main-nav ul:last-of-type li:first-of-type:before{display: none;}
header #main-nav ul:last-of-type li:nth-of-type(3):before,
footer .merge .right ol li:nth-of-type(3) a:before{background-position: -95px -229px;}
header #main-nav ul:last-of-type li:nth-of-type(4):before,
footer .merge .right ol li:nth-of-type(4) a:before{background-position: -46px -275px;}
header #main-nav ul:last-of-type li:nth-of-type(5):before,
footer .merge .right ol li:nth-of-type(5) a:before{background-position: -96px -277px;}
header #main-nav ul:last-of-type li:nth-of-type(6):before{background-position: -82px -53px;}
/*section menu level 2*/
html body header #section-nav{padding: 0; height: 40px; z-index: 2;}
html body header.stretch #main-nav .switchmenu,html body header.stretch > div#main-nav:before,
html body header.stretch > div#main-nav #logo{top:-40px;}
header.stretch #section-nav:before {top: 0;}
header.stretch #section-nav .switchmenu {top: 5px;}
html body header.stretch > #search-panel{top: 50px;}
html body header.stretch > #filter-sort  .filter-btn,
html body header.stretch > #filter-sort  .sort{top: 104px;}
html body header.stretch > #search-panel:before {top: 50px; height: 54px;}


header #section-nav:before {content:'';display: block; background:#167ac0; width:660px; height: 50px; position: fixed; top: 40px;  left: 50%;margin: 0 0 0 -330px;z-index: 2;}
header #section-nav .switchmenu,
.th-search #section-nav .search-header{position:fixed; top: 45px; width: 660px; left: 50%; margin: 0 0 0 -330px; line-height: 24px;}
header #section-nav .switchmenu > *:after {content: ''; display: inline-block; background: #fff; opacity: 0.1; width: 29px; height: 28px; position: static; margin: 0;}
header #section-nav .switchmenu > * a,
.th-search #section-nav .search-header a{position: relative; padding: 0 10px 0 0;font-size: 34px;}
header #section-nav .switchmenu > * a:after{content:'';background:url(../img/icon/ico.svg) 0 -65px; display: inline-block; width: 29px; height: 21px; line-height: 0;top:13px; right: -30px; position: absolute; }
header #section-nav .switchmenu.active > * a:after{background:url(../img/icon/ico.svg) 0 -215px; border: none; opacity: 0.5; top:8px;}
header #section-nav div {background:#0d4974;}
header #section-nav nav.active div {padding: 50px 0 0;}
header #section-nav ul li{text-align: left; width: 96%; margin: 0 auto; border-bottom: 1px solid #1e567d; clear: both; overflow: hidden; }
header #section-nav ul li:last-child{margin: 0 2% 50px;}
header #section-nav ul li a{color:#fff; font-size: 18px; text-transform: uppercase; padding: 15px 0; display: block;}
/*sub menu dropdown level 2*/
header #section-nav ul li.dropDown.active > a{border-bottom: 1px solid #335b1c; }
header #section-nav ul li.dropDown > a:after {height:0px;width:0px; border:none;border-top:8px solid #7c956d;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);content:'';position: relative; top: 7px;float: right; }
header #section-nav ul li.dropDown.active > a:after {height:0px;width:0px; border:none;border-bottom:8px solid #7c956d;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);content:'';position: relative; top: 7px;float: right; }

header #section-nav ul li.dropDown div{display: none;position: relative; padding: 0;}
header #section-nav ul li.dropDown p{ float: right; width: 96%; border-bottom: 1px solid #335b1c; display:block; clear: both;}
header #section-nav ul li.dropDown p:last-of-type {border: none; }

/*menu level3 - filter - sortby*/
html body header > #filter-sort {position: relative; left: 50%; top: 60px; margin: 0 0 0 -330px; width: 660px; z-index: 1; padding: 0; background:#fff; text-align: left; height: 40px; color:#666666; font-size: 16px;}
.search .filter-btn span:before {content:''; display: inline-block; width: 50px ; height: 20px;background: url(../img/icon/travel.svg) no-repeat -8px -512px; vertical-align: middle;}
.search .filter-btn,
.search .sort {color:#666; font-size: 16px; font-weight: bold; display: block; width: 660px; height: 29px;  position: fixed; left:50%; top: 66px; padding: 10px 0 0 0; cursor: pointer; top: 140px;  margin: 0 0 0 -330px; background:#fff; border-bottom: 1px solid #e6e6e6; z-index: 2;}
.search .filter-btn span {padding-right: 500px;}
.search #filter-sort a{position: absolute; left: 104px; top: 11px; width: 18px; height: 16px; display: none;background: url(../img/icon/ico.svg) no-repeat -58px -198px;text-indent: -9999px;}
.search.filter #filter-sort a{display: block;}
/*header global*/
body.category {background: #f0f2f4;}
body.category #content,body.filter #content,body.category #filter-sort,body.filter footer,body.filter .stat,body.category .stat/*,body.category #filter-sort*/{display:none!important;}
header {width: 100%;}
header > div:not(#filter){padding: 10px 2%; margin: 0;text-align:center; position: relative; clear: both;}
html body header > #search-panel {position: fixed; width: 660px; padding: 10px 0; left: 50%; margin: 0 0 0 -330px; z-index: 3;}
html body header > #search-panel:before{content:'';display: block; background:#167ac0; width:660px; height: 50px; position: fixed; top: 90px;  left: 50%;z-index: 0; margin: 0 0 0 -330px;}
header div:not(#filter) > a:first-of-type{padding: 0 0 24px; display: inline-block; }
header div:not(#filter) > a[title="Close"] {display: none;background: url(../img/icon/property.svg) -153px -361px; width: 50px; height: 10px; top: 10px; right: 2%; bottom: 9px; position: absolute;}
body.category header div:not(#filter) > a[title="Close"]/*,body.search.filter > header div:not(#filter) > a[title="Close"]*/{display: block;}
header div > a[title="Close"] span {display:block; text-indent: -9999px;}
header form.search {position: relative;width: 96%; margin: 0 auto; clear: both;} 
header form.search input[type='text']{ width: 90%; height: 22px; margin: 0 auto; line-height: 22px; padding: 6px 0 6px 10%; border: none; color:#fff; font-size: 18px; font-weight: bold; }
header form.search:before{width: 20%; content:''; display: block; height: 45px; background:url(../img/icon/ico.svg) -72px -152px no-repeat; position: absolute; left:0; top:0; z-index: 3;}
header form.search input[type='text']::-webkit-input-placeholder { color: #fff;}*/
header form.search input[type='text']:-moz-placeholder { /* Firefox 18- */ color: #fff; }
header form.search input[type='text']::-moz-placeholder {  /* Firefox 19+ */ color: #fff; }
header form.search input[type='text']:-ms-input-placeholder {  color:#fff; }
/*search menu category global*/
body.category header > ul {/*-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in;-o-transition-timing-function: ease-in; transition-timing-function: ease-in;*/max-height: 7000px;overflow: hidden;padding: 90px 2% 50px;opacity: 1;}
body.category.search header > ul {padding: 85px 2% 50px;}
header > ul {background:#f0f2f4; width: 90%;  overflow: hidden; overflow: hidden;max-height: 0;/*-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);-o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/padding: 0 5%; opacity: 0;overflow: hidden;}
header > ul li {width: 33%; float: left; text-align: center; height: 105px;}
header > ul li span {display: block;}
body.category header > ul li:first-of-type {float: none; clear: both; text-transform:uppercase;text-align: left; width: 100%; height: 35px;}
body.category header > ul li:first-of-type h3 {font-size: 14px;}

header > ul li a {font-size: 11px; color:#333; font-weight: bold; display:block;}


/*property search results page global*/
.search header {position: relative;}
.search h1 {color:#333;  font-weight: normal; padding: 20px 3% 0; font-size: 16px;}
.search h1 span {display: block; padding: 5px 0 0; font-size: 14px; color:#666;} 

body.filter #filter {-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in;-o-transition-timing-function: ease-in; transition-timing-function: ease-in;max-height: 7000px;	padding: 10px 0 80px; height: auto; opacity: 1;}
body.filter {margin: 0 0 60px;}
#filter {font-size: 18px;  padding: 0; background:#fff; max-height: 0; height:0; opacity: 0; overflow: hidden;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in;-o-transition-timing-function: ease-in; transition-timing-function: ease-in;}
#filter h2 {font-size:18px; color:#333; line-height: 18px; padding: 20px 3% 25px;}
#filter .filter {border-top: 1px solid #ccc;}
#filter > div:first-of-type {border: none; margin: 30px 0 0;}
#filter .filter h3 {font-weight: normal; font-size: 18px; padding: 25px 3%; cursor: pointer; background:#fff;}
#filter .filter h3:before {content:''; width: 18px; height: 20px; background: url(../img/icon/property.svg) -28px -626px; margin: 0 10px 0 0;display: inline-block; vertical-align: middle;}
#filter .filter.active h3 {background: #f0f2f4; border-bottom: 1px solid #ccc; }
#filter .filter.active h3:before{background-position: -298px -263px; fill: #303 !important;}
#filter > .filter.active > ul,#filter .filter .filter.active > ul {-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in;-o-transition-timing-function: ease-in; transition-timing-function: ease-in;max-height: 7000px;padding: 10px 0; }
#filter .filter ul { background:#fff;max-height: 0;  overflow: hidden;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);-o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1);}
#filter .filter ul li {padding: 10px 3%; overflow: hidden;}
#filter .filter input[type='checkbox'] {width: 18px; height: 18px; float: left; margin:2px 10px 0 0;}
#filter .filter .content { float: left; width: 90%;}
#filter .filter .content label {color:#666;}
#filter .filter .content span {float: right;}
#filter .filter .content span.cutline { float:none; display: inline-block;}
#filter .done{position: fixed; bottom:0; left: 0; width: 100%; height: 80px; display: none;}
body.search.filter #filter .done{display: block;}
#filter .done:before {content:'';display: block; width: 100%; height: 100%; position: absolute; left:0; top: 0;background: #cccccc; opacity: 0.8; z-index: 1;}
#filter .done button{ position:relative; z-index: 2; text-align: center; font-size: 16px; font-weight: bold; color:#fff; width: 70%; margin: 13px auto 0; display: block; line-height: 14px; padding: 20px 0; }
#filter .filter.active .filter { border: none;}
#filter .filter.active .filter-sub { width: 100%; overflow:hidden;}
#filter .filter.active .filter-sub .content span { float: none;}
#filter .filter .filter-sub .content:after { content: ''; width: 18px; height: 20px; background: url(../img/icon/travel.svg) -28px -626px; margin: 0 10px 0 0; display: inline-block; vertical-align: middle; fill: #303 !important;}

/*modal-window global*/
.modal-overlay{background:rgba(0,0,0,0.8);height:100%;left:0;display:flex;overflow:auto;position:fixed;top:0;transition:opacity .2s;width:100%;z-index:0}
.modal-overlay.active {z-index: 9;}
.modal-overlay[aria-hidden="true"]{opacity:0;visibility:hidden}
.modal-overlay[aria-hidden="false"]{opacity:1;visibility:visible;z-index:30;}
.modal-overlay[aria-hidden="false"] 
.modal-overlay .btn-close:focus{outline:1px dotted}
.modal-overlay .content-area{margin:auto;max-width:385px;}
.modal-overlay button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
.modal-overlay .btn-close{width: 44px; height: 44px; position: absolute; right: 0; top: 0; text-align: center; color:#ccc; background: #f6f5f5 url(../img/bg/sns.svg) no-repeat 8px 3px;z-index: 20}
.modal-overlay .btn-close em{display: block; text-indent: -9999px;}
.modal-overlay iframe {overflow: hidden; background:#fff;}
.modal-content{background:#efefef;margin:0 auto;overflow:auto;overflow-x:hidden;position:absolute;transform:scale(0.8);
transition:transform .3s; height: 460px; top: 0; transform:scale(1); left: 50%;  background:#fff;}
.loginmodal .modal-content{ width:100%;max-width:385px;}


	
/*footer global*/
footer {width: 660px; margin: 0 auto; position: relative;border-top: 3px solid #e6e6e6;}
footer > div{width: 660px; margin: 0 auto;  padding: 0;}
footer div > ul{ width: 46%; margin: 0 2%;float: left; padding: 16px 0 0;}
footer div > ul:nth-of-type(2n+1) {clear: both; }
footer ul li a{padding: 10px 0; display: block; color:#333; font-size: 14px;}
footer ul li h3 a,footer .merge ol li a {color:#1f3b72; font-family: arial_blackregular; font-weight: normal; font-size: 12px; text-transform: uppercase;}
footer .merge{ clear: both;width: 96%; margin: 0 auto; overflow: hidden; float: none;}
footer .merge li.left {float: left; width: 50%;}
footer .merge li.right{float: right; width: 50%;}
footer .merge li.right > div {border: 3px solid #e6e6e6; text-align: center; padding: 20px 4%; width: 85%; margin: 0 auto; }
footer .merge h3 a{text-transform: uppercase;}
footer .merge ol li{text-align: left;}
footer .merge ol li:nth-of-type(2) a:before{background-position: -44px -40px;}
footer div.epaper{width: 155px; position: relative; left: 50%; top: 11px; margin: 0 0 0 -78px;overflow: hidden; height: 72px; background: none;z-index: 0;}
div.epaper a {padding: 0;}
div.epaper  .img-wrap{width: 155px; height: 46px; overflow: hidden;display: block; position:relative; z-index: 1;}
div.epaper  .img-wrap:after {content:''; position: absolute; left:0;bottom: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 76%, rgba(0, 0, 0, 1) 105%);width: 155px; height: 46px; z-index: 2;}
div.epaper  p:nth-child(2){-webkit-transform: scaleY(-1);-moz-transform: scaleY(-1);-ms-transform: scaleY(-1);-o-transform: scaleY(-1); transform: scaleY(-1); position: absolute;left:0; bottom: -24px;z-index: -1; }
div.epaper  p:nth-child(2) img {display: none\9;}
div.epaper  p:nth-child(2){background: url(../img/nav/ico-theme.png) no-repeat 0 -315px\9;width: 155px\9; height: 50px\9;  bottom:0\9;top: 37px\9; z-index: 3\9; -ms-transform: none\9; display: block;}
/*e-paper-footer*/
footer div.epaper:after {content: '';width: 155px; height: 35px; position: absolute; bottom: 0; left: 0;display: block;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.72) 45%, rgba(255, 255, 255, 1) 100%); }
footer div.epaper{top: 0;}
/*footer secondary*/
footer .secondary{width: 640px; position: relative; background: #ededed;clear: both;margin: 25px 0 0; overflow: hidden; padding: 30px 10px 40px;}
footer .secondary > * {width: 660px; margin: 0 auto;}
footer .secondary form{width: 640px;}
footer .secondary input[type='text'] {border: none; padding: 10px 0 10px 15%; line-height: 18px; width: 85%; margin: 0 auto; font-weight:bold;}
footer .secondary form{position: relative;}
footer .secondary form:before {content:''; display:block; width: 30px; height: 40px; background: url(../img/icon/ico.svg) -38px -126px; position: absolute; left:0; top:0;}
footer .secondary > h3{font-family: arial_blackregular;text-transform: uppercase; font-size: 12px; font-weight: normal; padding: 25px 0 0;}
footer .secondary > ul{ float: none;}
footer .secondary > ul li {float: left; width: 50%;}
footer .secondary > ul li a{font-family: arial_blackregular;text-transform: uppercase; font-size: 12px; color:#1f3b72; vertical-align: middle;}
footer .secondary > div {clear: both; width: 640px; margin: 0 auto; border-top: 1px solid #ccc; padding: 25px 0 0;}
footer .secondary .logo70year {width: 205px; margin: 0 auto;}
footer .secondary .logoBKPgroup { width: 205px;}
footer .secondary > div h2 {font-family: arial_blackregular; font-size: 12px; font-weight: normal; text-align: left; padding: 15px 0 0;}
footer .secondary .footer_policy a{color:#333; font-size: 14px; width: 40%; float: left; padding: 15px 10% 0 0;}
footer .secondary > ul li a:before {content:'';display: inline-block; width: 30px; margin: 0 3px 0 0;height: 29px; line-height: 18px; background: url(../img/icon/ico.svg) 0 -318px no-repeat; vertical-align: middle;}
footer .secondary > ul li:nth-of-type(2) a:before{background-position: -32px -315px;} 
footer .secondary > ul li:nth-of-type(3) a:before{background-position: -63px -316px;} 
footer .secondary > ul li:nth-of-type(4) a:before{background-position: -99px -318px;} 
footer .secondary > ul li:nth-of-type(5) a:before{background-position: 0 -355px;} 
footer .secondary > ul li:nth-of-type(6) a:before{background-position: -36px -355px;} 
footer .secondary > ul li:nth-of-type(7) a:before{background-position: -69px -355px;} 
/****small screen - 660px****/
@media only screen and (max-width: 659px)  {
	html body header > div#main-nav:before,.search .filter-btn,html body header > #filter-sort {width: 100%; left: 0; margin: 0;}	
	header .switchmenu {left: -5px; margin: 0;}
	html body header > #search-panel {width: 100%; left: 0; margin: 0;}
	header form.search input[type="text"] {padding: 6px 0 6px 12%; width: 88%;}
	.search .filter-btn span {padding-right: 50px;}
	
	/*footer S-M*/
	footer{width: 100%}
	footer > div,footer .secondary{width: 96%; padding: 0 2%;}
	footer .secondary{padding: 20px 2% 40px;}
	footer .secondary > div,footer .secondary > * {width: 100%!important;}
	footer div.epaper:after,footer div.epaper,div.epaper .img-wrap,div.epaper .img-wrap:after,
	footer div.epaper:after,footer div.epaper .img-wrap img{width: 110px;}
	footer div.epaper {margin: 0 0 0 -55px;}
	html footer .secondary input[type="text"] {border: none; padding: 10px 0 10px 10%; line-height: 18px; width: 90%; margin: 0 auto; font-weight:bold; font-size: 12px;}
	
}

/*Medium screen ,> 660px*/
@media only screen and (min-width: 660px)  {	
	body.category {background:#fff;}
	body.category header {height: 100%; background: #f0f2f4; overflow: hidden;}
	#content,header{width: 660px; margin: 0 auto; }
	
	header{padding: 0 0 10px; width: 660px;}
/*	body:before { width: 100%; height: 122px; content:''; display: block; position: absolute; left:0; top:0;z-index: -1;}*/
/*	header form.search input[type='text']{width:90%; padding: 10px 0 10px 10%;}*/
	
	/*header form.search input[type='text']::-webkit-input-placeholder { color: #red;}*/
	/*header form.search input[type='text']:-moz-placeholder { /* Firefox 18- */ /*color: red; }*/
	/*header form.search input[type='text']::-moz-placeholder {  /* Firefox 19+ */ /*color: red; }*/
	/*header form.search input[type='text']:-ms-input-placeholder {  color: red; }*/

	/*property search results page medium */
	/*#filter .done{width: 660px; left: 50%; margin: 0 0 0 -330px;} */
	.search h1 {padding: 20px 2% 0;}
	#filter .filter .content{width: 95%;}
	#filter .done button{width: 40%;}
	
	
	
	
}
@media only screen and (max-width: 320px)  {	
	footer .merge li.left {float: left; width: 42%;}
	footer .merge li.right{float: right; width: 58%;}
	footer .merge li.right > div {width: 89%;}
	header form.search input[type="text"] {padding: 6px 0 6px 14%; width: 86%;}
}